Feat: Adjust the operation cell of the table on the file management page and dataset page #3221. (#7526)

### What problem does this PR solve?

Feat: Adjust the operation cell of the table on the file management page
and dataset page #3221.
### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/dataset/dataset/dataset-action-cell.tsx

@@ -11,7 +11,7 @@ import { IDocumentInfo } from '@/interfaces/database/document';
 import { formatFileSize } from '@/utils/common-util';
 import { formatDate } from '@/utils/date';
 import { downloadDocument } from '@/utils/file-util';
-import { ArrowDownToLine, Pencil, ScrollText, Trash2 } from 'lucide-react';
+import { ArrowDownToLine, FolderPen, ScrollText, Trash2 } from 'lucide-react';
 import { useCallback } from 'react';
 import { UseRenameDocumentShowType } from './use-rename-document';
 import { isParserRunning } from './utils';
@@ -50,10 +50,18 @@ export function DatasetActionCell({
   }, [record, showRenameModal]);
 
   return (
-    <section className="flex gap-4 items-center">
+    <section className="flex gap-4 items-center text-text-sub-title-invert">
+      <Button
+        variant={'ghost'}
+        size={'sm'}
+        disabled={isRunning}
+        onClick={handleRename}
+      >
+        <FolderPen />
+      </Button>
       <HoverCard>
         <HoverCardTrigger>
-          <Button variant="ghost" size={'icon'} disabled={isRunning}>
+          <Button variant="ghost" disabled={isRunning} size={'sm'}>
             <ScrollText />
           </Button>
         </HoverCardTrigger>
@@ -77,27 +85,20 @@ export function DatasetActionCell({
           </ul>
         </HoverCardContent>
       </HoverCard>
-      <Button
-        variant={'ghost'}
-        size={'icon'}
-        disabled={isRunning}
-        onClick={handleRename}
-      >
-        <Pencil />
-      </Button>
+
       {isVirtualDocument || (
         <Button
           variant={'ghost'}
-          size={'icon'}
           onClick={onDownloadDocument}
           disabled={isRunning}
+          size={'sm'}
         >
           <ArrowDownToLine />
         </Button>
       )}
       <ConfirmDeleteDialog onOk={handleRemove}>
-        <Button variant={'ghost'} size={'icon'} disabled={isRunning}>
-          <Trash2 className="text-text-delete-red" />
+        <Button variant={'ghost'} size={'sm'} disabled={isRunning}>
+          <Trash2 />
         </Button>
       </ConfirmDeleteDialog>
     </section>

web/src/pages/dataset/dataset/dataset-table.tsx

@@ -119,7 +119,7 @@ export function DatasetTable({
 
   return (
     <div className="w-full">
-      <Table>
+      <Table rootClassName="max-h-[82vh]">
         <TableHeader>
           {table.getHeaderGroups().map((headerGroup) => (
             <TableRow key={headerGroup.id}>
@@ -164,11 +164,7 @@ export function DatasetTable({
           )}
         </TableBody>
       </Table>
-      <div className="flex items-center justify-end space-x-2 py-4">
-        <div className="flex-1 text-sm text-muted-foreground">
-          {table.getFilteredSelectedRowModel().rows.length} of{' '}
-          {pagination?.total} row(s) selected.
-        </div>
+      <div className="flex items-center justify-end  py-4">
         <div className="space-x-2">
           <RAGFlowPagination
             {...pick(pagination, 'current', 'pageSize')}

web/src/pages/dataset/dataset/index.tsx

@@ -50,7 +50,7 @@ export default function Dataset() {
     showCreateModal,
   } = useCreateEmptyDocument();
 
-  const { rowSelection, rowSelectionIsEmpty, setRowSelection } =
+  const { rowSelection, rowSelectionIsEmpty, setRowSelection, selectedCount } =
     useRowSelection();
 
   const { list } = useBulkOperateDataset({
@@ -68,6 +68,15 @@ export default function Dataset() {
         value={filterValue}
         onChange={handleFilterSubmit}
         filters={filters}
+        leftPanel={
+          <div className="items-start">
+            <div className="pb-1">Dataset</div>
+            <div className="text-text-sub-title-invert text-sm">
+              Please wait for your files to finish parsing before starting an
+              AI-powered chat.
+            </div>
+          </div>
+        }
       >
         <DropdownMenu>
           <DropdownMenuTrigger asChild>
@@ -87,7 +96,9 @@ export default function Dataset() {
           </DropdownMenuContent>
         </DropdownMenu>
       </ListFilterBar>
-      {rowSelectionIsEmpty || <BulkOperateBar list={list}></BulkOperateBar>}
+      {rowSelectionIsEmpty || (
+        <BulkOperateBar list={list} count={selectedCount}></BulkOperateBar>
+      )}
       <DatasetTable
         documents={documents}
         pagination={pagination}

web/src/pages/dataset/dataset/parsing-status-cell.tsx

@@ -56,10 +56,10 @@ export function ParsingStatusCell({
   }, [record, showSetMetaModal]);
 
   return (
-    <section className="flex gap-2 items-center ">
-      <div>
+    <section className="flex gap-2 items-center">
+      <div className="w-28 flex items-center justify-between">
         <DropdownMenu>
-          <DropdownMenuTrigger>
+          <DropdownMenuTrigger asChild>
             <Button variant={'ghost'} size={'sm'}>
               {parser_id}
             </Button>
@@ -73,8 +73,7 @@ export function ParsingStatusCell({
             </DropdownMenuItem>
           </DropdownMenuContent>
         </DropdownMenu>
-
-        <Separator orientation="vertical" />
+        <Separator orientation="vertical" className="h-2.5" />
       </div>
       <ConfirmDeleteDialog
         title={t(`knowledgeDetails.redo`, { chunkNum: chunk_num })}