@lobehub/chat 0.48.0 → 0.50.0

package/CHANGELOG.md

@@ -2,6 +2,57 @@
 
 # Changelog
 
+## [Version 0.50.0](https://github.com/lobehub/lobe-chat/compare/v0.49.0...v0.50.0)
+
+<sup>Released on **2023-08-15**</sup>
+
+#### ✨ Features
+
+- **misc**: Update messages, settings, error codes, plugin names, weather data display, and UI.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **misc**: Update messages, settings, error codes, plugin names, weather data display, and UI ([a41db51](https://github.com/lobehub/lobe-chat/commit/a41db51))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+## [Version 0.49.0](https://github.com/lobehub/lobe-chat/compare/v0.48.0...v0.49.0)
+
+<sup>Released on **2023-08-15**</sup>
+
+#### ✨ Features
+
+- **misc**: Add `BackToBottom` to conversation, Update icons and text in various components.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **misc**: Add `BackToBottom` to conversation ([1433aa9](https://github.com/lobehub/lobe-chat/commit/1433aa9))
+- **misc**: Update icons and text in various components ([0e7a683](https://github.com/lobehub/lobe-chat/commit/0e7a683))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 0.48.0](https://github.com/lobehub/lobe-chat/compare/v0.47.0...v0.48.0)
 
 <sup>Released on **2023-08-15**</sup>

package/locales/en_US/common.json

@@ -1,22 +1,26 @@
 {
   "about": "About",
   "advanceSettings": "Advanced Settings",
-  "agentMaxToken": "Max Token Length",
+  "agentDefaultMessage": "Hello, I'm **{{name}}**. You can start chatting with me right away or go to [Assistant Settings](/chat/{{id}}/setting) to complete my information.",
+  "agentDefaultMessageWithSystemRole": "Hello, I'm **{{name}}**, {{systemRole}}. Let's start chatting!",
+  "agentMaxToken": "Max Session Length",
   "agentModel": "Model",
-  "agentProfile": "Agent Profile",
+  "agentProfile": "Assistant Information",
+  "appInitializing": "LobeChat is initializing, please wait...",
   "archive": "Archive",
   "autoGenerate": "Auto Generate",
   "autoGenerateTooltip": "Auto generate assistant description based on prompts",
+  "backToBottom": "Go to Latest Messages",
   "cancel": "Cancel",
   "changelog": "Changelog",
-  "clearCurrentMessages": "Clear Current Messages",
+  "clearCurrentMessages": "Clear Current Session Messages",
   "close": "Close",
-  "confirmClearCurrentMessages": "You are about to clear the current messages. Once cleared, they cannot be recovered. Please confirm your action.",
-  "confirmRemoveSessionItemAlert": "You are about to delete this assistant. Once deleted, it cannot be recovered. Please confirm your action.",
+  "confirmClearCurrentMessages": "You are about to clear the current session messages. Once cleared, they cannot be recovered. Please confirm your operation.",
+  "confirmRemoveSessionItemAlert": "You are about to delete this assistant. Once deleted, it cannot be recovered. Please confirm your operation.",
   "copy": "Copy",
-  "copySuccess": "Copy Successful",
-  "defaultAgent": "Default Assistant",
-  "defaultSession": "Default Session",
+  "copySuccess": "Copy Success",
+  "defaultAgent": "Custom Assistant",
+  "defaultSession": "Custom Assistant",
   "delete": "Delete",
   "edit": "Edit",
   "export": "Export Configuration",
@@ -30,30 +34,37 @@
   },
   "feedback": "Feedback",
   "import": "Import Configuration",
+  "inbox": {
+    "defaultMessage": "Hello, I'm your intelligent assistant. You can ask me any questions and I will do my best to answer you. If you need a more professional or customized assistant, you can click <kbd>+</kbd> to create a custom assistant.",
+    "desc": "Activate the brain cluster and spark your thinking. Your intelligent assistant is here to communicate with you about everything.",
+    "title": "Chat Freely"
+  },
   "message": {
     "function_loading": "Plugin request in progress..."
   },
   "moreSetting": "More Settings...",
   "newAgent": "New Assistant",
-  "noDescription": "No description available",
+  "noDescription": "No Description",
   "ok": "OK",
   "pin": "Pin",
   "pinOff": "Unpin",
   "regenerate": "Regenerate",
   "rename": "Rename",
   "reset": "Reset",
-  "roleAndArchive": "Roles and Archive",
-  "searchAgentPlaceholder": "Search Assistants and Sessions...",
+  "roleAndArchive": "Roles and Archives",
+  "searchAgentPlaceholder": "Search Assistants and Conversations...",
   "send": "Send",
   "sendPlaceholder": "Enter chat content...",
+  "sessionList": "Assistant List",
   "setting": "Settings",
   "share": "Share",
+  "stop": "Stop",
   "tab": {
     "chat": "Chat",
     "market": "Assistant Market"
   },
   "temp": "Temporary",
-  "tokenDetail": "Role Setting: {{systemRoleToken}} · Chat History: {{chatsToken}}",
+  "tokenDetail": "Role Setting: {{systemRoleToken}} · Message History: {{chatsToken}}",
   "tokenTag": {
     "overload": "Exceeded Limit",
     "remained": "Remaining",
@@ -65,6 +76,6 @@
     "saveCurrentMessages": "Save the current session as a topic",
     "searchPlaceholder": "Search Topics..."
   },
-  "updateAgent": "Update Assistant Profile",
+  "updateAgent": "Update Assistant Information",
   "updatePrompt": "Update Prompts"
 }

package/locales/en_US/error.json

@@ -1,14 +1,14 @@
 {
   "response": {
-    "400": "Sorry, the server doesn't understand your request. Please make sure your request parameters are correct.",
-    "401": "Sorry, the server has rejected your request. This may be due to insufficient permissions or invalid authentication.",
+    "400": "Sorry, the server does not understand your request. Please make sure your request parameters are correct.",
+    "401": "Sorry, the server has rejected your request, possibly 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.",
-    "503": "Sorry, the server is currently unable to process your request. This may be due to overload or maintenance. Please try again later.",
+    "503": "Sorry, the server is currently unable to process your request, possibly due to overload or maintenance. Please try again later.",
     "504": "Sorry, the server did not receive a response from the upstream server. Please try again later.",
     "InvalidAccessCode": "The password is incorrect or empty. Please enter the correct access password or add a custom OpenAI API Key.",
     "OpenAIBizError": "Error requesting OpenAI service. Please troubleshoot or retry based on the following information."

package/locales/en_US/plugin.json

@@ -5,28 +5,28 @@
     "response": "Response"
   },
   "loading": {
-    "content": "Loading data...",
+    "content": "Loading...",
     "plugin": "Plugin is running..."
   },
   "pluginList": "Plugin List",
   "plugins": {
-    "realtimeWeather": "Real-time Weather Forecast",
+    "realtimeWeather": "Realtime Weather",
     "searchEngine": "Search Engine",
-    "undefined": "Plugin detection in progress...",
-    "websiteCrawler": "Website Content Extraction"
+    "undefined": "Plugin Detection...",
+    "websiteCrawler": "Website Crawler"
   },
   "realtimeWeather": {
     "data": {
       "date": "Date",
       "daytemp_float": "Daytime Temperature",
       "dayweather": "Daytime Weather",
-      "daywind": "Daytime Wind Speed",
+      "daywind": "Daytime Wind",
       "nighttemp_float": "Nighttime Temperature",
       "nightweather": "Nighttime Weather",
-      "nightwind": "Nighttime Wind Speed",
+      "nightwind": "Nighttime Wind",
       "week": "Week"
     },
-    "title": "Weather Data for the Past 7 Days ({{city}})",
+    "title": "Weather Data for the Next 7 Days ({{city}})",
     "updateAt": "Last Updated"
   },
   "responseData": "Response Data"

package/locales/en_US/setting.json

@@ -28,19 +28,19 @@
       "title": "Background Color"
     },
     "description": {
-      "placeholder": "Enter assistant description",
+      "placeholder": "Please enter assistant description",
       "title": "Assistant Description"
     },
     "name": {
-      "placeholder": "Enter assistant name",
+      "placeholder": "Please enter assistant name",
       "title": "Name"
     },
     "prompt": {
-      "placeholder": "Enter role prompt",
+      "placeholder": "Please enter role prompt",
       "title": "Role Prompt"
     },
     "tag": {
-      "placeholder": "Enter tag",
+      "placeholder": "Please enter tag",
       "title": "Tag"
     },
     "title": "Assistant Information"
@@ -61,18 +61,18 @@
       "title": "Enable History Message Length Compression Threshold"
     },
     "enableHistoryCount": {
-      "title": "Enable History Message Count Limit",
       "alias": "Unlimited",
-      "limited": "Only include {{number}} chat messages",
-      "unlimited": "Unlimited chat history"
+      "limited": "Only include {{number}} session messages",
+      "title": "Limit History Message Count",
+      "unlimited": "Unlimited History Message Count"
     },
     "historyCount": {
       "desc": "Number of history messages carried in each request",
-      "title": "History Message Count"
+      "title": "Attached History Message Count"
     },
     "inputTemplate": {
       "desc": "The latest user message will be filled into this template",
-      "placeholder": "Enter the input template, {text} will be replaced with real-time input",
+      "placeholder": "Enter the input template, {text} will be replaced with real-time input information",
       "title": "User Input Preprocessing"
     },
     "title": "Chat Settings"
@@ -111,14 +111,14 @@
     "title": "Model Settings",
     "topP": {
       "desc": "Similar to randomness, but do not change together with randomness",
-      "title": "Top-p Sampling"
+      "title": "Nucleus Sampling"
     }
   },
   "settingOpenAI": {
     "endpoint": {
       "desc": "Must include http(s)://, in addition to the default address",
       "placeholder": "https://api.openai.com/v1",
-      "title": "API Proxy Endpoint"
+      "title": "API Proxy Address"
     },
     "title": "OpenAI Settings",
     "token": {
@@ -133,7 +133,7 @@
   "settingSystem": {
     "accessCode": {
       "desc": "Encryption access has been enabled by the administrator",
-      "placeholder": "Enter access password",
+      "placeholder": "Please enter access password",
       "title": "Access Password"
     },
     "title": "System Settings"

package/locales/zh_CN/common.json

@@ -1,12 +1,16 @@
 {
   "about": "关于",
   "advanceSettings": "高级设置",
+  "agentDefaultMessage": "你好，我是 **{{name}}**，你可以立即与我开始对话，也可以前往 [助手设置](/chat/{{id}}/setting) 完善我的信息。",
+  "agentDefaultMessageWithSystemRole": "你好，我是 **{{name}}**，{{systemRole}}，让我们开始对话吧！",
   "agentMaxToken": "会话最大长度",
   "agentModel": "模型",
   "agentProfile": "助手信息",
+  "appInitializing": "LobeChat 启动中，请耐心等待...",
   "archive": "归档",
   "autoGenerate": "自动补全",
   "autoGenerateTooltip": "基于提示词自动补全助手描述",
+  "backToBottom": "查看最新消息",
   "cancel": "取消",
   "changelog": "更新日志",
   "clearCurrentMessages": "清空当前会话消息",
@@ -15,8 +19,8 @@
   "confirmRemoveSessionItemAlert": "即将删除该助手，删除后该将无法找回，请确认你的操作",
   "copy": "复制",
   "copySuccess": "复制成功",
-  "defaultAgent": "默认助手",
-  "defaultSession": "默认对话",
+  "defaultAgent": "自定义助手",
+  "defaultSession": "自定义助手",
   "delete": "删除",
   "edit": "编辑",
   "export": "导出配置",
@@ -30,6 +34,11 @@
   },
   "feedback": "反馈与建议",
   "import": "导入配置",
+  "inbox": {
+    "defaultMessage": "你好，我是你的智能助手，你可以问我任何问题，我会尽力回答你。如果需要获得更加专业或定制的助手，可以点击<kbd>+</kbd>创建自定义助手",
+    "desc": "开启大脑集群，激发思维火花。你的智能助理，就在这里与你交流一切",
+    "title": "随便聊聊"
+  },
   "message": {
     "function_loading": "插件请求中..."
   },
@@ -46,8 +55,10 @@
   "searchAgentPlaceholder": "搜索助手和对话...",
   "send": "发送",
   "sendPlaceholder": "输入聊天内容...",
+  "sessionList": "助手列表",
   "setting": "设置",
   "share": "分享",
+  "stop": "停止",
   "tab": {
     "chat": "会话",
     "market": "助手市场"

package/package.json

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

package/src/features/SideBar/BottomActions.tsx

@@ -3,9 +3,9 @@ import { Dropdown, MenuProps, Upload } from 'antd';
 import {
   Feather,
   FileClock,
-  FolderInput,
-  FolderOutput,
   Github,
+  HardDriveDownload,
+  HardDriveUpload,
   Heart,
   Settings,
   Settings2,
@@ -33,7 +33,7 @@ const BottomActions = memo<BottomActionProps>(({ tab, setTab }) => {
   const items: MenuProps['items'] = useMemo(
     () => [
       {
-        icon: <Icon icon={FolderInput} />,
+        icon: <Icon icon={HardDriveUpload} />,
         key: 'import',
         label: (
           <Upload maxCount={1} onChange={importConfig} showUploadList={false}>
@@ -67,7 +67,7 @@ const BottomActions = memo<BottomActionProps>(({ tab, setTab }) => {
             onClick: exportAll,
           },
         ],
-        icon: <Icon icon={FolderOutput} />,
+        icon: <Icon icon={HardDriveDownload} />,
         key: 'export',
         label: t('export'),
       },

package/src/locales/default/common.ts

@@ -2,16 +2,16 @@ export default {
   about: '关于',
   advanceSettings: '高级设置',
   agentDefaultMessage:
-    '你好，我是你的自定义助手，你可以立即与我开始对话，也可以前往 [助手设置](/chat/{{id}}/setting) 完善我的信息。',
-  agentDefaultMessageWithSystemRole:
-    '你好，我是你的自定义助手，我的角色设定如下: \n\n --- \n\n {{systemRole}} \n\n --- \n\n 立即与我开始对话吧~',
+    '你好，我是 **{{name}}**，你可以立即与我开始对话，也可以前往 [助手设置](/chat/{{id}}/setting) 完善我的信息。',
+  agentDefaultMessageWithSystemRole: '你好，我是 **{{name}}**，{{systemRole}}，让我们开始对话吧！',
   agentMaxToken: '会话最大长度',
   agentModel: '模型',
   agentProfile: '助手信息',
-  appInitializing: '智能集群启动中，请耐心等待...',
+  appInitializing: 'LobeChat 启动中，请耐心等待...',
   archive: '归档',
   autoGenerate: '自动补全',
   autoGenerateTooltip: '基于提示词自动补全助手描述',
+  backToBottom: '查看最新消息',
   cancel: '取消',
   changelog: '更新日志',
   clearCurrentMessages: '清空当前会话消息',
@@ -20,8 +20,8 @@ export default {
   confirmRemoveSessionItemAlert: '即将删除该助手，删除后该将无法找回，请确认你的操作',
   copy: '复制',
   copySuccess: '复制成功',
-  defaultAgent: '默认助手',
-  defaultSession: '默认助手',
+  defaultAgent: '自定义助手',
+  defaultSession: '自定义助手',
   delete: '删除',
   edit: '编辑',
   export: '导出配置',
@@ -35,10 +35,9 @@ export default {
   },
   feedback: '反馈与建议',
   import: '导入配置',
-
   inbox: {
     defaultMessage:
-      '你好，我是你的智能助手，你可以问我任何问题，我会尽力回答你。如果需要获得更加专业或定制的助手，可以点击「+」创建自定义助手',
+      '你好，我是你的智能助手，你可以问我任何问题，我会尽力回答你。如果需要获得更加专业或定制的助手，可以点击<kbd>+</kbd>创建自定义助手',
     desc: '开启大脑集群，激发思维火花。你的智能助理，就在这里与你交流一切',
     title: '随便聊聊',
   },
@@ -61,6 +60,7 @@ export default {
   sessionList: '助手列表',
   setting: '设置',
   share: '分享',
+  stop: '停止',
   tab: {
     chat: '会话',
     market: '助手市场',

package/src/locales/resources/en_US.ts

@@ -1,15 +1,3 @@
-import common from '../../../locales/en_US/common.json';
-import empty from '../../../locales/en_US/empty.json';
-import error from '../../../locales/en_US/error.json';
-import plugin from '../../../locales/en_US/plugin.json';
-import setting from '../../../locales/en_US/setting.json';
-
-const resources = {
-  common,
-  empty,
-  error,
-  plugin,
-  setting,
-} as const;
+const resources = {} as const;
 
 export default resources;

package/src/pages/chat/SessionList/List/Item/Actions.tsx

@@ -1,7 +1,7 @@
 import { ActionIcon, Icon } from '@lobehub/ui';
 import { App, Dropdown, type MenuProps } from 'antd';
 import { createStyles } from 'antd-style';
-import { FolderOutput, MoreVertical, Pin, PinOff, Trash } from 'lucide-react';
+import { HardDriveDownload, MoreVertical, Pin, PinOff, Trash } from 'lucide-react';
 import { memo, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -58,7 +58,7 @@ const Actions = memo<ActionProps>(({ id, setOpen }) => {
             },
           },
         ],
-        icon: <Icon icon={FolderOutput} />,
+        icon: <Icon icon={HardDriveDownload} />,
         key: 'export',
         label: t('export'),
       },

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

@@ -37,7 +37,6 @@ const SkeletonList = () => {
           avatar
           key={index}
           paragraph={{ className: styles.paragraph, rows: 1 }}
-          round
           title={{ className: styles.title }}
         />
       ))}

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 { Flexbox } from 'react-layout-kit';
 
 import { sessionSelectors, useSessionHydrated, useSessionStore } from '@/store/session';
 
@@ -17,13 +16,11 @@ const SessionList = memo(() => {
   return !isInit ? (
     <SkeletonList />
   ) : list.length > 0 ? (
-    <Flexbox>
-      {list.map(({ id }) => (
-        <Link href={`/chat/${id}`} key={id}>
-          <SessionItem id={id} />
-        </Link>
-      ))}
-    </Flexbox>
+    list.map(({ id }) => (
+      <Link href={`/chat/${id}`} key={id}>
+        <SessionItem id={id} />
+      </Link>
+    ))
   ) : (
     <AddButton />
   );

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

@@ -1,8 +1,8 @@
 import { DraggablePanelBody } from '@lobehub/ui';
 import { CollapseProps } from 'antd';
+import { createStyles } from 'antd-style';
 import { memo, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
 
 import FolderPanel from '@/features/FolderPanel';
 
@@ -11,8 +11,11 @@ import Header from './Header';
 import Inbox from './Inbox';
 import SessionList from './List';
 
+const useStyles = createStyles(({ stylish }) => stylish.noScrollbar);
+
 export const Sessions = memo(() => {
   const { t } = useTranslation('common');
+  const { styles } = useStyles();
 
   const items: CollapseProps['items'] = useMemo(
     () => [
@@ -28,11 +31,9 @@ export const Sessions = memo(() => {
   return (
     <FolderPanel>
       <Header />
-      <DraggablePanelBody style={{ padding: 0 }}>
-        <Flexbox>
-          <Inbox />
-          <CollapseGroup defaultActiveKey={['sessionList']} items={items} />
-        </Flexbox>
+      <DraggablePanelBody className={styles} style={{ padding: 0 }}>
+        <Inbox />
+        <CollapseGroup defaultActiveKey={['sessionList']} items={items} />
       </DraggablePanelBody>
     </FolderPanel>
   );

package/src/pages/chat/[id]/setting/Header.tsx

@@ -1,6 +1,6 @@
 import { ActionIcon, ChatHeader, ChatHeaderTitle } from '@lobehub/ui';
 import { Dropdown, MenuProps } from 'antd';
-import { FolderOutput, Share2 } from 'lucide-react';
+import { HardDriveDownload, Share2 } from 'lucide-react';
 import Router from 'next/router';
 import { memo, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -45,7 +45,7 @@ const Header = memo(() => {
           <ActionIcon icon={Share2} size={{ fontSize: 24 }} title={t('share', { ns: 'common' })} />
           <Dropdown arrow={false} menu={{ items }} trigger={['click']}>
             <ActionIcon
-              icon={FolderOutput}
+              icon={HardDriveDownload}
               size={{ fontSize: 24 }}
               title={t('export', { ns: 'common' })}
             />

package/src/pages/chat/features/Conversation/ChatList/SkeletonList.tsx

@@ -26,16 +26,9 @@ const SkeletonList = memo(() => {
         avatar={{ size: 40 }}
         className={styles.user}
         paragraph={{ width: ['50%', '30%'] }}
-        round
-        title={false}
-      />
-      <Skeleton
-        active
-        avatar={{ size: 40 }}
-        paragraph={{ width: ['50%', '30%'] }}
-        round
         title={false}
       />
+      <Skeleton active avatar={{ size: 40 }} paragraph={{ width: ['50%', '30%'] }} title={false} />
     </Flexbox>
   );
 });

package/src/pages/chat/features/Conversation/Input/index.tsx

@@ -73,6 +73,7 @@ const ChatInput = () => {
         placeholder={t('sendPlaceholder')}
         text={{
           send: t('send'),
+          stop: t('stop'),
         }}
       />
     </DraggablePanel>

package/src/pages/chat/features/Conversation/index.tsx

@@ -1,4 +1,6 @@
-import { memo } from 'react';
+import { BackBottom } from '@lobehub/ui';
+import { memo, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
 import HeaderSpacing from '@/components/HeaderSpacing';
@@ -7,11 +9,16 @@ import ChatList from './ChatList';
 import ChatInput from './Input';
 
 const Conversation = () => {
+  const ref = useRef(null);
+  const { t } = useTranslation('common');
   return (
     <Flexbox flex={1} style={{ position: 'relative' }}>
-      <div style={{ flex: 1, overflowY: 'scroll' }}>
-        <HeaderSpacing />
-        <ChatList />
+      <div style={{ flex: 1, overflow: 'hidden', position: 'relative' }}>
+        <div ref={ref} style={{ height: '100%', overflowY: 'scroll' }}>
+          <HeaderSpacing />
+          <ChatList />
+        </div>
+        <BackBottom target={ref} text={t('backToBottom')} />
       </div>
       <ChatInput />
     </Flexbox>

package/src/pages/chat/features/Header/index.tsx

@@ -47,7 +47,6 @@ const Header = memo<{ settings?: boolean }>(({ settings = true }) => {
               active
               avatar={{ shape: 'circle', size: 'default' }}
               paragraph={false}
-              round
               title={{ style: { margin: 0, marginTop: 8 }, width: 200 }}
             />
           </Flexbox>

package/src/pages/chat/features/Sidebar/Header.tsx

@@ -5,7 +5,7 @@ import { Flexbox } from 'react-layout-kit';
 const useStyles = createStyles(
   ({ css, token }) => css`
     z-index: 10;
-    box-shadow: 0 2px 8px ${token.colorBgLayout};
+    box-shadow: 0 2px 6px ${token.colorBgLayout};
   `,
 );
 

package/src/pages/chat/features/Sidebar/SystemRole.tsx

@@ -1,7 +1,7 @@
 import { ActionIcon, EditableMessage } from '@lobehub/ui';
 import { Skeleton } from 'antd';
 import { createStyles } from 'antd-style';
-import { Maximize2Icon } from 'lucide-react';
+import { Edit } from 'lucide-react';
 import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
@@ -60,7 +60,7 @@ const SystemRole = memo(() => {
       <Header
         actions={
           <ActionIcon
-            icon={Maximize2Icon}
+            icon={Edit}
             onClick={() => setOpenModal(true)}
             size="small"
             title={t('edit')}
@@ -73,7 +73,6 @@ const SystemRole = memo(() => {
           <Skeleton
             active
             avatar={false}
-            round
             style={{ marginTop: 12, paddingInline: 16 }}
             title={false}
           />

package/src/pages/chat/features/Sidebar/Topic/SkeletonList.tsx

@@ -11,7 +11,6 @@ const SkeletonList = memo(() => {
           avatar={false}
           key={i}
           paragraph={{ rows: 1, width: '100%' }}
-          round
           title={false}
         />
       ))}

package/src/pages/chat/features/Sidebar/Topic/TopicItem.tsx

@@ -9,7 +9,7 @@ import TopicContent from './TopicContent';
 
 const useStyles = createStyles(({ css, token, isDarkMode }) => ({
   active: css`
-    background: ${isDarkMode ? token.colorFillTertiary : token.colorFillSecondary};
+    background: ${isDarkMode ? token.colorFillSecondary : token.colorFillTertiary};
     transition: background 200ms ${token.motionEaseOut};
 
     &:hover {

package/src/pages/index/Loading.tsx

@@ -1,7 +1,5 @@
-import { GridBackground, Icon } from '@lobehub/ui';
-import { useTheme } from 'antd-style';
+import { Icon, Logo } from '@lobehub/ui';
 import { Loader2 } from 'lucide-react';
-import { rgba } from 'polished';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Center, Flexbox } from 'react-layout-kit';
@@ -9,25 +7,15 @@ import { Center, Flexbox } from 'react-layout-kit';
 const Loading = memo(() => {
   const { t } = useTranslation('common');
 
-  const theme = useTheme();
-
   return (
     <Flexbox height={'100vh'} width={'100%'}>
-      <GridBackground
-        animation
-        colorBack={rgba(theme.colorText, 0.12)}
-        colorFront={rgba(theme.colorText, 0.4)}
-        flip
-      />
       <Center flex={1} gap={12} width={'100%'}>
-        <Icon icon={Loader2} size={{ fontSize: 64 }} spin />
-        {t('appInitializing')}
+        <Logo extra={'Chat'} size={48} type={'combine'} />
+        <Center gap={16} horizontal>
+          <Icon icon={Loader2} spin />
+          {t('appInitializing')}
+        </Center>
       </Center>
-      <GridBackground
-        animation
-        colorBack={rgba(theme.colorText, 0.12)}
-        colorFront={rgba(theme.colorText, 0.4)}
-      />
     </Flexbox>
   );
 });

package/src/store/session/slices/chat/selectors/chat.ts

@@ -50,14 +50,16 @@ export const currentChatsWithGuideMessage = (s: SessionStore): ChatMessage[] =>
   if (!isBrandNewChat) return data;
 
   const [activeId, isInbox] = [s.activeId, s.activeId === INBOX_SESSION_ID];
-  const systemRole = agentSelectors.currentAgentSystemRole(s);
   const meta = agentSelectors.currentAgentMeta(s);
   const emptyInboxGuideMessage = {
     content: isInbox
       ? t('inbox.defaultMessage')
-      : !!systemRole
-      ? t('agentDefaultMessageWithSystemRole', { systemRole })
-      : t('agentDefaultMessage', { id: activeId }),
+      : !!meta.description
+      ? t('agentDefaultMessageWithSystemRole', {
+          name: meta.title || t('defaultAgent'),
+          systemRole: meta.description,
+        })
+      : t('agentDefaultMessage', { id: activeId, name: meta.title || t('defaultAgent') }),
     createAt: Date.now(),
     extra: {},
     id: 'default',