diff --git a/web/app/components/datasets/documents/detail/completed/batch-action.tsx b/web/app/components/datasets/documents/detail/completed/batch-action.tsx
index b464334c14..542a861723 100644
--- a/web/app/components/datasets/documents/detail/completed/batch-action.tsx
+++ b/web/app/components/datasets/documents/detail/completed/batch-action.tsx
@@ -1,8 +1,12 @@
 import React, { type FC } from 'react'
 import { RiArchive2Line, RiCheckboxCircleLine, RiCloseCircleLine, RiDeleteBinLine } from '@remixicon/react'
+import { useTranslation } from 'react-i18next'
+import { useBoolean } from 'ahooks'
 import Divider from '@/app/components/base/divider'
 import classNames from '@/utils/classnames'
+import Confirm from '@/app/components/base/confirm'
 
+const i18nPrefix = 'dataset.batchAction'
 type IBatchActionProps = {
   className?: string
   selectedIds: string[]
@@ -22,6 +26,11 @@ const BatchAction: FC<IBatchActionProps> = ({
   onBatchDelete,
   onCancel,
 }) => {
+  const { t } = useTranslation()
+  const [isShowDeleteConfirm, {
+    setTrue: showDeleteConfirm,
+    setFalse: hideDeleteConfirm,
+  }] = useBoolean(false)
   return (
     <div className={classNames('w-full flex justify-center gap-x-2', className)}>
       <div className='flex items-center gap-x-1 p-1 rounded-[10px] bg-components-actionbar-bg-accent border border-components-actionbar-border-accent shadow-xl shadow-shadow-shadow-5 backdrop-blur-[5px]'>
@@ -29,41 +38,53 @@ const BatchAction: FC<IBatchActionProps> = ({
           <span className='w-5 h-5 flex items-center justify-center px-1 py-0.5 bg-text-accent rounded-md text-text-primary-on-surface text-xs font-medium'>
             {selectedIds.length}
           </span>
-          <span className='text-text-accent text-[13px] font-semibold leading-[16px]'>Selected</span>
+          <span className='text-text-accent text-[13px] font-semibold leading-[16px]'>{t(`${i18nPrefix}.selected`)}</span>
         </div>
         <Divider type='vertical' className='mx-0.5 h-3.5 bg-divider-regular' />
         <div className='flex items-center gap-x-0.5 px-3 py-2'>
           <RiCheckboxCircleLine className='w-4 h-4 text-components-button-ghost-text' />
           <button className='px-0.5 text-components-button-ghost-text text-[13px] font-medium leading-[16px]' onClick={onBatchEnable}>
-            Enable
+            {t(`${i18nPrefix}.enable`)}
           </button>
         </div>
         <div className='flex items-center gap-x-0.5 px-3 py-2'>
           <RiCloseCircleLine className='w-4 h-4 text-components-button-ghost-text' />
           <button className='px-0.5 text-components-button-ghost-text text-[13px] font-medium leading-[16px]' onClick={onBatchDisable}>
-            Disable
+            {t(`${i18nPrefix}.disable`)}
           </button>
         </div>
         {onArchive && (
           <div className='flex items-center gap-x-0.5 px-3 py-2'>
             <RiArchive2Line className='w-4 h-4 text-components-button-ghost-text' />
             <button className='px-0.5 text-components-button-ghost-text text-[13px] font-medium leading-[16px]' onClick={onBatchDisable}>
-              Archive
+              {t(`${i18nPrefix}.archive`)}
             </button>
           </div>
         )}
         <div className='flex items-center gap-x-0.5 px-3 py-2'>
           <RiDeleteBinLine className='w-4 h-4 text-components-button-destructive-ghost-text' />
-          <button className='px-0.5 text-components-button-destructive-ghost-text text-[13px] font-medium leading-[16px]' onClick={onBatchDelete}>
-            Delete
+          <button className='px-0.5 text-components-button-destructive-ghost-text text-[13px] font-medium leading-[16px]' onClick={showDeleteConfirm}>
+            {t(`${i18nPrefix}.delete`)}
           </button>
         </div>
 
         <Divider type='vertical' className='mx-0.5 h-3.5 bg-divider-regular' />
         <button className='px-3.5 py-2 text-components-button-ghost-text text-[13px] font-medium leading-[16px]' onClick={onCancel}>
-          Cancel
+          {t(`${i18nPrefix}.cancel`)}
         </button>
       </div>
+      {
+        isShowDeleteConfirm && (
+          <Confirm
+            isShow
+            title={t('datasetDocuments.list.delete.title')}
+            content={t('datasetDocuments.list.delete.content')}
+            confirmText={t('common.operation.sure')}
+            onConfirm={onBatchDelete}
+            onCancel={hideDeleteConfirm}
+          />
+        )
+      }
     </div>
   )
 }
diff --git a/web/i18n/en-US/dataset.ts b/web/i18n/en-US/dataset.ts
index 59f105adca..75eda76a24 100644
--- a/web/i18n/en-US/dataset.ts
+++ b/web/i18n/en-US/dataset.ts
@@ -150,6 +150,14 @@ const translation = {
   nTo1RetrievalLegacy: 'N-to-1 retrieval will be officially deprecated from September. It is recommended to use the latest Multi-path retrieval to obtain better results. ',
   nTo1RetrievalLegacyLink: 'Learn more',
   nTo1RetrievalLegacyLinkText: ' N-to-1 retrieval will be officially deprecated in September.',
+  batchAction: {
+    selected: 'Selected',
+    enable: 'Enable',
+    disable: 'Disable',
+    archive: 'Archive',
+    delete: 'Delete',
+    cancel: 'Cancel',
+  },
 }
 
 export default translation
diff --git a/web/i18n/zh-Hans/dataset.ts b/web/i18n/zh-Hans/dataset.ts
index 801a974cbc..1d4897a69f 100644
--- a/web/i18n/zh-Hans/dataset.ts
+++ b/web/i18n/zh-Hans/dataset.ts
@@ -150,6 +150,14 @@ const translation = {
   nTo1RetrievalLegacy: '9 月 1 日起我们将不再提供此能力，推荐使用最新的多路召回获得更好的检索效果。',
   nTo1RetrievalLegacyLink: '了解更多',
   nTo1RetrievalLegacyLinkText: '9 月 1 日起我们将不再提供此能力。',
+  batchAction: {
+    selected: '已选择',
+    enable: '启用',
+    disable: '禁用',
+    archive: '归档',
+    delete: '删除',
+    cancel: '取消',
+  },
 }
 
 export default translation