github/DB-GPT
1
0
Fork 0
mirror of https://github.com/csunny/DB-GPT.git synced 2025-09-10 13:29:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: UI component rendering in agent dialog mode (#1083)

Browse Source 
Co-authored-by: csunny <cfqsunny@163.com>
This commit is contained in:
Hzh_97
2024-01-18 11:08:02 +08:00
committed by GitHub
parent 674104eb7c
commit 0936856c3a
46 changed files with 1597 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
web/components/layout/side-bar.tsx
View File

@@ -54,7 +54,8 @@ function smallMenuItemStyle(active?: boolean) {
}
function SideBar() {
const { chatId, scene, isMenuExpand, dialogueList, queryDialogueList, refreshDialogList, setIsMenuExpand, mode, setMode } = useContext(ChatContext);
const { chatId, scene, isMenuExpand, dialogueList, queryDialogueList, refreshDialogList, setIsMenuExpand, setAgent, mode, setMode } =
useContext(ChatContext);
const { pathname, replace } = useRouter();
const { t, i18n } = useTranslation();
@@ -192,6 +193,12 @@ function SideBar() {
[refreshDialogList],
);
const handleClickChatItem = (item: IChatDialogueSchema) => {
if (item.chat_mode === 'chat_agent' && item.select_param) {
setAgent?.(item.select_param);
}
};
const copyLink = useCallback((item: IChatDialogueSchema) => {
const success = copy(`${location.origin}/chat?scene=${item.chat_mode}&id=${item.conv_uid}`);
message[success ? 'success' : 'error'](success ? 'Copy success' : 'Copy failed');
@@ -223,7 +230,13 @@ function SideBar() {
return (
<Tooltip key={item.conv_uid} title={item.user_name || item.user_input} placement="right">
<Link href={`/chat?scene=${item.chat_mode}&id=${item.conv_uid}`} className={smallMenuItemStyle(active)}>
<Link
href={`/chat?scene=${item.chat_mode}&id=${item.conv_uid}`}
className={smallMenuItemStyle(active)}
onClick={() => {
handleClickChatItem(item);
}}
>
<MessageOutlined />
</Link>
</Tooltip>
@@ -271,7 +284,14 @@ function SideBar() {
const active = item.conv_uid === chatId && item.chat_mode === scene;
return (
<Link key={item.conv_uid} href={`/chat?scene=${item.chat_mode}&id=${item.conv_uid}`} className={`group/item ${menuItemStyle(active)}`}>
<Link
key={item.conv_uid}
href={`/chat?scene=${item.chat_mode}&id=${item.conv_uid}`}
className={`group/item ${menuItemStyle(active)}`}
onClick={() => {
handleClickChatItem(item);
}}
>
<MessageOutlined className="text-base" />
<div className="flex-1 line-clamp-1 mx-2 text-sm">{item.user_name || item.user_input}</div>
<div