feat: add FooterTips component and integrate it into TestRunPanel; extend DatasourceType enum with onlineDrive

web/app/components/rag-pipeline/components/panel/test-run/data-source/local-file/file-uploader.tsx

@@ -18,7 +18,7 @@ import { useFileUploadConfig } from '@/service/use-common'
 
 const FILES_NUMBER_LIMIT = 20
 
-type IFileUploaderProps = {
+export type FileUploaderProps = {
   fileList: FileItem[]
   allowedExtensions: string[]
   prepareFileList: (files: FileItem[]) => void
@@ -36,7 +36,7 @@ const FileUploader = ({
   onFileListUpdate,
   onPreview,
   notSupportBatchUpload,
-}: IFileUploaderProps) => {
+}: FileUploaderProps) => {
   const { t } = useTranslation()
   const { notify } = useContext(ToastContext)
   const { locale } = useContext(I18n)

web/app/components/rag-pipeline/components/panel/test-run/footer-tips.tsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+
+const FooterTips = () => {
+  const { t } = useTranslation()
+
+  return (
+    <div className='system-xs-regular flex grow flex-col justify-end p-4 pt-2 text-text-tertiary'>
+      {t('datasetPipeline.testRun.tooltip')}
+    </div>
+  )
+}
+
+export default React.memo(FooterTips)

web/app/components/rag-pipeline/components/panel/test-run/header.tsx

@@ -1,4 +1,3 @@
-import Tooltip from '@/app/components/base/tooltip'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
 import StepIndicator from './step-indicator'
@@ -16,12 +15,8 @@ const Header = ({
 
   return (
     <div className='flex flex-col gap-y-0.5 px-3 pb-2 pt-3.5'>
-      <div className='flex items-center gap-x-1 pl-1 pr-8'>
-        <span className='system-md-semibold-uppercase text-text-primary'>{t('datasetPipeline.testRun.title')}</span>
-        <Tooltip
-          popupContent={t('datasetPipeline.testRun.tooltip')}
-          popupClassName='max-w-[240px]'
-        />
+      <div className='system-md-semibold-uppercase flex items-center gap-x-1 pl-1 pr-8 text-text-primary'>
+        {t('datasetPipeline.testRun.title')}
       </div>
       <StepIndicator steps={steps} currentStep={currentStep} />
     </div>

web/app/components/rag-pipeline/components/panel/test-run/index.tsx

@@ -15,6 +15,7 @@ import { DatasourceType } from '@/models/pipeline'
 import { TransferMethod } from '@/types/app'
 import CloseButton from './close-button'
 import Header from './header'
+import FooterTips from './footer-tips'
 
 const TestRunPanel = () => {
   const setShowDebugAndPreviewPanel = useWorkflowStoreWithSelector(state => state.setShowDebugAndPreviewPanel)
@@ -108,7 +109,7 @@ const TestRunPanel = () => {
     >
       <CloseButton handleClose={handleClose} />
       <Header steps={steps} currentStep={currentStep} />
-      <div className='grow overflow-y-auto'>
+      <div className='flex grow flex-col overflow-y-auto'>
         {
           currentStep === 1 && (
             <>
@@ -161,6 +162,7 @@ const TestRunPanel = () => {
                 )}
               </div>
               <Actions disabled={nextBtnDisabled} handleNextStep={handleNextStep} />
+              <FooterTips />
             </>
           )
         }

web/models/pipeline.ts

@@ -11,6 +11,7 @@ export enum DatasourceType {
   localFile = 'local_file',
   onlineDocument = 'online_document',
   websiteCrawl = 'website_crawl',
+  onlineDrive = 'online_drive',
 }
 
 export type PipelineTemplateListParams = {