feat(conversation): enhance empty state UI and improve quick action descriptions
- Add new chat empty state image asset (chatEmpty.png) - Update English quick action descriptions with more compelling copy for applications, knowledge base, memory conversation, and help center - Update Chinese quick action descriptions with concise, marketing-focused messaging - Replace conversation empty state image from generic background to dedicated chat empty illustration - Improve user experience with clearer value propositions for each quick action feature
This commit is contained in:
BIN
web/src/assets/images/empty/chatEmpty.png
Normal file
BIN
web/src/assets/images/empty/chatEmpty.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 185 KiB |
@@ -184,15 +184,15 @@ export const en = {
|
|||||||
createNewMemorySummary: 'Create New Memory Entry',
|
createNewMemorySummary: 'Create New Memory Entry',
|
||||||
|
|
||||||
createNewApplication: 'Create New Application',
|
createNewApplication: 'Create New Application',
|
||||||
createNewApplicationDesc: 'Create New Space Application',
|
createNewApplicationDesc: 'Build an app in just 3 minutes with zero-code drag-and-drop.',
|
||||||
|
|
||||||
createNewKnowledge: 'Create New Knowledge',
|
createNewKnowledge: 'Create New Knowledge',
|
||||||
createNewKnowledgeDesc: 'Create a new memory entry',
|
createNewKnowledgeDesc: 'Transform your data into a fully searchable, dedicated knowledge base in seconds.',
|
||||||
|
|
||||||
memoryConversation: 'Memory Conversation',
|
memoryConversation: 'Memory Conversation',
|
||||||
memoryConversationDesc: 'Memory Conversation',
|
memoryConversationDesc: 'The more you use it, the better AI understands you.',
|
||||||
helpCenter: 'Help Center',
|
helpCenter: 'Help Center',
|
||||||
helpCenterDesc: 'Help Center',
|
helpCenterDesc: 'One-stop support to answer your questions and get you started fast.',
|
||||||
memorySummary: 'View Memory Summary',
|
memorySummary: 'View Memory Summary',
|
||||||
memorySummaryDesc: 'View Memory Summary Report',
|
memorySummaryDesc: 'View Memory Summary Report',
|
||||||
|
|
||||||
|
|||||||
@@ -782,15 +782,15 @@ export const zh = {
|
|||||||
createNewMemorySummary: '创建新记忆条目',
|
createNewMemorySummary: '创建新记忆条目',
|
||||||
|
|
||||||
createNewApplication: '创建新应用',
|
createNewApplication: '创建新应用',
|
||||||
createNewApplicationDesc: '创建新空间应用',
|
createNewApplicationDesc: '零代码拖拽3分钟创应用',
|
||||||
|
|
||||||
createNewKnowledge: '创建新知识',
|
createNewKnowledge: '创建知识库',
|
||||||
createNewKnowledgeDesc: '创建新记忆条目',
|
createNewKnowledgeDesc: '秒变可搜索的专属知识库',
|
||||||
|
|
||||||
memoryConversation: '记忆对话',
|
memoryConversation: '记忆对话',
|
||||||
memoryConversationDesc: '记忆对话',
|
memoryConversationDesc: '让AI越用越懂你',
|
||||||
helpCenter: '帮助中心',
|
helpCenter: '帮助中心',
|
||||||
helpCenterDesc: '帮助中心',
|
helpCenterDesc: '一站式解决疑问快速上手',
|
||||||
memorySummary: '查看记忆摘要',
|
memorySummary: '查看记忆摘要',
|
||||||
memorySummaryDesc: '查看记忆摘要报告',
|
memorySummaryDesc: '查看记忆摘要报告',
|
||||||
|
|
||||||
|
|||||||
@@ -11,6 +11,7 @@ import Empty from '@/components/Empty'
|
|||||||
import { formatDateTime } from '@/utils/format';
|
import { formatDateTime } from '@/utils/format';
|
||||||
import { randomString } from '@/utils/common'
|
import { randomString } from '@/utils/common'
|
||||||
import BgImg from '@/assets/images/conversation/bg.png'
|
import BgImg from '@/assets/images/conversation/bg.png'
|
||||||
|
import ChatEmpty from '@/assets/images/empty/chatEmpty.png'
|
||||||
import Chat from '@/components/Chat'
|
import Chat from '@/components/Chat'
|
||||||
import type { ChatItem } from '@/components/Chat/types'
|
import type { ChatItem } from '@/components/Chat/types'
|
||||||
import ButtonCheckbox from '@/components/ButtonCheckbox'
|
import ButtonCheckbox from '@/components/ButtonCheckbox'
|
||||||
@@ -261,7 +262,7 @@ const Conversation: FC = () => {
|
|||||||
<div className="rb:relative rb:h-screen rb:px-4 rb:flex-[1_1_auto]">
|
<div className="rb:relative rb:h-screen rb:px-4 rb:flex-[1_1_auto]">
|
||||||
<div className='rb:w-[760px] rb:h-screen rb:mx-auto rb:pt-10'>
|
<div className='rb:w-[760px] rb:h-screen rb:mx-auto rb:pt-10'>
|
||||||
<Chat
|
<Chat
|
||||||
empty={<Empty url={BgImg} className="rb:h-full" size={[320,180]} subTitle={t('memoryConversation.emptyDesc')} />}
|
empty={<Empty url={ChatEmpty} className="rb:h-full" size={[320,180]} subTitle={t('memoryConversation.emptyDesc')} />}
|
||||||
contentClassName="rb:h-[calc(100%-152px)] "
|
contentClassName="rb:h-[calc(100%-152px)] "
|
||||||
data={chatList}
|
data={chatList}
|
||||||
streamLoading={streamLoading}
|
streamLoading={streamLoading}
|
||||||
|
|||||||
Reference in New Issue
Block a user