-
Scenes
-
+ <>
+
+
+
+
Scenes
+
{scenesList?.data?.map(scene => (
))}
-
+
-
-
-
+
)
diff --git a/datacenter/components/agentPage.tsx b/datacenter/components/agentPage.tsx
index 9caffbeaa..55286c734 100644
--- a/datacenter/components/agentPage.tsx
+++ b/datacenter/components/agentPage.tsx
@@ -27,7 +27,7 @@ const AgentPage = (props: {
});
const { history, handleChatSubmit } = useAgentChat({
- queryAgentURL: `http://30.183.153.109:5000/v1/chat/completions`,
+ queryAgentURL: `/v1/chat/completions`,
queryBody: {
conv_uid: props.params?.agentId,
chat_mode: props.searchParams?.scene || 'chat_normal',
diff --git a/datacenter/components/leftSider.tsx b/datacenter/components/leftSider.tsx
index 04e7fe5c4..359b660ba 100644
--- a/datacenter/components/leftSider.tsx
+++ b/datacenter/components/leftSider.tsx
@@ -2,14 +2,14 @@
import React, { useEffect, useMemo } from 'react';
import { usePathname, useRouter } from 'next/navigation';
import Link from 'next/link';
-import { Popconfirm } from 'antd';
+import { Modal } from 'antd';
import { Box, List, ListItem, ListItemButton, ListItemDecorator, ListItemContent, Typography, Button, useColorScheme, IconButton } from '@/lib/mui';
import Article from '@mui/icons-material/Article';
import DarkModeIcon from '@mui/icons-material/DarkMode';
import WbSunnyIcon from '@mui/icons-material/WbSunny';
import MenuIcon from '@mui/icons-material/Menu';
import AddIcon from '@mui/icons-material/Add';
-import { useDialogueContext } from '@/app/context/dialogue';
+import SmsOutlinedIcon from '@mui/icons-material/SmsOutlined';import { useDialogueContext } from '@/app/context/dialogue';
import DeleteOutlineOutlinedIcon from '@mui/icons-material/DeleteOutlineOutlined';
import { sendPostRequest } from '@/utils/request';
@@ -110,6 +110,7 @@ const LeftSider = () => {
aria-labelledby="nav-list-browse"
sx={{
'& .JoyListItemButton-root': { p: '8px' },
+ gap: '4px'
}}
>
{dialogueList?.data?.map((each) => {
@@ -119,32 +120,46 @@ const LeftSider = () => {
-
+
+
{each?.user_name || each?.user_input || 'undefined'}
+ {
+ e.preventDefault();
+ e.stopPropagation();
+ Modal.confirm({
+ title: 'Delete Chat',
+ content: 'Are you sure delete this chat?',
+ width: '276px',
+ centered: true,
+ async onOk() {
+ await sendPostRequest(`v1/chat/dialogue/delete?con_uid=${each.conv_uid}`);
+ await refreshDialogList();
+ if (pathname === `/agents/${each.conv_uid}`) {
+ router.push('/');
+ }
+ }
+ })
+ }}
+ className='del-btn invisible'
+ >
+
+
-
{
- await sendPostRequest(`v1/chat/dialogue/delete?con_uid=${each.conv_uid}`);
- await refreshDialogList();
- if (pathname === `/agents/${each.conv_uid}`) {
- router.push('/');
- }
- }}
- okText="Yes"
- cancelText="No"
- >
-
-
-
-
)
})}
@@ -157,6 +172,8 @@ const LeftSider = () => {
{
@@ -202,6 +220,7 @@ const LeftSider = () => {
diff --git a/datacenter/defaultTheme.ts b/datacenter/defaultTheme.ts
index a89e57658..5c9ed41b4 100644
--- a/datacenter/defaultTheme.ts
+++ b/datacenter/defaultTheme.ts
@@ -7,7 +7,11 @@ export const joyTheme = extendTheme({
palette: {
mode: 'dark',
primary: {
- ...colors.purple,
+ ...colors.grey,
+ solidBg: '#dfdfdf91',
+ solidColor: '#4e4e4e',
+ solidHoverBg: '#d5d5d5',
+ outlinedColor: '#4e4e59'
},
neutral: {
plainColor: '#4d4d4d',
@@ -21,16 +25,13 @@ export const joyTheme = extendTheme({
surface: '#fff'
},
text: {
- primary: '#25252D'
+ primary: '#505050'
},
},
},
dark: {
palette: {
mode: 'light',
- primary: {
- ...colors.purple,
- },
neutral: {
plainColor: '#D8D8DF',
plainHoverColor: '#F7F7F8',
diff --git a/datacenter/hooks/useAgentChat.ts b/datacenter/hooks/useAgentChat.ts
index 0862a1919..50204a720 100644
--- a/datacenter/hooks/useAgentChat.ts
+++ b/datacenter/hooks/useAgentChat.ts
@@ -49,7 +49,7 @@ import { useDialogueContext } from '@/app/context/dialogue';
const ctrl = new AbortController();
let buffer = '';
- await fetchEventSource(queryAgentURL, {
+ await fetchEventSource(`${process.env.API_BASE_URL + queryAgentURL}`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
diff --git a/datacenter/next.config.js b/datacenter/next.config.js
index 981da9faa..881ef9489 100644
--- a/datacenter/next.config.js
+++ b/datacenter/next.config.js
@@ -6,6 +6,9 @@ const nextConfig = {
},
typescript: {
ignoreBuildErrors: true
+ },
+ env: {
+ API_BASE_URL: process.env.API_BASE_URL || 'http://30.183.154.76:5000'
}
}
diff --git a/datacenter/utils/ctx-axios.ts b/datacenter/utils/ctx-axios.ts
new file mode 100644
index 000000000..79cb4147b
--- /dev/null
+++ b/datacenter/utils/ctx-axios.ts
@@ -0,0 +1,14 @@
+import axios from 'axios';
+
+const api = axios.create({
+ baseURL: process.env.API_BASE_URL,
+});
+
+api.defaults.timeout = 10000;
+
+api.interceptors.response.use(
+ response => response.data,
+ err => Promise.reject(err)
+);
+
+export default api;
\ No newline at end of file
diff --git a/datacenter/utils/request.ts b/datacenter/utils/request.ts
index 8fbc89ba8..3e9f79b9c 100644
--- a/datacenter/utils/request.ts
+++ b/datacenter/utils/request.ts
@@ -1,16 +1,7 @@
import { message } from 'antd';
-import axios from 'axios';
+import axios from './ctx-axios';
import { isPlainObject } from 'lodash';
-axios.defaults.baseURL = 'http://30.183.153.109:5000';
-
-axios.defaults.timeout = 10000;
-
-axios.interceptors.response.use(
- response => response.data,
- err => Promise.reject(err)
-);
-
const DEFAULT_HEADERS = {
'content-type': 'application/json',
};
-