From 08e3dab0e7a8832b7fc66602cd8e23e1b3284fd3 Mon Sep 17 00:00:00 2001
From: Scenery <1507337624@qq.com>
Date: Wed, 24 Apr 2024 10:42:55 +0800
Subject: [PATCH 1/2] feat: remove link button

---
 .../src/components/BlackButton/index.tsx      |  4 +-
 apps/agent/src/components/EmailCode/index.tsx | 14 ++----
 .../agent/src/components/LinkButton/index.tsx | 46 -------------------
 .../src/page/User/Login/mobile/index.tsx      | 13 ++----
 apps/agent/src/page/User/Login/pc/index.tsx   | 13 +++---
 .../src/page/User/Register/mobile/index.tsx   |  6 +--
 .../agent/src/page/User/Register/pc/index.tsx |  9 ++--
 7 files changed, 23 insertions(+), 82 deletions(-)
 delete mode 100644 apps/agent/src/components/LinkButton/index.tsx

diff --git a/apps/agent/src/components/BlackButton/index.tsx b/apps/agent/src/components/BlackButton/index.tsx
index 4389bb73..70327745 100644
--- a/apps/agent/src/components/BlackButton/index.tsx
+++ b/apps/agent/src/components/BlackButton/index.tsx
@@ -3,10 +3,10 @@ import { FC } from "react"
 import BlackButtonTheme from "@/config/them/theme-blackButton.json"
 
 const BlackButton: FC<ButtonProps> = (props) => {
-  const { children, ...antdButtonProps } = props
+  const { children, type = "primary", ...antdButtonProps } = props
   return (
     <ConfigProvider theme={BlackButtonTheme as ThemeConfig}>
-      <Button {...antdButtonProps} type="primary">
+      <Button {...antdButtonProps} type={type}>
         {children}
       </Button>
     </ConfigProvider>
diff --git a/apps/agent/src/components/EmailCode/index.tsx b/apps/agent/src/components/EmailCode/index.tsx
index ee7db8c2..63c0cf31 100644
--- a/apps/agent/src/components/EmailCode/index.tsx
+++ b/apps/agent/src/components/EmailCode/index.tsx
@@ -1,9 +1,8 @@
-import { App, Statistic } from "antd"
+import { App, Statistic, Typography } from "antd"
 import { FC } from "react"
 import { useFormContext } from "react-hook-form"
 import { useTranslation } from "react-i18next"
 import { getColor } from "@illa-public/color-scheme"
-import LinkButton from "../LinkButton"
 import { EmailCodeProps } from "./interface"
 
 const { Countdown } = Statistic
@@ -49,15 +48,8 @@ export const EmailCode: FC<EmailCodeProps> = (props) => {
       }}
     />
   ) : (
-    <LinkButton
-      style={{
-        height: "auto",
-        border: "none",
-      }}
-      fontSize={14}
-      onClick={handleClickSend}
-    >
+    <Typography.Link onClick={handleClickSend}>
       {t("page.user.sign_up.actions.send")}
-    </LinkButton>
+    </Typography.Link>
   )
 }
diff --git a/apps/agent/src/components/LinkButton/index.tsx b/apps/agent/src/components/LinkButton/index.tsx
deleted file mode 100644
index c1e360aa..00000000
--- a/apps/agent/src/components/LinkButton/index.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Button, ConfigProvider } from "antd"
-import { AnchorHTMLAttributes, CSSProperties, FC, ReactNode } from "react"
-
-interface LinkButtonProps {
-  children?: string | ReactNode
-  style?: CSSProperties
-  onClick?: () => void
-  href?: string
-  fontSize?: number
-  target?: AnchorHTMLAttributes<HTMLElement>["target"]
-}
-
-const LinkButton: FC<LinkButtonProps> = ({
-  children,
-  style,
-  onClick,
-  href,
-  fontSize = 12,
-  target = "_self",
-}) => {
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Button: {
-            fontSize,
-            paddingBlock: 0,
-            paddingInline: 0,
-          },
-        },
-      }}
-    >
-      <Button
-        style={style}
-        href={href}
-        type="link"
-        onClick={onClick}
-        target={target}
-      >
-        {children}
-      </Button>
-    </ConfigProvider>
-  )
-}
-
-export default LinkButton
diff --git a/apps/agent/src/page/User/Login/mobile/index.tsx b/apps/agent/src/page/User/Login/mobile/index.tsx
index fbd527f6..c514be3e 100644
--- a/apps/agent/src/page/User/Login/mobile/index.tsx
+++ b/apps/agent/src/page/User/Login/mobile/index.tsx
@@ -1,5 +1,5 @@
 import Icon from "@ant-design/icons"
-import { Button, Input } from "antd"
+import { Button, Input, Typography } from "antd"
 import { FC, useEffect, useState } from "react"
 import { Controller, useFormContext } from "react-hook-form"
 import { Trans, useTranslation } from "react-i18next"
@@ -7,7 +7,6 @@ import { useNavigate } from "react-router-dom"
 import { GithubIcon } from "@illa-public/icon"
 import { TipisTrack } from "@illa-public/track-utils"
 import ErrorMessage from "@/components/InputErrorMessage"
-import LinkButton from "@/components/LinkButton"
 import { FORGOT_PASSWORD_PATH, REGISTER_PATH } from "@/utils/routeHelper"
 import { OAuthButton } from "../../components/OAuthButton"
 import { CAN_SHOW_OAUTH, EMAIL_FORMAT } from "../../constants"
@@ -83,11 +82,7 @@ export const MobileLogin: FC<LoginPageProps> = (props) => {
               i18nKey="page.user.sign_in.description.register"
               t={t}
               components={[
-                <LinkButton
-                  style={{
-                    marginRight: 8,
-                  }}
-                  fontSize={14}
+                <Typography.Link
                   key="text-link"
                   onClick={handleClickRegister}
                 />,
@@ -178,14 +173,14 @@ export const MobileLogin: FC<LoginPageProps> = (props) => {
         </section>
 
         <div css={forgotPwdStyle}>
-          <LinkButton
+          <Typography.Link
             style={{
               marginRight: 8,
             }}
             onClick={handleClickForgotPassword}
           >
             {t("page.user.sign_in.description.forgot_password")}
-          </LinkButton>
+          </Typography.Link>
         </div>
         <Button
           type="primary"
diff --git a/apps/agent/src/page/User/Login/pc/index.tsx b/apps/agent/src/page/User/Login/pc/index.tsx
index 825982f6..1a8cc6e5 100644
--- a/apps/agent/src/page/User/Login/pc/index.tsx
+++ b/apps/agent/src/page/User/Login/pc/index.tsx
@@ -1,5 +1,5 @@
 import Icon from "@ant-design/icons"
-import { Button, Divider, Input } from "antd"
+import { Button, Divider, Input, Typography } from "antd"
 import { FC, useEffect, useState } from "react"
 import { Controller, useFormContext } from "react-hook-form"
 import { Trans, useTranslation } from "react-i18next"
@@ -8,7 +8,6 @@ import { GithubIcon } from "@illa-public/icon"
 import { TipisTrack } from "@illa-public/track-utils"
 import { EMAIL_FORMAT, isCloudVersion } from "@illa-public/utils"
 import ErrorMessage from "@/components/InputErrorMessage"
-import LinkButton from "@/components/LinkButton"
 import { FORGOT_PASSWORD_PATH, REGISTER_PATH } from "@/utils/routeHelper"
 import { OAuthButton } from "../../components/OAuthButton"
 import { CAN_SHOW_OAUTH } from "../../constants"
@@ -91,9 +90,11 @@ export const PCLogin: FC<LoginPageProps> = (props) => {
               i18nKey="page.user.sign_in.description.register"
               t={t}
               components={[
-                <LinkButton
-                  fontSize={16}
+                <Typography.Link
                   key="text-link"
+                  style={{
+                    fontSize: 16,
+                  }}
                   onClick={handleClickRegister}
                 />,
               ]}
@@ -155,14 +156,14 @@ export const PCLogin: FC<LoginPageProps> = (props) => {
               <label css={formLabelStyle}>
                 {t("page.user.sign_in.fields.password")}
               </label>
-              <LinkButton
+              <Typography.Link
                 style={{
                   marginRight: 8,
                 }}
                 onClick={handleClickForgotPassword}
               >
                 {t("page.user.sign_in.description.forgot_password")}
-              </LinkButton>
+              </Typography.Link>
             </div>
             <Controller
               name="password"
diff --git a/apps/agent/src/page/User/Register/mobile/index.tsx b/apps/agent/src/page/User/Register/mobile/index.tsx
index cc6bfe12..8df504b7 100644
--- a/apps/agent/src/page/User/Register/mobile/index.tsx
+++ b/apps/agent/src/page/User/Register/mobile/index.tsx
@@ -1,5 +1,5 @@
 import Icon from "@ant-design/icons"
-import { Button, Input } from "antd"
+import { Button, Input, Typography } from "antd"
 import { FC, useEffect, useState } from "react"
 import { Controller, useFormContext } from "react-hook-form"
 import { Trans, useTranslation } from "react-i18next"
@@ -8,7 +8,6 @@ import { GithubIcon } from "@illa-public/icon"
 import { TipisTrack } from "@illa-public/track-utils"
 import { EmailCode } from "@/components/EmailCode"
 import ErrorMessage from "@/components/InputErrorMessage"
-import LinkButton from "@/components/LinkButton"
 import { LOGIN_PATH } from "@/utils/routeHelper"
 import { OAuthButton } from "../../components/OAuthButton"
 import { CAN_SHOW_OAUTH, EMAIL_FORMAT } from "../../constants"
@@ -89,11 +88,10 @@ export const MobileRegister: FC<RegisterProps> = (props) => {
               i18nKey="page.user.sign_up.description.login"
               t={t}
               components={[
-                <LinkButton
+                <Typography.Link
                   style={{
                     marginRight: 8,
                   }}
-                  fontSize={14}
                   key="go-to-login"
                   onClick={handleClickToLogin}
                 />,
diff --git a/apps/agent/src/page/User/Register/pc/index.tsx b/apps/agent/src/page/User/Register/pc/index.tsx
index cb46b451..ac2e873a 100644
--- a/apps/agent/src/page/User/Register/pc/index.tsx
+++ b/apps/agent/src/page/User/Register/pc/index.tsx
@@ -1,5 +1,5 @@
 import Icon from "@ant-design/icons"
-import { Button, Divider, Input } from "antd"
+import { Button, Divider, Input, Typography } from "antd"
 import { FC, useEffect, useState } from "react"
 import { Controller, useFormContext } from "react-hook-form"
 import { Trans, useTranslation } from "react-i18next"
@@ -8,7 +8,6 @@ import { GithubIcon } from "@illa-public/icon"
 import { TipisTrack } from "@illa-public/track-utils"
 import { EmailCode } from "@/components/EmailCode"
 import ErrorMessage from "@/components/InputErrorMessage"
-import LinkButton from "@/components/LinkButton"
 import { LOGIN_PATH } from "@/utils/routeHelper"
 import { OAuthButton } from "../../components/OAuthButton"
 import { CAN_SHOW_OAUTH, EMAIL_FORMAT } from "../../constants"
@@ -91,8 +90,10 @@ export const PCRegister: FC<RegisterProps> = (props) => {
               i18nKey="page.user.sign_up.description.login"
               t={t}
               components={[
-                <LinkButton
-                  fontSize={16}
+                <Typography.Link
+                  style={{
+                    fontSize: 16,
+                  }}
                   key="go-to-login"
                   onClick={handleClickLogin}
                 />,

From b4f2212065cd8f34b93d9ffbfe8928a86831d4f1 Mon Sep 17 00:00:00 2001
From: Scenery <1507337624@qq.com>
Date: Wed, 24 Apr 2024 15:04:27 +0800
Subject: [PATCH 2/2] fix: upload file type bug

---
 .../PreviewChat/InputArea/mobile/index.tsx    | 16 +++--
 .../PreviewChat/InputArea/pc/index.tsx        | 41 ++++++-----
 apps/agent/src/config/constants/knowledge.ts  | 29 +++++++-
 .../AI/components/KnowledgeUpload/index.tsx   | 31 +++++---
 apps/agent/src/router/config.tsx              |  3 +-
 apps/agent/src/router/constants.ts            |  1 +
 apps/agent/src/utils/drive/interface.ts       |  1 +
 apps/agent/src/utils/drive/store.ts           |  1 +
 apps/agent/src/utils/drive/upload.ts          |  6 +-
 apps/agent/src/utils/drive/utils.ts           | 70 +++++++++++++++++--
 apps/agent/src/utils/file/fileToStream.ts     | 14 ++++
 11 files changed, 170 insertions(+), 43 deletions(-)
 create mode 100644 apps/agent/src/utils/file/fileToStream.ts

diff --git a/apps/agent/src/components/PreviewChat/InputArea/mobile/index.tsx b/apps/agent/src/components/PreviewChat/InputArea/mobile/index.tsx
index e602f992..8adfdd39 100644
--- a/apps/agent/src/components/PreviewChat/InputArea/mobile/index.tsx
+++ b/apps/agent/src/components/PreviewChat/InputArea/mobile/index.tsx
@@ -108,22 +108,27 @@ const MobileInputArea: FC<IInputAreaProps> = (props) => {
       setUploadKnowledgeLoading(true)
       const currentFiles = [...knowledgeFiles]
 
-      const formatFiles = multipleFileHandler(
+      const { needUploadFiles, notAcceptFiles } = await multipleFileHandler(
         files,
         currentFiles,
         chatUploadStoreRef.current,
       )
+      if (notAcceptFiles.length > 0) {
+        messageAPI.warning({
+          content: t("homepage.tipi_chat.message.failed_to_add"),
+        })
+      }
       currentFiles.push(
-        ...formatFiles.map((item) => ({
+        ...needUploadFiles.map((item) => ({
           fileName: item.fileName,
-          contentType: item.file.type,
+          contentType: item.contentType,
           fileID: "",
         })),
       )
       setKnowledgeFiles(currentFiles)
       try {
-        for (let item of formatFiles) {
-          const { fileName, file, abortController } = item
+        for (let item of needUploadFiles) {
+          const { fileName, file, abortController, contentType } = item
           if (!file) break
           if (file.size > MAX_FILE_SIZE) {
             TipisTrack.track("chat_file_over_size", {
@@ -142,6 +147,7 @@ const MobileInputArea: FC<IInputAreaProps> = (props) => {
           const uploadRes = await uploadChatFile(
             item.queryID,
             file,
+            contentType,
             abortController.signal,
             chatUploadStoreRef.current,
           )
diff --git a/apps/agent/src/components/PreviewChat/InputArea/pc/index.tsx b/apps/agent/src/components/PreviewChat/InputArea/pc/index.tsx
index c77bdf93..1aa40d74 100644
--- a/apps/agent/src/components/PreviewChat/InputArea/pc/index.tsx
+++ b/apps/agent/src/components/PreviewChat/InputArea/pc/index.tsx
@@ -17,12 +17,11 @@ import { TipisTrack } from "@illa-public/track-utils"
 import { useGetUserInfoQuery } from "@illa-public/user-data"
 import UnselectComponentIcon from "@/assets/agent/unselectComponent.svg?react"
 import {
-  ACCEPT,
   MAX_FILE_SIZE,
   MAX_MESSAGE_FILES_LENGTH,
 } from "@/config/constants/knowledge"
 import { UploadFileStore, useUploadFileToDrive } from "@/utils/drive"
-import { multipleFileHandler } from "@/utils/drive/utils"
+import { getRealFileType, multipleFileHandler } from "@/utils/drive/utils"
 import { PRESET_OPTION_ID } from "../../PresetOptions/constants"
 import { useGetPrompt } from "../../PresetOptions/hook"
 import PresetOptions from "../../PresetOptions/pc"
@@ -124,24 +123,32 @@ const PCInputArea: FC<IInputAreaProps> = (props) => {
         parameter1: useTo,
       })
       setUploadKnowledgeLoading(true)
+
       const currentFiles = [...knowledgeFiles]
 
-      const formatFiles = multipleFileHandler(
+      const { needUploadFiles, notAcceptFiles } = await multipleFileHandler(
         files,
         currentFiles,
         chatUploadStoreRef.current,
       )
+      if (notAcceptFiles.length > 0) {
+        messageAPI.warning({
+          content: t("homepage.tipi_chat.message.failed_to_add"),
+        })
+      }
+
+      console.log("needUploadFiles", needUploadFiles)
       currentFiles.push(
-        ...formatFiles.map((item) => ({
+        ...needUploadFiles.map((item) => ({
           fileName: item.fileName,
-          contentType: item.file.type,
+          contentType: item.contentType,
           fileID: "",
         })),
       )
       setKnowledgeFiles(currentFiles)
       try {
-        for (let item of formatFiles) {
-          const { fileName, file, abortController } = item
+        for (let item of needUploadFiles) {
+          const { fileName, file, abortController, contentType } = item
           if (!file) break
           if (file.size > MAX_FILE_SIZE) {
             TipisTrack.track("chat_file_over_size", {
@@ -160,6 +167,7 @@ const PCInputArea: FC<IInputAreaProps> = (props) => {
           const uploadRes = await uploadChatFile(
             item.queryID,
             file,
+            contentType,
             abortController.signal,
             chatUploadStoreRef.current,
           )
@@ -263,15 +271,16 @@ const PCInputArea: FC<IInputAreaProps> = (props) => {
   )
 
   const getNeedUploadAndNotAcceptFiles = useCallback((files: FileList) => {
-    const acceptType = ACCEPT
-
-    const needUpdateFilesArray = Array.from(files).filter((file) =>
-      acceptType.includes(file.type),
-    )
-    const notAcceptFilesArray = Array.from(files).filter(
-      (file) => !acceptType.includes(file.type),
-    )
-
+    const needUpdateFilesArray: File[] = []
+    const notAcceptFilesArray: File[] = []
+    Array.from(files).map((file) => {
+      const contentType = getRealFileType(file, file.name.split(".")[1])
+      if (!contentType) {
+        notAcceptFilesArray.push(file)
+      } else {
+        needUpdateFilesArray.push(file)
+      }
+    })
     return { needUpdateFilesArray, notAcceptFilesArray }
   }, [])
 
diff --git a/apps/agent/src/config/constants/knowledge.ts b/apps/agent/src/config/constants/knowledge.ts
index 3825c8ef..d38c0001 100644
--- a/apps/agent/src/config/constants/knowledge.ts
+++ b/apps/agent/src/config/constants/knowledge.ts
@@ -1,4 +1,4 @@
-export const ACCEPT = [
+export const ACCEPT_CONTENT_TYPES = [
   "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
   "application/vnd.sealed.csv",
   "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
@@ -9,5 +9,32 @@ export const ACCEPT = [
   "text/csv",
 ]
 
+export enum SEND_CONTENT_TYPES {
+  DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+  XLSX = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+  PDF = "application/pdf",
+  JSON = "application/json",
+  TEXT = "text/plain",
+  MD = "text/markdown",
+  CSV = "text/csv",
+}
+
+export const ACCEPT = [
+  ".docx",
+  ".csv",
+  ".xlsx",
+  ".pdf",
+  ".json",
+  ".txt",
+  ".md",
+  ".csv",
+  ".mdx",
+]
+
 export const MAX_MESSAGE_FILES_LENGTH = 10
 export const MAX_FILE_SIZE = 20971520 // 20MB
+
+export enum TYPE_MAPPING {
+  ZIP = "0x50 0x4B 0x3 0x4",
+  PDF = "0x25 0x50 0x44 0x46 0x2D 0x31 0x2E",
+}
diff --git a/apps/agent/src/page/WorkSpace/AI/components/KnowledgeUpload/index.tsx b/apps/agent/src/page/WorkSpace/AI/components/KnowledgeUpload/index.tsx
index 46731195..e1bc6514 100644
--- a/apps/agent/src/page/WorkSpace/AI/components/KnowledgeUpload/index.tsx
+++ b/apps/agent/src/page/WorkSpace/AI/components/KnowledgeUpload/index.tsx
@@ -29,7 +29,7 @@ import {
   IFileDetailInfo,
   useUploadFileToDrive,
 } from "@/utils/drive"
-import { multipleFileHandler } from "@/utils/drive/utils"
+import { getRealFileType, multipleFileHandler } from "@/utils/drive/utils"
 import { UploadContext } from "../../AIAgent/components/UploadContext"
 import { IAgentForm } from "../../AIAgent/interface"
 import StatusIcon from "./StatusIcon"
@@ -113,14 +113,19 @@ const KnowledgeUpload: FC<IKnowledgeUploadProps> = ({
       parameter1: aiAgentID ? "edit_tipi" : "create_tipi",
     })
     const currentFiles = [...currentValue]
-    const formatFiles = multipleFileHandler(
+    const { needUploadFiles, notAcceptFiles } = await multipleFileHandler(
       files,
       currentFiles,
       uploadFileStore,
     )
+    if (notAcceptFiles.length > 0) {
+      messageAPI.warning({
+        content: t("homepage.tipi_chat.message.failed_to_add"),
+      })
+    }
     try {
-      for (let item of formatFiles) {
-        const { fileName, file, abortController, queryID } = item
+      for (let item of needUploadFiles) {
+        const { fileName, file, abortController, queryID, contentType } = item
         if (!file) break
         if (file.size > MAX_FILE_SIZE) {
           TipisTrack.track("knowledge_file_over_size", {
@@ -136,6 +141,7 @@ const KnowledgeUpload: FC<IKnowledgeUploadProps> = ({
         const uploadRes = await uploadKnowledgeFile(
           queryID,
           file,
+          contentType,
           abortController.signal,
           uploadFileStore,
         )
@@ -222,14 +228,17 @@ const KnowledgeUpload: FC<IKnowledgeUploadProps> = ({
   }, [uploadFileStore])
 
   const getNeedUploadAndNotAcceptFiles = (files: FileList) => {
-    const acceptType = ACCEPT
+    const needUpdateFilesArray: File[] = []
+    const notAcceptFilesArray: File[] = []
 
-    const needUpdateFilesArray = Array.from(files).filter((file) =>
-      acceptType.includes(file.type),
-    )
-    const notAcceptFilesArray = Array.from(files).filter(
-      (file) => !acceptType.includes(file.type),
-    )
+    Array.from(files).map((file) => {
+      const contentType = getRealFileType(file, file.name.split(".")[1])
+      if (!contentType) {
+        notAcceptFilesArray.push(file)
+      } else {
+        needUpdateFilesArray.push(file)
+      }
+    })
 
     return { needUpdateFilesArray, notAcceptFilesArray }
   }
diff --git a/apps/agent/src/router/config.tsx b/apps/agent/src/router/config.tsx
index f1b7d930..42899cef 100644
--- a/apps/agent/src/router/config.tsx
+++ b/apps/agent/src/router/config.tsx
@@ -14,6 +14,7 @@ import {
   CHAT_TEMPLATE_PATH,
   CREATE_TIPI_TEMPLATE_PATH,
   EDIT_TIPI_TEMPLATE_PATH,
+  MARKETPLACE_DETAIL_PATH,
   RUN_TIPI_TEMPLATE_PATH,
   TIPIS_DASHBOARD_TEMPLATE_PATH,
   TIPI_DETAIL_TEMPLATE_PATH,
@@ -197,7 +198,7 @@ const ILLA_ROUTE_CONFIG: RoutesObjectPro[] = [
         accessByMobile: true,
       },
       {
-        path: ":teamIdentifier/marketTipi/:agentID/detail",
+        path: MARKETPLACE_DETAIL_PATH,
         element: (
           <Suspense fallback={<FullSectionLoading />}>
             <MarketTipiDetailPage />
diff --git a/apps/agent/src/router/constants.ts b/apps/agent/src/router/constants.ts
index 35d3c6af..230cf1d9 100644
--- a/apps/agent/src/router/constants.ts
+++ b/apps/agent/src/router/constants.ts
@@ -7,3 +7,4 @@ export const CREATE_TIPI_TEMPLATE_PATH = `${TEAM_TIPI_TEMPLATE_PATH}/create`
 export const EDIT_TIPI_TEMPLATE_PATH = `${TEAM_TIPI_TEMPLATE_PATH}/:agentID/edit`
 export const RUN_TIPI_TEMPLATE_PATH = `${TEAM_TIPI_TEMPLATE_PATH}/:agentID/run/:tabID`
 export const TIPI_DETAIL_TEMPLATE_PATH = `${TEAM_TIPI_TEMPLATE_PATH}/:agentID/detail`
+export const MARKETPLACE_DETAIL_PATH = `${TEAM_IDENTIFIER_TEMPLATE_PATH}/marketTipi/:agentID/detail`
diff --git a/apps/agent/src/utils/drive/interface.ts b/apps/agent/src/utils/drive/interface.ts
index 2e8f9a94..5dd99917 100644
--- a/apps/agent/src/utils/drive/interface.ts
+++ b/apps/agent/src/utils/drive/interface.ts
@@ -16,6 +16,7 @@ export type IListener = () => void
 export type IUploadToDrive = (
   queryID: string,
   needUploadFile: File,
+  contentType: string,
   abortSignal: AbortSignal,
 ) => void
 
diff --git a/apps/agent/src/utils/drive/store.ts b/apps/agent/src/utils/drive/store.ts
index 3c2931b0..8c82f737 100644
--- a/apps/agent/src/utils/drive/store.ts
+++ b/apps/agent/src/utils/drive/store.ts
@@ -73,6 +73,7 @@ export class UploadFileStore {
       uploadFileToDrive(
         queryID,
         uploadInfo.needUploadFile,
+        uploadInfo.contentType,
         uploadInfo.abortController?.signal!,
       )
       this.listeners.forEach((listener) => listener())
diff --git a/apps/agent/src/utils/drive/upload.ts b/apps/agent/src/utils/drive/upload.ts
index 0d10d1b0..ab89d0df 100644
--- a/apps/agent/src/utils/drive/upload.ts
+++ b/apps/agent/src/utils/drive/upload.ts
@@ -29,6 +29,7 @@ export const useUploadFileToDrive = () => {
   const uploadChatFile = async (
     queryID: string,
     needUploadFile: File,
+    contentType: string,
     abortSignal: AbortSignal,
     store: UploadFileStore,
   ) => {
@@ -41,7 +42,7 @@ export const useUploadFileToDrive = () => {
       })
       const { uploadAddress, fileID } = await triggerGetChatUploadAddress({
         name: needUploadFile.name,
-        contentType: needUploadFile.type,
+        contentType,
         size: needUploadFile.size,
         teamID,
       }).unwrap()
@@ -94,6 +95,7 @@ export const useUploadFileToDrive = () => {
   const uploadKnowledgeFile = async (
     queryID: string,
     needUploadFile: File,
+    contentType: string,
     abortSignal: AbortSignal,
     store: UploadFileStore,
   ) => {
@@ -106,7 +108,7 @@ export const useUploadFileToDrive = () => {
       })
       const { uploadAddress, fileID } = await triggerGetKnowledgeUploadAddress({
         name: needUploadFile.name,
-        contentType: needUploadFile.type,
+        contentType,
         size: needUploadFile.size,
         teamID,
       }).unwrap()
diff --git a/apps/agent/src/utils/drive/utils.ts b/apps/agent/src/utils/drive/utils.ts
index adf2a90d..fa59026e 100644
--- a/apps/agent/src/utils/drive/utils.ts
+++ b/apps/agent/src/utils/drive/utils.ts
@@ -1,20 +1,36 @@
 import { v4 } from "uuid"
 import { IKnowledgeFile } from "@illa-public/public-types"
+import { SEND_CONTENT_TYPES, TYPE_MAPPING } from "@/config/constants/knowledge"
 import { FILE_ITEM_DETAIL_STATUS_IN_UI, UploadFileStore } from "."
+import { fileToString } from "../file/fileToStream"
 
-export const multipleFileHandler = (
+export const multipleFileHandler = async (
   files: File[],
   currentFiles: Omit<IKnowledgeFile, "fileID">[],
   fileStore: UploadFileStore,
 ) => {
-  const res = files.map((file) => {
+  const needUploadFiles: {
+    fileName: string
+    abortController: AbortController
+    file: File
+    queryID: string
+    contentType: string
+  }[] = []
+  const notAcceptFiles: File[] = []
+  for (let file of files) {
     const abortController = new AbortController()
     const index = currentFiles.findIndex(
       (item) => item.fileName === file.name && item.contentType === file.type,
     )
+    const fileNameArr = file.name.split(".")
+    const contentType = await getRealFileType(file, fileNameArr[1])
+
+    if (!contentType) {
+      notAcceptFiles.push(file)
+      continue
+    }
 
     const queryID = `${file.name}_${new Date().getTime()}`
-    const fileNameArr = file.name.split(".")
     const fileName =
       index !== -1
         ? `${fileNameArr[0]}(${v4().slice(0, 3)}).${fileNameArr[1]}`
@@ -25,17 +41,57 @@ export const multipleFileHandler = (
       total: file.size,
       status: FILE_ITEM_DETAIL_STATUS_IN_UI.WAITING,
       fileName: fileName,
-      contentType: file.type,
+      contentType,
       queryID,
       abortController,
       needUploadFile: file,
     })
-    return {
+    needUploadFiles.push({
       fileName,
       abortController,
       file,
       queryID,
+      contentType,
+    })
+  }
+
+  return { needUploadFiles, notAcceptFiles }
+}
+
+export const getRealFileType = async (file: File, ext: string) => {
+  if (!!file.type) return file.type
+  const str = await fileToString(file)
+  if (str.startsWith(TYPE_MAPPING.PDF)) {
+    return SEND_CONTENT_TYPES.PDF
+  } else if (str.startsWith(TYPE_MAPPING.ZIP)) {
+    switch (ext) {
+      case ".docx": {
+        return SEND_CONTENT_TYPES.DOCX
+      }
+      case "xlsx":
+      case "csv": {
+        return SEND_CONTENT_TYPES.XLSX
+      }
+    }
+  } else {
+    switch (ext) {
+      case "txt": {
+        return SEND_CONTENT_TYPES.TEXT
+      }
+      case "md":
+      case "mdx": {
+        return SEND_CONTENT_TYPES.MD
+      }
+      case "json":
+      case "json5": {
+        return SEND_CONTENT_TYPES.JSON
+      }
+      case "csv": {
+        return SEND_CONTENT_TYPES.CSV
+      }
+      case "": {
+        return SEND_CONTENT_TYPES.TEXT
+      }
     }
-  })
-  return res
+  }
 }
diff --git a/apps/agent/src/utils/file/fileToStream.ts b/apps/agent/src/utils/file/fileToStream.ts
new file mode 100644
index 00000000..4d85db4d
--- /dev/null
+++ b/apps/agent/src/utils/file/fileToStream.ts
@@ -0,0 +1,14 @@
+export const fileToString = (file: File) => {
+  return new Promise<string>((resolve) => {
+    const fileReader = new FileReader()
+    fileReader.readAsArrayBuffer(file)
+    fileReader.onloadend = function () {
+      if (fileReader.result) {
+        const res = [...new Uint8Array(fileReader.result as ArrayBuffer)]
+          .map((n) => `0x${n.toString(16).toUpperCase()}`)
+          .join(" ")
+        resolve(res)
+      }
+    }
+  })
+}