simplify frontend document and folder memoization.

frontend/src/documents/data/useDocumentsWorkspace.ts

@@ -458,15 +458,12 @@ const useDocumentsWorkspace = ({
     tenantIdRef.current = currentTenantId;
   }, [currentTenantId, tenantIdRef]);
 
-  const tagLookupById = useMemo(() => {
+  const tagLookupById = new Map();
-    const map = new Map();
   tags.forEach((tag) => {
     if (tag?.id) {
-        map.set(tag.id, tag);
+      tagLookupById.set(tag.id, tag);
     }
   });
-    return map;
-  }, [tags]);
 
   const tagsState = {
     ...tagsStateRaw,

frontend/src/documents/features/selection/SelectionFolderMenu.tsx

@@ -106,17 +106,8 @@ const SelectionFolderMenu: React.FC<SelectionFolderMenuProps> = ({
         return { nodeMap: nMap, parentMap: pMap };
     }, [folderTree]);
 
-    const currentChildren = useMemo(() => {
-        const currentFolder = currentFolderId ? nodeMap.get(currentFolderId) : null;
-        return currentFolder ? currentFolder.children || [] : folderTree;
-    }, [currentFolderId, nodeMap, folderTree]);
-
     const currentFolder = currentFolderId ? nodeMap.get(currentFolderId) : null;
 
-    // Filter items based on search query
-    // If searching, we might want to show flattened results matching the query?
-    // Or just filter current level?
-    // Usually, search implies searching the whole tree.
     const isSearching = query.trim().length > 0;
 
     const displayedItems = useMemo(() => {
@@ -130,8 +121,10 @@ const SelectionFolderMenu: React.FC<SelectionFolderMenuProps> = ({
             });
             return results;
         }
-        return currentChildren;
+        return currentFolderId
-    }, [isSearching, query, currentChildren, nodeMap]);
+            ? (nodeMap.get(currentFolderId)?.children || [])
+            : folderTree;
+    }, [isSearching, query, currentFolderId, nodeMap, folderTree]);
 
     const handleTriggerClick = useCallback(() => {
         if (disabled) {

frontend/src/documents/logic/useDocumentsPanelProps.ts

@@ -1,4 +1,3 @@
-import { useMemo } from 'react';
 import type { WorkspaceSelectionValue } from '../../app/WorkspaceSelectionContext';
 import type { Identifier } from '../../types/identifiers';
 
@@ -115,8 +114,7 @@ const useDocumentsPanelProps = (props: UseDocumentsPanelPropsArgs) => {
     selectionValue,
   } = props;
 
-  return useMemo(
+  return {
-    () => ({
     currentFolderName,
     breadcrumbs,
     onRefresh: refreshCurrentFolder,
@@ -166,56 +164,7 @@ const useDocumentsPanelProps = (props: UseDocumentsPanelPropsArgs) => {
     folderOptions,
     onMoveDocumentsToFolder: moveDocumentsToFolder,
     selectionValue,
-    }),
+  };
-    [
-      activeCorrespondentFilters,
-      breadcrumbs,
-      correspondents,
-      currentFolderName,
-      currentSubfolders,
-      documents,
-      documentsSortDirection,
-      documentsSortField,
-      documentsViewMode,
-      searchQuery,
-      documentLookup,
-      draggedDocumentIds,
-      draggedFolderId,
-      focusedRowKey,
-      folderClickHandlers,
-      handleBulkCorrespondentAdd,
-      handleBulkCorrespondentRemove,
-      handleBulkSelectionReanalyze,
-      handleBulkTagAddFromDetail,
-      handleBulkTagRemoveFromDetail,
-      handleDeleteSelection,
-      handleDocumentDragEnd,
-      handleDocumentDragStart,
-      handleDocumentTagAttach,
-      handleDocumentTagDetach,
-      handleDocumentTitleUpdate,
-      handleDocumentsSortDirectionToggle,
-      handleDocumentsSortFieldChange,
-      handleDocumentsViewModeChange,
-      handleEntryPointerCore,
-      handleFolderDragEnd,
-      handleFolderDragStart,
-      handleFolderRename,
-      moveDocumentsToFolder,
-      refreshCurrentFolder,
-      searchLoading,
-      searchResultIds,
-      selectedFolder,
-      selectFolder,
-      tagLookupById,
-      activeTagFilters,
-      tags,
-      ensureAssetUrl,
-      getDocumentAsset,
-      folderOptions,
-      selectionValue,
-    ],
-  );
 };
 
 export default useDocumentsPanelProps;

frontend/src/viewer/logic/useDetailWorkspace.ts

@@ -178,8 +178,7 @@ const useDetailWorkspace = ({
     closeDetailPanel();
   }, [closeDetailPanel]);
 
-  const detailPanelProps = useMemo(
+  const detailPanelProps = {
-    () => ({
     document: detailPanelDocument,
     tags,
     tagLookupById,
@@ -198,28 +197,7 @@ const useDetailWorkspace = ({
     onClose: handleDetailPanelClose,
     resolveFolderPath,
     folderNodes,
-    }),
+  };
-    [
-      activePreviewId,
-      correspondents,
-      detailPanelDocument,
-      ensureAssetUrl,
-      getAsset,
-      handleCorrespondentAdd,
-      handleCorrespondentRemove,
-      handleDetailPanelClose,
-      handleDocumentTagAdd,
-      handleDocumentIssuedUpdate,
-      handleDocumentTitleUpdate,
-      handleDocumentTagDetach,
-      folderNodes,
-      openDocumentPreview,
-      resolveFolderPath,
-      selectFolder,
-      tags,
-      tagLookupById,
-    ],
-  );
 
   return {
     detailPanelProps,