@lobehub/chat 1.36.33 → 1.36.35

package/scripts/readmeWorkflow/utlis.ts

@@ -2,23 +2,21 @@ import { kebabCase } from 'lodash';
 import { readFileSync, writeFileSync } from 'node:fs';
 import { resolve } from 'node:path';
 
-import { AGENT_CN_URL, AGENT_EN_URL, PLUGIN_CN_URL, PLUGIN_EN_URL } from './const';
+import { AGENT_I18N_URL, AGENT_URL, PLUGIN_I18N_URL, PLUGIN_URL, root } from './const';
 
 const fetchIndex = async (url: string) => {
   const res = await fetch(url);
   return await res.json();
 };
 
-export const fetchAgentIndex = async (lang: string) => {
-  const isCN = lang === 'zh-CN';
-  const url = isCN ? AGENT_CN_URL : AGENT_EN_URL;
+export const fetchAgentIndex = async (lang?: string) => {
+  const url = lang ? AGENT_I18N_URL(lang) : AGENT_URL;
   const data = await fetchIndex(url);
   return data.agents;
 };
 
-export const fetchPluginIndex = async (lang: string) => {
-  const isCN = lang === 'zh-CN';
-  const url = isCN ? PLUGIN_CN_URL : PLUGIN_EN_URL;
+export const fetchPluginIndex = async (lang?: string) => {
+  const url = lang ? PLUGIN_I18N_URL(lang) : PLUGIN_URL;
   const data = await fetchIndex(url);
   return data.plugins;
 };
@@ -31,16 +29,15 @@ export const genTags = (tags: string[]) =>
     .map((tag) => `\`${kebabCase(tag)}\``)
     .join(' ');
 
-const getReadmePath = (lang: string) => {
-  const isCN = lang === 'zh-CN';
-  return resolve(__dirname, '../../', isCN ? `./README.zh-CN.md` : `./README.md`);
+const getReadmePath = (lang?: string) => {
+  return resolve(root, lang ? `./README.${lang}.md` : `./README.md`);
 };
 
-export const readReadme = (lang: string): string => {
+export const readReadme = (lang?: string): string => {
   return readFileSync(getReadmePath(lang), 'utf8');
 };
 
-export const writeReadme = (content: string, lang: string) => {
+export const writeReadme = (content: string, lang?: string) => {
   writeFileSync(getReadmePath(lang), content, 'utf8');
 };
 
@@ -50,3 +47,17 @@ export const updateReadme = (split: string, md: string, content: string): string
 
   return mds.join(split);
 };
+
+export const getTitle = (lang?: string) => {
+  switch (lang) {
+    case 'zh-CN': {
+      return ['最近新增', '描述'];
+    }
+    case 'ja-JP': {
+      return ['最近追加', '説明'];
+    }
+    default: {
+      return ['Recent Submits', 'Description'];
+    }
+  }
+};

package/src/app/loading/Client/Content.tsx

@@ -0,0 +1,38 @@
+import React, { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import FullscreenLoading from '@/components/FullscreenLoading';
+import { useGlobalStore } from '@/store/global';
+import { systemStatusSelectors } from '@/store/global/selectors';
+
+import { CLIENT_LOADING_STAGES } from '../stage';
+
+interface InitProps {
+  setActiveStage: (value: string) => void;
+}
+
+const Init = memo<InitProps>(() => {
+  return null;
+});
+
+interface ContentProps {
+  loadingStage: string;
+  setActiveStage: (value: string) => void;
+}
+
+const Content = memo<ContentProps>(({ loadingStage, setActiveStage }) => {
+  const { t } = useTranslation('common');
+  const isPgliteNotInited = useGlobalStore(systemStatusSelectors.isPgliteNotInited);
+
+  return (
+    <>
+      {isPgliteNotInited && <Init setActiveStage={setActiveStage} />}
+      <FullscreenLoading
+        activeStage={CLIENT_LOADING_STAGES.indexOf(loadingStage)}
+        stages={CLIENT_LOADING_STAGES.map((key) => t(`appLoading.${key}` as any))}
+      />
+    </>
+  );
+});
+
+export default Content;

package/src/app/loading/Client/Redirect.tsx

@@ -0,0 +1,47 @@
+'use client';
+
+import { useRouter } from 'next/navigation';
+import { memo, useEffect } from 'react';
+
+import { useGlobalStore } from '@/store/global';
+import { systemStatusSelectors } from '@/store/global/selectors';
+import { useUserStore } from '@/store/user';
+
+import { AppLoadingStage } from '../stage';
+
+interface RedirectProps {
+  setActiveStage: (value: AppLoadingStage) => void;
+}
+
+const Redirect = memo<RedirectProps>(({ setActiveStage }) => {
+  const router = useRouter();
+  const isUserStateInit = useUserStore((s) => s.isUserStateInit);
+
+  const isPgliteNotEnabled = useGlobalStore(systemStatusSelectors.isPgliteNotEnabled);
+
+  const navToChat = () => {
+    setActiveStage(AppLoadingStage.GoToChat);
+    router.replace('/chat');
+  };
+
+  useEffect(() => {
+    // if pglite is not enabled, redirect to chat
+    if (isPgliteNotEnabled) {
+      navToChat();
+      return;
+    }
+
+    // if user state not init, wait for loading
+    if (!isUserStateInit) {
+      setActiveStage(AppLoadingStage.InitUser);
+      return;
+    }
+
+    // finally check the conversation status
+    navToChat();
+  }, [isUserStateInit, isPgliteNotEnabled]);
+
+  return null;
+});
+
+export default Redirect;

package/src/app/loading/Client/index.tsx

@@ -0,0 +1,22 @@
+'use client';
+
+import { useState } from 'react';
+
+import { AppLoadingStage } from '../stage';
+import Content from './Content';
+import Redirect from './Redirect';
+
+const ClientMode = () => {
+  const [activeStage, setActiveStage] = useState<string>(AppLoadingStage.Initializing);
+
+  return (
+    <>
+      <Content loadingStage={activeStage} setActiveStage={setActiveStage} />
+      <Redirect setActiveStage={setActiveStage} />
+    </>
+  );
+};
+
+ClientMode.displayName = 'ClientMode';
+
+export default ClientMode;

package/src/app/loading/{Content.tsx → Server/Content.tsx}

@@ -3,15 +3,19 @@ import { useTranslation } from 'react-i18next';
 
 import FullscreenLoading from '@/components/FullscreenLoading';
 
-import { AppLoadingStage } from './type';
+import { AppLoadingStage, SERVER_LOADING_STAGES } from '../stage';
 
 interface ContentProps {
   loadingStage: AppLoadingStage;
 }
+
 const Content = memo<ContentProps>(({ loadingStage }) => {
   const { t } = useTranslation('common');
+  const activeStage = SERVER_LOADING_STAGES.indexOf(loadingStage);
+
+  const stages = SERVER_LOADING_STAGES.map((key) => t(`appLoading.${key}`));
 
-  return <FullscreenLoading title={t(`appLoading.${loadingStage}`)} />;
+  return <FullscreenLoading activeStage={activeStage} stages={stages} />;
 });
 
 export default Content;

package/src/app/loading/{Redirect.tsx → Server/Redirect.tsx}

@@ -3,12 +3,10 @@
 import { useRouter } from 'next/navigation';
 import { memo, useEffect } from 'react';
 
-import { useGlobalStore } from '@/store/global';
-import { systemStatusSelectors } from '@/store/global/selectors';
 import { useUserStore } from '@/store/user';
 import { authSelectors } from '@/store/user/selectors';
 
-import { AppLoadingStage } from './type';
+import { AppLoadingStage } from '../stage';
 
 interface RedirectProps {
   setLoadingStage: (value: AppLoadingStage) => void;
@@ -22,7 +20,6 @@ const Redirect = memo<RedirectProps>(({ setLoadingStage }) => {
     s.isUserStateInit,
     s.isOnboard,
   ]);
-  const isPgliteNotEnabled = useGlobalStore(systemStatusSelectors.isPgliteNotEnabled);
 
   const navToChat = () => {
     setLoadingStage(AppLoadingStage.GoToChat);
@@ -30,12 +27,6 @@ const Redirect = memo<RedirectProps>(({ setLoadingStage }) => {
   };
 
   useEffect(() => {
-    // if pglite is not enabled, redirect to chat
-    if (isPgliteNotEnabled) {
-      navToChat();
-      return;
-    }
-
     // if user auth state is not ready, wait for loading
     if (!isLoaded) {
       setLoadingStage(AppLoadingStage.InitAuth);
@@ -60,9 +51,9 @@ const Redirect = memo<RedirectProps>(({ setLoadingStage }) => {
       return;
     }
 
-    // finally check the conversation status
+    // finally go to chat
     navToChat();
-  }, [isUserStateInit, isLoaded, isOnboard, isLogin, isPgliteNotEnabled]);
+  }, [isUserStateInit, isLoaded, isOnboard, isLogin]);
 
   return null;
 });

package/src/app/loading/Server/index.tsx

@@ -0,0 +1,22 @@
+'use client';
+
+import { useState } from 'react';
+
+import { AppLoadingStage } from '../stage';
+import Content from './Content';
+import Redirect from './Redirect';
+
+const ServerMode = () => {
+  const [loadingStage, setLoadingStage] = useState(AppLoadingStage.Initializing);
+
+  return (
+    <>
+      <Content loadingStage={loadingStage} />
+      <Redirect setLoadingStage={setLoadingStage} />
+    </>
+  );
+};
+
+ServerMode.displayName = 'ServerMode';
+
+export default ServerMode;

package/src/app/loading/index.tsx

@@ -1,21 +1,9 @@
-'use client';
+import { isServerMode } from '@/const/version';
 
-import { useState } from 'react';
+import Client from './Client';
+import Server from './Server';
 
-import { AppLoadingStage } from '@/app/loading/type';
-
-import Client from './Content';
-import Redirect from './Redirect';
-
-const ScreenLoading = () => {
-  const [loadingStage, setLoadingStage] = useState(AppLoadingStage.Initializing);
-  return (
-    <>
-      <Client loadingStage={loadingStage} />
-      <Redirect setLoadingStage={setLoadingStage} />
-    </>
-  );
-};
+const ScreenLoading = () => (isServerMode ? <Server /> : <Client />);
 
 ScreenLoading.displayName = 'ScreenLoading';
 

package/src/app/loading/stage.ts

@@ -0,0 +1,22 @@
+export enum AppLoadingStage {
+  GoToChat = 'goToChat',
+  Idle = 'appIdle',
+  InitAuth = 'initAuth',
+  InitUser = 'initUser',
+  Initializing = 'appInitializing',
+}
+
+export const SERVER_LOADING_STAGES = [
+  AppLoadingStage.Idle,
+  AppLoadingStage.Initializing,
+  AppLoadingStage.InitAuth,
+  AppLoadingStage.InitUser,
+  AppLoadingStage.GoToChat,
+];
+
+export const CLIENT_LOADING_STAGES = [
+  AppLoadingStage.Idle,
+  AppLoadingStage.Initializing,
+  AppLoadingStage.InitUser,
+  AppLoadingStage.GoToChat,
+] as string[];

package/src/components/FullscreenLoading/index.tsx

@@ -1,19 +1,20 @@
-import { Icon } from '@lobehub/ui';
-import { Loader2 } from 'lucide-react';
-import { ReactNode, memo } from 'react';
+import React, { memo } from 'react';
 import { Center, Flexbox } from 'react-layout-kit';
 
 import { ProductLogo } from '@/components/Branding';
+import InitProgress, { StageItem } from '@/components/InitProgress';
 
-const FullscreenLoading = memo<{ title?: ReactNode }>(({ title }) => {
+interface FullscreenLoadingProps {
+  activeStage: number;
+  stages: StageItem[];
+}
+
+const FullscreenLoading = memo<FullscreenLoadingProps>(({ activeStage, stages }) => {
   return (
     <Flexbox height={'100%'} style={{ position: 'relative', userSelect: 'none' }} width={'100%'}>
       <Center flex={1} gap={16} width={'100%'}>
         <ProductLogo size={48} type={'combine'} />
-        <Center gap={12} horizontal style={{ fontSize: 15, lineHeight: 1.5, opacity: 0.66 }}>
-          <Icon icon={Loader2} size={{ fontSize: 16 }} spin />
-          {title}
-        </Center>
+        <InitProgress activeStage={activeStage} stages={stages} />
       </Center>
     </Flexbox>
   );

package/src/components/InitProgress/index.tsx

@@ -0,0 +1,42 @@
+import { Icon } from '@lobehub/ui';
+import { Progress, Typography } from 'antd';
+import { useTheme } from 'antd-style';
+import { Loader2 } from 'lucide-react';
+import { ReactNode, memo } from 'react';
+import { Center, Flexbox } from 'react-layout-kit';
+
+export interface StageObjectItem {
+  icon?: ReactNode;
+  text: string;
+}
+export type StageItem = string | StageObjectItem;
+
+interface InitingProps {
+  activeStage: number;
+  stages: StageItem[];
+}
+
+const InitProgress = memo<InitingProps>(({ activeStage, stages }) => {
+  const theme = useTheme();
+
+  const outStage = stages[activeStage];
+  const percent = (activeStage / (stages.length - 1)) * 100;
+
+  const stage = typeof outStage === 'string' ? { text: outStage } : outStage;
+
+  return (
+    <Center gap={8} width={180}>
+      <Progress
+        percent={parseInt(percent.toFixed(0))}
+        showInfo={false}
+        strokeColor={theme.colorPrimary}
+      />
+      <Flexbox align={'center'} gap={4} horizontal>
+        {stage?.icon ? stage?.icon : <Icon icon={Loader2} spin />}
+        <Typography.Text type={'secondary'}>{stage?.text}</Typography.Text>
+      </Flexbox>
+    </Center>
+  );
+});
+
+export default InitProgress;

package/src/config/modelProviders/ai21.ts

@@ -27,6 +27,7 @@ const Ai21: ModelProviderCard = {
     },
   ],
   checkModel: 'jamba-1.5-mini',
+  description: 'AI21 Labs 为企业构建基础模型和人工智能系统，加速生成性人工智能在生产中的应用。',
   id: 'ai21',
   modelList: { showModelFetcher: true },
   modelsUrl: 'https://docs.ai21.com/reference',

package/src/config/modelProviders/cloudflare.ts

@@ -69,8 +69,6 @@ const Cloudflare: ModelProviderCard = {
       tokens: 32_768,
     },
     {
-      description:
-        'Generation over generation, Meta Llama 3 demonstrates state-of-the-art performance on a wide range of industry benchmarks and offers new capabilities, including improved reasoning.\t',
       displayName: 'meta-llama-3-8b-instruct',
       enabled: true,
       functionCall: false,
@@ -78,6 +76,7 @@ const Cloudflare: ModelProviderCard = {
     },
   ],
   checkModel: '@hf/meta-llama/meta-llama-3-8b-instruct',
+  description: '在 Cloudflare 的全球网络上运行由无服务器 GPU 驱动的机器学习模型。',
   disableBrowserRequest: true,
   id: 'cloudflare',
   modelList: {

package/src/config/modelProviders/higress.ts

@@ -2464,7 +2464,8 @@ const Higress: ModelProviderCard = {
     },
   ],
   checkModel: 'qwen-max',
-  description: '',
+  description:
+    'Higress 是一款云原生 API 网关，在阿里内部为解决 Tengine reload 对长连接业务有损，以及 gRPC/Dubbo 负载均衡能力不足而诞生。',
   id: 'higress',
   modelList: { showModelFetcher: true },
   modelsUrl: 'https://higress.cn/',

package/src/config/modelProviders/sensenova.ts

@@ -5,7 +5,8 @@ import { ModelProviderCard } from '@/types/llm';
 const SenseNova: ModelProviderCard = {
   chatModels: [
     {
-      description: '最新版本模型 (V5.5)，128K上下文长度，在数学推理、英文对话、指令跟随以及长文本理解等领域能力显著提升，比肩GPT-4o',
+      description:
+        '最新版本模型 (V5.5)，128K上下文长度，在数学推理、英文对话、指令跟随以及长文本理解等领域能力显著提升，比肩GPT-4o',
       displayName: 'SenseChat 5.5',
       enabled: true,
       functionCall: true,
@@ -17,7 +18,7 @@ const SenseNova: ModelProviderCard = {
       },
       tokens: 131_072,
     },
-/*
+    /*
     // Not compatible with local mode (Not support Base64 Image)
     {
       description: '最新版本模型 (V5.5)，16K上下文长度，支持多图的输入，全面实现模型基础能力优化，在对象属性识别、空间关系、动作事件识别、场景理解、情感识别、逻辑常识推理和文本理解生成上都实现了较大提升。',
@@ -46,7 +47,8 @@ const SenseNova: ModelProviderCard = {
       tokens: 32_768,
     },
     {
-      description: '32K上下文长度，在粤语的对话理解上超越了GPT-4，在知识、推理、数学及代码编写等多个领域均能与GPT-4 Turbo相媲美',
+      description:
+        '32K上下文长度，在粤语的对话理解上超越了GPT-4，在知识、推理、数学及代码编写等多个领域均能与GPT-4 Turbo相媲美',
       displayName: 'SenseChat 5.0 Cantonese',
       id: 'SenseChat-5-Cantonese',
       pricing: {
@@ -116,6 +118,7 @@ const SenseNova: ModelProviderCard = {
     },
   ],
   checkModel: 'SenseChat-Turbo',
+  description: '商汤日日新，依托商汤大装置的强大的基础支撑，提供高效易用的全栈大模型服务。',
   disableBrowserRequest: true,
   id: 'sensenova',
   modelList: { showModelFetcher: true },

package/src/features/FileViewer/index.tsx

@@ -24,7 +24,7 @@ interface FileViewerProps extends FileListItem {
 }
 
 const FileViewer = memo<FileViewerProps>(({ id, style, fileType, url, name }) => {
-  if (fileType === 'pdf' || name.endsWith('.pdf')) {
+  if (fileType?.toLowerCase() === 'pdf' || name?.toLowerCase().endsWith('.pdf')) {
     return <PDFRenderer fileId={id} url={url} />;
   }
 

package/src/features/MobileSwitchLoading/index.tsx

@@ -1,13 +1,26 @@
-'use client';
-
+import { Icon } from '@lobehub/ui';
+import { Loader2 } from 'lucide-react';
+import { DynamicOptions } from 'next/dist/shared/lib/dynamic';
+import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
+import { Center, Flexbox } from 'react-layout-kit';
 
-import FullscreenLoading from '@/components/FullscreenLoading';
+import { ProductLogo } from '@/components/Branding';
 
-const MobileSwitchLoading = () => {
+// @ts-expect-error
+const MobileSwitchLoading: DynamicOptions['loading'] = memo(() => {
   const { t } = useTranslation('common');
-
-  return <FullscreenLoading title={t('layoutInitializing')} />;
-};
+  return (
+    <Flexbox height={'100%'} style={{ position: 'relative', userSelect: 'none' }} width={'100%'}>
+      <Center flex={1} gap={16} width={'100%'}>
+        <ProductLogo size={48} type={'combine'} />
+        <Center gap={12} horizontal style={{ fontSize: 15, lineHeight: 1.5, opacity: 0.66 }}>
+          <Icon icon={Loader2} size={{ fontSize: 16 }} spin />
+          {t('layoutInitializing')}
+        </Center>
+      </Center>
+    </Flexbox>
+  );
+});
 
 export default MobileSwitchLoading;

package/src/layout/AuthProvider/NextAuth/UserUpdater.tsx

@@ -10,6 +10,8 @@ import { LobeUser } from '@/types/user';
 // update the user data into the context
 const UserUpdater = memo(() => {
   const { data: session, status } = useSession();
+  const isLoaded = status !== 'loading';
+
   const isSignedIn = (status === 'authenticated' && session && !!session.user) || false;
 
   const nextUser = session?.user;
@@ -22,7 +24,7 @@ const UserUpdater = memo(() => {
     id: nextUser?.id,
   } as LobeUser;
 
-  useStoreUpdater('isLoaded', true);
+  useStoreUpdater('isLoaded', isLoaded);
   useStoreUpdater('user', lobeUser);
   useStoreUpdater('isSignedIn', isSignedIn);
 

package/src/locales/default/common.ts

@@ -11,10 +11,17 @@ export default {
     },
   },
   appLoading: {
-    goToChat: '(4/4) 对话页面加载中...',
-    initAuth: '(2/4) 鉴权服务初始化...',
-    initUser: '(3/4) 用户状态初始化...',
-    initializing: '(1/4) 应用启动中...',
+    appIdle: '准备启动',
+    appInitializing: '应用启动中...',
+    finished: '数据库初始化完成',
+    goToChat: '对话页面加载中...',
+    initAuth: '鉴权服务初始化...',
+    initUser: '用户状态初始化...',
+    initializing: 'PGlite 数据库初始化...',
+    loadingDependencies: '初始化依赖...',
+    loadingWasm: '加载 WASM 模块...',
+    migrating: '执行数据表迁移...',
+    ready: '数据库已就绪',
   },
   autoGenerate: '自动补全',
   autoGenerateTooltip: '基于提示词自动补全助手描述',
@@ -40,14 +47,28 @@ export default {
       error: '发生错误，请重试',
       idle: '等待初始化...',
       initializing: '正在初始化...',
-      loadingDependencies: `加载依赖中({{progress}}%)...`,
-      loadingWasmModule: '加载 WASM 模块中({{progress}}%)...',
-      migrating: '正在迁移数据...',
+      loadingDependencies: '加载依赖中...',
+      loadingWasmModule: '加载 WASM 模块中...',
+      migrating: '执行数据表迁移...',
       ready: '数据库已就绪',
     },
     modal: {
-      desc: '启用 PGlite 客户端数据库，在你的浏览器中持久存储聊天数据，并使用知识库等进阶特性',
+      desc: '立即启用下一代客户端数据库。在你的浏览器中持久存储聊天数据，并使用知识库等进阶特性。',
       enable: '立即启用',
+      features: {
+        knowledgeBase: {
+          desc: '沉淀你的个人知识库，并与你的助手轻松开启知识库对话（即将上线）',
+          title: '支持知识库对话，开启第二大脑',
+        },
+        localFirst: {
+          desc: '聊天数据完全存储在浏览器中，你的数据始终在你的掌握。',
+          title: '本地优先，隐私至上',
+        },
+        pglite: {
+          desc: '基于 PGlite 构建，原生支持 AI Native 高阶特性（向量检索）',
+          title: '新一代客户端存储架构',
+        },
+      },
       init: {
         desc: '正在初始化数据库，视网络差异可能会用时 5~30 秒不等',
         title: '正在初始化 PGlite 数据库',

package/src/locales/default/models.ts

@@ -7,6 +7,7 @@ const locales: {
 } = {};
 
 LOBE_DEFAULT_MODEL_LIST.flat().forEach((model) => {
+  if (!model.description) return;
   locales[model.id] = {
     description: model.description,
   };

package/src/locales/default/providers.ts

@@ -7,6 +7,7 @@ const locales: {
 } = {};
 
 DEFAULT_MODEL_PROVIDER_LIST.forEach((provider) => {
+  if (!provider.description) return;
   locales[provider.id] = {
     description: provider.description,
   };

package/src/app/loading/type.ts

@@ -1,6 +0,0 @@
-export enum AppLoadingStage {
-  GoToChat = 'goToChat',
-  InitAuth = 'initAuth',
-  InitUser = 'initUser',
-  Initializing = 'initializing',
-}