search cleanup

frontend/src/app/DocumentsRoute.tsx

@@ -2,6 +2,10 @@ import React, { useCallback, useEffect, useMemo } from 'react';
 import type { ReactNode } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useAppShell } from '../appShellContext';
+import {
+  DocumentsFilterProvider,
+} from '../documents/context/DocumentsFilterContext';
+import type { DocumentsFilterValue } from '../documents/context/DocumentsFilterContext';
 import { useWorkspaceSurface } from './useWorkspaceSurface';
 import { DocumentsHeaderBreadcrumb } from '../documents/panel/DocumentsPanelHeader';
 import { SidebarProvider, useSidebarContext } from '../sidebar/SidebarContext';
@@ -43,6 +47,7 @@ interface DocumentsRouteAppShell {
   ensureAssetUrl?: EnsureAssetUrl;
   getDocumentAsset?: GetDocumentAsset;
   notifyApiError?: NotifyApiError;
+  documentsFilter: DocumentsFilterValue;
 }
 
 const DocumentsRouteContent: React.FC = () => {
@@ -62,7 +67,8 @@ const DocumentsRouteContent: React.FC = () => {
     ensureAssetUrl,
     getDocumentAsset,
     notifyApiError,
-  } = useAppShell() as DocumentsRouteAppShell;
+    documentsFilter,
+  } = useAppShell() as unknown as DocumentsRouteAppShell;
   const navigate = useNavigate();
   const { collapsed: sidebarCollapsed } = useSidebarContext();
   const {
@@ -124,26 +130,35 @@ const DocumentsRouteContent: React.FC = () => {
     };
   }, []);
 
-  if (!surface) {
+  const renderSurface = () => {
+    if (!surface) {
+      return (
+        <main className={`documents-main${sidebarHidden ? ' documents-main--sidebar-hidden' : ''}`}>
+          {!sidebarHidden ? <Sidebar {...sidebarPropsWithActions} /> : null}
+          <div className="main-content">
+            <div className="main-content__body" />
+          </div>
+        </main>
+      );
+    }
+
+    const surfaceDetail = (surface as { detail?: ReactNode }).detail || null;
     return (
       <main className={`documents-main${sidebarHidden ? ' documents-main--sidebar-hidden' : ''}`}>
         {!sidebarHidden ? <Sidebar {...sidebarPropsWithActions} /> : null}
         <div className="main-content">
-          <div className="main-content__body" />
+          <div className="main-content__body">{surface.content}</div>
+          {surfaceDetail}
         </div>
       </main>
     );
-  }
+  };
 
-  const surfaceDetail = (surface as { detail?: ReactNode }).detail || null;
+  const content = renderSurface();
   return (
-    <main className={`documents-main${sidebarHidden ? ' documents-main--sidebar-hidden' : ''}`}>
-      {!sidebarHidden ? <Sidebar {...sidebarPropsWithActions} /> : null}
-      <div className="main-content">
-        <div className="main-content__body">{surface.content}</div>
-        {surfaceDetail}
-      </div>
-    </main>
+    <DocumentsFilterProvider value={documentsFilter}>
+      {content}
+    </DocumentsFilterProvider>
   );
 };