fix: resolve cross-page document selection issue in metadata batch edit (#23000)

Co-authored-by: crazywoola <427733928@qq.com>

web/app/components/datasets/documents/index.tsx

       if (totalPages < currPage + 1)
         setCurrPage(totalPages === 0 ? 0 : totalPages - 1)
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [documentsRes])
 
   const invalidDocumentDetail = useInvalidDocumentDetailKey()
       invalidChunkList()
       invalidChildChunkList()
     }, 5000)
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
 
   const documentsWithProgress = useMemo(() => {
 
   const documentsList = isDataSourceNotion ? documentsWithProgress?.data : documentsRes?.data
   const [selectedIds, setSelectedIds] = useState<string[]>([])
+
+  // Clear selection when search changes to avoid confusion
+  useEffect(() => {
+    if (searchValue !== query.keyword)
+      setSelectedIds([])
+  }, [searchValue, query.keyword])
+
   const { run: handleSearch } = useDebounceFn(() => {
     setSearchValue(inputValue)
   }, { wait: 500 })

web/app/components/datasets/documents/list.tsx

     handleSave,
   } = useBatchEditDocumentMetadata({
     datasetId,
-    docList: documents.filter(item => selectedIds.includes(item.id)),
+    docList: documents.filter(doc => selectedIds.includes(doc.id)),
+    selectedDocumentIds: selectedIds, // Pass all selected IDs separately
     onUpdate,
   })
 

web/app/components/datasets/metadata/hooks/use-batch-edit-document-metadata.ts

 type Props = {
   datasetId: string
   docList: SimpleDocumentDetail[]
+  selectedDocumentIds?: string[]
   onUpdate: () => void
 }
 
 const useBatchEditDocumentMetadata = ({
   datasetId,
   docList,
+  selectedDocumentIds,
   onUpdate,
 }: Props) => {
   const [isShowEditModal, {
       return false
     })
 
-    const res: MetadataBatchEditToServer = docList.map((item, i) => {
-      // the new metadata will override the old one
-      const oldMetadataList = metaDataList[i]
+    // Use selectedDocumentIds if available, otherwise fall back to docList
+    const documentIds = selectedDocumentIds || docList.map(doc => doc.id)
+    const res: MetadataBatchEditToServer = documentIds.map((documentId) => {
+      // Find the document in docList to get its metadata
+      const docIndex = docList.findIndex(doc => doc.id === documentId)
+      const oldMetadataList = docIndex >= 0 ? metaDataList[docIndex] : []
       let newMetadataList: MetadataItemWithValue[] = [...oldMetadataList, ...addedList]
         .filter((item) => {
           return !removedList.find(removedItem => removedItem.id === item.id)
       })
 
       return {
-        document_id: item.id,
+        document_id: documentId,
         metadata_list: newMetadataList,
       }
     })