diff --git a/web/app/components/datasets/documents/index.tsx b/web/app/components/datasets/documents/index.tsx
index e6af672a81..46165fd900 100644
--- a/web/app/components/datasets/documents/index.tsx
+++ b/web/app/components/datasets/documents/index.tsx
@@ -324,6 +324,7 @@ const Documents: FC<IDocumentsProps> = ({ datasetId }) => {
                 current: currPage,
                 onChange: setCurrPage,
               }}
+              onManageMetadata={showEditMetadataModal}
             />
             : <EmptyElement canAdd={embeddingAvailable} onClick={routeToDocCreate} type={isDataSourceNotion ? 'sync' : 'upload'} />
         }
diff --git a/web/app/components/datasets/documents/list.tsx b/web/app/components/datasets/documents/list.tsx
index af8a3adb07..c375e59fb3 100644
--- a/web/app/components/datasets/documents/list.tsx
+++ b/web/app/components/datasets/documents/list.tsx
@@ -403,6 +403,7 @@ type IDocumentListProps = {
   datasetId: string
   pagination: PaginationProps
   onUpdate: () => void
+  onManageMetadata: () => void
 }
 
 /**
@@ -416,6 +417,7 @@ const DocumentList: FC<IDocumentListProps> = ({
   datasetId,
   pagination,
   onUpdate,
+  onManageMetadata,
 }) => {
   const { t } = useTranslation()
   const { formatTime } = useTimestamp()
@@ -664,6 +666,10 @@ const DocumentList: FC<IDocumentListProps> = ({
           list={originalList}
           onSave={handleSave}
           onHide={hideEditModal}
+          onShowManage={() => {
+            hideEditModal()
+            onManageMetadata()
+          }}
         />
       )}
     </div>
diff --git a/web/app/components/datasets/metadata/edit-metadata-batch/modal.tsx b/web/app/components/datasets/metadata/edit-metadata-batch/modal.tsx
index b0cf269705..6a801241ae 100644
--- a/web/app/components/datasets/metadata/edit-metadata-batch/modal.tsx
+++ b/web/app/components/datasets/metadata/edit-metadata-batch/modal.tsx
@@ -23,6 +23,7 @@ type Props = {
   list: MetadataItemInBatchEdit[]
   onSave: (list: MetadataItemInBatchEdit[], isApplyToAllSelectDocument: boolean) => void
   onHide: () => void
+  onShowManage: () => void
 }
 
 const EditMetadataBatchModal: FC<Props> = ({
@@ -30,6 +31,7 @@ const EditMetadataBatchModal: FC<Props> = ({
   list,
   onSave,
   onHide,
+  onShowManage,
 }) => {
   const { t } = useTranslation()
   const [templeList, setTempleList] = useState<MetadataItemWithEdit[]>(list)
@@ -137,6 +139,7 @@ const EditMetadataBatchModal: FC<Props> = ({
                 <AddMetadataButton />
               }
               onSave={data => setAddedList([...addedList, data])}
+              onManage={onShowManage}
             />
           </div>
         </div>