From bad3812057d091b67df1a68db54ed610d5673c05 Mon Sep 17 00:00:00 2001
From: matthewpeterkort <matthewpeterkort@gmail.com>
Date: Thu, 25 Jun 2026 15:51:01 -0700
Subject: [PATCH 01/22] add storage summary page

---
 packages/core/src/features/gecko/geckoApi.ts  |  104 +-
 packages/core/src/features/syfon/syfonApi.ts  |   25 +
 packages/core/src/features/syfon/types.ts     |    6 +
 .../src/components/Modals/LoginModal.tsx      |    2 +-
 .../components/Protected/ProtectedContent.tsx |    4 +-
 .../Navigation/ProjectWorkspaceTabs.tsx       |  199 +-
 .../src/features/Navigation/Sidebar.tsx       |   69 +-
 .../presentationPage.unit.test.tsx            |   51 +-
 packages/frontend/src/lib/session/session.tsx |   50 +
 .../src/pages/FileSummary/FileSummary.tsx     | 1865 +++++++++++++++--
 .../frontend/src/pages/FileSummary/hooks.tsx  | 1672 +++++++++++++--
 .../src/pages/FileSummary/hooks.unit.test.ts  |  114 +
 .../src/pages/FileSummary/storageUtils.ts     |   81 +
 .../frontend/src/pages/FileSummary/types.ts   |   31 +-
 .../src/pages/GitExplorer/GitProject.tsx      |    3 +
 .../GitExplorer/GitProject.unit.test.tsx      |   27 +-
 .../OrganizationProject.tsx                   |  330 +--
 .../OrganizationProject.unit.test.tsx         |   57 +-
 .../frontend/src/types/gen3-core-gecko.d.ts   |   34 +
 .../frontend/src/types/gen3-core-syfon.d.ts   |   11 +
 .../config/datacommons/navigation.json        |    6 -
 .../sampleCommons/config/gen3/navigation.json |    6 -
 .../org/[org]/project/[project]/storage.tsx   |    7 +
 23 files changed, 4030 insertions(+), 724 deletions(-)
 create mode 100644 packages/frontend/src/pages/FileSummary/hooks.unit.test.ts
 create mode 100644 packages/frontend/src/pages/FileSummary/storageUtils.ts
 create mode 100644 packages/sampleCommons/src/pages/org/[org]/project/[project]/storage.tsx

diff --git a/packages/core/src/features/gecko/geckoApi.ts b/packages/core/src/features/gecko/geckoApi.ts
index c632bd72..2d2a08ca 100644
--- a/packages/core/src/features/gecko/geckoApi.ts
+++ b/packages/core/src/features/gecko/geckoApi.ts
@@ -272,6 +272,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>;
 }
 
@@ -993,11 +1005,47 @@ 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: ({ organization, project, path, ref }) => {
+      query: ({
+        organization,
+        project,
+        path,
+        ref,
+        include_size,
+        include_last_modified,
+        include_lfs_pointer,
+        view,
+        limit,
+      }) => {
         const normalizedPath = path?.trim().replace(/^\/+|\/+$/g, '');
-        const query = ref ? `?ref=${encodeURIComponent(ref)}` : '';
+        const queryParams = new URLSearchParams();
+        if (ref) {
+          queryParams.set('ref', ref);
+        }
+        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 (typeof include_lfs_pointer === 'boolean') {
+          queryParams.set('include_lfs_pointer', String(include_lfs_pointer));
+        }
+        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('/')
@@ -1053,6 +1101,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/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/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..cdeb0e57 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,9 @@ interface ProjectWorkspaceTabsProps {
   readonly gitHref?: string;
   readonly presentationHref?: string;
   readonly explorerHref?: string;
+  readonly storageHref?: string;
 }
 
-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 +25,8 @@ const ProjectWorkspaceTabs = ({
   gitHref,
   presentationHref,
   explorerHref,
+  storageHref,
 }: 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 +68,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 +78,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 +94,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 +113,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 +127,34 @@ 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}
+        <div
+          aria-label={`Project workspaces for ${organization}/${project}`}
+          className="flex min-h-[3rem] gap-5 px-4"
+          role="tablist"
         >
-          <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]"
+          {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}
-                value={tab.key}
+                role="tab"
               >
                 {tab.label}
-              </Tabs.Tab>
-            ))}
-          </Tabs.List>
-        </Tabs>
+              </Link>
+            );
+          })}
+        </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..e69ec6e2 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 &&
@@ -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/lib/session/session.tsx b/packages/frontend/src/lib/session/session.tsx
index 0b51be82..c4bd6eeb 100644
--- a/packages/frontend/src/lib/session/session.tsx
+++ b/packages/frontend/src/lib/session/session.tsx
@@ -33,9 +33,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');
@@ -197,6 +216,7 @@ export const SessionProvider = ({
 
   const [mostRecentActivityTimestamp, setMostRecentActivityTimestamp] =
     useState(Date.now());
+  const forcedLogoutInFlightRef = useRef(false);
 
   const broadcastChannelRef = useRef<BroadcastChannel | null>(null);
 
@@ -268,6 +288,36 @@ export const SessionProvider = ({
     [getUserDetails, router],
   );
 
+  useEffect(() => {
+    if (typeof window === 'undefined') {
+      return undefined;
+    }
+
+    const handleForcedLogout = (event: Event) => {
+      if (forcedLogoutInFlightRef.current) {
+        return;
+      }
+
+      forcedLogoutInFlightRef.current = true;
+      const customEvent = event as CustomEvent<{ showLoginModal?: boolean }>;
+
+      if (customEvent.detail?.showLoginModal) {
+        const LoginModal = (Modals as Record<string, any>).LoginModal;
+        coreDispatch(showModal({ modal: LoginModal }));
+      }
+
+      void endSession(false).finally(() => {
+        forcedLogoutInFlightRef.current = false;
+      });
+    };
+
+    window.addEventListener(FORCE_LOGOUT_EVENT, handleForcedLogout);
+
+    return () => {
+      window.removeEventListener(FORCE_LOGOUT_EVENT, handleForcedLogout);
+    };
+  }, [coreDispatch, endSession]);
+
   const updateSession = useCallback(() => {
     const updateSessionWithUserStatus = async () => {
       try {
diff --git a/packages/frontend/src/pages/FileSummary/FileSummary.tsx b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
index 4452c12e..c0c90d57 100644
--- a/packages/frontend/src/pages/FileSummary/FileSummary.tsx
+++ b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
@@ -1,172 +1,1767 @@
-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, { useEffect, useMemo, useState } from 'react';
+import { useRouter } from 'next/router';
+import {
+  ActionIcon,
+  Alert,
+  Badge,
+  Button,
+  Center,
+  Container,
+  Group,
+  Loader,
+  Menu,
+  Modal,
+  Progress,
+  Select,
+  Stack,
+  Table,
+  Text,
+  Title,
+} from '@mantine/core';
+import {
+  IconAlertCircle,
+  IconChevronRight,
+  IconFile,
+  IconFolder,
+  IconRefresh,
+  IconSelector,
+} from '@tabler/icons-react';
 import ProtectedContent from '../../components/Protected/ProtectedContent';
-
+import { NavPageLayout, ProjectWorkspaceTabs } from '../../features/Navigation';
 import { formatBytes } from '../../utils/labels';
-import { convertSlicePointsToRangeMap } from './bindata';
 import { FileSummaryPageProps } from './types';
 import {
-  useProjectsQuery,
-  useFileAggsQuery,
-  useFilesFromBinQuery,
-  useFileTypesHistogramQuery,
+  type ProjectDiffFinding,
+  type ProjectDiffFindingKind,
+  type StorageCleanupFinding,
+  type StorageCleanupFindingKind,
+  useFileSummaryProjectOptions,
+  useSyfonProjectDiff,
+  useSyfonPathStorageSummary,
+  useSyfonStorageCleanup,
 } from './hooks';
+import { splitProjectSelectionValue, type StoragePathRow } from './storageUtils';
+
+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 getPathSegments = (path: string): Array<string> =>
+  path.split('/').filter(Boolean);
+
+type BreadcrumbItem = {
+  readonly label: string;
+  readonly path: string;
+};
+
+type StorageSortKey =
+  | 'name'
+  | 'type'
+  | 'sizeBytes'
+  | 'fileCount'
+  | 'downloadCount'
+  | 'lastDownload'
+  | 'lastUpdated';
+
+type StorageSortDirection = 'asc' | 'desc';
+
+const formatCleanupFindingLabel = (value: string): string =>
+  value
+    .split('_')
+    .filter(Boolean)
+    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))
+    .join(' ');
+
+const formatProbeResolution = (
+  status?: string,
+): string => {
+  return status?.trim() || 'unknown';
+};
+
+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;
+};
+
+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 - right.downloadCount;
+      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;
+};
+
+const getCleanupFindingColor = (
+  kind: StorageCleanupFindingKind,
+): string => {
+  switch (kind) {
+    case 'stale_duplicate_record':
+      return 'orange';
+    case 'broken_access_url_error':
+      return 'red';
+    case 'live_duplicate_conflict':
+      return 'yellow';
+    case 'storage_probe_error':
+      return 'red';
+    case 'repo_orphan_live_object':
+    case 'repo_orphan_stale_record':
+      return 'grape';
+    default:
+      return 'gray';
+  }
+};
+
+const getProjectDiffFindingColor = (
+  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';
+  }
+};
+
+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 actionLabel?: string;
+};
+
+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;
+    readonly actionLabel?: 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.',
+      actionLabel: 'Verify duplicates',
+    },
+    {
+      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.',
+      actionLabel: 'Prepare delete',
+    },
+    {
+      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.',
+    },
+  ];
+
+  const summaries: Array<ProjectDiffIssueSummary | null> = groups.map((group) => {
+      const matched = findings.filter((finding) =>
+        group.findingKinds.includes(finding.kind),
+      );
+      if (matched.length === 0) {
+        return null;
+      }
+
+      const pathCount = matched.length;
+      const objectCount = new Set(
+        matched.flatMap((finding) => finding.objectIds),
+      ).size;
+      const recordCount = matched.reduce(
+        (sum, finding) => sum + (finding.recordCount || 0),
+        0,
+      );
+      const totalBytes = matched.reduce(
+        (sum, finding) => sum + (finding.sizeBytes ?? 0),
+        0,
+      );
+
+      return {
+        actionLabel: group.actionLabel,
+        color: group.color,
+        description: group.description,
+        findingKinds: group.findingKinds,
+        id: group.id,
+        objectCount,
+        pathCount,
+        recommendation: group.recommendation,
+        recordCount,
+        title: group.title,
+        totalBytes,
+      };
+    });
+
+  return summaries.filter(
+    (item): item is ProjectDiffIssueSummary => item !== null,
+  );
+};
+
+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;
+};
+
+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: '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: '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 {
+        id: group.id,
+        title: group.title,
+        color: group.color,
+        findingKinds: group.findingKinds,
+        pathCount: paths.size,
+        recordCount,
+        objectCount: objects.size,
+        totalBytes,
+        bucketCount: buckets.size,
+        sampleBuckets: Array.from(buckets).sort().slice(0, 3),
+        description: group.description,
+        recommendation: group.recommendation,
+      };
+    })
+    .filter((item): item is CleanupIssueSummary => item !== null);
+};
 
 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 {
+    defaultSelection,
+    isLoading: isProjectsLoading,
+    options: projectOptions,
+  } = useFileSummaryProjectOptions(filesummaryConfig);
+  const [selectedProject, setSelectedProject] = useState('');
+  const [currentPath, setCurrentPath] = useState(
+    filesummaryConfig?.defaultPath?.trim() ?? '',
   );
-  const [selectedRange, setSelectedRange] = useState<number[]>(
-    filesummaryConfig?.binslicePoints.slice(0, 2) ?? [],
+  const [selectedCleanupIssueId, setSelectedCleanupIssueId] = useState<string | null>(null);
+  const [selectedDiffIssueId, setSelectedDiffIssueId] = useState<string | null>(null);
+  const [repoOrphanDeleteModalOpen, setRepoOrphanDeleteModalOpen] =
+    useState(false);
+  const [auditModalOpen, setAuditModalOpen] = useState(false);
+  const [storageSortKey, setStorageSortKey] = useState<StorageSortKey>('sizeBytes');
+  const [storageSortDirection, setStorageSortDirection] =
+    useState<StorageSortDirection>('desc');
+
+  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 { fdata, fisLoading, fisError } = useFileAggsQuery(
-    filesummaryConfig?.binslicePoints ?? [],
-    selectedProject,
+  const breadcrumbSegments = useMemo(
+    () => getPathSegments(currentPath),
+    [currentPath],
   );
+  const breadcrumbItems = useMemo<Array<BreadcrumbItem>>(() => {
+    if (!selectedProjectParts) {
+      return [];
+    }
+
+    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>,
+      };
+    }
 
-  const { fbindata, fbinisLoading, fbinisError } = useFilesFromBinQuery(
-    selectedProject,
-    selectedRange,
-    filesummaryConfig?.config ?? {},
-    selectedCategory,
+    return {
+      leadingItems: [
+        breadcrumbItems[0],
+        ...breadcrumbItems.slice(-4),
+      ],
+      hiddenItems: breadcrumbItems.slice(1, -4),
+    };
+  }, [breadcrumbItems]);
+  const { data, error, isLoading, refresh } = useSyfonPathStorageSummary({
+    config: filesummaryConfig,
+    currentPath,
+    projectSelection: selectedProject,
+  });
+  const {
+    auditError: diffAuditError,
+    auditResult: diffAuditResult,
+    clearAudit: clearDiffAudit,
+    isAuditing: isDiffAuditing,
+    runAudit: runProjectDiffAudit,
+  } = useSyfonProjectDiff({
+    config: filesummaryConfig,
+    currentPath,
+    projectSelection: selectedProject,
+  });
+  const {
+    applyCleanup,
+    applyError,
+    applyResult,
+    auditError,
+    auditResult,
+    clearCleanupResults,
+    deleteBrokenRecords,
+    isApplying,
+    isAuditing,
+    rerunAudit,
+    runAudit,
+  } = useSyfonStorageCleanup({
+    config: filesummaryConfig,
+    currentPath,
+    projectSelection: selectedProject,
+  });
+
+  useEffect(() => {
+    clearDiffAudit();
+    clearCleanupResults();
+  }, [clearCleanupResults, clearDiffAudit, currentPath, selectedProject]);
+
+  useEffect(() => {
+    setSelectedCleanupIssueId(null);
+    setSelectedDiffIssueId(null);
+  }, [auditResult?.pathPrefix, currentPath, selectedProject]);
+
+  const pageTitle = selectedProjectParts
+    ? `${selectedProjectParts.organization}/${selectedProjectParts.project}`
+    : 'Storage Monitor';
+  const pathLabel = currentPath || '/';
+  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 diffIssueSummaries = useMemo(
+    () => summarizeProjectDiffIssues(diffAuditResult?.findings ?? []),
+    [diffAuditResult?.findings],
+  );
+  const selectedDiffIssue = diffIssueSummaries.find(
+    (issue) => issue.id === selectedDiffIssueId,
+  ) ?? null;
+  const selectedDiffPaths = useMemo(
+    () =>
+      (diffAuditResult?.findings ?? [])
+        .filter((finding) =>
+          selectedDiffIssue
+            ? selectedDiffIssue.findingKinds.includes(finding.kind)
+            : false,
+        )
+        .map((finding) => finding.normalizedPath),
+    [diffAuditResult?.findings, selectedDiffIssue],
+  );
+  const hasCleanupFindings = (auditResult?.summary.totalFindings ?? 0) > 0;
+  const cleanupIssueSummaries = useMemo(
+    () => summarizeCleanupIssues(auditResult?.findings ?? []),
+    [auditResult?.findings],
+  );
+  const selectedCleanupIssue = cleanupIssueSummaries.find(
+    (issue) => issue.id === selectedCleanupIssueId,
+  ) ?? null;
+  const visibleCleanupFindings = useMemo(() => {
+    if (!auditResult) {
+      return [];
+    }
 
-  const { ftdata, ftisLoading, ftisError } =
-    useFileTypesHistogramQuery(selectedProject);
+    if (!selectedCleanupIssue) {
+      return auditResult.findings;
+    }
 
-  if (isError || fisError || fbinisError || ftisError) {
-    return <Text> Error occurred while fetching file metadata </Text>;
-  }
+    return auditResult.findings.filter((finding) =>
+      selectedCleanupIssue.findingKinds.includes(finding.kind),
+    );
+  }, [auditResult, selectedCleanupIssue]);
+  const brokenRecordObjectIds = useMemo(
+    () =>
+      Array.from(
+        new Set(
+          visibleCleanupFindings
+            .filter((finding) => finding.kind === 'broken_access_url_error')
+            .flatMap((finding) =>
+              finding.records
+                .filter((record) => record.cleanupScope !== 'access_url')
+                .map((record) => record.objectId),
+            ),
+        ),
+      ),
+    [visibleCleanupFindings],
+  );
+  const canDeleteBrokenRecords =
+    selectedDiffIssue?.id === 'syfon-only' &&
+    selectedCleanupIssue?.id === 'broken-access-urls' &&
+    brokenRecordObjectIds.length > 0;
+  const isDuplicateVerificationContext =
+    selectedDiffIssue?.id === 'duplicate-syfon-paths';
+  const hasSafeDuplicateCleanup =
+    cleanupIssueSummaries.some((issue) => issue.id === 'stale-duplicates');
+  const hiddenCleanupFindingCount = useMemo(() => {
+    if (!auditResult) {
+      return 0;
+    }
+
+    const visibleKinds = new Set(
+      cleanupIssueSummaries.flatMap((issue) => issue.findingKinds),
+    );
+    return auditResult.findings.filter((finding) => !visibleKinds.has(finding.kind))
+      .length;
+  }, [auditResult, cleanupIssueSummaries]);
+  const repoOrphanDeletePlan = useMemo(() => {
+    if (!auditResult) {
+      return {
+        metadataOnlyObjectIds: [] as Array<string>,
+        purgeObjectIds: [] as Array<string>,
+        purgeUrls: [] as Array<string>,
+      };
+    }
 
-  const handleProjectSelection = (projectName: string) => {
-    setSelectedProject(projectName);
+    const metadataOnlyObjectIds = new Set<string>();
+    const purgeObjectIds = new Set<string>();
+    const purgeUrls = new Set<string>();
+
+    auditResult.findings.forEach((finding) => {
+      if (
+        finding.kind !== 'repo_orphan_live_object' &&
+        finding.kind !== 'repo_orphan_stale_record'
+      ) {
+        return;
+      }
+
+      finding.records.forEach((record) => {
+        if (record.cleanupScope === 'access_url') {
+          return;
+        }
+
+        if (finding.kind === 'repo_orphan_live_object') {
+          purgeObjectIds.add(record.objectId);
+          record.accessProbes.forEach((probe) => {
+            const url = probe.url?.trim();
+            if (url) {
+              purgeUrls.add(url);
+            }
+          });
+          return;
+        }
+
+        metadataOnlyObjectIds.add(record.objectId);
+      });
+    });
+
+    return {
+      metadataOnlyObjectIds: Array.from(metadataOnlyObjectIds).sort(),
+      purgeObjectIds: Array.from(purgeObjectIds).sort(),
+      purgeUrls: Array.from(purgeUrls).sort(),
+    };
+  }, [auditResult]);
+
+  const handleApplyCleanup = async ({
+    deleteRepoOrphans,
+    deleteStaleDuplicates,
+    selectedPaths,
+  }: {
+    deleteRepoOrphans: boolean;
+    deleteStaleDuplicates: boolean;
+    selectedPaths?: Array<string>;
+  }) => {
+    const result = await applyCleanup({
+      deleteRepoOrphans,
+      deleteStaleDuplicates,
+      selectedPaths,
+    });
+
+    if (result) {
+      refresh();
+      await rerunAudit();
+    }
   };
 
-  const rangeMapping = convertSlicePointsToRangeMap(
-    filesummaryConfig?.binslicePoints ?? [],
-  );
-  const handleRangeSelection = (selectedRange: string) => {
-    type ValidRange = keyof typeof rangeMapping;
-    setSelectedRange(rangeMapping[selectedRange as ValidRange]);
-    setSelectedCategory('');
+  const handleDeleteBrokenRecords = async () => {
+    if (!canDeleteBrokenRecords) {
+      return;
+    }
+
+    const result = await deleteBrokenRecords({
+      objectIds: brokenRecordObjectIds,
+    });
+
+    if (result) {
+      refresh();
+      await rerunAudit();
+    }
   };
 
-  const handleCategorySelection = (selectedCategory: string) => {
-    setSelectedCategory(selectedCategory);
+  const handleConfirmRepoOrphanDelete = async () => {
+    setRepoOrphanDeleteModalOpen(false);
+    await handleApplyCleanup({
+      deleteRepoOrphans: true,
+      deleteStaleDuplicates: false,
+      selectedPaths: selectedDiffPaths,
+    });
   };
 
-  if (filesummaryConfig === undefined) {
-    return (
-      <Center maw={400} h={100} mx="auto">
-        <div>filesummaryConfig config is not defined. Page disabled</div>
-      </Center>
+  const handlePrepareCleanup = async (issue: ProjectDiffIssueSummary) => {
+    setSelectedDiffIssueId(issue.id);
+    setSelectedCleanupIssueId(null);
+    await runAudit({
+      includeRepoManifest: true,
+      selectedPaths: (diffAuditResult?.findings ?? [])
+        .filter((finding) => issue.findingKinds.includes(finding.kind))
+        .map((finding) => finding.normalizedPath),
+    });
+  };
+
+  const handleOpenAuditModal = async () => {
+    setAuditModalOpen(true);
+    if (!diffAuditResult && !isDiffAuditing) {
+      await runProjectDiffAudit();
+    }
+  };
+
+  const handleStorageSort = (key: StorageSortKey) => {
+    setStorageSortDirection((currentDirection) =>
+      storageSortKey === key
+        ? currentDirection === 'asc'
+          ? 'desc'
+          : 'asc'
+        : key === 'name' || key === 'type'
+          ? 'asc'
+          : 'desc',
     );
-  }
-  return (
-    <NavPageLayout
-      {...{ headerProps, footerProps }}
-      headerMetadata={{
-        title: 'CALYPR File Summary Page',
-        content: 'File Summary',
-        key: 'calypr-file-summary',
-      }}
+    setStorageSortKey(key);
+  };
+
+  const renderStorageSortHeader = (
+    label: string,
+    key: StorageSortKey,
+  ): JSX.Element => (
+    <button
+      className="flex items-center gap-1 text-left font-semibold text-slate-900"
+      onClick={() => handleStorageSort(key)}
+      type="button"
     >
-      <ProtectedContent>
-        {fisLoading || isLoading || fbinisLoading || ftisLoading ? (
-          <Center h="50vh">
-            <Loader size={30} />
-          </Center>
-        ) : (
-          <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}
+      <span>{label}</span>
+      <IconSelector
+        className={
+          storageSortKey === key ? 'text-primary' : 'text-slate-400'
+        }
+        size={14}
+      />
+    </button>
+  );
+
+  const pageContent = (
+    <div className="min-h-screen bg-[#f6f8fa]">
+      <Container className="max-w-[1680px]" py="xl" size="100%">
+        <Stack gap="lg">
+          <Stack gap="md" px="sm">
+            <Group justify="space-between" align="flex-start">
+              <div>
+                <Title order={2}>Storage Monitor</Title>
+                <Text c="dimmed" mt={4} size="sm">
+                  Syfon-backed storage view by project path using the
+                  dedicated storage metrics endpoints for subtree summaries
+                  and direct-child listings.
                 </Text>
+              </div>
+            </Group>
+
+            {!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}
 
-                <div className="flex justify-between align-middle px-2">
-                  <Text fw={500} className="mr-2">
-                    {barChartToggle ? 'Sizes' : 'Types'}
+            {data?.truncated ? (
+              <Alert
+                color="yellow"
+                icon={<IconAlertCircle size={16} />}
+                title="Partial summary"
+              >
+                This path has more direct children than the current page limit
+                returned by Syfon metrics. The totals are still exact, but not
+                every child row is shown yet.
+              </Alert>
+            ) : null}
+          </Stack>
+
+          {isProjectsLoading || isLoading ? (
+            <Center h="45vh">
+              <Loader size={32} />
+            </Center>
+          ) : selectedProjectParts ? (
+            <>
+              <Modal
+                centered
+                onClose={() => setRepoOrphanDeleteModalOpen(false)}
+                opened={repoOrphanDeleteModalOpen}
+                size="lg"
+                title="Delete repo orphans and purge bucket files"
+              >
+                <Stack gap="md">
+                  <Alert
+                    color="red"
+                    icon={<IconAlertCircle size={16} />}
+                    title="This action cannot be undone"
+                  >
+                    Syfon will delete the selected repo-orphan records. For live
+                    repo orphans, it will also attempt to delete the backing
+                    storage objects from the bucket.
+                  </Alert>
+
+                  <Text size="sm">
+                    Metadata-only deletions:{' '}
+                    {repoOrphanDeletePlan.metadataOnlyObjectIds.length.toLocaleString()}
+                    {' · '}
+                    Bucket purge attempts:{' '}
+                    {repoOrphanDeletePlan.purgeObjectIds.length.toLocaleString()}
+                  </Text>
+
+                  {repoOrphanDeletePlan.purgeUrls.length > 0 ? (
+                    <Stack gap={6}>
+                      <Text fw={700} size="sm">
+                        Storage URLs scheduled for purge
+                      </Text>
+                      <div className="max-h-64 overflow-y-auto rounded-md border border-slate-200 bg-slate-50 px-3 py-2">
+                        <Stack gap={6}>
+                          {repoOrphanDeletePlan.purgeUrls.map((url) => (
+                            <Text
+                              className="break-all font-mono"
+                              key={url}
+                              size="xs"
+                            >
+                              {url}
+                            </Text>
+                          ))}
+                        </Stack>
+                      </div>
+                    </Stack>
+                  ) : (
+                    <Alert
+                      color="blue"
+                      icon={<IconAlertCircle size={16} />}
+                      title="No bucket purge targets in this selection"
+                    >
+                      This delete will remove Syfon metadata only.
+                    </Alert>
+                  )}
+
+                  <Group justify="flex-end">
+                    <Button
+                      onClick={() => setRepoOrphanDeleteModalOpen(false)}
+                      variant="default"
+                    >
+                      Cancel
+                    </Button>
+                    <Button
+                      color="red"
+                      loading={isApplying}
+                      onClick={() => {
+                        void handleConfirmRepoOrphanDelete();
+                      }}
+                    >
+                      Delete records and purge files
+                    </Button>
+                  </Group>
+                </Stack>
+              </Modal>
+
+              <Modal
+                onClose={() => setAuditModalOpen(false)}
+                opened={auditModalOpen}
+                size="min(1680px, 96vw)"
+                title="Project Audit"
+              >
+                <Stack gap="md">
+                  <Text c="dimmed" size="sm">
+                    Compare Git-tracked paths against Syfon project records
+                    first. Storage verification runs inside this audit flow for
+                    the issue set you choose to inspect.
                   </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}
-                  />
+                  {diffAuditError ? (
+                    <Alert
+                      color="red"
+                      icon={<IconAlertCircle size={16} />}
+                      title="Project audit failed"
+                    >
+                      {diffAuditError}
+                    </Alert>
+                  ) : null}
+
+                  {diffAuditResult ? (
+                    diffIssueSummaries.length > 0 ? (
+                      <Table highlightOnHover>
+                        <Table.Thead>
+                          <Table.Tr>
+                            <Table.Th>Issue</Table.Th>
+                            <Table.Th>Impact</Table.Th>
+                          </Table.Tr>
+                        </Table.Thead>
+                        <Table.Tbody>
+                          {diffIssueSummaries.map((issue) => (
+                            <Table.Tr key={issue.id}>
+                              <Table.Td miw={520}>
+                                <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>
+                                  <Text size="sm">{issue.recommendation}</Text>
+                                  <Group gap="xs">
+                                    {issue.actionLabel ? (
+                                      <Button
+                                        color={issue.color}
+                                        loading={isAuditing}
+                                        onClick={() => {
+                                          void handlePrepareCleanup(issue);
+                                        }}
+                                        size="xs"
+                                        variant="light"
+                                      >
+                                        {issue.actionLabel}
+                                      </Button>
+                                    ) : null}
+                                    <Button
+                                      onClick={() => {
+                                        setSelectedDiffIssueId((current) =>
+                                          current === issue.id ? null : issue.id,
+                                        );
+                                      }}
+                                      size="xs"
+                                      variant="subtle"
+                                    >
+                                      {selectedDiffIssueId === issue.id
+                                        ? 'Hide details'
+                                        : `See details (${issue.pathCount.toLocaleString()})`}
+                                    </Button>
+                                  </Group>
+                                </Stack>
+                              </Table.Td>
+                              <Table.Td>
+                                <Text size="sm">
+                                  {issue.recordCount.toLocaleString()} records
+                                  {' · '}
+                                  {issue.objectCount.toLocaleString()} objects
+                                  {' · '}
+                                  {formatBytes(issue.totalBytes)}
+                                </Text>
+                              </Table.Td>
+                            </Table.Tr>
+                          ))}
+                        </Table.Tbody>
+                      </Table>
+                    ) : (
+                      <Alert
+                        color="green"
+                        icon={<IconAlertCircle size={16} />}
+                        title="No project diff issues"
+                      >
+                        Git and Syfon are aligned for this subtree. No duplicate,
+                        Syfon-only, or Git-only paths were returned.
+                      </Alert>
+                    )
+                  ) : isDiffAuditing ? (
+                    <Center h={140}>
+                      <Loader size={28} />
+                    </Center>
+                  ) : null}
+
+                  {diffAuditResult && selectedDiffIssue ? (
+                    <Stack
+                      className="rounded-md border border-slate-200 bg-slate-50 px-4 py-4"
+                      gap="sm"
+                    >
+                      <Group justify="space-between" wrap="wrap">
+                        <div>
+                          <Text fw={700} size="sm">
+                            {selectedDiffIssue.title}
+                          </Text>
+                          <Text c="dimmed" size="sm">
+                            {selectedDiffIssue.pathCount.toLocaleString()} paths in
+                            this issue set.
+                          </Text>
+                        </div>
+                        <Button
+                          onClick={() => setSelectedDiffIssueId(null)}
+                          size="xs"
+                          variant="subtle"
+                        >
+                          Hide details
+                        </Button>
+                      </Group>
+
+                      <Table highlightOnHover stickyHeader>
+                        <Table.Thead>
+                          <Table.Tr>
+                            <Table.Th>Path</Table.Th>
+                            <Table.Th>Issue</Table.Th>
+                            <Table.Th>Records</Table.Th>
+                            <Table.Th>Objects</Table.Th>
+                            <Table.Th>Downloads</Table.Th>
+                          </Table.Tr>
+                        </Table.Thead>
+                        <Table.Tbody>
+                          {diffAuditResult.findings
+                            .filter((finding) =>
+                              selectedDiffIssue.findingKinds.includes(
+                                finding.kind,
+                              ),
+                            )
+                            .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>
+                                  <Badge
+                                    color={getProjectDiffFindingColor(
+                                      finding.kind,
+                                    )}
+                                    variant="light"
+                                  >
+                                    {formatCleanupFindingLabel(finding.kind)}
+                                  </Badge>
+                                </Table.Td>
+                                <Table.Td>
+                                  {finding.recordCount.toLocaleString()}
+                                </Table.Td>
+                                <Table.Td maw={420}>
+                                  <Stack gap={4}>
+                                    <Text c="dimmed" size="sm">
+                                      {finding.objectIds.length.toLocaleString()}{' '}
+                                      object ids
+                                    </Text>
+                                    {finding.objectIds
+                                      .slice(0, 2)
+                                      .map((objectId) => (
+                                        <Text
+                                          c="dimmed"
+                                          className="break-all"
+                                          key={objectId}
+                                          size="xs"
+                                        >
+                                          {objectId}
+                                        </Text>
+                                      ))}
+                                    {finding.objectIds.length > 2 ? (
+                                      <Text c="dimmed" size="xs">
+                                        +
+                                        {(
+                                          finding.objectIds.length - 2
+                                        ).toLocaleString()}{' '}
+                                        more
+                                      </Text>
+                                    ) : null}
+                                  </Stack>
+                                </Table.Td>
+                                <Table.Td>
+                                  <Stack gap={4}>
+                                    <Text size="sm">
+                                      {(finding.downloadCount ?? 0).toLocaleString()}
+                                    </Text>
+                                    <Text c="dimmed" size="xs">
+                                      {formatTimestamp(finding.lastDownload)}
+                                    </Text>
+                                  </Stack>
+                                </Table.Td>
+                              </Table.Tr>
+                            ))}
+                        </Table.Tbody>
+                      </Table>
+                    </Stack>
+                  ) : null}
+
+                  {applyError ? (
+                    <Alert
+                      color="red"
+                      icon={<IconAlertCircle size={16} />}
+                      title="Cleanup apply failed"
+                    >
+                      {applyError}
+                    </Alert>
+                  ) : null}
+
+                  {auditError ? (
+                    <Alert
+                      color="red"
+                      icon={<IconAlertCircle size={16} />}
+                      title="Delete preparation failed"
+                    >
+                      {auditError}
+                    </Alert>
+                  ) : null}
+
+                  {applyResult ? (
+                    <Alert
+                      color={applyResult.dryRun ? 'blue' : 'green'}
+                      icon={<IconAlertCircle size={16} />}
+                      title={
+                        applyResult.dryRun ? 'Cleanup dry run' : 'Cleanup applied'
+                      }
+                    >
+                      Removed{' '}
+                      {applyResult.deletedRecordIds.length.toLocaleString()} Syfon
+                      records.
+                      {applyResult.purgeResults.length > 0
+                        ? ` Storage purge attempts: ${applyResult.purgeResults.length.toLocaleString()}.`
+                        : ''}
+                      {applyResult.repoDeletePaths.length > 0
+                        ? ` Repo follow-up paths: ${applyResult.repoDeletePaths.length.toLocaleString()}.`
+                        : ''}
+                      {applyResult.manualPaths.length > 0
+                        ? ` Manual follow-up paths: ${applyResult.manualPaths.length.toLocaleString()}.`
+                        : ''}
+                      {applyResult.skippedPaths.length > 0
+                        ? ` Skipped items: ${applyResult.skippedPaths.length.toLocaleString()}.`
+                        : ''}
+                    </Alert>
+                  ) : null}
+
+                  {auditResult && isDuplicateVerificationContext && !hasSafeDuplicateCleanup ? (
+                    <Alert
+                      color="yellow"
+                      icon={<IconAlertCircle size={16} />}
+                      title="No safe duplicate delete yet"
+                    >
+                      Syfon confirmed duplicate paths, but this verification pass
+                      did not prove which sibling record is stale. The page will
+                      only expose duplicate deletion when Syfon returns stale
+                      duplicate findings.
+                    </Alert>
+                  ) : null}
+
+                  {auditResult ? (
+                    <Stack gap="sm">
+                      <div>
+                        <Title order={5}>Delete Preparation</Title>
+                        <Text c="dimmed" mt={4} size="sm">
+                          {selectedDiffIssue
+                            ? `Storage verification for ${selectedDiffIssue.title.toLowerCase()} in this subtree.`
+                            : 'Storage verification for the selected issue set.'}
+                        </Text>
+                      </div>
+
+                      {hiddenCleanupFindingCount > 0 ? (
+                        <Alert
+                          color="yellow"
+                          icon={<IconAlertCircle size={16} />}
+                          title="Additional verification details"
+                        >
+                          {hiddenCleanupFindingCount.toLocaleString()} findings are
+                          not split into their own issue rows here. Use raw audit
+                          only if you need the object-level detail.
+                        </Alert>
+                      ) : null}
+
+                      {hasCleanupFindings && cleanupIssueSummaries.length > 0 ? (
+                        <Table highlightOnHover>
+                          <Table.Thead>
+                            <Table.Tr>
+                              <Table.Th>Verification Result</Table.Th>
+                              <Table.Th>Impact</Table.Th>
+                              <Table.Th>Action</Table.Th>
+                            </Table.Tr>
+                          </Table.Thead>
+                          <Table.Tbody>
+                            {cleanupIssueSummaries.map((issue) => (
+                              <Table.Tr key={issue.id}>
+                                <Table.Td miw={260}>
+                                  <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 miw={340}>
+                                  <Group gap="xs">
+                                    {issue.id === 'stale-duplicates' ? (
+                                      <Button
+                                        color="orange"
+                                        loading={isApplying}
+                                        onClick={() => {
+                                          void handleApplyCleanup({
+                                            deleteRepoOrphans: false,
+                                            deleteStaleDuplicates: true,
+                                            selectedPaths: selectedDiffPaths,
+                                          });
+                                        }}
+                                        size="xs"
+                                      >
+                                        Delete duplicate records
+                                      </Button>
+                                    ) : null}
+
+                                    {issue.id === 'repo-orphans' ? (
+                                      <Button
+                                        color="red"
+                                        loading={isApplying}
+                                        onClick={() => {
+                                          setRepoOrphanDeleteModalOpen(true);
+                                        }}
+                                        size="xs"
+                                      >
+                                        Delete repo orphans
+                                      </Button>
+                                    ) : null}
+
+                                    {issue.id === 'broken-access-urls' &&
+                                    canDeleteBrokenRecords ? (
+                                      <Button
+                                        color="red"
+                                        loading={isApplying}
+                                        onClick={() => {
+                                          void handleDeleteBrokenRecords();
+                                        }}
+                                        size="xs"
+                                        variant="outline"
+                                      >
+                                        Delete broken records
+                                      </Button>
+                                    ) : null}
+
+                                    <Button
+                                      onClick={() => {
+                                        setSelectedCleanupIssueId((current) =>
+                                          current === issue.id ? null : issue.id,
+                                        );
+                                      }}
+                                      size="xs"
+                                      variant="subtle"
+                                    >
+                                      {selectedCleanupIssueId === issue.id
+                                        ? 'Hide raw audit'
+                                        : `See raw audit (${issue.pathCount.toLocaleString()})`}
+                                    </Button>
+                                  </Group>
+                                </Table.Td>
+                              </Table.Tr>
+                            ))}
+                          </Table.Tbody>
+                        </Table>
+                      ) : (
+                        <Alert
+                          color="blue"
+                          icon={<IconAlertCircle size={16} />}
+                          title="No delete candidates after verification"
+                        >
+                          Storage verification did not return any safe cleanup
+                          findings for the selected issue set.
+                        </Alert>
+                      )}
+
+                      {hasCleanupFindings && selectedCleanupIssue ? (
+                        <Stack
+                          className="rounded-md border border-slate-200 bg-slate-50 px-4 py-4"
+                          gap="sm"
+                        >
+                          <Group justify="space-between" wrap="wrap">
+                            <div>
+                              <Text fw={700} size="sm">
+                                {selectedCleanupIssue.title}
+                              </Text>
+                              <Text c="dimmed" size="sm">
+                                {selectedCleanupIssue.pathCount.toLocaleString()} paths in
+                                this verification set.
+                              </Text>
+                            </div>
+                            <Button
+                              onClick={() => setSelectedCleanupIssueId(null)}
+                              size="xs"
+                              variant="subtle"
+                            >
+                              Hide raw audit
+                            </Button>
+                          </Group>
+
+                          <Table highlightOnHover stickyHeader>
+                            <Table.Thead>
+                              <Table.Tr>
+                                <Table.Th>Path</Table.Th>
+                                <Table.Th>Finding</Table.Th>
+                                <Table.Th>Objects</Table.Th>
+                                <Table.Th>Downloads</Table.Th>
+                                <Table.Th>Recommended Action</Table.Th>
+                              </Table.Tr>
+                            </Table.Thead>
+                            <Table.Tbody>
+                              {visibleCleanupFindings.map((finding) => (
+                                <Table.Tr
+                                  key={`${finding.kind}:${finding.normalizedPath}`}
+                                >
+                                  <Table.Td maw={380}>
+                                    <Stack gap={4}>
+                                      <Text className="break-all" fw={600} size="sm">
+                                        {finding.normalizedPath}
+                                      </Text>
+                                      <Group gap={6}>
+                                        {finding.repoDeleteCandidate ? (
+                                          <Badge color="grape" variant="light">
+                                            Repo Delete Candidate
+                                          </Badge>
+                                        ) : null}
+                                        {finding.cleanupScope !== 'unknown' ? (
+                                          <Badge
+                                            color={
+                                              finding.cleanupScope === 'access_url'
+                                                ? 'red'
+                                                : 'gray'
+                                            }
+                                            variant="light"
+                                          >
+                                            {finding.cleanupScope === 'access_url'
+                                              ? 'Audit Only Partial'
+                                              : 'Whole Record'}
+                                          </Badge>
+                                        ) : null}
+                                        {finding.sizeBytes !== undefined ? (
+                                          <Badge color="gray" variant="light">
+                                            {formatBytes(finding.sizeBytes)}
+                                          </Badge>
+                                        ) : null}
+                                      </Group>
+                                    </Stack>
+                                  </Table.Td>
+                                  <Table.Td>
+                                    <Badge
+                                      color={getCleanupFindingColor(finding.kind)}
+                                      variant="light"
+                                    >
+                                      {formatCleanupFindingLabel(finding.kind)}
+                                    </Badge>
+                                  </Table.Td>
+                                  <Table.Td maw={360}>
+                                    <Stack gap={4}>
+                                      {finding.records.length > 0 ? (
+                                        finding.records.map((record) => (
+                                          <Stack gap={2} key={record.objectId}>
+                                            <Text className="break-all" size="sm">
+                                              {record.objectId}:&nbsp;
+                                              {formatProbeResolution(record.status)}
+                                              {record.cleanupScope === 'access_url'
+                                                ? ' (partial)'
+                                                : ''}
+                                              {record.error
+                                                ? ` (${record.error})`
+                                                : ''}
+                                            </Text>
+                                            {record.accessProbes.map((probe) => (
+                                              <Text
+                                                c="dimmed"
+                                                className="break-all"
+                                                key={`${record.objectId}:${probe.url}`}
+                                                size="xs"
+                                              >
+                                                {probe.url}:&nbsp;
+                                                {formatProbeResolution(
+                                                  probe.status,
+                                                )}
+                                                {probe.bucket
+                                                  ? ` bucket=${probe.bucket}`
+                                                  : ''}
+                                                {probe.errorKind
+                                                  ? ` error=${probe.errorKind}`
+                                                  : ''}
+                                                {probe.error
+                                                  ? ` (${probe.error})`
+                                                  : ''}
+                                              </Text>
+                                            ))}
+                                          </Stack>
+                                        ))
+                                      ) : (
+                                        <Text c="dimmed" size="sm">
+                                          {finding.objectIds.length.toLocaleString()}{' '}
+                                          object ids
+                                        </Text>
+                                      )}
+                                    </Stack>
+                                  </Table.Td>
+                                  <Table.Td>
+                                    <Stack gap={4}>
+                                      <Text size="sm">
+                                        {(finding.downloadCount ?? 0).toLocaleString()}
+                                      </Text>
+                                      <Text c="dimmed" size="xs">
+                                        {formatTimestamp(finding.lastDownload)}
+                                      </Text>
+                                    </Stack>
+                                  </Table.Td>
+                                  <Table.Td maw={300}>
+                                    <Text size="sm">
+                                      {finding.recommendedAction}
+                                    </Text>
+                                  </Table.Td>
+                                </Table.Tr>
+                              ))}
+                            </Table.Tbody>
+                          </Table>
+                        </Stack>
+                      ) : null}
+                    </Stack>
+                  ) : null}
+                </Stack>
+              </Modal>
+
+              <Stack gap="md" px="sm">
+                <div className="overflow-x-auto">
+                  <div className="flex min-w-[1320px] items-center justify-between gap-6">
+                    <div className="flex min-w-0 flex-1 items-center gap-2 whitespace-nowrap overflow-x-auto pb-1">
+                    {collapsedBreadcrumb.leadingItems.map((item, index) => (
+                      <React.Fragment key={item.path || item.label}>
+                        {index > 0 ? (
+                          <IconChevronRight
+                            className="shrink-0 text-slate-400"
+                            size={14}
+                          />
+                        ) : null}
+                        {index === 1 && collapsedBreadcrumb.hiddenItems.length > 0 ? (
+                          <>
+                            <Menu shadow="md" width={260} withinPortal>
+                              <Menu.Target>
+                                <button
+                                  className="max-w-[220px] shrink-0 rounded-md border border-slate-200 bg-white px-3 py-1.5 text-sm font-semibold text-slate-600 transition hover:border-slate-300 hover:text-slate-900"
+                                  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>
+                            <IconChevronRight
+                              className="shrink-0 text-slate-400"
+                              size={14}
+                            />
+                          </>
+                        ) : null}
+                        <button
+                          className={`max-w-[240px] truncate rounded-md border px-3 py-1.5 text-sm font-semibold transition ${
+                            item.path === currentPath
+                              ? 'border-slate-200 bg-slate-100 text-slate-900'
+                              : 'border-slate-200 bg-white text-slate-600 hover:border-slate-300 hover:text-slate-900'
+                          }`}
+                          onClick={() => setCurrentPath(item.path)}
+                          title={item.label}
+                          type="button"
+                        >
+                          {item.label}
+                        </button>
+                      </React.Fragment>
+                    ))}
+                    </div>
+                    <Group align="center" className="shrink-0 justify-self-end" gap="xs" wrap="nowrap">
+                      <Button
+                        loading={isDiffAuditing}
+                        onClick={() => {
+                          void handleOpenAuditModal();
+                        }}
+                        size="xs"
+                        variant="light"
+                      >
+                        Audit Project
+                      </Button>
+                      <ActionIcon
+                        aria-label="Refresh metrics"
+                        disabled={!selectedProject}
+                        onClick={() => refresh()}
+                        size="lg"
+                        variant="subtle"
+                      >
+                        <IconRefresh size={16} />
+                      </ActionIcon>
+                    </Group>
+                  </div>
                 </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 className="overflow-x-auto">
+                  <div className="grid min-w-[1320px] grid-cols-[260px_140px_180px_120px_220px] items-end gap-x-8">
+                    <div className="min-w-[220px]">
+                      <Text c="dimmed" fw={700} size="xs" tt="uppercase">
+                        Project
+                      </Text>
+                      <Text
+                        className="mt-1 truncate"
+                        fw={700}
+                        size="sm"
+                        title={pageTitle}
+                      >
+                        {pageTitle}
+                      </Text>
+                    </div>
+
+                    <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">
+                        {(data?.downloadCount ?? 0).toLocaleString()}
+                      </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>
-              </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={() => setCurrentPath(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>
+                                {row.downloadCount.toLocaleString()}
+                              </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>
+                </Stack>
+              </Stack>
+            </>
+          ) : null}
+        </Stack>
+      </Container>
+    </div>
+  );
+
+  return (
+    <NavPageLayout
+      {...{ headerProps, footerProps }}
+      headerMetadata={{
+        title: 'CALYPR Storage Monitor',
+        content: 'Storage Monitor',
+        key: 'calypr-storage-monitor',
+      }}
+      mainProps={{ className: 'bg-[#f6f8fa]' }}
+    >
+      <ProtectedContent>
+        {isProjectScopedRoute ? (
+          <ProjectWorkspaceTabs
+            activeTab="storage"
+            hasExplorerConfig
+            organization={routeOrganization}
+            project={routeProject}
+          >
+            {pageContent}
+          </ProjectWorkspaceTabs>
+        ) : (
+          pageContent
         )}
       </ProtectedContent>
     </NavPageLayout>
diff --git a/packages/frontend/src/pages/FileSummary/hooks.tsx b/packages/frontend/src/pages/FileSummary/hooks.tsx
index 370bc179..60c437b0 100644
--- a/packages/frontend/src/pages/FileSummary/hooks.tsx
+++ b/packages/frontend/src/pages/FileSummary/hooks.tsx
@@ -1,195 +1,1543 @@
-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
-      }
-    }`,
-    variables: {
-      filter: {
-        AND: [
-          {
-            IN: {
-              project_id: [selected_project],
-            },
-          },
-        ],
-      },
-    },
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import {
+  CoreState,
+  GEN3_API,
+  SYFON_API,
+  selectCSRFToken,
+  useCoreSelector,
+  useBulkDeleteSyfonDrsObjectsMutation,
+  useGetCSRFQuery,
+  useGetGeckoProjectSummaryQuery,
+} from '@gen3/core';
+import type { FilesummaryConfig } from './types';
+import {
+  buildProjectOptions,
+  normalizeStoragePath,
+  splitProjectSelectionValue,
+  sortStorageRows,
+  type ProjectStorageOption,
+  type StoragePathRow,
+  type StoragePathSummary,
+} from './storageUtils';
+import { requestSessionLogout } from '../../lib/session/session';
+
+const DEFAULT_CHILD_LIMIT = 1000;
+const DEFAULT_GIT_TREE_REQUEST_LIMIT = 0;
+
+export type ProjectDiffFindingKind =
+  | 'duplicate_syfon_paths'
+  | 'syfon_missing_in_repo'
+  | 'repo_missing_in_syfon'
+  | 'unknown';
+
+export interface ProjectDiffFinding {
+  readonly kind: ProjectDiffFindingKind;
+  readonly normalizedPath: string;
+  readonly objectIds: Array<string>;
+  readonly recordCount: number;
+  readonly sizeBytes?: number;
+  readonly downloadCount?: number;
+  readonly lastDownload?: string;
+  readonly recommendedAction: string;
+}
+
+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 type StorageCleanupFindingKind =
+  | 'stale_duplicate_record'
+  | 'live_duplicate_conflict'
+  | 'broken_access_url_error'
+  | 'repo_orphan_live_object'
+  | 'repo_orphan_stale_record'
+  | 'storage_probe_error'
+  | 'unknown';
+
+export type StorageCleanupScope = 'record' | 'access_url' | 'unknown';
+
+export interface StorageCleanupAccessProbe {
+  readonly url: string;
+  readonly bucket?: string;
+  readonly status?: string;
+  readonly error?: string;
+  readonly errorKind?: string;
+}
+
+export interface StorageCleanupRecordAudit {
+  readonly objectId: string;
+  readonly normalizedPath?: string;
+  readonly cleanupScope: StorageCleanupScope;
+  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 recommendedAction: string;
+  readonly repoDeleteCandidate: boolean;
+  readonly cleanupScope: StorageCleanupScope;
+  readonly sizeBytes?: number;
+  readonly lastUpdated?: string;
+  readonly downloadCount?: number;
+  readonly lastDownload?: string;
+}
+
+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 StorageCleanupApplyResult {
+  readonly deletedRecordIds: Array<string>;
+  readonly purgeResults: Array<StorageCleanupPurgeResult>;
+  readonly repoDeletePaths: Array<string>;
+  readonly manualPaths: Array<string>;
+  readonly skippedPaths: Array<string>;
+  readonly dryRun: boolean;
+}
+
+interface GeckoGitManifestResponse {
+  entry_count?: number;
+  entries?: Array<{
+    path?: string;
+    type?: string;
+  }>;
+  has_more?: boolean;
+  next_cursor?: string;
+}
+
+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;
+  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>;
+}
+
+const buildStorageSummaryUrl = ({
+  organization,
+  path,
+  project,
+}: {
+  organization: string;
+  path?: string;
+  project: string;
+}): string => {
+  const query = new URLSearchParams({
+    organization: organization.trim(),
+    project: project.trim(),
   });
 
-  const cachedfileData = useMemo(() => {
-    if (data) {
-      const project_data = extractData(data, 'document_reference', '');
-      return binDataWithCustomBoundaries(project_data, slicePoints);
-    }
-    return [];
-  }, [data]);
-
-  return { fdata: cachedfileData, fisLoading: isLoading, fisError: isError };
-};
-
-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
-            }
-          }
-        }
-      }
-    }`,
-    variables: {
-      filter: {
-        AND: [
-          {
-            IN: {
-              project_id: [project],
-            },
-          },
-        ],
-      },
-    },
+  if (path?.trim()) {
+    query.set('path', path.trim());
+  }
+
+  return `${GEN3_API}/index/v1/metrics/storage/summary?${query.toString()}`;
+};
+
+const buildStorageChildrenUrl = ({
+  limit,
+  organization,
+  path,
+  project,
+}: {
+  limit: number;
+  organization: string;
+  path?: string;
+  project: string;
+}): string => {
+  const query = new URLSearchParams({
+    limit: String(limit),
+    organization: organization.trim(),
+    project: project.trim(),
+    sort_by: 'bytes',
+    sort_order: 'desc',
   });
 
-  const cachedfileData = useMemo(() => {
-    if (data) {
-      return extractData(
-        data,
-        'document_reference',
-        'document_reference_contentType',
-      );
-    }
+  if (path?.trim()) {
+    query.set('path', path.trim());
+  }
+
+  return `${GEN3_API}/index/v1/metrics/storage/children?${query.toString()}`;
+};
+
+const buildStorageCleanupUrl = (
+  action: 'apply' | 'audit',
+): string => `${SYFON_API}/repair/storage-cleanup/${action}`;
+
+const buildProjectDiffUrl = (): string =>
+  `${SYFON_API}/repair/project-diff/audit`;
+
+const buildGitManifestUrl = ({
+  cursor,
+  filesOnly,
+  limit,
+  organization,
+  path,
+  project,
+}: {
+  cursor?: string;
+  filesOnly?: boolean;
+  limit?: number;
+  organization: string;
+  path?: string;
+  project: string;
+}): string => {
+  const normalizedPath = normalizeStoragePath(path);
+  const query = new URLSearchParams();
+  if (cursor?.trim()) {
+    query.set('cursor', cursor.trim());
+  }
+  if (typeof filesOnly === 'boolean') {
+    query.set('files_only', String(filesOnly));
+  }
+  if (typeof limit === 'number') {
+    query.set('limit', String(limit));
+  }
+  const suffix = normalizedPath
+    ? `/manifest/${normalizedPath
+        .split('/')
+        .map((segment) => encodeURIComponent(segment))
+        .join('/')}`
+    : '/manifest';
+  const querySuffix = query.toString() ? `?${query.toString()}` : '';
+
+  return `${GEN3_API}/gecko/git/projects/${encodeURIComponent(
+    organization,
+  )}/${encodeURIComponent(project)}${suffix}${querySuffix}`;
+};
+
+const emptyCleanupCounts = (): Record<StorageCleanupFindingKind, number> => ({
+  broken_access_url_error: 0,
+  live_duplicate_conflict: 0,
+  repo_orphan_live_object: 0,
+  repo_orphan_stale_record: 0,
+  stale_duplicate_record: 0,
+  storage_probe_error: 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 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 [];
-  }, [data]);
+  }
 
-  return { ftdata: cachedfileData, ftisLoading: isLoading, ftisError: isError };
+  return value
+    .map((item) => (typeof item === 'string' ? item.trim() : ''))
+    .filter(Boolean);
 };
 
-export const useFilesFromBinQuery = (
-  project: string,
-  file_range: number[],
-  config: Record<string, SummaryTableColumn>,
-  category: string,
-) => {
-  const filters: Filter[] = [
-    {
-      EQ: { project_id: project },
+const parseCleanupFindingKind = (
+  value: unknown,
+): StorageCleanupFindingKind => {
+  switch (value) {
+    case 'stale_duplicate_record':
+    case 'live_duplicate_conflict':
+    case 'broken_access_url_error':
+    case 'repo_orphan_live_object':
+    case 'repo_orphan_stale_record':
+    case 'storage_probe_error':
+      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 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 ?? 0,
+    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 ?? 0,
+    sizeBytes: item.total_bytes ?? 0,
+    type,
+  };
+};
+
+const parseCleanupScope = (value: unknown): StorageCleanupScope => {
+  switch (value) {
+    case 'record':
+    case 'access_url':
+      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,
+    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,
+    status:
+      typeof record.storage_status === 'string'
+        ? record.storage_status
+        : typeof record.status === 'string'
+          ? record.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);
+
+  return {
+    accessProbes,
+    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 defaultAction =
+    kind === 'stale_duplicate_record'
+      ? 'Delete stale duplicate records'
+      : kind === 'broken_access_url_error'
+        ? 'Manual review required for broken access URLs'
+      : kind === 'repo_orphan_live_object'
+        ? 'Delete Syfon record and purge storage object'
+        : kind === 'repo_orphan_stale_record'
+          ? 'Delete stale Syfon record'
+          : kind === 'storage_probe_error'
+            ? 'Retry once storage probing is healthy'
+            : 'Manual review required';
+
+  return {
+    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,
+    recommendedAction:
+      typeof item.recommended_action === 'string' &&
+      item.recommended_action.trim().length > 0
+        ? item.recommended_action
+        : defaultAction,
+    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,
+  };
+};
+
+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 defaultAction =
+    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 {
+    downloadCount:
+      typeof item.download_count === 'number'
+        ? item.download_count
+        : undefined,
+    kind,
+    lastDownload:
+      typeof item.last_download_time === 'string'
+        ? item.last_download_time
+        : undefined,
+    normalizedPath,
+    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,
+    recommendedAction:
+      typeof item.recommended_action === 'string' &&
+      item.recommended_action.trim().length > 0
+        ? item.recommended_action
+        : defaultAction,
+    sizeBytes:
+      typeof item.size_bytes === 'number'
+        ? item.size_bytes
+        : typeof item.total_bytes === 'number'
+          ? item.total_bytes
+          : undefined,
+  };
+};
+
+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;
+  });
+
+  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,
+    },
+  };
+};
+
+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;
+  });
+
+  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_probe_error +
+        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 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
+      : [];
 
-  if (category !== '') {
-    filters.push({
-      EQ: {
-        document_reference_contentType:
-          String(category).charAt(0).toLowerCase() + String(category).slice(1),
+  return {
+    deletedRecordIds: Array.from(
+      new Set([
+        ...toStringArray(response?.deleted_record_ids),
+        ...toStringArray(response?.deletedRecordIds),
+      ]),
+    ),
+    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),
+      ]),
+    ),
+  };
+};
+
+const resolveInitialProjectSelection = ({
+  defaultProject,
+  options,
+}: {
+  defaultProject?: string;
+  options: Array<ProjectStorageOption>;
+}): 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 collectExpectedPathsFromGecko = async ({
+  maxRequests,
+  organization,
+  pathPrefix,
+  project,
+}: {
+  maxRequests: number;
+  organization: string;
+  pathPrefix: string;
+  project: string;
+}): Promise<Array<string>> => {
+  const normalizedRoot = normalizeStoragePath(pathPrefix);
+  const expectedPaths = new Set<string>();
+  let cursor: string | undefined;
+  let requests = 0;
+
+  while (true) {
+    requests += 1;
+    if (maxRequests > 0 && requests > maxRequests) {
+      throw new Error(
+        `Exceeded ${maxRequests} Gecko manifest requests while building the expected path manifest.`,
+      );
+    }
+
+    const response = await fetch(
+      buildGitManifestUrl({
+        cursor,
+        filesOnly: true,
+        limit: 5000,
+        organization,
+        path: normalizedRoot,
+        project,
+      }),
+      {
+        credentials: 'include',
+        method: 'GET',
       },
+    );
+
+    if (response.status === 404) {
+      if (!cursor) {
+        return [];
+      }
+      throw new Error(
+        `Gecko manifest pagination lost subtree ${normalizedRoot || '/'}.`,
+      );
+    }
+
+    if (handleUnauthorizedResponse(response)) {
+      throw new Error('Your session expired. Please log in again.');
+    }
+
+    if (!response.ok) {
+      throw new Error(
+        await getErrorMessage(
+          response,
+          `Failed to fetch Gecko git manifest for ${organization}/${project}`,
+        ),
+      );
+    }
+
+    const manifest = await readJsonResponse<GeckoGitManifestResponse>(response);
+    (manifest?.entries ?? []).forEach((entry: { path?: string; type?: string }) => {
+      const entryPath = normalizeStoragePath(entry.path);
+      if (!entryPath) return;
+      if (entry.type !== 'tree') {
+        expectedPaths.add(entryPath);
+      }
     });
-  } else {
-    filters.push({
-      AND: [
-        { GTE: { document_reference_size: file_range[0] } },
-        { LT: { document_reference_size: file_range[1] } },
-      ],
-    });
+    if (!manifest?.has_more) {
+      break;
+    }
+    cursor = manifest.next_cursor?.trim();
+    if (!cursor) {
+      throw new Error(
+        `Gecko manifest pagination for ${organization}/${project} did not return a next cursor.`,
+      );
+    }
   }
 
-  const { data, isLoading, isError } = useGeneralGQLQuery({
-    query: `query($filter:JSON){
-  		_aggregation{
-        document_reference(filter: $filter){
-          _totalCount
+  return Array.from(expectedPaths).sort((left, right) =>
+    left.localeCompare(right, undefined, { numeric: true, sensitivity: 'base' }),
+  );
+};
+
+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 useSyfonPathStorageSummary = ({
+  currentPath,
+  projectSelection,
+}: {
+  currentPath: string;
+  projectSelection: string;
+  config?: FilesummaryConfig;
+}) => {
+  const [data, setData] = useState<StoragePathSummary | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [reloadToken, setReloadToken] = useState(0);
+
+  const refresh = useCallback(() => {
+    setReloadToken((current) => current + 1);
+  }, []);
+
+  useEffect(() => {
+    const selection = splitProjectSelectionValue(projectSelection);
+    if (!selection) {
+      setData(null);
+      setError(null);
+      setIsLoading(false);
+      return undefined;
+    }
+
+    const { organization, project } = selection;
+    let cancelled = false;
+
+    const load = async () => {
+      setIsLoading(true);
+      setError(null);
+
+      try {
+        const [summaryResponse, childrenResponse] = await Promise.all([
+          fetch(
+            buildStorageSummaryUrl({
+              organization,
+              path: currentPath,
+              project,
+            }),
+            {
+              credentials: 'include',
+              method: 'GET',
+            },
+          ),
+          fetch(
+            buildStorageChildrenUrl({
+              limit: DEFAULT_CHILD_LIMIT,
+              organization,
+              path: currentPath,
+              project,
+            }),
+            {
+              credentials: 'include',
+              method: 'GET',
+            },
+          ),
+        ]);
+
+        if (
+          handleUnauthorizedResponse(summaryResponse) ||
+          handleUnauthorizedResponse(childrenResponse)
+        ) {
+          throw new Error('Your session expired. Please log in again.');
+        }
+
+        if (!summaryResponse.ok) {
+          throw new Error(
+            `Failed to fetch storage summary for ${organization}/${project}`,
+          );
+        }
+        if (!childrenResponse.ok) {
+          throw new Error(
+            `Failed to fetch storage children for ${organization}/${project}`,
+          );
+        }
+
+        const summaryJson =
+          (await summaryResponse.json()) as StorageSummaryResponse;
+        const childrenJson =
+          (await childrenResponse.json()) as StorageChildrenResponse;
+
+        const rows = sortStorageRows(
+          (childrenJson.items ?? [])
+            .map((item) => normalizeStorageRow(item))
+            .filter((row): row is StoragePathRow => row !== null),
+        );
+
+        const summary: StoragePathSummary = {
+          childCount: summaryJson.direct_child_count ?? rows.length,
+          downloadCount: summaryJson.download_count ?? 0,
+          fileCount: summaryJson.file_count ?? 0,
+          lastDownload: summaryJson.last_download_time,
+          lastUpdated: summaryJson.latest_update_time,
+          path: summaryJson.path?.trim() || currentPath.trim(),
+          recordCount: summaryJson.record_count ?? 0,
+          rows,
+          sizeBytes: summaryJson.total_bytes ?? 0,
+          truncated: (summaryJson.direct_child_count ?? rows.length) > rows.length,
+        };
+
+        if (!cancelled) {
+          setData(summary);
+        }
+      } catch (loadError) {
+        if (!cancelled) {
+          setError(
+            loadError instanceof Error
+              ? loadError.message
+              : 'Failed to load storage summary from Syfon metrics.',
+          );
+          setData(null);
+        }
+      } finally {
+        if (!cancelled) {
+          setIsLoading(false);
         }
       }
-      document_reference(filter: $filter, accessibility: all, first: 10000, sort: [{document_reference_size: "desc"}]){
-        ${Object.keys(config).join('\n')}
+    };
+
+    void load();
+
+    return () => {
+      cancelled = true;
+    };
+  }, [currentPath, projectSelection, reloadToken]);
+
+  return {
+    data,
+    error,
+    isLoading,
+    refresh,
+  };
+};
+
+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),
+  );
+
+  const loadExpectedPaths = useCallback(async (): Promise<Array<string>> => {
+    const selection = splitProjectSelectionValue(projectSelection);
+    if (!selection) {
+      throw new Error('Select a project before auditing project records.');
+    }
+
+    return collectExpectedPathsFromGecko({
+      maxRequests:
+        config?.maxTraversalPages && config.maxTraversalPages > 0
+          ? config.maxTraversalPages
+          : DEFAULT_GIT_TREE_REQUEST_LIMIT,
+      organization: selection.organization,
+      pathPrefix: currentPath,
+      project: selection.project,
+    });
+  }, [config?.maxTraversalPages, currentPath, projectSelection]);
+
+  const runAudit = useCallback(async (): Promise<ProjectDiffAuditResult | null> => {
+    const selection = splitProjectSelectionValue(projectSelection);
+    if (!selection) {
+      setAuditError('Select a project before auditing project records.');
+      setAuditResult(null);
+      return null;
+    }
+
+    setAuditError(null);
+    setIsAuditing(true);
+
+    try {
+      const expectedPaths = await loadExpectedPaths();
+      const response = await fetch(buildProjectDiffUrl(), {
+        body: JSON.stringify({
+          expected_paths: expectedPaths,
+          organization: selection.organization,
+          path_prefix: normalizeStoragePath(currentPath) || undefined,
+          project: selection.project,
+        }),
+        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}`,
+          ),
+        );
       }
-    }`,
-    variables: { filter: { AND: filters } },
-  });
 
-  const cachedfileData = useMemo(() => {
-    if (data) {
-      return data;
+      const normalized = normalizeProjectDiffAuditResult({
+        expectedPathCount: expectedPaths.length,
+        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);
     }
-  }, [data]);
+  }, [csrfToken, currentPath, loadExpectedPaths, projectSelection]);
+
+  const clearAudit = useCallback(() => {
+    setAuditError(null);
+    setAuditResult(null);
+  }, []);
+
   return {
-    fbindata: cachedfileData,
-    fbinisLoading: isLoading,
-    fbinisError: isError,
+    auditError,
+    auditResult,
+    clearAudit,
+    isAuditing,
+    runAudit,
   };
 };
 
-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);
+  const [bulkDeleteDrsObjects] = useBulkDeleteSyfonDrsObjectsMutation();
+  useGetCSRFQuery();
+  const csrfToken = useCoreSelector((state: CoreState) =>
+    selectCSRFToken(state),
+  );
+
+  const loadExpectedPaths = useCallback(async (): Promise<Array<string>> => {
+    const selection = splitProjectSelectionValue(projectSelection);
+    if (!selection) {
+      throw new Error('Select a project before auditing repo-orphaned paths.');
+    }
+
+    return collectExpectedPathsFromGecko({
+      maxRequests:
+        config?.maxTraversalPages && config.maxTraversalPages > 0
+          ? config.maxTraversalPages
+          : DEFAULT_GIT_TREE_REQUEST_LIMIT,
+      organization: selection.organization,
+      pathPrefix: currentPath,
+      project: selection.project,
+    });
+  }, [config?.maxTraversalPages, currentPath, projectSelection]);
+
+  const runAudit = useCallback(
+    async ({
+      includeRepoManifest = false,
+      selectedPaths,
+    }: {
+      includeRepoManifest?: boolean;
+      selectedPaths?: Array<string>;
+    } = {}): Promise<StorageCleanupAuditResult | null> => {
+      const selection = splitProjectSelectionValue(projectSelection);
+      if (!selection) {
+        setAuditError('Select a project before running cleanup audit.');
+        setAuditResult(null);
+        return null;
+      }
+
+      setAuditError(null);
+      setApplyError(null);
+      setIsAuditing(true);
+
+      try {
+        const expectedPaths = includeRepoManifest
+          ? await loadExpectedPaths()
+          : [];
+        const response = await fetch(buildStorageCleanupUrl('audit'), {
+          body: JSON.stringify({
+            check_storage: true,
+            expected_paths: includeRepoManifest ? expectedPaths : undefined,
+            organization: selection.organization,
+            path_prefix: normalizeStoragePath(currentPath) || undefined,
+            project: selection.project,
+            selected_paths: selectedPaths,
+          }),
+          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 Syfon cleanup for ${selection.organization}/${selection.project}`,
+            ),
+          );
         }
+
+        const normalized = normalizeCleanupAuditResult({
+          expectedPathCount: expectedPaths.length,
+          includesRepoManifest: includeRepoManifest,
+          pathPrefix: normalizeStoragePath(currentPath),
+          response: await readJsonResponse<Record<string, unknown>>(response),
+        });
+
+        setAuditResult(normalized);
+        setLastAuditIncludedRepoManifest(includeRepoManifest);
+        return normalized;
+      } catch (auditFailure) {
+        const message =
+          auditFailure instanceof Error
+            ? auditFailure.message
+            : 'Failed to audit Syfon storage cleanup.';
+        setAuditError(message);
+        setAuditResult(null);
+        return null;
+      } finally {
+        setIsAuditing(false);
       }
-    }`,
-    variables: {
-      nestedAggFields: {
-        termsFields: ['document_reference_size'],
-      },
     },
-  });
+    [csrfToken, currentPath, loadExpectedPaths, projectSelection],
+  );
 
-  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)
-            );
+  const rerunAudit = useCallback(
+    () =>
+      runAudit({
+        includeRepoManifest: lastAuditIncludedRepoManifest,
+      }),
+    [lastAuditIncludedRepoManifest, runAudit],
+  );
+
+  const applyCleanup = useCallback(
+    async ({
+      deleteRepoOrphans,
+      deleteStaleDuplicates,
+      dryRun = false,
+      selectedPaths,
+    }: {
+      deleteRepoOrphans: boolean;
+      deleteStaleDuplicates: 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;
+      }
+
+      setApplyError(null);
+      setIsApplying(true);
+
+      try {
+        const includeRepoManifest =
+          deleteRepoOrphans || lastAuditIncludedRepoManifest;
+        const expectedPaths = includeRepoManifest ? await loadExpectedPaths() : [];
+        const response = await fetch(buildStorageCleanupUrl('apply'), {
+          body: JSON.stringify({
+            delete_repo_orphans: deleteRepoOrphans,
+            delete_stale_duplicates: deleteStaleDuplicates,
+            dry_run: dryRun,
+            expected_paths: includeRepoManifest ? expectedPaths : undefined,
+            organization: selection.organization,
+            path_prefix: normalizeStoragePath(currentPath) || undefined,
+            project: selection.project,
+            selected_paths: selectedPaths,
+          }),
+          credentials: 'include',
+          headers: {
+            'Content-Type': 'application/json',
+            ...(csrfToken ? { 'X-CSRF-Token': csrfToken } : {}),
           },
-          0,
+          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 apply Syfon cleanup for ${selection.organization}/${selection.project}`,
+            ),
+          );
+        }
+
+        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 Syfon storage cleanup.';
+        setApplyError(message);
+        setApplyResult(null);
+        return null;
+      } finally {
+        setIsApplying(false);
+      }
+    },
+    [
+      csrfToken,
+      currentPath,
+      lastAuditIncludedRepoManifest,
+      loadExpectedPaths,
+      projectSelection,
+    ],
+  );
 
-        return { key: project.key, sum: totalSum };
-      });
+  const deleteBrokenRecords = useCallback(
+    async ({
+      objectIds,
+    }: {
+      objectIds: Array<string>;
+    }): Promise<StorageCleanupApplyResult | null> => {
+      const uniqueObjectIds = Array.from(
+        new Set(objectIds.map((value) => value.trim()).filter(Boolean)),
+      );
 
-      return result;
-    }
-    return [];
-  }, [data]);
+      if (uniqueObjectIds.length === 0) {
+        setApplyError('No broken records were selected for deletion.');
+        setApplyResult(null);
+        return null;
+      }
+
+      setApplyError(null);
+      setIsApplying(true);
 
-  return { data: cachedData, isLoading, isError };
+      try {
+        await bulkDeleteDrsObjects({
+          bulk_object_ids: uniqueObjectIds,
+        }).unwrap();
+
+        const normalized: StorageCleanupApplyResult = {
+          deletedRecordIds: uniqueObjectIds,
+          dryRun: false,
+          manualPaths: [],
+          purgeResults: [],
+          repoDeletePaths: [],
+          skippedPaths: [],
+        };
+
+        setApplyResult(normalized);
+        return normalized;
+      } catch (applyFailure) {
+        const message =
+          applyFailure instanceof Error
+            ? applyFailure.message
+            : 'Failed to delete broken Syfon records.';
+        setApplyError(message);
+        setApplyResult(null);
+        return null;
+      } finally {
+        setIsApplying(false);
+      }
+    },
+    [bulkDeleteDrsObjects],
+  );
+
+  const clearCleanupResults = useCallback(() => {
+    setApplyError(null);
+    setApplyResult(null);
+    setAuditError(null);
+    setAuditResult(null);
+  }, []);
+
+  return {
+    applyCleanup,
+    applyError,
+    applyResult,
+    auditError,
+    auditResult,
+    clearCleanupResults,
+    deleteBrokenRecords,
+    isApplying,
+    isAuditing,
+    rerunAudit,
+    runAudit,
+  };
 };
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/storageUtils.ts b/packages/frontend/src/pages/FileSummary/storageUtils.ts
new file mode 100644
index 00000000..c3501651
--- /dev/null
+++ b/packages/frontend/src/pages/FileSummary/storageUtils.ts
@@ -0,0 +1,81 @@
+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 childCount: number;
+  readonly downloadCount: number;
+  readonly fileCount: number;
+  readonly lastDownload?: string;
+  readonly lastUpdated?: string;
+  readonly path: string;
+  readonly recordCount: number;
+  readonly rows: Array<StoragePathRow>;
+  readonly sizeBytes: number;
+  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/GitExplorer/GitProject.tsx b/packages/frontend/src/pages/GitExplorer/GitProject.tsx
index 6d69c911..9716e537 100644
--- a/packages/frontend/src/pages/GitExplorer/GitProject.tsx
+++ b/packages/frontend/src/pages/GitExplorer/GitProject.tsx
@@ -253,6 +253,9 @@ const GitProjectPage = ({
     refetch: refetchTree,
   } = useGetGeckoGitProjectTreeQuery(
     {
+      include_last_modified: true,
+      include_lfs_pointer: true,
+      include_size: true,
       organization,
       project,
       path: currentPath,
diff --git a/packages/frontend/src/pages/GitExplorer/GitProject.unit.test.tsx b/packages/frontend/src/pages/GitExplorer/GitProject.unit.test.tsx
index cb1617d3..e436c66b 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}
+    </>
   ),
 }));
 
diff --git a/packages/frontend/src/pages/OrganizationExplorer/OrganizationProject.tsx b/packages/frontend/src/pages/OrganizationExplorer/OrganizationProject.tsx
index 00627e98..29d47d23 100644
--- a/packages/frontend/src/pages/OrganizationExplorer/OrganizationProject.tsx
+++ b/packages/frontend/src/pages/OrganizationExplorer/OrganizationProject.tsx
@@ -35,8 +35,9 @@ import {
   useGetSyfonIndexRecordsQuery,
 } from '@gen3/core';
 import ProtectedContent from '../../components/Protected/ProtectedContent';
-import { NavPageLayout } from '../../features/Navigation';
+import { NavPageLayout, ProjectWorkspaceTabs } from '../../features/Navigation';
 import type { FileActionsConfig } from '../../features/CohortBuilder/types';
+import { useIsEmbedded } from '../../utils';
 import type {
   OrganizationExplorerPageProps,
   RepoListingEntry,
@@ -300,6 +301,7 @@ const OrganizationProjectPage = ({
   fileActions,
 }: OrganizationExplorerPageProps) => {
   const router = useRouter();
+  const isEmbedded = useIsEmbedded();
   const organization = typeof router.query.org === 'string' ? router.query.org : '';
   const project = typeof router.query.project === 'string' ? router.query.project : '';
   const currentPath = useMemo(
@@ -421,6 +423,17 @@ const OrganizationProjectPage = ({
   }, [normalizedSearchQuery, repoFiles]);
   const currentRepoPath = [organization, project, ...currentPath].join('/');
   const isSearchOpen = normalizedSearchQuery.length > 0;
+  const explorerProjectHref = useMemo(() => {
+    const query = new URLSearchParams();
+    if (currentPath.length > 0) {
+      query.set('path', currentPath.join('/'));
+    }
+    if (selectedDid) {
+      query.set('file', selectedDid);
+    }
+    const serialized = query.toString();
+    return `/org/${encodeURIComponent(organization)}/project/${encodeURIComponent(project)}/lake${serialized ? `?${serialized}` : ''}`;
+  }, [currentPath, organization, project, selectedDid]);
 
   useEffect(() => {
     const fileFromQuery =
@@ -586,156 +599,145 @@ const OrganizationProjectPage = ({
     );
   };
 
-  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>
+  const organizationProjectContent = (
+    <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(
-                        repoRootLabel.label,
-                        repoRootLabel.pathSegments,
+                        segment.label,
+                        segment.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();
-                        }}
+                    </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"
-                        variant="subtle"
-                      >
-                        {hasCopiedRepoPath ? (
-                          <IconCheck size={16} />
+                        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>
+                          ))
                         ) : (
-                          <IconCopy size={16} />
+                          <Text c="dimmed" className="px-3 py-3" size="sm">
+                            No files match “{searchQuery}”.
+                          </Text>
                         )}
-                      </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>
+                      </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">
@@ -867,13 +869,41 @@ const OrganizationProjectPage = ({
                           </Table.Tr>
                         ))}
                       </Table.Tbody>
-                    </Table>
-                  </ScrollArea>
-                </Card>
-              )}
-            </Stack>
-          </Container>
-        </div>
+                </Table>
+              </ScrollArea>
+            </Card>
+          )}
+        </Stack>
+      </Container>
+    </div>
+  );
+
+  if (isEmbedded) {
+    return (
+      <ProtectedContent>{organizationProjectContent}</ProtectedContent>
+    );
+  }
+
+  return (
+    <NavPageLayout
+      {...{ headerProps, footerProps }}
+      headerMetadata={{
+        content: `${organization}/${project}`,
+        key: 'syfon-organization-project',
+        title: `${organization}/${project}`,
+      }}
+      mainProps={{ className: 'bg-[#f6f8fa]' }}
+    >
+      <ProtectedContent>
+        <ProjectWorkspaceTabs
+          activeTab="explorer"
+          explorerHref={explorerProjectHref}
+          hasExplorerConfig
+          organization={organization}
+          project={project}
+        >
+          {organizationProjectContent}
+        </ProjectWorkspaceTabs>
       </ProtectedContent>
     </NavPageLayout>
   );
diff --git a/packages/frontend/src/pages/OrganizationExplorer/OrganizationProject.unit.test.tsx b/packages/frontend/src/pages/OrganizationExplorer/OrganizationProject.unit.test.tsx
index ff8010e1..092755f3 100644
--- a/packages/frontend/src/pages/OrganizationExplorer/OrganizationProject.unit.test.tsx
+++ b/packages/frontend/src/pages/OrganizationExplorer/OrganizationProject.unit.test.tsx
@@ -27,6 +27,28 @@ jest.mock('@gen3/core', () => ({
 
 jest.mock('../../features/Navigation', () => ({
   NavPageLayout: ({ 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}/lake`} role="tab">
+        Explorer
+      </a>
+      <a href={`/org/${organization}/project/${project}`} role="tab">
+        Source
+      </a>
+      {children}
+    </>
+  ),
 }));
 
 jest.mock('next/router', () => ({
@@ -41,6 +63,10 @@ jest.mock('../../components/Protected/ProtectedContent', () => ({
   default: ({ children }: { children: React.ReactNode }) => <>{children}</>,
 }));
 
+jest.mock('../../utils', () => ({
+  useIsEmbedded: jest.fn(() => false),
+}));
+
 const layoutProps = {
   footerProps: {
     basePage: false,
@@ -148,6 +174,33 @@ describe('OrganizationProjectPage', () => {
     ).not.toBeInTheDocument();
   });
 
+  it('renders route-backed project workspace tabs', () => {
+    useGetSyfonIndexRecordsQueryMock.mockReturnValue({
+      data: { directories: [], records: [] },
+      isFetching: false,
+      isLoading: false,
+    });
+
+    render(
+      <MantineProvider>
+        <OrganizationProjectPage {...layoutProps} />
+      </MantineProvider>,
+    );
+
+    expect(screen.getByRole('tab', { name: 'Home' })).toHaveAttribute(
+      'href',
+      '/org/org-a/project/proj-a/presentation',
+    );
+    expect(screen.getByRole('tab', { name: 'Explorer' })).toHaveAttribute(
+      'href',
+      '/org/org-a/project/proj-a/lake',
+    );
+    expect(screen.getByRole('tab', { name: 'Source' })).toHaveAttribute(
+      'href',
+      '/org/org-a/project/proj-a',
+    );
+  });
+
   it('copies the current repository path and searches files in memory', async () => {
     useGetSyfonIndexRecordsQueryMock.mockReturnValue({
       data: {
@@ -197,7 +250,7 @@ describe('OrganizationProjectPage', () => {
 
     expect(pushMock).toHaveBeenCalledWith(
       {
-        pathname: '/organization/[org]/project/[project]',
+        pathname: '/org/[org]/project/[project]/lake',
         query: {
           file: 'did-go-mod',
           org: 'org-a',
@@ -436,7 +489,7 @@ describe('OrganizationProjectPage', () => {
     fireEvent.click(screen.getByRole('button', { name: 'nested' }));
     expect(pushMock).toHaveBeenCalledWith(
       {
-        pathname: '/organization/[org]/project/[project]',
+        pathname: '/org/[org]/project/[project]/lake',
         query: {
           org: 'org-a',
           project: 'proj-a',
diff --git a/packages/frontend/src/types/gen3-core-gecko.d.ts b/packages/frontend/src/types/gen3-core-gecko.d.ts
index a843eb44..7c885ca6 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>;
   }
 
@@ -459,6 +471,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 },
   ): {
@@ -467,6 +484,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/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/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 };

From 6a0acd16923494298aa22009ca830b4d8ba36fda Mon Sep 17 00:00:00 2001
From: matthewpeterkort <matthewpeterkort@gmail.com>
Date: Fri, 26 Jun 2026 08:00:49 -0700
Subject: [PATCH 02/22] add path fields to storage creation page

---
 .../src/pages/GitExplorer/GitLanding.tsx       | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/packages/frontend/src/pages/GitExplorer/GitLanding.tsx b/packages/frontend/src/pages/GitExplorer/GitLanding.tsx
index c8a76a11..4ebf0923 100644
--- a/packages/frontend/src/pages/GitExplorer/GitLanding.tsx
+++ b/packages/frontend/src/pages/GitExplorer/GitLanding.tsx
@@ -786,6 +786,24 @@ const StorageFields = ({
         value={formState.bucket_secret_key}
       />
     </div>
+    <div className="grid gap-3 md:grid-cols-2">
+      <TextInput
+        label="Org path"
+        onChange={(event) =>
+          onUpdateField('bucket_org_path', event.currentTarget.value)
+        }
+        placeholder="optional"
+        value={formState.bucket_org_path}
+      />
+      <TextInput
+        label="Project path"
+        onChange={(event) =>
+          onUpdateField('bucket_project_path', event.currentTarget.value)
+        }
+        placeholder="optional"
+        value={formState.bucket_project_path}
+      />
+    </div>
     <div className="grid gap-3 md:grid-cols-2">
       <Select
         data={bucketProviderOptions}

From 211a1963b61e253b64672526c19b8183353fc645 Mon Sep 17 00:00:00 2001
From: matthewpeterkort <matthewpeterkort@gmail.com>
Date: Fri, 26 Jun 2026 10:39:18 -0700
Subject: [PATCH 03/22] add lfs tag to get requests since it no longer is a
 default in gecko

---
 packages/core/src/features/gecko/geckoApi.ts           | 10 ++++++++++
 packages/frontend/src/pages/GitExplorer/GitProject.tsx |  2 ++
 packages/frontend/src/types/gen3-core-gecko.d.ts       |  2 ++
 3 files changed, 14 insertions(+)

diff --git a/packages/core/src/features/gecko/geckoApi.ts b/packages/core/src/features/gecko/geckoApi.ts
index 2d2a08ca..0262eded 100644
--- a/packages/core/src/features/gecko/geckoApi.ts
+++ b/packages/core/src/features/gecko/geckoApi.ts
@@ -1001,6 +1001,8 @@ export const geckoApi = geckoTaggedApi.injectEndpoints({
     getGeckoGitProjectTree: builder.query<
       GeckoGitTreeResponse,
       {
+        includeLastModified?: boolean;
+        includeLFSPointer?: boolean;
         organization: string;
         project: string;
         path?: string;
@@ -1013,6 +1015,8 @@ export const geckoApi = geckoTaggedApi.injectEndpoints({
       }
     >({
       query: ({
+        includeLastModified,
+        includeLFSPointer,
         organization,
         project,
         path,
@@ -1034,9 +1038,15 @@ export const geckoApi = geckoTaggedApi.injectEndpoints({
         if (typeof include_last_modified === 'boolean') {
           queryParams.set('include_last_modified', String(include_last_modified));
         }
+        if (includeLastModified) {
+          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');
+        }
         if (view) {
           queryParams.set('view', view);
         }
diff --git a/packages/frontend/src/pages/GitExplorer/GitProject.tsx b/packages/frontend/src/pages/GitExplorer/GitProject.tsx
index 9716e537..3cbf81c3 100644
--- a/packages/frontend/src/pages/GitExplorer/GitProject.tsx
+++ b/packages/frontend/src/pages/GitExplorer/GitProject.tsx
@@ -253,6 +253,8 @@ const GitProjectPage = ({
     refetch: refetchTree,
   } = useGetGeckoGitProjectTreeQuery(
     {
+      includeLastModified: true,
+      includeLFSPointer: true,
       include_last_modified: true,
       include_lfs_pointer: true,
       include_size: true,
diff --git a/packages/frontend/src/types/gen3-core-gecko.d.ts b/packages/frontend/src/types/gen3-core-gecko.d.ts
index 7c885ca6..ef79f163 100644
--- a/packages/frontend/src/types/gen3-core-gecko.d.ts
+++ b/packages/frontend/src/types/gen3-core-gecko.d.ts
@@ -467,6 +467,8 @@ declare module '@gen3/core' {
 
   export function useGetGeckoGitProjectTreeQuery(
     args: {
+      includeLastModified?: boolean;
+      includeLFSPointer?: boolean;
       organization: string;
       project: string;
       path?: string;

From d4548bd8aa43aa1d4a52e5b92ce76250457e1b6c Mon Sep 17 00:00:00 2001
From: matthewpeterkort <matthewpeterkort@gmail.com>
Date: Wed, 1 Jul 2026 14:25:31 -0700
Subject: [PATCH 04/22] update storage page audit to be better ux for user

---
 .../core/src/features/gen3Apps/Gen3App.tsx    |   39 +-
 .../core/src/features/gen3Apps/Gen3AppRTKQ.ts |   17 +-
 packages/core/src/store.ts                    |   17 +-
 .../src/features/Navigation/Sidebar.tsx       |    2 +-
 packages/frontend/src/index.ts                |    2 -
 .../src/lib/content/MicroserviceContent.ts    |   28 +-
 .../src/pages/FileSummary/FileSummary.tsx     | 1565 ++++++++++++++++-
 .../frontend/src/pages/FileSummary/data.ts    |   14 +-
 .../frontend/src/pages/FileSummary/hooks.tsx  |  920 +++++++---
 .../src/pages/GitExplorer/GitProject.tsx      |   14 -
 .../GitExplorer/GitProject.unit.test.tsx      |   60 -
 .../OrganizationLanding.tsx                   |    4 +-
 .../OrganizationProject.tsx                   |  912 ----------
 .../OrganizationProject.unit.test.tsx         |  517 ------
 .../src/pages/OrganizationExplorer/index.ts   |    1 -
 packages/sampleCommons/src/pages/_app.tsx     |    6 +-
 .../org/[org]/project/[project]/lake.tsx      |    7 -
 17 files changed, 2219 insertions(+), 1906 deletions(-)
 delete mode 100644 packages/frontend/src/pages/OrganizationExplorer/OrganizationProject.tsx
 delete mode 100644 packages/frontend/src/pages/OrganizationExplorer/OrganizationProject.unit.test.tsx
 delete mode 100644 packages/sampleCommons/src/pages/org/[org]/project/[project]/lake.tsx

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..54a9bae4 100644
--- a/packages/core/src/features/gen3Apps/Gen3AppRTKQ.ts
+++ b/packages/core/src/features/gen3Apps/Gen3AppRTKQ.ts
@@ -15,14 +15,7 @@ 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';
@@ -88,12 +81,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/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/features/Navigation/Sidebar.tsx b/packages/frontend/src/features/Navigation/Sidebar.tsx
index e69ec6e2..a6766f95 100644
--- a/packages/frontend/src/features/Navigation/Sidebar.tsx
+++ b/packages/frontend/src/features/Navigation/Sidebar.tsx
@@ -55,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
diff --git a/packages/frontend/src/index.ts b/packages/frontend/src/index.ts
index 6125ca4d..154b562d 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,
@@ -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/pages/FileSummary/FileSummary.tsx b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
index c0c90d57..35a7a7f5 100644
--- a/packages/frontend/src/pages/FileSummary/FileSummary.tsx
+++ b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
@@ -1,9 +1,10 @@
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { useRouter } from 'next/router';
 import {
   ActionIcon,
   Alert,
   Badge,
+  Checkbox,
   Button,
   Center,
   Container,
@@ -11,6 +12,7 @@ import {
   Loader,
   Menu,
   Modal,
+  Pagination,
   Progress,
   Select,
   Stack,
@@ -33,10 +35,13 @@ import { FileSummaryPageProps } from './types';
 import {
   type ProjectDiffFinding,
   type ProjectDiffFindingKind,
+  type StorageChainFindingKind,
+  type StorageChainIssueGroup,
   type StorageCleanupFinding,
   type StorageCleanupFindingKind,
   useFileSummaryProjectOptions,
   useSyfonProjectDiff,
+  useSyfonStorageChain,
   useSyfonPathStorageSummary,
   useSyfonStorageCleanup,
 } from './hooks';
@@ -63,6 +68,14 @@ type BreadcrumbItem = {
   readonly path: string;
 };
 
+type ChainPathTreeNode = {
+  label: string;
+  path: string;
+  isFolder: boolean;
+  leafPath?: string;
+  descendantLeafPaths: Array<string>;
+};
+
 type StorageSortKey =
   | 'name'
   | 'type'
@@ -74,6 +87,71 @@ type StorageSortKey =
 
 type StorageSortDirection = 'asc' | 'desc';
 
+const buildPathsByParentMap = (paths: Array<string>): Map<string, Array<ChainPathTreeNode>> => {
+  const map = new Map<string, Array<ChainPathTreeNode>>();
+  const seenPaths = new Set<string>();
+  const nodesByPath = new Map<string, ChainPathTreeNode>();
+
+  Array.from(new Set(paths.filter(Boolean))).forEach((value) => {
+    const segments = value.split('/').filter(Boolean);
+    let parentPath = '';
+    const pathNodes: Array<ChainPathTreeNode> = [];
+
+    for (let index = 0; index < segments.length; index += 1) {
+      const segment = segments[index];
+      const nodePath = parentPath ? `${parentPath}/${segment}` : segment;
+      const isLast = index === segments.length - 1;
+
+      const key = parentPath;
+      const uniqKey = `${key}::${nodePath}`;
+      let node: ChainPathTreeNode;
+
+      if (!seenPaths.has(uniqKey)) {
+        seenPaths.add(uniqKey);
+        let list = map.get(key);
+        if (!list) {
+          list = [];
+          map.set(key, list);
+        }
+        node = {
+          label: segment,
+          path: nodePath,
+          isFolder: !isLast,
+          leafPath: isLast ? value : undefined,
+          descendantLeafPaths: [],
+        };
+        list.push(node);
+        nodesByPath.set(nodePath, node);
+      } else {
+        node = nodesByPath.get(nodePath)!;
+        if (!isLast) {
+          node.isFolder = true;
+        }
+      }
+      pathNodes.push(node);
+      parentPath = nodePath;
+    }
+
+    pathNodes.forEach((node) => {
+      node.descendantLeafPaths.push(value);
+    });
+  });
+
+  map.forEach((list) => {
+    list.sort((left: ChainPathTreeNode, right: ChainPathTreeNode) => {
+      if (left.isFolder !== right.isFolder) {
+        return left.isFolder ? -1 : 1;
+      }
+      return left.label.localeCompare(right.label, undefined, {
+        numeric: true,
+        sensitivity: 'base',
+      });
+    });
+  });
+
+  return map;
+};
+
 const formatCleanupFindingLabel = (value: string): string =>
   value
     .split('_')
@@ -144,10 +222,18 @@ const getCleanupFindingColor = (
       return 'orange';
     case 'broken_access_url_error':
       return 'red';
+    case 'broken_bucket_mapping':
+      return 'orange';
+    case 'bucket_only_object':
+      return 'violet';
     case 'live_duplicate_conflict':
       return 'yellow';
+    case 'storage_object_missing':
+      return 'red';
     case 'storage_probe_error':
       return 'red';
+    case 'storage_validation_mismatch':
+      return 'orange';
     case 'repo_orphan_live_object':
     case 'repo_orphan_stale_record':
       return 'grape';
@@ -328,6 +414,36 @@ const summarizeCleanupIssues = (
       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',
@@ -338,6 +454,16 @@ const summarizeCleanupIssues = (
       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',
@@ -402,6 +528,186 @@ const summarizeCleanupIssues = (
     .filter((item): item is CleanupIssueSummary => item !== null);
 };
 
+type ChainIssueKind = Exclude<StorageChainFindingKind, 'unknown'>;
+
+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 actionLabel?: string;
+};
+
+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:
+      'Bucket object exists, but its metadata does not match what Syfon expects.',
+    recommendation:
+      'Investigate metadata drift before applying deletion.',
+    actionLabel: 'Show mismatches',
+  },
+  {
+    id: 'probe_error',
+    title: 'Probe Error',
+    color: 'red',
+    description:
+      'Bucket verification failed before Gecko could classify the chain cleanly.',
+    recommendation:
+      'Fix the mapped bucket target, bucket credential, or provider access problem and rerun the audit.',
+    actionLabel: 'Show probe errors',
+  },
+];
+
+const summarizeStorageChainIssues = ({
+  chainGroups,
+}: {
+  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;
+      }
+
+      summaries.push({
+        actionLabel: definition.actionLabel,
+        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;
+    },
+    [],
+  );
+};
+
+const computeGroupsFromFindings = (
+  findings: Array<StorageChainFinding>,
+): Array<StorageChainIssueGroup> => {
+  const groupsByKind = new Map<
+    string,
+    {
+      findingCount: number;
+      pathCount: number;
+      recordCount: number;
+      objectCount: number;
+      totalBytes: number;
+    }
+  >();
+
+  findings.forEach((finding) => {
+    let current = groupsByKind.get(finding.kind);
+    if (!current) {
+      current = {
+        findingCount: 0,
+        pathCount: 0,
+        recordCount: 0,
+        objectCount: 0,
+        totalBytes: 0,
+      };
+      groupsByKind.set(finding.kind, current);
+    }
+    current.findingCount += 1;
+    if (finding.normalizedPath) {
+      current.pathCount += 1;
+    }
+    current.recordCount += finding.recordCount || 0;
+    current.objectCount += finding.objectIds?.length || 0;
+    current.totalBytes += finding.sizeBytes || 0;
+  });
+
+  return Array.from(groupsByKind.entries()).map(([kind, g]) => ({
+    kind,
+    findingCount: g.findingCount,
+    pathCount: g.pathCount,
+    recordCount: g.recordCount,
+    objectCount: g.objectCount,
+    totalBytes: g.totalBytes,
+  }));
+};
+
 export const FileSummaryPage = ({
   headerProps,
   footerProps,
@@ -426,13 +732,28 @@ export const FileSummaryPage = ({
     filesummaryConfig?.defaultPath?.trim() ?? '',
   );
   const [selectedCleanupIssueId, setSelectedCleanupIssueId] = useState<string | null>(null);
+  const [selectedChainIssueId, setSelectedChainIssueId] = useState<string | null>(
+    null,
+  );
+  const [selectedChainPathsByIssue, setSelectedChainPathsByIssue] = useState<
+    Record<string, Array<string>>
+  >({});
+  const [expandedChainTreeNodes, setExpandedChainTreeNodes] = useState<
+    Record<string, boolean>
+  >({});
   const [selectedDiffIssueId, setSelectedDiffIssueId] = useState<string | null>(null);
+  const [showCleanupDetails, setShowCleanupDetails] = useState(false);
+  const [showDiffDetails, setShowDiffDetails] = useState(false);
   const [repoOrphanDeleteModalOpen, setRepoOrphanDeleteModalOpen] =
     useState(false);
   const [auditModalOpen, setAuditModalOpen] = useState(false);
   const [storageSortKey, setStorageSortKey] = useState<StorageSortKey>('sizeBytes');
   const [storageSortDirection, setStorageSortDirection] =
     useState<StorageSortDirection>('desc');
+  const [activeChainPage, setActiveChainPage] = useState(1);
+  const [activeDiffPage, setActiveDiffPage] = useState(1);
+  const [activeCleanupPage, setActiveCleanupPage] = useState(1);
+  const [treeNodeLimit, setTreeNodeLimit] = useState<Record<string, number>>({});
 
   useEffect(() => {
     if (forcedProjectSelection) {
@@ -493,11 +814,23 @@ export const FileSummaryPage = ({
     projectSelection: selectedProject,
   });
   const {
-    auditError: diffAuditError,
+    auditError: chainAuditError,
+    auditResult: chainAuditResult,
+    clearAudit: clearChainAudit,
+    isAuditing: isChainAuditing,
+    runAudit: runChainAudit,
+    setAuditResult: setChainAuditResult,
+  } = useSyfonStorageChain({
+    config: filesummaryConfig,
+    currentPath,
+    projectSelection: selectedProject,
+  });
+  const {
     auditResult: diffAuditResult,
     clearAudit: clearDiffAudit,
     isAuditing: isDiffAuditing,
     runAudit: runProjectDiffAudit,
+    setAuditResult: setDiffAuditResult,
   } = useSyfonProjectDiff({
     config: filesummaryConfig,
     currentPath,
@@ -515,26 +848,201 @@ export const FileSummaryPage = ({
     isAuditing,
     rerunAudit,
     runAudit,
+    setAuditResult: setCleanupAuditResult,
   } = useSyfonStorageCleanup({
     config: filesummaryConfig,
     currentPath,
     projectSelection: selectedProject,
   });
 
+  const removePathsFromLocalStates = useCallback((deletedPaths: Array<string>) => {
+    const deletedSet = new Set(deletedPaths);
+
+    // Update Storage Chain Audit local state
+    setChainAuditResult((current) => {
+      if (!current) return null;
+      const newFindings = current.findings.filter(
+        (f) => !deletedSet.has(f.normalizedPath),
+      );
+      const newGroups = computeGroupsFromFindings(newFindings);
+
+      const deletedFindings = current.findings.filter(
+        (f) => deletedSet.has(f.normalizedPath),
+      );
+      const deletedObjectCount = deletedFindings.reduce((sum, f) => sum + (f.objectIds?.length || 0), 0);
+      const deletedRecordCount = deletedFindings.reduce((sum, f) => sum + (f.recordCount || 0), 0);
+
+      const countsByKind: Record<string, number> = {};
+      newFindings.forEach((f) => {
+        countsByKind[f.kind] = (countsByKind[f.kind] || 0) + 1;
+      });
+      current.groups.forEach((group) => {
+        if (!countsByKind[group.kind]) {
+          countsByKind[group.kind] = 0;
+        }
+      });
+
+      const newSummary = {
+        ...current.summary,
+        totalFindings: newFindings.length,
+        countsByKind: {
+          ...current.summary.countsByKind,
+          ...countsByKind,
+        },
+        bucketObjectCount: Math.max(0, current.summary.bucketObjectCount - deletedObjectCount),
+        syfonRecordCount: Math.max(0, current.summary.syfonRecordCount - deletedRecordCount),
+      };
+
+      return {
+        ...current,
+        findings: newFindings,
+        groups: newGroups,
+        summary: newSummary,
+      };
+    });
+
+    // Update Storage Cleanup Audit (auditResult) local state
+    setCleanupAuditResult((current) => {
+      if (!current) return null;
+      const newRecords = current.records.filter(
+        (r) => !deletedSet.has(r.path),
+      );
+      const deletedRecords = current.records.filter(
+        (r) => deletedSet.has(r.path),
+      );
+      const deletedBytes = deletedRecords.reduce((sum, r) => sum + (r.sizeBytes || 0), 0);
+
+      const newSummary = {
+        ...current.summary,
+        totalFindings: newRecords.length,
+        totalRecords: newRecords.length,
+        totalBytes: Math.max(0, current.summary.totalBytes - deletedBytes),
+      };
+
+      return {
+        ...current,
+        records: newRecords,
+        summary: newSummary,
+      };
+    });
+
+    // Reset selection for this issue
+    if (selectedChainIssue) {
+      setSelectedChainPathsByIssue((current) => ({
+        ...current,
+        [selectedChainIssue.id]: [],
+      }));
+    }
+  }, [selectedChainIssue, setChainAuditResult, setCleanupAuditResult]);
+
+  const removeObjectIdsFromLocalStates = useCallback((deletedIds: Array<string>) => {
+    const deletedSet = new Set(deletedIds);
+
+    // Update Storage Chain Audit local state
+    setChainAuditResult((current) => {
+      if (!current) return null;
+      const newFindings = current.findings.filter(
+        (f) => !f.objectIds.some((id) => deletedSet.has(id)),
+      );
+      const newGroups = computeGroupsFromFindings(newFindings);
+      
+      const deletedFindings = current.findings.filter(
+        (f) => f.objectIds.some((id) => deletedSet.has(id)),
+      );
+      const deletedObjectCount = deletedFindings.reduce((sum, f) => sum + (f.objectIds?.length || 0), 0);
+      const deletedRecordCount = deletedFindings.reduce((sum, f) => sum + (f.recordCount || 0), 0);
+
+      const countsByKind: Record<string, number> = {};
+      newFindings.forEach((f) => {
+        countsByKind[f.kind] = (countsByKind[f.kind] || 0) + 1;
+      });
+      current.groups.forEach((group) => {
+        if (!countsByKind[group.kind]) {
+          countsByKind[group.kind] = 0;
+        }
+      });
+
+      const newSummary = {
+        ...current.summary,
+        totalFindings: newFindings.length,
+        countsByKind: {
+          ...current.summary.countsByKind,
+          ...countsByKind,
+        },
+        bucketObjectCount: Math.max(0, current.summary.bucketObjectCount - deletedObjectCount),
+        syfonRecordCount: Math.max(0, current.summary.syfonRecordCount - deletedRecordCount),
+      };
+
+      return {
+        ...current,
+        findings: newFindings,
+        groups: newGroups,
+        summary: newSummary,
+      };
+    });
+
+    // Update Storage Cleanup Audit (auditResult) local state
+    setCleanupAuditResult((current) => {
+      if (!current) return null;
+      const newRecords = current.records.filter(
+        (r) => !deletedSet.has(r.objectId),
+      );
+      const deletedRecords = current.records.filter(
+        (r) => deletedSet.has(r.objectId),
+      );
+      const deletedBytes = deletedRecords.reduce((sum, r) => sum + (r.sizeBytes || 0), 0);
+
+      const newSummary = {
+        ...current.summary,
+        totalFindings: newRecords.length,
+        totalRecords: newRecords.length,
+        totalBytes: Math.max(0, current.summary.totalBytes - deletedBytes),
+      };
+
+      return {
+        ...current,
+        records: newRecords,
+        summary: newSummary,
+      };
+    });
+  }, [setChainAuditResult, setCleanupAuditResult]);
+
   useEffect(() => {
+    clearChainAudit();
     clearDiffAudit();
     clearCleanupResults();
-  }, [clearCleanupResults, clearDiffAudit, currentPath, selectedProject]);
+  }, [clearChainAudit, clearCleanupResults, clearDiffAudit, currentPath, selectedProject]);
 
   useEffect(() => {
+    setSelectedChainIssueId(null);
     setSelectedCleanupIssueId(null);
     setSelectedDiffIssueId(null);
-  }, [auditResult?.pathPrefix, currentPath, selectedProject]);
+    setShowCleanupDetails(false);
+    setShowDiffDetails(false);
+    setSelectedChainPathsByIssue({});
+    setExpandedChainTreeNodes({});
+    setTreeNodeLimit({});
+    setActiveChainPage(1);
+    setActiveDiffPage(1);
+    setActiveCleanupPage(1);
+  }, [auditResult?.pathPrefix, chainAuditResult, currentPath, selectedProject]);
+
+  useEffect(() => {
+    setActiveChainPage(1);
+    setTreeNodeLimit({});
+  }, [selectedChainIssueId]);
+
+  useEffect(() => {
+    setActiveDiffPage(1);
+  }, [selectedDiffIssueId]);
+
+  useEffect(() => {
+    setActiveCleanupPage(1);
+  }, [selectedCleanupIssueId]);
 
   const pageTitle = selectedProjectParts
     ? `${selectedProjectParts.organization}/${selectedProjectParts.project}`
     : 'Storage Monitor';
-  const pathLabel = currentPath || '/';
   const sortedRows = useMemo(
     () =>
       sortStorageRowsBy(
@@ -567,6 +1075,105 @@ export const FileSummaryPage = ({
     [diffAuditResult?.findings, selectedDiffIssue],
   );
   const hasCleanupFindings = (auditResult?.summary.totalFindings ?? 0) > 0;
+  const chainIssueSummaries = useMemo(
+    () =>
+      summarizeStorageChainIssues({
+        chainGroups: chainAuditResult?.groups ?? [],
+      }),
+    [chainAuditResult?.groups],
+  );
+  const selectedChainIssue = useMemo(
+    () =>
+      chainIssueSummaries.find((issue) => issue.id === selectedChainIssueId) ?? null,
+    [chainIssueSummaries, selectedChainIssueId],
+  );
+  const selectedChainFindings = useMemo(
+    () =>
+      selectedChainIssue
+        ? (chainAuditResult?.findings ?? []).filter(
+            (finding) => finding.kind === selectedChainIssue.id,
+          )
+        : [],
+    [chainAuditResult?.findings, selectedChainIssue],
+  );
+  const selectedChainObjectIdsCount = useMemo(
+    () =>
+      selectedChainFindings
+        .flatMap((finding) => finding.objectIds)
+        .filter(Boolean).length,
+    [selectedChainFindings],
+  );
+  const actionableChainSelectionIssue =
+    selectedChainIssue?.id === 'bucket_only_object' ||
+    selectedChainIssue?.id === 'bucket_syfon_no_git';
+  const selectableChainPaths = useMemo(
+    () =>
+      actionableChainSelectionIssue
+        ? Array.from(
+            new Set(
+              selectedChainFindings
+                .map((finding) => finding.normalizedPath)
+                .filter(Boolean),
+            ),
+          ).sort()
+        : [],
+    [actionableChainSelectionIssue, selectedChainFindings],
+  );
+  const selectedChainPaths = useMemo(
+    () =>
+      actionableChainSelectionIssue
+        ? selectedChainPathsByIssue[selectedChainIssue?.id ?? ''] ?? []
+        : [],
+    [
+      actionableChainSelectionIssue,
+      selectedChainIssue?.id,
+      selectedChainPathsByIssue,
+    ],
+  );
+  const pathsByParent = useMemo(
+    () => buildPathsByParentMap(selectableChainPaths),
+    [selectableChainPaths],
+  );
+  const selectedChainPathsSet = useMemo(
+    () => new Set(selectedChainPaths),
+    [selectedChainPaths],
+  );
+
+  const chainPathTree = useMemo(
+    () => pathsByParent.get('') ?? [],
+    [pathsByParent],
+  );
+  useEffect(() => {
+    if (!actionableChainSelectionIssue || !selectedChainIssue) {
+      return;
+    }
+    setSelectedChainPathsByIssue((current) => {
+      const existing = current[selectedChainIssue.id];
+      const available = new Set(selectableChainPaths);
+      const next = (existing ?? []).filter((path) =>
+        available.has(path),
+      );
+      const normalized = next;
+      if (
+        existing &&
+        existing.length === normalized.length &&
+        existing.every((value, index) => value === normalized[index])
+      ) {
+        return current;
+      }
+      return {
+        ...current,
+        [selectedChainIssue.id]: normalized,
+      };
+    });
+  }, [
+    actionableChainSelectionIssue,
+    selectableChainPaths,
+    selectedChainIssue,
+  ]);
+  const canRepairBrokenBucketMappings =
+    selectedChainIssue?.id === 'syfon_broken_bucket_mapping' &&
+    selectedChainFindings.length > 0;
   const cleanupIssueSummaries = useMemo(
     () => summarizeCleanupIssues(auditResult?.findings ?? []),
     [auditResult?.findings],
@@ -587,6 +1194,39 @@ export const FileSummaryPage = ({
       selectedCleanupIssue.findingKinds.includes(finding.kind),
     );
   }, [auditResult, selectedCleanupIssue]);
+
+  const selectedDiffFindings = useMemo(
+    () =>
+      diffAuditResult?.findings
+        ? diffAuditResult.findings.filter((finding) =>
+            selectedDiffIssue
+              ? selectedDiffIssue.findingKinds.includes(finding.kind)
+              : false,
+          )
+        : [],
+    [diffAuditResult?.findings, selectedDiffIssue],
+  );
+
+  const totalChainPages = Math.ceil(selectedChainFindings.length / 100);
+  const paginatedChainFindings = useMemo(() => {
+    const start = (activeChainPage - 1) * 100;
+    const end = start + 100;
+    return selectedChainFindings.slice(start, end);
+  }, [selectedChainFindings, activeChainPage]);
+
+  const totalDiffPages = Math.ceil(selectedDiffFindings.length / 100);
+  const paginatedDiffFindings = useMemo(() => {
+    const start = (activeDiffPage - 1) * 100;
+    const end = start + 100;
+    return selectedDiffFindings.slice(start, end);
+  }, [selectedDiffFindings, activeDiffPage]);
+
+  const totalCleanupPages = Math.ceil(visibleCleanupFindings.length / 100);
+  const paginatedCleanupFindings = useMemo(() => {
+    const start = (activeCleanupPage - 1) * 100;
+    const end = start + 100;
+    return visibleCleanupFindings.slice(start, end);
+  }, [visibleCleanupFindings, activeCleanupPage]);
   const brokenRecordObjectIds = useMemo(
     () =>
       Array.from(
@@ -686,7 +1326,21 @@ export const FileSummaryPage = ({
 
     if (result) {
       refresh();
-      await rerunAudit();
+      if (selectedPaths && selectedPaths.length > 0) {
+        removePathsFromLocalStates(selectedPaths);
+      } else {
+        const pathsToRemove: Array<string> = [];
+        if (deleteRepoOrphans) {
+          (chainAuditResult?.findings ?? [])
+            .filter((f) => f.kind === 'bucket_syfon_no_git')
+            .forEach((f) => pathsToRemove.push(f.normalizedPath));
+        }
+        if (pathsToRemove.length > 0) {
+          removePathsFromLocalStates(pathsToRemove);
+        } else {
+          await rerunAudit();
+        }
+      }
     }
   };
 
@@ -701,7 +1355,106 @@ export const FileSummaryPage = ({
 
     if (result) {
       refresh();
-      await rerunAudit();
+      removeObjectIdsFromLocalStates(brokenRecordObjectIds);
+    }
+  };
+
+  const handleRepairBrokenBucketMappings = async () => {
+    if (
+      !selectedChainIssue ||
+      selectedChainIssue.id !== 'syfon_broken_bucket_mapping'
+    ) {
+      return;
+    }
+
+    const objectIds = Array.from(
+      new Set(
+        selectedChainFindings
+          .flatMap((finding) => finding.objectIds)
+          .filter(Boolean),
+      ),
+    );
+
+    if (objectIds.length === 0) {
+      return;
+    }
+
+    const result = await deleteBrokenRecords({
+      objectIds,
+    });
+
+    if (result) {
+      refresh();
+      await runChainAudit();
+      if (auditResult) {
+        await rerunAudit();
+      }
+    }
+  };
+
+  const toggleExpandedChainTreeNode = useCallback((nodePath: string) => {
+    setExpandedChainTreeNodes((current) => ({
+      ...current,
+      [nodePath]: !current[nodePath],
+    }));
+  }, []);
+
+  const setSelectedChainPathsForIssue = useCallback(
+    (paths: Array<string>) => {
+      if (!selectedChainIssue) {
+        return;
+      }
+      setSelectedChainPathsByIssue((current) => ({
+        ...current,
+        [selectedChainIssue.id]: Array.from(new Set(paths)).sort(),
+      }));
+    },
+    [selectedChainIssue],
+  );
+
+  const handleToggleAllChainPaths = useCallback(
+    (checked: boolean) => {
+      if (!actionableChainSelectionIssue) {
+        return;
+      }
+      setSelectedChainPathsForIssue(checked ? selectableChainPaths : []);
+    },
+    [actionableChainSelectionIssue, selectableChainPaths, setSelectedChainPathsForIssue],
+  );
+
+  const handleToggleChainPath = useCallback(
+    (path: string, checked: boolean) => {
+      const next = checked
+        ? [...selectedChainPaths, path]
+        : selectedChainPaths.filter((value) => value !== path);
+      setSelectedChainPathsForIssue(next);
+    },
+    [selectedChainPaths, setSelectedChainPathsForIssue],
+  );
+
+  const handleApplySelectedChainDeletion = async () => {
+    if (!selectedChainIssue || selectedChainPaths.length === 0) {
+      return;
+    }
+    const result =
+      selectedChainIssue.id === 'bucket_only_object'
+        ? await applyCleanup({
+            deleteRepoOrphans: false,
+            deleteStaleDuplicates: false,
+            deleteBucketOnlyObjects: true,
+            selectedPaths: selectedChainPaths,
+          })
+        : selectedChainIssue.id === 'bucket_syfon_no_git'
+          ? await applyCleanup({
+              deleteRepoOrphans: true,
+              deleteStaleDuplicates: false,
+              selectedPaths: selectedChainPaths,
+            })
+          : null;
+
+    if (result) {
+      refresh();
+      removePathsFromLocalStates(selectedChainPaths);
     }
   };
 
@@ -717,6 +1470,9 @@ export const FileSummaryPage = ({
   const handlePrepareCleanup = async (issue: ProjectDiffIssueSummary) => {
     setSelectedDiffIssueId(issue.id);
     setSelectedCleanupIssueId(null);
+    setSelectedChainIssueId(null);
+    setShowDiffDetails(true);
+    setShowCleanupDetails(true);
     await runAudit({
       includeRepoManifest: true,
       selectedPaths: (diffAuditResult?.findings ?? [])
@@ -725,13 +1481,54 @@ export const FileSummaryPage = ({
     });
   };
 
-  const handleOpenAuditModal = async () => {
-    setAuditModalOpen(true);
+  const ensureDiffAuditLoaded = async (): Promise<void> => {
     if (!diffAuditResult && !isDiffAuditing) {
       await runProjectDiffAudit();
     }
   };
 
+  const ensureCleanupAuditLoaded = async ({
+    selectedPaths,
+  }: {
+    selectedPaths?: Array<string>;
+  } = {}): Promise<void> => {
+    if (!auditResult && !isAuditing) {
+      await runAudit({
+        includeRepoManifest: true,
+        selectedPaths,
+      });
+    }
+  };
+
+  const handleToggleChainIssueDetails = useCallback(
+    (issue: ChainIssueSummary) => {
+      const shouldOpen = selectedChainIssueId !== issue.id;
+      setSelectedChainIssueId(shouldOpen ? issue.id : null);
+      if (shouldOpen) {
+        setSelectedDiffIssueId(null);
+        setSelectedCleanupIssueId(null);
+      }
+    },
+    [selectedChainIssueId],
+  );
+
+  const handleFocusChainIssue = async (issue: ChainIssueSummary) => {
+    setSelectedChainIssueId(issue.id);
+    setSelectedDiffIssueId(null);
+    setSelectedCleanupIssueId(null);
+  };
+
+  const handleOpenAuditModal = async () => {
+    setAuditModalOpen(true);
+    const tasks: Array<Promise<unknown>> = [];
+    if (!chainAuditResult && !isChainAuditing) {
+      tasks.push(runChainAudit());
+    }
+    if (tasks.length > 0) {
+      await Promise.all(tasks);
+    }
+  };
+
   const handleStorageSort = (key: StorageSortKey) => {
     setStorageSortDirection((currentDirection) =>
       storageSortKey === key
@@ -745,6 +1542,94 @@ export const FileSummaryPage = ({
     setStorageSortKey(key);
   };
 
+  const renderChainTreeNode = (node: ChainPathTreeNode, depth = 0): React.ReactNode => {
+    const descendantLeafPaths = node.descendantLeafPaths;
+    const selectedCount = descendantLeafPaths.filter((value) =>
+      selectedChainPathsSet.has(value),
+    ).length;
+    const fullySelected =
+      descendantLeafPaths.length > 0 && selectedCount === descendantLeafPaths.length;
+    const partiallySelected =
+      selectedCount > 0 && selectedCount < descendantLeafPaths.length;
+    const isLeaf = !node.isFolder;
+    const isExpanded = expandedChainTreeNodes[node.path] ?? false;
+    const children = pathsByParent.get(node.path) ?? [];
+
+    return (
+      <Stack gap={4} key={node.path}>
+        <Group gap="xs" style={{ paddingLeft: depth * 16 }}>
+          {isLeaf ? (
+            <div style={{ width: 28 }} />
+          ) : (
+            <ActionIcon
+              onClick={() => toggleExpandedChainTreeNode(node.path)}
+              size="sm"
+              variant="subtle"
+            >
+              <IconChevronRight
+                size={14}
+                style={{
+                  transform: isExpanded ? 'rotate(90deg)' : 'rotate(0deg)',
+                  transition: 'transform 120ms ease',
+                }}
+              />
+            </ActionIcon>
+          )}
+          <Checkbox
+            checked={fullySelected}
+            indeterminate={partiallySelected}
+            label={node.label}
+            onChange={(event) => {
+              const checked = event.currentTarget.checked;
+              if (isLeaf && node.leafPath) {
+                handleToggleChainPath(node.leafPath, checked);
+                return;
+              }
+              let nextSelected: Array<string>;
+              if (checked) {
+                const set = new Set([...selectedChainPaths, ...descendantLeafPaths]);
+                nextSelected = Array.from(set).sort();
+              } else {
+                const descendantSet = new Set(descendantLeafPaths);
+                nextSelected = selectedChainPaths.filter((path) => !descendantSet.has(path));
+              }
+              setSelectedChainPathsForIssue(nextSelected);
+            }}
+          />
+        </Group>
+        {!isLeaf && isExpanded ? (
+          <>
+            {children
+              .slice(0, treeNodeLimit[node.path] ?? 100)
+              .map((child) => renderChainTreeNode(child, depth + 1))}
+            {children.length > (treeNodeLimit[node.path] ?? 100) && (
+              <Button
+                onClick={() =>
+                  setTreeNodeLimit((current) => ({
+                    ...current,
+                    [node.path]: (current[node.path] ?? 100) + 100,
+                  }))
+                }
+                size="xs"
+                style={{
+                  alignSelf: 'flex-start',
+                  marginLeft: (depth + 1) * 16 + 28,
+                }}
+                variant="subtle"
+              >
+                Show more (
+                {(
+                  children.length - (treeNodeLimit[node.path] ?? 100)
+                ).toLocaleString()}{' '}
+                remaining)...
+              </Button>
+            )}
+          </>
+        ) : null}
+      </Stack>
+    );
+  };
+
   const renderStorageSortHeader = (
     label: string,
     key: StorageSortKey,
@@ -773,9 +1658,8 @@ export const FileSummaryPage = ({
               <div>
                 <Title order={2}>Storage Monitor</Title>
                 <Text c="dimmed" mt={4} size="sm">
-                  Syfon-backed storage view by project path using the
-                  dedicated storage metrics endpoints for subtree summaries
-                  and direct-child listings.
+                  Gecko-backed storage view by project path using repository
+                  analytics plus Syfon-backed object verification.
                 </Text>
               </div>
             </Group>
@@ -916,28 +1800,467 @@ export const FileSummaryPage = ({
                 onClose={() => setAuditModalOpen(false)}
                 opened={auditModalOpen}
                 size="min(1680px, 96vw)"
-                title="Project Audit"
+                title="Storage Chain Audit"
               >
                 <Stack gap="md">
                   <Text c="dimmed" size="sm">
-                    Compare Git-tracked paths against Syfon project records
-                    first. Storage verification runs inside this audit flow for
-                    the issue set you choose to inspect.
+                    Gecko audits the chain from bucket objects to Syfon
+                    records to Git-tracked files. Anything that falls out of that
+                    chain is surfaced here as a cleanup or ingest issue.
                   </Text>
 
-                  {diffAuditError ? (
+                  {chainAuditError ? (
                     <Alert
                       color="red"
                       icon={<IconAlertCircle size={16} />}
-                      title="Project audit failed"
+                      title="Chain audit failed"
                     >
-                      {diffAuditError}
+                      {chainAuditError}
                     </Alert>
                   ) : null}
 
-                  {diffAuditResult ? (
-                    diffIssueSummaries.length > 0 ? (
+                  {chainAuditResult && !chainAuditResult.summary.bucketInventoryAvailable ? (
+                    <Alert
+                      color="orange"
+                      icon={<IconAlertCircle size={16} />}
+                      title="Bucket inventory unavailable"
+                    >
+                      Syfon could not enumerate the mapped bucket target for this project. Gecko kept the audit running using probe-backed Syfon record evidence, but bucket-only object detection and bucket object totals are limited to what record probes could prove.
+                      {chainAuditResult.summary.bucketInventoryError ? (
+                        <Text mt={8} size="sm">
+                          {chainAuditResult.summary.bucketInventoryError}
+                        </Text>
+                      ) : null}
+                    </Alert>
+                  ) : null}
+
+                  {chainAuditResult && chainAuditResult.summary.bucketInventoryAvailable ? (
+                    <Alert
+                      color="green"
+                      icon={<IconAlertCircle size={16} />}
+                      title="Connected end-to-end"
+                    >
+                      {(chainAuditResult.summary.countsByKind.bucket_syfon_git_complete ?? 0).toLocaleString()}
+                      {' '}
+                      bucket objects currently join cleanly through Syfon into Git.
+                      {' '}
+                      Totals scanned:
+                      {' '}
+                      {chainAuditResult.summary.bucketObjectCount.toLocaleString()}
+                      {' '}
+                      bucket objects,
+                      {' '}
+                      {chainAuditResult.summary.syfonRecordCount.toLocaleString()}
+                      {' '}
+                      Syfon records,
+                      {' '}
+                      {chainAuditResult.summary.gitTrackedFileCount.toLocaleString()}
+                      {' '}
+                      Git-tracked files.
+                    </Alert>
+                  ) : null}
+
+                  {chainAuditResult && !chainAuditResult.summary.bucketInventoryAvailable ? (
+                    <Alert
+                      color="yellow"
+                      icon={<IconAlertCircle size={16} />}
+                      title="Record-backed connectivity only"
+                    >
+                      {(chainAuditResult.summary.countsByKind.bucket_syfon_git_complete ?? 0).toLocaleString()}
+                      {' '}
+                      record-backed bucket objects currently probe cleanly through Syfon into Git, but the full bucket-first audit is blocked because the mapped bucket target could not be enumerated.
+                      {' '}
+                      Totals scanned:
+                      {' '}
+                      {chainAuditResult.summary.bucketObjectCount.toLocaleString()}
+                      {' '}
+                      probe-backed bucket objects,
+                      {' '}
+                      {chainAuditResult.summary.syfonRecordCount.toLocaleString()}
+                      {' '}
+                      Syfon records,
+                      {' '}
+                      {chainAuditResult.summary.gitTrackedFileCount.toLocaleString()}
+                      {' '}
+                      Git-tracked files.
+                    </Alert>
+                  ) : null}
+
+                  {isChainAuditing && !chainAuditResult && !chainAuditError ? (
+                    <Center py="xl">
+                      <Stack align="center" gap="xs">
+                        <Loader size="sm" />
+                        <Text c="dimmed" size="sm">
+                          Running bucket, Syfon, and Git chain audit...
+                        </Text>
+                      </Stack>
+                    </Center>
+                  ) : chainIssueSummaries.length > 0 ? (
+                    <Stack gap="sm">
+                      <Group justify="space-between" wrap="wrap">
+                        <div>
+                          <Title order={5}>Chain Findings</Title>
+                          <Text c="dimmed" mt={4} size="sm">
+                            High-level issues across the
+                            {' '}
+                            <span className="font-mono">bucket -&gt; Syfon -&gt; Git</span>
+                            {' '}
+                            chain.
+                          </Text>
+                        </div>
+                        <Button
+                          loading={isChainAuditing}
+                          onClick={() => {
+                            void runChainAudit();
+                          }}
+                          size="xs"
+                          variant="light"
+                        >
+                          Refresh chain audit
+                        </Button>
+                      </Group>
+
                       <Table highlightOnHover>
+                        <Table.Thead>
+                          <Table.Tr>
+                            <Table.Th>Chain Issue</Table.Th>
+                            <Table.Th>Impact</Table.Th>
+                            <Table.Th>Action</Table.Th>
+                          </Table.Tr>
+                        </Table.Thead>
+                        <Table.Tbody>
+                          {chainIssueSummaries.map((issue) => (
+                            <Table.Tr key={issue.id}>
+                              <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>
+                                  <Text size="sm">{issue.recommendation}</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 miw={260}>
+                                <Group gap="xs">
+                                  <Button
+                                    color={selectedChainIssueId === issue.id ? 'gray' : issue.color}
+                                    loading={isAuditing || isDiffAuditing || isChainAuditing}
+                                    onClick={() => {
+                                      void handleToggleChainIssueDetails(issue);
+                                    }}
+                                    size="xs"
+                                    variant={selectedChainIssueId === issue.id ? 'outline' : 'light'}
+                                  >
+                                    {selectedChainIssueId === issue.id
+                                      ? 'Hide paths'
+                                      : issue.actionLabel
+                                        ? `${issue.actionLabel} (${issue.pathCount.toLocaleString()})`
+                                        : `See paths (${issue.pathCount.toLocaleString()})`}
+                                  </Button>
+                                </Group>
+                              </Table.Td>
+                            </Table.Tr>
+                          ))}
+                        </Table.Tbody>
+                      </Table>
+                    </Stack>
+                  ) : chainAuditResult ? (
+                    <Alert
+                      color="green"
+                      icon={<IconAlertCircle size={16} />}
+                      title="No chain issues"
+                    >
+                      Gecko did not find any broken Git-to-Syfon-to-bucket links
+                      in this subtree.
+                    </Alert>
+                  ) : null}
+
+                  {selectedChainIssue ? (
+                    <Stack
+                      className="rounded-md border border-slate-200 bg-slate-50 px-4 py-4"
+                      gap="sm"
+                    >
+                      <Group justify="space-between" wrap="wrap">
+                        <div>
+                          <Text fw={700} size="sm">
+                            {selectedChainIssue.title}
+                          </Text>
+                          <Text c="dimmed" size="sm">
+                            {selectedChainIssue.pathCount.toLocaleString()} paths in
+                            this chain issue. Showing{' '}
+                            {selectedChainFindings.length.toLocaleString()} findings.
+                          </Text>
+                        </div>
+                        <Group gap="xs">
+                          {actionableChainSelectionIssue ? (
+                            <Button
+                              color={selectedChainIssue?.id === 'bucket_only_object' ? 'red' : 'orange'}
+                              disabled={selectedChainPaths.length === 0}
+                              loading={isApplying}
+                              onClick={() => {
+                                void handleApplySelectedChainDeletion();
+                              }}
+                              size="xs"
+                              variant="light"
+                            >
+                              {selectedChainIssue?.id === 'bucket_only_object'
+                                ? `Delete selected bucket objects (${selectedChainPaths.length.toLocaleString()})`
+                                : `Delete selected Syfon + bucket objects (${selectedChainPaths.length.toLocaleString()})`}
+                            </Button>
+                          ) : null}
+                          {canRepairBrokenBucketMappings ? (
+                            <Button
+                              color="red"
+                              loading={isApplying}
+                              onClick={() => {
+                                void handleRepairBrokenBucketMappings();
+                              }}
+                              size="xs"
+                              variant="light"
+                            >
+                              Delete broken Syfon records ({selectedChainObjectIdsCount.toLocaleString()})
+                            </Button>
+                          ) : null}
+                          <Button
+                            onClick={() => setSelectedChainIssueId(null)}
+                            size="xs"
+                            variant="subtle"
+                          >
+                            Hide paths
+                          </Button>
+                        </Group>
+                      </Group>
+
+                      {actionableChainSelectionIssue &&
+                      selectedChainFindings.length > 0 ? (
+                        <Stack
+                          className="rounded-md border border-slate-200 bg-white px-3 py-3"
+                          gap="xs"
+                        >
+                          <Group justify="space-between" wrap="wrap">
+                            <Checkbox
+                              checked={
+                                selectableChainPaths.length > 0 &&
+                                selectedChainPaths.length === selectableChainPaths.length
+                              }
+                              indeterminate={
+                                selectedChainPaths.length > 0 &&
+                                selectedChainPaths.length < selectableChainPaths.length
+                              }
+                              label={`Select all loaded paths (${selectedChainPaths.length.toLocaleString()} / ${selectableChainPaths.length.toLocaleString()})`}
+                              onChange={(event) => {
+                                handleToggleAllChainPaths(event.currentTarget.checked);
+                              }}
+                            />
+                            <Text c="dimmed" size="xs">
+                              Expand folders and choose the exact bucket-backed paths to delete.
+                            </Text>
+                          </Group>
+                          <Stack gap={4}>
+                            {chainPathTree
+                              .slice(0, treeNodeLimit[''] ?? 100)
+                              .map((node) => renderChainTreeNode(node))}
+                            {chainPathTree.length > (treeNodeLimit[''] ?? 100) && (
+                              <Button
+                                onClick={() =>
+                                  setTreeNodeLimit((current) => ({
+                                    ...current,
+                                    '': (current[''] ?? 100) + 100,
+                                  }))
+                                }
+                                size="xs"
+                                style={{
+                                  alignSelf: 'flex-start',
+                                  marginLeft: 28,
+                                }}
+                                variant="subtle"
+                              >
+                                Show more (
+                                {(
+                                  chainPathTree.length - (treeNodeLimit[''] ?? 100)
+                                ).toLocaleString()}{' '}
+                                remaining)...
+                              </Button>
+                            )}
+                          </Stack>
+                        </Stack>
+                      ) : null}
+
+                      {selectedChainFindings.length > 0 ? (
+                        !actionableChainSelectionIssue ? (
+                          <>
+                            <Table highlightOnHover stickyHeader>
+                              <Table.Thead>
+                                <Table.Tr>
+                                  <Table.Th>Path</Table.Th>
+                                  <Table.Th>Checksum</Table.Th>
+                                  <Table.Th>Bucket Object</Table.Th>
+                                  <Table.Th>Access URL</Table.Th>
+                                  <Table.Th>Resolved Bucket/Key</Table.Th>
+                                  <Table.Th>Probe</Table.Th>
+                                </Table.Tr>
+                              </Table.Thead>
+                              <Table.Tbody>
+                                {paginatedChainFindings.map((finding) => (
+                                  <Table.Tr
+                                    key={`${finding.kind}:${finding.normalizedPath}:${finding.objectIds.join(',')}`}
+                                  >
+                                    <Table.Td maw={360}>
+                                      <Text className="break-all" fw={600} size="sm">
+                                        {finding.normalizedPath}
+                                      </Text>
+                                    </Table.Td>
+                                    <Table.Td maw={220}>
+                                      <Text className="break-all font-mono" size="xs">
+                                        {finding.checksum || '—'}
+                                      </Text>
+                                    </Table.Td>
+                                    <Table.Td maw={280}>
+                                      <Text className="break-all font-mono" size="xs">
+                                        {finding.bucketObjectUrl ||
+                                          finding.evidence?.bucketObjectUrls[0] ||
+                                          '—'}
+                                      </Text>
+                                    </Table.Td>
+                                    <Table.Td maw={280}>
+                                      <Stack gap={4}>
+                                        {(finding.accessUrls.length > 0
+                                          ? finding.accessUrls
+                                          : finding.evidence?.accessUrls ?? []
+                                        )
+                                          .slice(0, 2)
+                                          .map((accessUrl) => (
+                                            <Text
+                                              className="break-all font-mono"
+                                              key={accessUrl}
+                                              size="xs"
+                                            >
+                                              {accessUrl}
+                                            </Text>
+                                          ))}
+                                      </Stack>
+                                    </Table.Td>
+                                    <Table.Td maw={260}>
+                                      <Stack gap={4}>
+                                        <Text className="break-all font-mono" size="xs">
+                                          {finding.resolvedBucket || '—'}
+                                        </Text>
+                                        <Text className="break-all font-mono" size="xs">
+                                          {finding.resolvedKey || '—'}
+                                        </Text>
+                                      </Stack>
+                                    </Table.Td>
+                                    <Table.Td maw={260}>
+                                      <Stack gap={4}>
+                                        <Badge color={selectedChainIssue.color} variant="light">
+                                          {finding.probeStatus || 'unknown'}
+                                        </Badge>
+                                        <Text className="break-all" size="xs">
+                                          {finding.errorKind || '—'}
+                                        </Text>
+                                        <Text className="break-all" size="xs">
+                                          {finding.error || '—'}
+                                        </Text>
+                                      </Stack>
+                                    </Table.Td>
+                                  </Table.Tr>
+                                ))}
+                              </Table.Tbody>
+                            </Table>
+                            {totalChainPages > 1 ? (
+                              <Group justify="center" mt="md">
+                                <Pagination
+                                  value={activeChainPage}
+                                  onChange={setActiveChainPage}
+                                  total={totalChainPages}
+                                  size="sm"
+                                />
+                              </Group>
+                            ) : null}
+                          </>
+                        ) : null
+                      ) : (
+                        <Alert
+                          color="blue"
+                          icon={<IconAlertCircle size={16} />}
+                          title="No chain findings loaded"
+                        >
+                          Gecko did not return any chain detail rows for this issue.
+                        </Alert>
+                      )}
+                    </Stack>
+                  ) : null}
+
+                  {(diffAuditResult || auditResult) ? (
+                    <Stack gap="xs">
+                      <Group justify="space-between" wrap="wrap">
+                        <div>
+                          <Title order={5}>Supporting Details</Title>
+                          <Text c="dimmed" mt={4} size="sm">
+                            Open the lower-level diff or cleanup audits only when
+                            you need the supporting evidence or delete actions.
+                          </Text>
+                        </div>
+                        <Group gap="xs">
+                          <Button
+                            onClick={() => {
+                              if (!showDiffDetails) {
+                                void ensureDiffAuditLoaded();
+                              }
+                              setShowDiffDetails((current) => !current);
+                            }}
+                            size="xs"
+                            variant="subtle"
+                          >
+                            {showDiffDetails
+                              ? 'Hide project diff'
+                              : `Show project diff${diffAuditResult ? ` (${diffAuditResult.summary.totalFindings.toLocaleString()})` : ''}`}
+                          </Button>
+                          <Button
+                            onClick={() => {
+                              if (!showCleanupDetails) {
+                                void ensureCleanupAuditLoaded();
+                              }
+                              setShowCleanupDetails((current) => !current);
+                            }}
+                            size="xs"
+                            variant="subtle"
+                          >
+                            {showCleanupDetails
+                              ? 'Hide cleanup audit'
+                              : `Show cleanup audit${auditResult ? ` (${auditResult.summary.totalFindings.toLocaleString()})` : ''}`}
+                          </Button>
+                        </Group>
+                      </Group>
+                    </Stack>
+                  ) : null}
+
+                  {showDiffDetails && diffAuditResult ? (
+                    diffIssueSummaries.length > 0 ? (
+                      <Stack gap="sm">
+                        <div>
+                          <Title order={5}>Project Diff</Title>
+                          <Text c="dimmed" mt={4} size="sm">
+                            Checksum join evidence between Git and Syfon.
+                          </Text>
+                        </div>
+                        <Table highlightOnHover>
                         <Table.Thead>
                           <Table.Tr>
                             <Table.Th>Issue</Table.Th>
@@ -1001,9 +2324,10 @@ export const FileSummaryPage = ({
                                 </Text>
                               </Table.Td>
                             </Table.Tr>
-                          ))}
-                        </Table.Tbody>
-                      </Table>
+                            ))}
+                          </Table.Tbody>
+                        </Table>
+                      </Stack>
                     ) : (
                       <Alert
                         color="green"
@@ -1020,7 +2344,7 @@ export const FileSummaryPage = ({
                     </Center>
                   ) : null}
 
-                  {diffAuditResult && selectedDiffIssue ? (
+                  {showDiffDetails && diffAuditResult && selectedDiffIssue ? (
                     <Stack
                       className="rounded-md border border-slate-200 bg-slate-50 px-4 py-4"
                       gap="sm"
@@ -1055,77 +2379,100 @@ export const FileSummaryPage = ({
                           </Table.Tr>
                         </Table.Thead>
                         <Table.Tbody>
-                          {diffAuditResult.findings
-                            .filter((finding) =>
-                              selectedDiffIssue.findingKinds.includes(
-                                finding.kind,
-                              ),
-                            )
-                            .map((finding) => (
-                              <Table.Tr
-                                key={`${finding.kind}:${finding.normalizedPath}`}
-                              >
-                                <Table.Td maw={560}>
-                                  <Text className="break-all" fw={600} size="sm">
-                                    {finding.normalizedPath}
+                          {paginatedDiffFindings.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>
+                                <Badge
+                                  color={getProjectDiffFindingColor(
+                                    finding.kind,
+                                  )}
+                                  variant="light"
+                                >
+                                  {formatCleanupFindingLabel(finding.kind)}
+                                </Badge>
+                              </Table.Td>
+                              <Table.Td>
+                                {finding.recordCount.toLocaleString()}
+                              </Table.Td>
+                              <Table.Td maw={420}>
+                                <Stack gap={4}>
+                                  <Text c="dimmed" size="sm">
+                                    {finding.objectIds.length.toLocaleString()}{' '}
+                                    object ids
                                   </Text>
-                                </Table.Td>
-                                <Table.Td>
-                                  <Badge
-                                    color={getProjectDiffFindingColor(
-                                      finding.kind,
-                                    )}
-                                    variant="light"
-                                  >
-                                    {formatCleanupFindingLabel(finding.kind)}
-                                  </Badge>
-                                </Table.Td>
-                                <Table.Td>
-                                  {finding.recordCount.toLocaleString()}
-                                </Table.Td>
-                                <Table.Td maw={420}>
-                                  <Stack gap={4}>
-                                    <Text c="dimmed" size="sm">
-                                      {finding.objectIds.length.toLocaleString()}{' '}
-                                      object ids
-                                    </Text>
-                                    {finding.objectIds
-                                      .slice(0, 2)
-                                      .map((objectId) => (
-                                        <Text
-                                          c="dimmed"
-                                          className="break-all"
-                                          key={objectId}
-                                          size="xs"
-                                        >
-                                          {objectId}
-                                        </Text>
-                                      ))}
-                                    {finding.objectIds.length > 2 ? (
-                                      <Text c="dimmed" size="xs">
-                                        +
-                                        {(
-                                          finding.objectIds.length - 2
-                                        ).toLocaleString()}{' '}
-                                        more
+                                  {finding.objectIds
+                                    .slice(0, 2)
+                                    .map((objectId) => (
+                                      <Text
+                                        c="dimmed"
+                                        className="break-all"
+                                        key={objectId}
+                                        size="xs"
+                                      >
+                                        {objectId}
                                       </Text>
-                                    ) : null}
-                                  </Stack>
-                                </Table.Td>
-                                <Table.Td>
-                                  <Stack gap={4}>
-                                    <Text size="sm">
-                                      {(finding.downloadCount ?? 0).toLocaleString()}
+                                    ))}
+                                  {finding.objectIds.length > 2 ? (
+                                    <Text c="dimmed" size="xs">
+                                      +
+                                      {(
+                                        finding.objectIds.length - 2
+                                      ).toLocaleString()}{' '}
+                                      more
                                     </Text>
+                                  ) : null}
+                                  {finding.sourcePaths.slice(0, 2).map((sourcePath) => (
+                                    <Text
+                                      c="dimmed"
+                                      className="break-all"
+                                      key={sourcePath}
+                                      size="xs"
+                                    >
+                                      {sourcePath}
+                                    </Text>
+                                  ))}
+                                  {finding.sourcePaths.length > 2 ? (
                                     <Text c="dimmed" size="xs">
-                                      {formatTimestamp(finding.lastDownload)}
+                                      +
+                                      {(
+                                        finding.sourcePaths.length - 2
+                                      ).toLocaleString()}{' '}
+                                      more source paths
                                     </Text>
-                                  </Stack>
-                                </Table.Td>
-                              </Table.Tr>
-                            ))}
+                                  ) : null}
+                                </Stack>
+                              </Table.Td>
+                              <Table.Td>
+                                <Stack gap={4}>
+                                  <Text size="sm">
+                                    {(finding.downloadCount ?? 0).toLocaleString()}
+                                  </Text>
+                                  <Text c="dimmed" size="xs">
+                                    {formatTimestamp(finding.lastDownload)}
+                                  </Text>
+                                </Stack>
+                              </Table.Td>
+                            </Table.Tr>
+                          ))}
                         </Table.Tbody>
                       </Table>
+                      {totalDiffPages > 1 ? (
+                        <Group justify="center" mt="md">
+                          <Pagination
+                            value={activeDiffPage}
+                            onChange={setActiveDiffPage}
+                            total={totalDiffPages}
+                            size="sm"
+                          />
+                        </Group>
+                      ) : null}
                     </Stack>
                   ) : null}
 
@@ -1157,9 +2504,14 @@ export const FileSummaryPage = ({
                         applyResult.dryRun ? 'Cleanup dry run' : 'Cleanup applied'
                       }
                     >
-                      Removed{' '}
+                      Updated{' '}
+                      {applyResult.updatedRecordIds.length.toLocaleString()} Syfon
+                      records and removed{' '}
                       {applyResult.deletedRecordIds.length.toLocaleString()} Syfon
                       records.
+                      {applyResult.deletedBucketObjectUrls.length > 0
+                        ? ` Deleted bucket objects: ${applyResult.deletedBucketObjectUrls.length.toLocaleString()}.`
+                        : ''}
                       {applyResult.purgeResults.length > 0
                         ? ` Storage purge attempts: ${applyResult.purgeResults.length.toLocaleString()}.`
                         : ''}
@@ -1175,7 +2527,7 @@ export const FileSummaryPage = ({
                     </Alert>
                   ) : null}
 
-                  {auditResult && isDuplicateVerificationContext && !hasSafeDuplicateCleanup ? (
+                  {showCleanupDetails && auditResult && isDuplicateVerificationContext && !hasSafeDuplicateCleanup ? (
                     <Alert
                       color="yellow"
                       icon={<IconAlertCircle size={16} />}
@@ -1188,10 +2540,10 @@ export const FileSummaryPage = ({
                     </Alert>
                   ) : null}
 
-                  {auditResult ? (
+                  {auditResult && showCleanupDetails ? (
                     <Stack gap="sm">
                       <div>
-                        <Title order={5}>Delete Preparation</Title>
+                        <Title order={5}>Cleanup Audit</Title>
                         <Text c="dimmed" mt={4} size="sm">
                           {selectedDiffIssue
                             ? `Storage verification for ${selectedDiffIssue.title.toLowerCase()} in this subtree.`
@@ -1199,7 +2551,7 @@ export const FileSummaryPage = ({
                         </Text>
                       </div>
 
-                      {hiddenCleanupFindingCount > 0 ? (
+                      {showCleanupDetails && hiddenCleanupFindingCount > 0 ? (
                         <Alert
                           color="yellow"
                           icon={<IconAlertCircle size={16} />}
@@ -1359,7 +2711,7 @@ export const FileSummaryPage = ({
                               </Table.Tr>
                             </Table.Thead>
                             <Table.Tbody>
-                              {visibleCleanupFindings.map((finding) => (
+                              {paginatedCleanupFindings.map((finding) => (
                                 <Table.Tr
                                   key={`${finding.kind}:${finding.normalizedPath}`}
                                 >
@@ -1430,9 +2782,22 @@ export const FileSummaryPage = ({
                                                 {formatProbeResolution(
                                                   probe.status,
                                                 )}
+                                                {probe.exists !== undefined
+                                                  ? ` exists=${String(probe.exists)}`
+                                                  : ''}
                                                 {probe.bucket
                                                   ? ` bucket=${probe.bucket}`
                                                   : ''}
+                                                {probe.key ? ` key=${probe.key}` : ''}
+                                                {probe.sizeBytes !== undefined
+                                                  ? ` size=${probe.sizeBytes}`
+                                                  : ''}
+                                                {probe.validationStatus
+                                                  ? ` validation=${probe.validationStatus}`
+                                                  : ''}
+                                                {probe.validationMismatches.length > 0
+                                                  ? ` mismatches=${probe.validationMismatches.join(',')}`
+                                                  : ''}
                                                 {probe.errorKind
                                                   ? ` error=${probe.errorKind}`
                                                   : ''}
@@ -1470,6 +2835,16 @@ export const FileSummaryPage = ({
                               ))}
                             </Table.Tbody>
                           </Table>
+                          {totalCleanupPages > 1 ? (
+                            <Group justify="center" mt="md">
+                              <Pagination
+                                value={activeCleanupPage}
+                                onChange={setActiveCleanupPage}
+                                total={totalCleanupPages}
+                                size="sm"
+                              />
+                            </Group>
+                          ) : null}
                         </Stack>
                       ) : null}
                     </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 60c437b0..97011579 100644
--- a/packages/frontend/src/pages/FileSummary/hooks.tsx
+++ b/packages/frontend/src/pages/FileSummary/hooks.tsx
@@ -2,10 +2,10 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 import {
   CoreState,
   GEN3_API,
-  SYFON_API,
   selectCSRFToken,
   useCoreSelector,
   useBulkDeleteSyfonDrsObjectsMutation,
+  useDeleteSyfonDrsObjectMutation,
   useGetCSRFQuery,
   useGetGeckoProjectSummaryQuery,
 } from '@gen3/core';
@@ -22,7 +22,6 @@ import {
 import { requestSessionLogout } from '../../lib/session/session';
 
 const DEFAULT_CHILD_LIMIT = 1000;
-const DEFAULT_GIT_TREE_REQUEST_LIMIT = 0;
 
 export type ProjectDiffFindingKind =
   | 'duplicate_syfon_paths'
@@ -33,6 +32,7 @@ export type ProjectDiffFindingKind =
 export interface ProjectDiffFinding {
   readonly kind: ProjectDiffFindingKind;
   readonly normalizedPath: string;
+  readonly sourcePaths: Array<string>;
   readonly objectIds: Array<string>;
   readonly recordCount: number;
   readonly sizeBytes?: number;
@@ -57,23 +57,115 @@ export interface ProjectDiffAuditResult {
   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 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 recommendedAction: string;
+  readonly evidence?: AuditEvidence;
+}
+
+export interface StorageChainAuditSummary {
+  readonly countsByKind: Record<string, number>;
+  readonly totalFindings: number;
+  readonly bucketObjectCount: number;
+  readonly syfonRecordCount: number;
+  readonly gitTrackedFileCount: number;
+  readonly bucketInventoryAvailable: boolean;
+  readonly bucketInventoryError?: string;
+}
+
+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;
+}
+
 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' | '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 StorageCleanupRecordAudit {
@@ -129,6 +221,8 @@ export interface StorageCleanupPurgeResult {
 
 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>;
@@ -136,16 +230,6 @@ export interface StorageCleanupApplyResult {
   readonly dryRun: boolean;
 }
 
-interface GeckoGitManifestResponse {
-  entry_count?: number;
-  entries?: Array<{
-    path?: string;
-    type?: string;
-  }>;
-  has_more?: boolean;
-  next_cursor?: string;
-}
-
 interface StorageSummaryResponse {
   direct_child_count?: number;
   download_count?: number;
@@ -174,6 +258,17 @@ interface StorageChildrenResponse {
   items?: Array<StorageChildResponseItem>;
 }
 
+const buildGeckoGitProjectBaseUrl = ({
+  organization,
+  project,
+}: {
+  organization: string;
+  project: string;
+}): string =>
+  `${GEN3_API}/gecko/git/projects/${encodeURIComponent(
+    organization.trim(),
+  )}/${encodeURIComponent(project.trim())}`;
+
 const buildStorageSummaryUrl = ({
   organization,
   path,
@@ -183,16 +278,18 @@ const buildStorageSummaryUrl = ({
   path?: string;
   project: string;
 }): string => {
-  const query = new URLSearchParams({
-    organization: organization.trim(),
-    project: project.trim(),
-  });
+  const query = new URLSearchParams();
+  const normalizedPath = normalizeStoragePath(path);
 
-  if (path?.trim()) {
-    query.set('path', path.trim());
+  if (normalizedPath) {
+    query.set('git_subpath', normalizedPath);
   }
 
-  return `${GEN3_API}/index/v1/metrics/storage/summary?${query.toString()}`;
+  const querySuffix = query.toString() ? `?${query.toString()}` : '';
+  return `${buildGeckoGitProjectBaseUrl({
+    organization,
+    project,
+  })}/storage/summary${querySuffix}`;
 };
 
 const buildStorageChildrenUrl = ({
@@ -208,72 +305,70 @@ const buildStorageChildrenUrl = ({
 }): string => {
   const query = new URLSearchParams({
     limit: String(limit),
-    organization: organization.trim(),
-    project: project.trim(),
     sort_by: 'bytes',
     sort_order: 'desc',
   });
+  const normalizedPath = normalizeStoragePath(path);
 
-  if (path?.trim()) {
-    query.set('path', path.trim());
+  if (normalizedPath) {
+    query.set('git_subpath', normalizedPath);
   }
 
-  return `${GEN3_API}/index/v1/metrics/storage/children?${query.toString()}`;
+  return `${buildGeckoGitProjectBaseUrl({
+    organization,
+    project,
+  })}/storage/children?${query.toString()}`;
 };
 
-const buildStorageCleanupUrl = (
-  action: 'apply' | 'audit',
-): string => `${SYFON_API}/repair/storage-cleanup/${action}`;
-
-const buildProjectDiffUrl = (): string =>
-  `${SYFON_API}/repair/project-diff/audit`;
+const buildStorageCleanupUrl = ({
+  action,
+  organization,
+  project,
+}: {
+  action: 'apply' | 'audit';
+  organization: string;
+  project: string;
+}): string =>
+  `${buildGeckoGitProjectBaseUrl({
+    organization,
+    project,
+  })}/repair/storage-cleanup/${action}`;
 
-const buildGitManifestUrl = ({
-  cursor,
-  filesOnly,
-  limit,
+const buildProjectDiffUrl = ({
   organization,
-  path,
   project,
 }: {
-  cursor?: string;
-  filesOnly?: boolean;
-  limit?: number;
   organization: string;
-  path?: string;
   project: string;
-}): string => {
-  const normalizedPath = normalizeStoragePath(path);
-  const query = new URLSearchParams();
-  if (cursor?.trim()) {
-    query.set('cursor', cursor.trim());
-  }
-  if (typeof filesOnly === 'boolean') {
-    query.set('files_only', String(filesOnly));
-  }
-  if (typeof limit === 'number') {
-    query.set('limit', String(limit));
-  }
-  const suffix = normalizedPath
-    ? `/manifest/${normalizedPath
-        .split('/')
-        .map((segment) => encodeURIComponent(segment))
-        .join('/')}`
-    : '/manifest';
-  const querySuffix = query.toString() ? `?${query.toString()}` : '';
+}): string =>
+  `${buildGeckoGitProjectBaseUrl({
+    organization,
+    project,
+  })}/repair/project-diff/audit`;
 
-  return `${GEN3_API}/gecko/git/projects/${encodeURIComponent(
+const buildStorageChainUrl = ({
+  organization,
+  project,
+}: {
+  organization: string;
+  project: string;
+}): string =>
+  `${buildGeckoGitProjectBaseUrl({
     organization,
-  )}/${encodeURIComponent(project)}${suffix}${querySuffix}`;
-};
+    project,
+  })}/repair/storage-chain/audit`;
 
 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,
 });
 
@@ -284,6 +379,46 @@ const emptyProjectDiffCounts = (): Record<ProjectDiffFindingKind, number> => ({
   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;
@@ -346,9 +481,13 @@ const parseCleanupFindingKind = (
     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';
@@ -368,6 +507,24 @@ const parseProjectDiffFindingKind = (
   }
 };
 
+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 normalizeStorageRow = (
   item: StorageChildResponseItem,
 ): StoragePathRow | null => {
@@ -395,6 +552,7 @@ const parseCleanupScope = (value: unknown): StorageCleanupScope => {
   switch (value) {
     case 'record':
     case 'access_url':
+    case 'bucket_object':
       return value;
     default:
       return 'unknown';
@@ -418,6 +576,8 @@ const normalizeCleanupAccessProbe = (
   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
@@ -426,12 +586,43 @@ const normalizeCleanupAccessProbe = (
           : 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,
   };
 };
@@ -547,10 +738,18 @@ const normalizeCleanupFinding = (
       ? 'Delete stale duplicate records'
       : kind === 'broken_access_url_error'
         ? 'Manual review required for broken access URLs'
-      : kind === 'repo_orphan_live_object'
-        ? 'Delete Syfon record and purge storage object'
+        : 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';
@@ -601,6 +800,113 @@ const normalizeCleanupFinding = (
   };
 };
 
+const normalizeStorageChainFinding = (
+  item: Record<string, unknown>,
+): StorageChainFinding | null => {
+  const normalizedPath = normalizeStoragePath(
+    typeof item.normalized_path === 'string'
+      ? item.normalized_path
+      : typeof item.path === 'string'
+        ? item.path
+        : '',
+  );
+  if (!normalizedPath) {
+    return null;
+  }
+
+  const kind = parseStorageChainFindingKind(item.kind ?? item.finding_kind);
+  const defaultAction =
+    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.';
+
+  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,
+    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,
+    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,
+    recommendedAction:
+      typeof item.recommended_action === 'string' &&
+      item.recommended_action.trim().length > 0
+        ? item.recommended_action
+        : defaultAction,
+    recordCount:
+      typeof item.record_count === 'number'
+        ? item.record_count
+        : typeof item.recordCount === 'number'
+          ? item.recordCount
+          : 0,
+    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
+            : [],
+        ),
+      ]),
+    ),
+  };
+};
+
 const normalizeProjectDiffFinding = (
   item: Record<string, unknown>,
 ): ProjectDiffFinding | null => {
@@ -637,6 +943,12 @@ const normalizeProjectDiffFinding = (
         ? 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),
@@ -743,6 +1055,110 @@ const normalizeProjectDiffAuditResult = ({
   };
 };
 
+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,
+  };
+};
+
+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,
+    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,
+      bucketObjectCount:
+        typeof summary?.bucket_object_count === 'number'
+          ? summary.bucket_object_count
+          : 0,
+      countsByKind,
+      gitTrackedFileCount:
+        typeof summary?.git_tracked_file_count === 'number'
+          ? summary.git_tracked_file_count
+          : 0,
+      syfonRecordCount:
+        typeof summary?.syfon_record_count === 'number'
+          ? summary.syfon_record_count
+          : 0,
+      totalFindings:
+        typeof summary?.total_findings === 'number'
+          ? summary.total_findings
+          : findings.length,
+    },
+  };
+};
+
 const normalizeCleanupAuditResult = ({
   expectedPathCount,
   includesRepoManifest,
@@ -785,7 +1201,9 @@ const normalizeCleanupAuditResult = ({
       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,
@@ -815,6 +1233,18 @@ const normalizeCleanupApplyResult = (
         ...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
@@ -895,91 +1325,6 @@ const resolveInitialProjectSelection = ({
   return options[0].value;
 };
 
-const collectExpectedPathsFromGecko = async ({
-  maxRequests,
-  organization,
-  pathPrefix,
-  project,
-}: {
-  maxRequests: number;
-  organization: string;
-  pathPrefix: string;
-  project: string;
-}): Promise<Array<string>> => {
-  const normalizedRoot = normalizeStoragePath(pathPrefix);
-  const expectedPaths = new Set<string>();
-  let cursor: string | undefined;
-  let requests = 0;
-
-  while (true) {
-    requests += 1;
-    if (maxRequests > 0 && requests > maxRequests) {
-      throw new Error(
-        `Exceeded ${maxRequests} Gecko manifest requests while building the expected path manifest.`,
-      );
-    }
-
-    const response = await fetch(
-      buildGitManifestUrl({
-        cursor,
-        filesOnly: true,
-        limit: 5000,
-        organization,
-        path: normalizedRoot,
-        project,
-      }),
-      {
-        credentials: 'include',
-        method: 'GET',
-      },
-    );
-
-    if (response.status === 404) {
-      if (!cursor) {
-        return [];
-      }
-      throw new Error(
-        `Gecko manifest pagination lost subtree ${normalizedRoot || '/'}.`,
-      );
-    }
-
-    if (handleUnauthorizedResponse(response)) {
-      throw new Error('Your session expired. Please log in again.');
-    }
-
-    if (!response.ok) {
-      throw new Error(
-        await getErrorMessage(
-          response,
-          `Failed to fetch Gecko git manifest for ${organization}/${project}`,
-        ),
-      );
-    }
-
-    const manifest = await readJsonResponse<GeckoGitManifestResponse>(response);
-    (manifest?.entries ?? []).forEach((entry: { path?: string; type?: string }) => {
-      const entryPath = normalizeStoragePath(entry.path);
-      if (!entryPath) return;
-      if (entry.type !== 'tree') {
-        expectedPaths.add(entryPath);
-      }
-    });
-    if (!manifest?.has_more) {
-      break;
-    }
-    cursor = manifest.next_cursor?.trim();
-    if (!cursor) {
-      throw new Error(
-        `Gecko manifest pagination for ${organization}/${project} did not return a next cursor.`,
-      );
-    }
-  }
-
-  return Array.from(expectedPaths).sort((left, right) =>
-    left.localeCompare(right, undefined, { numeric: true, sensitivity: 'base' }),
-  );
-};
-
 export const useFileSummaryProjectOptions = (
   config?: FilesummaryConfig,
 ) => {
@@ -1116,7 +1461,7 @@ export const useSyfonPathStorageSummary = ({
           setError(
             loadError instanceof Error
               ? loadError.message
-              : 'Failed to load storage summary from Syfon metrics.',
+              : 'Failed to load storage summary from Gecko analytics.',
           );
           setData(null);
         }
@@ -1161,27 +1506,12 @@ export const useSyfonProjectDiff = ({
     selectCSRFToken(state),
   );
 
-  const loadExpectedPaths = useCallback(async (): Promise<Array<string>> => {
-    const selection = splitProjectSelectionValue(projectSelection);
-    if (!selection) {
-      throw new Error('Select a project before auditing project records.');
-    }
-
-    return collectExpectedPathsFromGecko({
-      maxRequests:
-        config?.maxTraversalPages && config.maxTraversalPages > 0
-          ? config.maxTraversalPages
-          : DEFAULT_GIT_TREE_REQUEST_LIMIT,
-      organization: selection.organization,
-      pathPrefix: currentPath,
-      project: selection.project,
-    });
-  }, [config?.maxTraversalPages, currentPath, projectSelection]);
+  void config;
 
   const runAudit = useCallback(async (): Promise<ProjectDiffAuditResult | null> => {
     const selection = splitProjectSelectionValue(projectSelection);
     if (!selection) {
-      setAuditError('Select a project before auditing project records.');
+      setAuditError('Select a project before running the chain audit.');
       setAuditResult(null);
       return null;
     }
@@ -1190,14 +1520,15 @@ export const useSyfonProjectDiff = ({
     setIsAuditing(true);
 
     try {
-      const expectedPaths = await loadExpectedPaths();
-      const response = await fetch(buildProjectDiffUrl(), {
-        body: JSON.stringify({
-          expected_paths: expectedPaths,
+      const response = await fetch(
+        buildProjectDiffUrl({
           organization: selection.organization,
-          path_prefix: normalizeStoragePath(currentPath) || undefined,
           project: selection.project,
         }),
+        {
+          body: JSON.stringify({
+            git_subpath: normalizeStoragePath(currentPath) || undefined,
+          }),
         credentials: 'include',
         headers: {
           'Content-Type': 'application/json',
@@ -1220,7 +1551,7 @@ export const useSyfonProjectDiff = ({
       }
 
       const normalized = normalizeProjectDiffAuditResult({
-        expectedPathCount: expectedPaths.length,
+        expectedPathCount: 0,
         pathPrefix: normalizeStoragePath(currentPath),
         response: await readJsonResponse<Record<string, unknown>>(response),
       });
@@ -1237,7 +1568,105 @@ export const useSyfonProjectDiff = ({
     } finally {
       setIsAuditing(false);
     }
-  }, [csrfToken, currentPath, loadExpectedPaths, projectSelection]);
+  }, [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 (): Promise<StorageChainAuditResult | null> => {
+    const selection = splitProjectSelectionValue(projectSelection);
+    if (!selection) {
+      setAuditError('Select a project before running the storage chain audit.');
+      setAuditResult(null);
+      return null;
+    }
+
+    setAuditError(null);
+    setIsAuditing(true);
+
+    try {
+      const response = await fetch(
+        buildStorageChainUrl({
+          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 storage chain for ${selection.organization}/${selection.project}`,
+          ),
+        );
+      }
+
+      const normalized = normalizeStorageChainAuditResult({
+        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 the storage chain.';
+      setAuditError(message);
+      setAuditResult(null);
+      return null;
+    } finally {
+      setIsAuditing(false);
+    }
+  }, [csrfToken, currentPath, projectSelection]);
 
   const clearAudit = useCallback(() => {
     setAuditError(null);
@@ -1250,6 +1679,7 @@ export const useSyfonProjectDiff = ({
     clearAudit,
     isAuditing,
     runAudit,
+    setAuditResult,
   };
 };
 
@@ -1275,27 +1705,13 @@ export const useSyfonStorageCleanup = ({
   const [lastAuditIncludedRepoManifest, setLastAuditIncludedRepoManifest] =
     useState(false);
   const [bulkDeleteDrsObjects] = useBulkDeleteSyfonDrsObjectsMutation();
+  const [deleteDrsObject] = useDeleteSyfonDrsObjectMutation();
   useGetCSRFQuery();
   const csrfToken = useCoreSelector((state: CoreState) =>
     selectCSRFToken(state),
   );
 
-  const loadExpectedPaths = useCallback(async (): Promise<Array<string>> => {
-    const selection = splitProjectSelectionValue(projectSelection);
-    if (!selection) {
-      throw new Error('Select a project before auditing repo-orphaned paths.');
-    }
-
-    return collectExpectedPathsFromGecko({
-      maxRequests:
-        config?.maxTraversalPages && config.maxTraversalPages > 0
-          ? config.maxTraversalPages
-          : DEFAULT_GIT_TREE_REQUEST_LIMIT,
-      organization: selection.organization,
-      pathPrefix: currentPath,
-      project: selection.project,
-    });
-  }, [config?.maxTraversalPages, currentPath, projectSelection]);
+  void config;
 
   const runAudit = useCallback(
     async ({
@@ -1306,8 +1722,9 @@ export const useSyfonStorageCleanup = ({
       selectedPaths?: Array<string>;
     } = {}): Promise<StorageCleanupAuditResult | null> => {
       const selection = splitProjectSelectionValue(projectSelection);
+      const startedAt = performance.now();
       if (!selection) {
-        setAuditError('Select a project before running cleanup audit.');
+        setAuditError('Select a project before running storage verification.');
         setAuditResult(null);
         return null;
       }
@@ -1317,18 +1734,27 @@ export const useSyfonStorageCleanup = ({
       setIsAuditing(true);
 
       try {
-        const expectedPaths = includeRepoManifest
-          ? await loadExpectedPaths()
-          : [];
-        const response = await fetch(buildStorageCleanupUrl('audit'), {
-          body: JSON.stringify({
-            check_storage: true,
-            expected_paths: includeRepoManifest ? expectedPaths : undefined,
-            organization: selection.organization,
-            path_prefix: normalizeStoragePath(currentPath) || undefined,
-            project: selection.project,
-            selected_paths: selectedPaths,
-          }),
+        void includeRepoManifest;
+        const requestURL = buildStorageCleanupUrl({
+          action: 'audit',
+          organization: selection.organization,
+          project: selection.project,
+        });
+        const requestBody = {
+          check_storage: true,
+          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',
@@ -1337,6 +1763,14 @@ export const useSyfonStorageCleanup = ({
           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.');
         }
@@ -1345,26 +1779,38 @@ export const useSyfonStorageCleanup = ({
           throw new Error(
             await getErrorMessage(
               response,
-              `Failed to audit Syfon cleanup for ${selection.organization}/${selection.project}`,
+              `Failed to audit storage verification for ${selection.organization}/${selection.project}`,
             ),
           );
         }
 
         const normalized = normalizeCleanupAuditResult({
-          expectedPathCount: expectedPaths.length,
-          includesRepoManifest: includeRepoManifest,
+          expectedPathCount: 0,
+          includesRepoManifest: true,
           pathPrefix: normalizeStoragePath(currentPath),
           response: await readJsonResponse<Record<string, unknown>>(response),
         });
 
         setAuditResult(normalized);
-        setLastAuditIncludedRepoManifest(includeRepoManifest);
+        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 Syfon storage cleanup.';
+            : 'Failed to audit Gecko storage verification.';
         setAuditError(message);
         setAuditResult(null);
         return null;
@@ -1372,7 +1818,7 @@ export const useSyfonStorageCleanup = ({
         setIsAuditing(false);
       }
     },
-    [csrfToken, currentPath, loadExpectedPaths, projectSelection],
+    [csrfToken, currentPath, projectSelection],
   );
 
   const rerunAudit = useCallback(
@@ -1387,11 +1833,13 @@ export const useSyfonStorageCleanup = ({
     async ({
       deleteRepoOrphans,
       deleteStaleDuplicates,
+      deleteBucketOnlyObjects = false,
       dryRun = false,
       selectedPaths,
     }: {
       deleteRepoOrphans: boolean;
       deleteStaleDuplicates: boolean;
+      deleteBucketOnlyObjects?: boolean;
       dryRun?: boolean;
       selectedPaths?: Array<string>;
     }): Promise<StorageCleanupApplyResult | null> => {
@@ -1406,20 +1854,21 @@ export const useSyfonStorageCleanup = ({
       setIsApplying(true);
 
       try {
-        const includeRepoManifest =
-          deleteRepoOrphans || lastAuditIncludedRepoManifest;
-        const expectedPaths = includeRepoManifest ? await loadExpectedPaths() : [];
-        const response = await fetch(buildStorageCleanupUrl('apply'), {
-          body: JSON.stringify({
-            delete_repo_orphans: deleteRepoOrphans,
-            delete_stale_duplicates: deleteStaleDuplicates,
-            dry_run: dryRun,
-            expected_paths: includeRepoManifest ? expectedPaths : undefined,
+        const response = await fetch(
+          buildStorageCleanupUrl({
+            action: 'apply',
             organization: selection.organization,
-            path_prefix: normalizeStoragePath(currentPath) || undefined,
             project: selection.project,
-            selected_paths: selectedPaths,
           }),
+          {
+            body: JSON.stringify({
+              delete_repo_orphans: deleteRepoOrphans,
+              delete_stale_duplicates: deleteStaleDuplicates,
+              delete_bucket_only_objects: deleteBucketOnlyObjects,
+              dry_run: dryRun,
+              git_subpath: normalizeStoragePath(currentPath) || undefined,
+              selected_repo_paths: selectedPaths,
+            }),
           credentials: 'include',
           headers: {
             'Content-Type': 'application/json',
@@ -1436,7 +1885,7 @@ export const useSyfonStorageCleanup = ({
           throw new Error(
             await getErrorMessage(
               response,
-              `Failed to apply Syfon cleanup for ${selection.organization}/${selection.project}`,
+            `Failed to apply storage cleanup for ${selection.organization}/${selection.project}`,
             ),
           );
         }
@@ -1453,7 +1902,7 @@ export const useSyfonStorageCleanup = ({
         const message =
           applyFailure instanceof Error
             ? applyFailure.message
-            : 'Failed to apply Syfon storage cleanup.';
+            : 'Failed to apply storage cleanup.';
         setApplyError(message);
         setApplyResult(null);
         return null;
@@ -1464,8 +1913,6 @@ export const useSyfonStorageCleanup = ({
     [
       csrfToken,
       currentPath,
-      lastAuditIncludedRepoManifest,
-      loadExpectedPaths,
       projectSelection,
     ],
   );
@@ -1490,12 +1937,28 @@ export const useSyfonStorageCleanup = ({
       setIsApplying(true);
 
       try {
-        await bulkDeleteDrsObjects({
-          bulk_object_ids: uniqueObjectIds,
-        }).unwrap();
+        try {
+          await bulkDeleteDrsObjects({
+            bulk_object_ids: uniqueObjectIds,
+          }).unwrap();
+        } catch (bulkError: any) {
+          console.warn('Bulk delete failed, falling back to one-by-one deletion:', bulkError);
+          const chunks = [];
+          const chunkSize = 20;
+          for (let i = 0; i < uniqueObjectIds.length; i += chunkSize) {
+            chunks.push(uniqueObjectIds.slice(i, i + chunkSize));
+          }
+          for (const chunk of chunks) {
+            await Promise.all(
+              chunk.map((objectId) => deleteDrsObject(objectId).unwrap())
+            );
+          }
+        }
 
         const normalized: StorageCleanupApplyResult = {
           deletedRecordIds: uniqueObjectIds,
+          deletedBucketObjectUrls: [],
+          updatedRecordIds: [],
           dryRun: false,
           manualPaths: [],
           purgeResults: [],
@@ -1517,7 +1980,7 @@ export const useSyfonStorageCleanup = ({
         setIsApplying(false);
       }
     },
-    [bulkDeleteDrsObjects],
+    [bulkDeleteDrsObjects, deleteDrsObject],
   );
 
   const clearCleanupResults = useCallback(() => {
@@ -1539,5 +2002,6 @@ export const useSyfonStorageCleanup = ({
     isAuditing,
     rerunAudit,
     runAudit,
+    setAuditResult,
   };
 };
diff --git a/packages/frontend/src/pages/GitExplorer/GitProject.tsx b/packages/frontend/src/pages/GitExplorer/GitProject.tsx
index 3cbf81c3..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,
@@ -904,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 e436c66b..ded54e50 100644
--- a/packages/frontend/src/pages/GitExplorer/GitProject.unit.test.tsx
+++ b/packages/frontend/src/pages/GitExplorer/GitProject.unit.test.tsx
@@ -707,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 29d47d23..00000000
--- a/packages/frontend/src/pages/OrganizationExplorer/OrganizationProject.tsx
+++ /dev/null
@@ -1,912 +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, ProjectWorkspaceTabs } from '../../features/Navigation';
-import type { FileActionsConfig } from '../../features/CohortBuilder/types';
-import { useIsEmbedded } from '../../utils';
-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 isEmbedded = useIsEmbedded();
-  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;
-  const explorerProjectHref = useMemo(() => {
-    const query = new URLSearchParams();
-    if (currentPath.length > 0) {
-      query.set('path', currentPath.join('/'));
-    }
-    if (selectedDid) {
-      query.set('file', selectedDid);
-    }
-    const serialized = query.toString();
-    return `/org/${encodeURIComponent(organization)}/project/${encodeURIComponent(project)}/lake${serialized ? `?${serialized}` : ''}`;
-  }, [currentPath, organization, project, selectedDid]);
-
-  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>
-    );
-  };
-
-  const organizationProjectContent = (
-    <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>
-  );
-
-  if (isEmbedded) {
-    return (
-      <ProtectedContent>{organizationProjectContent}</ProtectedContent>
-    );
-  }
-
-  return (
-    <NavPageLayout
-      {...{ headerProps, footerProps }}
-      headerMetadata={{
-        content: `${organization}/${project}`,
-        key: 'syfon-organization-project',
-        title: `${organization}/${project}`,
-      }}
-      mainProps={{ className: 'bg-[#f6f8fa]' }}
-    >
-      <ProtectedContent>
-        <ProjectWorkspaceTabs
-          activeTab="explorer"
-          explorerHref={explorerProjectHref}
-          hasExplorerConfig
-          organization={organization}
-          project={project}
-        >
-          {organizationProjectContent}
-        </ProjectWorkspaceTabs>
-      </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 092755f3..00000000
--- a/packages/frontend/src/pages/OrganizationExplorer/OrganizationProject.unit.test.tsx
+++ /dev/null
@@ -1,517 +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}</>,
-  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}/lake`} role="tab">
-        Explorer
-      </a>
-      <a href={`/org/${organization}/project/${project}`} role="tab">
-        Source
-      </a>
-      {children}
-    </>
-  ),
-}));
-
-jest.mock('next/router', () => ({
-  useRouter: () => ({
-    push: pushMock,
-    query: routerQuery,
-  }),
-}));
-
-jest.mock('../../components/Protected/ProtectedContent', () => ({
-  __esModule: true,
-  default: ({ children }: { children: React.ReactNode }) => <>{children}</>,
-}));
-
-jest.mock('../../utils', () => ({
-  useIsEmbedded: jest.fn(() => false),
-}));
-
-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('renders route-backed project workspace tabs', () => {
-    useGetSyfonIndexRecordsQueryMock.mockReturnValue({
-      data: { directories: [], records: [] },
-      isFetching: false,
-      isLoading: false,
-    });
-
-    render(
-      <MantineProvider>
-        <OrganizationProjectPage {...layoutProps} />
-      </MantineProvider>,
-    );
-
-    expect(screen.getByRole('tab', { name: 'Home' })).toHaveAttribute(
-      'href',
-      '/org/org-a/project/proj-a/presentation',
-    );
-    expect(screen.getByRole('tab', { name: 'Explorer' })).toHaveAttribute(
-      'href',
-      '/org/org-a/project/proj-a/lake',
-    );
-    expect(screen.getByRole('tab', { name: 'Source' })).toHaveAttribute(
-      'href',
-      '/org/org-a/project/proj-a',
-    );
-  });
-
-  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: '/org/[org]/project/[project]/lake',
-        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: '/org/[org]/project/[project]/lake',
-        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/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 };

From e016ac4314873cb3c1a5a050cc53cbfa4c324785 Mon Sep 17 00:00:00 2001
From: matthewpeterkort <matthewpeterkort@gmail.com>
Date: Wed, 1 Jul 2026 14:47:05 -0700
Subject: [PATCH 05/22] fix build error

---
 .../src/pages/FileSummary/FileSummary.tsx     | 52 ++++++++++++++++---
 1 file changed, 44 insertions(+), 8 deletions(-)

diff --git a/packages/frontend/src/pages/FileSummary/FileSummary.tsx b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
index 35a7a7f5..4d8a5ddf 100644
--- a/packages/frontend/src/pages/FileSummary/FileSummary.tsx
+++ b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
@@ -910,13 +910,31 @@ export const FileSummaryPage = ({
       const deletedRecords = current.records.filter(
         (r) => deletedSet.has(r.path),
       );
-      const deletedBytes = deletedRecords.reduce((sum, r) => sum + (r.sizeBytes || 0), 0);
 
-      const newSummary = {
+      const countsByKind = { ...current.summary.countsByKind };
+      deletedRecords.forEach((r) => {
+        if (countsByKind[r.kind]) {
+          countsByKind[r.kind] = Math.max(0, countsByKind[r.kind] - 1);
+        }
+      });
+
+      const repoOrphanDeleted = deletedRecords.filter(
+        (r) => r.kind === 'repo_orphan_live_object' || r.kind === 'repo_orphan_stale_record',
+      ).length;
+      const staleDuplicateDeleted = deletedRecords.filter(
+        (r) => r.kind === 'stale_duplicate_record',
+      ).length;
+      const deleteCandidateDeleted = deletedRecords.filter(
+        (r) => r.repoDeleteCandidate,
+      ).length;
+
+      const newSummary: StorageCleanupAuditSummary = {
         ...current.summary,
         totalFindings: newRecords.length,
-        totalRecords: newRecords.length,
-        totalBytes: Math.max(0, current.summary.totalBytes - deletedBytes),
+        countsByKind,
+        repoOrphanCount: Math.max(0, current.summary.repoOrphanCount - repoOrphanDeleted),
+        staleDuplicateCount: Math.max(0, current.summary.staleDuplicateCount - staleDuplicateDeleted),
+        repoDeleteCandidateCount: Math.max(0, current.summary.repoDeleteCandidateCount - deleteCandidateDeleted),
       };
 
       return {
@@ -990,13 +1008,31 @@ export const FileSummaryPage = ({
       const deletedRecords = current.records.filter(
         (r) => deletedSet.has(r.objectId),
       );
-      const deletedBytes = deletedRecords.reduce((sum, r) => sum + (r.sizeBytes || 0), 0);
 
-      const newSummary = {
+      const countsByKind = { ...current.summary.countsByKind };
+      deletedRecords.forEach((r) => {
+        if (countsByKind[r.kind]) {
+          countsByKind[r.kind] = Math.max(0, countsByKind[r.kind] - 1);
+        }
+      });
+
+      const repoOrphanDeleted = deletedRecords.filter(
+        (r) => r.kind === 'repo_orphan_live_object' || r.kind === 'repo_orphan_stale_record',
+      ).length;
+      const staleDuplicateDeleted = deletedRecords.filter(
+        (r) => r.kind === 'stale_duplicate_record',
+      ).length;
+      const deleteCandidateDeleted = deletedRecords.filter(
+        (r) => r.repoDeleteCandidate,
+      ).length;
+
+      const newSummary: StorageCleanupAuditSummary = {
         ...current.summary,
         totalFindings: newRecords.length,
-        totalRecords: newRecords.length,
-        totalBytes: Math.max(0, current.summary.totalBytes - deletedBytes),
+        countsByKind,
+        repoOrphanCount: Math.max(0, current.summary.repoOrphanCount - repoOrphanDeleted),
+        staleDuplicateCount: Math.max(0, current.summary.staleDuplicateCount - staleDuplicateDeleted),
+        repoDeleteCandidateCount: Math.max(0, current.summary.repoDeleteCandidateCount - deleteCandidateDeleted),
       };
 
       return {

From a28985ce966042e081b6a9bd06ffa9196666db3a Mon Sep 17 00:00:00 2001
From: matthewpeterkort <matthewpeterkort@gmail.com>
Date: Wed, 1 Jul 2026 14:53:54 -0700
Subject: [PATCH 06/22] fix build error

---
 .../src/pages/FileSummary/FileSummary.tsx     | 250 +++++++++---------
 1 file changed, 126 insertions(+), 124 deletions(-)

diff --git a/packages/frontend/src/pages/FileSummary/FileSummary.tsx b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
index 4d8a5ddf..5affaeda 100644
--- a/packages/frontend/src/pages/FileSummary/FileSummary.tsx
+++ b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
@@ -855,6 +855,98 @@ export const FileSummaryPage = ({
     projectSelection: selectedProject,
   });
 
+
+
+  useEffect(() => {
+    clearChainAudit();
+    clearDiffAudit();
+    clearCleanupResults();
+  }, [clearChainAudit, clearCleanupResults, clearDiffAudit, currentPath, selectedProject]);
+
+  useEffect(() => {
+    setSelectedChainIssueId(null);
+    setSelectedCleanupIssueId(null);
+    setSelectedDiffIssueId(null);
+    setShowCleanupDetails(false);
+    setShowDiffDetails(false);
+    setSelectedChainPathsByIssue({});
+    setExpandedChainTreeNodes({});
+    setTreeNodeLimit({});
+    setActiveChainPage(1);
+    setActiveDiffPage(1);
+    setActiveCleanupPage(1);
+  }, [auditResult?.pathPrefix, chainAuditResult, currentPath, selectedProject]);
+
+  useEffect(() => {
+    setActiveChainPage(1);
+    setTreeNodeLimit({});
+  }, [selectedChainIssueId]);
+
+  useEffect(() => {
+    setActiveDiffPage(1);
+  }, [selectedDiffIssueId]);
+
+  useEffect(() => {
+    setActiveCleanupPage(1);
+  }, [selectedCleanupIssueId]);
+
+  const pageTitle = selectedProjectParts
+    ? `${selectedProjectParts.organization}/${selectedProjectParts.project}`
+    : 'Storage Monitor';
+  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 diffIssueSummaries = useMemo(
+    () => summarizeProjectDiffIssues(diffAuditResult?.findings ?? []),
+    [diffAuditResult?.findings],
+  );
+  const selectedDiffIssue = diffIssueSummaries.find(
+    (issue) => issue.id === selectedDiffIssueId,
+  ) ?? null;
+  const selectedDiffPaths = useMemo(
+    () =>
+      (diffAuditResult?.findings ?? [])
+        .filter((finding) =>
+          selectedDiffIssue
+            ? selectedDiffIssue.findingKinds.includes(finding.kind)
+            : false,
+        )
+        .map((finding) => finding.normalizedPath),
+    [diffAuditResult?.findings, selectedDiffIssue],
+  );
+  const hasCleanupFindings = (auditResult?.summary.totalFindings ?? 0) > 0;
+  const chainIssueSummaries = useMemo(
+    () =>
+      summarizeStorageChainIssues({
+        chainGroups: chainAuditResult?.groups ?? [],
+      }),
+    [chainAuditResult?.groups],
+  );
+  const selectedChainIssue = useMemo(
+    () =>
+      chainIssueSummaries.find((issue) => issue.id === selectedChainIssueId) ?? null,
+    [chainIssueSummaries, selectedChainIssueId],
+  );
+  const selectedChainFindings = useMemo(
+    () =>
+      selectedChainIssue
+        ? (chainAuditResult?.findings ?? []).filter(
+            (finding) => finding.kind === selectedChainIssue.id,
+          )
+        : [],
+    [chainAuditResult?.findings, selectedChainIssue],
+  );
+
   const removePathsFromLocalStates = useCallback((deletedPaths: Array<string>) => {
     const deletedSet = new Set(deletedPaths);
 
@@ -904,33 +996,33 @@ export const FileSummaryPage = ({
     // Update Storage Cleanup Audit (auditResult) local state
     setCleanupAuditResult((current) => {
       if (!current) return null;
-      const newRecords = current.records.filter(
-        (r) => !deletedSet.has(r.path),
+      const newFindings = current.findings.filter(
+        (f) => !deletedSet.has(f.normalizedPath),
       );
-      const deletedRecords = current.records.filter(
-        (r) => deletedSet.has(r.path),
+      const deletedFindings = current.findings.filter(
+        (f) => deletedSet.has(f.normalizedPath),
       );
 
-      const countsByKind = { ...current.summary.countsByKind };
-      deletedRecords.forEach((r) => {
-        if (countsByKind[r.kind]) {
-          countsByKind[r.kind] = Math.max(0, countsByKind[r.kind] - 1);
+      const countsByKind: Record<string, number> = { ...current.summary.countsByKind };
+      deletedFindings.forEach((f) => {
+        if (countsByKind[f.kind]) {
+          countsByKind[f.kind] = Math.max(0, countsByKind[f.kind] - 1);
         }
       });
 
-      const repoOrphanDeleted = deletedRecords.filter(
-        (r) => r.kind === 'repo_orphan_live_object' || r.kind === 'repo_orphan_stale_record',
+      const repoOrphanDeleted = deletedFindings.filter(
+        (f) => f.kind === 'repo_orphan_live_object' || f.kind === 'repo_orphan_stale_record',
       ).length;
-      const staleDuplicateDeleted = deletedRecords.filter(
-        (r) => r.kind === 'stale_duplicate_record',
+      const staleDuplicateDeleted = deletedFindings.filter(
+        (f) => f.kind === 'stale_duplicate_record',
       ).length;
-      const deleteCandidateDeleted = deletedRecords.filter(
-        (r) => r.repoDeleteCandidate,
+      const deleteCandidateDeleted = deletedFindings.filter(
+        (f) => f.repoDeleteCandidate,
       ).length;
 
-      const newSummary: StorageCleanupAuditSummary = {
+      const newSummary = {
         ...current.summary,
-        totalFindings: newRecords.length,
+        totalFindings: newFindings.length,
         countsByKind,
         repoOrphanCount: Math.max(0, current.summary.repoOrphanCount - repoOrphanDeleted),
         staleDuplicateCount: Math.max(0, current.summary.staleDuplicateCount - staleDuplicateDeleted),
@@ -939,7 +1031,7 @@ export const FileSummaryPage = ({
 
       return {
         ...current,
-        records: newRecords,
+        findings: newFindings,
         summary: newSummary,
       };
     });
@@ -1002,33 +1094,33 @@ export const FileSummaryPage = ({
     // Update Storage Cleanup Audit (auditResult) local state
     setCleanupAuditResult((current) => {
       if (!current) return null;
-      const newRecords = current.records.filter(
-        (r) => !deletedSet.has(r.objectId),
+      const newFindings = current.findings.filter(
+        (f) => !f.objectIds.some((id) => deletedSet.has(id)),
       );
-      const deletedRecords = current.records.filter(
-        (r) => deletedSet.has(r.objectId),
+      const deletedFindings = current.findings.filter(
+        (f) => f.objectIds.some((id) => deletedSet.has(id)),
       );
 
-      const countsByKind = { ...current.summary.countsByKind };
-      deletedRecords.forEach((r) => {
-        if (countsByKind[r.kind]) {
-          countsByKind[r.kind] = Math.max(0, countsByKind[r.kind] - 1);
+      const countsByKind: Record<string, number> = { ...current.summary.countsByKind };
+      deletedFindings.forEach((f) => {
+        if (countsByKind[f.kind]) {
+          countsByKind[f.kind] = Math.max(0, countsByKind[f.kind] - 1);
         }
       });
 
-      const repoOrphanDeleted = deletedRecords.filter(
-        (r) => r.kind === 'repo_orphan_live_object' || r.kind === 'repo_orphan_stale_record',
+      const repoOrphanDeleted = deletedFindings.filter(
+        (f) => f.kind === 'repo_orphan_live_object' || f.kind === 'repo_orphan_stale_record',
       ).length;
-      const staleDuplicateDeleted = deletedRecords.filter(
-        (r) => r.kind === 'stale_duplicate_record',
+      const staleDuplicateDeleted = deletedFindings.filter(
+        (f) => f.kind === 'stale_duplicate_record',
       ).length;
-      const deleteCandidateDeleted = deletedRecords.filter(
-        (r) => r.repoDeleteCandidate,
+      const deleteCandidateDeleted = deletedFindings.filter(
+        (f) => f.repoDeleteCandidate,
       ).length;
 
-      const newSummary: StorageCleanupAuditSummary = {
+      const newSummary = {
         ...current.summary,
-        totalFindings: newRecords.length,
+        totalFindings: newFindings.length,
         countsByKind,
         repoOrphanCount: Math.max(0, current.summary.repoOrphanCount - repoOrphanDeleted),
         staleDuplicateCount: Math.max(0, current.summary.staleDuplicateCount - staleDuplicateDeleted),
@@ -1037,101 +1129,11 @@ export const FileSummaryPage = ({
 
       return {
         ...current,
-        records: newRecords,
+        findings: newFindings,
         summary: newSummary,
       };
     });
   }, [setChainAuditResult, setCleanupAuditResult]);
-
-  useEffect(() => {
-    clearChainAudit();
-    clearDiffAudit();
-    clearCleanupResults();
-  }, [clearChainAudit, clearCleanupResults, clearDiffAudit, currentPath, selectedProject]);
-
-  useEffect(() => {
-    setSelectedChainIssueId(null);
-    setSelectedCleanupIssueId(null);
-    setSelectedDiffIssueId(null);
-    setShowCleanupDetails(false);
-    setShowDiffDetails(false);
-    setSelectedChainPathsByIssue({});
-    setExpandedChainTreeNodes({});
-    setTreeNodeLimit({});
-    setActiveChainPage(1);
-    setActiveDiffPage(1);
-    setActiveCleanupPage(1);
-  }, [auditResult?.pathPrefix, chainAuditResult, currentPath, selectedProject]);
-
-  useEffect(() => {
-    setActiveChainPage(1);
-    setTreeNodeLimit({});
-  }, [selectedChainIssueId]);
-
-  useEffect(() => {
-    setActiveDiffPage(1);
-  }, [selectedDiffIssueId]);
-
-  useEffect(() => {
-    setActiveCleanupPage(1);
-  }, [selectedCleanupIssueId]);
-
-  const pageTitle = selectedProjectParts
-    ? `${selectedProjectParts.organization}/${selectedProjectParts.project}`
-    : 'Storage Monitor';
-  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 diffIssueSummaries = useMemo(
-    () => summarizeProjectDiffIssues(diffAuditResult?.findings ?? []),
-    [diffAuditResult?.findings],
-  );
-  const selectedDiffIssue = diffIssueSummaries.find(
-    (issue) => issue.id === selectedDiffIssueId,
-  ) ?? null;
-  const selectedDiffPaths = useMemo(
-    () =>
-      (diffAuditResult?.findings ?? [])
-        .filter((finding) =>
-          selectedDiffIssue
-            ? selectedDiffIssue.findingKinds.includes(finding.kind)
-            : false,
-        )
-        .map((finding) => finding.normalizedPath),
-    [diffAuditResult?.findings, selectedDiffIssue],
-  );
-  const hasCleanupFindings = (auditResult?.summary.totalFindings ?? 0) > 0;
-  const chainIssueSummaries = useMemo(
-    () =>
-      summarizeStorageChainIssues({
-        chainGroups: chainAuditResult?.groups ?? [],
-      }),
-    [chainAuditResult?.groups],
-  );
-  const selectedChainIssue = useMemo(
-    () =>
-      chainIssueSummaries.find((issue) => issue.id === selectedChainIssueId) ?? null,
-    [chainIssueSummaries, selectedChainIssueId],
-  );
-  const selectedChainFindings = useMemo(
-    () =>
-      selectedChainIssue
-        ? (chainAuditResult?.findings ?? []).filter(
-            (finding) => finding.kind === selectedChainIssue.id,
-          )
-        : [],
-    [chainAuditResult?.findings, selectedChainIssue],
-  );
   const selectedChainObjectIdsCount = useMemo(
     () =>
       selectedChainFindings

From b4b2c88d35585cc479907d6cc016b6f9176cf438 Mon Sep 17 00:00:00 2001
From: matthewpeterkort <matthewpeterkort@gmail.com>
Date: Wed, 1 Jul 2026 15:02:01 -0700
Subject: [PATCH 07/22] fix build error

---
 packages/frontend/src/pages/FileSummary/FileSummary.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/frontend/src/pages/FileSummary/FileSummary.tsx b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
index 5affaeda..43de84d8 100644
--- a/packages/frontend/src/pages/FileSummary/FileSummary.tsx
+++ b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
@@ -35,6 +35,7 @@ import { FileSummaryPageProps } from './types';
 import {
   type ProjectDiffFinding,
   type ProjectDiffFindingKind,
+  type StorageChainFinding,
   type StorageChainFindingKind,
   type StorageChainIssueGroup,
   type StorageCleanupFinding,

From e14da4ea70405ce4490d8bbd6cf6125e420a38b5 Mon Sep 17 00:00:00 2001
From: matthewpeterkort <matthewpeterkort@gmail.com>
Date: Thu, 2 Jul 2026 13:52:33 -0700
Subject: [PATCH 08/22] update expired jwt to cause session timeout

---
 packages/core/src/features/gecko/geckoApi.ts  |  2 +
 packages/core/src/features/gen3/gen3Api.ts    | 54 ++++++++++++-------
 .../core/src/features/gen3Apps/Gen3AppRTKQ.ts | 51 ++++++++++++------
 packages/core/src/features/grip/gripApi.ts    |  9 ++++
 packages/core/src/features/guppy/guppyApi.ts  | 12 +++++
 .../core/src/features/user/unauthorized.ts    | 31 +++++++++++
 .../core/src/features/user/userSliceRTK.ts    |  1 -
 .../src/pages/FileSummary/FileSummary.tsx     | 15 ++++--
 .../frontend/src/pages/FileSummary/hooks.tsx  | 23 +++++++-
 9 files changed, 157 insertions(+), 41 deletions(-)
 create mode 100644 packages/core/src/features/user/unauthorized.ts

diff --git a/packages/core/src/features/gecko/geckoApi.ts b/packages/core/src/features/gecko/geckoApi.ts
index 0262eded..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 {
@@ -438,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) ||
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/Gen3AppRTKQ.ts b/packages/core/src/features/gen3Apps/Gen3AppRTKQ.ts
index 54a9bae4..a64c2cc5 100644
--- a/packages/core/src/features/gen3Apps/Gen3AppRTKQ.ts
+++ b/packages/core/src/features/gen3Apps/Gen3AppRTKQ.ts
@@ -20,6 +20,7 @@ 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,
@@ -48,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: () => ({}),
   });
 
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/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/frontend/src/pages/FileSummary/FileSummary.tsx b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
index 43de84d8..c88d05a1 100644
--- a/packages/frontend/src/pages/FileSummary/FileSummary.tsx
+++ b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
@@ -876,7 +876,7 @@ export const FileSummaryPage = ({
     setActiveChainPage(1);
     setActiveDiffPage(1);
     setActiveCleanupPage(1);
-  }, [auditResult?.pathPrefix, chainAuditResult, currentPath, selectedProject]);
+  }, [auditResult?.pathPrefix, currentPath, selectedProject]);
 
   useEffect(() => {
     setActiveChainPage(1);
@@ -1864,7 +1864,7 @@ export const FileSummaryPage = ({
                       icon={<IconAlertCircle size={16} />}
                       title="Bucket inventory unavailable"
                     >
-                      Syfon could not enumerate the mapped bucket target for this project. Gecko kept the audit running using probe-backed Syfon record evidence, but bucket-only object detection and bucket object totals are limited to what record probes could prove.
+                      Syfon could not enumerate the mapped bucket target for this project. Gecko kept the audit running using record-backed storage validation, but bucket-only object detection and bucket object totals are limited to what fallback validation could prove.
                       {chainAuditResult.summary.bucketInventoryError ? (
                         <Text mt={8} size="sm">
                           {chainAuditResult.summary.bucketInventoryError}
@@ -1907,7 +1907,7 @@ export const FileSummaryPage = ({
                     >
                       {(chainAuditResult.summary.countsByKind.bucket_syfon_git_complete ?? 0).toLocaleString()}
                       {' '}
-                      record-backed bucket objects currently probe cleanly through Syfon into Git, but the full bucket-first audit is blocked because the mapped bucket target could not be enumerated.
+                      record-backed storage objects currently validate cleanly through Syfon into Git, but the default bucket-first audit is blocked because the mapped bucket target could not be enumerated.
                       {' '}
                       Totals scanned:
                       {' '}
@@ -2234,6 +2234,15 @@ export const FileSummaryPage = ({
                             ) : null}
                           </>
                         ) : null
+                      ) : isChainAuditing ? (
+                        <Center py="lg">
+                          <Stack align="center" gap="xs">
+                            <Loader size="sm" />
+                            <Text c="dimmed" size="sm">
+                              Loading chain detail rows...
+                            </Text>
+                          </Stack>
+                        </Center>
                       ) : (
                         <Alert
                           color="blue"
diff --git a/packages/frontend/src/pages/FileSummary/hooks.tsx b/packages/frontend/src/pages/FileSummary/hooks.tsx
index 97011579..6344fdff 100644
--- a/packages/frontend/src/pages/FileSummary/hooks.tsx
+++ b/packages/frontend/src/pages/FileSummary/hooks.tsx
@@ -127,6 +127,7 @@ export interface StorageChainAuditResult {
   readonly groups: Array<StorageChainIssueGroup>;
   readonly summary: StorageChainAuditSummary;
   readonly pathPrefix: string;
+  readonly bucketPathPrefix?: string;
 }
 
 export type StorageCleanupFindingKind =
@@ -1123,6 +1124,10 @@ const normalizeStorageChainAuditResult = ({
   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:
@@ -1606,7 +1611,17 @@ export const useSyfonStorageChain = ({
 
   void config;
 
-  const runAudit = useCallback(async (): Promise<StorageChainAuditResult | null> => {
+  const runAudit = useCallback(async ({
+    bucketInventoryMode,
+    bucketPathPrefix,
+    findingLimit,
+    probeMode,
+  }: {
+    bucketInventoryMode?: 'items' | 'validate';
+    bucketPathPrefix?: string;
+    findingLimit?: number;
+    probeMode?: 'full' | 'inventory_only';
+  } = {}): Promise<StorageChainAuditResult | null> => {
     const selection = splitProjectSelectionValue(projectSelection);
     if (!selection) {
       setAuditError('Select a project before running the storage chain audit.');
@@ -1625,7 +1640,13 @@ export const useSyfonStorageChain = ({
         }),
         {
           body: JSON.stringify({
+            bucket_inventory_mode: bucketInventoryMode,
+            bucket_path_prefix: bucketPathPrefix
+              ? normalizeStoragePath(bucketPathPrefix) || undefined
+              : undefined,
+            finding_limit: findingLimit,
             git_subpath: normalizeStoragePath(currentPath) || undefined,
+            probe_mode: probeMode,
           }),
           credentials: 'include',
           headers: {

From fe0a04e994fffdef4cfdef822f73ec656a80af9e Mon Sep 17 00:00:00 2001
From: matthewpeterkort <matthewpeterkort@gmail.com>
Date: Thu, 2 Jul 2026 17:25:48 -0700
Subject: [PATCH 09/22] remove hardcoded audit states

---
 .../src/pages/FileSummary/FileSummary.tsx     | 1274 +++++++++--------
 .../frontend/src/pages/FileSummary/hooks.tsx  |  294 ++--
 2 files changed, 905 insertions(+), 663 deletions(-)

diff --git a/packages/frontend/src/pages/FileSummary/FileSummary.tsx b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
index c88d05a1..4e67c124 100644
--- a/packages/frontend/src/pages/FileSummary/FileSummary.tsx
+++ b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
@@ -33,11 +33,14 @@ import { NavPageLayout, ProjectWorkspaceTabs } from '../../features/Navigation';
 import { formatBytes } from '../../utils/labels';
 import { FileSummaryPageProps } from './types';
 import {
+  type AuditActionOption,
   type ProjectDiffFinding,
   type ProjectDiffFindingKind,
+  type StorageApplyActionRequest,
   type StorageChainFinding,
   type StorageChainFindingKind,
   type StorageChainIssueGroup,
+  type StorageCleanupApplyResult,
   type StorageCleanupFinding,
   type StorageCleanupFindingKind,
   useFileSummaryProjectOptions,
@@ -88,6 +91,72 @@ type StorageSortKey =
 
 type StorageSortDirection = 'asc' | 'desc';
 
+type IssueActionSummary = {
+  readonly actionability?: string;
+  readonly availableActions: Array<AuditActionOption>;
+  readonly defaultAction?: AuditActionOption;
+  readonly supportsDryRun: boolean;
+};
+
+type ActionIssueSource = 'chain' | 'cleanup' | 'diff';
+
+type ActionableFinding =
+  | ProjectDiffFinding
+  | StorageCleanupFinding
+  | StorageChainFinding;
+
+type PendingIssueAction = {
+  readonly source: ActionIssueSource;
+  readonly issueId: string;
+  readonly issueTitle: string;
+  readonly findings: Array<ActionableFinding>;
+  readonly paths: Array<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>,
+  fallbackAction?: AuditActionOption,
+): 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 ??
+    fallbackAction?.action;
+  const defaultAction =
+    availableActions.find((action) => action.action === defaultActionName) ??
+    fallbackAction ??
+    availableActions[0];
+
+  return {
+    actionability,
+    availableActions:
+      fallbackAction && availableActions.length === 0
+        ? [fallbackAction]
+        : availableActions,
+    defaultAction,
+    supportsDryRun:
+      findings.some((finding) => finding.supportsDryRun) ||
+      Boolean(defaultAction?.supportsDryRun),
+  };
+};
+
 const buildPathsByParentMap = (paths: Array<string>): Map<string, Array<ChainPathTreeNode>> => {
   const map = new Map<string, Array<ChainPathTreeNode>>();
   const seenPaths = new Set<string>();
@@ -269,7 +338,7 @@ type ProjectDiffIssueSummary = {
   readonly totalBytes: number;
   readonly description: string;
   readonly recommendation: string;
-  readonly actionLabel?: string;
+  readonly actionSummary: IssueActionSummary;
 };
 
 const summarizeProjectDiffIssues = (
@@ -340,7 +409,29 @@ const summarizeProjectDiffIssues = (
       );
 
       return {
-        actionLabel: group.actionLabel,
+        actionSummary: summarizeIssueActions(
+          matched,
+          group.id === 'git-only'
+            ? {
+                action: 'copy_paths',
+                destructive: false,
+                label: 'Copy paths',
+                requiresConfirmation: false,
+                supportsDryRun: false,
+              }
+            : group.actionLabel
+              ? {
+                  action: group.actionLabel
+                    .toLowerCase()
+                    .replace(/[^a-z0-9]+/g, '_')
+                    .replace(/^_+|_+$/g, ''),
+                  destructive: false,
+                  label: group.actionLabel,
+                  requiresConfirmation: false,
+                  supportsDryRun: false,
+                }
+              : undefined,
+        ),
         color: group.color,
         description: group.description,
         findingKinds: group.findingKinds,
@@ -372,6 +463,7 @@ type CleanupIssueSummary = {
   readonly sampleBuckets: Array<string>;
   readonly description: string;
   readonly recommendation: string;
+  readonly actionSummary: IssueActionSummary;
 };
 
 const summarizeCleanupIssues = (
@@ -512,6 +604,7 @@ const summarizeCleanupIssues = (
       });
 
       return {
+        actionSummary: summarizeIssueActions(matched),
         id: group.id,
         title: group.title,
         color: group.color,
@@ -542,7 +635,7 @@ type ChainIssueSummary = {
   readonly totalBytes: number;
   readonly description: string;
   readonly recommendation: string;
-  readonly actionLabel?: string;
+  readonly actionSummary: IssueActionSummary;
 };
 
 const chainIssueDefinitions: Array<{
@@ -632,8 +725,10 @@ const chainIssueDefinitions: Array<{
 ];
 
 const summarizeStorageChainIssues = ({
+  chainFindings,
   chainGroups,
 }: {
+  chainFindings: Array<StorageChainFinding>;
   chainGroups: Array<StorageChainIssueGroup>;
 }): Array<ChainIssueSummary> => {
   const groupsByKind = new Map(chainGroups.map((group) => [group.kind, group]));
@@ -645,8 +740,42 @@ const summarizeStorageChainIssues = ({
         return summaries;
       }
 
+      const matchingFindings = chainFindings.filter(
+        (finding) => finding.kind === definition.id,
+      );
+
       summaries.push({
-        actionLabel: definition.actionLabel,
+        actionSummary: summarizeIssueActions(
+          matchingFindings,
+          definition.id === 'git_only_no_syfon'
+            ? {
+                action: 'copy_paths',
+                destructive: false,
+                label: 'Copy paths',
+                requiresConfirmation: false,
+                supportsDryRun: false,
+              }
+            : definition.id === 'probe_error'
+              ? {
+                  action: 'rerun_audit',
+                  destructive: false,
+                  label: 'Retry verification',
+                  requiresConfirmation: false,
+                  supportsDryRun: false,
+                }
+              : definition.actionLabel
+                ? {
+                    action: definition.actionLabel
+                      .toLowerCase()
+                      .replace(/[^a-z0-9]+/g, '_')
+                      .replace(/^_+|_+$/g, ''),
+                    destructive: false,
+                    label: definition.actionLabel,
+                    requiresConfirmation: false,
+                    supportsDryRun: false,
+                  }
+                : undefined,
+        ),
         color: definition.color,
         description: definition.description,
         findingCount: group.findingCount,
@@ -664,51 +793,6 @@ const summarizeStorageChainIssues = ({
   );
 };
 
-const computeGroupsFromFindings = (
-  findings: Array<StorageChainFinding>,
-): Array<StorageChainIssueGroup> => {
-  const groupsByKind = new Map<
-    string,
-    {
-      findingCount: number;
-      pathCount: number;
-      recordCount: number;
-      objectCount: number;
-      totalBytes: number;
-    }
-  >();
-
-  findings.forEach((finding) => {
-    let current = groupsByKind.get(finding.kind);
-    if (!current) {
-      current = {
-        findingCount: 0,
-        pathCount: 0,
-        recordCount: 0,
-        objectCount: 0,
-        totalBytes: 0,
-      };
-      groupsByKind.set(finding.kind, current);
-    }
-    current.findingCount += 1;
-    if (finding.normalizedPath) {
-      current.pathCount += 1;
-    }
-    current.recordCount += finding.recordCount || 0;
-    current.objectCount += finding.objectIds?.length || 0;
-    current.totalBytes += finding.sizeBytes || 0;
-  });
-
-  return Array.from(groupsByKind.entries()).map(([kind, g]) => ({
-    kind,
-    findingCount: g.findingCount,
-    pathCount: g.pathCount,
-    recordCount: g.recordCount,
-    objectCount: g.objectCount,
-    totalBytes: g.totalBytes,
-  }));
-};
-
 export const FileSummaryPage = ({
   headerProps,
   footerProps,
@@ -736,6 +820,9 @@ export const FileSummaryPage = ({
   const [selectedChainIssueId, setSelectedChainIssueId] = useState<string | null>(
     null,
   );
+  const [chainDetailFindingsByIssue, setChainDetailFindingsByIssue] = useState<
+    Record<string, Array<StorageChainFinding>>
+  >({});
   const [selectedChainPathsByIssue, setSelectedChainPathsByIssue] = useState<
     Record<string, Array<string>>
   >({});
@@ -745,8 +832,20 @@ export const FileSummaryPage = ({
   const [selectedDiffIssueId, setSelectedDiffIssueId] = useState<string | null>(null);
   const [showCleanupDetails, setShowCleanupDetails] = useState(false);
   const [showDiffDetails, setShowDiffDetails] = useState(false);
-  const [repoOrphanDeleteModalOpen, setRepoOrphanDeleteModalOpen] =
-    useState(false);
+  const [cleanupDetailFindingsByIssue, setCleanupDetailFindingsByIssue] = useState<
+    Record<string, Array<StorageCleanupFinding>>
+  >({});
+  const [pendingIssueAction, setPendingIssueAction] =
+    useState<PendingIssueAction | null>(null);
+  const [selectedIssueAction, setSelectedIssueAction] = useState<string | null>(
+    null,
+  );
+  const [issueActionModalOpen, setIssueActionModalOpen] = useState(false);
+  const [issueActionPreview, setIssueActionPreview] =
+    useState<StorageCleanupApplyResult | null>(null);
+  const [actionFeedbackMessage, setActionFeedbackMessage] = useState<string | null>(
+    null,
+  );
   const [auditModalOpen, setAuditModalOpen] = useState(false);
   const [storageSortKey, setStorageSortKey] = useState<StorageSortKey>('sizeBytes');
   const [storageSortDirection, setStorageSortDirection] =
@@ -820,7 +919,6 @@ export const FileSummaryPage = ({
     clearAudit: clearChainAudit,
     isAuditing: isChainAuditing,
     runAudit: runChainAudit,
-    setAuditResult: setChainAuditResult,
   } = useSyfonStorageChain({
     config: filesummaryConfig,
     currentPath,
@@ -844,12 +942,10 @@ export const FileSummaryPage = ({
     auditError,
     auditResult,
     clearCleanupResults,
-    deleteBrokenRecords,
     isApplying,
     isAuditing,
     rerunAudit,
     runAudit,
-    setAuditResult: setCleanupAuditResult,
   } = useSyfonStorageCleanup({
     config: filesummaryConfig,
     currentPath,
@@ -866,10 +962,17 @@ export const FileSummaryPage = ({
 
   useEffect(() => {
     setSelectedChainIssueId(null);
+    setChainDetailFindingsByIssue({});
     setSelectedCleanupIssueId(null);
+    setCleanupDetailFindingsByIssue({});
     setSelectedDiffIssueId(null);
     setShowCleanupDetails(false);
     setShowDiffDetails(false);
+    setPendingIssueAction(null);
+    setSelectedIssueAction(null);
+    setIssueActionModalOpen(false);
+    setIssueActionPreview(null);
+    setActionFeedbackMessage(null);
     setSelectedChainPathsByIssue({});
     setExpandedChainTreeNodes({});
     setTreeNodeLimit({});
@@ -929,9 +1032,10 @@ export const FileSummaryPage = ({
   const chainIssueSummaries = useMemo(
     () =>
       summarizeStorageChainIssues({
+        chainFindings: chainAuditResult?.findings ?? [],
         chainGroups: chainAuditResult?.groups ?? [],
       }),
-    [chainAuditResult?.groups],
+    [chainAuditResult?.findings, chainAuditResult?.groups],
   );
   const selectedChainIssue = useMemo(
     () =>
@@ -941,207 +1045,14 @@ export const FileSummaryPage = ({
   const selectedChainFindings = useMemo(
     () =>
       selectedChainIssue
-        ? (chainAuditResult?.findings ?? []).filter(
+        ? chainDetailFindingsByIssue[selectedChainIssue.id] ??
+          (chainAuditResult?.findings ?? []).filter(
             (finding) => finding.kind === selectedChainIssue.id,
           )
         : [],
-    [chainAuditResult?.findings, selectedChainIssue],
+    [chainAuditResult?.findings, chainDetailFindingsByIssue, selectedChainIssue],
   );
 
-  const removePathsFromLocalStates = useCallback((deletedPaths: Array<string>) => {
-    const deletedSet = new Set(deletedPaths);
-
-    // Update Storage Chain Audit local state
-    setChainAuditResult((current) => {
-      if (!current) return null;
-      const newFindings = current.findings.filter(
-        (f) => !deletedSet.has(f.normalizedPath),
-      );
-      const newGroups = computeGroupsFromFindings(newFindings);
-
-      const deletedFindings = current.findings.filter(
-        (f) => deletedSet.has(f.normalizedPath),
-      );
-      const deletedObjectCount = deletedFindings.reduce((sum, f) => sum + (f.objectIds?.length || 0), 0);
-      const deletedRecordCount = deletedFindings.reduce((sum, f) => sum + (f.recordCount || 0), 0);
-
-      const countsByKind: Record<string, number> = {};
-      newFindings.forEach((f) => {
-        countsByKind[f.kind] = (countsByKind[f.kind] || 0) + 1;
-      });
-      current.groups.forEach((group) => {
-        if (!countsByKind[group.kind]) {
-          countsByKind[group.kind] = 0;
-        }
-      });
-
-      const newSummary = {
-        ...current.summary,
-        totalFindings: newFindings.length,
-        countsByKind: {
-          ...current.summary.countsByKind,
-          ...countsByKind,
-        },
-        bucketObjectCount: Math.max(0, current.summary.bucketObjectCount - deletedObjectCount),
-        syfonRecordCount: Math.max(0, current.summary.syfonRecordCount - deletedRecordCount),
-      };
-
-      return {
-        ...current,
-        findings: newFindings,
-        groups: newGroups,
-        summary: newSummary,
-      };
-    });
-
-    // Update Storage Cleanup Audit (auditResult) local state
-    setCleanupAuditResult((current) => {
-      if (!current) return null;
-      const newFindings = current.findings.filter(
-        (f) => !deletedSet.has(f.normalizedPath),
-      );
-      const deletedFindings = current.findings.filter(
-        (f) => deletedSet.has(f.normalizedPath),
-      );
-
-      const countsByKind: Record<string, number> = { ...current.summary.countsByKind };
-      deletedFindings.forEach((f) => {
-        if (countsByKind[f.kind]) {
-          countsByKind[f.kind] = Math.max(0, countsByKind[f.kind] - 1);
-        }
-      });
-
-      const repoOrphanDeleted = deletedFindings.filter(
-        (f) => f.kind === 'repo_orphan_live_object' || f.kind === 'repo_orphan_stale_record',
-      ).length;
-      const staleDuplicateDeleted = deletedFindings.filter(
-        (f) => f.kind === 'stale_duplicate_record',
-      ).length;
-      const deleteCandidateDeleted = deletedFindings.filter(
-        (f) => f.repoDeleteCandidate,
-      ).length;
-
-      const newSummary = {
-        ...current.summary,
-        totalFindings: newFindings.length,
-        countsByKind,
-        repoOrphanCount: Math.max(0, current.summary.repoOrphanCount - repoOrphanDeleted),
-        staleDuplicateCount: Math.max(0, current.summary.staleDuplicateCount - staleDuplicateDeleted),
-        repoDeleteCandidateCount: Math.max(0, current.summary.repoDeleteCandidateCount - deleteCandidateDeleted),
-      };
-
-      return {
-        ...current,
-        findings: newFindings,
-        summary: newSummary,
-      };
-    });
-
-    // Reset selection for this issue
-    if (selectedChainIssue) {
-      setSelectedChainPathsByIssue((current) => ({
-        ...current,
-        [selectedChainIssue.id]: [],
-      }));
-    }
-  }, [selectedChainIssue, setChainAuditResult, setCleanupAuditResult]);
-
-  const removeObjectIdsFromLocalStates = useCallback((deletedIds: Array<string>) => {
-    const deletedSet = new Set(deletedIds);
-
-    // Update Storage Chain Audit local state
-    setChainAuditResult((current) => {
-      if (!current) return null;
-      const newFindings = current.findings.filter(
-        (f) => !f.objectIds.some((id) => deletedSet.has(id)),
-      );
-      const newGroups = computeGroupsFromFindings(newFindings);
-      
-      const deletedFindings = current.findings.filter(
-        (f) => f.objectIds.some((id) => deletedSet.has(id)),
-      );
-      const deletedObjectCount = deletedFindings.reduce((sum, f) => sum + (f.objectIds?.length || 0), 0);
-      const deletedRecordCount = deletedFindings.reduce((sum, f) => sum + (f.recordCount || 0), 0);
-
-      const countsByKind: Record<string, number> = {};
-      newFindings.forEach((f) => {
-        countsByKind[f.kind] = (countsByKind[f.kind] || 0) + 1;
-      });
-      current.groups.forEach((group) => {
-        if (!countsByKind[group.kind]) {
-          countsByKind[group.kind] = 0;
-        }
-      });
-
-      const newSummary = {
-        ...current.summary,
-        totalFindings: newFindings.length,
-        countsByKind: {
-          ...current.summary.countsByKind,
-          ...countsByKind,
-        },
-        bucketObjectCount: Math.max(0, current.summary.bucketObjectCount - deletedObjectCount),
-        syfonRecordCount: Math.max(0, current.summary.syfonRecordCount - deletedRecordCount),
-      };
-
-      return {
-        ...current,
-        findings: newFindings,
-        groups: newGroups,
-        summary: newSummary,
-      };
-    });
-
-    // Update Storage Cleanup Audit (auditResult) local state
-    setCleanupAuditResult((current) => {
-      if (!current) return null;
-      const newFindings = current.findings.filter(
-        (f) => !f.objectIds.some((id) => deletedSet.has(id)),
-      );
-      const deletedFindings = current.findings.filter(
-        (f) => f.objectIds.some((id) => deletedSet.has(id)),
-      );
-
-      const countsByKind: Record<string, number> = { ...current.summary.countsByKind };
-      deletedFindings.forEach((f) => {
-        if (countsByKind[f.kind]) {
-          countsByKind[f.kind] = Math.max(0, countsByKind[f.kind] - 1);
-        }
-      });
-
-      const repoOrphanDeleted = deletedFindings.filter(
-        (f) => f.kind === 'repo_orphan_live_object' || f.kind === 'repo_orphan_stale_record',
-      ).length;
-      const staleDuplicateDeleted = deletedFindings.filter(
-        (f) => f.kind === 'stale_duplicate_record',
-      ).length;
-      const deleteCandidateDeleted = deletedFindings.filter(
-        (f) => f.repoDeleteCandidate,
-      ).length;
-
-      const newSummary = {
-        ...current.summary,
-        totalFindings: newFindings.length,
-        countsByKind,
-        repoOrphanCount: Math.max(0, current.summary.repoOrphanCount - repoOrphanDeleted),
-        staleDuplicateCount: Math.max(0, current.summary.staleDuplicateCount - staleDuplicateDeleted),
-        repoDeleteCandidateCount: Math.max(0, current.summary.repoDeleteCandidateCount - deleteCandidateDeleted),
-      };
-
-      return {
-        ...current,
-        findings: newFindings,
-        summary: newSummary,
-      };
-    });
-  }, [setChainAuditResult, setCleanupAuditResult]);
-  const selectedChainObjectIdsCount = useMemo(
-    () =>
-      selectedChainFindings
-        .flatMap((finding) => finding.objectIds)
-        .filter(Boolean).length,
-    [selectedChainFindings],
-  );
   const actionableChainSelectionIssue =
     selectedChainIssue?.id === 'bucket_only_object' ||
     selectedChainIssue?.id === 'bucket_syfon_no_git';
@@ -1210,9 +1121,6 @@ export const FileSummaryPage = ({
     selectableChainPaths,
     selectedChainIssue,
   ]);
-  const canRepairBrokenBucketMappings =
-    selectedChainIssue?.id === 'syfon_broken_bucket_mapping' &&
-    selectedChainFindings.length > 0;
   const cleanupIssueSummaries = useMemo(
     () => summarizeCleanupIssues(auditResult?.findings ?? []),
     [auditResult?.findings],
@@ -1229,10 +1137,13 @@ export const FileSummaryPage = ({
       return auditResult.findings;
     }
 
-    return auditResult.findings.filter((finding) =>
-      selectedCleanupIssue.findingKinds.includes(finding.kind),
+    return (
+      cleanupDetailFindingsByIssue[selectedCleanupIssue.id] ??
+      auditResult.findings.filter((finding) =>
+        selectedCleanupIssue.findingKinds.includes(finding.kind),
+      )
     );
-  }, [auditResult, selectedCleanupIssue]);
+  }, [auditResult, cleanupDetailFindingsByIssue, selectedCleanupIssue]);
 
   const selectedDiffFindings = useMemo(
     () =>
@@ -1266,25 +1177,6 @@ export const FileSummaryPage = ({
     const end = start + 100;
     return visibleCleanupFindings.slice(start, end);
   }, [visibleCleanupFindings, activeCleanupPage]);
-  const brokenRecordObjectIds = useMemo(
-    () =>
-      Array.from(
-        new Set(
-          visibleCleanupFindings
-            .filter((finding) => finding.kind === 'broken_access_url_error')
-            .flatMap((finding) =>
-              finding.records
-                .filter((record) => record.cleanupScope !== 'access_url')
-                .map((record) => record.objectId),
-            ),
-        ),
-      ),
-    [visibleCleanupFindings],
-  );
-  const canDeleteBrokenRecords =
-    selectedDiffIssue?.id === 'syfon-only' &&
-    selectedCleanupIssue?.id === 'broken-access-urls' &&
-    brokenRecordObjectIds.length > 0;
   const isDuplicateVerificationContext =
     selectedDiffIssue?.id === 'duplicate-syfon-paths';
   const hasSafeDuplicateCleanup =
@@ -1300,136 +1192,314 @@ export const FileSummaryPage = ({
     return auditResult.findings.filter((finding) => !visibleKinds.has(finding.kind))
       .length;
   }, [auditResult, cleanupIssueSummaries]);
-  const repoOrphanDeletePlan = useMemo(() => {
-    if (!auditResult) {
-      return {
-        metadataOnlyObjectIds: [] as Array<string>,
-        purgeObjectIds: [] as Array<string>,
-        purgeUrls: [] as Array<string>,
-      };
-    }
-
-    const metadataOnlyObjectIds = new Set<string>();
-    const purgeObjectIds = new Set<string>();
-    const purgeUrls = new Set<string>();
+  const openIssueActionModal = useCallback(
+    ({
+      defaultAction,
+      findings,
+      issueId,
+      issueTitle,
+      paths,
+      source,
+      supportsDryRun,
+    }: {
+      defaultAction?: AuditActionOption;
+      findings: Array<ActionableFinding>;
+      issueId: string;
+      issueTitle: string;
+      paths: Array<string>;
+      source: ActionIssueSource;
+      supportsDryRun: boolean;
+    }) => {
+      const availableActions = Array.from(
+        new Map(
+          findings
+            .flatMap((finding) => finding.availableActions)
+            .map((action) => [action.action, action]),
+        ).values(),
+      );
 
-    auditResult.findings.forEach((finding) => {
-      if (
-        finding.kind !== 'repo_orphan_live_object' &&
-        finding.kind !== 'repo_orphan_stale_record'
-      ) {
+      const fallbackAction = defaultAction
+        ? [defaultAction]
+        : issueId === 'duplicate-syfon-paths'
+          ? [
+              {
+                action: 'verify_duplicates',
+                destructive: false,
+                label: 'Verify duplicates',
+                requiresConfirmation: false,
+                supportsDryRun: false,
+              },
+            ]
+          : issueId === 'syfon-only'
+            ? [
+                {
+                  action: 'prepare_delete',
+                  destructive: false,
+                  label: 'Prepare delete',
+                  requiresConfirmation: false,
+                  supportsDryRun: false,
+                },
+              ]
+        : issueId === 'git-only' || issueId === 'git_only_no_syfon'
+          ? [
+              {
+                action: 'copy_paths',
+                destructive: false,
+                label: 'Copy paths',
+                requiresConfirmation: false,
+                supportsDryRun: false,
+              },
+            ]
+          : issueId === 'probe_error'
+            ? [
+                {
+                  action: 'rerun_audit',
+                  destructive: false,
+                  label: 'Retry verification',
+                  requiresConfirmation: false,
+                  supportsDryRun: false,
+                },
+              ]
+            : [];
+      const resolvedActions =
+        availableActions.length > 0 ? availableActions : fallbackAction;
+      const resolvedDefault =
+        resolvedActions.find((action) => action.action === defaultAction?.action) ??
+        resolvedActions[0];
+
+      if (resolvedActions.length === 0) {
+        setActionFeedbackMessage(
+          `${issueTitle} does not currently expose any repair actions from the backend.`,
+        );
         return;
       }
 
-      finding.records.forEach((record) => {
-        if (record.cleanupScope === 'access_url') {
-          return;
-        }
+      setIssueActionPreview(null);
+      setActionFeedbackMessage(null);
+      setPendingIssueAction({
+        availableActions: resolvedActions,
+        defaultAction: resolvedDefault,
+        findings,
+        issueId,
+        issueTitle,
+        paths,
+        source,
+        supportsDryRun:
+          supportsDryRun || resolvedActions.some((action) => action.supportsDryRun),
+      });
+      setSelectedIssueAction(resolvedDefault?.action ?? null);
+      setIssueActionModalOpen(true);
+    },
+    [],
+  );
 
-        if (finding.kind === 'repo_orphan_live_object') {
-          purgeObjectIds.add(record.objectId);
-          record.accessProbes.forEach((probe) => {
-            const url = probe.url?.trim();
-            if (url) {
-              purgeUrls.add(url);
-            }
-          });
-          return;
-        }
+  const selectedIssueActionOption = useMemo(
+    () =>
+      pendingIssueAction?.availableActions.find(
+        (action) => action.action === selectedIssueAction,
+      ) ??
+      pendingIssueAction?.defaultAction ??
+      null,
+    [pendingIssueAction, selectedIssueAction],
+  );
 
-        metadataOnlyObjectIds.add(record.objectId);
-      });
-    });
+  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(),
+      ),
+    [],
+  );
 
-    return {
-      metadataOnlyObjectIds: Array.from(metadataOnlyObjectIds).sort(),
-      purgeObjectIds: Array.from(purgeObjectIds).sort(),
-      purgeUrls: Array.from(purgeUrls).sort(),
-    };
-  }, [auditResult]);
+  const refreshAuditViews = useCallback(async () => {
+    await refresh();
 
-  const handleApplyCleanup = async ({
-    deleteRepoOrphans,
-    deleteStaleDuplicates,
-    selectedPaths,
-  }: {
-    deleteRepoOrphans: boolean;
-    deleteStaleDuplicates: boolean;
-    selectedPaths?: Array<string>;
-  }) => {
-    const result = await applyCleanup({
-      deleteRepoOrphans,
-      deleteStaleDuplicates,
+    const tasks: Array<Promise<unknown>> = [];
+    if (chainAuditResult) {
+      tasks.push(runChainAudit());
+    }
+    if (diffAuditResult) {
+      tasks.push(runProjectDiffAudit());
+    }
+    if (auditResult) {
+      tasks.push(rerunAudit());
+    }
+    if (tasks.length > 0) {
+      await Promise.all(tasks);
+    }
+  }, [
+    auditResult,
+    chainAuditResult,
+    diffAuditResult,
+    refresh,
+    rerunAudit,
+    runChainAudit,
+    runProjectDiffAudit,
+  ]);
+
+  const loadCleanupIssueDetails = useCallback(
+    async ({
+      issue,
       selectedPaths,
-    });
+    }: {
+      issue: CleanupIssueSummary;
+      selectedPaths?: Array<string>;
+    }) => {
+      const result = await runAudit({
+        findingKind:
+          issue.findingKinds.length === 1 ? issue.findingKinds[0] : undefined,
+        includeRepoManifest: true,
+        persistResult: false,
+        selectedPaths,
+      });
 
-    if (result) {
-      refresh();
-      if (selectedPaths && selectedPaths.length > 0) {
-        removePathsFromLocalStates(selectedPaths);
-      } else {
-        const pathsToRemove: Array<string> = [];
-        if (deleteRepoOrphans) {
-          (chainAuditResult?.findings ?? [])
-            .filter((f) => f.kind === 'bucket_syfon_no_git')
-            .forEach((f) => pathsToRemove.push(f.normalizedPath));
-        }
-        if (pathsToRemove.length > 0) {
-          removePathsFromLocalStates(pathsToRemove);
-        } else {
-          await rerunAudit();
-        }
+      if (result) {
+        setCleanupDetailFindingsByIssue((current) => ({
+          ...current,
+          [issue.id]: result.findings,
+        }));
       }
-    }
-  };
+    },
+    [runAudit],
+  );
 
-  const handleDeleteBrokenRecords = async () => {
-    if (!canDeleteBrokenRecords) {
-      return;
-    }
+  const loadChainIssueDetails = useCallback(
+    async (issue: ChainIssueSummary) => {
+      const result = await runChainAudit({
+        findingKind: issue.id,
+        findingLimit: -1,
+        persistResult: false,
+      });
 
-    const result = await deleteBrokenRecords({
-      objectIds: brokenRecordObjectIds,
-    });
+      if (result) {
+        setChainDetailFindingsByIssue((current) => ({
+          ...current,
+          [issue.id]: result.findings.filter((finding) => finding.kind === issue.id),
+        }));
+      }
+    },
+    [runChainAudit],
+  );
 
-    if (result) {
-      refresh();
-      removeObjectIdsFromLocalStates(brokenRecordObjectIds);
-    }
-  };
+  const handleRunIssueAction = useCallback(
+    async ({
+      preview = false,
+    }: {
+      preview?: boolean;
+    } = {}) => {
+      if (!pendingIssueAction || !selectedIssueActionOption) {
+        return;
+      }
 
-  const handleRepairBrokenBucketMappings = async () => {
-    if (
-      !selectedChainIssue ||
-      selectedChainIssue.id !== 'syfon_broken_bucket_mapping'
-    ) {
-      return;
-    }
+      const actionName = selectedIssueActionOption.action;
+      const selectedPaths = pendingIssueAction.paths;
+
+      if (actionName === 'copy_paths') {
+        await navigator.clipboard.writeText(selectedPaths.join('\n'));
+        setActionFeedbackMessage(
+          `Copied ${selectedPaths.length.toLocaleString()} path${selectedPaths.length === 1 ? '' : 's'} to the clipboard.`,
+        );
+        setIssueActionModalOpen(false);
+        setPendingIssueAction(null);
+        setSelectedIssueAction(null);
+        setIssueActionPreview(null);
+        return;
+      }
 
-    const objectIds = Array.from(
-      new Set(
-        selectedChainFindings
-          .flatMap((finding) => finding.objectIds)
-          .filter(Boolean),
-      ),
-    );
+      if (actionName === 'rerun_audit') {
+        if (pendingIssueAction.source === 'chain') {
+          await runChainAudit();
+        } else if (pendingIssueAction.source === 'diff') {
+          await runProjectDiffAudit();
+        } else {
+          await rerunAudit();
+        }
+        setIssueActionModalOpen(false);
+        setPendingIssueAction(null);
+        setSelectedIssueAction(null);
+        setIssueActionPreview(null);
+        return;
+      }
 
-    if (objectIds.length === 0) {
-      return;
-    }
+      if (actionName === 'verify_duplicates' || actionName === 'prepare_delete') {
+        setIssueActionModalOpen(false);
+        setPendingIssueAction(null);
+        setSelectedIssueAction(null);
+        setIssueActionPreview(null);
+        if (pendingIssueAction.source === 'diff') {
+          setSelectedDiffIssueId(pendingIssueAction.issueId);
+          setShowDiffDetails(true);
+        }
+        setSelectedCleanupIssueId(null);
+        setShowCleanupDetails(true);
+        await runAudit({
+          includeRepoManifest: true,
+          selectedPaths,
+        });
+        return;
+      }
 
-    const result = await deleteBrokenRecords({
-      objectIds,
-    });
+      const result = await applyCleanup({
+        actions: buildActionRequests({
+          action: actionName,
+          findings: pendingIssueAction.findings,
+        }),
+        deleteBucketOnlyObjects: false,
+        deleteRepoOrphans: false,
+        deleteStaleDuplicates: false,
+        dryRun: preview,
+        selectedPaths,
+      });
 
-    if (result) {
-      refresh();
-      await runChainAudit();
-      if (auditResult) {
-        await rerunAudit();
+      if (!result) {
+        return;
       }
-    }
-  };
+
+      if (preview) {
+        setIssueActionPreview(result);
+        return;
+      }
+
+      setActionFeedbackMessage(
+        `${selectedIssueActionOption.label} completed for ${selectedPaths.length.toLocaleString()} path${selectedPaths.length === 1 ? '' : 's'}.`,
+      );
+      setIssueActionModalOpen(false);
+      setPendingIssueAction(null);
+      setSelectedIssueAction(null);
+      setIssueActionPreview(null);
+      setSelectedCleanupIssueId(null);
+      setSelectedChainIssueId(null);
+      await refreshAuditViews();
+    },
+    [
+      applyCleanup,
+      buildActionRequests,
+      pendingIssueAction,
+      refreshAuditViews,
+      rerunAudit,
+      runAudit,
+      runChainAudit,
+      runProjectDiffAudit,
+      selectedIssueActionOption,
+    ],
+  );
 
   const toggleExpandedChainTreeNode = useCallback((nodePath: string) => {
     setExpandedChainTreeNodes((current) => ({
@@ -1475,48 +1545,16 @@ export const FileSummaryPage = ({
     if (!selectedChainIssue || selectedChainPaths.length === 0) {
       return;
     }
-    const result =
-      selectedChainIssue.id === 'bucket_only_object'
-        ? await applyCleanup({
-            deleteRepoOrphans: false,
-            deleteStaleDuplicates: false,
-            deleteBucketOnlyObjects: true,
-            selectedPaths: selectedChainPaths,
-          })
-        : selectedChainIssue.id === 'bucket_syfon_no_git'
-          ? await applyCleanup({
-              deleteRepoOrphans: true,
-              deleteStaleDuplicates: false,
-              selectedPaths: selectedChainPaths,
-            })
-          : null;
-
-    if (result) {
-      refresh();
-      removePathsFromLocalStates(selectedChainPaths);
-    }
-  };
-
-  const handleConfirmRepoOrphanDelete = async () => {
-    setRepoOrphanDeleteModalOpen(false);
-    await handleApplyCleanup({
-      deleteRepoOrphans: true,
-      deleteStaleDuplicates: false,
-      selectedPaths: selectedDiffPaths,
-    });
-  };
-
-  const handlePrepareCleanup = async (issue: ProjectDiffIssueSummary) => {
-    setSelectedDiffIssueId(issue.id);
-    setSelectedCleanupIssueId(null);
-    setSelectedChainIssueId(null);
-    setShowDiffDetails(true);
-    setShowCleanupDetails(true);
-    await runAudit({
-      includeRepoManifest: true,
-      selectedPaths: (diffAuditResult?.findings ?? [])
-        .filter((finding) => issue.findingKinds.includes(finding.kind))
-        .map((finding) => finding.normalizedPath),
+    openIssueActionModal({
+      defaultAction: selectedChainIssue.actionSummary.defaultAction,
+      findings: selectedChainFindings.filter((finding) =>
+        selectedChainPaths.includes(finding.normalizedPath),
+      ),
+      issueId: selectedChainIssue.id,
+      issueTitle: selectedChainIssue.title,
+      paths: selectedChainPaths,
+      source: 'chain',
+      supportsDryRun: selectedChainIssue.actionSummary.supportsDryRun,
     });
   };
 
@@ -1540,21 +1578,23 @@ export const FileSummaryPage = ({
   };
 
   const handleToggleChainIssueDetails = useCallback(
-    (issue: ChainIssueSummary) => {
+    async (issue: ChainIssueSummary) => {
       const shouldOpen = selectedChainIssueId !== issue.id;
       setSelectedChainIssueId(shouldOpen ? issue.id : null);
       if (shouldOpen) {
         setSelectedDiffIssueId(null);
         setSelectedCleanupIssueId(null);
+        await loadChainIssueDetails(issue);
       }
     },
-    [selectedChainIssueId],
+    [loadChainIssueDetails, selectedChainIssueId],
   );
 
   const handleFocusChainIssue = async (issue: ChainIssueSummary) => {
     setSelectedChainIssueId(issue.id);
     setSelectedDiffIssueId(null);
     setSelectedCleanupIssueId(null);
+    await loadChainIssueDetails(issue);
   };
 
   const handleOpenAuditModal = async () => {
@@ -1762,77 +1802,136 @@ export const FileSummaryPage = ({
             <>
               <Modal
                 centered
-                onClose={() => setRepoOrphanDeleteModalOpen(false)}
-                opened={repoOrphanDeleteModalOpen}
-                size="lg"
-                title="Delete repo orphans and purge bucket files"
+                onClose={() => {
+                  setIssueActionModalOpen(false);
+                  setIssueActionPreview(null);
+                }}
+                opened={issueActionModalOpen}
+                size="xl"
+                title={pendingIssueAction?.issueTitle ?? 'Issue action'}
               >
-                <Stack gap="md">
-                  <Alert
-                    color="red"
-                    icon={<IconAlertCircle size={16} />}
-                    title="This action cannot be undone"
-                  >
-                    Syfon will delete the selected repo-orphan records. For live
-                    repo orphans, it will also attempt to delete the backing
-                    storage objects from the bucket.
-                  </Alert>
-
-                  <Text size="sm">
-                    Metadata-only deletions:{' '}
-                    {repoOrphanDeletePlan.metadataOnlyObjectIds.length.toLocaleString()}
-                    {' · '}
-                    Bucket purge attempts:{' '}
-                    {repoOrphanDeletePlan.purgeObjectIds.length.toLocaleString()}
-                  </Text>
+                {pendingIssueAction ? (
+                  <Stack gap="md">
+                    <Text c="dimmed" size="sm">
+                      Choose the healing action for this issue set. The frontend
+                      uses the backend action contract directly instead of
+                      guessing what is safe to do.
+                    </Text>
+
+                    {selectedIssueActionOption?.destructive ? (
+                      <Alert
+                        color="red"
+                        icon={<IconAlertCircle size={16} />}
+                        title="This action changes project state"
+                      >
+                        Confirm the targets below before applying this action.
+                        Bucket-backed deletions cannot be undone.
+                      </Alert>
+                    ) : null}
+
+                    {pendingIssueAction.availableActions.length > 1 ? (
+                      <Select
+                        data={pendingIssueAction.availableActions.map((action) => ({
+                          label: action.label,
+                          value: action.action,
+                        }))}
+                        label="Action"
+                        onChange={(value) => {
+                          setSelectedIssueAction(value);
+                          setIssueActionPreview(null);
+                        }}
+                        value={selectedIssueAction}
+                      />
+                    ) : null}
+
+                    {selectedIssueActionOption?.description ? (
+                      <Text size="sm">{selectedIssueActionOption.description}</Text>
+                    ) : null}
+
+                    <Text size="sm">
+                      {pendingIssueAction.findings.length.toLocaleString()} findings
+                      {' · '}
+                      {pendingIssueAction.paths.length.toLocaleString()} paths
+                    </Text>
+
+                    <div className="max-h-48 overflow-y-auto rounded-md border border-slate-200 bg-slate-50 px-3 py-2">
+                      <Stack gap={6}>
+                        {pendingIssueAction.paths.slice(0, 50).map((path) => (
+                          <Text className="break-all font-mono" key={path} size="xs">
+                            {path}
+                          </Text>
+                        ))}
+                        {pendingIssueAction.paths.length > 50 ? (
+                          <Text c="dimmed" size="xs">
+                            +{(pendingIssueAction.paths.length - 50).toLocaleString()} more paths
+                          </Text>
+                        ) : null}
+                      </Stack>
+                    </div>
 
-                  {repoOrphanDeletePlan.purgeUrls.length > 0 ? (
-                    <Stack gap={6}>
-                      <Text fw={700} size="sm">
-                        Storage URLs scheduled for purge
-                      </Text>
-                      <div className="max-h-64 overflow-y-auto rounded-md border border-slate-200 bg-slate-50 px-3 py-2">
-                        <Stack gap={6}>
-                          {repoOrphanDeletePlan.purgeUrls.map((url) => (
-                            <Text
-                              className="break-all font-mono"
-                              key={url}
-                              size="xs"
-                            >
-                              {url}
-                            </Text>
-                          ))}
-                        </Stack>
-                      </div>
-                    </Stack>
-                  ) : (
-                    <Alert
-                      color="blue"
-                      icon={<IconAlertCircle size={16} />}
-                      title="No bucket purge targets in this selection"
-                    >
-                      This delete will remove Syfon metadata only.
-                    </Alert>
-                  )}
+                    {issueActionPreview ? (
+                      <Stack gap="xs">
+                        <Alert
+                          color="blue"
+                          icon={<IconAlertCircle size={16} />}
+                          title="Dry-run preview"
+                        >
+                          Records to delete:{' '}
+                          {issueActionPreview.deletedRecordIds.length.toLocaleString()}
+                          {' · '}
+                          Bucket objects to purge:{' '}
+                          {issueActionPreview.deletedBucketObjectUrls.length.toLocaleString()}
+                          {' · '}
+                          Skipped paths:{' '}
+                          {issueActionPreview.skippedPaths.length.toLocaleString()}
+                        </Alert>
+                        {issueActionPreview.deletedBucketObjectUrls.length > 0 ? (
+                          <div className="max-h-48 overflow-y-auto rounded-md border border-slate-200 bg-slate-50 px-3 py-2">
+                            <Stack gap={6}>
+                              {issueActionPreview.deletedBucketObjectUrls.map((url) => (
+                                <Text className="break-all font-mono" key={url} size="xs">
+                                  {url}
+                                </Text>
+                              ))}
+                            </Stack>
+                          </div>
+                        ) : null}
+                      </Stack>
+                    ) : null}
 
-                  <Group justify="flex-end">
-                    <Button
-                      onClick={() => setRepoOrphanDeleteModalOpen(false)}
-                      variant="default"
-                    >
-                      Cancel
-                    </Button>
-                    <Button
-                      color="red"
-                      loading={isApplying}
-                      onClick={() => {
-                        void handleConfirmRepoOrphanDelete();
-                      }}
-                    >
-                      Delete records and purge files
-                    </Button>
-                  </Group>
-                </Stack>
+                    <Group justify="flex-end">
+                      <Button
+                        onClick={() => {
+                          setIssueActionModalOpen(false);
+                          setIssueActionPreview(null);
+                        }}
+                        variant="default"
+                      >
+                        Cancel
+                      </Button>
+                      {selectedIssueActionOption?.supportsDryRun ? (
+                        <Button
+                          loading={isApplying}
+                          onClick={() => {
+                            void handleRunIssueAction({ preview: true });
+                          }}
+                          variant="light"
+                        >
+                          Preview action
+                        </Button>
+                      ) : null}
+                      <Button
+                        color={selectedIssueActionOption?.destructive ? 'red' : 'blue'}
+                        loading={isApplying}
+                        onClick={() => {
+                          void handleRunIssueAction();
+                        }}
+                      >
+                        {selectedIssueActionOption?.label ?? 'Run action'}
+                      </Button>
+                    </Group>
+                  </Stack>
+                ) : null}
               </Modal>
 
               <Modal
@@ -1998,19 +2097,38 @@ export const FileSummaryPage = ({
                               <Table.Td miw={260}>
                                 <Group gap="xs">
                                   <Button
-                                    color={selectedChainIssueId === issue.id ? 'gray' : issue.color}
+                                    color={issue.color}
                                     loading={isAuditing || isDiffAuditing || isChainAuditing}
+                                    onClick={() => {
+                                      openIssueActionModal({
+                                        defaultAction: issue.actionSummary.defaultAction,
+                                        findings: (chainAuditResult?.findings ?? []).filter(
+                                          (finding) => finding.kind === issue.id,
+                                        ),
+                                        issueId: issue.id,
+                                        issueTitle: issue.title,
+                                        paths: (chainAuditResult?.findings ?? [])
+                                          .filter((finding) => finding.kind === issue.id)
+                                          .map((finding) => finding.normalizedPath),
+                                        source: 'chain',
+                                        supportsDryRun: issue.actionSummary.supportsDryRun,
+                                      });
+                                    }}
+                                    size="xs"
+                                    variant="light"
+                                  >
+                                    {issue.actionSummary.defaultAction?.label ?? 'Open action'}
+                                  </Button>
+                                  <Button
                                     onClick={() => {
                                       void handleToggleChainIssueDetails(issue);
                                     }}
                                     size="xs"
-                                    variant={selectedChainIssueId === issue.id ? 'outline' : 'light'}
+                                    variant="subtle"
                                   >
                                     {selectedChainIssueId === issue.id
-                                      ? 'Hide paths'
-                                      : issue.actionLabel
-                                        ? `${issue.actionLabel} (${issue.pathCount.toLocaleString()})`
-                                        : `See paths (${issue.pathCount.toLocaleString()})`}
+                                      ? 'Hide details'
+                                      : `See details (${issue.pathCount.toLocaleString()})`}
                                   </Button>
                                 </Group>
                               </Table.Td>
@@ -2051,7 +2169,6 @@ export const FileSummaryPage = ({
                             <Button
                               color={selectedChainIssue?.id === 'bucket_only_object' ? 'red' : 'orange'}
                               disabled={selectedChainPaths.length === 0}
-                              loading={isApplying}
                               onClick={() => {
                                 void handleApplySelectedChainDeletion();
                               }}
@@ -2063,25 +2180,12 @@ export const FileSummaryPage = ({
                                 : `Delete selected Syfon + bucket objects (${selectedChainPaths.length.toLocaleString()})`}
                             </Button>
                           ) : null}
-                          {canRepairBrokenBucketMappings ? (
-                            <Button
-                              color="red"
-                              loading={isApplying}
-                              onClick={() => {
-                                void handleRepairBrokenBucketMappings();
-                              }}
-                              size="xs"
-                              variant="light"
-                            >
-                              Delete broken Syfon records ({selectedChainObjectIdsCount.toLocaleString()})
-                            </Button>
-                          ) : null}
                           <Button
                             onClick={() => setSelectedChainIssueId(null)}
                             size="xs"
                             variant="subtle"
                           >
-                            Hide paths
+                            Hide details
                           </Button>
                         </Group>
                       </Group>
@@ -2333,19 +2437,32 @@ export const FileSummaryPage = ({
                                   </Text>
                                   <Text size="sm">{issue.recommendation}</Text>
                                   <Group gap="xs">
-                                    {issue.actionLabel ? (
-                                      <Button
-                                        color={issue.color}
-                                        loading={isAuditing}
-                                        onClick={() => {
-                                          void handlePrepareCleanup(issue);
-                                        }}
-                                        size="xs"
-                                        variant="light"
-                                      >
-                                        {issue.actionLabel}
-                                      </Button>
-                                    ) : null}
+                                    <Button
+                                      color={issue.color}
+                                      loading={isAuditing}
+                                      onClick={() => {
+                                        openIssueActionModal({
+                                          defaultAction: issue.actionSummary.defaultAction,
+                                          findings: (diffAuditResult?.findings ?? []).filter(
+                                            (finding) =>
+                                              issue.findingKinds.includes(finding.kind),
+                                          ),
+                                          issueId: issue.id,
+                                          issueTitle: issue.title,
+                                          paths: (diffAuditResult?.findings ?? [])
+                                            .filter((finding) =>
+                                              issue.findingKinds.includes(finding.kind),
+                                            )
+                                            .map((finding) => finding.normalizedPath),
+                                          source: 'diff',
+                                          supportsDryRun: issue.actionSummary.supportsDryRun,
+                                        });
+                                      }}
+                                      size="xs"
+                                      variant="light"
+                                    >
+                                      {issue.actionSummary.defaultAction?.label ?? 'Open action'}
+                                    </Button>
                                     <Button
                                       onClick={() => {
                                         setSelectedDiffIssueId((current) =>
@@ -2575,6 +2692,16 @@ export const FileSummaryPage = ({
                     </Alert>
                   ) : null}
 
+                  {actionFeedbackMessage ? (
+                    <Alert
+                      color="blue"
+                      icon={<IconAlertCircle size={16} />}
+                      title="Action complete"
+                    >
+                      {actionFeedbackMessage}
+                    </Alert>
+                  ) : null}
+
                   {showCleanupDetails && auditResult && isDuplicateVerificationContext && !hasSafeDuplicateCleanup ? (
                     <Alert
                       color="yellow"
@@ -2649,56 +2776,45 @@ export const FileSummaryPage = ({
                                 </Table.Td>
                                 <Table.Td miw={340}>
                                   <Group gap="xs">
-                                    {issue.id === 'stale-duplicates' ? (
-                                      <Button
-                                        color="orange"
-                                        loading={isApplying}
-                                        onClick={() => {
-                                          void handleApplyCleanup({
-                                            deleteRepoOrphans: false,
-                                            deleteStaleDuplicates: true,
-                                            selectedPaths: selectedDiffPaths,
-                                          });
-                                        }}
-                                        size="xs"
-                                      >
-                                        Delete duplicate records
-                                      </Button>
-                                    ) : null}
-
-                                    {issue.id === 'repo-orphans' ? (
-                                      <Button
-                                        color="red"
-                                        loading={isApplying}
-                                        onClick={() => {
-                                          setRepoOrphanDeleteModalOpen(true);
-                                        }}
-                                        size="xs"
-                                      >
-                                        Delete repo orphans
-                                      </Button>
-                                    ) : null}
-
-                                    {issue.id === 'broken-access-urls' &&
-                                    canDeleteBrokenRecords ? (
-                                      <Button
-                                        color="red"
-                                        loading={isApplying}
-                                        onClick={() => {
-                                          void handleDeleteBrokenRecords();
-                                        }}
-                                        size="xs"
-                                        variant="outline"
-                                      >
-                                        Delete broken records
-                                      </Button>
-                                    ) : null}
+                                    <Button
+                                      color={issue.color}
+                                      loading={isApplying}
+                                      onClick={() => {
+                                        openIssueActionModal({
+                                          defaultAction: issue.actionSummary.defaultAction,
+                                          findings: (auditResult?.findings ?? []).filter((finding) =>
+                                            issue.findingKinds.includes(finding.kind),
+                                          ),
+                                          issueId: issue.id,
+                                          issueTitle: issue.title,
+                                          paths: (auditResult?.findings ?? [])
+                                            .filter((finding) =>
+                                              issue.findingKinds.includes(finding.kind),
+                                            )
+                                            .map((finding) => finding.normalizedPath),
+                                          source: 'cleanup',
+                                          supportsDryRun: issue.actionSummary.supportsDryRun,
+                                        });
+                                      }}
+                                      size="xs"
+                                      variant="light"
+                                    >
+                                      {issue.actionSummary.defaultAction?.label ?? 'Open action'}
+                                    </Button>
 
                                     <Button
                                       onClick={() => {
-                                        setSelectedCleanupIssueId((current) =>
-                                          current === issue.id ? null : issue.id,
-                                        );
+                                        const nextIssueId =
+                                          selectedCleanupIssueId === issue.id
+                                            ? null
+                                            : issue.id;
+                                        setSelectedCleanupIssueId(nextIssueId);
+                                        if (nextIssueId) {
+                                          void loadCleanupIssueDetails({
+                                            issue,
+                                            selectedPaths: selectedDiffPaths,
+                                          });
+                                        }
                                       }}
                                       size="xs"
                                       variant="subtle"
diff --git a/packages/frontend/src/pages/FileSummary/hooks.tsx b/packages/frontend/src/pages/FileSummary/hooks.tsx
index 6344fdff..4e07db69 100644
--- a/packages/frontend/src/pages/FileSummary/hooks.tsx
+++ b/packages/frontend/src/pages/FileSummary/hooks.tsx
@@ -4,8 +4,6 @@ import {
   GEN3_API,
   selectCSRFToken,
   useCoreSelector,
-  useBulkDeleteSyfonDrsObjectsMutation,
-  useDeleteSyfonDrsObjectMutation,
   useGetCSRFQuery,
   useGetGeckoProjectSummaryQuery,
 } from '@gen3/core';
@@ -29,6 +27,15 @@ export type ProjectDiffFindingKind =
   | '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;
@@ -39,6 +46,10 @@ export interface ProjectDiffFinding {
   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 {
@@ -100,6 +111,10 @@ export interface StorageChainFinding {
   readonly sizeBytes?: number;
   readonly recommendedAction: string;
   readonly evidence?: AuditEvidence;
+  readonly actionability?: string;
+  readonly availableActions: Array<AuditActionOption>;
+  readonly defaultAction?: string;
+  readonly supportsDryRun: boolean;
 }
 
 export interface StorageChainAuditSummary {
@@ -194,6 +209,10 @@ export interface StorageCleanupFinding {
   readonly lastUpdated?: string;
   readonly downloadCount?: number;
   readonly lastDownload?: string;
+  readonly actionability?: string;
+  readonly availableActions: Array<AuditActionOption>;
+  readonly defaultAction?: string;
+  readonly supportsDryRun: boolean;
 }
 
 export interface StorageCleanupAuditSummary {
@@ -220,6 +239,12 @@ export interface StorageCleanupPurgeResult {
   readonly error?: string;
 }
 
+export interface StorageApplyActionRequest {
+  readonly kind: string;
+  readonly normalized_path: string;
+  readonly action: string;
+}
+
 export interface StorageCleanupApplyResult {
   readonly deletedRecordIds: Array<string>;
   readonly deletedBucketObjectUrls: Array<string>;
@@ -475,6 +500,125 @@ const toStringArray = (value: unknown): Array<string> => {
     .filter(Boolean);
 };
 
+const normalizeAuditActionOption = (
+  item: unknown,
+): AuditActionOption | null => {
+  if (typeof item === 'string') {
+    const action = item.trim();
+    if (!action) {
+      return null;
+    }
+
+    return {
+      action,
+      destructive: false,
+      label: action
+        .replace(/[_-]+/g, ' ')
+        .replace(/\b\w/g, (value) => value.toUpperCase()),
+      requiresConfirmation: false,
+      supportsDryRun: false,
+    };
+  }
+
+  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
+          : false,
+    label:
+      labelValue ||
+      actionValue
+        .replace(/[_-]+/g, ' ')
+        .replace(/\b\w/g, (value) => value.toUpperCase()),
+    requiresConfirmation:
+      typeof record.requires_confirmation === 'boolean'
+        ? record.requires_confirmation
+        : typeof record.requiresConfirmation === 'boolean'
+          ? record.requiresConfirmation
+          : false,
+    supportsDryRun:
+      typeof record.supports_dry_run === 'boolean'
+        ? record.supports_dry_run
+        : typeof record.supportsDryRun === 'boolean'
+          ? record.supportsDryRun
+          : false,
+  };
+};
+
+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(),
+  );
+};
+
+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;
+};
+
 const parseCleanupFindingKind = (
   value: unknown,
 ): StorageCleanupFindingKind => {
@@ -734,7 +878,9 @@ const normalizeCleanupFinding = (
     ]),
   );
   const kind = parseCleanupFindingKind(item.kind ?? item.finding_kind);
-  const defaultAction =
+  const availableActions = normalizeAvailableActions(item);
+  const defaultAction = normalizeDefaultAction(item);
+  const defaultRecommendation =
     kind === 'stale_duplicate_record'
       ? 'Delete stale duplicate records'
       : kind === 'broken_access_url_error'
@@ -756,6 +902,9 @@ const normalizeCleanupFinding = (
             : 'Manual review required';
 
   return {
+    actionability:
+      typeof item.actionability === 'string' ? item.actionability : undefined,
+    availableActions,
     downloadCount:
       typeof item.download_count === 'number'
         ? item.download_count
@@ -781,11 +930,12 @@ const normalizeCleanupFinding = (
     normalizedPath,
     objectIds,
     records,
+    defaultAction,
     recommendedAction:
       typeof item.recommended_action === 'string' &&
       item.recommended_action.trim().length > 0
         ? item.recommended_action
-        : defaultAction,
+        : defaultRecommendation,
     repoDeleteCandidate:
       typeof item.repo_delete_candidate === 'boolean'
         ? item.repo_delete_candidate
@@ -796,8 +946,12 @@ const normalizeCleanupFinding = (
         : typeof item.size_bytes === 'number'
           ? item.size_bytes
           : typeof item.sizeBytes === 'number'
-            ? item.sizeBytes
-            : undefined,
+          ? item.sizeBytes
+          : undefined,
+    supportsDryRun:
+      typeof item.supports_dry_run === 'boolean'
+        ? item.supports_dry_run
+        : availableActions.some((action) => action.supportsDryRun),
   };
 };
 
@@ -816,7 +970,9 @@ const normalizeStorageChainFinding = (
   }
 
   const kind = parseStorageChainFindingKind(item.kind ?? item.finding_kind);
-  const defaultAction =
+  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'
@@ -858,6 +1014,9 @@ const normalizeStorageChainFinding = (
       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(
@@ -872,11 +1031,12 @@ const normalizeStorageChainFinding = (
     ),
     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
-        : defaultAction,
+        : defaultRecommendation,
     recordCount:
       typeof item.record_count === 'number'
         ? item.record_count
@@ -905,6 +1065,10 @@ const normalizeStorageChainFinding = (
         ),
       ]),
     ),
+    supportsDryRun:
+      typeof item.supports_dry_run === 'boolean'
+        ? item.supports_dry_run
+        : availableActions.some((action) => action.supportsDryRun),
   };
 };
 
@@ -924,7 +1088,9 @@ const normalizeProjectDiffFinding = (
   }
 
   const kind = parseProjectDiffFindingKind(item.kind ?? item.finding_kind);
-  const defaultAction =
+  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'
@@ -934,6 +1100,9 @@ const normalizeProjectDiffFinding = (
           : 'Review this path.';
 
   return {
+    actionability:
+      typeof item.actionability === 'string' ? item.actionability : undefined,
+    availableActions,
     downloadCount:
       typeof item.download_count === 'number'
         ? item.download_count
@@ -962,17 +1131,22 @@ const normalizeProjectDiffFinding = (
         : typeof item.recordCount === 'number'
           ? item.recordCount
           : 0,
+    defaultAction,
     recommendedAction:
       typeof item.recommended_action === 'string' &&
       item.recommended_action.trim().length > 0
         ? item.recommended_action
-        : defaultAction,
+        : 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),
   };
 };
 
@@ -1614,12 +1788,16 @@ export const useSyfonStorageChain = ({
   const runAudit = useCallback(async ({
     bucketInventoryMode,
     bucketPathPrefix,
+    findingKind,
     findingLimit,
+    persistResult = true,
     probeMode,
   }: {
     bucketInventoryMode?: 'items' | 'validate';
     bucketPathPrefix?: string;
+    findingKind?: string;
     findingLimit?: number;
+    persistResult?: boolean;
     probeMode?: 'full' | 'inventory_only';
   } = {}): Promise<StorageChainAuditResult | null> => {
     const selection = splitProjectSelectionValue(projectSelection);
@@ -1644,6 +1822,7 @@ export const useSyfonStorageChain = ({
             bucket_path_prefix: bucketPathPrefix
               ? normalizeStoragePath(bucketPathPrefix) || undefined
               : undefined,
+            finding_kind: findingKind,
             finding_limit: findingLimit,
             git_subpath: normalizeStoragePath(currentPath) || undefined,
             probe_mode: probeMode,
@@ -1674,7 +1853,9 @@ export const useSyfonStorageChain = ({
         pathPrefix: normalizeStoragePath(currentPath),
         response: await readJsonResponse<Record<string, unknown>>(response),
       });
-      setAuditResult(normalized);
+      if (persistResult) {
+        setAuditResult(normalized);
+      }
       return normalized;
     } catch (auditFailure) {
       const message =
@@ -1682,7 +1863,9 @@ export const useSyfonStorageChain = ({
           ? auditFailure.message
           : 'Failed to audit the storage chain.';
       setAuditError(message);
-      setAuditResult(null);
+      if (persistResult) {
+        setAuditResult(null);
+      }
       return null;
     } finally {
       setIsAuditing(false);
@@ -1725,8 +1908,6 @@ export const useSyfonStorageCleanup = ({
   const [isAuditing, setIsAuditing] = useState(false);
   const [lastAuditIncludedRepoManifest, setLastAuditIncludedRepoManifest] =
     useState(false);
-  const [bulkDeleteDrsObjects] = useBulkDeleteSyfonDrsObjectsMutation();
-  const [deleteDrsObject] = useDeleteSyfonDrsObjectMutation();
   useGetCSRFQuery();
   const csrfToken = useCoreSelector((state: CoreState) =>
     selectCSRFToken(state),
@@ -1736,10 +1917,14 @@ export const useSyfonStorageCleanup = ({
 
   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);
@@ -1763,6 +1948,7 @@ export const useSyfonStorageCleanup = ({
         });
         const requestBody = {
           check_storage: true,
+          finding_kind: findingKind,
           git_subpath: normalizeStoragePath(currentPath) || undefined,
           selected_repo_paths: selectedPaths,
         };
@@ -1812,8 +1998,10 @@ export const useSyfonStorageCleanup = ({
           response: await readJsonResponse<Record<string, unknown>>(response),
         });
 
-        setAuditResult(normalized);
-        setLastAuditIncludedRepoManifest(true);
+        if (persistResult) {
+          setAuditResult(normalized);
+          setLastAuditIncludedRepoManifest(true);
+        }
         return normalized;
       } catch (auditFailure) {
         console.error('storage cleanup audit request:failure', {
@@ -1833,7 +2021,9 @@ export const useSyfonStorageCleanup = ({
             ? auditFailure.message
             : 'Failed to audit Gecko storage verification.';
         setAuditError(message);
-        setAuditResult(null);
+        if (persistResult) {
+          setAuditResult(null);
+        }
         return null;
       } finally {
         setIsAuditing(false);
@@ -1852,12 +2042,14 @@ export const useSyfonStorageCleanup = ({
 
   const applyCleanup = useCallback(
     async ({
+      actions,
       deleteRepoOrphans,
       deleteStaleDuplicates,
       deleteBucketOnlyObjects = false,
       dryRun = false,
       selectedPaths,
     }: {
+      actions?: Array<StorageApplyActionRequest>;
       deleteRepoOrphans: boolean;
       deleteStaleDuplicates: boolean;
       deleteBucketOnlyObjects?: boolean;
@@ -1883,6 +2075,7 @@ export const useSyfonStorageCleanup = ({
           }),
           {
             body: JSON.stringify({
+              actions,
               delete_repo_orphans: deleteRepoOrphans,
               delete_stale_duplicates: deleteStaleDuplicates,
               delete_bucket_only_objects: deleteBucketOnlyObjects,
@@ -1938,72 +2131,6 @@ export const useSyfonStorageCleanup = ({
     ],
   );
 
-  const deleteBrokenRecords = useCallback(
-    async ({
-      objectIds,
-    }: {
-      objectIds: Array<string>;
-    }): Promise<StorageCleanupApplyResult | null> => {
-      const uniqueObjectIds = Array.from(
-        new Set(objectIds.map((value) => value.trim()).filter(Boolean)),
-      );
-
-      if (uniqueObjectIds.length === 0) {
-        setApplyError('No broken records were selected for deletion.');
-        setApplyResult(null);
-        return null;
-      }
-
-      setApplyError(null);
-      setIsApplying(true);
-
-      try {
-        try {
-          await bulkDeleteDrsObjects({
-            bulk_object_ids: uniqueObjectIds,
-          }).unwrap();
-        } catch (bulkError: any) {
-          console.warn('Bulk delete failed, falling back to one-by-one deletion:', bulkError);
-          const chunks = [];
-          const chunkSize = 20;
-          for (let i = 0; i < uniqueObjectIds.length; i += chunkSize) {
-            chunks.push(uniqueObjectIds.slice(i, i + chunkSize));
-          }
-          for (const chunk of chunks) {
-            await Promise.all(
-              chunk.map((objectId) => deleteDrsObject(objectId).unwrap())
-            );
-          }
-        }
-
-        const normalized: StorageCleanupApplyResult = {
-          deletedRecordIds: uniqueObjectIds,
-          deletedBucketObjectUrls: [],
-          updatedRecordIds: [],
-          dryRun: false,
-          manualPaths: [],
-          purgeResults: [],
-          repoDeletePaths: [],
-          skippedPaths: [],
-        };
-
-        setApplyResult(normalized);
-        return normalized;
-      } catch (applyFailure) {
-        const message =
-          applyFailure instanceof Error
-            ? applyFailure.message
-            : 'Failed to delete broken Syfon records.';
-        setApplyError(message);
-        setApplyResult(null);
-        return null;
-      } finally {
-        setIsApplying(false);
-      }
-    },
-    [bulkDeleteDrsObjects, deleteDrsObject],
-  );
-
   const clearCleanupResults = useCallback(() => {
     setApplyError(null);
     setApplyResult(null);
@@ -2018,7 +2145,6 @@ export const useSyfonStorageCleanup = ({
     auditError,
     auditResult,
     clearCleanupResults,
-    deleteBrokenRecords,
     isApplying,
     isAuditing,
     rerunAudit,

From 8c9a8d124a5a275ddbdecf58ad17800e6068ccbd Mon Sep 17 00:00:00 2001
From: matthewpeterkort <matthewpeterkort@gmail.com>
Date: Fri, 3 Jul 2026 10:58:44 -0700
Subject: [PATCH 10/22] update audit page

---
 .../src/pages/FileSummary/FileSummary.tsx     | 2297 +++++++----------
 1 file changed, 899 insertions(+), 1398 deletions(-)

diff --git a/packages/frontend/src/pages/FileSummary/FileSummary.tsx b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
index 4e67c124..48586052 100644
--- a/packages/frontend/src/pages/FileSummary/FileSummary.tsx
+++ b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
@@ -1,18 +1,18 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { useRouter } from 'next/router';
+import { useBulkDeleteSyfonDrsObjectsMutation } from '@gen3/core';
 import {
   ActionIcon,
   Alert,
   Badge,
-  Checkbox,
   Button,
   Center,
+  Checkbox,
   Container,
   Group,
   Loader,
   Menu,
   Modal,
-  Pagination,
   Progress,
   Select,
   Stack,
@@ -40,7 +40,6 @@ import {
   type StorageChainFinding,
   type StorageChainFindingKind,
   type StorageChainIssueGroup,
-  type StorageCleanupApplyResult,
   type StorageCleanupFinding,
   type StorageCleanupFindingKind,
   useFileSummaryProjectOptions,
@@ -105,17 +104,6 @@ type ActionableFinding =
   | StorageCleanupFinding
   | StorageChainFinding;
 
-type PendingIssueAction = {
-  readonly source: ActionIssueSource;
-  readonly issueId: string;
-  readonly issueTitle: string;
-  readonly findings: Array<ActionableFinding>;
-  readonly paths: Array<string>;
-  readonly availableActions: Array<AuditActionOption>;
-  readonly defaultAction?: AuditActionOption;
-  readonly supportsDryRun: boolean;
-};
-
 const summarizeIssueActions = <
   T extends {
     readonly actionability?: string;
@@ -171,7 +159,6 @@ const buildPathsByParentMap = (paths: Array<string>): Map<string, Array<ChainPat
       const segment = segments[index];
       const nodePath = parentPath ? `${parentPath}/${segment}` : segment;
       const isLast = index === segments.length - 1;
-
       const key = parentPath;
       const uniqKey = `${key}::${nodePath}`;
       let node: ChainPathTreeNode;
@@ -198,6 +185,7 @@ const buildPathsByParentMap = (paths: Array<string>): Map<string, Array<ChainPat
           node.isFolder = true;
         }
       }
+
       pathNodes.push(node);
       parentPath = nodePath;
     }
@@ -208,7 +196,7 @@ const buildPathsByParentMap = (paths: Array<string>): Map<string, Array<ChainPat
   });
 
   map.forEach((list) => {
-    list.sort((left: ChainPathTreeNode, right: ChainPathTreeNode) => {
+    list.sort((left, right) => {
       if (left.isFolder !== right.isFolder) {
         return left.isFolder ? -1 : 1;
       }
@@ -312,7 +300,7 @@ const getCleanupFindingColor = (
   }
 };
 
-const getProjectDiffFindingColor = (
+const issueColorForDiffKind = (
   kind: ProjectDiffFindingKind,
 ): string => {
   switch (kind) {
@@ -351,7 +339,6 @@ const summarizeProjectDiffIssues = (
     readonly findingKinds: Array<ProjectDiffFindingKind>;
     readonly description: string;
     readonly recommendation: string;
-    readonly actionLabel?: string;
   }> = [
     {
       id: 'duplicate-syfon-paths',
@@ -362,7 +349,6 @@ const summarizeProjectDiffIssues = (
         '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.',
-      actionLabel: 'Verify duplicates',
     },
     {
       id: 'syfon-only',
@@ -373,7 +359,6 @@ const summarizeProjectDiffIssues = (
         '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.',
-      actionLabel: 'Prepare delete',
     },
     {
       id: 'git-only',
@@ -387,7 +372,8 @@ const summarizeProjectDiffIssues = (
     },
   ];
 
-  const summaries: Array<ProjectDiffIssueSummary | null> = groups.map((group) => {
+  return groups
+    .map((group) => {
       const matched = findings.filter((finding) =>
         group.findingKinds.includes(finding.kind),
       );
@@ -395,59 +381,38 @@ const summarizeProjectDiffIssues = (
         return null;
       }
 
-      const pathCount = matched.length;
-      const objectCount = new Set(
-        matched.flatMap((finding) => finding.objectIds),
-      ).size;
-      const recordCount = matched.reduce(
-        (sum, finding) => sum + (finding.recordCount || 0),
-        0,
-      );
-      const totalBytes = matched.reduce(
-        (sum, finding) => sum + (finding.sizeBytes ?? 0),
-        0,
-      );
-
       return {
         actionSummary: summarizeIssueActions(
           matched,
           group.id === 'git-only'
             ? {
-                action: 'copy_paths',
+                action: 'view_paths',
                 destructive: false,
-                label: 'Copy paths',
+                label: 'View paths',
                 requiresConfirmation: false,
                 supportsDryRun: false,
               }
-            : group.actionLabel
-              ? {
-                  action: group.actionLabel
-                    .toLowerCase()
-                    .replace(/[^a-z0-9]+/g, '_')
-                    .replace(/^_+|_+$/g, ''),
-                  destructive: false,
-                  label: group.actionLabel,
-                  requiresConfirmation: false,
-                  supportsDryRun: false,
-                }
-              : undefined,
+            : undefined,
         ),
         color: group.color,
         description: group.description,
         findingKinds: group.findingKinds,
         id: group.id,
-        objectCount,
-        pathCount,
+        objectCount: new Set(matched.flatMap((finding) => finding.objectIds)).size,
+        pathCount: matched.length,
         recommendation: group.recommendation,
-        recordCount,
+        recordCount: matched.reduce(
+          (sum, finding) => sum + (finding.recordCount || 0),
+          0,
+        ),
         title: group.title,
-        totalBytes,
+        totalBytes: matched.reduce(
+          (sum, finding) => sum + (finding.sizeBytes ?? 0),
+          0,
+        ),
       };
-    });
-
-  return summaries.filter(
-    (item): item is ProjectDiffIssueSummary => item !== null,
-  );
+    })
+    .filter((item): item is ProjectDiffIssueSummary => item !== null);
 };
 
 type CleanupIssueSummary = {
@@ -749,12 +714,29 @@ const summarizeStorageChainIssues = ({
           matchingFindings,
           definition.id === 'git_only_no_syfon'
             ? {
-                action: 'copy_paths',
+                action: 'view_paths',
                 destructive: false,
-                label: 'Copy paths',
+                label: 'View paths',
                 requiresConfirmation: false,
                 supportsDryRun: false,
               }
+            : definition.id === 'syfon_git_no_bucket' ||
+                definition.id === 'syfon_missing_bucket_object'
+              ? {
+                  action: 'delete_records',
+                  destructive: true,
+                  label: 'Delete Syfon records',
+                  requiresConfirmation: true,
+                  supportsDryRun: false,
+                }
+            : definition.id === 'git_syfon_metadata_mismatch'
+              ? {
+                  action: 'prepare_delete',
+                  destructive: false,
+                  label: 'Prepare cleanup',
+                  requiresConfirmation: false,
+                  supportsDryRun: true,
+                }
             : definition.id === 'probe_error'
               ? {
                   action: 'rerun_audit',
@@ -763,18 +745,7 @@ const summarizeStorageChainIssues = ({
                   requiresConfirmation: false,
                   supportsDryRun: false,
                 }
-              : definition.actionLabel
-                ? {
-                    action: definition.actionLabel
-                      .toLowerCase()
-                      .replace(/[^a-z0-9]+/g, '_')
-                      .replace(/^_+|_+$/g, ''),
-                    destructive: false,
-                    label: definition.actionLabel,
-                    requiresConfirmation: false,
-                    supportsDryRun: false,
-                  }
-                : undefined,
+              : undefined,
         ),
         color: definition.color,
         description: definition.description,
@@ -816,44 +787,25 @@ export const FileSummaryPage = ({
   const [currentPath, setCurrentPath] = useState(
     filesummaryConfig?.defaultPath?.trim() ?? '',
   );
-  const [selectedCleanupIssueId, setSelectedCleanupIssueId] = useState<string | null>(null);
-  const [selectedChainIssueId, setSelectedChainIssueId] = useState<string | null>(
-    null,
-  );
-  const [chainDetailFindingsByIssue, setChainDetailFindingsByIssue] = useState<
-    Record<string, Array<StorageChainFinding>>
-  >({});
+  const [selectedChainIssueId, setSelectedChainIssueId] = useState<string | null>(null);
+  const [selectedDiffIssueId, setSelectedDiffIssueId] = useState<string | null>(null);
+  const [showCleanupDetails, setShowCleanupDetails] = useState(false);
+  const [showDiffDetails, setShowDiffDetails] = useState(false);
   const [selectedChainPathsByIssue, setSelectedChainPathsByIssue] = useState<
     Record<string, Array<string>>
   >({});
   const [expandedChainTreeNodes, setExpandedChainTreeNodes] = useState<
     Record<string, boolean>
   >({});
-  const [selectedDiffIssueId, setSelectedDiffIssueId] = useState<string | null>(null);
-  const [showCleanupDetails, setShowCleanupDetails] = useState(false);
-  const [showDiffDetails, setShowDiffDetails] = useState(false);
-  const [cleanupDetailFindingsByIssue, setCleanupDetailFindingsByIssue] = useState<
-    Record<string, Array<StorageCleanupFinding>>
-  >({});
-  const [pendingIssueAction, setPendingIssueAction] =
-    useState<PendingIssueAction | null>(null);
-  const [selectedIssueAction, setSelectedIssueAction] = useState<string | null>(
-    null,
-  );
-  const [issueActionModalOpen, setIssueActionModalOpen] = useState(false);
-  const [issueActionPreview, setIssueActionPreview] =
-    useState<StorageCleanupApplyResult | null>(null);
+  const [treeNodeLimit, setTreeNodeLimit] = useState<Record<string, number>>({});
   const [actionFeedbackMessage, setActionFeedbackMessage] = useState<string | null>(
     null,
   );
   const [auditModalOpen, setAuditModalOpen] = useState(false);
+  const [isBulkDeletingRecords, setIsBulkDeletingRecords] = useState(false);
   const [storageSortKey, setStorageSortKey] = useState<StorageSortKey>('sizeBytes');
   const [storageSortDirection, setStorageSortDirection] =
     useState<StorageSortDirection>('desc');
-  const [activeChainPage, setActiveChainPage] = useState(1);
-  const [activeDiffPage, setActiveDiffPage] = useState(1);
-  const [activeCleanupPage, setActiveCleanupPage] = useState(1);
-  const [treeNodeLimit, setTreeNodeLimit] = useState<Record<string, number>>({});
 
   useEffect(() => {
     if (forcedProjectSelection) {
@@ -919,6 +871,7 @@ export const FileSummaryPage = ({
     clearAudit: clearChainAudit,
     isAuditing: isChainAuditing,
     runAudit: runChainAudit,
+    setAuditResult: setChainAuditResult,
   } = useSyfonStorageChain({
     config: filesummaryConfig,
     currentPath,
@@ -929,7 +882,6 @@ export const FileSummaryPage = ({
     clearAudit: clearDiffAudit,
     isAuditing: isDiffAuditing,
     runAudit: runProjectDiffAudit,
-    setAuditResult: setDiffAuditResult,
   } = useSyfonProjectDiff({
     config: filesummaryConfig,
     currentPath,
@@ -951,8 +903,7 @@ export const FileSummaryPage = ({
     currentPath,
     projectSelection: selectedProject,
   });
-
-
+  const [bulkDeleteSyfonDrsObjects] = useBulkDeleteSyfonDrsObjectsMutation();
 
   useEffect(() => {
     clearChainAudit();
@@ -961,39 +912,16 @@ export const FileSummaryPage = ({
   }, [clearChainAudit, clearCleanupResults, clearDiffAudit, currentPath, selectedProject]);
 
   useEffect(() => {
+    setActionFeedbackMessage(null);
     setSelectedChainIssueId(null);
-    setChainDetailFindingsByIssue({});
-    setSelectedCleanupIssueId(null);
-    setCleanupDetailFindingsByIssue({});
     setSelectedDiffIssueId(null);
     setShowCleanupDetails(false);
     setShowDiffDetails(false);
-    setPendingIssueAction(null);
-    setSelectedIssueAction(null);
-    setIssueActionModalOpen(false);
-    setIssueActionPreview(null);
-    setActionFeedbackMessage(null);
     setSelectedChainPathsByIssue({});
     setExpandedChainTreeNodes({});
     setTreeNodeLimit({});
-    setActiveChainPage(1);
-    setActiveDiffPage(1);
-    setActiveCleanupPage(1);
   }, [auditResult?.pathPrefix, currentPath, selectedProject]);
 
-  useEffect(() => {
-    setActiveChainPage(1);
-    setTreeNodeLimit({});
-  }, [selectedChainIssueId]);
-
-  useEffect(() => {
-    setActiveDiffPage(1);
-  }, [selectedDiffIssueId]);
-
-  useEffect(() => {
-    setActiveCleanupPage(1);
-  }, [selectedCleanupIssueId]);
-
   const pageTitle = selectedProjectParts
     ? `${selectedProjectParts.organization}/${selectedProjectParts.project}`
     : 'Storage Monitor';
@@ -1014,21 +942,6 @@ export const FileSummaryPage = ({
     () => summarizeProjectDiffIssues(diffAuditResult?.findings ?? []),
     [diffAuditResult?.findings],
   );
-  const selectedDiffIssue = diffIssueSummaries.find(
-    (issue) => issue.id === selectedDiffIssueId,
-  ) ?? null;
-  const selectedDiffPaths = useMemo(
-    () =>
-      (diffAuditResult?.findings ?? [])
-        .filter((finding) =>
-          selectedDiffIssue
-            ? selectedDiffIssue.findingKinds.includes(finding.kind)
-            : false,
-        )
-        .map((finding) => finding.normalizedPath),
-    [diffAuditResult?.findings, selectedDiffIssue],
-  );
-  const hasCleanupFindings = (auditResult?.summary.totalFindings ?? 0) > 0;
   const chainIssueSummaries = useMemo(
     () =>
       summarizeStorageChainIssues({
@@ -1037,6 +950,9 @@ export const FileSummaryPage = ({
       }),
     [chainAuditResult?.findings, chainAuditResult?.groups],
   );
+  const cleanChainJoinCount =
+    chainAuditResult?.summary.countsByKind.bucket_syfon_git_complete ?? 0;
+  const hasChainIssues = chainIssueSummaries.length > 0;
   const selectedChainIssue = useMemo(
     () =>
       chainIssueSummaries.find((issue) => issue.id === selectedChainIssueId) ?? null,
@@ -1045,14 +961,12 @@ export const FileSummaryPage = ({
   const selectedChainFindings = useMemo(
     () =>
       selectedChainIssue
-        ? chainDetailFindingsByIssue[selectedChainIssue.id] ??
-          (chainAuditResult?.findings ?? []).filter(
+        ? (chainAuditResult?.findings ?? []).filter(
             (finding) => finding.kind === selectedChainIssue.id,
           )
         : [],
-    [chainAuditResult?.findings, chainDetailFindingsByIssue, selectedChainIssue],
+    [chainAuditResult?.findings, selectedChainIssue],
   );
-
   const actionableChainSelectionIssue =
     selectedChainIssue?.id === 'bucket_only_object' ||
     selectedChainIssue?.id === 'bucket_syfon_no_git';
@@ -1088,11 +1002,32 @@ export const FileSummaryPage = ({
     () => new Set(selectedChainPaths),
     [selectedChainPaths],
   );
-
   const chainPathTree = useMemo(
     () => pathsByParent.get('') ?? [],
     [pathsByParent],
   );
+  const selectedDiffIssue = diffIssueSummaries.find(
+    (issue) => issue.id === selectedDiffIssueId,
+  ) ?? null;
+  const selectedDiffFindings = useMemo(
+    () =>
+      selectedDiffIssue
+        ? (diffAuditResult?.findings ?? []).filter((finding) =>
+            selectedDiffIssue.findingKinds.includes(finding.kind),
+          )
+        : [],
+    [diffAuditResult?.findings, selectedDiffIssue],
+  );
+  const cleanupIssueSummaries = useMemo(
+    () => summarizeCleanupIssues(auditResult?.findings ?? []),
+    [auditResult?.findings],
+  );
+  const hasCleanupFindings = (auditResult?.summary.totalFindings ?? 0) > 0;
+  const isDuplicateVerificationContext =
+    selectedDiffIssue?.id === 'duplicate-syfon-paths';
+  const hasSafeDuplicateCleanup =
+    cleanupIssueSummaries.some((issue) => issue.id === 'stale-duplicates');
+
   useEffect(() => {
     if (!actionableChainSelectionIssue || !selectedChainIssue) {
       return;
@@ -1100,20 +1035,17 @@ export const FileSummaryPage = ({
     setSelectedChainPathsByIssue((current) => {
       const existing = current[selectedChainIssue.id];
       const available = new Set(selectableChainPaths);
-      const next = (existing ?? []).filter((path) =>
-        available.has(path),
-      );
-      const normalized = next;
+      const next = (existing ?? []).filter((path) => available.has(path));
       if (
         existing &&
-        existing.length === normalized.length &&
-        existing.every((value, index) => value === normalized[index])
+        existing.length === next.length &&
+        existing.every((value, index) => value === next[index])
       ) {
         return current;
       }
       return {
         ...current,
-        [selectedChainIssue.id]: normalized,
+        [selectedChainIssue.id]: next,
       };
     });
   }, [
@@ -1121,188 +1053,6 @@ export const FileSummaryPage = ({
     selectableChainPaths,
     selectedChainIssue,
   ]);
-  const cleanupIssueSummaries = useMemo(
-    () => summarizeCleanupIssues(auditResult?.findings ?? []),
-    [auditResult?.findings],
-  );
-  const selectedCleanupIssue = cleanupIssueSummaries.find(
-    (issue) => issue.id === selectedCleanupIssueId,
-  ) ?? null;
-  const visibleCleanupFindings = useMemo(() => {
-    if (!auditResult) {
-      return [];
-    }
-
-    if (!selectedCleanupIssue) {
-      return auditResult.findings;
-    }
-
-    return (
-      cleanupDetailFindingsByIssue[selectedCleanupIssue.id] ??
-      auditResult.findings.filter((finding) =>
-        selectedCleanupIssue.findingKinds.includes(finding.kind),
-      )
-    );
-  }, [auditResult, cleanupDetailFindingsByIssue, selectedCleanupIssue]);
-
-  const selectedDiffFindings = useMemo(
-    () =>
-      diffAuditResult?.findings
-        ? diffAuditResult.findings.filter((finding) =>
-            selectedDiffIssue
-              ? selectedDiffIssue.findingKinds.includes(finding.kind)
-              : false,
-          )
-        : [],
-    [diffAuditResult?.findings, selectedDiffIssue],
-  );
-
-  const totalChainPages = Math.ceil(selectedChainFindings.length / 100);
-  const paginatedChainFindings = useMemo(() => {
-    const start = (activeChainPage - 1) * 100;
-    const end = start + 100;
-    return selectedChainFindings.slice(start, end);
-  }, [selectedChainFindings, activeChainPage]);
-
-  const totalDiffPages = Math.ceil(selectedDiffFindings.length / 100);
-  const paginatedDiffFindings = useMemo(() => {
-    const start = (activeDiffPage - 1) * 100;
-    const end = start + 100;
-    return selectedDiffFindings.slice(start, end);
-  }, [selectedDiffFindings, activeDiffPage]);
-
-  const totalCleanupPages = Math.ceil(visibleCleanupFindings.length / 100);
-  const paginatedCleanupFindings = useMemo(() => {
-    const start = (activeCleanupPage - 1) * 100;
-    const end = start + 100;
-    return visibleCleanupFindings.slice(start, end);
-  }, [visibleCleanupFindings, activeCleanupPage]);
-  const isDuplicateVerificationContext =
-    selectedDiffIssue?.id === 'duplicate-syfon-paths';
-  const hasSafeDuplicateCleanup =
-    cleanupIssueSummaries.some((issue) => issue.id === 'stale-duplicates');
-  const hiddenCleanupFindingCount = useMemo(() => {
-    if (!auditResult) {
-      return 0;
-    }
-
-    const visibleKinds = new Set(
-      cleanupIssueSummaries.flatMap((issue) => issue.findingKinds),
-    );
-    return auditResult.findings.filter((finding) => !visibleKinds.has(finding.kind))
-      .length;
-  }, [auditResult, cleanupIssueSummaries]);
-  const openIssueActionModal = useCallback(
-    ({
-      defaultAction,
-      findings,
-      issueId,
-      issueTitle,
-      paths,
-      source,
-      supportsDryRun,
-    }: {
-      defaultAction?: AuditActionOption;
-      findings: Array<ActionableFinding>;
-      issueId: string;
-      issueTitle: string;
-      paths: Array<string>;
-      source: ActionIssueSource;
-      supportsDryRun: boolean;
-    }) => {
-      const availableActions = Array.from(
-        new Map(
-          findings
-            .flatMap((finding) => finding.availableActions)
-            .map((action) => [action.action, action]),
-        ).values(),
-      );
-
-      const fallbackAction = defaultAction
-        ? [defaultAction]
-        : issueId === 'duplicate-syfon-paths'
-          ? [
-              {
-                action: 'verify_duplicates',
-                destructive: false,
-                label: 'Verify duplicates',
-                requiresConfirmation: false,
-                supportsDryRun: false,
-              },
-            ]
-          : issueId === 'syfon-only'
-            ? [
-                {
-                  action: 'prepare_delete',
-                  destructive: false,
-                  label: 'Prepare delete',
-                  requiresConfirmation: false,
-                  supportsDryRun: false,
-                },
-              ]
-        : issueId === 'git-only' || issueId === 'git_only_no_syfon'
-          ? [
-              {
-                action: 'copy_paths',
-                destructive: false,
-                label: 'Copy paths',
-                requiresConfirmation: false,
-                supportsDryRun: false,
-              },
-            ]
-          : issueId === 'probe_error'
-            ? [
-                {
-                  action: 'rerun_audit',
-                  destructive: false,
-                  label: 'Retry verification',
-                  requiresConfirmation: false,
-                  supportsDryRun: false,
-                },
-              ]
-            : [];
-      const resolvedActions =
-        availableActions.length > 0 ? availableActions : fallbackAction;
-      const resolvedDefault =
-        resolvedActions.find((action) => action.action === defaultAction?.action) ??
-        resolvedActions[0];
-
-      if (resolvedActions.length === 0) {
-        setActionFeedbackMessage(
-          `${issueTitle} does not currently expose any repair actions from the backend.`,
-        );
-        return;
-      }
-
-      setIssueActionPreview(null);
-      setActionFeedbackMessage(null);
-      setPendingIssueAction({
-        availableActions: resolvedActions,
-        defaultAction: resolvedDefault,
-        findings,
-        issueId,
-        issueTitle,
-        paths,
-        source,
-        supportsDryRun:
-          supportsDryRun || resolvedActions.some((action) => action.supportsDryRun),
-      });
-      setSelectedIssueAction(resolvedDefault?.action ?? null);
-      setIssueActionModalOpen(true);
-    },
-    [],
-  );
-
-  const selectedIssueActionOption = useMemo(
-    () =>
-      pendingIssueAction?.availableActions.find(
-        (action) => action.action === selectedIssueAction,
-      ) ??
-      pendingIssueAction?.defaultAction ??
-      null,
-    [pendingIssueAction, selectedIssueAction],
-  );
-
   const buildActionRequests = useCallback(
     ({
       action,
@@ -1328,6 +1078,76 @@ export const FileSummaryPage = ({
     [],
   );
 
+  const resolveIssueAction = useCallback(
+    ({
+      defaultAction,
+      issueId,
+      findings,
+    }: {
+      defaultAction?: AuditActionOption;
+      issueId: string;
+      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]
+        );
+      }
+
+      if (issueId === 'git-only' || issueId === 'git_only_no_syfon') {
+        return {
+          action: 'view_paths',
+          destructive: false,
+          label: 'View paths',
+          requiresConfirmation: false,
+          supportsDryRun: false,
+        };
+      }
+
+      if (
+        issueId === 'syfon_git_no_bucket' ||
+        issueId === 'syfon_missing_bucket_object'
+      ) {
+        return {
+          action: 'delete_records',
+          destructive: true,
+          label: 'Delete Syfon records',
+          requiresConfirmation: true,
+          supportsDryRun: false,
+        };
+      }
+
+      if (issueId === 'probe_error') {
+        return {
+          action: 'rerun_audit',
+          destructive: false,
+          label: 'Retry verification',
+          requiresConfirmation: false,
+          supportsDryRun: false,
+        };
+      }
+
+      return {
+        action: 'view_paths',
+        destructive: false,
+        label: 'View paths',
+        requiresConfirmation: false,
+        supportsDryRun: false,
+      };
+    },
+    [],
+  );
+
   const refreshAuditViews = useCallback(async () => {
     await refresh();
 
@@ -1354,117 +1174,287 @@ export const FileSummaryPage = ({
     runProjectDiffAudit,
   ]);
 
-  const loadCleanupIssueDetails = useCallback(
-    async ({
-      issue,
-      selectedPaths,
-    }: {
-      issue: CleanupIssueSummary;
-      selectedPaths?: Array<string>;
-    }) => {
-      const result = await runAudit({
-        findingKind:
-          issue.findingKinds.length === 1 ? issue.findingKinds[0] : undefined,
-        includeRepoManifest: true,
-        persistResult: false,
-        selectedPaths,
-      });
+  const removeHealedChainFindings = useCallback(
+    (issueId: string, paths: Array<string>) => {
+      const pathSet = new Set(paths);
+      setChainAuditResult((current) => {
+        if (!current) {
+          return current;
+        }
 
-      if (result) {
-        setCleanupDetailFindingsByIssue((current) => ({
-          ...current,
-          [issue.id]: result.findings,
-        }));
-      }
-    },
-    [runAudit],
-  );
+        const findings = current.findings.filter(
+          (finding) =>
+            !(
+              finding.kind === issueId &&
+              pathSet.has(finding.normalizedPath)
+            ),
+        );
 
-  const loadChainIssueDetails = useCallback(
-    async (issue: ChainIssueSummary) => {
-      const result = await runChainAudit({
-        findingKind: issue.id,
-        findingLimit: -1,
-        persistResult: false,
-      });
+        const countsByKind = Object.keys(current.summary.countsByKind).reduce<
+          Record<string, number>
+        >((accumulator, key) => {
+          accumulator[key] = 0;
+          return accumulator;
+        }, {});
+
+        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;
+            }
 
-      if (result) {
-        setChainDetailFindingsByIssue((current) => ({
+            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,
-          [issue.id]: result.findings.filter((finding) => finding.kind === issue.id),
-        }));
-      }
+          findings,
+          groups,
+          summary: {
+            ...current.summary,
+            countsByKind,
+            syfonRecordCount: Math.max(
+              0,
+              current.summary.syfonRecordCount - pathSet.size,
+            ),
+            totalFindings: findings.length,
+          },
+        };
+      });
+      setSelectedChainIssueId((current) => (current === issueId ? null : current));
     },
-    [runChainAudit],
+    [setChainAuditResult],
   );
 
-  const handleRunIssueAction = useCallback(
+  const handleBulkDeleteSyfonRecords = useCallback(
     async ({
-      preview = false,
+      findings,
+      issueTitle,
+      paths,
     }: {
-      preview?: boolean;
-    } = {}) => {
-      if (!pendingIssueAction || !selectedIssueActionOption) {
-        return;
-      }
-
-      const actionName = selectedIssueActionOption.action;
-      const selectedPaths = pendingIssueAction.paths;
+      findings: Array<ActionableFinding>;
+      issueTitle: string;
+      paths: Array<string>;
+    }) => {
+      const objectIds = Array.from(
+        new Set(
+          findings.flatMap((finding) =>
+            'objectIds' in finding && Array.isArray(finding.objectIds)
+              ? finding.objectIds
+              : [],
+          ),
+        ),
+      ).filter(Boolean);
 
-      if (actionName === 'copy_paths') {
-        await navigator.clipboard.writeText(selectedPaths.join('\n'));
+      if (objectIds.length === 0) {
         setActionFeedbackMessage(
-          `Copied ${selectedPaths.length.toLocaleString()} path${selectedPaths.length === 1 ? '' : 's'} to the clipboard.`,
+          `${issueTitle} did not include any Syfon record ids to delete.`,
         );
-        setIssueActionModalOpen(false);
-        setPendingIssueAction(null);
-        setSelectedIssueAction(null);
-        setIssueActionPreview(null);
         return;
       }
 
-      if (actionName === 'rerun_audit') {
-        if (pendingIssueAction.source === 'chain') {
-          await runChainAudit();
-        } else if (pendingIssueAction.source === 'diff') {
-          await runProjectDiffAudit();
-        } else {
-          await rerunAudit();
-        }
-        setIssueActionModalOpen(false);
-        setPendingIssueAction(null);
-        setSelectedIssueAction(null);
-        setIssueActionPreview(null);
+      const approved = window.confirm(
+        `Delete ${objectIds.length.toLocaleString()} Syfon record${objectIds.length === 1 ? '' : 's'} across ${paths.length.toLocaleString()} path${paths.length === 1 ? '' : 's'}?\n\nThis removes Syfon metadata only. Bucket objects will not be deleted.`,
+      );
+      if (!approved) {
         return;
       }
 
-      if (actionName === 'verify_duplicates' || actionName === 'prepare_delete') {
-        setIssueActionModalOpen(false);
-        setPendingIssueAction(null);
-        setSelectedIssueAction(null);
-        setIssueActionPreview(null);
-        if (pendingIssueAction.source === 'diff') {
-          setSelectedDiffIssueId(pendingIssueAction.issueId);
-          setShowDiffDetails(true);
-        }
-        setSelectedCleanupIssueId(null);
+      try {
+        setIsBulkDeletingRecords(true);
+        await bulkDeleteSyfonDrsObjects({
+          bulk_object_ids: objectIds,
+          delete_object_metadata: true,
+          delete_storage_data: false,
+        }).unwrap();
+      } catch (error) {
+        const message =
+          error instanceof Error
+            ? error.message
+            : 'Syfon record deletion failed.';
+        setActionFeedbackMessage(message);
+        return;
+      } finally {
+        setIsBulkDeletingRecords(false);
+      }
+
+      setActionFeedbackMessage(
+        `Deleted ${objectIds.length.toLocaleString()} Syfon record${objectIds.length === 1 ? '' : 's'} across ${paths.length.toLocaleString()} path${paths.length === 1 ? '' : 's'}.`,
+      );
+      setSelectedChainIssueId(null);
+      removeHealedChainFindings(
+        findings[0] && 'kind' in findings[0] ? findings[0].kind : '',
+        paths,
+      );
+    },
+    [bulkDeleteSyfonDrsObjects, removeHealedChainFindings],
+  );
+
+  const runIssueAction = useCallback(
+    async ({
+      defaultAction,
+      findings,
+      issueId,
+      issueTitle,
+      paths,
+      source,
+    }: {
+      defaultAction?: AuditActionOption;
+      findings: Array<ActionableFinding>;
+      issueId: string;
+      issueTitle: string;
+      paths: Array<string>;
+      source: ActionIssueSource;
+    }) => {
+      const resolvedAction = resolveIssueAction({
+        defaultAction,
+        findings,
+        issueId,
+      });
+
+      if (!resolvedAction) {
+        setActionFeedbackMessage(
+          `${issueTitle} does not currently expose any backend action.`,
+        );
+        return;
+      }
+
+      const actionName = resolvedAction.action;
+      const selectedPaths = paths;
+
+      if (actionName === 'view_paths') {
+        if (source === 'diff') {
+          setSelectedDiffIssueId(issueId);
+          setShowDiffDetails(true);
+        }
+        if (source === 'chain') {
+          setSelectedChainIssueId(issueId);
+        }
+        return;
+      }
+
+      if (actionName === 'rerun_audit') {
+        if (source === 'chain') {
+          await runChainAudit();
+        } else {
+          await rerunAudit();
+        }
+        return;
+      }
+
+      if (actionName === 'delete_records') {
+        await handleBulkDeleteSyfonRecords({
+          findings,
+          issueTitle,
+          paths: selectedPaths,
+        });
+        return;
+      }
+
+      if (actionName === 'verify_duplicates' || actionName === 'prepare_delete') {
+        if (source === 'diff') {
+          setSelectedDiffIssueId(issueId);
+        }
         setShowCleanupDetails(true);
-        await runAudit({
+        const result = await runAudit({
           includeRepoManifest: true,
           selectedPaths,
         });
+        if (result) {
+          const verifiedPathCount = new Set(
+            result.findings.map((finding) => finding.normalizedPath).filter(Boolean),
+          ).size;
+          setActionFeedbackMessage(
+            result.summary.totalFindings > 0
+              ? `${resolvedAction.label} returned ${result.summary.totalFindings.toLocaleString()} cleanup finding${result.summary.totalFindings === 1 ? '' : 's'} across ${verifiedPathCount.toLocaleString()} path${verifiedPathCount === 1 ? '' : 's'}.`
+              : `${resolvedAction.label} completed, but Syfon did not return any cleanup findings for these paths.`,
+          );
+        }
         return;
       }
 
+      if (resolvedAction.requiresConfirmation || resolvedAction.destructive) {
+        let approved = true;
+        if (resolvedAction.supportsDryRun) {
+          const preview = await applyCleanup({
+            actions: buildActionRequests({
+              action: actionName,
+              findings,
+            }),
+            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: buildActionRequests({
           action: actionName,
-          findings: pendingIssueAction.findings,
+          findings,
         }),
         deleteBucketOnlyObjects: false,
         deleteRepoOrphans: false,
         deleteStaleDuplicates: false,
-        dryRun: preview,
+        dryRun: false,
         selectedPaths,
       });
 
@@ -1472,42 +1462,52 @@ export const FileSummaryPage = ({
         return;
       }
 
-      if (preview) {
-        setIssueActionPreview(result);
-        return;
-      }
-
       setActionFeedbackMessage(
-        `${selectedIssueActionOption.label} completed for ${selectedPaths.length.toLocaleString()} path${selectedPaths.length === 1 ? '' : 's'}.`,
+        `${resolvedAction.label} completed for ${selectedPaths.length.toLocaleString()} path${selectedPaths.length === 1 ? '' : 's'}.`,
       );
-      setIssueActionModalOpen(false);
-      setPendingIssueAction(null);
-      setSelectedIssueAction(null);
-      setIssueActionPreview(null);
-      setSelectedCleanupIssueId(null);
-      setSelectedChainIssueId(null);
       await refreshAuditViews();
     },
     [
       applyCleanup,
       buildActionRequests,
-      pendingIssueAction,
+      handleBulkDeleteSyfonRecords,
       refreshAuditViews,
+      resolveIssueAction,
       rerunAudit,
       runAudit,
       runChainAudit,
       runProjectDiffAudit,
-      selectedIssueActionOption,
     ],
   );
 
-  const toggleExpandedChainTreeNode = useCallback((nodePath: string) => {
-    setExpandedChainTreeNodes((current) => ({
-      ...current,
-      [nodePath]: !current[nodePath],
-    }));
+  const handleToggleChainIssueDetails = useCallback((issueId: string) => {
+    setSelectedChainIssueId((current) => (current === issueId ? null : issueId));
   }, []);
 
+  const handleOpenAuditModal = async () => {
+    setAuditModalOpen(true);
+    const tasks: Array<Promise<unknown>> = [];
+    if (!chainAuditResult && !isChainAuditing) {
+      tasks.push(runChainAudit());
+    }
+    if (tasks.length > 0) {
+      await Promise.all(tasks);
+    }
+  };
+
+  const handleStorageSort = (key: StorageSortKey) => {
+    setStorageSortDirection((currentDirection) =>
+      storageSortKey === key
+        ? currentDirection === 'asc'
+          ? 'desc'
+          : 'asc'
+        : key === 'name' || key === 'type'
+          ? 'asc'
+          : 'desc',
+    );
+    setStorageSortKey(key);
+  };
+
   const setSelectedChainPathsForIssue = useCallback(
     (paths: Array<string>) => {
       if (!selectedChainIssue) {
@@ -1541,86 +1541,6 @@ export const FileSummaryPage = ({
     [selectedChainPaths, setSelectedChainPathsForIssue],
   );
 
-  const handleApplySelectedChainDeletion = async () => {
-    if (!selectedChainIssue || selectedChainPaths.length === 0) {
-      return;
-    }
-    openIssueActionModal({
-      defaultAction: selectedChainIssue.actionSummary.defaultAction,
-      findings: selectedChainFindings.filter((finding) =>
-        selectedChainPaths.includes(finding.normalizedPath),
-      ),
-      issueId: selectedChainIssue.id,
-      issueTitle: selectedChainIssue.title,
-      paths: selectedChainPaths,
-      source: 'chain',
-      supportsDryRun: selectedChainIssue.actionSummary.supportsDryRun,
-    });
-  };
-
-  const ensureDiffAuditLoaded = async (): Promise<void> => {
-    if (!diffAuditResult && !isDiffAuditing) {
-      await runProjectDiffAudit();
-    }
-  };
-
-  const ensureCleanupAuditLoaded = async ({
-    selectedPaths,
-  }: {
-    selectedPaths?: Array<string>;
-  } = {}): Promise<void> => {
-    if (!auditResult && !isAuditing) {
-      await runAudit({
-        includeRepoManifest: true,
-        selectedPaths,
-      });
-    }
-  };
-
-  const handleToggleChainIssueDetails = useCallback(
-    async (issue: ChainIssueSummary) => {
-      const shouldOpen = selectedChainIssueId !== issue.id;
-      setSelectedChainIssueId(shouldOpen ? issue.id : null);
-      if (shouldOpen) {
-        setSelectedDiffIssueId(null);
-        setSelectedCleanupIssueId(null);
-        await loadChainIssueDetails(issue);
-      }
-    },
-    [loadChainIssueDetails, selectedChainIssueId],
-  );
-
-  const handleFocusChainIssue = async (issue: ChainIssueSummary) => {
-    setSelectedChainIssueId(issue.id);
-    setSelectedDiffIssueId(null);
-    setSelectedCleanupIssueId(null);
-    await loadChainIssueDetails(issue);
-  };
-
-  const handleOpenAuditModal = async () => {
-    setAuditModalOpen(true);
-    const tasks: Array<Promise<unknown>> = [];
-    if (!chainAuditResult && !isChainAuditing) {
-      tasks.push(runChainAudit());
-    }
-    if (tasks.length > 0) {
-      await Promise.all(tasks);
-    }
-  };
-
-  const handleStorageSort = (key: StorageSortKey) => {
-    setStorageSortDirection((currentDirection) =>
-      storageSortKey === key
-        ? currentDirection === 'asc'
-          ? 'desc'
-          : 'asc'
-        : key === 'name' || key === 'type'
-          ? 'asc'
-          : 'desc',
-    );
-    setStorageSortKey(key);
-  };
-
   const renderChainTreeNode = (node: ChainPathTreeNode, depth = 0): React.ReactNode => {
     const descendantLeafPaths = node.descendantLeafPaths;
     const selectedCount = descendantLeafPaths.filter((value) =>
@@ -1641,7 +1561,12 @@ export const FileSummaryPage = ({
             <div style={{ width: 28 }} />
           ) : (
             <ActionIcon
-              onClick={() => toggleExpandedChainTreeNode(node.path)}
+              onClick={() =>
+                setExpandedChainTreeNodes((current) => ({
+                  ...current,
+                  [node.path]: !current[node.path],
+                }))
+              }
               size="sm"
               variant="subtle"
             >
@@ -1666,11 +1591,14 @@ export const FileSummaryPage = ({
               }
               let nextSelected: Array<string>;
               if (checked) {
-                const set = new Set([...selectedChainPaths, ...descendantLeafPaths]);
-                nextSelected = Array.from(set).sort();
+                nextSelected = Array.from(
+                  new Set([...selectedChainPaths, ...descendantLeafPaths]),
+                ).sort();
               } else {
                 const descendantSet = new Set(descendantLeafPaths);
-                nextSelected = selectedChainPaths.filter((path) => !descendantSet.has(path));
+                nextSelected = selectedChainPaths.filter(
+                  (path) => !descendantSet.has(path),
+                );
               }
               setSelectedChainPathsForIssue(nextSelected);
             }}
@@ -1697,9 +1625,8 @@ export const FileSummaryPage = ({
                 variant="subtle"
               >
                 Show more (
-                {(
-                  children.length - (treeNodeLimit[node.path] ?? 100)
-                ).toLocaleString()}{' '}
+                {(children.length - (treeNodeLimit[node.path] ?? 100)).toLocaleString()}
+                {' '}
                 remaining)...
               </Button>
             )}
@@ -1709,6 +1636,51 @@ export const FileSummaryPage = ({
     );
   };
 
+  const handleApplySelectedChainObjects = useCallback(async () => {
+    if (!selectedChainIssue || selectedChainPaths.length === 0) {
+      return;
+    }
+
+    const isBucketOnlyIssue = selectedChainIssue.id === 'bucket_only_object';
+    const isBucketSyfonNoGitIssue = selectedChainIssue.id === 'bucket_syfon_no_git';
+    if (!isBucketOnlyIssue && !isBucketSyfonNoGitIssue) {
+      return;
+    }
+
+    const approved = window.confirm(
+      isBucketOnlyIssue
+        ? `Delete ${selectedChainPaths.length.toLocaleString()} selected bucket-only path${selectedChainPaths.length === 1 ? '' : 's'}?\n\nThis will ask Syfon to delete the bucket objects in one bulk request.`
+        : `Delete ${selectedChainPaths.length.toLocaleString()} selected Bucket + Syfon, No Git path${selectedChainPaths.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,
+      dryRun: false,
+      selectedPaths: selectedChainPaths,
+    });
+
+    if (!result) {
+      return;
+    }
+
+    setActionFeedbackMessage(
+      isBucketOnlyIssue
+        ? `Deleted ${selectedChainPaths.length.toLocaleString()} selected bucket-only path${selectedChainPaths.length === 1 ? '' : 's'} in one Syfon bulk request.`
+        : `Deleted ${selectedChainPaths.length.toLocaleString()} selected Bucket + Syfon, No Git path${selectedChainPaths.length === 1 ? '' : 's'} in one Syfon bulk request.`,
+    );
+    await refreshAuditViews();
+  }, [
+    applyCleanup,
+    refreshAuditViews,
+    selectedChainIssue,
+    selectedChainPaths,
+  ]);
+
   const renderStorageSortHeader = (
     label: string,
     key: StorageSortKey,
@@ -1800,140 +1772,6 @@ export const FileSummaryPage = ({
             </Center>
           ) : selectedProjectParts ? (
             <>
-              <Modal
-                centered
-                onClose={() => {
-                  setIssueActionModalOpen(false);
-                  setIssueActionPreview(null);
-                }}
-                opened={issueActionModalOpen}
-                size="xl"
-                title={pendingIssueAction?.issueTitle ?? 'Issue action'}
-              >
-                {pendingIssueAction ? (
-                  <Stack gap="md">
-                    <Text c="dimmed" size="sm">
-                      Choose the healing action for this issue set. The frontend
-                      uses the backend action contract directly instead of
-                      guessing what is safe to do.
-                    </Text>
-
-                    {selectedIssueActionOption?.destructive ? (
-                      <Alert
-                        color="red"
-                        icon={<IconAlertCircle size={16} />}
-                        title="This action changes project state"
-                      >
-                        Confirm the targets below before applying this action.
-                        Bucket-backed deletions cannot be undone.
-                      </Alert>
-                    ) : null}
-
-                    {pendingIssueAction.availableActions.length > 1 ? (
-                      <Select
-                        data={pendingIssueAction.availableActions.map((action) => ({
-                          label: action.label,
-                          value: action.action,
-                        }))}
-                        label="Action"
-                        onChange={(value) => {
-                          setSelectedIssueAction(value);
-                          setIssueActionPreview(null);
-                        }}
-                        value={selectedIssueAction}
-                      />
-                    ) : null}
-
-                    {selectedIssueActionOption?.description ? (
-                      <Text size="sm">{selectedIssueActionOption.description}</Text>
-                    ) : null}
-
-                    <Text size="sm">
-                      {pendingIssueAction.findings.length.toLocaleString()} findings
-                      {' · '}
-                      {pendingIssueAction.paths.length.toLocaleString()} paths
-                    </Text>
-
-                    <div className="max-h-48 overflow-y-auto rounded-md border border-slate-200 bg-slate-50 px-3 py-2">
-                      <Stack gap={6}>
-                        {pendingIssueAction.paths.slice(0, 50).map((path) => (
-                          <Text className="break-all font-mono" key={path} size="xs">
-                            {path}
-                          </Text>
-                        ))}
-                        {pendingIssueAction.paths.length > 50 ? (
-                          <Text c="dimmed" size="xs">
-                            +{(pendingIssueAction.paths.length - 50).toLocaleString()} more paths
-                          </Text>
-                        ) : null}
-                      </Stack>
-                    </div>
-
-                    {issueActionPreview ? (
-                      <Stack gap="xs">
-                        <Alert
-                          color="blue"
-                          icon={<IconAlertCircle size={16} />}
-                          title="Dry-run preview"
-                        >
-                          Records to delete:{' '}
-                          {issueActionPreview.deletedRecordIds.length.toLocaleString()}
-                          {' · '}
-                          Bucket objects to purge:{' '}
-                          {issueActionPreview.deletedBucketObjectUrls.length.toLocaleString()}
-                          {' · '}
-                          Skipped paths:{' '}
-                          {issueActionPreview.skippedPaths.length.toLocaleString()}
-                        </Alert>
-                        {issueActionPreview.deletedBucketObjectUrls.length > 0 ? (
-                          <div className="max-h-48 overflow-y-auto rounded-md border border-slate-200 bg-slate-50 px-3 py-2">
-                            <Stack gap={6}>
-                              {issueActionPreview.deletedBucketObjectUrls.map((url) => (
-                                <Text className="break-all font-mono" key={url} size="xs">
-                                  {url}
-                                </Text>
-                              ))}
-                            </Stack>
-                          </div>
-                        ) : null}
-                      </Stack>
-                    ) : null}
-
-                    <Group justify="flex-end">
-                      <Button
-                        onClick={() => {
-                          setIssueActionModalOpen(false);
-                          setIssueActionPreview(null);
-                        }}
-                        variant="default"
-                      >
-                        Cancel
-                      </Button>
-                      {selectedIssueActionOption?.supportsDryRun ? (
-                        <Button
-                          loading={isApplying}
-                          onClick={() => {
-                            void handleRunIssueAction({ preview: true });
-                          }}
-                          variant="light"
-                        >
-                          Preview action
-                        </Button>
-                      ) : null}
-                      <Button
-                        color={selectedIssueActionOption?.destructive ? 'red' : 'blue'}
-                        loading={isApplying}
-                        onClick={() => {
-                          void handleRunIssueAction();
-                        }}
-                      >
-                        {selectedIssueActionOption?.label ?? 'Run action'}
-                      </Button>
-                    </Group>
-                  </Stack>
-                ) : null}
-              </Modal>
-
               <Modal
                 onClose={() => setAuditModalOpen(false)}
                 opened={auditModalOpen}
@@ -1957,6 +1795,16 @@ export const FileSummaryPage = ({
                     </Alert>
                   ) : null}
 
+                  {actionFeedbackMessage ? (
+                    <Alert
+                      color="blue"
+                      icon={<IconAlertCircle size={16} />}
+                      title="Action complete"
+                    >
+                      {actionFeedbackMessage}
+                    </Alert>
+                  ) : null}
+
                   {chainAuditResult && !chainAuditResult.summary.bucketInventoryAvailable ? (
                     <Alert
                       color="orange"
@@ -1972,13 +1820,16 @@ export const FileSummaryPage = ({
                     </Alert>
                   ) : null}
 
-                  {chainAuditResult && chainAuditResult.summary.bucketInventoryAvailable ? (
+                  {chainAuditResult &&
+                  chainAuditResult.summary.bucketInventoryAvailable &&
+                  !hasChainIssues &&
+                  cleanChainJoinCount > 0 ? (
                     <Alert
                       color="green"
                       icon={<IconAlertCircle size={16} />}
                       title="Connected end-to-end"
                     >
-                      {(chainAuditResult.summary.countsByKind.bucket_syfon_git_complete ?? 0).toLocaleString()}
+                      {cleanChainJoinCount.toLocaleString()}
                       {' '}
                       bucket objects currently join cleanly through Syfon into Git.
                       {' '}
@@ -1998,13 +1849,47 @@ export const FileSummaryPage = ({
                     </Alert>
                   ) : null}
 
+                  {chainAuditResult &&
+                  chainAuditResult.summary.bucketInventoryAvailable &&
+                  hasChainIssues ? (
+                    <Alert
+                      color="yellow"
+                      icon={<IconAlertCircle size={16} />}
+                      title="Chain issues found"
+                    >
+                      {cleanChainJoinCount.toLocaleString()}
+                      {' '}
+                      bucket objects currently join cleanly through Syfon into Git, but this subtree also contains
+                      {' '}
+                      {chainIssueSummaries
+                        .reduce((sum, issue) => sum + issue.pathCount, 0)
+                        .toLocaleString()}
+                      {' '}
+                      issue paths that need attention.
+                      {' '}
+                      Totals scanned:
+                      {' '}
+                      {chainAuditResult.summary.bucketObjectCount.toLocaleString()}
+                      {' '}
+                      bucket objects,
+                      {' '}
+                      {chainAuditResult.summary.syfonRecordCount.toLocaleString()}
+                      {' '}
+                      Syfon records,
+                      {' '}
+                      {chainAuditResult.summary.gitTrackedFileCount.toLocaleString()}
+                      {' '}
+                      Git-tracked files.
+                    </Alert>
+                  ) : null}
+
                   {chainAuditResult && !chainAuditResult.summary.bucketInventoryAvailable ? (
                     <Alert
                       color="yellow"
                       icon={<IconAlertCircle size={16} />}
                       title="Record-backed connectivity only"
                     >
-                      {(chainAuditResult.summary.countsByKind.bucket_syfon_git_complete ?? 0).toLocaleString()}
+                      {cleanChainJoinCount.toLocaleString()}
                       {' '}
                       record-backed storage objects currently validate cleanly through Syfon into Git, but the default bucket-first audit is blocked because the mapped bucket target could not be enumerated.
                       {' '}
@@ -2039,11 +1924,7 @@ export const FileSummaryPage = ({
                         <div>
                           <Title order={5}>Chain Findings</Title>
                           <Text c="dimmed" mt={4} size="sm">
-                            High-level issues across the
-                            {' '}
-                            <span className="font-mono">bucket -&gt; Syfon -&gt; Git</span>
-                            {' '}
-                            chain.
+                            Issues found in the files, records, and project contents for this path.
                           </Text>
                         </div>
                         <Button
@@ -2082,7 +1963,6 @@ export const FileSummaryPage = ({
                                   <Text c="dimmed" size="sm">
                                     {issue.description}
                                   </Text>
-                                  <Text size="sm">{issue.recommendation}</Text>
                                 </Stack>
                               </Table.Td>
                               <Table.Td>
@@ -2095,550 +1975,230 @@ export const FileSummaryPage = ({
                                 </Text>
                               </Table.Td>
                               <Table.Td miw={260}>
-                                <Group gap="xs">
+                                {actionableChainSelectionIssue && selectedChainIssue?.id === issue.id ? (
                                   <Button
-                                    color={issue.color}
-                                    loading={isAuditing || isDiffAuditing || isChainAuditing}
-                                    onClick={() => {
-                                      openIssueActionModal({
-                                        defaultAction: issue.actionSummary.defaultAction,
-                                        findings: (chainAuditResult?.findings ?? []).filter(
-                                          (finding) => finding.kind === issue.id,
-                                        ),
-                                        issueId: issue.id,
-                                        issueTitle: issue.title,
-                                        paths: (chainAuditResult?.findings ?? [])
-                                          .filter((finding) => finding.kind === issue.id)
-                                          .map((finding) => finding.normalizedPath),
-                                        source: 'chain',
-                                        supportsDryRun: issue.actionSummary.supportsDryRun,
-                                      });
-                                    }}
+                                    color="gray"
+                                    onClick={() => handleToggleChainIssueDetails(issue.id)}
                                     size="xs"
-                                    variant="light"
+                                    variant="outline"
                                   >
-                                    {issue.actionSummary.defaultAction?.label ?? 'Open action'}
+                                    Hide paths
                                   </Button>
+                                ) : issue.id === 'bucket_only_object' ||
+                                  issue.id === 'bucket_syfon_no_git' ? (
                                   <Button
-                                    onClick={() => {
-                                      void handleToggleChainIssueDetails(issue);
-                                    }}
+                                    color={issue.color}
+                                    onClick={() => handleToggleChainIssueDetails(issue.id)}
                                     size="xs"
-                                    variant="subtle"
+                                    variant="light"
                                   >
-                                    {selectedChainIssueId === issue.id
-                                      ? 'Hide details'
-                                      : `See details (${issue.pathCount.toLocaleString()})`}
+                                    Select paths
                                   </Button>
-                                </Group>
+                                ) : (() => {
+                                  const findings = (chainAuditResult?.findings ?? []).filter(
+                                    (finding) => finding.kind === issue.id,
+                                  );
+                                  const action = resolveIssueAction({
+                                    defaultAction: issue.actionSummary.defaultAction,
+                                    findings,
+                                    issueId: issue.id,
+                                  });
+                                  const supportsInlinePathView =
+                                    issue.id === 'syfon_git_no_bucket' ||
+                                    issue.id === 'syfon_missing_bucket_object';
+                                  const isShowingPaths = selectedChainIssue?.id === issue.id;
+                                  return action ? (
+                                    <Group gap="xs">
+                                      <Button
+                                        color={issue.color}
+                                        loading={
+                                          isApplying ||
+                                          isAuditing ||
+                                          isChainAuditing ||
+                                          isBulkDeletingRecords
+                                        }
+                                        onClick={() => {
+                                          void runIssueAction({
+                                            defaultAction: action,
+                                            findings,
+                                            issueId: issue.id,
+                                            issueTitle: issue.title,
+                                            paths: findings.map((finding) => finding.normalizedPath),
+                                            source: 'chain',
+                                          });
+                                        }}
+                                        size="xs"
+                                        variant="light"
+                                      >
+                                        {action.label}
+                                      </Button>
+                                      {supportsInlinePathView ? (
+                                        <Button
+                                          color="gray"
+                                          onClick={() =>
+                                            handleToggleChainIssueDetails(issue.id)
+                                          }
+                                          size="xs"
+                                          variant="outline"
+                                        >
+                                          {isShowingPaths ? 'Hide paths' : 'Show paths'}
+                                        </Button>
+                                      ) : null}
+                                    </Group>
+                                  ) : null;
+                                })()}
                               </Table.Td>
                             </Table.Tr>
                           ))}
                         </Table.Tbody>
                       </Table>
-                    </Stack>
-                  ) : chainAuditResult ? (
-                    <Alert
-                      color="green"
-                      icon={<IconAlertCircle size={16} />}
-                      title="No chain issues"
-                    >
-                      Gecko did not find any broken Git-to-Syfon-to-bucket links
-                      in this subtree.
-                    </Alert>
-                  ) : null}
 
-                  {selectedChainIssue ? (
-                    <Stack
-                      className="rounded-md border border-slate-200 bg-slate-50 px-4 py-4"
-                      gap="sm"
-                    >
-                      <Group justify="space-between" wrap="wrap">
-                        <div>
-                          <Text fw={700} size="sm">
-                            {selectedChainIssue.title}
-                          </Text>
-                          <Text c="dimmed" size="sm">
-                            {selectedChainIssue.pathCount.toLocaleString()} paths in
-                            this chain issue. Showing{' '}
-                            {selectedChainFindings.length.toLocaleString()} findings.
-                          </Text>
-                        </div>
-                        <Group gap="xs">
-                          {actionableChainSelectionIssue ? (
+                      {selectedChainIssue && actionableChainSelectionIssue ? (
+                        <Stack
+                          className="rounded-md border border-slate-200 bg-slate-50 px-4 py-4"
+                          gap="sm"
+                        >
+                          <Group justify="space-between" wrap="wrap">
+                            <div>
+                              <Text fw={700} size="sm">
+                                {selectedChainIssue.title}
+                              </Text>
+                              <Text c="dimmed" size="sm">
+                                Choose the exact paths to act on in this issue set.
+                              </Text>
+                            </div>
                             <Button
-                              color={selectedChainIssue?.id === 'bucket_only_object' ? 'red' : 'orange'}
+                              color={selectedChainIssue.color}
                               disabled={selectedChainPaths.length === 0}
+                              loading={isApplying || isAuditing}
                               onClick={() => {
-                                void handleApplySelectedChainDeletion();
+                                void handleApplySelectedChainObjects();
                               }}
                               size="xs"
                               variant="light"
                             >
-                              {selectedChainIssue?.id === 'bucket_only_object'
-                                ? `Delete selected bucket objects (${selectedChainPaths.length.toLocaleString()})`
-                                : `Delete selected Syfon + bucket objects (${selectedChainPaths.length.toLocaleString()})`}
+                              {selectedChainIssue.id === 'bucket_only_object'
+                                ? 'Delete selected bucket objects'
+                                : 'Delete selected objects'}
+                              {selectedChainPaths.length > 0
+                                ? ` (${selectedChainPaths.length.toLocaleString()})`
+                                : ''}
                             </Button>
-                          ) : null}
-                          <Button
-                            onClick={() => setSelectedChainIssueId(null)}
-                            size="xs"
-                            variant="subtle"
-                          >
-                            Hide details
-                          </Button>
-                        </Group>
-                      </Group>
-
-                      {actionableChainSelectionIssue &&
-                      selectedChainFindings.length > 0 ? (
-                        <Stack
-                          className="rounded-md border border-slate-200 bg-white px-3 py-3"
-                          gap="xs"
-                        >
-                          <Group justify="space-between" wrap="wrap">
-                            <Checkbox
-                              checked={
-                                selectableChainPaths.length > 0 &&
-                                selectedChainPaths.length === selectableChainPaths.length
-                              }
-                              indeterminate={
-                                selectedChainPaths.length > 0 &&
-                                selectedChainPaths.length < selectableChainPaths.length
-                              }
-                              label={`Select all loaded paths (${selectedChainPaths.length.toLocaleString()} / ${selectableChainPaths.length.toLocaleString()})`}
-                              onChange={(event) => {
-                                handleToggleAllChainPaths(event.currentTarget.checked);
-                              }}
-                            />
-                            <Text c="dimmed" size="xs">
-                              Expand folders and choose the exact bucket-backed paths to delete.
-                            </Text>
                           </Group>
-                          <Stack gap={4}>
-                            {chainPathTree
-                              .slice(0, treeNodeLimit[''] ?? 100)
-                              .map((node) => renderChainTreeNode(node))}
-                            {chainPathTree.length > (treeNodeLimit[''] ?? 100) && (
-                              <Button
-                                onClick={() =>
-                                  setTreeNodeLimit((current) => ({
-                                    ...current,
-                                    '': (current[''] ?? 100) + 100,
-                                  }))
+
+                          <Stack
+                            className="rounded-md border border-slate-200 bg-white px-3 py-3"
+                            gap="xs"
+                          >
+                            <Group justify="space-between" wrap="wrap">
+                              <Checkbox
+                                checked={
+                                  selectableChainPaths.length > 0 &&
+                                  selectedChainPaths.length === selectableChainPaths.length
                                 }
-                                size="xs"
-                                style={{
-                                  alignSelf: 'flex-start',
-                                  marginLeft: 28,
+                                indeterminate={
+                                  selectedChainPaths.length > 0 &&
+                                  selectedChainPaths.length < selectableChainPaths.length
+                                }
+                                label={`Select all loaded paths (${selectedChainPaths.length.toLocaleString()} / ${selectableChainPaths.length.toLocaleString()})`}
+                                onChange={(event) => {
+                                  handleToggleAllChainPaths(event.currentTarget.checked);
                                 }}
-                                variant="subtle"
-                              >
-                                Show more (
-                                {(
-                                  chainPathTree.length - (treeNodeLimit[''] ?? 100)
-                                ).toLocaleString()}{' '}
-                                remaining)...
-                              </Button>
-                            )}
+                              />
+                              <Text c="dimmed" size="xs">
+                                Expand folders and choose the exact paths to heal.
+                              </Text>
+                            </Group>
+                            <Stack gap={4}>
+                              {chainPathTree
+                                .slice(0, treeNodeLimit[''] ?? 100)
+                                .map((node) => renderChainTreeNode(node))}
+                              {chainPathTree.length > (treeNodeLimit[''] ?? 100) && (
+                                <Button
+                                  onClick={() =>
+                                    setTreeNodeLimit((current) => ({
+                                      ...current,
+                                      '': (current[''] ?? 100) + 100,
+                                    }))
+                                  }
+                                  size="xs"
+                                  style={{
+                                    alignSelf: 'flex-start',
+                                    marginLeft: 28,
+                                  }}
+                                  variant="subtle"
+                                >
+                                  Show more (
+                                  {(
+                                    chainPathTree.length - (treeNodeLimit[''] ?? 100)
+                                  ).toLocaleString()}
+                                  {' '}
+                                  remaining)...
+                                </Button>
+                              )}
+                            </Stack>
                           </Stack>
                         </Stack>
                       ) : null}
 
-                      {selectedChainFindings.length > 0 ? (
-                        !actionableChainSelectionIssue ? (
-                          <>
+                      {selectedChainIssue && !actionableChainSelectionIssue ? (
+                        <Stack
+                          className="rounded-md border border-slate-200 bg-slate-50 px-4 py-4"
+                          gap="sm"
+                        >
+                          <div>
+                            <Text fw={700} size="sm">
+                              {selectedChainIssue.title}
+                            </Text>
+                            <Text c="dimmed" size="sm">
+                              {selectedChainFindings.length.toLocaleString()} paths in this
+                              issue set.
+                            </Text>
+                          </div>
+                          <div className="max-h-[420px] overflow-auto rounded-md border border-slate-200 bg-white">
                             <Table highlightOnHover stickyHeader>
                               <Table.Thead>
                                 <Table.Tr>
                                   <Table.Th>Path</Table.Th>
                                   <Table.Th>Checksum</Table.Th>
-                                  <Table.Th>Bucket Object</Table.Th>
-                                  <Table.Th>Access URL</Table.Th>
-                                  <Table.Th>Resolved Bucket/Key</Table.Th>
-                                  <Table.Th>Probe</Table.Th>
+                                  <Table.Th>Records</Table.Th>
+                                  <Table.Th>Objects</Table.Th>
                                 </Table.Tr>
                               </Table.Thead>
                               <Table.Tbody>
-                                {paginatedChainFindings.map((finding) => (
+                                {selectedChainFindings.map((finding) => (
                                   <Table.Tr
-                                    key={`${finding.kind}:${finding.normalizedPath}:${finding.objectIds.join(',')}`}
+                                    key={`${finding.kind}:${finding.normalizedPath}`}
                                   >
-                                    <Table.Td maw={360}>
+                                    <Table.Td maw={720}>
                                       <Text className="break-all" fw={600} size="sm">
                                         {finding.normalizedPath}
                                       </Text>
                                     </Table.Td>
-                                    <Table.Td maw={220}>
+                                    <Table.Td maw={320}>
                                       <Text className="break-all font-mono" size="xs">
                                         {finding.checksum || '—'}
                                       </Text>
                                     </Table.Td>
-                                    <Table.Td maw={280}>
-                                      <Text className="break-all font-mono" size="xs">
-                                        {finding.bucketObjectUrl ||
-                                          finding.evidence?.bucketObjectUrls[0] ||
-                                          '—'}
-                                      </Text>
-                                    </Table.Td>
-                                    <Table.Td maw={280}>
-                                      <Stack gap={4}>
-                                        {(finding.accessUrls.length > 0
-                                          ? finding.accessUrls
-                                          : finding.evidence?.accessUrls ?? []
-                                        )
-                                          .slice(0, 2)
-                                          .map((accessUrl) => (
-                                            <Text
-                                              className="break-all font-mono"
-                                              key={accessUrl}
-                                              size="xs"
-                                            >
-                                              {accessUrl}
-                                            </Text>
-                                          ))}
-                                      </Stack>
-                                    </Table.Td>
-                                    <Table.Td maw={260}>
-                                      <Stack gap={4}>
-                                        <Text className="break-all font-mono" size="xs">
-                                          {finding.resolvedBucket || '—'}
-                                        </Text>
-                                        <Text className="break-all font-mono" size="xs">
-                                          {finding.resolvedKey || '—'}
-                                        </Text>
-                                      </Stack>
-                                    </Table.Td>
-                                    <Table.Td maw={260}>
-                                      <Stack gap={4}>
-                                        <Badge color={selectedChainIssue.color} variant="light">
-                                          {finding.probeStatus || 'unknown'}
-                                        </Badge>
-                                        <Text className="break-all" size="xs">
-                                          {finding.errorKind || '—'}
-                                        </Text>
-                                        <Text className="break-all" size="xs">
-                                          {finding.error || '—'}
-                                        </Text>
-                                      </Stack>
-                                    </Table.Td>
+                                    <Table.Td>{finding.recordCount.toLocaleString()}</Table.Td>
+                                    <Table.Td>{finding.objectIds.length.toLocaleString()}</Table.Td>
                                   </Table.Tr>
                                 ))}
                               </Table.Tbody>
                             </Table>
-                            {totalChainPages > 1 ? (
-                              <Group justify="center" mt="md">
-                                <Pagination
-                                  value={activeChainPage}
-                                  onChange={setActiveChainPage}
-                                  total={totalChainPages}
-                                  size="sm"
-                                />
-                              </Group>
-                            ) : null}
-                          </>
-                        ) : null
-                      ) : isChainAuditing ? (
-                        <Center py="lg">
-                          <Stack align="center" gap="xs">
-                            <Loader size="sm" />
-                            <Text c="dimmed" size="sm">
-                              Loading chain detail rows...
-                            </Text>
-                          </Stack>
-                        </Center>
-                      ) : (
-                        <Alert
-                          color="blue"
-                          icon={<IconAlertCircle size={16} />}
-                          title="No chain findings loaded"
-                        >
-                          Gecko did not return any chain detail rows for this issue.
-                        </Alert>
-                      )}
-                    </Stack>
-                  ) : null}
-
-                  {(diffAuditResult || auditResult) ? (
-                    <Stack gap="xs">
-                      <Group justify="space-between" wrap="wrap">
-                        <div>
-                          <Title order={5}>Supporting Details</Title>
-                          <Text c="dimmed" mt={4} size="sm">
-                            Open the lower-level diff or cleanup audits only when
-                            you need the supporting evidence or delete actions.
-                          </Text>
-                        </div>
-                        <Group gap="xs">
-                          <Button
-                            onClick={() => {
-                              if (!showDiffDetails) {
-                                void ensureDiffAuditLoaded();
-                              }
-                              setShowDiffDetails((current) => !current);
-                            }}
-                            size="xs"
-                            variant="subtle"
-                          >
-                            {showDiffDetails
-                              ? 'Hide project diff'
-                              : `Show project diff${diffAuditResult ? ` (${diffAuditResult.summary.totalFindings.toLocaleString()})` : ''}`}
-                          </Button>
-                          <Button
-                            onClick={() => {
-                              if (!showCleanupDetails) {
-                                void ensureCleanupAuditLoaded();
-                              }
-                              setShowCleanupDetails((current) => !current);
-                            }}
-                            size="xs"
-                            variant="subtle"
-                          >
-                            {showCleanupDetails
-                              ? 'Hide cleanup audit'
-                              : `Show cleanup audit${auditResult ? ` (${auditResult.summary.totalFindings.toLocaleString()})` : ''}`}
-                          </Button>
-                        </Group>
-                      </Group>
-                    </Stack>
-                  ) : null}
-
-                  {showDiffDetails && diffAuditResult ? (
-                    diffIssueSummaries.length > 0 ? (
-                      <Stack gap="sm">
-                        <div>
-                          <Title order={5}>Project Diff</Title>
-                          <Text c="dimmed" mt={4} size="sm">
-                            Checksum join evidence between Git and Syfon.
-                          </Text>
-                        </div>
-                        <Table highlightOnHover>
-                        <Table.Thead>
-                          <Table.Tr>
-                            <Table.Th>Issue</Table.Th>
-                            <Table.Th>Impact</Table.Th>
-                          </Table.Tr>
-                        </Table.Thead>
-                        <Table.Tbody>
-                          {diffIssueSummaries.map((issue) => (
-                            <Table.Tr key={issue.id}>
-                              <Table.Td miw={520}>
-                                <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>
-                                  <Text size="sm">{issue.recommendation}</Text>
-                                  <Group gap="xs">
-                                    <Button
-                                      color={issue.color}
-                                      loading={isAuditing}
-                                      onClick={() => {
-                                        openIssueActionModal({
-                                          defaultAction: issue.actionSummary.defaultAction,
-                                          findings: (diffAuditResult?.findings ?? []).filter(
-                                            (finding) =>
-                                              issue.findingKinds.includes(finding.kind),
-                                          ),
-                                          issueId: issue.id,
-                                          issueTitle: issue.title,
-                                          paths: (diffAuditResult?.findings ?? [])
-                                            .filter((finding) =>
-                                              issue.findingKinds.includes(finding.kind),
-                                            )
-                                            .map((finding) => finding.normalizedPath),
-                                          source: 'diff',
-                                          supportsDryRun: issue.actionSummary.supportsDryRun,
-                                        });
-                                      }}
-                                      size="xs"
-                                      variant="light"
-                                    >
-                                      {issue.actionSummary.defaultAction?.label ?? 'Open action'}
-                                    </Button>
-                                    <Button
-                                      onClick={() => {
-                                        setSelectedDiffIssueId((current) =>
-                                          current === issue.id ? null : issue.id,
-                                        );
-                                      }}
-                                      size="xs"
-                                      variant="subtle"
-                                    >
-                                      {selectedDiffIssueId === issue.id
-                                        ? 'Hide details'
-                                        : `See details (${issue.pathCount.toLocaleString()})`}
-                                    </Button>
-                                  </Group>
-                                </Stack>
-                              </Table.Td>
-                              <Table.Td>
-                                <Text size="sm">
-                                  {issue.recordCount.toLocaleString()} records
-                                  {' · '}
-                                  {issue.objectCount.toLocaleString()} objects
-                                  {' · '}
-                                  {formatBytes(issue.totalBytes)}
-                                </Text>
-                              </Table.Td>
-                            </Table.Tr>
-                            ))}
-                          </Table.Tbody>
-                        </Table>
-                      </Stack>
-                    ) : (
-                      <Alert
-                        color="green"
-                        icon={<IconAlertCircle size={16} />}
-                        title="No project diff issues"
-                      >
-                        Git and Syfon are aligned for this subtree. No duplicate,
-                        Syfon-only, or Git-only paths were returned.
-                      </Alert>
-                    )
-                  ) : isDiffAuditing ? (
-                    <Center h={140}>
-                      <Loader size={28} />
-                    </Center>
-                  ) : null}
-
-                  {showDiffDetails && diffAuditResult && selectedDiffIssue ? (
-                    <Stack
-                      className="rounded-md border border-slate-200 bg-slate-50 px-4 py-4"
-                      gap="sm"
-                    >
-                      <Group justify="space-between" wrap="wrap">
-                        <div>
-                          <Text fw={700} size="sm">
-                            {selectedDiffIssue.title}
-                          </Text>
-                          <Text c="dimmed" size="sm">
-                            {selectedDiffIssue.pathCount.toLocaleString()} paths in
-                            this issue set.
-                          </Text>
-                        </div>
-                        <Button
-                          onClick={() => setSelectedDiffIssueId(null)}
-                          size="xs"
-                          variant="subtle"
-                        >
-                          Hide details
-                        </Button>
-                      </Group>
-
-                      <Table highlightOnHover stickyHeader>
-                        <Table.Thead>
-                          <Table.Tr>
-                            <Table.Th>Path</Table.Th>
-                            <Table.Th>Issue</Table.Th>
-                            <Table.Th>Records</Table.Th>
-                            <Table.Th>Objects</Table.Th>
-                            <Table.Th>Downloads</Table.Th>
-                          </Table.Tr>
-                        </Table.Thead>
-                        <Table.Tbody>
-                          {paginatedDiffFindings.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>
-                                <Badge
-                                  color={getProjectDiffFindingColor(
-                                    finding.kind,
-                                  )}
-                                  variant="light"
-                                >
-                                  {formatCleanupFindingLabel(finding.kind)}
-                                </Badge>
-                              </Table.Td>
-                              <Table.Td>
-                                {finding.recordCount.toLocaleString()}
-                              </Table.Td>
-                              <Table.Td maw={420}>
-                                <Stack gap={4}>
-                                  <Text c="dimmed" size="sm">
-                                    {finding.objectIds.length.toLocaleString()}{' '}
-                                    object ids
-                                  </Text>
-                                  {finding.objectIds
-                                    .slice(0, 2)
-                                    .map((objectId) => (
-                                      <Text
-                                        c="dimmed"
-                                        className="break-all"
-                                        key={objectId}
-                                        size="xs"
-                                      >
-                                        {objectId}
-                                      </Text>
-                                    ))}
-                                  {finding.objectIds.length > 2 ? (
-                                    <Text c="dimmed" size="xs">
-                                      +
-                                      {(
-                                        finding.objectIds.length - 2
-                                      ).toLocaleString()}{' '}
-                                      more
-                                    </Text>
-                                  ) : null}
-                                  {finding.sourcePaths.slice(0, 2).map((sourcePath) => (
-                                    <Text
-                                      c="dimmed"
-                                      className="break-all"
-                                      key={sourcePath}
-                                      size="xs"
-                                    >
-                                      {sourcePath}
-                                    </Text>
-                                  ))}
-                                  {finding.sourcePaths.length > 2 ? (
-                                    <Text c="dimmed" size="xs">
-                                      +
-                                      {(
-                                        finding.sourcePaths.length - 2
-                                      ).toLocaleString()}{' '}
-                                      more source paths
-                                    </Text>
-                                  ) : null}
-                                </Stack>
-                              </Table.Td>
-                              <Table.Td>
-                                <Stack gap={4}>
-                                  <Text size="sm">
-                                    {(finding.downloadCount ?? 0).toLocaleString()}
-                                  </Text>
-                                  <Text c="dimmed" size="xs">
-                                    {formatTimestamp(finding.lastDownload)}
-                                  </Text>
-                                </Stack>
-                              </Table.Td>
-                            </Table.Tr>
-                          ))}
-                        </Table.Tbody>
-                      </Table>
-                      {totalDiffPages > 1 ? (
-                        <Group justify="center" mt="md">
-                          <Pagination
-                            value={activeDiffPage}
-                            onChange={setActiveDiffPage}
-                            total={totalDiffPages}
-                            size="sm"
-                          />
-                        </Group>
+                          </div>
+                        </Stack>
                       ) : null}
                     </Stack>
+                  ) : chainAuditResult ? (
+                    <Alert
+                      color="green"
+                      icon={<IconAlertCircle size={16} />}
+                      title="No chain issues"
+                    >
+                      Gecko did not find any broken Git-to-Syfon-to-bucket links
+                      in this subtree.
+                    </Alert>
                   ) : null}
 
                   {applyError ? (
@@ -2692,14 +2252,161 @@ export const FileSummaryPage = ({
                     </Alert>
                   ) : null}
 
-                  {actionFeedbackMessage ? (
-                    <Alert
-                      color="blue"
-                      icon={<IconAlertCircle size={16} />}
-                      title="Action complete"
-                    >
-                      {actionFeedbackMessage}
-                    </Alert>
+                  {showDiffDetails && diffAuditResult ? (
+                    diffIssueSummaries.length > 0 ? (
+                      <Stack gap="sm">
+                        <div>
+                          <Title order={5}>Project Diff</Title>
+                          <Text c="dimmed" mt={4} size="sm">
+                            Checksum join evidence between Git and Syfon.
+                          </Text>
+                        </div>
+                        <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>
+                            {diffIssueSummaries.map((issue) => (
+                              <Table.Tr key={issue.id}>
+                                <Table.Td miw={520}>
+                                  <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>
+                                    <Text size="sm">{issue.recommendation}</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>
+                                  {(() => {
+                                    const findings = (diffAuditResult?.findings ?? []).filter(
+                                      (finding) => issue.findingKinds.includes(finding.kind),
+                                    );
+                                    const action = resolveIssueAction({
+                                      defaultAction: issue.actionSummary.defaultAction,
+                                      findings,
+                                      issueId: issue.id,
+                                    });
+                                    return action ? (
+                                      <Button
+                                        color={issue.color}
+                                        loading={isAuditing}
+                                        onClick={() => {
+                                          void runIssueAction({
+                                            defaultAction: action,
+                                            findings,
+                                            issueId: issue.id,
+                                            issueTitle: issue.title,
+                                            paths: findings.map((finding) => finding.normalizedPath),
+                                            source: 'diff',
+                                          });
+                                        }}
+                                        size="xs"
+                                        variant="light"
+                                      >
+                                        {action.label}
+                                      </Button>
+                                    ) : null;
+                                  })()}
+                                </Table.Td>
+                              </Table.Tr>
+                            ))}
+                          </Table.Tbody>
+                        </Table>
+
+                        {selectedDiffIssue ? (
+                          <Stack
+                            className="rounded-md border border-slate-200 bg-slate-50 px-4 py-4"
+                            gap="sm"
+                          >
+                            <Group justify="space-between" wrap="wrap">
+                              <div>
+                                <Text fw={700} size="sm">
+                                  {selectedDiffIssue.title}
+                                </Text>
+                                <Text c="dimmed" size="sm">
+                                  {selectedDiffFindings.length.toLocaleString()} paths in
+                                  this issue set.
+                                </Text>
+                              </div>
+                              <Button
+                                onClick={() => setSelectedDiffIssueId(null)}
+                                size="xs"
+                                variant="subtle"
+                              >
+                                Hide paths
+                              </Button>
+                            </Group>
+
+                            <div className="max-h-[420px] overflow-auto rounded-md border border-slate-200 bg-white">
+                              <Table highlightOnHover stickyHeader>
+                                <Table.Thead>
+                                  <Table.Tr>
+                                    <Table.Th>Path</Table.Th>
+                                    <Table.Th>Issue</Table.Th>
+                                    <Table.Th>Records</Table.Th>
+                                    <Table.Th>Objects</Table.Th>
+                                    <Table.Th>Downloads</Table.Th>
+                                  </Table.Tr>
+                                </Table.Thead>
+                                <Table.Tbody>
+                                  {selectedDiffFindings.map((finding) => (
+                                    <Table.Tr
+                                      key={`${finding.kind}:${finding.normalizedPath}`}
+                                    >
+                                      <Table.Td maw={720}>
+                                        <Text className="break-all" fw={600} size="sm">
+                                          {finding.normalizedPath}
+                                        </Text>
+                                      </Table.Td>
+                                      <Table.Td>
+                                        <Badge color={issueColorForDiffKind(finding.kind)} variant="light">
+                                          {formatCleanupFindingLabel(finding.kind)}
+                                        </Badge>
+                                      </Table.Td>
+                                      <Table.Td>{finding.recordCount.toLocaleString()}</Table.Td>
+                                      <Table.Td>{finding.objectIds.length.toLocaleString()}</Table.Td>
+                                      <Table.Td>
+                                        {(finding.downloadCount ?? 0).toLocaleString()}
+                                      </Table.Td>
+                                    </Table.Tr>
+                                  ))}
+                                </Table.Tbody>
+                              </Table>
+                            </div>
+                          </Stack>
+                        ) : null}
+                      </Stack>
+                    ) : (
+                      <Alert
+                        color="green"
+                        icon={<IconAlertCircle size={16} />}
+                        title="No project diff issues"
+                      >
+                        Git and Syfon are aligned for this subtree. No duplicate,
+                        Syfon-only, or Git-only paths were returned.
+                      </Alert>
+                    )
                   ) : null}
 
                   {showCleanupDetails && auditResult && isDuplicateVerificationContext && !hasSafeDuplicateCleanup ? (
@@ -2709,35 +2416,19 @@ export const FileSummaryPage = ({
                       title="No safe duplicate delete yet"
                     >
                       Syfon confirmed duplicate paths, but this verification pass
-                      did not prove which sibling record is stale. The page will
-                      only expose duplicate deletion when Syfon returns stale
-                      duplicate findings.
+                      did not prove which sibling record is stale.
                     </Alert>
                   ) : null}
 
                   {auditResult && showCleanupDetails ? (
                     <Stack gap="sm">
                       <div>
-                        <Title order={5}>Cleanup Audit</Title>
+                        <Title order={5}>Storage Verification</Title>
                         <Text c="dimmed" mt={4} size="sm">
-                          {selectedDiffIssue
-                            ? `Storage verification for ${selectedDiffIssue.title.toLowerCase()} in this subtree.`
-                            : 'Storage verification for the selected issue set.'}
+                          Syfon verification results for the issue set you just inspected.
                         </Text>
                       </div>
 
-                      {showCleanupDetails && hiddenCleanupFindingCount > 0 ? (
-                        <Alert
-                          color="yellow"
-                          icon={<IconAlertCircle size={16} />}
-                          title="Additional verification details"
-                        >
-                          {hiddenCleanupFindingCount.toLocaleString()} findings are
-                          not split into their own issue rows here. Use raw audit
-                          only if you need the object-level detail.
-                        </Alert>
-                      ) : null}
-
                       {hasCleanupFindings && cleanupIssueSummaries.length > 0 ? (
                         <Table highlightOnHover>
                           <Table.Thead>
@@ -2775,55 +2466,36 @@ export const FileSummaryPage = ({
                                   </Text>
                                 </Table.Td>
                                 <Table.Td miw={340}>
-                                  <Group gap="xs">
-                                    <Button
-                                      color={issue.color}
-                                      loading={isApplying}
-                                      onClick={() => {
-                                        openIssueActionModal({
-                                          defaultAction: issue.actionSummary.defaultAction,
-                                          findings: (auditResult?.findings ?? []).filter((finding) =>
-                                            issue.findingKinds.includes(finding.kind),
-                                          ),
-                                          issueId: issue.id,
-                                          issueTitle: issue.title,
-                                          paths: (auditResult?.findings ?? [])
-                                            .filter((finding) =>
-                                              issue.findingKinds.includes(finding.kind),
-                                            )
-                                            .map((finding) => finding.normalizedPath),
-                                          source: 'cleanup',
-                                          supportsDryRun: issue.actionSummary.supportsDryRun,
-                                        });
-                                      }}
-                                      size="xs"
-                                      variant="light"
-                                    >
-                                      {issue.actionSummary.defaultAction?.label ?? 'Open action'}
-                                    </Button>
-
-                                    <Button
-                                      onClick={() => {
-                                        const nextIssueId =
-                                          selectedCleanupIssueId === issue.id
-                                            ? null
-                                            : issue.id;
-                                        setSelectedCleanupIssueId(nextIssueId);
-                                        if (nextIssueId) {
-                                          void loadCleanupIssueDetails({
-                                            issue,
-                                            selectedPaths: selectedDiffPaths,
+                                  {(() => {
+                                    const findings = (auditResult?.findings ?? []).filter(
+                                      (finding) => issue.findingKinds.includes(finding.kind),
+                                    );
+                                    const action = resolveIssueAction({
+                                      defaultAction: issue.actionSummary.defaultAction,
+                                      findings,
+                                      issueId: issue.id,
+                                    });
+                                    return action ? (
+                                      <Button
+                                        color={issue.color}
+                                        loading={isApplying}
+                                        onClick={() => {
+                                          void runIssueAction({
+                                            defaultAction: action,
+                                            findings,
+                                            issueId: issue.id,
+                                            issueTitle: issue.title,
+                                            paths: findings.map((finding) => finding.normalizedPath),
+                                            source: 'cleanup',
                                           });
-                                        }
-                                      }}
-                                      size="xs"
-                                      variant="subtle"
-                                    >
-                                      {selectedCleanupIssueId === issue.id
-                                        ? 'Hide raw audit'
-                                        : `See raw audit (${issue.pathCount.toLocaleString()})`}
-                                    </Button>
-                                  </Group>
+                                        }}
+                                        size="xs"
+                                        variant="light"
+                                      >
+                                        {action.label}
+                                      </Button>
+                                    ) : null;
+                                  })()}
                                 </Table.Td>
                               </Table.Tr>
                             ))}
@@ -2840,177 +2512,6 @@ export const FileSummaryPage = ({
                         </Alert>
                       )}
 
-                      {hasCleanupFindings && selectedCleanupIssue ? (
-                        <Stack
-                          className="rounded-md border border-slate-200 bg-slate-50 px-4 py-4"
-                          gap="sm"
-                        >
-                          <Group justify="space-between" wrap="wrap">
-                            <div>
-                              <Text fw={700} size="sm">
-                                {selectedCleanupIssue.title}
-                              </Text>
-                              <Text c="dimmed" size="sm">
-                                {selectedCleanupIssue.pathCount.toLocaleString()} paths in
-                                this verification set.
-                              </Text>
-                            </div>
-                            <Button
-                              onClick={() => setSelectedCleanupIssueId(null)}
-                              size="xs"
-                              variant="subtle"
-                            >
-                              Hide raw audit
-                            </Button>
-                          </Group>
-
-                          <Table highlightOnHover stickyHeader>
-                            <Table.Thead>
-                              <Table.Tr>
-                                <Table.Th>Path</Table.Th>
-                                <Table.Th>Finding</Table.Th>
-                                <Table.Th>Objects</Table.Th>
-                                <Table.Th>Downloads</Table.Th>
-                                <Table.Th>Recommended Action</Table.Th>
-                              </Table.Tr>
-                            </Table.Thead>
-                            <Table.Tbody>
-                              {paginatedCleanupFindings.map((finding) => (
-                                <Table.Tr
-                                  key={`${finding.kind}:${finding.normalizedPath}`}
-                                >
-                                  <Table.Td maw={380}>
-                                    <Stack gap={4}>
-                                      <Text className="break-all" fw={600} size="sm">
-                                        {finding.normalizedPath}
-                                      </Text>
-                                      <Group gap={6}>
-                                        {finding.repoDeleteCandidate ? (
-                                          <Badge color="grape" variant="light">
-                                            Repo Delete Candidate
-                                          </Badge>
-                                        ) : null}
-                                        {finding.cleanupScope !== 'unknown' ? (
-                                          <Badge
-                                            color={
-                                              finding.cleanupScope === 'access_url'
-                                                ? 'red'
-                                                : 'gray'
-                                            }
-                                            variant="light"
-                                          >
-                                            {finding.cleanupScope === 'access_url'
-                                              ? 'Audit Only Partial'
-                                              : 'Whole Record'}
-                                          </Badge>
-                                        ) : null}
-                                        {finding.sizeBytes !== undefined ? (
-                                          <Badge color="gray" variant="light">
-                                            {formatBytes(finding.sizeBytes)}
-                                          </Badge>
-                                        ) : null}
-                                      </Group>
-                                    </Stack>
-                                  </Table.Td>
-                                  <Table.Td>
-                                    <Badge
-                                      color={getCleanupFindingColor(finding.kind)}
-                                      variant="light"
-                                    >
-                                      {formatCleanupFindingLabel(finding.kind)}
-                                    </Badge>
-                                  </Table.Td>
-                                  <Table.Td maw={360}>
-                                    <Stack gap={4}>
-                                      {finding.records.length > 0 ? (
-                                        finding.records.map((record) => (
-                                          <Stack gap={2} key={record.objectId}>
-                                            <Text className="break-all" size="sm">
-                                              {record.objectId}:&nbsp;
-                                              {formatProbeResolution(record.status)}
-                                              {record.cleanupScope === 'access_url'
-                                                ? ' (partial)'
-                                                : ''}
-                                              {record.error
-                                                ? ` (${record.error})`
-                                                : ''}
-                                            </Text>
-                                            {record.accessProbes.map((probe) => (
-                                              <Text
-                                                c="dimmed"
-                                                className="break-all"
-                                                key={`${record.objectId}:${probe.url}`}
-                                                size="xs"
-                                              >
-                                                {probe.url}:&nbsp;
-                                                {formatProbeResolution(
-                                                  probe.status,
-                                                )}
-                                                {probe.exists !== undefined
-                                                  ? ` exists=${String(probe.exists)}`
-                                                  : ''}
-                                                {probe.bucket
-                                                  ? ` bucket=${probe.bucket}`
-                                                  : ''}
-                                                {probe.key ? ` key=${probe.key}` : ''}
-                                                {probe.sizeBytes !== undefined
-                                                  ? ` size=${probe.sizeBytes}`
-                                                  : ''}
-                                                {probe.validationStatus
-                                                  ? ` validation=${probe.validationStatus}`
-                                                  : ''}
-                                                {probe.validationMismatches.length > 0
-                                                  ? ` mismatches=${probe.validationMismatches.join(',')}`
-                                                  : ''}
-                                                {probe.errorKind
-                                                  ? ` error=${probe.errorKind}`
-                                                  : ''}
-                                                {probe.error
-                                                  ? ` (${probe.error})`
-                                                  : ''}
-                                              </Text>
-                                            ))}
-                                          </Stack>
-                                        ))
-                                      ) : (
-                                        <Text c="dimmed" size="sm">
-                                          {finding.objectIds.length.toLocaleString()}{' '}
-                                          object ids
-                                        </Text>
-                                      )}
-                                    </Stack>
-                                  </Table.Td>
-                                  <Table.Td>
-                                    <Stack gap={4}>
-                                      <Text size="sm">
-                                        {(finding.downloadCount ?? 0).toLocaleString()}
-                                      </Text>
-                                      <Text c="dimmed" size="xs">
-                                        {formatTimestamp(finding.lastDownload)}
-                                      </Text>
-                                    </Stack>
-                                  </Table.Td>
-                                  <Table.Td maw={300}>
-                                    <Text size="sm">
-                                      {finding.recommendedAction}
-                                    </Text>
-                                  </Table.Td>
-                                </Table.Tr>
-                              ))}
-                            </Table.Tbody>
-                          </Table>
-                          {totalCleanupPages > 1 ? (
-                            <Group justify="center" mt="md">
-                              <Pagination
-                                value={activeCleanupPage}
-                                onChange={setActiveCleanupPage}
-                                total={totalCleanupPages}
-                                size="sm"
-                              />
-                            </Group>
-                          ) : null}
-                        </Stack>
-                      ) : null}
                     </Stack>
                   ) : null}
                 </Stack>
@@ -3073,7 +2574,7 @@ export const FileSummaryPage = ({
                     </div>
                     <Group align="center" className="shrink-0 justify-self-end" gap="xs" wrap="nowrap">
                       <Button
-                        loading={isDiffAuditing}
+                        loading={isChainAuditing}
                         onClick={() => {
                           void handleOpenAuditModal();
                         }}

From c78ae7c770a2f8fb5d1e21056c9546af120c395d Mon Sep 17 00:00:00 2001
From: matthewpeterkort <matthewpeterkort@gmail.com>
Date: Fri, 3 Jul 2026 13:46:59 -0700
Subject: [PATCH 11/22] update frontend to work correctly with gecko to
 diagnose issues and reccomend fixes

---
 .../src/pages/FileSummary/FileSummary.tsx     | 985 +++++++++++-------
 .../frontend/src/pages/FileSummary/hooks.tsx  | 141 ++-
 2 files changed, 756 insertions(+), 370 deletions(-)

diff --git a/packages/frontend/src/pages/FileSummary/FileSummary.tsx b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
index 48586052..6dee119e 100644
--- a/packages/frontend/src/pages/FileSummary/FileSummary.tsx
+++ b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
@@ -1,6 +1,9 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { useRouter } from 'next/router';
-import { useBulkDeleteSyfonDrsObjectsMutation } from '@gen3/core';
+import {
+  useBulkDeleteSyfonDrsObjectsMutation,
+  CALYPR_EXPLORER_CONFIG_API,
+} from '@gen3/core';
 import {
   ActionIcon,
   Alert,
@@ -40,15 +43,19 @@ import {
   type StorageChainFinding,
   type StorageChainFindingKind,
   type StorageChainIssueGroup,
+  type StorageCleanupApplyResult,
   type StorageCleanupFinding,
   type StorageCleanupFindingKind,
-  useFileSummaryProjectOptions,
   useSyfonProjectDiff,
   useSyfonStorageChain,
   useSyfonPathStorageSummary,
   useSyfonStorageCleanup,
 } from './hooks';
-import { splitProjectSelectionValue, type StoragePathRow } from './storageUtils';
+import {
+  buildProjectOptions,
+  splitProjectSelectionValue,
+  type StoragePathRow,
+} from './storageUtils';
 
 const formatTimestamp = (value?: string): string => {
   if (!value) return '—';
@@ -63,6 +70,83 @@ const formatTimestamp = (value?: string): string => {
   }
 };
 
+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;
+
+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(' ');
+};
+
 const getPathSegments = (path: string): Array<string> =>
   path.split('/').filter(Boolean);
 
@@ -104,6 +188,41 @@ type ActionableFinding =
   | StorageCleanupFinding
   | StorageChainFinding;
 
+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 summarizeIssueActions = <
   T extends {
     readonly actionability?: string;
@@ -123,7 +242,9 @@ const summarizeIssueActions = <
     ).values(),
   );
 
-  const actionability = findings.find((finding) => finding.actionability)?.actionability;
+  const actionability = findings.find(
+    (finding) => finding.actionability,
+  )?.actionability;
   const defaultActionName =
     findings.find((finding) => finding.defaultAction)?.defaultAction ??
     fallbackAction?.action;
@@ -145,7 +266,9 @@ const summarizeIssueActions = <
   };
 };
 
-const buildPathsByParentMap = (paths: Array<string>): Map<string, Array<ChainPathTreeNode>> => {
+const buildPathsByParentMap = (
+  paths: Array<string>,
+): Map<string, Array<ChainPathTreeNode>> => {
   const map = new Map<string, Array<ChainPathTreeNode>>();
   const seenPaths = new Set<string>();
   const nodesByPath = new Map<string, ChainPathTreeNode>();
@@ -217,16 +340,11 @@ const formatCleanupFindingLabel = (value: string): string =>
     .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))
     .join(' ');
 
-const formatProbeResolution = (
-  status?: string,
-): string => {
+const formatProbeResolution = (status?: string): string => {
   return status?.trim() || 'unknown';
 };
 
-const compareOptionalDates = (
-  left?: string,
-  right?: string,
-): number => {
+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;
@@ -272,9 +390,7 @@ const sortStorageRowsBy = (
   return direction === 'desc' ? ordered.reverse() : ordered;
 };
 
-const getCleanupFindingColor = (
-  kind: StorageCleanupFindingKind,
-): string => {
+const getCleanupFindingColor = (kind: StorageCleanupFindingKind): string => {
   switch (kind) {
     case 'stale_duplicate_record':
       return 'orange';
@@ -300,9 +416,7 @@ const getCleanupFindingColor = (
   }
 };
 
-const issueColorForDiffKind = (
-  kind: ProjectDiffFindingKind,
-): string => {
+const issueColorForDiffKind = (kind: ProjectDiffFindingKind): string => {
   switch (kind) {
     case 'duplicate_syfon_paths':
       return 'orange';
@@ -398,7 +512,8 @@ const summarizeProjectDiffIssues = (
         description: group.description,
         findingKinds: group.findingKinds,
         id: group.id,
-        objectCount: new Set(matched.flatMap((finding) => finding.objectIds)).size,
+        objectCount: new Set(matched.flatMap((finding) => finding.objectIds))
+          .size,
         pathCount: matched.length,
         recommendation: group.recommendation,
         recordCount: matched.reduce(
@@ -673,8 +788,7 @@ const chainIssueDefinitions: Array<{
     color: 'orange',
     description:
       'Bucket object exists, but its metadata does not match what Syfon expects.',
-    recommendation:
-      'Investigate metadata drift before applying deletion.',
+    recommendation: 'Investigate metadata drift before applying deletion.',
     actionLabel: 'Show mismatches',
   },
   {
@@ -729,23 +843,17 @@ const summarizeStorageChainIssues = ({
                   requiresConfirmation: true,
                   supportsDryRun: false,
                 }
-            : definition.id === 'git_syfon_metadata_mismatch'
-              ? {
-                  action: 'prepare_delete',
-                  destructive: false,
-                  label: 'Prepare cleanup',
-                  requiresConfirmation: false,
-                  supportsDryRun: true,
-                }
-            : definition.id === 'probe_error'
-              ? {
-                  action: 'rerun_audit',
-                  destructive: false,
-                  label: 'Retry verification',
-                  requiresConfirmation: false,
-                  supportsDryRun: false,
-                }
-              : undefined,
+              : definition.id === 'git_syfon_metadata_mismatch' ||
+                  definition.id === 'probe_error' ||
+                  definition.id === 'syfon_broken_bucket_mapping'
+                ? {
+                    action: 'view_paths',
+                    destructive: false,
+                    label: 'Show paths',
+                    requiresConfirmation: false,
+                    supportsDryRun: false,
+                  }
+                : undefined,
         ),
         color: definition.color,
         description: definition.description,
@@ -778,17 +886,34 @@ export const FileSummaryPage = ({
   const forcedProjectSelection = isProjectScopedRoute
     ? `${routeOrganization}/${routeProject}`
     : '';
-  const {
-    defaultSelection,
-    isLoading: isProjectsLoading,
-    options: projectOptions,
-  } = useFileSummaryProjectOptions(filesummaryConfig);
+  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 [selectedChainIssueId, setSelectedChainIssueId] = useState<string | null>(null);
-  const [selectedDiffIssueId, setSelectedDiffIssueId] = useState<string | null>(null);
+  const [selectedChainIssueId, setSelectedChainIssueId] = useState<
+    string | null
+  >(null);
+  const [selectedDiffIssueId, setSelectedDiffIssueId] = useState<string | null>(
+    null,
+  );
   const [showCleanupDetails, setShowCleanupDetails] = useState(false);
   const [showDiffDetails, setShowDiffDetails] = useState(false);
   const [selectedChainPathsByIssue, setSelectedChainPathsByIssue] = useState<
@@ -797,16 +922,73 @@ export const FileSummaryPage = ({
   const [expandedChainTreeNodes, setExpandedChainTreeNodes] = useState<
     Record<string, boolean>
   >({});
-  const [treeNodeLimit, setTreeNodeLimit] = useState<Record<string, number>>({});
-  const [actionFeedbackMessage, setActionFeedbackMessage] = useState<string | null>(
-    null,
+  const [treeNodeLimit, setTreeNodeLimit] = useState<Record<string, number>>(
+    {},
   );
+  const [actionFeedbackMessage, setActionFeedbackMessage] = useState<
+    string | null
+  >(null);
   const [auditModalOpen, setAuditModalOpen] = useState(false);
   const [isBulkDeletingRecords, setIsBulkDeletingRecords] = useState(false);
-  const [storageSortKey, setStorageSortKey] = useState<StorageSortKey>('sizeBytes');
+  const [storageSortKey, setStorageSortKey] =
+    useState<StorageSortKey>('sizeBytes');
   const [storageSortDirection, setStorageSortDirection] =
     useState<StorageSortDirection>('desc');
 
+  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]);
+
   useEffect(() => {
     if (forcedProjectSelection) {
       setSelectedProject((current) =>
@@ -853,10 +1035,7 @@ export const FileSummaryPage = ({
     }
 
     return {
-      leadingItems: [
-        breadcrumbItems[0],
-        ...breadcrumbItems.slice(-4),
-      ],
+      leadingItems: [breadcrumbItems[0], ...breadcrumbItems.slice(-4)],
       hiddenItems: breadcrumbItems.slice(1, -4),
     };
   }, [breadcrumbItems]);
@@ -909,7 +1088,13 @@ export const FileSummaryPage = ({
     clearChainAudit();
     clearDiffAudit();
     clearCleanupResults();
-  }, [clearChainAudit, clearCleanupResults, clearDiffAudit, currentPath, selectedProject]);
+  }, [
+    clearChainAudit,
+    clearCleanupResults,
+    clearDiffAudit,
+    currentPath,
+    selectedProject,
+  ]);
 
   useEffect(() => {
     setActionFeedbackMessage(null);
@@ -927,11 +1112,7 @@ export const FileSummaryPage = ({
     : 'Storage Monitor';
   const sortedRows = useMemo(
     () =>
-      sortStorageRowsBy(
-        data?.rows ?? [],
-        storageSortKey,
-        storageSortDirection,
-      ),
+      sortStorageRowsBy(data?.rows ?? [], storageSortKey, storageSortDirection),
     [data?.rows, storageSortDirection, storageSortKey],
   );
   const largestRowSize = useMemo(
@@ -955,7 +1136,8 @@ export const FileSummaryPage = ({
   const hasChainIssues = chainIssueSummaries.length > 0;
   const selectedChainIssue = useMemo(
     () =>
-      chainIssueSummaries.find((issue) => issue.id === selectedChainIssueId) ?? null,
+      chainIssueSummaries.find((issue) => issue.id === selectedChainIssueId) ??
+      null,
     [chainIssueSummaries, selectedChainIssueId],
   );
   const selectedChainFindings = useMemo(
@@ -986,7 +1168,7 @@ export const FileSummaryPage = ({
   const selectedChainPaths = useMemo(
     () =>
       actionableChainSelectionIssue
-        ? selectedChainPathsByIssue[selectedChainIssue?.id ?? ''] ?? []
+        ? (selectedChainPathsByIssue[selectedChainIssue?.id ?? ''] ?? [])
         : [],
     [
       actionableChainSelectionIssue,
@@ -1002,13 +1184,20 @@ export const FileSummaryPage = ({
     () => new Set(selectedChainPaths),
     [selectedChainPaths],
   );
+  const selectedChainApplyFindings = useMemo(
+    () =>
+      selectedChainFindings.filter((finding) =>
+        selectedChainPathsSet.has(finding.normalizedPath),
+      ),
+    [selectedChainFindings, selectedChainPathsSet],
+  );
   const chainPathTree = useMemo(
     () => pathsByParent.get('') ?? [],
     [pathsByParent],
   );
-  const selectedDiffIssue = diffIssueSummaries.find(
-    (issue) => issue.id === selectedDiffIssueId,
-  ) ?? null;
+  const selectedDiffIssue =
+    diffIssueSummaries.find((issue) => issue.id === selectedDiffIssueId) ??
+    null;
   const selectedDiffFindings = useMemo(
     () =>
       selectedDiffIssue
@@ -1025,8 +1214,9 @@ export const FileSummaryPage = ({
   const hasCleanupFindings = (auditResult?.summary.totalFindings ?? 0) > 0;
   const isDuplicateVerificationContext =
     selectedDiffIssue?.id === 'duplicate-syfon-paths';
-  const hasSafeDuplicateCleanup =
-    cleanupIssueSummaries.some((issue) => issue.id === 'stale-duplicates');
+  const hasSafeDuplicateCleanup = cleanupIssueSummaries.some(
+    (issue) => issue.id === 'stale-duplicates',
+  );
 
   useEffect(() => {
     if (!actionableChainSelectionIssue || !selectedChainIssue) {
@@ -1048,11 +1238,7 @@ export const FileSummaryPage = ({
         [selectedChainIssue.id]: next,
       };
     });
-  }, [
-    actionableChainSelectionIssue,
-    selectableChainPaths,
-    selectedChainIssue,
-  ]);
+  }, [actionableChainSelectionIssue, selectableChainPaths, selectedChainIssue]);
   const buildActionRequests = useCallback(
     ({
       action,
@@ -1098,7 +1284,9 @@ export const FileSummaryPage = ({
 
       if (availableActions.length > 0) {
         return (
-          availableActions.find((action) => action.action === defaultAction?.action) ??
+          availableActions.find(
+            (action) => action.action === defaultAction?.action,
+          ) ??
           defaultAction ??
           availableActions[0]
         );
@@ -1148,32 +1336,6 @@ export const FileSummaryPage = ({
     [],
   );
 
-  const refreshAuditViews = useCallback(async () => {
-    await refresh();
-
-    const tasks: Array<Promise<unknown>> = [];
-    if (chainAuditResult) {
-      tasks.push(runChainAudit());
-    }
-    if (diffAuditResult) {
-      tasks.push(runProjectDiffAudit());
-    }
-    if (auditResult) {
-      tasks.push(rerunAudit());
-    }
-    if (tasks.length > 0) {
-      await Promise.all(tasks);
-    }
-  }, [
-    auditResult,
-    chainAuditResult,
-    diffAuditResult,
-    refresh,
-    rerunAudit,
-    runChainAudit,
-    runProjectDiffAudit,
-  ]);
-
   const removeHealedChainFindings = useCallback(
     (issueId: string, paths: Array<string>) => {
       const pathSet = new Set(paths);
@@ -1184,10 +1346,7 @@ export const FileSummaryPage = ({
 
         const findings = current.findings.filter(
           (finding) =>
-            !(
-              finding.kind === issueId &&
-              pathSet.has(finding.normalizedPath)
-            ),
+            !(finding.kind === issueId && pathSet.has(finding.normalizedPath)),
         );
 
         const countsByKind = Object.keys(current.summary.countsByKind).reduce<
@@ -1224,7 +1383,9 @@ export const FileSummaryPage = ({
           existing.pathCount += 1;
           existing.recordCount += finding.recordCount;
           existing.totalBytes += finding.sizeBytes ?? 0;
-          finding.objectIds.forEach((objectId) => existing.objectIds.add(objectId));
+          finding.objectIds.forEach((objectId) =>
+            existing.objectIds.add(objectId),
+          );
           groupsMap.set(finding.kind, existing);
         });
 
@@ -1244,7 +1405,9 @@ export const FileSummaryPage = ({
               totalBytes: updated.totalBytes,
             };
           })
-          .filter((group): group is NonNullable<typeof group> => group !== null);
+          .filter(
+            (group): group is NonNullable<typeof group> => group !== null,
+          );
 
         return {
           ...current,
@@ -1261,7 +1424,9 @@ export const FileSummaryPage = ({
           },
         };
       });
-      setSelectedChainIssueId((current) => (current === issueId ? null : current));
+      setSelectedChainIssueId((current) =>
+        current === issueId ? null : current,
+      );
     },
     [setChainAuditResult],
   );
@@ -1373,12 +1538,13 @@ export const FileSummaryPage = ({
         return;
       }
 
+      if (source === 'chain') {
+        setSelectedChainIssueId(issueId);
+        return;
+      }
+
       if (actionName === 'rerun_audit') {
-        if (source === 'chain') {
-          await runChainAudit();
-        } else {
-          await rerunAudit();
-        }
+        await rerunAudit();
         return;
       }
 
@@ -1391,7 +1557,10 @@ export const FileSummaryPage = ({
         return;
       }
 
-      if (actionName === 'verify_duplicates' || actionName === 'prepare_delete') {
+      if (
+        actionName === 'verify_duplicates' ||
+        actionName === 'prepare_delete'
+      ) {
         if (source === 'diff') {
           setSelectedDiffIssueId(issueId);
         }
@@ -1402,7 +1571,9 @@ export const FileSummaryPage = ({
         });
         if (result) {
           const verifiedPathCount = new Set(
-            result.findings.map((finding) => finding.normalizedPath).filter(Boolean),
+            result.findings
+              .map((finding) => finding.normalizedPath)
+              .filter(Boolean),
           ).size;
           setActionFeedbackMessage(
             result.summary.totalFindings > 0
@@ -1421,6 +1592,12 @@ export const FileSummaryPage = ({
               action: actionName,
               findings,
             }),
+            findings: findings.filter(
+              (
+                finding,
+              ): finding is StorageCleanupFinding | StorageChainFinding =>
+                'records' in finding,
+            ),
             deleteBucketOnlyObjects: false,
             deleteRepoOrphans: false,
             deleteStaleDuplicates: false,
@@ -1451,6 +1628,10 @@ export const FileSummaryPage = ({
           action: actionName,
           findings,
         }),
+        findings: findings.filter(
+          (finding): finding is StorageCleanupFinding | StorageChainFinding =>
+            'records' in finding,
+        ),
         deleteBucketOnlyObjects: false,
         deleteRepoOrphans: false,
         deleteStaleDuplicates: false,
@@ -1465,23 +1646,23 @@ export const FileSummaryPage = ({
       setActionFeedbackMessage(
         `${resolvedAction.label} completed for ${selectedPaths.length.toLocaleString()} path${selectedPaths.length === 1 ? '' : 's'}.`,
       );
-      await refreshAuditViews();
+      refresh();
     },
     [
       applyCleanup,
       buildActionRequests,
       handleBulkDeleteSyfonRecords,
-      refreshAuditViews,
+      refresh,
       resolveIssueAction,
       rerunAudit,
       runAudit,
-      runChainAudit,
-      runProjectDiffAudit,
     ],
   );
 
   const handleToggleChainIssueDetails = useCallback((issueId: string) => {
-    setSelectedChainIssueId((current) => (current === issueId ? null : issueId));
+    setSelectedChainIssueId((current) =>
+      current === issueId ? null : issueId,
+    );
   }, []);
 
   const handleOpenAuditModal = async () => {
@@ -1528,7 +1709,11 @@ export const FileSummaryPage = ({
       }
       setSelectedChainPathsForIssue(checked ? selectableChainPaths : []);
     },
-    [actionableChainSelectionIssue, selectableChainPaths, setSelectedChainPathsForIssue],
+    [
+      actionableChainSelectionIssue,
+      selectableChainPaths,
+      setSelectedChainPathsForIssue,
+    ],
   );
 
   const handleToggleChainPath = useCallback(
@@ -1541,13 +1726,17 @@ export const FileSummaryPage = ({
     [selectedChainPaths, setSelectedChainPathsForIssue],
   );
 
-  const renderChainTreeNode = (node: ChainPathTreeNode, depth = 0): React.ReactNode => {
+  const renderChainTreeNode = (
+    node: ChainPathTreeNode,
+    depth = 0,
+  ): React.ReactNode => {
     const descendantLeafPaths = node.descendantLeafPaths;
     const selectedCount = descendantLeafPaths.filter((value) =>
       selectedChainPathsSet.has(value),
     ).length;
     const fullySelected =
-      descendantLeafPaths.length > 0 && selectedCount === descendantLeafPaths.length;
+      descendantLeafPaths.length > 0 &&
+      selectedCount === descendantLeafPaths.length;
     const partiallySelected =
       selectedCount > 0 && selectedCount < descendantLeafPaths.length;
     const isLeaf = !node.isFolder;
@@ -1625,8 +1814,9 @@ export const FileSummaryPage = ({
                 variant="subtle"
               >
                 Show more (
-                {(children.length - (treeNodeLimit[node.path] ?? 100)).toLocaleString()}
-                {' '}
+                {(
+                  children.length - (treeNodeLimit[node.path] ?? 100)
+                ).toLocaleString()}{' '}
                 remaining)...
               </Button>
             )}
@@ -1642,7 +1832,8 @@ export const FileSummaryPage = ({
     }
 
     const isBucketOnlyIssue = selectedChainIssue.id === 'bucket_only_object';
-    const isBucketSyfonNoGitIssue = selectedChainIssue.id === 'bucket_syfon_no_git';
+    const isBucketSyfonNoGitIssue =
+      selectedChainIssue.id === 'bucket_syfon_no_git';
     if (!isBucketOnlyIssue && !isBucketSyfonNoGitIssue) {
       return;
     }
@@ -1660,6 +1851,7 @@ export const FileSummaryPage = ({
       deleteBucketOnlyObjects: isBucketOnlyIssue,
       deleteRepoOrphans: isBucketSyfonNoGitIssue,
       deleteStaleDuplicates: false,
+      findings: selectedChainApplyFindings,
       dryRun: false,
       selectedPaths: selectedChainPaths,
     });
@@ -1673,10 +1865,11 @@ export const FileSummaryPage = ({
         ? `Deleted ${selectedChainPaths.length.toLocaleString()} selected bucket-only path${selectedChainPaths.length === 1 ? '' : 's'} in one Syfon bulk request.`
         : `Deleted ${selectedChainPaths.length.toLocaleString()} selected Bucket + Syfon, No Git path${selectedChainPaths.length === 1 ? '' : 's'} in one Syfon bulk request.`,
     );
-    await refreshAuditViews();
+    removeHealedChainFindings(selectedChainIssue.id, selectedChainPaths);
   }, [
     applyCleanup,
-    refreshAuditViews,
+    removeHealedChainFindings,
+    selectedChainApplyFindings,
     selectedChainIssue,
     selectedChainPaths,
   ]);
@@ -1692,9 +1885,7 @@ export const FileSummaryPage = ({
     >
       <span>{label}</span>
       <IconSelector
-        className={
-          storageSortKey === key ? 'text-primary' : 'text-slate-400'
-        }
+        className={storageSortKey === key ? 'text-primary' : 'text-slate-400'}
         size={14}
       />
     </button>
@@ -1780,9 +1971,9 @@ export const FileSummaryPage = ({
               >
                 <Stack gap="md">
                   <Text c="dimmed" size="sm">
-                    Gecko audits the chain from bucket objects to Syfon
-                    records to Git-tracked files. Anything that falls out of that
-                    chain is surfaced here as a cleanup or ingest issue.
+                    Gecko audits the chain from bucket objects to Syfon records
+                    to Git-tracked files. Anything that falls out of that chain
+                    is surfaced here as a cleanup or ingest issue.
                   </Text>
 
                   {chainAuditError ? (
@@ -1805,13 +1996,18 @@ export const FileSummaryPage = ({
                     </Alert>
                   ) : null}
 
-                  {chainAuditResult && !chainAuditResult.summary.bucketInventoryAvailable ? (
+                  {chainAuditResult &&
+                  !chainAuditResult.summary.bucketInventoryAvailable ? (
                     <Alert
                       color="orange"
                       icon={<IconAlertCircle size={16} />}
                       title="Bucket inventory unavailable"
                     >
-                      Syfon could not enumerate the mapped bucket target for this project. Gecko kept the audit running using record-backed storage validation, but bucket-only object detection and bucket object totals are limited to what fallback validation could prove.
+                      Syfon could not enumerate the mapped bucket target for
+                      this project. Gecko kept the audit running using
+                      record-backed storage validation, but bucket-only object
+                      detection and bucket object totals are limited to what
+                      fallback validation could prove.
                       {chainAuditResult.summary.bucketInventoryError ? (
                         <Text mt={8} size="sm">
                           {chainAuditResult.summary.bucketInventoryError}
@@ -1829,22 +2025,14 @@ export const FileSummaryPage = ({
                       icon={<IconAlertCircle size={16} />}
                       title="Connected end-to-end"
                     >
-                      {cleanChainJoinCount.toLocaleString()}
-                      {' '}
-                      bucket objects currently join cleanly through Syfon into Git.
-                      {' '}
-                      Totals scanned:
-                      {' '}
-                      {chainAuditResult.summary.bucketObjectCount.toLocaleString()}
-                      {' '}
-                      bucket objects,
-                      {' '}
-                      {chainAuditResult.summary.syfonRecordCount.toLocaleString()}
-                      {' '}
-                      Syfon records,
-                      {' '}
-                      {chainAuditResult.summary.gitTrackedFileCount.toLocaleString()}
-                      {' '}
+                      {cleanChainJoinCount.toLocaleString()} bucket objects
+                      currently join cleanly through Syfon into Git. Totals
+                      scanned:{' '}
+                      {chainAuditResult.summary.bucketObjectCount.toLocaleString()}{' '}
+                      bucket objects,{' '}
+                      {chainAuditResult.summary.syfonRecordCount.toLocaleString()}{' '}
+                      Syfon records,{' '}
+                      {chainAuditResult.summary.gitTrackedFileCount.toLocaleString()}{' '}
                       Git-tracked files.
                     </Alert>
                   ) : null}
@@ -1857,54 +2045,39 @@ export const FileSummaryPage = ({
                       icon={<IconAlertCircle size={16} />}
                       title="Chain issues found"
                     >
-                      {cleanChainJoinCount.toLocaleString()}
-                      {' '}
-                      bucket objects currently join cleanly through Syfon into Git, but this subtree also contains
-                      {' '}
+                      {cleanChainJoinCount.toLocaleString()} bucket objects
+                      currently join cleanly through Syfon into Git, but this
+                      subtree also contains{' '}
                       {chainIssueSummaries
                         .reduce((sum, issue) => sum + issue.pathCount, 0)
-                        .toLocaleString()}
-                      {' '}
-                      issue paths that need attention.
-                      {' '}
-                      Totals scanned:
-                      {' '}
-                      {chainAuditResult.summary.bucketObjectCount.toLocaleString()}
-                      {' '}
-                      bucket objects,
-                      {' '}
-                      {chainAuditResult.summary.syfonRecordCount.toLocaleString()}
-                      {' '}
-                      Syfon records,
-                      {' '}
-                      {chainAuditResult.summary.gitTrackedFileCount.toLocaleString()}
-                      {' '}
+                        .toLocaleString()}{' '}
+                      issue paths that need attention. Totals scanned:{' '}
+                      {chainAuditResult.summary.bucketObjectCount.toLocaleString()}{' '}
+                      bucket objects,{' '}
+                      {chainAuditResult.summary.syfonRecordCount.toLocaleString()}{' '}
+                      Syfon records,{' '}
+                      {chainAuditResult.summary.gitTrackedFileCount.toLocaleString()}{' '}
                       Git-tracked files.
                     </Alert>
                   ) : null}
 
-                  {chainAuditResult && !chainAuditResult.summary.bucketInventoryAvailable ? (
+                  {chainAuditResult &&
+                  !chainAuditResult.summary.bucketInventoryAvailable ? (
                     <Alert
                       color="yellow"
                       icon={<IconAlertCircle size={16} />}
                       title="Record-backed connectivity only"
                     >
-                      {cleanChainJoinCount.toLocaleString()}
-                      {' '}
-                      record-backed storage objects currently validate cleanly through Syfon into Git, but the default bucket-first audit is blocked because the mapped bucket target could not be enumerated.
-                      {' '}
-                      Totals scanned:
-                      {' '}
-                      {chainAuditResult.summary.bucketObjectCount.toLocaleString()}
-                      {' '}
-                      probe-backed bucket objects,
-                      {' '}
-                      {chainAuditResult.summary.syfonRecordCount.toLocaleString()}
-                      {' '}
-                      Syfon records,
-                      {' '}
-                      {chainAuditResult.summary.gitTrackedFileCount.toLocaleString()}
-                      {' '}
+                      {cleanChainJoinCount.toLocaleString()} record-backed
+                      storage objects currently validate cleanly through Syfon
+                      into Git, but the default bucket-first audit is blocked
+                      because the mapped bucket target could not be enumerated.{' '}
+                      Totals scanned:{' '}
+                      {chainAuditResult.summary.bucketObjectCount.toLocaleString()}{' '}
+                      probe-backed bucket objects,{' '}
+                      {chainAuditResult.summary.syfonRecordCount.toLocaleString()}{' '}
+                      Syfon records,{' '}
+                      {chainAuditResult.summary.gitTrackedFileCount.toLocaleString()}{' '}
                       Git-tracked files.
                     </Alert>
                   ) : null}
@@ -1920,24 +2093,13 @@ export const FileSummaryPage = ({
                     </Center>
                   ) : chainIssueSummaries.length > 0 ? (
                     <Stack gap="sm">
-                      <Group justify="space-between" wrap="wrap">
-                        <div>
-                          <Title order={5}>Chain Findings</Title>
-                          <Text c="dimmed" mt={4} size="sm">
-                            Issues found in the files, records, and project contents for this path.
-                          </Text>
-                        </div>
-                        <Button
-                          loading={isChainAuditing}
-                          onClick={() => {
-                            void runChainAudit();
-                          }}
-                          size="xs"
-                          variant="light"
-                        >
-                          Refresh chain audit
-                        </Button>
-                      </Group>
+                      <div>
+                        <Title order={5}>Chain Findings</Title>
+                        <Text c="dimmed" mt={4} size="sm">
+                          Issues found in the files, records, and project
+                          contents for this path.
+                        </Text>
+                      </div>
 
                       <Table highlightOnHover>
                         <Table.Thead>
@@ -1975,10 +2137,13 @@ export const FileSummaryPage = ({
                                 </Text>
                               </Table.Td>
                               <Table.Td miw={260}>
-                                {actionableChainSelectionIssue && selectedChainIssue?.id === issue.id ? (
+                                {actionableChainSelectionIssue &&
+                                selectedChainIssue?.id === issue.id ? (
                                   <Button
                                     color="gray"
-                                    onClick={() => handleToggleChainIssueDetails(issue.id)}
+                                    onClick={() =>
+                                      handleToggleChainIssueDetails(issue.id)
+                                    }
                                     size="xs"
                                     variant="outline"
                                   >
@@ -1988,65 +2153,81 @@ export const FileSummaryPage = ({
                                   issue.id === 'bucket_syfon_no_git' ? (
                                   <Button
                                     color={issue.color}
-                                    onClick={() => handleToggleChainIssueDetails(issue.id)}
+                                    onClick={() =>
+                                      handleToggleChainIssueDetails(issue.id)
+                                    }
                                     size="xs"
                                     variant="light"
                                   >
                                     Select paths
                                   </Button>
-                                ) : (() => {
-                                  const findings = (chainAuditResult?.findings ?? []).filter(
-                                    (finding) => finding.kind === issue.id,
-                                  );
-                                  const action = resolveIssueAction({
-                                    defaultAction: issue.actionSummary.defaultAction,
-                                    findings,
-                                    issueId: issue.id,
-                                  });
-                                  const supportsInlinePathView =
-                                    issue.id === 'syfon_git_no_bucket' ||
-                                    issue.id === 'syfon_missing_bucket_object';
-                                  const isShowingPaths = selectedChainIssue?.id === issue.id;
-                                  return action ? (
-                                    <Group gap="xs">
-                                      <Button
-                                        color={issue.color}
-                                        loading={
-                                          isApplying ||
-                                          isAuditing ||
-                                          isChainAuditing ||
-                                          isBulkDeletingRecords
-                                        }
-                                        onClick={() => {
-                                          void runIssueAction({
-                                            defaultAction: action,
-                                            findings,
-                                            issueId: issue.id,
-                                            issueTitle: issue.title,
-                                            paths: findings.map((finding) => finding.normalizedPath),
-                                            source: 'chain',
-                                          });
-                                        }}
-                                        size="xs"
-                                        variant="light"
-                                      >
-                                        {action.label}
-                                      </Button>
-                                      {supportsInlinePathView ? (
+                                ) : (
+                                  (() => {
+                                    const findings = (
+                                      chainAuditResult?.findings ?? []
+                                    ).filter(
+                                      (finding) => finding.kind === issue.id,
+                                    );
+                                    const supportsDeleteRecords =
+                                      issue.id === 'syfon_git_no_bucket' ||
+                                      issue.id ===
+                                        'syfon_missing_bucket_object';
+                                    const isShowingPaths =
+                                      selectedChainIssue?.id === issue.id;
+                                    return (
+                                      <Group gap="xs">
+                                        {supportsDeleteRecords ? (
+                                          <Button
+                                            color={issue.color}
+                                            loading={
+                                              isApplying ||
+                                              isAuditing ||
+                                              isChainAuditing ||
+                                              isBulkDeletingRecords
+                                            }
+                                            onClick={() => {
+                                              void runIssueAction({
+                                                defaultAction: {
+                                                  action: 'delete_records',
+                                                  destructive: true,
+                                                  label: 'Delete Syfon records',
+                                                  requiresConfirmation: true,
+                                                  supportsDryRun: false,
+                                                },
+                                                findings,
+                                                issueId: issue.id,
+                                                issueTitle: issue.title,
+                                                paths: findings.map(
+                                                  (finding) =>
+                                                    finding.normalizedPath,
+                                                ),
+                                                source: 'chain',
+                                              });
+                                            }}
+                                            size="xs"
+                                            variant="light"
+                                          >
+                                            Delete Syfon records
+                                          </Button>
+                                        ) : null}
                                         <Button
                                           color="gray"
                                           onClick={() =>
-                                            handleToggleChainIssueDetails(issue.id)
+                                            handleToggleChainIssueDetails(
+                                              issue.id,
+                                            )
                                           }
                                           size="xs"
                                           variant="outline"
                                         >
-                                          {isShowingPaths ? 'Hide paths' : 'Show paths'}
+                                          {isShowingPaths
+                                            ? 'Hide paths'
+                                            : 'Show paths'}
                                         </Button>
-                                      ) : null}
-                                    </Group>
-                                  ) : null;
-                                })()}
+                                      </Group>
+                                    );
+                                  })()
+                                )}
                               </Table.Td>
                             </Table.Tr>
                           ))}
@@ -2064,7 +2245,8 @@ export const FileSummaryPage = ({
                                 {selectedChainIssue.title}
                               </Text>
                               <Text c="dimmed" size="sm">
-                                Choose the exact paths to act on in this issue set.
+                                Choose the exact paths to act on in this issue
+                                set.
                               </Text>
                             </div>
                             <Button
@@ -2094,26 +2276,32 @@ export const FileSummaryPage = ({
                               <Checkbox
                                 checked={
                                   selectableChainPaths.length > 0 &&
-                                  selectedChainPaths.length === selectableChainPaths.length
+                                  selectedChainPaths.length ===
+                                    selectableChainPaths.length
                                 }
                                 indeterminate={
                                   selectedChainPaths.length > 0 &&
-                                  selectedChainPaths.length < selectableChainPaths.length
+                                  selectedChainPaths.length <
+                                    selectableChainPaths.length
                                 }
                                 label={`Select all loaded paths (${selectedChainPaths.length.toLocaleString()} / ${selectableChainPaths.length.toLocaleString()})`}
                                 onChange={(event) => {
-                                  handleToggleAllChainPaths(event.currentTarget.checked);
+                                  handleToggleAllChainPaths(
+                                    event.currentTarget.checked,
+                                  );
                                 }}
                               />
                               <Text c="dimmed" size="xs">
-                                Expand folders and choose the exact paths to heal.
+                                Expand folders and choose the exact paths to
+                                heal.
                               </Text>
                             </Group>
                             <Stack gap={4}>
                               {chainPathTree
                                 .slice(0, treeNodeLimit[''] ?? 100)
                                 .map((node) => renderChainTreeNode(node))}
-                              {chainPathTree.length > (treeNodeLimit[''] ?? 100) && (
+                              {chainPathTree.length >
+                                (treeNodeLimit[''] ?? 100) && (
                                 <Button
                                   onClick={() =>
                                     setTreeNodeLimit((current) => ({
@@ -2130,9 +2318,9 @@ export const FileSummaryPage = ({
                                 >
                                   Show more (
                                   {(
-                                    chainPathTree.length - (treeNodeLimit[''] ?? 100)
-                                  ).toLocaleString()}
-                                  {' '}
+                                    chainPathTree.length -
+                                    (treeNodeLimit[''] ?? 100)
+                                  ).toLocaleString()}{' '}
                                   remaining)...
                                 </Button>
                               )}
@@ -2151,8 +2339,8 @@ export const FileSummaryPage = ({
                               {selectedChainIssue.title}
                             </Text>
                             <Text c="dimmed" size="sm">
-                              {selectedChainFindings.length.toLocaleString()} paths in this
-                              issue set.
+                              {selectedChainFindings.length.toLocaleString()}{' '}
+                              paths in this issue set.
                             </Text>
                           </div>
                           <div className="max-h-[420px] overflow-auto rounded-md border border-slate-200 bg-white">
@@ -2171,17 +2359,28 @@ export const FileSummaryPage = ({
                                     key={`${finding.kind}:${finding.normalizedPath}`}
                                   >
                                     <Table.Td maw={720}>
-                                      <Text className="break-all" fw={600} size="sm">
+                                      <Text
+                                        className="break-all"
+                                        fw={600}
+                                        size="sm"
+                                      >
                                         {finding.normalizedPath}
                                       </Text>
                                     </Table.Td>
                                     <Table.Td maw={320}>
-                                      <Text className="break-all font-mono" size="xs">
+                                      <Text
+                                        className="break-all font-mono"
+                                        size="xs"
+                                      >
                                         {finding.checksum || '—'}
                                       </Text>
                                     </Table.Td>
-                                    <Table.Td>{finding.recordCount.toLocaleString()}</Table.Td>
-                                    <Table.Td>{finding.objectIds.length.toLocaleString()}</Table.Td>
+                                    <Table.Td>
+                                      {finding.recordCount.toLocaleString()}
+                                    </Table.Td>
+                                    <Table.Td>
+                                      {finding.objectIds.length.toLocaleString()}
+                                    </Table.Td>
                                   </Table.Tr>
                                 ))}
                               </Table.Tbody>
@@ -2226,29 +2425,12 @@ export const FileSummaryPage = ({
                       color={applyResult.dryRun ? 'blue' : 'green'}
                       icon={<IconAlertCircle size={16} />}
                       title={
-                        applyResult.dryRun ? 'Cleanup dry run' : 'Cleanup applied'
+                        applyResult.dryRun
+                          ? 'Cleanup dry run'
+                          : 'Cleanup applied'
                       }
                     >
-                      Updated{' '}
-                      {applyResult.updatedRecordIds.length.toLocaleString()} Syfon
-                      records and removed{' '}
-                      {applyResult.deletedRecordIds.length.toLocaleString()} Syfon
-                      records.
-                      {applyResult.deletedBucketObjectUrls.length > 0
-                        ? ` Deleted bucket objects: ${applyResult.deletedBucketObjectUrls.length.toLocaleString()}.`
-                        : ''}
-                      {applyResult.purgeResults.length > 0
-                        ? ` Storage purge attempts: ${applyResult.purgeResults.length.toLocaleString()}.`
-                        : ''}
-                      {applyResult.repoDeletePaths.length > 0
-                        ? ` Repo follow-up paths: ${applyResult.repoDeletePaths.length.toLocaleString()}.`
-                        : ''}
-                      {applyResult.manualPaths.length > 0
-                        ? ` Manual follow-up paths: ${applyResult.manualPaths.length.toLocaleString()}.`
-                        : ''}
-                      {applyResult.skippedPaths.length > 0
-                        ? ` Skipped items: ${applyResult.skippedPaths.length.toLocaleString()}.`
-                        : ''}
+                      {buildCleanupApplySummary(applyResult)}
                     </Alert>
                   ) : null}
 
@@ -2275,7 +2457,10 @@ export const FileSummaryPage = ({
                                 <Table.Td miw={520}>
                                   <Stack gap={4}>
                                     <Group gap={8}>
-                                      <Badge color={issue.color} variant="light">
+                                      <Badge
+                                        color={issue.color}
+                                        variant="light"
+                                      >
                                         {issue.pathCount.toLocaleString()} paths
                                       </Badge>
                                       <Text fw={700} size="sm">
@@ -2285,7 +2470,9 @@ export const FileSummaryPage = ({
                                     <Text c="dimmed" size="sm">
                                       {issue.description}
                                     </Text>
-                                    <Text size="sm">{issue.recommendation}</Text>
+                                    <Text size="sm">
+                                      {issue.recommendation}
+                                    </Text>
                                   </Stack>
                                 </Table.Td>
                                 <Table.Td>
@@ -2299,11 +2486,14 @@ export const FileSummaryPage = ({
                                 </Table.Td>
                                 <Table.Td>
                                   {(() => {
-                                    const findings = (diffAuditResult?.findings ?? []).filter(
-                                      (finding) => issue.findingKinds.includes(finding.kind),
+                                    const findings = (
+                                      diffAuditResult?.findings ?? []
+                                    ).filter((finding) =>
+                                      issue.findingKinds.includes(finding.kind),
                                     );
                                     const action = resolveIssueAction({
-                                      defaultAction: issue.actionSummary.defaultAction,
+                                      defaultAction:
+                                        issue.actionSummary.defaultAction,
                                       findings,
                                       issueId: issue.id,
                                     });
@@ -2317,7 +2507,10 @@ export const FileSummaryPage = ({
                                             findings,
                                             issueId: issue.id,
                                             issueTitle: issue.title,
-                                            paths: findings.map((finding) => finding.normalizedPath),
+                                            paths: findings.map(
+                                              (finding) =>
+                                                finding.normalizedPath,
+                                            ),
                                             source: 'diff',
                                           });
                                         }}
@@ -2345,8 +2538,8 @@ export const FileSummaryPage = ({
                                   {selectedDiffIssue.title}
                                 </Text>
                                 <Text c="dimmed" size="sm">
-                                  {selectedDiffFindings.length.toLocaleString()} paths in
-                                  this issue set.
+                                  {selectedDiffFindings.length.toLocaleString()}{' '}
+                                  paths in this issue set.
                                 </Text>
                               </div>
                               <Button
@@ -2375,19 +2568,36 @@ export const FileSummaryPage = ({
                                       key={`${finding.kind}:${finding.normalizedPath}`}
                                     >
                                       <Table.Td maw={720}>
-                                        <Text className="break-all" fw={600} size="sm">
+                                        <Text
+                                          className="break-all"
+                                          fw={600}
+                                          size="sm"
+                                        >
                                           {finding.normalizedPath}
                                         </Text>
                                       </Table.Td>
                                       <Table.Td>
-                                        <Badge color={issueColorForDiffKind(finding.kind)} variant="light">
-                                          {formatCleanupFindingLabel(finding.kind)}
+                                        <Badge
+                                          color={issueColorForDiffKind(
+                                            finding.kind,
+                                          )}
+                                          variant="light"
+                                        >
+                                          {formatCleanupFindingLabel(
+                                            finding.kind,
+                                          )}
                                         </Badge>
                                       </Table.Td>
-                                      <Table.Td>{finding.recordCount.toLocaleString()}</Table.Td>
-                                      <Table.Td>{finding.objectIds.length.toLocaleString()}</Table.Td>
                                       <Table.Td>
-                                        {(finding.downloadCount ?? 0).toLocaleString()}
+                                        {finding.recordCount.toLocaleString()}
+                                      </Table.Td>
+                                      <Table.Td>
+                                        {finding.objectIds.length.toLocaleString()}
+                                      </Table.Td>
+                                      <Table.Td>
+                                        {(
+                                          finding.downloadCount ?? 0
+                                        ).toLocaleString()}
                                       </Table.Td>
                                     </Table.Tr>
                                   ))}
@@ -2403,20 +2613,23 @@ export const FileSummaryPage = ({
                         icon={<IconAlertCircle size={16} />}
                         title="No project diff issues"
                       >
-                        Git and Syfon are aligned for this subtree. No duplicate,
-                        Syfon-only, or Git-only paths were returned.
+                        Git and Syfon are aligned for this subtree. No
+                        duplicate, Syfon-only, or Git-only paths were returned.
                       </Alert>
                     )
                   ) : null}
 
-                  {showCleanupDetails && auditResult && isDuplicateVerificationContext && !hasSafeDuplicateCleanup ? (
+                  {showCleanupDetails &&
+                  auditResult &&
+                  isDuplicateVerificationContext &&
+                  !hasSafeDuplicateCleanup ? (
                     <Alert
                       color="yellow"
                       icon={<IconAlertCircle size={16} />}
                       title="No safe duplicate delete yet"
                     >
-                      Syfon confirmed duplicate paths, but this verification pass
-                      did not prove which sibling record is stale.
+                      Syfon confirmed duplicate paths, but this verification
+                      pass did not prove which sibling record is stale.
                     </Alert>
                   ) : null}
 
@@ -2425,11 +2638,13 @@ export const FileSummaryPage = ({
                       <div>
                         <Title order={5}>Storage Verification</Title>
                         <Text c="dimmed" mt={4} size="sm">
-                          Syfon verification results for the issue set you just inspected.
+                          Syfon verification results for the issue set you just
+                          inspected.
                         </Text>
                       </div>
 
-                      {hasCleanupFindings && cleanupIssueSummaries.length > 0 ? (
+                      {hasCleanupFindings &&
+                      cleanupIssueSummaries.length > 0 ? (
                         <Table highlightOnHover>
                           <Table.Thead>
                             <Table.Tr>
@@ -2444,7 +2659,10 @@ export const FileSummaryPage = ({
                                 <Table.Td miw={260}>
                                   <Stack gap={4}>
                                     <Group gap={8}>
-                                      <Badge color={issue.color} variant="light">
+                                      <Badge
+                                        color={issue.color}
+                                        variant="light"
+                                      >
                                         {issue.pathCount.toLocaleString()} paths
                                       </Badge>
                                       <Text fw={700} size="sm">
@@ -2467,11 +2685,14 @@ export const FileSummaryPage = ({
                                 </Table.Td>
                                 <Table.Td miw={340}>
                                   {(() => {
-                                    const findings = (auditResult?.findings ?? []).filter(
-                                      (finding) => issue.findingKinds.includes(finding.kind),
+                                    const findings = (
+                                      auditResult?.findings ?? []
+                                    ).filter((finding) =>
+                                      issue.findingKinds.includes(finding.kind),
                                     );
                                     const action = resolveIssueAction({
-                                      defaultAction: issue.actionSummary.defaultAction,
+                                      defaultAction:
+                                        issue.actionSummary.defaultAction,
                                       findings,
                                       issueId: issue.id,
                                     });
@@ -2485,7 +2706,10 @@ export const FileSummaryPage = ({
                                             findings,
                                             issueId: issue.id,
                                             issueTitle: issue.title,
-                                            paths: findings.map((finding) => finding.normalizedPath),
+                                            paths: findings.map(
+                                              (finding) =>
+                                                finding.normalizedPath,
+                                            ),
                                             source: 'cleanup',
                                           });
                                         }}
@@ -2511,7 +2735,6 @@ export const FileSummaryPage = ({
                           findings for the selected issue set.
                         </Alert>
                       )}
-
                     </Stack>
                   ) : null}
                 </Stack>
@@ -2521,58 +2744,68 @@ export const FileSummaryPage = ({
                 <div className="overflow-x-auto">
                   <div className="flex min-w-[1320px] items-center justify-between gap-6">
                     <div className="flex min-w-0 flex-1 items-center gap-2 whitespace-nowrap overflow-x-auto pb-1">
-                    {collapsedBreadcrumb.leadingItems.map((item, index) => (
-                      <React.Fragment key={item.path || item.label}>
-                        {index > 0 ? (
-                          <IconChevronRight
-                            className="shrink-0 text-slate-400"
-                            size={14}
-                          />
-                        ) : null}
-                        {index === 1 && collapsedBreadcrumb.hiddenItems.length > 0 ? (
-                          <>
-                            <Menu shadow="md" width={260} withinPortal>
-                              <Menu.Target>
-                                <button
-                                  className="max-w-[220px] shrink-0 rounded-md border border-slate-200 bg-white px-3 py-1.5 text-sm font-semibold text-slate-600 transition hover:border-slate-300 hover:text-slate-900"
-                                  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>
+                      {collapsedBreadcrumb.leadingItems.map((item, index) => (
+                        <React.Fragment key={item.path || item.label}>
+                          {index > 0 ? (
                             <IconChevronRight
                               className="shrink-0 text-slate-400"
                               size={14}
                             />
-                          </>
-                        ) : null}
-                        <button
-                          className={`max-w-[240px] truncate rounded-md border px-3 py-1.5 text-sm font-semibold transition ${
-                            item.path === currentPath
-                              ? 'border-slate-200 bg-slate-100 text-slate-900'
-                              : 'border-slate-200 bg-white text-slate-600 hover:border-slate-300 hover:text-slate-900'
-                          }`}
-                          onClick={() => setCurrentPath(item.path)}
-                          title={item.label}
-                          type="button"
-                        >
-                          {item.label}
-                        </button>
-                      </React.Fragment>
-                    ))}
+                          ) : null}
+                          {index === 1 &&
+                          collapsedBreadcrumb.hiddenItems.length > 0 ? (
+                            <>
+                              <Menu shadow="md" width={260} withinPortal>
+                                <Menu.Target>
+                                  <button
+                                    className="max-w-[220px] shrink-0 rounded-md border border-slate-200 bg-white px-3 py-1.5 text-sm font-semibold text-slate-600 transition hover:border-slate-300 hover:text-slate-900"
+                                    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>
+                              <IconChevronRight
+                                className="shrink-0 text-slate-400"
+                                size={14}
+                              />
+                            </>
+                          ) : null}
+                          <button
+                            className={`max-w-[240px] truncate rounded-md border px-3 py-1.5 text-sm font-semibold transition ${
+                              item.path === currentPath
+                                ? 'border-slate-200 bg-slate-100 text-slate-900'
+                                : 'border-slate-200 bg-white text-slate-600 hover:border-slate-300 hover:text-slate-900'
+                            }`}
+                            onClick={() => setCurrentPath(item.path)}
+                            title={item.label}
+                            type="button"
+                          >
+                            {item.label}
+                          </button>
+                        </React.Fragment>
+                      ))}
                     </div>
-                    <Group align="center" className="shrink-0 justify-self-end" gap="xs" wrap="nowrap">
+                    <Group
+                      align="center"
+                      className="shrink-0 justify-self-end"
+                      gap="xs"
+                      wrap="nowrap"
+                    >
                       <Button
                         loading={isChainAuditing}
                         onClick={() => {
@@ -2674,7 +2907,10 @@ export const FileSummaryPage = ({
                           {renderStorageSortHeader('Files', 'fileCount')}
                         </Table.Th>
                         <Table.Th>
-                          {renderStorageSortHeader('Downloads', 'downloadCount')}
+                          {renderStorageSortHeader(
+                            'Downloads',
+                            'downloadCount',
+                          )}
                         </Table.Th>
                         <Table.Th>
                           {renderStorageSortHeader(
@@ -2714,21 +2950,27 @@ export const FileSummaryPage = ({
                                   >
                                     <IconFolder className="mt-0.5" size={16} />
                                     <div className="min-w-0">
-                                      <span className="break-all">{row.name}</span>
+                                      <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>
+                                      <span className="break-all">
+                                        {row.name}
+                                      </span>
                                     </div>
                                   </div>
                                 )}
                               </Table.Td>
                               <Table.Td>
                                 <Badge
-                                  color={row.type === 'directory' ? 'blue' : 'gray'}
+                                  color={
+                                    row.type === 'directory' ? 'blue' : 'gray'
+                                  }
                                   variant="light"
                                 >
                                   {row.type}
@@ -2749,14 +2991,18 @@ export const FileSummaryPage = ({
                                   />
                                 </Stack>
                               </Table.Td>
-                              <Table.Td>{row.fileCount.toLocaleString()}</Table.Td>
+                              <Table.Td>
+                                {row.fileCount.toLocaleString()}
+                              </Table.Td>
                               <Table.Td>
                                 {row.downloadCount.toLocaleString()}
                               </Table.Td>
                               <Table.Td>
                                 {formatTimestamp(row.lastDownload)}
                               </Table.Td>
-                              <Table.Td>{formatTimestamp(row.lastUpdated)}</Table.Td>
+                              <Table.Td>
+                                {formatTimestamp(row.lastUpdated)}
+                              </Table.Td>
                             </Table.Tr>
                           );
                         })
@@ -2764,7 +3010,8 @@ export const FileSummaryPage = ({
                         <Table.Tr>
                           <Table.Td colSpan={7}>
                             <Text c="dimmed" py="xl" ta="center">
-                              No files or directories were returned for this path.
+                              No files or directories were returned for this
+                              path.
                             </Text>
                           </Table.Td>
                         </Table.Tr>
diff --git a/packages/frontend/src/pages/FileSummary/hooks.tsx b/packages/frontend/src/pages/FileSummary/hooks.tsx
index 4e07db69..1d6fac10 100644
--- a/packages/frontend/src/pages/FileSummary/hooks.tsx
+++ b/packages/frontend/src/pages/FileSummary/hooks.tsx
@@ -100,6 +100,7 @@ export interface StorageChainFinding {
   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;
@@ -184,10 +185,19 @@ export interface StorageCleanupAccessProbe {
   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;
@@ -202,6 +212,7 @@ export interface StorageCleanupFinding {
   readonly normalizedPath: string;
   readonly objectIds: Array<string>;
   readonly records: Array<StorageCleanupRecordAudit>;
+  readonly accessUrls: Array<string>;
   readonly recommendedAction: string;
   readonly repoDeleteCandidate: boolean;
   readonly cleanupScope: StorageCleanupScope;
@@ -213,6 +224,7 @@ export interface StorageCleanupFinding {
   readonly availableActions: Array<AuditActionOption>;
   readonly defaultAction?: string;
   readonly supportsDryRun: boolean;
+  readonly evidence?: AuditEvidence;
 }
 
 export interface StorageCleanupAuditSummary {
@@ -245,6 +257,41 @@ export interface StorageApplyActionRequest {
   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 status?: string;
+      readonly error_kind?: string;
+      readonly error?: 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 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>;
@@ -800,8 +847,26 @@ const normalizeCleanupRecordAudit = (
     )
     .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;
+      }
+      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'
@@ -930,6 +995,16 @@ const normalizeCleanupFinding = (
     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' &&
@@ -989,6 +1064,15 @@ const normalizeStorageChainFinding = (
                   ? '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([
@@ -1042,7 +1126,8 @@ const normalizeStorageChainFinding = (
         ? item.record_count
         : typeof item.recordCount === 'number'
           ? item.recordCount
-          : 0,
+          : records.length,
+    records,
     resolvedBucket:
       typeof item.resolved_bucket === 'string'
         ? item.resolved_bucket
@@ -1396,6 +1481,57 @@ const normalizeCleanupAuditResult = ({
   };
 };
 
+
+const buildStorageApplyFindingRequest = (
+  finding: StorageCleanupFinding | StorageChainFinding,
+): StorageApplyFindingRequest => ({
+  access_urls: Array.from(new Set(finding.accessUrls ?? [])),
+  available_actions: finding.availableActions.map((action) => action.action),
+  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 ?? []),
+    ]),
+  ),
+  default_action: finding.defaultAction,
+  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) => ({
+            error: probe.error,
+            error_kind: probe.errorKind,
+            status: probe.status,
+            url: probe.url,
+          })),
+          access_urls: record.accessUrls,
+          cleanup_scope: record.cleanupScope,
+          normalized_path: record.normalizedPath,
+          object_id: record.objectId,
+        }))
+      : [],
+});
+
 const normalizeCleanupApplyResult = (
   response: Record<string, unknown> | null,
 ): StorageCleanupApplyResult => {
@@ -2048,8 +2184,10 @@ export const useSyfonStorageCleanup = ({
       deleteBucketOnlyObjects = false,
       dryRun = false,
       selectedPaths,
+      findings,
     }: {
       actions?: Array<StorageApplyActionRequest>;
+      findings?: Array<StorageCleanupFinding | StorageChainFinding>;
       deleteRepoOrphans: boolean;
       deleteStaleDuplicates: boolean;
       deleteBucketOnlyObjects?: boolean;
@@ -2080,6 +2218,7 @@ export const useSyfonStorageCleanup = ({
               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,
             }),

From 0d2b7b33fdff3401d892c0e2ad9fe34bcbc1ea51 Mon Sep 17 00:00:00 2001
From: matthewpeterkort <matthewpeterkort@gmail.com>
Date: Sat, 4 Jul 2026 13:36:09 -0700
Subject: [PATCH 12/22] make storage tab legible

---
 .../src/pages/FileSummary/ChainPathTree.tsx   |  133 +
 .../src/pages/FileSummary/FileSummary.tsx     | 2210 +----------------
 .../src/pages/FileSummary/StorageBrowser.tsx  |  345 +++
 .../FileSummary/StorageChainAuditModal.tsx    |  847 +++++++
 .../StorageChainAuditModal.types.ts           |   81 +
 .../frontend/src/pages/FileSummary/hooks.tsx  | 1139 ++-------
 .../src/pages/FileSummary/storageActions.ts   |  163 ++
 .../FileSummary/storageIssueSummaries.ts      |  522 ++++
 .../pages/FileSummary/storagePresentation.ts  |  384 +++
 .../src/pages/FileSummary/storageTypes.ts     |  281 +++
 .../src/pages/FileSummary/storageUtils.ts     |    2 +
 .../src/pages/FileSummary/useStorageFolder.ts |  387 +++
 12 files changed, 3538 insertions(+), 2956 deletions(-)
 create mode 100644 packages/frontend/src/pages/FileSummary/ChainPathTree.tsx
 create mode 100644 packages/frontend/src/pages/FileSummary/StorageBrowser.tsx
 create mode 100644 packages/frontend/src/pages/FileSummary/StorageChainAuditModal.tsx
 create mode 100644 packages/frontend/src/pages/FileSummary/StorageChainAuditModal.types.ts
 create mode 100644 packages/frontend/src/pages/FileSummary/storageActions.ts
 create mode 100644 packages/frontend/src/pages/FileSummary/storageIssueSummaries.ts
 create mode 100644 packages/frontend/src/pages/FileSummary/storagePresentation.ts
 create mode 100644 packages/frontend/src/pages/FileSummary/storageTypes.ts
 create mode 100644 packages/frontend/src/pages/FileSummary/useStorageFolder.ts

diff --git a/packages/frontend/src/pages/FileSummary/ChainPathTree.tsx b/packages/frontend/src/pages/FileSummary/ChainPathTree.tsx
new file mode 100644
index 00000000..a90b2400
--- /dev/null
+++ b/packages/frontend/src/pages/FileSummary/ChainPathTree.tsx
@@ -0,0 +1,133 @@
+import type React from 'react';
+import { ActionIcon, Button, Checkbox, Group, Stack } from '@mantine/core';
+import { IconChevronRight } from '@tabler/icons-react';
+import type { ChainPathTreeNode } from './storagePresentation';
+
+type ChainPathTreeProps = {
+  readonly expandedTreeNodes: Record<string, boolean>;
+  readonly nodes: Array<ChainPathTreeNode>;
+  readonly pathsByParent: Map<string, Array<ChainPathTreeNode>>;
+  readonly selectedPaths: Array<string>;
+  readonly selectedPathsSet: Set<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;
+  readonly onTogglePath: (path: string, checked: boolean) => void;
+};
+
+export const ChainPathTree = ({
+  expandedTreeNodes,
+  nodes,
+  onSelectedPathsChange,
+  onTogglePath,
+  onTreeNodeLimitChange,
+  onTreeNodeToggle,
+  pathsByParent,
+  selectedPaths,
+  selectedPathsSet,
+  treeNodeLimit,
+}: ChainPathTreeProps): JSX.Element => {
+  const renderNode = (node: ChainPathTreeNode, depth = 0): React.ReactNode => {
+    const descendantLeafPaths = node.descendantLeafPaths;
+    const selectedCount = descendantLeafPaths.filter((value) =>
+      selectedPathsSet.has(value),
+    ).length;
+    const fullySelected =
+      descendantLeafPaths.length > 0 &&
+      selectedCount === descendantLeafPaths.length;
+    const partiallySelected =
+      selectedCount > 0 && selectedCount < descendantLeafPaths.length;
+    const isLeaf = !node.isFolder;
+    const isExpanded = expandedTreeNodes[node.path] ?? false;
+    const children = pathsByParent.get(node.path) ?? [];
+
+    return (
+      <Stack gap={4} key={node.path}>
+        <Group gap="xs" style={{ paddingLeft: depth * 16 }}>
+          {isLeaf ? (
+            <div style={{ width: 28 }} />
+          ) : (
+            <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>
+          )}
+          <Checkbox
+            checked={fullySelected}
+            indeterminate={partiallySelected}
+            label={node.label}
+            onChange={(event) => {
+              const checked = event.currentTarget.checked;
+              if (isLeaf && node.leafPath) {
+                onTogglePath(node.leafPath, checked);
+                return;
+              }
+              let nextSelected: Array<string>;
+              if (checked) {
+                nextSelected = Array.from(
+                  new Set([...selectedPaths, ...descendantLeafPaths]),
+                ).sort();
+              } else {
+                const descendantSet = new Set(descendantLeafPaths);
+                nextSelected = selectedPaths.filter(
+                  (path) => !descendantSet.has(path),
+                );
+              }
+              onSelectedPathsChange(nextSelected);
+            }}
+          />
+        </Group>
+        {!isLeaf && isExpanded ? (
+          <>
+            {children
+              .slice(0, treeNodeLimit[node.path] ?? 100)
+              .map((child) => renderNode(child, depth + 1))}
+            {children.length > (treeNodeLimit[node.path] ?? 100) && (
+              <Button
+                onClick={() =>
+                  onTreeNodeLimitChange((current) => ({
+                    ...current,
+                    [node.path]: (current[node.path] ?? 100) + 100,
+                  }))
+                }
+                size="xs"
+                style={{
+                  alignSelf: 'flex-start',
+                  marginLeft: (depth + 1) * 16 + 28,
+                }}
+                variant="subtle"
+              >
+                Show more (
+                {(
+                  children.length - (treeNodeLimit[node.path] ?? 100)
+                ).toLocaleString()}{' '}
+                remaining)...
+              </Button>
+            )}
+          </>
+        ) : null}
+      </Stack>
+    );
+  };
+
+  return <Stack gap={4}>{nodes.map((node) => renderNode(node))}</Stack>;
+};
diff --git a/packages/frontend/src/pages/FileSummary/FileSummary.tsx b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
index 6dee119e..631d6893 100644
--- a/packages/frontend/src/pages/FileSummary/FileSummary.tsx
+++ b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
@@ -56,821 +56,26 @@ import {
   splitProjectSelectionValue,
   type StoragePathRow,
 } from './storageUtils';
-
-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;
-
-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(' ');
-};
-
-const getPathSegments = (path: string): Array<string> =>
-  path.split('/').filter(Boolean);
-
-type BreadcrumbItem = {
-  readonly label: string;
-  readonly path: string;
-};
-
-type ChainPathTreeNode = {
-  label: string;
-  path: string;
-  isFolder: boolean;
-  leafPath?: string;
-  descendantLeafPaths: Array<string>;
-};
-
-type StorageSortKey =
-  | 'name'
-  | 'type'
-  | 'sizeBytes'
-  | 'fileCount'
-  | 'downloadCount'
-  | 'lastDownload'
-  | 'lastUpdated';
-
-type StorageSortDirection = 'asc' | 'desc';
-
-type IssueActionSummary = {
-  readonly actionability?: string;
-  readonly availableActions: Array<AuditActionOption>;
-  readonly defaultAction?: AuditActionOption;
-  readonly supportsDryRun: boolean;
-};
-
-type ActionIssueSource = 'chain' | 'cleanup' | 'diff';
-
-type ActionableFinding =
-  | ProjectDiffFinding
-  | StorageCleanupFinding
-  | StorageChainFinding;
-
-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 summarizeIssueActions = <
-  T extends {
-    readonly actionability?: string;
-    readonly availableActions: Array<AuditActionOption>;
-    readonly defaultAction?: string;
-    readonly supportsDryRun: boolean;
-  },
->(
-  findings: Array<T>,
-  fallbackAction?: AuditActionOption,
-): 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 ??
-    fallbackAction?.action;
-  const defaultAction =
-    availableActions.find((action) => action.action === defaultActionName) ??
-    fallbackAction ??
-    availableActions[0];
-
-  return {
-    actionability,
-    availableActions:
-      fallbackAction && availableActions.length === 0
-        ? [fallbackAction]
-        : availableActions,
-    defaultAction,
-    supportsDryRun:
-      findings.some((finding) => finding.supportsDryRun) ||
-      Boolean(defaultAction?.supportsDryRun),
-  };
-};
-
-const buildPathsByParentMap = (
-  paths: Array<string>,
-): Map<string, Array<ChainPathTreeNode>> => {
-  const map = new Map<string, Array<ChainPathTreeNode>>();
-  const seenPaths = new Set<string>();
-  const nodesByPath = new Map<string, ChainPathTreeNode>();
-
-  Array.from(new Set(paths.filter(Boolean))).forEach((value) => {
-    const segments = value.split('/').filter(Boolean);
-    let parentPath = '';
-    const pathNodes: Array<ChainPathTreeNode> = [];
-
-    for (let index = 0; index < segments.length; index += 1) {
-      const segment = segments[index];
-      const nodePath = parentPath ? `${parentPath}/${segment}` : segment;
-      const isLast = index === segments.length - 1;
-      const key = parentPath;
-      const uniqKey = `${key}::${nodePath}`;
-      let node: ChainPathTreeNode;
-
-      if (!seenPaths.has(uniqKey)) {
-        seenPaths.add(uniqKey);
-        let list = map.get(key);
-        if (!list) {
-          list = [];
-          map.set(key, list);
-        }
-        node = {
-          label: segment,
-          path: nodePath,
-          isFolder: !isLast,
-          leafPath: isLast ? value : undefined,
-          descendantLeafPaths: [],
-        };
-        list.push(node);
-        nodesByPath.set(nodePath, node);
-      } else {
-        node = nodesByPath.get(nodePath)!;
-        if (!isLast) {
-          node.isFolder = true;
-        }
-      }
-
-      pathNodes.push(node);
-      parentPath = nodePath;
-    }
-
-    pathNodes.forEach((node) => {
-      node.descendantLeafPaths.push(value);
-    });
-  });
-
-  map.forEach((list) => {
-    list.sort((left, right) => {
-      if (left.isFolder !== right.isFolder) {
-        return left.isFolder ? -1 : 1;
-      }
-      return left.label.localeCompare(right.label, undefined, {
-        numeric: true,
-        sensitivity: 'base',
-      });
-    });
-  });
-
-  return map;
-};
-
-const formatCleanupFindingLabel = (value: string): string =>
-  value
-    .split('_')
-    .filter(Boolean)
-    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))
-    .join(' ');
-
-const formatProbeResolution = (status?: string): string => {
-  return status?.trim() || 'unknown';
-};
-
-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;
-};
-
-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 - right.downloadCount;
-      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;
-};
-
-const getCleanupFindingColor = (kind: StorageCleanupFindingKind): string => {
-  switch (kind) {
-    case 'stale_duplicate_record':
-      return 'orange';
-    case 'broken_access_url_error':
-      return 'red';
-    case 'broken_bucket_mapping':
-      return 'orange';
-    case 'bucket_only_object':
-      return 'violet';
-    case 'live_duplicate_conflict':
-      return 'yellow';
-    case 'storage_object_missing':
-      return 'red';
-    case 'storage_probe_error':
-      return 'red';
-    case 'storage_validation_mismatch':
-      return 'orange';
-    case 'repo_orphan_live_object':
-    case 'repo_orphan_stale_record':
-      return 'grape';
-    default:
-      return 'gray';
-  }
-};
-
-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';
-  }
-};
-
-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;
-};
-
-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,
-          group.id === 'git-only'
-            ? {
-                action: 'view_paths',
-                destructive: false,
-                label: 'View paths',
-                requiresConfirmation: false,
-                supportsDryRun: false,
-              }
-            : undefined,
-        ),
-        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);
-};
-
-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;
-};
-
-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),
-        id: group.id,
-        title: group.title,
-        color: group.color,
-        findingKinds: group.findingKinds,
-        pathCount: paths.size,
-        recordCount,
-        objectCount: objects.size,
-        totalBytes,
-        bucketCount: buckets.size,
-        sampleBuckets: Array.from(buckets).sort().slice(0, 3),
-        description: group.description,
-        recommendation: group.recommendation,
-      };
-    })
-    .filter((item): item is CleanupIssueSummary => item !== null);
-};
-
-type ChainIssueKind = Exclude<StorageChainFindingKind, 'unknown'>;
-
-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:
-      'Bucket object exists, but its metadata does not match what Syfon expects.',
-    recommendation: 'Investigate metadata drift before applying deletion.',
-    actionLabel: 'Show mismatches',
-  },
-  {
-    id: 'probe_error',
-    title: 'Probe Error',
-    color: 'red',
-    description:
-      'Bucket verification failed before Gecko could classify the chain cleanly.',
-    recommendation:
-      'Fix the mapped bucket target, bucket credential, or provider access problem and rerun the audit.',
-    actionLabel: 'Show probe errors',
-  },
-];
-
-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,
-          definition.id === 'git_only_no_syfon'
-            ? {
-                action: 'view_paths',
-                destructive: false,
-                label: 'View paths',
-                requiresConfirmation: false,
-                supportsDryRun: false,
-              }
-            : definition.id === 'syfon_git_no_bucket' ||
-                definition.id === 'syfon_missing_bucket_object'
-              ? {
-                  action: 'delete_records',
-                  destructive: true,
-                  label: 'Delete Syfon records',
-                  requiresConfirmation: true,
-                  supportsDryRun: false,
-                }
-              : definition.id === 'git_syfon_metadata_mismatch' ||
-                  definition.id === 'probe_error' ||
-                  definition.id === 'syfon_broken_bucket_mapping'
-                ? {
-                    action: 'view_paths',
-                    destructive: false,
-                    label: 'Show paths',
-                    requiresConfirmation: false,
-                    supportsDryRun: false,
-                  }
-                : undefined,
-        ),
-        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;
-    },
-    [],
-  );
-};
+import { StorageBrowser } from './StorageBrowser';
+import { StorageChainAuditModal } from './StorageChainAuditModal';
+import {
+  summarizeCleanupIssues,
+  summarizeProjectDiffIssues,
+  summarizeStorageChainIssues,
+} from './storageIssueSummaries';
+import {
+  buildPathsByParentMap,
+  getPathSegments,
+  isInspectAction,
+  resolveIssueAction,
+  resolveProjectSelection,
+  sortStorageRowsBy,
+  type ActionIssueSource,
+  type ActionableFinding,
+  type BreadcrumbItem,
+  type StorageSortDirection,
+  type StorageSortKey,
+} from './storagePresentation';
 
 export const FileSummaryPage = ({
   headerProps,
@@ -1039,11 +244,12 @@ export const FileSummaryPage = ({
       hiddenItems: breadcrumbItems.slice(1, -4),
     };
   }, [breadcrumbItems]);
-  const { data, error, isLoading, refresh } = useSyfonPathStorageSummary({
-    config: filesummaryConfig,
-    currentPath,
-    projectSelection: selectedProject,
-  });
+  const { data, error, isLoading, isLoadingMore, loadMore, refresh } =
+    useSyfonPathStorageSummary({
+      config: filesummaryConfig,
+      currentPath,
+      projectSelection: selectedProject,
+    });
   const {
     auditError: chainAuditError,
     auditResult: chainAuditResult,
@@ -1264,80 +470,8 @@ export const FileSummaryPage = ({
     [],
   );
 
-  const resolveIssueAction = useCallback(
-    ({
-      defaultAction,
-      issueId,
-      findings,
-    }: {
-      defaultAction?: AuditActionOption;
-      issueId: string;
-      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]
-        );
-      }
-
-      if (issueId === 'git-only' || issueId === 'git_only_no_syfon') {
-        return {
-          action: 'view_paths',
-          destructive: false,
-          label: 'View paths',
-          requiresConfirmation: false,
-          supportsDryRun: false,
-        };
-      }
-
-      if (
-        issueId === 'syfon_git_no_bucket' ||
-        issueId === 'syfon_missing_bucket_object'
-      ) {
-        return {
-          action: 'delete_records',
-          destructive: true,
-          label: 'Delete Syfon records',
-          requiresConfirmation: true,
-          supportsDryRun: false,
-        };
-      }
-
-      if (issueId === 'probe_error') {
-        return {
-          action: 'rerun_audit',
-          destructive: false,
-          label: 'Retry verification',
-          requiresConfirmation: false,
-          supportsDryRun: false,
-        };
-      }
-
-      return {
-        action: 'view_paths',
-        destructive: false,
-        label: 'View paths',
-        requiresConfirmation: false,
-        supportsDryRun: false,
-      };
-    },
-    [],
-  );
-
   const removeHealedChainFindings = useCallback(
-    (issueId: string, paths: Array<string>) => {
+    (issueId: string, paths: Array<string>, deletedRecordCount = 0) => {
       const pathSet = new Set(paths);
       setChainAuditResult((current) => {
         if (!current) {
@@ -1355,6 +489,8 @@ export const FileSummaryPage = ({
           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;
@@ -1418,7 +554,7 @@ export const FileSummaryPage = ({
             countsByKind,
             syfonRecordCount: Math.max(
               0,
-              current.summary.syfonRecordCount - pathSet.size,
+              current.summary.syfonRecordCount - deletedRecordCount,
             ),
             totalFindings: findings.length,
           },
@@ -1490,9 +626,11 @@ export const FileSummaryPage = ({
       removeHealedChainFindings(
         findings[0] && 'kind' in findings[0] ? findings[0].kind : '',
         paths,
+        objectIds.length,
       );
+      refresh();
     },
-    [bulkDeleteSyfonDrsObjects, removeHealedChainFindings],
+    [bulkDeleteSyfonDrsObjects, refresh, removeHealedChainFindings],
   );
 
   const runIssueAction = useCallback(
@@ -1527,7 +665,7 @@ export const FileSummaryPage = ({
       const actionName = resolvedAction.action;
       const selectedPaths = paths;
 
-      if (actionName === 'view_paths') {
+      if (isInspectAction(actionName)) {
         if (source === 'diff') {
           setSelectedDiffIssueId(issueId);
           setShowDiffDetails(true);
@@ -1538,13 +676,12 @@ export const FileSummaryPage = ({
         return;
       }
 
-      if (source === 'chain') {
-        setSelectedChainIssueId(issueId);
-        return;
-      }
-
       if (actionName === 'rerun_audit') {
-        await rerunAudit();
+        if (source === 'chain') {
+          await runChainAudit();
+        } else {
+          await rerunAudit();
+        }
         return;
       }
 
@@ -1646,15 +783,26 @@ export const FileSummaryPage = ({
       setActionFeedbackMessage(
         `${resolvedAction.label} completed for ${selectedPaths.length.toLocaleString()} path${selectedPaths.length === 1 ? '' : 's'}.`,
       );
+      if (source === 'chain') {
+        removeHealedChainFindings(
+          issueId,
+          selectedPaths,
+          result.deletedRecordIds.length,
+        );
+        refresh();
+        return;
+      }
       refresh();
     },
     [
       applyCleanup,
       buildActionRequests,
       handleBulkDeleteSyfonRecords,
+      removeHealedChainFindings,
       refresh,
       resolveIssueAction,
       rerunAudit,
+      runChainAudit,
       runAudit,
     ],
   );
@@ -1726,106 +874,6 @@ export const FileSummaryPage = ({
     [selectedChainPaths, setSelectedChainPathsForIssue],
   );
 
-  const renderChainTreeNode = (
-    node: ChainPathTreeNode,
-    depth = 0,
-  ): React.ReactNode => {
-    const descendantLeafPaths = node.descendantLeafPaths;
-    const selectedCount = descendantLeafPaths.filter((value) =>
-      selectedChainPathsSet.has(value),
-    ).length;
-    const fullySelected =
-      descendantLeafPaths.length > 0 &&
-      selectedCount === descendantLeafPaths.length;
-    const partiallySelected =
-      selectedCount > 0 && selectedCount < descendantLeafPaths.length;
-    const isLeaf = !node.isFolder;
-    const isExpanded = expandedChainTreeNodes[node.path] ?? false;
-    const children = pathsByParent.get(node.path) ?? [];
-
-    return (
-      <Stack gap={4} key={node.path}>
-        <Group gap="xs" style={{ paddingLeft: depth * 16 }}>
-          {isLeaf ? (
-            <div style={{ width: 28 }} />
-          ) : (
-            <ActionIcon
-              onClick={() =>
-                setExpandedChainTreeNodes((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>
-          )}
-          <Checkbox
-            checked={fullySelected}
-            indeterminate={partiallySelected}
-            label={node.label}
-            onChange={(event) => {
-              const checked = event.currentTarget.checked;
-              if (isLeaf && node.leafPath) {
-                handleToggleChainPath(node.leafPath, checked);
-                return;
-              }
-              let nextSelected: Array<string>;
-              if (checked) {
-                nextSelected = Array.from(
-                  new Set([...selectedChainPaths, ...descendantLeafPaths]),
-                ).sort();
-              } else {
-                const descendantSet = new Set(descendantLeafPaths);
-                nextSelected = selectedChainPaths.filter(
-                  (path) => !descendantSet.has(path),
-                );
-              }
-              setSelectedChainPathsForIssue(nextSelected);
-            }}
-          />
-        </Group>
-        {!isLeaf && isExpanded ? (
-          <>
-            {children
-              .slice(0, treeNodeLimit[node.path] ?? 100)
-              .map((child) => renderChainTreeNode(child, depth + 1))}
-            {children.length > (treeNodeLimit[node.path] ?? 100) && (
-              <Button
-                onClick={() =>
-                  setTreeNodeLimit((current) => ({
-                    ...current,
-                    [node.path]: (current[node.path] ?? 100) + 100,
-                  }))
-                }
-                size="xs"
-                style={{
-                  alignSelf: 'flex-start',
-                  marginLeft: (depth + 1) * 16 + 28,
-                }}
-                variant="subtle"
-              >
-                Show more (
-                {(
-                  children.length - (treeNodeLimit[node.path] ?? 100)
-                ).toLocaleString()}{' '}
-                remaining)...
-              </Button>
-            )}
-          </>
-        ) : null}
-      </Stack>
-    );
-  };
-
   const handleApplySelectedChainObjects = useCallback(async () => {
     if (!selectedChainIssue || selectedChainPaths.length === 0) {
       return;
@@ -1865,32 +913,21 @@ export const FileSummaryPage = ({
         ? `Deleted ${selectedChainPaths.length.toLocaleString()} selected bucket-only path${selectedChainPaths.length === 1 ? '' : 's'} in one Syfon bulk request.`
         : `Deleted ${selectedChainPaths.length.toLocaleString()} selected Bucket + Syfon, No Git path${selectedChainPaths.length === 1 ? '' : 's'} in one Syfon bulk request.`,
     );
-    removeHealedChainFindings(selectedChainIssue.id, selectedChainPaths);
+    removeHealedChainFindings(
+      selectedChainIssue.id,
+      selectedChainPaths,
+      result.deletedRecordIds.length,
+    );
+    refresh();
   }, [
     applyCleanup,
     removeHealedChainFindings,
+    refresh,
     selectedChainApplyFindings,
     selectedChainIssue,
     selectedChainPaths,
   ]);
 
-  const renderStorageSortHeader = (
-    label: string,
-    key: StorageSortKey,
-  ): JSX.Element => (
-    <button
-      className="flex items-center gap-1 text-left font-semibold text-slate-900"
-      onClick={() => handleStorageSort(key)}
-      type="button"
-    >
-      <span>{label}</span>
-      <IconSelector
-        className={storageSortKey === key ? 'text-primary' : 'text-slate-400'}
-        size={14}
-      />
-    </button>
-  );
-
   const pageContent = (
     <div className="min-h-screen bg-[#f6f8fa]">
       <Container className="max-w-[1680px]" py="xl" size="100%">
@@ -1950,9 +987,8 @@ export const FileSummaryPage = ({
                 icon={<IconAlertCircle size={16} />}
                 title="Partial summary"
               >
-                This path has more direct children than the current page limit
-                returned by Syfon metrics. The totals are still exact, but not
-                every child row is shown yet.
+                This path has more direct children than the current page. The
+                totals are still exact; load more rows to continue browsing.
               </Alert>
             ) : null}
           </Stack>
@@ -1963,1063 +999,81 @@ export const FileSummaryPage = ({
             </Center>
           ) : selectedProjectParts ? (
             <>
-              <Modal
+              <StorageChainAuditModal
+                actionFeedbackMessage={actionFeedbackMessage}
+                actionableChainSelectionIssue={actionableChainSelectionIssue}
+                applyError={applyError}
+                applyResult={applyResult}
+                auditError={auditError}
+                auditResult={auditResult}
+                chainAuditError={chainAuditError}
+                chainAuditResult={chainAuditResult}
+                chainIssueSummaries={chainIssueSummaries}
+                chainPathTree={chainPathTree}
+                cleanChainJoinCount={cleanChainJoinCount}
+                cleanupIssueSummaries={cleanupIssueSummaries}
+                diffAuditResult={diffAuditResult}
+                diffIssueSummaries={diffIssueSummaries}
+                expandedChainTreeNodes={expandedChainTreeNodes}
+                hasChainIssues={hasChainIssues}
+                hasCleanupFindings={hasCleanupFindings}
+                hasSafeDuplicateCleanup={hasSafeDuplicateCleanup}
+                isApplying={isApplying}
+                isAuditing={isAuditing}
+                isBulkDeletingRecords={isBulkDeletingRecords}
+                isChainAuditing={isChainAuditing}
+                isDuplicateVerificationContext={isDuplicateVerificationContext}
+                onApplySelectedChainObjects={() => {
+                  void handleApplySelectedChainObjects();
+                }}
                 onClose={() => setAuditModalOpen(false)}
+                onRunIssueAction={(args) => {
+                  void runIssueAction(args);
+                }}
+                onSelectedChainPathsChange={setSelectedChainPathsForIssue}
+                onSelectedDiffIssueChange={setSelectedDiffIssueId}
+                onToggleAllChainPaths={handleToggleAllChainPaths}
+                onToggleChainIssueDetails={handleToggleChainIssueDetails}
+                onToggleChainPath={handleToggleChainPath}
                 opened={auditModalOpen}
-                size="min(1680px, 96vw)"
-                title="Storage Chain Audit"
-              >
-                <Stack gap="md">
-                  <Text c="dimmed" size="sm">
-                    Gecko audits the chain from bucket objects to Syfon records
-                    to Git-tracked files. Anything that falls out of that chain
-                    is surfaced here as a cleanup or ingest issue.
-                  </Text>
-
-                  {chainAuditError ? (
-                    <Alert
-                      color="red"
-                      icon={<IconAlertCircle size={16} />}
-                      title="Chain audit failed"
-                    >
-                      {chainAuditError}
-                    </Alert>
-                  ) : null}
-
-                  {actionFeedbackMessage ? (
-                    <Alert
-                      color="blue"
-                      icon={<IconAlertCircle size={16} />}
-                      title="Action complete"
-                    >
-                      {actionFeedbackMessage}
-                    </Alert>
-                  ) : null}
-
-                  {chainAuditResult &&
-                  !chainAuditResult.summary.bucketInventoryAvailable ? (
-                    <Alert
-                      color="orange"
-                      icon={<IconAlertCircle size={16} />}
-                      title="Bucket inventory unavailable"
-                    >
-                      Syfon could not enumerate the mapped bucket target for
-                      this project. Gecko kept the audit running using
-                      record-backed storage validation, but bucket-only object
-                      detection and bucket object totals are limited to what
-                      fallback validation could prove.
-                      {chainAuditResult.summary.bucketInventoryError ? (
-                        <Text mt={8} size="sm">
-                          {chainAuditResult.summary.bucketInventoryError}
-                        </Text>
-                      ) : null}
-                    </Alert>
-                  ) : null}
-
-                  {chainAuditResult &&
-                  chainAuditResult.summary.bucketInventoryAvailable &&
-                  !hasChainIssues &&
-                  cleanChainJoinCount > 0 ? (
-                    <Alert
-                      color="green"
-                      icon={<IconAlertCircle size={16} />}
-                      title="Connected end-to-end"
-                    >
-                      {cleanChainJoinCount.toLocaleString()} bucket objects
-                      currently join cleanly through Syfon into Git. Totals
-                      scanned:{' '}
-                      {chainAuditResult.summary.bucketObjectCount.toLocaleString()}{' '}
-                      bucket objects,{' '}
-                      {chainAuditResult.summary.syfonRecordCount.toLocaleString()}{' '}
-                      Syfon records,{' '}
-                      {chainAuditResult.summary.gitTrackedFileCount.toLocaleString()}{' '}
-                      Git-tracked files.
-                    </Alert>
-                  ) : null}
-
-                  {chainAuditResult &&
-                  chainAuditResult.summary.bucketInventoryAvailable &&
-                  hasChainIssues ? (
-                    <Alert
-                      color="yellow"
-                      icon={<IconAlertCircle size={16} />}
-                      title="Chain issues found"
-                    >
-                      {cleanChainJoinCount.toLocaleString()} bucket objects
-                      currently join cleanly through Syfon into Git, but this
-                      subtree also contains{' '}
-                      {chainIssueSummaries
-                        .reduce((sum, issue) => sum + issue.pathCount, 0)
-                        .toLocaleString()}{' '}
-                      issue paths that need attention. Totals scanned:{' '}
-                      {chainAuditResult.summary.bucketObjectCount.toLocaleString()}{' '}
-                      bucket objects,{' '}
-                      {chainAuditResult.summary.syfonRecordCount.toLocaleString()}{' '}
-                      Syfon records,{' '}
-                      {chainAuditResult.summary.gitTrackedFileCount.toLocaleString()}{' '}
-                      Git-tracked files.
-                    </Alert>
-                  ) : null}
-
-                  {chainAuditResult &&
-                  !chainAuditResult.summary.bucketInventoryAvailable ? (
-                    <Alert
-                      color="yellow"
-                      icon={<IconAlertCircle size={16} />}
-                      title="Record-backed connectivity only"
-                    >
-                      {cleanChainJoinCount.toLocaleString()} record-backed
-                      storage objects currently validate cleanly through Syfon
-                      into Git, but the default bucket-first audit is blocked
-                      because the mapped bucket target could not be enumerated.{' '}
-                      Totals scanned:{' '}
-                      {chainAuditResult.summary.bucketObjectCount.toLocaleString()}{' '}
-                      probe-backed bucket objects,{' '}
-                      {chainAuditResult.summary.syfonRecordCount.toLocaleString()}{' '}
-                      Syfon records,{' '}
-                      {chainAuditResult.summary.gitTrackedFileCount.toLocaleString()}{' '}
-                      Git-tracked files.
-                    </Alert>
-                  ) : null}
-
-                  {isChainAuditing && !chainAuditResult && !chainAuditError ? (
-                    <Center py="xl">
-                      <Stack align="center" gap="xs">
-                        <Loader size="sm" />
-                        <Text c="dimmed" size="sm">
-                          Running bucket, Syfon, and Git chain audit...
-                        </Text>
-                      </Stack>
-                    </Center>
-                  ) : chainIssueSummaries.length > 0 ? (
-                    <Stack gap="sm">
-                      <div>
-                        <Title order={5}>Chain Findings</Title>
-                        <Text c="dimmed" mt={4} size="sm">
-                          Issues found in the files, records, and project
-                          contents for this path.
-                        </Text>
-                      </div>
-
-                      <Table highlightOnHover>
-                        <Table.Thead>
-                          <Table.Tr>
-                            <Table.Th>Chain Issue</Table.Th>
-                            <Table.Th>Impact</Table.Th>
-                            <Table.Th>Action</Table.Th>
-                          </Table.Tr>
-                        </Table.Thead>
-                        <Table.Tbody>
-                          {chainIssueSummaries.map((issue) => (
-                            <Table.Tr key={issue.id}>
-                              <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 miw={260}>
-                                {actionableChainSelectionIssue &&
-                                selectedChainIssue?.id === issue.id ? (
-                                  <Button
-                                    color="gray"
-                                    onClick={() =>
-                                      handleToggleChainIssueDetails(issue.id)
-                                    }
-                                    size="xs"
-                                    variant="outline"
-                                  >
-                                    Hide paths
-                                  </Button>
-                                ) : issue.id === 'bucket_only_object' ||
-                                  issue.id === 'bucket_syfon_no_git' ? (
-                                  <Button
-                                    color={issue.color}
-                                    onClick={() =>
-                                      handleToggleChainIssueDetails(issue.id)
-                                    }
-                                    size="xs"
-                                    variant="light"
-                                  >
-                                    Select paths
-                                  </Button>
-                                ) : (
-                                  (() => {
-                                    const findings = (
-                                      chainAuditResult?.findings ?? []
-                                    ).filter(
-                                      (finding) => finding.kind === issue.id,
-                                    );
-                                    const supportsDeleteRecords =
-                                      issue.id === 'syfon_git_no_bucket' ||
-                                      issue.id ===
-                                        'syfon_missing_bucket_object';
-                                    const isShowingPaths =
-                                      selectedChainIssue?.id === issue.id;
-                                    return (
-                                      <Group gap="xs">
-                                        {supportsDeleteRecords ? (
-                                          <Button
-                                            color={issue.color}
-                                            loading={
-                                              isApplying ||
-                                              isAuditing ||
-                                              isChainAuditing ||
-                                              isBulkDeletingRecords
-                                            }
-                                            onClick={() => {
-                                              void runIssueAction({
-                                                defaultAction: {
-                                                  action: 'delete_records',
-                                                  destructive: true,
-                                                  label: 'Delete Syfon records',
-                                                  requiresConfirmation: true,
-                                                  supportsDryRun: false,
-                                                },
-                                                findings,
-                                                issueId: issue.id,
-                                                issueTitle: issue.title,
-                                                paths: findings.map(
-                                                  (finding) =>
-                                                    finding.normalizedPath,
-                                                ),
-                                                source: 'chain',
-                                              });
-                                            }}
-                                            size="xs"
-                                            variant="light"
-                                          >
-                                            Delete Syfon records
-                                          </Button>
-                                        ) : null}
-                                        <Button
-                                          color="gray"
-                                          onClick={() =>
-                                            handleToggleChainIssueDetails(
-                                              issue.id,
-                                            )
-                                          }
-                                          size="xs"
-                                          variant="outline"
-                                        >
-                                          {isShowingPaths
-                                            ? 'Hide paths'
-                                            : 'Show paths'}
-                                        </Button>
-                                      </Group>
-                                    );
-                                  })()
-                                )}
-                              </Table.Td>
-                            </Table.Tr>
-                          ))}
-                        </Table.Tbody>
-                      </Table>
-
-                      {selectedChainIssue && actionableChainSelectionIssue ? (
-                        <Stack
-                          className="rounded-md border border-slate-200 bg-slate-50 px-4 py-4"
-                          gap="sm"
-                        >
-                          <Group justify="space-between" wrap="wrap">
-                            <div>
-                              <Text fw={700} size="sm">
-                                {selectedChainIssue.title}
-                              </Text>
-                              <Text c="dimmed" size="sm">
-                                Choose the exact paths to act on in this issue
-                                set.
-                              </Text>
-                            </div>
-                            <Button
-                              color={selectedChainIssue.color}
-                              disabled={selectedChainPaths.length === 0}
-                              loading={isApplying || isAuditing}
-                              onClick={() => {
-                                void handleApplySelectedChainObjects();
-                              }}
-                              size="xs"
-                              variant="light"
-                            >
-                              {selectedChainIssue.id === 'bucket_only_object'
-                                ? 'Delete selected bucket objects'
-                                : 'Delete selected objects'}
-                              {selectedChainPaths.length > 0
-                                ? ` (${selectedChainPaths.length.toLocaleString()})`
-                                : ''}
-                            </Button>
-                          </Group>
-
-                          <Stack
-                            className="rounded-md border border-slate-200 bg-white px-3 py-3"
-                            gap="xs"
-                          >
-                            <Group justify="space-between" wrap="wrap">
-                              <Checkbox
-                                checked={
-                                  selectableChainPaths.length > 0 &&
-                                  selectedChainPaths.length ===
-                                    selectableChainPaths.length
-                                }
-                                indeterminate={
-                                  selectedChainPaths.length > 0 &&
-                                  selectedChainPaths.length <
-                                    selectableChainPaths.length
-                                }
-                                label={`Select all loaded paths (${selectedChainPaths.length.toLocaleString()} / ${selectableChainPaths.length.toLocaleString()})`}
-                                onChange={(event) => {
-                                  handleToggleAllChainPaths(
-                                    event.currentTarget.checked,
-                                  );
-                                }}
-                              />
-                              <Text c="dimmed" size="xs">
-                                Expand folders and choose the exact paths to
-                                heal.
-                              </Text>
-                            </Group>
-                            <Stack gap={4}>
-                              {chainPathTree
-                                .slice(0, treeNodeLimit[''] ?? 100)
-                                .map((node) => renderChainTreeNode(node))}
-                              {chainPathTree.length >
-                                (treeNodeLimit[''] ?? 100) && (
-                                <Button
-                                  onClick={() =>
-                                    setTreeNodeLimit((current) => ({
-                                      ...current,
-                                      '': (current[''] ?? 100) + 100,
-                                    }))
-                                  }
-                                  size="xs"
-                                  style={{
-                                    alignSelf: 'flex-start',
-                                    marginLeft: 28,
-                                  }}
-                                  variant="subtle"
-                                >
-                                  Show more (
-                                  {(
-                                    chainPathTree.length -
-                                    (treeNodeLimit[''] ?? 100)
-                                  ).toLocaleString()}{' '}
-                                  remaining)...
-                                </Button>
-                              )}
-                            </Stack>
-                          </Stack>
-                        </Stack>
-                      ) : null}
-
-                      {selectedChainIssue && !actionableChainSelectionIssue ? (
-                        <Stack
-                          className="rounded-md border border-slate-200 bg-slate-50 px-4 py-4"
-                          gap="sm"
-                        >
-                          <div>
-                            <Text fw={700} size="sm">
-                              {selectedChainIssue.title}
-                            </Text>
-                            <Text c="dimmed" size="sm">
-                              {selectedChainFindings.length.toLocaleString()}{' '}
-                              paths in this issue set.
-                            </Text>
-                          </div>
-                          <div className="max-h-[420px] overflow-auto rounded-md border border-slate-200 bg-white">
-                            <Table highlightOnHover stickyHeader>
-                              <Table.Thead>
-                                <Table.Tr>
-                                  <Table.Th>Path</Table.Th>
-                                  <Table.Th>Checksum</Table.Th>
-                                  <Table.Th>Records</Table.Th>
-                                  <Table.Th>Objects</Table.Th>
-                                </Table.Tr>
-                              </Table.Thead>
-                              <Table.Tbody>
-                                {selectedChainFindings.map((finding) => (
-                                  <Table.Tr
-                                    key={`${finding.kind}:${finding.normalizedPath}`}
-                                  >
-                                    <Table.Td maw={720}>
-                                      <Text
-                                        className="break-all"
-                                        fw={600}
-                                        size="sm"
-                                      >
-                                        {finding.normalizedPath}
-                                      </Text>
-                                    </Table.Td>
-                                    <Table.Td maw={320}>
-                                      <Text
-                                        className="break-all font-mono"
-                                        size="xs"
-                                      >
-                                        {finding.checksum || '—'}
-                                      </Text>
-                                    </Table.Td>
-                                    <Table.Td>
-                                      {finding.recordCount.toLocaleString()}
-                                    </Table.Td>
-                                    <Table.Td>
-                                      {finding.objectIds.length.toLocaleString()}
-                                    </Table.Td>
-                                  </Table.Tr>
-                                ))}
-                              </Table.Tbody>
-                            </Table>
-                          </div>
-                        </Stack>
-                      ) : null}
-                    </Stack>
-                  ) : chainAuditResult ? (
-                    <Alert
-                      color="green"
-                      icon={<IconAlertCircle size={16} />}
-                      title="No chain issues"
-                    >
-                      Gecko did not find any broken Git-to-Syfon-to-bucket links
-                      in this subtree.
-                    </Alert>
-                  ) : null}
-
-                  {applyError ? (
-                    <Alert
-                      color="red"
-                      icon={<IconAlertCircle size={16} />}
-                      title="Cleanup apply failed"
-                    >
-                      {applyError}
-                    </Alert>
-                  ) : null}
-
-                  {auditError ? (
-                    <Alert
-                      color="red"
-                      icon={<IconAlertCircle size={16} />}
-                      title="Delete preparation failed"
-                    >
-                      {auditError}
-                    </Alert>
-                  ) : null}
-
-                  {applyResult ? (
-                    <Alert
-                      color={applyResult.dryRun ? 'blue' : 'green'}
-                      icon={<IconAlertCircle size={16} />}
-                      title={
-                        applyResult.dryRun
-                          ? 'Cleanup dry run'
-                          : 'Cleanup applied'
-                      }
-                    >
-                      {buildCleanupApplySummary(applyResult)}
-                    </Alert>
-                  ) : null}
-
-                  {showDiffDetails && diffAuditResult ? (
-                    diffIssueSummaries.length > 0 ? (
-                      <Stack gap="sm">
-                        <div>
-                          <Title order={5}>Project Diff</Title>
-                          <Text c="dimmed" mt={4} size="sm">
-                            Checksum join evidence between Git and Syfon.
-                          </Text>
-                        </div>
-                        <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>
-                            {diffIssueSummaries.map((issue) => (
-                              <Table.Tr key={issue.id}>
-                                <Table.Td miw={520}>
-                                  <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>
-                                    <Text size="sm">
-                                      {issue.recommendation}
-                                    </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>
-                                  {(() => {
-                                    const findings = (
-                                      diffAuditResult?.findings ?? []
-                                    ).filter((finding) =>
-                                      issue.findingKinds.includes(finding.kind),
-                                    );
-                                    const action = resolveIssueAction({
-                                      defaultAction:
-                                        issue.actionSummary.defaultAction,
-                                      findings,
-                                      issueId: issue.id,
-                                    });
-                                    return action ? (
-                                      <Button
-                                        color={issue.color}
-                                        loading={isAuditing}
-                                        onClick={() => {
-                                          void runIssueAction({
-                                            defaultAction: action,
-                                            findings,
-                                            issueId: issue.id,
-                                            issueTitle: issue.title,
-                                            paths: findings.map(
-                                              (finding) =>
-                                                finding.normalizedPath,
-                                            ),
-                                            source: 'diff',
-                                          });
-                                        }}
-                                        size="xs"
-                                        variant="light"
-                                      >
-                                        {action.label}
-                                      </Button>
-                                    ) : null;
-                                  })()}
-                                </Table.Td>
-                              </Table.Tr>
-                            ))}
-                          </Table.Tbody>
-                        </Table>
-
-                        {selectedDiffIssue ? (
-                          <Stack
-                            className="rounded-md border border-slate-200 bg-slate-50 px-4 py-4"
-                            gap="sm"
-                          >
-                            <Group justify="space-between" wrap="wrap">
-                              <div>
-                                <Text fw={700} size="sm">
-                                  {selectedDiffIssue.title}
-                                </Text>
-                                <Text c="dimmed" size="sm">
-                                  {selectedDiffFindings.length.toLocaleString()}{' '}
-                                  paths in this issue set.
-                                </Text>
-                              </div>
-                              <Button
-                                onClick={() => setSelectedDiffIssueId(null)}
-                                size="xs"
-                                variant="subtle"
-                              >
-                                Hide paths
-                              </Button>
-                            </Group>
-
-                            <div className="max-h-[420px] overflow-auto rounded-md border border-slate-200 bg-white">
-                              <Table highlightOnHover stickyHeader>
-                                <Table.Thead>
-                                  <Table.Tr>
-                                    <Table.Th>Path</Table.Th>
-                                    <Table.Th>Issue</Table.Th>
-                                    <Table.Th>Records</Table.Th>
-                                    <Table.Th>Objects</Table.Th>
-                                    <Table.Th>Downloads</Table.Th>
-                                  </Table.Tr>
-                                </Table.Thead>
-                                <Table.Tbody>
-                                  {selectedDiffFindings.map((finding) => (
-                                    <Table.Tr
-                                      key={`${finding.kind}:${finding.normalizedPath}`}
-                                    >
-                                      <Table.Td maw={720}>
-                                        <Text
-                                          className="break-all"
-                                          fw={600}
-                                          size="sm"
-                                        >
-                                          {finding.normalizedPath}
-                                        </Text>
-                                      </Table.Td>
-                                      <Table.Td>
-                                        <Badge
-                                          color={issueColorForDiffKind(
-                                            finding.kind,
-                                          )}
-                                          variant="light"
-                                        >
-                                          {formatCleanupFindingLabel(
-                                            finding.kind,
-                                          )}
-                                        </Badge>
-                                      </Table.Td>
-                                      <Table.Td>
-                                        {finding.recordCount.toLocaleString()}
-                                      </Table.Td>
-                                      <Table.Td>
-                                        {finding.objectIds.length.toLocaleString()}
-                                      </Table.Td>
-                                      <Table.Td>
-                                        {(
-                                          finding.downloadCount ?? 0
-                                        ).toLocaleString()}
-                                      </Table.Td>
-                                    </Table.Tr>
-                                  ))}
-                                </Table.Tbody>
-                              </Table>
-                            </div>
-                          </Stack>
-                        ) : null}
-                      </Stack>
-                    ) : (
-                      <Alert
-                        color="green"
-                        icon={<IconAlertCircle size={16} />}
-                        title="No project diff issues"
-                      >
-                        Git and Syfon are aligned for this subtree. No
-                        duplicate, Syfon-only, or Git-only paths were returned.
-                      </Alert>
-                    )
-                  ) : null}
-
-                  {showCleanupDetails &&
-                  auditResult &&
-                  isDuplicateVerificationContext &&
-                  !hasSafeDuplicateCleanup ? (
-                    <Alert
-                      color="yellow"
-                      icon={<IconAlertCircle size={16} />}
-                      title="No safe duplicate delete yet"
-                    >
-                      Syfon confirmed duplicate paths, but this verification
-                      pass did not prove which sibling record is stale.
-                    </Alert>
-                  ) : null}
-
-                  {auditResult && showCleanupDetails ? (
-                    <Stack gap="sm">
-                      <div>
-                        <Title order={5}>Storage Verification</Title>
-                        <Text c="dimmed" mt={4} size="sm">
-                          Syfon verification results for the issue set you just
-                          inspected.
-                        </Text>
-                      </div>
-
-                      {hasCleanupFindings &&
-                      cleanupIssueSummaries.length > 0 ? (
-                        <Table highlightOnHover>
-                          <Table.Thead>
-                            <Table.Tr>
-                              <Table.Th>Verification Result</Table.Th>
-                              <Table.Th>Impact</Table.Th>
-                              <Table.Th>Action</Table.Th>
-                            </Table.Tr>
-                          </Table.Thead>
-                          <Table.Tbody>
-                            {cleanupIssueSummaries.map((issue) => (
-                              <Table.Tr key={issue.id}>
-                                <Table.Td miw={260}>
-                                  <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 miw={340}>
-                                  {(() => {
-                                    const findings = (
-                                      auditResult?.findings ?? []
-                                    ).filter((finding) =>
-                                      issue.findingKinds.includes(finding.kind),
-                                    );
-                                    const action = resolveIssueAction({
-                                      defaultAction:
-                                        issue.actionSummary.defaultAction,
-                                      findings,
-                                      issueId: issue.id,
-                                    });
-                                    return action ? (
-                                      <Button
-                                        color={issue.color}
-                                        loading={isApplying}
-                                        onClick={() => {
-                                          void runIssueAction({
-                                            defaultAction: action,
-                                            findings,
-                                            issueId: issue.id,
-                                            issueTitle: issue.title,
-                                            paths: findings.map(
-                                              (finding) =>
-                                                finding.normalizedPath,
-                                            ),
-                                            source: 'cleanup',
-                                          });
-                                        }}
-                                        size="xs"
-                                        variant="light"
-                                      >
-                                        {action.label}
-                                      </Button>
-                                    ) : null;
-                                  })()}
-                                </Table.Td>
-                              </Table.Tr>
-                            ))}
-                          </Table.Tbody>
-                        </Table>
-                      ) : (
-                        <Alert
-                          color="blue"
-                          icon={<IconAlertCircle size={16} />}
-                          title="No delete candidates after verification"
-                        >
-                          Storage verification did not return any safe cleanup
-                          findings for the selected issue set.
-                        </Alert>
-                      )}
-                    </Stack>
-                  ) : null}
-                </Stack>
-              </Modal>
-
-              <Stack gap="md" px="sm">
-                <div className="overflow-x-auto">
-                  <div className="flex min-w-[1320px] items-center justify-between gap-6">
-                    <div className="flex min-w-0 flex-1 items-center gap-2 whitespace-nowrap overflow-x-auto pb-1">
-                      {collapsedBreadcrumb.leadingItems.map((item, index) => (
-                        <React.Fragment key={item.path || item.label}>
-                          {index > 0 ? (
-                            <IconChevronRight
-                              className="shrink-0 text-slate-400"
-                              size={14}
-                            />
-                          ) : null}
-                          {index === 1 &&
-                          collapsedBreadcrumb.hiddenItems.length > 0 ? (
-                            <>
-                              <Menu shadow="md" width={260} withinPortal>
-                                <Menu.Target>
-                                  <button
-                                    className="max-w-[220px] shrink-0 rounded-md border border-slate-200 bg-white px-3 py-1.5 text-sm font-semibold text-slate-600 transition hover:border-slate-300 hover:text-slate-900"
-                                    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>
-                              <IconChevronRight
-                                className="shrink-0 text-slate-400"
-                                size={14}
-                              />
-                            </>
-                          ) : null}
-                          <button
-                            className={`max-w-[240px] truncate rounded-md border px-3 py-1.5 text-sm font-semibold transition ${
-                              item.path === currentPath
-                                ? 'border-slate-200 bg-slate-100 text-slate-900'
-                                : 'border-slate-200 bg-white text-slate-600 hover:border-slate-300 hover:text-slate-900'
-                            }`}
-                            onClick={() => setCurrentPath(item.path)}
-                            title={item.label}
-                            type="button"
-                          >
-                            {item.label}
-                          </button>
-                        </React.Fragment>
-                      ))}
-                    </div>
-                    <Group
-                      align="center"
-                      className="shrink-0 justify-self-end"
-                      gap="xs"
-                      wrap="nowrap"
-                    >
-                      <Button
-                        loading={isChainAuditing}
-                        onClick={() => {
-                          void handleOpenAuditModal();
-                        }}
-                        size="xs"
-                        variant="light"
-                      >
-                        Audit Project
-                      </Button>
-                      <ActionIcon
-                        aria-label="Refresh metrics"
-                        disabled={!selectedProject}
-                        onClick={() => refresh()}
-                        size="lg"
-                        variant="subtle"
-                      >
-                        <IconRefresh size={16} />
-                      </ActionIcon>
-                    </Group>
-                  </div>
-                </div>
-
-                <div className="overflow-x-auto">
-                  <div className="grid min-w-[1320px] grid-cols-[260px_140px_180px_120px_220px] items-end gap-x-8">
-                    <div className="min-w-[220px]">
-                      <Text c="dimmed" fw={700} size="xs" tt="uppercase">
-                        Project
-                      </Text>
-                      <Text
-                        className="mt-1 truncate"
-                        fw={700}
-                        size="sm"
-                        title={pageTitle}
-                      >
-                        {pageTitle}
-                      </Text>
-                    </div>
-
-                    <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">
-                        {(data?.downloadCount ?? 0).toLocaleString()}
-                      </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={() => setCurrentPath(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>
-                                {row.downloadCount.toLocaleString()}
-                              </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>
-                </Stack>
-              </Stack>
+                pathsByParent={pathsByParent}
+                selectableChainPaths={selectableChainPaths}
+                selectedChainFindings={selectedChainFindings}
+                selectedChainIssue={selectedChainIssue}
+                selectedChainPaths={selectedChainPaths}
+                selectedChainPathsSet={selectedChainPathsSet}
+                selectedDiffFindings={selectedDiffFindings}
+                selectedDiffIssue={selectedDiffIssue}
+                setExpandedChainTreeNodes={setExpandedChainTreeNodes}
+                setTreeNodeLimit={setTreeNodeLimit}
+                showCleanupDetails={showCleanupDetails}
+                showDiffDetails={showDiffDetails}
+                treeNodeLimit={treeNodeLimit}
+              />
+
+              <StorageBrowser
+                collapsedBreadcrumb={collapsedBreadcrumb}
+                currentPath={currentPath}
+                data={data}
+                filesummaryConfig={filesummaryConfig}
+                isChainAuditing={isChainAuditing}
+                isLoadingMore={isLoadingMore}
+                largestRowSize={largestRowSize}
+                onLoadMore={() => {
+                  void loadMore();
+                }}
+                onOpenAuditModal={() => {
+                  void handleOpenAuditModal();
+                }}
+                onPathChange={setCurrentPath}
+                onRefresh={refresh}
+                onSort={handleStorageSort}
+                pageTitle={pageTitle}
+                selectedProject={selectedProject}
+                sortedRows={sortedRows}
+                storageSortDirection={storageSortDirection}
+                storageSortKey={storageSortKey}
+              />
             </>
           ) : null}
         </Stack>
diff --git a/packages/frontend/src/pages/FileSummary/StorageBrowser.tsx b/packages/frontend/src/pages/FileSummary/StorageBrowser.tsx
new file mode 100644
index 00000000..385f776b
--- /dev/null
+++ b/packages/frontend/src/pages/FileSummary/StorageBrowser.tsx
@@ -0,0 +1,345 @@
+import React from 'react';
+import {
+  ActionIcon,
+  Badge,
+  Button,
+  Group,
+  Menu,
+  Progress,
+  Stack,
+  Table,
+  Text,
+} from '@mantine/core';
+import {
+  IconChevronRight,
+  IconFile,
+  IconFolder,
+  IconRefresh,
+  IconSelector,
+} from '@tabler/icons-react';
+import { formatBytes } from '../../utils/labels';
+import type { FilesummaryConfig } from './types';
+import type { StoragePathRow, StoragePathSummary } from './storageUtils';
+import {
+  formatTimestamp,
+  type BreadcrumbItem,
+  type StorageSortDirection,
+  type StorageSortKey,
+} from './storagePresentation';
+
+type CollapsedBreadcrumb = {
+  readonly leadingItems: Array<BreadcrumbItem>;
+  readonly hiddenItems: Array<BreadcrumbItem>;
+};
+
+type StorageBrowserProps = {
+  readonly collapsedBreadcrumb: CollapsedBreadcrumb;
+  readonly currentPath: string;
+  readonly data: StoragePathSummary | null;
+  readonly filesummaryConfig?: FilesummaryConfig;
+  readonly isChainAuditing: boolean;
+  readonly isLoadingMore: boolean;
+  readonly largestRowSize: number;
+  readonly pageTitle: string;
+  readonly selectedProject: string;
+  readonly sortedRows: Array<StoragePathRow>;
+  readonly storageSortDirection: StorageSortDirection;
+  readonly storageSortKey: StorageSortKey;
+  readonly onLoadMore: () => void;
+  readonly onOpenAuditModal: () => void;
+  readonly onPathChange: (path: string) => void;
+  readonly onRefresh: () => void;
+  readonly onSort: (key: StorageSortKey) => void;
+};
+
+export const StorageBrowser = ({
+  collapsedBreadcrumb,
+  currentPath,
+  data,
+  filesummaryConfig,
+  isChainAuditing,
+  isLoadingMore,
+  largestRowSize,
+  onLoadMore,
+  onOpenAuditModal,
+  onPathChange,
+  onRefresh,
+  onSort,
+  pageTitle,
+  selectedProject,
+  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>
+  );
+
+  return (
+    <Stack gap="md" px="sm">
+      <div className="overflow-x-auto">
+        <div className="flex min-w-[1320px] items-center justify-between gap-6">
+          <div className="flex min-w-0 flex-1 items-center gap-2 whitespace-nowrap overflow-x-auto pb-1">
+            {collapsedBreadcrumb.leadingItems.map((item, index) => (
+              <React.Fragment key={item.path || item.label}>
+                {index > 0 ? (
+                  <IconChevronRight
+                    className="shrink-0 text-slate-400"
+                    size={14}
+                  />
+                ) : null}
+                {index === 1 && collapsedBreadcrumb.hiddenItems.length > 0 ? (
+                  <>
+                    <Menu shadow="md" width={260} withinPortal>
+                      <Menu.Target>
+                        <button
+                          className="max-w-[220px] shrink-0 rounded-md border border-slate-200 bg-white px-3 py-1.5 text-sm font-semibold text-slate-600 transition hover:border-slate-300 hover:text-slate-900"
+                          type="button"
+                        >
+                          ...
+                        </button>
+                      </Menu.Target>
+                      <Menu.Dropdown>
+                        {collapsedBreadcrumb.hiddenItems.map((hiddenItem) => (
+                          <Menu.Item
+                            key={hiddenItem.path}
+                            onClick={() => onPathChange(hiddenItem.path)}
+                          >
+                            {hiddenItem.label}
+                          </Menu.Item>
+                        ))}
+                      </Menu.Dropdown>
+                    </Menu>
+                    <IconChevronRight
+                      className="shrink-0 text-slate-400"
+                      size={14}
+                    />
+                  </>
+                ) : null}
+                <button
+                  className={`max-w-[240px] truncate rounded-md border px-3 py-1.5 text-sm font-semibold transition ${
+                    item.path === currentPath
+                      ? 'border-slate-200 bg-slate-100 text-slate-900'
+                      : 'border-slate-200 bg-white text-slate-600 hover:border-slate-300 hover:text-slate-900'
+                  }`}
+                  onClick={() => onPathChange(item.path)}
+                  title={item.label}
+                  type="button"
+                >
+                  {item.label}
+                </button>
+              </React.Fragment>
+            ))}
+          </div>
+          <Group
+            align="center"
+            className="shrink-0 justify-self-end"
+            gap="xs"
+            wrap="nowrap"
+          >
+            <Button
+              loading={isChainAuditing}
+              onClick={onOpenAuditModal}
+              size="xs"
+              variant="light"
+            >
+              Audit Project
+            </Button>
+            <ActionIcon
+              aria-label="Refresh metrics"
+              disabled={!selectedProject}
+              onClick={onRefresh}
+              size="lg"
+              variant="subtle"
+            >
+              <IconRefresh size={16} />
+            </ActionIcon>
+          </Group>
+        </div>
+      </div>
+
+      <div className="overflow-x-auto">
+        <div className="grid min-w-[1320px] grid-cols-[260px_140px_180px_120px_220px] items-end gap-x-8">
+          <div className="min-w-[220px]">
+            <Text c="dimmed" fw={700} size="xs" tt="uppercase">
+              Project
+            </Text>
+            <Text
+              className="mt-1 truncate"
+              fw={700}
+              size="sm"
+              title={pageTitle}
+            >
+              {pageTitle}
+            </Text>
+          </div>
+
+          <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">
+              {(data?.downloadCount ?? 0).toLocaleString()}
+            </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>{row.downloadCount.toLocaleString()}</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/StorageChainAuditModal.tsx b/packages/frontend/src/pages/FileSummary/StorageChainAuditModal.tsx
new file mode 100644
index 00000000..d06031b3
--- /dev/null
+++ b/packages/frontend/src/pages/FileSummary/StorageChainAuditModal.tsx
@@ -0,0 +1,847 @@
+import React from 'react';
+import {
+  Alert,
+  Badge,
+  Button,
+  Center,
+  Checkbox,
+  Group,
+  Loader,
+  Menu,
+  Modal,
+  Stack,
+  Table,
+  Text,
+  Title,
+} 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 { StorageChainAuditModalProps } from './StorageChainAuditModal.types';
+import { issueColorForDiffKind } from './storageIssueSummaries';
+import {
+  buildCleanupApplySummary,
+  formatCleanupFindingLabel,
+  orderedRepairActions,
+  resolveIssueAction,
+} from './storagePresentation';
+
+export const StorageChainAuditModal = ({
+  actionFeedbackMessage,
+  actionableChainSelectionIssue,
+  applyError,
+  applyResult,
+  auditError,
+  auditResult,
+  chainAuditError,
+  chainAuditResult,
+  chainIssueSummaries,
+  chainPathTree,
+  cleanChainJoinCount,
+  cleanupIssueSummaries,
+  diffAuditResult,
+  diffIssueSummaries,
+  expandedChainTreeNodes,
+  hasChainIssues,
+  hasCleanupFindings,
+  hasSafeDuplicateCleanup,
+  isApplying,
+  isAuditing,
+  isBulkDeletingRecords,
+  isChainAuditing,
+  isDuplicateVerificationContext,
+  onApplySelectedChainObjects,
+  onClose,
+  onRunIssueAction,
+  onSelectedChainPathsChange,
+  onSelectedDiffIssueChange,
+  onToggleAllChainPaths,
+  onToggleChainIssueDetails,
+  onToggleChainPath,
+  opened,
+  pathsByParent,
+  selectableChainPaths,
+  selectedChainFindings,
+  selectedChainIssue,
+  selectedChainPaths,
+  selectedChainPathsSet,
+  selectedDiffFindings,
+  selectedDiffIssue,
+  setExpandedChainTreeNodes,
+  setTreeNodeLimit,
+  showCleanupDetails,
+  showDiffDetails,
+  treeNodeLimit,
+}: StorageChainAuditModalProps): JSX.Element => (
+  <Modal
+    onClose={onClose}
+    opened={opened}
+    size="min(1680px, 96vw)"
+    title="Storage Chain Audit"
+  >
+    <Stack gap="md">
+      <Text c="dimmed" size="sm">
+        Gecko audits the chain from bucket objects to Syfon records to
+        Git-tracked files. Anything that falls out of that chain is surfaced
+        here as a cleanup or ingest issue.
+      </Text>
+
+      {chainAuditError ? (
+        <Alert
+          color="red"
+          icon={<IconAlertCircle size={16} />}
+          title="Chain audit failed"
+        >
+          {chainAuditError}
+        </Alert>
+      ) : null}
+
+      {actionFeedbackMessage ? (
+        <Alert
+          color="blue"
+          icon={<IconAlertCircle size={16} />}
+          title="Action complete"
+        >
+          {actionFeedbackMessage}
+        </Alert>
+      ) : null}
+
+      {chainAuditResult &&
+      !chainAuditResult.summary.bucketInventoryAvailable ? (
+        <Alert
+          color="orange"
+          icon={<IconAlertCircle size={16} />}
+          title="Bucket inventory unavailable"
+        >
+          Syfon could not enumerate the mapped bucket target for this project.
+          Gecko kept the audit running using record-backed storage validation,
+          but bucket-only object detection and bucket object totals are limited
+          to what fallback validation could prove.
+          {chainAuditResult.summary.bucketInventoryError ? (
+            <Text mt={8} size="sm">
+              {chainAuditResult.summary.bucketInventoryError}
+            </Text>
+          ) : null}
+        </Alert>
+      ) : null}
+
+      {chainAuditResult &&
+      chainAuditResult.summary.bucketInventoryAvailable &&
+      !hasChainIssues &&
+      cleanChainJoinCount > 0 ? (
+        <Alert
+          color="green"
+          icon={<IconAlertCircle size={16} />}
+          title="Connected end-to-end"
+        >
+          {cleanChainJoinCount.toLocaleString()} bucket objects currently join
+          cleanly through Syfon into Git. Totals scanned:{' '}
+          {chainAuditResult.summary.bucketObjectCount.toLocaleString()} bucket
+          objects, {chainAuditResult.summary.syfonRecordCount.toLocaleString()}{' '}
+          Syfon records,{' '}
+          {chainAuditResult.summary.gitTrackedFileCount.toLocaleString()}{' '}
+          Git-tracked files.
+        </Alert>
+      ) : null}
+
+      {chainAuditResult &&
+      chainAuditResult.summary.bucketInventoryAvailable &&
+      hasChainIssues ? (
+        <Alert
+          color="yellow"
+          icon={<IconAlertCircle size={16} />}
+          title="Chain issues found"
+        >
+          {chainIssueSummaries
+            .reduce((sum, issue) => sum + issue.pathCount, 0)
+            .toLocaleString()}{' '}
+          issue paths need attention in this subtree. Totals scanned:{' '}
+          {chainAuditResult.summary.bucketObjectCount.toLocaleString()} bucket
+          objects, {chainAuditResult.summary.syfonRecordCount.toLocaleString()}{' '}
+          Syfon records,{' '}
+          {chainAuditResult.summary.gitTrackedFileCount.toLocaleString()}{' '}
+          Git-tracked files.
+          {cleanChainJoinCount > 0 ? (
+            <>
+              {' '}
+              {cleanChainJoinCount.toLocaleString()} bucket objects also join
+              cleanly through Syfon into Git.
+            </>
+          ) : null}
+        </Alert>
+      ) : null}
+
+      {chainAuditResult &&
+      !chainAuditResult.summary.bucketInventoryAvailable ? (
+        <Alert
+          color="yellow"
+          icon={<IconAlertCircle size={16} />}
+          title="Record-backed connectivity only"
+        >
+          {cleanChainJoinCount.toLocaleString()} record-backed storage objects
+          currently validate cleanly through Syfon into Git, but the default
+          bucket-first audit is blocked because the mapped bucket target could
+          not be enumerated. Totals scanned:{' '}
+          {chainAuditResult.summary.bucketObjectCount.toLocaleString()}{' '}
+          probe-backed bucket objects,{' '}
+          {chainAuditResult.summary.syfonRecordCount.toLocaleString()} Syfon
+          records,{' '}
+          {chainAuditResult.summary.gitTrackedFileCount.toLocaleString()}{' '}
+          Git-tracked files.
+        </Alert>
+      ) : null}
+
+      {isChainAuditing && !chainAuditResult && !chainAuditError ? (
+        <Center py="xl">
+          <Stack align="center" gap="xs">
+            <Loader size="sm" />
+            <Text c="dimmed" size="sm">
+              Running bucket, Syfon, and Git chain audit...
+            </Text>
+          </Stack>
+        </Center>
+      ) : chainIssueSummaries.length > 0 ? (
+        <Stack gap="sm">
+          <div>
+            <Title order={5}>Chain Findings</Title>
+            <Text c="dimmed" mt={4} size="sm">
+              Issues found in the files, records, and project contents for this
+              path.
+            </Text>
+          </div>
+
+          <Table highlightOnHover>
+            <Table.Thead>
+              <Table.Tr>
+                <Table.Th>Chain Issue</Table.Th>
+                <Table.Th>Impact</Table.Th>
+                <Table.Th>Action</Table.Th>
+              </Table.Tr>
+            </Table.Thead>
+            <Table.Tbody>
+              {chainIssueSummaries.map((issue) => (
+                <Table.Tr key={issue.id}>
+                  <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 miw={260}>
+                    {actionableChainSelectionIssue &&
+                    selectedChainIssue?.id === issue.id ? (
+                      <Button
+                        color="gray"
+                        onClick={() => onToggleChainIssueDetails(issue.id)}
+                        size="xs"
+                        variant="outline"
+                      >
+                        Hide paths
+                      </Button>
+                    ) : issue.id === 'bucket_only_object' ||
+                      issue.id === 'bucket_syfon_no_git' ? (
+                      <Button
+                        color={issue.color}
+                        onClick={() => onToggleChainIssueDetails(issue.id)}
+                        size="xs"
+                        variant="light"
+                      >
+                        Select paths
+                      </Button>
+                    ) : (
+                      (() => {
+                        const findings = (
+                          chainAuditResult?.findings ?? []
+                        ).filter((finding) => finding.kind === issue.id);
+                        const isShowingPaths =
+                          selectedChainIssue?.id === issue.id;
+                        const paths = findings.map(
+                          (finding) => finding.normalizedPath,
+                        );
+                        const repairActions = orderedRepairActions(
+                          issue.actionSummary.availableActions,
+                        );
+                        const defaultRepairAction =
+                          issue.actionSummary.defaultAction &&
+                          ![
+                            'view_paths',
+                            'inspect_evidence',
+                            'rerun_audit',
+                          ].includes(issue.actionSummary.defaultAction.action)
+                            ? issue.actionSummary.defaultAction
+                            : repairActions[0];
+                        const secondaryRepairActions = defaultRepairAction
+                          ? repairActions.filter(
+                              (action) =>
+                                action.action !== defaultRepairAction.action,
+                            )
+                          : [];
+                        const isBusy =
+                          isApplying ||
+                          isAuditing ||
+                          isChainAuditing ||
+                          isBulkDeletingRecords;
+                        const runRepairAction = (action: AuditActionOption) => {
+                          onRunIssueAction({
+                            defaultAction: action,
+                            findings,
+                            issueId: issue.id,
+                            issueTitle: issue.title,
+                            paths,
+                            source: 'chain',
+                          });
+                        };
+                        return (
+                          <Group gap="xs">
+                            {issue.id === 'git_syfon_metadata_mismatch' &&
+                            repairActions.length > 1 ? (
+                              <Menu shadow="md" withinPortal>
+                                <Menu.Target>
+                                  <Button
+                                    color={issue.color}
+                                    loading={isBusy}
+                                    size="xs"
+                                    variant="light"
+                                  >
+                                    Choose fix
+                                  </Button>
+                                </Menu.Target>
+                                <Menu.Dropdown>
+                                  {repairActions.map((action) => (
+                                    <Menu.Item
+                                      key={action.action}
+                                      color={
+                                        action.destructive ? 'red' : undefined
+                                      }
+                                      onClick={() => runRepairAction(action)}
+                                    >
+                                      {action.label}
+                                    </Menu.Item>
+                                  ))}
+                                </Menu.Dropdown>
+                              </Menu>
+                            ) : defaultRepairAction ? (
+                              <Button
+                                color={issue.color}
+                                loading={isBusy}
+                                onClick={() =>
+                                  runRepairAction(defaultRepairAction)
+                                }
+                                size="xs"
+                                variant="light"
+                              >
+                                {defaultRepairAction.label}
+                              </Button>
+                            ) : null}
+                            {secondaryRepairActions.map((action) => (
+                              <Button
+                                color="gray"
+                                key={action.action}
+                                loading={isBusy}
+                                onClick={() => runRepairAction(action)}
+                                size="xs"
+                                variant="outline"
+                              >
+                                {action.label}
+                              </Button>
+                            ))}
+                            <Button
+                              color="gray"
+                              onClick={() =>
+                                onToggleChainIssueDetails(issue.id)
+                              }
+                              size="xs"
+                              variant="outline"
+                            >
+                              {isShowingPaths ? 'Hide paths' : 'Show paths'}
+                            </Button>
+                          </Group>
+                        );
+                      })()
+                    )}
+                  </Table.Td>
+                </Table.Tr>
+              ))}
+            </Table.Tbody>
+          </Table>
+
+          {selectedChainIssue && actionableChainSelectionIssue ? (
+            <Stack
+              className="rounded-md border border-slate-200 bg-slate-50 px-4 py-4"
+              gap="sm"
+            >
+              <Group justify="space-between" wrap="wrap">
+                <div>
+                  <Text fw={700} size="sm">
+                    {selectedChainIssue.title}
+                  </Text>
+                  <Text c="dimmed" size="sm">
+                    Choose the exact paths to act on in this issue set.
+                  </Text>
+                </div>
+                <Button
+                  color={selectedChainIssue.color}
+                  disabled={selectedChainPaths.length === 0}
+                  loading={isApplying || isAuditing}
+                  onClick={onApplySelectedChainObjects}
+                  size="xs"
+                  variant="light"
+                >
+                  {selectedChainIssue.id === 'bucket_only_object'
+                    ? 'Delete selected bucket objects'
+                    : 'Delete selected objects'}
+                  {selectedChainPaths.length > 0
+                    ? ` (${selectedChainPaths.length.toLocaleString()})`
+                    : ''}
+                </Button>
+              </Group>
+
+              <Stack
+                className="rounded-md border border-slate-200 bg-white px-3 py-3"
+                gap="xs"
+              >
+                <Group justify="space-between" wrap="wrap">
+                  <Checkbox
+                    checked={
+                      selectableChainPaths.length > 0 &&
+                      selectedChainPaths.length === selectableChainPaths.length
+                    }
+                    indeterminate={
+                      selectedChainPaths.length > 0 &&
+                      selectedChainPaths.length < selectableChainPaths.length
+                    }
+                    label={`Select all loaded paths (${selectedChainPaths.length.toLocaleString()} / ${selectableChainPaths.length.toLocaleString()})`}
+                    onChange={(event) => {
+                      onToggleAllChainPaths(event.currentTarget.checked);
+                    }}
+                  />
+                  <Text c="dimmed" size="xs">
+                    Expand folders and choose the exact paths to heal.
+                  </Text>
+                </Group>
+                <ChainPathTree
+                  expandedTreeNodes={expandedChainTreeNodes}
+                  nodes={chainPathTree.slice(0, treeNodeLimit[''] ?? 100)}
+                  onSelectedPathsChange={onSelectedChainPathsChange}
+                  onTogglePath={onToggleChainPath}
+                  onTreeNodeLimitChange={setTreeNodeLimit}
+                  onTreeNodeToggle={setExpandedChainTreeNodes}
+                  pathsByParent={pathsByParent}
+                  selectedPaths={selectedChainPaths}
+                  selectedPathsSet={selectedChainPathsSet}
+                  treeNodeLimit={treeNodeLimit}
+                />
+                {chainPathTree.length > (treeNodeLimit[''] ?? 100) && (
+                  <Button
+                    onClick={() =>
+                      setTreeNodeLimit((current) => ({
+                        ...current,
+                        '': (current[''] ?? 100) + 100,
+                      }))
+                    }
+                    size="xs"
+                    style={{
+                      alignSelf: 'flex-start',
+                      marginLeft: 28,
+                    }}
+                    variant="subtle"
+                  >
+                    Show more (
+                    {(
+                      chainPathTree.length - (treeNodeLimit[''] ?? 100)
+                    ).toLocaleString()}{' '}
+                    remaining)...
+                  </Button>
+                )}
+              </Stack>
+            </Stack>
+          ) : null}
+
+          {selectedChainIssue && !actionableChainSelectionIssue ? (
+            <Stack
+              className="rounded-md border border-slate-200 bg-slate-50 px-4 py-4"
+              gap="sm"
+            >
+              <div>
+                <Text fw={700} size="sm">
+                  {selectedChainIssue.title}
+                </Text>
+                <Text c="dimmed" size="sm">
+                  {selectedChainFindings.length.toLocaleString()} paths in this
+                  issue set.
+                </Text>
+              </div>
+              <div className="max-h-[420px] overflow-auto rounded-md border border-slate-200 bg-white">
+                <Table highlightOnHover stickyHeader>
+                  <Table.Thead>
+                    <Table.Tr>
+                      <Table.Th>Path</Table.Th>
+                      <Table.Th>Checksum</Table.Th>
+                      <Table.Th>Records</Table.Th>
+                      <Table.Th>Objects</Table.Th>
+                    </Table.Tr>
+                  </Table.Thead>
+                  <Table.Tbody>
+                    {selectedChainFindings.map((finding) => (
+                      <Table.Tr
+                        key={`${finding.kind}:${finding.normalizedPath}`}
+                      >
+                        <Table.Td maw={720}>
+                          <Text className="break-all" fw={600} size="sm">
+                            {finding.normalizedPath}
+                          </Text>
+                        </Table.Td>
+                        <Table.Td maw={320}>
+                          <Text className="break-all font-mono" size="xs">
+                            {finding.checksum || '—'}
+                          </Text>
+                        </Table.Td>
+                        <Table.Td>
+                          {finding.recordCount.toLocaleString()}
+                        </Table.Td>
+                        <Table.Td>
+                          {finding.objectIds.length.toLocaleString()}
+                        </Table.Td>
+                      </Table.Tr>
+                    ))}
+                  </Table.Tbody>
+                </Table>
+              </div>
+            </Stack>
+          ) : null}
+        </Stack>
+      ) : chainAuditResult ? (
+        <Alert
+          color="green"
+          icon={<IconAlertCircle size={16} />}
+          title="No chain issues"
+        >
+          Gecko did not find any broken Git-to-Syfon-to-bucket links in this
+          subtree.
+        </Alert>
+      ) : null}
+
+      {applyError ? (
+        <Alert
+          color="red"
+          icon={<IconAlertCircle size={16} />}
+          title="Cleanup apply failed"
+        >
+          {applyError}
+        </Alert>
+      ) : null}
+
+      {auditError ? (
+        <Alert
+          color="red"
+          icon={<IconAlertCircle size={16} />}
+          title="Delete preparation failed"
+        >
+          {auditError}
+        </Alert>
+      ) : null}
+
+      {applyResult ? (
+        <Alert
+          color={applyResult.dryRun ? 'blue' : 'green'}
+          icon={<IconAlertCircle size={16} />}
+          title={applyResult.dryRun ? 'Cleanup dry run' : 'Cleanup applied'}
+        >
+          {buildCleanupApplySummary(applyResult)}
+        </Alert>
+      ) : null}
+
+      {showDiffDetails && diffAuditResult ? (
+        diffIssueSummaries.length > 0 ? (
+          <Stack gap="sm">
+            <div>
+              <Title order={5}>Project Diff</Title>
+              <Text c="dimmed" mt={4} size="sm">
+                Checksum join evidence between Git and Syfon.
+              </Text>
+            </div>
+            <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>
+                {diffIssueSummaries.map((issue) => (
+                  <Table.Tr key={issue.id}>
+                    <Table.Td miw={520}>
+                      <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>
+                        <Text size="sm">{issue.recommendation}</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>
+                      {(() => {
+                        const findings = (
+                          diffAuditResult?.findings ?? []
+                        ).filter((finding) =>
+                          issue.findingKinds.includes(finding.kind),
+                        );
+                        const action = resolveIssueAction({
+                          defaultAction: issue.actionSummary.defaultAction,
+                          findings,
+                          issueId: issue.id,
+                        });
+                        return action ? (
+                          <Button
+                            color={issue.color}
+                            loading={isAuditing}
+                            onClick={() => {
+                              onRunIssueAction({
+                                defaultAction: action,
+                                findings,
+                                issueId: issue.id,
+                                issueTitle: issue.title,
+                                paths: findings.map(
+                                  (finding) => finding.normalizedPath,
+                                ),
+                                source: 'diff',
+                              });
+                            }}
+                            size="xs"
+                            variant="light"
+                          >
+                            {action.label}
+                          </Button>
+                        ) : null;
+                      })()}
+                    </Table.Td>
+                  </Table.Tr>
+                ))}
+              </Table.Tbody>
+            </Table>
+
+            {selectedDiffIssue ? (
+              <Stack
+                className="rounded-md border border-slate-200 bg-slate-50 px-4 py-4"
+                gap="sm"
+              >
+                <Group justify="space-between" wrap="wrap">
+                  <div>
+                    <Text fw={700} size="sm">
+                      {selectedDiffIssue.title}
+                    </Text>
+                    <Text c="dimmed" size="sm">
+                      {selectedDiffFindings.length.toLocaleString()} paths in
+                      this issue set.
+                    </Text>
+                  </div>
+                  <Button
+                    onClick={() => onSelectedDiffIssueChange(null)}
+                    size="xs"
+                    variant="subtle"
+                  >
+                    Hide paths
+                  </Button>
+                </Group>
+
+                <div className="max-h-[420px] overflow-auto rounded-md border border-slate-200 bg-white">
+                  <Table highlightOnHover stickyHeader>
+                    <Table.Thead>
+                      <Table.Tr>
+                        <Table.Th>Path</Table.Th>
+                        <Table.Th>Issue</Table.Th>
+                        <Table.Th>Records</Table.Th>
+                        <Table.Th>Objects</Table.Th>
+                        <Table.Th>Downloads</Table.Th>
+                      </Table.Tr>
+                    </Table.Thead>
+                    <Table.Tbody>
+                      {selectedDiffFindings.map((finding) => (
+                        <Table.Tr
+                          key={`${finding.kind}:${finding.normalizedPath}`}
+                        >
+                          <Table.Td maw={720}>
+                            <Text className="break-all" fw={600} size="sm">
+                              {finding.normalizedPath}
+                            </Text>
+                          </Table.Td>
+                          <Table.Td>
+                            <Badge
+                              color={issueColorForDiffKind(finding.kind)}
+                              variant="light"
+                            >
+                              {formatCleanupFindingLabel(finding.kind)}
+                            </Badge>
+                          </Table.Td>
+                          <Table.Td>
+                            {finding.recordCount.toLocaleString()}
+                          </Table.Td>
+                          <Table.Td>
+                            {finding.objectIds.length.toLocaleString()}
+                          </Table.Td>
+                          <Table.Td>
+                            {(finding.downloadCount ?? 0).toLocaleString()}
+                          </Table.Td>
+                        </Table.Tr>
+                      ))}
+                    </Table.Tbody>
+                  </Table>
+                </div>
+              </Stack>
+            ) : null}
+          </Stack>
+        ) : (
+          <Alert
+            color="green"
+            icon={<IconAlertCircle size={16} />}
+            title="No project diff issues"
+          >
+            Git and Syfon are aligned for this subtree. No duplicate,
+            Syfon-only, or Git-only paths were returned.
+          </Alert>
+        )
+      ) : null}
+
+      {showCleanupDetails &&
+      auditResult &&
+      isDuplicateVerificationContext &&
+      !hasSafeDuplicateCleanup ? (
+        <Alert
+          color="yellow"
+          icon={<IconAlertCircle size={16} />}
+          title="No safe duplicate delete yet"
+        >
+          Syfon confirmed duplicate paths, but this verification pass did not
+          prove which sibling record is stale.
+        </Alert>
+      ) : null}
+
+      {auditResult && showCleanupDetails ? (
+        <Stack gap="sm">
+          <div>
+            <Title order={5}>Storage Verification</Title>
+            <Text c="dimmed" mt={4} size="sm">
+              Syfon verification results for the issue set you just inspected.
+            </Text>
+          </div>
+
+          {hasCleanupFindings && cleanupIssueSummaries.length > 0 ? (
+            <Table highlightOnHover>
+              <Table.Thead>
+                <Table.Tr>
+                  <Table.Th>Verification Result</Table.Th>
+                  <Table.Th>Impact</Table.Th>
+                  <Table.Th>Action</Table.Th>
+                </Table.Tr>
+              </Table.Thead>
+              <Table.Tbody>
+                {cleanupIssueSummaries.map((issue) => (
+                  <Table.Tr key={issue.id}>
+                    <Table.Td miw={260}>
+                      <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 miw={340}>
+                      {(() => {
+                        const findings = (auditResult?.findings ?? []).filter(
+                          (finding) =>
+                            issue.findingKinds.includes(finding.kind),
+                        );
+                        const action = resolveIssueAction({
+                          defaultAction: issue.actionSummary.defaultAction,
+                          findings,
+                          issueId: issue.id,
+                        });
+                        return action ? (
+                          <Button
+                            color={issue.color}
+                            loading={isApplying}
+                            onClick={() => {
+                              onRunIssueAction({
+                                defaultAction: action,
+                                findings,
+                                issueId: issue.id,
+                                issueTitle: issue.title,
+                                paths: findings.map(
+                                  (finding) => finding.normalizedPath,
+                                ),
+                                source: 'cleanup',
+                              });
+                            }}
+                            size="xs"
+                            variant="light"
+                          >
+                            {action.label}
+                          </Button>
+                        ) : null;
+                      })()}
+                    </Table.Td>
+                  </Table.Tr>
+                ))}
+              </Table.Tbody>
+            </Table>
+          ) : (
+            <Alert
+              color="blue"
+              icon={<IconAlertCircle size={16} />}
+              title="No delete candidates after verification"
+            >
+              Storage verification did not return any safe cleanup findings for
+              the selected issue set.
+            </Alert>
+          )}
+        </Stack>
+      ) : null}
+    </Stack>
+  </Modal>
+);
diff --git a/packages/frontend/src/pages/FileSummary/StorageChainAuditModal.types.ts b/packages/frontend/src/pages/FileSummary/StorageChainAuditModal.types.ts
new file mode 100644
index 00000000..00c7ad1e
--- /dev/null
+++ b/packages/frontend/src/pages/FileSummary/StorageChainAuditModal.types.ts
@@ -0,0 +1,81 @@
+import type React from 'react';
+import type {
+  AuditActionOption,
+  ProjectDiffAuditResult,
+  ProjectDiffFinding,
+  StorageChainAuditResult,
+  StorageChainFinding,
+  StorageCleanupApplyResult,
+  StorageCleanupAuditResult,
+} from './storageTypes';
+import type {
+  ChainIssueSummary,
+  CleanupIssueSummary,
+  ProjectDiffIssueSummary,
+} from './storageIssueSummaries';
+import type {
+  ActionIssueSource,
+  ActionableFinding,
+  ChainPathTreeNode,
+} from './storagePresentation';
+
+export type RunIssueActionArgs = {
+  defaultAction?: AuditActionOption;
+  findings: Array<ActionableFinding>;
+  issueId: string;
+  issueTitle: string;
+  paths: Array<string>;
+  source: ActionIssueSource;
+};
+
+export type StorageChainAuditModalProps = {
+  readonly actionFeedbackMessage: string | null;
+  readonly actionableChainSelectionIssue: boolean;
+  readonly applyError: string | null;
+  readonly applyResult: StorageCleanupApplyResult | null;
+  readonly auditError: string | null;
+  readonly auditResult: StorageCleanupAuditResult | null;
+  readonly chainAuditError: string | null;
+  readonly chainAuditResult: StorageChainAuditResult | null;
+  readonly chainIssueSummaries: Array<ChainIssueSummary>;
+  readonly chainPathTree: Array<ChainPathTreeNode>;
+  readonly cleanChainJoinCount: number;
+  readonly cleanupIssueSummaries: Array<CleanupIssueSummary>;
+  readonly diffAuditResult: ProjectDiffAuditResult | null;
+  readonly diffIssueSummaries: Array<ProjectDiffIssueSummary>;
+  readonly expandedChainTreeNodes: Record<string, boolean>;
+  readonly hasChainIssues: boolean;
+  readonly hasCleanupFindings: boolean;
+  readonly hasSafeDuplicateCleanup: boolean;
+  readonly isApplying: boolean;
+  readonly isAuditing: boolean;
+  readonly isBulkDeletingRecords: boolean;
+  readonly isChainAuditing: boolean;
+  readonly isDuplicateVerificationContext: boolean;
+  readonly opened: boolean;
+  readonly pathsByParent: Map<string, Array<ChainPathTreeNode>>;
+  readonly selectableChainPaths: Array<string>;
+  readonly selectedChainFindings: Array<StorageChainFinding>;
+  readonly selectedChainIssue: ChainIssueSummary | null;
+  readonly selectedChainPaths: Array<string>;
+  readonly selectedChainPathsSet: Set<string>;
+  readonly selectedDiffFindings: Array<ProjectDiffFinding>;
+  readonly selectedDiffIssue: ProjectDiffIssueSummary | null;
+  readonly showCleanupDetails: boolean;
+  readonly showDiffDetails: boolean;
+  readonly treeNodeLimit: Record<string, number>;
+  readonly onApplySelectedChainObjects: () => void;
+  readonly onClose: () => void;
+  readonly onRunIssueAction: (args: RunIssueActionArgs) => void;
+  readonly onSelectedChainPathsChange: (paths: Array<string>) => void;
+  readonly onSelectedDiffIssueChange: (issueId: string | null) => void;
+  readonly onToggleAllChainPaths: (checked: boolean) => void;
+  readonly onToggleChainIssueDetails: (issueId: string) => void;
+  readonly onToggleChainPath: (path: string, checked: boolean) => void;
+  readonly setExpandedChainTreeNodes: React.Dispatch<
+    React.SetStateAction<Record<string, boolean>>
+  >;
+  readonly setTreeNodeLimit: React.Dispatch<
+    React.SetStateAction<Record<string, number>>
+  >;
+};
diff --git a/packages/frontend/src/pages/FileSummary/hooks.tsx b/packages/frontend/src/pages/FileSummary/hooks.tsx
index 1d6fac10..4fcd6e30 100644
--- a/packages/frontend/src/pages/FileSummary/hooks.tsx
+++ b/packages/frontend/src/pages/FileSummary/hooks.tsx
@@ -12,324 +12,48 @@ import {
   buildProjectOptions,
   normalizeStoragePath,
   splitProjectSelectionValue,
-  sortStorageRows,
   type ProjectStorageOption,
-  type StoragePathRow,
-  type StoragePathSummary,
 } 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,
+} from './storageTypes';
 import { requestSessionLogout } from '../../lib/session/session';
 
-const DEFAULT_CHILD_LIMIT = 1000;
-
-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 recommendedAction: 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 totalFindings: number;
-  readonly bucketObjectCount: number;
-  readonly syfonRecordCount: number;
-  readonly gitTrackedFileCount: number;
-  readonly bucketInventoryAvailable: boolean;
-  readonly bucketInventoryError?: string;
-}
-
-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 status?: string;
-      readonly error_kind?: string;
-      readonly error?: 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 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;
-}
-
-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;
-  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>;
-}
+export { useSyfonPathStorageSummary } from './useStorageFolder';
+export type {
+  AuditActionOption,
+  ProjectDiffFinding,
+  ProjectDiffFindingKind,
+  StorageApplyActionRequest,
+  StorageChainFinding,
+  StorageChainFindingKind,
+  StorageChainIssueGroup,
+  StorageCleanupApplyResult,
+  StorageCleanupFinding,
+  StorageCleanupFindingKind,
+} from './storageTypes';
 
 const buildGeckoGitProjectBaseUrl = ({
   organization,
@@ -342,57 +66,6 @@ const buildGeckoGitProjectBaseUrl = ({
     organization.trim(),
   )}/${encodeURIComponent(project.trim())}`;
 
-const buildStorageSummaryUrl = ({
-  organization,
-  path,
-  project,
-}: {
-  organization: string;
-  path?: string;
-  project: string;
-}): string => {
-  const query = new URLSearchParams();
-  const normalizedPath = normalizeStoragePath(path);
-
-  if (normalizedPath) {
-    query.set('git_subpath', normalizedPath);
-  }
-
-  const querySuffix = query.toString() ? `?${query.toString()}` : '';
-  return `${buildGeckoGitProjectBaseUrl({
-    organization,
-    project,
-  })}/storage/summary${querySuffix}`;
-};
-
-const buildStorageChildrenUrl = ({
-  limit,
-  organization,
-  path,
-  project,
-}: {
-  limit: number;
-  organization: string;
-  path?: string;
-  project: string;
-}): 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);
-  }
-
-  return `${buildGeckoGitProjectBaseUrl({
-    organization,
-    project,
-  })}/storage/children?${query.toString()}`;
-};
-
 const buildStorageCleanupUrl = ({
   action,
   organization,
@@ -480,8 +153,7 @@ const normalizeAuditEvidence = (
         : undefined,
     bucketObjectUrls: toStringArray(item.bucket_object_urls),
     buckets: toStringArray(item.buckets),
-    checksum:
-      typeof item.checksum === 'string' ? item.checksum : undefined,
+    checksum: typeof item.checksum === 'string' ? item.checksum : undefined,
     errorKinds: toStringArray(item.error_kinds),
     errors: toStringArray(item.errors),
     keys: toStringArray(item.keys),
@@ -515,9 +187,9 @@ const handleUnauthorizedResponse = (response: Response): boolean => {
 const isUnauthorizedMutationError = (error: unknown): boolean =>
   Boolean(
     error &&
-      typeof error === 'object' &&
-      'status' in error &&
-      (error as { status?: unknown }).status === 401,
+    typeof error === 'object' &&
+    'status' in error &&
+    (error as { status?: unknown }).status === 401,
   );
 
 const getErrorMessage = async (
@@ -547,128 +219,7 @@ const toStringArray = (value: unknown): Array<string> => {
     .filter(Boolean);
 };
 
-const normalizeAuditActionOption = (
-  item: unknown,
-): AuditActionOption | null => {
-  if (typeof item === 'string') {
-    const action = item.trim();
-    if (!action) {
-      return null;
-    }
-
-    return {
-      action,
-      destructive: false,
-      label: action
-        .replace(/[_-]+/g, ' ')
-        .replace(/\b\w/g, (value) => value.toUpperCase()),
-      requiresConfirmation: false,
-      supportsDryRun: false,
-    };
-  }
-
-  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
-          : false,
-    label:
-      labelValue ||
-      actionValue
-        .replace(/[_-]+/g, ' ')
-        .replace(/\b\w/g, (value) => value.toUpperCase()),
-    requiresConfirmation:
-      typeof record.requires_confirmation === 'boolean'
-        ? record.requires_confirmation
-        : typeof record.requiresConfirmation === 'boolean'
-          ? record.requiresConfirmation
-          : false,
-    supportsDryRun:
-      typeof record.supports_dry_run === 'boolean'
-        ? record.supports_dry_run
-        : typeof record.supportsDryRun === 'boolean'
-          ? record.supportsDryRun
-          : false,
-  };
-};
-
-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(),
-  );
-};
-
-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;
-};
-
-const parseCleanupFindingKind = (
-  value: unknown,
-): StorageCleanupFindingKind => {
+const parseCleanupFindingKind = (value: unknown): StorageCleanupFindingKind => {
   switch (value) {
     case 'stale_duplicate_record':
     case 'live_duplicate_conflict':
@@ -717,29 +268,6 @@ const parseStorageChainFindingKind = (
   }
 };
 
-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 ?? 0,
-    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 ?? 0,
-    sizeBytes: item.total_bytes ?? 0,
-    type,
-  };
-};
-
 const parseCleanupScope = (value: unknown): StorageCleanupScope => {
   switch (value) {
     case 'record':
@@ -766,10 +294,8 @@ const normalizeCleanupAccessProbe = (
   }
 
   return {
-    bucket:
-      typeof record.bucket === 'string' ? record.bucket : undefined,
-    etag:
-      typeof record.etag === 'string' ? record.etag : undefined,
+    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
@@ -778,22 +304,16 @@ const normalizeCleanupAccessProbe = (
           : 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,
+    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,
+      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
@@ -801,9 +321,7 @@ const normalizeCleanupAccessProbe = (
     sizeBytes:
       typeof record.size_bytes === 'number' ? record.size_bytes : undefined,
     sizeMatch:
-      typeof record.size_match === 'boolean'
-        ? record.size_match
-        : undefined,
+      typeof record.size_match === 'boolean' ? record.size_match : undefined,
     status:
       typeof record.storage_status === 'string'
         ? record.storage_status
@@ -847,7 +365,9 @@ const normalizeCleanupRecordAudit = (
     )
     .filter((probe): probe is StorageCleanupAccessProbe => probe !== null);
 
-  const accessMethodItems = Array.isArray(item.access_methods) ? item.access_methods : [];
+  const accessMethodItems = Array.isArray(item.access_methods)
+    ? item.access_methods
+    : [];
   const accessMethods: Array<StorageCleanupAccessMethod> = accessMethodItems
     .map<StorageCleanupAccessMethod | null>((method) => {
       if (!method || typeof method !== 'object') {
@@ -895,7 +415,9 @@ const normalizeCleanupRecordAudit = (
             ? item.last_updated
             : undefined,
     normalizedPath:
-      typeof item.normalized_path === 'string' ? item.normalized_path : undefined,
+      typeof item.normalized_path === 'string'
+        ? item.normalized_path
+        : undefined,
     objectId,
     sizeBytes:
       typeof item.size === 'number'
@@ -954,17 +476,17 @@ const normalizeCleanupFinding = (
           ? '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';
+            : 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:
@@ -1014,15 +536,16 @@ const normalizeCleanupFinding = (
     repoDeleteCandidate:
       typeof item.repo_delete_candidate === 'boolean'
         ? item.repo_delete_candidate
-        : kind === 'repo_orphan_live_object' || kind === 'repo_orphan_stale_record',
+        : 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,
+            ? item.sizeBytes
+            : undefined,
     supportsDryRun:
       typeof item.supports_dry_run === 'boolean'
         ? item.supports_dry_run
@@ -1088,10 +611,8 @@ const normalizeStorageChainFinding = (
       typeof item.bucket_object_url === 'string'
         ? item.bucket_object_url
         : undefined,
-    checksum:
-      typeof item.checksum === 'string' ? item.checksum : undefined,
-    error:
-      typeof item.error === 'string' ? item.error : 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:
@@ -1189,9 +710,7 @@ const normalizeProjectDiffFinding = (
       typeof item.actionability === 'string' ? item.actionability : undefined,
     availableActions,
     downloadCount:
-      typeof item.download_count === 'number'
-        ? item.download_count
-        : undefined,
+      typeof item.download_count === 'number' ? item.download_count : undefined,
     kind,
     lastDownload:
       typeof item.last_download_time === 'string'
@@ -1270,9 +789,10 @@ const normalizeProjectDiffAuditResult = ({
       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)
+        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' &&
@@ -1285,16 +805,18 @@ const normalizeProjectDiffAuditResult = ({
       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)
+        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)
+        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' &&
@@ -1309,7 +831,8 @@ const normalizeProjectDiffAuditResult = ({
         response.summary &&
         typeof (response.summary as Record<string, unknown>).total_findings ===
           'number'
-          ? ((response.summary as Record<string, unknown>).total_findings as number)
+          ? ((response.summary as Record<string, unknown>)
+              .total_findings as number)
           : findings.length,
     },
   };
@@ -1327,14 +850,10 @@ const normalizeStorageChainIssueGroup = (
     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,
+    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,
   };
 };
 
@@ -1345,7 +864,9 @@ const normalizeStorageChainAuditResult = ({
   pathPrefix: string;
   response: Record<string, unknown> | null;
 }): StorageChainAuditResult => {
-  const findingItems = Array.isArray(response?.findings) ? response.findings : [];
+  const findingItems = Array.isArray(response?.findings)
+    ? response.findings
+    : [];
   const findings = findingItems
     .map((item) =>
       item && typeof item === 'object'
@@ -1481,7 +1002,6 @@ const normalizeCleanupAuditResult = ({
   };
 };
 
-
 const buildStorageApplyFindingRequest = (
   finding: StorageCleanupFinding | StorageChainFinding,
 ): StorageApplyFindingRequest => ({
@@ -1591,13 +1111,10 @@ const normalizeCleanupApplyResult = (
         }
 
         return {
-          error:
-            typeof record.error === 'string' ? record.error : undefined,
+          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,
+          status: typeof record.status === 'string' ? record.status : undefined,
+          success: typeof record.success === 'boolean' ? record.success : null,
         };
       })
       .filter((result): result is StorageCleanupPurgeResult => result !== null),
@@ -1627,7 +1144,9 @@ const resolveInitialProjectSelection = ({
   if (!defaultProject?.trim()) return options[0].value;
 
   const normalizedDefault = defaultProject.trim();
-  const directMatch = options.find((option) => option.value === normalizedDefault);
+  const directMatch = options.find(
+    (option) => option.value === normalizedDefault,
+  );
   if (directMatch) return directMatch.value;
 
   const projectOnlyMatches = options.filter(
@@ -1640,10 +1159,9 @@ const resolveInitialProjectSelection = ({
   return options[0].value;
 };
 
-export const useFileSummaryProjectOptions = (
-  config?: FilesummaryConfig,
-) => {
-  const { data: projectSummary = [], isLoading } = useGetGeckoProjectSummaryQuery();
+export const useFileSummaryProjectOptions = (config?: FilesummaryConfig) => {
+  const { data: projectSummary = [], isLoading } =
+    useGetGeckoProjectSummaryQuery();
 
   const options = useMemo(
     () => buildProjectOptions(projectSummary),
@@ -1666,142 +1184,6 @@ export const useFileSummaryProjectOptions = (
   };
 };
 
-export const useSyfonPathStorageSummary = ({
-  currentPath,
-  projectSelection,
-}: {
-  currentPath: string;
-  projectSelection: string;
-  config?: FilesummaryConfig;
-}) => {
-  const [data, setData] = useState<StoragePathSummary | null>(null);
-  const [error, setError] = useState<string | null>(null);
-  const [isLoading, setIsLoading] = useState(false);
-  const [reloadToken, setReloadToken] = useState(0);
-
-  const refresh = useCallback(() => {
-    setReloadToken((current) => current + 1);
-  }, []);
-
-  useEffect(() => {
-    const selection = splitProjectSelectionValue(projectSelection);
-    if (!selection) {
-      setData(null);
-      setError(null);
-      setIsLoading(false);
-      return undefined;
-    }
-
-    const { organization, project } = selection;
-    let cancelled = false;
-
-    const load = async () => {
-      setIsLoading(true);
-      setError(null);
-
-      try {
-        const [summaryResponse, childrenResponse] = await Promise.all([
-          fetch(
-            buildStorageSummaryUrl({
-              organization,
-              path: currentPath,
-              project,
-            }),
-            {
-              credentials: 'include',
-              method: 'GET',
-            },
-          ),
-          fetch(
-            buildStorageChildrenUrl({
-              limit: DEFAULT_CHILD_LIMIT,
-              organization,
-              path: currentPath,
-              project,
-            }),
-            {
-              credentials: 'include',
-              method: 'GET',
-            },
-          ),
-        ]);
-
-        if (
-          handleUnauthorizedResponse(summaryResponse) ||
-          handleUnauthorizedResponse(childrenResponse)
-        ) {
-          throw new Error('Your session expired. Please log in again.');
-        }
-
-        if (!summaryResponse.ok) {
-          throw new Error(
-            `Failed to fetch storage summary for ${organization}/${project}`,
-          );
-        }
-        if (!childrenResponse.ok) {
-          throw new Error(
-            `Failed to fetch storage children for ${organization}/${project}`,
-          );
-        }
-
-        const summaryJson =
-          (await summaryResponse.json()) as StorageSummaryResponse;
-        const childrenJson =
-          (await childrenResponse.json()) as StorageChildrenResponse;
-
-        const rows = sortStorageRows(
-          (childrenJson.items ?? [])
-            .map((item) => normalizeStorageRow(item))
-            .filter((row): row is StoragePathRow => row !== null),
-        );
-
-        const summary: StoragePathSummary = {
-          childCount: summaryJson.direct_child_count ?? rows.length,
-          downloadCount: summaryJson.download_count ?? 0,
-          fileCount: summaryJson.file_count ?? 0,
-          lastDownload: summaryJson.last_download_time,
-          lastUpdated: summaryJson.latest_update_time,
-          path: summaryJson.path?.trim() || currentPath.trim(),
-          recordCount: summaryJson.record_count ?? 0,
-          rows,
-          sizeBytes: summaryJson.total_bytes ?? 0,
-          truncated: (summaryJson.direct_child_count ?? rows.length) > rows.length,
-        };
-
-        if (!cancelled) {
-          setData(summary);
-        }
-      } catch (loadError) {
-        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;
-    };
-  }, [currentPath, projectSelection, reloadToken]);
-
-  return {
-    data,
-    error,
-    isLoading,
-    refresh,
-  };
-};
-
 export const useSyfonProjectDiff = ({
   config,
   currentPath,
@@ -1823,67 +1205,69 @@ export const useSyfonProjectDiff = ({
 
   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;
-    }
+  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);
+      setAuditError(null);
+      setIsAuditing(true);
 
-    try {
-      const response = await fetch(
-        buildProjectDiffUrl({
-          organization: selection.organization,
-          project: selection.project,
-        }),
-        {
-          body: JSON.stringify({
-            git_subpath: normalizeStoragePath(currentPath) || undefined,
+      try {
+        const response = await fetch(
+          buildProjectDiffUrl({
+            organization: selection.organization,
+            project: selection.project,
           }),
-        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}`,
-          ),
+          {
+            body: JSON.stringify({
+              git_subpath: normalizeStoragePath(currentPath) || undefined,
+            }),
+            credentials: 'include',
+            headers: {
+              'Content-Type': 'application/json',
+              ...(csrfToken ? { 'X-CSRF-Token': csrfToken } : {}),
+            },
+            method: 'POST',
+          },
         );
-      }
 
-      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);
-    }
-  }, [csrfToken, currentPath, projectSelection]);
+        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);
+      }
+    }, [csrfToken, currentPath, projectSelection]);
 
   const clearAudit = useCallback(() => {
     setAuditError(null);
@@ -1910,9 +1294,8 @@ export const useSyfonStorageChain = ({
   projectSelection: string;
 }) => {
   const [auditError, setAuditError] = useState<string | null>(null);
-  const [auditResult, setAuditResult] = useState<StorageChainAuditResult | null>(
-    null,
-  );
+  const [auditResult, setAuditResult] =
+    useState<StorageChainAuditResult | null>(null);
   const [isAuditing, setIsAuditing] = useState(false);
   useGetCSRFQuery();
   const csrfToken = useCoreSelector((state: CoreState) =>
@@ -1921,92 +1304,97 @@ export const useSyfonStorageChain = ({
 
   void config;
 
-  const runAudit = useCallback(async ({
-    bucketInventoryMode,
-    bucketPathPrefix,
-    findingKind,
-    findingLimit,
-    persistResult = true,
-    probeMode,
-  }: {
-    bucketInventoryMode?: 'items' | 'validate';
-    bucketPathPrefix?: string;
-    findingKind?: string;
-    findingLimit?: number;
-    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;
-    }
+  const runAudit = useCallback(
+    async ({
+      bucketInventoryMode,
+      bucketPathPrefix,
+      findingKind,
+      findingLimit,
+      persistResult = true,
+      probeMode,
+    }: {
+      bucketInventoryMode?: 'items' | 'validate';
+      bucketPathPrefix?: string;
+      findingKind?: string;
+      findingLimit?: number;
+      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;
+      }
 
-    setAuditError(null);
-    setIsAuditing(true);
+      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,
-            git_subpath: normalizeStoragePath(currentPath) || undefined,
-            probe_mode: probeMode,
+      try {
+        const response = await fetch(
+          buildStorageChainUrl({
+            organization: selection.organization,
+            project: selection.project,
           }),
-          credentials: 'include',
-          headers: {
-            'Content-Type': 'application/json',
-            ...(csrfToken ? { 'X-CSRF-Token': csrfToken } : {}),
+          {
+            body: JSON.stringify({
+              bucket_inventory_mode: bucketInventoryMode,
+              bucket_path_prefix: bucketPathPrefix
+                ? normalizeStoragePath(bucketPathPrefix) || undefined
+                : undefined,
+              finding_kind: findingKind,
+              finding_limit: findingLimit,
+              git_subpath: normalizeStoragePath(currentPath) || undefined,
+              probe_mode: probeMode,
+            }),
+            credentials: 'include',
+            headers: {
+              'Content-Type': 'application/json',
+              ...(csrfToken ? { 'X-CSRF-Token': csrfToken } : {}),
+            },
+            method: 'POST',
           },
-          method: 'POST',
-        },
-      );
+        );
 
-      if (handleUnauthorizedResponse(response)) {
-        throw new Error('Your session expired. Please log in again.');
-      }
+        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}`,
-          ),
-        );
-      }
+        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);
+        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);
       }
-      return null;
-    } finally {
-      setIsAuditing(false);
-    }
-  }, [csrfToken, currentPath, projectSelection]);
+    },
+    [csrfToken, currentPath, projectSelection],
+  );
 
   const clearAudit = useCallback(() => {
     setAuditError(null);
@@ -2033,13 +1421,11 @@ export const useSyfonStorageCleanup = ({
   projectSelection: string;
 }) => {
   const [applyError, setApplyError] = useState<string | null>(null);
-  const [applyResult, setApplyResult] = useState<StorageCleanupApplyResult | null>(
-    null,
-  );
+  const [applyResult, setApplyResult] =
+    useState<StorageCleanupApplyResult | null>(null);
   const [auditError, setAuditError] = useState<string | null>(null);
-  const [auditResult, setAuditResult] = useState<StorageCleanupAuditResult | null>(
-    null,
-  );
+  const [auditResult, setAuditResult] =
+    useState<StorageCleanupAuditResult | null>(null);
   const [isApplying, setIsApplying] = useState(false);
   const [isAuditing, setIsAuditing] = useState(false);
   const [lastAuditIncludedRepoManifest, setLastAuditIncludedRepoManifest] =
@@ -2222,13 +1608,14 @@ export const useSyfonStorageCleanup = ({
               git_subpath: normalizeStoragePath(currentPath) || undefined,
               selected_repo_paths: selectedPaths,
             }),
-          credentials: 'include',
-          headers: {
-            'Content-Type': 'application/json',
-            ...(csrfToken ? { 'X-CSRF-Token': csrfToken } : {}),
+            credentials: 'include',
+            headers: {
+              'Content-Type': 'application/json',
+              ...(csrfToken ? { 'X-CSRF-Token': csrfToken } : {}),
+            },
+            method: 'POST',
           },
-          method: 'POST',
-        });
+        );
 
         if (handleUnauthorizedResponse(response)) {
           throw new Error('Your session expired. Please log in again.');
@@ -2238,7 +1625,7 @@ export const useSyfonStorageCleanup = ({
           throw new Error(
             await getErrorMessage(
               response,
-            `Failed to apply storage cleanup for ${selection.organization}/${selection.project}`,
+              `Failed to apply storage cleanup for ${selection.organization}/${selection.project}`,
             ),
           );
         }
@@ -2263,11 +1650,7 @@ export const useSyfonStorageCleanup = ({
         setIsApplying(false);
       }
     },
-    [
-      csrfToken,
-      currentPath,
-      projectSelection,
-    ],
+    [csrfToken, currentPath, projectSelection],
   );
 
   const clearCleanupResults = useCallback(() => {
diff --git a/packages/frontend/src/pages/FileSummary/storageActions.ts b/packages/frontend/src/pages/FileSummary/storageActions.ts
new file mode 100644
index 00000000..ca9c8d58
--- /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 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..d71b5f62
--- /dev/null
+++ b/packages/frontend/src/pages/FileSummary/storageIssueSummaries.ts
@@ -0,0 +1,522 @@
+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>,
+  fallbackAction?: AuditActionOption,
+): 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 ??
+    fallbackAction?.action;
+  const defaultAction =
+    availableActions.find((action) => action.action === defaultActionName) ??
+    fallbackAction ??
+    availableActions[0];
+
+  return {
+    actionability,
+    availableActions:
+      fallbackAction && availableActions.length === 0
+        ? [fallbackAction]
+        : 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,
+          group.id === 'git-only'
+            ? {
+                action: 'view_paths',
+                destructive: false,
+                label: 'View paths',
+                requiresConfirmation: false,
+                supportsDryRun: false,
+              }
+            : undefined,
+        ),
+        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:
+      'Bucket object exists, but its metadata does not match what Syfon expects.',
+    recommendation: 'Investigate metadata drift before applying deletion.',
+    actionLabel: 'Show mismatches',
+  },
+  {
+    id: 'probe_error',
+    title: 'Probe Error',
+    color: 'red',
+    description:
+      'Bucket verification failed before Gecko could classify the chain cleanly.',
+    recommendation:
+      'Fix the mapped bucket target, bucket credential, or provider access problem and rerun the audit.',
+    actionLabel: 'Show probe errors',
+  },
+];
+
+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,
+          definition.id === 'git_only_no_syfon'
+            ? {
+                action: 'view_paths',
+                destructive: false,
+                label: 'View paths',
+                requiresConfirmation: false,
+                supportsDryRun: false,
+              }
+            : definition.id === 'syfon_git_no_bucket' ||
+                definition.id === 'syfon_missing_bucket_object'
+              ? {
+                  action: 'delete_syfon_record',
+                  destructive: true,
+                  label: 'Delete Syfon records',
+                  requiresConfirmation: true,
+                  supportsDryRun: true,
+                }
+              : definition.id === 'syfon_broken_bucket_mapping'
+                ? {
+                    action: 'remove_broken_access_urls',
+                    destructive: true,
+                    label: 'Repair access URLs',
+                    requiresConfirmation: true,
+                    supportsDryRun: true,
+                  }
+                : definition.id === 'probe_error'
+                  ? {
+                      action: 'rerun_audit',
+                      destructive: false,
+                      label: 'Retry verification',
+                      requiresConfirmation: false,
+                      supportsDryRun: false,
+                    }
+                  : undefined,
+        ),
+        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..23c1af88
--- /dev/null
+++ b/packages/frontend/src/pages/FileSummary/storagePresentation.ts
@@ -0,0 +1,384 @@
+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 ChainPathTreeNode = {
+  label: string;
+  path: string;
+  isFolder: boolean;
+  leafPath?: string;
+  descendantLeafPaths: Array<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,
+  issueId,
+  findings,
+}: {
+  defaultAction?: AuditActionOption;
+  issueId: string;
+  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]
+    );
+  }
+
+  if (issueId === 'git-only' || issueId === 'git_only_no_syfon') {
+    return {
+      action: 'view_paths',
+      destructive: false,
+      label: 'View paths',
+      requiresConfirmation: false,
+      supportsDryRun: false,
+    };
+  }
+
+  if (
+    issueId === 'syfon_git_no_bucket' ||
+    issueId === 'syfon_missing_bucket_object'
+  ) {
+    return {
+      action: 'delete_records',
+      destructive: true,
+      label: 'Delete Syfon records',
+      requiresConfirmation: true,
+      supportsDryRun: false,
+    };
+  }
+
+  if (issueId === 'probe_error') {
+    return {
+      action: 'rerun_audit',
+      destructive: false,
+      label: 'Retry verification',
+      requiresConfirmation: false,
+      supportsDryRun: false,
+    };
+  }
+
+  return {
+    action: 'view_paths',
+    destructive: false,
+    label: 'View paths',
+    requiresConfirmation: false,
+    supportsDryRun: false,
+  };
+};
+
+export const buildPathsByParentMap = (
+  paths: Array<string>,
+): Map<string, Array<ChainPathTreeNode>> => {
+  const map = new Map<string, Array<ChainPathTreeNode>>();
+  const seenPaths = new Set<string>();
+  const nodesByPath = new Map<string, ChainPathTreeNode>();
+
+  Array.from(new Set(paths.filter(Boolean))).forEach((value) => {
+    const segments = value.split('/').filter(Boolean);
+    let parentPath = '';
+    const pathNodes: Array<ChainPathTreeNode> = [];
+
+    for (let index = 0; index < segments.length; index += 1) {
+      const segment = segments[index];
+      const nodePath = parentPath ? `${parentPath}/${segment}` : segment;
+      const isLast = index === segments.length - 1;
+      const key = parentPath;
+      const uniqKey = `${key}::${nodePath}`;
+      let node: ChainPathTreeNode;
+
+      if (!seenPaths.has(uniqKey)) {
+        seenPaths.add(uniqKey);
+        let list = map.get(key);
+        if (!list) {
+          list = [];
+          map.set(key, list);
+        }
+        node = {
+          label: segment,
+          path: nodePath,
+          isFolder: !isLast,
+          leafPath: isLast ? value : undefined,
+          descendantLeafPaths: [],
+        };
+        list.push(node);
+        nodesByPath.set(nodePath, node);
+      } else {
+        node = nodesByPath.get(nodePath)!;
+        if (!isLast) {
+          node.isFolder = true;
+        }
+      }
+
+      pathNodes.push(node);
+      parentPath = nodePath;
+    }
+
+    pathNodes.forEach((node) => {
+      node.descendantLeafPaths.push(value);
+    });
+  });
+
+  map.forEach((list) => {
+    list.sort((left, right) => {
+      if (left.isFolder !== right.isFolder) {
+        return left.isFolder ? -1 : 1;
+      }
+      return left.label.localeCompare(right.label, undefined, {
+        numeric: true,
+        sensitivity: 'base',
+      });
+    });
+  });
+
+  return map;
+};
+
+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 - right.downloadCount;
+      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..a697a490
--- /dev/null
+++ b/packages/frontend/src/pages/FileSummary/storageTypes.ts
@@ -0,0 +1,281 @@
+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 recommendedAction: 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 totalFindings: number;
+  readonly bucketObjectCount: number;
+  readonly syfonRecordCount: number;
+  readonly gitTrackedFileCount: number;
+  readonly bucketInventoryAvailable: boolean;
+  readonly bucketInventoryError?: string;
+}
+
+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 status?: string;
+      readonly error_kind?: string;
+      readonly error?: 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 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
index c3501651..aa2ad0af 100644
--- a/packages/frontend/src/pages/FileSummary/storageUtils.ts
+++ b/packages/frontend/src/pages/FileSummary/storageUtils.ts
@@ -21,8 +21,10 @@ export interface StoragePathSummary {
   readonly childCount: number;
   readonly downloadCount: number;
   readonly fileCount: number;
+  readonly hasMore: boolean;
   readonly lastDownload?: string;
   readonly lastUpdated?: string;
+  readonly nextCursor?: string;
   readonly path: string;
   readonly recordCount: number;
   readonly rows: Array<StoragePathRow>;
diff --git a/packages/frontend/src/pages/FileSummary/useStorageFolder.ts b/packages/frontend/src/pages/FileSummary/useStorageFolder.ts
new file mode 100644
index 00000000..5e3eb1d4
--- /dev/null
+++ b/packages/frontend/src/pages/FileSummary/useStorageFolder.ts
@@ -0,0 +1,387 @@
+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 = 200;
+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;
+  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;
+}
+
+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,
+}: {
+  cursor?: string;
+  limit: number;
+  organization: string;
+  path?: string;
+  project: string;
+}): 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);
+  }
+
+  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 ?? 0,
+    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 ?? 0,
+    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 ?? 0,
+    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 ?? 0,
+    rows,
+    sizeBytes: summaryJson.total_bytes ?? 0,
+    truncated: Boolean(childrenJson.has_more),
+  };
+};
+
+export const useSyfonPathStorageSummary = ({
+  currentPath,
+  projectSelection,
+}: {
+  currentPath: string;
+  projectSelection: string;
+  config?: FilesummaryConfig;
+}) => {
+  const [data, setData] = useState<StoragePathSummary | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const [isLoading, setIsLoading] = 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);
+  }, []);
+
+  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,
+        }),
+        {
+          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),
+          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,
+    isLoadingMore,
+    loadMore,
+    refresh,
+  };
+};

From fd2e2582b8033a0c25b7faa86a44f0e90ca47b65 Mon Sep 17 00:00:00 2001
From: matthewpeterkort <matthewpeterkort@gmail.com>
Date: Sat, 4 Jul 2026 14:41:38 -0700
Subject: [PATCH 13/22] cosmetic upgrades to storage page

---
 .../src/pages/FileSummary/FileSummary.tsx     |  74 +++++---
 .../src/pages/FileSummary/StorageBrowser.tsx  |  25 ++-
 .../FileSummary/StorageChainAuditModal.tsx    | 158 ++++++++++------
 .../FileSummary/StorageChainAuditReport.tsx   | 173 ++++++++++++++++++
 .../frontend/src/pages/FileSummary/hooks.tsx  |  21 ++-
 .../src/pages/FileSummary/storageActions.ts   |   2 +-
 .../src/pages/FileSummary/storageUtils.ts     |   2 +
 .../src/pages/FileSummary/useStorageFolder.ts |  44 ++++-
 8 files changed, 411 insertions(+), 88 deletions(-)
 create mode 100644 packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx

diff --git a/packages/frontend/src/pages/FileSummary/FileSummary.tsx b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
index 631d6893..99c159a0 100644
--- a/packages/frontend/src/pages/FileSummary/FileSummary.tsx
+++ b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
@@ -58,6 +58,7 @@ import {
 } from './storageUtils';
 import { StorageBrowser } from './StorageBrowser';
 import { StorageChainAuditModal } from './StorageChainAuditModal';
+import { StorageChainAuditReport } from './StorageChainAuditReport';
 import {
   summarizeCleanupIssues,
   summarizeProjectDiffIssues,
@@ -134,6 +135,7 @@ export const FileSummaryPage = ({
     string | null
   >(null);
   const [auditModalOpen, setAuditModalOpen] = useState(false);
+  const [showChainAuditReport, setShowChainAuditReport] = useState(false);
   const [isBulkDeletingRecords, setIsBulkDeletingRecords] = useState(false);
   const [storageSortKey, setStorageSortKey] =
     useState<StorageSortKey>('sizeBytes');
@@ -244,12 +246,19 @@ export const FileSummaryPage = ({
       hiddenItems: breadcrumbItems.slice(1, -4),
     };
   }, [breadcrumbItems]);
-  const { data, error, isLoading, isLoadingMore, loadMore, refresh } =
-    useSyfonPathStorageSummary({
-      config: filesummaryConfig,
-      currentPath,
-      projectSelection: selectedProject,
-    });
+  const {
+    applyExactChainSummary,
+    data,
+    error,
+    isLoading,
+    isLoadingMore,
+    loadMore,
+    refresh,
+  } = useSyfonPathStorageSummary({
+    config: filesummaryConfig,
+    currentPath,
+    projectSelection: selectedProject,
+  });
   const {
     auditError: chainAuditError,
     auditResult: chainAuditResult,
@@ -311,6 +320,7 @@ export const FileSummaryPage = ({
     setSelectedChainPathsByIssue({});
     setExpandedChainTreeNodes({});
     setTreeNodeLimit({});
+    setShowChainAuditReport(false);
   }, [auditResult?.pathPrefix, currentPath, selectedProject]);
 
   const pageTitle = selectedProjectParts
@@ -813,15 +823,25 @@ export const FileSummaryPage = ({
     );
   }, []);
 
-  const handleOpenAuditModal = async () => {
-    setAuditModalOpen(true);
-    const tasks: Array<Promise<unknown>> = [];
-    if (!chainAuditResult && !isChainAuditing) {
-      tasks.push(runChainAudit());
-    }
-    if (tasks.length > 0) {
-      await Promise.all(tasks);
+  const handleRunStorageChainAudit = async () => {
+    const result = await runChainAudit();
+    setShowChainAuditReport(true);
+    if (!result) {
+      return;
     }
+
+    applyExactChainSummary({
+      bucketObjectCount: result.summary.bucketObjectCount,
+      gitTrackedFileCount: result.summary.gitTrackedFileCount,
+      pathPrefix: result.pathPrefix,
+      syfonRecordCount: result.summary.syfonRecordCount,
+    });
+  };
+
+  const handleOpenChainIssueDetails = (issueId: string) => {
+    setSelectedChainIssueId(issueId);
+    setShowChainAuditReport(true);
+    setAuditModalOpen(true);
   };
 
   const handleStorageSort = (key: StorageSortKey) => {
@@ -980,17 +1000,6 @@ export const FileSummaryPage = ({
                 {error}
               </Alert>
             ) : null}
-
-            {data?.truncated ? (
-              <Alert
-                color="yellow"
-                icon={<IconAlertCircle size={16} />}
-                title="Partial summary"
-              >
-                This path has more direct children than the current page. The
-                totals are still exact; load more rows to continue browsing.
-              </Alert>
-            ) : null}
           </Stack>
 
           {isProjectsLoading || isLoading ? (
@@ -1052,6 +1061,17 @@ export const FileSummaryPage = ({
               />
 
               <StorageBrowser
+                auditReport={
+                  <StorageChainAuditReport
+                    auditError={chainAuditError}
+                    auditResult={chainAuditResult}
+                    chainIssueSummaries={chainIssueSummaries}
+                    cleanChainJoinCount={cleanChainJoinCount}
+                    isOpen={showChainAuditReport}
+                    onOpenChange={setShowChainAuditReport}
+                    onOpenIssueDetails={handleOpenChainIssueDetails}
+                  />
+                }
                 collapsedBreadcrumb={collapsedBreadcrumb}
                 currentPath={currentPath}
                 data={data}
@@ -1062,8 +1082,8 @@ export const FileSummaryPage = ({
                 onLoadMore={() => {
                   void loadMore();
                 }}
-                onOpenAuditModal={() => {
-                  void handleOpenAuditModal();
+                onRunAudit={() => {
+                  void handleRunStorageChainAudit();
                 }}
                 onPathChange={setCurrentPath}
                 onRefresh={refresh}
diff --git a/packages/frontend/src/pages/FileSummary/StorageBrowser.tsx b/packages/frontend/src/pages/FileSummary/StorageBrowser.tsx
index 385f776b..fd05d39c 100644
--- a/packages/frontend/src/pages/FileSummary/StorageBrowser.tsx
+++ b/packages/frontend/src/pages/FileSummary/StorageBrowser.tsx
@@ -33,6 +33,7 @@ type CollapsedBreadcrumb = {
 };
 
 type StorageBrowserProps = {
+  readonly auditReport?: React.ReactNode;
   readonly collapsedBreadcrumb: CollapsedBreadcrumb;
   readonly currentPath: string;
   readonly data: StoragePathSummary | null;
@@ -46,13 +47,14 @@ type StorageBrowserProps = {
   readonly storageSortDirection: StorageSortDirection;
   readonly storageSortKey: StorageSortKey;
   readonly onLoadMore: () => void;
-  readonly onOpenAuditModal: () => void;
+  readonly onRunAudit: () => void;
   readonly onPathChange: (path: string) => void;
   readonly onRefresh: () => void;
   readonly onSort: (key: StorageSortKey) => void;
 };
 
 export const StorageBrowser = ({
+  auditReport,
   collapsedBreadcrumb,
   currentPath,
   data,
@@ -61,7 +63,7 @@ export const StorageBrowser = ({
   isLoadingMore,
   largestRowSize,
   onLoadMore,
-  onOpenAuditModal,
+  onRunAudit,
   onPathChange,
   onRefresh,
   onSort,
@@ -151,11 +153,11 @@ export const StorageBrowser = ({
           >
             <Button
               loading={isChainAuditing}
-              onClick={onOpenAuditModal}
+              onClick={onRunAudit}
               size="xs"
               variant="light"
             >
-              Audit Project
+              Audit exacts
             </Button>
             <ActionIcon
               aria-label="Refresh metrics"
@@ -170,6 +172,8 @@ export const StorageBrowser = ({
         </div>
       </div>
 
+      {auditReport}
+
       <div className="overflow-x-auto">
         <div className="grid min-w-[1320px] grid-cols-[260px_140px_180px_120px_220px] items-end gap-x-8">
           <div className="min-w-[220px]">
@@ -204,6 +208,19 @@ export const StorageBrowser = ({
               {' · '}
               {data?.childCount ?? 0} children
             </Text>
+            {data?.isChainAuditExact ? (
+              <Stack gap={4} mt={4}>
+                <Badge color="green" size="xs" variant="light">
+                  Audit verified
+                </Badge>
+                <Text c="dimmed" size="xs">
+                  {(data.recordCount ?? 0).toLocaleString()} Syfon records
+                  {typeof data.bucketObjectCount === 'number'
+                    ? ` · ${data.bucketObjectCount.toLocaleString()} bucket objects`
+                    : ''}
+                </Text>
+              </Stack>
+            ) : null}
           </div>
 
           <div className="min-w-[120px]">
diff --git a/packages/frontend/src/pages/FileSummary/StorageChainAuditModal.tsx b/packages/frontend/src/pages/FileSummary/StorageChainAuditModal.tsx
index d06031b3..62d050bc 100644
--- a/packages/frontend/src/pages/FileSummary/StorageChainAuditModal.tsx
+++ b/packages/frontend/src/pages/FileSummary/StorageChainAuditModal.tsx
@@ -135,13 +135,26 @@ export const StorageChainAuditModal = ({
           icon={<IconAlertCircle size={16} />}
           title="Connected end-to-end"
         >
-          {cleanChainJoinCount.toLocaleString()} bucket objects currently join
-          cleanly through Syfon into Git. Totals scanned:{' '}
-          {chainAuditResult.summary.bucketObjectCount.toLocaleString()} bucket
-          objects, {chainAuditResult.summary.syfonRecordCount.toLocaleString()}{' '}
-          Syfon records,{' '}
-          {chainAuditResult.summary.gitTrackedFileCount.toLocaleString()}{' '}
-          Git-tracked files.
+          <Stack gap={4}>
+            <Text size="sm">
+              <strong>Working rows:</strong>{' '}
+              {cleanChainJoinCount.toLocaleString()} bucket objects join cleanly
+              through Syfon into Git.
+            </Text>
+            <Text size="sm">
+              <strong>Problem rows:</strong> 0 issue paths need attention in
+              this subtree.
+            </Text>
+            <Text size="sm">
+              <strong>Audit scope:</strong> scanned{' '}
+              {chainAuditResult.summary.bucketObjectCount.toLocaleString()}{' '}
+              bucket objects,{' '}
+              {chainAuditResult.summary.syfonRecordCount.toLocaleString()} Syfon
+              records, and{' '}
+              {chainAuditResult.summary.gitTrackedFileCount.toLocaleString()}{' '}
+              Git-tracked files.
+            </Text>
+          </Stack>
         </Alert>
       ) : null}
 
@@ -153,22 +166,29 @@ export const StorageChainAuditModal = ({
           icon={<IconAlertCircle size={16} />}
           title="Chain issues found"
         >
-          {chainIssueSummaries
-            .reduce((sum, issue) => sum + issue.pathCount, 0)
-            .toLocaleString()}{' '}
-          issue paths need attention in this subtree. Totals scanned:{' '}
-          {chainAuditResult.summary.bucketObjectCount.toLocaleString()} bucket
-          objects, {chainAuditResult.summary.syfonRecordCount.toLocaleString()}{' '}
-          Syfon records,{' '}
-          {chainAuditResult.summary.gitTrackedFileCount.toLocaleString()}{' '}
-          Git-tracked files.
-          {cleanChainJoinCount > 0 ? (
-            <>
-              {' '}
-              {cleanChainJoinCount.toLocaleString()} bucket objects also join
-              cleanly through Syfon into Git.
-            </>
-          ) : null}
+          <Stack gap={4}>
+            <Text size="sm">
+              <strong>Working rows:</strong>{' '}
+              {cleanChainJoinCount.toLocaleString()} bucket objects join cleanly
+              through Syfon into Git.
+            </Text>
+            <Text size="sm">
+              <strong>Problem rows:</strong>{' '}
+              {chainIssueSummaries
+                .reduce((sum, issue) => sum + issue.pathCount, 0)
+                .toLocaleString()}{' '}
+              issue paths need attention in this subtree.
+            </Text>
+            <Text size="sm">
+              <strong>Audit scope:</strong> scanned{' '}
+              {chainAuditResult.summary.bucketObjectCount.toLocaleString()}{' '}
+              bucket objects,{' '}
+              {chainAuditResult.summary.syfonRecordCount.toLocaleString()} Syfon
+              records, and{' '}
+              {chainAuditResult.summary.gitTrackedFileCount.toLocaleString()}{' '}
+              Git-tracked files.
+            </Text>
+          </Stack>
         </Alert>
       ) : null}
 
@@ -275,11 +295,26 @@ export const StorageChainAuditModal = ({
                         const paths = findings.map(
                           (finding) => finding.normalizedPath,
                         );
+                        const isMetadataMismatch =
+                          issue.id === 'git_syfon_metadata_mismatch';
                         const repairActions = orderedRepairActions(
                           issue.actionSummary.availableActions,
+                        ).filter(
+                          (action) =>
+                            !isMetadataMismatch ||
+                            [
+                              'delete_syfon_record',
+                              'delete_records',
+                              'delete_both',
+                            ].includes(action.action),
                         );
                         const defaultRepairAction =
                           issue.actionSummary.defaultAction &&
+                          repairActions.some(
+                            (action) =>
+                              action.action ===
+                              issue.actionSummary.defaultAction?.action,
+                          ) &&
                           ![
                             'view_paths',
                             'inspect_evidence',
@@ -287,12 +322,13 @@ export const StorageChainAuditModal = ({
                           ].includes(issue.actionSummary.defaultAction.action)
                             ? issue.actionSummary.defaultAction
                             : repairActions[0];
-                        const secondaryRepairActions = defaultRepairAction
-                          ? repairActions.filter(
-                              (action) =>
-                                action.action !== defaultRepairAction.action,
-                            )
-                          : [];
+                        const secondaryRepairActions =
+                          defaultRepairAction && !isMetadataMismatch
+                            ? repairActions.filter(
+                                (action) =>
+                                  action.action !== defaultRepairAction.action,
+                              )
+                            : [];
                         const isBusy =
                           isApplying ||
                           isAuditing ||
@@ -310,8 +346,7 @@ export const StorageChainAuditModal = ({
                         };
                         return (
                           <Group gap="xs">
-                            {issue.id === 'git_syfon_metadata_mismatch' &&
-                            repairActions.length > 1 ? (
+                            {isMetadataMismatch && repairActions.length > 1 ? (
                               <Menu shadow="md" withinPortal>
                                 <Menu.Target>
                                   <Button
@@ -494,33 +529,50 @@ export const StorageChainAuditModal = ({
                     <Table.Tr>
                       <Table.Th>Path</Table.Th>
                       <Table.Th>Checksum</Table.Th>
+                      <Table.Th>Evidence</Table.Th>
                       <Table.Th>Records</Table.Th>
                       <Table.Th>Objects</Table.Th>
                     </Table.Tr>
                   </Table.Thead>
                   <Table.Tbody>
-                    {selectedChainFindings.map((finding) => (
-                      <Table.Tr
-                        key={`${finding.kind}:${finding.normalizedPath}`}
-                      >
-                        <Table.Td maw={720}>
-                          <Text className="break-all" fw={600} size="sm">
-                            {finding.normalizedPath}
-                          </Text>
-                        </Table.Td>
-                        <Table.Td maw={320}>
-                          <Text className="break-all font-mono" size="xs">
-                            {finding.checksum || '—'}
-                          </Text>
-                        </Table.Td>
-                        <Table.Td>
-                          {finding.recordCount.toLocaleString()}
-                        </Table.Td>
-                        <Table.Td>
-                          {finding.objectIds.length.toLocaleString()}
-                        </Table.Td>
-                      </Table.Tr>
-                    ))}
+                    {selectedChainFindings.map((finding) => {
+                      const evidence = [
+                        finding.error,
+                        finding.accessUrls[0],
+                        finding.bucketObjectUrl,
+                        finding.resolvedBucket && finding.resolvedKey
+                          ? `${finding.resolvedBucket}/${finding.resolvedKey}`
+                          : '',
+                      ].find(Boolean);
+
+                      return (
+                        <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">
+                              {evidence || '—'}
+                            </Text>
+                          </Table.Td>
+                          <Table.Td>
+                            {finding.recordCount.toLocaleString()}
+                          </Table.Td>
+                          <Table.Td>
+                            {finding.objectIds.length.toLocaleString()}
+                          </Table.Td>
+                        </Table.Tr>
+                      );
+                    })}
                   </Table.Tbody>
                 </Table>
               </div>
diff --git a/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx b/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx
new file mode 100644
index 00000000..8598f997
--- /dev/null
+++ b/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx
@@ -0,0 +1,173 @@
+import React from 'react';
+import {
+  Alert,
+  Badge,
+  Button,
+  Collapse,
+  Group,
+  Stack,
+  Table,
+  Text,
+} from '@mantine/core';
+import { IconAlertCircle, IconChevronRight } from '@tabler/icons-react';
+import { formatBytes } from '../../utils/labels';
+import type { ChainIssueSummary } from './storageIssueSummaries';
+import type { StorageChainAuditResult } from './storageTypes';
+
+type StorageChainAuditReportProps = {
+  readonly auditError: string | null;
+  readonly auditResult: StorageChainAuditResult | null;
+  readonly chainIssueSummaries: Array<ChainIssueSummary>;
+  readonly cleanChainJoinCount: number;
+  readonly isOpen: boolean;
+  readonly onOpenIssueDetails: (issueId: string) => void;
+  readonly onOpenChange: (open: boolean) => void;
+};
+
+export const StorageChainAuditReport = ({
+  auditError,
+  auditResult,
+  chainIssueSummaries,
+  cleanChainJoinCount,
+  isOpen,
+  onOpenIssueDetails,
+  onOpenChange,
+}: StorageChainAuditReportProps): JSX.Element | null => {
+  if (!auditResult && !auditError) {
+    return null;
+  }
+
+  const issuePathCount = chainIssueSummaries.reduce(
+    (sum, issue) => sum + issue.pathCount,
+    0,
+  );
+  const totalChainRows = cleanChainJoinCount + issuePathCount;
+
+  return (
+    <Stack gap="sm" px="sm">
+      <Group justify="space-between">
+        <Group gap="xs">
+          <button
+            className="flex items-center gap-2 text-left text-sm font-semibold text-slate-900"
+            onClick={() => onOpenChange(!isOpen)}
+            type="button"
+          >
+            <IconChevronRight
+              className={`transition-transform ${isOpen ? 'rotate-90' : ''}`}
+              size={16}
+            />
+            Storage chain audit report
+          </button>
+          {auditResult ? (
+            <Badge
+              color={chainIssueSummaries.length > 0 ? 'yellow' : 'green'}
+              variant="light"
+            >
+              {issuePathCount.toLocaleString()} issue paths
+            </Badge>
+          ) : null}
+        </Group>
+        <Button
+          onClick={() => onOpenChange(!isOpen)}
+          size="xs"
+          variant="subtle"
+        >
+          {isOpen ? 'Hide report' : 'View report'}
+        </Button>
+      </Group>
+
+      <Collapse in={isOpen}>
+        <Stack gap="md">
+          {auditError ? (
+            <Alert
+              color="red"
+              icon={<IconAlertCircle size={16} />}
+              title="Chain audit failed"
+            >
+              {auditError}
+            </Alert>
+          ) : null}
+
+          {auditResult ? (
+            <>
+              <Alert
+                color={chainIssueSummaries.length > 0 ? 'yellow' : 'green'}
+                icon={<IconAlertCircle size={16} />}
+                title={
+                  chainIssueSummaries.length > 0
+                    ? 'Chain issues found'
+                    : 'Connected end-to-end'
+                }
+              >
+                <Text size="sm">
+                  <strong>
+                    {cleanChainJoinCount.toLocaleString()} /{' '}
+                    {totalChainRows.toLocaleString()} audited rows connected
+                    end-to-end.
+                  </strong>{' '}
+                  Scope: scanned{' '}
+                  {auditResult.summary.bucketObjectCount.toLocaleString()}{' '}
+                  bucket objects,{' '}
+                  {auditResult.summary.syfonRecordCount.toLocaleString()} Syfon
+                  records, and{' '}
+                  {auditResult.summary.gitTrackedFileCount.toLocaleString()}{' '}
+                  Git-tracked files.
+                </Text>
+              </Alert>
+
+              {chainIssueSummaries.length > 0 ? (
+                <Table highlightOnHover>
+                  <Table.Thead>
+                    <Table.Tr>
+                      <Table.Th>Chain Issue</Table.Th>
+                      <Table.Th>Impact</Table.Th>
+                      <Table.Th>Action</Table.Th>
+                    </Table.Tr>
+                  </Table.Thead>
+                  <Table.Tbody>
+                    {chainIssueSummaries.map((issue) => (
+                      <Table.Tr key={issue.id}>
+                        <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={() => onOpenIssueDetails(issue.id)}
+                            size="xs"
+                            variant="light"
+                          >
+                            {issue.actionSummary.defaultAction?.label ??
+                              'Open details'}
+                          </Button>
+                        </Table.Td>
+                      </Table.Tr>
+                    ))}
+                  </Table.Tbody>
+                </Table>
+              ) : null}
+            </>
+          ) : null}
+        </Stack>
+      </Collapse>
+    </Stack>
+  );
+};
diff --git a/packages/frontend/src/pages/FileSummary/hooks.tsx b/packages/frontend/src/pages/FileSummary/hooks.tsx
index 4fcd6e30..857e1980 100644
--- a/packages/frontend/src/pages/FileSummary/hooks.tsx
+++ b/packages/frontend/src/pages/FileSummary/hooks.tsx
@@ -556,18 +556,35 @@ const normalizeCleanupFinding = (
 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 kind = parseStorageChainFindingKind(item.kind ?? item.finding_kind);
   const availableActions = normalizeAvailableActions(item);
   const defaultAction = normalizeDefaultAction(item);
   const defaultRecommendation =
diff --git a/packages/frontend/src/pages/FileSummary/storageActions.ts b/packages/frontend/src/pages/FileSummary/storageActions.ts
index ca9c8d58..d89ce48e 100644
--- a/packages/frontend/src/pages/FileSummary/storageActions.ts
+++ b/packages/frontend/src/pages/FileSummary/storageActions.ts
@@ -29,7 +29,7 @@ const storageActionMetadata = (
     case 'delete_both':
       return {
         destructive: true,
-        label: 'Delete records and bucket objects',
+        label: 'Delete Syfon records and bucket objects',
         requiresConfirmation: true,
         supportsDryRun: true,
       };
diff --git a/packages/frontend/src/pages/FileSummary/storageUtils.ts b/packages/frontend/src/pages/FileSummary/storageUtils.ts
index aa2ad0af..10c848be 100644
--- a/packages/frontend/src/pages/FileSummary/storageUtils.ts
+++ b/packages/frontend/src/pages/FileSummary/storageUtils.ts
@@ -18,10 +18,12 @@ export interface StoragePathRow {
 }
 
 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;
diff --git a/packages/frontend/src/pages/FileSummary/useStorageFolder.ts b/packages/frontend/src/pages/FileSummary/useStorageFolder.ts
index 5e3eb1d4..8410171c 100644
--- a/packages/frontend/src/pages/FileSummary/useStorageFolder.ts
+++ b/packages/frontend/src/pages/FileSummary/useStorageFolder.ts
@@ -10,7 +10,7 @@ import {
 } from './storageUtils';
 import { requestSessionLogout } from '../../lib/session/session';
 
-const DEFAULT_CHILD_LIMIT = 200;
+const DEFAULT_CHILD_LIMIT = 100;
 const STORAGE_FOLDER_CACHE_TTL_MS = 60_000;
 
 interface StorageSummaryResponse {
@@ -48,6 +48,13 @@ interface StorageFolderResponse {
   children?: StorageChildrenResponse;
 }
 
+type ExactChainSummary = {
+  readonly bucketObjectCount: number;
+  readonly gitTrackedFileCount: number;
+  readonly pathPrefix: string;
+  readonly syfonRecordCount: number;
+};
+
 const buildGeckoGitProjectBaseUrl = ({
   organization,
   project,
@@ -192,6 +199,40 @@ export const useSyfonPathStorageSummary = ({
     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: summary.syfonRecordCount,
+        };
+
+        if (cacheKey) {
+          cacheRef.current.set(cacheKey, {
+            data: next,
+            expiresAt: Date.now() + STORAGE_FOLDER_CACHE_TTL_MS,
+          });
+        }
+
+        return next;
+      });
+    },
+    [cacheKey, currentPath],
+  );
+
   useEffect(() => {
     const selection = splitProjectSelectionValue(projectSelection);
     if (!selection) {
@@ -381,6 +422,7 @@ export const useSyfonPathStorageSummary = ({
     error,
     isLoading,
     isLoadingMore,
+    applyExactChainSummary,
     loadMore,
     refresh,
   };

From a1b2bc340a20f2a5331e5453c34e73926d0a7a59 Mon Sep 17 00:00:00 2001
From: matthewpeterkort <matthewpeterkort@gmail.com>
Date: Sat, 4 Jul 2026 16:07:12 -0700
Subject: [PATCH 14/22] use new gecko file api

---
 .../src/pages/FileSummary/FileSummary.tsx     | 454 +++------
 .../FileSummary/StorageChainAuditModal.tsx    | 899 ------------------
 .../StorageChainAuditModal.types.ts           |  81 --
 .../FileSummary/StorageChainAuditReport.tsx   | 523 +++++++++-
 .../src/pages/FileSummary/storageUtils.ts     |   1 +
 .../src/pages/FileSummary/useStorageFolder.ts |   2 +
 6 files changed, 629 insertions(+), 1331 deletions(-)
 delete mode 100644 packages/frontend/src/pages/FileSummary/StorageChainAuditModal.tsx
 delete mode 100644 packages/frontend/src/pages/FileSummary/StorageChainAuditModal.types.ts

diff --git a/packages/frontend/src/pages/FileSummary/FileSummary.tsx b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
index 99c159a0..26013f99 100644
--- a/packages/frontend/src/pages/FileSummary/FileSummary.tsx
+++ b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
@@ -1,52 +1,26 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { useRouter } from 'next/router';
+import { CALYPR_EXPLORER_CONFIG_API } from '@gen3/core';
 import {
-  useBulkDeleteSyfonDrsObjectsMutation,
-  CALYPR_EXPLORER_CONFIG_API,
-} from '@gen3/core';
-import {
-  ActionIcon,
   Alert,
-  Badge,
-  Button,
   Center,
-  Checkbox,
   Container,
   Group,
   Loader,
-  Menu,
-  Modal,
-  Progress,
   Select,
   Stack,
-  Table,
   Text,
   Title,
 } from '@mantine/core';
-import {
-  IconAlertCircle,
-  IconChevronRight,
-  IconFile,
-  IconFolder,
-  IconRefresh,
-  IconSelector,
-} from '@tabler/icons-react';
+import { IconAlertCircle } from '@tabler/icons-react';
 import ProtectedContent from '../../components/Protected/ProtectedContent';
 import { NavPageLayout, ProjectWorkspaceTabs } from '../../features/Navigation';
-import { formatBytes } from '../../utils/labels';
 import { FileSummaryPageProps } from './types';
 import {
   type AuditActionOption,
-  type ProjectDiffFinding,
-  type ProjectDiffFindingKind,
   type StorageApplyActionRequest,
   type StorageChainFinding,
-  type StorageChainFindingKind,
-  type StorageChainIssueGroup,
-  type StorageCleanupApplyResult,
   type StorageCleanupFinding,
-  type StorageCleanupFindingKind,
-  useSyfonProjectDiff,
   useSyfonStorageChain,
   useSyfonPathStorageSummary,
   useSyfonStorageCleanup,
@@ -57,21 +31,14 @@ import {
   type StoragePathRow,
 } from './storageUtils';
 import { StorageBrowser } from './StorageBrowser';
-import { StorageChainAuditModal } from './StorageChainAuditModal';
 import { StorageChainAuditReport } from './StorageChainAuditReport';
+import { summarizeStorageChainIssues } from './storageIssueSummaries';
 import {
-  summarizeCleanupIssues,
-  summarizeProjectDiffIssues,
-  summarizeStorageChainIssues,
-} from './storageIssueSummaries';
-import {
-  buildPathsByParentMap,
   getPathSegments,
   isInspectAction,
   resolveIssueAction,
   resolveProjectSelection,
   sortStorageRowsBy,
-  type ActionIssueSource,
   type ActionableFinding,
   type BreadcrumbItem,
   type StorageSortDirection,
@@ -117,11 +84,6 @@ export const FileSummaryPage = ({
   const [selectedChainIssueId, setSelectedChainIssueId] = useState<
     string | null
   >(null);
-  const [selectedDiffIssueId, setSelectedDiffIssueId] = useState<string | null>(
-    null,
-  );
-  const [showCleanupDetails, setShowCleanupDetails] = useState(false);
-  const [showDiffDetails, setShowDiffDetails] = useState(false);
   const [selectedChainPathsByIssue, setSelectedChainPathsByIssue] = useState<
     Record<string, Array<string>>
   >({});
@@ -134,9 +96,16 @@ export const FileSummaryPage = ({
   const [actionFeedbackMessage, setActionFeedbackMessage] = useState<
     string | null
   >(null);
-  const [auditModalOpen, setAuditModalOpen] = useState(false);
   const [showChainAuditReport, setShowChainAuditReport] = useState(false);
-  const [isBulkDeletingRecords, setIsBulkDeletingRecords] = useState(false);
+  const [chainIssueFindingsByKind, setChainIssueFindingsByKind] = useState<
+    Record<string, Array<StorageChainFinding>>
+  >({});
+  const [chainIssueLoadErrors, setChainIssueLoadErrors] = useState<
+    Record<string, string>
+  >({});
+  const [loadingChainIssueId, setLoadingChainIssueId] = useState<string | null>(
+    null,
+  );
   const [storageSortKey, setStorageSortKey] =
     useState<StorageSortKey>('sizeBytes');
   const [storageSortDirection, setStorageSortDirection] =
@@ -271,57 +240,34 @@ export const FileSummaryPage = ({
     currentPath,
     projectSelection: selectedProject,
   });
-  const {
-    auditResult: diffAuditResult,
-    clearAudit: clearDiffAudit,
-    isAuditing: isDiffAuditing,
-    runAudit: runProjectDiffAudit,
-  } = useSyfonProjectDiff({
-    config: filesummaryConfig,
-    currentPath,
-    projectSelection: selectedProject,
-  });
   const {
     applyCleanup,
     applyError,
     applyResult,
-    auditError,
-    auditResult,
     clearCleanupResults,
     isApplying,
     isAuditing,
-    rerunAudit,
-    runAudit,
   } = useSyfonStorageCleanup({
     config: filesummaryConfig,
     currentPath,
     projectSelection: selectedProject,
   });
-  const [bulkDeleteSyfonDrsObjects] = useBulkDeleteSyfonDrsObjectsMutation();
-
   useEffect(() => {
     clearChainAudit();
-    clearDiffAudit();
     clearCleanupResults();
-  }, [
-    clearChainAudit,
-    clearCleanupResults,
-    clearDiffAudit,
-    currentPath,
-    selectedProject,
-  ]);
+  }, [clearChainAudit, clearCleanupResults, currentPath, selectedProject]);
 
   useEffect(() => {
     setActionFeedbackMessage(null);
     setSelectedChainIssueId(null);
-    setSelectedDiffIssueId(null);
-    setShowCleanupDetails(false);
-    setShowDiffDetails(false);
     setSelectedChainPathsByIssue({});
     setExpandedChainTreeNodes({});
     setTreeNodeLimit({});
     setShowChainAuditReport(false);
-  }, [auditResult?.pathPrefix, currentPath, selectedProject]);
+    setChainIssueFindingsByKind({});
+    setChainIssueLoadErrors({});
+    setLoadingChainIssueId(null);
+  }, [currentPath, selectedProject]);
 
   const pageTitle = selectedProjectParts
     ? `${selectedProjectParts.organization}/${selectedProjectParts.project}`
@@ -335,10 +281,6 @@ export const FileSummaryPage = ({
     () => Math.max(0, ...(data?.rows ?? []).map((row) => row.sizeBytes)),
     [data?.rows],
   );
-  const diffIssueSummaries = useMemo(
-    () => summarizeProjectDiffIssues(diffAuditResult?.findings ?? []),
-    [diffAuditResult?.findings],
-  );
   const chainIssueSummaries = useMemo(
     () =>
       summarizeStorageChainIssues({
@@ -349,22 +291,28 @@ export const FileSummaryPage = ({
   );
   const cleanChainJoinCount =
     chainAuditResult?.summary.countsByKind.bucket_syfon_git_complete ?? 0;
-  const hasChainIssues = chainIssueSummaries.length > 0;
   const selectedChainIssue = useMemo(
     () =>
       chainIssueSummaries.find((issue) => issue.id === selectedChainIssueId) ??
       null,
     [chainIssueSummaries, selectedChainIssueId],
   );
-  const selectedChainFindings = useMemo(
-    () =>
-      selectedChainIssue
-        ? (chainAuditResult?.findings ?? []).filter(
-            (finding) => finding.kind === selectedChainIssue.id,
-          )
-        : [],
-    [chainAuditResult?.findings, selectedChainIssue],
-  );
+  const selectedChainFindings = useMemo(() => {
+    if (!selectedChainIssue) {
+      return [];
+    }
+    const fullIssueFindings = chainIssueFindingsByKind[selectedChainIssue.id];
+    if (fullIssueFindings) {
+      return fullIssueFindings;
+    }
+    return (chainAuditResult?.findings ?? []).filter(
+      (finding) => finding.kind === selectedChainIssue.id,
+    );
+  }, [
+    chainAuditResult?.findings,
+    chainIssueFindingsByKind,
+    selectedChainIssue,
+  ]);
   const actionableChainSelectionIssue =
     selectedChainIssue?.id === 'bucket_only_object' ||
     selectedChainIssue?.id === 'bucket_syfon_no_git';
@@ -392,10 +340,6 @@ export const FileSummaryPage = ({
       selectedChainPathsByIssue,
     ],
   );
-  const pathsByParent = useMemo(
-    () => buildPathsByParentMap(selectableChainPaths),
-    [selectableChainPaths],
-  );
   const selectedChainPathsSet = useMemo(
     () => new Set(selectedChainPaths),
     [selectedChainPaths],
@@ -407,33 +351,6 @@ export const FileSummaryPage = ({
       ),
     [selectedChainFindings, selectedChainPathsSet],
   );
-  const chainPathTree = useMemo(
-    () => pathsByParent.get('') ?? [],
-    [pathsByParent],
-  );
-  const selectedDiffIssue =
-    diffIssueSummaries.find((issue) => issue.id === selectedDiffIssueId) ??
-    null;
-  const selectedDiffFindings = useMemo(
-    () =>
-      selectedDiffIssue
-        ? (diffAuditResult?.findings ?? []).filter((finding) =>
-            selectedDiffIssue.findingKinds.includes(finding.kind),
-          )
-        : [],
-    [diffAuditResult?.findings, selectedDiffIssue],
-  );
-  const cleanupIssueSummaries = useMemo(
-    () => summarizeCleanupIssues(auditResult?.findings ?? []),
-    [auditResult?.findings],
-  );
-  const hasCleanupFindings = (auditResult?.summary.totalFindings ?? 0) > 0;
-  const isDuplicateVerificationContext =
-    selectedDiffIssue?.id === 'duplicate-syfon-paths';
-  const hasSafeDuplicateCleanup = cleanupIssueSummaries.some(
-    (issue) => issue.id === 'stale-duplicates',
-  );
-
   useEffect(() => {
     if (!actionableChainSelectionIssue || !selectedChainIssue) {
       return;
@@ -570,6 +487,19 @@ export const FileSummaryPage = ({
           },
         };
       });
+      setChainIssueFindingsByKind((current) => {
+        const existing = current[issueId];
+        if (!existing) {
+          return current;
+        }
+
+        return {
+          ...current,
+          [issueId]: existing.filter(
+            (finding) => !pathSet.has(finding.normalizedPath),
+          ),
+        };
+      });
       setSelectedChainIssueId((current) =>
         current === issueId ? null : current,
       );
@@ -577,72 +507,6 @@ export const FileSummaryPage = ({
     [setChainAuditResult],
   );
 
-  const handleBulkDeleteSyfonRecords = useCallback(
-    async ({
-      findings,
-      issueTitle,
-      paths,
-    }: {
-      findings: Array<ActionableFinding>;
-      issueTitle: string;
-      paths: Array<string>;
-    }) => {
-      const objectIds = Array.from(
-        new Set(
-          findings.flatMap((finding) =>
-            'objectIds' in finding && Array.isArray(finding.objectIds)
-              ? finding.objectIds
-              : [],
-          ),
-        ),
-      ).filter(Boolean);
-
-      if (objectIds.length === 0) {
-        setActionFeedbackMessage(
-          `${issueTitle} did not include any Syfon record ids to delete.`,
-        );
-        return;
-      }
-
-      const approved = window.confirm(
-        `Delete ${objectIds.length.toLocaleString()} Syfon record${objectIds.length === 1 ? '' : 's'} across ${paths.length.toLocaleString()} path${paths.length === 1 ? '' : 's'}?\n\nThis removes Syfon metadata only. Bucket objects will not be deleted.`,
-      );
-      if (!approved) {
-        return;
-      }
-
-      try {
-        setIsBulkDeletingRecords(true);
-        await bulkDeleteSyfonDrsObjects({
-          bulk_object_ids: objectIds,
-          delete_object_metadata: true,
-          delete_storage_data: false,
-        }).unwrap();
-      } catch (error) {
-        const message =
-          error instanceof Error
-            ? error.message
-            : 'Syfon record deletion failed.';
-        setActionFeedbackMessage(message);
-        return;
-      } finally {
-        setIsBulkDeletingRecords(false);
-      }
-
-      setActionFeedbackMessage(
-        `Deleted ${objectIds.length.toLocaleString()} Syfon record${objectIds.length === 1 ? '' : 's'} across ${paths.length.toLocaleString()} path${paths.length === 1 ? '' : 's'}.`,
-      );
-      setSelectedChainIssueId(null);
-      removeHealedChainFindings(
-        findings[0] && 'kind' in findings[0] ? findings[0].kind : '',
-        paths,
-        objectIds.length,
-      );
-      refresh();
-    },
-    [bulkDeleteSyfonDrsObjects, refresh, removeHealedChainFindings],
-  );
-
   const runIssueAction = useCallback(
     async ({
       defaultAction,
@@ -650,14 +514,12 @@ export const FileSummaryPage = ({
       issueId,
       issueTitle,
       paths,
-      source,
     }: {
       defaultAction?: AuditActionOption;
       findings: Array<ActionableFinding>;
       issueId: string;
       issueTitle: string;
       paths: Array<string>;
-      source: ActionIssueSource;
     }) => {
       const resolvedAction = resolveIssueAction({
         defaultAction,
@@ -676,58 +538,12 @@ export const FileSummaryPage = ({
       const selectedPaths = paths;
 
       if (isInspectAction(actionName)) {
-        if (source === 'diff') {
-          setSelectedDiffIssueId(issueId);
-          setShowDiffDetails(true);
-        }
-        if (source === 'chain') {
-          setSelectedChainIssueId(issueId);
-        }
+        setSelectedChainIssueId(issueId);
         return;
       }
 
       if (actionName === 'rerun_audit') {
-        if (source === 'chain') {
-          await runChainAudit();
-        } else {
-          await rerunAudit();
-        }
-        return;
-      }
-
-      if (actionName === 'delete_records') {
-        await handleBulkDeleteSyfonRecords({
-          findings,
-          issueTitle,
-          paths: selectedPaths,
-        });
-        return;
-      }
-
-      if (
-        actionName === 'verify_duplicates' ||
-        actionName === 'prepare_delete'
-      ) {
-        if (source === 'diff') {
-          setSelectedDiffIssueId(issueId);
-        }
-        setShowCleanupDetails(true);
-        const result = await runAudit({
-          includeRepoManifest: true,
-          selectedPaths,
-        });
-        if (result) {
-          const verifiedPathCount = new Set(
-            result.findings
-              .map((finding) => finding.normalizedPath)
-              .filter(Boolean),
-          ).size;
-          setActionFeedbackMessage(
-            result.summary.totalFindings > 0
-              ? `${resolvedAction.label} returned ${result.summary.totalFindings.toLocaleString()} cleanup finding${result.summary.totalFindings === 1 ? '' : 's'} across ${verifiedPathCount.toLocaleString()} path${verifiedPathCount === 1 ? '' : 's'}.`
-              : `${resolvedAction.label} completed, but Syfon did not return any cleanup findings for these paths.`,
-          );
-        }
+        await runChainAudit();
         return;
       }
 
@@ -793,35 +609,84 @@ export const FileSummaryPage = ({
       setActionFeedbackMessage(
         `${resolvedAction.label} completed for ${selectedPaths.length.toLocaleString()} path${selectedPaths.length === 1 ? '' : 's'}.`,
       );
-      if (source === 'chain') {
-        removeHealedChainFindings(
-          issueId,
-          selectedPaths,
-          result.deletedRecordIds.length,
-        );
-        refresh();
-        return;
-      }
+      removeHealedChainFindings(
+        issueId,
+        selectedPaths,
+        result.deletedRecordIds.length,
+      );
       refresh();
     },
     [
       applyCleanup,
       buildActionRequests,
-      handleBulkDeleteSyfonRecords,
       removeHealedChainFindings,
       refresh,
       resolveIssueAction,
-      rerunAudit,
       runChainAudit,
-      runAudit,
     ],
   );
 
-  const handleToggleChainIssueDetails = useCallback((issueId: string) => {
-    setSelectedChainIssueId((current) =>
-      current === issueId ? null : issueId,
-    );
-  }, []);
+  const loadChainIssueDetails = useCallback(
+    async (issueId: string) => {
+      if (chainIssueFindingsByKind[issueId]) {
+        return;
+      }
+
+      setLoadingChainIssueId(issueId);
+      setChainIssueLoadErrors((current) => {
+        const next = { ...current };
+        delete next[issueId];
+        return next;
+      });
+
+      try {
+        const result = await runChainAudit({
+          findingKind: issueId,
+          findingLimit: -1,
+          persistResult: false,
+        });
+        if (!result) {
+          setChainIssueLoadErrors((current) => ({
+            ...current,
+            [issueId]: 'Failed to load issue details.',
+          }));
+          return;
+        }
+        setChainIssueFindingsByKind((current) => ({
+          ...current,
+          [issueId]: result.findings.filter(
+            (finding) => finding.kind === issueId,
+          ),
+        }));
+      } catch (error) {
+        setChainIssueLoadErrors((current) => ({
+          ...current,
+          [issueId]:
+            error instanceof Error
+              ? error.message
+              : 'Failed to load issue details.',
+        }));
+      } finally {
+        setLoadingChainIssueId((current) =>
+          current === issueId ? null : current,
+        );
+      }
+    },
+    [chainIssueFindingsByKind, runChainAudit],
+  );
+
+  const handleToggleChainIssueDetails = useCallback(
+    (issueId: string) => {
+      setSelectedChainIssueId((current) => {
+        if (current === issueId) {
+          return null;
+        }
+        void loadChainIssueDetails(issueId);
+        return issueId;
+      });
+    },
+    [loadChainIssueDetails],
+  );
 
   const handleRunStorageChainAudit = async () => {
     const result = await runChainAudit();
@@ -838,12 +703,6 @@ export const FileSummaryPage = ({
     });
   };
 
-  const handleOpenChainIssueDetails = (issueId: string) => {
-    setSelectedChainIssueId(issueId);
-    setShowChainAuditReport(true);
-    setAuditModalOpen(true);
-  };
-
   const handleStorageSort = (key: StorageSortKey) => {
     setStorageSortDirection((currentDirection) =>
       storageSortKey === key
@@ -1008,68 +867,47 @@ export const FileSummaryPage = ({
             </Center>
           ) : selectedProjectParts ? (
             <>
-              <StorageChainAuditModal
-                actionFeedbackMessage={actionFeedbackMessage}
-                actionableChainSelectionIssue={actionableChainSelectionIssue}
-                applyError={applyError}
-                applyResult={applyResult}
-                auditError={auditError}
-                auditResult={auditResult}
-                chainAuditError={chainAuditError}
-                chainAuditResult={chainAuditResult}
-                chainIssueSummaries={chainIssueSummaries}
-                chainPathTree={chainPathTree}
-                cleanChainJoinCount={cleanChainJoinCount}
-                cleanupIssueSummaries={cleanupIssueSummaries}
-                diffAuditResult={diffAuditResult}
-                diffIssueSummaries={diffIssueSummaries}
-                expandedChainTreeNodes={expandedChainTreeNodes}
-                hasChainIssues={hasChainIssues}
-                hasCleanupFindings={hasCleanupFindings}
-                hasSafeDuplicateCleanup={hasSafeDuplicateCleanup}
-                isApplying={isApplying}
-                isAuditing={isAuditing}
-                isBulkDeletingRecords={isBulkDeletingRecords}
-                isChainAuditing={isChainAuditing}
-                isDuplicateVerificationContext={isDuplicateVerificationContext}
-                onApplySelectedChainObjects={() => {
-                  void handleApplySelectedChainObjects();
-                }}
-                onClose={() => setAuditModalOpen(false)}
-                onRunIssueAction={(args) => {
-                  void runIssueAction(args);
-                }}
-                onSelectedChainPathsChange={setSelectedChainPathsForIssue}
-                onSelectedDiffIssueChange={setSelectedDiffIssueId}
-                onToggleAllChainPaths={handleToggleAllChainPaths}
-                onToggleChainIssueDetails={handleToggleChainIssueDetails}
-                onToggleChainPath={handleToggleChainPath}
-                opened={auditModalOpen}
-                pathsByParent={pathsByParent}
-                selectableChainPaths={selectableChainPaths}
-                selectedChainFindings={selectedChainFindings}
-                selectedChainIssue={selectedChainIssue}
-                selectedChainPaths={selectedChainPaths}
-                selectedChainPathsSet={selectedChainPathsSet}
-                selectedDiffFindings={selectedDiffFindings}
-                selectedDiffIssue={selectedDiffIssue}
-                setExpandedChainTreeNodes={setExpandedChainTreeNodes}
-                setTreeNodeLimit={setTreeNodeLimit}
-                showCleanupDetails={showCleanupDetails}
-                showDiffDetails={showDiffDetails}
-                treeNodeLimit={treeNodeLimit}
-              />
-
               <StorageBrowser
                 auditReport={
                   <StorageChainAuditReport
+                    actionFeedbackMessage={actionFeedbackMessage}
+                    applyError={applyError}
+                    applyResult={applyResult}
                     auditError={chainAuditError}
                     auditResult={chainAuditResult}
                     chainIssueSummaries={chainIssueSummaries}
                     cleanChainJoinCount={cleanChainJoinCount}
+                    expandedChainTreeNodes={expandedChainTreeNodes}
+                    expandedIssueFindings={selectedChainFindings}
+                    expandedIssueId={selectedChainIssueId}
+                    expandedIssueLoadError={
+                      selectedChainIssueId
+                        ? chainIssueLoadErrors[selectedChainIssueId]
+                        : undefined
+                    }
+                    expandedIssueLoading={
+                      loadingChainIssueId === selectedChainIssueId
+                    }
+                    isApplying={isApplying}
+                    isAuditing={isAuditing}
+                    isChainAuditing={isChainAuditing}
                     isOpen={showChainAuditReport}
+                    onApplySelectedChainObjects={() => {
+                      void handleApplySelectedChainObjects();
+                    }}
                     onOpenChange={setShowChainAuditReport}
-                    onOpenIssueDetails={handleOpenChainIssueDetails}
+                    onRunIssueAction={(args) => {
+                      void runIssueAction(args);
+                    }}
+                    onSelectedChainPathsChange={setSelectedChainPathsForIssue}
+                    onToggleAllChainPaths={handleToggleAllChainPaths}
+                    onToggleChainIssueDetails={handleToggleChainIssueDetails}
+                    onToggleChainPath={handleToggleChainPath}
+                    selectedChainPaths={selectedChainPaths}
+                    selectedChainPathsSet={selectedChainPathsSet}
+                    setExpandedChainTreeNodes={setExpandedChainTreeNodes}
+                    setTreeNodeLimit={setTreeNodeLimit}
+                    treeNodeLimit={treeNodeLimit}
                   />
                 }
                 collapsedBreadcrumb={collapsedBreadcrumb}
diff --git a/packages/frontend/src/pages/FileSummary/StorageChainAuditModal.tsx b/packages/frontend/src/pages/FileSummary/StorageChainAuditModal.tsx
deleted file mode 100644
index 62d050bc..00000000
--- a/packages/frontend/src/pages/FileSummary/StorageChainAuditModal.tsx
+++ /dev/null
@@ -1,899 +0,0 @@
-import React from 'react';
-import {
-  Alert,
-  Badge,
-  Button,
-  Center,
-  Checkbox,
-  Group,
-  Loader,
-  Menu,
-  Modal,
-  Stack,
-  Table,
-  Text,
-  Title,
-} 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 { StorageChainAuditModalProps } from './StorageChainAuditModal.types';
-import { issueColorForDiffKind } from './storageIssueSummaries';
-import {
-  buildCleanupApplySummary,
-  formatCleanupFindingLabel,
-  orderedRepairActions,
-  resolveIssueAction,
-} from './storagePresentation';
-
-export const StorageChainAuditModal = ({
-  actionFeedbackMessage,
-  actionableChainSelectionIssue,
-  applyError,
-  applyResult,
-  auditError,
-  auditResult,
-  chainAuditError,
-  chainAuditResult,
-  chainIssueSummaries,
-  chainPathTree,
-  cleanChainJoinCount,
-  cleanupIssueSummaries,
-  diffAuditResult,
-  diffIssueSummaries,
-  expandedChainTreeNodes,
-  hasChainIssues,
-  hasCleanupFindings,
-  hasSafeDuplicateCleanup,
-  isApplying,
-  isAuditing,
-  isBulkDeletingRecords,
-  isChainAuditing,
-  isDuplicateVerificationContext,
-  onApplySelectedChainObjects,
-  onClose,
-  onRunIssueAction,
-  onSelectedChainPathsChange,
-  onSelectedDiffIssueChange,
-  onToggleAllChainPaths,
-  onToggleChainIssueDetails,
-  onToggleChainPath,
-  opened,
-  pathsByParent,
-  selectableChainPaths,
-  selectedChainFindings,
-  selectedChainIssue,
-  selectedChainPaths,
-  selectedChainPathsSet,
-  selectedDiffFindings,
-  selectedDiffIssue,
-  setExpandedChainTreeNodes,
-  setTreeNodeLimit,
-  showCleanupDetails,
-  showDiffDetails,
-  treeNodeLimit,
-}: StorageChainAuditModalProps): JSX.Element => (
-  <Modal
-    onClose={onClose}
-    opened={opened}
-    size="min(1680px, 96vw)"
-    title="Storage Chain Audit"
-  >
-    <Stack gap="md">
-      <Text c="dimmed" size="sm">
-        Gecko audits the chain from bucket objects to Syfon records to
-        Git-tracked files. Anything that falls out of that chain is surfaced
-        here as a cleanup or ingest issue.
-      </Text>
-
-      {chainAuditError ? (
-        <Alert
-          color="red"
-          icon={<IconAlertCircle size={16} />}
-          title="Chain audit failed"
-        >
-          {chainAuditError}
-        </Alert>
-      ) : null}
-
-      {actionFeedbackMessage ? (
-        <Alert
-          color="blue"
-          icon={<IconAlertCircle size={16} />}
-          title="Action complete"
-        >
-          {actionFeedbackMessage}
-        </Alert>
-      ) : null}
-
-      {chainAuditResult &&
-      !chainAuditResult.summary.bucketInventoryAvailable ? (
-        <Alert
-          color="orange"
-          icon={<IconAlertCircle size={16} />}
-          title="Bucket inventory unavailable"
-        >
-          Syfon could not enumerate the mapped bucket target for this project.
-          Gecko kept the audit running using record-backed storage validation,
-          but bucket-only object detection and bucket object totals are limited
-          to what fallback validation could prove.
-          {chainAuditResult.summary.bucketInventoryError ? (
-            <Text mt={8} size="sm">
-              {chainAuditResult.summary.bucketInventoryError}
-            </Text>
-          ) : null}
-        </Alert>
-      ) : null}
-
-      {chainAuditResult &&
-      chainAuditResult.summary.bucketInventoryAvailable &&
-      !hasChainIssues &&
-      cleanChainJoinCount > 0 ? (
-        <Alert
-          color="green"
-          icon={<IconAlertCircle size={16} />}
-          title="Connected end-to-end"
-        >
-          <Stack gap={4}>
-            <Text size="sm">
-              <strong>Working rows:</strong>{' '}
-              {cleanChainJoinCount.toLocaleString()} bucket objects join cleanly
-              through Syfon into Git.
-            </Text>
-            <Text size="sm">
-              <strong>Problem rows:</strong> 0 issue paths need attention in
-              this subtree.
-            </Text>
-            <Text size="sm">
-              <strong>Audit scope:</strong> scanned{' '}
-              {chainAuditResult.summary.bucketObjectCount.toLocaleString()}{' '}
-              bucket objects,{' '}
-              {chainAuditResult.summary.syfonRecordCount.toLocaleString()} Syfon
-              records, and{' '}
-              {chainAuditResult.summary.gitTrackedFileCount.toLocaleString()}{' '}
-              Git-tracked files.
-            </Text>
-          </Stack>
-        </Alert>
-      ) : null}
-
-      {chainAuditResult &&
-      chainAuditResult.summary.bucketInventoryAvailable &&
-      hasChainIssues ? (
-        <Alert
-          color="yellow"
-          icon={<IconAlertCircle size={16} />}
-          title="Chain issues found"
-        >
-          <Stack gap={4}>
-            <Text size="sm">
-              <strong>Working rows:</strong>{' '}
-              {cleanChainJoinCount.toLocaleString()} bucket objects join cleanly
-              through Syfon into Git.
-            </Text>
-            <Text size="sm">
-              <strong>Problem rows:</strong>{' '}
-              {chainIssueSummaries
-                .reduce((sum, issue) => sum + issue.pathCount, 0)
-                .toLocaleString()}{' '}
-              issue paths need attention in this subtree.
-            </Text>
-            <Text size="sm">
-              <strong>Audit scope:</strong> scanned{' '}
-              {chainAuditResult.summary.bucketObjectCount.toLocaleString()}{' '}
-              bucket objects,{' '}
-              {chainAuditResult.summary.syfonRecordCount.toLocaleString()} Syfon
-              records, and{' '}
-              {chainAuditResult.summary.gitTrackedFileCount.toLocaleString()}{' '}
-              Git-tracked files.
-            </Text>
-          </Stack>
-        </Alert>
-      ) : null}
-
-      {chainAuditResult &&
-      !chainAuditResult.summary.bucketInventoryAvailable ? (
-        <Alert
-          color="yellow"
-          icon={<IconAlertCircle size={16} />}
-          title="Record-backed connectivity only"
-        >
-          {cleanChainJoinCount.toLocaleString()} record-backed storage objects
-          currently validate cleanly through Syfon into Git, but the default
-          bucket-first audit is blocked because the mapped bucket target could
-          not be enumerated. Totals scanned:{' '}
-          {chainAuditResult.summary.bucketObjectCount.toLocaleString()}{' '}
-          probe-backed bucket objects,{' '}
-          {chainAuditResult.summary.syfonRecordCount.toLocaleString()} Syfon
-          records,{' '}
-          {chainAuditResult.summary.gitTrackedFileCount.toLocaleString()}{' '}
-          Git-tracked files.
-        </Alert>
-      ) : null}
-
-      {isChainAuditing && !chainAuditResult && !chainAuditError ? (
-        <Center py="xl">
-          <Stack align="center" gap="xs">
-            <Loader size="sm" />
-            <Text c="dimmed" size="sm">
-              Running bucket, Syfon, and Git chain audit...
-            </Text>
-          </Stack>
-        </Center>
-      ) : chainIssueSummaries.length > 0 ? (
-        <Stack gap="sm">
-          <div>
-            <Title order={5}>Chain Findings</Title>
-            <Text c="dimmed" mt={4} size="sm">
-              Issues found in the files, records, and project contents for this
-              path.
-            </Text>
-          </div>
-
-          <Table highlightOnHover>
-            <Table.Thead>
-              <Table.Tr>
-                <Table.Th>Chain Issue</Table.Th>
-                <Table.Th>Impact</Table.Th>
-                <Table.Th>Action</Table.Th>
-              </Table.Tr>
-            </Table.Thead>
-            <Table.Tbody>
-              {chainIssueSummaries.map((issue) => (
-                <Table.Tr key={issue.id}>
-                  <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 miw={260}>
-                    {actionableChainSelectionIssue &&
-                    selectedChainIssue?.id === issue.id ? (
-                      <Button
-                        color="gray"
-                        onClick={() => onToggleChainIssueDetails(issue.id)}
-                        size="xs"
-                        variant="outline"
-                      >
-                        Hide paths
-                      </Button>
-                    ) : issue.id === 'bucket_only_object' ||
-                      issue.id === 'bucket_syfon_no_git' ? (
-                      <Button
-                        color={issue.color}
-                        onClick={() => onToggleChainIssueDetails(issue.id)}
-                        size="xs"
-                        variant="light"
-                      >
-                        Select paths
-                      </Button>
-                    ) : (
-                      (() => {
-                        const findings = (
-                          chainAuditResult?.findings ?? []
-                        ).filter((finding) => finding.kind === issue.id);
-                        const isShowingPaths =
-                          selectedChainIssue?.id === issue.id;
-                        const paths = findings.map(
-                          (finding) => finding.normalizedPath,
-                        );
-                        const isMetadataMismatch =
-                          issue.id === 'git_syfon_metadata_mismatch';
-                        const repairActions = orderedRepairActions(
-                          issue.actionSummary.availableActions,
-                        ).filter(
-                          (action) =>
-                            !isMetadataMismatch ||
-                            [
-                              'delete_syfon_record',
-                              'delete_records',
-                              'delete_both',
-                            ].includes(action.action),
-                        );
-                        const defaultRepairAction =
-                          issue.actionSummary.defaultAction &&
-                          repairActions.some(
-                            (action) =>
-                              action.action ===
-                              issue.actionSummary.defaultAction?.action,
-                          ) &&
-                          ![
-                            'view_paths',
-                            'inspect_evidence',
-                            'rerun_audit',
-                          ].includes(issue.actionSummary.defaultAction.action)
-                            ? issue.actionSummary.defaultAction
-                            : repairActions[0];
-                        const secondaryRepairActions =
-                          defaultRepairAction && !isMetadataMismatch
-                            ? repairActions.filter(
-                                (action) =>
-                                  action.action !== defaultRepairAction.action,
-                              )
-                            : [];
-                        const isBusy =
-                          isApplying ||
-                          isAuditing ||
-                          isChainAuditing ||
-                          isBulkDeletingRecords;
-                        const runRepairAction = (action: AuditActionOption) => {
-                          onRunIssueAction({
-                            defaultAction: action,
-                            findings,
-                            issueId: issue.id,
-                            issueTitle: issue.title,
-                            paths,
-                            source: 'chain',
-                          });
-                        };
-                        return (
-                          <Group gap="xs">
-                            {isMetadataMismatch && repairActions.length > 1 ? (
-                              <Menu shadow="md" withinPortal>
-                                <Menu.Target>
-                                  <Button
-                                    color={issue.color}
-                                    loading={isBusy}
-                                    size="xs"
-                                    variant="light"
-                                  >
-                                    Choose fix
-                                  </Button>
-                                </Menu.Target>
-                                <Menu.Dropdown>
-                                  {repairActions.map((action) => (
-                                    <Menu.Item
-                                      key={action.action}
-                                      color={
-                                        action.destructive ? 'red' : undefined
-                                      }
-                                      onClick={() => runRepairAction(action)}
-                                    >
-                                      {action.label}
-                                    </Menu.Item>
-                                  ))}
-                                </Menu.Dropdown>
-                              </Menu>
-                            ) : defaultRepairAction ? (
-                              <Button
-                                color={issue.color}
-                                loading={isBusy}
-                                onClick={() =>
-                                  runRepairAction(defaultRepairAction)
-                                }
-                                size="xs"
-                                variant="light"
-                              >
-                                {defaultRepairAction.label}
-                              </Button>
-                            ) : null}
-                            {secondaryRepairActions.map((action) => (
-                              <Button
-                                color="gray"
-                                key={action.action}
-                                loading={isBusy}
-                                onClick={() => runRepairAction(action)}
-                                size="xs"
-                                variant="outline"
-                              >
-                                {action.label}
-                              </Button>
-                            ))}
-                            <Button
-                              color="gray"
-                              onClick={() =>
-                                onToggleChainIssueDetails(issue.id)
-                              }
-                              size="xs"
-                              variant="outline"
-                            >
-                              {isShowingPaths ? 'Hide paths' : 'Show paths'}
-                            </Button>
-                          </Group>
-                        );
-                      })()
-                    )}
-                  </Table.Td>
-                </Table.Tr>
-              ))}
-            </Table.Tbody>
-          </Table>
-
-          {selectedChainIssue && actionableChainSelectionIssue ? (
-            <Stack
-              className="rounded-md border border-slate-200 bg-slate-50 px-4 py-4"
-              gap="sm"
-            >
-              <Group justify="space-between" wrap="wrap">
-                <div>
-                  <Text fw={700} size="sm">
-                    {selectedChainIssue.title}
-                  </Text>
-                  <Text c="dimmed" size="sm">
-                    Choose the exact paths to act on in this issue set.
-                  </Text>
-                </div>
-                <Button
-                  color={selectedChainIssue.color}
-                  disabled={selectedChainPaths.length === 0}
-                  loading={isApplying || isAuditing}
-                  onClick={onApplySelectedChainObjects}
-                  size="xs"
-                  variant="light"
-                >
-                  {selectedChainIssue.id === 'bucket_only_object'
-                    ? 'Delete selected bucket objects'
-                    : 'Delete selected objects'}
-                  {selectedChainPaths.length > 0
-                    ? ` (${selectedChainPaths.length.toLocaleString()})`
-                    : ''}
-                </Button>
-              </Group>
-
-              <Stack
-                className="rounded-md border border-slate-200 bg-white px-3 py-3"
-                gap="xs"
-              >
-                <Group justify="space-between" wrap="wrap">
-                  <Checkbox
-                    checked={
-                      selectableChainPaths.length > 0 &&
-                      selectedChainPaths.length === selectableChainPaths.length
-                    }
-                    indeterminate={
-                      selectedChainPaths.length > 0 &&
-                      selectedChainPaths.length < selectableChainPaths.length
-                    }
-                    label={`Select all loaded paths (${selectedChainPaths.length.toLocaleString()} / ${selectableChainPaths.length.toLocaleString()})`}
-                    onChange={(event) => {
-                      onToggleAllChainPaths(event.currentTarget.checked);
-                    }}
-                  />
-                  <Text c="dimmed" size="xs">
-                    Expand folders and choose the exact paths to heal.
-                  </Text>
-                </Group>
-                <ChainPathTree
-                  expandedTreeNodes={expandedChainTreeNodes}
-                  nodes={chainPathTree.slice(0, treeNodeLimit[''] ?? 100)}
-                  onSelectedPathsChange={onSelectedChainPathsChange}
-                  onTogglePath={onToggleChainPath}
-                  onTreeNodeLimitChange={setTreeNodeLimit}
-                  onTreeNodeToggle={setExpandedChainTreeNodes}
-                  pathsByParent={pathsByParent}
-                  selectedPaths={selectedChainPaths}
-                  selectedPathsSet={selectedChainPathsSet}
-                  treeNodeLimit={treeNodeLimit}
-                />
-                {chainPathTree.length > (treeNodeLimit[''] ?? 100) && (
-                  <Button
-                    onClick={() =>
-                      setTreeNodeLimit((current) => ({
-                        ...current,
-                        '': (current[''] ?? 100) + 100,
-                      }))
-                    }
-                    size="xs"
-                    style={{
-                      alignSelf: 'flex-start',
-                      marginLeft: 28,
-                    }}
-                    variant="subtle"
-                  >
-                    Show more (
-                    {(
-                      chainPathTree.length - (treeNodeLimit[''] ?? 100)
-                    ).toLocaleString()}{' '}
-                    remaining)...
-                  </Button>
-                )}
-              </Stack>
-            </Stack>
-          ) : null}
-
-          {selectedChainIssue && !actionableChainSelectionIssue ? (
-            <Stack
-              className="rounded-md border border-slate-200 bg-slate-50 px-4 py-4"
-              gap="sm"
-            >
-              <div>
-                <Text fw={700} size="sm">
-                  {selectedChainIssue.title}
-                </Text>
-                <Text c="dimmed" size="sm">
-                  {selectedChainFindings.length.toLocaleString()} paths in this
-                  issue set.
-                </Text>
-              </div>
-              <div className="max-h-[420px] overflow-auto rounded-md border border-slate-200 bg-white">
-                <Table highlightOnHover stickyHeader>
-                  <Table.Thead>
-                    <Table.Tr>
-                      <Table.Th>Path</Table.Th>
-                      <Table.Th>Checksum</Table.Th>
-                      <Table.Th>Evidence</Table.Th>
-                      <Table.Th>Records</Table.Th>
-                      <Table.Th>Objects</Table.Th>
-                    </Table.Tr>
-                  </Table.Thead>
-                  <Table.Tbody>
-                    {selectedChainFindings.map((finding) => {
-                      const evidence = [
-                        finding.error,
-                        finding.accessUrls[0],
-                        finding.bucketObjectUrl,
-                        finding.resolvedBucket && finding.resolvedKey
-                          ? `${finding.resolvedBucket}/${finding.resolvedKey}`
-                          : '',
-                      ].find(Boolean);
-
-                      return (
-                        <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">
-                              {evidence || '—'}
-                            </Text>
-                          </Table.Td>
-                          <Table.Td>
-                            {finding.recordCount.toLocaleString()}
-                          </Table.Td>
-                          <Table.Td>
-                            {finding.objectIds.length.toLocaleString()}
-                          </Table.Td>
-                        </Table.Tr>
-                      );
-                    })}
-                  </Table.Tbody>
-                </Table>
-              </div>
-            </Stack>
-          ) : null}
-        </Stack>
-      ) : chainAuditResult ? (
-        <Alert
-          color="green"
-          icon={<IconAlertCircle size={16} />}
-          title="No chain issues"
-        >
-          Gecko did not find any broken Git-to-Syfon-to-bucket links in this
-          subtree.
-        </Alert>
-      ) : null}
-
-      {applyError ? (
-        <Alert
-          color="red"
-          icon={<IconAlertCircle size={16} />}
-          title="Cleanup apply failed"
-        >
-          {applyError}
-        </Alert>
-      ) : null}
-
-      {auditError ? (
-        <Alert
-          color="red"
-          icon={<IconAlertCircle size={16} />}
-          title="Delete preparation failed"
-        >
-          {auditError}
-        </Alert>
-      ) : null}
-
-      {applyResult ? (
-        <Alert
-          color={applyResult.dryRun ? 'blue' : 'green'}
-          icon={<IconAlertCircle size={16} />}
-          title={applyResult.dryRun ? 'Cleanup dry run' : 'Cleanup applied'}
-        >
-          {buildCleanupApplySummary(applyResult)}
-        </Alert>
-      ) : null}
-
-      {showDiffDetails && diffAuditResult ? (
-        diffIssueSummaries.length > 0 ? (
-          <Stack gap="sm">
-            <div>
-              <Title order={5}>Project Diff</Title>
-              <Text c="dimmed" mt={4} size="sm">
-                Checksum join evidence between Git and Syfon.
-              </Text>
-            </div>
-            <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>
-                {diffIssueSummaries.map((issue) => (
-                  <Table.Tr key={issue.id}>
-                    <Table.Td miw={520}>
-                      <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>
-                        <Text size="sm">{issue.recommendation}</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>
-                      {(() => {
-                        const findings = (
-                          diffAuditResult?.findings ?? []
-                        ).filter((finding) =>
-                          issue.findingKinds.includes(finding.kind),
-                        );
-                        const action = resolveIssueAction({
-                          defaultAction: issue.actionSummary.defaultAction,
-                          findings,
-                          issueId: issue.id,
-                        });
-                        return action ? (
-                          <Button
-                            color={issue.color}
-                            loading={isAuditing}
-                            onClick={() => {
-                              onRunIssueAction({
-                                defaultAction: action,
-                                findings,
-                                issueId: issue.id,
-                                issueTitle: issue.title,
-                                paths: findings.map(
-                                  (finding) => finding.normalizedPath,
-                                ),
-                                source: 'diff',
-                              });
-                            }}
-                            size="xs"
-                            variant="light"
-                          >
-                            {action.label}
-                          </Button>
-                        ) : null;
-                      })()}
-                    </Table.Td>
-                  </Table.Tr>
-                ))}
-              </Table.Tbody>
-            </Table>
-
-            {selectedDiffIssue ? (
-              <Stack
-                className="rounded-md border border-slate-200 bg-slate-50 px-4 py-4"
-                gap="sm"
-              >
-                <Group justify="space-between" wrap="wrap">
-                  <div>
-                    <Text fw={700} size="sm">
-                      {selectedDiffIssue.title}
-                    </Text>
-                    <Text c="dimmed" size="sm">
-                      {selectedDiffFindings.length.toLocaleString()} paths in
-                      this issue set.
-                    </Text>
-                  </div>
-                  <Button
-                    onClick={() => onSelectedDiffIssueChange(null)}
-                    size="xs"
-                    variant="subtle"
-                  >
-                    Hide paths
-                  </Button>
-                </Group>
-
-                <div className="max-h-[420px] overflow-auto rounded-md border border-slate-200 bg-white">
-                  <Table highlightOnHover stickyHeader>
-                    <Table.Thead>
-                      <Table.Tr>
-                        <Table.Th>Path</Table.Th>
-                        <Table.Th>Issue</Table.Th>
-                        <Table.Th>Records</Table.Th>
-                        <Table.Th>Objects</Table.Th>
-                        <Table.Th>Downloads</Table.Th>
-                      </Table.Tr>
-                    </Table.Thead>
-                    <Table.Tbody>
-                      {selectedDiffFindings.map((finding) => (
-                        <Table.Tr
-                          key={`${finding.kind}:${finding.normalizedPath}`}
-                        >
-                          <Table.Td maw={720}>
-                            <Text className="break-all" fw={600} size="sm">
-                              {finding.normalizedPath}
-                            </Text>
-                          </Table.Td>
-                          <Table.Td>
-                            <Badge
-                              color={issueColorForDiffKind(finding.kind)}
-                              variant="light"
-                            >
-                              {formatCleanupFindingLabel(finding.kind)}
-                            </Badge>
-                          </Table.Td>
-                          <Table.Td>
-                            {finding.recordCount.toLocaleString()}
-                          </Table.Td>
-                          <Table.Td>
-                            {finding.objectIds.length.toLocaleString()}
-                          </Table.Td>
-                          <Table.Td>
-                            {(finding.downloadCount ?? 0).toLocaleString()}
-                          </Table.Td>
-                        </Table.Tr>
-                      ))}
-                    </Table.Tbody>
-                  </Table>
-                </div>
-              </Stack>
-            ) : null}
-          </Stack>
-        ) : (
-          <Alert
-            color="green"
-            icon={<IconAlertCircle size={16} />}
-            title="No project diff issues"
-          >
-            Git and Syfon are aligned for this subtree. No duplicate,
-            Syfon-only, or Git-only paths were returned.
-          </Alert>
-        )
-      ) : null}
-
-      {showCleanupDetails &&
-      auditResult &&
-      isDuplicateVerificationContext &&
-      !hasSafeDuplicateCleanup ? (
-        <Alert
-          color="yellow"
-          icon={<IconAlertCircle size={16} />}
-          title="No safe duplicate delete yet"
-        >
-          Syfon confirmed duplicate paths, but this verification pass did not
-          prove which sibling record is stale.
-        </Alert>
-      ) : null}
-
-      {auditResult && showCleanupDetails ? (
-        <Stack gap="sm">
-          <div>
-            <Title order={5}>Storage Verification</Title>
-            <Text c="dimmed" mt={4} size="sm">
-              Syfon verification results for the issue set you just inspected.
-            </Text>
-          </div>
-
-          {hasCleanupFindings && cleanupIssueSummaries.length > 0 ? (
-            <Table highlightOnHover>
-              <Table.Thead>
-                <Table.Tr>
-                  <Table.Th>Verification Result</Table.Th>
-                  <Table.Th>Impact</Table.Th>
-                  <Table.Th>Action</Table.Th>
-                </Table.Tr>
-              </Table.Thead>
-              <Table.Tbody>
-                {cleanupIssueSummaries.map((issue) => (
-                  <Table.Tr key={issue.id}>
-                    <Table.Td miw={260}>
-                      <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 miw={340}>
-                      {(() => {
-                        const findings = (auditResult?.findings ?? []).filter(
-                          (finding) =>
-                            issue.findingKinds.includes(finding.kind),
-                        );
-                        const action = resolveIssueAction({
-                          defaultAction: issue.actionSummary.defaultAction,
-                          findings,
-                          issueId: issue.id,
-                        });
-                        return action ? (
-                          <Button
-                            color={issue.color}
-                            loading={isApplying}
-                            onClick={() => {
-                              onRunIssueAction({
-                                defaultAction: action,
-                                findings,
-                                issueId: issue.id,
-                                issueTitle: issue.title,
-                                paths: findings.map(
-                                  (finding) => finding.normalizedPath,
-                                ),
-                                source: 'cleanup',
-                              });
-                            }}
-                            size="xs"
-                            variant="light"
-                          >
-                            {action.label}
-                          </Button>
-                        ) : null;
-                      })()}
-                    </Table.Td>
-                  </Table.Tr>
-                ))}
-              </Table.Tbody>
-            </Table>
-          ) : (
-            <Alert
-              color="blue"
-              icon={<IconAlertCircle size={16} />}
-              title="No delete candidates after verification"
-            >
-              Storage verification did not return any safe cleanup findings for
-              the selected issue set.
-            </Alert>
-          )}
-        </Stack>
-      ) : null}
-    </Stack>
-  </Modal>
-);
diff --git a/packages/frontend/src/pages/FileSummary/StorageChainAuditModal.types.ts b/packages/frontend/src/pages/FileSummary/StorageChainAuditModal.types.ts
deleted file mode 100644
index 00c7ad1e..00000000
--- a/packages/frontend/src/pages/FileSummary/StorageChainAuditModal.types.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-import type React from 'react';
-import type {
-  AuditActionOption,
-  ProjectDiffAuditResult,
-  ProjectDiffFinding,
-  StorageChainAuditResult,
-  StorageChainFinding,
-  StorageCleanupApplyResult,
-  StorageCleanupAuditResult,
-} from './storageTypes';
-import type {
-  ChainIssueSummary,
-  CleanupIssueSummary,
-  ProjectDiffIssueSummary,
-} from './storageIssueSummaries';
-import type {
-  ActionIssueSource,
-  ActionableFinding,
-  ChainPathTreeNode,
-} from './storagePresentation';
-
-export type RunIssueActionArgs = {
-  defaultAction?: AuditActionOption;
-  findings: Array<ActionableFinding>;
-  issueId: string;
-  issueTitle: string;
-  paths: Array<string>;
-  source: ActionIssueSource;
-};
-
-export type StorageChainAuditModalProps = {
-  readonly actionFeedbackMessage: string | null;
-  readonly actionableChainSelectionIssue: boolean;
-  readonly applyError: string | null;
-  readonly applyResult: StorageCleanupApplyResult | null;
-  readonly auditError: string | null;
-  readonly auditResult: StorageCleanupAuditResult | null;
-  readonly chainAuditError: string | null;
-  readonly chainAuditResult: StorageChainAuditResult | null;
-  readonly chainIssueSummaries: Array<ChainIssueSummary>;
-  readonly chainPathTree: Array<ChainPathTreeNode>;
-  readonly cleanChainJoinCount: number;
-  readonly cleanupIssueSummaries: Array<CleanupIssueSummary>;
-  readonly diffAuditResult: ProjectDiffAuditResult | null;
-  readonly diffIssueSummaries: Array<ProjectDiffIssueSummary>;
-  readonly expandedChainTreeNodes: Record<string, boolean>;
-  readonly hasChainIssues: boolean;
-  readonly hasCleanupFindings: boolean;
-  readonly hasSafeDuplicateCleanup: boolean;
-  readonly isApplying: boolean;
-  readonly isAuditing: boolean;
-  readonly isBulkDeletingRecords: boolean;
-  readonly isChainAuditing: boolean;
-  readonly isDuplicateVerificationContext: boolean;
-  readonly opened: boolean;
-  readonly pathsByParent: Map<string, Array<ChainPathTreeNode>>;
-  readonly selectableChainPaths: Array<string>;
-  readonly selectedChainFindings: Array<StorageChainFinding>;
-  readonly selectedChainIssue: ChainIssueSummary | null;
-  readonly selectedChainPaths: Array<string>;
-  readonly selectedChainPathsSet: Set<string>;
-  readonly selectedDiffFindings: Array<ProjectDiffFinding>;
-  readonly selectedDiffIssue: ProjectDiffIssueSummary | null;
-  readonly showCleanupDetails: boolean;
-  readonly showDiffDetails: boolean;
-  readonly treeNodeLimit: Record<string, number>;
-  readonly onApplySelectedChainObjects: () => void;
-  readonly onClose: () => void;
-  readonly onRunIssueAction: (args: RunIssueActionArgs) => void;
-  readonly onSelectedChainPathsChange: (paths: Array<string>) => void;
-  readonly onSelectedDiffIssueChange: (issueId: string | null) => void;
-  readonly onToggleAllChainPaths: (checked: boolean) => void;
-  readonly onToggleChainIssueDetails: (issueId: string) => void;
-  readonly onToggleChainPath: (path: string, checked: boolean) => void;
-  readonly setExpandedChainTreeNodes: React.Dispatch<
-    React.SetStateAction<Record<string, boolean>>
-  >;
-  readonly setTreeNodeLimit: React.Dispatch<
-    React.SetStateAction<Record<string, number>>
-  >;
-};
diff --git a/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx b/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx
index 8598f997..055dc640 100644
--- a/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx
+++ b/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx
@@ -3,35 +3,130 @@ import {
   Alert,
   Badge,
   Button,
+  Center,
+  Checkbox,
   Collapse,
   Group,
+  Loader,
+  Menu,
   Stack,
   Table,
   Text,
 } from '@mantine/core';
 import { IconAlertCircle, IconChevronRight } from '@tabler/icons-react';
 import { formatBytes } from '../../utils/labels';
+import { ChainPathTree } from './ChainPathTree';
+import type { AuditActionOption } from './hooks';
 import type { ChainIssueSummary } from './storageIssueSummaries';
-import type { StorageChainAuditResult } from './storageTypes';
+import {
+  buildCleanupApplySummary,
+  buildPathsByParentMap,
+  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 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 expandedIssueId: string | null;
+  readonly expandedIssueLoadError?: string;
+  readonly expandedIssueLoading: boolean;
+  readonly expandedIssueFindings: Array<StorageChainFinding>;
+  readonly isApplying: boolean;
+  readonly isAuditing: boolean;
+  readonly isChainAuditing: boolean;
   readonly isOpen: boolean;
-  readonly onOpenIssueDetails: (issueId: string) => void;
+  readonly onApplySelectedChainObjects: () => void;
   readonly onOpenChange: (open: boolean) => void;
+  readonly onRunIssueAction: (args: RunChainIssueActionArgs) => void;
+  readonly onSelectedChainPathsChange: (paths: Array<string>) => void;
+  readonly onToggleAllChainPaths: (checked: boolean) => void;
+  readonly onToggleChainIssueDetails: (issueId: string) => void;
+  readonly onToggleChainPath: (path: string, checked: boolean) => void;
+  readonly selectedChainPaths: Array<string>;
+  readonly selectedChainPathsSet: Set<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> => {
+  const isMetadataMismatch = issue.id === 'git_syfon_metadata_mismatch';
+  return orderedRepairActions(issue.actionSummary.availableActions).filter(
+    (action) =>
+      !isMetadataMismatch ||
+      ['delete_syfon_record', 'delete_records', 'delete_both'].includes(
+        action.action,
+      ),
+  );
 };
 
 export const StorageChainAuditReport = ({
+  actionFeedbackMessage,
+  applyError,
+  applyResult,
   auditError,
   auditResult,
   chainIssueSummaries,
   cleanChainJoinCount,
+  expandedChainTreeNodes,
+  expandedIssueFindings,
+  expandedIssueId,
+  expandedIssueLoadError,
+  expandedIssueLoading,
+  isApplying,
+  isAuditing,
+  isChainAuditing,
   isOpen,
-  onOpenIssueDetails,
+  onApplySelectedChainObjects,
   onOpenChange,
+  onRunIssueAction,
+  onSelectedChainPathsChange,
+  onToggleAllChainPaths,
+  onToggleChainIssueDetails,
+  onToggleChainPath,
+  selectedChainPaths,
+  selectedChainPathsSet,
+  setExpandedChainTreeNodes,
+  setTreeNodeLimit,
+  treeNodeLimit,
 }: StorageChainAuditReportProps): JSX.Element | null => {
   if (!auditResult && !auditError) {
     return null;
@@ -42,6 +137,93 @@ export const StorageChainAuditReport = ({
     0,
   );
   const totalChainRows = cleanChainJoinCount + issuePathCount;
+  const expandedIssue =
+    chainIssueSummaries.find((issue) => issue.id === expandedIssueId) ?? null;
+  const isExpandedIssueSelectable =
+    expandedIssue?.id === 'bucket_only_object' ||
+    expandedIssue?.id === 'bucket_syfon_no_git';
+  const selectableChainPaths = Array.from(
+    new Set(
+      expandedIssueFindings
+        .map((finding) => finding.normalizedPath)
+        .filter(Boolean),
+    ),
+  ).sort();
+  const pathsByParent = buildPathsByParentMap(selectableChainPaths);
+  const chainPathTree = pathsByParent.get('') ?? [];
+  const repairActions = expandedIssue
+    ? repairActionsForIssue(expandedIssue)
+    : [];
+  const isBusy = isApplying || isAuditing || isChainAuditing;
+
+  const renderRepairActions = (): JSX.Element | null => {
+    if (!expandedIssue || expandedIssue.id === 'git_only_no_syfon') {
+      return null;
+    }
+    if (expandedIssueLoading || expandedIssueFindings.length === 0) {
+      return null;
+    }
+
+    const runRepairAction = (action: AuditActionOption) => {
+      onRunIssueAction({
+        defaultAction: action,
+        findings: expandedIssueFindings,
+        issueId: expandedIssue.id,
+        issueTitle: expandedIssue.title,
+        paths: expandedIssueFindings.map((finding) => finding.normalizedPath),
+      });
+    };
+
+    if (
+      expandedIssue.id === 'git_syfon_metadata_mismatch' &&
+      repairActions.length > 1
+    ) {
+      return (
+        <Menu shadow="md" withinPortal>
+          <Menu.Target>
+            <Button
+              color={expandedIssue.color}
+              loading={isBusy}
+              size="xs"
+              variant="light"
+            >
+              Choose fix
+            </Button>
+          </Menu.Target>
+          <Menu.Dropdown>
+            {repairActions.map((action) => (
+              <Menu.Item
+                color={action.destructive ? 'red' : undefined}
+                key={action.action}
+                onClick={() => runRepairAction(action)}
+              >
+                {action.label}
+              </Menu.Item>
+            ))}
+          </Menu.Dropdown>
+        </Menu>
+      );
+    }
+
+    return repairActions.length > 0 ? (
+      <Group gap="xs">
+        {repairActions.map((action) => (
+          <Button
+            color={expandedIssue.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">
@@ -63,7 +245,7 @@ export const StorageChainAuditReport = ({
               color={chainIssueSummaries.length > 0 ? 'yellow' : 'green'}
               variant="light"
             >
-              {issuePathCount.toLocaleString()} issue paths
+              {issuePathCount.toLocaleString()} issues
             </Badge>
           ) : null}
         </Group>
@@ -88,6 +270,36 @@ export const StorageChainAuditReport = ({
             </Alert>
           ) : null}
 
+          {actionFeedbackMessage ? (
+            <Alert
+              color="blue"
+              icon={<IconAlertCircle size={16} />}
+              title="Action complete"
+            >
+              {actionFeedbackMessage}
+            </Alert>
+          ) : null}
+
+          {applyError ? (
+            <Alert
+              color="red"
+              icon={<IconAlertCircle size={16} />}
+              title="Cleanup apply failed"
+            >
+              {applyError}
+            </Alert>
+          ) : null}
+
+          {applyResult ? (
+            <Alert
+              color={applyResult.dryRun ? 'blue' : 'green'}
+              icon={<IconAlertCircle size={16} />}
+              title={applyResult.dryRun ? 'Cleanup dry run' : 'Cleanup applied'}
+            >
+              {buildCleanupApplySummary(applyResult)}
+            </Alert>
+          ) : null}
+
           {auditResult ? (
             <>
               <Alert
@@ -95,15 +307,15 @@ export const StorageChainAuditReport = ({
                 icon={<IconAlertCircle size={16} />}
                 title={
                   chainIssueSummaries.length > 0
-                    ? 'Chain issues found'
-                    : 'Connected end-to-end'
+                    ? 'Issues found'
+                    : 'Fully connected'
                 }
               >
                 <Text size="sm">
                   <strong>
                     {cleanChainJoinCount.toLocaleString()} /{' '}
-                    {totalChainRows.toLocaleString()} audited rows connected
-                    end-to-end.
+                    {totalChainRows.toLocaleString()} audited rows fully
+                    connected.
                   </strong>{' '}
                   Scope: scanned{' '}
                   {auditResult.summary.bucketObjectCount.toLocaleString()}{' '}
@@ -125,42 +337,267 @@ export const StorageChainAuditReport = ({
                     </Table.Tr>
                   </Table.Thead>
                   <Table.Tbody>
-                    {chainIssueSummaries.map((issue) => (
-                      <Table.Tr key={issue.id}>
-                        <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}
+                    {chainIssueSummaries.map((issue) => {
+                      const isExpanded = expandedIssueId === issue.id;
+                      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>
-                            </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={() => onOpenIssueDetails(issue.id)}
-                            size="xs"
-                            variant="light"
-                          >
-                            {issue.actionSummary.defaultAction?.label ??
-                              'Open details'}
-                          </Button>
-                        </Table.Td>
-                      </Table.Tr>
-                    ))}
+                            </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="rounded-md border border-slate-200 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">
+                                        {expandedIssueLoading
+                                          ? 'Loading all issue findings...'
+                                          : `${expandedIssueFindings.length.toLocaleString()} loaded path${expandedIssueFindings.length === 1 ? '' : 's'} in this issue set.`}
+                                      </Text>
+                                    </div>
+                                    {isExpandedIssueSelectable ? (
+                                      <Button
+                                        color={issue.color}
+                                        disabled={
+                                          selectedChainPaths.length === 0
+                                        }
+                                        loading={isApplying || isAuditing}
+                                        onClick={onApplySelectedChainObjects}
+                                        size="xs"
+                                        variant="light"
+                                      >
+                                        {issue.id === 'bucket_only_object'
+                                          ? 'Delete selected bucket objects'
+                                          : 'Delete selected objects'}
+                                        {selectedChainPaths.length > 0
+                                          ? ` (${selectedChainPaths.length.toLocaleString()})`
+                                          : ''}
+                                      </Button>
+                                    ) : (
+                                      renderRepairActions()
+                                    )}
+                                  </Group>
+
+                                  {expandedIssueLoadError ? (
+                                    <Alert
+                                      color="red"
+                                      icon={<IconAlertCircle size={16} />}
+                                      title="Issue details failed"
+                                    >
+                                      {expandedIssueLoadError}
+                                    </Alert>
+                                  ) : null}
+
+                                  {expandedIssueLoading &&
+                                  expandedIssueFindings.length === 0 ? (
+                                    <Center py="md">
+                                      <Group gap="xs">
+                                        <Loader size="xs" />
+                                        <Text c="dimmed" size="sm">
+                                          Loading complete issue details...
+                                        </Text>
+                                      </Group>
+                                    </Center>
+                                  ) : isExpandedIssueSelectable ? (
+                                    <Stack
+                                      className="rounded-md border border-slate-200 bg-white px-3 py-3"
+                                      gap="xs"
+                                    >
+                                      <Group
+                                        justify="space-between"
+                                        wrap="wrap"
+                                      >
+                                        <Checkbox
+                                          checked={
+                                            selectableChainPaths.length > 0 &&
+                                            selectedChainPaths.length ===
+                                              selectableChainPaths.length
+                                          }
+                                          indeterminate={
+                                            selectedChainPaths.length > 0 &&
+                                            selectedChainPaths.length <
+                                              selectableChainPaths.length
+                                          }
+                                          label={`Select all loaded paths (${selectedChainPaths.length.toLocaleString()} / ${selectableChainPaths.length.toLocaleString()})`}
+                                          onChange={(event) => {
+                                            onToggleAllChainPaths(
+                                              event.currentTarget.checked,
+                                            );
+                                          }}
+                                        />
+                                        <Text c="dimmed" size="xs">
+                                          Expand folders and choose the exact
+                                          paths to heal.
+                                        </Text>
+                                      </Group>
+                                      <ChainPathTree
+                                        expandedTreeNodes={
+                                          expandedChainTreeNodes
+                                        }
+                                        nodes={chainPathTree.slice(
+                                          0,
+                                          treeNodeLimit[''] ?? 100,
+                                        )}
+                                        onSelectedPathsChange={
+                                          onSelectedChainPathsChange
+                                        }
+                                        onTogglePath={onToggleChainPath}
+                                        onTreeNodeLimitChange={setTreeNodeLimit}
+                                        onTreeNodeToggle={
+                                          setExpandedChainTreeNodes
+                                        }
+                                        pathsByParent={pathsByParent}
+                                        selectedPaths={selectedChainPaths}
+                                        selectedPathsSet={selectedChainPathsSet}
+                                        treeNodeLimit={treeNodeLimit}
+                                      />
+                                      {chainPathTree.length >
+                                        (treeNodeLimit[''] ?? 100) && (
+                                        <Button
+                                          onClick={() =>
+                                            setTreeNodeLimit((current) => ({
+                                              ...current,
+                                              '': (current[''] ?? 100) + 100,
+                                            }))
+                                          }
+                                          size="xs"
+                                          style={{
+                                            alignSelf: 'flex-start',
+                                            marginLeft: 28,
+                                          }}
+                                          variant="subtle"
+                                        >
+                                          Show more (
+                                          {(
+                                            chainPathTree.length -
+                                            (treeNodeLimit[''] ?? 100)
+                                          ).toLocaleString()}{' '}
+                                          remaining)...
+                                        </Button>
+                                      )}
+                                    </Stack>
+                                  ) : (
+                                    <div className="max-h-[420px] overflow-auto rounded-md border border-slate-200 bg-white">
+                                      <Table highlightOnHover stickyHeader>
+                                        <Table.Thead>
+                                          <Table.Tr>
+                                            <Table.Th>Path</Table.Th>
+                                            <Table.Th>Checksum</Table.Th>
+                                            <Table.Th>Evidence</Table.Th>
+                                            <Table.Th>Records</Table.Th>
+                                            <Table.Th>Objects</Table.Th>
+                                          </Table.Tr>
+                                        </Table.Thead>
+                                        <Table.Tbody>
+                                          {expandedIssueFindings.length > 0 ? (
+                                            expandedIssueFindings.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>
+                                                    {finding.recordCount.toLocaleString()}
+                                                  </Table.Td>
+                                                  <Table.Td>
+                                                    {finding.objectIds.length.toLocaleString()}
+                                                  </Table.Td>
+                                                </Table.Tr>
+                                              ),
+                                            )
+                                          ) : (
+                                            <Table.Tr>
+                                              <Table.Td colSpan={5}>
+                                                <Text
+                                                  c="dimmed"
+                                                  py="md"
+                                                  ta="center"
+                                                >
+                                                  No issue details were returned
+                                                  for this finding kind.
+                                                </Text>
+                                              </Table.Td>
+                                            </Table.Tr>
+                                          )}
+                                        </Table.Tbody>
+                                      </Table>
+                                    </div>
+                                  )}
+                                </Stack>
+                              </Table.Td>
+                            </Table.Tr>
+                          ) : null}
+                        </React.Fragment>
+                      );
+                    })}
                   </Table.Tbody>
                 </Table>
               ) : null}
diff --git a/packages/frontend/src/pages/FileSummary/storageUtils.ts b/packages/frontend/src/pages/FileSummary/storageUtils.ts
index 10c848be..f75b6620 100644
--- a/packages/frontend/src/pages/FileSummary/storageUtils.ts
+++ b/packages/frontend/src/pages/FileSummary/storageUtils.ts
@@ -31,6 +31,7 @@ export interface StoragePathSummary {
   readonly recordCount: number;
   readonly rows: Array<StoragePathRow>;
   readonly sizeBytes: number;
+  readonly source?: string;
   readonly truncated: boolean;
 }
 
diff --git a/packages/frontend/src/pages/FileSummary/useStorageFolder.ts b/packages/frontend/src/pages/FileSummary/useStorageFolder.ts
index 8410171c..111a4d53 100644
--- a/packages/frontend/src/pages/FileSummary/useStorageFolder.ts
+++ b/packages/frontend/src/pages/FileSummary/useStorageFolder.ts
@@ -22,6 +22,7 @@ interface StorageSummaryResponse {
   latest_update_time?: string;
   path?: string;
   record_count?: number;
+  source?: string;
   total_bytes?: number;
 }
 
@@ -158,6 +159,7 @@ const toStoragePathSummary = ({
     recordCount: summaryJson.record_count ?? 0,
     rows,
     sizeBytes: summaryJson.total_bytes ?? 0,
+    source: summaryJson.source,
     truncated: Boolean(childrenJson.has_more),
   };
 };

From 82c0797e1ea4e6d10b433a54d14f26d5a220334a Mon Sep 17 00:00:00 2001
From: matthewpeterkort <matthewpeterkort@gmail.com>
Date: Sat, 4 Jul 2026 16:36:21 -0700
Subject: [PATCH 15/22] fix audit no populating download statistics

---
 .../src/pages/FileSummary/FileSummary.tsx     |   4 +-
 .../src/pages/FileSummary/StorageBrowser.tsx  |   6 +-
 .../pages/FileSummary/storagePresentation.ts  |   5 +-
 .../src/pages/FileSummary/storageUtils.ts     |   8 +-
 .../src/pages/FileSummary/useStorageFolder.ts | 101 +++++++++++++++---
 5 files changed, 101 insertions(+), 23 deletions(-)

diff --git a/packages/frontend/src/pages/FileSummary/FileSummary.tsx b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
index 26013f99..02eee93c 100644
--- a/packages/frontend/src/pages/FileSummary/FileSummary.tsx
+++ b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
@@ -28,7 +28,6 @@ import {
 import {
   buildProjectOptions,
   splitProjectSelectionValue,
-  type StoragePathRow,
 } from './storageUtils';
 import { StorageBrowser } from './StorageBrowser';
 import { StorageChainAuditReport } from './StorageChainAuditReport';
@@ -621,7 +620,6 @@ export const FileSummaryPage = ({
       buildActionRequests,
       removeHealedChainFindings,
       refresh,
-      resolveIssueAction,
       runChainAudit,
     ],
   );
@@ -695,7 +693,7 @@ export const FileSummaryPage = ({
       return;
     }
 
-    applyExactChainSummary({
+    await applyExactChainSummary({
       bucketObjectCount: result.summary.bucketObjectCount,
       gitTrackedFileCount: result.summary.gitTrackedFileCount,
       pathPrefix: result.pathPrefix,
diff --git a/packages/frontend/src/pages/FileSummary/StorageBrowser.tsx b/packages/frontend/src/pages/FileSummary/StorageBrowser.tsx
index fd05d39c..1a546093 100644
--- a/packages/frontend/src/pages/FileSummary/StorageBrowser.tsx
+++ b/packages/frontend/src/pages/FileSummary/StorageBrowser.tsx
@@ -88,6 +88,8 @@ export const StorageBrowser = ({
       />
     </button>
   );
+  const formatOptionalCount = (value?: number): string =>
+    typeof value === 'number' ? value.toLocaleString() : '-';
 
   return (
     <Stack gap="md" px="sm">
@@ -228,7 +230,7 @@ export const StorageBrowser = ({
               Downloads
             </Text>
             <Text className="mt-1" fw={700} size="sm">
-              {(data?.downloadCount ?? 0).toLocaleString()}
+              {formatOptionalCount(data?.downloadCount)}
             </Text>
           </div>
 
@@ -327,7 +329,7 @@ export const StorageBrowser = ({
                       </Stack>
                     </Table.Td>
                     <Table.Td>{row.fileCount.toLocaleString()}</Table.Td>
-                    <Table.Td>{row.downloadCount.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>
diff --git a/packages/frontend/src/pages/FileSummary/storagePresentation.ts b/packages/frontend/src/pages/FileSummary/storagePresentation.ts
index 23c1af88..155e6870 100644
--- a/packages/frontend/src/pages/FileSummary/storagePresentation.ts
+++ b/packages/frontend/src/pages/FileSummary/storagePresentation.ts
@@ -370,7 +370,10 @@ export const sortStorageRowsBy = (
       case 'fileCount':
         return left.fileCount - right.fileCount;
       case 'downloadCount':
-        return left.downloadCount - right.downloadCount;
+        return (
+          (left.downloadCount ?? -Infinity) -
+          (right.downloadCount ?? -Infinity)
+        );
       case 'lastDownload':
         return compareOptionalDates(left.lastDownload, right.lastDownload);
       case 'lastUpdated':
diff --git a/packages/frontend/src/pages/FileSummary/storageUtils.ts b/packages/frontend/src/pages/FileSummary/storageUtils.ts
index f75b6620..09adb732 100644
--- a/packages/frontend/src/pages/FileSummary/storageUtils.ts
+++ b/packages/frontend/src/pages/FileSummary/storageUtils.ts
@@ -6,13 +6,13 @@ export interface ProjectStorageOption {
 }
 
 export interface StoragePathRow {
-  readonly downloadCount: number;
+  readonly downloadCount?: number;
   readonly fileCount: number;
   readonly lastDownload?: string;
   readonly lastUpdated?: string;
   readonly name: string;
   readonly path: string;
-  readonly recordCount: number;
+  readonly recordCount?: number;
   readonly sizeBytes: number;
   readonly type: 'directory' | 'file';
 }
@@ -20,7 +20,7 @@ export interface StoragePathRow {
 export interface StoragePathSummary {
   readonly bucketObjectCount?: number;
   readonly childCount: number;
-  readonly downloadCount: number;
+  readonly downloadCount?: number;
   readonly fileCount: number;
   readonly hasMore: boolean;
   readonly isChainAuditExact?: boolean;
@@ -28,7 +28,7 @@ export interface StoragePathSummary {
   readonly lastUpdated?: string;
   readonly nextCursor?: string;
   readonly path: string;
-  readonly recordCount: number;
+  readonly recordCount?: number;
   readonly rows: Array<StoragePathRow>;
   readonly sizeBytes: number;
   readonly source?: string;
diff --git a/packages/frontend/src/pages/FileSummary/useStorageFolder.ts b/packages/frontend/src/pages/FileSummary/useStorageFolder.ts
index 111a4d53..29110c03 100644
--- a/packages/frontend/src/pages/FileSummary/useStorageFolder.ts
+++ b/packages/frontend/src/pages/FileSummary/useStorageFolder.ts
@@ -73,12 +73,14 @@ const buildStorageFolderUrl = ({
   organization,
   path,
   project,
+  summaryMode,
 }: {
   cursor?: string;
   limit: number;
   organization: string;
   path?: string;
   project: string;
+  summaryMode?: 'exact';
 }): string => {
   const query = new URLSearchParams({
     limit: String(limit),
@@ -93,6 +95,9 @@ const buildStorageFolderUrl = ({
   if (cursor) {
     query.set('cursor', cursor);
   }
+  if (summaryMode) {
+    query.set('summary_mode', summaryMode);
+  }
 
   return `${buildGeckoGitProjectBaseUrl({
     organization,
@@ -120,13 +125,13 @@ const normalizeStorageRow = (
   }
 
   return {
-    downloadCount: item.download_count ?? 0,
+    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 ?? 0,
+    recordCount: item.record_count,
     sizeBytes: item.total_bytes ?? 0,
     type,
   };
@@ -149,14 +154,14 @@ const toStoragePathSummary = ({
 
   return {
     childCount: summaryJson.direct_child_count ?? rows.length,
-    downloadCount: summaryJson.download_count ?? 0,
+    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 ?? 0,
+    recordCount: summaryJson.record_count,
     rows,
     sizeBytes: summaryJson.total_bytes ?? 0,
     source: summaryJson.source,
@@ -202,27 +207,34 @@ export const useSyfonPathStorageSummary = ({
   }, []);
 
   const applyExactChainSummary = useCallback(
-    (summary: ExactChainSummary) => {
+    async (summary: ExactChainSummary) => {
       const normalizedSummaryPath = normalizeStoragePath(summary.pathPrefix);
       const normalizedCurrentPath = normalizeStoragePath(currentPath);
       if (normalizedSummaryPath !== normalizedCurrentPath) {
         return;
       }
 
-      setData((current) => {
-        if (!current) {
+      const markExact = (
+        current: StoragePathSummary | null,
+        exactSummary?: StoragePathSummary,
+      ): StoragePathSummary | null => {
+        const base = exactSummary ?? current;
+        if (!base) {
           return current;
         }
-
-        const next = {
-          ...current,
+        return {
+          ...base,
           bucketObjectCount: summary.bucketObjectCount,
           fileCount: summary.gitTrackedFileCount,
           isChainAuditExact: true,
-          recordCount: summary.syfonRecordCount,
+          recordCount: exactSummary?.recordCount ?? summary.syfonRecordCount,
         };
+      };
 
-        if (cacheKey) {
+      setData((current) => {
+        const next = markExact(current);
+
+        if (next && cacheKey) {
           cacheRef.current.set(cacheKey, {
             data: next,
             expiresAt: Date.now() + STORAGE_FOLDER_CACHE_TTL_MS,
@@ -231,8 +243,69 @@ export const useSyfonPathStorageSummary = ({
 
         return next;
       });
+
+      const selection = splitProjectSelectionValue(projectSelection);
+      if (!selection) {
+        return;
+      }
+
+      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 ?? {},
+        });
+
+        setData((current) => {
+          if (
+            current &&
+            normalizeStoragePath(current.path) !== normalizedCurrentPath
+          ) {
+            return current;
+          }
+
+          const next = markExact(current, exactSummary);
+          if (next && cacheKey) {
+            cacheRef.current.set(cacheKey, {
+              data: next,
+              expiresAt: Date.now() + STORAGE_FOLDER_CACHE_TTL_MS,
+            });
+          }
+          return next;
+        });
+      } catch (exactLoadError) {
+        setError(
+          exactLoadError instanceof Error
+            ? exactLoadError.message
+            : 'Audit completed, but audited storage details could not be loaded.',
+        );
+      }
     },
-    [cacheKey, currentPath],
+    [cacheKey, currentPath, data?.rows.length, projectSelection],
   );
 
   useEffect(() => {
@@ -353,6 +426,7 @@ export const useSyfonPathStorageSummary = ({
           organization,
           path: currentPath,
           project,
+          summaryMode: data.isChainAuditExact ? 'exact' : undefined,
         }),
         {
           credentials: 'include',
@@ -398,6 +472,7 @@ export const useSyfonPathStorageSummary = ({
           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) {

From c6b96be04fdf691d295ed3292332c01d6b6b9e88 Mon Sep 17 00:00:00 2001
From: matthewpeterkort <matthewpeterkort@gmail.com>
Date: Sat, 4 Jul 2026 17:40:43 -0700
Subject: [PATCH 16/22] fix small cosmetic issues

---
 .../src/pages/FileSummary/FileSummary.tsx     | 14 ++-
 .../src/pages/FileSummary/StorageBrowser.tsx  | 12 +--
 .../src/pages/FileSummary/useStorageFolder.ts | 95 +++++++++++++------
 3 files changed, 84 insertions(+), 37 deletions(-)

diff --git a/packages/frontend/src/pages/FileSummary/FileSummary.tsx b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
index 02eee93c..4338c42d 100644
--- a/packages/frontend/src/pages/FileSummary/FileSummary.tsx
+++ b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
@@ -109,6 +109,10 @@ export const FileSummaryPage = ({
     useState<StorageSortKey>('sizeBytes');
   const [storageSortDirection, setStorageSortDirection] =
     useState<StorageSortDirection>('desc');
+  const [exactStorageRequest, setExactStorageRequest] = useState<{
+    path: string;
+    token: number;
+  } | null>(null);
 
   useEffect(() => {
     if (isProjectScopedRoute) {
@@ -219,12 +223,14 @@ export const FileSummaryPage = ({
     data,
     error,
     isLoading,
+    isLoadingExact,
     isLoadingMore,
     loadMore,
     refresh,
   } = useSyfonPathStorageSummary({
     config: filesummaryConfig,
     currentPath,
+    exactRequest: exactStorageRequest ?? undefined,
     projectSelection: selectedProject,
   });
   const {
@@ -687,13 +693,17 @@ export const FileSummaryPage = ({
   );
 
   const handleRunStorageChainAudit = async () => {
+    setExactStorageRequest((current) => ({
+      path: currentPath,
+      token: (current?.token ?? 0) + 1,
+    }));
     const result = await runChainAudit();
     setShowChainAuditReport(true);
     if (!result) {
       return;
     }
 
-    await applyExactChainSummary({
+    applyExactChainSummary({
       bucketObjectCount: result.summary.bucketObjectCount,
       gitTrackedFileCount: result.summary.gitTrackedFileCount,
       pathPrefix: result.pathPrefix,
@@ -912,7 +922,7 @@ export const FileSummaryPage = ({
                 currentPath={currentPath}
                 data={data}
                 filesummaryConfig={filesummaryConfig}
-                isChainAuditing={isChainAuditing}
+                isChainAuditing={isChainAuditing || isLoadingExact}
                 isLoadingMore={isLoadingMore}
                 largestRowSize={largestRowSize}
                 onLoadMore={() => {
diff --git a/packages/frontend/src/pages/FileSummary/StorageBrowser.tsx b/packages/frontend/src/pages/FileSummary/StorageBrowser.tsx
index 1a546093..5020df15 100644
--- a/packages/frontend/src/pages/FileSummary/StorageBrowser.tsx
+++ b/packages/frontend/src/pages/FileSummary/StorageBrowser.tsx
@@ -211,17 +211,17 @@ export const StorageBrowser = ({
               {data?.childCount ?? 0} children
             </Text>
             {data?.isChainAuditExact ? (
-              <Stack gap={4} mt={4}>
-                <Badge color="green" size="xs" variant="light">
-                  Audit verified
+              <Text c="dimmed" className="mt-1 truncate" size="xs">
+                <Badge color="green" mr={6} size="xs" variant="light">
+                  Verified
                 </Badge>
-                <Text c="dimmed" size="xs">
+                <span>
                   {(data.recordCount ?? 0).toLocaleString()} Syfon records
                   {typeof data.bucketObjectCount === 'number'
                     ? ` · ${data.bucketObjectCount.toLocaleString()} bucket objects`
                     : ''}
-                </Text>
-              </Stack>
+                </span>
+              </Text>
             ) : null}
           </div>
 
diff --git a/packages/frontend/src/pages/FileSummary/useStorageFolder.ts b/packages/frontend/src/pages/FileSummary/useStorageFolder.ts
index 29110c03..dc1a0e42 100644
--- a/packages/frontend/src/pages/FileSummary/useStorageFolder.ts
+++ b/packages/frontend/src/pages/FileSummary/useStorageFolder.ts
@@ -171,15 +171,18 @@ const toStoragePathSummary = ({
 
 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(
@@ -207,34 +210,26 @@ export const useSyfonPathStorageSummary = ({
   }, []);
 
   const applyExactChainSummary = useCallback(
-    async (summary: ExactChainSummary) => {
+    (summary: ExactChainSummary) => {
       const normalizedSummaryPath = normalizeStoragePath(summary.pathPrefix);
       const normalizedCurrentPath = normalizeStoragePath(currentPath);
       if (normalizedSummaryPath !== normalizedCurrentPath) {
         return;
       }
 
-      const markExact = (
-        current: StoragePathSummary | null,
-        exactSummary?: StoragePathSummary,
-      ): StoragePathSummary | null => {
-        const base = exactSummary ?? current;
-        if (!base) {
+      setData((current) => {
+        if (!current) {
           return current;
         }
-        return {
-          ...base,
+        const next = {
+          ...current,
           bucketObjectCount: summary.bucketObjectCount,
           fileCount: summary.gitTrackedFileCount,
           isChainAuditExact: true,
-          recordCount: exactSummary?.recordCount ?? summary.syfonRecordCount,
+          recordCount: current.recordCount ?? summary.syfonRecordCount,
         };
-      };
-
-      setData((current) => {
-        const next = markExact(current);
 
-        if (next && cacheKey) {
+        if (cacheKey) {
           cacheRef.current.set(cacheKey, {
             data: next,
             expiresAt: Date.now() + STORAGE_FOLDER_CACHE_TTL_MS,
@@ -243,12 +238,29 @@ export const useSyfonPathStorageSummary = ({
 
         return next;
       });
+    },
+    [cacheKey, currentPath],
+  );
 
-      const selection = splitProjectSelectionValue(projectSelection);
-      if (!selection) {
-        return;
-      }
+  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({
@@ -279,6 +291,9 @@ export const useSyfonPathStorageSummary = ({
           currentPath,
           summaryJson: folderJson.summary ?? {},
         });
+        if (cancelled) {
+          return;
+        }
 
         setData((current) => {
           if (
@@ -288,8 +303,12 @@ export const useSyfonPathStorageSummary = ({
             return current;
           }
 
-          const next = markExact(current, exactSummary);
-          if (next && cacheKey) {
+          const next = {
+            ...exactSummary,
+            bucketObjectCount: current?.bucketObjectCount,
+            isChainAuditExact: true,
+          };
+          if (cacheKey) {
             cacheRef.current.set(cacheKey, {
               data: next,
               expiresAt: Date.now() + STORAGE_FOLDER_CACHE_TTL_MS,
@@ -298,15 +317,32 @@ export const useSyfonPathStorageSummary = ({
           return next;
         });
       } catch (exactLoadError) {
-        setError(
-          exactLoadError instanceof Error
-            ? exactLoadError.message
-            : 'Audit completed, but audited storage details could not be loaded.',
-        );
+        if (!cancelled) {
+          setError(
+            exactLoadError instanceof Error
+              ? exactLoadError.message
+              : 'Audited storage details could not be loaded.',
+          );
+        }
+      } finally {
+        if (!cancelled) {
+          setIsLoadingExact(false);
+        }
       }
-    },
-    [cacheKey, currentPath, data?.rows.length, projectSelection],
-  );
+    };
+
+    void load();
+
+    return () => {
+      cancelled = true;
+    };
+  }, [
+    cacheKey,
+    currentPath,
+    data?.rows.length,
+    exactRequest,
+    projectSelection,
+  ]);
 
   useEffect(() => {
     const selection = splitProjectSelectionValue(projectSelection);
@@ -498,6 +534,7 @@ export const useSyfonPathStorageSummary = ({
     data,
     error,
     isLoading,
+    isLoadingExact,
     isLoadingMore,
     applyExactChainSummary,
     loadMore,

From b19eaacbddc43cf440d59d3ec36c2f62671d1654 Mon Sep 17 00:00:00 2001
From: matthewpeterkort <matthewpeterkort@gmail.com>
Date: Tue, 7 Jul 2026 14:06:22 -0700
Subject: [PATCH 17/22] cleanup audit report

---
 .../frontend/src/api/auth/sessionLogout.ts    |  2 +-
 packages/frontend/src/index.ts                |  2 +-
 .../src/pages/FileSummary/FileSummary.tsx     | 79 +++++++++++--------
 .../FileSummary/StorageChainAuditReport.tsx   | 12 +++
 .../frontend/src/pages/FileSummary/hooks.tsx  |  8 ++
 .../pages/FileSummary/storagePresentation.ts  | 14 +++-
 .../src/pages/FileSummary/storageTypes.ts     |  2 +
 .../frontend/src/pages/Workspace/index.ts     |  3 +-
 packages/sampleCommons/package.json           |  2 +-
 9 files changed, 87 insertions(+), 37 deletions(-)

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/index.ts b/packages/frontend/src/index.ts
index 154b562d..bd710d74 100644
--- a/packages/frontend/src/index.ts
+++ b/packages/frontend/src/index.ts
@@ -136,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,
diff --git a/packages/frontend/src/pages/FileSummary/FileSummary.tsx b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
index 4338c42d..dc0130e4 100644
--- a/packages/frontend/src/pages/FileSummary/FileSummary.tsx
+++ b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
@@ -102,6 +102,9 @@ export const FileSummaryPage = ({
   const [chainIssueLoadErrors, setChainIssueLoadErrors] = useState<
     Record<string, string>
   >({});
+  const [chainIssueLoadNotices, setChainIssueLoadNotices] = useState<
+    Record<string, string>
+  >({});
   const [loadingChainIssueId, setLoadingChainIssueId] = useState<string | null>(
     null,
   );
@@ -260,7 +263,7 @@ export const FileSummaryPage = ({
   useEffect(() => {
     clearChainAudit();
     clearCleanupResults();
-  }, [clearChainAudit, clearCleanupResults, currentPath, selectedProject]);
+  }, [clearChainAudit, clearCleanupResults, selectedProject]);
 
   useEffect(() => {
     setActionFeedbackMessage(null);
@@ -271,8 +274,9 @@ export const FileSummaryPage = ({
     setShowChainAuditReport(false);
     setChainIssueFindingsByKind({});
     setChainIssueLoadErrors({});
+    setChainIssueLoadNotices({});
     setLoadingChainIssueId(null);
-  }, [currentPath, selectedProject]);
+  }, [selectedProject]);
 
   const pageTitle = selectedProjectParts
     ? `${selectedProjectParts.organization}/${selectedProjectParts.project}`
@@ -631,52 +635,60 @@ export const FileSummaryPage = ({
   );
 
   const loadChainIssueDetails = useCallback(
-    async (issueId: string) => {
+    (issueId: string) => {
       if (chainIssueFindingsByKind[issueId]) {
         return;
       }
 
-      setLoadingChainIssueId(issueId);
+      setLoadingChainIssueId(null);
       setChainIssueLoadErrors((current) => {
         const next = { ...current };
         delete next[issueId];
         return next;
       });
+      setChainIssueLoadNotices((current) => {
+        const next = { ...current };
+        delete next[issueId];
+        return next;
+      });
 
-      try {
-        const result = await runChainAudit({
-          findingKind: issueId,
-          findingLimit: -1,
-          persistResult: false,
-        });
-        if (!result) {
-          setChainIssueLoadErrors((current) => ({
-            ...current,
-            [issueId]: 'Failed to load issue details.',
-          }));
-          return;
-        }
-        setChainIssueFindingsByKind((current) => ({
+      if (!chainAuditResult) {
+        setChainIssueLoadErrors((current) => ({
           ...current,
-          [issueId]: result.findings.filter(
-            (finding) => finding.kind === issueId,
-          ),
+          [issueId]: 'Run the storage chain audit before opening issue details.',
         }));
-      } catch (error) {
-        setChainIssueLoadErrors((current) => ({
+        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]:
-            error instanceof Error
-              ? error.message
-              : 'Failed to load issue details.',
+            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.',
         }));
-      } finally {
-        setLoadingChainIssueId((current) =>
-          current === issueId ? null : current,
-        );
       }
     },
-    [chainIssueFindingsByKind, runChainAudit],
+    [chainAuditResult, chainIssueFindingsByKind],
   );
 
   const handleToggleChainIssueDetails = useCallback(
@@ -893,6 +905,11 @@ export const FileSummaryPage = ({
                         ? chainIssueLoadErrors[selectedChainIssueId]
                         : undefined
                     }
+                    expandedIssueNotice={
+                      selectedChainIssueId
+                        ? chainIssueLoadNotices[selectedChainIssueId]
+                        : undefined
+                    }
                     expandedIssueLoading={
                       loadingChainIssueId === selectedChainIssueId
                     }
diff --git a/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx b/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx
index 055dc640..5296b47a 100644
--- a/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx
+++ b/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx
@@ -48,6 +48,7 @@ type StorageChainAuditReportProps = {
   readonly expandedChainTreeNodes: Record<string, boolean>;
   readonly expandedIssueId: string | null;
   readonly expandedIssueLoadError?: string;
+  readonly expandedIssueNotice?: string;
   readonly expandedIssueLoading: boolean;
   readonly expandedIssueFindings: Array<StorageChainFinding>;
   readonly isApplying: boolean;
@@ -110,6 +111,7 @@ export const StorageChainAuditReport = ({
   expandedIssueFindings,
   expandedIssueId,
   expandedIssueLoadError,
+  expandedIssueNotice,
   expandedIssueLoading,
   isApplying,
   isAuditing,
@@ -430,6 +432,16 @@ export const StorageChainAuditReport = ({
                                     </Alert>
                                   ) : null}
 
+                                  {expandedIssueNotice ? (
+                                    <Alert
+                                      color="blue"
+                                      icon={<IconAlertCircle size={16} />}
+                                      title="Audit response rows"
+                                    >
+                                      {expandedIssueNotice}
+                                    </Alert>
+                                  ) : null}
+
                                   {expandedIssueLoading &&
                                   expandedIssueFindings.length === 0 ? (
                                     <Center py="md">
diff --git a/packages/frontend/src/pages/FileSummary/hooks.tsx b/packages/frontend/src/pages/FileSummary/hooks.tsx
index 857e1980..66c7d1fe 100644
--- a/packages/frontend/src/pages/FileSummary/hooks.tsx
+++ b/packages/frontend/src/pages/FileSummary/hooks.tsx
@@ -945,6 +945,10 @@ const normalizeStorageChainAuditResult = ({
           ? 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
@@ -953,6 +957,10 @@ const normalizeStorageChainAuditResult = ({
         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
diff --git a/packages/frontend/src/pages/FileSummary/storagePresentation.ts b/packages/frontend/src/pages/FileSummary/storagePresentation.ts
index 155e6870..1c87827f 100644
--- a/packages/frontend/src/pages/FileSummary/storagePresentation.ts
+++ b/packages/frontend/src/pages/FileSummary/storagePresentation.ts
@@ -271,7 +271,7 @@ export const buildPathsByParentMap = (
   const nodesByPath = new Map<string, ChainPathTreeNode>();
 
   Array.from(new Set(paths.filter(Boolean))).forEach((value) => {
-    const segments = value.split('/').filter(Boolean);
+    const segments = pathTreeSegments(value);
     let parentPath = '';
     const pathNodes: Array<ChainPathTreeNode> = [];
 
@@ -330,6 +330,18 @@ export const buildPathsByParentMap = (
   return map;
 };
 
+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);
+  }
+
+  const root = `${urlMatch[1]}${urlMatch[2]}`;
+  const rest = urlMatch[3].split('/').filter(Boolean);
+  return [root, ...rest];
+};
+
 export const formatCleanupFindingLabel = (value: string): string =>
   value
     .split('_')
diff --git a/packages/frontend/src/pages/FileSummary/storageTypes.ts b/packages/frontend/src/pages/FileSummary/storageTypes.ts
index a697a490..c18fa6f4 100644
--- a/packages/frontend/src/pages/FileSummary/storageTypes.ts
+++ b/packages/frontend/src/pages/FileSummary/storageTypes.ts
@@ -97,6 +97,8 @@ export interface StorageChainFinding {
 
 export interface StorageChainAuditSummary {
   readonly countsByKind: Record<string, number>;
+  readonly findingLimit?: number;
+  readonly returnedFindings: number;
   readonly totalFindings: number;
   readonly bucketObjectCount: number;
   readonly syfonRecordCount: number;
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/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",

From d1ec1bc0eefbdce49fd083a779cad5e635a5d079 Mon Sep 17 00:00:00 2001
From: matthewpeterkort <matthewpeterkort@gmail.com>
Date: Wed, 8 Jul 2026 09:39:46 -0700
Subject: [PATCH 18/22] update frontend

---
 .../src/pages/FileSummary/FileSummary.tsx     | 66 ++++++++++++---
 .../FileSummary/StorageChainAuditReport.tsx   | 82 +++++++++++++------
 .../frontend/src/pages/FileSummary/hooks.tsx  | 31 +++++++
 .../src/pages/FileSummary/storageTypes.ts     | 16 ++++
 4 files changed, 162 insertions(+), 33 deletions(-)

diff --git a/packages/frontend/src/pages/FileSummary/FileSummary.tsx b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
index dc0130e4..76f0b7ca 100644
--- a/packages/frontend/src/pages/FileSummary/FileSummary.tsx
+++ b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
@@ -405,6 +405,36 @@ export const FileSummaryPage = ({
       ),
     [],
   );
+  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) => {
@@ -556,15 +586,33 @@ export const FileSummaryPage = ({
         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: buildActionRequests({
-              action: actionName,
-              findings,
-            }),
-            findings: findings.filter(
+            actions: actionRequests,
+            findings: actionFindings.filter(
               (
                 finding,
               ): finding is StorageCleanupFinding | StorageChainFinding =>
@@ -596,11 +644,8 @@ export const FileSummaryPage = ({
       }
 
       const result = await applyCleanup({
-        actions: buildActionRequests({
-          action: actionName,
-          findings,
-        }),
-        findings: findings.filter(
+        actions: actionRequests,
+        findings: actionFindings.filter(
           (finding): finding is StorageCleanupFinding | StorageChainFinding =>
             'records' in finding,
         ),
@@ -628,6 +673,7 @@ export const FileSummaryPage = ({
     [
       applyCleanup,
       buildActionRequests,
+      buildSuggestedActionRequests,
       removeHealedChainFindings,
       refresh,
       runChainAudit,
diff --git a/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx b/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx
index 5296b47a..937ff32d 100644
--- a/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx
+++ b/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx
@@ -176,39 +176,67 @@ export const StorageChainAuditReport = ({
       });
     };
 
+    const suggestedFindings = expandedIssueFindings.filter(
+      (finding) => finding.suggestedAction,
+    );
+    const suggestedFixButton =
+      suggestedFindings.length > 0 ? (
+        <Button
+          color={expandedIssue.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;
+
     if (
       expandedIssue.id === 'git_syfon_metadata_mismatch' &&
       repairActions.length > 1
     ) {
       return (
-        <Menu shadow="md" withinPortal>
-          <Menu.Target>
-            <Button
-              color={expandedIssue.color}
-              loading={isBusy}
-              size="xs"
-              variant="light"
-            >
-              Choose fix
-            </Button>
-          </Menu.Target>
-          <Menu.Dropdown>
-            {repairActions.map((action) => (
-              <Menu.Item
-                color={action.destructive ? 'red' : undefined}
-                key={action.action}
-                onClick={() => runRepairAction(action)}
+        <Group gap="xs">
+          {suggestedFixButton}
+          <Menu shadow="md" withinPortal>
+            <Menu.Target>
+              <Button
+                color={expandedIssue.color}
+                loading={isBusy}
+                size="xs"
+                variant={suggestedFixButton ? 'outline' : 'light'}
               >
-                {action.label}
-              </Menu.Item>
-            ))}
-          </Menu.Dropdown>
-        </Menu>
+                Choose fix
+              </Button>
+            </Menu.Target>
+            <Menu.Dropdown>
+              {repairActions.map((action) => (
+                <Menu.Item
+                  color={action.destructive ? 'red' : undefined}
+                  key={action.action}
+                  onClick={() => runRepairAction(action)}
+                >
+                  {action.label}
+                </Menu.Item>
+              ))}
+            </Menu.Dropdown>
+          </Menu>
+        </Group>
       );
     }
 
-    return repairActions.length > 0 ? (
+    return suggestedFixButton || repairActions.length > 0 ? (
       <Group gap="xs">
+        {suggestedFixButton}
         {repairActions.map((action) => (
           <Button
             color={expandedIssue.color}
@@ -538,6 +566,7 @@ export const StorageChainAuditReport = ({
                                             <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>
@@ -576,6 +605,13 @@ export const StorageChainAuditReport = ({
                                                       )}
                                                     </Text>
                                                   </Table.Td>
+                                                  <Table.Td maw={520}>
+                                                    <Text size="sm">
+                                                      {finding.suggestedFix ||
+                                                        finding.recommendedAction ||
+                                                        '—'}
+                                                    </Text>
+                                                  </Table.Td>
                                                   <Table.Td>
                                                     {finding.recordCount.toLocaleString()}
                                                   </Table.Td>
diff --git a/packages/frontend/src/pages/FileSummary/hooks.tsx b/packages/frontend/src/pages/FileSummary/hooks.tsx
index 66c7d1fe..becb7ea4 100644
--- a/packages/frontend/src/pages/FileSummary/hooks.tsx
+++ b/packages/frontend/src/pages/FileSummary/hooks.tsx
@@ -659,6 +659,22 @@ const normalizeStorageChainFinding = (
       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
@@ -1054,6 +1070,8 @@ const buildStorageApplyFindingRequest = (
   kind: finding.kind,
   normalized_path: finding.normalizedPath,
   object_ids: finding.objectIds,
+  suggested_action:
+    'suggestedAction' in finding ? finding.suggestedAction : undefined,
   records:
     'records' in finding
       ? finding.records.map((record) => ({
@@ -1064,10 +1082,23 @@ const buildStorageApplyFindingRequest = (
             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,
diff --git a/packages/frontend/src/pages/FileSummary/storageTypes.ts b/packages/frontend/src/pages/FileSummary/storageTypes.ts
index c18fa6f4..625b74b0 100644
--- a/packages/frontend/src/pages/FileSummary/storageTypes.ts
+++ b/packages/frontend/src/pages/FileSummary/storageTypes.ts
@@ -88,6 +88,8 @@ export interface StorageChainFinding {
   readonly recordCount: number;
   readonly sizeBytes?: number;
   readonly recommendedAction: string;
+  readonly suggestedFix?: string;
+  readonly suggestedAction?: string;
   readonly evidence?: AuditEvidence;
   readonly actionability?: string;
   readonly availableActions: Array<AuditActionOption>;
@@ -253,9 +255,22 @@ export interface StorageApplyFindingRequest {
     }>;
     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;
@@ -263,6 +278,7 @@ export interface StorageApplyFindingRequest {
   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>;

From c0f1cd5dba707e0a4d67103d39a69dd0f98ad38b Mon Sep 17 00:00:00 2001
From: matthewpeterkort <matthewpeterkort@gmail.com>
Date: Wed, 8 Jul 2026 15:58:49 -0700
Subject: [PATCH 19/22] cleanup cosmetics of frontend

---
 .../Navigation/ProjectWorkspaceTabs.tsx       |  55 +-
 .../src/pages/FileSummary/ChainPathTree.tsx   |  14 +-
 .../src/pages/FileSummary/FileSummary.tsx     | 770 +++++++++++-------
 .../src/pages/FileSummary/StorageBrowser.tsx  | 138 +---
 .../FileSummary/StorageChainAuditReport.tsx   | 422 ++++++----
 .../frontend/src/pages/FileSummary/hooks.tsx  |  24 +
 .../src/pages/FileSummary/storageTypes.ts     |   5 +
 7 files changed, 813 insertions(+), 615 deletions(-)

diff --git a/packages/frontend/src/features/Navigation/ProjectWorkspaceTabs.tsx b/packages/frontend/src/features/Navigation/ProjectWorkspaceTabs.tsx
index cdeb0e57..9d67ae32 100644
--- a/packages/frontend/src/features/Navigation/ProjectWorkspaceTabs.tsx
+++ b/packages/frontend/src/features/Navigation/ProjectWorkspaceTabs.tsx
@@ -14,6 +14,7 @@ interface ProjectWorkspaceTabsProps {
   readonly presentationHref?: string;
   readonly explorerHref?: string;
   readonly storageHref?: string;
+  readonly toolbarContent?: React.ReactNode;
 }
 
 const ProjectWorkspaceTabs = ({
@@ -26,6 +27,7 @@ const ProjectWorkspaceTabs = ({
   presentationHref,
   explorerHref,
   storageHref,
+  toolbarContent,
 }: ProjectWorkspaceTabsProps) => {
   const { data: authzMapping = {} } = useGetAuthzMappingsQuery();
 
@@ -127,30 +129,35 @@ const ProjectWorkspaceTabs = ({
   return (
     <div>
       <div className="border-b border-slate-200 bg-white">
-        <div
-          aria-label={`Project workspaces for ${organization}/${project}`}
-          className="flex min-h-[3rem] gap-5 px-4"
-          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 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>
 
diff --git a/packages/frontend/src/pages/FileSummary/ChainPathTree.tsx b/packages/frontend/src/pages/FileSummary/ChainPathTree.tsx
index a90b2400..f0147975 100644
--- a/packages/frontend/src/pages/FileSummary/ChainPathTree.tsx
+++ b/packages/frontend/src/pages/FileSummary/ChainPathTree.tsx
@@ -3,6 +3,8 @@ import { ActionIcon, Button, Checkbox, Group, Stack } from '@mantine/core';
 import { IconChevronRight } from '@tabler/icons-react';
 import type { ChainPathTreeNode } from './storagePresentation';
 
+const chainPathTreeNodeLimit = 250;
+
 type ChainPathTreeProps = {
   readonly expandedTreeNodes: Record<string, boolean>;
   readonly nodes: Array<ChainPathTreeNode>;
@@ -99,14 +101,17 @@ export const ChainPathTree = ({
         {!isLeaf && isExpanded ? (
           <>
             {children
-              .slice(0, treeNodeLimit[node.path] ?? 100)
+              .slice(0, treeNodeLimit[node.path] ?? chainPathTreeNodeLimit)
               .map((child) => renderNode(child, depth + 1))}
-            {children.length > (treeNodeLimit[node.path] ?? 100) && (
+            {children.length >
+              (treeNodeLimit[node.path] ?? chainPathTreeNodeLimit) && (
               <Button
                 onClick={() =>
                   onTreeNodeLimitChange((current) => ({
                     ...current,
-                    [node.path]: (current[node.path] ?? 100) + 100,
+                    [node.path]:
+                      (current[node.path] ?? chainPathTreeNodeLimit) +
+                      chainPathTreeNodeLimit,
                   }))
                 }
                 size="xs"
@@ -118,7 +123,8 @@ export const ChainPathTree = ({
               >
                 Show more (
                 {(
-                  children.length - (treeNodeLimit[node.path] ?? 100)
+                  children.length -
+                  (treeNodeLimit[node.path] ?? chainPathTreeNodeLimit)
                 ).toLocaleString()}{' '}
                 remaining)...
               </Button>
diff --git a/packages/frontend/src/pages/FileSummary/FileSummary.tsx b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
index 76f0b7ca..efb6f5ab 100644
--- a/packages/frontend/src/pages/FileSummary/FileSummary.tsx
+++ b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
@@ -1,24 +1,35 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { useRouter } from 'next/router';
-import { CALYPR_EXPLORER_CONFIG_API } from '@gen3/core';
 import {
+  CALYPR_EXPLORER_CONFIG_API,
+  useGetConfigContentQuery,
+} from '@gen3/core';
+import {
+  ActionIcon,
   Alert,
+  Badge,
   Center,
   Container,
   Group,
   Loader,
+  Menu,
   Select,
   Stack,
   Text,
-  Title,
 } from '@mantine/core';
-import { IconAlertCircle } from '@tabler/icons-react';
+import {
+  IconAlertCircle,
+  IconCheck,
+  IconCopy,
+  IconRefresh,
+} from '@tabler/icons-react';
 import ProtectedContent from '../../components/Protected/ProtectedContent';
 import { NavPageLayout, ProjectWorkspaceTabs } from '../../features/Navigation';
 import { FileSummaryPageProps } from './types';
 import {
   type AuditActionOption,
   type StorageApplyActionRequest,
+  type StorageChainAuditResult,
   type StorageChainFinding,
   type StorageCleanupFinding,
   useSyfonStorageChain,
@@ -80,9 +91,10 @@ export const FileSummaryPage = ({
   const [currentPath, setCurrentPath] = useState(
     filesummaryConfig?.defaultPath?.trim() ?? '',
   );
-  const [selectedChainIssueId, setSelectedChainIssueId] = useState<
-    string | null
-  >(null);
+  const [hasCopiedStoragePath, setHasCopiedStoragePath] = useState(false);
+  const [expandedChainIssueIds, setExpandedChainIssueIds] = useState<
+    Set<string>
+  >(new Set());
   const [selectedChainPathsByIssue, setSelectedChainPathsByIssue] = useState<
     Record<string, Array<string>>
   >({});
@@ -95,7 +107,6 @@ export const FileSummaryPage = ({
   const [actionFeedbackMessage, setActionFeedbackMessage] = useState<
     string | null
   >(null);
-  const [showChainAuditReport, setShowChainAuditReport] = useState(false);
   const [chainIssueFindingsByKind, setChainIssueFindingsByKind] = useState<
     Record<string, Array<StorageChainFinding>>
   >({});
@@ -116,6 +127,7 @@ export const FileSummaryPage = ({
     path: string;
     token: number;
   } | null>(null);
+  const [storageTab, setStorageTab] = useState<'browser' | 'audit'>('browser');
 
   useEffect(() => {
     if (isProjectScopedRoute) {
@@ -188,6 +200,16 @@ export const FileSummaryPage = ({
     () => 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],
@@ -226,7 +248,6 @@ export const FileSummaryPage = ({
     data,
     error,
     isLoading,
-    isLoadingExact,
     isLoadingMore,
     loadMore,
     refresh,
@@ -267,20 +288,16 @@ export const FileSummaryPage = ({
 
   useEffect(() => {
     setActionFeedbackMessage(null);
-    setSelectedChainIssueId(null);
+    setExpandedChainIssueIds(new Set());
     setSelectedChainPathsByIssue({});
     setExpandedChainTreeNodes({});
     setTreeNodeLimit({});
-    setShowChainAuditReport(false);
     setChainIssueFindingsByKind({});
     setChainIssueLoadErrors({});
     setChainIssueLoadNotices({});
     setLoadingChainIssueId(null);
   }, [selectedProject]);
 
-  const pageTitle = selectedProjectParts
-    ? `${selectedProjectParts.organization}/${selectedProjectParts.project}`
-    : 'Storage Monitor';
   const sortedRows = useMemo(
     () =>
       sortStorageRowsBy(data?.rows ?? [], storageSortKey, storageSortDirection),
@@ -300,87 +317,47 @@ export const FileSummaryPage = ({
   );
   const cleanChainJoinCount =
     chainAuditResult?.summary.countsByKind.bucket_syfon_git_complete ?? 0;
-  const selectedChainIssue = useMemo(
-    () =>
-      chainIssueSummaries.find((issue) => issue.id === selectedChainIssueId) ??
-      null,
-    [chainIssueSummaries, selectedChainIssueId],
-  );
-  const selectedChainFindings = useMemo(() => {
-    if (!selectedChainIssue) {
-      return [];
-    }
-    const fullIssueFindings = chainIssueFindingsByKind[selectedChainIssue.id];
-    if (fullIssueFindings) {
-      return fullIssueFindings;
-    }
-    return (chainAuditResult?.findings ?? []).filter(
-      (finding) => finding.kind === selectedChainIssue.id,
-    );
-  }, [
-    chainAuditResult?.findings,
-    chainIssueFindingsByKind,
-    selectedChainIssue,
-  ]);
-  const actionableChainSelectionIssue =
-    selectedChainIssue?.id === 'bucket_only_object' ||
-    selectedChainIssue?.id === 'bucket_syfon_no_git';
-  const selectableChainPaths = useMemo(
-    () =>
-      actionableChainSelectionIssue
-        ? Array.from(
-            new Set(
-              selectedChainFindings
-                .map((finding) => finding.normalizedPath)
-                .filter(Boolean),
-            ),
-          ).sort()
-        : [],
-    [actionableChainSelectionIssue, selectedChainFindings],
-  );
-  const selectedChainPaths = useMemo(
-    () =>
-      actionableChainSelectionIssue
-        ? (selectedChainPathsByIssue[selectedChainIssue?.id ?? ''] ?? [])
-        : [],
-    [
-      actionableChainSelectionIssue,
-      selectedChainIssue?.id,
-      selectedChainPathsByIssue,
-    ],
-  );
-  const selectedChainPathsSet = useMemo(
-    () => new Set(selectedChainPaths),
-    [selectedChainPaths],
-  );
-  const selectedChainApplyFindings = useMemo(
-    () =>
-      selectedChainFindings.filter((finding) =>
-        selectedChainPathsSet.has(finding.normalizedPath),
-      ),
-    [selectedChainFindings, selectedChainPathsSet],
+  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(() => {
-    if (!actionableChainSelectionIssue || !selectedChainIssue) {
-      return;
-    }
     setSelectedChainPathsByIssue((current) => {
-      const existing = current[selectedChainIssue.id];
-      const available = new Set(selectableChainPaths);
-      const next = (existing ?? []).filter((path) => available.has(path));
-      if (
-        existing &&
-        existing.length === next.length &&
-        existing.every((value, index) => value === next[index])
-      ) {
-        return current;
-      }
-      return {
-        ...current,
-        [selectedChainIssue.id]: next,
-      };
+      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';
+        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;
     });
-  }, [actionableChainSelectionIssue, selectableChainPaths, selectedChainIssue]);
+  }, [getChainFindingsForIssue]);
   const buildActionRequests = useCallback(
     ({
       action,
@@ -539,13 +516,75 @@ export const FileSummaryPage = ({
           ),
         };
       });
-      setSelectedChainIssueId((current) =>
-        current === issueId ? null : current,
-      );
+      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,
@@ -577,7 +616,12 @@ export const FileSummaryPage = ({
       const selectedPaths = paths;
 
       if (isInspectAction(actionName)) {
-        setSelectedChainIssueId(issueId);
+        setExpandedChainIssueIds((current) => {
+          const next = new Set(current);
+          next.add(issueId);
+          return next;
+        });
+        void loadChainIssueDetails(issueId);
         return;
       }
 
@@ -674,99 +718,77 @@ export const FileSummaryPage = ({
       applyCleanup,
       buildActionRequests,
       buildSuggestedActionRequests,
+      loadChainIssueDetails,
       removeHealedChainFindings,
       refresh,
       runChainAudit,
     ],
   );
 
-  const loadChainIssueDetails = useCallback(
+  const handleToggleChainIssueDetails = 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];
+      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],
+  );
 
-      if (!chainAuditResult) {
-        setChainIssueLoadErrors((current) => ({
-          ...current,
-          [issueId]: 'Run the storage chain audit before opening issue details.',
-        }));
+  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],
+  );
 
-      const findings = chainAuditResult.findings.filter(
-        (finding) => finding.kind === issueId,
-      );
-      setChainIssueFindingsByKind((current) => ({
-        ...current,
-        [issueId]: findings,
-      }));
+  useEffect(() => {
+    if (!selectedProjectParts || isProjectsLoading) {
+      return;
+    }
 
-      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.',
-        }));
+    let cancelled = false;
+    void runChainAudit().then((result) => {
+      if (!cancelled) {
+        applyStorageChainAuditSummary(result);
       }
-    },
-    [chainAuditResult, chainIssueFindingsByKind],
-  );
+    });
 
-  const handleToggleChainIssueDetails = useCallback(
-    (issueId: string) => {
-      setSelectedChainIssueId((current) => {
-        if (current === issueId) {
-          return null;
-        }
-        void loadChainIssueDetails(issueId);
-        return issueId;
-      });
-    },
-    [loadChainIssueDetails],
-  );
+    return () => {
+      cancelled = true;
+    };
+  }, [
+    applyStorageChainAuditSummary,
+    currentPath,
+    isProjectsLoading,
+    runChainAudit,
+    selectedProjectParts,
+  ]);
 
   const handleRunStorageChainAudit = async () => {
     setExactStorageRequest((current) => ({
       path: currentPath,
       token: (current?.token ?? 0) + 1,
     }));
-    const result = await runChainAudit();
-    setShowChainAuditReport(true);
-    if (!result) {
-      return;
-    }
-
-    applyExactChainSummary({
-      bucketObjectCount: result.summary.bucketObjectCount,
-      gitTrackedFileCount: result.summary.gitTrackedFileCount,
-      pathPrefix: result.pathPrefix,
-      syfonRecordCount: result.summary.syfonRecordCount,
+    const result = await runChainAudit({
+      bucketInventoryMode: 'validate',
+      forceAuditRefresh: true,
     });
+    applyStorageChainAuditSummary(result);
   };
 
   const handleStorageSort = (key: StorageSortKey) => {
@@ -782,59 +804,213 @@ export const FileSummaryPage = ({
     setStorageSortKey(key);
   };
 
+  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 auditIssuePathCount = chainIssueSummaries.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}
+      </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={chainIssueSummaries.length > 0 ? 'yellow' : 'green'}
+              size="xs"
+              variant="light"
+            >
+              {auditIssuePathCount.toLocaleString()}
+            </Badge>
+          ) : null}
+        </Group>
+      </button>
+    </Group>
+  ) : null;
+
   const setSelectedChainPathsForIssue = useCallback(
-    (paths: Array<string>) => {
-      if (!selectedChainIssue) {
-        return;
-      }
+    (issueId: string, paths: Array<string>) => {
       setSelectedChainPathsByIssue((current) => ({
         ...current,
-        [selectedChainIssue.id]: Array.from(new Set(paths)).sort(),
+        [issueId]: Array.from(new Set(paths)).sort(),
       }));
     },
-    [selectedChainIssue],
-  );
-
-  const handleToggleAllChainPaths = useCallback(
-    (checked: boolean) => {
-      if (!actionableChainSelectionIssue) {
-        return;
-      }
-      setSelectedChainPathsForIssue(checked ? selectableChainPaths : []);
-    },
-    [
-      actionableChainSelectionIssue,
-      selectableChainPaths,
-      setSelectedChainPathsForIssue,
-    ],
-  );
-
-  const handleToggleChainPath = useCallback(
-    (path: string, checked: boolean) => {
-      const next = checked
-        ? [...selectedChainPaths, path]
-        : selectedChainPaths.filter((value) => value !== path);
-      setSelectedChainPathsForIssue(next);
-    },
-    [selectedChainPaths, setSelectedChainPathsForIssue],
+    [],
   );
 
-  const handleApplySelectedChainObjects = useCallback(async () => {
-    if (!selectedChainIssue || selectedChainPaths.length === 0) {
+  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 = selectedChainIssue.id === 'bucket_only_object';
+    const isBucketOnlyIssue = targetIssue.id === 'bucket_only_object';
     const isBucketSyfonNoGitIssue =
-      selectedChainIssue.id === 'bucket_syfon_no_git';
+      targetIssue.id === 'bucket_syfon_no_git';
     if (!isBucketOnlyIssue && !isBucketSyfonNoGitIssue) {
       return;
     }
 
     const approved = window.confirm(
       isBucketOnlyIssue
-        ? `Delete ${selectedChainPaths.length.toLocaleString()} selected bucket-only path${selectedChainPaths.length === 1 ? '' : 's'}?\n\nThis will ask Syfon to delete the bucket objects in one bulk request.`
-        : `Delete ${selectedChainPaths.length.toLocaleString()} selected Bucket + Syfon, No Git path${selectedChainPaths.length === 1 ? '' : 's'}?\n\nThis will ask Syfon to delete both the Syfon records and bucket objects in one bulk request.`,
+        ? `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;
@@ -844,9 +1020,9 @@ export const FileSummaryPage = ({
       deleteBucketOnlyObjects: isBucketOnlyIssue,
       deleteRepoOrphans: isBucketSyfonNoGitIssue,
       deleteStaleDuplicates: false,
-      findings: selectedChainApplyFindings,
+      findings: targetFindings,
       dryRun: false,
-      selectedPaths: selectedChainPaths,
+      selectedPaths: targetPaths,
     });
 
     if (!result) {
@@ -855,40 +1031,38 @@ export const FileSummaryPage = ({
 
     setActionFeedbackMessage(
       isBucketOnlyIssue
-        ? `Deleted ${selectedChainPaths.length.toLocaleString()} selected bucket-only path${selectedChainPaths.length === 1 ? '' : 's'} in one Syfon bulk request.`
-        : `Deleted ${selectedChainPaths.length.toLocaleString()} selected Bucket + Syfon, No Git path${selectedChainPaths.length === 1 ? '' : 's'} in one Syfon bulk request.`,
+        ? `Deleted ${targetPaths.length.toLocaleString()} selected bucket-only path${targetPaths.length === 1 ? '' : 's'} in one Syfon bulk request.`
+        : `Deleted ${targetPaths.length.toLocaleString()} selected Bucket + Syfon, No Git path${targetPaths.length === 1 ? '' : 's'} in one Syfon bulk request.`,
     );
     removeHealedChainFindings(
-      selectedChainIssue.id,
-      selectedChainPaths,
+      targetIssue.id,
+      targetPaths,
       result.deletedRecordIds.length,
     );
     refresh();
   }, [
     applyCleanup,
+    chainIssueSummaries,
+    getChainFindingsForIssue,
     removeHealedChainFindings,
     refresh,
-    selectedChainApplyFindings,
-    selectedChainIssue,
-    selectedChainPaths,
+    selectedChainPathsByIssue,
   ]);
 
   const pageContent = (
     <div className="min-h-screen bg-[#f6f8fa]">
-      <Container className="max-w-[1680px]" py="xl" size="100%">
+      <Container
+        className="w-full max-w-none"
+        fluid
+        pb="xl"
+        pt={isProjectScopedRoute ? 'sm' : 'xl'}
+      >
         <Stack gap="lg">
-          <Stack gap="md" px="sm">
-            <Group justify="space-between" align="flex-start">
-              <div>
-                <Title order={2}>Storage Monitor</Title>
-                <Text c="dimmed" mt={4} size="sm">
-                  Gecko-backed storage view by project path using repository
-                  analytics plus Syfon-backed object verification.
-                </Text>
-              </div>
-            </Group>
-
-            {!isProjectScopedRoute ? (
+          {!isProjectScopedRoute ||
+          (!selectedProject && !isProjectsLoading) ||
+          error ? (
+            <Stack gap="md" px="sm">
+              {!isProjectScopedRoute ? (
               <Select
                 data={projectOptions.map((option) => ({
                   label: option.label,
@@ -904,28 +1078,31 @@ export const FileSummaryPage = ({
                 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}
+
+              {!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">
@@ -933,8 +1110,48 @@ export const FileSummaryPage = ({
             </Center>
           ) : selectedProjectParts ? (
             <>
-              <StorageBrowser
-                auditReport={
+              {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}
                     applyError={applyError}
@@ -942,67 +1159,31 @@ export const FileSummaryPage = ({
                     auditError={chainAuditError}
                     auditResult={chainAuditResult}
                     chainIssueSummaries={chainIssueSummaries}
+                    chainIssueFindingsByKind={chainIssueFindingsByKind}
                     cleanChainJoinCount={cleanChainJoinCount}
                     expandedChainTreeNodes={expandedChainTreeNodes}
-                    expandedIssueFindings={selectedChainFindings}
-                    expandedIssueId={selectedChainIssueId}
-                    expandedIssueLoadError={
-                      selectedChainIssueId
-                        ? chainIssueLoadErrors[selectedChainIssueId]
-                        : undefined
-                    }
-                    expandedIssueNotice={
-                      selectedChainIssueId
-                        ? chainIssueLoadNotices[selectedChainIssueId]
-                        : undefined
-                    }
-                    expandedIssueLoading={
-                      loadingChainIssueId === selectedChainIssueId
-                    }
+                    expandedIssueIds={expandedChainIssueIds}
+                    expandedIssueLoadErrors={chainIssueLoadErrors}
+                    expandedIssueLoadNotices={chainIssueLoadNotices}
                     isApplying={isApplying}
                     isAuditing={isAuditing}
                     isChainAuditing={isChainAuditing}
-                    isOpen={showChainAuditReport}
-                    onApplySelectedChainObjects={() => {
-                      void handleApplySelectedChainObjects();
-                    }}
-                    onOpenChange={setShowChainAuditReport}
+                    loadingChainIssueId={loadingChainIssueId}
                     onRunIssueAction={(args) => {
                       void runIssueAction(args);
                     }}
                     onSelectedChainPathsChange={setSelectedChainPathsForIssue}
-                    onToggleAllChainPaths={handleToggleAllChainPaths}
                     onToggleChainIssueDetails={handleToggleChainIssueDetails}
-                    onToggleChainPath={handleToggleChainPath}
-                    selectedChainPaths={selectedChainPaths}
-                    selectedChainPathsSet={selectedChainPathsSet}
+                    onApplySelectedChainObjects={(issueId) => {
+                      void handleApplySelectedChainObjects(issueId);
+                    }}
+                    selectedChainPathsByIssue={selectedChainPathsByIssue}
                     setExpandedChainTreeNodes={setExpandedChainTreeNodes}
                     setTreeNodeLimit={setTreeNodeLimit}
                     treeNodeLimit={treeNodeLimit}
                   />
-                }
-                collapsedBreadcrumb={collapsedBreadcrumb}
-                currentPath={currentPath}
-                data={data}
-                filesummaryConfig={filesummaryConfig}
-                isChainAuditing={isChainAuditing || isLoadingExact}
-                isLoadingMore={isLoadingMore}
-                largestRowSize={largestRowSize}
-                onLoadMore={() => {
-                  void loadMore();
-                }}
-                onRunAudit={() => {
-                  void handleRunStorageChainAudit();
-                }}
-                onPathChange={setCurrentPath}
-                onRefresh={refresh}
-                onSort={handleStorageSort}
-                pageTitle={pageTitle}
-                selectedProject={selectedProject}
-                sortedRows={sortedRows}
-                storageSortDirection={storageSortDirection}
-                storageSortKey={storageSortKey}
-              />
+                </Stack>
+              ) : null}
             </>
           ) : null}
         </Stack>
@@ -1024,9 +1205,10 @@ export const FileSummaryPage = ({
         {isProjectScopedRoute ? (
           <ProjectWorkspaceTabs
             activeTab="storage"
-            hasExplorerConfig
+            hasExplorerConfig={hasExplorerConfig}
             organization={routeOrganization}
             project={routeProject}
+            toolbarContent={storageTabToolbar}
           >
             {pageContent}
           </ProjectWorkspaceTabs>
diff --git a/packages/frontend/src/pages/FileSummary/StorageBrowser.tsx b/packages/frontend/src/pages/FileSummary/StorageBrowser.tsx
index 5020df15..90ef016d 100644
--- a/packages/frontend/src/pages/FileSummary/StorageBrowser.tsx
+++ b/packages/frontend/src/pages/FileSummary/StorageBrowser.tsx
@@ -1,20 +1,16 @@
 import React from 'react';
 import {
-  ActionIcon,
   Badge,
   Button,
   Group,
-  Menu,
   Progress,
   Stack,
   Table,
   Text,
 } from '@mantine/core';
 import {
-  IconChevronRight,
   IconFile,
   IconFolder,
-  IconRefresh,
   IconSelector,
 } from '@tabler/icons-react';
 import { formatBytes } from '../../utils/labels';
@@ -22,53 +18,31 @@ import type { FilesummaryConfig } from './types';
 import type { StoragePathRow, StoragePathSummary } from './storageUtils';
 import {
   formatTimestamp,
-  type BreadcrumbItem,
   type StorageSortDirection,
   type StorageSortKey,
 } from './storagePresentation';
 
-type CollapsedBreadcrumb = {
-  readonly leadingItems: Array<BreadcrumbItem>;
-  readonly hiddenItems: Array<BreadcrumbItem>;
-};
-
 type StorageBrowserProps = {
-  readonly auditReport?: React.ReactNode;
-  readonly collapsedBreadcrumb: CollapsedBreadcrumb;
-  readonly currentPath: string;
   readonly data: StoragePathSummary | null;
   readonly filesummaryConfig?: FilesummaryConfig;
-  readonly isChainAuditing: boolean;
   readonly isLoadingMore: boolean;
   readonly largestRowSize: number;
-  readonly pageTitle: string;
-  readonly selectedProject: string;
   readonly sortedRows: Array<StoragePathRow>;
   readonly storageSortDirection: StorageSortDirection;
   readonly storageSortKey: StorageSortKey;
   readonly onLoadMore: () => void;
-  readonly onRunAudit: () => void;
   readonly onPathChange: (path: string) => void;
-  readonly onRefresh: () => void;
   readonly onSort: (key: StorageSortKey) => void;
 };
 
 export const StorageBrowser = ({
-  auditReport,
-  collapsedBreadcrumb,
-  currentPath,
   data,
   filesummaryConfig,
-  isChainAuditing,
   isLoadingMore,
   largestRowSize,
   onLoadMore,
-  onRunAudit,
   onPathChange,
-  onRefresh,
   onSort,
-  pageTitle,
-  selectedProject,
   sortedRows,
   storageSortKey,
 }: StorageBrowserProps): JSX.Element => {
@@ -94,104 +68,7 @@ export const StorageBrowser = ({
   return (
     <Stack gap="md" px="sm">
       <div className="overflow-x-auto">
-        <div className="flex min-w-[1320px] items-center justify-between gap-6">
-          <div className="flex min-w-0 flex-1 items-center gap-2 whitespace-nowrap overflow-x-auto pb-1">
-            {collapsedBreadcrumb.leadingItems.map((item, index) => (
-              <React.Fragment key={item.path || item.label}>
-                {index > 0 ? (
-                  <IconChevronRight
-                    className="shrink-0 text-slate-400"
-                    size={14}
-                  />
-                ) : null}
-                {index === 1 && collapsedBreadcrumb.hiddenItems.length > 0 ? (
-                  <>
-                    <Menu shadow="md" width={260} withinPortal>
-                      <Menu.Target>
-                        <button
-                          className="max-w-[220px] shrink-0 rounded-md border border-slate-200 bg-white px-3 py-1.5 text-sm font-semibold text-slate-600 transition hover:border-slate-300 hover:text-slate-900"
-                          type="button"
-                        >
-                          ...
-                        </button>
-                      </Menu.Target>
-                      <Menu.Dropdown>
-                        {collapsedBreadcrumb.hiddenItems.map((hiddenItem) => (
-                          <Menu.Item
-                            key={hiddenItem.path}
-                            onClick={() => onPathChange(hiddenItem.path)}
-                          >
-                            {hiddenItem.label}
-                          </Menu.Item>
-                        ))}
-                      </Menu.Dropdown>
-                    </Menu>
-                    <IconChevronRight
-                      className="shrink-0 text-slate-400"
-                      size={14}
-                    />
-                  </>
-                ) : null}
-                <button
-                  className={`max-w-[240px] truncate rounded-md border px-3 py-1.5 text-sm font-semibold transition ${
-                    item.path === currentPath
-                      ? 'border-slate-200 bg-slate-100 text-slate-900'
-                      : 'border-slate-200 bg-white text-slate-600 hover:border-slate-300 hover:text-slate-900'
-                  }`}
-                  onClick={() => onPathChange(item.path)}
-                  title={item.label}
-                  type="button"
-                >
-                  {item.label}
-                </button>
-              </React.Fragment>
-            ))}
-          </div>
-          <Group
-            align="center"
-            className="shrink-0 justify-self-end"
-            gap="xs"
-            wrap="nowrap"
-          >
-            <Button
-              loading={isChainAuditing}
-              onClick={onRunAudit}
-              size="xs"
-              variant="light"
-            >
-              Audit exacts
-            </Button>
-            <ActionIcon
-              aria-label="Refresh metrics"
-              disabled={!selectedProject}
-              onClick={onRefresh}
-              size="lg"
-              variant="subtle"
-            >
-              <IconRefresh size={16} />
-            </ActionIcon>
-          </Group>
-        </div>
-      </div>
-
-      {auditReport}
-
-      <div className="overflow-x-auto">
-        <div className="grid min-w-[1320px] grid-cols-[260px_140px_180px_120px_220px] items-end gap-x-8">
-          <div className="min-w-[220px]">
-            <Text c="dimmed" fw={700} size="xs" tt="uppercase">
-              Project
-            </Text>
-            <Text
-              className="mt-1 truncate"
-              fw={700}
-              size="sm"
-              title={pageTitle}
-            >
-              {pageTitle}
-            </Text>
-          </div>
-
+        <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
@@ -210,19 +87,6 @@ export const StorageBrowser = ({
               {' · '}
               {data?.childCount ?? 0} children
             </Text>
-            {data?.isChainAuditExact ? (
-              <Text c="dimmed" className="mt-1 truncate" size="xs">
-                <Badge color="green" mr={6} size="xs" variant="light">
-                  Verified
-                </Badge>
-                <span>
-                  {(data.recordCount ?? 0).toLocaleString()} Syfon records
-                  {typeof data.bucketObjectCount === 'number'
-                    ? ` · ${data.bucketObjectCount.toLocaleString()} bucket objects`
-                    : ''}
-                </span>
-              </Text>
-            ) : null}
           </div>
 
           <div className="min-w-[120px]">
diff --git a/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx b/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx
index 937ff32d..de87332e 100644
--- a/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx
+++ b/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx
@@ -1,11 +1,10 @@
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import {
   Alert,
   Badge,
   Button,
   Center,
   Checkbox,
-  Collapse,
   Group,
   Loader,
   Menu,
@@ -13,7 +12,7 @@ import {
   Table,
   Text,
 } from '@mantine/core';
-import { IconAlertCircle, IconChevronRight } from '@tabler/icons-react';
+import { IconAlertCircle } from '@tabler/icons-react';
 import { formatBytes } from '../../utils/labels';
 import { ChainPathTree } from './ChainPathTree';
 import type { AuditActionOption } from './hooks';
@@ -46,24 +45,25 @@ type StorageChainAuditReportProps = {
   readonly chainIssueSummaries: Array<ChainIssueSummary>;
   readonly cleanChainJoinCount: number;
   readonly expandedChainTreeNodes: Record<string, boolean>;
-  readonly expandedIssueId: string | null;
-  readonly expandedIssueLoadError?: string;
-  readonly expandedIssueNotice?: string;
-  readonly expandedIssueLoading: boolean;
-  readonly expandedIssueFindings: Array<StorageChainFinding>;
+  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 isOpen: boolean;
-  readonly onApplySelectedChainObjects: () => void;
-  readonly onOpenChange: (open: boolean) => void;
+  readonly onApplySelectedChainObjects: (issueId: string) => void;
   readonly onRunIssueAction: (args: RunChainIssueActionArgs) => void;
-  readonly onSelectedChainPathsChange: (paths: Array<string>) => void;
-  readonly onToggleAllChainPaths: (checked: boolean) => void;
+  readonly onSelectedChainPathsChange: (
+    issueId: string,
+    paths: Array<string>,
+  ) => void;
   readonly onToggleChainIssueDetails: (issueId: string) => void;
-  readonly onToggleChainPath: (path: string, checked: boolean) => void;
-  readonly selectedChainPaths: Array<string>;
-  readonly selectedChainPathsSet: Set<string>;
+  readonly selectedChainPathsByIssue: Record<string, Array<string>>;
   readonly setExpandedChainTreeNodes: React.Dispatch<
     React.SetStateAction<Record<string, boolean>>
   >;
@@ -99,6 +99,10 @@ const repairActionsForIssue = (
   );
 };
 
+const issueDetailInitialRowLimit = 250;
+const issueDetailRowLimitIncrement = 250;
+const chainPathTreeNodeLimit = 250;
+
 export const StorageChainAuditReport = ({
   actionFeedbackMessage,
   applyError,
@@ -106,32 +110,86 @@ export const StorageChainAuditReport = ({
   auditError,
   auditResult,
   chainIssueSummaries,
+  chainIssueFindingsByKind,
   cleanChainJoinCount,
   expandedChainTreeNodes,
-  expandedIssueFindings,
-  expandedIssueId,
-  expandedIssueLoadError,
-  expandedIssueNotice,
-  expandedIssueLoading,
+  expandedIssueIds,
+  expandedIssueLoadErrors,
+  expandedIssueLoadNotices,
+  loadingChainIssueId,
   isApplying,
   isAuditing,
   isChainAuditing,
-  isOpen,
   onApplySelectedChainObjects,
-  onOpenChange,
   onRunIssueAction,
   onSelectedChainPathsChange,
-  onToggleAllChainPaths,
   onToggleChainIssueDetails,
-  onToggleChainPath,
-  selectedChainPaths,
-  selectedChainPathsSet,
+  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 null;
+    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 issuePathCount = chainIssueSummaries.reduce(
@@ -139,50 +197,40 @@ export const StorageChainAuditReport = ({
     0,
   );
   const totalChainRows = cleanChainJoinCount + issuePathCount;
-  const expandedIssue =
-    chainIssueSummaries.find((issue) => issue.id === expandedIssueId) ?? null;
-  const isExpandedIssueSelectable =
-    expandedIssue?.id === 'bucket_only_object' ||
-    expandedIssue?.id === 'bucket_syfon_no_git';
-  const selectableChainPaths = Array.from(
-    new Set(
-      expandedIssueFindings
-        .map((finding) => finding.normalizedPath)
-        .filter(Boolean),
-    ),
-  ).sort();
-  const pathsByParent = buildPathsByParentMap(selectableChainPaths);
-  const chainPathTree = pathsByParent.get('') ?? [];
-  const repairActions = expandedIssue
-    ? repairActionsForIssue(expandedIssue)
-    : [];
+  const totalScopedRows =
+    auditResult?.summary.gitTrackedFileCount ?? totalChainRows;
   const isBusy = isApplying || isAuditing || isChainAuditing;
 
-  const renderRepairActions = (): JSX.Element | null => {
-    if (!expandedIssue || expandedIssue.id === 'git_only_no_syfon') {
+  const renderRepairActions = (
+    issue: ChainIssueSummary,
+    issueFindings: Array<StorageChainFinding>,
+    isIssueLoading: boolean,
+  ): JSX.Element | null => {
+    if (issue.id === 'git_only_no_syfon') {
       return null;
     }
-    if (expandedIssueLoading || expandedIssueFindings.length === 0) {
+    if (isIssueLoading || issueFindings.length === 0) {
       return null;
     }
+    const repairActions = repairActionsForIssue(issue);
 
     const runRepairAction = (action: AuditActionOption) => {
       onRunIssueAction({
         defaultAction: action,
-        findings: expandedIssueFindings,
-        issueId: expandedIssue.id,
-        issueTitle: expandedIssue.title,
-        paths: expandedIssueFindings.map((finding) => finding.normalizedPath),
+        findings: issueFindings,
+        issueId: issue.id,
+        issueTitle: issue.title,
+        paths: issueFindings.map((finding) => finding.normalizedPath),
       });
     };
 
-    const suggestedFindings = expandedIssueFindings.filter(
+    const suggestedFindings = issueFindings.filter(
       (finding) => finding.suggestedAction,
     );
     const suggestedFixButton =
       suggestedFindings.length > 0 ? (
         <Button
-          color={expandedIssue.color}
+          color={issue.color}
           loading={isBusy}
           onClick={() =>
             runRepairAction({
@@ -201,7 +249,7 @@ export const StorageChainAuditReport = ({
       ) : null;
 
     if (
-      expandedIssue.id === 'git_syfon_metadata_mismatch' &&
+      issue.id === 'git_syfon_metadata_mismatch' &&
       repairActions.length > 1
     ) {
       return (
@@ -210,7 +258,7 @@ export const StorageChainAuditReport = ({
           <Menu shadow="md" withinPortal>
             <Menu.Target>
               <Button
-                color={expandedIssue.color}
+                color={issue.color}
                 loading={isBusy}
                 size="xs"
                 variant={suggestedFixButton ? 'outline' : 'light'}
@@ -239,7 +287,7 @@ export const StorageChainAuditReport = ({
         {suggestedFixButton}
         {repairActions.map((action) => (
           <Button
-            color={expandedIssue.color}
+            color={issue.color}
             key={action.action}
             loading={isBusy}
             onClick={() => runRepairAction(action)}
@@ -257,39 +305,7 @@ export const StorageChainAuditReport = ({
 
   return (
     <Stack gap="sm" px="sm">
-      <Group justify="space-between">
-        <Group gap="xs">
-          <button
-            className="flex items-center gap-2 text-left text-sm font-semibold text-slate-900"
-            onClick={() => onOpenChange(!isOpen)}
-            type="button"
-          >
-            <IconChevronRight
-              className={`transition-transform ${isOpen ? 'rotate-90' : ''}`}
-              size={16}
-            />
-            Storage chain audit report
-          </button>
-          {auditResult ? (
-            <Badge
-              color={chainIssueSummaries.length > 0 ? 'yellow' : 'green'}
-              variant="light"
-            >
-              {issuePathCount.toLocaleString()} issues
-            </Badge>
-          ) : null}
-        </Group>
-        <Button
-          onClick={() => onOpenChange(!isOpen)}
-          size="xs"
-          variant="subtle"
-        >
-          {isOpen ? 'Hide report' : 'View report'}
-        </Button>
-      </Group>
-
-      <Collapse in={isOpen}>
-        <Stack gap="md">
+      <Stack gap="md">
           {auditError ? (
             <Alert
               color="red"
@@ -300,6 +316,16 @@ export const StorageChainAuditReport = ({
             </Alert>
           ) : null}
 
+          {auditResult?.summary.auditCacheError ? (
+            <Alert
+              color="yellow"
+              icon={<IconAlertCircle size={16} />}
+              title="Audit cache write failed"
+            >
+              {auditResult.summary.auditCacheError}
+            </Alert>
+          ) : null}
+
           {actionFeedbackMessage ? (
             <Alert
               color="blue"
@@ -334,41 +360,72 @@ export const StorageChainAuditReport = ({
             <>
               <Alert
                 color={chainIssueSummaries.length > 0 ? 'yellow' : 'green'}
-                icon={<IconAlertCircle size={16} />}
-                title={
-                  chainIssueSummaries.length > 0
-                    ? 'Issues found'
-                    : 'Fully connected'
-                }
               >
-                <Text size="sm">
-                  <strong>
-                    {cleanChainJoinCount.toLocaleString()} /{' '}
-                    {totalChainRows.toLocaleString()} audited rows fully
-                    connected.
-                  </strong>{' '}
-                  Scope: scanned{' '}
-                  {auditResult.summary.bucketObjectCount.toLocaleString()}{' '}
-                  bucket objects,{' '}
-                  {auditResult.summary.syfonRecordCount.toLocaleString()} Syfon
-                  records, and{' '}
-                  {auditResult.summary.gitTrackedFileCount.toLocaleString()}{' '}
-                  Git-tracked files.
-                </Text>
+                <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>Chain Issue</Table.Th>
+                      <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 = expandedIssueId === issue.id;
+                      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';
+                      const issueSelectedPaths =
+                        selectedChainPathsByIssue[issue.id] ?? [];
+                      const issueSelectedPathsSet = new Set(issueSelectedPaths);
+                      const issueSelectablePaths = Array.from(
+                        new Set(
+                          issueFindings
+                            .map((finding) => finding.normalizedPath)
+                            .filter(Boolean),
+                        ),
+                      ).sort();
+                      const issuePathsByParent =
+                        buildPathsByParentMap(issueSelectablePaths);
+                      const issueChainPathTree =
+                        issuePathsByParent.get('') ?? [];
+                      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>
@@ -413,7 +470,7 @@ export const StorageChainAuditReport = ({
                             <Table.Tr>
                               <Table.Td colSpan={3}>
                                 <Stack
-                                  className="rounded-md border border-slate-200 bg-slate-50 px-4 py-4"
+                                  className="bg-slate-50 px-4 py-4"
                                   gap="sm"
                                 >
                                   <Group justify="space-between" wrap="wrap">
@@ -422,56 +479,62 @@ export const StorageChainAuditReport = ({
                                         {issue.title}
                                       </Text>
                                       <Text c="dimmed" size="sm">
-                                        {expandedIssueLoading
+                                        {isIssueLoading
                                           ? 'Loading all issue findings...'
-                                          : `${expandedIssueFindings.length.toLocaleString()} loaded path${expandedIssueFindings.length === 1 ? '' : 's'} in this issue set.`}
+                                          : `${issueFindings.length.toLocaleString()} loaded path${issueFindings.length === 1 ? '' : 's'} in this issue set.`}
                                       </Text>
                                     </div>
-                                    {isExpandedIssueSelectable ? (
+                                    {isIssueSelectable ? (
                                       <Button
                                         color={issue.color}
                                         disabled={
-                                          selectedChainPaths.length === 0
+                                          issueSelectedPaths.length === 0
                                         }
                                         loading={isApplying || isAuditing}
-                                        onClick={onApplySelectedChainObjects}
+                                        onClick={() =>
+                                          onApplySelectedChainObjects(issue.id)
+                                        }
                                         size="xs"
                                         variant="light"
                                       >
                                         {issue.id === 'bucket_only_object'
                                           ? 'Delete selected bucket objects'
                                           : 'Delete selected objects'}
-                                        {selectedChainPaths.length > 0
-                                          ? ` (${selectedChainPaths.length.toLocaleString()})`
+                                        {issueSelectedPaths.length > 0
+                                          ? ` (${issueSelectedPaths.length.toLocaleString()})`
                                           : ''}
                                       </Button>
                                     ) : (
-                                      renderRepairActions()
+                                      renderRepairActions(
+                                        issue,
+                                        issueFindings,
+                                        isIssueLoading,
+                                      )
                                     )}
                                   </Group>
 
-                                  {expandedIssueLoadError ? (
+                                  {issueLoadError ? (
                                     <Alert
                                       color="red"
                                       icon={<IconAlertCircle size={16} />}
                                       title="Issue details failed"
                                     >
-                                      {expandedIssueLoadError}
+                                      {issueLoadError}
                                     </Alert>
                                   ) : null}
 
-                                  {expandedIssueNotice ? (
+                                  {issueNotice ? (
                                     <Alert
                                       color="blue"
                                       icon={<IconAlertCircle size={16} />}
                                       title="Audit response rows"
                                     >
-                                      {expandedIssueNotice}
+                                      {issueNotice}
                                     </Alert>
                                   ) : null}
 
-                                  {expandedIssueLoading &&
-                                  expandedIssueFindings.length === 0 ? (
+                                  {isIssueLoading &&
+                                  issueFindings.length === 0 ? (
                                     <Center py="md">
                                       <Group gap="xs">
                                         <Loader size="xs" />
@@ -480,7 +543,7 @@ export const StorageChainAuditReport = ({
                                         </Text>
                                       </Group>
                                     </Center>
-                                  ) : isExpandedIssueSelectable ? (
+                                  ) : isIssueSelectable ? (
                                     <Stack
                                       className="rounded-md border border-slate-200 bg-white px-3 py-3"
                                       gap="xs"
@@ -491,19 +554,22 @@ export const StorageChainAuditReport = ({
                                       >
                                         <Checkbox
                                           checked={
-                                            selectableChainPaths.length > 0 &&
-                                            selectedChainPaths.length ===
-                                              selectableChainPaths.length
+                                            issueSelectablePaths.length > 0 &&
+                                            issueSelectedPaths.length ===
+                                              issueSelectablePaths.length
                                           }
                                           indeterminate={
-                                            selectedChainPaths.length > 0 &&
-                                            selectedChainPaths.length <
-                                              selectableChainPaths.length
+                                            issueSelectedPaths.length > 0 &&
+                                            issueSelectedPaths.length <
+                                              issueSelectablePaths.length
                                           }
-                                          label={`Select all loaded paths (${selectedChainPaths.length.toLocaleString()} / ${selectableChainPaths.length.toLocaleString()})`}
+                                          label={`Select all loaded paths (${issueSelectedPaths.length.toLocaleString()} / ${issueSelectablePaths.length.toLocaleString()})`}
                                           onChange={(event) => {
-                                            onToggleAllChainPaths(
-                                              event.currentTarget.checked,
+                                            onSelectedChainPathsChange(
+                                              issue.id,
+                                              event.currentTarget.checked
+                                                ? issueSelectablePaths
+                                                : [],
                                             );
                                           }}
                                         />
@@ -516,30 +582,50 @@ export const StorageChainAuditReport = ({
                                         expandedTreeNodes={
                                           expandedChainTreeNodes
                                         }
-                                        nodes={chainPathTree.slice(
+                                        nodes={issueChainPathTree.slice(
                                           0,
-                                          treeNodeLimit[''] ?? 100,
+                                          treeNodeLimit[issue.id] ??
+                                            chainPathTreeNodeLimit,
                                         )}
-                                        onSelectedPathsChange={
-                                          onSelectedChainPathsChange
+                                        onSelectedPathsChange={(paths) =>
+                                          onSelectedChainPathsChange(
+                                            issue.id,
+                                            paths,
+                                          )
                                         }
-                                        onTogglePath={onToggleChainPath}
+                                        onTogglePath={(path, checked) => {
+                                          const next = checked
+                                            ? [...issueSelectedPaths, path]
+                                            : issueSelectedPaths.filter(
+                                                (value) => value !== path,
+                                              );
+                                          onSelectedChainPathsChange(
+                                            issue.id,
+                                            next,
+                                          );
+                                        }}
                                         onTreeNodeLimitChange={setTreeNodeLimit}
                                         onTreeNodeToggle={
                                           setExpandedChainTreeNodes
                                         }
-                                        pathsByParent={pathsByParent}
-                                        selectedPaths={selectedChainPaths}
-                                        selectedPathsSet={selectedChainPathsSet}
+                                        pathsByParent={issuePathsByParent}
+                                        selectedPaths={issueSelectedPaths}
+                                        selectedPathsSet={
+                                          issueSelectedPathsSet
+                                        }
                                         treeNodeLimit={treeNodeLimit}
                                       />
-                                      {chainPathTree.length >
-                                        (treeNodeLimit[''] ?? 100) && (
+                                      {issueChainPathTree.length >
+                                        (treeNodeLimit[issue.id] ??
+                                          chainPathTreeNodeLimit) && (
                                         <Button
                                           onClick={() =>
                                             setTreeNodeLimit((current) => ({
                                               ...current,
-                                              '': (current[''] ?? 100) + 100,
+                                              [issue.id]:
+                                                (current[issue.id] ??
+                                                  chainPathTreeNodeLimit) +
+                                                chainPathTreeNodeLimit,
                                             }))
                                           }
                                           size="xs"
@@ -551,15 +637,25 @@ export const StorageChainAuditReport = ({
                                         >
                                           Show more (
                                           {(
-                                            chainPathTree.length -
-                                            (treeNodeLimit[''] ?? 100)
+                                            issueChainPathTree.length -
+                                            (treeNodeLimit[issue.id] ??
+                                              chainPathTreeNodeLimit)
                                           ).toLocaleString()}{' '}
                                           remaining)...
                                         </Button>
                                       )}
                                     </Stack>
                                   ) : (
-                                    <div className="max-h-[420px] overflow-auto rounded-md border border-slate-200 bg-white">
+                                    <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>
@@ -572,8 +668,8 @@ export const StorageChainAuditReport = ({
                                           </Table.Tr>
                                         </Table.Thead>
                                         <Table.Tbody>
-                                          {expandedIssueFindings.length > 0 ? (
-                                            expandedIssueFindings.map(
+                                          {issueFindings.length > 0 ? (
+                                            visibleIssueFindings.map(
                                               (finding) => (
                                                 <Table.Tr
                                                   key={`${finding.kind}:${finding.normalizedPath}`}
@@ -623,7 +719,7 @@ export const StorageChainAuditReport = ({
                                             )
                                           ) : (
                                             <Table.Tr>
-                                              <Table.Td colSpan={5}>
+                                              <Table.Td colSpan={6}>
                                                 <Text
                                                   c="dimmed"
                                                   py="md"
@@ -635,6 +731,21 @@ export const StorageChainAuditReport = ({
                                               </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>
@@ -651,8 +762,7 @@ export const StorageChainAuditReport = ({
               ) : null}
             </>
           ) : null}
-        </Stack>
-      </Collapse>
+      </Stack>
     </Stack>
   );
 };
diff --git a/packages/frontend/src/pages/FileSummary/hooks.tsx b/packages/frontend/src/pages/FileSummary/hooks.tsx
index becb7ea4..c2474dab 100644
--- a/packages/frontend/src/pages/FileSummary/hooks.tsx
+++ b/packages/frontend/src/pages/FileSummary/hooks.tsx
@@ -47,6 +47,7 @@ export type {
   ProjectDiffFinding,
   ProjectDiffFindingKind,
   StorageApplyActionRequest,
+  StorageChainAuditResult,
   StorageChainFinding,
   StorageChainFindingKind,
   StorageChainIssueGroup,
@@ -956,6 +957,26 @@ const normalizeStorageChainAuditResult = ({
         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,
+      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
@@ -1366,6 +1387,7 @@ export const useSyfonStorageChain = ({
       bucketPathPrefix,
       findingKind,
       findingLimit,
+      forceAuditRefresh,
       persistResult = true,
       probeMode,
     }: {
@@ -1373,6 +1395,7 @@ export const useSyfonStorageChain = ({
       bucketPathPrefix?: string;
       findingKind?: string;
       findingLimit?: number;
+      forceAuditRefresh?: boolean;
       persistResult?: boolean;
       probeMode?: 'full' | 'inventory_only';
     } = {}): Promise<StorageChainAuditResult | null> => {
@@ -1402,6 +1425,7 @@ export const useSyfonStorageChain = ({
                 : undefined,
               finding_kind: findingKind,
               finding_limit: findingLimit,
+              force_audit_refresh: forceAuditRefresh || undefined,
               git_subpath: normalizeStoragePath(currentPath) || undefined,
               probe_mode: probeMode,
             }),
diff --git a/packages/frontend/src/pages/FileSummary/storageTypes.ts b/packages/frontend/src/pages/FileSummary/storageTypes.ts
index 625b74b0..dcb105da 100644
--- a/packages/frontend/src/pages/FileSummary/storageTypes.ts
+++ b/packages/frontend/src/pages/FileSummary/storageTypes.ts
@@ -107,6 +107,11 @@ export interface StorageChainAuditSummary {
   readonly gitTrackedFileCount: number;
   readonly bucketInventoryAvailable: boolean;
   readonly bucketInventoryError?: string;
+  readonly auditCacheHit?: boolean;
+  readonly auditCachedAt?: string;
+  readonly auditCacheAgeSeconds?: number;
+  readonly auditCacheSource?: string;
+  readonly auditCacheError?: string;
 }
 
 export interface StorageChainIssueGroup {

From debe4ea71336a1d370c0cee30ce437698a085b53 Mon Sep 17 00:00:00 2001
From: matthewpeterkort <matthewpeterkort@gmail.com>
Date: Thu, 9 Jul 2026 17:53:18 -0700
Subject: [PATCH 20/22] fix duplicate session login when logged out

---
 packages/frontend/src/lib/session/session.tsx |  21 +---
 .../src/pages/FileSummary/FileSummary.tsx     |  78 +++++++++++-
 .../FileSummary/StorageChainAuditReport.tsx   |  98 ++++++++-------
 .../frontend/src/pages/FileSummary/hooks.tsx  | 113 +++++++++++++++++-
 .../FileSummary/storageIssueSummaries.ts      |   5 +-
 .../src/pages/FileSummary/storageTypes.ts     |  19 +++
 packages/frontend/src/utils/time.ts           |   2 +-
 7 files changed, 259 insertions(+), 77 deletions(-)

diff --git a/packages/frontend/src/lib/session/session.tsx b/packages/frontend/src/lib/session/session.tsx
index c4bd6eeb..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,
@@ -202,7 +199,6 @@ export const SessionProvider = ({
   monitorWorkspace = false,
 }: SessionProviderProps) => {
   const router = useRouter();
-  const coreDispatch = useCoreDispatch();
 
   const { isSuccess: isGetCSRFSuccess, isError: isGetCSRFError } =
     useGetCSRFQuery();
@@ -293,18 +289,12 @@ export const SessionProvider = ({
       return undefined;
     }
 
-    const handleForcedLogout = (event: Event) => {
+    const handleForcedLogout = () => {
       if (forcedLogoutInFlightRef.current) {
         return;
       }
 
       forcedLogoutInFlightRef.current = true;
-      const customEvent = event as CustomEvent<{ showLoginModal?: boolean }>;
-
-      if (customEvent.detail?.showLoginModal) {
-        const LoginModal = (Modals as Record<string, any>).LoginModal;
-        coreDispatch(showModal({ modal: LoginModal }));
-      }
 
       void endSession(false).finally(() => {
         forcedLogoutInFlightRef.current = false;
@@ -316,7 +306,7 @@ export const SessionProvider = ({
     return () => {
       window.removeEventListener(FORCE_LOGOUT_EVENT, handleForcedLogout);
     };
-  }, [coreDispatch, endSession]);
+  }, [endSession]);
 
   const updateSession = useCallback(() => {
     const updateSessionWithUserStatus = async () => {
@@ -324,15 +314,13 @@ export const SessionProvider = ({
         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
    */
@@ -382,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;
         }
@@ -392,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/FileSummary.tsx b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
index efb6f5ab..838e67e9 100644
--- a/packages/frontend/src/pages/FileSummary/FileSummary.tsx
+++ b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
@@ -35,6 +35,7 @@ import {
   useSyfonStorageChain,
   useSyfonPathStorageSummary,
   useSyfonStorageCleanup,
+  useRegisterGitOnlySyfonRecords,
 } from './hooks';
 import {
   buildProjectOptions,
@@ -43,6 +44,7 @@ import {
 import { StorageBrowser } from './StorageBrowser';
 import { StorageChainAuditReport } from './StorageChainAuditReport';
 import { summarizeStorageChainIssues } from './storageIssueSummaries';
+import { getReadableDuration } from '../../utils/time';
 import {
   getPathSegments,
   isInspectAction,
@@ -273,6 +275,8 @@ export const FileSummaryPage = ({
     applyCleanup,
     applyError,
     applyResult,
+    clearApplyError,
+    clearApplyResult,
     clearCleanupResults,
     isApplying,
     isAuditing,
@@ -281,6 +285,13 @@ export const FileSummaryPage = ({
     currentPath,
     projectSelection: selectedProject,
   });
+  const {
+    error: gitOnlyRegistrationError,
+    isRegistering: isRegisteringGitOnly,
+    register: registerGitOnlySyfonRecords,
+  } = useRegisterGitOnlySyfonRecords({
+    projectSelection: selectedProject,
+  });
   useEffect(() => {
     clearChainAudit();
     clearCleanupResults();
@@ -336,7 +347,8 @@ export const FileSummaryPage = ({
       Object.entries(current).forEach(([issueId, selectedPaths]) => {
         const issueIsSelectable =
           issueId === 'bucket_only_object' ||
-          issueId === 'bucket_syfon_no_git';
+          issueId === 'bucket_syfon_no_git' ||
+          issueId === 'git_only_no_syfon';
         if (!issueIsSelectable) {
           nextSelections[issueId] = selectedPaths;
           return;
@@ -835,6 +847,12 @@ export const FileSummaryPage = ({
   const auditLastRefreshedAt = formatAuditRefreshTimestamp(
     chainAuditResult?.summary.auditCachedAt,
   );
+  const auditRefreshDuration =
+    typeof chainAuditResult?.summary.auditRefreshDurationMs === 'number'
+      ? ` in ${getReadableDuration(
+          chainAuditResult.summary.auditRefreshDurationMs,
+        )}`
+      : '';
   const auditIssuePathCount = chainIssueSummaries.reduce(
     (total, issue) => total + issue.pathCount,
     0,
@@ -911,7 +929,7 @@ export const FileSummaryPage = ({
   const auditRefreshUtility = (
     <Group className="ml-auto shrink-0" gap="xs" wrap="nowrap">
       <Text c="dimmed" size="xs">
-        Last refreshed: {auditLastRefreshedAt}
+        Last refreshed: {auditLastRefreshedAt}{auditRefreshDuration}
       </Text>
       <ActionIcon
         aria-label="Refresh audit"
@@ -1049,6 +1067,49 @@ export const FileSummaryPage = ({
     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
@@ -1154,7 +1215,15 @@ export const FileSummaryPage = ({
                   </Stack>
                   <StorageChainAuditReport
                     actionFeedbackMessage={actionFeedbackMessage}
+                    onDismissActionFeedback={() =>
+                      setActionFeedbackMessage(null)
+                    }
                     applyError={applyError}
+                    onDismissApplyError={clearApplyError}
+                    onDismissApplyResult={() => {
+                      clearApplyResult();
+                      setActionFeedbackMessage(null);
+                    }}
                     applyResult={applyResult}
                     auditError={chainAuditError}
                     auditResult={chainAuditResult}
@@ -1168,6 +1237,8 @@ export const FileSummaryPage = ({
                     isApplying={isApplying}
                     isAuditing={isAuditing}
                     isChainAuditing={isChainAuditing}
+                    gitOnlyRegistrationError={gitOnlyRegistrationError}
+                    isRegisteringGitOnly={isRegisteringGitOnly}
                     loadingChainIssueId={loadingChainIssueId}
                     onRunIssueAction={(args) => {
                       void runIssueAction(args);
@@ -1177,6 +1248,9 @@ export const FileSummaryPage = ({
                     onApplySelectedChainObjects={(issueId) => {
                       void handleApplySelectedChainObjects(issueId);
                     }}
+                    onRegisterSelectedGitOnly={() => {
+                      void handleRegisterSelectedGitOnly();
+                    }}
                     selectedChainPathsByIssue={selectedChainPathsByIssue}
                     setExpandedChainTreeNodes={setExpandedChainTreeNodes}
                     setTreeNodeLimit={setTreeNodeLimit}
diff --git a/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx b/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx
index de87332e..5c12a017 100644
--- a/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx
+++ b/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx
@@ -7,7 +7,6 @@ import {
   Checkbox,
   Group,
   Loader,
-  Menu,
   Stack,
   Table,
   Text,
@@ -38,6 +37,9 @@ type RunChainIssueActionArgs = {
 
 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;
@@ -56,7 +58,10 @@ type StorageChainAuditReportProps = {
   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,
@@ -89,14 +94,10 @@ const chainEvidenceForFinding = (finding: StorageChainFinding): string => {
 const repairActionsForIssue = (
   issue: ChainIssueSummary,
 ): Array<AuditActionOption> => {
-  const isMetadataMismatch = issue.id === 'git_syfon_metadata_mismatch';
-  return orderedRepairActions(issue.actionSummary.availableActions).filter(
-    (action) =>
-      !isMetadataMismatch ||
-      ['delete_syfon_record', 'delete_records', 'delete_both'].includes(
-        action.action,
-      ),
-  );
+  if (issue.id === 'git_syfon_metadata_mismatch') {
+    return [];
+  }
+  return orderedRepairActions(issue.actionSummary.availableActions);
 };
 
 const issueDetailInitialRowLimit = 250;
@@ -105,6 +106,9 @@ const chainPathTreeNodeLimit = 250;
 
 export const StorageChainAuditReport = ({
   actionFeedbackMessage,
+  onDismissActionFeedback,
+  onDismissApplyError,
+  onDismissApplyResult,
   applyError,
   applyResult,
   auditError,
@@ -120,7 +124,10 @@ export const StorageChainAuditReport = ({
   isApplying,
   isAuditing,
   isChainAuditing,
+  gitOnlyRegistrationError,
+  isRegisteringGitOnly,
   onApplySelectedChainObjects,
+  onRegisterSelectedGitOnly,
   onRunIssueAction,
   onSelectedChainPathsChange,
   onToggleChainIssueDetails,
@@ -199,7 +206,8 @@ export const StorageChainAuditReport = ({
   const totalChainRows = cleanChainJoinCount + issuePathCount;
   const totalScopedRows =
     auditResult?.summary.gitTrackedFileCount ?? totalChainRows;
-  const isBusy = isApplying || isAuditing || isChainAuditing;
+  const isBusy =
+    isApplying || isAuditing || isChainAuditing || isRegisteringGitOnly;
 
   const renderRepairActions = (
     issue: ChainIssueSummary,
@@ -248,40 +256,6 @@ export const StorageChainAuditReport = ({
         </Button>
       ) : null;
 
-    if (
-      issue.id === 'git_syfon_metadata_mismatch' &&
-      repairActions.length > 1
-    ) {
-      return (
-        <Group gap="xs">
-          {suggestedFixButton}
-          <Menu shadow="md" withinPortal>
-            <Menu.Target>
-              <Button
-                color={issue.color}
-                loading={isBusy}
-                size="xs"
-                variant={suggestedFixButton ? 'outline' : 'light'}
-              >
-                Choose fix
-              </Button>
-            </Menu.Target>
-            <Menu.Dropdown>
-              {repairActions.map((action) => (
-                <Menu.Item
-                  color={action.destructive ? 'red' : undefined}
-                  key={action.action}
-                  onClick={() => runRepairAction(action)}
-                >
-                  {action.label}
-                </Menu.Item>
-              ))}
-            </Menu.Dropdown>
-          </Menu>
-        </Group>
-      );
-    }
-
     return suggestedFixButton || repairActions.length > 0 ? (
       <Group gap="xs">
         {suggestedFixButton}
@@ -326,11 +300,13 @@ export const StorageChainAuditReport = ({
             </Alert>
           ) : null}
 
-          {actionFeedbackMessage ? (
+          {actionFeedbackMessage && !applyResult ? (
             <Alert
               color="blue"
               icon={<IconAlertCircle size={16} />}
+              onClose={onDismissActionFeedback}
               title="Action complete"
+              withCloseButton
             >
               {actionFeedbackMessage}
             </Alert>
@@ -340,17 +316,31 @@ export const StorageChainAuditReport = ({
             <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>
@@ -402,7 +392,8 @@ export const StorageChainAuditReport = ({
                         expandedIssueLoadNotices[issue.id];
                       const isIssueSelectable =
                         issue.id === 'bucket_only_object' ||
-                        issue.id === 'bucket_syfon_no_git';
+                        issue.id === 'bucket_syfon_no_git' ||
+                        issue.id === 'git_only_no_syfon';
                       const issueSelectedPaths =
                         selectedChainPathsByIssue[issue.id] ?? [];
                       const issueSelectedPathsSet = new Set(issueSelectedPaths);
@@ -492,14 +483,20 @@ export const StorageChainAuditReport = ({
                                         }
                                         loading={isApplying || isAuditing}
                                         onClick={() =>
-                                          onApplySelectedChainObjects(issue.id)
+                                          issue.id === 'git_only_no_syfon'
+                                            ? onRegisterSelectedGitOnly()
+                                            : onApplySelectedChainObjects(
+                                                issue.id,
+                                              )
                                         }
                                         size="xs"
                                         variant="light"
                                       >
                                         {issue.id === 'bucket_only_object'
                                           ? 'Delete selected bucket objects'
-                                          : 'Delete selected objects'}
+                                          : issue.id === 'git_only_no_syfon'
+                                            ? 'Create Syfon records'
+                                            : 'Delete selected objects'}
                                         {issueSelectedPaths.length > 0
                                           ? ` (${issueSelectedPaths.length.toLocaleString()})`
                                           : ''}
@@ -574,8 +571,9 @@ export const StorageChainAuditReport = ({
                                           }}
                                         />
                                         <Text c="dimmed" size="xs">
-                                          Expand folders and choose the exact
-                                          paths to heal.
+                                          {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.'
+                                            : 'Expand folders and choose the exact paths to heal.'}
                                         </Text>
                                       </Group>
                                       <ChainPathTree
diff --git a/packages/frontend/src/pages/FileSummary/hooks.tsx b/packages/frontend/src/pages/FileSummary/hooks.tsx
index c2474dab..ce1b6fb9 100644
--- a/packages/frontend/src/pages/FileSummary/hooks.tsx
+++ b/packages/frontend/src/pages/FileSummary/hooks.tsx
@@ -38,6 +38,7 @@ import type {
   StorageCleanupPurgeResult,
   StorageCleanupRecordAudit,
   StorageCleanupScope,
+  GitOnlySyfonRegistrationResponse,
 } from './storageTypes';
 import { requestSessionLogout } from '../../lib/session/session';
 
@@ -105,6 +106,18 @@ const buildStorageChainUrl = ({
     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,
@@ -629,6 +642,10 @@ const normalizeStorageChainFinding = (
       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:
@@ -969,6 +986,10 @@ const normalizeStorageChainAuditResult = ({
         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
@@ -990,6 +1011,10 @@ const normalizeStorageChainAuditResult = ({
         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
@@ -1006,6 +1031,80 @@ const normalizeStorageChainAuditResult = ({
   };
 };
 
+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;
+      }
+      setError(null);
+      setIsRegistering(true);
+      try {
+        const response = await fetch(
+          buildGitOnlySyfonRegistrationUrl(selection),
+          {
+            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,
@@ -1068,7 +1167,6 @@ const buildStorageApplyFindingRequest = (
   finding: StorageCleanupFinding | StorageChainFinding,
 ): StorageApplyFindingRequest => ({
   access_urls: Array.from(new Set(finding.accessUrls ?? [])),
-  available_actions: finding.availableActions.map((action) => action.action),
   bucket_object_url:
     'bucketObjectUrl' in finding ? finding.bucketObjectUrl : undefined,
   bucket_object_urls: Array.from(
@@ -1079,7 +1177,6 @@ const buildStorageApplyFindingRequest = (
       ...(finding.evidence?.bucketObjectUrls ?? []),
     ]),
   ),
-  default_action: finding.defaultAction,
   evidence: finding.evidence
     ? {
         access_urls: finding.evidence.accessUrls,
@@ -1091,8 +1188,6 @@ const buildStorageApplyFindingRequest = (
   kind: finding.kind,
   normalized_path: finding.normalizedPath,
   object_ids: finding.objectIds,
-  suggested_action:
-    'suggestedAction' in finding ? finding.suggestedAction : undefined,
   records:
     'records' in finding
       ? finding.records.map((record) => ({
@@ -1740,12 +1835,22 @@ export const useSyfonStorageCleanup = ({
     setAuditResult(null);
   }, []);
 
+  const clearApplyError = useCallback(() => {
+    setApplyError(null);
+  }, []);
+
+  const clearApplyResult = useCallback(() => {
+    setApplyResult(null);
+  }, []);
+
   return {
     applyCleanup,
     applyError,
     applyResult,
     auditError,
     auditResult,
+    clearApplyError,
+    clearApplyResult,
     clearCleanupResults,
     isApplying,
     isAuditing,
diff --git a/packages/frontend/src/pages/FileSummary/storageIssueSummaries.ts b/packages/frontend/src/pages/FileSummary/storageIssueSummaries.ts
index d71b5f62..5efeb8a2 100644
--- a/packages/frontend/src/pages/FileSummary/storageIssueSummaries.ts
+++ b/packages/frontend/src/pages/FileSummary/storageIssueSummaries.ts
@@ -430,8 +430,9 @@ const chainIssueDefinitions: Array<{
     title: 'Git + Syfon, Metadata Mismatch',
     color: 'orange',
     description:
-      'Bucket object exists, but its metadata does not match what Syfon expects.',
-    recommendation: 'Investigate metadata drift before applying deletion.',
+      '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',
   },
   {
diff --git a/packages/frontend/src/pages/FileSummary/storageTypes.ts b/packages/frontend/src/pages/FileSummary/storageTypes.ts
index dcb105da..2a11c363 100644
--- a/packages/frontend/src/pages/FileSummary/storageTypes.ts
+++ b/packages/frontend/src/pages/FileSummary/storageTypes.ts
@@ -87,6 +87,7 @@ export interface StorageChainFinding {
   readonly error?: string;
   readonly recordCount: number;
   readonly sizeBytes?: number;
+  readonly bucketSizeBytes?: number;
   readonly recommendedAction: string;
   readonly suggestedFix?: string;
   readonly suggestedAction?: string;
@@ -105,15 +106,33 @@ export interface StorageChainAuditSummary {
   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;
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);

From f10bc59cc6473bf9a7e6acf90f5ff7b82090f7dd Mon Sep 17 00:00:00 2001
From: matthewpeterkort <matthewpeterkort@gmail.com>
Date: Thu, 9 Jul 2026 18:26:19 -0700
Subject: [PATCH 21/22] add support for deleting syfon records that yield
 bucket probe errors in audit page

---
 .../src/pages/FileSummary/storageIssueSummaries.ts | 14 +++++++-------
 .../src/pages/FileSummary/storagePresentation.ts   | 10 +++++-----
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/packages/frontend/src/pages/FileSummary/storageIssueSummaries.ts b/packages/frontend/src/pages/FileSummary/storageIssueSummaries.ts
index 5efeb8a2..60d2e5f5 100644
--- a/packages/frontend/src/pages/FileSummary/storageIssueSummaries.ts
+++ b/packages/frontend/src/pages/FileSummary/storageIssueSummaries.ts
@@ -442,8 +442,8 @@ const chainIssueDefinitions: Array<{
     description:
       'Bucket verification failed before Gecko could classify the chain cleanly.',
     recommendation:
-      'Fix the mapped bucket target, bucket credential, or provider access problem and rerun the audit.',
-    actionLabel: 'Show probe errors',
+      'Review the paths, then delete the affected Syfon records if they are unwanted remnants.',
+    actionLabel: 'Delete Syfon records',
   },
 ];
 
@@ -497,11 +497,11 @@ export const summarizeStorageChainIssues = ({
                   }
                 : definition.id === 'probe_error'
                   ? {
-                      action: 'rerun_audit',
-                      destructive: false,
-                      label: 'Retry verification',
-                      requiresConfirmation: false,
-                      supportsDryRun: false,
+                      action: 'delete_syfon_record',
+                      destructive: true,
+                      label: 'Delete Syfon records',
+                      requiresConfirmation: true,
+                      supportsDryRun: true,
                     }
                   : undefined,
         ),
diff --git a/packages/frontend/src/pages/FileSummary/storagePresentation.ts b/packages/frontend/src/pages/FileSummary/storagePresentation.ts
index 1c87827f..d1b8bb1f 100644
--- a/packages/frontend/src/pages/FileSummary/storagePresentation.ts
+++ b/packages/frontend/src/pages/FileSummary/storagePresentation.ts
@@ -246,11 +246,11 @@ export const resolveIssueAction = ({
 
   if (issueId === 'probe_error') {
     return {
-      action: 'rerun_audit',
-      destructive: false,
-      label: 'Retry verification',
-      requiresConfirmation: false,
-      supportsDryRun: false,
+      action: 'delete_syfon_record',
+      destructive: true,
+      label: 'Delete Syfon records',
+      requiresConfirmation: true,
+      supportsDryRun: true,
     };
   }
 

From fb8daf88d5f59af28cf125b9493150b9aa6bee22 Mon Sep 17 00:00:00 2001
From: matthewpeterkort <matthewpeterkort@gmail.com>
Date: Fri, 10 Jul 2026 09:00:32 -0700
Subject: [PATCH 22/22] improve tree render times

---
 .../src/pages/FileSummary/ChainPathTree.tsx   | 471 ++++++++++++++----
 .../src/pages/FileSummary/FileSummary.tsx     | 183 ++++---
 .../FileSummary/StorageChainAuditReport.tsx   | 141 +-----
 .../FileSummary/storageIssueSummaries.ts      |  64 +--
 .../pages/FileSummary/storagePresentation.ts  | 137 +----
 5 files changed, 498 insertions(+), 498 deletions(-)

diff --git a/packages/frontend/src/pages/FileSummary/ChainPathTree.tsx b/packages/frontend/src/pages/FileSummary/ChainPathTree.tsx
index f0147975..14d1958b 100644
--- a/packages/frontend/src/pages/FileSummary/ChainPathTree.tsx
+++ b/packages/frontend/src/pages/FileSummary/ChainPathTree.tsx
@@ -1,16 +1,26 @@
-import type React from 'react';
-import { ActionIcon, Button, Checkbox, Group, Stack } from '@mantine/core';
+import React, { useMemo } from 'react';
+import { ActionIcon, Button, Checkbox, Group, Stack, Text } from '@mantine/core';
 import { IconChevronRight } from '@tabler/icons-react';
-import type { ChainPathTreeNode } from './storagePresentation';
+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 nodes: Array<ChainPathTreeNode>;
-  readonly pathsByParent: Map<string, Array<ChainPathTreeNode>>;
+  readonly findings: Array<StorageChainFinding>;
+  readonly helperText?: string;
+  readonly rootLimitKey: string;
   readonly selectedPaths: Array<string>;
-  readonly selectedPathsSet: Set<string>;
   readonly treeNodeLimit: Record<string, number>;
   readonly onSelectedPathsChange: (paths: Array<string>) => void;
   readonly onTreeNodeLimitChange: (
@@ -19,121 +29,372 @@ type ChainPathTreeProps = {
   readonly onTreeNodeToggle: (
     updater: (current: Record<string, boolean>) => Record<string, boolean>,
   ) => void;
-  readonly onTogglePath: (path: string, checked: boolean) => void;
 };
 
-export const ChainPathTree = ({
+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,
-  onTogglePath,
   onTreeNodeLimitChange,
   onTreeNodeToggle,
-  pathsByParent,
   selectedPaths,
   selectedPathsSet,
   treeNodeLimit,
-}: ChainPathTreeProps): JSX.Element => {
-  const renderNode = (node: ChainPathTreeNode, depth = 0): React.ReactNode => {
-    const descendantLeafPaths = node.descendantLeafPaths;
-    const selectedCount = descendantLeafPaths.filter((value) =>
-      selectedPathsSet.has(value),
-    ).length;
-    const fullySelected =
-      descendantLeafPaths.length > 0 &&
-      selectedCount === descendantLeafPaths.length;
-    const partiallySelected =
-      selectedCount > 0 && selectedCount < descendantLeafPaths.length;
-    const isLeaf = !node.isFolder;
-    const isExpanded = expandedTreeNodes[node.path] ?? false;
-    const children = pathsByParent.get(node.path) ?? [];
-
-    return (
-      <Stack gap={4} key={node.path}>
-        <Group gap="xs" style={{ paddingLeft: depth * 16 }}>
-          {isLeaf ? (
-            <div style={{ width: 28 }} />
-          ) : (
-            <ActionIcon
+}: 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={() =>
-                onTreeNodeToggle((current) => ({
+                onTreeNodeLimitChange((current) => ({
                   ...current,
-                  [node.path]: !current[node.path],
+                  [node.path]:
+                    (current[node.path] ?? chainPathTreeNodeLimit) +
+                    chainPathTreeNodeLimit,
                 }))
               }
-              size="sm"
+              size="xs"
+              style={{
+                alignSelf: 'flex-start',
+                marginLeft: (node.depth + 1) * 16 + 28,
+              }}
               variant="subtle"
             >
-              <IconChevronRight
-                size={14}
-                style={{
-                  transform: isExpanded ? 'rotate(90deg)' : 'rotate(0deg)',
-                  transition: 'transform 120ms ease',
-                }}
-              />
-            </ActionIcon>
-          )}
-          <Checkbox
-            checked={fullySelected}
-            indeterminate={partiallySelected}
-            label={node.label}
-            onChange={(event) => {
-              const checked = event.currentTarget.checked;
-              if (isLeaf && node.leafPath) {
-                onTogglePath(node.leafPath, checked);
-                return;
-              }
-              let nextSelected: Array<string>;
-              if (checked) {
-                nextSelected = Array.from(
-                  new Set([...selectedPaths, ...descendantLeafPaths]),
-                ).sort();
-              } else {
-                const descendantSet = new Set(descendantLeafPaths);
-                nextSelected = selectedPaths.filter(
-                  (path) => !descendantSet.has(path),
-                );
-              }
-              onSelectedPathsChange(nextSelected);
-            }}
-          />
-        </Group>
-        {!isLeaf && isExpanded ? (
-          <>
-            {children
-              .slice(0, treeNodeLimit[node.path] ?? chainPathTreeNodeLimit)
-              .map((child) => renderNode(child, depth + 1))}
-            {children.length >
-              (treeNodeLimit[node.path] ?? chainPathTreeNodeLimit) && (
-              <Button
-                onClick={() =>
-                  onTreeNodeLimitChange((current) => ({
-                    ...current,
-                    [node.path]:
-                      (current[node.path] ?? chainPathTreeNodeLimit) +
-                      chainPathTreeNodeLimit,
-                  }))
-                }
-                size="xs"
-                style={{
-                  alignSelf: 'flex-start',
-                  marginLeft: (depth + 1) * 16 + 28,
-                }}
-                variant="subtle"
-              >
-                Show more (
-                {(
-                  children.length -
-                  (treeNodeLimit[node.path] ?? chainPathTreeNodeLimit)
-                ).toLocaleString()}{' '}
-                remaining)...
-              </Button>
-            )}
-          </>
-        ) : null}
-      </Stack>
-    );
+              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 gap={4}>{nodes.map((node) => renderNode(node))}</Stack>;
+  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 838e67e9..9878b55e 100644
--- a/packages/frontend/src/pages/FileSummary/FileSummary.tsx
+++ b/packages/frontend/src/pages/FileSummary/FileSummary.tsx
@@ -561,7 +561,8 @@ export const FileSummaryPage = ({
       if (!chainAuditResult) {
         setChainIssueLoadErrors((current) => ({
           ...current,
-          [issueId]: 'Run the storage chain audit before opening issue details.',
+          [issueId]:
+            'Run the storage chain audit before opening issue details.',
         }));
         return;
       }
@@ -614,7 +615,6 @@ export const FileSummaryPage = ({
       const resolvedAction = resolveIssueAction({
         defaultAction,
         findings,
-        issueId,
       });
 
       if (!resolvedAction) {
@@ -784,10 +784,10 @@ export const FileSummaryPage = ({
       cancelled = true;
     };
   }, [
-    applyStorageChainAuditSummary,
+      applyStorageChainAuditSummary,
     currentPath,
     isProjectsLoading,
-    runChainAudit,
+      runChainAudit,
     selectedProjectParts,
   ]);
 
@@ -853,7 +853,10 @@ export const FileSummaryPage = ({
           chainAuditResult.summary.auditRefreshDurationMs,
         )}`
       : '';
-  const auditIssuePathCount = chainIssueSummaries.reduce(
+  const actualChainIssues = chainIssueSummaries.filter(
+    (issue) => issue.id !== 'bucket_only_object',
+  );
+  const auditIssuePathCount = actualChainIssues.reduce(
     (total, issue) => total + issue.pathCount,
     0,
   );
@@ -898,8 +901,8 @@ export const FileSummaryPage = ({
               index === 0
                 ? 'text-primary hover:underline'
                 : item.path === currentPath
-                ? 'text-slate-900'
-                : 'text-slate-900 hover:text-slate-950'
+                  ? 'text-slate-900'
+                  : 'text-slate-900 hover:text-slate-950'
             }`}
             onClick={() => setCurrentPath(item.path)}
             title={item.label}
@@ -929,7 +932,8 @@ export const FileSummaryPage = ({
   const auditRefreshUtility = (
     <Group className="ml-auto shrink-0" gap="xs" wrap="nowrap">
       <Text c="dimmed" size="xs">
-        Last refreshed: {auditLastRefreshedAt}{auditRefreshDuration}
+        Last refreshed: {auditLastRefreshedAt}
+        {auditRefreshDuration}
       </Text>
       <ActionIcon
         aria-label="Refresh audit"
@@ -981,7 +985,7 @@ export const FileSummaryPage = ({
           <span>Audit</span>
           {chainAuditResult ? (
             <Badge
-              color={chainIssueSummaries.length > 0 ? 'yellow' : 'green'}
+              color={actualChainIssues.length > 0 ? 'yellow' : 'green'}
               size="xs"
               variant="light"
             >
@@ -1003,69 +1007,82 @@ export const FileSummaryPage = ({
     [],
   );
 
-  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 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 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 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,
-    });
+      const result = await applyCleanup({
+        deleteBucketOnlyObjects: isBucketOnlyIssue,
+        deleteRepoOrphans: isBucketSyfonNoGitIssue,
+        deleteStaleDuplicates: false,
+        findings: targetFindings,
+        dryRun: false,
+        selectedPaths: targetPaths,
+      });
 
-    if (!result) {
-      return;
-    }
+      if (!result) {
+        return;
+      }
 
-    setActionFeedbackMessage(
-      isBucketOnlyIssue
-        ? `Deleted ${targetPaths.length.toLocaleString()} selected bucket-only path${targetPaths.length === 1 ? '' : 's'} in one Syfon bulk request.`
-        : `Deleted ${targetPaths.length.toLocaleString()} selected Bucket + Syfon, No Git path${targetPaths.length === 1 ? '' : 's'} in one Syfon bulk request.`,
-    );
-    removeHealedChainFindings(
-      targetIssue.id,
-      targetPaths,
-      result.deletedRecordIds.length,
-    );
-    refresh();
-  }, [
-    applyCleanup,
-    chainIssueSummaries,
-    getChainFindingsForIssue,
-    removeHealedChainFindings,
-    refresh,
-    selectedChainPathsByIssue,
-  ]);
+      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 ?? [];
@@ -1124,21 +1141,23 @@ export const FileSummaryPage = ({
           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}
-              />
+                <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 &&
diff --git a/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx b/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx
index 5c12a017..307ac716 100644
--- a/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx
+++ b/packages/frontend/src/pages/FileSummary/StorageChainAuditReport.tsx
@@ -4,7 +4,6 @@ import {
   Badge,
   Button,
   Center,
-  Checkbox,
   Group,
   Loader,
   Stack,
@@ -18,7 +17,6 @@ import type { AuditActionOption } from './hooks';
 import type { ChainIssueSummary } from './storageIssueSummaries';
 import {
   buildCleanupApplySummary,
-  buildPathsByParentMap,
   orderedRepairActions,
 } from './storagePresentation';
 import type {
@@ -102,7 +100,6 @@ const repairActionsForIssue = (
 
 const issueDetailInitialRowLimit = 250;
 const issueDetailRowLimitIncrement = 250;
-const chainPathTreeNodeLimit = 250;
 
 export const StorageChainAuditReport = ({
   actionFeedbackMessage,
@@ -199,7 +196,10 @@ export const StorageChainAuditReport = ({
     );
   }
 
-  const issuePathCount = chainIssueSummaries.reduce(
+  const actualIssueSummaries = chainIssueSummaries.filter(
+    (issue) => issue.id !== 'bucket_only_object',
+  );
+  const issuePathCount = actualIssueSummaries.reduce(
     (sum, issue) => sum + issue.pathCount,
     0,
   );
@@ -349,7 +349,7 @@ export const StorageChainAuditReport = ({
           {auditResult ? (
             <>
               <Alert
-                color={chainIssueSummaries.length > 0 ? 'yellow' : 'green'}
+                color={actualIssueSummaries.length > 0 ? 'yellow' : 'green'}
               >
                 <Stack gap={2}>
                   <Text size="sm">
@@ -396,18 +396,6 @@ export const StorageChainAuditReport = ({
                         issue.id === 'git_only_no_syfon';
                       const issueSelectedPaths =
                         selectedChainPathsByIssue[issue.id] ?? [];
-                      const issueSelectedPathsSet = new Set(issueSelectedPaths);
-                      const issueSelectablePaths = Array.from(
-                        new Set(
-                          issueFindings
-                            .map((finding) => finding.normalizedPath)
-                            .filter(Boolean),
-                        ),
-                      ).sort();
-                      const issuePathsByParent =
-                        buildPathsByParentMap(issueSelectablePaths);
-                      const issueChainPathTree =
-                        issuePathsByParent.get('') ?? [];
                       const visibleLimit =
                         visibleIssueDetailRowLimits[issue.id] ??
                         issueDetailInitialRowLimit;
@@ -541,108 +529,23 @@ export const StorageChainAuditReport = ({
                                       </Group>
                                     </Center>
                                   ) : isIssueSelectable ? (
-                                    <Stack
-                                      className="rounded-md border border-slate-200 bg-white px-3 py-3"
-                                      gap="xs"
-                                    >
-                                      <Group
-                                        justify="space-between"
-                                        wrap="wrap"
-                                      >
-                                        <Checkbox
-                                          checked={
-                                            issueSelectablePaths.length > 0 &&
-                                            issueSelectedPaths.length ===
-                                              issueSelectablePaths.length
-                                          }
-                                          indeterminate={
-                                            issueSelectedPaths.length > 0 &&
-                                            issueSelectedPaths.length <
-                                              issueSelectablePaths.length
-                                          }
-                                          label={`Select all loaded paths (${issueSelectedPaths.length.toLocaleString()} / ${issueSelectablePaths.length.toLocaleString()})`}
-                                          onChange={(event) => {
-                                            onSelectedChainPathsChange(
-                                              issue.id,
-                                              event.currentTarget.checked
-                                                ? issueSelectablePaths
-                                                : [],
-                                            );
-                                          }}
-                                        />
-                                        <Text c="dimmed" size="xs">
-                                          {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.'
-                                            : 'Expand folders and choose the exact paths to heal.'}
-                                        </Text>
-                                      </Group>
-                                      <ChainPathTree
-                                        expandedTreeNodes={
-                                          expandedChainTreeNodes
-                                        }
-                                        nodes={issueChainPathTree.slice(
-                                          0,
-                                          treeNodeLimit[issue.id] ??
-                                            chainPathTreeNodeLimit,
-                                        )}
-                                        onSelectedPathsChange={(paths) =>
-                                          onSelectedChainPathsChange(
-                                            issue.id,
-                                            paths,
-                                          )
-                                        }
-                                        onTogglePath={(path, checked) => {
-                                          const next = checked
-                                            ? [...issueSelectedPaths, path]
-                                            : issueSelectedPaths.filter(
-                                                (value) => value !== path,
-                                              );
-                                          onSelectedChainPathsChange(
-                                            issue.id,
-                                            next,
-                                          );
-                                        }}
-                                        onTreeNodeLimitChange={setTreeNodeLimit}
-                                        onTreeNodeToggle={
-                                          setExpandedChainTreeNodes
-                                        }
-                                        pathsByParent={issuePathsByParent}
-                                        selectedPaths={issueSelectedPaths}
-                                        selectedPathsSet={
-                                          issueSelectedPathsSet
-                                        }
-                                        treeNodeLimit={treeNodeLimit}
-                                      />
-                                      {issueChainPathTree.length >
-                                        (treeNodeLimit[issue.id] ??
-                                          chainPathTreeNodeLimit) && (
-                                        <Button
-                                          onClick={() =>
-                                            setTreeNodeLimit((current) => ({
-                                              ...current,
-                                              [issue.id]:
-                                                (current[issue.id] ??
-                                                  chainPathTreeNodeLimit) +
-                                                chainPathTreeNodeLimit,
-                                            }))
-                                          }
-                                          size="xs"
-                                          style={{
-                                            alignSelf: 'flex-start',
-                                            marginLeft: 28,
-                                          }}
-                                          variant="subtle"
-                                        >
-                                          Show more (
-                                          {(
-                                            issueChainPathTree.length -
-                                            (treeNodeLimit[issue.id] ??
-                                              chainPathTreeNodeLimit)
-                                          ).toLocaleString()}{' '}
-                                          remaining)...
-                                        </Button>
-                                      )}
-                                    </Stack>
+                                    <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"
diff --git a/packages/frontend/src/pages/FileSummary/storageIssueSummaries.ts b/packages/frontend/src/pages/FileSummary/storageIssueSummaries.ts
index 60d2e5f5..1b58baa6 100644
--- a/packages/frontend/src/pages/FileSummary/storageIssueSummaries.ts
+++ b/packages/frontend/src/pages/FileSummary/storageIssueSummaries.ts
@@ -25,7 +25,6 @@ const summarizeIssueActions = <
   },
 >(
   findings: Array<T>,
-  fallbackAction?: AuditActionOption,
 ): IssueActionSummary => {
   const availableActions = Array.from(
     new Map(
@@ -38,20 +37,16 @@ const summarizeIssueActions = <
   const actionability = findings.find(
     (finding) => finding.actionability,
   )?.actionability;
-  const defaultActionName =
-    findings.find((finding) => finding.defaultAction)?.defaultAction ??
-    fallbackAction?.action;
+  const defaultActionName = findings.find(
+    (finding) => finding.defaultAction,
+  )?.defaultAction;
   const defaultAction =
     availableActions.find((action) => action.action === defaultActionName) ??
-    fallbackAction ??
     availableActions[0];
 
   return {
     actionability,
-    availableActions:
-      fallbackAction && availableActions.length === 0
-        ? [fallbackAction]
-        : availableActions,
+    availableActions,
     defaultAction,
     supportsDryRun:
       findings.some((finding) => finding.supportsDryRun) ||
@@ -139,18 +134,7 @@ export const summarizeProjectDiffIssues = (
       }
 
       return {
-        actionSummary: summarizeIssueActions(
-          matched,
-          group.id === 'git-only'
-            ? {
-                action: 'view_paths',
-                destructive: false,
-                label: 'View paths',
-                requiresConfirmation: false,
-                supportsDryRun: false,
-              }
-            : undefined,
-        ),
+        actionSummary: summarizeIssueActions(matched),
         color: group.color,
         description: group.description,
         findingKinds: group.findingKinds,
@@ -468,43 +452,7 @@ export const summarizeStorageChainIssues = ({
       );
 
       summaries.push({
-        actionSummary: summarizeIssueActions(
-          matchingFindings,
-          definition.id === 'git_only_no_syfon'
-            ? {
-                action: 'view_paths',
-                destructive: false,
-                label: 'View paths',
-                requiresConfirmation: false,
-                supportsDryRun: false,
-              }
-            : definition.id === 'syfon_git_no_bucket' ||
-                definition.id === 'syfon_missing_bucket_object'
-              ? {
-                  action: 'delete_syfon_record',
-                  destructive: true,
-                  label: 'Delete Syfon records',
-                  requiresConfirmation: true,
-                  supportsDryRun: true,
-                }
-              : definition.id === 'syfon_broken_bucket_mapping'
-                ? {
-                    action: 'remove_broken_access_urls',
-                    destructive: true,
-                    label: 'Repair access URLs',
-                    requiresConfirmation: true,
-                    supportsDryRun: true,
-                  }
-                : definition.id === 'probe_error'
-                  ? {
-                      action: 'delete_syfon_record',
-                      destructive: true,
-                      label: 'Delete Syfon records',
-                      requiresConfirmation: true,
-                      supportsDryRun: true,
-                    }
-                  : undefined,
-        ),
+        actionSummary: summarizeIssueActions(matchingFindings),
         color: definition.color,
         description: definition.description,
         findingCount: group.findingCount,
diff --git a/packages/frontend/src/pages/FileSummary/storagePresentation.ts b/packages/frontend/src/pages/FileSummary/storagePresentation.ts
index d1b8bb1f..eed02d5a 100644
--- a/packages/frontend/src/pages/FileSummary/storagePresentation.ts
+++ b/packages/frontend/src/pages/FileSummary/storagePresentation.ts
@@ -105,14 +105,6 @@ export type BreadcrumbItem = {
   readonly path: string;
 };
 
-export type ChainPathTreeNode = {
-  label: string;
-  path: string;
-  isFolder: boolean;
-  leafPath?: string;
-  descendantLeafPaths: Array<string>;
-};
-
 export type StorageSortKey =
   | 'name'
   | 'type'
@@ -127,9 +119,7 @@ export type StorageSortDirection = 'asc' | 'desc';
 export type ActionIssueSource = 'chain' | 'cleanup' | 'diff';
 
 export type ActionableFinding =
-  | ProjectDiffFinding
-  | StorageCleanupFinding
-  | StorageChainFinding;
+  ProjectDiffFinding | StorageCleanupFinding | StorageChainFinding;
 
 export const resolveProjectSelection = ({
   defaultProject,
@@ -196,11 +186,9 @@ export const orderedRepairActions = (
 
 export const resolveIssueAction = ({
   defaultAction,
-  issueId,
   findings,
 }: {
   defaultAction?: AuditActionOption;
-  issueId: string;
   findings: Array<ActionableFinding>;
 }): AuditActionOption | null => {
   const availableActions = Array.from(
@@ -221,125 +209,7 @@ export const resolveIssueAction = ({
     );
   }
 
-  if (issueId === 'git-only' || issueId === 'git_only_no_syfon') {
-    return {
-      action: 'view_paths',
-      destructive: false,
-      label: 'View paths',
-      requiresConfirmation: false,
-      supportsDryRun: false,
-    };
-  }
-
-  if (
-    issueId === 'syfon_git_no_bucket' ||
-    issueId === 'syfon_missing_bucket_object'
-  ) {
-    return {
-      action: 'delete_records',
-      destructive: true,
-      label: 'Delete Syfon records',
-      requiresConfirmation: true,
-      supportsDryRun: false,
-    };
-  }
-
-  if (issueId === 'probe_error') {
-    return {
-      action: 'delete_syfon_record',
-      destructive: true,
-      label: 'Delete Syfon records',
-      requiresConfirmation: true,
-      supportsDryRun: true,
-    };
-  }
-
-  return {
-    action: 'view_paths',
-    destructive: false,
-    label: 'View paths',
-    requiresConfirmation: false,
-    supportsDryRun: false,
-  };
-};
-
-export const buildPathsByParentMap = (
-  paths: Array<string>,
-): Map<string, Array<ChainPathTreeNode>> => {
-  const map = new Map<string, Array<ChainPathTreeNode>>();
-  const seenPaths = new Set<string>();
-  const nodesByPath = new Map<string, ChainPathTreeNode>();
-
-  Array.from(new Set(paths.filter(Boolean))).forEach((value) => {
-    const segments = pathTreeSegments(value);
-    let parentPath = '';
-    const pathNodes: Array<ChainPathTreeNode> = [];
-
-    for (let index = 0; index < segments.length; index += 1) {
-      const segment = segments[index];
-      const nodePath = parentPath ? `${parentPath}/${segment}` : segment;
-      const isLast = index === segments.length - 1;
-      const key = parentPath;
-      const uniqKey = `${key}::${nodePath}`;
-      let node: ChainPathTreeNode;
-
-      if (!seenPaths.has(uniqKey)) {
-        seenPaths.add(uniqKey);
-        let list = map.get(key);
-        if (!list) {
-          list = [];
-          map.set(key, list);
-        }
-        node = {
-          label: segment,
-          path: nodePath,
-          isFolder: !isLast,
-          leafPath: isLast ? value : undefined,
-          descendantLeafPaths: [],
-        };
-        list.push(node);
-        nodesByPath.set(nodePath, node);
-      } else {
-        node = nodesByPath.get(nodePath)!;
-        if (!isLast) {
-          node.isFolder = true;
-        }
-      }
-
-      pathNodes.push(node);
-      parentPath = nodePath;
-    }
-
-    pathNodes.forEach((node) => {
-      node.descendantLeafPaths.push(value);
-    });
-  });
-
-  map.forEach((list) => {
-    list.sort((left, right) => {
-      if (left.isFolder !== right.isFolder) {
-        return left.isFolder ? -1 : 1;
-      }
-      return left.label.localeCompare(right.label, undefined, {
-        numeric: true,
-        sensitivity: 'base',
-      });
-    });
-  });
-
-  return map;
-};
-
-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);
-  }
-
-  const root = `${urlMatch[1]}${urlMatch[2]}`;
-  const rest = urlMatch[3].split('/').filter(Boolean);
-  return [root, ...rest];
+  return null;
 };
 
 export const formatCleanupFindingLabel = (value: string): string =>
@@ -383,8 +253,7 @@ export const sortStorageRowsBy = (
         return left.fileCount - right.fileCount;
       case 'downloadCount':
         return (
-          (left.downloadCount ?? -Infinity) -
-          (right.downloadCount ?? -Infinity)
+          (left.downloadCount ?? -Infinity) - (right.downloadCount ?? -Infinity)
         );
       case 'lastDownload':
         return compareOptionalDates(left.lastDownload, right.lastDownload);