diff --git a/packages/core/src/features/gecko/geckoApi.ts b/packages/core/src/features/gecko/geckoApi.ts
index c4bcd4c8..cce791eb 100644
--- a/packages/core/src/features/gecko/geckoApi.ts
+++ b/packages/core/src/features/gecko/geckoApi.ts
@@ -5,6 +5,7 @@ import { CoreState } from '../../reducers';
 import { resourcePathFromProjectID } from '../submission/authMappingUtils';
 import { gen3Api } from '../gen3';
 import { selectCSRFToken } from '../user/userSliceRTK';
+import { handleUnauthorizedStatus } from '../user/unauthorized';
 import { getCookie } from 'cookies-next';
 
 export interface GeckoProjectRecord {
@@ -272,6 +273,18 @@ export interface GeckoGitTreeResponse {
   readonly project_id: string;
   readonly ref: string;
   readonly path: string;
+  readonly entry_count: number;
+  readonly truncated?: boolean;
+  readonly entries: Array<GeckoGitTreeEntry>;
+}
+
+export interface GeckoGitManifestResponse {
+  readonly project_id: string;
+  readonly ref: string;
+  readonly path: string;
+  readonly entry_count: number;
+  readonly has_more: boolean;
+  readonly next_cursor?: string;
   readonly entries: Array<GeckoGitTreeEntry>;
 }
 
@@ -426,6 +439,7 @@ const blobToDataURL = async (blob: Blob): Promise<string> =>
   });
 
 const responseErrorMessage = async (response: Response): Promise<string> => {
+  handleUnauthorizedStatus(response.status);
   const text = await response.text();
   return (
     geckoErrorMessage(text) ||
@@ -995,6 +1009,11 @@ export const geckoApi = geckoTaggedApi.injectEndpoints({
         project: string;
         path?: string;
         ref?: string;
+        include_size?: boolean;
+        include_last_modified?: boolean;
+        include_lfs_pointer?: boolean;
+        view?: 'manifest';
+        limit?: number;
       }
     >({
       query: ({
@@ -1004,19 +1023,41 @@ export const geckoApi = geckoTaggedApi.injectEndpoints({
         project,
         path,
         ref,
+        include_size,
+        include_last_modified,
+        include_lfs_pointer,
+        view,
+        limit,
       }) => {
         const normalizedPath = path?.trim().replace(/^\/+|\/+$/g, '');
-        const params = new URLSearchParams();
+        const queryParams = new URLSearchParams();
         if (ref) {
-          params.set('ref', ref);
+          queryParams.set('ref', ref);
         }
-        if (includeLFSPointer) {
-          params.set('include_lfs_pointer', 'true');
+        if (typeof include_size === 'boolean') {
+          queryParams.set('include_size', String(include_size));
+        }
+        if (typeof include_last_modified === 'boolean') {
+          queryParams.set('include_last_modified', String(include_last_modified));
         }
         if (includeLastModified) {
-          params.set('include_last_modified', 'true');
+          queryParams.set('include_last_modified', 'true');
+        }
+        if (typeof include_lfs_pointer === 'boolean') {
+          queryParams.set('include_lfs_pointer', String(include_lfs_pointer));
+        }
+        if (includeLFSPointer) {
+          queryParams.set('include_lfs_pointer', 'true');
         }
-        const query = params.toString() ? `?${params.toString()}` : '';
+        if (view) {
+          queryParams.set('view', view);
+        }
+        if (typeof limit === 'number') {
+          queryParams.set('limit', String(limit));
+        }
+        const query = queryParams.toString()
+          ? `?${queryParams.toString()}`
+          : '';
         const suffix = normalizedPath
           ? `/tree/${normalizedPath
               .split('/')
@@ -1072,6 +1113,58 @@ export const geckoApi = geckoTaggedApi.injectEndpoints({
         credentials: 'include',
       }),
     }),
+    getGeckoGitProjectManifest: builder.query<
+      GeckoGitManifestResponse,
+      {
+        organization: string;
+        project: string;
+        path?: string;
+        ref?: string;
+        cursor?: string;
+        files_only?: boolean;
+        limit?: number;
+      }
+    >({
+      query: ({
+        organization,
+        project,
+        path,
+        ref,
+        cursor,
+        files_only,
+        limit,
+      }) => {
+        const normalizedPath = path?.trim().replace(/^\/+|\/+$/g, '');
+        const queryParams = new URLSearchParams();
+        if (ref) {
+          queryParams.set('ref', ref);
+        }
+        if (cursor) {
+          queryParams.set('cursor', cursor);
+        }
+        if (typeof files_only === 'boolean') {
+          queryParams.set('files_only', String(files_only));
+        }
+        if (typeof limit === 'number') {
+          queryParams.set('limit', String(limit));
+        }
+        const query = queryParams.toString()
+          ? `?${queryParams.toString()}`
+          : '';
+        const suffix = normalizedPath
+          ? `/manifest/${normalizedPath
+              .split('/')
+              .map((segment) => encodeURIComponent(segment))
+              .join('/')}${query}`
+          : `/manifest${query}`;
+
+        return {
+          url: buildGitProjectApiPath(organization, project, suffix),
+          method: 'GET',
+          credentials: 'include',
+        };
+      },
+    }),
     getGeckoGitUploadSession: builder.query<
       GeckoGitUploadSessionResponse,
       {
diff --git a/packages/core/src/features/gen3/gen3Api.ts b/packages/core/src/features/gen3/gen3Api.ts
index 0b1ec014..435ba6d2 100644
--- a/packages/core/src/features/gen3/gen3Api.ts
+++ b/packages/core/src/features/gen3/gen3Api.ts
@@ -3,6 +3,7 @@ import { fetchBaseQuery, createApi } from '@reduxjs/toolkit/query/react';
 import { GEN3_API } from '../../constants';
 import { CoreState } from '../../reducers';
 import { selectCSRFToken } from '../user/userSliceRTK';
+import { handleUnauthorizedStatus } from '../user/unauthorized';
 import { getCookie } from 'cookies-next';
 
 /**
@@ -12,27 +13,42 @@ import { getCookie } from 'cookies-next';
  * @param endpoints - Base API endpoints that should exist in every slice
  * @returns: The generated base API
  */
+const rawBaseQuery = fetchBaseQuery({
+  baseUrl: `${GEN3_API}`,
+  prepareHeaders: (headers, { getState }) => {
+    const csrfToken = selectCSRFToken(getState() as CoreState);
+    headers.set('Content-Type', 'application/json');
+    if (process.env.NODE_ENV === 'development') {
+      // NOTE: This cookie can only be accessed from the client side
+      // in development mode. Otherwise, the cookie is set as httpOnly
+      const accessToken = getCookie('credentials_token');
+      if (accessToken) headers.set('Authorization', `Bearer ${accessToken}`);
+    }
+    if (csrfToken) headers.set('X-CSRF-Token', csrfToken);
+
+    return headers;
+  },
+  validateStatus: (response) => {
+    return response.status >= 200 && response.status < 300;
+  },
+});
+
 export const gen3Api = createApi({
   reducerPath: 'gen3Services',
-  baseQuery: fetchBaseQuery({
-    baseUrl: `${GEN3_API}`,
-    prepareHeaders: (headers, { getState }) => {
-      const csrfToken = selectCSRFToken(getState() as CoreState);
-      headers.set('Content-Type', 'application/json');
-      if (process.env.NODE_ENV === 'development') {
-        // NOTE: This cookie can only be accessed from the client side
-        // in development mode. Otherwise, the cookie is set as httpOnly
-        const accessToken = getCookie('credentials_token');
-        if (accessToken) headers.set('Authorization', `Bearer ${accessToken}`);
-      }
-      if (csrfToken) headers.set('X-CSRF-Token', csrfToken);
-
-      return headers;
-    },
-    validateStatus: (response) => {
-      return response.status >= 200 && response.status < 300;
-    },
-  }),
+  baseQuery: async (args, api, extraOptions) => {
+    const result = await rawBaseQuery(args, api, extraOptions);
+    if ('error' in result) {
+      handleUnauthorizedStatus(
+        typeof result.error === 'object' &&
+          result.error !== null &&
+          'status' in result.error &&
+          typeof result.error.status === 'number'
+          ? result.error.status
+          : undefined,
+      );
+    }
+    return result;
+  },
   endpoints: () => ({}),
 });
 
diff --git a/packages/core/src/features/gen3Apps/Gen3App.tsx b/packages/core/src/features/gen3Apps/Gen3App.tsx
index a5a5e1d2..b609c728 100644
--- a/packages/core/src/features/gen3Apps/Gen3App.tsx
+++ b/packages/core/src/features/gen3Apps/Gen3App.tsx
@@ -17,14 +17,7 @@ import {
   ReactReduxContextValue,
   TypedUseSelectorHook,
 } from 'react-redux';
-import {
-  FLUSH,
-  PAUSE,
-  PERSIST,
-  PURGE,
-  REGISTER,
-  REHYDRATE,
-} from 'redux-persist';
+
 import { registerGen3App } from './gen3AppRegistry';
 import { DataStatus } from '../../dataAccess';
 import { CookiesProvider } from 'react-cookie';
@@ -140,34 +133,12 @@ export const createAppStore = (
     middleware: (getDefaultMiddleware) =>
       middleware
         ? getDefaultMiddleware({
-            serializableCheck: {
-              ignoredActions: [
-                FLUSH,
-                REHYDRATE,
-                PAUSE,
-                PERSIST,
-                PURGE,
-                REGISTER,
-              ],
-            },
-            immutableCheck: {
-              warnAfter: 128,
-            },
+            serializableCheck: false,
+            immutableCheck: false,
           }).concat(middleware)
         : getDefaultMiddleware({
-            serializableCheck: {
-              ignoredActions: [
-                FLUSH,
-                REHYDRATE,
-                PAUSE,
-                PERSIST,
-                PURGE,
-                REGISTER,
-              ],
-            },
-            immutableCheck: {
-              warnAfter: 128,
-            },
+            serializableCheck: false,
+            immutableCheck: false,
           }),
   });
   type AppState = ReturnType<typeof reducers>;
diff --git a/packages/core/src/features/gen3Apps/Gen3AppRTKQ.ts b/packages/core/src/features/gen3Apps/Gen3AppRTKQ.ts
index 56cc667a..a64c2cc5 100644
--- a/packages/core/src/features/gen3Apps/Gen3AppRTKQ.ts
+++ b/packages/core/src/features/gen3Apps/Gen3AppRTKQ.ts
@@ -15,18 +15,12 @@ import {
   fetchBaseQuery,
 } from '@reduxjs/toolkit/query/react';
 import { configureStore } from '@reduxjs/toolkit';
-import {
-  FLUSH,
-  PAUSE,
-  PERSIST,
-  PURGE,
-  REGISTER,
-  REHYDRATE,
-} from 'redux-persist';
+
 import { GEN3_API } from '../../constants';
 import { getCookie } from 'cookies-next';
 import { v5 as uuidv5 } from 'uuid';
 import { GEN3_APP_NAMESPACE } from './constants';
+import { handleUnauthorizedStatus } from '../user/unauthorized';
 
 export const createAppApiForRTKQ = (
   reducerPath: string,
@@ -55,25 +49,41 @@ export const createAppApiForRTKQ = (
       }),
     );
 
+  const defaultBaseQuery = fetchBaseQuery({
+    baseUrl: `${GEN3_API}`,
+    prepareHeaders: (headers) => {
+      headers.set('Content-Type', 'application/json');
+      if (process.env.NODE_ENV === 'development') {
+        // NOTE: This cookie can only be accessed from the client side
+        // in development mode. Otherwise, the cookie is set as httpOnly
+        const accessToken = getCookie('credentials_token');
+        if (accessToken)
+          headers.set('Authorization', `Bearer ${accessToken}`);
+      }
+
+      return headers;
+    },
+  });
+
+  const delegatedBaseQuery = baseQuery ?? defaultBaseQuery;
+  const resolvedBaseQuery: BaseQueryFn = async (args, api, extraOptions) => {
+    const result = await delegatedBaseQuery(args, api, extraOptions);
+    if ('error' in result) {
+      handleUnauthorizedStatus(
+        typeof result.error === 'object' &&
+          result.error !== null &&
+          'status' in result.error &&
+          typeof result.error.status === 'number'
+          ? result.error.status
+          : undefined,
+      );
+    }
+    return result;
+  };
+
   const appRTKQApi = appCreateApi({
     reducerPath: reducerPath,
-    baseQuery:
-      baseQuery ??
-      fetchBaseQuery({
-        baseUrl: `${GEN3_API}`,
-        prepareHeaders: (headers) => {
-          headers.set('Content-Type', 'application/json');
-          if (process.env.NODE_ENV === 'development') {
-            // NOTE: This cookie can only be accessed from the client side
-            // in development mode. Otherwise, the cookie is set as httpOnly
-            const accessToken = getCookie('credentials_token');
-            if (accessToken)
-              headers.set('Authorization', `Bearer ${accessToken}`);
-          }
-
-          return headers;
-        },
-      }),
+    baseQuery: resolvedBaseQuery,
     endpoints: () => ({}),
   });
 
@@ -88,12 +98,8 @@ export const createAppApiForRTKQ = (
     },
     middleware: (getDefaultMiddleware) =>
       getDefaultMiddleware({
-        serializableCheck: {
-          ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],
-        },
-        immutableCheck: {
-          warnAfter: 128,
-        },
+        serializableCheck: false,
+        immutableCheck: false,
       }).concat(appMiddleware),
   });
 
diff --git a/packages/core/src/features/grip/gripApi.ts b/packages/core/src/features/grip/gripApi.ts
index ae90f733..c7834c0a 100644
--- a/packages/core/src/features/grip/gripApi.ts
+++ b/packages/core/src/features/grip/gripApi.ts
@@ -5,6 +5,7 @@ import { GEN3_GRIP_API } from '../../constants';
 import { getCookie } from 'cookies-next';
 import { selectCSRFToken } from '../user';
 import { CoreState } from '../../reducers';
+import { handleUnauthorizedStatus } from '../user/unauthorized';
 
 export interface gripApiResponse<H = JSONObject> {
   readonly data: H;
@@ -79,6 +80,14 @@ export const gripApi = createApi({
       const results = await gripApiFetch(request, headers);
       return { data: results };
     } catch (e) {
+      if (
+        e &&
+        typeof e === 'object' &&
+        'status' in e &&
+        typeof (e as { status?: unknown }).status === 'number'
+      ) {
+        handleUnauthorizedStatus((e as { status: number }).status);
+      }
       return { error: e };
     }
   },
diff --git a/packages/core/src/features/guppy/guppyApi.ts b/packages/core/src/features/guppy/guppyApi.ts
index 9f3131e2..510a99d5 100644
--- a/packages/core/src/features/guppy/guppyApi.ts
+++ b/packages/core/src/features/guppy/guppyApi.ts
@@ -5,6 +5,7 @@ import { GEN3_GUPPY_API } from '../../constants';
 import { CoreState } from '../../reducers';
 import { getCookie } from 'cookies-next';
 import { selectCSRFToken } from '../user';
+import { handleUnauthorizedStatus } from '../user/unauthorized';
 
 export interface guppyFetchError {
   readonly url: string;
@@ -66,6 +67,17 @@ export const guppyApi = createApi({
         method: 'POST',
         body: JSON.stringify(query),
       });
+      if (response.status === 401) {
+        handleUnauthorizedStatus(response.status);
+      }
+      if (!response.ok) {
+        return {
+          error: {
+            status: response.status,
+            data: await response.text(),
+          },
+        };
+      }
       return { data: await response.json() };
     } catch (e: unknown) {
       if (e instanceof Error) return { error: e.message };
diff --git a/packages/core/src/features/syfon/syfonApi.ts b/packages/core/src/features/syfon/syfonApi.ts
index cbcbd30d..5f2dda64 100644
--- a/packages/core/src/features/syfon/syfonApi.ts
+++ b/packages/core/src/features/syfon/syfonApi.ts
@@ -3,6 +3,7 @@ import { SYFON_API, SYFON_DRS_API } from '../../constants';
 import {
   SyfonCompleteMultipartUploadArgs,
   SyfonBucketsResponse,
+  SyfonBulkDeleteDrsObjectsArgs,
   SyfonCreateUploadUrlArgs,
   SyfonDeleteBucketScopeArgs,
   SyfonDeleteProjectArgs,
@@ -209,6 +210,29 @@ export const syfonApi = syfonTags.injectEndpoints({
         url: `${SYFON_DRS_API}/objects/${objectId}`,
       }),
     }),
+    bulkDeleteSyfonDrsObjects: builder.mutation<
+      void,
+      SyfonBulkDeleteDrsObjectsArgs
+    >({
+      invalidatesTags: ['SyfonDrsObject'],
+      query: ({
+        bulk_object_ids,
+        delete_object_metadata,
+        delete_storage_data,
+      }) => ({
+        body: {
+          bulk_object_ids,
+          delete_object_metadata,
+          delete_storage_data,
+        },
+        method: 'PUT',
+        responseHandler: async (response: Response) => {
+          await response.text();
+          return null;
+        },
+        url: `${SYFON_DRS_API}/objects/delete`,
+      }),
+    }),
     getSyfonDownloadUrl: builder.query<SyfonSignedUrlResponse, string>({
       providesTags: (_result, _error, objectId) => [
         { id: objectId, type: 'SyfonDrsObject' },
@@ -531,6 +555,7 @@ export const {
   useLazyGetSyfonObjectsByChecksumQuery,
   useRegisterSyfonDrsObjectsMutation,
   useDeleteSyfonDrsObjectMutation,
+  useBulkDeleteSyfonDrsObjectsMutation,
   useGetSyfonDownloadUrlQuery,
   useLazyGetSyfonDownloadUrlQuery,
   useCreateSyfonUploadUrlMutation,
diff --git a/packages/core/src/features/syfon/types.ts b/packages/core/src/features/syfon/types.ts
index d67ad8d9..632c9929 100644
--- a/packages/core/src/features/syfon/types.ts
+++ b/packages/core/src/features/syfon/types.ts
@@ -75,6 +75,12 @@ export interface SyfonDrsRegisterResponse {
   objects: Array<SyfonDrsObject>;
 }
 
+export interface SyfonBulkDeleteDrsObjectsArgs {
+  bulk_object_ids: Array<string>;
+  delete_object_metadata?: boolean;
+  delete_storage_data?: boolean;
+}
+
 export interface SyfonSignedUrlResponse {
   url?: string;
 }
diff --git a/packages/core/src/features/user/unauthorized.ts b/packages/core/src/features/user/unauthorized.ts
new file mode 100644
index 00000000..f2334daa
--- /dev/null
+++ b/packages/core/src/features/user/unauthorized.ts
@@ -0,0 +1,31 @@
+const FORCE_LOGOUT_EVENT = 'gen3-force-logout';
+
+export const requestSessionLogout = ({
+  showLoginModal = true,
+}: {
+  showLoginModal?: boolean;
+} = {}) => {
+  if (typeof window === 'undefined') {
+    return;
+  }
+
+  window.dispatchEvent(
+    new CustomEvent(FORCE_LOGOUT_EVENT, {
+      detail: {
+        showLoginModal,
+      },
+    }),
+  );
+};
+
+export const handleUnauthorizedStatus = (
+  status: number | undefined,
+  options?: { showLoginModal?: boolean },
+): boolean => {
+  if (status !== 401) {
+    return false;
+  }
+
+  requestSessionLogout(options);
+  return true;
+};
diff --git a/packages/core/src/features/user/userSliceRTK.ts b/packages/core/src/features/user/userSliceRTK.ts
index 6903a882..340b2bad 100644
--- a/packages/core/src/features/user/userSliceRTK.ts
+++ b/packages/core/src/features/user/userSliceRTK.ts
@@ -38,7 +38,6 @@ export const userAuthApi = createApi({
 
     try {
       results = await fetchFence({ endpoint, headers });
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
     } catch (_e: unknown) {
       /*
         Because an "error" response is valid for the auth requests we don't want to
diff --git a/packages/core/src/store.ts b/packages/core/src/store.ts
index dcb5cda7..0e9cd6d4 100644
--- a/packages/core/src/store.ts
+++ b/packages/core/src/store.ts
@@ -6,15 +6,10 @@ import { gen3ServicesReducerMiddleware } from './features/gen3/gen3Api';
 import { guppyAPISliceMiddleware } from './features/guppy/guppyApi';
 import { userAuthApiMiddleware } from './features/user/userSliceRTK';
 import { coreStoreListenerMiddleware } from './listeners';
-import type { PersistConfig, PersistState } from 'redux-persist';
 import {
-  FLUSH,
-  PAUSE,
-  PERSIST,
   persistReducer,
-  PURGE,
-  REGISTER,
-  REHYDRATE,
+  type PersistConfig,
+  type PersistState,
 } from 'redux-persist';
 
 import type { Action, Reducer } from 'redux';
@@ -49,12 +44,8 @@ export const setupCoreStore = (preloadedState?: Partial<CoreState>) =>
     preloadedState,
     middleware: (getDefaultMiddleware) =>
       getDefaultMiddleware({
-        serializableCheck: {
-          ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],
-        },
-        immutableCheck: {
-          warnAfter: 128,
-        },
+        serializableCheck: false,
+        immutableCheck: false,
       })
         .concat(
           gen3ServicesReducerMiddleware,
diff --git a/packages/frontend/src/api/auth/sessionLogout.ts b/packages/frontend/src/api/auth/sessionLogout.ts
index a9124b3e..08e9eb4c 100644
--- a/packages/frontend/src/api/auth/sessionLogout.ts
+++ b/packages/frontend/src/api/auth/sessionLogout.ts
@@ -1,7 +1,7 @@
 import type { NextApiRequest, NextApiResponse } from 'next';
 
 import { GEN3_FENCE_API } from '@gen3/core';
-import cookie from 'cookie';
+import * as cookie from 'cookie';
 import { deleteCookie } from 'cookies-next';
 
 export default async function (req: NextApiRequest, res: NextApiResponse) {
diff --git a/packages/frontend/src/components/Modals/LoginModal.tsx b/packages/frontend/src/components/Modals/LoginModal.tsx
index 1ac19e6f..8846e1d0 100644
--- a/packages/frontend/src/components/Modals/LoginModal.tsx
+++ b/packages/frontend/src/components/Modals/LoginModal.tsx
@@ -19,7 +19,7 @@ export const LoginView = ({
 }: {
   redirectPath?: string;
 }): JSX.Element => (
-  <div className="py-16 bg-gray-50/20">
+  <div className="bg-gray-50/20 py-10">
     <Stack gap="xl" align="center">
       <Text
         size="lg"
diff --git a/packages/frontend/src/components/Protected/ProtectedContent.tsx b/packages/frontend/src/components/Protected/ProtectedContent.tsx
index 7c040bd9..3957d7fd 100644
--- a/packages/frontend/src/components/Protected/ProtectedContent.tsx
+++ b/packages/frontend/src/components/Protected/ProtectedContent.tsx
@@ -99,8 +99,8 @@ const ProtectedContent = ({ children, errorStatus }: ProtectedContentProps) => {
   }
 
   return (
-    <div className="fixed inset-0 z-[1000] flex flex-col items-center justify-center bg-gray-100 py-12 px-4">
-      <div className="max-w-xl w-full bg-white shadow-2xl rounded-2xl overflow-hidden transition-all scale-110">
+    <div className="fixed inset-0 z-[1000] flex items-center justify-center overflow-auto bg-gray-100/95 px-4 py-8">
+      <div className="w-full max-w-xl overflow-hidden rounded-2xl bg-white shadow-2xl">
         <div className="bg-primary p-8">
           <Text className="text-white text-3xl font-bold font-heading text-center tracking-tight">
             Protected Content
diff --git a/packages/frontend/src/features/Navigation/ProjectWorkspaceTabs.tsx b/packages/frontend/src/features/Navigation/ProjectWorkspaceTabs.tsx
index 1296c282..9d67ae32 100644
--- a/packages/frontend/src/features/Navigation/ProjectWorkspaceTabs.tsx
+++ b/packages/frontend/src/features/Navigation/ProjectWorkspaceTabs.tsx
@@ -1,8 +1,8 @@
-import React, { useEffect, useMemo, useState } from 'react';
-import { Tabs } from '@mantine/core';
+import React, { useMemo } from 'react';
+import Link from 'next/link';
 import { useGetAuthzMappingsQuery, userHasMethodForServiceOnResource } from '@gen3/core';
 
-type ProjectWorkspaceTabKey = 'git' | 'presentation' | 'explorer';
+type ProjectWorkspaceTabKey = 'git' | 'presentation' | 'explorer' | 'storage';
 
 interface ProjectWorkspaceTabsProps {
   readonly activeTab: ProjectWorkspaceTabKey;
@@ -13,91 +13,10 @@ interface ProjectWorkspaceTabsProps {
   readonly gitHref?: string;
   readonly presentationHref?: string;
   readonly explorerHref?: string;
+  readonly storageHref?: string;
+  readonly toolbarContent?: React.ReactNode;
 }
 
-interface EmbeddedRoutePanelProps {
-  readonly active: boolean;
-  readonly src: string;
-  readonly title: string;
-}
-
-const buildEmbeddedHref = (href: string) =>
-  `${href}${href.includes('?') ? '&' : '?'}embed=1`;
-
-const EmbeddedRoutePanel = ({
-  active,
-  src,
-  title,
-}: EmbeddedRoutePanelProps) => {
-  const iframeRef = React.useRef<HTMLIFrameElement | null>(null);
-  const resizeObserverRef = React.useRef<ResizeObserver | null>(null);
-  const [iframeHeight, setIframeHeight] = useState(0);
-
-  const measureIframe = React.useCallback(() => {
-    const iframe = iframeRef.current;
-    const doc = iframe?.contentDocument;
-    if (!doc) {
-      return;
-    }
-
-    const bodyHeight = doc.body?.scrollHeight ?? 0;
-    const documentHeight = doc.documentElement?.scrollHeight ?? 0;
-    const nextHeight = Math.ceil(Math.max(bodyHeight, documentHeight));
-
-    setIframeHeight((currentHeight) =>
-      currentHeight !== nextHeight ? nextHeight : currentHeight,
-    );
-  }, []);
-
-  const attachIframeMeasurement = React.useCallback(() => {
-    const iframe = iframeRef.current;
-    const doc = iframe?.contentDocument;
-    if (!doc) {
-      return;
-    }
-
-    doc.defaultView?.removeEventListener('resize', measureIframe);
-    resizeObserverRef.current?.disconnect();
-    measureIframe();
-
-    if (typeof ResizeObserver !== 'undefined') {
-      const observer = new ResizeObserver(measureIframe);
-      if (doc.body) {
-        observer.observe(doc.body);
-      }
-      if (doc.documentElement) {
-        observer.observe(doc.documentElement);
-      }
-      resizeObserverRef.current = observer;
-    }
-
-    doc.defaultView?.addEventListener('resize', measureIframe);
-    void doc.fonts?.ready.then(measureIframe);
-  }, [measureIframe]);
-
-  useEffect(
-    () => () => {
-      const iframe = iframeRef.current;
-      const doc = iframe?.contentDocument;
-      doc?.defaultView?.removeEventListener('resize', measureIframe);
-      resizeObserverRef.current?.disconnect();
-    },
-    [measureIframe],
-  );
-
-  return (
-    <iframe
-      className={active ? 'block w-full border-0 bg-transparent' : 'hidden'}
-      onLoad={attachIframeMeasurement}
-      ref={iframeRef}
-      scrolling="no"
-      src={src}
-      style={{ height: `${iframeHeight}px` }}
-      title={title}
-    />
-  );
-};
-
 const ProjectWorkspaceTabs = ({
   activeTab,
   children,
@@ -107,14 +26,9 @@ const ProjectWorkspaceTabs = ({
   gitHref,
   presentationHref,
   explorerHref,
+  storageHref,
+  toolbarContent,
 }: ProjectWorkspaceTabsProps) => {
-  const [selectedTab, setSelectedTab] = useState<ProjectWorkspaceTabKey>(activeTab);
-  const [loadedTabs, setLoadedTabs] = useState<Record<ProjectWorkspaceTabKey, boolean>>({
-    git: activeTab === 'git',
-    presentation: activeTab === 'presentation',
-    explorer: activeTab === 'explorer',
-  });
-
   const { data: authzMapping = {} } = useGetAuthzMappingsQuery();
 
   const hasGitAccess = useMemo(() => {
@@ -156,6 +70,9 @@ const ProjectWorkspaceTabs = ({
   const explorerBaseHref =
     explorerHref ||
     `/Explorer/${encodeURIComponent(`${organization}-${project}`)}`;
+  const storageBaseHref =
+    storageHref ||
+    `/org/${encodeURIComponent(organization)}/project/${encodeURIComponent(project)}/storage`;
 
   const visibleTabs = useMemo(
     () =>
@@ -163,14 +80,14 @@ const ProjectWorkspaceTabs = ({
         {
           key: 'presentation' as const,
           label: 'Home',
-          src: buildEmbeddedHref(presentationBaseHref),
+          href: presentationBaseHref,
         },
         ...(hasExplorerConfig && (hasReadAccess || activeTab === 'explorer')
           ? [
               {
                 key: 'explorer' as const,
                 label: 'Explorer',
-                src: buildEmbeddedHref(explorerBaseHref),
+                href: explorerBaseHref,
               },
             ]
           : []),
@@ -179,7 +96,16 @@ const ProjectWorkspaceTabs = ({
               {
                 key: 'git' as const,
                 label: 'Source',
-                src: buildEmbeddedHref(gitBaseHref),
+                href: gitBaseHref,
+              },
+            ]
+          : []),
+        ...(hasReadAccess || activeTab === 'storage'
+          ? [
+              {
+                key: 'storage' as const,
+                label: 'Storage',
+                href: storageBaseHref,
               },
             ]
           : []),
@@ -189,20 +115,13 @@ const ProjectWorkspaceTabs = ({
       gitBaseHref,
       hasExplorerConfig,
       presentationBaseHref,
+      storageBaseHref,
       hasReadAccess,
       hasGitAccess,
       activeTab,
     ],
   );
 
-  useEffect(() => {
-    setSelectedTab(activeTab);
-    setLoadedTabs((current) => ({
-      ...current,
-      [activeTab]: true,
-    }));
-  }, [activeTab]);
-
   if (!organization || !project) {
     return <>{children}</>;
   }
@@ -210,64 +129,39 @@ const ProjectWorkspaceTabs = ({
   return (
     <div>
       <div className="border-b border-slate-200 bg-white">
-        <Tabs
-          onChange={(value) => {
-            if (
-              value !== 'git' &&
-              value !== 'presentation' &&
-              value !== 'explorer'
-            ) {
-              return;
-            }
-            setSelectedTab(value);
-            setLoadedTabs((current) => ({
-              ...current,
-              [value]: true,
-            }));
-          }}
-          value={selectedTab}
-        >
-          <Tabs.List className="min-h-[3rem] gap-5 border-0 px-4">
-            {visibleTabs.map((tab) => (
-              <Tabs.Tab
-                className="rounded-none border-0 border-b-2 border-transparent bg-transparent px-0 pb-3 pt-3 text-sm font-semibold text-slate-500 transition-colors hover:text-slate-800 data-[active=true]:border-[#2f5aac] data-[active=true]:bg-transparent data-[active=true]:text-[#2f5aac]"
-                key={tab.key}
-                value={tab.key}
-              >
-                {tab.label}
-              </Tabs.Tab>
-            ))}
-          </Tabs.List>
-        </Tabs>
+        <div className="flex min-h-[3rem] items-center gap-6 px-4">
+          <div
+            aria-label={`Project workspaces for ${organization}/${project}`}
+            className="flex self-stretch gap-5"
+            role="tablist"
+          >
+            {visibleTabs.map((tab) => {
+              const isActive = activeTab === tab.key;
+              return (
+                <Link
+                  aria-current={isActive ? 'page' : undefined}
+                  aria-selected={isActive}
+                  className={`rounded-none border-0 border-b-2 bg-transparent px-0 pb-3 pt-3 text-sm font-semibold transition-colors ${
+                    isActive
+                      ? 'border-[#2f5aac] text-[#2f5aac]'
+                      : 'border-transparent text-slate-500 hover:text-slate-800'
+                  }`}
+                  href={tab.href}
+                  key={tab.key}
+                  role="tab"
+                >
+                  {tab.label}
+                </Link>
+              );
+            })}
+          </div>
+          {toolbarContent ? (
+            <div className="min-w-0 flex-1">{toolbarContent}</div>
+          ) : null}
+        </div>
       </div>
 
-      <div>
-        {visibleTabs.map((tab) => {
-          const isActivePanel = selectedTab === tab.key;
-          const isCurrentRoutePanel = activeTab === tab.key;
-
-          return (
-            <div
-              className={
-                isActivePanel
-                  ? 'block'
-                  : 'hidden'
-              }
-              key={`panel-${tab.key}`}
-            >
-              {isCurrentRoutePanel ? (
-                children
-              ) : loadedTabs[tab.key] ? (
-                <EmbeddedRoutePanel
-                  active={isActivePanel}
-                  src={tab.src}
-                  title={`${tab.label} for ${organization}/${project}`}
-                />
-              ) : null}
-            </div>
-          );
-        })}
-      </div>
+      <div>{children}</div>
     </div>
   );
 };
diff --git a/packages/frontend/src/features/Navigation/Sidebar.tsx b/packages/frontend/src/features/Navigation/Sidebar.tsx
index 9c4c4e9f..a6766f95 100644
--- a/packages/frontend/src/features/Navigation/Sidebar.tsx
+++ b/packages/frontend/src/features/Navigation/Sidebar.tsx
@@ -1,8 +1,8 @@
 import Image from 'next/image';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
-import React, { useEffect, useMemo, useState } from 'react';
-import { ChevronDown, ChevronRight, Wrench } from 'lucide-react';
+import React, { useMemo, useState } from 'react';
+import { ChevronDown, ChevronRight } from 'lucide-react';
 import {
   useGetAuthzMappingsQuery,
   userHasMethodForServiceOnResource,
@@ -38,8 +38,6 @@ const projectRepoHref = (organization: string, project: string) =>
   `/org/${encodeURIComponent(organization)}/project/${encodeURIComponent(project)}`;
 
 const fallbackProjectThumbnailURL = '/icons/calypr-mark-mono.svg';
-const genericNavIcon = '/icons/apps/gen3_app.svg';
-const toolNavIconClassName = 'h-5 w-5 stroke-[1.85]';
 const isProjectThumbnailIcon = (icon?: string): boolean =>
   Boolean(
     icon &&
@@ -57,7 +55,7 @@ const SidebarContent = ({
     useSidebarContext();
   const [searchQuery, setSearchQuery] = useState('');
   const [showAllProjects, setShowAllProjects] = useState(false);
-  const showNewProjectButton = router.pathname === '/';
+  const showNewProjectButton = true;
 
   const combinedItems = useMemo<Array<LeftNavBarProps>>(() => {
     const projectItems: Array<LeftNavBarProps> = geckoProjects
@@ -90,59 +88,9 @@ const SidebarContent = ({
       })
       .sort((left, right) => left.title.localeCompare(right.title));
 
-    const toolItemsFromConfig = (items || [])
-      .filter(
-        (item) =>
-          item.title.toLowerCase() !== 'directory structure' &&
-          item.title.toLowerCase() !== 'home',
-      )
-      .map((item) => ({
-        title: item.title,
-        description: item.description || '',
-        href: item.href,
-        icon: item.icon,
-        iconNode: item.iconNode,
-        perms: item.perms || '',
-        subItems: item.subItems,
-      }));
-
-    return [
-      ...projectItems,
-      ...(toolItemsFromConfig.length > 0
-        ? [
-            {
-              title: 'Tools',
-              description: 'Common CALYPR tools',
-              href: '#',
-              icon: genericNavIcon,
-              iconNode: <Wrench className={toolNavIconClassName} />,
-              perms: '',
-              subItems: toolItemsFromConfig,
-            },
-          ]
-        : []),
-    ];
+    return projectItems;
   }, [geckoProjects, items]);
 
-  // Keep menu expanded if navigating to a sub-item
-  useEffect(() => {
-    combinedItems.forEach((item) => {
-      if (
-        item.subItems?.some((sub: LeftNavBarProps) => router.asPath === sub.href)
-      ) {
-        setExpandedItems((prev) => ({ ...prev, [item.title]: true }));
-      }
-    });
-  }, [router.asPath, combinedItems, setExpandedItems]);
-
-  useEffect(() => {
-    if (
-      !combinedItems.some((item) => item.title === 'Tools' && item.subItems?.length)
-    ) {
-      return;
-    }
-    setExpandedItems((prev) => (prev.Tools ? prev : { ...prev, Tools: true }));
-  }, [combinedItems, setExpandedItems]);
   const { data: authzMapping = {} } = useGetAuthzMappingsQuery();
 
   const hasAccess = (perms: string | undefined) => {
@@ -419,16 +367,5 @@ const SidebarWithProjectsData = (props: SidebarProps) => {
 };
 
 export const Sidebar = (props: SidebarProps) => {
-  const router = useRouter();
-  const isGitPage =
-    router.pathname === '/git' ||
-    router.pathname.startsWith('/git/') ||
-    router.asPath === '/git' ||
-    router.asPath.startsWith('/git/');
-
-  if (isGitPage) {
-    return <SidebarContent {...props} geckoProjects={[]} />;
-  }
-
   return <SidebarWithProjectsData {...props} />;
 };
diff --git a/packages/frontend/src/features/projectPresentation/presentationPage.unit.test.tsx b/packages/frontend/src/features/projectPresentation/presentationPage.unit.test.tsx
index c94b5c34..2f78771a 100644
--- a/packages/frontend/src/features/projectPresentation/presentationPage.unit.test.tsx
+++ b/packages/frontend/src/features/projectPresentation/presentationPage.unit.test.tsx
@@ -10,21 +10,47 @@ const useGetAuthzMappingsQueryMock = jest.fn();
 const useGetGeckoGitProjectPresentationConfigQueryMock = jest.fn();
 
 jest.mock('@gen3/core', () => ({
-  useGetAuthzMappingsQuery: () => useGetAuthzMappingsQueryMock(),
-  useGetGeckoProjectsQuery: () => useGetGeckoProjectsQueryMock(),
-  useGetGeckoProjectSummaryQuery: () => useGetGeckoProjectSummaryQueryMock(),
-  useGetConfigContentQuery: () => useGetConfigContentQueryMock(),
-  useGetGeckoGitProjectPresentationConfigQuery: () =>
-    useGetGeckoGitProjectPresentationConfigQueryMock(),
+  useGetAuthzMappingsQuery: (...args: unknown[]) =>
+    useGetAuthzMappingsQueryMock(...args),
+  useGetGeckoProjectsQuery: (...args: unknown[]) =>
+    useGetGeckoProjectsQueryMock(...args),
+  useGetGeckoProjectSummaryQuery: (...args: unknown[]) =>
+    useGetGeckoProjectSummaryQueryMock(...args),
+  useGetConfigContentQuery: (...args: unknown[]) =>
+    useGetConfigContentQueryMock(...args),
+  useGetGeckoGitProjectPresentationConfigQuery: (...args: unknown[]) =>
+    useGetGeckoGitProjectPresentationConfigQueryMock(...args),
 }));
 
-jest.mock('@gen3/frontend', () => ({
+jest.mock('../../features/Navigation', () => ({
   NavPageLayout: ({ children }: { children: React.ReactNode }) => <>{children}</>,
-  ProjectWorkspaceTabs: ({ children }: { children: React.ReactNode }) => (
-    <>{children}</>
+  ProjectWorkspaceTabs: ({
+    children,
+    organization,
+    project,
+  }: {
+    children: React.ReactNode;
+    organization: string;
+    project: string;
+  }) => (
+    <>
+      <a href={`/org/${organization}/project/${project}/presentation`} role="tab">
+        Home
+      </a>
+      <a href={`/org/${organization}/project/${project}`} role="tab">
+        Source
+      </a>
+      {children}
+    </>
   ),
+}));
+
+jest.mock('../../components/Protected', () => ({
   ProtectedContent: ({ children }: { children: React.ReactNode }) => <>{children}</>,
-  getNavPageLayoutPropsFromConfig: jest.fn(),
+}));
+
+jest.mock('../../utils', () => ({
+  useIsEmbedded: jest.fn(() => false),
 }));
 
 const useSessionMock = jest.fn();
@@ -146,7 +172,10 @@ describe('ProjectPresentationPage', () => {
 
     expect(screen.getByText('Summary title')).toBeInTheDocument();
     expect(screen.getByText('Summary description')).toBeInTheDocument();
-    expect(screen.getByText('Home')).toBeInTheDocument();
+    expect(screen.getByRole('tab', { name: 'Home' })).toHaveAttribute(
+      'href',
+      '/org/HTAN_INT/project/BForePC/presentation',
+    );
   });
 
   it('renders fallback copy when project metadata is missing', () => {
diff --git a/packages/frontend/src/index.ts b/packages/frontend/src/index.ts
index 6125ca4d..bd710d74 100644
--- a/packages/frontend/src/index.ts
+++ b/packages/frontend/src/index.ts
@@ -64,7 +64,6 @@ import {
 import {
   OrganizationExplorerPageGetServerSideProps,
   OrganizationLandingPage,
-  OrganizationProjectPage,
 } from './pages/OrganizationExplorer';
 import {
   ProjectPresentationPage,
@@ -137,7 +136,7 @@ import SubmissionPage from './pages/Submission/Submission';
 import { SubmissionPageGetServerSideProps } from './pages/Submission/data';
 
 import WorkspacePage from './pages/Workspace/Workspace';
-import { WorkspaceNoAccessPage } from './pages/Workspace/index';
+import WorkspaceNoAccessPage from './pages/Workspace/WorkspaceNoAccess';
 import {
   WorkspaceNoAccessPageServerSideProps,
   WorkspacePageGetServerSideProps,
@@ -220,7 +219,6 @@ export {
   GitProjectPage,
   GitExplorerPageGetServerSideProps,
   OrganizationLandingPage,
-  OrganizationProjectPage,
   OrganizationExplorerPageGetServerSideProps,
   ProjectPresentationPage,
   ProjectPresentationEditPage,
diff --git a/packages/frontend/src/lib/content/MicroserviceContent.ts b/packages/frontend/src/lib/content/MicroserviceContent.ts
index 7a08b8c6..04ce6d5b 100644
--- a/packages/frontend/src/lib/content/MicroserviceContent.ts
+++ b/packages/frontend/src/lib/content/MicroserviceContent.ts
@@ -11,7 +11,31 @@ export class MicroserviceContent implements ContentStore {
     url: string,
     requestHeaders?: Record<string, string>,
   ): Promise<T> {
-    this.log(`GET ${url}`);
+    let targetUrl = url;
+
+    if (
+      typeof window === 'undefined' &&
+      !targetUrl.startsWith('http://') &&
+      !targetUrl.startsWith('https://')
+    ) {
+      // We are in Node.js (SSR) and the URL is relative. Prepend origin to prevent ERR_INVALID_URL.
+      const hostHeader =
+        requestHeaders?.['Host'] ||
+        requestHeaders?.['host'] ||
+        process.env.HOSTNAME ||
+        'localhost:3000';
+      
+      const protocol =
+        hostHeader.includes('localhost') ||
+        hostHeader.includes('127.0.0.1') ||
+        hostHeader.includes('::1')
+          ? 'http'
+          : 'https';
+
+      targetUrl = `${protocol}://${hostHeader}${targetUrl.startsWith('/') ? '' : '/'}${targetUrl}`;
+    }
+
+    this.log(`GET ${targetUrl}`);
 
     // Default headers, including those passed from ContentDatabase
     const finalHeaders: Record<string, string> = {
@@ -26,7 +50,7 @@ export class MicroserviceContent implements ContentStore {
       }
     }
 
-    const res = await fetch(url, {
+    const res = await fetch(targetUrl, {
       headers: finalHeaders, // Use the merged headers
     });
 
diff --git a/packages/frontend/src/lib/session/session.tsx b/packages/frontend/src/lib/session/session.tsx
index 0b51be82..405c7d5f 100644
--- a/packages/frontend/src/lib/session/session.tsx
+++ b/packages/frontend/src/lib/session/session.tsx
@@ -16,10 +16,7 @@ import {
   type CoreState,
   GEN3_FENCE_API,
   GEN3_REDIRECT_URL,
-  Modals,
   selectUserAuthStatus,
-  showModal,
-  useCoreDispatch,
   useCoreSelector,
   useGetCSRFQuery,
   useLazyFetchUserDetailsQuery,
@@ -33,9 +30,28 @@ import { VerifyingAccessLoader } from '../../components/Protected/VerifyingAcces
 import { WORKSPACES_ENABLED } from '../../features/Workspace/config';
 
 const ACTIVITY_CHANNEL = 'gen3-user-activity';
+const FORCE_LOGOUT_EVENT = 'gen3-force-logout';
 const isAppHomePath = (path?: string): boolean =>
   path === '/' || Boolean(path?.startsWith('/Apps'));
 
+export const requestSessionLogout = ({
+  showLoginModal = false,
+}: {
+  showLoginModal?: boolean;
+} = {}) => {
+  if (typeof window === 'undefined') {
+    return;
+  }
+
+  window.dispatchEvent(
+    new CustomEvent(FORCE_LOGOUT_EVENT, {
+      detail: {
+        showLoginModal,
+      },
+    }),
+  );
+};
+
 export const logoutSession = async () => {
   // logged in using credentials then execute credentials logout first
   const accessToken = getCookie('credentials_token');
@@ -183,7 +199,6 @@ export const SessionProvider = ({
   monitorWorkspace = false,
 }: SessionProviderProps) => {
   const router = useRouter();
-  const coreDispatch = useCoreDispatch();
 
   const { isSuccess: isGetCSRFSuccess, isError: isGetCSRFError } =
     useGetCSRFQuery();
@@ -197,6 +212,7 @@ export const SessionProvider = ({
 
   const [mostRecentActivityTimestamp, setMostRecentActivityTimestamp] =
     useState(Date.now());
+  const forcedLogoutInFlightRef = useRef(false);
 
   const broadcastChannelRef = useRef<BroadcastChannel | null>(null);
 
@@ -268,21 +284,43 @@ export const SessionProvider = ({
     [getUserDetails, router],
   );
 
+  useEffect(() => {
+    if (typeof window === 'undefined') {
+      return undefined;
+    }
+
+    const handleForcedLogout = () => {
+      if (forcedLogoutInFlightRef.current) {
+        return;
+      }
+
+      forcedLogoutInFlightRef.current = true;
+
+      void endSession(false).finally(() => {
+        forcedLogoutInFlightRef.current = false;
+      });
+    };
+
+    window.addEventListener(FORCE_LOGOUT_EVENT, handleForcedLogout);
+
+    return () => {
+      window.removeEventListener(FORCE_LOGOUT_EVENT, handleForcedLogout);
+    };
+  }, [endSession]);
+
   const updateSession = useCallback(() => {
     const updateSessionWithUserStatus = async () => {
       try {
         await getUserDetails().unwrap();
       } catch (err: any) {
         if (err?.status === 401) {
-          const LoginModal = (Modals as Record<string, any>).LoginModal;
-          coreDispatch(showModal({ modal: LoginModal }));
           endSession(false);
         }
       }
     };
 
     updateSessionWithUserStatus();
-  }, [getUserDetails, coreDispatch, endSession]);
+  }, [getUserDetails, endSession]);
   /**
    * Update session value every updateSessionInterval seconds
    */
@@ -332,8 +370,6 @@ export const SessionProvider = ({
           timeSinceLastActivity >= inactiveTimeLimitMilliseconds &&
           !isUserOnPage('Workspace')
         ) {
-          const LoginModal = (Modals as Record<string, any>).LoginModal;
-          coreDispatch(showModal({ modal: LoginModal }));
           endSession(false);
           return;
         }
@@ -342,7 +378,6 @@ export const SessionProvider = ({
           timeSinceLastActivity >= workspaceInactivityTimeLimitMilliseconds &&
           isUserOnPage('Workspace')
         ) {
-          coreDispatch(showModal({ modal: (Modals as any).LoginModal }));
           endSession(false);
           return;
         }
diff --git a/packages/frontend/src/pages/FileSummary/ChainPathTree.tsx b/packages/frontend/src/pages/FileSummary/ChainPathTree.tsx
new file mode 100644
index 00000000..14d1958b
--- /dev/null
+++ b/packages/frontend/src/pages/FileSummary/ChainPathTree.tsx
@@ -0,0 +1,400 @@
+import React, { useMemo } from 'react';
+import { ActionIcon, Button, Checkbox, Group, Stack, Text } from '@mantine/core';
+import { IconChevronRight } from '@tabler/icons-react';
+import type { StorageChainFinding } from './storageTypes';
+
+const chainPathTreeNodeLimit = 250;
+const expandVisibleRowBudget = 1000;
+
+type ChainPathTreeNode = {
+  readonly depth: number;
+  isFolder: boolean;
+  readonly label: string;
+  readonly leafPath?: string;
+  readonly path: string;
+  readonly paths: Array<string>;
+};
+
+type ChainPathTreeProps = {
+  readonly expandedTreeNodes: Record<string, boolean>;
+  readonly findings: Array<StorageChainFinding>;
+  readonly helperText?: string;
+  readonly rootLimitKey: string;
+  readonly selectedPaths: Array<string>;
+  readonly treeNodeLimit: Record<string, number>;
+  readonly onSelectedPathsChange: (paths: Array<string>) => void;
+  readonly onTreeNodeLimitChange: (
+    updater: (current: Record<string, number>) => Record<string, number>,
+  ) => void;
+  readonly onTreeNodeToggle: (
+    updater: (current: Record<string, boolean>) => Record<string, boolean>,
+  ) => void;
+};
+
+type ChainPathTreeNodeProps = Omit<
+  ChainPathTreeProps,
+  'findings' | 'rootLimitKey'
+> & {
+  readonly node: ChainPathTreeNode;
+  readonly selectedPathsSet: Set<string>;
+};
+
+type VisibleFolder = {
+  readonly childCount: number;
+  readonly path: string;
+};
+
+const pathTreeSegments = (value: string): Array<string> => {
+  const trimmed = value.trim();
+  const urlMatch = /^([a-z][a-z0-9+.-]*:\/\/)([^/]+)\/?(.*)$/i.exec(trimmed);
+  if (!urlMatch) {
+    return trimmed.split('/').filter(Boolean);
+  }
+
+  return [
+    urlMatch[1] + urlMatch[2],
+    ...urlMatch[3].split('/').filter(Boolean),
+  ];
+};
+
+const treeNodesAtDepth = (
+  paths: Array<string>,
+  depth: number,
+): Array<ChainPathTreeNode> => {
+  const nodes = new Map<string, ChainPathTreeNode>();
+
+  paths.forEach((value) => {
+    const segments = pathTreeSegments(value);
+    if (segments.length <= depth) {
+      return;
+    }
+
+    const path = segments.slice(0, depth + 1).join('/');
+    const isFolder = segments.length > depth + 1;
+    const existing = nodes.get(path);
+    if (existing) {
+      existing.paths.push(value);
+      if (isFolder) {
+        existing.isFolder = true;
+      }
+      return;
+    }
+
+    nodes.set(path, {
+      depth,
+      isFolder,
+      label: segments[depth],
+      leafPath: isFolder ? undefined : value,
+      path,
+      paths: [value],
+    });
+  });
+
+  return Array.from(nodes.values()).sort((left, right) => {
+    if (left.isFolder !== right.isFolder) {
+      return left.isFolder ? -1 : 1;
+    }
+    return left.label.localeCompare(right.label, undefined, {
+      numeric: true,
+      sensitivity: 'base',
+    });
+  });
+};
+
+const updateSelectedPaths = ({
+  checked,
+  paths,
+  selectedPaths,
+}: {
+  checked: boolean;
+  paths: Array<string>;
+  selectedPaths: Array<string>;
+}): Array<string> => {
+  if (checked) {
+    return Array.from(new Set([...selectedPaths, ...paths])).sort();
+  }
+  const removed = new Set(paths);
+  return selectedPaths.filter((path) => !removed.has(path));
+};
+
+const visibleCollapsedFolders = ({
+  expandedTreeNodes,
+  nodes,
+  treeNodeLimit,
+}: {
+  expandedTreeNodes: Record<string, boolean>;
+  nodes: Array<ChainPathTreeNode>;
+  treeNodeLimit: Record<string, number>;
+}): Array<VisibleFolder> => {
+  const folders: Array<VisibleFolder> = [];
+  const visit = (visibleNodes: Array<ChainPathTreeNode>): void => {
+    visibleNodes.forEach((node) => {
+      if (!node.isFolder) {
+        return;
+      }
+      if (!expandedTreeNodes[node.path]) {
+        const childCount = treeNodesAtDepth(node.paths, node.depth + 1).length;
+        if (childCount > 0) {
+          folders.push({ childCount, path: node.path });
+        }
+        return;
+      }
+      const children = treeNodesAtDepth(node.paths, node.depth + 1);
+      const visibleLimit =
+        treeNodeLimit[node.path] ?? chainPathTreeNodeLimit;
+      visit(children.slice(0, visibleLimit));
+    });
+  };
+
+  visit(nodes);
+  return folders;
+};
+
+const ChainPathTreeNode = ({
+  expandedTreeNodes,
+  node,
+  onSelectedPathsChange,
+  onTreeNodeLimitChange,
+  onTreeNodeToggle,
+  selectedPaths,
+  selectedPathsSet,
+  treeNodeLimit,
+}: ChainPathTreeNodeProps): JSX.Element => {
+  const selectedCount = node.paths.filter((path) =>
+    selectedPathsSet.has(path),
+  ).length;
+  const fullySelected =
+    node.paths.length > 0 && selectedCount === node.paths.length;
+  const partiallySelected =
+    selectedCount > 0 && selectedCount < node.paths.length;
+  const isExpanded = expandedTreeNodes[node.path] ?? false;
+  const children = useMemo(
+    () => (isExpanded ? treeNodesAtDepth(node.paths, node.depth + 1) : []),
+    [isExpanded, node.depth, node.paths],
+  );
+  const visibleLimit = treeNodeLimit[node.path] ?? chainPathTreeNodeLimit;
+
+  return (
+    <Stack gap={4}>
+      <Group gap="xs" style={{ paddingLeft: node.depth * 16 }}>
+        {node.isFolder ? (
+          <ActionIcon
+            onClick={() =>
+              onTreeNodeToggle((current) => ({
+                ...current,
+                [node.path]: !current[node.path],
+              }))
+            }
+            size="sm"
+            variant="subtle"
+          >
+            <IconChevronRight
+              size={14}
+              style={{
+                transform: isExpanded ? 'rotate(90deg)' : 'rotate(0deg)',
+                transition: 'transform 120ms ease',
+              }}
+            />
+          </ActionIcon>
+        ) : (
+          <div style={{ width: 28 }} />
+        )}
+        <Checkbox
+          checked={fullySelected}
+          indeterminate={partiallySelected}
+          label={node.label}
+          onChange={(event) => {
+            const checked = event.currentTarget.checked;
+            if (!node.isFolder && node.leafPath) {
+              onSelectedPathsChange(
+                updateSelectedPaths({
+                  checked,
+                  paths: [node.leafPath],
+                  selectedPaths,
+                }),
+              );
+              return;
+            }
+            onSelectedPathsChange(
+              updateSelectedPaths({
+                checked,
+                paths: node.paths,
+                selectedPaths,
+              }),
+            );
+          }}
+        />
+      </Group>
+      {node.isFolder && isExpanded ? (
+        <>
+          {children
+            .slice(0, visibleLimit)
+            .map((child) => (
+              <ChainPathTreeNode
+                expandedTreeNodes={expandedTreeNodes}
+                key={child.path}
+                node={child}
+                onSelectedPathsChange={onSelectedPathsChange}
+                onTreeNodeLimitChange={onTreeNodeLimitChange}
+                onTreeNodeToggle={onTreeNodeToggle}
+                selectedPaths={selectedPaths}
+                selectedPathsSet={selectedPathsSet}
+                treeNodeLimit={treeNodeLimit}
+              />
+            ))}
+          {children.length > visibleLimit ? (
+            <Button
+              onClick={() =>
+                onTreeNodeLimitChange((current) => ({
+                  ...current,
+                  [node.path]:
+                    (current[node.path] ?? chainPathTreeNodeLimit) +
+                    chainPathTreeNodeLimit,
+                }))
+              }
+              size="xs"
+              style={{
+                alignSelf: 'flex-start',
+                marginLeft: (node.depth + 1) * 16 + 28,
+              }}
+              variant="subtle"
+            >
+              Show more ({(children.length - visibleLimit).toLocaleString()}{' '}
+              remaining)...
+            </Button>
+          ) : null}
+        </>
+      ) : null}
+    </Stack>
+  );
+};
+
+export const ChainPathTree = ({
+  expandedTreeNodes,
+  findings,
+  helperText,
+  onSelectedPathsChange,
+  onTreeNodeLimitChange,
+  onTreeNodeToggle,
+  rootLimitKey,
+  selectedPaths,
+  treeNodeLimit,
+}: ChainPathTreeProps): JSX.Element => {
+  const paths = useMemo(
+    () =>
+      Array.from(
+        new Set(
+          findings
+            .map((finding) => finding.normalizedPath)
+            .filter(Boolean),
+        ),
+      ).sort(),
+    [findings],
+  );
+  const rootNodes = useMemo(() => treeNodesAtDepth(paths, 0), [paths]);
+  const selectedPathsSet = useMemo(
+    () => new Set(selectedPaths),
+    [selectedPaths],
+  );
+  const visibleLimit = treeNodeLimit[rootLimitKey] ?? chainPathTreeNodeLimit;
+  const selectedPathCount = paths.filter((path) => selectedPathsSet.has(path))
+    .length;
+  const expandVisible = (): void => {
+    const folders = visibleCollapsedFolders({
+      expandedTreeNodes,
+      nodes: rootNodes.slice(0, visibleLimit),
+      treeNodeLimit,
+    });
+    let renderedRows = 0;
+    const pathsToExpand = folders.reduce<Array<string>>((selected, folder) => {
+      const childLimit =
+        treeNodeLimit[folder.path] ?? chainPathTreeNodeLimit;
+      const nextRows = Math.min(folder.childCount, childLimit);
+      if (renderedRows + nextRows > expandVisibleRowBudget) {
+        return selected;
+      }
+      renderedRows += nextRows;
+      selected.push(folder.path);
+      return selected;
+    }, []);
+    if (pathsToExpand.length === 0) {
+      return;
+    }
+    onTreeNodeToggle((current) => ({
+      ...current,
+      ...Object.fromEntries(pathsToExpand.map((path) => [path, true])),
+    }));
+  };
+
+  return (
+    <Stack
+      className="rounded-md border border-slate-200 bg-white px-3 py-3"
+      gap="xs"
+    >
+      <Group justify="space-between" wrap="wrap">
+        <Checkbox
+          checked={paths.length > 0 && selectedPathCount === paths.length}
+          indeterminate={
+            selectedPathCount > 0 && selectedPathCount < paths.length
+          }
+          label={`Select all loaded paths (${selectedPathCount.toLocaleString()} / ${paths.length.toLocaleString()})`}
+          onChange={(event) =>
+            onSelectedPathsChange(
+              updateSelectedPaths({
+                checked: event.currentTarget.checked,
+                paths,
+                selectedPaths,
+              }),
+            )
+          }
+        />
+        <Group gap="xs" wrap="wrap">
+          <Text c="dimmed" size="xs">
+            {helperText ?? 'Expand folders and choose the exact paths to heal.'}
+          </Text>
+          <Button
+            onClick={expandVisible}
+            size="xs"
+            title="Expands visible folders within a 1,000-row render budget. Click again to continue."
+            variant="subtle"
+          >
+            Expand all visible
+          </Button>
+        </Group>
+      </Group>
+      <Stack gap={4}>
+        {rootNodes.slice(0, visibleLimit).map((node) => (
+          <ChainPathTreeNode
+            expandedTreeNodes={expandedTreeNodes}
+            key={node.path}
+            node={node}
+            onSelectedPathsChange={onSelectedPathsChange}
+            onTreeNodeLimitChange={onTreeNodeLimitChange}
+            onTreeNodeToggle={onTreeNodeToggle}
+            selectedPaths={selectedPaths}
+            selectedPathsSet={selectedPathsSet}
+            treeNodeLimit={treeNodeLimit}
+          />
+        ))}
+      </Stack>
+      {rootNodes.length > visibleLimit ? (
+        <Button
+          onClick={() =>
+            onTreeNodeLimitChange((current) => ({
+              ...current,
+              [rootLimitKey]:
+                (current[rootLimitKey] ?? chainPathTreeNodeLimit) +
+                chainPathTreeNodeLimit,
+            }))
+          }
+          size="xs"
+          style={{ alignSelf: 'flex-start', marginLeft: 28 }}
+          variant="subtle"
+        >
+          Show more ({(rootNodes.length - visibleLimit).toLocaleString()}{' '}
+          remaining)...
+        </Button>
+      ) : null}
+    </Stack>
+  );
+};
diff --git a/packages/frontend/src/pages/FileSummary/FileSummary.tsx b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
index 4452c12e..9878b55e 100644
--- a/packages/frontend/src/pages/FileSummary/FileSummary.tsx
+++ b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
@@ -1,172 +1,1312 @@
-import React, { useState } from 'react';
-import { Text, Loader, Center, Switch } from '@mantine/core';
-import { MatchingTable } from '../../features/MatchingTable';
-import { DonutSumChart, BarChart } from '../../components/charts';
-import { NavPageLayout } from '../../features/Navigation';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { useRouter } from 'next/router';
+import {
+  CALYPR_EXPLORER_CONFIG_API,
+  useGetConfigContentQuery,
+} from '@gen3/core';
+import {
+  ActionIcon,
+  Alert,
+  Badge,
+  Center,
+  Container,
+  Group,
+  Loader,
+  Menu,
+  Select,
+  Stack,
+  Text,
+} from '@mantine/core';
+import {
+  IconAlertCircle,
+  IconCheck,
+  IconCopy,
+  IconRefresh,
+} from '@tabler/icons-react';
 import ProtectedContent from '../../components/Protected/ProtectedContent';
-
-import { formatBytes } from '../../utils/labels';
-import { convertSlicePointsToRangeMap } from './bindata';
+import { NavPageLayout, ProjectWorkspaceTabs } from '../../features/Navigation';
 import { FileSummaryPageProps } from './types';
 import {
-  useProjectsQuery,
-  useFileAggsQuery,
-  useFilesFromBinQuery,
-  useFileTypesHistogramQuery,
+  type AuditActionOption,
+  type StorageApplyActionRequest,
+  type StorageChainAuditResult,
+  type StorageChainFinding,
+  type StorageCleanupFinding,
+  useSyfonStorageChain,
+  useSyfonPathStorageSummary,
+  useSyfonStorageCleanup,
+  useRegisterGitOnlySyfonRecords,
 } from './hooks';
+import {
+  buildProjectOptions,
+  splitProjectSelectionValue,
+} from './storageUtils';
+import { StorageBrowser } from './StorageBrowser';
+import { StorageChainAuditReport } from './StorageChainAuditReport';
+import { summarizeStorageChainIssues } from './storageIssueSummaries';
+import { getReadableDuration } from '../../utils/time';
+import {
+  getPathSegments,
+  isInspectAction,
+  resolveIssueAction,
+  resolveProjectSelection,
+  sortStorageRowsBy,
+  type ActionableFinding,
+  type BreadcrumbItem,
+  type StorageSortDirection,
+  type StorageSortKey,
+} from './storagePresentation';
 
 export const FileSummaryPage = ({
   headerProps,
   footerProps,
   filesummaryConfig,
 }: FileSummaryPageProps) => {
-  const [barChartToggle, setbarChartToggle] = useState<boolean>(false);
-  const [selectedCategory, setSelectedCategory] = useState<string>('');
-  const { data, isLoading, isError } = useProjectsQuery();
-  const [selectedProject, setSelectedProject] = useState<string>(
-    filesummaryConfig?.defaultProject ?? '',
+  const router = useRouter();
+  const routeOrganization =
+    typeof router.query.org === 'string' ? router.query.org : '';
+  const routeProject =
+    typeof router.query.project === 'string' ? router.query.project : '';
+  const isProjectScopedRoute = Boolean(routeOrganization && routeProject);
+  const forcedProjectSelection = isProjectScopedRoute
+    ? `${routeOrganization}/${routeProject}`
+    : '';
+  const [projectOptions, setProjectOptions] = useState<
+    Array<ReturnType<typeof buildProjectOptions>[number]>
+  >([]);
+  const [isProjectsLoading, setIsProjectsLoading] =
+    useState(!isProjectScopedRoute);
+  const defaultSelection = useMemo(() => {
+    if (forcedProjectSelection) {
+      return forcedProjectSelection;
+    }
+    return resolveProjectSelection({
+      defaultProject: filesummaryConfig?.defaultProject,
+      options: projectOptions,
+    });
+  }, [
+    filesummaryConfig?.defaultProject,
+    forcedProjectSelection,
+    projectOptions,
+  ]);
+  const [selectedProject, setSelectedProject] = useState('');
+  const [currentPath, setCurrentPath] = useState(
+    filesummaryConfig?.defaultPath?.trim() ?? '',
   );
-  const [selectedRange, setSelectedRange] = useState<number[]>(
-    filesummaryConfig?.binslicePoints.slice(0, 2) ?? [],
+  const [hasCopiedStoragePath, setHasCopiedStoragePath] = useState(false);
+  const [expandedChainIssueIds, setExpandedChainIssueIds] = useState<
+    Set<string>
+  >(new Set());
+  const [selectedChainPathsByIssue, setSelectedChainPathsByIssue] = useState<
+    Record<string, Array<string>>
+  >({});
+  const [expandedChainTreeNodes, setExpandedChainTreeNodes] = useState<
+    Record<string, boolean>
+  >({});
+  const [treeNodeLimit, setTreeNodeLimit] = useState<Record<string, number>>(
+    {},
   );
-  const { fdata, fisLoading, fisError } = useFileAggsQuery(
-    filesummaryConfig?.binslicePoints ?? [],
-    selectedProject,
+  const [actionFeedbackMessage, setActionFeedbackMessage] = useState<
+    string | null
+  >(null);
+  const [chainIssueFindingsByKind, setChainIssueFindingsByKind] = useState<
+    Record<string, Array<StorageChainFinding>>
+  >({});
+  const [chainIssueLoadErrors, setChainIssueLoadErrors] = useState<
+    Record<string, string>
+  >({});
+  const [chainIssueLoadNotices, setChainIssueLoadNotices] = useState<
+    Record<string, string>
+  >({});
+  const [loadingChainIssueId, setLoadingChainIssueId] = useState<string | null>(
+    null,
   );
+  const [storageSortKey, setStorageSortKey] =
+    useState<StorageSortKey>('sizeBytes');
+  const [storageSortDirection, setStorageSortDirection] =
+    useState<StorageSortDirection>('desc');
+  const [exactStorageRequest, setExactStorageRequest] = useState<{
+    path: string;
+    token: number;
+  } | null>(null);
+  const [storageTab, setStorageTab] = useState<'browser' | 'audit'>('browser');
+
+  useEffect(() => {
+    if (isProjectScopedRoute) {
+      setProjectOptions([]);
+      setIsProjectsLoading(false);
+      return;
+    }
+
+    let cancelled = false;
+
+    const loadProjectOptions = async () => {
+      setIsProjectsLoading(true);
+      try {
+        const response = await fetch(
+          `${CALYPR_EXPLORER_CONFIG_API}/projects/summary`,
+          {
+            credentials: 'include',
+            method: 'GET',
+          },
+        );
+
+        if (response.status === 401 || response.status === 403) {
+          throw new Error('Your session expired. Please log in again.');
+        }
+
+        if (!response.ok) {
+          throw new Error('Failed to load project list.');
+        }
+
+        const summary = (await response.json()) as Array<{
+          organization: string;
+          project: string;
+        }>;
+
+        if (!cancelled) {
+          setProjectOptions(buildProjectOptions(summary));
+        }
+      } catch {
+        if (!cancelled) {
+          setProjectOptions([]);
+        }
+      } finally {
+        if (!cancelled) {
+          setIsProjectsLoading(false);
+        }
+      }
+    };
+
+    void loadProjectOptions();
+
+    return () => {
+      cancelled = true;
+    };
+  }, [isProjectScopedRoute]);
 
-  const { fbindata, fbinisLoading, fbinisError } = useFilesFromBinQuery(
-    selectedProject,
-    selectedRange,
-    filesummaryConfig?.config ?? {},
-    selectedCategory,
+  useEffect(() => {
+    if (forcedProjectSelection) {
+      setSelectedProject((current) =>
+        current === forcedProjectSelection ? current : forcedProjectSelection,
+      );
+      return;
+    }
+
+    if (!selectedProject && defaultSelection) {
+      setSelectedProject(defaultSelection);
+    }
+  }, [defaultSelection, forcedProjectSelection, selectedProject]);
+
+  const selectedProjectParts = useMemo(
+    () => splitProjectSelectionValue(selectedProject),
+    [selectedProject],
+  );
+  const explorerConfigId = selectedProjectParts
+    ? `${selectedProjectParts.organization}-${selectedProjectParts.project}`
+    : '';
+  const { data: explorerConfigResponse } = useGetConfigContentQuery(
+    explorerConfigId,
+    {
+      skip: !explorerConfigId,
+    },
+  );
+  const hasExplorerConfig = Boolean(explorerConfigResponse?.data);
+  const breadcrumbSegments = useMemo(
+    () => getPathSegments(currentPath),
+    [currentPath],
   );
+  const breadcrumbItems = useMemo<Array<BreadcrumbItem>>(() => {
+    if (!selectedProjectParts) {
+      return [];
+    }
 
-  const { ftdata, ftisLoading, ftisError } =
-    useFileTypesHistogramQuery(selectedProject);
+    return [
+      {
+        label: selectedProjectParts.project,
+        path: '',
+      },
+      ...breadcrumbSegments.map((segment, index) => ({
+        label: segment,
+        path: breadcrumbSegments.slice(0, index + 1).join('/'),
+      })),
+    ];
+  }, [breadcrumbSegments, selectedProjectParts]);
+  const collapsedBreadcrumb = useMemo(() => {
+    if (breadcrumbItems.length <= 5) {
+      return {
+        leadingItems: breadcrumbItems,
+        hiddenItems: [] as Array<BreadcrumbItem>,
+      };
+    }
 
-  if (isError || fisError || fbinisError || ftisError) {
-    return <Text> Error occurred while fetching file metadata </Text>;
-  }
+    return {
+      leadingItems: [breadcrumbItems[0], ...breadcrumbItems.slice(-4)],
+      hiddenItems: breadcrumbItems.slice(1, -4),
+    };
+  }, [breadcrumbItems]);
+  const {
+    applyExactChainSummary,
+    data,
+    error,
+    isLoading,
+    isLoadingMore,
+    loadMore,
+    refresh,
+  } = useSyfonPathStorageSummary({
+    config: filesummaryConfig,
+    currentPath,
+    exactRequest: exactStorageRequest ?? undefined,
+    projectSelection: selectedProject,
+  });
+  const {
+    auditError: chainAuditError,
+    auditResult: chainAuditResult,
+    clearAudit: clearChainAudit,
+    isAuditing: isChainAuditing,
+    runAudit: runChainAudit,
+    setAuditResult: setChainAuditResult,
+  } = useSyfonStorageChain({
+    config: filesummaryConfig,
+    currentPath,
+    projectSelection: selectedProject,
+  });
+  const {
+    applyCleanup,
+    applyError,
+    applyResult,
+    clearApplyError,
+    clearApplyResult,
+    clearCleanupResults,
+    isApplying,
+    isAuditing,
+  } = useSyfonStorageCleanup({
+    config: filesummaryConfig,
+    currentPath,
+    projectSelection: selectedProject,
+  });
+  const {
+    error: gitOnlyRegistrationError,
+    isRegistering: isRegisteringGitOnly,
+    register: registerGitOnlySyfonRecords,
+  } = useRegisterGitOnlySyfonRecords({
+    projectSelection: selectedProject,
+  });
+  useEffect(() => {
+    clearChainAudit();
+    clearCleanupResults();
+  }, [clearChainAudit, clearCleanupResults, selectedProject]);
 
-  const handleProjectSelection = (projectName: string) => {
-    setSelectedProject(projectName);
-  };
+  useEffect(() => {
+    setActionFeedbackMessage(null);
+    setExpandedChainIssueIds(new Set());
+    setSelectedChainPathsByIssue({});
+    setExpandedChainTreeNodes({});
+    setTreeNodeLimit({});
+    setChainIssueFindingsByKind({});
+    setChainIssueLoadErrors({});
+    setChainIssueLoadNotices({});
+    setLoadingChainIssueId(null);
+  }, [selectedProject]);
+
+  const sortedRows = useMemo(
+    () =>
+      sortStorageRowsBy(data?.rows ?? [], storageSortKey, storageSortDirection),
+    [data?.rows, storageSortDirection, storageSortKey],
+  );
+  const largestRowSize = useMemo(
+    () => Math.max(0, ...(data?.rows ?? []).map((row) => row.sizeBytes)),
+    [data?.rows],
+  );
+  const chainIssueSummaries = useMemo(
+    () =>
+      summarizeStorageChainIssues({
+        chainFindings: chainAuditResult?.findings ?? [],
+        chainGroups: chainAuditResult?.groups ?? [],
+      }),
+    [chainAuditResult?.findings, chainAuditResult?.groups],
+  );
+  const cleanChainJoinCount =
+    chainAuditResult?.summary.countsByKind.bucket_syfon_git_complete ?? 0;
+  const getChainFindingsForIssue = useCallback(
+    (issueId: string): Array<StorageChainFinding> => {
+      const fullIssueFindings = chainIssueFindingsByKind[issueId];
+      if (fullIssueFindings) {
+        return fullIssueFindings;
+      }
+      return (chainAuditResult?.findings ?? []).filter(
+        (finding) => finding.kind === issueId,
+      );
+    },
+    [chainAuditResult?.findings, chainIssueFindingsByKind],
+  );
+  useEffect(() => {
+    setSelectedChainPathsByIssue((current) => {
+      let changed = false;
+      const nextSelections: Record<string, Array<string>> = {};
+      Object.entries(current).forEach(([issueId, selectedPaths]) => {
+        const issueIsSelectable =
+          issueId === 'bucket_only_object' ||
+          issueId === 'bucket_syfon_no_git' ||
+          issueId === 'git_only_no_syfon';
+        if (!issueIsSelectable) {
+          nextSelections[issueId] = selectedPaths;
+          return;
+        }
+        const available = new Set(
+          getChainFindingsForIssue(issueId)
+            .map((finding) => finding.normalizedPath)
+            .filter(Boolean),
+        );
+        const nextPaths = selectedPaths.filter((path) => available.has(path));
+        nextSelections[issueId] = nextPaths;
+        if (
+          nextPaths.length !== selectedPaths.length ||
+          nextPaths.some((value, index) => value !== selectedPaths[index])
+        ) {
+          changed = true;
+        }
+      });
+      return changed ? nextSelections : current;
+    });
+  }, [getChainFindingsForIssue]);
+  const buildActionRequests = useCallback(
+    ({
+      action,
+      findings,
+    }: {
+      action: string;
+      findings: Array<ActionableFinding>;
+    }): Array<StorageApplyActionRequest> =>
+      Array.from(
+        new Map(
+          findings
+            .filter((finding) => finding.normalizedPath)
+            .map((finding) => [
+              `${finding.kind}:${finding.normalizedPath}:${action}`,
+              {
+                action,
+                kind: finding.kind,
+                normalized_path: finding.normalizedPath,
+              },
+            ]),
+        ).values(),
+      ),
+    [],
+  );
+  const buildSuggestedActionRequests = useCallback(
+    ({
+      findings,
+    }: {
+      findings: Array<ActionableFinding>;
+    }): Array<StorageApplyActionRequest> =>
+      Array.from(
+        new Map(
+          findings
+            .filter(
+              (finding) =>
+                finding.normalizedPath &&
+                'suggestedAction' in finding &&
+                finding.suggestedAction,
+            )
+            .map((finding) => [
+              `${finding.kind}:${finding.normalizedPath}:${'suggestedAction' in finding ? finding.suggestedAction : ''}`,
+              {
+                action:
+                  'suggestedAction' in finding && finding.suggestedAction
+                    ? finding.suggestedAction
+                    : '',
+                kind: finding.kind,
+                normalized_path: finding.normalizedPath,
+              },
+            ]),
+        ).values(),
+      ),
+    [],
+  );
+
+  const removeHealedChainFindings = useCallback(
+    (issueId: string, paths: Array<string>, deletedRecordCount = 0) => {
+      const pathSet = new Set(paths);
+      setChainAuditResult((current) => {
+        if (!current) {
+          return current;
+        }
+
+        const findings = current.findings.filter(
+          (finding) =>
+            !(finding.kind === issueId && pathSet.has(finding.normalizedPath)),
+        );
+
+        const countsByKind = Object.keys(current.summary.countsByKind).reduce<
+          Record<string, number>
+        >((accumulator, key) => {
+          accumulator[key] = 0;
+          return accumulator;
+        }, {});
+        countsByKind.bucket_syfon_git_complete =
+          current.summary.countsByKind.bucket_syfon_git_complete ?? 0;
+
+        findings.forEach((finding) => {
+          countsByKind[finding.kind] = (countsByKind[finding.kind] ?? 0) + 1;
+        });
+
+        const groupsMap = new Map<
+          string,
+          {
+            findingCount: number;
+            objectIds: Set<string>;
+            pathCount: number;
+            recordCount: number;
+            totalBytes: number;
+          }
+        >();
+
+        findings.forEach((finding) => {
+          const existing = groupsMap.get(finding.kind) ?? {
+            findingCount: 0,
+            objectIds: new Set<string>(),
+            pathCount: 0,
+            recordCount: 0,
+            totalBytes: 0,
+          };
+          existing.findingCount += 1;
+          existing.pathCount += 1;
+          existing.recordCount += finding.recordCount;
+          existing.totalBytes += finding.sizeBytes ?? 0;
+          finding.objectIds.forEach((objectId) =>
+            existing.objectIds.add(objectId),
+          );
+          groupsMap.set(finding.kind, existing);
+        });
+
+        const groups = current.groups
+          .map((group) => {
+            const updated = groupsMap.get(group.kind);
+            if (!updated) {
+              return null;
+            }
+
+            return {
+              kind: group.kind,
+              findingCount: updated.findingCount,
+              objectCount: updated.objectIds.size,
+              pathCount: updated.pathCount,
+              recordCount: updated.recordCount,
+              totalBytes: updated.totalBytes,
+            };
+          })
+          .filter(
+            (group): group is NonNullable<typeof group> => group !== null,
+          );
+
+        return {
+          ...current,
+          findings,
+          groups,
+          summary: {
+            ...current.summary,
+            countsByKind,
+            syfonRecordCount: Math.max(
+              0,
+              current.summary.syfonRecordCount - deletedRecordCount,
+            ),
+            totalFindings: findings.length,
+          },
+        };
+      });
+      setChainIssueFindingsByKind((current) => {
+        const existing = current[issueId];
+        if (!existing) {
+          return current;
+        }
+
+        return {
+          ...current,
+          [issueId]: existing.filter(
+            (finding) => !pathSet.has(finding.normalizedPath),
+          ),
+        };
+      });
+      setExpandedChainIssueIds((current) => {
+        if (!current.has(issueId)) {
+          return current;
+        }
+        const next = new Set(current);
+        next.delete(issueId);
+        return next;
+      });
+    },
+    [setChainAuditResult],
+  );
+
+  const loadChainIssueDetails = useCallback(
+    (issueId: string) => {
+      if (chainIssueFindingsByKind[issueId]) {
+        return;
+      }
+
+      setLoadingChainIssueId(null);
+      setChainIssueLoadErrors((current) => {
+        const next = { ...current };
+        delete next[issueId];
+        return next;
+      });
+      setChainIssueLoadNotices((current) => {
+        const next = { ...current };
+        delete next[issueId];
+        return next;
+      });
+
+      if (!chainAuditResult) {
+        setChainIssueLoadErrors((current) => ({
+          ...current,
+          [issueId]:
+            'Run the storage chain audit before opening issue details.',
+        }));
+        return;
+      }
+
+      const findings = chainAuditResult.findings.filter(
+        (finding) => finding.kind === issueId,
+      );
+      setChainIssueFindingsByKind((current) => ({
+        ...current,
+        [issueId]: findings,
+      }));
+
+      const expectedCount =
+        chainAuditResult.groups.find((group) => group.kind === issueId)
+          ?.findingCount ?? findings.length;
+      if (expectedCount > findings.length) {
+        const findingLimit = chainAuditResult.summary.findingLimit;
+        setChainIssueLoadNotices((current) => ({
+          ...current,
+          [issueId]:
+            findings.length > 0
+              ? `Showing ${findings.length.toLocaleString()} of ${expectedCount.toLocaleString()} ${expectedCount === 1 ? 'row' : 'rows'} from the completed audit response for this issue group.${findingLimit ? ` Audit responses include up to ${findingLimit.toLocaleString()} rows per issue group.` : ''}`
+              : 'The completed audit response did not include row details for this issue group. Rerun the audit after Gecko is updated to return rows per issue group.',
+        }));
+      } else if (findings.length === 0 && expectedCount > 0) {
+        setChainIssueLoadNotices((current) => ({
+          ...current,
+          [issueId]:
+            'The completed audit summarized this issue group but did not include row-level findings for it.',
+        }));
+      }
+    },
+    [chainAuditResult, chainIssueFindingsByKind],
+  );
+
+  const runIssueAction = useCallback(
+    async ({
+      defaultAction,
+      findings,
+      issueId,
+      issueTitle,
+      paths,
+    }: {
+      defaultAction?: AuditActionOption;
+      findings: Array<ActionableFinding>;
+      issueId: string;
+      issueTitle: string;
+      paths: Array<string>;
+    }) => {
+      const resolvedAction = resolveIssueAction({
+        defaultAction,
+        findings,
+      });
+
+      if (!resolvedAction) {
+        setActionFeedbackMessage(
+          `${issueTitle} does not currently expose any backend action.`,
+        );
+        return;
+      }
+
+      const actionName = resolvedAction.action;
+      const selectedPaths = paths;
+
+      if (isInspectAction(actionName)) {
+        setExpandedChainIssueIds((current) => {
+          const next = new Set(current);
+          next.add(issueId);
+          return next;
+        });
+        void loadChainIssueDetails(issueId);
+        return;
+      }
+
+      if (actionName === 'rerun_audit') {
+        await runChainAudit();
+        return;
+      }
+
+      const suggestedMode = actionName === 'apply_suggested_fixes';
+      const actionFindings = suggestedMode
+        ? findings.filter(
+            (finding) =>
+              'suggestedAction' in finding && Boolean(finding.suggestedAction),
+          )
+        : findings;
+      const actionRequests = suggestedMode
+        ? buildSuggestedActionRequests({ findings: actionFindings })
+        : buildActionRequests({
+            action: actionName,
+            findings: actionFindings,
+          });
+
+      if (suggestedMode && actionRequests.length === 0) {
+        setActionFeedbackMessage(
+          `${issueTitle} does not currently have any backend-applicable suggested fixes.`,
+        );
+        return;
+      }
+
+      if (resolvedAction.requiresConfirmation || resolvedAction.destructive) {
+        let approved = true;
+        if (resolvedAction.supportsDryRun) {
+          const preview = await applyCleanup({
+            actions: actionRequests,
+            findings: actionFindings.filter(
+              (
+                finding,
+              ): finding is StorageCleanupFinding | StorageChainFinding =>
+                'records' in finding,
+            ),
+            deleteBucketOnlyObjects: false,
+            deleteRepoOrphans: false,
+            deleteStaleDuplicates: false,
+            dryRun: true,
+            selectedPaths,
+          });
+
+          if (!preview) {
+            return;
+          }
+
+          approved = window.confirm(
+            `${resolvedAction.label}\n\nDelete records: ${preview.deletedRecordIds.length.toLocaleString()}\nDelete bucket objects: ${preview.deletedBucketObjectUrls.length.toLocaleString()}\nSkipped paths: ${preview.skippedPaths.length.toLocaleString()}\n\nProceed?`,
+          );
+        } else {
+          approved = window.confirm(
+            `${resolvedAction.label}\n\nThis action will modify project state. Proceed?`,
+          );
+        }
+
+        if (!approved) {
+          return;
+        }
+      }
+
+      const result = await applyCleanup({
+        actions: actionRequests,
+        findings: actionFindings.filter(
+          (finding): finding is StorageCleanupFinding | StorageChainFinding =>
+            'records' in finding,
+        ),
+        deleteBucketOnlyObjects: false,
+        deleteRepoOrphans: false,
+        deleteStaleDuplicates: false,
+        dryRun: false,
+        selectedPaths,
+      });
+
+      if (!result) {
+        return;
+      }
 
-  const rangeMapping = convertSlicePointsToRangeMap(
-    filesummaryConfig?.binslicePoints ?? [],
+      setActionFeedbackMessage(
+        `${resolvedAction.label} completed for ${selectedPaths.length.toLocaleString()} path${selectedPaths.length === 1 ? '' : 's'}.`,
+      );
+      removeHealedChainFindings(
+        issueId,
+        selectedPaths,
+        result.deletedRecordIds.length,
+      );
+      refresh();
+    },
+    [
+      applyCleanup,
+      buildActionRequests,
+      buildSuggestedActionRequests,
+      loadChainIssueDetails,
+      removeHealedChainFindings,
+      refresh,
+      runChainAudit,
+    ],
   );
-  const handleRangeSelection = (selectedRange: string) => {
-    type ValidRange = keyof typeof rangeMapping;
-    setSelectedRange(rangeMapping[selectedRange as ValidRange]);
-    setSelectedCategory('');
+
+  const handleToggleChainIssueDetails = useCallback(
+    (issueId: string) => {
+      setExpandedChainIssueIds((current) => {
+        const next = new Set(current);
+        if (next.has(issueId)) {
+          next.delete(issueId);
+          return next;
+        }
+        next.add(issueId);
+        void loadChainIssueDetails(issueId);
+        return next;
+      });
+    },
+    [loadChainIssueDetails],
+  );
+
+  const applyStorageChainAuditSummary = useCallback(
+    (result: StorageChainAuditResult | null) => {
+      if (!result) {
+        return;
+      }
+      applyExactChainSummary({
+        bucketObjectCount: result.summary.bucketObjectCount,
+        gitTrackedFileCount: result.summary.gitTrackedFileCount,
+        pathPrefix: result.pathPrefix,
+        syfonRecordCount: result.summary.syfonRecordCount,
+      });
+    },
+    [applyExactChainSummary],
+  );
+
+  useEffect(() => {
+    if (!selectedProjectParts || isProjectsLoading) {
+      return;
+    }
+
+    let cancelled = false;
+    void runChainAudit().then((result) => {
+      if (!cancelled) {
+        applyStorageChainAuditSummary(result);
+      }
+    });
+
+    return () => {
+      cancelled = true;
+    };
+  }, [
+      applyStorageChainAuditSummary,
+    currentPath,
+    isProjectsLoading,
+      runChainAudit,
+    selectedProjectParts,
+  ]);
+
+  const handleRunStorageChainAudit = async () => {
+    setExactStorageRequest((current) => ({
+      path: currentPath,
+      token: (current?.token ?? 0) + 1,
+    }));
+    const result = await runChainAudit({
+      bucketInventoryMode: 'validate',
+      forceAuditRefresh: true,
+    });
+    applyStorageChainAuditSummary(result);
   };
 
-  const handleCategorySelection = (selectedCategory: string) => {
-    setSelectedCategory(selectedCategory);
+  const handleStorageSort = (key: StorageSortKey) => {
+    setStorageSortDirection((currentDirection) =>
+      storageSortKey === key
+        ? currentDirection === 'asc'
+          ? 'desc'
+          : 'asc'
+        : key === 'name' || key === 'type'
+          ? 'asc'
+          : 'desc',
+    );
+    setStorageSortKey(key);
   };
 
-  if (filesummaryConfig === undefined) {
-    return (
-      <Center maw={400} h={100} mx="auto">
-        <div>filesummaryConfig config is not defined. Page disabled</div>
-      </Center>
+  const formatAuditRefreshTimestamp = (value?: string): string => {
+    if (!value) {
+      return 'Never';
+    }
+
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime())) {
+      return value;
+    }
+
+    return new Intl.DateTimeFormat(undefined, {
+      dateStyle: 'medium',
+      timeStyle: 'short',
+    }).format(date);
+  };
+  const breadcrumbLabelClassName =
+    'truncate text-[1.1rem] font-semibold leading-tight text-slate-900 hover:text-slate-950';
+  const copyCurrentStoragePath = async () => {
+    if (!selectedProjectParts || typeof navigator === 'undefined') {
+      return;
+    }
+
+    await navigator.clipboard.writeText(
+      [selectedProjectParts.project, currentPath].filter(Boolean).join('/'),
     );
-  }
+    setHasCopiedStoragePath(true);
+    window.setTimeout(() => setHasCopiedStoragePath(false), 2000);
+  };
+  const auditLastRefreshedAt = formatAuditRefreshTimestamp(
+    chainAuditResult?.summary.auditCachedAt,
+  );
+  const auditRefreshDuration =
+    typeof chainAuditResult?.summary.auditRefreshDurationMs === 'number'
+      ? ` in ${getReadableDuration(
+          chainAuditResult.summary.auditRefreshDurationMs,
+        )}`
+      : '';
+  const actualChainIssues = chainIssueSummaries.filter(
+    (issue) => issue.id !== 'bucket_only_object',
+  );
+  const auditIssuePathCount = actualChainIssues.reduce(
+    (total, issue) => total + issue.pathCount,
+    0,
+  );
+  const browserBreadcrumbs = (
+    <Group className="min-w-0 flex-1 overflow-x-auto" gap={8} wrap="nowrap">
+      {collapsedBreadcrumb.leadingItems.map((item, index) => (
+        <React.Fragment key={item.path || item.label}>
+          {index > 0 ? (
+            <Text c="dimmed" fw={700} size="sm">
+              /
+            </Text>
+          ) : null}
+          {index === 1 && collapsedBreadcrumb.hiddenItems.length > 0 ? (
+            <>
+              <Menu shadow="md" width={260} withinPortal>
+                <Menu.Target>
+                  <button
+                    className={`${breadcrumbLabelClassName} max-w-[220px] text-slate-500`}
+                    type="button"
+                  >
+                    ...
+                  </button>
+                </Menu.Target>
+                <Menu.Dropdown>
+                  {collapsedBreadcrumb.hiddenItems.map((hiddenItem) => (
+                    <Menu.Item
+                      key={hiddenItem.path}
+                      onClick={() => setCurrentPath(hiddenItem.path)}
+                    >
+                      {hiddenItem.label}
+                    </Menu.Item>
+                  ))}
+                </Menu.Dropdown>
+              </Menu>
+              <Text c="dimmed" fw={700} size="sm">
+                /
+              </Text>
+            </>
+          ) : null}
+          <button
+            className={`${breadcrumbLabelClassName} max-w-[240px] ${
+              index === 0
+                ? 'text-primary hover:underline'
+                : item.path === currentPath
+                  ? 'text-slate-900'
+                  : 'text-slate-900 hover:text-slate-950'
+            }`}
+            onClick={() => setCurrentPath(item.path)}
+            title={item.label}
+            type="button"
+          >
+            {item.label}
+          </button>
+        </React.Fragment>
+      ))}
+      <ActionIcon
+        aria-label="Copy storage path"
+        color={hasCopiedStoragePath ? 'primary.0' : 'gray'}
+        onClick={() => {
+          void copyCurrentStoragePath();
+        }}
+        size="sm"
+        variant="subtle"
+      >
+        {hasCopiedStoragePath ? (
+          <IconCheck size={16} />
+        ) : (
+          <IconCopy size={16} />
+        )}
+      </ActionIcon>
+    </Group>
+  );
+  const auditRefreshUtility = (
+    <Group className="ml-auto shrink-0" gap="xs" wrap="nowrap">
+      <Text c="dimmed" size="xs">
+        Last refreshed: {auditLastRefreshedAt}
+        {auditRefreshDuration}
+      </Text>
+      <ActionIcon
+        aria-label="Refresh audit"
+        disabled={isChainAuditing}
+        loading={isChainAuditing}
+        onClick={() => {
+          void handleRunStorageChainAudit();
+        }}
+        size="lg"
+        variant="subtle"
+      >
+        <IconRefresh size={16} />
+      </ActionIcon>
+    </Group>
+  );
+  const storageTabToolbar = selectedProjectParts ? (
+    <Group
+      aria-label="Storage views"
+      className="shrink-0 border-l border-slate-200 pl-5"
+      gap="md"
+      role="tablist"
+      wrap="nowrap"
+    >
+      <button
+        aria-selected={storageTab === 'browser'}
+        className={`rounded-none border-0 border-b-2 bg-transparent px-0 pb-3 pt-3 text-sm font-semibold transition-colors ${
+          storageTab === 'browser'
+            ? 'border-[#2f5aac] text-[#2f5aac]'
+            : 'border-transparent text-slate-500 hover:text-slate-800'
+        }`}
+        onClick={() => setStorageTab('browser')}
+        role="tab"
+        type="button"
+      >
+        Browser
+      </button>
+      <button
+        aria-selected={storageTab === 'audit'}
+        className={`rounded-none border-0 border-b-2 bg-transparent px-0 pb-3 pt-3 text-sm font-semibold transition-colors ${
+          storageTab === 'audit'
+            ? 'border-[#2f5aac] text-[#2f5aac]'
+            : 'border-transparent text-slate-500 hover:text-slate-800'
+        }`}
+        onClick={() => setStorageTab('audit')}
+        role="tab"
+        type="button"
+      >
+        <Group gap={6} wrap="nowrap">
+          <span>Audit</span>
+          {chainAuditResult ? (
+            <Badge
+              color={actualChainIssues.length > 0 ? 'yellow' : 'green'}
+              size="xs"
+              variant="light"
+            >
+              {auditIssuePathCount.toLocaleString()}
+            </Badge>
+          ) : null}
+        </Group>
+      </button>
+    </Group>
+  ) : null;
+
+  const setSelectedChainPathsForIssue = useCallback(
+    (issueId: string, paths: Array<string>) => {
+      setSelectedChainPathsByIssue((current) => ({
+        ...current,
+        [issueId]: Array.from(new Set(paths)).sort(),
+      }));
+    },
+    [],
+  );
+
+  const handleApplySelectedChainObjects = useCallback(
+    async (issueId: string) => {
+      const targetIssue = chainIssueSummaries.find(
+        (issue) => issue.id === issueId,
+      );
+      if (!targetIssue) {
+        return;
+      }
+      const targetPaths = selectedChainPathsByIssue[targetIssue.id] ?? [];
+      if (targetPaths.length === 0) {
+        return;
+      }
+      const targetFindings = getChainFindingsForIssue(targetIssue.id).filter(
+        (finding) => targetPaths.includes(finding.normalizedPath),
+      );
+
+      const isBucketOnlyIssue = targetIssue.id === 'bucket_only_object';
+      const isBucketSyfonNoGitIssue = targetIssue.id === 'bucket_syfon_no_git';
+      if (!isBucketOnlyIssue && !isBucketSyfonNoGitIssue) {
+        return;
+      }
+
+      const approved = window.confirm(
+        isBucketOnlyIssue
+          ? `Delete ${targetPaths.length.toLocaleString()} selected bucket-only path${targetPaths.length === 1 ? '' : 's'}?\n\nThis will ask Syfon to delete the bucket objects in one bulk request.`
+          : `Delete ${targetPaths.length.toLocaleString()} selected Bucket + Syfon, No Git path${targetPaths.length === 1 ? '' : 's'}?\n\nThis will ask Syfon to delete both the Syfon records and bucket objects in one bulk request.`,
+      );
+      if (!approved) {
+        return;
+      }
+
+      const result = await applyCleanup({
+        deleteBucketOnlyObjects: isBucketOnlyIssue,
+        deleteRepoOrphans: isBucketSyfonNoGitIssue,
+        deleteStaleDuplicates: false,
+        findings: targetFindings,
+        dryRun: false,
+        selectedPaths: targetPaths,
+      });
+
+      if (!result) {
+        return;
+      }
+
+      const deletedPathCount = isBucketOnlyIssue
+        ? result.deletedBucketObjectUrls.length
+        : result.deletedRecordIds.length;
+      const skippedPathCount = result.skippedPaths.length;
+      setActionFeedbackMessage(
+        isBucketOnlyIssue
+          ? `Deleted ${deletedPathCount.toLocaleString()} bucket-only path${deletedPathCount === 1 ? '' : 's'} in one Syfon bulk request.${skippedPathCount > 0 ? ` ${skippedPathCount.toLocaleString()} selected path${skippedPathCount === 1 ? '' : 's'} disappeared before deletion.` : ''}`
+          : `Deleted ${deletedPathCount.toLocaleString()} Bucket + Syfon, No Git path${deletedPathCount === 1 ? '' : 's'} in one Syfon bulk request.${skippedPathCount > 0 ? ` ${skippedPathCount.toLocaleString()} selected path${skippedPathCount === 1 ? '' : 's'} disappeared before deletion.` : ''}`,
+      );
+      removeHealedChainFindings(
+        targetIssue.id,
+        targetPaths,
+        result.deletedRecordIds.length,
+      );
+      const refreshed = await runChainAudit({
+        bucketInventoryMode: 'validate',
+        forceAuditRefresh: true,
+      });
+      applyStorageChainAuditSummary(refreshed);
+      refresh();
+    },
+    [
+      applyCleanup,
+      applyStorageChainAuditSummary,
+      chainIssueSummaries,
+      getChainFindingsForIssue,
+      removeHealedChainFindings,
+      refresh,
+      runChainAudit,
+      selectedChainPathsByIssue,
+    ],
+  );
+
+  const handleRegisterSelectedGitOnly = useCallback(async () => {
+    const targetPaths = selectedChainPathsByIssue.git_only_no_syfon ?? [];
+    const gitRevision = chainAuditResult?.summary.gitRevision;
+    if (targetPaths.length === 0 || !gitRevision) {
+      return;
+    }
+    const approved = window.confirm(
+      `Create ${targetPaths.length.toLocaleString()} Syfon record${targetPaths.length === 1 ? '' : 's'}?\n\nGecko will re-read each Git LFS pointer and live-check the mapped bucket object. It will create only records whose bucket object is present and has the same byte size; every other selected path will return a precise skipped reason. RGW does not expose a SHA-256 here, so this action cannot prove the bucket bytes match the Git checksum.`,
+    );
+    if (!approved) {
+      return;
+    }
+    const result = await registerGitOnlySyfonRecords({
+      expectedGitRevision: gitRevision,
+      repoPaths: targetPaths,
+    });
+    if (!result) {
+      return;
+    }
+    const createdCount = result.results.filter(
+      (item) => item.status === 'created',
+    ).length;
+    const skippedCount = result.results.length - createdCount;
+    setActionFeedbackMessage(
+      `Created ${createdCount.toLocaleString()} Syfon record${createdCount === 1 ? '' : 's'}${skippedCount > 0 ? `; ${skippedCount.toLocaleString()} path${skippedCount === 1 ? '' : 's'} skipped after live revalidation.` : '.'}`,
+    );
+    setSelectedChainPathsForIssue('git_only_no_syfon', []);
+    const refreshed = await runChainAudit({
+      bucketInventoryMode: 'validate',
+      forceAuditRefresh: true,
+    });
+    applyStorageChainAuditSummary(refreshed);
+    refresh();
+  }, [
+    applyStorageChainAuditSummary,
+    chainAuditResult?.summary.gitRevision,
+    refresh,
+    registerGitOnlySyfonRecords,
+    runChainAudit,
+    selectedChainPathsByIssue.git_only_no_syfon,
+    setSelectedChainPathsForIssue,
+  ]);
+
+  const pageContent = (
+    <div className="min-h-screen bg-[#f6f8fa]">
+      <Container
+        className="w-full max-w-none"
+        fluid
+        pb="xl"
+        pt={isProjectScopedRoute ? 'sm' : 'xl'}
+      >
+        <Stack gap="lg">
+          {!isProjectScopedRoute ||
+          (!selectedProject && !isProjectsLoading) ||
+          error ? (
+            <Stack gap="md" px="sm">
+              {!isProjectScopedRoute ? (
+                <Select
+                  data={projectOptions.map((option) => ({
+                    label: option.label,
+                    value: option.value,
+                  }))}
+                  disabled={isProjectsLoading || projectOptions.length === 0}
+                  label="Project"
+                  onChange={(value) => {
+                    setSelectedProject(value ?? '');
+                    setCurrentPath(
+                      filesummaryConfig?.defaultPath?.trim() ?? '',
+                    );
+                  }}
+                  placeholder="Select a project"
+                  searchable
+                  value={selectedProject}
+                />
+              ) : null}
+
+              {!selectedProject &&
+              !isProjectsLoading &&
+              !isProjectScopedRoute ? (
+                <Alert
+                  color="yellow"
+                  icon={<IconAlertCircle size={16} />}
+                  title="No projects"
+                >
+                  No Gecko projects are available for this storage monitor.
+                </Alert>
+              ) : null}
+
+              {error ? (
+                <Alert
+                  color="red"
+                  icon={<IconAlertCircle size={16} />}
+                  title="Storage load failed"
+                >
+                  {error}
+                </Alert>
+              ) : null}
+            </Stack>
+          ) : null}
+
+          {isProjectsLoading || isLoading ? (
+            <Center h="45vh">
+              <Loader size={32} />
+            </Center>
+          ) : selectedProjectParts ? (
+            <>
+              {storageTab === 'browser' ? (
+                <Stack gap="md">
+                  <Stack gap="xs" px="sm" pt="xs">
+                    <Group
+                      className="min-w-0"
+                      gap="sm"
+                      justify="space-between"
+                      wrap="nowrap"
+                    >
+                      {browserBreadcrumbs}
+                    </Group>
+                  </Stack>
+                  <StorageBrowser
+                    data={data}
+                    filesummaryConfig={filesummaryConfig}
+                    isLoadingMore={isLoadingMore}
+                    largestRowSize={largestRowSize}
+                    onLoadMore={() => {
+                      void loadMore();
+                    }}
+                    onPathChange={setCurrentPath}
+                    onSort={handleStorageSort}
+                    sortedRows={sortedRows}
+                    storageSortDirection={storageSortDirection}
+                    storageSortKey={storageSortKey}
+                  />
+                </Stack>
+              ) : null}
+
+              {storageTab === 'audit' ? (
+                <Stack gap="md">
+                  <Stack gap="xs" px="sm" pt="xs">
+                    <Group
+                      className="min-w-0"
+                      gap="sm"
+                      justify="space-between"
+                      wrap="nowrap"
+                    >
+                      {browserBreadcrumbs}
+                      {auditRefreshUtility}
+                    </Group>
+                  </Stack>
+                  <StorageChainAuditReport
+                    actionFeedbackMessage={actionFeedbackMessage}
+                    onDismissActionFeedback={() =>
+                      setActionFeedbackMessage(null)
+                    }
+                    applyError={applyError}
+                    onDismissApplyError={clearApplyError}
+                    onDismissApplyResult={() => {
+                      clearApplyResult();
+                      setActionFeedbackMessage(null);
+                    }}
+                    applyResult={applyResult}
+                    auditError={chainAuditError}
+                    auditResult={chainAuditResult}
+                    chainIssueSummaries={chainIssueSummaries}
+                    chainIssueFindingsByKind={chainIssueFindingsByKind}
+                    cleanChainJoinCount={cleanChainJoinCount}
+                    expandedChainTreeNodes={expandedChainTreeNodes}
+                    expandedIssueIds={expandedChainIssueIds}
+                    expandedIssueLoadErrors={chainIssueLoadErrors}
+                    expandedIssueLoadNotices={chainIssueLoadNotices}
+                    isApplying={isApplying}
+                    isAuditing={isAuditing}
+                    isChainAuditing={isChainAuditing}
+                    gitOnlyRegistrationError={gitOnlyRegistrationError}
+                    isRegisteringGitOnly={isRegisteringGitOnly}
+                    loadingChainIssueId={loadingChainIssueId}
+                    onRunIssueAction={(args) => {
+                      void runIssueAction(args);
+                    }}
+                    onSelectedChainPathsChange={setSelectedChainPathsForIssue}
+                    onToggleChainIssueDetails={handleToggleChainIssueDetails}
+                    onApplySelectedChainObjects={(issueId) => {
+                      void handleApplySelectedChainObjects(issueId);
+                    }}
+                    onRegisterSelectedGitOnly={() => {
+                      void handleRegisterSelectedGitOnly();
+                    }}
+                    selectedChainPathsByIssue={selectedChainPathsByIssue}
+                    setExpandedChainTreeNodes={setExpandedChainTreeNodes}
+                    setTreeNodeLimit={setTreeNodeLimit}
+                    treeNodeLimit={treeNodeLimit}
+                  />
+                </Stack>
+              ) : null}
+            </>
+          ) : null}
+        </Stack>
+      </Container>
+    </div>
+  );
+
   return (
     <NavPageLayout
       {...{ headerProps, footerProps }}
       headerMetadata={{
-        title: 'CALYPR File Summary Page',
-        content: 'File Summary',
-        key: 'calypr-file-summary',
+        title: 'CALYPR Storage Monitor',
+        content: 'Storage Monitor',
+        key: 'calypr-storage-monitor',
       }}
+      mainProps={{ className: 'bg-[#f6f8fa]' }}
     >
       <ProtectedContent>
-        {fisLoading || isLoading || fbinisLoading || ftisLoading ? (
-          <Center h="50vh">
-            <Loader size={30} />
-          </Center>
+        {isProjectScopedRoute ? (
+          <ProjectWorkspaceTabs
+            activeTab="storage"
+            hasExplorerConfig={hasExplorerConfig}
+            organization={routeOrganization}
+            project={routeProject}
+            toolbarContent={storageTabToolbar}
+          >
+            {pageContent}
+          </ProjectWorkspaceTabs>
         ) : (
-          <div className="grid grid-cols-2 p-10">
-            <div className="flex flex-col items-center p-4 bg-white shadow-lg rounded-lg">
-              <Text>
-                Total data stored:
-                {' ' +
-                  formatBytes(
-                    data.reduce(
-                      (sum: number, project: any) => sum + project.sum,
-                      0,
-                    ),
-                  )}
-              </Text>
-              <DonutSumChart
-                total={1}
-                data={data}
-                onClick={handleProjectSelection}
-              />
-            </div>
-            <div className="flex flex-col p-4 bg-white shadow-lg rounded-lg">
-              <div className="flex justify-between items-center w-full">
-                <Text>
-                  {barChartToggle ? 'File Size' : 'File Type'} Histogram for{' '}
-                  {selectedProject}
-                </Text>
-
-                <div className="flex justify-between align-middle px-2">
-                  <Text fw={500} className="mr-2">
-                    {barChartToggle ? 'Sizes' : 'Types'}
-                  </Text>
-
-                  <Switch
-                    classNames={{
-                      track: `border border-black rounded-full h-8 w-12 ${barChartToggle ? 'bg-secondary' : 'bg-white'}`,
-                      thumb: `transform h-6 w-6 bg-black border-black ${barChartToggle ? '-translate-x-[50%]' : 'translate-x-[0%]'}`,
-                      label: 'font-content text-black',
-                    }}
-                    onChange={() => setbarChartToggle(!barChartToggle)}
-                    checked={barChartToggle}
-                  />
-                </div>
-              </div>
-
-              {barChartToggle ? (
-                <BarChart
-                  total={1}
-                  data={fdata}
-                  onClick={handleRangeSelection}
-                  colors={[filesummaryConfig.barChartColor]}
-                />
-              ) : (
-                <BarChart
-                  total={1}
-                  data={ftdata}
-                  onClick={handleCategorySelection}
-                  colors={[filesummaryConfig.barChartColor]}
-                />
-              )}
-            </div>
-            <div className="col-span-2 m-6">
-              <Text>
-                {selectedCategory === ''
-                  ? `Files from
-                    ${formatBytes(selectedRange[0], 2)} -
-                    ${formatBytes(selectedRange[1], 2)} `
-                  : `Files of type ${selectedCategory} `}
-                for {selectedProject}
-              </Text>
-              <div className="inline-block overflow-x-scroll">
-                <div className="grid">
-                  <MatchingTable
-                    isLoading={fbinisLoading}
-                    columns={filesummaryConfig?.config ?? {}}
-                    index={filesummaryConfig?.index ?? ''}
-                    idField={filesummaryConfig?.idField ?? ''}
-                    data={fbindata}
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
+          pageContent
         )}
       </ProtectedContent>
     </NavPageLayout>
diff --git a/packages/frontend/src/pages/FileSummary/StorageBrowser.tsx b/packages/frontend/src/pages/FileSummary/StorageBrowser.tsx
new file mode 100644
index 00000000..90ef016d
--- /dev/null
+++ b/packages/frontend/src/pages/FileSummary/StorageBrowser.tsx
@@ -0,0 +1,228 @@
+import React from 'react';
+import {
+  Badge,
+  Button,
+  Group,
+  Progress,
+  Stack,
+  Table,
+  Text,
+} from '@mantine/core';
+import {
+  IconFile,
+  IconFolder,
+  IconSelector,
+} from '@tabler/icons-react';
+import { formatBytes } from '../../utils/labels';
+import type { FilesummaryConfig } from './types';
+import type { StoragePathRow, StoragePathSummary } from './storageUtils';
+import {
+  formatTimestamp,
+  type StorageSortDirection,
+  type StorageSortKey,
+} from './storagePresentation';
+
+type StorageBrowserProps = {
+  readonly data: StoragePathSummary | null;
+  readonly filesummaryConfig?: FilesummaryConfig;
+  readonly isLoadingMore: boolean;
+  readonly largestRowSize: number;
+  readonly sortedRows: Array<StoragePathRow>;
+  readonly storageSortDirection: StorageSortDirection;
+  readonly storageSortKey: StorageSortKey;
+  readonly onLoadMore: () => void;
+  readonly onPathChange: (path: string) => void;
+  readonly onSort: (key: StorageSortKey) => void;
+};
+
+export const StorageBrowser = ({
+  data,
+  filesummaryConfig,
+  isLoadingMore,
+  largestRowSize,
+  onLoadMore,
+  onPathChange,
+  onSort,
+  sortedRows,
+  storageSortKey,
+}: StorageBrowserProps): JSX.Element => {
+  const renderStorageSortHeader = (
+    label: string,
+    key: StorageSortKey,
+  ): JSX.Element => (
+    <button
+      className="flex items-center gap-1 text-left font-semibold text-slate-900"
+      onClick={() => onSort(key)}
+      type="button"
+    >
+      <span>{label}</span>
+      <IconSelector
+        className={storageSortKey === key ? 'text-primary' : 'text-slate-400'}
+        size={14}
+      />
+    </button>
+  );
+  const formatOptionalCount = (value?: number): string =>
+    typeof value === 'number' ? value.toLocaleString() : '-';
+
+  return (
+    <Stack gap="md" px="sm">
+      <div className="overflow-x-auto">
+        <div className="grid min-w-[960px] grid-cols-[140px_180px_120px_220px] items-end gap-x-8">
+          <div className="min-w-[140px]">
+            <Text c="dimmed" fw={700} size="xs" tt="uppercase">
+              Size
+            </Text>
+            <Text className="mt-1" fw={700} size="sm">
+              {formatBytes(data?.sizeBytes ?? 0)}
+            </Text>
+          </div>
+
+          <div className="min-w-[140px]">
+            <Text c="dimmed" fw={700} size="xs" tt="uppercase">
+              Files
+            </Text>
+            <Text className="mt-1" fw={700} size="sm">
+              {(data?.fileCount ?? 0).toLocaleString()}
+              {' · '}
+              {data?.childCount ?? 0} children
+            </Text>
+          </div>
+
+          <div className="min-w-[120px]">
+            <Text c="dimmed" fw={700} size="xs" tt="uppercase">
+              Downloads
+            </Text>
+            <Text className="mt-1" fw={700} size="sm">
+              {formatOptionalCount(data?.downloadCount)}
+            </Text>
+          </div>
+
+          <div className="min-w-[200px]">
+            <Text c="dimmed" fw={700} size="xs" tt="uppercase">
+              Last Download
+            </Text>
+            <Text
+              className="mt-1 truncate"
+              fw={700}
+              size="sm"
+              title={formatTimestamp(data?.lastDownload)}
+            >
+              {formatTimestamp(data?.lastDownload)}
+            </Text>
+          </div>
+        </div>
+      </div>
+
+      <Stack gap="sm" pt="sm">
+        <Table highlightOnHover stickyHeader>
+          <Table.Thead>
+            <Table.Tr>
+              <Table.Th>{renderStorageSortHeader('Name', 'name')}</Table.Th>
+              <Table.Th>{renderStorageSortHeader('Type', 'type')}</Table.Th>
+              <Table.Th>
+                {renderStorageSortHeader('Size', 'sizeBytes')}
+              </Table.Th>
+              <Table.Th>
+                {renderStorageSortHeader('Files', 'fileCount')}
+              </Table.Th>
+              <Table.Th>
+                {renderStorageSortHeader('Downloads', 'downloadCount')}
+              </Table.Th>
+              <Table.Th>
+                {renderStorageSortHeader('Last Download', 'lastDownload')}
+              </Table.Th>
+              <Table.Th>
+                {renderStorageSortHeader('Latest Update', 'lastUpdated')}
+              </Table.Th>
+            </Table.Tr>
+          </Table.Thead>
+          <Table.Tbody>
+            {sortedRows.length ? (
+              sortedRows.map((row) => {
+                const relativeWidth =
+                  largestRowSize > 0
+                    ? Math.max(
+                        4,
+                        Math.round((row.sizeBytes / largestRowSize) * 100),
+                      )
+                    : 0;
+
+                return (
+                  <Table.Tr key={`${row.type}:${row.path}`}>
+                    <Table.Td>
+                      {row.type === 'directory' ? (
+                        <button
+                          className="flex w-full items-start gap-2 text-left text-primary hover:underline"
+                          onClick={() => onPathChange(row.path)}
+                          type="button"
+                        >
+                          <IconFolder className="mt-0.5" size={16} />
+                          <div className="min-w-0">
+                            <span className="break-all">{row.name}</span>
+                          </div>
+                        </button>
+                      ) : (
+                        <div className="flex items-start gap-2">
+                          <IconFile className="mt-0.5" size={16} />
+                          <div className="min-w-0">
+                            <span className="break-all">{row.name}</span>
+                          </div>
+                        </div>
+                      )}
+                    </Table.Td>
+                    <Table.Td>
+                      <Badge
+                        color={row.type === 'directory' ? 'blue' : 'gray'}
+                        variant="light"
+                      >
+                        {row.type}
+                      </Badge>
+                    </Table.Td>
+                    <Table.Td miw={220}>
+                      <Stack gap={6}>
+                        <Text fw={600} size="sm">
+                          {formatBytes(row.sizeBytes)}
+                        </Text>
+                        <Progress
+                          color={filesummaryConfig?.barChartColor || 'blue'}
+                          radius="xl"
+                          size="sm"
+                          value={relativeWidth}
+                        />
+                      </Stack>
+                    </Table.Td>
+                    <Table.Td>{row.fileCount.toLocaleString()}</Table.Td>
+                    <Table.Td>{formatOptionalCount(row.downloadCount)}</Table.Td>
+                    <Table.Td>{formatTimestamp(row.lastDownload)}</Table.Td>
+                    <Table.Td>{formatTimestamp(row.lastUpdated)}</Table.Td>
+                  </Table.Tr>
+                );
+              })
+            ) : (
+              <Table.Tr>
+                <Table.Td colSpan={7}>
+                  <Text c="dimmed" py="xl" ta="center">
+                    No files or directories were returned for this path.
+                  </Text>
+                </Table.Td>
+              </Table.Tr>
+            )}
+          </Table.Tbody>
+        </Table>
+        {data?.hasMore ? (
+          <Group justify="center">
+            <Button
+              loading={isLoadingMore}
+              onClick={onLoadMore}
+              size="xs"
+              variant="outline"
+            >
+              Load more
+            </Button>
+          </Group>
+        ) : null}
+      </Stack>
+    </Stack>
+  );
+};
diff --git a/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx b/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx
new file mode 100644
index 00000000..307ac716
--- /dev/null
+++ b/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx
@@ -0,0 +1,669 @@
+import React, { useEffect, useState } from 'react';
+import {
+  Alert,
+  Badge,
+  Button,
+  Center,
+  Group,
+  Loader,
+  Stack,
+  Table,
+  Text,
+} from '@mantine/core';
+import { IconAlertCircle } from '@tabler/icons-react';
+import { formatBytes } from '../../utils/labels';
+import { ChainPathTree } from './ChainPathTree';
+import type { AuditActionOption } from './hooks';
+import type { ChainIssueSummary } from './storageIssueSummaries';
+import {
+  buildCleanupApplySummary,
+  orderedRepairActions,
+} from './storagePresentation';
+import type {
+  StorageChainAuditResult,
+  StorageChainFinding,
+  StorageCleanupApplyResult,
+} from './storageTypes';
+
+type RunChainIssueActionArgs = {
+  defaultAction?: AuditActionOption;
+  findings: Array<StorageChainFinding>;
+  issueId: string;
+  issueTitle: string;
+  paths: Array<string>;
+};
+
+type StorageChainAuditReportProps = {
+  readonly actionFeedbackMessage: string | null;
+  readonly onDismissActionFeedback: () => void;
+  readonly onDismissApplyError: () => void;
+  readonly onDismissApplyResult: () => void;
+  readonly applyError: string | null;
+  readonly applyResult: StorageCleanupApplyResult | null;
+  readonly auditError: string | null;
+  readonly auditResult: StorageChainAuditResult | null;
+  readonly chainIssueSummaries: Array<ChainIssueSummary>;
+  readonly cleanChainJoinCount: number;
+  readonly expandedChainTreeNodes: Record<string, boolean>;
+  readonly expandedIssueIds: Set<string>;
+  readonly chainIssueFindingsByKind: Record<
+    string,
+    Array<StorageChainFinding>
+  >;
+  readonly expandedIssueLoadErrors: Record<string, string>;
+  readonly expandedIssueLoadNotices: Record<string, string>;
+  readonly loadingChainIssueId: string | null;
+  readonly isApplying: boolean;
+  readonly isAuditing: boolean;
+  readonly isChainAuditing: boolean;
+  readonly gitOnlyRegistrationError: string | null;
+  readonly isRegisteringGitOnly: boolean;
+  readonly onApplySelectedChainObjects: (issueId: string) => void;
+  readonly onRegisterSelectedGitOnly: () => void;
+  readonly onRunIssueAction: (args: RunChainIssueActionArgs) => void;
+  readonly onSelectedChainPathsChange: (
+    issueId: string,
+    paths: Array<string>,
+  ) => void;
+  readonly onToggleChainIssueDetails: (issueId: string) => void;
+  readonly selectedChainPathsByIssue: Record<string, Array<string>>;
+  readonly setExpandedChainTreeNodes: React.Dispatch<
+    React.SetStateAction<Record<string, boolean>>
+  >;
+  readonly setTreeNodeLimit: React.Dispatch<
+    React.SetStateAction<Record<string, number>>
+  >;
+  readonly treeNodeLimit: Record<string, number>;
+};
+
+const chainEvidenceForFinding = (finding: StorageChainFinding): string => {
+  const values = [
+    finding.error,
+    finding.accessUrls[0],
+    finding.bucketObjectUrl,
+    finding.resolvedBucket && finding.resolvedKey
+      ? `${finding.resolvedBucket}/${finding.resolvedKey}`
+      : '',
+  ].filter(Boolean);
+
+  return values[0] ?? '—';
+};
+
+const repairActionsForIssue = (
+  issue: ChainIssueSummary,
+): Array<AuditActionOption> => {
+  if (issue.id === 'git_syfon_metadata_mismatch') {
+    return [];
+  }
+  return orderedRepairActions(issue.actionSummary.availableActions);
+};
+
+const issueDetailInitialRowLimit = 250;
+const issueDetailRowLimitIncrement = 250;
+
+export const StorageChainAuditReport = ({
+  actionFeedbackMessage,
+  onDismissActionFeedback,
+  onDismissApplyError,
+  onDismissApplyResult,
+  applyError,
+  applyResult,
+  auditError,
+  auditResult,
+  chainIssueSummaries,
+  chainIssueFindingsByKind,
+  cleanChainJoinCount,
+  expandedChainTreeNodes,
+  expandedIssueIds,
+  expandedIssueLoadErrors,
+  expandedIssueLoadNotices,
+  loadingChainIssueId,
+  isApplying,
+  isAuditing,
+  isChainAuditing,
+  gitOnlyRegistrationError,
+  isRegisteringGitOnly,
+  onApplySelectedChainObjects,
+  onRegisterSelectedGitOnly,
+  onRunIssueAction,
+  onSelectedChainPathsChange,
+  onToggleChainIssueDetails,
+  selectedChainPathsByIssue,
+  setExpandedChainTreeNodes,
+  setTreeNodeLimit,
+  treeNodeLimit,
+}: StorageChainAuditReportProps): JSX.Element | null => {
+  const [visibleIssueDetailRowLimits, setVisibleIssueDetailRowLimits] =
+    useState<Record<string, number>>({});
+
+  useEffect(() => {
+    setVisibleIssueDetailRowLimits((current) => {
+      const next: Record<string, number> = {};
+      expandedIssueIds.forEach((issueId) => {
+        next[issueId] = current[issueId] ?? issueDetailInitialRowLimit;
+      });
+      return next;
+    });
+  }, [expandedIssueIds]);
+
+  const issueFindingsFor = (issueId: string): Array<StorageChainFinding> => {
+    const fullIssueFindings = chainIssueFindingsByKind[issueId];
+    if (fullIssueFindings) {
+      return fullIssueFindings;
+    }
+    return (auditResult?.findings ?? []).filter(
+      (finding) => finding.kind === issueId,
+    );
+  };
+  const loadMoreIssueDetailRows = (issueId: string, total: number) => {
+    setVisibleIssueDetailRowLimits((current) => ({
+      ...current,
+      [issueId]: Math.min(
+        (current[issueId] ?? issueDetailInitialRowLimit) +
+          issueDetailRowLimitIncrement,
+        total,
+      ),
+    }));
+  };
+  const handleIssueDetailScroll = (
+    issueId: string,
+    total: number,
+    event: React.UIEvent<HTMLDivElement>,
+  ): void => {
+    const target = event.currentTarget;
+    const visibleLimit =
+      visibleIssueDetailRowLimits[issueId] ?? issueDetailInitialRowLimit;
+    if (
+      visibleLimit < total &&
+      target.scrollTop + target.clientHeight >= target.scrollHeight - 160
+    ) {
+      loadMoreIssueDetailRows(issueId, total);
+    }
+  };
+
+  if (!auditResult && !auditError) {
+    return (
+      <Center py="xl">
+        <Group gap="xs">
+          {isChainAuditing ? <Loader size="xs" /> : null}
+          <Text c="dimmed" size="sm">
+            {isChainAuditing
+              ? 'Running storage chain audit...'
+              : 'No storage chain audit has been run for this project.'}
+          </Text>
+        </Group>
+      </Center>
+    );
+  }
+
+  const actualIssueSummaries = chainIssueSummaries.filter(
+    (issue) => issue.id !== 'bucket_only_object',
+  );
+  const issuePathCount = actualIssueSummaries.reduce(
+    (sum, issue) => sum + issue.pathCount,
+    0,
+  );
+  const totalChainRows = cleanChainJoinCount + issuePathCount;
+  const totalScopedRows =
+    auditResult?.summary.gitTrackedFileCount ?? totalChainRows;
+  const isBusy =
+    isApplying || isAuditing || isChainAuditing || isRegisteringGitOnly;
+
+  const renderRepairActions = (
+    issue: ChainIssueSummary,
+    issueFindings: Array<StorageChainFinding>,
+    isIssueLoading: boolean,
+  ): JSX.Element | null => {
+    if (issue.id === 'git_only_no_syfon') {
+      return null;
+    }
+    if (isIssueLoading || issueFindings.length === 0) {
+      return null;
+    }
+    const repairActions = repairActionsForIssue(issue);
+
+    const runRepairAction = (action: AuditActionOption) => {
+      onRunIssueAction({
+        defaultAction: action,
+        findings: issueFindings,
+        issueId: issue.id,
+        issueTitle: issue.title,
+        paths: issueFindings.map((finding) => finding.normalizedPath),
+      });
+    };
+
+    const suggestedFindings = issueFindings.filter(
+      (finding) => finding.suggestedAction,
+    );
+    const suggestedFixButton =
+      suggestedFindings.length > 0 ? (
+        <Button
+          color={issue.color}
+          loading={isBusy}
+          onClick={() =>
+            runRepairAction({
+              action: 'apply_suggested_fixes',
+              destructive: true,
+              label: 'Apply suggested fixes',
+              requiresConfirmation: true,
+              supportsDryRun: true,
+            })
+          }
+          size="xs"
+          variant="light"
+        >
+          Apply suggested fixes ({suggestedFindings.length.toLocaleString()})
+        </Button>
+      ) : null;
+
+    return suggestedFixButton || repairActions.length > 0 ? (
+      <Group gap="xs">
+        {suggestedFixButton}
+        {repairActions.map((action) => (
+          <Button
+            color={issue.color}
+            key={action.action}
+            loading={isBusy}
+            onClick={() => runRepairAction(action)}
+            size="xs"
+            variant={
+              action.action === repairActions[0].action ? 'light' : 'outline'
+            }
+          >
+            {action.label}
+          </Button>
+        ))}
+      </Group>
+    ) : null;
+  };
+
+  return (
+    <Stack gap="sm" px="sm">
+      <Stack gap="md">
+          {auditError ? (
+            <Alert
+              color="red"
+              icon={<IconAlertCircle size={16} />}
+              title="Chain audit failed"
+            >
+              {auditError}
+            </Alert>
+          ) : null}
+
+          {auditResult?.summary.auditCacheError ? (
+            <Alert
+              color="yellow"
+              icon={<IconAlertCircle size={16} />}
+              title="Audit cache write failed"
+            >
+              {auditResult.summary.auditCacheError}
+            </Alert>
+          ) : null}
+
+          {actionFeedbackMessage && !applyResult ? (
+            <Alert
+              color="blue"
+              icon={<IconAlertCircle size={16} />}
+              onClose={onDismissActionFeedback}
+              title="Action complete"
+              withCloseButton
+            >
+              {actionFeedbackMessage}
+            </Alert>
+          ) : null}
+
+          {applyError ? (
+            <Alert
+              color="red"
+              icon={<IconAlertCircle size={16} />}
+              onClose={onDismissApplyError}
+              title="Cleanup apply failed"
+              withCloseButton
+            >
+              {applyError}
+            </Alert>
+          ) : null}
+
+          {gitOnlyRegistrationError ? (
+            <Alert
+              color="red"
+              icon={<IconAlertCircle size={16} />}
+              title="Syfon record creation failed"
+            >
+              {gitOnlyRegistrationError}
+            </Alert>
+          ) : null}
+
+          {applyResult ? (
+            <Alert
+              color={applyResult.dryRun ? 'blue' : 'green'}
+              icon={<IconAlertCircle size={16} />}
+              onClose={onDismissApplyResult}
+              title={applyResult.dryRun ? 'Cleanup dry run' : 'Cleanup applied'}
+              withCloseButton
+            >
+              {buildCleanupApplySummary(applyResult)}
+            </Alert>
+          ) : null}
+
+          {auditResult ? (
+            <>
+              <Alert
+                color={actualIssueSummaries.length > 0 ? 'yellow' : 'green'}
+              >
+                <Stack gap={2}>
+                  <Text size="sm">
+                    <strong>
+                      {cleanChainJoinCount.toLocaleString()} /{' '}
+                      {totalScopedRows.toLocaleString()} audited rows fully
+                      connected.
+                    </strong>
+                  </Text>
+                  <Text size="sm">
+                    Checked{' '}
+                    {auditResult.summary.bucketObjectCount.toLocaleString()}{' '}
+                    bucket objects,{' '}
+                    {auditResult.summary.syfonRecordCount.toLocaleString()}{' '}
+                    Syfon records, and{' '}
+                    {auditResult.summary.gitTrackedFileCount.toLocaleString()}{' '}
+                    Git-tracked files.
+                  </Text>
+                </Stack>
+              </Alert>
+
+              {chainIssueSummaries.length > 0 ? (
+                <Table highlightOnHover>
+                  <Table.Thead>
+                    <Table.Tr>
+                      <Table.Th>Issue</Table.Th>
+                      <Table.Th>Impact</Table.Th>
+                      <Table.Th>Action</Table.Th>
+                    </Table.Tr>
+                  </Table.Thead>
+                  <Table.Tbody>
+                    {chainIssueSummaries.map((issue) => {
+                      const isExpanded = expandedIssueIds.has(issue.id);
+                      const issueFindings = issueFindingsFor(issue.id);
+                      const isIssueLoading =
+                        loadingChainIssueId === issue.id;
+                      const issueLoadError =
+                        expandedIssueLoadErrors[issue.id];
+                      const issueNotice =
+                        expandedIssueLoadNotices[issue.id];
+                      const isIssueSelectable =
+                        issue.id === 'bucket_only_object' ||
+                        issue.id === 'bucket_syfon_no_git' ||
+                        issue.id === 'git_only_no_syfon';
+                      const issueSelectedPaths =
+                        selectedChainPathsByIssue[issue.id] ?? [];
+                      const visibleLimit =
+                        visibleIssueDetailRowLimits[issue.id] ??
+                        issueDetailInitialRowLimit;
+                      const visibleIssueFindings = issueFindings.slice(
+                        0,
+                        visibleLimit,
+                      );
+                      const hasMoreIssueFindings =
+                        visibleIssueFindings.length < issueFindings.length;
+                      return (
+                        <React.Fragment key={issue.id}>
+                          <Table.Tr>
+                            <Table.Td miw={420}>
+                              <Stack gap={4}>
+                                <Group gap={8}>
+                                  <Badge color={issue.color} variant="light">
+                                    {issue.pathCount.toLocaleString()} paths
+                                  </Badge>
+                                  <Text fw={700} size="sm">
+                                    {issue.title}
+                                  </Text>
+                                </Group>
+                                <Text c="dimmed" size="sm">
+                                  {issue.description}
+                                </Text>
+                              </Stack>
+                            </Table.Td>
+                            <Table.Td>
+                              <Text size="sm">
+                                {issue.recordCount.toLocaleString()} records
+                                {' · '}
+                                {issue.objectCount.toLocaleString()} objects
+                                {' · '}
+                                {formatBytes(issue.totalBytes)}
+                              </Text>
+                            </Table.Td>
+                            <Table.Td>
+                              <Button
+                                onClick={() =>
+                                  onToggleChainIssueDetails(issue.id)
+                                }
+                                size="xs"
+                                variant={isExpanded ? 'outline' : 'light'}
+                              >
+                                {isExpanded ? 'Hide details' : 'View details'}
+                              </Button>
+                            </Table.Td>
+                          </Table.Tr>
+
+                          {isExpanded ? (
+                            <Table.Tr>
+                              <Table.Td colSpan={3}>
+                                <Stack
+                                  className="bg-slate-50 px-4 py-4"
+                                  gap="sm"
+                                >
+                                  <Group justify="space-between" wrap="wrap">
+                                    <div>
+                                      <Text fw={700} size="sm">
+                                        {issue.title}
+                                      </Text>
+                                      <Text c="dimmed" size="sm">
+                                        {isIssueLoading
+                                          ? 'Loading all issue findings...'
+                                          : `${issueFindings.length.toLocaleString()} loaded path${issueFindings.length === 1 ? '' : 's'} in this issue set.`}
+                                      </Text>
+                                    </div>
+                                    {isIssueSelectable ? (
+                                      <Button
+                                        color={issue.color}
+                                        disabled={
+                                          issueSelectedPaths.length === 0
+                                        }
+                                        loading={isApplying || isAuditing}
+                                        onClick={() =>
+                                          issue.id === 'git_only_no_syfon'
+                                            ? onRegisterSelectedGitOnly()
+                                            : onApplySelectedChainObjects(
+                                                issue.id,
+                                              )
+                                        }
+                                        size="xs"
+                                        variant="light"
+                                      >
+                                        {issue.id === 'bucket_only_object'
+                                          ? 'Delete selected bucket objects'
+                                          : issue.id === 'git_only_no_syfon'
+                                            ? 'Create Syfon records'
+                                            : 'Delete selected objects'}
+                                        {issueSelectedPaths.length > 0
+                                          ? ` (${issueSelectedPaths.length.toLocaleString()})`
+                                          : ''}
+                                      </Button>
+                                    ) : (
+                                      renderRepairActions(
+                                        issue,
+                                        issueFindings,
+                                        isIssueLoading,
+                                      )
+                                    )}
+                                  </Group>
+
+                                  {issueLoadError ? (
+                                    <Alert
+                                      color="red"
+                                      icon={<IconAlertCircle size={16} />}
+                                      title="Issue details failed"
+                                    >
+                                      {issueLoadError}
+                                    </Alert>
+                                  ) : null}
+
+                                  {issueNotice ? (
+                                    <Alert
+                                      color="blue"
+                                      icon={<IconAlertCircle size={16} />}
+                                      title="Audit response rows"
+                                    >
+                                      {issueNotice}
+                                    </Alert>
+                                  ) : null}
+
+                                  {isIssueLoading &&
+                                  issueFindings.length === 0 ? (
+                                    <Center py="md">
+                                      <Group gap="xs">
+                                        <Loader size="xs" />
+                                        <Text c="dimmed" size="sm">
+                                          Loading complete issue details...
+                                        </Text>
+                                      </Group>
+                                    </Center>
+                                  ) : isIssueSelectable ? (
+                                    <ChainPathTree
+                                      expandedTreeNodes={expandedChainTreeNodes}
+                                      findings={issueFindings}
+                                      helperText={
+                                        issue.id === 'git_only_no_syfon'
+                                          ? 'Gecko rechecks every selected path against the live bucket before creating a record. RGW does not provide a SHA-256 for this verification.'
+                                          : undefined
+                                      }
+                                      onSelectedPathsChange={(paths) =>
+                                        onSelectedChainPathsChange(issue.id, paths)
+                                      }
+                                      onTreeNodeLimitChange={setTreeNodeLimit}
+                                      onTreeNodeToggle={setExpandedChainTreeNodes}
+                                      rootLimitKey={issue.id}
+                                      selectedPaths={issueSelectedPaths}
+                                      treeNodeLimit={treeNodeLimit}
+                                    />
+                                  ) : (
+                                    <div
+                                      className="max-h-[420px] overflow-auto rounded-md border border-slate-200 bg-white"
+                                      onScroll={(event) =>
+                                        handleIssueDetailScroll(
+                                          issue.id,
+                                          issueFindings.length,
+                                          event,
+                                        )
+                                      }
+                                    >
+                                      <Table highlightOnHover stickyHeader>
+                                        <Table.Thead>
+                                          <Table.Tr>
+                                            <Table.Th>Path</Table.Th>
+                                            <Table.Th>Checksum</Table.Th>
+                                            <Table.Th>Evidence</Table.Th>
+                                            <Table.Th>Suggested fix</Table.Th>
+                                            <Table.Th>Records</Table.Th>
+                                            <Table.Th>Objects</Table.Th>
+                                          </Table.Tr>
+                                        </Table.Thead>
+                                        <Table.Tbody>
+                                          {issueFindings.length > 0 ? (
+                                            visibleIssueFindings.map(
+                                              (finding) => (
+                                                <Table.Tr
+                                                  key={`${finding.kind}:${finding.normalizedPath}`}
+                                                >
+                                                  <Table.Td maw={560}>
+                                                    <Text
+                                                      className="break-all"
+                                                      fw={600}
+                                                      size="sm"
+                                                    >
+                                                      {finding.normalizedPath}
+                                                    </Text>
+                                                  </Table.Td>
+                                                  <Table.Td maw={260}>
+                                                    <Text
+                                                      className="break-all font-mono"
+                                                      size="xs"
+                                                    >
+                                                      {finding.checksum || '—'}
+                                                    </Text>
+                                                  </Table.Td>
+                                                  <Table.Td maw={520}>
+                                                    <Text
+                                                      className="break-all"
+                                                      size="xs"
+                                                    >
+                                                      {chainEvidenceForFinding(
+                                                        finding,
+                                                      )}
+                                                    </Text>
+                                                  </Table.Td>
+                                                  <Table.Td maw={520}>
+                                                    <Text size="sm">
+                                                      {finding.suggestedFix ||
+                                                        finding.recommendedAction ||
+                                                        '—'}
+                                                    </Text>
+                                                  </Table.Td>
+                                                  <Table.Td>
+                                                    {finding.recordCount.toLocaleString()}
+                                                  </Table.Td>
+                                                  <Table.Td>
+                                                    {finding.objectIds.length.toLocaleString()}
+                                                  </Table.Td>
+                                                </Table.Tr>
+                                              ),
+                                            )
+                                          ) : (
+                                            <Table.Tr>
+                                              <Table.Td colSpan={6}>
+                                                <Text
+                                                  c="dimmed"
+                                                  py="md"
+                                                  ta="center"
+                                                >
+                                                  No issue details were returned
+                                                  for this finding kind.
+                                                </Text>
+                                              </Table.Td>
+                                            </Table.Tr>
+                                          )}
+                                          {hasMoreIssueFindings ? (
+                                            <Table.Tr>
+                                              <Table.Td colSpan={6}>
+                                                <Center py="sm">
+                                                  <Text c="dimmed" size="xs">
+                                                    Showing{' '}
+                                                    {visibleIssueFindings.length.toLocaleString()}{' '}
+                                                    of{' '}
+                                                    {issueFindings.length.toLocaleString()}{' '}
+                                                    paths. Scroll for more.
+                                                  </Text>
+                                                </Center>
+                                              </Table.Td>
+                                            </Table.Tr>
+                                          ) : null}
+                                        </Table.Tbody>
+                                      </Table>
+                                    </div>
+                                  )}
+                                </Stack>
+                              </Table.Td>
+                            </Table.Tr>
+                          ) : null}
+                        </React.Fragment>
+                      );
+                    })}
+                  </Table.Tbody>
+                </Table>
+              ) : null}
+            </>
+          ) : null}
+      </Stack>
+    </Stack>
+  );
+};
diff --git a/packages/frontend/src/pages/FileSummary/data.ts b/packages/frontend/src/pages/FileSummary/data.ts
index 83ceeed6..4105a799 100644
--- a/packages/frontend/src/pages/FileSummary/data.ts
+++ b/packages/frontend/src/pages/FileSummary/data.ts
@@ -7,13 +7,21 @@ import type { NavPageLayoutProps } from '../../features/Navigation';
 
 export const FileSummaryPageGetServerSideProps: GetServerSideProps<
   NavPageLayoutProps
-> = async () => {
+> = async (context) => {
+  const requestHeaders: Record<string, string> = {};
+  if (context.req.headers.cookie) {
+    requestHeaders['Cookie'] = context.req.headers.cookie;
+  }
+  if (context.req.headers.host) {
+    requestHeaders['Host'] = context.req.headers.host;
+  }
+
   const summaryPageProps: FileSummaryProps =
-    await microserviceDb.get<FileSummaryProps>('file_summary/1');
+    await microserviceDb.get<FileSummaryProps>('file_summary/1', requestHeaders);
 
   return {
     props: {
-      ...(await getNavPageLayoutPropsFromConfig()),
+      ...(await getNavPageLayoutPropsFromConfig(requestHeaders)),
       filesummaryConfig: summaryPageProps,
     },
   };
diff --git a/packages/frontend/src/pages/FileSummary/hooks.tsx b/packages/frontend/src/pages/FileSummary/hooks.tsx
index 370bc179..ce1b6fb9 100644
--- a/packages/frontend/src/pages/FileSummary/hooks.tsx
+++ b/packages/frontend/src/pages/FileSummary/hooks.tsx
@@ -1,195 +1,1861 @@
-import { useMemo } from 'react';
-import { SummaryTableColumn } from '../../features/CohortBuilder/ExplorerTable/types';
-import { useGeneralGQLQuery } from '@gen3/core';
-import { extractData } from '../../utils/extractdata';
-import { binDataWithCustomBoundaries } from './bindata';
-import { type Filter } from './types';
-
-export const useFileAggsQuery = (
-  slicePoints: number[],
-  selected_project: string,
-) => {
-  const { data, isLoading, isError } = useGeneralGQLQuery({
-    query: `query($filter:JSON){
-      document_reference(filter: $filter, accessibility: all, first: 10000, sort: [{document_reference_size: "desc"}]){
-        document_reference_source_path
-        document_reference_size
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import {
+  CoreState,
+  GEN3_API,
+  selectCSRFToken,
+  useCoreSelector,
+  useGetCSRFQuery,
+  useGetGeckoProjectSummaryQuery,
+} from '@gen3/core';
+import type { FilesummaryConfig } from './types';
+import {
+  buildProjectOptions,
+  normalizeStoragePath,
+  splitProjectSelectionValue,
+  type ProjectStorageOption,
+} from './storageUtils';
+import {
+  normalizeAvailableActions,
+  normalizeDefaultAction,
+} from './storageActions';
+import type {
+  AuditEvidence,
+  ProjectDiffAuditResult,
+  ProjectDiffFinding,
+  ProjectDiffFindingKind,
+  StorageApplyActionRequest,
+  StorageApplyFindingRequest,
+  StorageChainAuditResult,
+  StorageChainFinding,
+  StorageChainFindingKind,
+  StorageChainIssueGroup,
+  StorageCleanupAccessMethod,
+  StorageCleanupAccessProbe,
+  StorageCleanupApplyResult,
+  StorageCleanupAuditResult,
+  StorageCleanupFinding,
+  StorageCleanupFindingKind,
+  StorageCleanupPurgeResult,
+  StorageCleanupRecordAudit,
+  StorageCleanupScope,
+  GitOnlySyfonRegistrationResponse,
+} from './storageTypes';
+import { requestSessionLogout } from '../../lib/session/session';
+
+export { useSyfonPathStorageSummary } from './useStorageFolder';
+export type {
+  AuditActionOption,
+  ProjectDiffFinding,
+  ProjectDiffFindingKind,
+  StorageApplyActionRequest,
+  StorageChainAuditResult,
+  StorageChainFinding,
+  StorageChainFindingKind,
+  StorageChainIssueGroup,
+  StorageCleanupApplyResult,
+  StorageCleanupFinding,
+  StorageCleanupFindingKind,
+} from './storageTypes';
+
+const buildGeckoGitProjectBaseUrl = ({
+  organization,
+  project,
+}: {
+  organization: string;
+  project: string;
+}): string =>
+  `${GEN3_API}/gecko/git/projects/${encodeURIComponent(
+    organization.trim(),
+  )}/${encodeURIComponent(project.trim())}`;
+
+const buildStorageCleanupUrl = ({
+  action,
+  organization,
+  project,
+}: {
+  action: 'apply' | 'audit';
+  organization: string;
+  project: string;
+}): string =>
+  `${buildGeckoGitProjectBaseUrl({
+    organization,
+    project,
+  })}/repair/storage-cleanup/${action}`;
+
+const buildProjectDiffUrl = ({
+  organization,
+  project,
+}: {
+  organization: string;
+  project: string;
+}): string =>
+  `${buildGeckoGitProjectBaseUrl({
+    organization,
+    project,
+  })}/repair/project-diff/audit`;
+
+const buildStorageChainUrl = ({
+  organization,
+  project,
+}: {
+  organization: string;
+  project: string;
+}): string =>
+  `${buildGeckoGitProjectBaseUrl({
+    organization,
+    project,
+  })}/repair/storage-chain/audit`;
+
+const buildGitOnlySyfonRegistrationUrl = ({
+  organization,
+  project,
+}: {
+  organization: string;
+  project: string;
+}): string =>
+  `${buildGeckoGitProjectBaseUrl({
+    organization,
+    project,
+  })}/repair/storage-chain/register-git-only`;
+
+const emptyCleanupCounts = (): Record<StorageCleanupFindingKind, number> => ({
+  broken_access_url_error: 0,
+  broken_bucket_mapping: 0,
+  bucket_only_object: 0,
+  live_duplicate_conflict: 0,
+  repo_orphan_live_object: 0,
+  repo_orphan_stale_record: 0,
+  stale_duplicate_record: 0,
+  storage_object_missing: 0,
+  storage_probe_error: 0,
+  storage_validation_mismatch: 0,
+  unknown: 0,
+});
+
+const emptyProjectDiffCounts = (): Record<ProjectDiffFindingKind, number> => ({
+  duplicate_syfon_paths: 0,
+  repo_missing_in_syfon: 0,
+  syfon_missing_in_repo: 0,
+  unknown: 0,
+});
+
+const emptyStorageChainCounts = (): Record<string, number> => ({
+  bucket_only_object: 0,
+  bucket_syfon_git_complete: 0,
+  bucket_syfon_no_git: 0,
+  git_only_no_syfon: 0,
+  git_syfon_metadata_mismatch: 0,
+  probe_error: 0,
+  syfon_broken_bucket_mapping: 0,
+  syfon_git_no_bucket: 0,
+  syfon_missing_bucket_object: 0,
+  unknown: 0,
+});
+
+const normalizeAuditEvidence = (
+  item: Record<string, unknown> | null | undefined,
+): AuditEvidence | undefined => {
+  if (!item) {
+    return undefined;
+  }
+
+  return {
+    accessUrls: toStringArray(item.access_urls),
+    bucketEvaluation:
+      typeof item.bucket_evaluation === 'string'
+        ? item.bucket_evaluation
+        : undefined,
+    bucketObjectUrls: toStringArray(item.bucket_object_urls),
+    buckets: toStringArray(item.buckets),
+    checksum: typeof item.checksum === 'string' ? item.checksum : undefined,
+    errorKinds: toStringArray(item.error_kinds),
+    errors: toStringArray(item.errors),
+    keys: toStringArray(item.keys),
+    objectIds: toStringArray(item.object_ids),
+    probeStatuses: toStringArray(item.probe_statuses),
+    sourcePaths: toStringArray(item.source_paths),
+    validationStates: toStringArray(item.validation_states),
+  };
+};
+
+const readJsonResponse = async <T,>(response: Response): Promise<T | null> => {
+  const text = await response.text();
+  if (!text) return null;
+
+  try {
+    return JSON.parse(text) as T;
+  } catch {
+    return null;
+  }
+};
+
+const handleUnauthorizedResponse = (response: Response): boolean => {
+  if (response.status !== 401) {
+    return false;
+  }
+
+  requestSessionLogout();
+  return true;
+};
+
+const isUnauthorizedMutationError = (error: unknown): boolean =>
+  Boolean(
+    error &&
+    typeof error === 'object' &&
+    'status' in error &&
+    (error as { status?: unknown }).status === 401,
+  );
+
+const getErrorMessage = async (
+  response: Response,
+  fallback: string,
+): Promise<string> => {
+  const body = await readJsonResponse<Record<string, unknown>>(response);
+  const fromBody =
+    typeof body?.message === 'string'
+      ? body.message
+      : typeof body?.error === 'string'
+        ? body.error
+        : typeof body?.detail === 'string'
+          ? body.detail
+          : null;
+
+  return fromBody ? `${fallback}: ${fromBody}` : fallback;
+};
+
+const toStringArray = (value: unknown): Array<string> => {
+  if (!Array.isArray(value)) {
+    return [];
+  }
+
+  return value
+    .map((item) => (typeof item === 'string' ? item.trim() : ''))
+    .filter(Boolean);
+};
+
+const parseCleanupFindingKind = (value: unknown): StorageCleanupFindingKind => {
+  switch (value) {
+    case 'stale_duplicate_record':
+    case 'live_duplicate_conflict':
+    case 'broken_access_url_error':
+    case 'broken_bucket_mapping':
+    case 'bucket_only_object':
+    case 'repo_orphan_live_object':
+    case 'repo_orphan_stale_record':
+    case 'storage_object_missing':
+    case 'storage_probe_error':
+    case 'storage_validation_mismatch':
+      return value;
+    default:
+      return 'unknown';
+  }
+};
+
+const parseProjectDiffFindingKind = (
+  value: unknown,
+): ProjectDiffFindingKind => {
+  switch (value) {
+    case 'duplicate_syfon_paths':
+    case 'syfon_missing_in_repo':
+    case 'repo_missing_in_syfon':
+      return value;
+    default:
+      return 'unknown';
+  }
+};
+
+const parseStorageChainFindingKind = (
+  value: unknown,
+): StorageChainFindingKind => {
+  switch (value) {
+    case 'bucket_only_object':
+    case 'bucket_syfon_no_git':
+    case 'syfon_broken_bucket_mapping':
+    case 'syfon_missing_bucket_object':
+    case 'syfon_git_no_bucket':
+    case 'git_only_no_syfon':
+    case 'git_syfon_metadata_mismatch':
+    case 'probe_error':
+      return value;
+    default:
+      return 'unknown';
+  }
+};
+
+const parseCleanupScope = (value: unknown): StorageCleanupScope => {
+  switch (value) {
+    case 'record':
+    case 'access_url':
+    case 'bucket_object':
+      return value;
+    default:
+      return 'unknown';
+  }
+};
+
+const normalizeCleanupAccessProbe = (
+  record: Record<string, unknown>,
+): StorageCleanupAccessProbe | null => {
+  const url =
+    typeof record.url === 'string'
+      ? record.url.trim()
+      : typeof record.object_url === 'string'
+        ? record.object_url.trim()
+        : '';
+
+  if (!url) {
+    return null;
+  }
+
+  return {
+    bucket: typeof record.bucket === 'string' ? record.bucket : undefined,
+    etag: typeof record.etag === 'string' ? record.etag : undefined,
+    error:
+      typeof record.storage_message === 'string'
+        ? record.storage_message
+        : typeof record.error === 'string'
+          ? record.error
+          : undefined,
+    errorKind:
+      typeof record.error_kind === 'string' ? record.error_kind : undefined,
+    exists: typeof record.exists === 'boolean' ? record.exists : undefined,
+    key: typeof record.key === 'string' ? record.key : undefined,
+    lastModified:
+      typeof record.last_modified === 'string'
+        ? record.last_modified
+        : undefined,
+    metaSha256:
+      typeof record.meta_sha256 === 'string' ? record.meta_sha256 : undefined,
+    path: typeof record.path === 'string' ? record.path : undefined,
+    provider: typeof record.provider === 'string' ? record.provider : undefined,
+    sha256Match:
+      typeof record.sha256_match === 'boolean'
+        ? record.sha256_match
+        : undefined,
+    sizeBytes:
+      typeof record.size_bytes === 'number' ? record.size_bytes : undefined,
+    sizeMatch:
+      typeof record.size_match === 'boolean' ? record.size_match : undefined,
+    status:
+      typeof record.storage_status === 'string'
+        ? record.storage_status
+        : typeof record.status === 'string'
+          ? record.status
+          : undefined,
+    validationMismatches: toStringArray(record.validation_mismatches),
+    validationStatus:
+      typeof record.validation_status === 'string'
+        ? record.validation_status
+        : undefined,
+    url,
+  };
+};
+
+const normalizeCleanupRecordAudit = (
+  item: Record<string, unknown>,
+): StorageCleanupRecordAudit | null => {
+  const objectId =
+    typeof item.object_id === 'string'
+      ? item.object_id.trim()
+      : typeof item.objectId === 'string'
+        ? item.objectId.trim()
+        : typeof item.id === 'string'
+          ? item.id.trim()
+          : '';
+  if (!objectId) {
+    return null;
+  }
+
+  const accessProbeItems = Array.isArray(item.access_probes)
+    ? item.access_probes
+    : Array.isArray(item.access_urls)
+      ? item.access_urls.map((url) => ({ url }))
+      : [];
+  const accessProbes = accessProbeItems
+    .map((probe) =>
+      probe && typeof probe === 'object'
+        ? normalizeCleanupAccessProbe(probe as Record<string, unknown>)
+        : null,
+    )
+    .filter((probe): probe is StorageCleanupAccessProbe => probe !== null);
+
+  const accessMethodItems = Array.isArray(item.access_methods)
+    ? item.access_methods
+    : [];
+  const accessMethods: Array<StorageCleanupAccessMethod> = accessMethodItems
+    .map<StorageCleanupAccessMethod | null>((method) => {
+      if (!method || typeof method !== 'object') {
+        return null;
       }
-    }`,
-    variables: {
-      filter: {
-        AND: [
-          {
-            IN: {
-              project_id: [selected_project],
-            },
-          },
-        ],
-      },
-    },
+      const raw = method as Record<string, unknown>;
+      return {
+        accessId: typeof raw.access_id === 'string' ? raw.access_id : undefined,
+        headers: toStringArray(raw.headers),
+        type: typeof raw.type === 'string' ? raw.type : undefined,
+        url: typeof raw.url === 'string' ? raw.url : undefined,
+      };
+    })
+    .filter((method): method is StorageCleanupAccessMethod => method !== null);
+
+  return {
+    accessMethods,
+    accessProbes,
+    accessUrls: toStringArray(item.access_urls),
+    cleanupScope: parseCleanupScope(item.cleanup_scope),
+    downloadCount:
+      typeof item.download_count === 'number'
+        ? item.download_count
+        : typeof item.downloadCount === 'number'
+          ? item.downloadCount
+          : undefined,
+    error:
+      typeof item.storage_message === 'string'
+        ? item.storage_message
+        : typeof item.error === 'string'
+          ? item.error
+          : undefined,
+    lastDownload:
+      typeof item.last_download_time === 'string'
+        ? item.last_download_time
+        : typeof item.lastDownload === 'string'
+          ? item.lastDownload
+          : undefined,
+    lastUpdated:
+      typeof item.updated_time === 'string'
+        ? item.updated_time
+        : typeof item.latest_update_time === 'string'
+          ? item.latest_update_time
+          : typeof item.last_updated === 'string'
+            ? item.last_updated
+            : undefined,
+    normalizedPath:
+      typeof item.normalized_path === 'string'
+        ? item.normalized_path
+        : undefined,
+    objectId,
+    sizeBytes:
+      typeof item.size === 'number'
+        ? item.size
+        : typeof item.total_bytes === 'number'
+          ? item.total_bytes
+          : undefined,
+    status:
+      typeof item.storage_status === 'string'
+        ? item.storage_status
+        : typeof item.status === 'string'
+          ? item.status
+          : undefined,
+  };
+};
+
+const normalizeCleanupFinding = (
+  item: Record<string, unknown>,
+): StorageCleanupFinding | null => {
+  const normalizedPath = normalizeStoragePath(
+    typeof item.normalized_path === 'string'
+      ? item.normalized_path
+      : typeof item.path === 'string'
+        ? item.path
+        : '',
+  );
+
+  if (!normalizedPath) {
+    return null;
+  }
+
+  const recordItems = Array.isArray(item.records) ? item.records : [];
+  const records = recordItems
+    .map((record) =>
+      record && typeof record === 'object'
+        ? normalizeCleanupRecordAudit(record as Record<string, unknown>)
+        : null,
+    )
+    .filter((record): record is StorageCleanupRecordAudit => record !== null);
+  const objectIds = Array.from(
+    new Set([
+      ...toStringArray(item.object_ids),
+      ...toStringArray(item.objectIds),
+      ...records.map((record) => record.objectId),
+    ]),
+  );
+  const kind = parseCleanupFindingKind(item.kind ?? item.finding_kind);
+  const availableActions = normalizeAvailableActions(item);
+  const defaultAction = normalizeDefaultAction(item);
+  const defaultRecommendation =
+    kind === 'stale_duplicate_record'
+      ? 'Delete stale duplicate records'
+      : kind === 'broken_access_url_error'
+        ? 'Manual review required for broken access URLs'
+        : kind === 'broken_bucket_mapping'
+          ? 'Fix or remove the Syfon access URL because no bucket mapping is configured for it.'
+          : kind === 'bucket_only_object'
+            ? 'Review and delete bucket object that has no Syfon record.'
+            : kind === 'repo_orphan_live_object'
+              ? 'Delete Syfon record and purge storage object'
+              : kind === 'repo_orphan_stale_record'
+                ? 'Delete stale Syfon record'
+                : kind === 'storage_object_missing'
+                  ? 'Bucket object is missing from storage.'
+                  : kind === 'storage_validation_mismatch'
+                    ? 'Bucket object metadata does not match the Syfon record.'
+                    : kind === 'storage_probe_error'
+                      ? 'Retry once storage probing is healthy'
+                      : 'Manual review required';
+
+  return {
+    actionability:
+      typeof item.actionability === 'string' ? item.actionability : undefined,
+    availableActions,
+    downloadCount:
+      typeof item.download_count === 'number'
+        ? item.download_count
+        : typeof item.downloadCount === 'number'
+          ? item.downloadCount
+          : undefined,
+    kind,
+    lastDownload:
+      typeof item.last_download_time === 'string'
+        ? item.last_download_time
+        : typeof item.lastDownload === 'string'
+          ? item.lastDownload
+          : undefined,
+    lastUpdated:
+      typeof item.latest_update_time === 'string'
+        ? item.latest_update_time
+        : typeof item.last_updated === 'string'
+          ? item.last_updated
+          : typeof item.lastUpdated === 'string'
+            ? item.lastUpdated
+            : undefined,
+    cleanupScope: parseCleanupScope(item.cleanup_scope),
+    normalizedPath,
+    objectIds,
+    records,
+    accessUrls: Array.from(
+      new Set([
+        ...records.flatMap((record) => record.accessUrls),
+        ...toStringArray(
+          item.evidence && typeof item.evidence === 'object'
+            ? (item.evidence as Record<string, unknown>).access_urls
+            : [],
+        ),
+      ]),
+    ),
+    defaultAction,
+    recommendedAction:
+      typeof item.recommended_action === 'string' &&
+      item.recommended_action.trim().length > 0
+        ? item.recommended_action
+        : defaultRecommendation,
+    repoDeleteCandidate:
+      typeof item.repo_delete_candidate === 'boolean'
+        ? item.repo_delete_candidate
+        : kind === 'repo_orphan_live_object' ||
+          kind === 'repo_orphan_stale_record',
+    sizeBytes:
+      typeof item.total_bytes === 'number'
+        ? item.total_bytes
+        : typeof item.size_bytes === 'number'
+          ? item.size_bytes
+          : typeof item.sizeBytes === 'number'
+            ? item.sizeBytes
+            : undefined,
+    supportsDryRun:
+      typeof item.supports_dry_run === 'boolean'
+        ? item.supports_dry_run
+        : availableActions.some((action) => action.supportsDryRun),
+  };
+};
+
+const normalizeStorageChainFinding = (
+  item: Record<string, unknown>,
+): StorageChainFinding | null => {
+  const kind = parseStorageChainFindingKind(item.kind ?? item.finding_kind);
+  const fallbackPath =
+    (toStringArray(item.source_paths)[0] ??
+      toStringArray(item.access_urls)[0] ??
+      toStringArray(
+        item.evidence && typeof item.evidence === 'object'
+          ? (item.evidence as Record<string, unknown>).access_urls
+          : [],
+      )[0] ??
+      toStringArray(
+        item.evidence && typeof item.evidence === 'object'
+          ? (item.evidence as Record<string, unknown>).bucket_object_urls
+          : [],
+      )[0] ??
+      (typeof item.bucket_object_url === 'string'
+        ? item.bucket_object_url
+        : '')) ||
+    (typeof item.checksum === 'string' ? item.checksum : '');
+  const normalizedPath = normalizeStoragePath(
+    typeof item.normalized_path === 'string'
+      ? item.normalized_path
+      : typeof item.path === 'string'
+        ? item.path
+        : fallbackPath,
+  );
+  if (!normalizedPath) {
+    return null;
+  }
+
+  const availableActions = normalizeAvailableActions(item);
+  const defaultAction = normalizeDefaultAction(item);
+  const defaultRecommendation =
+    kind === 'bucket_only_object'
+      ? 'Bucket object exists, but no Syfon record matched it.'
+      : kind === 'bucket_syfon_no_git'
+        ? 'Bucket object and Syfon record matched, but no Git-tracked file matched this checksum.'
+        : kind === 'syfon_broken_bucket_mapping'
+          ? 'Syfon record exists, but its access URL does not resolve to a configured bucket mapping.'
+          : kind === 'syfon_missing_bucket_object'
+            ? 'Syfon record points to a mapped bucket location, but the object does not exist.'
+            : kind === 'syfon_git_no_bucket'
+              ? 'Git and Syfon matched, but the mapped bucket object does not exist.'
+              : kind === 'git_only_no_syfon'
+                ? 'Git checksum has no matching Syfon record.'
+                : kind === 'git_syfon_metadata_mismatch'
+                  ? 'Bucket object exists, but its metadata does not match what Syfon expects.'
+                  : 'Bucket verification failed before Gecko could classify this record cleanly.';
+
+  const recordItems = Array.isArray(item.records) ? item.records : [];
+  const records = recordItems
+    .map((record) =>
+      record && typeof record === 'object'
+        ? normalizeCleanupRecordAudit(record as Record<string, unknown>)
+        : null,
+    )
+    .filter((record): record is StorageCleanupRecordAudit => record !== null);
+
+  return {
+    accessUrls: Array.from(
+      new Set([
+        ...toStringArray(item.access_urls),
+        ...toStringArray(
+          item.evidence && typeof item.evidence === 'object'
+            ? (item.evidence as Record<string, unknown>).access_urls
+            : [],
+        ),
+      ]),
+    ),
+    bucketObjectUrl:
+      typeof item.bucket_object_url === 'string'
+        ? item.bucket_object_url
+        : undefined,
+    bucketSizeBytes:
+      typeof item.bucket_size_bytes === 'number'
+        ? item.bucket_size_bytes
+        : undefined,
+    checksum: typeof item.checksum === 'string' ? item.checksum : undefined,
+    error: typeof item.error === 'string' ? item.error : undefined,
+    errorKind:
+      typeof item.error_kind === 'string' ? item.error_kind : undefined,
+    evidence:
+      item.evidence && typeof item.evidence === 'object'
+        ? normalizeAuditEvidence(item.evidence as Record<string, unknown>)
+        : undefined,
+    actionability:
+      typeof item.actionability === 'string' ? item.actionability : undefined,
+    availableActions,
+    kind,
+    normalizedPath,
+    objectIds: Array.from(
+      new Set([
+        ...toStringArray(item.object_ids),
+        ...toStringArray(
+          item.evidence && typeof item.evidence === 'object'
+            ? (item.evidence as Record<string, unknown>).object_ids
+            : [],
+        ),
+      ]),
+    ),
+    probeStatus:
+      typeof item.probe_status === 'string' ? item.probe_status : undefined,
+    defaultAction,
+    recommendedAction:
+      typeof item.recommended_action === 'string' &&
+      item.recommended_action.trim().length > 0
+        ? item.recommended_action
+        : defaultRecommendation,
+    suggestedAction:
+      typeof item.suggested_action === 'string' &&
+      item.suggested_action.trim().length > 0
+        ? item.suggested_action.trim()
+        : typeof item.suggestedAction === 'string' &&
+            item.suggestedAction.trim().length > 0
+          ? item.suggestedAction.trim()
+          : undefined,
+    suggestedFix:
+      typeof item.suggested_fix === 'string' &&
+      item.suggested_fix.trim().length > 0
+        ? item.suggested_fix.trim()
+        : typeof item.suggestedFix === 'string' &&
+            item.suggestedFix.trim().length > 0
+          ? item.suggestedFix.trim()
+          : undefined,
+    recordCount:
+      typeof item.record_count === 'number'
+        ? item.record_count
+        : typeof item.recordCount === 'number'
+          ? item.recordCount
+          : records.length,
+    records,
+    resolvedBucket:
+      typeof item.resolved_bucket === 'string'
+        ? item.resolved_bucket
+        : undefined,
+    resolvedKey:
+      typeof item.resolved_key === 'string' ? item.resolved_key : undefined,
+    sizeBytes:
+      typeof item.size_bytes === 'number'
+        ? item.size_bytes
+        : typeof item.total_bytes === 'number'
+          ? item.total_bytes
+          : undefined,
+    sourcePaths: Array.from(
+      new Set([
+        ...toStringArray(item.source_paths),
+        ...toStringArray(
+          item.evidence && typeof item.evidence === 'object'
+            ? (item.evidence as Record<string, unknown>).source_paths
+            : [],
+        ),
+      ]),
+    ),
+    supportsDryRun:
+      typeof item.supports_dry_run === 'boolean'
+        ? item.supports_dry_run
+        : availableActions.some((action) => action.supportsDryRun),
+  };
+};
+
+const normalizeProjectDiffFinding = (
+  item: Record<string, unknown>,
+): ProjectDiffFinding | null => {
+  const normalizedPath = normalizeStoragePath(
+    typeof item.normalized_path === 'string'
+      ? item.normalized_path
+      : typeof item.path === 'string'
+        ? item.path
+        : '',
+  );
+
+  if (!normalizedPath) {
+    return null;
+  }
+
+  const kind = parseProjectDiffFindingKind(item.kind ?? item.finding_kind);
+  const availableActions = normalizeAvailableActions(item);
+  const defaultAction = normalizeDefaultAction(item);
+  const defaultRecommendation =
+    kind === 'duplicate_syfon_paths'
+      ? 'Review duplicate Syfon records before deleting anything.'
+      : kind === 'syfon_missing_in_repo'
+        ? 'Prepare delete to verify storage before removing Syfon-only records.'
+        : kind === 'repo_missing_in_syfon'
+          ? 'Review missing Syfon records for this Git-tracked path.'
+          : 'Review this path.';
+
+  return {
+    actionability:
+      typeof item.actionability === 'string' ? item.actionability : undefined,
+    availableActions,
+    downloadCount:
+      typeof item.download_count === 'number' ? item.download_count : undefined,
+    kind,
+    lastDownload:
+      typeof item.last_download_time === 'string'
+        ? item.last_download_time
+        : undefined,
+    normalizedPath,
+    sourcePaths: Array.from(
+      new Set([
+        ...toStringArray(item.source_paths),
+        ...toStringArray(item.sourcePaths),
+      ]),
+    ),
+    objectIds: Array.from(
+      new Set([
+        ...toStringArray(item.object_ids),
+        ...toStringArray(item.objectIds),
+      ]),
+    ),
+    recordCount:
+      typeof item.record_count === 'number'
+        ? item.record_count
+        : typeof item.recordCount === 'number'
+          ? item.recordCount
+          : 0,
+    defaultAction,
+    recommendedAction:
+      typeof item.recommended_action === 'string' &&
+      item.recommended_action.trim().length > 0
+        ? item.recommended_action
+        : defaultRecommendation,
+    sizeBytes:
+      typeof item.size_bytes === 'number'
+        ? item.size_bytes
+        : typeof item.total_bytes === 'number'
+          ? item.total_bytes
+          : undefined,
+    supportsDryRun:
+      typeof item.supports_dry_run === 'boolean'
+        ? item.supports_dry_run
+        : availableActions.some((action) => action.supportsDryRun),
+  };
+};
+
+const normalizeProjectDiffAuditResult = ({
+  expectedPathCount,
+  pathPrefix,
+  response,
+}: {
+  expectedPathCount: number;
+  pathPrefix: string;
+  response: Record<string, unknown> | null;
+}): ProjectDiffAuditResult => {
+  const findingItems = Array.isArray(response?.findings)
+    ? response.findings
+    : Array.isArray(response?.items)
+      ? response.items
+      : [];
+  const findings = findingItems
+    .map((item) =>
+      item && typeof item === 'object'
+        ? normalizeProjectDiffFinding(item as Record<string, unknown>)
+        : null,
+    )
+    .filter((finding): finding is ProjectDiffFinding => finding !== null);
+  const countsByKind = emptyProjectDiffCounts();
+
+  findings.forEach((finding) => {
+    countsByKind[finding.kind] += 1;
   });
 
-  const cachedfileData = useMemo(() => {
-    if (data) {
-      const project_data = extractData(data, 'document_reference', '');
-      return binDataWithCustomBoundaries(project_data, slicePoints);
-    }
-    return [];
-  }, [data]);
+  return {
+    findings,
+    pathPrefix,
+    summary: {
+      countsByKind,
+      expectedPathCount:
+        typeof response?.summary === 'object' &&
+        response.summary &&
+        typeof (response.summary as Record<string, unknown>)
+          .expected_path_count === 'number'
+          ? ((response.summary as Record<string, unknown>)
+              .expected_path_count as number)
+          : expectedPathCount,
+      includesRepoManifest:
+        typeof response?.summary === 'object' &&
+        response.summary &&
+        typeof (response.summary as Record<string, unknown>)
+          .includes_repo_manifest === 'boolean'
+          ? ((response.summary as Record<string, unknown>)
+              .includes_repo_manifest as boolean)
+          : expectedPathCount > 0,
+      indexedPathCount:
+        typeof response?.summary === 'object' &&
+        response.summary &&
+        typeof (response.summary as Record<string, unknown>)
+          .indexed_path_count === 'number'
+          ? ((response.summary as Record<string, unknown>)
+              .indexed_path_count as number)
+          : 0,
+      matchedPathCount:
+        typeof response?.summary === 'object' &&
+        response.summary &&
+        typeof (response.summary as Record<string, unknown>)
+          .matched_path_count === 'number'
+          ? ((response.summary as Record<string, unknown>)
+              .matched_path_count as number)
+          : 0,
+      scannedRecordCount:
+        typeof response?.summary === 'object' &&
+        response.summary &&
+        typeof (response.summary as Record<string, unknown>)
+          .scanned_record_count === 'number'
+          ? ((response.summary as Record<string, unknown>)
+              .scanned_record_count as number)
+          : 0,
+      totalFindings:
+        typeof response?.summary === 'object' &&
+        response.summary &&
+        typeof (response.summary as Record<string, unknown>).total_findings ===
+          'number'
+          ? ((response.summary as Record<string, unknown>)
+              .total_findings as number)
+          : findings.length,
+    },
+  };
+};
 
-  return { fdata: cachedfileData, fisLoading: isLoading, fisError: isError };
+const normalizeStorageChainIssueGroup = (
+  item: Record<string, unknown>,
+): StorageChainIssueGroup | null => {
+  const kind = typeof item.kind === 'string' ? item.kind.trim() : '';
+  if (!kind) {
+    return null;
+  }
+
+  return {
+    kind,
+    findingCount:
+      typeof item.finding_count === 'number' ? item.finding_count : 0,
+    objectCount: typeof item.object_count === 'number' ? item.object_count : 0,
+    pathCount: typeof item.path_count === 'number' ? item.path_count : 0,
+    recordCount: typeof item.record_count === 'number' ? item.record_count : 0,
+    totalBytes: typeof item.total_bytes === 'number' ? item.total_bytes : 0,
+  };
 };
 
-export const useFileTypesHistogramQuery = (project: string) => {
-  const { data, isLoading, isError } = useGeneralGQLQuery({
-    query: `query($filter:JSON){
-  		_aggregation{
-        document_reference(filter: $filter){
-          document_reference_contentType{
-            histogram{
-              key
-              count
-            }
-          }
+const normalizeStorageChainAuditResult = ({
+  pathPrefix,
+  response,
+}: {
+  pathPrefix: string;
+  response: Record<string, unknown> | null;
+}): StorageChainAuditResult => {
+  const findingItems = Array.isArray(response?.findings)
+    ? response.findings
+    : [];
+  const findings = findingItems
+    .map((item) =>
+      item && typeof item === 'object'
+        ? normalizeStorageChainFinding(item as Record<string, unknown>)
+        : null,
+    )
+    .filter((finding): finding is StorageChainFinding => finding !== null);
+  const summary =
+    response?.summary && typeof response.summary === 'object'
+      ? (response.summary as Record<string, unknown>)
+      : null;
+  const groupItems = Array.isArray(response?.groups) ? response.groups : [];
+  const groups = groupItems
+    .map((item) =>
+      item && typeof item === 'object'
+        ? normalizeStorageChainIssueGroup(item as Record<string, unknown>)
+        : null,
+    )
+    .filter((group): group is StorageChainIssueGroup => group !== null);
+  const countsByKind: Record<string, number> = emptyStorageChainCounts();
+  if (summary?.counts_by_kind && typeof summary.counts_by_kind === 'object') {
+    Object.entries(summary.counts_by_kind as Record<string, unknown>).forEach(
+      ([key, value]) => {
+        if (typeof value === 'number') {
+          countsByKind[key] = value;
         }
+      },
+    );
+  }
+
+  findings.forEach((finding) => {
+    countsByKind[finding.kind] = (countsByKind[finding.kind] ?? 0) + 1;
+  });
+
+  return {
+    auditId:
+      typeof response?.audit_id === 'string' ? response.audit_id : undefined,
+    bucketPathPrefix:
+      typeof response?.bucket_path_prefix === 'string'
+        ? response.bucket_path_prefix
+        : undefined,
+    findings,
+    groups,
+    pathPrefix:
+      typeof response?.path_prefix === 'string'
+        ? response.path_prefix
+        : pathPrefix,
+    summary: {
+      bucketInventoryAvailable:
+        typeof summary?.bucket_inventory_available === 'boolean'
+          ? summary.bucket_inventory_available
+          : true,
+      bucketInventoryError:
+        typeof summary?.bucket_inventory_error === 'string'
+          ? summary.bucket_inventory_error
+          : undefined,
+      auditCacheAgeSeconds:
+        typeof summary?.audit_cache_age_seconds === 'number'
+          ? summary.audit_cache_age_seconds
+          : undefined,
+      auditCacheError:
+        typeof summary?.audit_cache_error === 'string'
+          ? summary.audit_cache_error
+          : undefined,
+      auditCacheHit:
+        typeof summary?.audit_cache_hit === 'boolean'
+          ? summary.audit_cache_hit
+          : undefined,
+      auditRefreshDurationMs:
+        typeof summary?.audit_refresh_duration_ms === 'number'
+          ? summary.audit_refresh_duration_ms
+          : undefined,
+      auditCacheSource:
+        typeof summary?.audit_cache_source === 'string'
+          ? summary.audit_cache_source
+          : undefined,
+      auditCachedAt:
+        typeof summary?.audit_cached_at === 'string'
+          ? summary.audit_cached_at
+          : undefined,
+      bucketObjectCount:
+        typeof summary?.bucket_object_count === 'number'
+          ? summary.bucket_object_count
+          : 0,
+      countsByKind,
+      findingLimit:
+        typeof summary?.finding_limit === 'number'
+          ? summary.finding_limit
+          : undefined,
+      gitTrackedFileCount:
+        typeof summary?.git_tracked_file_count === 'number'
+          ? summary.git_tracked_file_count
+          : 0,
+      gitRevision:
+        typeof summary?.git_revision === 'string'
+          ? summary.git_revision
+          : undefined,
+      syfonRecordCount:
+        typeof summary?.syfon_record_count === 'number'
+          ? summary.syfon_record_count
+          : 0,
+      returnedFindings:
+        typeof summary?.returned_findings === 'number'
+          ? summary.returned_findings
+          : findings.length,
+      totalFindings:
+        typeof summary?.total_findings === 'number'
+          ? summary.total_findings
+          : findings.length,
+    },
+  };
+};
+
+export const useRegisterGitOnlySyfonRecords = ({
+  projectSelection,
+}: {
+  projectSelection: string;
+}) => {
+  const [error, setError] = useState<string | null>(null);
+  const [isRegistering, setIsRegistering] = useState(false);
+  useGetCSRFQuery();
+  const csrfToken = useCoreSelector((state: CoreState) =>
+    selectCSRFToken(state),
+  );
+  const register = useCallback(
+    async ({
+      expectedGitRevision,
+      repoPaths,
+    }: {
+      expectedGitRevision: string;
+      repoPaths: Array<string>;
+    }): Promise<GitOnlySyfonRegistrationResponse | null> => {
+      const selection = splitProjectSelectionValue(projectSelection);
+      if (!selection) {
+        setError('Select a project before creating Syfon records.');
+        return null;
       }
-    }`,
-    variables: {
-      filter: {
-        AND: [
+      setError(null);
+      setIsRegistering(true);
+      try {
+        const response = await fetch(
+          buildGitOnlySyfonRegistrationUrl(selection),
           {
-            IN: {
-              project_id: [project],
+            body: JSON.stringify({
+              expected_git_revision: expectedGitRevision,
+              repo_paths: Array.from(
+                new Set(repoPaths.map(normalizeStoragePath).filter(Boolean)),
+              ),
+            }),
+            credentials: 'include',
+            headers: {
+              'Content-Type': 'application/json',
+              ...(csrfToken ? { 'X-CSRF-Token': csrfToken } : {}),
             },
+            method: 'POST',
           },
-        ],
-      },
+        );
+        if (handleUnauthorizedResponse(response)) {
+          throw new Error('Your session expired. Please log in again.');
+        }
+        if (!response.ok) {
+          throw new Error(
+            await getErrorMessage(
+              response,
+              `Failed to create Syfon records for ${selection.organization}/${selection.project}`,
+            ),
+          );
+        }
+        return (await readJsonResponse<GitOnlySyfonRegistrationResponse>(
+          response,
+        )) as GitOnlySyfonRegistrationResponse;
+      } catch (failure) {
+        setError(
+          failure instanceof Error
+            ? failure.message
+            : 'Failed to create Syfon records.',
+        );
+        return null;
+      } finally {
+        setIsRegistering(false);
+      }
     },
+    [csrfToken, projectSelection],
+  );
+  return { error, isRegistering, register };
+};
+
+const normalizeCleanupAuditResult = ({
+  expectedPathCount,
+  includesRepoManifest,
+  pathPrefix,
+  response,
+}: {
+  expectedPathCount: number;
+  includesRepoManifest: boolean;
+  pathPrefix: string;
+  response: Record<string, unknown> | null;
+}): StorageCleanupAuditResult => {
+  const findingItems = Array.isArray(response?.findings)
+    ? response.findings
+    : Array.isArray(response?.items)
+      ? response.items
+      : [];
+  const findings = findingItems
+    .map((item) =>
+      item && typeof item === 'object'
+        ? normalizeCleanupFinding(item as Record<string, unknown>)
+        : null,
+    )
+    .filter((finding): finding is StorageCleanupFinding => finding !== null);
+  const countsByKind = emptyCleanupCounts();
+
+  findings.forEach((finding) => {
+    countsByKind[finding.kind] += 1;
   });
 
-  const cachedfileData = useMemo(() => {
-    if (data) {
-      return extractData(
-        data,
-        'document_reference',
-        'document_reference_contentType',
-      );
-    }
-    return [];
-  }, [data]);
+  return {
+    expectedPathCount:
+      typeof response?.expected_path_count === 'number'
+        ? response.expected_path_count
+        : expectedPathCount,
+    findings,
+    includesRepoManifest,
+    pathPrefix,
+    summary: {
+      countsByKind,
+      manualFindingCount:
+        countsByKind.broken_access_url_error +
+        countsByKind.live_duplicate_conflict +
+        countsByKind.storage_object_missing +
+        countsByKind.storage_probe_error +
+        countsByKind.storage_validation_mismatch +
+        countsByKind.unknown,
+      repoDeleteCandidateCount: findings.filter(
+        (finding) => finding.repoDeleteCandidate,
+      ).length,
+      repoOrphanCount:
+        countsByKind.repo_orphan_live_object +
+        countsByKind.repo_orphan_stale_record,
+      staleDuplicateCount: countsByKind.stale_duplicate_record,
+      totalFindings: findings.length,
+    },
+  };
+};
+
+const buildStorageApplyFindingRequest = (
+  finding: StorageCleanupFinding | StorageChainFinding,
+): StorageApplyFindingRequest => ({
+  access_urls: Array.from(new Set(finding.accessUrls ?? [])),
+  bucket_object_url:
+    'bucketObjectUrl' in finding ? finding.bucketObjectUrl : undefined,
+  bucket_object_urls: Array.from(
+    new Set([
+      ...('bucketObjectUrl' in finding && finding.bucketObjectUrl
+        ? [finding.bucketObjectUrl]
+        : []),
+      ...(finding.evidence?.bucketObjectUrls ?? []),
+    ]),
+  ),
+  evidence: finding.evidence
+    ? {
+        access_urls: finding.evidence.accessUrls,
+        bucket_object_urls: finding.evidence.bucketObjectUrls,
+        object_ids: finding.evidence.objectIds,
+        source_paths: finding.evidence.sourcePaths,
+      }
+    : undefined,
+  kind: finding.kind,
+  normalized_path: finding.normalizedPath,
+  object_ids: finding.objectIds,
+  records:
+    'records' in finding
+      ? finding.records.map((record) => ({
+          access_methods: record.accessMethods.map((method) => ({
+            access_id: method.accessId,
+            headers: method.headers,
+            type: method.type,
+            url: method.url,
+          })),
+          access_probes: record.accessProbes.map((probe) => ({
+            bucket: probe.bucket,
+            etag: probe.etag,
+            error: probe.error,
+            error_kind: probe.errorKind,
+            exists: probe.exists,
+            key: probe.key,
+            last_modified: probe.lastModified,
+            meta_sha256: probe.metaSha256,
+            path: probe.path,
+            provider: probe.provider,
+            sha256_match: probe.sha256Match,
+            size_bytes: probe.sizeBytes,
+            size_match: probe.sizeMatch,
+            status: probe.status,
+            url: probe.url,
+            validation_mismatches: probe.validationMismatches,
+            validation_status: probe.validationStatus,
+          })),
+          access_urls: record.accessUrls,
+          cleanup_scope: record.cleanupScope,
+          normalized_path: record.normalizedPath,
+          object_id: record.objectId,
+        }))
+      : [],
+});
+
+const normalizeCleanupApplyResult = (
+  response: Record<string, unknown> | null,
+): StorageCleanupApplyResult => {
+  const rawPurgeResults = Array.isArray(response?.storage_purge_results)
+    ? response.storage_purge_results
+    : Array.isArray(response?.purge_results)
+      ? response.purge_results
+      : [];
 
-  return { ftdata: cachedfileData, ftisLoading: isLoading, ftisError: isError };
+  return {
+    deletedRecordIds: Array.from(
+      new Set([
+        ...toStringArray(response?.deleted_record_ids),
+        ...toStringArray(response?.deletedRecordIds),
+      ]),
+    ),
+    deletedBucketObjectUrls: Array.from(
+      new Set([
+        ...toStringArray(response?.deleted_bucket_object_urls),
+        ...toStringArray(response?.deletedBucketObjectUrls),
+      ]),
+    ),
+    updatedRecordIds: Array.from(
+      new Set([
+        ...toStringArray(response?.updated_record_ids),
+        ...toStringArray(response?.updatedRecordIds),
+      ]),
+    ),
+    dryRun:
+      typeof response?.dry_run === 'boolean'
+        ? response.dry_run
+        : typeof response?.dryRun === 'boolean'
+          ? response.dryRun
+          : false,
+    manualPaths: Array.from(
+      new Set([
+        ...toStringArray(response?.manual_paths),
+        ...toStringArray(response?.manual_findings),
+      ]),
+    ),
+    purgeResults: rawPurgeResults
+      .map<StorageCleanupPurgeResult | null>((item) => {
+        if (!item || typeof item !== 'object') {
+          return null;
+        }
+
+        const record = item as Record<string, unknown>;
+        const objectId =
+          typeof record.object_id === 'string'
+            ? record.object_id.trim()
+            : typeof record.objectId === 'string'
+              ? record.objectId.trim()
+              : '';
+
+        if (!objectId) {
+          return null;
+        }
+
+        return {
+          error: typeof record.error === 'string' ? record.error : undefined,
+          objectId,
+          status: typeof record.status === 'string' ? record.status : undefined,
+          success: typeof record.success === 'boolean' ? record.success : null,
+        };
+      })
+      .filter((result): result is StorageCleanupPurgeResult => result !== null),
+    repoDeletePaths: Array.from(
+      new Set([
+        ...toStringArray(response?.repo_delete_paths),
+        ...toStringArray(response?.paths_requiring_repo_delete),
+      ]),
+    ),
+    skippedPaths: Array.from(
+      new Set([
+        ...toStringArray(response?.skipped_paths),
+        ...toStringArray(response?.skipped_findings),
+      ]),
+    ),
+  };
 };
 
-export const useFilesFromBinQuery = (
-  project: string,
-  file_range: number[],
-  config: Record<string, SummaryTableColumn>,
-  category: string,
-) => {
-  const filters: Filter[] = [
-    {
-      EQ: { project_id: project },
-    },
-  ];
+const resolveInitialProjectSelection = ({
+  defaultProject,
+  options,
+}: {
+  defaultProject?: string;
+  options: Array<ProjectStorageOption>;
+}): string => {
+  if (options.length === 0) return '';
+  if (!defaultProject?.trim()) return options[0].value;
 
-  if (category !== '') {
-    filters.push({
-      EQ: {
-        document_reference_contentType:
-          String(category).charAt(0).toLowerCase() + String(category).slice(1),
-      },
-    });
-  } else {
-    filters.push({
-      AND: [
-        { GTE: { document_reference_size: file_range[0] } },
-        { LT: { document_reference_size: file_range[1] } },
-      ],
-    });
-  }
-
-  const { data, isLoading, isError } = useGeneralGQLQuery({
-    query: `query($filter:JSON){
-  		_aggregation{
-        document_reference(filter: $filter){
-          _totalCount
+  const normalizedDefault = defaultProject.trim();
+  const directMatch = options.find(
+    (option) => option.value === normalizedDefault,
+  );
+  if (directMatch) return directMatch.value;
+
+  const projectOnlyMatches = options.filter(
+    (option) => option.project === normalizedDefault,
+  );
+  if (projectOnlyMatches.length === 1) {
+    return projectOnlyMatches[0].value;
+  }
+
+  return options[0].value;
+};
+
+export const useFileSummaryProjectOptions = (config?: FilesummaryConfig) => {
+  const { data: projectSummary = [], isLoading } =
+    useGetGeckoProjectSummaryQuery();
+
+  const options = useMemo(
+    () => buildProjectOptions(projectSummary),
+    [projectSummary],
+  );
+
+  const defaultSelection = useMemo(
+    () =>
+      resolveInitialProjectSelection({
+        defaultProject: config?.defaultProject,
+        options,
+      }),
+    [config?.defaultProject, options],
+  );
+
+  return {
+    defaultSelection,
+    isLoading,
+    options,
+  };
+};
+
+export const useSyfonProjectDiff = ({
+  config,
+  currentPath,
+  projectSelection,
+}: {
+  config?: FilesummaryConfig;
+  currentPath: string;
+  projectSelection: string;
+}) => {
+  const [auditError, setAuditError] = useState<string | null>(null);
+  const [auditResult, setAuditResult] = useState<ProjectDiffAuditResult | null>(
+    null,
+  );
+  const [isAuditing, setIsAuditing] = useState(false);
+  useGetCSRFQuery();
+  const csrfToken = useCoreSelector((state: CoreState) =>
+    selectCSRFToken(state),
+  );
+
+  void config;
+
+  const runAudit =
+    useCallback(async (): Promise<ProjectDiffAuditResult | null> => {
+      const selection = splitProjectSelectionValue(projectSelection);
+      if (!selection) {
+        setAuditError('Select a project before running the chain audit.');
+        setAuditResult(null);
+        return null;
+      }
+
+      setAuditError(null);
+      setIsAuditing(true);
+
+      try {
+        const response = await fetch(
+          buildProjectDiffUrl({
+            organization: selection.organization,
+            project: selection.project,
+          }),
+          {
+            body: JSON.stringify({
+              git_subpath: normalizeStoragePath(currentPath) || undefined,
+            }),
+            credentials: 'include',
+            headers: {
+              'Content-Type': 'application/json',
+              ...(csrfToken ? { 'X-CSRF-Token': csrfToken } : {}),
+            },
+            method: 'POST',
+          },
+        );
+
+        if (handleUnauthorizedResponse(response)) {
+          throw new Error('Your session expired. Please log in again.');
         }
+
+        if (!response.ok) {
+          throw new Error(
+            await getErrorMessage(
+              response,
+              `Failed to audit project records for ${selection.organization}/${selection.project}`,
+            ),
+          );
+        }
+
+        const normalized = normalizeProjectDiffAuditResult({
+          expectedPathCount: 0,
+          pathPrefix: normalizeStoragePath(currentPath),
+          response: await readJsonResponse<Record<string, unknown>>(response),
+        });
+        setAuditResult(normalized);
+        return normalized;
+      } catch (auditFailure) {
+        const message =
+          auditFailure instanceof Error
+            ? auditFailure.message
+            : 'Failed to audit project records.';
+        setAuditError(message);
+        setAuditResult(null);
+        return null;
+      } finally {
+        setIsAuditing(false);
       }
-      document_reference(filter: $filter, accessibility: all, first: 10000, sort: [{document_reference_size: "desc"}]){
-        ${Object.keys(config).join('\n')}
+    }, [csrfToken, currentPath, projectSelection]);
+
+  const clearAudit = useCallback(() => {
+    setAuditError(null);
+    setAuditResult(null);
+  }, []);
+
+  return {
+    auditError,
+    auditResult,
+    clearAudit,
+    isAuditing,
+    runAudit,
+    setAuditResult,
+  };
+};
+
+export const useSyfonStorageChain = ({
+  config,
+  currentPath,
+  projectSelection,
+}: {
+  config?: FilesummaryConfig;
+  currentPath: string;
+  projectSelection: string;
+}) => {
+  const [auditError, setAuditError] = useState<string | null>(null);
+  const [auditResult, setAuditResult] =
+    useState<StorageChainAuditResult | null>(null);
+  const [isAuditing, setIsAuditing] = useState(false);
+  useGetCSRFQuery();
+  const csrfToken = useCoreSelector((state: CoreState) =>
+    selectCSRFToken(state),
+  );
+
+  void config;
+
+  const runAudit = useCallback(
+    async ({
+      bucketInventoryMode,
+      bucketPathPrefix,
+      findingKind,
+      findingLimit,
+      forceAuditRefresh,
+      persistResult = true,
+      probeMode,
+    }: {
+      bucketInventoryMode?: 'items' | 'validate';
+      bucketPathPrefix?: string;
+      findingKind?: string;
+      findingLimit?: number;
+      forceAuditRefresh?: boolean;
+      persistResult?: boolean;
+      probeMode?: 'full' | 'inventory_only';
+    } = {}): Promise<StorageChainAuditResult | null> => {
+      const selection = splitProjectSelectionValue(projectSelection);
+      if (!selection) {
+        setAuditError(
+          'Select a project before running the storage chain audit.',
+        );
+        setAuditResult(null);
+        return null;
       }
-    }`,
-    variables: { filter: { AND: filters } },
-  });
 
-  const cachedfileData = useMemo(() => {
-    if (data) {
-      return data;
-    }
-  }, [data]);
+      setAuditError(null);
+      setIsAuditing(true);
+
+      try {
+        const response = await fetch(
+          buildStorageChainUrl({
+            organization: selection.organization,
+            project: selection.project,
+          }),
+          {
+            body: JSON.stringify({
+              bucket_inventory_mode: bucketInventoryMode,
+              bucket_path_prefix: bucketPathPrefix
+                ? normalizeStoragePath(bucketPathPrefix) || undefined
+                : undefined,
+              finding_kind: findingKind,
+              finding_limit: findingLimit,
+              force_audit_refresh: forceAuditRefresh || undefined,
+              git_subpath: normalizeStoragePath(currentPath) || undefined,
+              probe_mode: probeMode,
+            }),
+            credentials: 'include',
+            headers: {
+              'Content-Type': 'application/json',
+              ...(csrfToken ? { 'X-CSRF-Token': csrfToken } : {}),
+            },
+            method: 'POST',
+          },
+        );
+
+        if (handleUnauthorizedResponse(response)) {
+          throw new Error('Your session expired. Please log in again.');
+        }
+
+        if (!response.ok) {
+          throw new Error(
+            await getErrorMessage(
+              response,
+              `Failed to audit storage chain for ${selection.organization}/${selection.project}`,
+            ),
+          );
+        }
+
+        const normalized = normalizeStorageChainAuditResult({
+          pathPrefix: normalizeStoragePath(currentPath),
+          response: await readJsonResponse<Record<string, unknown>>(response),
+        });
+        if (persistResult) {
+          setAuditResult(normalized);
+        }
+        return normalized;
+      } catch (auditFailure) {
+        const message =
+          auditFailure instanceof Error
+            ? auditFailure.message
+            : 'Failed to audit the storage chain.';
+        setAuditError(message);
+        if (persistResult) {
+          setAuditResult(null);
+        }
+        return null;
+      } finally {
+        setIsAuditing(false);
+      }
+    },
+    [csrfToken, currentPath, projectSelection],
+  );
+
+  const clearAudit = useCallback(() => {
+    setAuditError(null);
+    setAuditResult(null);
+  }, []);
+
   return {
-    fbindata: cachedfileData,
-    fbinisLoading: isLoading,
-    fbinisError: isError,
+    auditError,
+    auditResult,
+    clearAudit,
+    isAuditing,
+    runAudit,
+    setAuditResult,
   };
 };
 
-export const useProjectsQuery = () => {
-  const { data, isLoading, isError } = useGeneralGQLQuery({
-    query: `query ($nestedAggFields: JSON) {
-      _aggregation {
-        document_reference(nestedAggFields: $nestedAggFields) {
-          project_id {
-            histogram {
-              key
-              termsFields {
-                field
-                terms {
-                  key
-                  count
-                }
-              }
-            }
-          }
+export const useSyfonStorageCleanup = ({
+  config,
+  currentPath,
+  projectSelection,
+}: {
+  config?: FilesummaryConfig;
+  currentPath: string;
+  projectSelection: string;
+}) => {
+  const [applyError, setApplyError] = useState<string | null>(null);
+  const [applyResult, setApplyResult] =
+    useState<StorageCleanupApplyResult | null>(null);
+  const [auditError, setAuditError] = useState<string | null>(null);
+  const [auditResult, setAuditResult] =
+    useState<StorageCleanupAuditResult | null>(null);
+  const [isApplying, setIsApplying] = useState(false);
+  const [isAuditing, setIsAuditing] = useState(false);
+  const [lastAuditIncludedRepoManifest, setLastAuditIncludedRepoManifest] =
+    useState(false);
+  useGetCSRFQuery();
+  const csrfToken = useCoreSelector((state: CoreState) =>
+    selectCSRFToken(state),
+  );
+
+  void config;
+
+  const runAudit = useCallback(
+    async ({
+      findingKind,
+      includeRepoManifest = false,
+      persistResult = true,
+      selectedPaths,
+    }: {
+      findingKind?: string;
+      includeRepoManifest?: boolean;
+      persistResult?: boolean;
+      selectedPaths?: Array<string>;
+    } = {}): Promise<StorageCleanupAuditResult | null> => {
+      const selection = splitProjectSelectionValue(projectSelection);
+      const startedAt = performance.now();
+      if (!selection) {
+        setAuditError('Select a project before running storage verification.');
+        setAuditResult(null);
+        return null;
+      }
+
+      setAuditError(null);
+      setApplyError(null);
+      setIsAuditing(true);
+
+      try {
+        void includeRepoManifest;
+        const requestURL = buildStorageCleanupUrl({
+          action: 'audit',
+          organization: selection.organization,
+          project: selection.project,
+        });
+        const requestBody = {
+          check_storage: true,
+          finding_kind: findingKind,
+          git_subpath: normalizeStoragePath(currentPath) || undefined,
+          selected_repo_paths: selectedPaths,
+        };
+
+        console.debug('storage cleanup audit request:start', {
+          currentPath,
+          projectSelection,
+          requestBody,
+          requestURL,
+        });
+
+        const response = await fetch(requestURL, {
+          body: JSON.stringify(requestBody),
+          credentials: 'include',
+          headers: {
+            'Content-Type': 'application/json',
+            ...(csrfToken ? { 'X-CSRF-Token': csrfToken } : {}),
+          },
+          method: 'POST',
+        });
+
+        console.debug('storage cleanup audit request:response', {
+          durationMs: performance.now() - startedAt,
+          ok: response.ok,
+          requestURL,
+          status: response.status,
+          statusText: response.statusText,
+        });
+
+        if (handleUnauthorizedResponse(response)) {
+          throw new Error('Your session expired. Please log in again.');
         }
+
+        if (!response.ok) {
+          throw new Error(
+            await getErrorMessage(
+              response,
+              `Failed to audit storage verification for ${selection.organization}/${selection.project}`,
+            ),
+          );
+        }
+
+        const normalized = normalizeCleanupAuditResult({
+          expectedPathCount: 0,
+          includesRepoManifest: true,
+          pathPrefix: normalizeStoragePath(currentPath),
+          response: await readJsonResponse<Record<string, unknown>>(response),
+        });
+
+        if (persistResult) {
+          setAuditResult(normalized);
+          setLastAuditIncludedRepoManifest(true);
+        }
+        return normalized;
+      } catch (auditFailure) {
+        console.error('storage cleanup audit request:failure', {
+          currentPath,
+          durationMs: performance.now() - startedAt,
+          message:
+            auditFailure instanceof Error
+              ? auditFailure.message
+              : String(auditFailure),
+          name: auditFailure instanceof Error ? auditFailure.name : undefined,
+          projectSelection,
+          selectedPaths,
+          value: auditFailure,
+        });
+        const message =
+          auditFailure instanceof Error
+            ? auditFailure.message
+            : 'Failed to audit Gecko storage verification.';
+        setAuditError(message);
+        if (persistResult) {
+          setAuditResult(null);
+        }
+        return null;
+      } finally {
+        setIsAuditing(false);
       }
-    }`,
-    variables: {
-      nestedAggFields: {
-        termsFields: ['document_reference_size'],
-      },
     },
-  });
+    [csrfToken, currentPath, projectSelection],
+  );
+
+  const rerunAudit = useCallback(
+    () =>
+      runAudit({
+        includeRepoManifest: lastAuditIncludedRepoManifest,
+      }),
+    [lastAuditIncludedRepoManifest, runAudit],
+  );
+
+  const applyCleanup = useCallback(
+    async ({
+      actions,
+      deleteRepoOrphans,
+      deleteStaleDuplicates,
+      deleteBucketOnlyObjects = false,
+      dryRun = false,
+      selectedPaths,
+      findings,
+    }: {
+      actions?: Array<StorageApplyActionRequest>;
+      findings?: Array<StorageCleanupFinding | StorageChainFinding>;
+      deleteRepoOrphans: boolean;
+      deleteStaleDuplicates: boolean;
+      deleteBucketOnlyObjects?: boolean;
+      dryRun?: boolean;
+      selectedPaths?: Array<string>;
+    }): Promise<StorageCleanupApplyResult | null> => {
+      const selection = splitProjectSelectionValue(projectSelection);
+      if (!selection) {
+        setApplyError('Select a project before applying cleanup.');
+        setApplyResult(null);
+        return null;
+      }
 
-  const cachedData = useMemo(() => {
-    if (data) {
-      const project_data = extractData(
-        data,
-        'document_reference',
-        'project_id',
-      );
-      const result: any = project_data.map((project) => {
-        const totalSum = project.termsFields.reduce(
-          (fieldSum: number, field: any) => {
-            return (
-              fieldSum +
-              field.terms.reduce((termSum: number, term: any) => {
-                const key = term.key ? parseFloat(term.key) : 0; // Convert key to number
-                return termSum + key * term.count;
-              }, 0)
-            );
+      setApplyError(null);
+      setIsApplying(true);
+
+      try {
+        const response = await fetch(
+          buildStorageCleanupUrl({
+            action: 'apply',
+            organization: selection.organization,
+            project: selection.project,
+          }),
+          {
+            body: JSON.stringify({
+              actions,
+              delete_repo_orphans: deleteRepoOrphans,
+              delete_stale_duplicates: deleteStaleDuplicates,
+              delete_bucket_only_objects: deleteBucketOnlyObjects,
+              dry_run: dryRun,
+              findings: findings?.map(buildStorageApplyFindingRequest),
+              git_subpath: normalizeStoragePath(currentPath) || undefined,
+              selected_repo_paths: selectedPaths,
+            }),
+            credentials: 'include',
+            headers: {
+              'Content-Type': 'application/json',
+              ...(csrfToken ? { 'X-CSRF-Token': csrfToken } : {}),
+            },
+            method: 'POST',
           },
-          0,
         );
 
-        return { key: project.key, sum: totalSum };
-      });
+        if (handleUnauthorizedResponse(response)) {
+          throw new Error('Your session expired. Please log in again.');
+        }
 
-      return result;
-    }
-    return [];
-  }, [data]);
+        if (!response.ok) {
+          throw new Error(
+            await getErrorMessage(
+              response,
+              `Failed to apply storage cleanup for ${selection.organization}/${selection.project}`,
+            ),
+          );
+        }
 
-  return { data: cachedData, isLoading, isError };
+        const normalized = normalizeCleanupApplyResult(
+          await readJsonResponse<Record<string, unknown>>(response),
+        );
+        setApplyResult(normalized);
+        return normalized;
+      } catch (applyFailure) {
+        if (isUnauthorizedMutationError(applyFailure)) {
+          requestSessionLogout();
+        }
+        const message =
+          applyFailure instanceof Error
+            ? applyFailure.message
+            : 'Failed to apply storage cleanup.';
+        setApplyError(message);
+        setApplyResult(null);
+        return null;
+      } finally {
+        setIsApplying(false);
+      }
+    },
+    [csrfToken, currentPath, projectSelection],
+  );
+
+  const clearCleanupResults = useCallback(() => {
+    setApplyError(null);
+    setApplyResult(null);
+    setAuditError(null);
+    setAuditResult(null);
+  }, []);
+
+  const clearApplyError = useCallback(() => {
+    setApplyError(null);
+  }, []);
+
+  const clearApplyResult = useCallback(() => {
+    setApplyResult(null);
+  }, []);
+
+  return {
+    applyCleanup,
+    applyError,
+    applyResult,
+    auditError,
+    auditResult,
+    clearApplyError,
+    clearApplyResult,
+    clearCleanupResults,
+    isApplying,
+    isAuditing,
+    rerunAudit,
+    runAudit,
+    setAuditResult,
+  };
 };
diff --git a/packages/frontend/src/pages/FileSummary/hooks.unit.test.ts b/packages/frontend/src/pages/FileSummary/hooks.unit.test.ts
new file mode 100644
index 00000000..883b4897
--- /dev/null
+++ b/packages/frontend/src/pages/FileSummary/hooks.unit.test.ts
@@ -0,0 +1,114 @@
+import {
+  buildProjectOptions,
+  normalizeStoragePath,
+  sortStorageRows,
+  splitProjectSelectionValue,
+} from './storageUtils';
+
+describe('FileSummary hooks helpers', () => {
+  it('builds sorted project options from Gecko summary records', () => {
+    expect(
+      buildProjectOptions([
+        { organization: 'org-b', project: 'proj-z' },
+        { organization: 'org-a', project: 'proj-a' },
+      ]),
+    ).toEqual([
+      {
+        label: 'org-a/proj-a',
+        organization: 'org-a',
+        project: 'proj-a',
+        value: 'org-a/proj-a',
+      },
+      {
+        label: 'org-b/proj-z',
+        organization: 'org-b',
+        project: 'proj-z',
+        value: 'org-b/proj-z',
+      },
+    ]);
+  });
+
+  it('splits a project selection value into organization and project', () => {
+    expect(splitProjectSelectionValue('HTAN_INT/BForePC')).toEqual({
+      organization: 'HTAN_INT',
+      project: 'BForePC',
+    });
+    expect(splitProjectSelectionValue('invalid')).toBeNull();
+  });
+
+  it('normalizes storage paths without changing inner separators', () => {
+    expect(normalizeStoragePath('/data/nested/')).toBe('data/nested');
+    expect(normalizeStoragePath(' data/nested/file.tsv ')).toBe(
+      'data/nested/file.tsv',
+    );
+    expect(normalizeStoragePath('')).toBe('');
+  });
+
+  it('sorts rows by size descending, then directories before files', () => {
+    expect(
+      sortStorageRows([
+        {
+          downloadCount: 0,
+          fileCount: 1,
+          lastDownload: undefined,
+          name: 'b.txt',
+          path: 'b.txt',
+          recordCount: 1,
+          sizeBytes: 10,
+          type: 'file',
+        },
+        {
+          downloadCount: 0,
+          fileCount: 4,
+          lastDownload: undefined,
+          name: 'nested',
+          path: 'nested',
+          recordCount: 4,
+          sizeBytes: 50,
+          type: 'directory',
+        },
+        {
+          downloadCount: 0,
+          fileCount: 1,
+          lastDownload: undefined,
+          name: 'a.txt',
+          path: 'a.txt',
+          recordCount: 1,
+          sizeBytes: 50,
+          type: 'file',
+        },
+      ]),
+    ).toEqual([
+      {
+        downloadCount: 0,
+        fileCount: 4,
+        lastDownload: undefined,
+        name: 'nested',
+        path: 'nested',
+        recordCount: 4,
+        sizeBytes: 50,
+        type: 'directory',
+      },
+      {
+        downloadCount: 0,
+        fileCount: 1,
+        lastDownload: undefined,
+        name: 'a.txt',
+        path: 'a.txt',
+        recordCount: 1,
+        sizeBytes: 50,
+        type: 'file',
+      },
+      {
+        downloadCount: 0,
+        fileCount: 1,
+        lastDownload: undefined,
+        name: 'b.txt',
+        path: 'b.txt',
+        recordCount: 1,
+        sizeBytes: 10,
+        type: 'file',
+      },
+    ]);
+  });
+});
diff --git a/packages/frontend/src/pages/FileSummary/storageActions.ts b/packages/frontend/src/pages/FileSummary/storageActions.ts
new file mode 100644
index 00000000..d89ce48e
--- /dev/null
+++ b/packages/frontend/src/pages/FileSummary/storageActions.ts
@@ -0,0 +1,163 @@
+import type { AuditActionOption } from './storageTypes';
+
+const storageActionMetadata = (
+  action: string,
+): Omit<AuditActionOption, 'action'> => {
+  switch (action) {
+    case 'remove_broken_access_urls':
+      return {
+        destructive: true,
+        label: 'Repair access URLs',
+        requiresConfirmation: true,
+        supportsDryRun: true,
+      };
+    case 'delete_syfon_record':
+    case 'delete_records':
+      return {
+        destructive: true,
+        label: 'Delete Syfon records',
+        requiresConfirmation: true,
+        supportsDryRun: true,
+      };
+    case 'delete_bucket_object':
+      return {
+        destructive: true,
+        label: 'Delete bucket objects',
+        requiresConfirmation: true,
+        supportsDryRun: true,
+      };
+    case 'delete_both':
+      return {
+        destructive: true,
+        label: 'Delete Syfon records and bucket objects',
+        requiresConfirmation: true,
+        supportsDryRun: true,
+      };
+    case 'inspect_evidence':
+      return {
+        destructive: false,
+        label: 'Show paths',
+        requiresConfirmation: false,
+        supportsDryRun: false,
+      };
+    default:
+      return {
+        destructive: false,
+        label: action
+          .replace(/[_-]+/g, ' ')
+          .replace(/\b\w/g, (value) => value.toUpperCase()),
+        requiresConfirmation: false,
+        supportsDryRun: false,
+      };
+  }
+};
+
+const normalizeAuditActionOption = (
+  item: unknown,
+): AuditActionOption | null => {
+  if (typeof item === 'string') {
+    const action = item.trim();
+    if (!action) {
+      return null;
+    }
+
+    return {
+      action,
+      ...storageActionMetadata(action),
+    };
+  }
+
+  if (!item || typeof item !== 'object') {
+    return null;
+  }
+
+  const record = item as Record<string, unknown>;
+  const actionValue =
+    typeof record.action === 'string'
+      ? record.action.trim()
+      : typeof record.kind === 'string'
+        ? record.kind.trim()
+        : typeof record.id === 'string'
+          ? record.id.trim()
+          : '';
+
+  if (!actionValue) {
+    return null;
+  }
+
+  const labelValue =
+    typeof record.label === 'string'
+      ? record.label.trim()
+      : typeof record.title === 'string'
+        ? record.title.trim()
+        : typeof record.display_name === 'string'
+          ? record.display_name.trim()
+          : '';
+
+  return {
+    action: actionValue,
+    description:
+      typeof record.description === 'string'
+        ? record.description
+        : typeof record.help_text === 'string'
+          ? record.help_text
+          : undefined,
+    destructive:
+      typeof record.destructive === 'boolean'
+        ? record.destructive
+        : typeof record.is_destructive === 'boolean'
+          ? record.is_destructive
+          : storageActionMetadata(actionValue).destructive,
+    label: labelValue || storageActionMetadata(actionValue).label,
+    requiresConfirmation:
+      typeof record.requires_confirmation === 'boolean'
+        ? record.requires_confirmation
+        : typeof record.requiresConfirmation === 'boolean'
+          ? record.requiresConfirmation
+          : storageActionMetadata(actionValue).requiresConfirmation,
+    supportsDryRun:
+      typeof record.supports_dry_run === 'boolean'
+        ? record.supports_dry_run
+        : typeof record.supportsDryRun === 'boolean'
+          ? record.supportsDryRun
+          : storageActionMetadata(actionValue).supportsDryRun,
+  };
+};
+
+export const normalizeAvailableActions = (
+  item: Record<string, unknown>,
+): Array<AuditActionOption> => {
+  const rawActions = Array.isArray(item.available_actions)
+    ? item.available_actions
+    : Array.isArray(item.availableActions)
+      ? item.availableActions
+      : [];
+
+  const normalized = rawActions
+    .map((action) => normalizeAuditActionOption(action))
+    .filter((action): action is AuditActionOption => action !== null);
+
+  return Array.from(
+    new Map(normalized.map((action) => [action.action, action])).values(),
+  );
+};
+
+export const normalizeDefaultAction = (
+  item: Record<string, unknown>,
+): string | undefined => {
+  if (typeof item.default_action === 'string' && item.default_action.trim()) {
+    return item.default_action.trim();
+  }
+  if (typeof item.defaultAction === 'string' && item.defaultAction.trim()) {
+    return item.defaultAction.trim();
+  }
+
+  const defaultActionRecord =
+    item.default_action && typeof item.default_action === 'object'
+      ? normalizeAuditActionOption(item.default_action)
+      : item.defaultAction && typeof item.defaultAction === 'object'
+        ? normalizeAuditActionOption(item.defaultAction)
+        : null;
+
+  return defaultActionRecord?.action;
+};
diff --git a/packages/frontend/src/pages/FileSummary/storageIssueSummaries.ts b/packages/frontend/src/pages/FileSummary/storageIssueSummaries.ts
new file mode 100644
index 00000000..1b58baa6
--- /dev/null
+++ b/packages/frontend/src/pages/FileSummary/storageIssueSummaries.ts
@@ -0,0 +1,471 @@
+import type {
+  AuditActionOption,
+  ProjectDiffFinding,
+  ProjectDiffFindingKind,
+  StorageChainFinding,
+  StorageChainFindingKind,
+  StorageChainIssueGroup,
+  StorageCleanupFinding,
+  StorageCleanupFindingKind,
+} from './hooks';
+
+export type IssueActionSummary = {
+  readonly actionability?: string;
+  readonly availableActions: Array<AuditActionOption>;
+  readonly defaultAction?: AuditActionOption;
+  readonly supportsDryRun: boolean;
+};
+
+const summarizeIssueActions = <
+  T extends {
+    readonly actionability?: string;
+    readonly availableActions: Array<AuditActionOption>;
+    readonly defaultAction?: string;
+    readonly supportsDryRun: boolean;
+  },
+>(
+  findings: Array<T>,
+): IssueActionSummary => {
+  const availableActions = Array.from(
+    new Map(
+      findings
+        .flatMap((finding) => finding.availableActions)
+        .map((action) => [action.action, action]),
+    ).values(),
+  );
+
+  const actionability = findings.find(
+    (finding) => finding.actionability,
+  )?.actionability;
+  const defaultActionName = findings.find(
+    (finding) => finding.defaultAction,
+  )?.defaultAction;
+  const defaultAction =
+    availableActions.find((action) => action.action === defaultActionName) ??
+    availableActions[0];
+
+  return {
+    actionability,
+    availableActions,
+    defaultAction,
+    supportsDryRun:
+      findings.some((finding) => finding.supportsDryRun) ||
+      Boolean(defaultAction?.supportsDryRun),
+  };
+};
+
+export const issueColorForDiffKind = (kind: ProjectDiffFindingKind): string => {
+  switch (kind) {
+    case 'duplicate_syfon_paths':
+      return 'orange';
+    case 'syfon_missing_in_repo':
+      return 'red';
+    case 'repo_missing_in_syfon':
+      return 'blue';
+    default:
+      return 'gray';
+  }
+};
+
+export type ProjectDiffIssueSummary = {
+  readonly id: string;
+  readonly title: string;
+  readonly color: string;
+  readonly findingKinds: Array<ProjectDiffFindingKind>;
+  readonly pathCount: number;
+  readonly recordCount: number;
+  readonly objectCount: number;
+  readonly totalBytes: number;
+  readonly description: string;
+  readonly recommendation: string;
+  readonly actionSummary: IssueActionSummary;
+};
+
+export const summarizeProjectDiffIssues = (
+  findings: Array<ProjectDiffFinding>,
+): Array<ProjectDiffIssueSummary> => {
+  const groups: Array<{
+    readonly id: string;
+    readonly title: string;
+    readonly color: string;
+    readonly findingKinds: Array<ProjectDiffFindingKind>;
+    readonly description: string;
+    readonly recommendation: string;
+  }> = [
+    {
+      id: 'duplicate-syfon-paths',
+      title: 'Duplicate Syfon Paths',
+      color: 'orange',
+      findingKinds: ['duplicate_syfon_paths'],
+      description:
+        'Multiple Syfon records share the same normalized path in this subtree.',
+      recommendation:
+        'Verify these duplicates first. Syfon can only auto-delete the stale side when storage verification proves one sibling is dead.',
+    },
+    {
+      id: 'syfon-only',
+      title: 'In Syfon Only',
+      color: 'red',
+      findingKinds: ['syfon_missing_in_repo'],
+      description:
+        'These indexed Syfon paths are not present in the Git tree for this project path.',
+      recommendation:
+        'Prepare delete to verify storage only for these Syfon-only paths before removing records or bucket objects.',
+    },
+    {
+      id: 'git-only',
+      title: 'In Git Only',
+      color: 'blue',
+      findingKinds: ['repo_missing_in_syfon'],
+      description:
+        'These Git-tracked paths do not currently have matching Syfon records.',
+      recommendation:
+        'These are ingest or metadata gaps, not cleanup candidates.',
+    },
+  ];
+
+  return groups
+    .map((group) => {
+      const matched = findings.filter((finding) =>
+        group.findingKinds.includes(finding.kind),
+      );
+      if (matched.length === 0) {
+        return null;
+      }
+
+      return {
+        actionSummary: summarizeIssueActions(matched),
+        color: group.color,
+        description: group.description,
+        findingKinds: group.findingKinds,
+        id: group.id,
+        objectCount: new Set(matched.flatMap((finding) => finding.objectIds))
+          .size,
+        pathCount: matched.length,
+        recommendation: group.recommendation,
+        recordCount: matched.reduce(
+          (sum, finding) => sum + (finding.recordCount || 0),
+          0,
+        ),
+        title: group.title,
+        totalBytes: matched.reduce(
+          (sum, finding) => sum + (finding.sizeBytes ?? 0),
+          0,
+        ),
+      };
+    })
+    .filter((item): item is ProjectDiffIssueSummary => item !== null);
+};
+
+export type CleanupIssueSummary = {
+  readonly id: string;
+  readonly title: string;
+  readonly color: string;
+  readonly findingKinds: Array<StorageCleanupFindingKind>;
+  readonly pathCount: number;
+  readonly recordCount: number;
+  readonly objectCount: number;
+  readonly totalBytes: number;
+  readonly bucketCount: number;
+  readonly sampleBuckets: Array<string>;
+  readonly description: string;
+  readonly recommendation: string;
+  readonly actionSummary: IssueActionSummary;
+};
+
+export const summarizeCleanupIssues = (
+  findings: Array<StorageCleanupFinding>,
+): Array<CleanupIssueSummary> => {
+  const groups: Array<{
+    readonly id: string;
+    readonly title: string;
+    readonly color: string;
+    readonly findingKinds: Array<StorageCleanupFindingKind>;
+    readonly description: string;
+    readonly recommendation: string;
+  }> = [
+    {
+      id: 'stale-duplicates',
+      title: 'Stale Duplicate Records',
+      color: 'orange',
+      findingKinds: ['stale_duplicate_record'],
+      description:
+        'These paths still have one live record, plus one or more stale siblings that no longer resolve in storage.',
+      recommendation:
+        'Delete the stale duplicate records. Syfon keeps the live sibling.',
+    },
+    {
+      id: 'live-duplicate-conflicts',
+      title: 'Live Duplicate Conflicts',
+      color: 'yellow',
+      findingKinds: ['live_duplicate_conflict'],
+      description:
+        'These duplicate paths still resolve through more than one live Syfon record.',
+      recommendation:
+        'Syfon could not choose a safe winner automatically. Manual conflict resolution is still required for these duplicates.',
+    },
+    {
+      id: 'broken-access-urls',
+      title: 'Broken Access URLs',
+      color: 'red',
+      findingKinds: ['broken_access_url_error'],
+      description:
+        'These records point at storage URLs Syfon cannot resolve, usually because the bucket credential or bucket name is wrong.',
+      recommendation:
+        'Treat these as admin cleanup candidates. Fix the missing bucket credential if the bucket should still exist; otherwise verify the file already exists elsewhere before removing the broken records.',
+    },
+    {
+      id: 'broken-bucket-mappings',
+      title: 'Broken Bucket Mappings',
+      color: 'orange',
+      findingKinds: ['broken_bucket_mapping'],
+      description:
+        'These records point at access URLs that Syfon can parse, but no bucket mapping is configured for them.',
+      recommendation:
+        'Fix the bucket mapping in Syfon or remove the bad access URL before treating these as missing bucket objects.',
+    },
+    {
+      id: 'missing-storage-objects',
+      title: 'Missing Storage Objects',
+      color: 'red',
+      findingKinds: ['storage_object_missing'],
+      description:
+        'These Git-backed Syfon records resolve, but the bucket object is missing.',
+      recommendation:
+        'Treat these as broken chains. Restore the object or delete the dead Syfon record after review.',
+    },
+    {
+      id: 'validation-mismatches',
+      title: 'Storage Validation Mismatches',
+      color: 'orange',
+      findingKinds: ['storage_validation_mismatch'],
+      description:
+        'These bucket objects exist, but their HEAD metadata no longer matches what Syfon expects.',
+      recommendation:
+        'Investigate drift before deleting anything. This usually means the bucket object or record metadata changed out of band.',
+    },
+    {
+      id: 'probe-errors',
+      title: 'Storage Probe Errors',
+      color: 'red',
+      findingKinds: ['storage_probe_error'],
+      description:
+        'Storage verification could not classify these paths because probing failed before Syfon could determine whether the object still exists.',
+      recommendation:
+        'Fix the underlying storage or credential problem and rerun verification before deleting anything.',
+    },
+    {
+      id: 'bucket-only-objects',
+      title: 'Bucket Only Objects',
+      color: 'violet',
+      findingKinds: ['bucket_only_object'],
+      description:
+        'These bucket objects were enumerated directly from storage and have no matching Syfon record.',
+      recommendation:
+        'Review these for deletion or backfill. They are outside the Syfon record chain today.',
+    },
+    {
+      id: 'repo-orphans',
+      title: 'Repo Orphans',
+      color: 'grape',
+      findingKinds: ['repo_orphan_live_object', 'repo_orphan_stale_record'],
+      description:
+        'These paths are absent from the project Git tree and should be reviewed as dead data or stale metadata.',
+      recommendation:
+        'Delete repo orphans when the Git tree is authoritative for this subtree.',
+    },
+  ];
+
+  return groups
+    .map((group) => {
+      const matched = findings.filter((finding) =>
+        group.findingKinds.includes(finding.kind),
+      );
+      if (matched.length === 0) {
+        return null;
+      }
+
+      const paths = new Set<string>();
+      const objects = new Set<string>();
+      const buckets = new Set<string>();
+      let recordCount = 0;
+      let totalBytes = 0;
+
+      matched.forEach((finding) => {
+        paths.add(finding.normalizedPath);
+        if (finding.sizeBytes) {
+          totalBytes += finding.sizeBytes;
+        }
+        finding.objectIds.forEach((objectId) => objects.add(objectId));
+        finding.records.forEach((record) => {
+          recordCount += 1;
+          if (!finding.sizeBytes && record.sizeBytes) {
+            totalBytes += record.sizeBytes;
+          }
+          record.accessProbes.forEach((probe) => {
+            if (probe.bucket?.trim()) {
+              buckets.add(probe.bucket.trim());
+            }
+          });
+        });
+      });
+
+      return {
+        actionSummary: summarizeIssueActions(matched),
+        bucketCount: buckets.size,
+        color: group.color,
+        description: group.description,
+        findingKinds: group.findingKinds,
+        id: group.id,
+        objectCount: objects.size,
+        pathCount: paths.size,
+        recommendation: group.recommendation,
+        recordCount,
+        sampleBuckets: Array.from(buckets).sort().slice(0, 3),
+        title: group.title,
+        totalBytes,
+      };
+    })
+    .filter((item): item is CleanupIssueSummary => item !== null);
+};
+
+type ChainIssueKind = Exclude<StorageChainFindingKind, 'unknown'>;
+
+export type ChainIssueSummary = {
+  readonly id: ChainIssueKind;
+  readonly title: string;
+  readonly color: string;
+  readonly findingCount: number;
+  readonly pathCount: number;
+  readonly recordCount: number;
+  readonly objectCount: number;
+  readonly totalBytes: number;
+  readonly description: string;
+  readonly recommendation: string;
+  readonly actionSummary: IssueActionSummary;
+};
+
+const chainIssueDefinitions: Array<{
+  readonly id: ChainIssueKind;
+  readonly title: string;
+  readonly color: string;
+  readonly description: string;
+  readonly recommendation: string;
+  readonly actionLabel?: string;
+}> = [
+  {
+    id: 'bucket_only_object',
+    title: 'Bucket Only',
+    color: 'violet',
+    description: 'Bucket object exists but no Syfon record matched it.',
+    recommendation: 'Review these for deletion or metadata backfill.',
+    actionLabel: 'Show bucket-only objects',
+  },
+  {
+    id: 'bucket_syfon_no_git',
+    title: 'Bucket + Syfon, No Git',
+    color: 'grape',
+    description:
+      'Bucket object and Syfon record matched, but no Git-tracked file matched this checksum.',
+    recommendation:
+      'Review these as storage-backed data that is outside the Git-tracked set.',
+    actionLabel: 'Show unmatched bucket chains',
+  },
+  {
+    id: 'syfon_broken_bucket_mapping',
+    title: 'Syfon Broken Bucket Mapping',
+    color: 'orange',
+    description:
+      'Syfon record exists, but its access URL does not resolve to a configured bucket mapping.',
+    recommendation:
+      'Fix the Syfon bucket mapping or remove the bad access URL before treating this as a missing object.',
+    actionLabel: 'Show mapping errors',
+  },
+  {
+    id: 'syfon_missing_bucket_object',
+    title: 'Syfon, Missing Bucket Object',
+    color: 'orange',
+    description:
+      'Syfon record exists, but the mapped bucket object does not exist and no Git match was found.',
+    recommendation:
+      'Review stale metadata or restore the missing object before any cleanup.',
+    actionLabel: 'Show missing objects',
+  },
+  {
+    id: 'syfon_git_no_bucket',
+    title: 'Git + Syfon, Missing Bucket Object',
+    color: 'red',
+    description:
+      'Git and Syfon matched, but the mapped bucket object does not exist.',
+    recommendation:
+      'Restore the bucket object or delete the dead Syfon record after review.',
+    actionLabel: 'Show bucket misses',
+  },
+  {
+    id: 'git_only_no_syfon',
+    title: 'Git Only, No Syfon',
+    color: 'blue',
+    description: 'Git checksum has no matching Syfon record.',
+    recommendation:
+      'These are ingest or metadata gaps, not bucket cleanup candidates.',
+  },
+  {
+    id: 'git_syfon_metadata_mismatch',
+    title: 'Git + Syfon, Metadata Mismatch',
+    color: 'orange',
+    description:
+      'Git and Syfon map to a bucket object, but checksum or size evidence does not agree.',
+    recommendation:
+      'Recompute or verify the bucket SHA-256 and reconcile the stale side manually; deletion is intentionally disabled.',
+    actionLabel: 'Show mismatches',
+  },
+  {
+    id: 'probe_error',
+    title: 'Probe Error',
+    color: 'red',
+    description:
+      'Bucket verification failed before Gecko could classify the chain cleanly.',
+    recommendation:
+      'Review the paths, then delete the affected Syfon records if they are unwanted remnants.',
+    actionLabel: 'Delete Syfon records',
+  },
+];
+
+export const summarizeStorageChainIssues = ({
+  chainFindings,
+  chainGroups,
+}: {
+  chainFindings: Array<StorageChainFinding>;
+  chainGroups: Array<StorageChainIssueGroup>;
+}): Array<ChainIssueSummary> => {
+  const groupsByKind = new Map(chainGroups.map((group) => [group.kind, group]));
+
+  return chainIssueDefinitions.reduce<Array<ChainIssueSummary>>(
+    (summaries, definition) => {
+      const group = groupsByKind.get(definition.id);
+      if (!group || group.findingCount <= 0) {
+        return summaries;
+      }
+
+      const matchingFindings = chainFindings.filter(
+        (finding) => finding.kind === definition.id,
+      );
+
+      summaries.push({
+        actionSummary: summarizeIssueActions(matchingFindings),
+        color: definition.color,
+        description: definition.description,
+        findingCount: group.findingCount,
+        id: definition.id,
+        objectCount: group.objectCount,
+        pathCount: group.pathCount,
+        recommendation: definition.recommendation,
+        recordCount: group.recordCount,
+        title: definition.title,
+        totalBytes: group.totalBytes,
+      });
+      return summaries;
+    },
+    [],
+  );
+};
diff --git a/packages/frontend/src/pages/FileSummary/storagePresentation.ts b/packages/frontend/src/pages/FileSummary/storagePresentation.ts
new file mode 100644
index 00000000..eed02d5a
--- /dev/null
+++ b/packages/frontend/src/pages/FileSummary/storagePresentation.ts
@@ -0,0 +1,268 @@
+import type {
+  AuditActionOption,
+  ProjectDiffFinding,
+  StorageChainFinding,
+  StorageCleanupApplyResult,
+  StorageCleanupFinding,
+} from './hooks';
+import type { StoragePathRow } from './storageUtils';
+
+export const formatTimestamp = (value?: string): string => {
+  if (!value) return '—';
+
+  try {
+    return new Intl.DateTimeFormat(undefined, {
+      dateStyle: 'medium',
+      timeStyle: 'short',
+    }).format(new Date(value));
+  } catch {
+    return value;
+  }
+};
+
+const formatCount = (
+  count: number,
+  singular: string,
+  plural = `${singular}s`,
+): string => `${count.toLocaleString()} ${count === 1 ? singular : plural}`;
+
+const joinPhrases = (phrases: Array<string>): string => {
+  if (phrases.length <= 2) {
+    return phrases.join(' and ');
+  }
+
+  return `${phrases.slice(0, -1).join(', ')}, and ${phrases[phrases.length - 1]}`;
+};
+
+const sentenceCase = (value: string): string =>
+  value.length > 0 ? `${value[0].toUpperCase()}${value.slice(1)}` : value;
+
+export const buildCleanupApplySummary = (
+  result: StorageCleanupApplyResult,
+): string => {
+  const operations = [
+    result.updatedRecordIds.length > 0
+      ? `${result.dryRun ? 'update' : 'updated'} ${formatCount(
+          result.updatedRecordIds.length,
+          'Syfon record',
+        )}`
+      : '',
+    result.deletedRecordIds.length > 0
+      ? `${result.dryRun ? 'remove' : 'removed'} ${formatCount(
+          result.deletedRecordIds.length,
+          'Syfon record',
+        )}`
+      : '',
+    result.deletedBucketObjectUrls.length > 0
+      ? `${result.dryRun ? 'delete' : 'deleted'} ${formatCount(
+          result.deletedBucketObjectUrls.length,
+          'bucket object',
+        )}`
+      : '',
+  ].filter(Boolean);
+
+  const sentences: Array<string> = [];
+  if (operations.length > 0) {
+    const summary = joinPhrases(operations);
+    sentences.push(
+      result.dryRun ? `Would ${summary}.` : `${sentenceCase(summary)}.`,
+    );
+  } else {
+    sentences.push(
+      result.dryRun
+        ? 'No cleanup changes were found for this dry run.'
+        : 'No cleanup changes were needed.',
+    );
+  }
+
+  if (result.repoDeletePaths.length > 0) {
+    sentences.push(
+      `${formatCount(result.repoDeletePaths.length, 'repo path')} may need follow-up.`,
+    );
+  }
+  if (result.manualPaths.length > 0) {
+    sentences.push(
+      `${formatCount(
+        result.manualPaths.length,
+        'manual follow-up path',
+      )} still needs review.`,
+    );
+  }
+  if (result.skippedPaths.length > 0) {
+    sentences.push(
+      `${formatCount(result.skippedPaths.length, 'item')} skipped.`,
+    );
+  }
+
+  return sentences.join(' ');
+};
+
+export const getPathSegments = (path: string): Array<string> =>
+  path.split('/').filter(Boolean);
+
+export type BreadcrumbItem = {
+  readonly label: string;
+  readonly path: string;
+};
+
+export type StorageSortKey =
+  | 'name'
+  | 'type'
+  | 'sizeBytes'
+  | 'fileCount'
+  | 'downloadCount'
+  | 'lastDownload'
+  | 'lastUpdated';
+
+export type StorageSortDirection = 'asc' | 'desc';
+
+export type ActionIssueSource = 'chain' | 'cleanup' | 'diff';
+
+export type ActionableFinding =
+  ProjectDiffFinding | StorageCleanupFinding | StorageChainFinding;
+
+export const resolveProjectSelection = ({
+  defaultProject,
+  options,
+}: {
+  defaultProject?: string;
+  options: Array<{
+    project: string;
+    value: string;
+  }>;
+}): string => {
+  if (options.length === 0) {
+    return '';
+  }
+  if (!defaultProject?.trim()) {
+    return options[0].value;
+  }
+
+  const normalizedDefault = defaultProject.trim();
+  const directMatch = options.find(
+    (option) => option.value === normalizedDefault,
+  );
+  if (directMatch) {
+    return directMatch.value;
+  }
+
+  const projectOnlyMatches = options.filter(
+    (option) => option.project === normalizedDefault,
+  );
+  if (projectOnlyMatches.length === 1) {
+    return projectOnlyMatches[0].value;
+  }
+
+  return options[0].value;
+};
+
+const repairActionRank = (action: string): number => {
+  const order = [
+    'remove_broken_access_urls',
+    'delete_syfon_record',
+    'delete_records',
+    'delete_bucket_object',
+    'delete_both',
+  ];
+  const index = order.indexOf(action);
+  return index >= 0 ? index : order.length;
+};
+
+export const isInspectAction = (action: string): boolean =>
+  action === 'view_paths' || action === 'inspect_evidence';
+
+const isRepairAction = (action: AuditActionOption): boolean =>
+  !isInspectAction(action.action) && action.action !== 'rerun_audit';
+
+export const orderedRepairActions = (
+  actions: Array<AuditActionOption>,
+): Array<AuditActionOption> =>
+  actions
+    .filter(isRepairAction)
+    .sort(
+      (left, right) =>
+        repairActionRank(left.action) - repairActionRank(right.action),
+    );
+
+export const resolveIssueAction = ({
+  defaultAction,
+  findings,
+}: {
+  defaultAction?: AuditActionOption;
+  findings: Array<ActionableFinding>;
+}): AuditActionOption | null => {
+  const availableActions = Array.from(
+    new Map(
+      findings
+        .flatMap((finding) => finding.availableActions)
+        .map((action) => [action.action, action]),
+    ).values(),
+  );
+
+  if (availableActions.length > 0) {
+    return (
+      availableActions.find(
+        (action) => action.action === defaultAction?.action,
+      ) ??
+      defaultAction ??
+      availableActions[0]
+    );
+  }
+
+  return null;
+};
+
+export const formatCleanupFindingLabel = (value: string): string =>
+  value
+    .split('_')
+    .filter(Boolean)
+    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))
+    .join(' ');
+
+const compareOptionalDates = (left?: string, right?: string): number => {
+  const leftTime = left ? new Date(left).getTime() : Number.NaN;
+  const rightTime = right ? new Date(right).getTime() : Number.NaN;
+  const normalizedLeft = Number.isNaN(leftTime) ? -Infinity : leftTime;
+  const normalizedRight = Number.isNaN(rightTime) ? -Infinity : rightTime;
+  return normalizedLeft - normalizedRight;
+};
+
+export const sortStorageRowsBy = (
+  rows: Array<StoragePathRow>,
+  key: StorageSortKey,
+  direction: StorageSortDirection,
+): Array<StoragePathRow> => {
+  const ordered = [...rows].sort((left, right) => {
+    switch (key) {
+      case 'name':
+        return left.name.localeCompare(right.name, undefined, {
+          numeric: true,
+          sensitivity: 'base',
+        });
+      case 'type':
+        if (left.type !== right.type) {
+          return left.type.localeCompare(right.type);
+        }
+        return left.name.localeCompare(right.name, undefined, {
+          numeric: true,
+          sensitivity: 'base',
+        });
+      case 'sizeBytes':
+        return left.sizeBytes - right.sizeBytes;
+      case 'fileCount':
+        return left.fileCount - right.fileCount;
+      case 'downloadCount':
+        return (
+          (left.downloadCount ?? -Infinity) - (right.downloadCount ?? -Infinity)
+        );
+      case 'lastDownload':
+        return compareOptionalDates(left.lastDownload, right.lastDownload);
+      case 'lastUpdated':
+        return compareOptionalDates(left.lastUpdated, right.lastUpdated);
+      default:
+        return 0;
+    }
+  });
+
+  return direction === 'desc' ? ordered.reverse() : ordered;
+};
diff --git a/packages/frontend/src/pages/FileSummary/storageTypes.ts b/packages/frontend/src/pages/FileSummary/storageTypes.ts
new file mode 100644
index 00000000..2a11c363
--- /dev/null
+++ b/packages/frontend/src/pages/FileSummary/storageTypes.ts
@@ -0,0 +1,323 @@
+export type ProjectDiffFindingKind =
+  | 'duplicate_syfon_paths'
+  | 'syfon_missing_in_repo'
+  | 'repo_missing_in_syfon'
+  | 'unknown';
+
+export interface AuditActionOption {
+  readonly action: string;
+  readonly label: string;
+  readonly description?: string;
+  readonly destructive: boolean;
+  readonly requiresConfirmation: boolean;
+  readonly supportsDryRun: boolean;
+}
+
+export interface ProjectDiffFinding {
+  readonly kind: ProjectDiffFindingKind;
+  readonly normalizedPath: string;
+  readonly sourcePaths: Array<string>;
+  readonly objectIds: Array<string>;
+  readonly recordCount: number;
+  readonly sizeBytes?: number;
+  readonly downloadCount?: number;
+  readonly lastDownload?: string;
+  readonly recommendedAction: string;
+  readonly actionability?: string;
+  readonly availableActions: Array<AuditActionOption>;
+  readonly defaultAction?: string;
+  readonly supportsDryRun: boolean;
+}
+
+export interface ProjectDiffSummary {
+  readonly countsByKind: Record<ProjectDiffFindingKind, number>;
+  readonly totalFindings: number;
+  readonly indexedPathCount: number;
+  readonly expectedPathCount: number;
+  readonly matchedPathCount: number;
+  readonly includesRepoManifest: boolean;
+  readonly scannedRecordCount: number;
+}
+
+export interface ProjectDiffAuditResult {
+  readonly findings: Array<ProjectDiffFinding>;
+  readonly summary: ProjectDiffSummary;
+  readonly pathPrefix: string;
+}
+
+export interface AuditEvidence {
+  readonly checksum?: string;
+  readonly sourcePaths: Array<string>;
+  readonly objectIds: Array<string>;
+  readonly accessUrls: Array<string>;
+  readonly bucketObjectUrls: Array<string>;
+  readonly buckets: Array<string>;
+  readonly keys: Array<string>;
+  readonly probeStatuses: Array<string>;
+  readonly validationStates: Array<string>;
+  readonly errorKinds: Array<string>;
+  readonly errors: Array<string>;
+  readonly bucketEvaluation?: string;
+}
+
+export type StorageChainFindingKind =
+  | 'bucket_only_object'
+  | 'bucket_syfon_no_git'
+  | 'syfon_broken_bucket_mapping'
+  | 'syfon_missing_bucket_object'
+  | 'syfon_git_no_bucket'
+  | 'git_only_no_syfon'
+  | 'git_syfon_metadata_mismatch'
+  | 'probe_error'
+  | 'unknown';
+
+export interface StorageChainFinding {
+  readonly kind: StorageChainFindingKind;
+  readonly normalizedPath: string;
+  readonly checksum?: string;
+  readonly sourcePaths: Array<string>;
+  readonly objectIds: Array<string>;
+  readonly records: Array<StorageCleanupRecordAudit>;
+  readonly accessUrls: Array<string>;
+  readonly bucketObjectUrl?: string;
+  readonly resolvedBucket?: string;
+  readonly resolvedKey?: string;
+  readonly probeStatus?: string;
+  readonly errorKind?: string;
+  readonly error?: string;
+  readonly recordCount: number;
+  readonly sizeBytes?: number;
+  readonly bucketSizeBytes?: number;
+  readonly recommendedAction: string;
+  readonly suggestedFix?: string;
+  readonly suggestedAction?: string;
+  readonly evidence?: AuditEvidence;
+  readonly actionability?: string;
+  readonly availableActions: Array<AuditActionOption>;
+  readonly defaultAction?: string;
+  readonly supportsDryRun: boolean;
+}
+
+export interface StorageChainAuditSummary {
+  readonly countsByKind: Record<string, number>;
+  readonly findingLimit?: number;
+  readonly returnedFindings: number;
+  readonly totalFindings: number;
+  readonly bucketObjectCount: number;
+  readonly syfonRecordCount: number;
+  readonly gitTrackedFileCount: number;
+  readonly gitRevision?: string;
+  readonly bucketInventoryAvailable: boolean;
+  readonly bucketInventoryError?: string;
+  readonly auditCacheHit?: boolean;
+  readonly auditCachedAt?: string;
+  readonly auditCacheAgeSeconds?: number;
+  readonly auditRefreshDurationMs?: number;
+  readonly auditCacheSource?: string;
+  readonly auditCacheError?: string;
+}
+
+export interface GitOnlySyfonRegistrationResult {
+  readonly normalizedPath: string;
+  readonly checksum?: string;
+  readonly gitSizeBytes?: number;
+  readonly bucketObjectUrl?: string;
+  readonly bucketSizeBytes?: number;
+  readonly status: 'created' | 'eligible' | 'skipped' | string;
+  readonly reason?: string;
+  readonly objectId?: string;
+}
+
+export interface GitOnlySyfonRegistrationResponse {
+  readonly gitRevision: string;
+  readonly results: Array<GitOnlySyfonRegistrationResult>;
+}
+
+export interface StorageChainIssueGroup {
+  readonly kind: string;
+  readonly findingCount: number;
+  readonly pathCount: number;
+  readonly recordCount: number;
+  readonly objectCount: number;
+  readonly totalBytes: number;
+}
+
+export interface StorageChainAuditResult {
+  readonly auditId?: string;
+  readonly findings: Array<StorageChainFinding>;
+  readonly groups: Array<StorageChainIssueGroup>;
+  readonly summary: StorageChainAuditSummary;
+  readonly pathPrefix: string;
+  readonly bucketPathPrefix?: string;
+}
+
+export type StorageCleanupFindingKind =
+  | 'stale_duplicate_record'
+  | 'live_duplicate_conflict'
+  | 'broken_access_url_error'
+  | 'broken_bucket_mapping'
+  | 'bucket_only_object'
+  | 'repo_orphan_live_object'
+  | 'repo_orphan_stale_record'
+  | 'storage_object_missing'
+  | 'storage_validation_mismatch'
+  | 'storage_probe_error'
+  | 'unknown';
+
+export type StorageCleanupScope =
+  | 'record'
+  | 'access_url'
+  | 'bucket_object'
+  | 'unknown';
+
+export interface StorageCleanupAccessProbe {
+  readonly url: string;
+  readonly provider?: string;
+  readonly bucket?: string;
+  readonly key?: string;
+  readonly path?: string;
+  readonly exists?: boolean;
+  readonly status?: string;
+  readonly error?: string;
+  readonly errorKind?: string;
+  readonly sizeBytes?: number;
+  readonly metaSha256?: string;
+  readonly etag?: string;
+  readonly lastModified?: string;
+  readonly validationStatus?: string;
+  readonly sizeMatch?: boolean;
+  readonly sha256Match?: boolean;
+  readonly validationMismatches: Array<string>;
+}
+
+export interface StorageCleanupAccessMethod {
+  readonly accessId?: string;
+  readonly type?: string;
+  readonly url?: string;
+  readonly headers: Array<string>;
+}
+
+export interface StorageCleanupRecordAudit {
+  readonly objectId: string;
+  readonly normalizedPath?: string;
+  readonly cleanupScope: StorageCleanupScope;
+  readonly accessUrls: Array<string>;
+  readonly accessMethods: Array<StorageCleanupAccessMethod>;
+  readonly accessProbes: Array<StorageCleanupAccessProbe>;
+  readonly status?: string;
+  readonly error?: string;
+  readonly sizeBytes?: number;
+  readonly lastUpdated?: string;
+  readonly downloadCount?: number;
+  readonly lastDownload?: string;
+}
+
+export interface StorageCleanupFinding {
+  readonly kind: StorageCleanupFindingKind;
+  readonly normalizedPath: string;
+  readonly objectIds: Array<string>;
+  readonly records: Array<StorageCleanupRecordAudit>;
+  readonly accessUrls: Array<string>;
+  readonly recommendedAction: string;
+  readonly repoDeleteCandidate: boolean;
+  readonly cleanupScope: StorageCleanupScope;
+  readonly sizeBytes?: number;
+  readonly lastUpdated?: string;
+  readonly downloadCount?: number;
+  readonly lastDownload?: string;
+  readonly actionability?: string;
+  readonly availableActions: Array<AuditActionOption>;
+  readonly defaultAction?: string;
+  readonly supportsDryRun: boolean;
+  readonly evidence?: AuditEvidence;
+}
+
+export interface StorageCleanupAuditSummary {
+  readonly countsByKind: Record<StorageCleanupFindingKind, number>;
+  readonly totalFindings: number;
+  readonly manualFindingCount: number;
+  readonly repoDeleteCandidateCount: number;
+  readonly staleDuplicateCount: number;
+  readonly repoOrphanCount: number;
+}
+
+export interface StorageCleanupAuditResult {
+  readonly findings: Array<StorageCleanupFinding>;
+  readonly summary: StorageCleanupAuditSummary;
+  readonly expectedPathCount: number;
+  readonly includesRepoManifest: boolean;
+  readonly pathPrefix: string;
+}
+
+export interface StorageCleanupPurgeResult {
+  readonly objectId: string;
+  readonly success: boolean | null;
+  readonly status?: string;
+  readonly error?: string;
+}
+
+export interface StorageApplyActionRequest {
+  readonly kind: string;
+  readonly normalized_path: string;
+  readonly action: string;
+}
+
+export interface StorageApplyFindingRequest {
+  readonly kind: string;
+  readonly normalized_path: string;
+  readonly object_ids?: Array<string>;
+  readonly records?: Array<{
+    readonly object_id: string;
+    readonly normalized_path?: string;
+    readonly cleanup_scope: string;
+    readonly access_urls?: Array<string>;
+    readonly access_methods?: Array<{
+      readonly access_id?: string;
+      readonly type?: string;
+      readonly url?: string;
+      readonly headers?: Array<string>;
+    }>;
+    readonly access_probes?: Array<{
+      readonly url: string;
+      readonly provider?: string;
+      readonly bucket?: string;
+      readonly key?: string;
+      readonly path?: string;
+      readonly exists?: boolean;
+      readonly status?: string;
+      readonly error_kind?: string;
+      readonly error?: string;
+      readonly size_bytes?: number;
+      readonly meta_sha256?: string;
+      readonly etag?: string;
+      readonly last_modified?: string;
+      readonly validation_status?: string;
+      readonly size_match?: boolean;
+      readonly sha256_match?: boolean;
+      readonly validation_mismatches?: Array<string>;
+    }>;
+  }>;
+  readonly bucket_object_url?: string;
+  readonly bucket_object_urls?: Array<string>;
+  readonly access_urls?: Array<string>;
+  readonly available_actions?: Array<string>;
+  readonly default_action?: string;
+  readonly suggested_action?: string;
+  readonly evidence?: {
+    readonly object_ids?: Array<string>;
+    readonly access_urls?: Array<string>;
+    readonly bucket_object_urls?: Array<string>;
+    readonly source_paths?: Array<string>;
+  };
+}
+
+export interface StorageCleanupApplyResult {
+  readonly deletedRecordIds: Array<string>;
+  readonly deletedBucketObjectUrls: Array<string>;
+  readonly updatedRecordIds: Array<string>;
+  readonly purgeResults: Array<StorageCleanupPurgeResult>;
+  readonly repoDeletePaths: Array<string>;
+  readonly manualPaths: Array<string>;
+  readonly skippedPaths: Array<string>;
+  readonly dryRun: boolean;
+}
diff --git a/packages/frontend/src/pages/FileSummary/storageUtils.ts b/packages/frontend/src/pages/FileSummary/storageUtils.ts
new file mode 100644
index 00000000..09adb732
--- /dev/null
+++ b/packages/frontend/src/pages/FileSummary/storageUtils.ts
@@ -0,0 +1,86 @@
+export interface ProjectStorageOption {
+  readonly value: string;
+  readonly label: string;
+  readonly organization: string;
+  readonly project: string;
+}
+
+export interface StoragePathRow {
+  readonly downloadCount?: number;
+  readonly fileCount: number;
+  readonly lastDownload?: string;
+  readonly lastUpdated?: string;
+  readonly name: string;
+  readonly path: string;
+  readonly recordCount?: number;
+  readonly sizeBytes: number;
+  readonly type: 'directory' | 'file';
+}
+
+export interface StoragePathSummary {
+  readonly bucketObjectCount?: number;
+  readonly childCount: number;
+  readonly downloadCount?: number;
+  readonly fileCount: number;
+  readonly hasMore: boolean;
+  readonly isChainAuditExact?: boolean;
+  readonly lastDownload?: string;
+  readonly lastUpdated?: string;
+  readonly nextCursor?: string;
+  readonly path: string;
+  readonly recordCount?: number;
+  readonly rows: Array<StoragePathRow>;
+  readonly sizeBytes: number;
+  readonly source?: string;
+  readonly truncated: boolean;
+}
+
+export const buildProjectSelectionValue = (
+  organization: string,
+  project: string,
+): string => `${organization}/${project}`;
+
+export const normalizeStoragePath = (value?: string): string =>
+  value?.trim().replace(/^\/+|\/+$/g, '') ?? '';
+
+export const splitProjectSelectionValue = (
+  value: string,
+): { organization: string; project: string } | null => {
+  const [organization, ...projectParts] = value.split('/');
+  const project = projectParts.join('/').trim();
+  if (!organization?.trim() || !project) {
+    return null;
+  }
+  return {
+    organization: organization.trim(),
+    project,
+  };
+};
+
+export const sortStorageRows = (
+  rows: Array<StoragePathRow>,
+): Array<StoragePathRow> =>
+  [...rows].sort((left, right) => {
+    if (right.sizeBytes !== left.sizeBytes) {
+      return right.sizeBytes - left.sizeBytes;
+    }
+    if (left.type !== right.type) {
+      return left.type === 'directory' ? -1 : 1;
+    }
+    return left.name.localeCompare(right.name, undefined, {
+      numeric: true,
+      sensitivity: 'base',
+    });
+  });
+
+export const buildProjectOptions = (
+  projectSummary: Array<{ organization: string; project: string }>,
+): Array<ProjectStorageOption> =>
+  [...projectSummary]
+    .map((record) => ({
+      label: `${record.organization}/${record.project}`,
+      organization: record.organization,
+      project: record.project,
+      value: buildProjectSelectionValue(record.organization, record.project),
+    }))
+    .sort((left, right) => left.label.localeCompare(right.label));
diff --git a/packages/frontend/src/pages/FileSummary/types.ts b/packages/frontend/src/pages/FileSummary/types.ts
index 5b9ae026..7c98eb61 100644
--- a/packages/frontend/src/pages/FileSummary/types.ts
+++ b/packages/frontend/src/pages/FileSummary/types.ts
@@ -6,29 +6,14 @@ export interface FileSummaryProps {
 }
 
 export interface FilesummaryConfig {
-  config: Record<string, SummaryTableColumn>;
-  barChartColor: string;
-  defaultProject: string;
-  binslicePoints: number[];
-  idField: string;
-  index: string;
+  barChartColor?: string;
+  binslicePoints?: number[];
+  config?: Record<string, SummaryTableColumn>;
+  defaultPath?: string;
+  defaultProject?: string;
+  idField?: string;
+  index?: string;
+  maxTraversalPages?: number;
 }
 
-export interface ProjectFilter {
-  EQ: { project_id: string };
-}
-
-export interface ContentTypeFilter {
-  EQ: { document_reference_contentType: string };
-}
-
-export interface RangeFilter {
-  AND: [
-    { GTE: { document_reference_size: number } },
-    { LT: { document_reference_size: number } },
-  ];
-}
-
-export type Filter = ProjectFilter | ContentTypeFilter | RangeFilter;
-
 export type FileSummaryPageProps = NavPageLayoutProps & FileSummaryProps;
diff --git a/packages/frontend/src/pages/FileSummary/useStorageFolder.ts b/packages/frontend/src/pages/FileSummary/useStorageFolder.ts
new file mode 100644
index 00000000..dc1a0e42
--- /dev/null
+++ b/packages/frontend/src/pages/FileSummary/useStorageFolder.ts
@@ -0,0 +1,543 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { GEN3_API } from '@gen3/core';
+import type { FilesummaryConfig } from './types';
+import {
+  normalizeStoragePath,
+  splitProjectSelectionValue,
+  sortStorageRows,
+  type StoragePathRow,
+  type StoragePathSummary,
+} from './storageUtils';
+import { requestSessionLogout } from '../../lib/session/session';
+
+const DEFAULT_CHILD_LIMIT = 100;
+const STORAGE_FOLDER_CACHE_TTL_MS = 60_000;
+
+interface StorageSummaryResponse {
+  direct_child_count?: number;
+  download_count?: number;
+  duplicate_path_count?: number;
+  file_count?: number;
+  last_download_time?: string;
+  latest_update_time?: string;
+  path?: string;
+  record_count?: number;
+  source?: string;
+  total_bytes?: number;
+}
+
+interface StorageChildResponseItem {
+  download_count?: number;
+  file_count?: number;
+  last_download_time?: string;
+  latest_update_time?: string;
+  name?: string;
+  path?: string;
+  record_count?: number;
+  total_bytes?: number;
+  type?: 'directory' | 'file';
+}
+
+interface StorageChildrenResponse {
+  items?: Array<StorageChildResponseItem>;
+  has_more?: boolean;
+  next_cursor?: string;
+}
+
+interface StorageFolderResponse {
+  summary?: StorageSummaryResponse;
+  children?: StorageChildrenResponse;
+}
+
+type ExactChainSummary = {
+  readonly bucketObjectCount: number;
+  readonly gitTrackedFileCount: number;
+  readonly pathPrefix: string;
+  readonly syfonRecordCount: number;
+};
+
+const buildGeckoGitProjectBaseUrl = ({
+  organization,
+  project,
+}: {
+  organization: string;
+  project: string;
+}): string =>
+  `${GEN3_API}/gecko/git/projects/${encodeURIComponent(
+    organization.trim(),
+  )}/${encodeURIComponent(project.trim())}`;
+
+const buildStorageFolderUrl = ({
+  cursor,
+  limit,
+  organization,
+  path,
+  project,
+  summaryMode,
+}: {
+  cursor?: string;
+  limit: number;
+  organization: string;
+  path?: string;
+  project: string;
+  summaryMode?: 'exact';
+}): string => {
+  const query = new URLSearchParams({
+    limit: String(limit),
+    sort_by: 'bytes',
+    sort_order: 'desc',
+  });
+  const normalizedPath = normalizeStoragePath(path);
+
+  if (normalizedPath) {
+    query.set('git_subpath', normalizedPath);
+  }
+  if (cursor) {
+    query.set('cursor', cursor);
+  }
+  if (summaryMode) {
+    query.set('summary_mode', summaryMode);
+  }
+
+  return `${buildGeckoGitProjectBaseUrl({
+    organization,
+    project,
+  })}/storage/folder?${query.toString()}`;
+};
+
+const handleUnauthorizedResponse = (response: Response): boolean => {
+  if (response.status !== 401) {
+    return false;
+  }
+
+  requestSessionLogout();
+  return true;
+};
+
+const normalizeStorageRow = (
+  item: StorageChildResponseItem,
+): StoragePathRow | null => {
+  const path = item.path?.trim();
+  const type = item.type;
+
+  if (!path || (type !== 'directory' && type !== 'file')) {
+    return null;
+  }
+
+  return {
+    downloadCount: item.download_count,
+    fileCount: item.file_count ?? 0,
+    lastDownload: item.last_download_time,
+    lastUpdated: item.latest_update_time,
+    name: item.name?.trim() || path.split('/').filter(Boolean).pop() || path,
+    path,
+    recordCount: item.record_count,
+    sizeBytes: item.total_bytes ?? 0,
+    type,
+  };
+};
+
+const toStoragePathSummary = ({
+  childrenJson,
+  currentPath,
+  summaryJson,
+}: {
+  childrenJson: StorageChildrenResponse;
+  currentPath: string;
+  summaryJson: StorageSummaryResponse;
+}): StoragePathSummary => {
+  const rows = sortStorageRows(
+    (childrenJson.items ?? [])
+      .map((item) => normalizeStorageRow(item))
+      .filter((row): row is StoragePathRow => row !== null),
+  );
+
+  return {
+    childCount: summaryJson.direct_child_count ?? rows.length,
+    downloadCount: summaryJson.download_count,
+    fileCount: summaryJson.file_count ?? 0,
+    hasMore: Boolean(childrenJson.has_more),
+    lastDownload: summaryJson.last_download_time,
+    lastUpdated: summaryJson.latest_update_time,
+    nextCursor: childrenJson.next_cursor,
+    path: summaryJson.path?.trim() || currentPath.trim(),
+    recordCount: summaryJson.record_count,
+    rows,
+    sizeBytes: summaryJson.total_bytes ?? 0,
+    source: summaryJson.source,
+    truncated: Boolean(childrenJson.has_more),
+  };
+};
+
+export const useSyfonPathStorageSummary = ({
+  currentPath,
+  exactRequest,
+  projectSelection,
+}: {
+  currentPath: string;
+  exactRequest?: { path: string; token: number };
+  projectSelection: string;
+  config?: FilesummaryConfig;
+}) => {
+  const [data, setData] = useState<StoragePathSummary | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [isLoadingExact, setIsLoadingExact] = useState(false);
+  const [isLoadingMore, setIsLoadingMore] = useState(false);
+  const [reloadToken, setReloadToken] = useState(0);
+  const cacheRef = useRef(
+    new Map<string, { expiresAt: number; data: StoragePathSummary }>(),
+  );
+  const requestSeqRef = useRef(0);
+
+  const cacheKey = useMemo(() => {
+    const selection = splitProjectSelectionValue(projectSelection);
+    if (!selection) {
+      return '';
+    }
+    return [
+      selection.organization,
+      selection.project,
+      normalizeStoragePath(currentPath),
+      'bytes',
+      'desc',
+    ].join('\u0000');
+  }, [currentPath, projectSelection]);
+
+  const refresh = useCallback(() => {
+    cacheRef.current.clear();
+    setReloadToken((current) => current + 1);
+  }, []);
+
+  const applyExactChainSummary = useCallback(
+    (summary: ExactChainSummary) => {
+      const normalizedSummaryPath = normalizeStoragePath(summary.pathPrefix);
+      const normalizedCurrentPath = normalizeStoragePath(currentPath);
+      if (normalizedSummaryPath !== normalizedCurrentPath) {
+        return;
+      }
+
+      setData((current) => {
+        if (!current) {
+          return current;
+        }
+        const next = {
+          ...current,
+          bucketObjectCount: summary.bucketObjectCount,
+          fileCount: summary.gitTrackedFileCount,
+          isChainAuditExact: true,
+          recordCount: current.recordCount ?? summary.syfonRecordCount,
+        };
+
+        if (cacheKey) {
+          cacheRef.current.set(cacheKey, {
+            data: next,
+            expiresAt: Date.now() + STORAGE_FOLDER_CACHE_TTL_MS,
+          });
+        }
+
+        return next;
+      });
+    },
+    [cacheKey, currentPath],
+  );
+
+  useEffect(() => {
+    if (!exactRequest?.token) {
+      return undefined;
+    }
+
+    const normalizedCurrentPath = normalizeStoragePath(currentPath);
+    if (normalizeStoragePath(exactRequest.path) !== normalizedCurrentPath) {
+      return undefined;
+    }
+
+    const selection = splitProjectSelectionValue(projectSelection);
+    if (!selection) {
+      return undefined;
+    }
+
+    let cancelled = false;
+    setIsLoadingExact(true);
+
+    const load = async () => {
+      try {
+        const response = await fetch(
+          buildStorageFolderUrl({
+            limit: Math.max(DEFAULT_CHILD_LIMIT, data?.rows.length ?? 0),
+            organization: selection.organization,
+            path: currentPath,
+            project: selection.project,
+            summaryMode: 'exact',
+          }),
+          {
+            credentials: 'include',
+            method: 'GET',
+          },
+        );
+
+        if (handleUnauthorizedResponse(response)) {
+          throw new Error('Your session expired. Please log in again.');
+        }
+        if (!response.ok) {
+          throw new Error(
+            `Failed to fetch audited storage details for ${selection.organization}/${selection.project}`,
+          );
+        }
+
+        const folderJson = (await response.json()) as StorageFolderResponse;
+        const exactSummary = toStoragePathSummary({
+          childrenJson: folderJson.children ?? {},
+          currentPath,
+          summaryJson: folderJson.summary ?? {},
+        });
+        if (cancelled) {
+          return;
+        }
+
+        setData((current) => {
+          if (
+            current &&
+            normalizeStoragePath(current.path) !== normalizedCurrentPath
+          ) {
+            return current;
+          }
+
+          const next = {
+            ...exactSummary,
+            bucketObjectCount: current?.bucketObjectCount,
+            isChainAuditExact: true,
+          };
+          if (cacheKey) {
+            cacheRef.current.set(cacheKey, {
+              data: next,
+              expiresAt: Date.now() + STORAGE_FOLDER_CACHE_TTL_MS,
+            });
+          }
+          return next;
+        });
+      } catch (exactLoadError) {
+        if (!cancelled) {
+          setError(
+            exactLoadError instanceof Error
+              ? exactLoadError.message
+              : 'Audited storage details could not be loaded.',
+          );
+        }
+      } finally {
+        if (!cancelled) {
+          setIsLoadingExact(false);
+        }
+      }
+    };
+
+    void load();
+
+    return () => {
+      cancelled = true;
+    };
+  }, [
+    cacheKey,
+    currentPath,
+    data?.rows.length,
+    exactRequest,
+    projectSelection,
+  ]);
+
+  useEffect(() => {
+    const selection = splitProjectSelectionValue(projectSelection);
+    if (!selection) {
+      setData(null);
+      setError(null);
+      setIsLoading(false);
+      setIsLoadingMore(false);
+      return undefined;
+    }
+
+    const { organization, project } = selection;
+    const cached = cacheRef.current.get(cacheKey);
+    if (cached && Date.now() < cached.expiresAt) {
+      setData(cached.data);
+      setError(null);
+      setIsLoading(false);
+      setIsLoadingMore(false);
+      return undefined;
+    }
+
+    let cancelled = false;
+    const requestSeq = requestSeqRef.current + 1;
+    requestSeqRef.current = requestSeq;
+    const controller = new AbortController();
+
+    const load = async () => {
+      setIsLoading(true);
+      setError(null);
+
+      try {
+        const response = await fetch(
+          buildStorageFolderUrl({
+            limit: DEFAULT_CHILD_LIMIT,
+            organization,
+            path: currentPath,
+            project,
+          }),
+          {
+            credentials: 'include',
+            method: 'GET',
+            signal: controller.signal,
+          },
+        );
+
+        if (handleUnauthorizedResponse(response)) {
+          throw new Error('Your session expired. Please log in again.');
+        }
+
+        if (!response.ok) {
+          throw new Error(
+            `Failed to fetch storage folder for ${organization}/${project}`,
+          );
+        }
+
+        const folderJson = (await response.json()) as StorageFolderResponse;
+        const summary = toStoragePathSummary({
+          childrenJson: folderJson.children ?? {},
+          currentPath,
+          summaryJson: folderJson.summary ?? {},
+        });
+
+        if (!cancelled && requestSeqRef.current === requestSeq) {
+          cacheRef.current.set(cacheKey, {
+            data: summary,
+            expiresAt: Date.now() + STORAGE_FOLDER_CACHE_TTL_MS,
+          });
+          setData(summary);
+        }
+      } catch (loadError) {
+        if (
+          loadError instanceof DOMException &&
+          loadError.name === 'AbortError'
+        ) {
+          return;
+        }
+        if (!cancelled) {
+          setError(
+            loadError instanceof Error
+              ? loadError.message
+              : 'Failed to load storage summary from Gecko analytics.',
+          );
+          setData(null);
+        }
+      } finally {
+        if (!cancelled) {
+          setIsLoading(false);
+        }
+      }
+    };
+
+    void load();
+
+    return () => {
+      cancelled = true;
+      controller.abort();
+    };
+  }, [cacheKey, currentPath, projectSelection, reloadToken]);
+
+  const loadMore = useCallback(async () => {
+    const selection = splitProjectSelectionValue(projectSelection);
+    if (!selection || !data?.hasMore || !data.nextCursor || isLoadingMore) {
+      return;
+    }
+
+    const { organization, project } = selection;
+    const requestSeq = requestSeqRef.current + 1;
+    requestSeqRef.current = requestSeq;
+    setIsLoadingMore(true);
+    setError(null);
+
+    try {
+      const response = await fetch(
+        buildStorageFolderUrl({
+          cursor: data.nextCursor,
+          limit: DEFAULT_CHILD_LIMIT,
+          organization,
+          path: currentPath,
+          project,
+          summaryMode: data.isChainAuditExact ? 'exact' : undefined,
+        }),
+        {
+          credentials: 'include',
+          method: 'GET',
+        },
+      );
+
+      if (handleUnauthorizedResponse(response)) {
+        throw new Error('Your session expired. Please log in again.');
+      }
+      if (!response.ok) {
+        throw new Error(
+          `Failed to fetch more storage children for ${organization}/${project}`,
+        );
+      }
+
+      const folderJson = (await response.json()) as StorageFolderResponse;
+      const childrenJson = folderJson.children ?? {};
+      const additionalRows = sortStorageRows(
+        (childrenJson.items ?? [])
+          .map((item) => normalizeStorageRow(item))
+          .filter((row): row is StoragePathRow => row !== null),
+      );
+
+      setData((current) => {
+        if (requestSeqRef.current !== requestSeq) {
+          return current;
+        }
+        if (!current) {
+          return current;
+        }
+        const existing = new Set(
+          current.rows.map((row) => `${row.type}:${row.path}`),
+        );
+        const rows = [
+          ...current.rows,
+          ...additionalRows.filter(
+            (row) => !existing.has(`${row.type}:${row.path}`),
+          ),
+        ];
+        const next = {
+          ...current,
+          hasMore: Boolean(childrenJson.has_more),
+          nextCursor: childrenJson.next_cursor,
+          rows: sortStorageRows(rows),
+          source: folderJson.summary?.source ?? current.source,
+          truncated: Boolean(childrenJson.has_more),
+        };
+        if (cacheKey) {
+          cacheRef.current.set(cacheKey, {
+            data: next,
+            expiresAt: Date.now() + STORAGE_FOLDER_CACHE_TTL_MS,
+          });
+        }
+        return next;
+      });
+    } catch (loadError) {
+      setError(
+        loadError instanceof Error
+          ? loadError.message
+          : 'Failed to load more storage children from Gecko analytics.',
+      );
+    } finally {
+      setIsLoadingMore(false);
+    }
+  }, [cacheKey, currentPath, data, isLoadingMore, projectSelection]);
+
+  return {
+    data,
+    error,
+    isLoading,
+    isLoadingExact,
+    isLoadingMore,
+    applyExactChainSummary,
+    loadMore,
+    refresh,
+  };
+};
diff --git a/packages/frontend/src/pages/GitExplorer/GitProject.tsx b/packages/frontend/src/pages/GitExplorer/GitProject.tsx
index 5dcc4fcc..99213397 100644
--- a/packages/frontend/src/pages/GitExplorer/GitProject.tsx
+++ b/packages/frontend/src/pages/GitExplorer/GitProject.tsx
@@ -34,7 +34,6 @@ import {
   type GeckoGitTreeEntry,
 } from '@gen3/core';
 import {
-  IconDatabaseExport,
   IconCheck,
   IconChevronDown,
   IconCopy,
@@ -255,6 +254,9 @@ const GitProjectPage = ({
     {
       includeLastModified: true,
       includeLFSPointer: true,
+      include_last_modified: true,
+      include_lfs_pointer: true,
+      include_size: true,
       organization,
       project,
       path: currentPath,
@@ -901,19 +903,6 @@ const GitProjectPage = ({
                       Upload files
                     </Button>
                   ) : null}
-                  <Tooltip label="Open raw Syfon project view">
-                    <ActionIcon
-                      aria-label="Open Syfon project view"
-                      component="a"
-                      href={`/org/${encodeURIComponent(organization)}/project/${encodeURIComponent(project)}/lake`}
-                      rel={isEmbedded ? undefined : 'noreferrer'}
-                      size="lg"
-                      target={isEmbedded ? '_parent' : '_blank'}
-                      variant="subtle"
-                    >
-                      <IconDatabaseExport size={18} />
-                    </ActionIcon>
-                  </Tooltip>
                 </Group>
               </Group>
 
diff --git a/packages/frontend/src/pages/GitExplorer/GitProject.unit.test.tsx b/packages/frontend/src/pages/GitExplorer/GitProject.unit.test.tsx
index cb1617d3..ded54e50 100644
--- a/packages/frontend/src/pages/GitExplorer/GitProject.unit.test.tsx
+++ b/packages/frontend/src/pages/GitExplorer/GitProject.unit.test.tsx
@@ -23,8 +23,31 @@ jest.mock('@gen3/core', () => ({
 
 jest.mock('../../features/Navigation', () => ({
   NavPageLayout: ({ children }: { children: React.ReactNode }) => <>{children}</>,
-  ProjectWorkspaceTabs: ({ children }: { children: React.ReactNode }) => (
-    <>{children}</>
+  ProjectWorkspaceTabs: ({
+    children,
+    hasExplorerConfig,
+    organization,
+    project,
+  }: {
+    children: React.ReactNode;
+    hasExplorerConfig: boolean;
+    organization: string;
+    project: string;
+  }) => (
+    <>
+      <a href={`/org/${organization}/project/${project}/presentation`} role="tab">
+        Home
+      </a>
+      {hasExplorerConfig ? (
+        <a href={`/Explorer/${organization}-${project}`} role="tab">
+          Explorer
+        </a>
+      ) : null}
+      <a href={`/org/${organization}/project/${project}`} role="tab">
+        Source
+      </a>
+      {children}
+    </>
   ),
 }));
 
@@ -684,64 +707,4 @@ describe('GitProjectPage', () => {
     openSpy.mockRestore();
   });
 
-  it('breaks the syfon project view link out of the parent frame when embedded', () => {
-    useIsEmbedded.mockReturnValue(true);
-    const projectStatus = {
-      project_id: 'Ellrott_Lab/embedding_rotation',
-      organization: 'Ellrott_Lab',
-      project: 'embedding_rotation',
-      resource_path: '/programs/Ellrott_Lab/projects/embedding_rotation',
-      config: {
-        title: 'Embedding Rotation',
-        contact_email: 'owner@example.org',
-        src_repo: 'github.com/EllrottLab/embedding-rotation',
-        org_title: 'Ellrott Lab',
-        description: 'Test project',
-        project_title: 'Embedding Rotation',
-        icon_name: 'git.png',
-      },
-      repository: {
-        host: 'github.com',
-        owner: 'EllrottLab',
-        repo: 'embedding-rotation',
-        url: 'https://github.com/EllrottLab/embedding-rotation',
-      },
-      installation_state: 'connected',
-      installation_target: 'EllrottLab',
-      installation_target_type: 'Organization',
-      organization_app_installed: true,
-      sync_state: 'ready',
-      default_branch: 'main',
-      mirror_ready: true,
-    };
-    coreMocks.useGetGeckoGitProjectsQuery.mockReturnValue({
-      data: [projectStatus],
-      isLoading: false,
-      refetch: jest.fn(),
-    });
-    coreMocks.useGetGeckoGitProjectRefsQuery.mockReturnValue({
-      data: {
-        default_branch: 'main',
-        refs: [{ name: 'main', type: 'branch', hash: 'abc123', default: true }],
-      },
-      isLoading: false,
-      refetch: jest.fn(),
-    });
-    coreMocks.useGetGeckoGitProjectTreeQuery.mockReturnValue({
-      data: { entries: [] },
-      isLoading: false,
-      refetch: jest.fn(),
-    });
-
-    render(
-      <MantineProvider>
-        <GitProjectPage {...layoutProps} />
-      </MantineProvider>,
-    );
-
-    expect(screen.getByLabelText(/open syfon project view/i)).toHaveAttribute(
-      'target',
-      '_parent',
-    );
-  });
 });
diff --git a/packages/frontend/src/pages/OrganizationExplorer/OrganizationLanding.tsx b/packages/frontend/src/pages/OrganizationExplorer/OrganizationLanding.tsx
index 9c7f272a..30d960e0 100644
--- a/packages/frontend/src/pages/OrganizationExplorer/OrganizationLanding.tsx
+++ b/packages/frontend/src/pages/OrganizationExplorer/OrganizationLanding.tsx
@@ -121,7 +121,7 @@ const OrganizationRow = ({
           {group.projects.map((project) => {
             return (
               <CompactProjectRow
-                href={`/org/${encodeURIComponent(project.organization)}/project/${encodeURIComponent(project.project)}/lake`}
+                href={`/org/${encodeURIComponent(project.organization)}/project/${encodeURIComponent(project.project)}/storage`}
                 key={project.resourcePath}
                 project={project.project}
                 resourcePath={project.resourcePath}
@@ -175,7 +175,7 @@ const OrganizationLandingPage = ({
         project.project.toLowerCase().includes(normalizedSearchQuery),
       )
       .map((project) => ({
-        href: `/org/${encodeURIComponent(project.organization)}/project/${encodeURIComponent(project.project)}/lake`,
+        href: `/org/${encodeURIComponent(project.organization)}/project/${encodeURIComponent(project.project)}/storage`,
         key: `project-${project.resourcePath}`,
         kind: 'project' as const,
         label: project.project,
diff --git a/packages/frontend/src/pages/OrganizationExplorer/OrganizationProject.tsx b/packages/frontend/src/pages/OrganizationExplorer/OrganizationProject.tsx
deleted file mode 100644
index 00627e98..00000000
--- a/packages/frontend/src/pages/OrganizationExplorer/OrganizationProject.tsx
+++ /dev/null
@@ -1,882 +0,0 @@
-import React, { useEffect, useMemo, useRef, useState } from 'react';
-import Link from 'next/link';
-import { useRouter } from 'next/router';
-import {
-  ActionIcon,
-  Badge,
-  Button,
-  Card,
-  Container,
-  Group,
-  Popover,
-  ScrollArea,
-  Stack,
-  Table,
-  Text,
-  TextInput,
-  Title,
-} from '@mantine/core';
-import {
-  IconArrowUpRight,
-  IconDownload,
-  IconBrandGit,
-  IconFile,
-  IconFolder,
-  IconArrowLeft,
-  IconCheck,
-  IconChevronDown,
-  IconChevronUp,
-  IconCopy,
-  IconSearch,
-  IconPhoto,
-  IconX,
-} from '@tabler/icons-react';
-import {
-  useGetSyfonIndexRecordsQuery,
-} from '@gen3/core';
-import ProtectedContent from '../../components/Protected/ProtectedContent';
-import { NavPageLayout } from '../../features/Navigation';
-import type { FileActionsConfig } from '../../features/CohortBuilder/types';
-import type {
-  OrganizationExplorerPageProps,
-  RepoListingEntry,
-  SyfonRepoFile,
-} from './types';
-import {
-  findMatchingOffsetsFile,
-  getFileExtensionCandidates,
-  getSyfonRepoDownloadUrl,
-  normalizeSyfonIndexRecordToRepoFile,
-  parsePathQueryValue,
-  truncateDescription,
-} from './utils';
-
-const formatBytes = (size?: number): string => {
-  if (typeof size !== 'number' || Number.isNaN(size)) return '—';
-  if (size === 0) return '0 B';
-
-  const units = ['B', 'KB', 'MB', 'GB', 'TB'];
-  const exponent = Math.min(Math.floor(Math.log(size) / Math.log(1024)), units.length - 1);
-  const value = size / 1024 ** exponent;
-  return `${value.toFixed(value >= 10 || exponent === 0 ? 0 : 1)} ${units[exponent]}`;
-};
-
-const formatTimestamp = (value?: string): string => {
-  if (!value) return '—';
-
-  try {
-    return new Intl.DateTimeFormat(undefined, {
-      dateStyle: 'medium',
-      timeStyle: 'short',
-    }).format(new Date(value));
-  } catch {
-    return value;
-  }
-};
-
-type SortColumn = 'name' | 'description' | 'size' | 'updated';
-type SortDirection = 'asc' | 'desc';
-
-const getDefaultSortDirection = (column: SortColumn): SortDirection =>
-  column === 'updated' || column === 'size' ? 'desc' : 'asc';
-
-const compareText = (left: string, right: string): number =>
-  left.localeCompare(right, undefined, { numeric: true, sensitivity: 'base' });
-
-const compareOptionalNumber = (
-  left?: number,
-  right?: number,
-): number => {
-  const normalizedLeft = typeof left === 'number' ? left : Number.NEGATIVE_INFINITY;
-  const normalizedRight =
-    typeof right === 'number' ? right : Number.NEGATIVE_INFINITY;
-  return normalizedLeft - normalizedRight;
-};
-
-const compareOptionalTimestamp = (
-  left?: string,
-  right?: string,
-): number => {
-  const normalizedLeft = left ? new Date(left).getTime() : Number.NEGATIVE_INFINITY;
-  const normalizedRight = right
-    ? new Date(right).getTime()
-    : Number.NEGATIVE_INFINITY;
-  return normalizedLeft - normalizedRight;
-};
-
-const getConfiguredActions = (
-  file: SyfonRepoFile,
-  fileActions?: FileActionsConfig,
-): Array<string> => {
-  const configuredFromExtensions = getFileExtensionCandidates(
-    file.canonicalFilename,
-  ).flatMap((extension) => fileActions?.extensions?.[extension] ?? []);
-  const configured = Array.from(
-    new Set([
-      ...configuredFromExtensions,
-      ...(configuredFromExtensions.length === 0
-        ? (fileActions?.extensions?.default ?? ['file_download'])
-        : []),
-    ]),
-  );
-
-  return configured.includes('file_download')
-    ? configured
-    : ['file_download', ...configured];
-};
-
-const openDownload = (did: string) => {
-  window.open(getSyfonRepoDownloadUrl(did), '_blank', 'noopener,noreferrer');
-};
-
-const openImageViewer = (
-  did: string,
-  fileActions?: FileActionsConfig,
-) => {
-  const baseUrl = fileActions?.actions?.file_image || '/image-viewer/view';
-  const target = baseUrl.endsWith('/') ? `${baseUrl}${did}` : `${baseUrl}/${did}`;
-  window.open(target, '_blank', 'noopener,noreferrer');
-};
-
-const canOpenImageViewer = (
-  file: SyfonRepoFile,
-  allFiles: Array<SyfonRepoFile>,
-  fileActions?: FileActionsConfig,
-): boolean =>
-  getConfiguredActions(file, fileActions).includes('file_image') ||
-  Boolean(findMatchingOffsetsFile(file, allFiles));
-
-const FileDetailsPanel = ({
-  file,
-  repoFiles,
-  fileActions,
-  onBack,
-}: {
-  file: SyfonRepoFile;
-  repoFiles: Array<SyfonRepoFile>;
-  fileActions?: FileActionsConfig;
-  onBack: () => void;
-}) => {
-  const configuredActions = getConfiguredActions(file, fileActions);
-  const offsetsFile = findMatchingOffsetsFile(file, repoFiles);
-  const showImageViewerAction =
-    configuredActions.includes('file_image') || Boolean(offsetsFile);
-  const primaryUrl = file.accessMethods[0]?.access_url?.url;
-  const shouldShowRepoPath =
-    file.canonicalFilename.trim() !== file.displayName.trim();
-
-  return (
-    <Card padding="xl" radius="xl" withBorder>
-      <Stack gap="md">
-        <Group justify="space-between">
-          <div>
-            <Text c="dimmed" fw={700} size="xs" tt="uppercase">
-              File Details
-            </Text>
-            <Title className="mt-2 break-all" order={2}>
-              {file.displayName}
-            </Title>
-            {shouldShowRepoPath && (
-              <Text c="dimmed" className="mt-1 break-all" size="sm">
-                {file.canonicalFilename}
-              </Text>
-            )}
-          </div>
-          <Button
-            leftSection={<IconArrowLeft size={16} />}
-            onClick={onBack}
-            size="sm"
-            variant="light"
-          >
-            Back to files
-          </Button>
-        </Group>
-
-        <Group gap="xs">
-          <Button
-            leftSection={<IconDownload size={16} />}
-            onClick={() => openDownload(file.did)}
-            size="sm"
-          >
-            Download
-          </Button>
-          {showImageViewerAction && (
-            <ActionIcon
-              aria-label={`Open image viewer for ${file.displayName}`}
-              color="teal"
-              onClick={() => openImageViewer(file.did, fileActions)}
-              size="lg"
-              variant="light"
-            >
-              <IconPhoto size={18} />
-            </ActionIcon>
-          )}
-        </Group>
-
-        <div className="space-y-3 text-sm">
-          <div>
-            <Text c="dimmed" fw={700} size="xs" tt="uppercase">
-              DID
-            </Text>
-            <Text className="break-all">{file.did}</Text>
-          </div>
-          {shouldShowRepoPath && (
-            <div>
-              <Text c="dimmed" fw={700} size="xs" tt="uppercase">
-                Repository Path
-              </Text>
-              <Text className="break-all">{file.canonicalFilename}</Text>
-            </div>
-          )}
-          <div>
-            <Text c="dimmed" fw={700} size="xs" tt="uppercase">
-              Size
-            </Text>
-            <Text>{formatBytes(file.size)}</Text>
-          </div>
-          <div>
-            <Text c="dimmed" fw={700} size="xs" tt="uppercase">
-              Updated
-            </Text>
-            <Text>{formatTimestamp(file.updatedTime ?? file.createdTime)}</Text>
-          </div>
-          {file.description && (
-            <div>
-              <Text c="dimmed" fw={700} size="xs" tt="uppercase">
-                Description
-              </Text>
-              <Text>{file.description}</Text>
-            </div>
-          )}
-          {primaryUrl && (
-            <div>
-              <Text c="dimmed" fw={700} size="xs" tt="uppercase">
-                Source URL
-              </Text>
-              <Text className="break-all">{primaryUrl}</Text>
-            </div>
-          )}
-          <div>
-            <Text c="dimmed" fw={700} size="xs" tt="uppercase">
-              Controlled Access
-            </Text>
-            <Stack gap={4} mt={6}>
-              {file.controlledAccess.length > 0 ? (
-                file.controlledAccess.map((scope) => (
-                  <Badge key={scope} radius="sm" variant="light">
-                    {scope}
-                  </Badge>
-                ))
-              ) : (
-                <Text size="sm">—</Text>
-              )}
-            </Stack>
-          </div>
-          <div>
-            <Text c="dimmed" fw={700} size="xs" tt="uppercase">
-              Checksums
-            </Text>
-            <Stack gap={4} mt={6}>
-              {Object.entries(file.checksums).length > 0 ? (
-                Object.entries(file.checksums).map(([type, checksum]) => (
-                  <Text className="break-all" key={type} size="sm">
-                    <strong>{type}:</strong> {checksum}
-                  </Text>
-                ))
-              ) : (
-                <Text size="sm">—</Text>
-              )}
-            </Stack>
-          </div>
-        </div>
-      </Stack>
-    </Card>
-  );
-};
-
-const OrganizationProjectPage = ({
-  headerProps,
-  footerProps,
-  fileActions,
-}: OrganizationExplorerPageProps) => {
-  const router = useRouter();
-  const organization = typeof router.query.org === 'string' ? router.query.org : '';
-  const project = typeof router.query.project === 'string' ? router.query.project : '';
-  const currentPath = useMemo(
-    () => parsePathQueryValue(router.query.path),
-    [router.query.path],
-  );
-  const [selectedDid, setSelectedDid] = useState<string | null>(null);
-  const [hasCopiedRepoPath, setHasCopiedRepoPath] = useState(false);
-  const [searchQuery, setSearchQuery] = useState('');
-  const [sortColumn, setSortColumn] = useState<SortColumn>('name');
-  const [sortDirection, setSortDirection] = useState<SortDirection>('asc');
-  const pageScrollTopRef = useRef(0);
-
-  const { data: browseResponse, isFetching, isLoading } = useGetSyfonIndexRecordsQuery(
-    {
-      limit: 1000,
-      organization,
-      ...(currentPath.length > 0 ? { path: currentPath.join('/') } : {}),
-      project,
-    },
-    {
-      skip: !organization || !project,
-    },
-  );
-  const directories = useMemo(
-    () => browseResponse?.directories ?? [],
-    [browseResponse?.directories],
-  );
-  const records = useMemo(
-    () => browseResponse?.records ?? [],
-    [browseResponse?.records],
-  );
-
-  const repoFiles = useMemo(
-    () =>
-      records.map((record) => normalizeSyfonIndexRecordToRepoFile(record)),
-    [records],
-  );
-  const listingEntries = useMemo(
-    () => [
-      ...directories.map((directory) => ({
-        name: directory.name,
-        pathSegments: parsePathQueryValue(directory.path),
-        type: 'directory' as const,
-      })),
-      ...repoFiles.map((file) => ({
-        file,
-        name: file.displayName,
-        type: 'file' as const,
-      })),
-    ],
-    [directories, repoFiles],
-  );
-  const sortedListingEntries = useMemo(() => {
-    const sorted = [...listingEntries];
-    sorted.sort((left, right) => {
-      if (left.type === 'directory' && right.type === 'file') return -1;
-      if (left.type === 'file' && right.type === 'directory') return 1;
-
-      let result = 0;
-
-      if (sortColumn === 'name') {
-        result = compareText(left.name, right.name);
-      } else if (sortColumn === 'description') {
-        result = compareText(
-          left.type === 'directory'
-            ? 'Derived folder'
-            : left.file.description ?? '',
-          right.type === 'directory'
-            ? 'Derived folder'
-            : right.file.description ?? '',
-        );
-      } else if (sortColumn === 'size') {
-        result = compareOptionalNumber(
-          left.type === 'file' ? left.file.size : undefined,
-          right.type === 'file' ? right.file.size : undefined,
-        );
-      } else if (sortColumn === 'updated') {
-        result = compareOptionalTimestamp(
-          left.type === 'file'
-            ? left.file.updatedTime ?? left.file.createdTime
-            : undefined,
-          right.type === 'file'
-            ? right.file.updatedTime ?? right.file.createdTime
-            : undefined,
-        );
-      }
-
-      if (result === 0) {
-        result = compareText(left.name, right.name);
-      }
-
-      return sortDirection === 'asc' ? result : -result;
-    });
-    return sorted;
-  }, [listingEntries, sortColumn, sortDirection]);
-  const selectedFile = useMemo(
-    () =>
-      repoFiles.find((file: SyfonRepoFile) => file.did === selectedDid) ?? null,
-    [repoFiles, selectedDid],
-  );
-  const normalizedSearchQuery = searchQuery.trim().toLowerCase();
-  const searchResults = useMemo(() => {
-    if (!normalizedSearchQuery) return [];
-
-    return repoFiles
-      .filter((file) => {
-        const haystacks = [
-          file.displayName,
-          file.canonicalFilename,
-          file.pathSegments.join('/'),
-        ]
-          .filter(Boolean)
-          .map((value) => value.toLowerCase());
-
-        return haystacks.some((value) => value.includes(normalizedSearchQuery));
-      })
-      .slice(0, 12);
-  }, [normalizedSearchQuery, repoFiles]);
-  const currentRepoPath = [organization, project, ...currentPath].join('/');
-  const isSearchOpen = normalizedSearchQuery.length > 0;
-
-  useEffect(() => {
-    const fileFromQuery =
-      typeof router.query.file === 'string' ? router.query.file : null;
-    setSelectedDid(fileFromQuery);
-  }, [organization, project, router.query.file, router.query.path]);
-
-  useEffect(() => {
-    if (selectedDid === null) {
-      return;
-    }
-
-    window.scrollTo({ top: 0, behavior: 'auto' });
-  }, [selectedDid]);
-
-  const navigateToPath = (pathSegments: Array<string>) => {
-    const nextQuery: Record<string, string> = {
-      org: organization,
-      project,
-    };
-
-    if (pathSegments.length > 0) {
-      nextQuery.path = pathSegments.join('/');
-    }
-
-    void router.push(
-      {
-        pathname: '/org/[org]/project/[project]/lake',
-        query: nextQuery,
-      },
-      undefined,
-      { shallow: true },
-    );
-  };
-
-  const handleEntryClick = (entry: RepoListingEntry) => {
-    if (entry.type === 'directory') {
-      navigateToPath(entry.pathSegments);
-      return;
-    }
-
-    pageScrollTopRef.current = window.scrollY;
-    setSelectedDid(entry.file.did);
-  };
-
-  const handleBackToFiles = () => {
-    if (typeof router.query.file === 'string') {
-      const nextQuery: Record<string, string> = {
-        org: organization,
-        project,
-      };
-
-      if (currentPath.length > 0) {
-        nextQuery.path = currentPath.join('/');
-      }
-
-      void router.push(
-        {
-          pathname: '/org/[org]/project/[project]/lake',
-          query: nextQuery,
-        },
-        undefined,
-        { shallow: true },
-      );
-    }
-
-    setSelectedDid(null);
-    window.requestAnimationFrame(() => {
-      window.scrollTo({ top: pageScrollTopRef.current, behavior: 'auto' });
-    });
-  };
-
-  const breadcrumbSegments = currentPath.map((segment, index) => ({
-    label: segment,
-    pathSegments: currentPath.slice(0, index + 1),
-  }));
-  const repoRootLabel = {
-    label: project,
-    pathSegments: [] as Array<string>,
-  };
-
-  const breadcrumbLabelClassName =
-    'truncate text-[1.1rem] font-semibold leading-tight text-slate-900 hover:text-slate-950';
-
-  const renderBreadcrumbButton = (
-    label: string,
-    pathSegments: Array<string>,
-  ) => (
-    <button
-      className={`${breadcrumbLabelClassName} max-w-[220px]`}
-      onClick={() => navigateToPath(pathSegments)}
-      type="button"
-    >
-      {label}
-    </button>
-  );
-
-  const copyCurrentRepoPath = async () => {
-    await navigator.clipboard.writeText(currentRepoPath);
-    setHasCopiedRepoPath(true);
-    window.setTimeout(() => setHasCopiedRepoPath(false), 2000);
-  };
-
-  const openSearchResult = (file: SyfonRepoFile) => {
-    const parentPath = file.pathSegments.slice(0, -1);
-    const nextQuery: Record<string, string> = {
-      org: organization,
-      project,
-      file: file.did,
-    };
-
-    if (parentPath.length > 0) {
-      nextQuery.path = parentPath.join('/');
-    }
-
-    pageScrollTopRef.current = window.scrollY;
-    setSearchQuery('');
-    void router.push(
-      {
-        pathname: '/org/[org]/project/[project]/lake',
-        query: nextQuery,
-      },
-      undefined,
-      { shallow: true },
-    );
-  };
-
-  const handleSort = (column: SortColumn) => {
-    if (column === sortColumn) {
-      setSortDirection((current) => (current === 'asc' ? 'desc' : 'asc'));
-      return;
-    }
-
-    setSortColumn(column);
-    setSortDirection(getDefaultSortDirection(column));
-  };
-
-  const renderSortableHeader = (
-    column: SortColumn,
-    label: string,
-    align: 'left' | 'right' = 'left',
-  ) => {
-    const isActive = sortColumn === column;
-    return (
-      <button
-        className={`flex w-full items-center gap-1 text-xs font-semibold ${
-          align === 'right' ? 'justify-end text-right' : 'justify-start text-left'
-        }`}
-        onClick={() => handleSort(column)}
-        type="button"
-      >
-        <span>{label}</span>
-        {isActive ? (
-          sortDirection === 'asc' ? (
-            <IconChevronUp size={14} />
-          ) : (
-            <IconChevronDown size={14} />
-          )
-        ) : (
-          <IconChevronDown className="opacity-35" size={14} />
-        )}
-      </button>
-    );
-  };
-
-  return (
-    <NavPageLayout
-      {...{ headerProps, footerProps }}
-      headerMetadata={{
-        content: `${organization}/${project}`,
-        key: 'syfon-organization-project',
-        title: `${organization}/${project}`,
-      }}
-      mainProps={{ className: 'bg-[#f6f8fa]' }}
-    >
-      <ProtectedContent>
-        <div className="min-h-screen bg-[#f6f8fa]">
-          <Container py="md" size="xl">
-            <Stack gap="sm">
-              <Card padding="md" radius="md" withBorder>
-                <Stack gap={4}>
-                  <Group align="center" className="min-h-[2.25rem]" justify="space-between" wrap="nowrap">
-                    <Group className="min-w-0 flex-1" gap={6} wrap="nowrap">
-                      <Link href={`/git/${encodeURIComponent(organization)}`} legacyBehavior>
-                        <a className="min-w-0 no-underline text-primary hover:underline">
-                          <Title className="truncate text-[1.1rem] leading-tight" order={3}>
-                            {organization}
-                          </Title>
-                        </a>
-                      </Link>
-                      <Text c="dimmed" fw={700} size="sm">
-                        /
-                      </Text>
-                      {renderBreadcrumbButton(
-                        repoRootLabel.label,
-                        repoRootLabel.pathSegments,
-                      )}
-                      {breadcrumbSegments.map((segment) => (
-                        <React.Fragment key={segment.pathSegments.join('/')}>
-                          <Text c="dimmed" fw={700} size="sm">
-                            /
-                          </Text>
-                          {renderBreadcrumbButton(
-                            segment.label,
-                            segment.pathSegments,
-                          )}
-                        </React.Fragment>
-                      ))}
-                      <ActionIcon
-                        aria-label="Copy repository path"
-                        color={hasCopiedRepoPath ? 'primary.0' : 'gray'}
-                        onClick={() => {
-                          void copyCurrentRepoPath();
-                        }}
-                        size="sm"
-                        variant="subtle"
-                      >
-                        {hasCopiedRepoPath ? (
-                          <IconCheck size={16} />
-                        ) : (
-                          <IconCopy size={16} />
-                        )}
-                      </ActionIcon>
-                    </Group>
-                    <Group gap={8} wrap="nowrap">
-                      <Popover
-                        opened={isSearchOpen}
-                        position="bottom-end"
-                        shadow="md"
-                        width={360}
-                        withinPortal
-                      >
-                        <Popover.Target>
-                          <TextInput
-                            className="w-[18rem]"
-                            leftSection={<IconSearch size={16} />}
-                            onChange={(event) => setSearchQuery(event.currentTarget.value)}
-                            placeholder="Go to file"
-                            rightSection={
-                              searchQuery ? (
-                                <ActionIcon
-                                  aria-label="Clear file search"
-                                  onClick={() => setSearchQuery('')}
-                                  size="sm"
-                                  variant="subtle"
-                                >
-                                  <IconX size={14} />
-                                </ActionIcon>
-                              ) : null
-                            }
-                            size="sm"
-                            value={searchQuery}
-                          />
-                        </Popover.Target>
-                        <Popover.Dropdown p={0}>
-                          <div className="max-h-[26rem] overflow-y-auto py-2">
-                            {searchResults.length > 0 ? (
-                              searchResults.map((file) => (
-                                <button
-                                  className="flex w-full items-start gap-3 px-3 py-2 text-left hover:bg-slate-50"
-                                  key={file.did}
-                                  onClick={() => openSearchResult(file)}
-                                  type="button"
-                                >
-                                  <IconFile className="mt-0.5 text-slate-500" size={16} />
-                                  <div className="min-w-0">
-                                    <Text fw={600} size="sm">
-                                      {file.displayName}
-                                    </Text>
-                                    <Text c="dimmed" className="truncate" size="xs">
-                                      {file.canonicalFilename}
-                                    </Text>
-                                  </div>
-                                </button>
-                              ))
-                            ) : (
-                              <Text c="dimmed" className="px-3 py-3" size="sm">
-                                No files match “{searchQuery}”.
-                              </Text>
-                            )}
-                          </div>
-                        </Popover.Dropdown>
-                      </Popover>
-                      <ActionIcon
-                        aria-label="Open Git project view"
-                        component="a"
-                        href={`/org/${encodeURIComponent(organization)}/project/${encodeURIComponent(project)}`}
-                        size="lg"
-                        variant="default"
-                      >
-                        <span className="relative flex items-center justify-center">
-                          <IconBrandGit size={16} />
-                          <IconArrowUpRight
-                            className="absolute -right-1.5 -top-1.5"
-                            size={10}
-                          />
-                        </span>
-                      </ActionIcon>
-                    </Group>
-                  </Group>
-
-                </Stack>
-              </Card>
-
-              {selectedFile ? (
-                <FileDetailsPanel
-                  file={selectedFile}
-                  repoFiles={repoFiles}
-                  fileActions={fileActions}
-                  onBack={handleBackToFiles}
-                />
-              ) : (
-                <Card padding={0} radius="md" withBorder>
-                  <ScrollArea>
-                    <Table highlightOnHover stickyHeader>
-                        <Table.Thead>
-                          <Table.Tr>
-                            <Table.Th className="pl-3 pr-4 py-2">
-                              {renderSortableHeader('name', 'Name')}
-                            </Table.Th>
-                            <Table.Th className="px-4 py-2">
-                              {renderSortableHeader('description', 'Description')}
-                            </Table.Th>
-                            <Table.Th className="px-4 py-2" w={120}>
-                              {renderSortableHeader('size', 'Size')}
-                            </Table.Th>
-                            <Table.Th className="px-4 py-2" w={180}>
-                              {renderSortableHeader('updated', 'Updated')}
-                            </Table.Th>
-                            <Table.Th className="pl-4 pr-3 py-2 text-xs" ta="right" w={72}>
-                              Actions
-                            </Table.Th>
-                          </Table.Tr>
-                      </Table.Thead>
-                      <Table.Tbody>
-                        {sortedListingEntries.length === 0 && (
-                          <Table.Tr>
-                            <Table.Td colSpan={5}>
-                              <Text c="dimmed" py="xl" ta="center">
-                                {isLoading || isFetching
-                                  ? 'Loading project files...'
-                                  : 'No files found for this folder.'}
-                              </Text>
-                            </Table.Td>
-                          </Table.Tr>
-                        )}
-                        {sortedListingEntries.map((entry) => (
-                          <Table.Tr
-                            key={
-                              entry.type === 'directory'
-                                ? `dir-${entry.pathSegments.join('/')}`
-                                : entry.file.did
-                            }
-                            className={
-                              entry.type === 'file' && entry.file.did === selectedDid
-                                ? 'cursor-pointer bg-sky-50'
-                                : 'cursor-pointer'
-                            }
-                            onClick={() => handleEntryClick(entry)}
-                          >
-                            <Table.Td className="pl-3 pr-4 py-1">
-                              <div className="flex w-full items-center gap-2.5 px-1.5 py-1">
-                                {entry.type === 'directory' ? (
-                                  <IconFolder className="text-sky-600" size={16} />
-                                ) : (
-                                  <IconFile className="text-slate-500" size={16} />
-                                )}
-                                <div>
-                                  <Text fw={600} size="sm">
-                                    {entry.name}
-                                  </Text>
-                                  {entry.type === 'directory' && (
-                                    <Text c="dimmed" size="xs">
-                                      Directory
-                                    </Text>
-                                  )}
-                                </div>
-                              </div>
-                            </Table.Td>
-                            <Table.Td className="px-4 py-1">
-                              <Text c="dimmed" size="sm">
-                                {entry.type === 'directory'
-                                  ? 'Derived folder'
-                                  : truncateDescription(entry.file.description) ?? '—'}
-                              </Text>
-                            </Table.Td>
-                            <Table.Td className="px-4 py-1">
-                              <Text size="sm">
-                                {entry.type === 'directory'
-                                  ? '—'
-                                  : formatBytes(entry.file.size)}
-                              </Text>
-                            </Table.Td>
-                            <Table.Td className="px-4 py-1">
-                              <Text size="sm">
-                                {entry.type === 'directory'
-                                  ? '—'
-                                  : formatTimestamp(
-                                      entry.file.updatedTime ?? entry.file.createdTime,
-                                    )}
-                              </Text>
-                            </Table.Td>
-                            <Table.Td className="pl-4 pr-3 py-1">
-                              <Group justify="flex-end">
-                                {entry.type === 'file' ? (
-                                  <Group gap={4} justify="flex-end" wrap="nowrap">
-                                    {canOpenImageViewer(
-                                      entry.file,
-                                      repoFiles,
-                                      fileActions,
-                                    ) ? (
-                                      <ActionIcon
-                                        aria-label={`Open image viewer for ${entry.file.displayName}`}
-                                        color="teal"
-                                        onClick={(event) => {
-                                          event.stopPropagation();
-                                          openImageViewer(entry.file.did, fileActions);
-                                        }}
-                                        size="md"
-                                        variant="subtle"
-                                      >
-                                        <IconPhoto size={16} />
-                                      </ActionIcon>
-                                    ) : null}
-                                    <ActionIcon
-                                      aria-label={`Download ${entry.file.displayName}`}
-                                      onClick={(event) => {
-                                        event.stopPropagation();
-                                        openDownload(entry.file.did);
-                                      }}
-                                      size="md"
-                                      variant="subtle"
-                                    >
-                                      <IconDownload size={16} />
-                                    </ActionIcon>
-                                  </Group>
-                                ) : (
-                                  <Text c="dimmed" size="sm">
-                                    —
-                                  </Text>
-                                )}
-                              </Group>
-                            </Table.Td>
-                          </Table.Tr>
-                        ))}
-                      </Table.Tbody>
-                    </Table>
-                  </ScrollArea>
-                </Card>
-              )}
-            </Stack>
-          </Container>
-        </div>
-      </ProtectedContent>
-    </NavPageLayout>
-  );
-};
-
-export default OrganizationProjectPage;
diff --git a/packages/frontend/src/pages/OrganizationExplorer/OrganizationProject.unit.test.tsx b/packages/frontend/src/pages/OrganizationExplorer/OrganizationProject.unit.test.tsx
deleted file mode 100644
index ff8010e1..00000000
--- a/packages/frontend/src/pages/OrganizationExplorer/OrganizationProject.unit.test.tsx
+++ /dev/null
@@ -1,464 +0,0 @@
-import React from 'react';
-import { act, fireEvent, render, screen } from '@testing-library/react';
-import { MantineProvider } from '@mantine/core';
-import OrganizationProjectPage from './OrganizationProject';
-
-const pushMock = jest.fn();
-const openMock = jest.fn();
-const scrollToMock = jest.fn();
-const requestAnimationFrameMock = jest.fn((callback: FrameRequestCallback) => {
-  callback(0);
-  return 0;
-});
-const writeTextMock = jest.fn().mockResolvedValue(undefined);
-const useGetSyfonIndexRecordsQueryMock = jest.fn();
-const routerQuery = {
-  org: 'org-a',
-  project: 'proj-a',
-} as Record<string, string>;
-
-jest.mock('@gen3/core', () => ({
-  SYFON_API: '/data',
-  normalizeSyfonResourcePath: (resourcePath: string) =>
-    resourcePath.startsWith('/') ? resourcePath : `/${resourcePath}`,
-  useGetSyfonIndexRecordsQuery: (...args: unknown[]) =>
-    useGetSyfonIndexRecordsQueryMock(...args),
-}));
-
-jest.mock('../../features/Navigation', () => ({
-  NavPageLayout: ({ children }: { children: React.ReactNode }) => <>{children}</>,
-}));
-
-jest.mock('next/router', () => ({
-  useRouter: () => ({
-    push: pushMock,
-    query: routerQuery,
-  }),
-}));
-
-jest.mock('../../components/Protected/ProtectedContent', () => ({
-  __esModule: true,
-  default: ({ children }: { children: React.ReactNode }) => <>{children}</>,
-}));
-
-const layoutProps = {
-  footerProps: {
-    basePage: false,
-    rightSection: {
-      columns: [],
-      basePage: false,
-    },
-  },
-  headerProps: {
-    banners: [],
-    basePage: false,
-    leftnav: [],
-    navigation: { items: [] },
-    topBar: {
-      items: [],
-      loginButtonVisibility: undefined,
-      onToggle: jest.fn(),
-    },
-  },
-  headerMetadata: {
-    content: 'test',
-    key: 'test',
-    title: 'test',
-  },
-};
-
-describe('OrganizationProjectPage', () => {
-  beforeEach(() => {
-    pushMock.mockReset();
-    openMock.mockReset();
-    scrollToMock.mockReset();
-    requestAnimationFrameMock.mockClear();
-    writeTextMock.mockClear();
-    useGetSyfonIndexRecordsQueryMock.mockReset();
-    window.open = openMock;
-    window.scrollTo = scrollToMock;
-    window.requestAnimationFrame = requestAnimationFrameMock;
-    Object.assign(navigator, {
-      clipboard: {
-        writeText: writeTextMock,
-      },
-    });
-    routerQuery.org = 'org-a';
-    routerQuery.project = 'proj-a';
-    delete routerQuery.path;
-  });
-
-  it('requests Syfon records for the current org/project and renders repo entries', () => {
-    useGetSyfonIndexRecordsQueryMock.mockReturnValue({
-      data: {
-        directories: [{ name: 'nested', path: 'nested' }],
-        records: [
-          {
-            controlled_access: ['/organization/org-a/project/proj-a'],
-            did: 'did-2',
-            file_name: 'root.txt',
-            name: 'Root Display Name',
-            description: 'root file',
-            size: 20,
-          },
-        ],
-      },
-      isFetching: false,
-      isLoading: false,
-    });
-
-    render(
-      <MantineProvider>
-        <OrganizationProjectPage {...layoutProps} />
-      </MantineProvider>,
-    );
-
-    expect(useGetSyfonIndexRecordsQueryMock).toHaveBeenCalledWith(
-      {
-        limit: 1000,
-        organization: 'org-a',
-        project: 'proj-a',
-      },
-      { skip: false },
-    );
-
-    expect(screen.queryByText(/git drs remote add gen3 production org-a\/proj-a/i)).not.toBeInTheDocument();
-    expect(screen.getByText('nested')).toBeInTheDocument();
-    expect(screen.getByText('Root Display Name')).toBeInTheDocument();
-
-    fireEvent.click(screen.getByText('nested'));
-    expect(pushMock).toHaveBeenCalled();
-  });
-
-  it('does not show git-specific remote add controls in syfon view', () => {
-    useGetSyfonIndexRecordsQueryMock.mockReturnValue({
-      data: { directories: [], records: [] },
-      isFetching: false,
-      isLoading: false,
-    });
-
-    render(
-      <MantineProvider>
-        <OrganizationProjectPage {...layoutProps} />
-      </MantineProvider>,
-    );
-
-    expect(
-      screen.queryByRole('button', { name: /remote add/i }),
-    ).not.toBeInTheDocument();
-  });
-
-  it('copies the current repository path and searches files in memory', async () => {
-    useGetSyfonIndexRecordsQueryMock.mockReturnValue({
-      data: {
-        directories: [],
-        records: [
-          {
-            controlled_access: ['/organization/org-a/project/proj-a'],
-            did: 'did-go-mod',
-            file_name: 'nested/go.mod',
-            name: 'go.mod',
-            size: 10,
-          },
-          {
-            controlled_access: ['/organization/org-a/project/proj-a'],
-            did: 'did-readme',
-            file_name: 'README.md',
-            name: 'README.md',
-            size: 20,
-          },
-        ],
-      },
-      isFetching: false,
-      isLoading: false,
-    });
-
-    render(
-      <MantineProvider>
-        <OrganizationProjectPage {...layoutProps} />
-      </MantineProvider>,
-    );
-
-    await act(async () => {
-      fireEvent.click(screen.getByLabelText('Copy repository path'));
-    });
-
-    expect(writeTextMock).toHaveBeenCalledWith('org-a/proj-a');
-
-    fireEvent.change(screen.getByPlaceholderText('Go to file'), {
-      target: { value: 'go.mod' },
-    });
-
-    expect(screen.getByText('nested/go.mod')).toBeInTheDocument();
-
-    await act(async () => {
-      fireEvent.click(screen.getByText('nested/go.mod'));
-    });
-
-    expect(pushMock).toHaveBeenCalledWith(
-      {
-        pathname: '/organization/[org]/project/[project]',
-        query: {
-          file: 'did-go-mod',
-          org: 'org-a',
-          path: 'nested',
-          project: 'proj-a',
-        },
-      },
-      undefined,
-      { shallow: true },
-    );
-  });
-
-  it('shows file metadata when a file is selected', () => {
-    useGetSyfonIndexRecordsQueryMock.mockReturnValue({
-      data: {
-        directories: [],
-        records: [
-          {
-            access_methods: [
-              {
-                access_url: { url: 'https://example.org/root.txt' },
-                type: 's3',
-              },
-            ],
-            controlled_access: ['/organization/org-a/project/proj-a'],
-            did: 'did-2',
-            file_name: 'root.txt',
-            hashes: { sha256: 'abc' },
-            name: 'Root Display Name',
-            size: 20,
-          },
-        ],
-      },
-      isFetching: false,
-      isLoading: false,
-    });
-
-    render(
-      <MantineProvider>
-        <OrganizationProjectPage {...layoutProps} />
-      </MantineProvider>,
-    );
-
-    Object.defineProperty(window, 'scrollY', {
-      configurable: true,
-      value: 480,
-      writable: true,
-    });
-
-    fireEvent.click(screen.getByText('Root Display Name'));
-
-    expect(screen.getByText('File Details')).toBeInTheDocument();
-    expect(screen.getByText('did-2')).toBeInTheDocument();
-    expect(screen.getByText(/sha256:/i)).toBeInTheDocument();
-    expect(screen.getByText('Back to files')).toBeInTheDocument();
-    expect(screen.queryByText('Name')).not.toBeInTheDocument();
-    expect(screen.getByText('Repository Path')).toBeInTheDocument();
-    expect(scrollToMock).toHaveBeenCalledWith({ behavior: 'auto', top: 0 });
-
-    fireEvent.click(screen.getByText('Back to files'));
-    expect(screen.getByText('Name')).toBeInTheDocument();
-    expect(scrollToMock).toHaveBeenLastCalledWith({
-      behavior: 'auto',
-      top: 480,
-    });
-  });
-
-  it('hides the repo path when the Syfon name already matches the derived file name', () => {
-    useGetSyfonIndexRecordsQueryMock.mockReturnValue({
-      data: {
-        directories: [],
-        records: [
-          {
-            controlled_access: ['/organization/org-a/project/proj-a'],
-            did: 'did-3',
-            file_name: 'exact-match.txt',
-            name: 'exact-match.txt',
-            size: 10,
-          },
-        ],
-      },
-      isFetching: false,
-      isLoading: false,
-    });
-
-    render(
-      <MantineProvider>
-        <OrganizationProjectPage {...layoutProps} />
-      </MantineProvider>,
-    );
-
-    fireEvent.click(screen.getByText('exact-match.txt'));
-
-    expect(screen.queryByText('Repository Path')).not.toBeInTheDocument();
-  });
-
-  it('downloads from the far-right table action without opening details', () => {
-    useGetSyfonIndexRecordsQueryMock.mockReturnValue({
-      data: {
-        directories: [],
-        records: [
-          {
-            controlled_access: ['/organization/org-a/project/proj-a'],
-            did: 'did-4',
-            file_name: 'downloadable.txt',
-            name: 'downloadable.txt',
-            size: 10,
-          },
-        ],
-      },
-      isFetching: false,
-      isLoading: false,
-    });
-
-    render(
-      <MantineProvider>
-        <OrganizationProjectPage {...layoutProps} />
-      </MantineProvider>,
-    );
-
-    fireEvent.click(screen.getByLabelText('Download downloadable.txt'));
-
-    expect(openMock).toHaveBeenCalledWith(
-      '/data/download/did-4?redirect=true',
-      '_blank',
-      'noopener,noreferrer',
-    );
-    expect(screen.queryByText('File Details')).not.toBeInTheDocument();
-    expect(screen.getByText('Name')).toBeInTheDocument();
-  });
-
-  it('shows an image viewer action for ome.tiff files with matching offsets files', () => {
-    useGetSyfonIndexRecordsQueryMock.mockReturnValue({
-      data: {
-        directories: [],
-        records: [
-          {
-            controlled_access: ['/organization/org-a/project/proj-a'],
-            did: 'did-image',
-            file_name: 'sample.ome.tiff',
-            name: 'sample.ome.tiff',
-            size: 10,
-          },
-          {
-            controlled_access: ['/organization/org-a/project/proj-a'],
-            did: 'did-offsets',
-            file_name: 'sample.offsets.json',
-            name: 'sample.offsets.json',
-            size: 5,
-          },
-        ],
-      },
-      isFetching: false,
-      isLoading: false,
-    });
-
-    render(
-      <MantineProvider>
-        <OrganizationProjectPage {...layoutProps} />
-      </MantineProvider>,
-    );
-
-    fireEvent.click(
-      screen.getByLabelText('Open image viewer for sample.ome.tiff'),
-    );
-
-    expect(openMock).toHaveBeenCalledWith(
-      '/image-viewer/view/did-image',
-      '_blank',
-      'noopener,noreferrer',
-    );
-  });
-
-  it('sorts files by updated timestamp when the Updated header is clicked', () => {
-    useGetSyfonIndexRecordsQueryMock.mockReturnValue({
-      data: {
-        directories: [],
-        records: [
-          {
-            controlled_access: ['/organization/org-a/project/proj-a'],
-            did: 'did-old',
-            file_name: 'old.txt',
-            name: 'old.txt',
-            updated_time: '2024-01-01T00:00:00Z',
-          },
-          {
-            controlled_access: ['/organization/org-a/project/proj-a'],
-            did: 'did-new',
-            file_name: 'new.txt',
-            name: 'new.txt',
-            updated_time: '2025-01-01T00:00:00Z',
-          },
-        ],
-      },
-      isFetching: false,
-      isLoading: false,
-    });
-
-    render(
-      <MantineProvider>
-        <OrganizationProjectPage {...layoutProps} />
-      </MantineProvider>,
-    );
-
-    fireEvent.click(screen.getByRole('button', { name: 'Updated' }));
-
-    const rows = screen.getAllByRole('row');
-    expect(rows[1]).toHaveTextContent('new.txt');
-    expect(rows[2]).toHaveTextContent('old.txt');
-
-    fireEvent.click(screen.getByRole('button', { name: 'Updated' }));
-
-    const descendingRows = screen.getAllByRole('row');
-    expect(descendingRows[1]).toHaveTextContent('old.txt');
-    expect(descendingRows[2]).toHaveTextContent('new.txt');
-  });
-
-  it('renders breadcrumb navigation for the current path and opens the scoped upload modal', async () => {
-    routerQuery.path = 'nested/leaf';
-    useGetSyfonIndexRecordsQueryMock.mockReturnValue({
-      data: { directories: [], records: [] },
-      isFetching: false,
-      isLoading: false,
-    });
-
-    render(
-      <MantineProvider>
-        <OrganizationProjectPage {...layoutProps} />
-      </MantineProvider>,
-    );
-
-    expect(screen.getByRole('button', { name: 'proj-a' })).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: 'nested' })).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: 'leaf' })).toBeInTheDocument();
-
-    fireEvent.click(screen.getByRole('button', { name: 'nested' }));
-    expect(pushMock).toHaveBeenCalledWith(
-      {
-        pathname: '/organization/[org]/project/[project]',
-        query: {
-          org: 'org-a',
-          project: 'proj-a',
-          path: 'nested',
-        },
-      },
-      undefined,
-      { shallow: true },
-    );
-
-    expect(
-      screen.queryByRole('button', { name: 'Upload files' }),
-    ).not.toBeInTheDocument();
-
-    expect(useGetSyfonIndexRecordsQueryMock).toHaveBeenCalledWith(
-      {
-        limit: 1000,
-        organization: 'org-a',
-        path: 'nested/leaf',
-        project: 'proj-a',
-      },
-      { skip: false },
-    );
-  });
-});
diff --git a/packages/frontend/src/pages/OrganizationExplorer/index.ts b/packages/frontend/src/pages/OrganizationExplorer/index.ts
index 9be694bc..983c597f 100644
--- a/packages/frontend/src/pages/OrganizationExplorer/index.ts
+++ b/packages/frontend/src/pages/OrganizationExplorer/index.ts
@@ -1,3 +1,2 @@
 export { default as OrganizationLandingPage } from './OrganizationLanding';
-export { default as OrganizationProjectPage } from './OrganizationProject';
 export { OrganizationExplorerPageGetServerSideProps } from './data';
diff --git a/packages/frontend/src/pages/Workspace/index.ts b/packages/frontend/src/pages/Workspace/index.ts
index ae896047..09fb8b70 100644
--- a/packages/frontend/src/pages/Workspace/index.ts
+++ b/packages/frontend/src/pages/Workspace/index.ts
@@ -1,6 +1,5 @@
-import WorkspaceNoAccessPage from './WorkspaceNoAccess';
 export { default } from './Workspace';
-export { WorkspaceNoAccessPage };
+export { default as WorkspaceNoAccessPage } from './WorkspaceNoAccess';
 export {
   WorkspacePageGetServerSideProps,
   WorkspaceNoAccessPageServerSideProps,
diff --git a/packages/frontend/src/types/gen3-core-gecko.d.ts b/packages/frontend/src/types/gen3-core-gecko.d.ts
index eef7ee5e..ef79f163 100644
--- a/packages/frontend/src/types/gen3-core-gecko.d.ts
+++ b/packages/frontend/src/types/gen3-core-gecko.d.ts
@@ -233,6 +233,18 @@ declare module '@gen3/core' {
     readonly project_id: string;
     readonly ref: string;
     readonly path: string;
+    readonly entry_count: number;
+    readonly truncated?: boolean;
+    readonly entries: Array<GeckoGitTreeEntry>;
+  }
+
+  export interface GeckoGitManifestResponse {
+    readonly project_id: string;
+    readonly ref: string;
+    readonly path: string;
+    readonly entry_count: number;
+    readonly has_more: boolean;
+    readonly next_cursor?: string;
     readonly entries: Array<GeckoGitTreeEntry>;
   }
 
@@ -461,6 +473,11 @@ declare module '@gen3/core' {
       project: string;
       path?: string;
       ref?: string;
+      include_size?: boolean;
+      include_last_modified?: boolean;
+      include_lfs_pointer?: boolean;
+      view?: 'manifest';
+      limit?: number;
     },
     options?: { skip?: boolean },
   ): {
@@ -469,6 +486,23 @@ declare module '@gen3/core' {
     refetch: () => Promise<unknown>;
   };
 
+  export function useGetGeckoGitProjectManifestQuery(
+    args: {
+      organization: string;
+      project: string;
+      path?: string;
+      ref?: string;
+      cursor?: string;
+      files_only?: boolean;
+      limit?: number;
+    },
+    options?: { skip?: boolean },
+  ): {
+    data?: GeckoGitManifestResponse;
+    isLoading: boolean;
+    refetch: () => Promise<unknown>;
+  };
+
   export function useGetGeckoGitProjectFileQuery(
     args: {
       organization: string;
diff --git a/packages/frontend/src/types/gen3-core-syfon.d.ts b/packages/frontend/src/types/gen3-core-syfon.d.ts
index 43b5210d..ba5b9230 100644
--- a/packages/frontend/src/types/gen3-core-syfon.d.ts
+++ b/packages/frontend/src/types/gen3-core-syfon.d.ts
@@ -140,6 +140,12 @@ declare module '@gen3/core' {
     resolved_drs_object?: Array<SyfonDrsObject>;
   }
 
+  export interface SyfonBulkDeleteDrsObjectsArgs {
+    bulk_object_ids: Array<string>;
+    delete_object_metadata?: boolean;
+    delete_storage_data?: boolean;
+  }
+
   export interface SyfonIndexRecord {
     access_methods?: Array<SyfonAccessMethod>;
     controlled_access?: Array<string>;
@@ -275,6 +281,11 @@ declare module '@gen3/core' {
       objectId: string,
     ) => { unwrap: () => Promise<void> },
   ];
+  export function useBulkDeleteSyfonDrsObjectsMutation(): [
+    (
+      args: SyfonBulkDeleteDrsObjectsArgs,
+    ) => { unwrap: () => Promise<void> },
+  ];
   export function useLazyGetSyfonDownloadUrlQuery(): [
     (
       objectId: string,
diff --git a/packages/frontend/src/utils/time.ts b/packages/frontend/src/utils/time.ts
index eb96c95d..b56111f6 100644
--- a/packages/frontend/src/utils/time.ts
+++ b/packages/frontend/src/utils/time.ts
@@ -57,7 +57,7 @@ const isTimeGreaterThan = (startTime: number, minutes: number): boolean => {
 };
 
 // Get human-readable duration
-const getReadableDuration = (milliseconds: number): string => {
+export const getReadableDuration = (milliseconds: number): string => {
   const seconds = Math.floor(milliseconds / 1000);
   const minutes = Math.floor(seconds / 60);
   const hours = Math.floor(minutes / 60);
diff --git a/packages/sampleCommons/config/datacommons/navigation.json b/packages/sampleCommons/config/datacommons/navigation.json
index 99678c45..283f0911 100644
--- a/packages/sampleCommons/config/datacommons/navigation.json
+++ b/packages/sampleCommons/config/datacommons/navigation.json
@@ -31,12 +31,6 @@
         "name": "Exploration",
         "tooltip": "The Exploration Page enables discovery of the data at the subject level and features a cohort builder."
       },
-      {
-        "icon": "gen3:query",
-        "href": "/Query",
-        "name": "Query",
-        "tooltip": "Query the databases using GraphiQL."
-      },
       {
         "icon": "gen3:analysis",
         "href": "/Analysis",
diff --git a/packages/sampleCommons/config/gen3/navigation.json b/packages/sampleCommons/config/gen3/navigation.json
index 81710ce0..57479437 100644
--- a/packages/sampleCommons/config/gen3/navigation.json
+++ b/packages/sampleCommons/config/gen3/navigation.json
@@ -49,12 +49,6 @@
         "name": "SMMART",
         "tooltip": "SMMART"
       },
-      {
-        "icon": "gen3:query",
-        "href": "/Query",
-        "name": "Query",
-        "tooltip": "Query the databases using GraphiQL."
-      },
       {
         "icon": "gen3:analysis",
         "href": "/Analysis",
diff --git a/packages/sampleCommons/package.json b/packages/sampleCommons/package.json
index 0c573a66..5d1b22df 100644
--- a/packages/sampleCommons/package.json
+++ b/packages/sampleCommons/package.json
@@ -8,7 +8,7 @@
     "dev": "next dev --webpack",
     "devssh": "next dev --webpack --port 3010 --experimental-https --experimental-https-key /Users/craigrbarnes/ssl_certs/key.pem --experimental-https-cert /Users/craigrbarnes/ssl_certs/cert.pem ",
     "clean": "rm -rf .next && rm -rf out",
-    "build": "next build",
+    "build": "next build --webpack",
     "start": "next start",
     "build:colors": "node ../../node_modules/@gen3/toolsff/dist/buildColors.esm.js --themeFile=config/$npm_config_commons/colors.json --out=config/$npm_config_commons",
     "build:colors:noshift": "node ../../node_modules/@gen3/toolsff/dist/buildColors.esm.js --themeFile=config/$npm_config_commons/colors.json --out=config/$npm_config_commons --colorShift=0 --colorSaturation=100",
diff --git a/packages/sampleCommons/src/pages/_app.tsx b/packages/sampleCommons/src/pages/_app.tsx
index 0c76f7bf..84205720 100644
--- a/packages/sampleCommons/src/pages/_app.tsx
+++ b/packages/sampleCommons/src/pages/_app.tsx
@@ -37,7 +37,11 @@ import drsHostnames from '../../config/drsHostnames.json';
 import { loadContent } from '@/lib/content/loadContent';
 import Loading from '../components/Loading';
 
-if (typeof window !== 'undefined' && process.env.NODE_ENV !== 'production') {
+if (
+  typeof window !== 'undefined' &&
+  process.env.NODE_ENV !== 'production' &&
+  process.env.NEXT_PUBLIC_ENABLE_AXE === 'true'
+) {
   // eslint-disable-next-line @typescript-eslint/no-require-imports
   const ReactDOM = require('react-dom');
   // eslint-disable-next-line @typescript-eslint/no-require-imports
diff --git a/packages/sampleCommons/src/pages/org/[org]/project/[project]/lake.tsx b/packages/sampleCommons/src/pages/org/[org]/project/[project]/lake.tsx
deleted file mode 100644
index 779db645..00000000
--- a/packages/sampleCommons/src/pages/org/[org]/project/[project]/lake.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import {
-  OrganizationExplorerPageGetServerSideProps as getServerSideProps,
-  OrganizationProjectPage,
-} from '@gen3/frontend';
-
-export default OrganizationProjectPage;
-export { getServerSideProps };
diff --git a/packages/sampleCommons/src/pages/org/[org]/project/[project]/storage.tsx b/packages/sampleCommons/src/pages/org/[org]/project/[project]/storage.tsx
new file mode 100644
index 00000000..c33dbc63
--- /dev/null
+++ b/packages/sampleCommons/src/pages/org/[org]/project/[project]/storage.tsx
@@ -0,0 +1,7 @@
+import {
+  FileSummaryPage,
+  FileSummaryPageGetServerSideProps as getServerSideProps,
+} from '@gen3/frontend';
+
+export default FileSummaryPage;
+export { getServerSideProps };