@lobehub/chat 1.43.6 → 1.44.1

package/src/components/ModelSelect/index.tsx

@@ -1,5 +1,5 @@
 import { IconAvatarProps, ModelIcon, ProviderIcon } from '@lobehub/icons';
-import { Icon, Tooltip } from '@lobehub/ui';
+import { Avatar, Icon, Tooltip } from '@lobehub/ui';
 import { Typography } from 'antd';
 import { createStyles } from 'antd-style';
 import { Infinity, LucideEye, LucidePaperclip, ToyBrick } from 'lucide-react';
@@ -10,6 +10,7 @@ import { useTranslation } from 'react-i18next';
 import { Center, Flexbox } from 'react-layout-kit';
 
 import { ModelAbilities } from '@/types/aiModel';
+import { AiProviderSourceType } from '@/types/aiProvider';
 import { ChatModelCard } from '@/types/llm';
 import { formatTokenNumber } from '@/utils/format';
 
@@ -17,13 +18,13 @@ const useStyles = createStyles(({ css, token }) => ({
   custom: css`
     width: 36px;
     height: 20px;
+    border-radius: 4px;
 
     font-family: ${token.fontFamilyCode};
     font-size: 12px;
     color: ${rgba(token.colorWarning, 0.75)};
 
     background: ${token.colorWarningBg};
-    border-radius: 4px;
   `,
   tag: css`
     cursor: default;
@@ -34,7 +35,6 @@ const useStyles = createStyles(({ css, token }) => ({
 
     width: 20px;
     height: 20px;
-
     border-radius: 4px;
   `,
   tagBlue: css`
@@ -48,13 +48,13 @@ const useStyles = createStyles(({ css, token }) => ({
   token: css`
     width: 36px;
     height: 20px;
+    border-radius: 4px;
 
     font-family: ${token.fontFamilyCode};
     font-size: 11px;
     color: ${token.colorTextSecondary};
 
     background: ${token.colorFillTertiary};
-    border-radius: 4px;
   `,
 }));
 
@@ -154,16 +154,26 @@ export const ModelItemRender = memo<ModelItemRenderProps>(({ showInfoTag = true,
 });
 
 interface ProviderItemRenderProps {
+  logo?: string;
   name: string;
   provider: string;
+  source?: AiProviderSourceType;
 }
 
-export const ProviderItemRender = memo<ProviderItemRenderProps>(({ provider, name }) => (
-  <Flexbox align={'center'} gap={4} horizontal>
-    <ProviderIcon provider={provider} size={20} type={'mono'} />
-    {name}
-  </Flexbox>
-));
+export const ProviderItemRender = memo<ProviderItemRenderProps>(
+  ({ provider, name, source, logo }) => {
+    return (
+      <Flexbox align={'center'} gap={4} horizontal>
+        {source === 'custom' && !!logo ? (
+          <Avatar avatar={logo} size={20} style={{ filter: 'grayscale(1)' }} title={name} />
+        ) : (
+          <ProviderIcon provider={provider} size={20} type={'mono'} />
+        )}
+        {name}
+      </Flexbox>
+    );
+  },
+);
 
 interface LabelRendererProps {
   Icon: FC<IconAvatarProps>;

package/src/components/Notification/index.tsx

@@ -22,9 +22,10 @@ const useStyles = createStyles(({ css, token, isDarkMode }) => ({
 
     overflow: hidden;
 
-    background: ${token.colorBgContainer};
     border: 1px solid ${token.colorSplit};
     border-radius: 8px;
+
+    background: ${token.colorBgContainer};
     box-shadow: ${token.boxShadowSecondary};
   `,
   mobileContainer: css`

package/src/components/StatisticCard/index.tsx

@@ -16,16 +16,16 @@ const useStyles = createStyles(
       border-radius: ${token.borderRadiusLG}px;
 
       ${responsive.mobile} {
-        background: ${token.colorBgContainer};
         border: none;
         border-radius: 0;
+        background: ${token.colorBgContainer};
       }
     `,
     container: css`
       ${responsive.mobile} {
-        background: ${token.colorBgContainer};
         border: none;
         border-radius: 0;
+        background: ${token.colorBgContainer};
       }
 
       .${prefixCls}-pro-card-title {
@@ -56,7 +56,6 @@ const useStyles = createStyles(
 
           margin: 0;
           padding: 0;
-
           border-end-start-radius: ${token.borderRadiusLG}px;
           border-end-end-radius: ${token.borderRadiusLG}px;
         }
@@ -132,6 +131,7 @@ const useStyles = createStyles(
 
         width: 66%;
         height: 50%;
+        border-radius: 50%;
 
         opacity: ${isDarkMode ? 1 : 0.33};
         background-image: linear-gradient(
@@ -143,7 +143,6 @@ const useStyles = createStyles(
         background-position: center left;
         background-size: contain;
         filter: blur(32px);
-        border-radius: 50%;
       }
 
       > div {
@@ -151,12 +150,12 @@ const useStyles = createStyles(
       }
     `,
     icon: css`
-      background: ${token.colorFillSecondary};
       border-radius: ${token.borderRadius}px;
+      background: ${token.colorFillSecondary};
     `,
     pure: css`
-      background: transparent !important;
       border: none !important;
+      background: transparent !important;
     `,
   }),
 );

package/src/config/aiModels/ai21.ts

@@ -0,0 +1,38 @@
+import { AIChatModelCard } from '@/types/aiModel';
+
+const ai21ChatModels: AIChatModelCard[] = [
+  {
+    abilities: {
+      functionCall: true,
+    },
+    contextWindowTokens: 256_000,
+    displayName: 'Jamba 1.5 Mini',
+    enabled: true,
+    id: 'jamba-1.5-mini',
+    pricing: {
+      input: 0.2,
+      output: 0.4,
+    },
+    releasedAt: '2024-08-22',
+    type: 'chat',
+  },
+  {
+    abilities: {
+      functionCall: true,
+    },
+    contextWindowTokens: 256_000,
+    displayName: 'Jamba 1.5 Large',
+    enabled: true,
+    id: 'jamba-1.5-large',
+    pricing: {
+      input: 2,
+      output: 8,
+    },
+    releasedAt: '2024-08-22',
+    type: 'chat',
+  },
+];
+
+export const allModels = [...ai21ChatModels];
+
+export default allModels;

package/src/config/aiModels/ai360.ts

@@ -0,0 +1,71 @@
+import { AIChatModelCard } from '@/types/aiModel';
+
+const ai360ChatModels: AIChatModelCard[] = [
+  {
+    contextWindowTokens: 8192,
+    description:
+      '360GPT2 Pro 是 360 公司推出的高级自然语言处理模型，具备卓越的文本生成和理解能力，尤其在生成与创作领域表现出色，能够处理复杂的语言转换和角色演绎任务。',
+    displayName: '360GPT2 Pro',
+    enabled: true,
+    id: '360gpt2-pro',
+    maxOutput: 7000,
+    pricing: {
+      currency: 'CNY',
+      input: 5,
+      output: 5,
+    },
+    type: 'chat',
+  },
+  {
+    abilities: {
+      functionCall: true,
+    },
+    contextWindowTokens: 8192,
+    description:
+      '360GPT Pro 作为 360 AI 模型系列的重要成员，以高效的文本处理能力满足多样化的自然语言应用场景，支持长文本理解和多轮对话等功能。',
+    displayName: '360GPT Pro',
+    enabled: true,
+    id: '360gpt-pro',
+    maxOutput: 7000,
+    pricing: {
+      currency: 'CNY',
+      input: 5,
+      output: 5,
+    },
+    type: 'chat',
+  },
+  {
+    contextWindowTokens: 8192,
+    description:
+      '360GPT Turbo 提供强大的计算和对话能力，具备出色的语义理解和生成效率，是企业和开发者理想的智能助理解决方案。',
+    displayName: '360GPT Turbo',
+    enabled: true,
+    id: '360gpt-turbo',
+    maxOutput: 7000,
+    pricing: {
+      currency: 'CNY',
+      input: 2,
+      output: 2,
+    },
+    type: 'chat',
+  },
+  {
+    contextWindowTokens: 8192,
+    description:
+      '360GPT Turbo Responsibility 8K 强调语义安全和责任导向，专为对内容安全有高度要求的应用场景设计，确保用户体验的准确性与稳健性。',
+    displayName: '360GPT Turbo Responsibility 8K',
+    enabled: true,
+    id: '360gpt-turbo-responsibility-8k',
+    maxOutput: 2048,
+    pricing: {
+      currency: 'CNY',
+      input: 2,
+      output: 2,
+    },
+    type: 'chat',
+  },
+];
+
+export const allModels = [...ai360ChatModels];
+
+export default allModels;

package/src/config/aiModels/anthropic.ts

@@ -0,0 +1,152 @@
+import { AIChatModelCard } from '@/types/aiModel';
+
+const anthropicChatModels: AIChatModelCard[] = [
+  {
+    abilities: {
+      functionCall: true,
+    },
+    contextWindowTokens: 200_000,
+    description:
+      'Claude 3.5 Haiku 是 Anthropic 最快的下一代模型。与 Claude 3 Haiku 相比，Claude 3.5 Haiku 在各项技能上都有所提升，并在许多智力基准测试中超越了上一代最大的模型 Claude 3 Opus。',
+    displayName: 'Claude 3.5 Haiku',
+    enabled: true,
+    id: 'claude-3-5-haiku-20241022',
+    maxOutput: 8192,
+    pricing: {
+      cachedInput: 0.1,
+      input: 1,
+      output: 5,
+      writeCacheInput: 1.25,
+    },
+    releasedAt: '2024-11-05',
+    type: 'chat',
+  },
+  {
+    abilities: {
+      functionCall: true,
+      vision: true,
+    },
+    contextWindowTokens: 200_000,
+    description:
+      'Claude 3.5 Sonnet 提供了超越 Opus 的能力和比 Sonnet 更快的速度，同时保持与 Sonnet 相同的价格。Sonnet 特别擅长编程、数据科学、视觉处理、代理任务。',
+    displayName: 'Claude 3.5 Sonnet',
+    enabled: true,
+    id: 'claude-3-5-sonnet-20241022',
+    maxOutput: 8192,
+    pricing: {
+      cachedInput: 0.3,
+      input: 3,
+      output: 15,
+      writeCacheInput: 3.75,
+    },
+    releasedAt: '2024-10-22',
+    type: 'chat',
+  },
+  {
+    abilities: {
+      functionCall: true,
+      vision: true,
+    },
+    contextWindowTokens: 200_000,
+    description:
+      'Claude 3.5 Sonnet 提供了超越 Opus 的能力和比 Sonnet 更快的速度，同时保持与 Sonnet 相同的价格。Sonnet 特别擅长编程、数据科学、视觉处理、代理任务。',
+    displayName: 'Claude 3.5 Sonnet 0620',
+    id: 'claude-3-5-sonnet-20240620',
+    maxOutput: 8192,
+    pricing: {
+      cachedInput: 0.3,
+      input: 3,
+      output: 15,
+      writeCacheInput: 3.75,
+    },
+    releasedAt: '2024-06-20',
+    type: 'chat',
+  },
+  {
+    abilities: {
+      functionCall: true,
+      vision: true,
+    },
+    contextWindowTokens: 200_000,
+    description:
+      'Claude 3 Haiku 是 Anthropic 的最快且最紧凑的模型，旨在实现近乎即时的响应。它具有快速且准确的定向性能。',
+    displayName: 'Claude 3 Haiku',
+    id: 'claude-3-haiku-20240307',
+    maxOutput: 4096,
+    pricing: {
+      input: 0.25,
+      output: 1.25,
+    },
+    releasedAt: '2024-03-07',
+    type: 'chat',
+  },
+  {
+    abilities: {
+      functionCall: true,
+      vision: true,
+    },
+    contextWindowTokens: 200_000,
+    description:
+      'Claude 3 Sonnet 在智能和速度方面为企业工作负载提供了理想的平衡。它以更低的价格提供最大效用，可靠且适合大规模部署。',
+    displayName: 'Claude 3 Sonnet',
+    id: 'claude-3-sonnet-20240229',
+    maxOutput: 4096,
+    pricing: {
+      input: 3,
+      output: 15,
+    },
+    releasedAt: '2024-02-29',
+    type: 'chat',
+  },
+  {
+    abilities: {
+      functionCall: true,
+      vision: true,
+    },
+    contextWindowTokens: 200_000,
+    description:
+      'Claude 3 Opus 是 Anthropic 用于处理高度复杂任务的最强大模型。它在性能、智能、流畅性和理解力方面表现卓越。',
+    displayName: 'Claude 3 Opus',
+    enabled: true,
+    id: 'claude-3-opus-20240229',
+    maxOutput: 4096,
+    pricing: {
+      input: 15,
+      output: 75,
+    },
+    releasedAt: '2024-02-29',
+    type: 'chat',
+  },
+  {
+    contextWindowTokens: 200_000,
+    description:
+      'Claude 2 为企业提供了关键能力的进步，包括业界领先的 200K token 上下文、大幅降低模型幻觉的发生率、系统提示以及一个新的测试功能：工具调用。',
+    displayName: 'Claude 2.1',
+    id: 'claude-2.1',
+    maxOutput: 4096,
+    pricing: {
+      input: 8,
+      output: 24,
+    },
+    releasedAt: '2023-11-21',
+    type: 'chat',
+  },
+  {
+    contextWindowTokens: 100_000,
+    description:
+      'Claude 2 为企业提供了关键能力的进步，包括业界领先的 200K token 上下文、大幅降低模型幻觉的发生率、系统提示以及一个新的测试功能：工具调用。',
+    displayName: 'Claude 2.0',
+    id: 'claude-2.0',
+    maxOutput: 4096,
+    pricing: {
+      input: 8,
+      output: 24,
+    },
+    releasedAt: '2023-07-11',
+    type: 'chat',
+  },
+];
+
+export const allModels = [...anthropicChatModels];
+
+export default allModels;

package/src/config/aiModels/azure.ts

@@ -0,0 +1,86 @@
+import { AIChatModelCard } from '@/types/aiModel';
+
+const azureChatModels: AIChatModelCard[] = [
+  {
+    abilities: {
+      functionCall: true,
+    },
+    config: {
+      deploymentName: 'gpt-35-turbo',
+    },
+    contextWindowTokens: 16_385,
+    description:
+      'GPT 3.5 Turbo，OpenAI提供的高效模型，适用于聊天和文本生成任务，支持并行函数调用。',
+    displayName: 'GPT 3.5 Turbo',
+    enabled: true,
+    id: 'gpt-3.5-turbo',
+    maxOutput: 4096,
+    type: 'chat',
+  },
+  {
+    abilities: {
+      functionCall: true,
+    },
+    config: {
+      deploymentName: 'gpt-35-turbo-16k',
+    },
+    contextWindowTokens: 16_384,
+    description: 'GPT 3.5 Turbo 16k，高容量文本生成模型，适合复杂任务。',
+    displayName: 'GPT 3.5 Turbo',
+    id: 'gpt-3.5-turbo-16k',
+    maxOutput: 4096,
+    type: 'chat',
+  },
+  {
+    abilities: {
+      functionCall: true,
+      vision: true,
+    },
+    config: {
+      deploymentName: 'gpt-4-turbo',
+    },
+    contextWindowTokens: 128_000,
+    description: 'GPT 4 Turbo，多模态模型，提供杰出的语言理解和生成能力，同时支持图像输入。',
+    displayName: 'GPT 4 Turbo',
+    enabled: true,
+    id: 'gpt-4',
+    maxOutput: 4096,
+    type: 'chat',
+  },
+  {
+    abilities: {
+      functionCall: true,
+      vision: true,
+    },
+    config: {
+      deploymentName: 'gpt-4o-mini',
+    },
+    contextWindowTokens: 128_000,
+    description: 'GPT-4o Mini，小型高效模型，具备与GPT-4o相似的卓越性能。',
+    displayName: 'GPT 4o Mini',
+    enabled: true,
+    id: 'gpt-4o-mini',
+    maxOutput: 4096,
+    type: 'chat',
+  },
+  {
+    abilities: {
+      functionCall: true,
+      vision: true,
+    },
+    config: {
+      deploymentName: 'gpt-4o',
+    },
+    contextWindowTokens: 128_000,
+    description: 'GPT-4o 是最新的多模态模型，结合高级文本和图像处理能力。',
+    displayName: 'GPT 4o',
+    enabled: true,
+    id: 'gpt-4o',
+    maxOutput: 4096,
+    type: 'chat',
+  },
+];
+
+export const allModels = [...azureChatModels];
+
+export default allModels;

package/src/config/aiModels/baichuan.ts

@@ -0,0 +1,107 @@
+import { AIChatModelCard } from '@/types/aiModel';
+
+const baichuanChatModels: AIChatModelCard[] = [
+  {
+    abilities: {
+      functionCall: true,
+    },
+    contextWindowTokens: 32_768,
+    description:
+      '模型能力国内第一，在知识百科、长文本、生成创作等中文任务上超越国外主流模型。还具备行业领先的多模态能力，多项权威评测基准表现优异。',
+    displayName: 'Baichuan 4',
+    enabled: true,
+    id: 'Baichuan4',
+    maxOutput: 4096,
+    pricing: {
+      currency: 'CNY',
+      input: 100,
+      output: 100,
+    },
+    type: 'chat',
+  },
+  {
+    abilities: {
+      functionCall: true,
+    },
+    contextWindowTokens: 32_768,
+    description:
+      '模型能力国内第一，在知识百科、长文本、生成创作等中文任务上超越国外主流模型。还具备行业领先的多模态能力，多项权威评测基准表现优异。',
+    displayName: 'Baichuan 4 Turbo',
+    enabled: true,
+    id: 'Baichuan4-Turbo',
+    maxOutput: 4096,
+    pricing: {
+      currency: 'CNY',
+      input: 15,
+      output: 15,
+    },
+    type: 'chat',
+  },
+  {
+    abilities: {
+      functionCall: true,
+    },
+    contextWindowTokens: 32_768,
+    description:
+      '模型能力国内第一，在知识百科、长文本、生成创作等中文任务上超越国外主流模型。还具备行业领先的多模态能力，多项权威评测基准表现优异。',
+    displayName: 'Baichuan 4 Air',
+    enabled: true,
+    id: 'Baichuan4-Air',
+    maxOutput: 4096,
+    pricing: {
+      currency: 'CNY',
+      input: 0.98,
+      output: 0.98,
+    },
+    type: 'chat',
+  },
+  {
+    abilities: {
+      functionCall: true,
+    },
+    contextWindowTokens: 32_768,
+    description:
+      '针对企业高频场景优化，效果大幅提升，高性价比。相对于Baichuan2模型，内容创作提升20%，知识问答提升17%， 角色扮演能力提升40%。整体效果比GPT3.5更优。',
+    displayName: 'Baichuan 3 Turbo',
+    id: 'Baichuan3-Turbo',
+    maxOutput: 8192,
+    pricing: {
+      currency: 'CNY',
+      input: 12,
+      output: 12,
+    },
+    type: 'chat',
+  },
+  {
+    contextWindowTokens: 128_000,
+    description:
+      '具备 128K 超长上下文窗口，针对企业高频场景优化，效果大幅提升，高性价比。相对于Baichuan2模型，内容创作提升20%，知识问答提升17%， 角色扮演能力提升40%。整体效果比GPT3.5更优。',
+    displayName: 'Baichuan 3 Turbo 128k',
+    id: 'Baichuan3-Turbo-128k',
+    maxOutput: 4096,
+    pricing: {
+      currency: 'CNY',
+      input: 24,
+      output: 24,
+    },
+    type: 'chat',
+  },
+  {
+    contextWindowTokens: 32_768,
+    description:
+      '采用搜索增强技术实现大模型与领域知识、全网知识的全面链接。支持PDF、Word等多种文档上传及网址输入，信息获取及时、全面，输出结果准确、专业。',
+    displayName: 'Baichuan 2 Turbo',
+    id: 'Baichuan2-Turbo',
+    maxOutput: 8192,
+    pricing: {
+      currency: 'CNY',
+      input: 8,
+      output: 8,
+    },
+    type: 'chat',
+  },
+];
+
+export const allModels = [...baichuanChatModels];
+
+export default allModels;