@lobehub/chat 0.145.11 → 0.145.13

package/locales/zh-TW/setting.json

@@ -31,20 +31,20 @@
     "sessionWithName": "對話設定 · {{name}}"
   },
   "llm": {
-    "Anthropic": {
+    "anthropic": {
       "endpoint": {
-        "desc": "除預設地址外，必須包含 http(s)://",
+        "desc": "除了預設地址外，必須包含 http(s)://",
         "placeholder": "https://api.anthropic.com",
         "title": "API 代理地址"
       },
       "title": "Anthropic",
       "token": {
-        "desc": "填入來自 Anthropic 的 API 金鑰",
-        "placeholder": "Anthropic API 金鑰",
-        "title": "API 金鑰"
+        "desc": "填入來自 Anthropics 的 API Key",
+        "placeholder": "Anthropic API Key",
+        "title": "API Key"
       }
     },
-    "AzureOpenAI": {
+    "azure": {
       "azureApiVersion": {
         "desc": "Azure 的 API 版本，遵循 YYYY-MM-DD 格式，查閱[最新版本](https://learn.microsoft.com/zh-cn/azure/ai-services/openai/reference#chat-completions)",
         "fetch": "獲取列表",
@@ -55,7 +55,7 @@
         "title": "Azure 部署模型列表"
       },
       "endpoint": {
-        "desc": "從 Azure 門戶檢查資源時，可在“金鑰和終結點”部分中找到此值",
+        "desc": "從 Azure 門戶檢查資源時，可在「密鑰和終端點」部分中找到此值",
         "placeholder": "https://docs-test-001.openai.azure.com",
         "title": "Azure API 地址"
       },
@@ -63,21 +63,21 @@
         "desc": "支援的模型",
         "title": "模型列表"
       },
-      "title": "Azure OpenAI 設定",
+      "title": "Azure OpenAI",
       "token": {
-        "desc": "從 Azure 門戶檢查資源時，可在“金鑰和終結點”部分中找到此值。 可以使用 KEY1 或 KEY2",
-        "placeholder": "Azure API 金鑰",
-        "title": "API 金鑰"
+        "desc": "從 Azure 門戶檢查資源時，可在「密鑰和終端點」部分中找到此值。 可以使用 KEY1 或 KEY2",
+        "placeholder": "Azure API Key",
+        "title": "API Key"
       }
     },
-    "Bedrock": {
+    "bedrock": {
       "accessKeyId": {
         "desc": "填入 AWS Access Key ID",
         "placeholder": "AWS Access Key ID",
         "title": "AWS Access Key ID"
       },
       "checker": {
-        "desc": "測試 Access Key ID / Secret Access Key 是否填寫正確"
+        "desc": "測試 AccessKeyId / SecretAccessKey 是否填寫正確"
       },
       "region": {
         "desc": "填入 AWS Region",
@@ -91,45 +91,51 @@
       },
       "title": "Bedrock"
     },
-    "Google": {
+    "checker": {
+      "button": "檢查",
+      "desc": "測試 API 金鑰與代理地址是否正確填寫",
+      "pass": "檢查通過",
+      "title": "連通性檢查"
+    },
+    "google": {
       "title": "Google",
       "token": {
-        "desc": "填入來自 Google 的 API 金鑰",
-        "placeholder": "Google API 金鑰",
-        "title": "API 金鑰"
+        "desc": "填入來自 Google 的 API Key",
+        "placeholder": "Google API Key",
+        "title": "API Key"
       }
     },
-    "Groq": {
+    "groq": {
       "title": "Groq",
       "token": {
-        "desc": "填入來自 Groq 的 API 金鑰",
-        "placeholder": "Groq API 金鑰",
-        "title": "API 金鑰"
+        "desc": "填入來自 Groq 的 API Key",
+        "placeholder": "Groq API Key",
+        "title": "API Key"
       }
     },
-    "Mistral": {
+    "mistral": {
       "title": "Mistral AI",
       "token": {
-        "desc": "填入來自 Mistral AI 的 API 金鑰",
-        "placeholder": "Mistral AI API 金鑰",
-        "title": "API 金鑰"
+        "desc": "填入來自 Mistral AI 的 API Key",
+        "placeholder": "Mistral AI API Key",
+        "title": "API Key"
       }
     },
-    "Moonshot": {
-      "title": "月球背面",
+    "moonshot": {
+      "title": "月之暗面",
       "token": {
-        "desc": "請填入來自 Moonshot AI 的 API 金鑰",
-        "placeholder": "Moonshot AI API 金鑰",
-        "title": "API 金鑰"
+        "desc": "填入來自 Moonshot AI 的 API Key",
+        "placeholder": "Moonshot AI API Key",
+        "title": "API Key"
       }
     },
-    "Ollama": {
+    "ollama": {
       "checker": {
         "desc": "檢查代理地址是否正確填寫"
       },
       "customModelName": {
         "desc": "新增自定義模型，多個模型使用逗號（,）隔開",
-        "placeholder": "維庫納,利亞瓦,科迪拉瑪,拉瑪2:13b-文本",
+        "placeholder": "vicuna,llava,codellama,llama2:13b-text",
         "title": "自定義模型名稱"
       },
       "endpoint": {
@@ -139,7 +145,7 @@
       },
       "title": "Ollama"
     },
-    "OpenAI": {
+    "openai": {
       "azureApiVersion": {
         "desc": "Azure 的 API 版本，遵循 YYYY-MM-DD 格式，查閱[最新版本](https://learn.microsoft.com/zh-cn/azure/ai-services/openai/reference#chat-completions)",
         "fetch": "獲取列表",
@@ -153,7 +159,7 @@
       "endpoint": {
         "desc": "除預設地址外，必須包含 http(s)://",
         "placeholder": "https://api.openai.com/v1",
-        "title": "介面代理地址"
+        "title": "接口代理地址"
       },
       "models": {
         "count": "共支援 {{count}} 個模型",
@@ -164,11 +170,11 @@
         "refetch": "重新獲取模型列表",
         "title": "模型列表"
       },
-      "title": "OpenAI 設定",
+      "title": "OpenAI",
       "token": {
-        "desc": "使用自己的 OpenAI 金鑰",
-        "placeholder": "OpenAI API 金鑰",
-        "title": "API 金鑰"
+        "desc": "使用自己的 OpenAI Key",
+        "placeholder": "OpenAI API Key",
+        "title": "OpenAI API Key"
       },
       "useAzure": {
         "desc": "使用 Azure 提供的 OpenAI 服務",
@@ -177,7 +183,7 @@
         "title": "Azure OpenAI"
       }
     },
-    "OpenRouter": {
+    "openrouter": {
       "checker": {
         "desc": "測試代理地址是否正確填寫"
       },
@@ -188,12 +194,20 @@
       },
       "title": "OpenRouter",
       "token": {
-        "desc": "填入來自 OpenRouter AI 的 API 金鑰",
-        "placeholder": "OpenRouter AI API 金鑰",
-        "title": "API 金鑰"
+        "desc": "填入來自 OpenRouter AI 的 API Key",
+        "placeholder": "OpenRouter AI API Key",
+        "title": "API Key"
+      }
+    },
+    "perplexity": {
+      "title": "Perplexity",
+      "token": {
+        "desc": "填入來自 Perplexity AI 的 API Key",
+        "placeholder": "Perplexity AI API Key",
+        "title": "API Key"
       }
     },
-    "TogetherAI": {
+    "togetherai": {
       "checker": {
         "desc": "測試代理地址是否正確填寫"
       },
@@ -204,42 +218,28 @@
       },
       "title": "TogetherAI",
       "token": {
-        "desc": "填入來自 TogetherAI AI 的 API 金鑰",
-        "placeholder": "TogetherAI AI API 金鑰",
-        "title": "API 金鑰"
+        "desc": "填入來自 TogetherAI AI 的 API Key",
+        "placeholder": "TogetherAI AI API Key",
+        "title": "API Key"
       }
     },
-    "Perplexity": {
-      "title": "Perplexity AI",
-      "token": {
-        "desc": "請填入來自 Perplexity AI 的 API 金鑰",
-        "placeholder": "Perplexity AI API 金鑰",
-        "title": "API 金鑰"
-      }
-    },
-    "ZeroOne": {
+    "waitingForMore": "更多模型正在 <1>計劃接入</1> 中，敬請期待 ✨",
+    "zeroone": {
       "title": "01.AI 零一萬物",
       "token": {
-        "desc": "填入來自 01.AI 零一萬物的 API 金鑰",
-        "placeholder": "01.AI 零一萬物 API 金鑰",
-        "title": "API 金鑰"
+        "desc": "填入來自 01.AI 零一萬物的 API Key",
+        "placeholder": "01.AI 零一萬物 API Key",
+        "title": "API Key"
       }
     },
-    "Zhipu": {
+    "zhipu": {
       "title": "智譜",
       "token": {
-        "desc": "填入來自智譜的 API 金鑰",
-        "placeholder": "智譜 API 金鑰",
-        "title": "API 金鑰"
+        "desc": "填入來自智譜的 API Key",
+        "placeholder": "Zhipu API Key",
+        "title": "API Key"
       }
-    },
-    "checker": {
-      "button": "檢查",
-      "desc": "測試 API 金鑰與代理地址是否正確填寫",
-      "pass": "檢查通過",
-      "title": "連通性檢查"
-    },
-    "waitingForMore": "更多模型正在 <1>計劃接入</1> 中，敬請期待 ✨"
+    }
   },
   "ollama": {
     "download": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.145.11",
+  "version": "0.145.13",
   "description": "Lobe Chat - an open-source, high-performance chatbot framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",

package/src/app/api/auth/sso-providers/azure-ad.ts

@@ -5,7 +5,7 @@ import { getServerConfig } from '@/config/server';
 const { AZURE_AD_CLIENT_ID, AZURE_AD_CLIENT_SECRET, AZURE_AD_TENANT_ID } = getServerConfig();
 
 const provider = {
-  id: 'azureAd',
+  id: 'azure-ad',
   provider: AzureAD({
     // Specify auth scope, at least include 'openid email'
     // all scopes in Azure AD ref: https://learn.microsoft.com/en-us/entra/identity-platform/scopes-oidc#openid-connect-scopes

package/src/app/settings/llm/Anthropic/index.tsx

@@ -1,59 +1,19 @@
 import { Anthropic, Claude } from '@lobehub/icons';
-import { Input } from 'antd';
 import { useTheme } from 'antd-style';
 import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
 
 import { ModelProvider } from '@/libs/agent-runtime';
 
-import Checker from '../components/Checker';
 import ProviderConfig from '../components/ProviderConfig';
-import {
-  LLMProviderApiTokenKey,
-  LLMProviderBaseUrlKey,
-  LLMProviderConfigKey
-} from '../const';
-
-const providerKey = 'anthropic';
 
 const AnthropicProvider = memo(() => {
-  const { t } = useTranslation('setting');
-
   const theme = useTheme();
 
   return (
     <ProviderConfig
-      configItems={[
-        {
-          children: (
-            <Input.Password
-              autoComplete={'new-password'}
-              placeholder={t('llm.Anthropic.token.placeholder')}
-            />
-          ),
-          desc: t('llm.Anthropic.token.desc'),
-          label: t('llm.Anthropic.token.title'),
-          name: [LLMProviderConfigKey, providerKey, LLMProviderApiTokenKey],
-        },
-        {
-          children: (
-            <Input
-              allowClear
-              placeholder={t('llm.Anthropic.endpoint.placeholder')}
-            />
-          ),
-          desc: t('llm.Anthropic.endpoint.desc'),
-          label: t('llm.Anthropic.endpoint.title'),
-          name: [LLMProviderConfigKey, providerKey, LLMProviderBaseUrlKey],
-        },
-        {
-          children: <Checker model={'claude-2.1'} provider={ModelProvider.Anthropic} />,
-          desc: t('llm.checker.desc'),
-          label: t('llm.checker.title'),
-          minWidth: '100%',
-        },
-      ]}
-      provider={providerKey}
+      checkModel={'claude-2.1'}
+      provider={ModelProvider.Anthropic}
+      showEndpoint
       title={
         <Anthropic.Text
           color={theme.isDarkMode ? theme.colorText : Claude.colorPrimary}

package/src/app/settings/llm/Azure/index.tsx

@@ -38,17 +38,17 @@ const AzureOpenAIProvider = memo(() => {
           children: (
             <Input.Password
               autoComplete={'new-password'}
-              placeholder={t('llm.AzureOpenAI.token.placeholder')}
+              placeholder={t('llm.azure.token.placeholder')}
             />
           ),
-          desc: t('llm.AzureOpenAI.token.desc'),
-          label: t('llm.AzureOpenAI.token.title'),
+          desc: t('llm.azure.token.desc'),
+          label: t('llm.azure.token.title'),
           name: [LLMProviderConfigKey, providerKey, LLMProviderApiTokenKey],
         },
         {
-          children: <Input allowClear placeholder={t('llm.AzureOpenAI.endpoint.placeholder')} />,
-          desc: t('llm.AzureOpenAI.endpoint.desc'),
-          label: t('llm.AzureOpenAI.endpoint.title'),
+          children: <Input allowClear placeholder={t('llm.azure.endpoint.placeholder')} />,
+          desc: t('llm.azure.endpoint.desc'),
+          label: t('llm.azure.endpoint.title'),
           name: [LLMProviderConfigKey, providerKey, LLMProviderBaseUrlKey],
         },
         {
@@ -69,10 +69,10 @@ const AzureOpenAIProvider = memo(() => {
           ),
           desc: (
             <Markdown className={styles.markdown} fontSize={12} variant={'chat'}>
-              {t('llm.AzureOpenAI.azureApiVersion.desc')}
+              {t('llm.azure.azureApiVersion.desc')}
             </Markdown>
           ),
-          label: t('llm.AzureOpenAI.azureApiVersion.title'),
+          label: t('llm.azure.azureApiVersion.title'),
           name: [LLMProviderConfigKey, providerKey, 'apiVersion'],
         },
         {
@@ -85,11 +85,11 @@ const AzureOpenAIProvider = memo(() => {
           ),
           desc: (
             <Markdown className={styles.markdown} fontSize={12} variant={'chat'}>
-              {t('llm.AzureOpenAI.deployments.desc')}
+              {t('llm.azure.deployments.desc')}
             </Markdown>
           ),
 
-          label: t('llm.AzureOpenAI.deployments.title'),
+          label: t('llm.azure.deployments.title'),
           name: [LLMProviderConfigKey, providerKey, 'deployments'],
         },
         {

package/src/app/settings/llm/Bedrock/index.tsx

@@ -23,22 +23,22 @@ const BedrockProvider = memo(() => {
           children: (
             <Input.Password
               autoComplete={'new-password'}
-              placeholder={t('llm.Bedrock.accessKeyId.placeholder')}
+              placeholder={t(`llm.${providerKey}.accessKeyId.placeholder`)}
             />
           ),
-          desc: t('llm.Bedrock.accessKeyId.desc'),
-          label: t('llm.Bedrock.accessKeyId.title'),
+          desc: t(`llm.${providerKey}.accessKeyId.desc`),
+          label: t(`llm.${providerKey}.accessKeyId.title`),
           name: [LLMProviderConfigKey, providerKey, 'accessKeyId'],
         },
         {
           children: (
             <Input.Password
               autoComplete={'new-password'}
-              placeholder={t('llm.Bedrock.secretAccessKey.placeholder')}
+              placeholder={t(`llm.${providerKey}.secretAccessKey.placeholder`)}
             />
           ),
-          desc: t('llm.Bedrock.secretAccessKey.desc'),
-          label: t('llm.Bedrock.secretAccessKey.title'),
+          desc: t(`llm.${providerKey}.secretAccessKey.desc`),
+          label: t(`llm.${providerKey}.secretAccessKey.title`),
           name: [LLMProviderConfigKey, providerKey, 'secretAccessKey'],
         },
         {
@@ -52,15 +52,15 @@ const BedrockProvider = memo(() => {
               placeholder={'us-east-1'}
             />
           ),
-          desc: t('llm.Bedrock.region.desc'),
-          label: t('llm.Bedrock.region.title'),
+          desc: t(`llm.${providerKey}.region.desc`),
+          label: t(`llm.${providerKey}.region.title`),
           name: [LLMProviderConfigKey, providerKey, 'region'],
         },
         {
           children: (
             <Checker model={'anthropic.claude-instant-v1'} provider={ModelProvider.Bedrock} />
           ),
-          desc: t('llm.Bedrock.checker.desc'),
+          desc: t(`llm.${providerKey}.checker.desc`),
           label: t('llm.checker.title'),
           minWidth: '100%',
         },

package/src/app/settings/llm/Google/index.tsx

@@ -1,43 +1,17 @@
 import { Gemini, Google } from '@lobehub/icons';
-import { Divider, Input } from 'antd';
+import { Divider } from 'antd';
 import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
 import { ModelProvider } from '@/libs/agent-runtime';
-import { GlobalLLMProviderKey } from '@/types/settings';
 
-import Checker from '../components/Checker';
 import ProviderConfig from '../components/ProviderConfig';
-import { LLMProviderApiTokenKey, LLMProviderConfigKey } from '../const';
-
-const providerKey: GlobalLLMProviderKey = 'google';
 
 const GoogleProvider = memo(() => {
-  const { t } = useTranslation('setting');
-
   return (
     <ProviderConfig
-      configItems={[
-        {
-          children: (
-            <Input.Password
-              autoComplete={'new-password'}
-              placeholder={t('llm.Google.token.placeholder')}
-            />
-          ),
-          desc: t('llm.Google.token.desc'),
-          label: t('llm.Google.token.title'),
-          name: [LLMProviderConfigKey, providerKey, LLMProviderApiTokenKey],
-        },
-        {
-          children: <Checker model={'gemini-pro'} provider={ModelProvider.Google} />,
-          desc: t('llm.checker.desc'),
-          label: t('llm.checker.title'),
-          minWidth: '100%',
-        },
-      ]}
-      provider={providerKey}
+      checkModel={'gemini-pro'}
+      provider={ModelProvider.Google}
       title={
         <Flexbox align={'center'} gap={8} horizontal>
           <Google.BrandColor size={28} />

package/src/app/settings/llm/Groq/index.tsx

@@ -1,44 +1,18 @@
 import { Groq } from '@lobehub/icons';
-import { Input } from 'antd';
 import { useTheme } from 'antd-style';
 import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
 
 import { ModelProvider } from '@/libs/agent-runtime';
 
-import Checker from '../components/Checker';
 import ProviderConfig from '../components/ProviderConfig';
-import { LLMProviderApiTokenKey, LLMProviderConfigKey } from '../const';
-
-const providerKey = 'groq';
 
 const GroqProvider = memo(() => {
-  const { t } = useTranslation('setting');
-
   const theme = useTheme();
 
   return (
     <ProviderConfig
-      configItems={[
-        {
-          children: (
-            <Input.Password
-              autoComplete={'new-password'}
-              placeholder={t('llm.Groq.token.placeholder')}
-            />
-          ),
-          desc: t('llm.Groq.token.desc'),
-          label: t('llm.Groq.token.title'),
-          name: [LLMProviderConfigKey, providerKey, LLMProviderApiTokenKey],
-        },
-        {
-          children: <Checker model={'gemma-7b-it'} provider={ModelProvider.Groq} />,
-          desc: t('llm.checker.desc'),
-          label: t('llm.checker.title'),
-          minWidth: '100%',
-        },
-      ]}
-      provider={providerKey}
+      checkModel={'gemma-7b-it'}
+      provider={ModelProvider.Groq}
       title={<Groq.Text color={theme.isDarkMode ? theme.colorText : Groq.colorPrimary} size={24} />}
     />
   );

package/src/app/settings/llm/Mistral/index.tsx

@@ -1,44 +1,18 @@
 import { Mistral } from '@lobehub/icons';
-import { Input } from 'antd';
 import { useTheme } from 'antd-style';
 import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
 
 import { ModelProvider } from '@/libs/agent-runtime';
 
-import Checker from '../components/Checker';
 import ProviderConfig from '../components/ProviderConfig';
-import { LLMProviderApiTokenKey, LLMProviderConfigKey } from '../const';
-
-const providerKey = 'mistral';
 
 const MistralProvider = memo(() => {
-  const { t } = useTranslation('setting');
-
   const theme = useTheme();
 
   return (
     <ProviderConfig
-      configItems={[
-        {
-          children: (
-            <Input.Password
-              autoComplete={'new-password'}
-              placeholder={t('llm.Mistral.token.placeholder')}
-            />
-          ),
-          desc: t('llm.Mistral.token.desc'),
-          label: t('llm.Mistral.token.title'),
-          name: [LLMProviderConfigKey, providerKey, LLMProviderApiTokenKey],
-        },
-        {
-          children: <Checker model={'open-mistral-7b'} provider={ModelProvider.Mistral} />,
-          desc: t('llm.checker.desc'),
-          label: t('llm.checker.title'),
-          minWidth: '100%',
-        },
-      ]}
-      provider={providerKey}
+      checkModel={'open-mistral-7b'}
+      provider={ModelProvider.Mistral}
       title={
         <Mistral.Combine
           color={theme.isDarkMode ? theme.colorText : Mistral.colorPrimary}

package/src/app/settings/llm/Moonshot/index.tsx

@@ -1,44 +1,18 @@
 import { Moonshot } from '@lobehub/icons';
-import { Input } from 'antd';
 import { useTheme } from 'antd-style';
 import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
 
 import { ModelProvider } from '@/libs/agent-runtime';
 
-import Checker from '../components/Checker';
 import ProviderConfig from '../components/ProviderConfig';
-import { LLMProviderApiTokenKey, LLMProviderConfigKey } from '../const';
-
-const providerKey = 'moonshot';
 
 const MoonshotProvider = memo(() => {
-  const { t } = useTranslation('setting');
-
   const theme = useTheme();
 
   return (
     <ProviderConfig
-      configItems={[
-        {
-          children: (
-            <Input.Password
-              autoComplete={'new-password'}
-              placeholder={t('llm.Moonshot.token.placeholder')}
-            />
-          ),
-          desc: t('llm.Moonshot.token.desc'),
-          label: t('llm.Moonshot.token.title'),
-          name: [LLMProviderConfigKey, providerKey, LLMProviderApiTokenKey],
-        },
-        {
-          children: <Checker model={'moonshot-v1-8k'} provider={ModelProvider.Moonshot} />,
-          desc: t('llm.checker.desc'),
-          label: t('llm.checker.title'),
-          minWidth: '100%',
-        },
-      ]}
-      provider={providerKey}
+      checkModel={'moonshot-v1-8k'}
+      provider={ModelProvider.Moonshot}
       title={
         <Moonshot.Combine
           color={theme.isDarkMode ? theme.colorText : Moonshot.colorPrimary}