@lobehub/chat 1.47.17 → 1.47.19

package/src/app/(main)/settings/provider/(detail)/wenxin/page.tsx

@@ -1,8 +1,8 @@
 'use client';
 
-import { Input } from 'antd';
 import { useTranslation } from 'react-i18next';
 
+import { FormPassword } from '@/components/FormInput';
 import { WenxinProviderCard } from '@/config/modelProviders';
 import { aiProviderSelectors, useAiInfraStore } from '@/store/aiInfra';
 import { GlobalLLMProviderKey } from '@/types/user/settings';
@@ -26,7 +26,7 @@ const useProviderCard = (): ProviderItem => {
         children: isLoading ? (
           <SkeletonInput />
         ) : (
-          <Input.Password
+          <FormPassword
             autoComplete={'new-password'}
             placeholder={t(`${providerKey}.accessKey.placeholder`)}
           />
@@ -39,7 +39,7 @@ const useProviderCard = (): ProviderItem => {
         children: isLoading ? (
           <SkeletonInput />
         ) : (
-          <Input.Password
+          <FormPassword
             autoComplete={'new-password'}
             placeholder={t(`${providerKey}.secretKey.placeholder`)}
           />

package/src/app/(main)/settings/provider/features/ProviderConfig/index.tsx

@@ -3,7 +3,7 @@
 import { ProviderCombine } from '@lobehub/icons';
 import { Avatar, Form, type FormItemProps, Icon, type ItemGroup, Tooltip } from '@lobehub/ui';
 import { useDebounceFn } from 'ahooks';
-import { Input, Skeleton, Switch } from 'antd';
+import { Skeleton, Switch } from 'antd';
 import { createStyles } from 'antd-style';
 import { Loader2Icon, LockIcon } from 'lucide-react';
 import Link from 'next/link';
@@ -11,7 +11,9 @@ import { ReactNode, memo, useLayoutEffect } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { Center, Flexbox } from 'react-layout-kit';
 import urlJoin from 'url-join';
+import { z } from 'zod';
 
+import { FormInput, FormPassword } from '@/components/FormInput';
 import { FORM_STYLE } from '@/const/layoutTokens';
 import { AES_GCM_URL, BASE_PROVIDER_DOC_URL } from '@/const/url';
 import { isServerMode } from '@/const/version';
@@ -24,8 +26,8 @@ import {
 
 import { KeyVaultsConfigKey, LLMProviderApiTokenKey, LLMProviderBaseUrlKey } from '../../const';
 import Checker from './Checker';
-import { SkeletonInput } from './SkeletonInput';
 import EnableSwitch from './EnableSwitch';
+import { SkeletonInput } from './SkeletonInput';
 import UpdateProviderInfo from './UpdateProviderInfo';
 
 const useStyles = createStyles(({ css, prefixCls, responsive, token }) => ({
@@ -170,7 +172,7 @@ const ProviderConfig = memo<ProviderConfigProps>(
             children: isLoading ? (
               <SkeletonInput />
             ) : (
-              <Input.Password
+              <FormPassword
                 autoComplete={'new-password'}
                 placeholder={t(`providerModels.config.apiKey.placeholder`, { name })}
                 suffix={
@@ -210,7 +212,7 @@ const ProviderConfig = memo<ProviderConfigProps>(
           children: isLoading ? (
             <SkeletonInput />
           ) : (
-            <Input
+            <FormInput
               allowClear
               placeholder={
                 (!!proxyUrl && proxyUrl?.placeholder) ||
@@ -226,6 +228,17 @@ const ProviderConfig = memo<ProviderConfigProps>(
           desc: (!!proxyUrl && proxyUrl?.desc) || t('providerModels.config.baseURL.desc'),
           label: (!!proxyUrl && proxyUrl?.title) || t('providerModels.config.baseURL.title'),
           name: [KeyVaultsConfigKey, LLMProviderBaseUrlKey],
+          rules: [
+            {
+              validator: (_: any, value: string) => {
+                if (!value) return;
+
+                return z.string().url().safeParse(value).error
+                  ? Promise.reject(t('providerModels.config.baseURL.invalid'))
+                  : Promise.resolve();
+              },
+            },
+          ],
         }
       : undefined;
 

package/src/components/FormInput/FormInput.tsx

@@ -0,0 +1,42 @@
+import { Input } from 'antd';
+import { InputRef, InputProps as Props } from 'antd/es/input/Input';
+import { memo, useRef, useState } from 'react';
+
+interface FormInputProps extends Omit<Props, 'onChange'> {
+  onChange?: (value: string) => void;
+}
+
+const FormInput = memo<FormInputProps>(({ onChange, value: defaultValue, ...props }) => {
+  const ref = useRef<InputRef>(null);
+  const isChineseInput = useRef(false);
+
+  const [value, setValue] = useState(defaultValue as string);
+
+  return (
+    <Input
+      onBlur={() => {
+        onChange?.(value);
+      }}
+      onChange={(e) => {
+        setValue(e.target.value);
+      }}
+      onCompositionEnd={() => {
+        isChineseInput.current = false;
+      }}
+      onCompositionStart={() => {
+        isChineseInput.current = true;
+      }}
+      onPressEnter={() => {
+        if (isChineseInput.current) return;
+        onChange?.(value);
+      }}
+      ref={ref}
+      {...props}
+      value={value}
+    />
+  );
+});
+
+FormInput.displayName = 'FormInput';
+
+export default FormInput;

package/src/components/FormInput/FormPassword.tsx

@@ -0,0 +1,42 @@
+import { Input } from 'antd';
+import { InputRef, InputProps as Props } from 'antd/es/input/Input';
+import { memo, useRef, useState } from 'react';
+
+interface FormPasswordProps extends Omit<Props, 'onChange'> {
+  onChange?: (value: string) => void;
+}
+
+const FormPassword = memo<FormPasswordProps>(({ onChange, value: defaultValue, ...props }) => {
+  const ref = useRef<InputRef>(null);
+  const isChineseInput = useRef(false);
+
+  const [value, setValue] = useState(defaultValue as string);
+
+  return (
+    <Input.Password
+      onBlur={() => {
+        onChange?.(value);
+      }}
+      onChange={(e) => {
+        setValue(e.target.value);
+      }}
+      onCompositionEnd={() => {
+        isChineseInput.current = false;
+      }}
+      onCompositionStart={() => {
+        isChineseInput.current = true;
+      }}
+      onPressEnter={() => {
+        if (isChineseInput.current) return;
+        onChange?.(value);
+      }}
+      ref={ref}
+      {...props}
+      value={value}
+    />
+  );
+});
+
+FormPassword.displayName = 'FormPassword';
+
+export default FormPassword;

package/src/components/FormInput/index.ts

@@ -0,0 +1,2 @@
+export { default as FormInput } from './FormInput';
+export { default as FormPassword } from './FormPassword';

package/src/config/aiModels/stepfun.ts

@@ -96,6 +96,41 @@ const stepfunChatModels: AIChatModelCard[] = [
     },
     type: 'chat',
   },
+  {
+    abilities: {
+      functionCall: true,
+    },
+    contextWindowTokens: 8000,
+    description: 
+      '基于新一代自研Attention架构MFA的极速大模型，用极低成本达到和step1类似的效果，同时保持了更高的吞吐和更快响应时延。能够处理通用任务，在代码能力上具备特长。',
+    displayName: 'Step 2 Mini',
+    enabled: true,
+    id: 'step-2-mini',
+      pricing: {
+      currency: 'CNY',
+      input: 1,
+      output: 2,
+    },
+    releasedAt: '2025-01-14',
+    type: 'chat',
+  },
+  {
+    abilities: {
+      functionCall: true,
+    },
+    contextWindowTokens: 16_000,
+    description: 'step-2模型的实验版本，包含最新的特性，滚动更新中。不推荐在正式生产环境使用。',
+    displayName: 'Step 2 16K Exp',
+    enabled: true,
+    id: 'step-2-16k',
+    pricing: {
+      currency: 'CNY',
+      input: 38,
+      output: 120,
+    },
+    releasedAt: '2025-01-15',
+    type: 'chat',
+  },
   {
     abilities: {
       functionCall: true,
@@ -121,7 +156,6 @@ const stepfunChatModels: AIChatModelCard[] = [
     contextWindowTokens: 32_000,
     description: '支持视觉输入，增强多模态交互体验。',
     displayName: 'Step 1V 32K',
-    enabled: true,
     id: 'step-1v-32k',
     pricing: {
       currency: 'CNY',
@@ -130,6 +164,24 @@ const stepfunChatModels: AIChatModelCard[] = [
     },
     type: 'chat',
   },
+  {
+    abilities: {
+      functionCall: true,
+      vision: true,
+    },
+    contextWindowTokens: 32_000,
+    description: '该模型拥有强大的图像理解能力。相比于 step-1v 系列模型，拥有更强的视觉性能。',
+    displayName: 'Step 1o Vision 32K',
+    enabled: true,
+    id: 'step-1o-vision-32k',
+    pricing: {
+      currency: 'CNY',
+      input: 15,
+      output: 70,
+    },
+    releasedAt: '2025-01-22',
+    type: 'chat',
+  },
   {
     abilities: {
       vision: true,

package/src/config/modelProviders/deepseek.ts

@@ -43,6 +43,9 @@ const DeepSeek: ModelProviderCard = {
   modelsUrl: 'https://platform.deepseek.com/api-docs/zh-cn/quick_start/pricing',
   name: 'DeepSeek',
   settings: {
+    proxyUrl: {
+      placeholder: 'https://api.deepseek.com',
+    },
     sdkType: 'openai',
     showModelFetcher: true,
   },

package/src/config/modelProviders/stepfun.ts

@@ -81,6 +81,32 @@ const Stepfun: ModelProviderCard = {
         output: 120,
       },
     },
+    {
+      contextWindowTokens: 8000,
+      description: 
+        '基于新一代自研Attention架构MFA的极速大模型，用极低成本达到和step1类似的效果，同时保持了更高的吞吐和更快响应时延。能够处理通用任务，在代码能力上具备特长。',
+      displayName: 'Step 2 Mini',
+      enabled: true,
+      functionCall: true,
+      id: 'step-2-mini',
+      pricing: {
+        currency: 'CNY',
+        input: 1,
+        output: 2,
+      },
+    },
+    {
+      contextWindowTokens: 16_000,
+      description: 'step-2模型的实验版本，包含最新的特性，滚动更新中。不推荐在正式生产环境使用。',
+      displayName: 'Step 2 16K Exp',
+      functionCall: true,
+      id: 'step-2-16k-exp',
+      pricing: {
+        currency: 'CNY',
+        input: 38,
+        output: 120,
+      },
+    },
     {
       contextWindowTokens: 8000,
       description: '小型视觉模型，适合基本的图文任务。',
@@ -99,7 +125,6 @@ const Stepfun: ModelProviderCard = {
       contextWindowTokens: 32_000,
       description: '支持视觉输入，增强多模态交互体验。',
       displayName: 'Step 1V 32K',
-      enabled: true,
       functionCall: true,
       id: 'step-1v-32k',
       pricing: {
@@ -109,6 +134,19 @@ const Stepfun: ModelProviderCard = {
       },
       vision: true,
     },
+    {
+      contextWindowTokens: 32_000,
+      description: '该模型拥有强大的图像理解能力。相比于 step-1v 系列模型，拥有更强的视觉性能。',
+      displayName: 'Step 1o Vision 32K',
+      enabled: true,
+      id: 'step-1o-vision-32k',
+      pricing: {
+        currency: 'CNY',
+        input: 15,
+        output: 70,
+      },
+      vision: true,
+    },
     {
       contextWindowTokens: 32_000,
       description: '该模型拥有强大的视频理解能力。',
@@ -123,7 +161,7 @@ const Stepfun: ModelProviderCard = {
       vision: true,
     },
   ],
-  checkModel: 'step-1-flash',
+  checkModel: 'step-2-mini',
   description:
     '阶级星辰大模型具备行业领先的多模态及复杂推理能力，支持超长文本理解和强大的自主调度搜索引擎功能。',
   // after test, currently https://api.stepfun.com/v1/chat/completions has the CORS issue

package/src/locales/default/modelProvider.ts

@@ -201,6 +201,7 @@ export default {
       },
       baseURL: {
         desc: '必须包含 http(s)://',
+        invalid: '请输入合法的 URL',
         placeholder: 'https://your-proxy-url.com/v1',
         title: 'API 代理地址',
       },