@lobehub/chat 1.51.2 → 1.51.4

package/src/app/{@modal → [variants]/@modal}/(.)changelog/modal/page.tsx

@@ -3,20 +3,19 @@ import { Suspense } from 'react';
 
 import { serverFeatureFlags } from '@/config/featureFlags';
 import { ChangelogService } from '@/server/services/changelog';
-import { getLocale } from '@/server/translation';
-import { isMobileDevice } from '@/utils/server/responsive';
+import { DynamicLayoutProps } from '@/types/next';
+import { RouteVariants } from '@/utils/server/routeVariants';
 
 import Post from './features/Post';
 import UpdateChangelogStatus from './features/UpdateChangelogStatus';
 import Loading from './loading';
 
-const Page = async () => {
+const Page = async (props: DynamicLayoutProps) => {
   const hideDocs = serverFeatureFlags().hideDocs;
 
   if (hideDocs) return notFound();
+  const { locale, isMobile } = await RouteVariants.getVariantsFromProps(props);
 
-  const locale = await getLocale();
-  const mobile = await isMobileDevice();
   const changelogService = new ChangelogService();
   const data = await changelogService.getChangelogIndex();
 
@@ -26,7 +25,7 @@ const Page = async () => {
     <>
       {data?.map((item) => (
         <Suspense fallback={<Loading />} key={item.id}>
-          <Post locale={locale} mobile={mobile} {...item} />
+          <Post locale={locale as any} mobile={isMobile} {...item} />
         </Suspense>
       ))}
       <UpdateChangelogStatus currentId={data[0]?.id} />

package/src/app/{@modal → [variants]/@modal}/_layout/SettingModalLayout.tsx

@@ -4,8 +4,8 @@ import { useResponsive, useTheme } from 'antd-style';
 import { ReactNode, memo, useRef } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
-import Header from '@/app/(main)/settings/_layout/Desktop/Header';
-import SideBar from '@/app/(main)/settings/_layout/Desktop/SideBar';
+import Header from '@/app/[variants]/(main)/settings/_layout/Desktop/Header';
+import SideBar from '@/app/[variants]/(main)/settings/_layout/Desktop/SideBar';
 import Footer from '@/features/Setting/Footer';
 
 interface SettingLayoutProps {

package/src/app/{@modal → [variants]/@modal}/chat/(.)settings/modal/features/CategoryContent.tsx

@@ -3,7 +3,7 @@
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
-import HeaderContent from '@/app/(main)/chat/settings/features/HeaderContent';
+import HeaderContent from '@/app/[variants]/(main)/chat/settings/features/HeaderContent';
 import Menu from '@/components/Menu';
 import { useChatSettingsTab } from '@/hooks/useChatSettingsTab';
 import { useQueryRoute } from '@/hooks/useQueryRoute';

package/src/app/{@modal → [variants]/@modal}/chat/(.)settings/modal/layout.tsx

@@ -6,7 +6,7 @@ import dynamic from 'next/dynamic';
 import { PropsWithChildren, memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import ModalLayout from '@/app/@modal/_layout/ModalLayout';
+import ModalLayout from '@/app/[variants]/@modal/_layout/ModalLayout';
 import StoreUpdater from '@/features/AgentSetting/StoreUpdater';
 import { Provider, createStore } from '@/features/AgentSetting/store';
 import { useChatSettingsTab } from '@/hooks/useChatSettingsTab';

package/src/app/[variants]/layout.tsx

@@ -0,0 +1,94 @@
+import { SpeedInsights } from '@vercel/speed-insights/next';
+import { ThemeAppearance } from 'antd-style';
+import { ResolvingViewport } from 'next';
+import { ReactNode } from 'react';
+import { isRtlLang } from 'rtl-detect';
+
+import Analytics from '@/components/Analytics';
+import { DEFAULT_LANG } from '@/const/locale';
+import PWAInstall from '@/features/PWAInstall';
+import AuthProvider from '@/layout/AuthProvider';
+import GlobalProvider from '@/layout/GlobalProvider';
+import { DynamicLayoutProps } from '@/types/next';
+import { RouteVariants } from '@/utils/server/routeVariants';
+
+const inVercel = process.env.VERCEL === '1';
+
+interface RootLayoutProps extends DynamicLayoutProps {
+  children: ReactNode;
+  modal: ReactNode;
+}
+
+const RootLayout = async ({ children, params, modal }: RootLayoutProps) => {
+  const { variants } = await params;
+
+  const { locale, isMobile, theme, primaryColor, neutralColor } =
+    RouteVariants.deserializeVariants(variants);
+
+  const direction = isRtlLang(locale) ? 'rtl' : 'ltr';
+
+  return (
+    <html dir={direction} lang={locale} suppressHydrationWarning>
+      <body>
+        <GlobalProvider
+          appearance={theme}
+          isMobile={isMobile}
+          locale={locale}
+          neutralColor={neutralColor}
+          primaryColor={primaryColor}
+        >
+          <AuthProvider>
+            {children}
+            {!isMobile && modal}
+          </AuthProvider>
+          <PWAInstall />
+        </GlobalProvider>
+        <Analytics />
+        {inVercel && <SpeedInsights />}
+      </body>
+    </html>
+  );
+};
+
+export default RootLayout;
+
+export { generateMetadata } from './metadata';
+
+export const generateViewport = async (props: DynamicLayoutProps): ResolvingViewport => {
+  const isMobile = await RouteVariants.getIsMobile(props);
+
+  const dynamicScale = isMobile ? { maximumScale: 1, userScalable: false } : {};
+
+  return {
+    ...dynamicScale,
+    initialScale: 1,
+    minimumScale: 1,
+    themeColor: [
+      { color: '#f8f8f8', media: '(prefers-color-scheme: light)' },
+      { color: '#000', media: '(prefers-color-scheme: dark)' },
+    ],
+    viewportFit: 'cover',
+    width: 'device-width',
+  };
+};
+
+export const generateStaticParams = () => {
+  const themes: ThemeAppearance[] = ['dark', 'light'];
+  const mobileOptions = [true, false];
+  // only static for serveral page, other go to dynamtic
+  const staticLocales = [DEFAULT_LANG, 'zh-CN'];
+
+  const variants: { variants: string }[] = [];
+
+  for (const locale of staticLocales) {
+    for (const theme of themes) {
+      for (const isMobile of mobileOptions) {
+        variants.push({
+          variants: RouteVariants.serializeVariants({ isMobile, locale, theme }),
+        });
+      }
+    }
+  }
+
+  return variants;
+};

package/src/app/{page.tsx → [variants]/page.tsx}

@@ -6,4 +6,6 @@ export const metadata: Metadata = {
   alternates: { canonical: getCanonicalUrl('/') },
 };
 
-export { default } from '@/app/loading';
+export { default } from './loading';
+
+export const dynamic = 'force-static';

package/src/components/server/ServerLayout.tsx

@@ -1,17 +1,31 @@
-import { FC, PropsWithChildren } from 'react';
+import { FC, PropsWithChildren, ReactNode } from 'react';
 
-import { isMobileDevice } from '@/utils/server/responsive';
+import { DynamicLayoutProps } from '@/types/next';
+import { RouteVariants } from '@/utils/server/routeVariants';
 
 interface ServerLayoutProps<T> {
   Desktop: FC<T>;
   Mobile: FC<T>;
 }
 
+interface ServerLayoutInnerProps extends DynamicLayoutProps {
+  children: ReactNode;
+}
+
 const ServerLayout =
   <T extends PropsWithChildren>({ Desktop, Mobile }: ServerLayoutProps<T>): FC<T> =>
-  async (props: T) => {
-    const mobile = await isMobileDevice();
-    return mobile ? <Mobile {...props} /> : <Desktop {...props} />;
+  // @ts-expect-error
+  async (props: ServerLayoutInnerProps) => {
+    const { params: paramsPromise, ...res } = props;
+    if (!paramsPromise) {
+      throw new Error(
+        `paramsPromise is required for ServerLayout, please pass params props to ServerLayout`,
+      );
+    }
+
+    const isMobile = await RouteVariants.getIsMobile(props);
+
+    return isMobile ? <Mobile {...(res as T)} /> : <Desktop {...(res as T)} />;
   };
 
 ServerLayout.displayName = 'ServerLayout';

package/src/config/aiModels/wenxin.ts

@@ -2,12 +2,15 @@ import { AIChatModelCard } from '@/types/aiModel';
 
 const wenxinChatModels: AIChatModelCard[] = [
   {
+    abilities: {
+      functionCall: true,
+    },
     contextWindowTokens: 8192,
     description:
       '百度自研的旗舰级大规模⼤语⾔模型，覆盖海量中英文语料，具有强大的通用能力，可满足绝大部分对话问答、创作生成、插件应用场景要求；支持自动对接百度搜索插件，保障问答信息时效。',
     displayName: 'ERNIE 3.5 8K',
     enabled: true,
-    id: 'ERNIE-3.5-8K',
+    id: 'ernie-3.5-8k',
     pricing: {
       currency: 'CNY',
       input: 0.8,
@@ -16,11 +19,14 @@ const wenxinChatModels: AIChatModelCard[] = [
     type: 'chat',
   },
   {
+    abilities: {
+      functionCall: true,
+    },
     contextWindowTokens: 8192,
     description:
       '百度自研的旗舰级大规模⼤语⾔模型，覆盖海量中英文语料，具有强大的通用能力，可满足绝大部分对话问答、创作生成、插件应用场景要求；支持自动对接百度搜索插件，保障问答信息时效。',
     displayName: 'ERNIE 3.5 8K Preview',
-    id: 'ERNIE-3.5-8K-Preview',
+    id: 'ernie-3.5-8k-preview',
     pricing: {
       currency: 'CNY',
       input: 0.8,
@@ -29,12 +35,15 @@ const wenxinChatModels: AIChatModelCard[] = [
     type: 'chat',
   },
   {
+    abilities: {
+      functionCall: true,
+    },
     contextWindowTokens: 128_000,
     description:
       '百度自研的旗舰级大规模⼤语⾔模型，覆盖海量中英文语料，具有强大的通用能力，可满足绝大部分对话问答、创作生成、插件应用场景要求；支持自动对接百度搜索插件，保障问答信息时效。',
     displayName: 'ERNIE 3.5 128K',
     enabled: true,
-    id: 'ERNIE-3.5-128K',
+    id: 'ernie-3.5-128k',
     pricing: {
       currency: 'CNY',
       input: 0.8,
@@ -43,12 +52,15 @@ const wenxinChatModels: AIChatModelCard[] = [
     type: 'chat',
   },
   {
+    abilities: {
+      functionCall: true,
+    },
     contextWindowTokens: 8192,
     description:
       '百度自研的旗舰级超大规模⼤语⾔模型，相较ERNIE 3.5实现了模型能力全面升级，广泛适用于各领域复杂任务场景；支持自动对接百度搜索插件，保障问答信息时效。',
     displayName: 'ERNIE 4.0 8K',
     enabled: true,
-    id: 'ERNIE-4.0-8K-Latest',
+    id: 'ernie-4.0-8k-latest',
     pricing: {
       currency: 'CNY',
       input: 30,
@@ -57,11 +69,14 @@ const wenxinChatModels: AIChatModelCard[] = [
     type: 'chat',
   },
   {
+    abilities: {
+      functionCall: true,
+    },
     contextWindowTokens: 8192,
     description:
       '百度自研的旗舰级超大规模⼤语⾔模型，相较ERNIE 3.5实现了模型能力全面升级，广泛适用于各领域复杂任务场景；支持自动对接百度搜索插件，保障问答信息时效。',
     displayName: 'ERNIE 4.0 8K Preview',
-    id: 'ERNIE-4.0-8K-Preview',
+    id: 'ernie-4.0-8k-preview',
     pricing: {
       currency: 'CNY',
       input: 30,
@@ -70,12 +85,15 @@ const wenxinChatModels: AIChatModelCard[] = [
     type: 'chat',
   },
   {
+    abilities: {
+      functionCall: true,
+    },
     contextWindowTokens: 8192,
     description:
       '百度自研的旗舰级超大规模⼤语⾔模型，综合效果表现出色，广泛适用于各领域复杂任务场景；支持自动对接百度搜索插件，保障问答信息时效。相较于ERNIE 4.0在性能表现上更优秀',
     displayName: 'ERNIE 4.0 Turbo 8K',
     enabled: true,
-    id: 'ERNIE-4.0-Turbo-8K-Latest',
+    id: 'ernie-4.0-turbo-8k-latest',
     pricing: {
       currency: 'CNY',
       input: 20,
@@ -84,12 +102,15 @@ const wenxinChatModels: AIChatModelCard[] = [
     type: 'chat',
   },
   {
+    abilities: {
+      functionCall: true,
+    },
     contextWindowTokens: 128_000,
     description:
       '百度自研的旗舰级超大规模⼤语⾔模型，综合效果表现出色，广泛适用于各领域复杂任务场景；支持自动对接百度搜索插件，保障问答信息时效。相较于ERNIE 4.0在性能表现上更优秀',
     displayName: 'ERNIE 4.0 Turbo 128K',
     enabled: true,
-    id: 'ERNIE-4.0-Turbo-128K',
+    id: 'ernie-4.0-turbo-128k',
     pricing: {
       currency: 'CNY',
       input: 20,
@@ -98,11 +119,14 @@ const wenxinChatModels: AIChatModelCard[] = [
     type: 'chat',
   },
   {
+    abilities: {
+      functionCall: true,
+    },
     contextWindowTokens: 8192,
     description:
       '百度自研的旗舰级超大规模⼤语⾔模型，综合效果表现出色，广泛适用于各领域复杂任务场景；支持自动对接百度搜索插件，保障问答信息时效。相较于ERNIE 4.0在性能表现上更优秀',
     displayName: 'ERNIE 4.0 Turbo 8K Preview',
-    id: 'ERNIE-4.0-Turbo-8K-Preview',
+    id: 'ernie-4.0-turbo-8k-preview',
     pricing: {
       currency: 'CNY',
       input: 20,
@@ -111,12 +135,27 @@ const wenxinChatModels: AIChatModelCard[] = [
     type: 'chat',
   },
   {
+    contextWindowTokens: 8192,
+    description:
+      'ERNIE Lite是百度自研的轻量级大语言模型，兼顾优异的模型效果与推理性能，适合低算力AI加速卡推理使用。',
+    displayName: 'ERNIE Lite 8K',
+    id: 'ernie-lite-8k',
+    pricing: {
+      currency: 'CNY',
+      input: 0,
+      output: 0,
+    },
+    type: 'chat',
+  },
+  {
+    abilities: {
+      functionCall: true,
+    },
     contextWindowTokens: 128_000,
     description:
       '百度自研的轻量级大语言模型，兼顾优异的模型效果与推理性能，效果比ERNIE Lite更优，适合低算力AI加速卡推理使用。',
     displayName: 'ERNIE Lite Pro 128K',
-    enabled: true,
-    id: 'ERNIE-Lite-Pro-128K',
+    id: 'ernie-lite-pro-128k',
     pricing: {
       currency: 'CNY',
       input: 0.2,
@@ -125,16 +164,15 @@ const wenxinChatModels: AIChatModelCard[] = [
     type: 'chat',
   },
   {
-    contextWindowTokens: 128_000,
+    contextWindowTokens: 8192,
     description:
-      '百度2024年最新发布的自研高性能大语言模型，通用能力优异，效果比ERNIE Speed更优，适合作为基座模型进行精调，更好地处理特定场景问题，同时具备极佳的推理性能。',
-    displayName: 'ERNIE Speed Pro 128K',
-    enabled: true,
-    id: 'ERNIE-Speed-Pro-128K',
+      'ERNIE Tiny是百度自研的超高性能大语言模型，部署与精调成本在文心系列模型中最低。',
+    displayName: 'ERNIE Tiny 8K',
+    id: 'ernie-tiny-8k',
     pricing: {
       currency: 'CNY',
-      input: 0.3,
-      output: 0.6,
+      input: 0,
+      output: 0,
     },
     type: 'chat',
   },
@@ -143,7 +181,7 @@ const wenxinChatModels: AIChatModelCard[] = [
     description:
       '百度2024年最新发布的自研高性能大语言模型，通用能力优异，适合作为基座模型进行精调，更好地处理特定场景问题，同时具备极佳的推理性能。',
     displayName: 'ERNIE Speed 128K',
-    id: 'ERNIE-Speed-128K',
+    id: 'ernie-speed-128k',
     pricing: {
       currency: 'CNY',
       input: 0,
@@ -151,12 +189,25 @@ const wenxinChatModels: AIChatModelCard[] = [
     },
     type: 'chat',
   },
+  {
+    contextWindowTokens: 128_000,
+    description:
+      '百度2024年最新发布的自研高性能大语言模型，通用能力优异，效果比ERNIE Speed更优，适合作为基座模型进行精调，更好地处理特定场景问题，同时具备极佳的推理性能。',
+    displayName: 'ERNIE Speed Pro 128K',
+    id: 'ernie-speed-pro-128k',
+    pricing: {
+      currency: 'CNY',
+      input: 0.3,
+      output: 0.6,
+    },
+    type: 'chat',
+  },
   {
     contextWindowTokens: 8192,
     description:
       '百度自研的垂直场景大语言模型，适合游戏NPC、客服对话、对话角色扮演等应用场景，人设风格更为鲜明、一致，指令遵循能力更强，推理性能更优。',
     displayName: 'ERNIE Character 8K',
-    id: 'ERNIE-Character-8K',
+    id: 'ernie-char-8k',
     pricing: {
       currency: 'CNY',
       input: 4,
@@ -164,6 +215,61 @@ const wenxinChatModels: AIChatModelCard[] = [
     },
     type: 'chat',
   },
+  {
+    contextWindowTokens: 8192,
+    description:
+      '百度自研的垂直场景大语言模型，适合游戏NPC、客服对话、对话角色扮演等应用场景，人设风格更为鲜明、一致，指令遵循能力更强，推理性能更优。',
+    displayName: 'ERNIE Character Fiction 8K',
+    id: 'ernie-char-fiction-8k',
+    pricing: {
+      currency: 'CNY',
+      input: 4,
+      output: 8,
+    },
+    type: 'chat',
+  },
+  {
+    contextWindowTokens: 8192,
+    description:
+      '百度自研通用大语言模型，在小说续写能力上有明显优势，也可用在短剧、电影等场景。',
+    displayName: 'ERNIE Novel 8K',
+    id: 'ernie-novel-8k',
+    pricing: {
+      currency: 'CNY',
+      input: 40,
+      output: 120,
+    },
+    type: 'chat',
+  },
+  {
+    contextWindowTokens: 65_536,
+    description:
+      'DeepSeek-V3 为杭州深度求索人工智能基础技术研究有限公司自研的 MoE 模型，其多项评测成绩突出，在主流榜单中位列开源模型榜首。V3 相比 V2.5 模型生成速度实现 3 倍提升，为用户带来更加迅速流畅的使用体验。',
+    displayName: 'DeepSeek V3',
+    id: 'deepseek-v3',
+    pricing: {
+      currency: 'CNY',
+      input: 0.8,
+      output: 1.6,
+    },
+    type: 'chat',
+  },
+  {
+    abilities: {
+      reasoning: true,
+    },
+    contextWindowTokens: 65_536,
+    description:
+      'DeepSeek-R1 在后训练阶段大规模使用了强化学习技术，在仅有极少标注数据的情况下，极大提升了模型推理能力。在数学、代码、自然语言推理等任务上，性能比肩 OpenAI o1 正式版。',
+    displayName: 'DeepSeek R1',
+    id: 'deepseek-r1',
+    pricing: {
+      currency: 'CNY',
+      input: 2,
+      output: 8,
+    },
+    type: 'chat',
+  },
 ];
 
 export const allModels = [...wenxinChatModels];

package/src/config/llm.ts

@@ -64,8 +64,7 @@ export const getLLMConfig = () => {
       AWS_SESSION_TOKEN: z.string().optional(),
 
       ENABLED_WENXIN: z.boolean(),
-      WENXIN_ACCESS_KEY: z.string().optional(),
-      WENXIN_SECRET_KEY: z.string().optional(),
+      WENXIN_API_KEY: z.string().optional(),
 
       ENABLED_OLLAMA: z.boolean(),
 
@@ -186,9 +185,8 @@ export const getLLMConfig = () => {
       AWS_SECRET_ACCESS_KEY: process.env.AWS_SECRET_ACCESS_KEY,
       AWS_SESSION_TOKEN: process.env.AWS_SESSION_TOKEN,
 
-      ENABLED_WENXIN: !!process.env.WENXIN_ACCESS_KEY && !!process.env.WENXIN_SECRET_KEY,
-      WENXIN_ACCESS_KEY: process.env.WENXIN_ACCESS_KEY,
-      WENXIN_SECRET_KEY: process.env.WENXIN_SECRET_KEY,
+      ENABLED_WENXIN: !!process.env.WENXIN_API_KEY,
+      WENXIN_API_KEY: process.env.WENXIN_API_KEY,
 
       ENABLED_OLLAMA: process.env.ENABLED_OLLAMA !== '0',