@lobehub/chat 0.151.8 → 0.151.10

package/locales/zh-TW/common.json

@@ -4,6 +4,7 @@
   "appInitializing": "LobeChat 初始化中，請耐心等候...",
   "autoGenerate": "自動生成",
   "autoGenerateTooltip": "基於提示詞自動生成助手描述",
+  "blog": "產品部落格",
   "cancel": "取消",
   "changelog": "變更日誌",
   "close": "關閉",
@@ -26,6 +27,7 @@
     "globalSetting": "匯出全域設定"
   },
   "feedback": "回饋與建議",
+  "follow": "在 {{name}} 上關注我們",
   "historyRange": "歷史範圍",
   "import": "匯入設定",
   "importModal": {
@@ -88,10 +90,12 @@
   "layoutInitializing": "正在載入版面配置...",
   "noDescription": "暫無描述",
   "oauth": "單一登錄（SSO）",
+  "officialSite": "官方網站",
   "ok": "確定",
   "password": "密碼",
   "pin": "置頂",
   "pinOff": "取消置頂",
+  "privacy": "隱私政策",
   "regenerate": "重新生成",
   "rename": "重新命名",
   "reset": "重置",
@@ -146,6 +150,7 @@
     "title": "幫助 LobeChat 做得更好"
   },
   "temp": "臨時",
+  "terms": "服務條款",
   "updateAgent": "更新助理資訊",
   "upgradeVersion": {
     "action": "升級",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.151.8",
+  "version": "0.151.10",
   "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",
@@ -83,8 +83,8 @@
     "@ant-design/icons": "^5.3.6",
     "@anthropic-ai/sdk": "^0.18.0",
     "@auth/core": "0.28.0",
-    "@aws-sdk/client-bedrock-runtime": "^3.556.0",
-    "@azure/openai": "^1.0.0-beta.12",
+    "@aws-sdk/client-bedrock-runtime": "^3.565.0",
+    "@azure/openai": "1.0.0-beta.12",
     "@cfworker/json-schema": "^1.12.8",
     "@google/generative-ai": "^0.8.0",
     "@icons-pack/react-simple-icons": "^9.4.1",
@@ -92,9 +92,9 @@
     "@lobehub/chat-plugins-gateway": "latest",
     "@lobehub/icons": "latest",
     "@lobehub/tts": "latest",
-    "@lobehub/ui": "^1.138.8",
-    "@next/third-parties": "^14.2.2",
-    "@sentry/nextjs": "^7.111.0",
+    "@lobehub/ui": "^1.138.17",
+    "@next/third-parties": "^14.2.3",
+    "@sentry/nextjs": "^7.112.2",
     "@t3-oss/env-nextjs": "^0.10.1",
     "@trpc/client": "next",
     "@trpc/next": "next",
@@ -103,48 +103,48 @@
     "@vercel/speed-insights": "^1.0.10",
     "ahooks": "^3.7.11",
     "ai": "3.0.19",
-    "antd": "^5.16.2",
+    "antd": "^5.16.5",
     "antd-style": "^3.6.2",
     "brotli-wasm": "^3.0.0",
     "chroma-js": "^2.4.2",
-    "dayjs": "^1.11.10",
+    "dayjs": "^1.11.11",
     "debug": "^4.3.4",
     "dexie": "^3.2.7",
     "diff": "^5.2.0",
     "fast-deep-equal": "^3.1.3",
     "gpt-tokenizer": "^2.1.2",
-    "i18next": "^23.11.2",
+    "i18next": "^23.11.3",
     "i18next-browser-languagedetector": "^7.2.1",
     "i18next-resources-to-backend": "^1.2.1",
     "idb-keyval": "^6.2.1",
-    "immer": "^10.0.4",
+    "immer": "^10.1.1",
     "ip": "^2.0.1",
     "jose": "^5.2.4",
-    "langfuse": "^3.7.0",
-    "langfuse-core": "^3.7.0",
+    "langfuse": "^3.8.0",
+    "langfuse-core": "^3.8.0",
     "lodash-es": "^4.17.21",
     "lucide-react": "latest",
     "modern-screenshot": "^4.4.39",
     "nanoid": "^5.0.7",
-    "next": "^14.2.1",
+    "next": "^14.2.3",
     "next-auth": "5.0.0-beta.15",
     "next-sitemap": "^4.2.3",
     "numeral": "^2.0.6",
     "nuqs": "^1.17.1",
     "ollama": "^0.5.0",
-    "openai": "^4.38.2",
+    "openai": "^4.39.0",
     "pino": "^9.0.0",
     "polished": "^4.3.1",
-    "posthog-js": "^1.128.1",
+    "posthog-js": "^1.130.1",
     "query-string": "^9.0.0",
     "random-words": "^2.0.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-hotkeys-hook": "^4.5.0",
-    "react-i18next": "^14.1.0",
+    "react-i18next": "^14.1.1",
     "react-layout-kit": "^1.9.0",
     "react-lazy-load": "^4.0.1",
-    "react-virtuoso": "^4.7.9",
+    "react-virtuoso": "^4.7.10",
     "react-wrap-balancer": "^1.1.0",
     "remark": "^14.0.3",
     "remark-gfm": "^3.0.1",
@@ -154,7 +154,7 @@
     "sharp": "^0.33.3",
     "superjson": "^2.2.1",
     "swr": "^2.2.5",
-    "systemjs": "^6.14.3",
+    "systemjs": "^6.15.1",
     "ts-md5": "^1.3.1",
     "ua-parser-js": "^1.0.37",
     "url-join": "^5.0.0",
@@ -163,24 +163,24 @@
     "uuid": "^9.0.1",
     "y-protocols": "^1.0.6",
     "y-webrtc": "^10.3.0",
-    "yaml": "^2.4.1",
-    "yjs": "^13.6.14",
-    "zod": "^3.22.5",
+    "yaml": "^2.4.2",
+    "yjs": "^13.6.15",
+    "zod": "^3.23.5",
     "zustand": "^4.5.2",
     "zustand-utils": "^1.3.2"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.2.2",
+    "@commitlint/cli": "^19.3.0",
     "@ducanh2912/next-pwa": "^10.2.6",
     "@edge-runtime/vm": "^3.2.0",
     "@lobehub/i18n-cli": "^1.18.1",
-    "@lobehub/lint": "^1.23.3",
+    "@lobehub/lint": "^1.23.4",
     "@lobehub/seo-cli": "^1.4.1",
-    "@next/bundle-analyzer": "^14.2.2",
-    "@next/eslint-plugin-next": "^14.2.2",
+    "@next/bundle-analyzer": "^14.2.3",
+    "@next/eslint-plugin-next": "^14.2.3",
     "@peculiar/webcrypto": "^1.4.6",
     "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^15.0.4",
+    "@testing-library/react": "^15.0.5",
     "@types/chroma-js": "^2.4.4",
     "@types/debug": "^4.1.12",
     "@types/diff": "^5.2.0",
@@ -190,8 +190,8 @@
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^20.12.7",
     "@types/numeral": "^2.0.5",
-    "@types/react": "^18.2.79",
-    "@types/react-dom": "^18.2.25",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.0",
     "@types/rtl-detect": "^1.0.3",
     "@types/semver": "^7.5.8",
     "@types/systemjs": "^6.13.5",
@@ -200,7 +200,7 @@
     "@umijs/lint": "^4.1.10",
     "@vitest/coverage-v8": "~1.2.2",
     "ajv-keywords": "^5.1.0",
-    "commitlint": "^19.2.2",
+    "commitlint": "^19.3.0",
     "consola": "^3.2.3",
     "dpdm": "^3.14.0",
     "eslint": "^8.57.0",
@@ -222,7 +222,7 @@
     "remark-parse": "^10.0.2",
     "semantic-release": "^21.1.2",
     "stylelint": "^15.11.0",
-    "tsx": "^4.7.2",
+    "tsx": "^4.7.3",
     "typescript": "^5.4.5",
     "unified": "^11.0.4",
     "unist-util-visit": "^5.0.0",

package/src/app/(main)/welcome/_layout/Desktop.tsx

@@ -1,29 +1,31 @@
-'use client';
+import { GridShowcase, Logo } from '@lobehub/ui';
+import { PropsWithChildren } from 'react';
+import { Flexbox } from 'react-layout-kit';
 
-import { Logo } from '@lobehub/ui';
-import { PropsWithChildren, memo } from 'react';
-import { Center, Flexbox } from 'react-layout-kit';
+import Follow from '@/features/Follow';
 
-import ClientResponsiveLayout from '@/components/client/ClientResponsiveLayout';
+const COPYRIGHT = `© ${new Date().getFullYear()} LobeHub, LLC`;
 
-import { useStyles } from '../features/Banner/style';
-
-const Desktop = memo<PropsWithChildren>(({ children }) => {
-  const { styles } = useStyles();
+const DesktopLayout = ({ children }: PropsWithChildren) => {
   return (
-    <Center
-      className={styles.layout}
-      flex={1}
+    <Flexbox
+      align={'center'}
       height={'100%'}
-      horizontal
-      style={{ position: 'relative' }}
+      justify={'space-between'}
+      padding={16}
+      style={{ overflow: 'hidden', position: 'relative' }}
+      width={'100%'}
     >
-      <Logo className={styles.logo} size={36} type={'text'} />
-      <Flexbox className={styles.view} flex={1}>
+      <Logo size={36} style={{ alignSelf: 'flex-start' }} type={'text'} />
+      <GridShowcase innerProps={{ gap: 24 }} style={{ maxWidth: 1024 }} width={'100%'}>
         {children}
+      </GridShowcase>
+      <Flexbox align={'center'} horizontal justify={'space-between'}>
+        <span style={{ opacity: 0.5 }}>{COPYRIGHT}</span>
+        <Follow />
       </Flexbox>
-    </Center>
+    </Flexbox>
   );
-});
+};
 
-export default ClientResponsiveLayout({ Desktop, Mobile: () => import('./Mobile') });
+export default DesktopLayout;

package/src/app/(main)/welcome/_layout/Mobile.tsx

@@ -1,9 +1,12 @@
-'use client';
+import { PropsWithChildren } from 'react';
+import { Center } from 'react-layout-kit';
 
-import { PropsWithChildren, memo } from 'react';
-
-const MobileLayout = memo<PropsWithChildren>(({ children }) => {
-  return <div style={{ height: '100%', paddingInline: 16 }}>{children}</div>;
-});
+const MobileLayout = ({ children }: PropsWithChildren) => {
+  return (
+    <Center gap={16} style={{ height: '100%', paddingInline: 16 }}>
+      {children}
+    </Center>
+  );
+};
 
 export default MobileLayout;

package/src/app/(main)/welcome/features/Actions.tsx

@@ -0,0 +1,39 @@
+'use client';
+
+import { Icon } from '@lobehub/ui';
+import { Button } from 'antd';
+import { SendHorizonal } from 'lucide-react';
+import Link from 'next/link';
+import { useRouter } from 'next/navigation';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
+
+const Actions = memo<{ mobile?: boolean }>(({ mobile }) => {
+  const { t } = useTranslation('welcome');
+  const router = useRouter();
+
+  return (
+    <Flexbox gap={16} horizontal={!mobile} justify={'center'} width={'100%'} wrap={'wrap'}>
+      <Link href={'/market'}>
+        <Button block={mobile} size={'large'} style={{ minWidth: 160 }} type={'default'}>
+          {t('button.market')}
+        </Button>
+      </Link>
+      <Button
+        block={mobile}
+        onClick={() => router.push('/chat')}
+        size={'large'}
+        style={{ minWidth: 160 }}
+        type={'primary'}
+      >
+        <Flexbox align={'center'} gap={4} horizontal justify={'center'}>
+          {t('button.start')}
+          <Icon icon={SendHorizonal} />
+        </Flexbox>
+      </Button>
+    </Flexbox>
+  );
+});
+
+export default Actions;

package/src/app/(main)/welcome/features/Hero.tsx

@@ -0,0 +1,63 @@
+'use client';
+
+import { createStyles } from 'antd-style';
+import { rgba } from 'polished';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
+
+const useStyles = createStyles(({ css, token }) => {
+  return {
+    desc: css`
+      font-size: min(24px, 4vw);
+      font-weight: 400;
+      color: ${rgba(token.colorText, 0.8)};
+      text-align: center;
+      text-wrap: balance;
+    `,
+    title: css`
+      margin-bottom: 0;
+
+      font-size: min(56px, 7vw);
+      font-weight: 800;
+      line-height: 1;
+      text-align: center;
+      text-wrap: balance;
+    `,
+  };
+});
+
+const Hero = memo(() => {
+  const { styles } = useStyles();
+
+  const { t } = useTranslation('welcome');
+
+  return (
+    <>
+      <Flexbox
+        align={'center'}
+        as={'h1'}
+        className={styles.title}
+        gap={16}
+        horizontal
+        justify={'center'}
+        wrap={'wrap'}
+      >
+        <strong style={{ fontSize: 'min(56px, 8vw)' }}>LobeChat</strong>
+        <span>{t('slogan.title')}</span>
+      </Flexbox>
+      <Flexbox
+        align={'center'}
+        as={'h2'}
+        className={styles.desc}
+        horizontal
+        justify={'center'}
+        wrap={'wrap'}
+      >
+        {t('slogan.desc1')}
+      </Flexbox>
+    </>
+  );
+});
+
+export default Hero;

package/src/app/(main)/welcome/features/Logo.tsx

@@ -0,0 +1,30 @@
+'use client';
+
+import dynamic from 'next/dynamic';
+import { memo } from 'react';
+import { Center } from 'react-layout-kit';
+
+const LogoThree = dynamic(() => import('@lobehub/ui/es/LogoThree'), { ssr: false });
+const LogoSpline = dynamic(() => import('@lobehub/ui/es/LogoThree/LogoSpline'), { ssr: false });
+
+const Logo = memo<{ mobile?: boolean }>(({ mobile }) => {
+  return mobile ? (
+    <Center height={240} width={240}>
+      <LogoThree size={240} />
+    </Center>
+  ) : (
+    <Center
+      style={{
+        height: `min(482px, 40vw)`,
+        marginBottom: '-10%',
+        marginTop: '-20%',
+        position: 'relative',
+        width: `min(976px, 80vw)`,
+      }}
+    >
+      <LogoSpline height={'min(482px, 40vw)'} width={'min(976px, 80vw)'} />
+    </Center>
+  );
+});
+
+export default Logo;

package/src/app/(main)/welcome/{layout.ts → layout.tsx}

@@ -5,4 +5,6 @@ import Mobile from './_layout/Mobile';
 
 const WelcomeLayout = ServerLayout({ Desktop, Mobile });
 
+WelcomeLayout.displayName = 'WelcomeLayout';
+
 export default WelcomeLayout;

package/src/app/(main)/welcome/page.tsx

@@ -3,19 +3,26 @@ import { Metadata } from 'next';
 import { getCanonicalUrl } from '@/const/url';
 import { isMobileDevice } from '@/utils/responsive';
 
-import DesktopPage from './(desktop)';
-import MobilePage from './(mobile)';
+import Actions from './features/Actions';
+import Hero from './features/Hero';
+import Logo from './features/Logo';
+
+export const metadata: Metadata = {
+  alternates: { canonical: getCanonicalUrl('/welcome') },
+};
 
 const Page = () => {
   const mobile = isMobileDevice();
 
-  const Page = mobile ? MobilePage : DesktopPage;
-
-  return <Page />;
+  return (
+    <>
+      <Logo mobile={mobile} />
+      <Hero />
+      <Actions mobile={mobile} />
+    </>
+  );
 };
 
-export default Page;
+Page.displayName = 'Welcome';
 
-export const metadata: Metadata = {
-  alternates: { canonical: getCanonicalUrl('/welcome') },
-};
+export default Page;

package/src/const/url.ts

@@ -45,3 +45,6 @@ export const imageUrl = (filename: string) => withBasePath(`/images/${filename}`
 
 export const EMAIL_SUPPORT = 'support@lobehub.com';
 export const EMAIL_BUSINESS = 'hello@lobehub.com';
+
+export const MEDIDUM = 'https://medium.com/@lobehub';
+export const X = 'https://x.com/lobehub';

package/src/features/Follow/index.tsx

@@ -0,0 +1,64 @@
+'use client';
+
+import { SiDiscord, SiGithub, SiMedium, SiX } from '@icons-pack/react-simple-icons';
+import { ActionIcon } from '@lobehub/ui';
+import { createStyles } from 'antd-style';
+import Link from 'next/link';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
+
+import { DISCORD, GITHUB, MEDIDUM, X } from '@/const/url';
+
+const useStyles = createStyles(({ css, token }) => {
+  return {
+    icon: css`
+      svg {
+        fill: ${token.colorTextDescription};
+      }
+
+      &:hover {
+        svg {
+          fill: ${token.colorText};
+        }
+      }
+    `,
+  };
+});
+
+const Follow = memo(() => {
+  const { styles } = useStyles();
+  const { t } = useTranslation('common');
+  return (
+    <Flexbox gap={8} horizontal>
+      <Link href={GITHUB} rel="noreferrer" target={'_blank'}>
+        <ActionIcon
+          className={styles.icon}
+          icon={SiGithub as any}
+          title={t('follow', { name: 'GitHub' })}
+        />
+      </Link>
+      <Link href={X} rel="noreferrer" target={'_blank'}>
+        <ActionIcon className={styles.icon} icon={SiX as any} title={t('follow', { name: 'X' })} />
+      </Link>
+      <Link href={DISCORD} rel="noreferrer" target={'_blank'}>
+        <ActionIcon
+          className={styles.icon}
+          icon={SiDiscord as any}
+          title={t('follow', { name: 'Discord' })}
+        />
+      </Link>
+      <Link href={MEDIDUM} rel="noreferrer" target={'_blank'}>
+        <ActionIcon
+          className={styles.icon}
+          icon={SiMedium as any}
+          title={t('follow', { name: 'Medium' })}
+        />
+      </Link>
+    </Flexbox>
+  );
+});
+
+Follow.displayName = 'Follow';
+
+export default Follow;

package/src/libs/agent-runtime/minimax/index.test.ts

@@ -223,7 +223,6 @@ describe('LobeMinimaxAI', () => {
           model: 'text-davinci-003',
           temperature: 0.5,
           top_p: 0.8,
-          max_tokens: 100,
         };
 
         const result = instance['buildCompletionsParams'](payload);
@@ -234,7 +233,6 @@ describe('LobeMinimaxAI', () => {
           stream: true,
           temperature: 0.5,
           top_p: 0.8,
-          max_tokens: 100,
         });
       });
 
@@ -244,7 +242,6 @@ describe('LobeMinimaxAI', () => {
           model: 'text-davinci-003',
           temperature: 0,
           top_p: 0,
-          max_tokens: 100,
         };
 
         const result = instance['buildCompletionsParams'](payload);
@@ -253,7 +250,24 @@ describe('LobeMinimaxAI', () => {
           messages: [{ content: 'Hello', role: 'user' }],
           model: 'text-davinci-003',
           stream: true,
-          max_tokens: 100,
+        });
+      });
+
+      it('should include max tokens when model is abab6.5-chat', () => {
+        const payload: ChatStreamPayload = {
+          messages: [{ content: 'Hello', role: 'user' }],
+          model: 'abab6.5-chat',
+          temperature: 0,
+          top_p: 0,
+        };
+
+        const result = instance['buildCompletionsParams'](payload);
+
+        expect(result).toEqual({
+          messages: [{ content: 'Hello', role: 'user' }],
+          model: 'abab6.5-chat',
+          stream: true,
+          max_tokens: 2048,
         });
       });
     });

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

@@ -49,7 +49,7 @@ function throwIfErrorResponse(data: MinimaxResponse) {
   });
 }
 
-function parseMinimaxResponse(chunk: string): string | undefined {
+function parseMinimaxResponse(chunk: string): MinimaxResponse | undefined {
   let body = chunk;
   if (body.startsWith('data:')) {
     body = body.slice(5).trim();
@@ -57,10 +57,7 @@ function parseMinimaxResponse(chunk: string): string | undefined {
   if (isEmpty(body)) {
     return;
   }
-  const data = JSON.parse(body) as MinimaxResponse;
-  if (data.choices?.at(0)?.delta?.content) {
-    return data.choices.at(0)?.delta.content || undefined;
-  }
+  return JSON.parse(body) as MinimaxResponse;
 }
 
 export class LobeMinimaxAI implements LobeRuntimeAI {
@@ -136,11 +133,25 @@ export class LobeMinimaxAI implements LobeRuntimeAI {
     }
   }
 
+  // the document gives the default value of max tokens, but abab6.5 and abab6.5s
+  // will meet length finished error, and output is truncationed
+  // so here fill the max tokens number to fix it
+  // https://www.minimaxi.com/document/guides/chat-model/V2
+  private getMaxTokens(model: string): number | undefined {
+    switch (model) {
+      case 'abab6.5-chat':
+      case 'abab6.5s-chat': {
+        return 2048;
+      }
+    }
+  }
+
   private buildCompletionsParams(payload: ChatStreamPayload) {
     const { temperature, top_p, ...params } = payload;
 
     return {
       ...params,
+      max_tokens: this.getMaxTokens(payload.model),
       stream: true,
       temperature: temperature === 0 ? undefined : temperature,
       top_p: top_p === 0 ? undefined : top_p,
@@ -159,7 +170,8 @@ export class LobeMinimaxAI implements LobeRuntimeAI {
       const { value, done: doneReading } = await reader.read();
       done = doneReading;
       const chunkValue = decoder.decode(value, { stream: true });
-      const text = parseMinimaxResponse(chunkValue);
+      const data = parseMinimaxResponse(chunkValue);
+      const text = data?.choices?.at(0)?.delta?.content || undefined;
       streamController?.enqueue(encoder.encode(text));
     }
 
@@ -173,12 +185,14 @@ export class LobeMinimaxAI implements LobeRuntimeAI {
     const chunkValue = decoder.decode(value, { stream: true });
     let data;
     try {
-      data = JSON.parse(chunkValue) as MinimaxResponse;
+      data = parseMinimaxResponse(chunkValue);
     } catch {
       // parse error, skip it
       return;
     }
-    throwIfErrorResponse(data);
+    if (data) {
+      throwIfErrorResponse(data);
+    }
   }
 }