@lobehub/chat 0.41.1 → 0.42.0

package/CHANGELOG.md

@@ -2,6 +2,57 @@
 
 # Changelog
 
+## [Version 0.42.0](https://github.com/lobehub/lobe-chat/compare/v0.41.2...v0.42.0)
+
+<sup>Released on **2023-08-11**</sup>
+
+#### ✨ Features
+
+- **misc**: Add `Welcome` page.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **misc**: Add `Welcome` page, closes [#60](https://github.com/lobehub/lobe-chat/issues/60) ([810ab0f](https://github.com/lobehub/lobe-chat/commit/810ab0f))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 0.41.2](https://github.com/lobehub/lobe-chat/compare/v0.41.1...v0.41.2)
+
+<sup>Released on **2023-08-10**</sup>
+
+#### ♻ Code Refactoring
+
+- **misc**: 将 sessionStore 默认 equalFn 改为 shallow, 将 settingStore 默认 equalFn 改为 shallow.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Code refactoring
+
+- **misc**: 将 sessionStore 默认 equalFn 改为 shallow ([5c1b8d7](https://github.com/lobehub/lobe-chat/commit/5c1b8d7))
+- **misc**: 将 settingStore 默认 equalFn 改为 shallow ([1e72308](https://github.com/lobehub/lobe-chat/commit/1e72308))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 0.41.1](https://github.com/lobehub/lobe-chat/compare/v0.41.0...v0.41.1)
 
 <sup>Released on **2023-08-10**</sup>

package/locales/en_US/error.json

@@ -4,6 +4,7 @@
     "401": "Sorry, the server has rejected your request. This may be due to insufficient permissions or invalid authentication.",
     "403": "Sorry, the server has rejected your request. You do not have permission to access this content.",
     "404": "Sorry, the server cannot find the page or resource you requested. Please make sure your URL is correct.",
+    "405": "Sorry, the server does not support the request method you are using. Please make sure your request method is correct.",
     "429": "Sorry, your request is too frequent and the server is a bit tired. Please try again later.",
     "500": "Sorry, the server seems to be experiencing some difficulties and is temporarily unable to complete your request. Please try again later.",
     "502": "Sorry, the server seems to be lost and is temporarily unable to provide service. Please try again later.",

package/locales/en_US/plugin.json

@@ -1,4 +1,9 @@
 {
+  "debug": {
+    "arguments": "Arguments",
+    "function_call": "Function Call",
+    "response": "Response"
+  },
   "loading": {
     "content": "Loading data...",
     "plugin": "Plugin is running..."

package/locales/en_US/welcome.json

@@ -0,0 +1,14 @@
+{
+  "button": {
+    "import": "Import Configuration",
+    "start": "Start Now"
+  },
+  "header": "Welcome",
+  "pickAgent": "Or choose from the following assistant templates",
+  "skip": "Skip Creation",
+  "slogan": {
+    "desc1": "Unlock the power of your brain and ignite your creativity. Your intelligent assistant is always here.",
+    "desc2": "Create your first assistant and let's get started~",
+    "title": "Give yourself a smarter brain"
+  }
+}

package/locales/zh_CN/error.json

@@ -4,6 +4,7 @@
     "401": "很抱歉，服务器拒绝了您的请求，可能是因为您的权限不足或未提供有效的身份验证",
     "403": "很抱歉，服务器拒绝了您的请求，您没有访问此内容的权限 ",
     "404": "很抱歉，服务器找不到您请求的页面或资源，请确认您的 URL 是否正确",
+    "405": "很抱歉，服务器不支持您使用的请求方法，请确认您的请求方法是否正确",
     "429": "很抱歉，您的请求太多，服务器有点累了，请稍后再试",
     "500": "很抱歉，服务器似乎遇到了一些困难，暂时无法完成您的请求，请稍后再试",
     "502": "很抱歉，服务器似乎迷失了方向，暂时无法提供服务，请稍后再试",

package/locales/zh_CN/plugin.json

@@ -1,4 +1,9 @@
 {
+  "debug": {
+    "arguments": "调用参数",
+    "function_call": "函数调用",
+    "response": "返回结果"
+  },
   "loading": {
     "content": "数据获取中...",
     "plugin": "插件运行中..."

package/locales/zh_CN/welcome.json

@@ -0,0 +1,14 @@
+{
+  "button": {
+    "import": "导入配置",
+    "start": "立即开始"
+  },
+  "header": "欢迎使用",
+  "pickAgent": "或从下列助手模板选择",
+  "skip": "跳过创建",
+  "slogan": {
+    "desc1": "开启大脑集群，激发思维火花。你的智能助理，一直都在。",
+    "desc2": "创建你的第一个助手，让我们开始吧~",
+    "title": "给自己一个更聪明的大脑"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.41.1",
+  "version": "0.42.0",
   "description": "Lobe Chat is an open-source chatbot client using LangChain, Typescript and Next.js",
   "keywords": [
     "chatbot",

package/src/components/DiscordIcon/index.tsx

@@ -0,0 +1,15 @@
+import { type LucideIcon, createLucideIcon } from 'lucide-react';
+
+const Discord: LucideIcon = createLucideIcon('Discord', [
+  [
+    'path',
+    {
+      d: 'M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z',
+      key: '18tl5t',
+    },
+  ],
+]);
+
+const DiscordIcon = (props: LucideIcon) => <Discord style={{ overflow: 'visible' }} {...props} />;
+
+export default DiscordIcon as LucideIcon;

package/src/const/url.ts

@@ -0,0 +1,7 @@
+import pkg from '../../package.json';
+
+export const GITHUB = pkg.homepage;
+export const CHANGELOG = `${pkg.homepage}/blob/master/CHANGELOG.md`;
+export const ABOUT = pkg.homepage;
+export const FEEDBACK = pkg.bugs.url;
+export const DISCORD = 'https://discord.gg/AYFPHvv2jT';

package/src/features/AvatarWithUpload/index.tsx

@@ -2,7 +2,6 @@ import { Avatar, Logo } from '@lobehub/ui';
 import { Upload } from 'antd';
 import { createStyles } from 'antd-style';
 import { memo } from 'react';
-import { shallow } from 'zustand/shallow';
 
 import { useSettings } from '@/store/settings';
 import { createUploadImageHandler } from '@/utils/uploadFIle';
@@ -28,7 +27,7 @@ interface AvatarWithUploadProps {
 }
 
 const AvatarWithUpload = memo<AvatarWithUploadProps>(({ size = 40 }) => {
-  const [avatar, setSettings] = useSettings((st) => [st.settings.avatar, st.setSettings], shallow);
+  const [avatar, setSettings] = useSettings((st) => [st.settings.avatar, st.setSettings]);
   const { styles } = useStyle();
 
   const handleUploadAvatar = createUploadImageHandler((avatar) => {

package/src/features/FolderPanel/index.tsx

@@ -2,7 +2,6 @@ import { DraggablePanel, DraggablePanelContainer } from '@lobehub/ui';
 import { createStyles } from 'antd-style';
 import isEqual from 'fast-deep-equal';
 import { PropsWithChildren, memo, useState } from 'react';
-import { shallow } from 'zustand/shallow';
 
 import { FOLDER_WIDTH } from '@/const/layoutTokens';
 import { useSettings } from '@/store/settings';
@@ -17,10 +16,10 @@ export const useStyles = createStyles(({ css, token }) => ({
 
 const FolderPanel = memo<PropsWithChildren>(({ children }) => {
   const { styles } = useStyles();
-  const [sessionsWidth, sessionExpandable] = useSettings(
-    (s) => [s.sessionsWidth, s.sessionExpandable],
-    shallow,
-  );
+  const [sessionsWidth, sessionExpandable] = useSettings((s) => [
+    s.sessionsWidth,
+    s.sessionExpandable,
+  ]);
   const [tmpWidth, setWidth] = useState(sessionsWidth);
   if (tmpWidth !== sessionsWidth) setWidth(sessionsWidth);
 

package/src/features/SideBar/BottomActions.tsx

@@ -14,12 +14,12 @@ import Router from 'next/router';
 import { memo, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
+import DiscordIcon from '@/components/DiscordIcon';
+import { ABOUT, CHANGELOG, DISCORD, FEEDBACK, GITHUB } from '@/const/url';
 import { useExportConfig } from '@/hooks/useExportConfig';
 import { useImportConfig } from '@/hooks/useImportConfig';
 import { SettingsStore } from '@/store/settings';
 
-import pkg from '../../../package.json';
-
 export interface BottomActionProps {
   setTab: SettingsStore['switchSideBar'];
   tab: SettingsStore['sidebarKey'];
@@ -79,19 +79,19 @@ const BottomActions = memo<BottomActionProps>(({ tab, setTab }) => {
         icon: <Icon icon={Feather} />,
         key: 'feedback',
         label: t('feedback'),
-        onClick: () => window.open(pkg.bugs.url, '__blank'),
+        onClick: () => window.open(FEEDBACK, '__blank'),
       },
       {
         icon: <Icon icon={FileClock} />,
         key: 'changelog',
         label: t('changelog'),
-        onClick: () => window.open(`${pkg.homepage}/blob/master/CHANGELOG.md`, '__blank'),
+        onClick: () => window.open(CHANGELOG, '__blank'),
       },
       {
         icon: <Icon icon={Heart} />,
         key: 'about',
         label: t('about'),
-        onClick: () => window.open(pkg.homepage, '__blank'),
+        onClick: () => window.open(ABOUT, '__blank'),
       },
       {
         type: 'divider',
@@ -111,7 +111,8 @@ const BottomActions = memo<BottomActionProps>(({ tab, setTab }) => {
 
   return (
     <>
-      <ActionIcon icon={Github} onClick={() => window.open(pkg.homepage, '__blank')} />
+      <ActionIcon icon={DiscordIcon} onClick={() => window.open(DISCORD, '__blank')} />
+      <ActionIcon icon={Github} onClick={() => window.open(GITHUB, '__blank')} />
       <Dropdown arrow={false} menu={{ items }} trigger={['click']}>
         <ActionIcon active={tab === 'settings'} icon={Settings2} />
       </Dropdown>

package/src/features/SideBar/TopActions.tsx

@@ -23,7 +23,7 @@ const TopActions = memo<TopActionProps>(({ tab, setTab }) => {
           // 如果已经在 chat 路径下了，那么就不用再跳转了
           if (Router.asPath.startsWith('/chat')) return;
 
-          Router.push('/');
+          Router.push('/chat');
         }}
         size="large"
         title={t('tab.chat')}

package/src/features/SideBar/index.tsx

@@ -1,6 +1,5 @@
 import { SideNav } from '@lobehub/ui';
 import { memo } from 'react';
-import { shallow } from 'zustand/shallow';
 
 import AvatarWithUpload from '@/features/AvatarWithUpload';
 import { useSettings } from '@/store/settings';
@@ -9,7 +8,7 @@ import BottomActions from './BottomActions';
 import TopActions from './TopActions';
 
 export default memo(() => {
-  const [tab, setTab] = useSettings((s) => [s.sidebarKey, s.switchSideBar], shallow);
+  const [tab, setTab] = useSettings((s) => [s.sidebarKey, s.switchSideBar]);
 
   return (
     <SideNav

package/src/layout/AppLayout.tsx

@@ -0,0 +1,15 @@
+import { PropsWithChildren, memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+
+import SideBar from '@/features/SideBar';
+
+const AppLayout = memo<PropsWithChildren>(({ children }) => {
+  return (
+    <Flexbox horizontal width={'100%'}>
+      <SideBar />
+      {children}
+    </Flexbox>
+  );
+});
+
+export default AppLayout;

package/src/layout/index.tsx

@@ -4,7 +4,6 @@ import { useThemeMode } from 'antd-style';
 import 'antd/dist/reset.css';
 import Zh_CN from 'antd/locale/zh_CN';
 import { PropsWithChildren, useCallback, useEffect } from 'react';
-import { shallow } from 'zustand/shallow';
 
 import { useSessionStore } from '@/store/session';
 import { useSettings } from '@/store/settings';
@@ -29,11 +28,12 @@ const Layout = ({ children }: PropsWithChildren) => {
 };
 
 export default ({ children }: PropsWithChildren) => {
-  const themeMode = useSettings((s) => s.settings.themeMode, shallow);
-  const { primaryColor, neutralColor } = useSettings(
-    (s) => ({ neutralColor: s.settings.neutralColor, primaryColor: s.settings.primaryColor }),
-    shallow,
-  );
+  const themeMode = useSettings((s) => s.settings.themeMode);
+  const [primaryColor, neutralColor] = useSettings((s) => [
+    s.settings.primaryColor,
+    s.settings.neutralColor,
+  ]);
+
   const { browserPrefers } = useThemeMode();
   const isDarkMode = themeMode === 'auto' ? browserPrefers === 'dark' : themeMode === 'dark';
 

package/src/locales/default/common.ts

@@ -4,6 +4,7 @@ export default {
   agentMaxToken: '会话最大长度',
   agentModel: '模型',
   agentProfile: '助手信息',
+  appInitializing: '应用加载中...',
   archive: '归档',
   autoGenerate: '自动补全',
   autoGenerateTooltip: '基于提示词自动补全助手描述',

package/src/locales/default/welcome.ts

@@ -0,0 +1,14 @@
+export default {
+  button: {
+    import: '导入配置',
+    start: '立即开始',
+  },
+  header: '欢迎使用',
+  pickAgent: '或从下列助手模板选择',
+  skip: '跳过创建',
+  slogan: {
+    desc1: '开启大脑集群，激发思维火花。你的智能助理，一直都在。',
+    desc2: '创建你的第一个助手，让我们开始吧~',
+    title: '给自己一个更聪明的大脑',
+  },
+};

package/src/locales/resources/zh_CN.ts

@@ -3,6 +3,7 @@ import empty from '../default/empty';
 import error from '../default/error';
 import plugin from '../default/plugin';
 import setting from '../default/setting';
+import welcome from '../default/welcome';
 
 const resources = {
   common,
@@ -10,6 +11,7 @@ const resources = {
   error,
   plugin,
   setting,
+  welcome,
 } as const;
 
 export default resources;

package/src/pages/chat/SessionList/Header.tsx

@@ -1,11 +1,10 @@
 import { ActionIcon, Logo, SearchBar } from '@lobehub/ui';
 import { createStyles } from 'antd-style';
 import { MessageSquarePlus } from 'lucide-react';
-import { useTranslation } from 'react-i18next';
 import Link from 'next/link';
 import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
-import { shallow } from 'zustand/shallow';
 
 import { useSessionStore } from '@/store/session';
 
@@ -22,10 +21,7 @@ export const useStyles = createStyles(({ css, token }) => ({
 const Header = memo(() => {
   const { styles } = useStyles();
   const { t } = useTranslation('common');
-  const [keywords, createSession] = useSessionStore(
-    (s) => [s.searchKeywords, s.createSession],
-    shallow,
-  );
+  const [keywords, createSession] = useSessionStore((s) => [s.searchKeywords, s.createSession]);
 
   return (
     <Flexbox className={styles.top} gap={16} padding={16}>

package/src/pages/chat/SessionList/List/SessionItem.tsx

@@ -29,7 +29,7 @@ const SessionItem: FC<SessionItemProps> = memo(({ id, active = true, loading })
   const { t } = useTranslation('common');
 
   const { styles } = useStyles();
-  const [defaultModel] = useSettings((s) => [s.settings.defaultAgent.config?.model], shallow);
+  const [defaultModel] = useSettings((s) => [s.settings.defaultAgent.config?.model]);
 
   const [
     pin,
@@ -60,7 +60,7 @@ const SessionItem: FC<SessionItemProps> = memo(({ id, active = true, loading })
       s.removeSession,
       s.pinSession,
     ];
-  }, shallow);
+  });
 
   const { modal } = App.useApp();
   const items: MenuProps['items'] = useMemo(

package/src/pages/chat/SessionList/List/index.tsx

@@ -1,7 +1,6 @@
 import isEqual from 'fast-deep-equal';
 import Link from 'next/link';
 import { memo } from 'react';
-import { shallow } from 'zustand/shallow';
 
 import { sessionSelectors, useSessionHydrated, useSessionStore } from '@/store/session';
 
@@ -9,11 +8,8 @@ import SessionItem from './SessionItem';
 import SkeletonItem from './SkeletonItem';
 
 const SessionList = memo(() => {
-  const list = useSessionStore((s) => sessionSelectors.sessionList(s), isEqual);
-  const [activeId, loading] = useSessionStore(
-    (s) => [s.activeId, s.autocompleteLoading.title],
-    shallow,
-  );
+  const list = useSessionStore(sessionSelectors.sessionList, isEqual);
+  const [activeId, loading] = useSessionStore((s) => [s.activeId, s.autocompleteLoading.title]);
 
   const isInit = useSessionHydrated();
 

package/src/pages/chat/[id]/Conversation/ChatList/Error/ApiKeyForm.tsx

@@ -3,7 +3,6 @@ import { Button, Input } from 'antd';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Center, Flexbox } from 'react-layout-kit';
-import { shallow } from 'zustand/shallow';
 
 import { useSettings } from '@/store/settings';
 
@@ -12,10 +11,7 @@ import { useStyles } from './style';
 const APIKeyForm = memo<{ onConfirm?: () => void }>(({ onConfirm }) => {
   const { t } = useTranslation('error');
   const { styles, theme } = useStyles();
-  const [apiKey, setSettings] = useSettings(
-    (s) => [s.settings.OPENAI_API_KEY, s.setSettings],
-    shallow,
-  );
+  const [apiKey, setSettings] = useSettings((s) => [s.settings.OPENAI_API_KEY, s.setSettings]);
 
   return (
     <Center gap={16} style={{ maxWidth: 300 }}>

package/src/pages/chat/[id]/Conversation/ChatList/Error/InvalidAccess.tsx

@@ -4,7 +4,6 @@ import { KeySquare, SquareAsterisk } from 'lucide-react';
 import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
-import { shallow } from 'zustand/shallow';
 
 import { useSessionStore } from '@/store/session';
 import { useSettings } from '@/store/settings';
@@ -16,11 +15,8 @@ import { ErrorActionContainer, FormAction } from './style';
 const InvalidAccess = memo<{ id: string }>(({ id }) => {
   const { t } = useTranslation('error');
   const [mode, setMode] = useState('password');
-  const [password, setSettings] = useSettings((s) => [s.settings.password, s.setSettings], shallow);
-  const [resend, deleteMessage] = useSessionStore(
-    (s) => [s.resendMessage, s.deleteMessage],
-    shallow,
-  );
+  const [password, setSettings] = useSettings((s) => [s.settings.password, s.setSettings]);
+  const [resend, deleteMessage] = useSessionStore((s) => [s.resendMessage, s.deleteMessage]);
 
   return (
     <ErrorActionContainer>

package/src/pages/chat/[id]/Conversation/ChatList/Error/OpenAiBizError.tsx

@@ -1,7 +1,6 @@
 import { Highlighter } from '@lobehub/ui';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
-import { shallow } from 'zustand/shallow';
 
 import { useSessionStore } from '@/store/session';
 
@@ -22,10 +21,7 @@ interface OpenAIErrorResponse {
 const OpenAiBizError = memo<{ content: OpenAIErrorResponse; id: string }>(({ content, id }) => {
   const { styles } = useStyles();
 
-  const [resend, deleteMessage] = useSessionStore(
-    (s) => [s.resendMessage, s.deleteMessage],
-    shallow,
-  );
+  const [resend, deleteMessage] = useSessionStore((s) => [s.resendMessage, s.deleteMessage]);
 
   const errorCode = content.error?.code;
 

package/src/pages/chat/[id]/Conversation/ChatList/MessageExtra.tsx

@@ -1,7 +1,6 @@
 import { createStyles } from 'antd-style';
 import { ReactNode } from 'react';
 import { Flexbox } from 'react-layout-kit';
-import { shallow } from 'zustand/shallow';
 
 import Tag from '@/components/Tag';
 import { agentSelectors, useSessionStore } from '@/store/session';
@@ -28,7 +27,7 @@ const MessageExtra = ({
   const { styles } = useStyles();
 
   // const { t } = useTranslation();
-  const [model] = useSessionStore((s) => [agentSelectors.currentAgentModel(s)], shallow);
+  const [model] = useSessionStore((s) => [agentSelectors.currentAgentModel(s)]);
 
   // const plugin = PluginsMap[name || ''];
 

package/src/pages/chat/[id]/Conversation/ChatList/index.tsx

@@ -3,7 +3,6 @@ import isEqual from 'fast-deep-equal';
 import { memo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
-import { shallow } from 'zustand/shallow';
 
 import { agentSelectors, chatSelectors, useSessionStore } from '@/store/session';
 import { ChatMessage } from '@/types/chatMessage';
@@ -32,16 +31,13 @@ const List = () => {
 
   const data = useSessionStore(chatSelectors.currentChats, isEqual);
   const [displayMode, chatLoadingId, deleteMessage, resendMessage, dispatchMessage] =
-    useSessionStore(
-      (s) => [
-        agentSelectors.currentAgentConfig(s).displayMode,
-        s.chatLoadingId,
-        s.deleteMessage,
-        s.resendMessage,
-        s.dispatchMessage,
-      ],
-      shallow,
-    );
+    useSessionStore((s) => [
+      agentSelectors.currentAgentConfig(s).displayMode,
+      s.chatLoadingId,
+      s.deleteMessage,
+      s.resendMessage,
+      s.dispatchMessage,
+    ]);
 
   const renderMessage: RenderMessage = useCallback(
     (content, message: ChatMessage) => {

package/src/pages/chat/[id]/Conversation/Input/Action.tsx

@@ -4,7 +4,6 @@ import { BrainCog, Thermometer, Timer, TimerOff } from 'lucide-react';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
-import { shallow } from 'zustand/shallow';
 
 import SliderWithInput from '@/components/SliderWithInput';
 import { agentSelectors, useSessionStore } from '@/store/session';
@@ -22,7 +21,7 @@ const InputActions = memo(() => {
       !config.enableHistoryCount,
       s.updateAgentConfig,
     ];
-  }, shallow);
+  });
 
   return (
     <>

package/src/pages/chat/[id]/Conversation/Input/ActionRight.tsx

@@ -3,13 +3,12 @@ import { Popconfirm } from 'antd';
 import { Eraser } from 'lucide-react';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { shallow } from 'zustand/shallow';
 
 import { useSessionStore } from '@/store/session';
 
 const ActionsRight = memo(() => {
   const { t } = useTranslation('setting');
-  const [clearMessage] = useSessionStore((s) => [s.clearMessage, s.updateAgentConfig], shallow);
+  const [clearMessage] = useSessionStore((s) => [s.clearMessage, s.updateAgentConfig]);
 
   return (
     <Popconfirm

package/src/pages/chat/[id]/Conversation/Input/Token.tsx

@@ -2,7 +2,6 @@ import { TokenTag, Tooltip } from '@lobehub/ui';
 import { encode } from 'gpt-tokenizer';
 import { memo, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { shallow } from 'zustand/shallow';
 
 import { ModelTokens } from '@/const/modelTokens';
 import { agentSelectors, chatSelectors, useSessionStore } from '@/store/session';
@@ -12,15 +11,12 @@ const Token = memo<{ input: string }>(({ input }) => {
 
   const inputTokenCount = useMemo(() => encode(input).length, [input]);
 
-  const [totalToken, systemRoleToken, chatsToken, model] = useSessionStore(
-    (s) => [
-      chatSelectors.totalTokenCount(s),
-      chatSelectors.systemRoleTokenCount(s),
-      chatSelectors.chatsTokenCount(s),
-      agentSelectors.currentAgentModel(s),
-    ],
-    shallow,
-  );
+  const [totalToken, systemRoleToken, chatsToken, model] = useSessionStore((s) => [
+    chatSelectors.totalTokenCount(s),
+    chatSelectors.systemRoleTokenCount(s),
+    chatSelectors.chatsTokenCount(s),
+    agentSelectors.currentAgentModel(s),
+  ]);
 
   return (
     <Tooltip placement={'bottom'} title={t('tokenDetail', { chatsToken, systemRoleToken })}>

package/src/pages/chat/[id]/Conversation/Input/index.tsx

@@ -3,7 +3,6 @@ import { Button } from 'antd';
 import { LucideGalleryVerticalEnd } from 'lucide-react';
 import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { shallow } from 'zustand/shallow';
 
 import { CHAT_TEXTAREA_HEIGHT, HEADER_HEIGHT } from '@/const/layoutTokens';
 import { useSessionStore } from '@/store/session';
@@ -18,11 +17,12 @@ const ChatInput = () => {
   const [expand, setExpand] = useState<boolean>(false);
   const [text, setText] = useState('');
 
-  const [inputHeight] = useSettings((s) => [s.inputHeight], shallow);
-  const [sendMessage, hasTopic, saveToTopic] = useSessionStore(
-    (s) => [s.createOrSendMsg, !!s.activeTopicId, s.saveToTopic],
-    shallow,
-  );
+  const [inputHeight] = useSettings((s) => [s.inputHeight]);
+  const [sendMessage, hasTopic, saveToTopic] = useSessionStore((s) => [
+    s.createOrSendMsg,
+    !!s.activeTopicId,
+    s.saveToTopic,
+  ]);
 
   const footer = hasTopic ? null : (
     <Tooltip title={t('topic.saveCurrentMessages')}>