add model test log (#4272)

* sync collection

* remove lock

* add model test log

* update ui

* update log

* fix: channel test

* preview chunk ui

* test model ux

* test model log

* perf: dataset selector

* fix: system plugin auth

* update nextjs

projects/app/src/pageComponents/account/model/Channel/index.tsx

@@ -38,6 +38,7 @@ import QuestionTip from '@fastgpt/web/components/common/MyTooltip/QuestionTip';
 import MyNumberInput from '@fastgpt/web/components/common/Input/NumberInput';
 import { getModelProvider } from '@fastgpt/global/core/ai/provider';
 import MyIcon from '@fastgpt/web/components/common/Icon';
+import { useConfirm } from '@fastgpt/web/hooks/useConfirm';
 
 const EditChannelModal = dynamic(() => import('./EditChannelModal'), { ssr: false });
 const ModelTest = dynamic(() => import('./ModelTest'), { ssr: false });
@@ -77,6 +78,9 @@ const ChannelTable = ({ Tab }: { Tab: React.ReactNode }) => {
     }
   );
 
+  const { openConfirm, ConfirmModal } = useConfirm({
+    type: 'delete'
+  });
   const { runAsync: onDeleteChannel, loading: loadingDeleteChannel } = useRequest2(deleteChannel, {
     manual: true,
     onSuccess: () => {
@@ -212,7 +216,14 @@ const ChannelTable = ({ Tab }: { Tab: React.ReactNode }) => {
                                 type: 'danger',
                                 icon: 'delete',
                                 label: t('common:common.Delete'),
-                                onClick: () => onDeleteChannel(item.id)
+                                onClick: () =>
+                                  openConfirm(
+                                    () => onDeleteChannel(item.id),
+                                    undefined,
+                                    t('account_model:confirm_delete_channel', {
+                                      name: item.name
+                                    })
+                                  )()
                               }
                             ]
                           }
@@ -238,6 +249,7 @@ const ChannelTable = ({ Tab }: { Tab: React.ReactNode }) => {
       {!!modelTestData && (
         <ModelTest {...modelTestData} onClose={() => setTestModelData(undefined)} />
       )}
+      <ConfirmModal />
     </>
   );
 };

projects/app/src/pageComponents/account/model/Log/index.tsx

@@ -197,7 +197,7 @@ const ChannelLog = ({ Tab }: { Tab: React.ReactNode }) => {
             />
           </Box>
         </HStack>
-        <HStack flex={'0 0 200px'}>
+        <HStack>
           <FormLabel>{t('account_model:channel_name')}</FormLabel>
           <Box flex={'1 0 0'}>
             <MySelect<string>
@@ -210,7 +210,7 @@ const ChannelLog = ({ Tab }: { Tab: React.ReactNode }) => {
             />
           </Box>
         </HStack>
-        <HStack flex={'0 0 200px'}>
+        <HStack>
           <FormLabel>{t('account_model:model_name')}</FormLabel>
           <Box flex={'1 0 0'}>
             <MySelect<string>

projects/app/src/pageComponents/dataset/detail/Import/commonProgress/PreviewData.tsx

@@ -34,9 +34,9 @@ const PreviewData = () => {
 
   const [previewFile, setPreviewFile] = useState<ImportSourceItemType>();
 
-  const { data = [], loading: isLoading } = useRequest2(
+  const { data = { chunks: [], total: 0 }, loading: isLoading } = useRequest2(
     async () => {
-      if (!previewFile) return;
+      if (!previewFile) return { chunks: [], total: 0 };
       if (importSource === ImportDataSourceEnum.fileCustom) {
         const chunkSplitter = processParamsForm.getValues('chunkSplitter');
         const { chunks } = splitText2Chunks({
@@ -46,10 +46,13 @@ const PreviewData = () => {
           overlapRatio: chunkOverlapRatio,
           customReg: chunkSplitter ? [chunkSplitter] : []
         });
-        return chunks.map((chunk) => ({
-          q: chunk,
-          a: ''
-        }));
+        return {
+          chunks: chunks.map((chunk) => ({
+            q: chunk,
+            a: ''
+          })),
+          total: chunks.length
+        };
       }
 
       return getPreviewChunks({
@@ -81,7 +84,7 @@ const PreviewData = () => {
       manual: false,
       onSuccess(result) {
         if (!previewFile) return;
-        if (!result || result.length === 0) {
+        if (!result || result.total === 0) {
           toast({
             title: t('dataset:preview_chunk_empty'),
             status: 'error'
@@ -130,14 +133,14 @@ const PreviewData = () => {
           <Flex py={4} px={5} borderBottom={'base'} justifyContent={'space-between'}>
             <FormLabel fontSize={'md'}>{t('dataset:preview_chunk')}</FormLabel>
             <Box fontSize={'xs'} color={'myGray.500'}>
-              {t('dataset:preview_chunk_intro')}
+              {t('dataset:preview_chunk_intro', { total: data.total })}
             </Box>
           </Flex>
           <MyBox isLoading={isLoading} flex={'1 0 0'} h={0}>
             <Box h={'100%'} overflowY={'auto'} px={5} py={3}>
               {previewFile ? (
                 <>
-                  {data.map((item, index) => (
+                  {data.chunks.map((item, index) => (
                     <Box
                       key={index}
                       fontSize={'sm'}