search cleanup

frontend/src/documents/panel/DocumentsPanel.tsx

@@ -17,6 +17,7 @@ import DocumentsPanelHeader, {
 } from './DocumentsPanelHeader';
 import { SelectionFloatingPanel } from '../SelectionFloatingActions';
 import { createDocumentsTableHeaderActions } from './DocumentsToolbar';
+import { useDocumentsFilter } from '../context/DocumentsFilterContext';
 
 const DEFAULT_GRID_ICON_SIZE = 144;
 
@@ -47,7 +48,6 @@ const DocumentsPanelInner: React.FC<DocumentsPanelInnerProps> = ({
   subfolders,
   documents,
   searchResults,
-  isFilterActive = false,
   onFolderSelect,
   onFolderDrop,
   onFolderDragOver,
@@ -66,8 +66,6 @@ const DocumentsPanelInner: React.FC<DocumentsPanelInnerProps> = ({
   activeCorrespondentIds = [],
   ensureAssetUrl = null,
   getDocumentAsset = defaultGetDocumentAsset,
-  onTagClick,
-  onCorrespondentClick,
   isSearchLoading = false,
   onDocumentTagDrop,
   viewMode = 'list',
@@ -80,8 +78,6 @@ const DocumentsPanelInner: React.FC<DocumentsPanelInnerProps> = ({
   sortDirection,
   onSortFieldChange,
   onSortDirectionToggle,
-  searchIncludeDescendants,
-  onToggleSearchIncludeDescendants,
   onDeleteSelection,
   documentLookup,
   tags,
@@ -101,6 +97,13 @@ const DocumentsPanelInner: React.FC<DocumentsPanelInnerProps> = ({
     handleEntrySelection,
     clearSelection,
   } = useWorkspaceSelectionContext();
+  const {
+    isActive: isFilterActive,
+    includeDescendants,
+    toggleIncludeDescendants,
+    toggleTag: toggleTagFilter,
+    toggleCorrespondent: toggleCorrespondentFilter,
+  } = useDocumentsFilter();
   const showingSearchResults = searchResults !== null;
   const rows = showingSearchResults ? searchResults : documents;
   const documentLinkMap = documentLinks instanceof Map ? documentLinks : null;
@@ -121,8 +124,8 @@ const DocumentsPanelInner: React.FC<DocumentsPanelInnerProps> = ({
       sortDirection,
       onSortDirectionToggle,
       isFilterActive,
-      includeDescendants: searchIncludeDescendants,
-      onToggleIncludeDescendants: onToggleSearchIncludeDescendants,
+      includeDescendants,
+      onToggleIncludeDescendants: toggleIncludeDescendants,
     }),
     [
       viewMode,
@@ -133,8 +136,8 @@ const DocumentsPanelInner: React.FC<DocumentsPanelInnerProps> = ({
       sortDirection,
       onSortDirectionToggle,
       isFilterActive,
-      searchIncludeDescendants,
-      onToggleSearchIncludeDescendants,
+      includeDescendants,
+      toggleIncludeDescendants,
     ],
   );
   const floatingActions = useMemo(() => (
@@ -740,9 +743,9 @@ const DocumentsPanelInner: React.FC<DocumentsPanelInnerProps> = ({
           getDocumentAsset={getDocumentAsset}
           gridIconSize={gridIconSize}
           tagLookupById={tagLookupById}
-          onTagClick={onTagClick}
+          onTagClick={toggleTagFilter}
           scrollRef={scrollRef}
-          onCorrespondentClick={onCorrespondentClick}
+          onCorrespondentClick={toggleCorrespondentFilter}
           activeCorrespondentIdSet={activeCorrespondentIdSet}
           onDocumentRename={onDocumentRename}
           onFolderRename={onFolderRename}
@@ -775,8 +778,8 @@ const DocumentsPanelInner: React.FC<DocumentsPanelInnerProps> = ({
         onDocumentTagDrop={handleDocumentTagDrop}
         onDocumentRename={onDocumentRename}
         tagLookupById={tagLookupById}
-        onTagClick={onTagClick}
-        onCorrespondentClick={onCorrespondentClick}
+        onTagClick={toggleTagFilter}
+        onCorrespondentClick={toggleCorrespondentFilter}
         activeCorrespondentIdSet={activeCorrespondentIdSet}
         scrollRef={scrollRef}
       />