@lobehub/chat 1.9.7 → 1.10.0

package/.env.example

@@ -112,6 +112,10 @@ OPENAI_API_KEY=sk-xxxxxxxxx
 
 # QWEN_API_KEY=sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
 
+### SiliconCloud AI  ####
+
+# SILICONCLOUD_API_KEY=sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+
 ########################################
 ############ Market Service ############
 ########################################

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+## [Version 1.10.0](https://github.com/lobehub/lobe-chat/compare/v1.9.8...v1.10.0)
+
+<sup>Released on **2024-08-14**</sup>
+
+#### ✨ Features
+
+- **misc**: Add SiliconCloud model provider.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **misc**: Add SiliconCloud model provider, closes [#3092](https://github.com/lobehub/lobe-chat/issues/3092) ([0781dc5](https://github.com/lobehub/lobe-chat/commit/0781dc5))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 1.9.8](https://github.com/lobehub/lobe-chat/compare/v1.9.7...v1.9.8)
+
+<sup>Released on **2024-08-13**</sup>
+
+#### 💄 Styles
+
+- **misc**: Resize the image size in chat message.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Resize the image size in chat message, closes [#3462](https://github.com/lobehub/lobe-chat/issues/3462) ([37c7429](https://github.com/lobehub/lobe-chat/commit/37c7429))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.9.7](https://github.com/lobehub/lobe-chat/compare/v1.9.6...v1.9.7)
 
 <sup>Released on **2024-08-13**</sup>

package/docs/usage/providers/siliconcloud.mdx

@@ -0,0 +1,46 @@
+---
+title: Using SiliconCloud API Key in LobeChat
+description: Learn how to configure and use SiliconCloud's large language models in LobeChat, get your API key, and start chatting.
+tags:
+  - LobeChat
+  - SiliconCloud
+  - API Key
+  - Web UI
+---
+
+# Using SiliconCloud in LobeChat
+
+
+[SiliconCloud](https://siliconflow.cn/zh-cn/siliconcloud) is a cost-effective large model service provider, offering various services such as text generation and image generation.
+
+This document will guide you on how to use SiliconCloud in LobeChat:
+
+<Steps>
+
+### Step 1: Get your SiliconCloud API Key
+
+- First, you need to register and log in to [SiliconCloud](https://cloud.siliconflow.cn/auth/login) 
+
+<Callout type={'info'}>Currently, new users can get 14 yuan free credit upon registration</Callout>
+
+- Go to the `API Key` menu and click `Create New API Key`
+
+- Click copy API key and keep it safe
+
+### Step 2: Configure SiliconCloud in LobeChat
+
+- Visit the `App Settings` interface of LobeChat
+
+- Under `Language Model`, find the `SiliconCloud` settings
+
+- Enable SiliconCloud and enter the obtained API key
+
+- Choose a SiliconCloud model for your assistant and start chatting
+
+<Callout type={'warning'}>
+  You may need to pay the API service provider during use. Please refer to SiliconCloud's relevant fee policy.
+</Callout>
+
+</Steps>
+
+Now you can use the models provided by SiliconCloud for conversation in LobeChat.

package/docs/usage/providers/siliconcloud.zh-CN.mdx

@@ -0,0 +1,46 @@
+---
+title: 在 LobeChat 中使用 SiliconCloud API Key
+description: 学习如何在 LobeChat 中配置和使用 SiliconCloud 提供的大语言模型，获取 API 密钥并开始对话。
+tags:
+  - LobeChat
+  - SiliconCloud
+  - API密钥
+  - Web UI
+---
+
+# 在 LobeChat 中使用 SiliconCloud
+
+
+[SiliconCloud](https://siliconflow.cn/zh-cn/siliconcloud) 是高性价比的大模型服务提供商，提供文本生成与图片生成等多种服务。
+
+本文档将指导你如何在 LobeChat 中使用 SiliconCloud:
+
+<Steps>
+
+### 步骤一：获取 SiliconCloud API 密钥
+
+- 首先，你需要注册并登录 [SiliconCloud](https://cloud.siliconflow.cn/auth/login) 
+
+<Callout type={'info'}>当前新用户注册可获赠 14 元免费额度</Callout>
+
+- 进入 `API密钥` 菜单，并点击 `创建新API密钥`
+
+- 点击复制 API 密钥并妥善保存
+
+### 步骤二：在 LobeChat 中配置 SiliconCloud
+
+- 访问 LobeChat 的 `应用设置` 界面
+
+- 在 `语言模型` 下找到 `SiliconCloud` 的设置项
+
+- 打开 SiliconCloud 并填入获取的 API 密钥
+
+- 为你的助手选择一个 SiliconCloud 模型即可开始对话
+
+<Callout type={'warning'}>
+  在使用过程中你可能需要向 API 服务提供商付费，请参考 SiliconCloud 的相关费用政策。
+</Callout>
+
+</Steps>
+
+至此你已经可以在 LobeChat 中使用 SiliconCloud 提供的模型进行对话了。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.9.7",
+  "version": "1.10.0",
   "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",
@@ -162,7 +162,7 @@
     "next-sitemap": "^4.2.3",
     "numeral": "^2.0.6",
     "nuqs": "^1.17.4",
-    "ollama": "0.5.6",
+    "ollama": "^0.5.8",
     "openai": "~4.54.0",
     "partial-json": "^0.1.7",
     "pg": "^8.12.0",

package/src/app/(main)/settings/llm/ProviderList/providers.tsx

@@ -14,6 +14,7 @@ import {
   Novita,
   OpenRouter,
   Perplexity,
+  SiliconCloud,
   Stepfun,
   Together,
   Tongyi,
@@ -40,6 +41,7 @@ import {
   OpenRouterProviderCard,
   PerplexityProviderCard,
   QwenProviderCard,
+  SiliconCloudProviderCard,
   StepfunProviderCard,
   TaichuProviderCard,
   TogetherAIProviderCard,
@@ -198,6 +200,11 @@ export const useProviderList = (): ProviderItem[] => {
         docUrl: urlJoin(BASE_DOC_URL, 'ai360'),
         title: <Ai360.Combine size={ 20 } type={ 'color' } />,
       },
+      {
+        ...SiliconCloudProviderCard,
+        docUrl: urlJoin(BASE_DOC_URL, 'siliconcloud'),
+        title: <SiliconCloud.Combine size={20} type={'color'} />,
+      },
     ],
     [azureProvider, ollamaProvider, ollamaProvider, bedrockProvider],
   );

package/src/app/api/chat/agentRuntime.ts

@@ -198,6 +198,13 @@ const getLlmOptionsFromPayload = (provider: string, payload: JWTPayload) => {
 
       const apiKey = apiKeyManager.pick(payload?.apiKey || AI360_API_KEY);
 
+      return { apiKey };
+    }
+    case ModelProvider.SiliconCloud: {
+      const { SILICONCLOUD_API_KEY } = getLLMConfig();
+
+      const apiKey = apiKeyManager.pick(payload?.apiKey || SILICONCLOUD_API_KEY);
+
       return { apiKey };
     }
   }

package/src/components/GalleyGrid/index.tsx

@@ -32,7 +32,7 @@ const GalleyGrid = memo<GalleyGridProps>(({ items, renderItem: Render }) => {
   const { gap, max } = useMemo(
     () => ({
       gap: mobile ? 4 : 6,
-      max: mobile ? MAX_SIZE_MOBILE : MAX_SIZE_DESKTOP,
+      max: (mobile ? MAX_SIZE_MOBILE : MAX_SIZE_DESKTOP) * firstRow.length,
     }),
     [mobile],
   );

package/src/components/GalleyGrid/style.ts

@@ -1,8 +1,8 @@
 import { createStyles } from 'antd-style';
 
 export const MIN_IMAGE_SIZE = 64;
-export const MAX_SIZE_DESKTOP = 640;
-export const MAX_SIZE_MOBILE = 280;
+export const MAX_SIZE_DESKTOP = 200;
+export const MAX_SIZE_MOBILE = 90;
 export const useStyles = createStyles(
   ({ css }, { col, gap, max, min }: { col: number; gap: number; max: number; min: number }) => ({
     container: css`

package/src/components/ModelIcon/index.tsx

@@ -51,7 +51,7 @@ const ModelIcon = memo<ModelProviderIconProps>(({ model: originModel, size = 12
   // currently supported models, maybe not in its own provider
   if (model.includes('gpt-3')) return <OpenAI.Avatar size={size} type={'gpt3'} />;
   if (model.includes('gpt-4')) return <OpenAI.Avatar size={size} type={'gpt4'} />;
-  if (model.startsWith('glm') || model.includes('chatglm')) return <ChatGLM.Avatar size={size} />;
+  if (model.includes('glm-') || model.includes('chatglm')) return <ChatGLM.Avatar size={size} />;
   if (model.startsWith('codegeex')) return <CodeGeeX.Avatar size={size} />;
   if (model.includes('deepseek')) return <DeepSeek.Avatar size={size} />;
   if (model.includes('claude')) return <Claude.Avatar size={size} />;

package/src/components/ModelProviderIcon/index.tsx

@@ -17,6 +17,7 @@ import {
   OpenAI,
   OpenRouter,
   Perplexity,
+  SiliconCloud,
   Stepfun,
   Together,
   Tongyi,
@@ -134,6 +135,10 @@ const ModelProviderIcon = memo<ModelProviderIconProps>(({ provider }) => {
       return <Ai360 size={20} />;
     }
 
+    case ModelProvider.SiliconCloud: {
+      return <SiliconCloud size={20} />;
+    }
+
     default: {
       return null;
     }

package/src/config/llm.ts

@@ -87,6 +87,9 @@ export const getLLMConfig = () => {
 
       ENABLED_AI360: z.boolean(),
       AI360_API_KEY: z.string().optional(),
+
+      ENABLED_SILICONCLOUD: z.boolean(),
+      SILICONCLOUD_API_KEY: z.string().optional(),
     },
     runtimeEnv: {
       API_KEY_SELECT_MODE: process.env.API_KEY_SELECT_MODE,
@@ -171,6 +174,9 @@ export const getLLMConfig = () => {
 
       ENABLED_AI360: !!process.env.AI360_API_KEY,
       AI360_API_KEY: process.env.AI360_API_KEY,
+
+      ENABLED_SILICONCLOUD: !!process.env.SILICONCLOUD_API_KEY,
+      SILICONCLOUD_API_KEY: process.env.SILICONCLOUD_API_KEY,
     },
   });
 };

package/src/config/modelProviders/index.ts

@@ -17,6 +17,7 @@ import OpenAIProvider from './openai';
 import OpenRouterProvider from './openrouter';
 import PerplexityProvider from './perplexity';
 import QwenProvider from './qwen';
+import SiliconCloudProvider from './siliconcloud';
 import StepfunProvider from './stepfun';
 import TaichuProvider from './taichu';
 import TogetherAIProvider from './togetherai';
@@ -45,6 +46,7 @@ export const LOBE_DEFAULT_MODEL_LIST: ChatModelCard[] = [
   BaichuanProvider.chatModels,
   TaichuProvider.chatModels,
   Ai360Provider.chatModels,
+  SiliconCloudProvider.chatModels,
 ].flat();
 
 export const DEFAULT_MODEL_PROVIDER_LIST = [
@@ -70,6 +72,7 @@ export const DEFAULT_MODEL_PROVIDER_LIST = [
   BaichuanProvider,
   TaichuProvider,
   Ai360Provider,
+  SiliconCloudProvider,
 ];
 
 export const filterEnabledModels = (provider: ModelProviderCard) => {
@@ -98,6 +101,7 @@ export { default as OpenAIProviderCard } from './openai';
 export { default as OpenRouterProviderCard } from './openrouter';
 export { default as PerplexityProviderCard } from './perplexity';
 export { default as QwenProviderCard } from './qwen';
+export { default as SiliconCloudProviderCard } from './siliconcloud';
 export { default as StepfunProviderCard } from './stepfun';
 export { default as TaichuProviderCard } from './taichu';
 export { default as TogetherAIProviderCard } from './togetherai';

package/src/config/modelProviders/siliconcloud.ts

@@ -0,0 +1,127 @@
+import { ModelProviderCard } from '@/types/llm';
+
+// ref https://siliconflow.cn/zh-cn/models
+const SiliconCloud: ModelProviderCard = {
+  chatModels: [
+    {
+      enabled: true,
+      id: 'Qwen/Qwen2-72B-Instruct',
+      tokens: 32_768,
+    },
+    {
+      enabled: true,
+      id: 'Qwen/Qwen2-Math-72B-Instruct',
+      tokens: 32_768,
+    },
+    {
+      enabled: true,
+      id: 'Qwen/Qwen2-57B-A14B-Instruct',
+      tokens: 32_768,
+    },
+    {
+      id: 'Qwen/Qwen2-7B-Instruct',
+      tokens: 32_768,
+    },
+    {
+      id: 'Qwen/Qwen2-1.5B-Instruct',
+      tokens: 32_768,
+    },
+    {
+      id: 'Qwen/Qwen1.5-110B-Chat',
+      tokens: 32_768,
+    },
+    {
+      id: 'Qwen/Qwen1.5-32B-Chat',
+      tokens: 32_768,
+    },
+    {
+      id: 'Qwen/Qwen1.5-14B-Chat',
+      tokens: 32_768,
+    },
+    {
+      id: 'Qwen/Qwen1.5-7B-Chat',
+      tokens: 32_768,
+    },
+    {
+      id: 'deepseek-ai/DeepSeek-Coder-V2-Instruct',
+      tokens: 32_768,
+    },
+    {
+      enabled: true,
+      id: 'deepseek-ai/DeepSeek-V2-Chat',
+      tokens: 32_768,
+    },
+    {
+      id: 'deepseek-ai/deepseek-llm-67b-chat',
+      tokens: 32_768,
+    },
+    {
+      id: 'THUDM/glm-4-9b-chat',
+      tokens: 32_768,
+    },
+    {
+      id: 'THUDM/chatglm3-6b',
+      tokens: 32_768,
+    },
+    {
+      enabled: true,
+      id: '01-ai/Yi-1.5-34B-Chat-16K',
+      tokens: 16_384,
+    },
+    {
+      id: '01-ai/Yi-1.5-9B-Chat-16K',
+      tokens: 16_384,
+    },
+    {
+      id: '01-ai/Yi-1.5-6B-Chat',
+      tokens: 4096,
+    },
+    {
+      id: 'internlm/internlm2_5-7b-chat',
+      tokens: 32_768,
+    },
+    {
+      id: 'google/gemma-2-9b-it',
+      tokens: 8192,
+    },
+    {
+      id: 'google/gemma-2-27b-it',
+      tokens: 8192,
+    },
+    {
+      id: 'internlm/internlm2_5-20b-chat',
+      tokens: 32_768,
+    },
+    {
+      id: 'meta-llama/Meta-Llama-3.1-8B-Instruct',
+      tokens: 32_768,
+    },
+    {
+      enabled: true,
+      id: 'meta-llama/Meta-Llama-3.1-70B-Instruct',
+      tokens: 32_768,
+    },
+    {
+      id: 'meta-llama/Meta-Llama-3.1-405B-Instruct',
+      tokens: 32_768,
+    },
+    {
+      id: 'meta-llama/Meta-Llama-3-70B-Instruct',
+      tokens: 8192,
+    },
+    {
+      id: 'mistralai/Mistral-7B-Instruct-v0.2',
+      tokens: 32_768,
+    },
+    {
+      id: 'mistralai/Mixtral-8x7B-Instruct-v0.1',
+      tokens: 32_768,
+    },
+  ],
+  checkModel: 'Qwen/Qwen2-1.5B-Instruct',
+  id: 'siliconcloud',
+  modelList: { showModelFetcher: true },
+  name: 'SiliconCloud',
+};
+
+export default SiliconCloud;

package/src/const/settings/llm.ts

@@ -15,6 +15,7 @@ import {
   OpenRouterProviderCard,
   PerplexityProviderCard,
   QwenProviderCard,
+  SiliconCloudProviderCard,
   StepfunProviderCard,
   TaichuProviderCard,
   TogetherAIProviderCard,
@@ -94,6 +95,10 @@ export const DEFAULT_LLM_CONFIG: UserModelProviderConfig = {
     enabled: false,
     enabledModels: filterEnabledModels(QwenProviderCard),
   },
+  siliconcloud: {
+    enabled: false,
+    enabledModels: filterEnabledModels(SiliconCloudProviderCard),
+  },
   stepfun: {
     enabled: false,
     enabledModels: filterEnabledModels(StepfunProviderCard),

package/src/libs/agent-runtime/AgentRuntime.ts

@@ -20,6 +20,7 @@ import { LobeOpenAI } from './openai';
 import { LobeOpenRouterAI } from './openrouter';
 import { LobePerplexityAI } from './perplexity';
 import { LobeQwenAI } from './qwen';
+import { LobeSiliconCloudAI } from './siliconcloud';
 import { LobeStepfunAI } from './stepfun';
 import { LobeTaichuAI } from './taichu';
 import { LobeTogetherAI } from './togetherai';
@@ -122,6 +123,7 @@ class AgentRuntime {
       openrouter: Partial<ClientOptions>;
       perplexity: Partial<ClientOptions>;
       qwen: Partial<ClientOptions>;
+      siliconcloud: Partial<ClientOptions>;
       stepfun: Partial<ClientOptions>;
       taichu: Partial<ClientOptions>;
       togetherai: Partial<ClientOptions>;
@@ -247,6 +249,11 @@ class AgentRuntime {
         runtimeModel = new LobeAi360AI(params.ai360 ?? {});
         break
       }
+
+      case ModelProvider.SiliconCloud: {
+        runtimeModel = new LobeSiliconCloudAI(params.siliconcloud ?? {});
+        break
+      }
     }
 
     return new AgentRuntime(runtimeModel);

package/src/libs/agent-runtime/siliconcloud/index.ts

@@ -0,0 +1,10 @@
+import { ModelProvider } from '../types';
+import { LobeOpenAICompatibleFactory } from '../utils/openaiCompatibleFactory';
+
+export const LobeSiliconCloudAI = LobeOpenAICompatibleFactory({
+  baseURL: 'https://api.siliconflow.cn/v1',
+  debug: {
+    chatCompletion: () => process.env.DEBUG_SILICONCLOUD_CHAT_COMPLETION === '1',
+  },
+  provider: ModelProvider.SiliconCloud,
+});

package/src/libs/agent-runtime/types/type.ts

@@ -39,6 +39,7 @@ export enum ModelProvider {
   OpenRouter = 'openrouter',
   Perplexity = 'perplexity',
   Qwen = 'qwen',
+  SiliconCloud = 'siliconcloud',
   Stepfun = 'stepfun',
   Taichu = 'taichu',
   TogetherAI = 'togetherai',

package/src/server/globalConfig/index.ts

@@ -39,6 +39,7 @@ export const getServerGlobalConfig = () => {
     ENABLED_BAICHUAN,
     ENABLED_TAICHU,
     ENABLED_AI360,
+    ENABLED_SILICONCLOUD,
 
     ENABLED_AZURE_OPENAI,
     AZURE_MODEL_LIST,
@@ -112,7 +113,7 @@ export const getServerGlobalConfig = () => {
       },
       perplexity: { enabled: ENABLED_PERPLEXITY },
       qwen: { enabled: ENABLED_QWEN },
-
+      siliconcloud: { enabled: ENABLED_SILICONCLOUD },
       stepfun: { enabled: ENABLED_STEPFUN },
 
       taichu: { enabled: ENABLED_TAICHU },

package/src/types/user/settings/keyVaults.ts

@@ -35,6 +35,7 @@ export interface UserKeyVaults {
   password?: string;
   perplexity?: OpenAICompatibleKeyVault;
   qwen?: OpenAICompatibleKeyVault;
+  siliconcloud?: OpenAICompatibleKeyVault;
   stepfun?: OpenAICompatibleKeyVault;
   taichu?: OpenAICompatibleKeyVault;
   togetherai?: OpenAICompatibleKeyVault;