From 42c343a43319ce047971611b3171db8c3fa599ed Mon Sep 17 00:00:00 2001 From: "changhuiping.chp" Date: Mon, 3 Jul 2023 18:42:23 +0800 Subject: [PATCH 1/5] fix: change dark button color --- datacenter/defaultTheme.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/datacenter/defaultTheme.ts b/datacenter/defaultTheme.ts index dd0c10778..0ec16314d 100644 --- a/datacenter/defaultTheme.ts +++ b/datacenter/defaultTheme.ts @@ -36,7 +36,9 @@ export const joyTheme = extendTheme({ ...colors.grey, softBg: '#353539', softHoverBg: '#35353978', - softDisabledBg: '#353539' + softDisabledBg: '#353539', + solidBg: '#434356', + solidHoverBg: '#5a5a72', }, neutral: { plainColor: '#D8D8DF', From 3b35518cd0decadcde88f8d2d0f1bbadbfa5277d Mon Sep 17 00:00:00 2001 From: "changhuiping.chp" Date: Mon, 3 Jul 2023 18:47:29 +0800 Subject: [PATCH 2/5] fix: fixed --- datacenter/app/chat/page.tsx | 3 ++- datacenter/components/leftSider.tsx | 2 +- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/datacenter/app/chat/page.tsx b/datacenter/app/chat/page.tsx index de94b13a9..529b56efa 100644 --- a/datacenter/app/chat/page.tsx +++ b/datacenter/app/chat/page.tsx @@ -5,6 +5,7 @@ import useAgentChat from '@/hooks/useAgentChat'; import ChatBoxComp from '@/components/chatBoxTemp'; import { useDialogueContext } from '@/app/context/dialogue'; import { useSearchParams } from 'next/navigation'; + const AgentPage = () => { const searchParams = useSearchParams(); const { refreshDialogList } = useDialogueContext(); @@ -20,7 +21,7 @@ const AgentPage = () => { const { data: paramsList } = useRequest(async () => await sendPostRequest(`/v1/chat/mode/params/list?chat_mode=${scene}`), { ready: !!scene, - refreshDeps: [scene] + refreshDeps: [id, scene] }); const { history, handleChatSubmit } = useAgentChat({ diff --git a/datacenter/components/leftSider.tsx b/datacenter/components/leftSider.tsx index 489f79cf6..b2b552463 100644 --- a/datacenter/components/leftSider.tsx +++ b/datacenter/components/leftSider.tsx @@ -130,7 +130,7 @@ const LeftSider = () => { - + {each?.user_name || each?.user_input || 'undefined'} Date: Mon, 3 Jul 2023 19:04:17 +0800 Subject: [PATCH 3/5] fix: theme change --- datacenter/app/page.tsx | 3 +++ datacenter/defaultTheme.ts | 2 +- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/datacenter/app/page.tsx b/datacenter/app/page.tsx index b23ebde43..f66af26c4 100644 --- a/datacenter/app/page.tsx +++ b/datacenter/app/page.tsx @@ -61,6 +61,9 @@ export default function Home() { size="md" variant="solid" className='text-base rounded-none ' + style={{ + boxShadow: '0px 8px 10px 0px rgb(31 31 31 / 50%)' + }} onClick={async () => { const res = await sendPostRequest('/v1/chat/dialogue/new', { chat_mode: scene['chat_scene'] diff --git a/datacenter/defaultTheme.ts b/datacenter/defaultTheme.ts index 0ec16314d..89143c7d1 100644 --- a/datacenter/defaultTheme.ts +++ b/datacenter/defaultTheme.ts @@ -8,7 +8,7 @@ export const joyTheme = extendTheme({ mode: 'dark', primary: { ...colors.grey, - solidBg: '#dfdfdf91', + solidBg: '#9a9a9a91', solidColor: '#4e4e4e', solidHoverBg: '#d5d5d5', outlinedColor: '#4e4e59' From f0cfacd65b10631b63945793ef955331190a0c85 Mon Sep 17 00:00:00 2001 From: "shiweisong.ssw" Date: Mon, 3 Jul 2023 19:52:06 +0800 Subject: [PATCH 4/5] feat: make knowledge space card --- datacenter/app/datastores/page.tsx | 181 +++++++++++++++++------------ 1 file changed, 104 insertions(+), 77 deletions(-) diff --git a/datacenter/app/datastores/page.tsx b/datacenter/app/datastores/page.tsx index 05033bca5..bba7f9c23 100644 --- a/datacenter/app/datastores/page.tsx +++ b/datacenter/app/datastores/page.tsx @@ -3,7 +3,7 @@ import { useRouter } from 'next/navigation' import React, { useState, useEffect } from 'react' import { InboxOutlined } from '@ant-design/icons' -import CheckCircleOutlinedIcon from '@mui/icons-material/CheckCircleOutlined'; +import CheckCircleOutlinedIcon from '@mui/icons-material/CheckCircleOutlined' import type { UploadProps } from 'antd' import { message, Upload, Popover } from 'antd' import { @@ -90,13 +90,16 @@ const Index = () => { } useEffect(() => { async function fetchData() { - const res = await fetch(`${process.env.API_BASE_URL}/knowledge/space/list`, { - method: 'POST', - headers: { - 'Content-Type': 'application/json' - }, - body: JSON.stringify({}) - }) + const res = await fetch( + `${process.env.API_BASE_URL}/knowledge/space/list`, + { + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: JSON.stringify({}) + } + ) const data = await res.json() if (data.success) { setKnowledgeSpaceList(data.data) @@ -128,74 +131,94 @@ const Index = () => { + New Knowledge Space -
- {knowledgeSpaceList.length ? ( - - - - - - - - - - - {knowledgeSpaceList.map((row: any) => ( - - - - - - - ))} - -
NameVectorOwnerDescription
- { - - router.push(`/datastores/documents?name=${row.name}`) - } - > - {row.name} - - } - - - {row.vector_type} - - - - {row.owner} - - - - {row.desc.length > 10 - ? `${row.desc.slice(0, 10)}...` - : row.desc} - -
- ) : ( - <> - )} -
+ + + {knowledgeSpaceList.map((item: any, index: number) => ( + { + router.push(`/datastores/documents?name=${item.name}`); + }} + > + {item.name} + + + {item.vector_type} + Vector + + + {item.owner} + Owner + + + {item.owner} + Docs + + + + ))} + + + { color: activeStep === index ? '#814DDE' : '' }} > - {index < activeStep ? : `${index + 1}.`} + {index < activeStep ? ( + + ) : ( + `${index + 1}.` + )} {`${item}`} ))} From 2a633a5dbd83084f2815e8dbf8150cd6789e2ae8 Mon Sep 17 00:00:00 2001 From: "shiweisong.ssw" Date: Mon, 3 Jul 2023 21:03:35 +0800 Subject: [PATCH 5/5] feat: change the style of the card --- datacenter/app/datastores/page.tsx | 86 ++++++++++++++++++------------ 1 file changed, 53 insertions(+), 33 deletions(-) diff --git a/datacenter/app/datastores/page.tsx b/datacenter/app/datastores/page.tsx index bba7f9c23..d6f2e5469 100644 --- a/datacenter/app/datastores/page.tsx +++ b/datacenter/app/datastores/page.tsx @@ -4,6 +4,8 @@ import { useRouter } from 'next/navigation' import React, { useState, useEffect } from 'react' import { InboxOutlined } from '@ant-design/icons' import CheckCircleOutlinedIcon from '@mui/icons-material/CheckCircleOutlined' +import AddBoxOutlinedIcon from '@mui/icons-material/AddBoxOutlined'; +import ContentPasteSearchOutlinedIcon from '@mui/icons-material/ContentPasteSearchOutlined'; import type { UploadProps } from 'antd' import { message, Upload, Popover } from 'antd' import { @@ -108,29 +110,13 @@ const Index = () => { fetchData() }, []) return ( - <> - - - Knowledge Spaces - - - + { } }} > + setIsAddKnowledgeSpaceModalShow(true)} + >Space {knowledgeSpaceList.map((item: any, index: number) => ( { fontSize: '18px', marginBottom: '10px', fontWeight: 'bold', - }}>{item.name} + color: 'black' + }}>{item.name} { flexShrink: 0 }} > - {item.vector_type} - Vector + {item.vector_type} + Vector { flexShrink: 0 }} > - {item.owner} - Owner + {item.owner} + Owner { flexShrink: 0 }} > - {item.owner} - Docs + {item.docs || 0} + Docs @@ -560,7 +580,7 @@ const Index = () => { )} - + ) }