selection

frontend/src/documents/DocumentsPanel.jsx

@@ -6,6 +6,8 @@ import {
   RefreshIcon,
   MinusVerticalIcon,
   InfoIcon,
+  FileIcon,
+  FolderOutlineIcon,
 } from '../ui/icons';
 import BreadcrumbTrail from '../ui/BreadcrumbTrail';
 import createWorkspaceSurfaceConfig from './workspaceHeader';
@@ -13,6 +15,7 @@ import DetailPanel from '../detail/DetailPanel';
 import DocumentsGrid from './DocumentsGrid';
 import DocumentsList from './DocumentsList';
 import { isTagTransferEvent } from './tagTransfer';
+import SelectionFloatingActions from './SelectionFloatingActions';
 
 const DEFAULT_GRID_ICON_SIZE = 144;
 
@@ -503,6 +506,7 @@ const DocumentsPanel = ({
                 onCorrespondentClick={onCorrespondentClick}
                 activeCorrespondentIdSet={activeCorrespondentIdSet}
                 scrollRef={scrollRef}
+                onClearSelection={onClearSelection}
               />
             )}
           </div>
@@ -602,6 +606,18 @@ export const createDocumentsSurface = ({
     viewMode,
     onViewModeChange,
     onRefresh,
+    selectedDocumentIds,
+    selectedFolderIds,
+    onDeleteSelection,
+    tags,
+    correspondents,
+    documentLookup,
+    tagLookupById,
+    onBulkTagAdd,
+    onBulkTagRemove,
+    onBulkCorrespondentAdd,
+    onBulkCorrespondentRemove,
+    onBulkReanalyze,
   } = tableProps;
 
   const title = Array.isArray(searchResults) ? 'Search results' : currentFolderName;
@@ -609,12 +625,76 @@ export const createDocumentsSurface = ({
     ? `${searchResults.length} matching document${searchResults.length === 1 ? '' : 's'}`
     : null;
 
+
+  const documentSelectionCount = Array.isArray(selectedDocumentIds) ? selectedDocumentIds.length : 0;
+  const folderSelectionCount = Array.isArray(selectedFolderIds) ? selectedFolderIds.length : 0;
+  const selectionCount = documentSelectionCount + folderSelectionCount;
+  let selectionLabel = null;
+  if (selectionCount) {
+    const tokens = [];
+
+    if (documentSelectionCount) {
+      tokens.push({
+        key: 'documents',
+        count: documentSelectionCount,
+        icon: <FileIcon className="selection-summary__icon" size={16} />,
+      });
+    }
+
+    if (folderSelectionCount) {
+      tokens.push({
+        key: 'folders',
+        count: folderSelectionCount,
+        icon: <FolderOutlineIcon className="selection-summary__icon" size={16} />,
+      });
+    }
+
+    if (tokens.length) {
+      selectionLabel = (
+        <span className="selection-summary">
+          {tokens.map((token, index) => (
+            <React.Fragment key={token.key}>
+              {index > 0 ? <span className="selection-summary__separator">·</span> : null}
+            <span className="selection-summary__token">
+              <span className="selection-summary__count">{token.count}</span>
+              <span className="selection-summary__multiply">×</span>
+              {token.icon}
+            </span>
+            </React.Fragment>
+          ))}
+        </span>
+      );
+    } else {
+      selectionLabel = `${selectionCount} item${selectionCount === 1 ? '' : 's'}`;
+    }
+  }
+
   const actions = createDocumentsTableHeaderActions({
     viewMode,
     onViewModeChange,
     onRefresh,
   });
 
+  const floatingActions = selectionLabel
+    ? (
+        <SelectionFloatingActions
+          selectionCount={selectionCount}
+          selectedDocumentIds={selectedDocumentIds}
+          documentLookup={documentLookup}
+          tags={tags}
+          tagLookupById={tagLookupById}
+          correspondents={correspondents}
+          onBulkTagAdd={onBulkTagAdd}
+          onBulkTagRemove={onBulkTagRemove}
+          onBulkCorrespondentAdd={onBulkCorrespondentAdd}
+          onBulkCorrespondentRemove={onBulkCorrespondentRemove}
+          onBulkReanalyze={onBulkReanalyze}
+          onDeleteSelection={onDeleteSelection}
+        />
+      )
+    : null;
+
+
   const sidebarToggle = renderSidebarToggle ? renderSidebarToggle() : null;
   const detail = detailOpen && detailProps ? <DetailPanel {...detailProps} /> : null;
 
@@ -628,6 +708,8 @@ export const createDocumentsSurface = ({
     onNavigateParent,
     actions,
     breadcrumbs,
+    selectionLabel,
+    floatingActions,
     content: <DocumentsPanel {...tableProps} showHeader={false} />,
     detail,
   });