4.7-production (#1053)

* 4.7-alpha3 (#62)

* doc

* Optimize possible null Pointers and parts of Ux

* fix: mulity index training error

* feat: doc and rename question guide

* fix ios speech input (#59)

* fix: prompt editor variables nowrap (#61)

* change openapi import in http module with curl import (#60)

* chore(ui): dataset import modal ui (#58)

* chore(ui): dataset import modal ui

* use component

* fix height

* 4.7 (#63)

* fix: claude3 image type verification failed (#1038) (#1040)

* perf: curl import modal

* doc img

* perf: adapt cohere rerank

* perf: code

* perf: input style

* doc

---------

Co-authored-by: xiaotian <dimsky@163.com>

* fix: ts

* docker deploy

* perf: prompt call

* doc

* ts

* finish ui

* perf: outlink detail ux

* perf: user schema

* fix: plugin update

* feat: get current time plugin

* fix: ts

* perf: fetch anamation

* perf: mark ux

* doc

* perf: select app ux

* fix: split text custom string conflict

* peref: inform readed

* doc

* memo flow component

* perf: version

* faq

* feat: flow max runtimes

* feat: similarity tip

* feat: auto detect file encoding

* Supports asymmetric vector model

* fix: ts

* perf: max w

* move code

* perf: hide whisper

* fix: ts

* feat: system msg modal

* perf: catch error

* perf: inform tip

* fix: inform

---------

Co-authored-by: heheer <71265218+newfish-cmyk@users.noreply.github.com>
Co-authored-by: xiaotian <dimsky@163.com>

projects/app/src/pages/dataset/component/EditFolderModal.tsx

@@ -2,7 +2,7 @@ import React, { useMemo, useRef, useState } from 'react';
 import { ModalFooter, ModalBody, Input, Button } from '@chakra-ui/react';
 import MyModal from '@fastgpt/web/components/common/MyModal';
 import { useTranslation } from 'next-i18next';
-import { useRequest } from '@/web/common/hooks/useRequest';
+import { useRequest } from '@fastgpt/web/hooks/useRequest';
 
 const EditFolderModal = ({
   onClose,

projects/app/src/pages/dataset/detail/components/CollectionCard.tsx

@@ -26,12 +26,12 @@ import {
 } from '@/web/core/dataset/api';
 import { useQuery } from '@tanstack/react-query';
 import { debounce } from 'lodash';
-import { useConfirm } from '@/web/common/hooks/useConfirm';
+import { useConfirm } from '@fastgpt/web/hooks/useConfirm';
 import { useTranslation } from 'next-i18next';
 import MyIcon from '@fastgpt/web/components/common/Icon';
 import MyInput from '@/components/MyInput';
 import dayjs from 'dayjs';
-import { useRequest } from '@/web/common/hooks/useRequest';
+import { useRequest } from '@fastgpt/web/hooks/useRequest';
 import { useLoading } from '@fastgpt/web/hooks/useLoading';
 import { useRouter } from 'next/router';
 import { useSystemStore } from '@/web/common/system/useSystemStore';
@@ -707,6 +707,7 @@ const CollectionCard = () => {
                                 <Box>{t('common.Delete')}</Box>
                               </Flex>
                             ),
+                            type: 'danger',
                             onClick: () =>
                               openDeleteConfirm(
                                 () => {

projects/app/src/pages/dataset/detail/components/DataCard.tsx

@@ -25,7 +25,7 @@ import { useQuery } from '@tanstack/react-query';
 import { useToast } from '@fastgpt/web/hooks/useToast';
 import { debounce } from 'lodash';
 import { getErrText } from '@fastgpt/global/common/error/utils';
-import { useConfirm } from '@/web/common/hooks/useConfirm';
+import { useConfirm } from '@fastgpt/web/hooks/useConfirm';
 import { useTranslation } from 'next-i18next';
 import { useRouter } from 'next/router';
 import MyIcon from '@fastgpt/web/components/common/Icon';
@@ -302,7 +302,10 @@ const DataCard = () => {
               >
                 <Flex zIndex={1} alignItems={'center'} justifyContent={'space-between'}>
                   <Box
-                    border={theme.borders.base}
+                    borderWidth={'1px'}
+                    borderColor={'primary.200'}
+                    bg={'primary.50'}
+                    color={'primary.600'}
                     px={2}
                     fontSize={'sm'}
                     mr={1}
@@ -310,7 +313,7 @@ const DataCard = () => {
                   >
                     # {item.chunkIndex ?? '-'}
                   </Box>
-                  <Box className={'textEllipsis'} color={'myGray.500'} fontSize={'xs'}>
+                  <Box className={'textEllipsis'} fontSize={'xs'}>
                     ID:{item._id}
                   </Box>
                 </Flex>

projects/app/src/pages/dataset/detail/components/Import/WebsiteConfig.tsx

@@ -5,7 +5,7 @@ import { Box, Button, Input, Link, ModalBody, ModalFooter } from '@chakra-ui/rea
 import { strIsLink } from '@fastgpt/global/common/string/tools';
 import { useToast } from '@fastgpt/web/hooks/useToast';
 import { useForm } from 'react-hook-form';
-import { useConfirm } from '@/web/common/hooks/useConfirm';
+import { useConfirm } from '@fastgpt/web/hooks/useConfirm';
 import { getDocPath } from '@/web/common/system/doc';
 import { useSystemStore } from '@/web/common/system/useSystemStore';
 

projects/app/src/pages/dataset/detail/components/Import/commonProgress/PreviewData.tsx

@@ -15,7 +15,7 @@ const PreviewData = ({
   const { sources, setSources } = useImportStore();
 
   return (
-    <Flex flexDirection={'column'} h={'100%'} maxW={'1080px'}>
+    <Flex flexDirection={'column'} h={'100%'}>
       <Box flex={'1 0 0 '}>
         <Preview showPreviewChunks={showPreviewChunks} sources={sources} />
       </Box>

projects/app/src/pages/dataset/detail/components/Import/commonProgress/Upload.tsx

@@ -15,7 +15,7 @@ import {
 import { useImportStore, type FormType } from '../Provider';
 import { useTranslation } from 'next-i18next';
 import MyIcon from '@fastgpt/web/components/common/Icon';
-import { useRequest } from '@/web/common/hooks/useRequest';
+import { useRequest } from '@fastgpt/web/hooks/useRequest';
 import { postCreateTrainingUsage } from '@/web/support/wallet/usage/api';
 import { useDatasetStore } from '@/web/core/dataset/store/dataset';
 import { chunksUpload, fileCollectionCreate } from '@/web/core/dataset/utils';

projects/app/src/pages/dataset/detail/components/Import/diffSource/FileLocal.tsx

@@ -8,7 +8,7 @@ import MyIcon from '@fastgpt/web/components/common/Icon';
 import { formatFileSize } from '@fastgpt/global/common/file/tools';
 import { useTranslation } from 'next-i18next';
 import { getNanoid } from '@fastgpt/global/common/string/tools';
-import { useRequest } from '@/web/common/hooks/useRequest';
+import { useRequest } from '@fastgpt/web/hooks/useRequest';
 import { readFileRawContent } from '@fastgpt/web/common/file/read';
 import { getUploadBase64ImgController } from '@/web/common/file/controller';
 import { MongoImageTypeEnum } from '@fastgpt/global/common/file/image/constants';

projects/app/src/pages/dataset/detail/components/Import/diffSource/TableLocal.tsx

@@ -8,7 +8,7 @@ import MyIcon from '@fastgpt/web/components/common/Icon';
 import { formatFileSize } from '@fastgpt/global/common/file/tools';
 import { useTranslation } from 'next-i18next';
 import { getNanoid } from '@fastgpt/global/common/string/tools';
-import { useRequest } from '@/web/common/hooks/useRequest';
+import { useRequest } from '@fastgpt/web/hooks/useRequest';
 import MyTooltip from '@/components/MyTooltip';
 import { useImportStore } from '../Provider';
 import { useSystemStore } from '@/web/common/system/useSystemStore';

projects/app/src/pages/dataset/detail/components/Info.tsx

@@ -5,7 +5,7 @@ import { DeleteIcon } from '@chakra-ui/icons';
 import { delDatasetById } from '@/web/core/dataset/api';
 import { useSelectFile } from '@/web/common/file/hooks/useSelectFile';
 import { useDatasetStore } from '@/web/core/dataset/store/dataset';
-import { useConfirm } from '@/web/common/hooks/useConfirm';
+import { useConfirm } from '@fastgpt/web/hooks/useConfirm';
 import { useForm } from 'react-hook-form';
 import { compressImgFileAndUpload } from '@/web/common/file/controller';
 import type { DatasetItemType } from '@fastgpt/global/core/dataset/type.d';
@@ -14,7 +14,7 @@ import MyTooltip from '@/components/MyTooltip';
 import { useTranslation } from 'next-i18next';
 import PermissionRadio from '@/components/support/permission/Radio';
 import { useSystemStore } from '@/web/common/system/useSystemStore';
-import { useRequest } from '@/web/common/hooks/useRequest';
+import { useRequest } from '@fastgpt/web/hooks/useRequest';
 import { MongoImageTypeEnum } from '@fastgpt/global/common/file/image/constants';
 import MySelect from '@fastgpt/web/components/common/MySelect';
 import AIModelSelector from '@/components/Select/AIModelSelector';

projects/app/src/pages/dataset/detail/components/InputDataModal.tsx

@@ -1,5 +1,5 @@
 import React, { useMemo, useState } from 'react';
-import { Box, Flex, Button, Textarea, useTheme, Grid } from '@chakra-ui/react';
+import { Box, Flex, Button, Textarea, useTheme, Grid, HStack } from '@chakra-ui/react';
 import { UseFormRegister, useFieldArray, useForm } from 'react-hook-form';
 import {
   postInsertData2Dataset,
@@ -12,12 +12,11 @@ import { useToast } from '@fastgpt/web/hooks/useToast';
 import MyIcon from '@fastgpt/web/components/common/Icon';
 import MyModal from '@fastgpt/web/components/common/MyModal';
 import MyTooltip from '@/components/MyTooltip';
-import { QuestionOutlineIcon } from '@chakra-ui/icons';
 import { useQuery } from '@tanstack/react-query';
 import { useTranslation } from 'next-i18next';
-import { useRequest } from '@/web/common/hooks/useRequest';
+import { useRequest } from '@fastgpt/web/hooks/useRequest';
 import { countPromptTokens } from '@fastgpt/global/common/string/tiktoken';
-import { useConfirm } from '@/web/common/hooks/useConfirm';
+import { useConfirm } from '@fastgpt/web/hooks/useConfirm';
 import { getDefaultIndex } from '@fastgpt/global/core/dataset/utils';
 import { DatasetDataIndexItemType } from '@fastgpt/global/core/dataset/type';
 import SideTabs from '@/components/SideTabs';
@@ -27,8 +26,8 @@ import { getDocPath } from '@/web/common/system/doc';
 import RawSourceBox from '@/components/core/dataset/RawSourceBox';
 import MyBox from '@/components/common/MyBox';
 import { getErrText } from '@fastgpt/global/common/error/utils';
-import RowTabs from '@fastgpt/web/components/common/Tabs/RowTabs';
 import { useSystemStore } from '@/web/common/system/useSystemStore';
+import QuestionTip from '@fastgpt/web/components/common/MyTooltip/QuestionTip';
 
 export type InputDataType = {
   q: string;
@@ -232,9 +231,9 @@ const InputDataModal = ({
   return (
     <MyModal isOpen={true} isCentered w={'90vw'} maxW={'1440px'} h={'90vh'}>
       <MyBox isLoading={isLoading} display={'flex'} h={'100%'}>
-        <Box p={5} borderRight={theme.borders.base}>
+        <Box p={5} bg={'myGray.50'} borderLeftRadius={'md'} borderRight={theme.borders.base}>
           <RawSourceBox
-            w={'200px'}
+            w={'210px'}
             className="textEllipsis3"
             whiteSpace={'pre-wrap'}
             sourceName={collection.sourceName}
@@ -256,32 +255,40 @@ const InputDataModal = ({
             }}
           />
         </Box>
-        <Flex flexDirection={'column'} py={3} flex={1} h={'100%'}>
-          <Box fontSize={'lg'} px={5} fontWeight={'bold'} mb={4}>
+        <Flex flexDirection={'column'} pb={8} flex={1} h={'100%'}>
+          <Box fontSize={'lg'} px={5} py={3} fontWeight={'medium'}>
             {currentTab === TabEnum.content && (
               <>{dataId ? t('dataset.data.Update Data') : t('dataset.data.Input Data')}</>
             )}
             {currentTab === TabEnum.index && <> {t('dataset.data.Index Edit')}</>}
           </Box>
-          <Box flex={1} px={5} overflow={'auto'}>
+          <Box flex={1} px={9} overflow={'auto'}>
             {currentTab === TabEnum.content && <InputTab maxToken={maxToken} register={register} />}
             {currentTab === TabEnum.index && (
-              <Grid gridTemplateColumns={['1fr', '1fr 1fr']} gridGap={4}>
+              <Grid mt={3} gridTemplateColumns={['1fr', '1fr 1fr']} gridGap={4}>
                 {indexes?.map((index, i) => (
                   <Box
                     key={index.dataId || i}
-                    p={3}
+                    p={4}
                     borderRadius={'md'}
-                    border={theme.borders.base}
-                    bg={i % 2 !== 0 ? 'myWhite.400' : ''}
+                    border={
+                      index.defaultIndex
+                        ? '1.5px solid var(--light-fastgpt-primary-opacity-01, rgba(51, 112, 255, 0.10))'
+                        : '1.5px solid var(--Gray-Modern-200, #E8EBF0)'
+                    }
+                    bg={index.defaultIndex ? 'primary.50' : 'myGray.25'}
                     _hover={{
                       '& .delete': {
                         display: index.defaultIndex ? 'none' : 'block'
                       }
                     }}
                   >
-                    <Flex mb={1}>
-                      <Box flex={1}>
+                    <Flex mb={2}>
+                      <Box
+                        flex={1}
+                        fontWeight={'medium'}
+                        color={index.defaultIndex ? 'primary.700' : 'myGray.900'}
+                      >
                         {index.defaultIndex
                           ? t('dataset.data.Default Index')
                           : t('dataset.data.Custom Index Number', { number: i })}
@@ -296,16 +303,23 @@ const InputDataModal = ({
                       />
                     </Flex>
                     {index.defaultIndex ? (
-                      <Box>{t('core.dataset.data.Default Index Tip')}</Box>
+                      <Box fontSize={'sm'} fontWeight={'medium'} color={'myGray.600'}>
+                        {t('core.dataset.data.Default Index Tip')}
+                      </Box>
                     ) : (
                       <Textarea
                         maxLength={maxToken}
+                        fontSize={'sm'}
                         rows={10}
                         borderColor={'transparent'}
                         px={0}
+                        pt={0}
                         _focus={{
-                          borderColor: 'primary.400',
-                          px: 3
+                          px: 3,
+                          py: 2,
+                          borderColor: 'primary.500',
+                          boxShadow: '0px 0px 0px 2.4px rgba(51, 112, 255, 0.15)',
+                          bg: 'white'
                         }}
                         placeholder={t('dataset.data.Index Placeholder')}
                         {...register(`indexes.${i}.text`, {
@@ -316,14 +330,19 @@ const InputDataModal = ({
                   </Box>
                 ))}
                 <Flex
-                  flexDirection={'column'}
                   alignItems={'center'}
                   justifyContent={'center'}
                   borderRadius={'md'}
-                  border={theme.borders.base}
+                  color={'myGray.600'}
+                  fontWeight={'medium'}
+                  border={'1.5px solid var(--Gray-Modern-200, #E8EBF0)'}
+                  bg={'myGray.25'}
                   cursor={'pointer'}
                   _hover={{
-                    bg: 'primary.50'
+                    bg: 'primary.50',
+                    color: 'primary.600',
+                    border:
+                      '1.5px solid var(--light-fastgpt-primary-opacity-01, rgba(51, 112, 255, 0.10))'
                   }}
                   minH={'100px'}
                   onClick={() =>
@@ -334,14 +353,14 @@ const InputDataModal = ({
                     })
                   }
                 >
-                  <MyIcon name={'common/addCircleLight'} w={'16px'} />
+                  <MyIcon name={'common/addLight'} w={'18px'} mr={1.5} />
                   <Box>{t('dataset.data.Add Index')}</Box>
                 </Flex>
               </Grid>
             )}
           </Box>
           {/* footer */}
-          <Flex justifyContent={'flex-end'} px={5} mt={4}>
+          <Flex justifyContent={'flex-end'} px={9} mt={6}>
             <Button variant={'whiteBase'} mr={3} onClick={onClose}>
               {t('common.Close')}
             </Button>
@@ -364,10 +383,6 @@ const InputDataModal = ({
 
 export default React.memo(InputDataModal);
 
-enum InputTypeEnum {
-  q = 'q',
-  a = 'a'
-}
 const InputTab = ({
   maxToken,
   register
@@ -376,70 +391,46 @@ const InputTab = ({
   register: UseFormRegister<InputDataType>;
 }) => {
   const { t } = useTranslation();
-  const { isPc } = useSystemStore();
-  const [inputType, setInputType] = useState(InputTypeEnum.q);
 
   return (
-    <Flex flexDirection={'column'} h={'100%'}>
-      <Box>
-        <RowTabs
-          list={[
-            {
-              label: (
-                <Flex alignItems={'center'}>
-                  <Box as="span" color={'red.600'}>
-                    *
-                  </Box>
-                  {t('core.dataset.data.Main Content')}
-                  <MyTooltip label={t('core.dataset.data.Data Content Tip')}>
-                    <QuestionOutlineIcon ml={1} />
-                  </MyTooltip>
-                </Flex>
-              ),
-              value: InputTypeEnum.q
-            },
-            {
-              label: (
-                <Flex alignItems={'center'}>
-                  {t('core.dataset.data.Auxiliary Data')}
-                  <MyTooltip label={t('core.dataset.data.Auxiliary Data Tip')}>
-                    <QuestionOutlineIcon ml={1} />
-                  </MyTooltip>
-                </Flex>
-              ),
-              value: InputTypeEnum.a
-            }
-          ]}
-          value={inputType}
-          onChange={(e) => setInputType(e as InputTypeEnum)}
-        />
-      </Box>
-
-      <Box mt={3} flex={'1 0 0'}>
-        {inputType === InputTypeEnum.q && (
+    <HStack h={'100%'} spacing={6}>
+      <Flex flexDirection={'column'} w={'50%'} h={'100%'}>
+        <Flex pt={3} pb={2} fontWeight={'medium'} fontSize={'md'} alignItems={'center'}>
+          <Box color={'red.600'}>*</Box>
+          <Box color={'myGray.900'}>{t('core.dataset.data.Main Content')}</Box>
+          <QuestionTip label={t('core.dataset.data.Data Content Tip')} ml={1} />
+        </Flex>
+        <Box flex={'1 0 0'}>
           <Textarea
             placeholder={t('core.dataset.data.Data Content Placeholder', { maxToken })}
             maxLength={maxToken}
-            h={'100%'}
-            bg={'myWhite.400'}
+            tabIndex={1}
+            bg={'myGray.50'}
+            h={'full'}
             {...register(`q`, {
               required: true
             })}
           />
-        )}
-        {inputType === InputTypeEnum.a && (
+        </Box>
+      </Flex>
+      <Flex flexDirection={'column'} w={'50%'} h={'100%'}>
+        <Flex pt={3} pb={2} fontWeight={'medium'} fontSize={'md'} alignItems={'center'}>
+          <Box color={'myGray.900'}>{t('core.dataset.data.Auxiliary Data')}</Box>
+          <QuestionTip label={t('core.dataset.data.Auxiliary Data Tip')} ml={1} />
+        </Flex>
+        <Box flex={'1 0 0'}>
           <Textarea
             placeholder={t('core.dataset.data.Auxiliary Data Placeholder', {
               maxToken: maxToken * 1.5
             })}
             h={'100%'}
-            bg={'myWhite.400'}
-            rows={isPc ? 24 : 12}
+            tabIndex={1}
+            bg={'myGray.50'}
             maxLength={maxToken * 1.5}
             {...register('a')}
           />
-        )}
-      </Box>
-    </Flex>
+        </Box>
+      </Flex>
+    </HStack>
   );
 };

projects/app/src/pages/dataset/detail/components/Test.tsx

@@ -18,7 +18,7 @@ import { useDatasetStore } from '@/web/core/dataset/store/dataset';
 import { useSearchTestStore, SearchTestStoreItemType } from '@/web/core/dataset/store/searchTest';
 import { postSearchText } from '@/web/core/dataset/api';
 import MyIcon from '@fastgpt/web/components/common/Icon';
-import { useRequest } from '@/web/common/hooks/useRequest';
+import { useRequest } from '@fastgpt/web/hooks/useRequest';
 import { formatTimeToChatTime } from '@/utils/tools';
 import { getErrText } from '@fastgpt/global/common/error/utils';
 import { useToast } from '@fastgpt/web/hooks/useToast';

projects/app/src/pages/dataset/detail/index.tsx

@@ -15,7 +15,6 @@ import { serviceSideProps } from '@/web/common/utils/i18n';
 import { useTranslation } from 'next-i18next';
 import { getTrainingQueueLen } from '@/web/core/dataset/api';
 import MyTooltip from '@/components/MyTooltip';
-import Script from 'next/script';
 import CollectionCard from './components/CollectionCard';
 import { useDatasetStore } from '@/web/core/dataset/store/dataset';
 import { useUserStore } from '@/web/support/user/useUserStore';
@@ -24,8 +23,8 @@ import {
   DatasetTypeEnum,
   DatasetTypeMap
 } from '@fastgpt/global/core/dataset/constants';
-import { useConfirm } from '@/web/common/hooks/useConfirm';
-import { useRequest } from '@/web/common/hooks/useRequest';
+import { useConfirm } from '@fastgpt/web/hooks/useConfirm';
+import { useRequest } from '@fastgpt/web/hooks/useRequest';
 import DatasetTypeTag from '@/components/core/dataset/DatasetTypeTag';
 import Head from 'next/head';
 import MyBox from '@/components/common/MyBox';

projects/app/src/pages/dataset/list/component/CreateModal.tsx

@@ -7,7 +7,7 @@ import { getErrText } from '@fastgpt/global/common/error/utils';
 import { useToast } from '@fastgpt/web/hooks/useToast';
 import { useRouter } from 'next/router';
 import { useSystemStore } from '@/web/common/system/useSystemStore';
-import { useRequest } from '@/web/common/hooks/useRequest';
+import { useRequest } from '@fastgpt/web/hooks/useRequest';
 import Avatar from '@/components/Avatar';
 import MyTooltip from '@/components/MyTooltip';
 import MyModal from '@fastgpt/web/components/common/MyModal';

projects/app/src/pages/dataset/list/component/MoveModal.tsx

@@ -18,7 +18,7 @@ import { DatasetTypeEnum } from '@fastgpt/global/core/dataset/constants';
 import { useTranslation } from 'next-i18next';
 import { useQuery } from '@tanstack/react-query';
 import { getDatasets, putDatasetById, getDatasetPaths } from '@/web/core/dataset/api';
-import { useRequest } from '@/web/common/hooks/useRequest';
+import { useRequest } from '@fastgpt/web/hooks/useRequest';
 
 const MoveModal = ({
   onClose,

projects/app/src/pages/dataset/list/index.tsx

@@ -1,19 +1,9 @@
 import React, { useMemo, useRef } from 'react';
-import {
-  Box,
-  Flex,
-  Grid,
-  useTheme,
-  useDisclosure,
-  Card,
-  MenuButton,
-  Image,
-  Button
-} from '@chakra-ui/react';
+import { Box, Flex, Grid, useDisclosure, Image, Button } from '@chakra-ui/react';
 import { useRouter } from 'next/router';
 import { useDatasetStore } from '@/web/core/dataset/store/dataset';
 import PageContainer from '@/components/PageContainer';
-import { useConfirm } from '@/web/common/hooks/useConfirm';
+import { useConfirm } from '@fastgpt/web/hooks/useConfirm';
 import { AddIcon } from '@chakra-ui/icons';
 import { useQuery } from '@tanstack/react-query';
 import {
@@ -31,7 +21,7 @@ import dynamic from 'next/dynamic';
 import { DatasetTypeEnum, DatasetTypeMap } from '@fastgpt/global/core/dataset/constants';
 import { FolderImgUrl, FolderIcon } from '@fastgpt/global/common/file/image/constants';
 import MyMenu from '@/components/MyMenu';
-import { useRequest } from '@/web/common/hooks/useRequest';
+import { useRequest } from '@fastgpt/web/hooks/useRequest';
 import { useSystemStore } from '@/web/common/system/useSystemStore';
 import { useEditTitle } from '@/web/common/hooks/useEditTitle';
 import EditFolderModal, { useEditFolder } from '../component/EditFolderModal';
@@ -389,6 +379,7 @@ const Kb = () => {
                           {t('common.Delete')}
                         </Flex>
                       ),
+                      type: 'danger',
                       onClick: () => {
                         openConfirm(
                           () => onclickDelDataset(dataset._id),