@lobehub/chat 0.120.2 → 0.120.4

package/locales/es-ES/setting.json

@@ -252,9 +252,7 @@
     "fontSize": {
       "desc": "Tamaño de fuente para el contenido del chat",
       "marks": {
-        "large": "Grande",
-        "normal": "Normal",
-        "small": "Pequeño"
+        "normal": "Normal"
       },
       "title": "Tamaño de fuente"
     },

package/locales/fr-FR/common.json

@@ -51,6 +51,7 @@
     "title": "Importer des données"
   },
   "lang": {
+    "ar": "arabe",
     "bn": "Bengali",
     "cs-CZ": "Tchèque",
     "da-DK": "Danois",

package/locales/fr-FR/setting.json

@@ -252,9 +252,7 @@
     "fontSize": {
       "desc": "Taille de la police du contenu du chat",
       "marks": {
-        "large": "Grand",
-        "normal": "Normal",
-        "small": "Petit"
+        "normal": "Normal"
       },
       "title": "Taille de la police"
     },

package/locales/it-IT/common.json

@@ -51,6 +51,7 @@
     "title": "Importa dati"
   },
   "lang": {
+    "ar": "Arabo",
     "bn": "Bengalese",
     "cs-CZ": "Ceco",
     "da-DK": "Danese",

package/locales/it-IT/setting.json

@@ -252,9 +252,7 @@
     "fontSize": {
       "desc": "Dimensione del carattere per i messaggi",
       "marks": {
-        "large": "Grande",
-        "normal": "Normale",
-        "small": "Piccola"
+        "normal": "Normale"
       },
       "title": "Dimensione del carattere"
     },

package/locales/ja-JP/common.json

@@ -51,6 +51,7 @@
     "title": "データのインポート"
   },
   "lang": {
+    "ar": "アラビア語",
     "bn": "ベンガル語",
     "cs-CZ": "チェコ語",
     "da-DK": "デンマーク語",

package/locales/ja-JP/setting.json

@@ -252,9 +252,7 @@
     "fontSize": {
       "desc": "チャットのフォントサイズ",
       "marks": {
-        "large": "大きい",
-        "normal": "標準",
-        "small": "小さい"
+        "normal": "標準"
       },
       "title": "フォントサイズ"
     },

package/locales/ko-KR/common.json

@@ -51,6 +51,7 @@
     "title": "데이터 가져오기"
   },
   "lang": {
+    "ar": "아랍어",
     "bn": "벵골어",
     "cs-CZ": "체코어",
     "da-DK": "덴마크어",

package/locales/ko-KR/setting.json

@@ -252,9 +252,7 @@
     "fontSize": {
       "desc": "채팅 내용의 글꼴 크기",
       "marks": {
-        "large": "대",
-        "normal": "표준",
-        "small": "소"
+        "normal": "표준"
       },
       "title": "글꼴 크기"
     },

package/locales/nl-NL/common.json

@@ -51,6 +51,7 @@
     "title": "Gegevens importeren"
   },
   "lang": {
+    "ar": "Arabisch",
     "bn": "Bengaals",
     "cs-CZ": "Tsjechisch",
     "da-DK": "Deens",

package/locales/nl-NL/setting.json

@@ -252,9 +252,7 @@
     "fontSize": {
       "desc": "Lettergrootte van chatberichten",
       "marks": {
-        "large": "Groot",
-        "normal": "Normaal",
-        "small": "Klein"
+        "normal": "Normaal"
       },
       "title": "Lettergrootte"
     },

package/locales/pl-PL/common.json

@@ -51,6 +51,7 @@
     "title": "Import danych"
   },
   "lang": {
+    "ar": "arabski",
     "bn": "Bengalski",
     "cs-CZ": "Czeski",
     "da-DK": "Duński",

package/locales/pl-PL/setting.json

@@ -252,9 +252,7 @@
     "fontSize": {
       "desc": "Rozmiar czcionki wiadomości",
       "marks": {
-        "large": "Duży",
-        "normal": "Standardowy",
-        "small": "Mały"
+        "normal": "Standardowy"
       },
       "title": "Rozmiar czcionki"
     },

package/locales/pt-BR/common.json

@@ -51,6 +51,7 @@
     "title": "Importar dados"
   },
   "lang": {
+    "ar": "árabe",
     "bn": "Bengali",
     "cs-CZ": "Tcheco",
     "da-DK": "Dinamarquês",

package/locales/pt-BR/setting.json

@@ -252,9 +252,7 @@
     "fontSize": {
       "desc": "Tamanho da fonte do conteúdo do chat",
       "marks": {
-        "large": "Grande",
-        "normal": "Normal",
-        "small": "Pequeno"
+        "normal": "Normal"
       },
       "title": "Tamanho da Fonte"
     },

package/locales/ru-RU/common.json

@@ -51,6 +51,7 @@
     "title": "Импорт данных"
   },
   "lang": {
+    "ar": "арабский",
     "bn": "Бенгальский",
     "cs-CZ": "Чешский",
     "da-DK": "Датский",

package/locales/ru-RU/setting.json

@@ -252,9 +252,7 @@
     "fontSize": {
       "desc": "Размер шрифта для чата",
       "marks": {
-        "large": "большой",
-        "normal": "нормальный",
-        "small": "малый"
+        "normal": "нормальный"
       },
       "title": "Размер шрифта"
     },

package/locales/tr-TR/common.json

@@ -51,6 +51,7 @@
     "title": "Veri İçe Aktar"
   },
   "lang": {
+    "ar": "Arapça",
     "bn": "Bengalce",
     "cs-CZ": "Çekçe",
     "da-DK": "Danca",

package/locales/tr-TR/setting.json

@@ -252,9 +252,7 @@
     "fontSize": {
       "desc": "Sohbet içeriği için yazı boyutu",
       "marks": {
-        "large": "Büyük",
-        "normal": "Normal",
-        "small": "Küçük"
+        "normal": "Normal"
       },
       "title": "Yazı Boyutu"
     },

package/locales/vi-VN/common.json

@@ -51,6 +51,7 @@
     "title": "Nhập dữ liệu"
   },
   "lang": {
+    "ar": "Tiếng Ả Rập",
     "bn": "Tiếng Bengal",
     "cs-CZ": "Tiếng Séc",
     "da-DK": "Tiếng Đan Mạch",

package/locales/vi-VN/setting.json

@@ -252,9 +252,7 @@
     "fontSize": {
       "desc": "Kích cỡ chữ của nội dung trò chuyện",
       "marks": {
-        "large": "Lớn",
-        "normal": "Bình thường",
-        "small": "Nhỏ"
+        "normal": "Bình thường"
       },
       "title": "Kích cỡ chữ"
     },

package/locales/zh-CN/common.json

@@ -51,6 +51,7 @@
     "title": "导入数据"
   },
   "lang": {
+    "ar": "阿拉伯语",
     "bn": "孟加拉语",
     "cs-CZ": "捷克语",
     "da-DK": "丹麦语",

package/locales/zh-CN/setting.json

@@ -252,9 +252,7 @@
     "fontSize": {
       "desc": "聊天内容的字体大小",
       "marks": {
-        "large": "大",
-        "normal": "标准",
-        "small": "小"
+        "normal": "标准"
       },
       "title": "字体大小"
     },

package/locales/zh-TW/common.json

@@ -51,6 +51,7 @@
     "title": "匯入資料"
   },
   "lang": {
+    "ar": "阿拉伯語",
     "bn": "孟加拉語",
     "cs-CZ": "捷克語",
     "da-DK": "丹麥語",

package/locales/zh-TW/setting.json

@@ -252,9 +252,7 @@
     "fontSize": {
       "desc": "聊天內容的字體大小",
       "marks": {
-        "large": "大",
-        "normal": "標準",
-        "small": "小"
+        "normal": "標準"
       },
       "title": "字體大小"
     },

package/next.config.mjs

@@ -21,11 +21,11 @@ const nextConfig = {
   compress: isProd,
   experimental: {
     optimizePackageImports: [
-      'modern-screenshot',
       'emoji-mart',
       '@emoji-mart/react',
       '@emoji-mart/data',
       '@icons-pack/react-simple-icons',
+      '@lobehub/ui',
       'gpt-tokenizer',
       'chroma-js',
     ],
@@ -46,7 +46,7 @@ const nextConfig = {
 
   reactStrictMode: true,
 
-  transpilePackages: ['antd-style', '@lobehub/ui', '@lobehub/tts'],
+  transpilePackages: ['antd-style'],
 
   webpack(config) {
     config.experiments = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.120.2",
+  "version": "0.120.4",
   "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",
@@ -32,7 +32,7 @@
     "dev": "next dev -p 3010",
     "docs": "lobe-i18n md && npm run workflow:docs",
     "i18n": "npm run workflow:i18n && lobe-i18n",
-    "i18n-md": "lobe-i18n md",
+    "i18n:docs": "lobe-i18n md && npm run workflow:docs",
     "lint": "npm run lint:ts && npm run lint:style && npm run type-check && npm run lint:circular",
     "lint:circular": "dpdm src/**/*.ts  --warning false  --tree false  --exit-code circular:1  -T true",
     "lint:md": "remark . --quiet --frail --output",
@@ -51,9 +51,9 @@
     "test:coverage-local": "vitest run --coverage",
     "test:update": "vitest -u",
     "type-check": "tsc --noEmit",
-    "workflow:docs": "bun scripts/docsWorkflow/index.ts",
-    "workflow:i18n": "ts-node --project ./tsconfig.json scripts/i18nWorkflow/index.ts",
-    "workflow:readme": "bun scripts/readmeWorkflow/index.ts"
+    "workflow:docs": "tsx scripts/docsWorkflow/index.ts",
+    "workflow:i18n": "tsx scripts/i18nWorkflow/index.ts",
+    "workflow:readme": "tsx scripts/readmeWorkflow/index.ts"
   },
   "lint-staged": {
     "*.md": [
@@ -105,6 +105,7 @@
     "modern-screenshot": "^4",
     "nanoid": "^5",
     "next": "^14.0.2",
+    "nuqs": "^1.15.4",
     "openai": "^4.17.3",
     "polished": "^4",
     "posthog-js": "^1",
@@ -135,7 +136,7 @@
     "yaml": "^2",
     "zod": "^3",
     "zustand": "^4.4",
-    "zustand-utils": "^1"
+    "zustand-utils": "^1.3.2"
   },
   "devDependencies": {
     "@commitlint/cli": "^18",
@@ -179,7 +180,7 @@
     "remark-parse": "^10",
     "semantic-release": "^21",
     "stylelint": "^15",
-    "ts-node": "^10",
+    "tsx": "^4",
     "typescript": "^5",
     "unified": "^11",
     "unist-util-visit": "^5",

package/scripts/docsWorkflow/const.ts

@@ -6,7 +6,7 @@ export const ROOT = resolve(__dirname, '../..');
 export const DOCS_DIR = resolve(ROOT, 'docs');
 export const HOME_PATH = resolve(DOCS_DIR, 'Home.md');
 export const SIDEBAR_PATH = resolve(DOCS_DIR, '_Sidebar.md');
-export const docsFiles = globSync(resolve(DOCS_DIR, '**/*.md'), {
+export const docsFiles = globSync(resolve(DOCS_DIR, '**/*.md').replaceAll('\\', '/'), {
   ignore: ['Home.md', '_Sidebar.md', '_Footer.md'],
   nodir: true,
 }).filter((file) => !file.includes('.zh-CN.md'));

package/scripts/docsWorkflow/index.ts

@@ -20,9 +20,15 @@ const run = async () => {
       const links = {
         cn: urlJoin(
           WIKI_URL,
-          relative(DOCS_DIR, paths.cn).split('/')[1].replace('.zh-CN.md', '.zh-CN'),
+          relative(DOCS_DIR, paths.cn)
+            .replaceAll('\\', '/')
+            .split('/')[1]
+            .replace('.zh-CN.md', '.zh-CN'),
+        ),
+        en: urlJoin(
+          WIKI_URL,
+          relative(DOCS_DIR, paths.en).replaceAll('\\', '/').split('/')[1].replace('.md', ''),
         ),
-        en: urlJoin(WIKI_URL, relative(DOCS_DIR, paths.en).split('/')[1].replace('.md', '')),
       };
       const titles = {
         cn: await getTitle(paths.cn),
@@ -59,7 +65,7 @@ const run = async () => {
           child.links.cn,
         )}\n`;
         sidebarContent += `- ${genMdLink(child.titles.en, child.links.en)} | ${genMdLink(
-          '中文',
+          child.titles.cn,
           child.links.cn,
         )}\n`;
       });

package/scripts/readmeWorkflow/syncAgentIndex.ts

@@ -10,7 +10,7 @@ const genAgentTable = (data: DataItem[], lang: string) => {
   const content = data.slice(0, 4).map((item) => [
     [
       genLink(
-        item.meta.title,
+        item.meta.title.replaceAll('|', ','),
         qs.stringifyUrl({
           query: { agent: item.identifier },
           url: MARKET_URL,
@@ -18,7 +18,7 @@ const genAgentTable = (data: DataItem[], lang: string) => {
       ),
       `<sup>By **${genLink(item.author, item.homepage)}** on **${(item as any).createAt}**</sup>`,
     ].join('<br/>'),
-    [item.meta.description, genTags(item.meta.tags)].join('<br/>'),
+    [item.meta.description.replaceAll('|', ','), genTags(item.meta.tags)].join('<br/>'),
   ]);
   return markdownTable([
     isCN ? ['最近新增', '助手说明'] : ['Recent Submits', 'Description'],

package/scripts/readmeWorkflow/syncPluginIndex.ts

@@ -10,10 +10,10 @@ const genPluginTable = (data: DataItem[], lang: string) => {
     .slice(0, 4)
     .map((item) => [
       [
-        genLink(item.meta.title, PLGUIN_URL),
+        genLink(item.meta.title.replaceAll('|', ','), PLGUIN_URL),
         `<sup>By **${item.author}** on **${item.createdAt}**</sup>`,
       ].join('<br/>'),
-      [item.meta.description, genTags(item.meta.tags)].join('<br/>'),
+      [item.meta.description.replaceAll('|', ','), genTags(item.meta.tags)].join('<br/>'),
     ]);
   return markdownTable([
     isCN ? ['最近新增', '插件描述'] : ['Recent Submits', 'Description'],

package/src/app/chat/(desktop)/features/ChatHeader.tsx

@@ -9,7 +9,7 @@ import { Flexbox } from 'react-layout-kit';
 
 import { DESKTOP_HEADER_ICON_SIZE } from '@/const/layoutTokens';
 import { useGlobalStore } from '@/store/global';
-import { useSessionChatInit, useSessionStore } from '@/store/session';
+import { useSessionStore } from '@/store/session';
 import { agentSelectors, sessionSelectors } from '@/store/session/selectors';
 import { pathString } from '@/utils/url';
 
@@ -19,11 +19,12 @@ import ShareButton from '../../features/ChatHeader/ShareButton';
 
 const Left = memo(() => {
   const { t } = useTranslation('chat');
-  const init = useSessionChatInit();
+
   const router = useRouter();
 
-  const [isInbox, title, description, avatar, backgroundColor, model, plugins] = useSessionStore(
-    (s) => [
+  const [init, isInbox, title, description, avatar, backgroundColor, model, plugins] =
+    useSessionStore((s) => [
+      sessionSelectors.isSomeSessionActive(s),
       sessionSelectors.isInboxSession(s),
       agentSelectors.currentAgentTitle(s),
       agentSelectors.currentAgentDescription(s),
@@ -31,8 +32,7 @@ const Left = memo(() => {
       agentSelectors.currentAgentBackgroundColor(s),
       agentSelectors.currentAgentModel(s),
       agentSelectors.currentAgentPlugins(s),
-    ],
-  );
+    ]);
 
   const displayTitle = isInbox ? t('inbox.title') : title;
   const displayDesc = isInbox ? t('inbox.desc') : description;

package/src/app/chat/{features → (desktop)/features/SideBar}/SystemRole/index.tsx

@@ -9,33 +9,36 @@ import useMergeState from 'use-merge-value';
 
 import AgentInfo from '@/features/AgentInfo';
 import { useGlobalStore } from '@/store/global';
-import { useSessionChatInit, useSessionStore } from '@/store/session';
-import { agentSelectors } from '@/store/session/selectors';
+import { useSessionStore } from '@/store/session';
+import { agentSelectors, sessionSelectors } from '@/store/session/selectors';
 import { pathString } from '@/utils/url';
 
-import SidebarHeader from '../SidebarHeader';
+import SidebarHeader from '../../../../components/SidebarHeader';
 import { useStyles } from './style';
 
 const SystemRole = memo(() => {
   const router = useRouter();
   const [editing, setEditing] = useState(false);
   const { styles } = useStyles();
-  const [systemRole, meta, updateAgentConfig] = useSessionStore((s) => [
+
+  const [init, systemRole, meta, updateAgentConfig] = useSessionStore((s) => [
+    sessionSelectors.isSomeSessionActive(s),
     agentSelectors.currentAgentSystemRole(s),
     agentSelectors.currentAgentMeta(s),
     s.updateAgentConfig,
   ]);
+
   const [showSystemRole, toggleSystemRole] = useGlobalStore((s) => [
     s.preference.showSystemRole,
     s.toggleSystemRole,
   ]);
+
   const [open, setOpen] = useMergeState(false, {
     defaultValue: showSystemRole,
     onChange: toggleSystemRole,
     value: showSystemRole,
   });
 
-  const init = useSessionChatInit();
   const { t } = useTranslation('common');
 
   const handleOpenWithEdit = () => {

package/src/app/chat/(desktop)/features/{SideBar.tsx → SideBar/index.tsx}

@@ -3,15 +3,14 @@ import { createStyles } from 'antd-style';
 import dynamic from 'next/dynamic';
 import { memo } from 'react';
 
+import TopicListContent from '@/app/chat/features/TopicListContent';
 import SafeSpacing from '@/components/SafeSpacing';
 import { CHAT_SIDEBAR_WIDTH } from '@/const/layoutTokens';
 import { useGlobalStore } from '@/store/global';
 import { useSessionStore } from '@/store/session';
 import { sessionSelectors } from '@/store/session/selectors';
 
-import TopicListContent from '../../features/TopicListContent';
-
-const SystemRole = dynamic(() => import('../../features/SystemRole'));
+const SystemRole = dynamic(() => import('./SystemRole'));
 
 const useStyles = createStyles(({ css, token }) => ({
   content: css`

package/src/app/chat/(mobile)/index.tsx

@@ -1,17 +1,30 @@
 'use client';
 
-import { memo } from 'react';
+import { useRouter } from 'next/navigation';
+import { memo, useEffect } from 'react';
+
+import AppLayoutMobile from '@/layout/AppLayout.mobile';
+import { useSwitchSideBarOnInit } from '@/store/global';
+import { SidebarTabKey } from '@/store/global/slices/common/initialState';
 
 import PageTitle from '../features/PageTitle';
+import SessionHeader from './features/SessionHeader';
 import SessionList from './features/SessionList';
-import Layout from './layout.mobile';
 
 const ChatMobilePage = memo(() => {
+  useSwitchSideBarOnInit(SidebarTabKey.Chat);
+
+  const router = useRouter();
+  useEffect(() => {
+    router.prefetch('/chat/mobile');
+    router.prefetch('/settings');
+  }, []);
+
   return (
-    <Layout>
+    <AppLayoutMobile navBar={<SessionHeader />} showTabBar>
       <PageTitle />
       <SessionList />
-    </Layout>
+    </AppLayoutMobile>
   );
 });
 

package/src/app/chat/(mobile)/mobile/page.tsx

@@ -1,3 +1,31 @@
-import Index from './index';
+'use client';
 
-export default () => <Index />;
+import dynamic from 'next/dynamic';
+import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+
+import ChatHeader from '@/app/chat/(mobile)/features/ChatHeader';
+import Conversation from '@/features/Conversation';
+import AppLayoutMobile from '@/layout/AppLayout.mobile';
+import { useSessionStore } from '@/store/session';
+
+import ChatInput from '../features/ChatInput';
+
+const TopicList = dynamic(() => import('../features/TopicList'));
+
+const Chat = memo(() => {
+  // due to mobile side don't have sessionList, so we need to fetch sessions here
+  // refs: https://github.com/lobehub/lobe-chat/pull/541
+  const useFetchSessions = useSessionStore((s) => s.useFetchSessions);
+  useFetchSessions();
+
+  return (
+    <AppLayoutMobile navBar={<ChatHeader />}>
+      <Flexbox height={'calc(100% - 44px)'} horizontal>
+        <Conversation chatInput={<ChatInput />} mobile />
+        <TopicList />
+      </Flexbox>
+    </AppLayoutMobile>
+  );
+});
+export default Chat;

package/src/app/chat/components/SessionHydration/index.tsx

@@ -0,0 +1,44 @@
+'use client';
+
+import { useResponsive } from 'antd-style';
+import { useRouter } from 'next/navigation';
+import { useQueryState } from 'nuqs';
+import { parseAsString } from 'nuqs/parsers';
+import { memo, useEffect } from 'react';
+import { createStoreUpdater } from 'zustand-utils';
+
+import { useSessionStore } from '@/store/session';
+
+// sync outside state to useSessionStore
+const SessionHydration = memo(() => {
+  const useStoreUpdater = createStoreUpdater(useSessionStore);
+
+  const { mobile } = useResponsive();
+  useStoreUpdater('isMobile', mobile);
+
+  const router = useRouter();
+  // TODO: 后续可以把 router 从 useSessionStore 移除
+  useStoreUpdater('router', router);
+
+  // two-way bindings the url and session store
+  const [session, setSession] = useQueryState(
+    'session',
+    parseAsString.withDefault('inbox').withOptions({ history: 'replace', throttleMs: 500 }),
+  );
+  useStoreUpdater('activeId', session);
+
+  useEffect(() => {
+    const unsubscribe = useSessionStore.subscribe(
+      (s) => s.activeId,
+      (state) => setSession(state),
+    );
+
+    return () => {
+      unsubscribe();
+    };
+  }, []);
+
+  return null;
+});
+
+export default SessionHydration;

package/src/app/chat/features/SessionListContent/DefaultMode.tsx

@@ -16,13 +16,18 @@ const SessionListContent = memo(() => {
   const { t } = useTranslation('chat');
   const unpinnedSessionList = useSessionStore(sessionSelectors.unpinnedSessionList, isEqual);
   const pinnedList = useSessionStore(sessionSelectors.pinnedSessionList, isEqual);
-  const hasPinnedSessionList = useSessionStore(sessionSelectors.hasPinnedSessionList);
+  const [hasPinnedSessionList, useFetchSessions] = useSessionStore((s) => [
+    sessionSelectors.hasPinnedSessionList(s),
+    s.useFetchSessions,
+  ]);
 
   const [sessionGroupKeys, updatePreference] = useGlobalStore((s) => [
     preferenceSelectors.sessionGroupKeys(s),
     s.updatePreference,
   ]);
 
+  useFetchSessions();
+
   const items = [
     hasPinnedSessionList && {
       children: <SessionList dataSource={pinnedList} />,