@lobehub/chat 0.162.17 → 0.162.18

package/src/locales/default/modelProvider.ts

@@ -1,16 +1,4 @@
 export default {
-  anthropic: {
-    title: 'Anthropic',
-    token: {
-      desc: '填入来自 Anthropic 的 API Key',
-      placeholder: 'Anthropic API Key',
-      title: 'API Key',
-    },
-    unlock: {
-      description: '输入你的 Anthropic API Key 即可开始会话。应用不会记录你的 API Key',
-      title: '使用自定义 Anthropic API Key',
-    },
-  },
   azure: {
     azureApiVersion: {
       desc: 'Azure 的 API 版本，遵循 YYYY-MM-DD 格式，查阅[最新版本](https://learn.microsoft.com/zh-cn/azure/ai-services/openai/reference#chat-completions)',
@@ -30,10 +18,6 @@ export default {
       placeholder: 'Azure API Key',
       title: 'API Key',
     },
-    unlock: {
-      description: '输入你的 Azure OpenAI API Key 即可开始会话',
-      title: '使用自定义 Azure OpenAI API Key',
-    },
   },
   bedrock: {
     accessKeyId: {
@@ -62,78 +46,6 @@ export default {
       title: '使用自定义 Bedrock 鉴权信息',
     },
   },
-  deepseek: {
-    title: 'DeepSeek',
-    token: {
-      desc: '填入来自 DeepSeek 的 API Key',
-      placeholder: 'DeepSeek API Key',
-      title: 'API Key',
-    },
-    unlock: {
-      description: '输入你的 DeepSeek API Key 即可开始会话。应用不会记录你的 API Key',
-      title: '使用自定义 DeepSeek API Key',
-    },
-  },
-  google: {
-    title: 'Google',
-    token: {
-      desc: '填入来自 Google 的 API Key',
-      placeholder: 'Google API Key',
-      title: 'API Key',
-    },
-    unlock: {
-      description: '输入你的 Google API Key 即可开始会话。应用不会记录你的 API Key',
-      title: '使用自定义 Google API Key',
-    },
-  },
-  groq: {
-    title: 'Groq',
-    token: {
-      desc: '填入来自 Groq 的 API Key',
-      placeholder: 'Groq API Key',
-      title: 'API Key',
-    },
-    unlock: {
-      description: '输入你的 Groq API Key 即可开始会话。应用不会记录你的 API Key',
-      title: '使用自定义 Groq API Key',
-    },
-  },
-  minimax: {
-    title: 'Minimax',
-    token: {
-      desc: '填入来自 Minimax 的 API Key',
-      placeholder: 'Minimax API Key',
-      title: 'API Key',
-    },
-    unlock: {
-      description: '输入你的 Minimax API Key 即可开始会话。应用不会记录你的 API Key',
-      title: '使用自定义 Minimax API Key',
-    },
-  },
-  mistral: {
-    title: 'Mistral AI',
-    token: {
-      desc: '填入来自 Mistral AI 的 API Key',
-      placeholder: 'Mistral AI API Key',
-      title: 'API Key',
-    },
-    unlock: {
-      description: '输入你的 Mistral AI API Key 即可开始会话。应用不会记录你的 API Key',
-      title: '使用自定义 Mistral AI API Key',
-    },
-  },
-  moonshot: {
-    title: 'Moonshot AI',
-    token: {
-      desc: '填入来自 Moonshot AI 的 API Key',
-      placeholder: 'Moonshot AI API Key',
-      title: 'API Key',
-    },
-    unlock: {
-      description: '输入你的 Moonshot AI API Key 即可开始会话。应用不会记录你的 API Key',
-      title: '使用自定义 Moonshot AI API Key',
-    },
-  },
   ollama: {
     checker: {
       desc: '测试代理地址是否正确填写',
@@ -144,6 +56,12 @@ export default {
       placeholder: 'vicuna,llava,codellama,llama2:13b-text',
       title: '自定义模型名称',
     },
+    download: {
+      desc: 'Ollama 正在下载该模型，请尽量不要关闭本页面。重新下载时将会中断处继续',
+      remainingTime: '剩余时间',
+      speed: '下载速度',
+      title: '正在下载模型 {{model}} ',
+    },
     endpoint: {
       desc: '填入 Ollama 接口代理地址，本地未额外指定可留空',
       title: 'Ollama 服务地址',
@@ -175,94 +93,19 @@ export default {
       },
     },
     title: 'Ollama',
-  },
-  openai: {
-    title: 'OpenAI',
-    token: {
-      desc: '使用自己的 OpenAI Key',
-      placeholder: 'OpenAI API Key',
-      title: 'OpenAI API Key',
-    },
     unlock: {
-      description: '输入你的 OpenAI API Key 即可开始会话。应用不会记录你的 API Key',
-      title: '使用自定义 OpenAI API Key',
-    },
-  },
-  openrouter: {
-    checker: {
-      desc: '测试代理地址是否正确填写',
-    },
-    customModelName: {
-      desc: '增加自定义模型，多个模型使用逗号（,）隔开',
-      placeholder: 'mistralai/mistral-7b-instruct:free,openchat/openchat-7b:free',
-      title: '自定义模型名称',
-    },
-    title: 'OpenRouter',
-    token: {
-      desc: '填入来自 OpenRouter AI 的 API Key',
-      placeholder: 'OpenRouter AI API Key',
-      title: 'API Key',
-    },
-
-    unlock: {
-      description: '输入你的 OpenRouter API Key 即可开始会话。应用不会记录你的 API Key',
-      title: '使用自定义 OpenRouter API Key',
-    },
-  },
-  perplexity: {
-    title: 'Perplexity',
-    token: {
-      desc: '填入来自 Perplexity AI 的 API Key',
-      placeholder: 'Perplexity AI API Key',
-      title: 'API Key',
-    },
-    unlock: {
-      description: '输入你的 Perplexity API Key 即可开始会话。应用不会记录你的 API Key',
-      title: '使用自定义 Perplexity API Key',
-    },
-  },
-  togetherai: {
-    checker: {
-      desc: '测试代理地址是否正确填写',
-    },
-    customModelName: {
-      desc: '增加自定义模型，多个模型使用逗号（,）隔开',
-      placeholder: 'togethercomputer/Llama-2-7B-32K-Instruct,teknium/OpenHermes-2-Mistral-7B',
-      title: '自定义模型名称',
-    },
-    title: 'TogetherAI',
-    token: {
-      desc: '填入来自 TogetherAI AI 的 API Key',
-      placeholder: 'TogetherAI AI API Key',
-      title: 'API Key',
-    },
-    unlock: {
-      description: '输入你的 TogetherAI API Key 即可开始会话。应用不会记录你的 API Key',
-      title: '使用自定义 TogetherAI API Key',
+      cancel: '取消下载',
+      confirm: '下载',
+      description: '输入你的 Ollama 模型标签，完成即可继续会话',
+      downloaded: '{{completed}} / {{total}}',
+      starting: '开始下载...',
+      title: '下载指定的 Ollama 模型',
     },
   },
   zeroone: {
     title: '01.AI 零一万物',
-    token: {
-      desc: '填入来自 01.AI 零一万物的 API Key',
-      placeholder: '01.AI 零一万物 API Key',
-      title: 'API Key',
-    },
-    unlock: {
-      description: '输入你的零一万物 API Key 即可开始会话。应用不会记录你的 API Key',
-      title: '使用自定义零一万物 API Key',
-    },
   },
   zhipu: {
     title: '智谱',
-    token: {
-      desc: '填入来自智谱的 API Key',
-      placeholder: 'Zhipu API Key',
-      title: 'API Key',
-    },
-    unlock: {
-      description: '输入你的 Zhipu API Key 即可开始会话。应用不会记录你的 API Key',
-      title: '使用自定义 Zhipu API Key',
-    },
   },
 };

package/src/locales/default/setting.ts

@@ -43,6 +43,11 @@ export default {
     title: '设置',
   },
   llm: {
+    apiKey: {
+      desc: '请填写你的 {{name}} API Key',
+      placeholder: '{{name}} API Key',
+      title: 'API Key',
+    },
     checker: {
       button: '检查',
       desc: '测试 Api Key 与代理地址是否正确填写',
@@ -112,14 +117,6 @@ export default {
     },
     waitingForMore: '更多模型正在 <1>计划接入</1> 中，敬请期待 ✨',
   },
-  ollama: {
-    download: {
-      desc: 'Ollama 正在下载该模型，请尽量不要关闭本页面。重新下载时将会中断处继续',
-      remainingTime: '剩余时间',
-      speed: '下载速度',
-      title: '正在下载模型 {{model}} ',
-    },
-  },
   plugin: {
     addTooltip: '自定义插件',
     clearDeprecated: '移除无效插件',

package/src/services/message/client.test.ts

@@ -194,7 +194,10 @@ describe('MessageClientService', () => {
   describe('updateMessageError', () => {
     it('should update the error field of a message', async () => {
       // Setup
-      const newError = { type: 'NoOpenAIAPIKey', message: 'Error occurred' } as ChatMessageError;
+      const newError = {
+        type: 'InvalidProviderAPIKey',
+        message: 'Error occurred',
+      } as ChatMessageError;
       (MessageModel.update as Mock).mockResolvedValue({ ...mockMessage, error: newError });
 
       // Execute

package/src/types/fetch.ts

@@ -6,7 +6,9 @@ export const ChatErrorType = {
 
   InvalidAccessCode: 'InvalidAccessCode', // 密码无效
   InvalidClerkUser: 'InvalidClerkUser', // is not Clerk User
-  OpenAIBizError: 'OpenAIBizError', // OpenAI 返回的业务错误
+  /**
+   * @deprecated
+   */
   NoOpenAIAPIKey: 'NoOpenAIAPIKey',
   OllamaServiceUnavailable: 'OllamaServiceUnavailable', // 未启动/检测到 Ollama 服务
 

package/src/types/llm.ts

@@ -1,3 +1,5 @@
+import { ReactNode } from 'react';
+
 export interface ChatModelCard {
   /**
    * only used in azure
@@ -43,8 +45,28 @@ export interface ChatModelCard {
 
 export interface ModelProviderCard {
   chatModels: ChatModelCard[];
+  /**
+   * the default model that used for connection check
+   */
+  checkModel?: string;
   enabled?: boolean;
   id: string;
+  modelList?: {
+    azureDeployName?: boolean;
+    notFoundContent?: ReactNode;
+    placeholder?: string;
+    showModelFetcher?: boolean;
+  };
+  name: string;
+  proxyUrl?:
+    | {
+        desc?: string;
+        placeholder: string;
+        title?: string;
+      }
+    | false;
+  showApiKey?: boolean;
+  showBrowserRequest?: boolean;
 }
 
 // 语言模型的设置参数

package/src/app/(main)/settings/llm/Anthropic/index.tsx

@@ -1,25 +0,0 @@
-'use client';
-
-import { Anthropic, Claude } from '@lobehub/icons';
-import { useTheme } from 'antd-style';
-import { memo } from 'react';
-
-import { ModelProvider } from '@/libs/agent-runtime';
-
-import ProviderConfig from '../components/ProviderConfig';
-
-const AnthropicProvider = memo(() => {
-  const { isDarkMode } = useTheme();
-  return (
-    <ProviderConfig
-      checkModel={'claude-3-haiku-20240307'}
-      provider={ModelProvider.Anthropic}
-      proxyUrl={{
-        placeholder: 'https://api.anthropic.com',
-      }}
-      title={<Anthropic.Text color={isDarkMode ? undefined : Claude.colorPrimary} size={15} />}
-    />
-  );
-});
-
-export default AnthropicProvider;

package/src/app/(main)/settings/llm/Azure/index.tsx

@@ -1,110 +0,0 @@
-'use client';
-
-import { Azure, OpenAI } from '@lobehub/icons';
-import { Markdown } from '@lobehub/ui';
-import { AutoComplete, Divider, Input } from 'antd';
-import { createStyles } from 'antd-style';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import { ModelProvider } from '@/libs/agent-runtime';
-import { useUserStore } from '@/store/user';
-import { modelProviderSelectors } from '@/store/user/selectors';
-
-import ProviderConfig from '../components/ProviderConfig';
-import { KeyVaultsConfigKey, LLMProviderApiTokenKey } from '../const';
-
-const useStyles = createStyles(({ css, token }) => ({
-  markdown: css`
-    p {
-      color: ${token.colorTextDescription} !important;
-    }
-  `,
-  tip: css`
-    font-size: 12px;
-    color: ${token.colorTextDescription};
-  `,
-}));
-
-const providerKey = ModelProvider.Azure;
-
-const AzureOpenAIProvider = memo(() => {
-  const { t } = useTranslation('modelProvider');
-
-  const { styles } = useStyles();
-
-  // Get the first model card's deployment name as the check model
-  const checkModel = useUserStore((s) => {
-    const chatModelCards = modelProviderSelectors.getModelCardsById(providerKey)(s);
-
-    if (chatModelCards.length > 0) {
-      return chatModelCards[0].deploymentName;
-    }
-
-    return 'gpt-35-turbo';
-  });
-
-  return (
-    <ProviderConfig
-      apiKeyItems={[
-        {
-          children: (
-            <Input.Password
-              autoComplete={'new-password'}
-              placeholder={t('azure.token.placeholder')}
-            />
-          ),
-          desc: t('azure.token.desc'),
-          label: t('azure.token.title'),
-          name: [KeyVaultsConfigKey, providerKey, LLMProviderApiTokenKey],
-        },
-        {
-          children: <Input allowClear placeholder={t('azure.endpoint.placeholder')} />,
-          desc: t('azure.endpoint.desc'),
-          label: t('azure.endpoint.title'),
-          name: [KeyVaultsConfigKey, providerKey, 'endpoint'],
-        },
-        {
-          children: (
-            <AutoComplete
-              options={[
-                '2024-02-01',
-                '2024-03-01-preview',
-                '2024-02-15-preview',
-                '2023-10-01-preview',
-                '2023-06-01-preview',
-                '2023-05-15',
-              ].map((i) => ({ label: i, value: i }))}
-              placeholder={'20XX-XX-XX'}
-            />
-          ),
-          desc: (
-            <Markdown className={styles.markdown} fontSize={12} variant={'chat'}>
-              {t('azure.azureApiVersion.desc')}
-            </Markdown>
-          ),
-          label: t('azure.azureApiVersion.title'),
-          name: [KeyVaultsConfigKey, providerKey, 'apiVersion'],
-        },
-      ]}
-      checkModel={checkModel}
-      modelList={{
-        azureDeployName: true,
-        notFoundContent: t('azure.empty'),
-        placeholder: t('azure.modelListPlaceholder'),
-      }}
-      provider={providerKey}
-      showBrowserRequest
-      title={
-        <Flexbox align={'center'} gap={8} horizontal>
-          <Azure.Combine size={22} type={'color'}></Azure.Combine>
-          <Divider style={{ margin: '0 4px' }} type={'vertical'} />
-          <OpenAI.Combine size={24}></OpenAI.Combine>
-        </Flexbox>
-      }
-    />
-  );
-});
-
-export default AzureOpenAIProvider;

package/src/app/(main)/settings/llm/Bedrock/index.tsx

@@ -1,74 +0,0 @@
-'use client';
-
-import { Aws, Bedrock } from '@lobehub/icons';
-import { Divider, Input, Select } 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/user/settings';
-
-import ProviderConfig from '../components/ProviderConfig';
-import { KeyVaultsConfigKey } from '../const';
-
-const providerKey: GlobalLLMProviderKey = 'bedrock';
-
-const BedrockProvider = memo(() => {
-  const { t } = useTranslation('modelProvider');
-
-  return (
-    <ProviderConfig
-      apiKeyItems={[
-        {
-          children: (
-            <Input.Password
-              autoComplete={'new-password'}
-              placeholder={t(`${providerKey}.accessKeyId.placeholder`)}
-            />
-          ),
-          desc: t(`${providerKey}.accessKeyId.desc`),
-          label: t(`${providerKey}.accessKeyId.title`),
-          name: [KeyVaultsConfigKey, providerKey, 'accessKeyId'],
-        },
-        {
-          children: (
-            <Input.Password
-              autoComplete={'new-password'}
-              placeholder={t(`${providerKey}.secretAccessKey.placeholder`)}
-            />
-          ),
-          desc: t(`${providerKey}.secretAccessKey.desc`),
-          label: t(`${providerKey}.secretAccessKey.title`),
-          name: [KeyVaultsConfigKey, providerKey, 'secretAccessKey'],
-        },
-        {
-          children: (
-            <Select
-              allowClear
-              options={['us-east-1', 'us-west-2', 'ap-southeast-1'].map((i) => ({
-                label: i,
-                value: i,
-              }))}
-              placeholder={'us-east-1'}
-            />
-          ),
-          desc: t(`${providerKey}.region.desc`),
-          label: t(`${providerKey}.region.title`),
-          name: [KeyVaultsConfigKey, providerKey, 'region'],
-        },
-      ]}
-      checkModel={'anthropic.claude-instant-v1'}
-      provider={ModelProvider.Bedrock}
-      title={
-        <Flexbox align={'center'} gap={8} horizontal>
-          <Aws.Color size={32} />
-          <Divider style={{ margin: '0 4px' }} type={'vertical'} />
-          <Bedrock.Combine size={26} type={'color'} />
-        </Flexbox>
-      }
-    />
-  );
-});
-
-export default BedrockProvider;

package/src/app/(main)/settings/llm/DeepSeek/index.tsx

@@ -1,21 +0,0 @@
-'use client';
-
-import { DeepSeek } from '@lobehub/icons';
-import { memo } from 'react';
-
-import { ModelProvider } from '@/libs/agent-runtime';
-
-import ProviderConfig from '../components/ProviderConfig';
-
-const DeepSeekProvider = memo(() => {
-  return (
-    <ProviderConfig
-      checkModel={'deepseek-chat'}
-      modelList={{ showModelFetcher: true }}
-      provider={ModelProvider.DeepSeek}
-      title={<DeepSeek.Combine size={28} type={'color'} />}
-    />
-  );
-});
-
-export default DeepSeekProvider;

package/src/app/(main)/settings/llm/Google/index.tsx

@@ -1,31 +0,0 @@
-'use client';
-
-import { Gemini, Google } from '@lobehub/icons';
-import { Divider } from 'antd';
-import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-import { ModelProvider } from '@/libs/agent-runtime';
-
-import ProviderConfig from '../components/ProviderConfig';
-
-const GoogleProvider = memo(() => {
-  return (
-    <ProviderConfig
-      checkModel={'gemini-pro'}
-      provider={ModelProvider.Google}
-      proxyUrl={{
-        placeholder: 'https://generativelanguage.googleapis.com',
-      }}
-      title={
-        <Flexbox align={'center'} gap={8} horizontal>
-          <Google.BrandColor size={22} />
-          <Divider style={{ margin: '0 4px' }} type={'vertical'} />
-          <Gemini.Combine size={22} type={'color'} />
-        </Flexbox>
-      }
-    />
-  );
-});
-
-export default GoogleProvider;

package/src/app/(main)/settings/llm/Groq/index.tsx

@@ -1,26 +0,0 @@
-'use client';
-
-import { Groq } from '@lobehub/icons';
-import { useTheme } from 'antd-style';
-import { memo } from 'react';
-
-import { ModelProvider } from '@/libs/agent-runtime';
-
-import ProviderConfig from '../components/ProviderConfig';
-
-const GroqProvider = memo(() => {
-  const theme = useTheme();
-
-  return (
-    <ProviderConfig
-      checkModel={'gemma-7b-it'}
-      provider={ModelProvider.Groq}
-      proxyUrl={{
-        placeholder: 'https://api.groq.com/openai/v1',
-      }}
-      title={<Groq.Text color={theme.isDarkMode ? theme.colorText : Groq.colorPrimary} size={20} />}
-    />
-  );
-});
-
-export default GroqProvider;

package/src/app/(main)/settings/llm/Minimax/index.tsx

@@ -1,20 +0,0 @@
-'use client';
-
-import { Minimax } from '@lobehub/icons';
-import { memo } from 'react';
-
-import { ModelProvider } from '@/libs/agent-runtime';
-
-import ProviderConfig from '../components/ProviderConfig';
-
-const MinimaxProvider = memo(() => {
-  return (
-    <ProviderConfig
-      checkModel={'abab5.5s-chat'}
-      provider={ModelProvider.Minimax}
-      title={<Minimax.Combine size={32} type={'color'} />}
-    />
-  );
-});
-
-export default MinimaxProvider;

package/src/app/(main)/settings/llm/Mistral/index.tsx

@@ -1,20 +0,0 @@
-'use client';
-
-import { Mistral } from '@lobehub/icons';
-import { memo } from 'react';
-
-import { ModelProvider } from '@/libs/agent-runtime';
-
-import ProviderConfig from '../components/ProviderConfig';
-
-const MistralProvider = memo(() => {
-  return (
-    <ProviderConfig
-      checkModel={'open-mistral-7b'}
-      provider={ModelProvider.Mistral}
-      title={<Mistral.Combine size={26} type={'color'} />}
-    />
-  );
-});
-
-export default MistralProvider;

package/src/app/(main)/settings/llm/Moonshot/index.tsx

@@ -1,28 +0,0 @@
-'use client';
-
-import { Moonshot } from '@lobehub/icons';
-import { useTheme } from 'antd-style';
-import { memo } from 'react';
-
-import { ModelProvider } from '@/libs/agent-runtime';
-
-import ProviderConfig from '../components/ProviderConfig';
-
-const MoonshotProvider = memo(() => {
-  const theme = useTheme();
-
-  return (
-    <ProviderConfig
-      checkModel={'moonshot-v1-8k'}
-      provider={ModelProvider.Moonshot}
-      title={
-        <Moonshot.Combine
-          color={theme.isDarkMode ? theme.colorText : Moonshot.colorPrimary}
-          size={22}
-        />
-      }
-    />
-  );
-});
-
-export default MoonshotProvider;