From abaf45f7c6da22352959259a684ef2f9c7a4c25f Mon Sep 17 00:00:00 2001
From: "shiweisong.ssw" <shiweisong.ssw@digital-engine.com>
Date: Wed, 28 Jun 2023 14:59:13 +0800
Subject: [PATCH 01/11] feat: document status

---
 datacenter/app/datastores/documents/page.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/datacenter/app/datastores/documents/page.tsx b/datacenter/app/datastores/documents/page.tsx
index 23ee57bf3..8949c436b 100644
--- a/datacenter/app/datastores/documents/page.tsx
+++ b/datacenter/app/datastores/documents/page.tsx
@@ -10,6 +10,7 @@ import {
   Box,
   Stack,
   Input,
+  Chip,
   styled
 } from '@/lib/mui'
 import moment from 'moment'
@@ -108,7 +109,20 @@ const Documents = () => {
               <td>{row.doc_type}</td>
               <td>{row.chunk_size}</td>
               <td>{moment(row.last_sync).format('YYYY-MM-DD HH:MM:SS')}</td>
-              <td>{row.status}</td>
+              <td><Chip color={
+                (function(){
+                  switch(row.status) {
+                    case 'TODO':
+                      return 'neutral';
+                    case 'RUNNING':
+                      return 'primary';
+                    case 'FINISHED':
+                      return 'success';
+                    case 'FAILED':
+                      return 'danger';
+                  }
+                })()
+              }>{row.status}</Chip></td>
               <td>
                 {
                   <>

From 7ab111910a2de75ae550e1cea5887e4b63716c18 Mon Sep 17 00:00:00 2001
From: "shiweisong.ssw" <shiweisong.ssw@digital-engine.com>
Date: Wed, 28 Jun 2023 15:01:15 +0800
Subject: [PATCH 02/11] feat: make the button smaller

---
 datacenter/app/datastores/documents/page.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/datacenter/app/datastores/documents/page.tsx b/datacenter/app/datastores/documents/page.tsx
index 8949c436b..e862893ad 100644
--- a/datacenter/app/datastores/documents/page.tsx
+++ b/datacenter/app/datastores/documents/page.tsx
@@ -128,6 +128,7 @@ const Documents = () => {
                   <>
                     <Button
                       variant="outlined"
+                      size="sm"
                       onClick={async () => {
                         const res = await fetch(
                           `http://localhost:8000/knowledge/${spaceName}/document/sync`,
@@ -153,6 +154,7 @@ const Documents = () => {
                     </Button>
                     <Button
                       variant="outlined"
+                      size="sm"
                       onClick={() => {
                         router.push(
                           `/datastores/documents/chunklist?spacename=${spaceName}&documentid=${row.id}`

From 2813aa0ed18abd0e3fd50502163e33433caca3bc Mon Sep 17 00:00:00 2001
From: "shiweisong.ssw" <shiweisong.ssw@digital-engine.com>
Date: Wed, 28 Jun 2023 15:16:48 +0800
Subject: [PATCH 03/11] feat: change the style of tables

---
 datacenter/app/datastores/documents/chunklist/page.tsx | 2 +-
 datacenter/app/datastores/documents/page.tsx           | 2 +-
 datacenter/app/datastores/page.tsx                     | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/datacenter/app/datastores/documents/chunklist/page.tsx b/datacenter/app/datastores/documents/chunklist/page.tsx
index 42c9da062..ca17030e9 100644
--- a/datacenter/app/datastores/documents/chunklist/page.tsx
+++ b/datacenter/app/datastores/documents/chunklist/page.tsx
@@ -32,7 +32,7 @@ const ChunkList = () => {
   }, [])
   return (
     <div className="p-4">
-      <Table sx={{ '& thead th:nth-child(1)': { width: '40%' } }}>
+      <Table color="neutral" stripe="odd" variant="outlined">
         <thead>
           <tr>
             <th>Name</th>
diff --git a/datacenter/app/datastores/documents/page.tsx b/datacenter/app/datastores/documents/page.tsx
index e862893ad..aa58b6330 100644
--- a/datacenter/app/datastores/documents/page.tsx
+++ b/datacenter/app/datastores/documents/page.tsx
@@ -91,7 +91,7 @@ const Documents = () => {
           + Add Datasource
         </Button>
       </Sheet>
-      <Table sx={{ '& thead th:nth-child(1)': { width: '40%' } }}>
+      <Table color="neutral" stripe="odd" variant="outlined">
         <thead>
           <tr>
             <th>Name</th>
diff --git a/datacenter/app/datastores/page.tsx b/datacenter/app/datastores/page.tsx
index 06f96cdbd..637d62cfe 100644
--- a/datacenter/app/datastores/page.tsx
+++ b/datacenter/app/datastores/page.tsx
@@ -91,7 +91,7 @@ const Index = () => {
         </Button>
       </Sheet>
       <div className="page-body p-4">
-        <Table sx={{ '& thead th:nth-child(1)': { width: '40%' } }}>
+        <Table color="neutral" stripe="odd" variant="outlined">
           <thead>
             <tr>
               <th>Name</th>

From 7adeceaf00a778c97a72fbd4e0280237f46a8569 Mon Sep 17 00:00:00 2001
From: "shiweisong.ssw" <shiweisong.ssw@digital-engine.com>
Date: Wed, 28 Jun 2023 16:19:12 +0800
Subject: [PATCH 04/11] feat: upload files

---
 datacenter/app/datastores/documents/page.tsx | 204 ++++++++++++++-----
 datacenter/app/datastores/page.tsx           | 173 +++++++++++-----
 2 files changed, 275 insertions(+), 102 deletions(-)

diff --git a/datacenter/app/datastores/documents/page.tsx b/datacenter/app/datastores/documents/page.tsx
index aa58b6330..0aff19425 100644
--- a/datacenter/app/datastores/documents/page.tsx
+++ b/datacenter/app/datastores/documents/page.tsx
@@ -14,8 +14,21 @@ import {
   styled
 } from '@/lib/mui'
 import moment from 'moment'
-import { message } from 'antd'
+import { InboxOutlined } from '@ant-design/icons'
+import type { UploadProps } from 'antd'
+import { Upload, message } from 'antd'
 
+const { Dragger } = Upload
+const Item = styled(Sheet)(({ theme }) => ({
+  width: '50%',
+  backgroundColor:
+    theme.palette.mode === 'dark' ? theme.palette.background.level1 : '#fff',
+  ...theme.typography.body2,
+  padding: theme.spacing(1),
+  textAlign: 'center',
+  borderRadius: 4,
+  color: theme.vars.palette.text.secondary
+}))
 const stepsOfAddingDocument = [
   'Choose a Datasource type',
   'Setup the Datasource'
@@ -37,16 +50,6 @@ const documentTypeList = [
     subTitle: 'It can be: PDF, CSV, JSON, Text, PowerPoint, Word, Excel'
   }
 ]
-const Item = styled(Sheet)(({ theme }) => ({
-  width: '50%',
-  backgroundColor:
-    theme.palette.mode === 'dark' ? theme.palette.background.level1 : '#fff',
-  ...theme.typography.body2,
-  padding: theme.spacing(1),
-  textAlign: 'center',
-  borderRadius: 4,
-  color: theme.vars.palette.text.secondary
-}))
 
 const Documents = () => {
   const router = useRouter()
@@ -54,9 +57,25 @@ const Documents = () => {
   const [isAddDocumentModalShow, setIsAddDocumentModalShow] =
     useState<boolean>(false)
   const [activeStep, setActiveStep] = useState<number>(0)
+  const [documentType, setDocumentType] = useState<string>('')
   const [documents, setDocuments] = useState<any>([])
   const [webPageUrl, setWebPageUrl] = useState<string>('')
-  const [documentName, setDocumentName] = useState<string>('')
+  const [documentName, setDocumentName] = useState<any>('')
+  const [originFileObj, setOriginFileObj] = useState<any>(null)
+  const props: UploadProps = {
+    name: 'file',
+    multiple: false,
+    onChange(info) {
+      console.log(info)
+      if (info.fileList.length === 0) {
+        setOriginFileObj(null)
+        setDocumentName('')
+        return
+      }
+      setOriginFileObj(info.file.originFileObj)
+      setDocumentName(info.file.originFileObj?.name)
+    }
+  }
   useEffect(() => {
     async function fetchDocuments() {
       const res = await fetch(
@@ -109,20 +128,24 @@ const Documents = () => {
               <td>{row.doc_type}</td>
               <td>{row.chunk_size}</td>
               <td>{moment(row.last_sync).format('YYYY-MM-DD HH:MM:SS')}</td>
-              <td><Chip color={
-                (function(){
-                  switch(row.status) {
-                    case 'TODO':
-                      return 'neutral';
-                    case 'RUNNING':
-                      return 'primary';
-                    case 'FINISHED':
-                      return 'success';
-                    case 'FAILED':
-                      return 'danger';
-                  }
-                })()
-              }>{row.status}</Chip></td>
+              <td>
+                <Chip
+                  color={(function () {
+                    switch (row.status) {
+                      case 'TODO':
+                        return 'neutral'
+                      case 'RUNNING':
+                        return 'primary'
+                      case 'FINISHED':
+                        return 'success'
+                      case 'FAILED':
+                        return 'danger'
+                    }
+                  })()}
+                >
+                  {row.status}
+                </Chip>
+              </td>
               <td>
                 {
                   <>
@@ -221,6 +244,7 @@ const Documents = () => {
                     }}
                     onClick={() => {
                       if (item.type === 'webPage') {
+                        setDocumentType(item.type)
                         setActiveStep(1)
                       }
                     }}
@@ -243,10 +267,36 @@ const Documents = () => {
                   sx={{ marginBottom: '20px' }}
                 />
                 Web Page URL:
-                <Input
-                  placeholder="Please input the Web Page URL"
-                  onChange={(e: any) => setWebPageUrl(e.target.value)}
-                />
+                {documentType === 'webPage' ? (
+                  <>
+                    Web Page URL:
+                    <Input
+                      placeholder="Please input the Web Page URL"
+                      onChange={(e: any) => setWebPageUrl(e.target.value)}
+                    />
+                  </>
+                ) : documentType === 'file' ? (
+                  <>
+                    <Dragger {...props}>
+                      <p className="ant-upload-drag-icon">
+                        <InboxOutlined />
+                      </p>
+                      <p
+                        style={{ color: 'rgb(22, 108, 255)', fontSize: '20px' }}
+                      >
+                        Select or Drop file
+                      </p>
+                      <p
+                        className="ant-upload-hint"
+                        style={{ color: 'rgb(22, 108, 255)' }}
+                      >
+                        PDF, PowerPoint, Excel, Word, Text, Markdown,
+                      </p>
+                    </Dragger>
+                  </>
+                ) : (
+                  <></>
+                )}
               </Box>
               <Button
                 onClick={async () => {
@@ -254,44 +304,86 @@ const Documents = () => {
                     message.error('Please input the name')
                     return
                   }
-                  if (webPageUrl === '') {
-                    message.error('Please input the Web Page URL')
-                    return
-                  }
-                  const res = await fetch(
-                    `http://localhost:8000/knowledge/${spaceName}/document/add`,
-                    {
-                      method: 'POST',
-                      headers: {
-                        'Content-Type': 'application/json'
-                      },
-                      body: JSON.stringify({
-                        doc_name: documentName,
-                        content: webPageUrl,
-                        doc_type: 'URL'
-                      })
+                  if (documentType === 'webPage') {
+                    if (webPageUrl === '') {
+                      message.error('Please input the Web Page URL')
+                      return
                     }
-                  )
-                  const data = await res.json()
-                  if (data.success) {
-                    message.success('success')
-                    setIsAddDocumentModalShow(false)
                     const res = await fetch(
-                      `http://localhost:8000/knowledge/${spaceName}/document/list`,
+                      `http://localhost:8000/knowledge/${spaceName}/document/add`,
                       {
                         method: 'POST',
                         headers: {
                           'Content-Type': 'application/json'
                         },
-                        body: JSON.stringify({})
+                        body: JSON.stringify({
+                          doc_name: documentName,
+                          content: webPageUrl,
+                          doc_type: 'URL'
+                        })
                       }
                     )
                     const data = await res.json()
                     if (data.success) {
-                      setDocuments(data.data)
+                      message.success('success')
+                      setIsAddDocumentModalShow(false)
+                      const res = await fetch(
+                        `http://localhost:8000/knowledge/${spaceName}/document/list`,
+                        {
+                          method: 'POST',
+                          headers: {
+                            'Content-Type': 'application/json'
+                          },
+                          body: JSON.stringify({})
+                        }
+                      )
+                      const data = await res.json()
+                      if (data.success) {
+                        setDocuments(data.data)
+                      }
+                    } else {
+                      message.error(data.err_msg || 'failed')
+                    }
+                  } else if (documentType === 'file') {
+                    if (!originFileObj) {
+                      message.error('Please select a file')
+                      return
+                    }
+                    const res = await fetch(
+                      `http://localhost:8000/knowledge/${spaceName}/document/upload`,
+                      {
+                        method: 'POST',
+                        headers: {
+                          'Content-Type': 'application/json'
+                        },
+                        body: JSON.stringify({
+                          doc_name: documentName,
+                          doc_file: originFileObj,
+                          doc_type: 'DOCUMENT'
+                        })
+                      }
+                    )
+                    const data = await res.json()
+                    if (data.success) {
+                      message.success('success')
+                      setIsAddDocumentModalShow(false)
+                      const res = await fetch(
+                        `http://localhost:8000/knowledge/${spaceName}/document/list`,
+                        {
+                          method: 'POST',
+                          headers: {
+                            'Content-Type': 'application/json'
+                          },
+                          body: JSON.stringify({})
+                        }
+                      )
+                      const data = await res.json()
+                      if (data.success) {
+                        setDocuments(data.data)
+                      }
+                    } else {
+                      message.error(data.err_msg || 'failed')
                     }
-                  } else {
-                    message.error(data.err_msg || 'failed')
                   }
                 }}
               >
diff --git a/datacenter/app/datastores/page.tsx b/datacenter/app/datastores/page.tsx
index 637d62cfe..87de5cf3e 100644
--- a/datacenter/app/datastores/page.tsx
+++ b/datacenter/app/datastores/page.tsx
@@ -2,7 +2,9 @@
 
 import { useRouter } from 'next/navigation'
 import React, { useState, useEffect } from 'react'
-import { message } from 'antd'
+import { InboxOutlined } from '@ant-design/icons'
+import type { UploadProps } from 'antd'
+import { message, Upload } from 'antd'
 import {
   Modal,
   Button,
@@ -14,6 +16,8 @@ import {
   styled
 } from '@/lib/mui'
 
+const { Dragger } = Upload
+
 const Item = styled(Sheet)(({ theme }) => ({
   width: '33%',
   backgroundColor:
@@ -51,12 +55,28 @@ const documentTypeList = [
 const Index = () => {
   const router = useRouter()
   const [activeStep, setActiveStep] = useState<number>(0)
+  const [documentType, setDocumentType] = useState<string>('')
   const [knowledgeSpaceList, setKnowledgeSpaceList] = useState<any>([])
   const [isAddKnowledgeSpaceModalShow, setIsAddKnowledgeSpaceModalShow] =
     useState<boolean>(false)
   const [knowledgeSpaceName, setKnowledgeSpaceName] = useState<string>('')
   const [webPageUrl, setWebPageUrl] = useState<string>('')
-  const [documentName, setDocumentName] = useState<string>('')
+  const [documentName, setDocumentName] = useState<any>('')
+  const [originFileObj, setOriginFileObj] = useState<any>(null)
+  const props: UploadProps = {
+    name: 'file',
+    multiple: false,
+    onChange(info) {
+      console.log(info)
+      if (info.fileList.length === 0) {
+        setOriginFileObj(null)
+        setDocumentName('')
+        return
+      }
+      setOriginFileObj(info.file.originFileObj)
+      setDocumentName(info.file.originFileObj?.name)
+    }
+  }
   useEffect(() => {
     async function fetchData() {
       const res = await fetch('http://localhost:8000/knowledge/space/list', {
@@ -75,14 +95,21 @@ const Index = () => {
   }, [])
   return (
     <>
-      <Sheet sx={{
-        display: "flex",
-        justifyContent: "space-between"
-      }} className="p-4">
-        <Sheet sx={{
-          fontSize: '30px',
-          fontWeight: 'bold'
-        }}>Knowledge Spaces</Sheet>
+      <Sheet
+        sx={{
+          display: 'flex',
+          justifyContent: 'space-between'
+        }}
+        className="p-4"
+      >
+        <Sheet
+          sx={{
+            fontSize: '30px',
+            fontWeight: 'bold'
+          }}
+        >
+          Knowledge Spaces
+        </Sheet>
         <Button
           onClick={() => setIsAddKnowledgeSpaceModalShow(true)}
           variant="outlined"
@@ -218,7 +245,7 @@ const Index = () => {
                     sx={{
                       boxSizing: 'border-box',
                       height: '80px',
-                      padding: '12px',            
+                      padding: '12px',
                       display: 'flex',
                       flexDirection: 'column',
                       justifyContent: 'space-between',
@@ -228,12 +255,13 @@ const Index = () => {
                       cursor: 'pointer'
                     }}
                     onClick={() => {
-                      if (item.type === 'webPage') {
-                        setActiveStep(2);
-                      }
+                      setDocumentType(item.type)
+                      setActiveStep(2)
                     }}
                   >
-                    <Sheet sx={{ fontSize: '20px', fontWeight: 'bold' }}>{item.title}</Sheet>
+                    <Sheet sx={{ fontSize: '20px', fontWeight: 'bold' }}>
+                      {item.title}
+                    </Sheet>
                     <Sheet>{item.subTitle}</Sheet>
                   </Sheet>
                 ))}
@@ -246,44 +274,97 @@ const Index = () => {
                 <Input
                   placeholder="Please input the name"
                   onChange={(e: any) => setDocumentName(e.target.value)}
-                  sx={{ marginBottom: '20px'}}
-                />
-                Web Page URL:
-                <Input
-                  placeholder="Please input the Web Page URL"
-                  onChange={(e: any) => setWebPageUrl(e.target.value)}
+                  sx={{ marginBottom: '20px' }}
                 />
+                {documentType === 'webPage' ? (
+                  <>
+                    Web Page URL:
+                    <Input
+                      placeholder="Please input the Web Page URL"
+                      onChange={(e: any) => setWebPageUrl(e.target.value)}
+                    />
+                  </>
+                ) : documentType === 'file' ? (
+                  <>
+                    <Dragger {...props}>
+                      <p className="ant-upload-drag-icon">
+                        <InboxOutlined />
+                      </p>
+                      <p
+                        style={{ color: 'rgb(22, 108, 255)', fontSize: '20px' }}
+                      >
+                        Select or Drop file
+                      </p>
+                      <p
+                        className="ant-upload-hint"
+                        style={{ color: 'rgb(22, 108, 255)' }}
+                      >
+                        PDF, PowerPoint, Excel, Word, Text, Markdown,
+                      </p>
+                    </Dragger>
+                  </>
+                ) : (
+                  <></>
+                )}
               </Box>
               <Button
                 onClick={async () => {
                   if (documentName === '') {
-                    message.error('Please input the name');
-                    return;
+                    message.error('Please input the name')
+                    return
                   }
-                  if (webPageUrl === '') {
-                    message.error('Please input the Web Page URL');
-                    return;
-                  }
-                  const res = await fetch(
-                    `http://localhost:8000/knowledge/${knowledgeSpaceName}/document/add`,
-                    {
-                      method: 'POST',
-                      headers: {
-                        'Content-Type': 'application/json'
-                      },
-                      body: JSON.stringify({
-                        doc_name: documentName,
-                        content: webPageUrl,
-                        doc_type: 'URL'
-                      })
+                  if (documentType === 'webPage') {
+                    if (webPageUrl === '') {
+                      message.error('Please input the Web Page URL')
+                      return
+                    }
+                    const res = await fetch(
+                      `http://localhost:8000/knowledge/${knowledgeSpaceName}/document/add`,
+                      {
+                        method: 'POST',
+                        headers: {
+                          'Content-Type': 'application/json'
+                        },
+                        body: JSON.stringify({
+                          doc_name: documentName,
+                          content: webPageUrl,
+                          doc_type: 'URL'
+                        })
+                      }
+                    )
+                    const data = await res.json()
+                    if (data.success) {
+                      message.success('success')
+                      setIsAddKnowledgeSpaceModalShow(false)
+                    } else {
+                      message.error(data.err_msg || 'failed')
+                    }
+                  } else if (documentType === 'file') {
+                    if (!originFileObj) {
+                      message.error('Please select a file')
+                      return
+                    }
+                    const res = await fetch(
+                      `http://localhost:8000/knowledge/${knowledgeSpaceName}/document/upload`,
+                      {
+                        method: 'POST',
+                        headers: {
+                          'Content-Type': 'application/json'
+                        },
+                        body: JSON.stringify({
+                          doc_name: documentName,
+                          doc_file: originFileObj,
+                          doc_type: 'DOCUMENT'
+                        })
+                      }
+                    )
+                    const data = await res.json()
+                    if (data.success) {
+                      message.success('success')
+                      setIsAddKnowledgeSpaceModalShow(false)
+                    } else {
+                      message.error(data.err_msg || 'failed')
                     }
-                  )
-                  const data = await res.json()
-                  if (data.success) {
-                    message.success('success')
-                    setIsAddKnowledgeSpaceModalShow(false)
-                  } else {
-                    message.error(data.err_msg || 'failed')
                   }
                 }}
               >

From 0949ef0fa37c6f72b76f68648d01285c21bc5fff Mon Sep 17 00:00:00 2001
From: "shiweisong.ssw" <shiweisong.ssw@digital-engine.com>
Date: Wed, 28 Jun 2023 17:08:19 +0800
Subject: [PATCH 05/11] fix: fix bug

---
 datacenter/app/datastores/documents/page.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/datacenter/app/datastores/documents/page.tsx b/datacenter/app/datastores/documents/page.tsx
index 0aff19425..26d002302 100644
--- a/datacenter/app/datastores/documents/page.tsx
+++ b/datacenter/app/datastores/documents/page.tsx
@@ -243,10 +243,8 @@ const Documents = () => {
                       cursor: 'pointer'
                     }}
                     onClick={() => {
-                      if (item.type === 'webPage') {
-                        setDocumentType(item.type)
-                        setActiveStep(1)
-                      }
+                      setDocumentType(item.type)
+                      setActiveStep(1)
                     }}
                   >
                     <Sheet sx={{ fontSize: '20px', fontWeight: 'bold' }}>

From 6c7d47d3740ff08d794dda18851ba48f17dffe0f Mon Sep 17 00:00:00 2001
From: "shiweisong.ssw" <shiweisong.ssw@digital-engine.com>
Date: Wed, 28 Jun 2023 17:15:47 +0800
Subject: [PATCH 06/11] fix: change the content type

---
 datacenter/app/datastores/documents/page.tsx | 2 +-
 datacenter/app/datastores/page.tsx           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/datacenter/app/datastores/documents/page.tsx b/datacenter/app/datastores/documents/page.tsx
index 26d002302..930595995 100644
--- a/datacenter/app/datastores/documents/page.tsx
+++ b/datacenter/app/datastores/documents/page.tsx
@@ -352,7 +352,7 @@ const Documents = () => {
                       {
                         method: 'POST',
                         headers: {
-                          'Content-Type': 'application/json'
+                          'Content-Type': 'multipart/form-data'
                         },
                         body: JSON.stringify({
                           doc_name: documentName,
diff --git a/datacenter/app/datastores/page.tsx b/datacenter/app/datastores/page.tsx
index 87de5cf3e..4593c647b 100644
--- a/datacenter/app/datastores/page.tsx
+++ b/datacenter/app/datastores/page.tsx
@@ -349,7 +349,7 @@ const Index = () => {
                       {
                         method: 'POST',
                         headers: {
-                          'Content-Type': 'application/json'
+                          'Content-Type': 'multipart/form-data'
                         },
                         body: JSON.stringify({
                           doc_name: documentName,

From 184ec66d228b9a2bbf8bc2753efba740fdb0bc91 Mon Sep 17 00:00:00 2001
From: "shiweisong.ssw" <shiweisong.ssw@digital-engine.com>
Date: Wed, 28 Jun 2023 17:41:57 +0800
Subject: [PATCH 07/11] feat: add boundary

---
 datacenter/app/datastores/documents/page.tsx | 2 +-
 datacenter/app/datastores/page.tsx           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/datacenter/app/datastores/documents/page.tsx b/datacenter/app/datastores/documents/page.tsx
index 930595995..e64bcb1b5 100644
--- a/datacenter/app/datastores/documents/page.tsx
+++ b/datacenter/app/datastores/documents/page.tsx
@@ -352,7 +352,7 @@ const Documents = () => {
                       {
                         method: 'POST',
                         headers: {
-                          'Content-Type': 'multipart/form-data'
+                          'Content-Type': 'multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW'
                         },
                         body: JSON.stringify({
                           doc_name: documentName,
diff --git a/datacenter/app/datastores/page.tsx b/datacenter/app/datastores/page.tsx
index 4593c647b..69913be2d 100644
--- a/datacenter/app/datastores/page.tsx
+++ b/datacenter/app/datastores/page.tsx
@@ -349,7 +349,7 @@ const Index = () => {
                       {
                         method: 'POST',
                         headers: {
-                          'Content-Type': 'multipart/form-data'
+                          'Content-Type': 'multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW'
                         },
                         body: JSON.stringify({
                           doc_name: documentName,

From 5083fdc7175c8e1e22c97cef0b0f22921c7d1b37 Mon Sep 17 00:00:00 2001
From: "shiweisong.ssw" <shiweisong.ssw@digital-engine.com>
Date: Wed, 28 Jun 2023 17:46:53 +0800
Subject: [PATCH 08/11] feat: change the type of the body

---
 datacenter/app/datastores/documents/page.tsx | 10 +++++-----
 datacenter/app/datastores/page.tsx           | 10 +++++-----
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/datacenter/app/datastores/documents/page.tsx b/datacenter/app/datastores/documents/page.tsx
index e64bcb1b5..511f848c8 100644
--- a/datacenter/app/datastores/documents/page.tsx
+++ b/datacenter/app/datastores/documents/page.tsx
@@ -347,6 +347,10 @@ const Documents = () => {
                       message.error('Please select a file')
                       return
                     }
+                    const formData = new FormData();
+                    formData.append('doc_name', documentName);
+                    formData.append('doc_file', originFileObj);
+                    formData.append('doc_type', 'DOCUMENT');
                     const res = await fetch(
                       `http://localhost:8000/knowledge/${spaceName}/document/upload`,
                       {
@@ -354,11 +358,7 @@ const Documents = () => {
                         headers: {
                           'Content-Type': 'multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW'
                         },
-                        body: JSON.stringify({
-                          doc_name: documentName,
-                          doc_file: originFileObj,
-                          doc_type: 'DOCUMENT'
-                        })
+                        body: formData
                       }
                     )
                     const data = await res.json()
diff --git a/datacenter/app/datastores/page.tsx b/datacenter/app/datastores/page.tsx
index 69913be2d..ceea11a0a 100644
--- a/datacenter/app/datastores/page.tsx
+++ b/datacenter/app/datastores/page.tsx
@@ -344,6 +344,10 @@ const Index = () => {
                       message.error('Please select a file')
                       return
                     }
+                    const formData = new FormData();
+                    formData.append('doc_name', documentName);
+                    formData.append('doc_file', originFileObj);
+                    formData.append('doc_type', 'DOCUMENT');
                     const res = await fetch(
                       `http://localhost:8000/knowledge/${knowledgeSpaceName}/document/upload`,
                       {
@@ -351,11 +355,7 @@ const Index = () => {
                         headers: {
                           'Content-Type': 'multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW'
                         },
-                        body: JSON.stringify({
-                          doc_name: documentName,
-                          doc_file: originFileObj,
-                          doc_type: 'DOCUMENT'
-                        })
+                        body: formData
                       }
                     )
                     const data = await res.json()

From d0619b3378328e4773a91b125f1d9cd1aba9f27a Mon Sep 17 00:00:00 2001
From: "shiweisong.ssw" <shiweisong.ssw@digital-engine.com>
Date: Wed, 28 Jun 2023 17:56:06 +0800
Subject: [PATCH 09/11] feat: remove header

---
 datacenter/app/datastores/documents/page.tsx | 3 ---
 datacenter/app/datastores/page.tsx           | 3 ---
 2 files changed, 6 deletions(-)

diff --git a/datacenter/app/datastores/documents/page.tsx b/datacenter/app/datastores/documents/page.tsx
index 511f848c8..f1612aaa1 100644
--- a/datacenter/app/datastores/documents/page.tsx
+++ b/datacenter/app/datastores/documents/page.tsx
@@ -355,9 +355,6 @@ const Documents = () => {
                       `http://localhost:8000/knowledge/${spaceName}/document/upload`,
                       {
                         method: 'POST',
-                        headers: {
-                          'Content-Type': 'multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW'
-                        },
                         body: formData
                       }
                     )
diff --git a/datacenter/app/datastores/page.tsx b/datacenter/app/datastores/page.tsx
index ceea11a0a..356968e45 100644
--- a/datacenter/app/datastores/page.tsx
+++ b/datacenter/app/datastores/page.tsx
@@ -352,9 +352,6 @@ const Index = () => {
                       `http://localhost:8000/knowledge/${knowledgeSpaceName}/document/upload`,
                       {
                         method: 'POST',
-                        headers: {
-                          'Content-Type': 'multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW'
-                        },
                         body: formData
                       }
                     )

From fbd990151c31065ef779d438043f91ecf9928f8f Mon Sep 17 00:00:00 2001
From: "shiweisong.ssw" <shiweisong.ssw@digital-engine.com>
Date: Thu, 29 Jun 2023 09:53:30 +0800
Subject: [PATCH 10/11] feat: add the text document

---
 datacenter/app/datastores/documents/page.tsx | 63 +++++++++++++++++++-
 datacenter/app/datastores/page.tsx           | 49 ++++++++++++++-
 2 files changed, 110 insertions(+), 2 deletions(-)

diff --git a/datacenter/app/datastores/documents/page.tsx b/datacenter/app/datastores/documents/page.tsx
index f1612aaa1..9b9393350 100644
--- a/datacenter/app/datastores/documents/page.tsx
+++ b/datacenter/app/datastores/documents/page.tsx
@@ -10,6 +10,7 @@ import {
   Box,
   Stack,
   Input,
+  Textarea,
   Chip,
   styled
 } from '@/lib/mui'
@@ -61,6 +62,8 @@ const Documents = () => {
   const [documents, setDocuments] = useState<any>([])
   const [webPageUrl, setWebPageUrl] = useState<string>('')
   const [documentName, setDocumentName] = useState<any>('')
+  const [textSource, setTextSource] = useState<string>('');
+  const [text, setText] = useState<string>('');
   const [originFileObj, setOriginFileObj] = useState<any>(null)
   const props: UploadProps = {
     name: 'file',
@@ -293,7 +296,20 @@ const Documents = () => {
                     </Dragger>
                   </>
                 ) : (
-                  <></>
+                  <>
+                    Source:
+                    <Input
+                      placeholder="Please input the source"
+                      onChange={(e: any) => setTextSource(e.target.value)}
+                      sx={{ marginBottom: '20px' }}
+                    />
+                    Text:
+                    <Textarea
+                      onChange={(e: any) => setText(e.target.value)}
+                      minRows={4}
+                      sx={{ marginBottom: '20px' }}
+                    />
+                  </>
                 )}
               </Box>
               <Button
@@ -379,6 +395,51 @@ const Documents = () => {
                     } else {
                       message.error(data.err_msg || 'failed')
                     }
+                  } else {
+                    if (textSource === '') {
+                      message.error('Please input the source')
+                      return
+                    }
+                    if (text === '') {
+                      message.error('Please input the text')
+                      return
+                    }
+                    const res = await fetch(
+                      `http://localhost:8000/knowledge/${spaceName}/document/add`,
+                      {
+                        method: 'POST',
+                        headers: {
+                          'Content-Type': 'application/json'
+                        },
+                        body: JSON.stringify({
+                          doc_name: documentName,
+                          source: textSource,
+                          content: text,
+                          doc_type: 'TEXT'
+                        })
+                      }
+                    )
+                    const data = await res.json()
+                    if (data.success) {
+                      message.success('success')
+                      setIsAddDocumentModalShow(false)
+                      const res = await fetch(
+                        `http://localhost:8000/knowledge/${spaceName}/document/list`,
+                        {
+                          method: 'POST',
+                          headers: {
+                            'Content-Type': 'application/json'
+                          },
+                          body: JSON.stringify({})
+                        }
+                      )
+                      const data = await res.json()
+                      if (data.success) {
+                        setDocuments(data.data)
+                      }
+                    } else {
+                      message.error(data.err_msg || 'failed')
+                    }
                   }
                 }}
               >
diff --git a/datacenter/app/datastores/page.tsx b/datacenter/app/datastores/page.tsx
index 356968e45..ec13378d3 100644
--- a/datacenter/app/datastores/page.tsx
+++ b/datacenter/app/datastores/page.tsx
@@ -13,6 +13,7 @@ import {
   Stack,
   Box,
   Input,
+  Textarea,
   styled
 } from '@/lib/mui'
 
@@ -62,6 +63,8 @@ const Index = () => {
   const [knowledgeSpaceName, setKnowledgeSpaceName] = useState<string>('')
   const [webPageUrl, setWebPageUrl] = useState<string>('')
   const [documentName, setDocumentName] = useState<any>('')
+  const [textSource, setTextSource] = useState<string>('');
+  const [text, setText] = useState<string>('');
   const [originFileObj, setOriginFileObj] = useState<any>(null)
   const props: UploadProps = {
     name: 'file',
@@ -304,7 +307,20 @@ const Index = () => {
                     </Dragger>
                   </>
                 ) : (
-                  <></>
+                  <>
+                    Source:
+                    <Input
+                      placeholder="Please input the source"
+                      onChange={(e: any) => setTextSource(e.target.value)}
+                      sx={{ marginBottom: '20px' }}
+                    />
+                    Text:
+                    <Textarea
+                      onChange={(e: any) => setText(e.target.value)}
+                      minRows={4}
+                      sx={{ marginBottom: '20px' }}
+                    />
+                  </>
                 )}
               </Box>
               <Button
@@ -362,6 +378,37 @@ const Index = () => {
                     } else {
                       message.error(data.err_msg || 'failed')
                     }
+                  } else {
+                    if (textSource === '') {
+                      message.error('Please input the source')
+                      return
+                    }
+                    if (text === '') {
+                      message.error('Please input the text')
+                      return
+                    }
+                    const res = await fetch(
+                      `http://localhost:8000/knowledge/${knowledgeSpaceName}/document/add`,
+                      {
+                        method: 'POST',
+                        headers: {
+                          'Content-Type': 'application/json'
+                        },
+                        body: JSON.stringify({
+                          doc_name: documentName,
+                          source: textSource,
+                          content: text,
+                          doc_type: 'TEXT'
+                        })
+                      }
+                    )
+                    const data = await res.json()
+                    if (data.success) {
+                      message.success('success')
+                      setIsAddKnowledgeSpaceModalShow(false)
+                    } else {
+                      message.error(data.err_msg || 'failed')
+                    }
                   }
                 }}
               >

From 0ea1ec032dba74f1ea7a95b4dbe3aeeabfe1d498 Mon Sep 17 00:00:00 2001
From: "shiweisong.ssw" <shiweisong.ssw@digital-engine.com>
Date: Thu, 29 Jun 2023 10:21:39 +0800
Subject: [PATCH 11/11] fix: delete text

---
 datacenter/app/datastores/documents/page.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/datacenter/app/datastores/documents/page.tsx b/datacenter/app/datastores/documents/page.tsx
index 9b9393350..7ce660f81 100644
--- a/datacenter/app/datastores/documents/page.tsx
+++ b/datacenter/app/datastores/documents/page.tsx
@@ -267,7 +267,6 @@ const Documents = () => {
                   onChange={(e: any) => setDocumentName(e.target.value)}
                   sx={{ marginBottom: '20px' }}
                 />
-                Web Page URL:
                 {documentType === 'webPage' ? (
                   <>
                     Web Page URL: