fix

frontend/src/documents/SelectionFloatingActions.tsx

@@ -11,6 +11,7 @@ import {
 import SelectionAssignmentMenu, { SelectionAssignmentMenuItem } from './SelectionAssignmentMenu';
 import SelectionSummary from './SelectionSummary';
 import { api, useAppState } from '../app/appState';
+import { useWorkspaceSelectionContext } from '../app/WorkspaceSelectionContext';
 
 const ROOT_FOLDER_LABEL = 'Documents';
 
@@ -64,7 +65,7 @@ interface BulkCorrespondentRemoveArgs {
   documentIds: DocumentId[];
 }
 
-interface SelectionFloatingActionsProps {
+export interface SelectionFloatingActionsProps {
   selectionCount?: number;
   selectedDocumentIds?: SelectedIdList;
   selectedFolderIds?: SelectedIdList;
@@ -616,4 +617,31 @@ const SelectionFloatingActions: React.FC<SelectionFloatingActionsProps> = ({
   );
 };
 
+export type SelectionFloatingPanelProps = Omit<SelectionFloatingActionsProps, 'selectedDocumentIds' | 'selectedFolderIds' | 'selectionCount'>;
+
+export const SelectionFloatingPanel: React.FC<SelectionFloatingPanelProps> = ({ onClearSelection, ...rest }) => {
+  const { selectedDocumentIds, selectedFolderIds, clearSelection } = useWorkspaceSelectionContext();
+  const documentIds = Array.isArray(selectedDocumentIds) ? selectedDocumentIds : [];
+  const folderIds = Array.isArray(selectedFolderIds) ? selectedFolderIds : [];
+  const selectionCount = documentIds.length + folderIds.length;
+  if (selectionCount === 0) {
+    return null;
+  }
+  const handleClear = onClearSelection || clearSelection;
+  return (
+    <div className="panel-floating-region" aria-live="polite" aria-atomic="true">
+      <div className="panel-floating">
+        <SelectionFloatingActions
+          selectionCount={selectionCount}
+          selectedDocumentIds={documentIds}
+          selectedFolderIds={folderIds}
+          onClearSelection={handleClear}
+          {...rest}
+        />
+      </div>
+    </div>
+  );
+};
+
+
 export default SelectionFloatingActions;