documentsmanager

frontend/src/documents/panel/DocumentsPanel.tsx

@@ -47,7 +47,7 @@ const DocumentsPanelInner: React.FC<DocumentsPanelInnerProps> = ({
   breadcrumbs,
   subfolders,
   documents,
-  searchResults,
+  searchResultIds,
   onFolderSelect,
   onFolderDrop,
   onFolderDragOver,
@@ -104,10 +104,19 @@ const DocumentsPanelInner: React.FC<DocumentsPanelInnerProps> = ({
     toggleTag: toggleTagFilter,
     toggleCorrespondent: toggleCorrespondentFilter,
   } = useDocumentsFilter();
-  const showingSearchResults = searchResults !== null;
-  const rows = showingSearchResults ? searchResults : documents;
+  const searchDocuments = useMemo(
+    () =>
+      Array.isArray(searchResultIds)
+        ? searchResultIds
+            .map((id) => documentLookup?.get?.(id) || null)
+            .filter((doc): doc is Record<string, unknown> => Boolean(doc))
+        : null,
+    [searchResultIds, documentLookup],
+  );
+  const showingSearchResults = Array.isArray(searchResultIds);
+  const rows = showingSearchResults && searchDocuments ? searchDocuments : documents;
   const documentLinkMap = documentLinks instanceof Map ? documentLinks : null;
-  const searchResultCount = Array.isArray(searchResults) ? searchResults.length : 0;
+  const searchResultCount = Array.isArray(searchResultIds) ? searchResultIds.length : 0;
   const headerTitle = showingSearchResults
     ? 'Search results'
     : currentFolderName || 'Documents';
@@ -201,7 +210,7 @@ const DocumentsPanelInner: React.FC<DocumentsPanelInnerProps> = ({
   const selectionContextRef = useRef(null);
   useEffect(() => {
     const nextContext = showingSearchResults
-      ? { type: 'search', marker: searchResults }
+      ? { type: 'search', marker: searchResultIds }
       : { type: 'folder', marker: currentFolderId || 'root' };
     const previous = selectionContextRef.current;
     selectionContextRef.current = nextContext;
@@ -213,7 +222,7 @@ const DocumentsPanelInner: React.FC<DocumentsPanelInnerProps> = ({
     if (changed) {
       clearSelection();
     }
-  }, [showingSearchResults, currentFolderId, searchResults, clearSelection]);
+  }, [showingSearchResults, currentFolderId, searchResultIds, clearSelection]);
 
   const entries = useMemo(() => {
     const list = [];