vercel
diff --git a/‎apps/bundle-analyzer/app/page.tsx‎
Lines changed: 45 additions & 16 deletions b/‎apps/bundle-analyzer/app/page.tsx‎
Lines changed: 45 additions & 16 deletions
@@ -3,6 +3,7 @@
 import { useEffect, useMemo, useRef, useState, type ReactNode } from 'react'
 import useSWR from 'swr'
 import { CompareLayout } from '@/components/compare-layout'
+import { DiffTable } from '@/components/diff-table'
 import { ErrorState } from '@/components/error-state'
 import { Sidebar } from '@/components/sidebar'
 import { TopBar, Environment, CompareView } from '@/components/top-bar'
@@ -303,6 +304,18 @@ export default function Home() {
     return null
   }, [analyzeData, baselineAnalyzeData, baselineSnapshot, compareFilterSource])
 
+  // In single-build (non-compare) mode the table view still wants a list
+  // of every source for the current route. We synthesize this by diffing
+  // the build against itself, which produces an all-`identical` summary
+  // that we feed into `<DiffTable mode="single">`. This keeps a single
+  // sources-listing implementation regardless of mode.
+  const singleSourceListing = useMemo(() => {
+    if (!analyzeData || baselineSnapshot) return null
+    return diffSources(analyzeData, analyzeData, {
+      filterSource: (_, index) => filterSource(index),
+    })
+  }, [analyzeData, baselineSnapshot, filterSource])
+
   // Per-route totals for both sides, used to size the route-level diff so
   // that routes whose modules changed can be reported as `changed` rather
   // than `identical`. Only fetched in compare mode.
@@ -402,20 +415,36 @@ export default function Home() {
     analyzerContent = (
       <>
         <div className="flex-1 min-w-0">
-          <TreemapVisualizer
-            analyzeData={analyzeData}
-            sourceIndex={rootSourceIndex}
-            selectedSourceIndex={selectedSourceIndex ?? rootSourceIndex}
-            onSelectSourceIndex={setSelectedSourceIndex}
-            focusedSourceIndex={focusedSourceIndex ?? rootSourceIndex}
-            onFocusSourceIndex={setFocusedSourceIndex}
-            isMouseInTreemap={isMouseInTreemap}
-            onMouseInTreemapChange={setIsMouseInTreemap}
-            onHoveredNodeChange={setHoveredNodeInfo}
-            searchQuery={searchQuery}
-            filterSource={filterSource}
-            sizeMode={SizeMode.Compressed}
-          />
+          {compareView === CompareView.Table && singleSourceListing ? (
+            <DiffTable
+              summary={singleSourceListing}
+              useCompressed
+              nameHeading="Source"
+              mode="single"
+              searchQuery={searchQuery}
+              onRowSelect={(row) => {
+                if (row.sourceIndexB != null) {
+                  setSelectedSourceIndex(row.sourceIndexB)
+                  setFocusedSourceIndex(row.sourceIndexB)
+                }
+              }}
+            />
+          ) : (
+            <TreemapVisualizer
+              analyzeData={analyzeData}
+              sourceIndex={rootSourceIndex}
+              selectedSourceIndex={selectedSourceIndex ?? rootSourceIndex}
+              onSelectSourceIndex={setSelectedSourceIndex}
+              focusedSourceIndex={focusedSourceIndex ?? rootSourceIndex}
+              onFocusSourceIndex={setFocusedSourceIndex}
+              isMouseInTreemap={isMouseInTreemap}
+              onMouseInTreemapChange={setIsMouseInTreemap}
+              onHoveredNodeChange={setHoveredNodeInfo}
+              searchQuery={searchQuery}
+              filterSource={filterSource}
+              sizeMode={SizeMode.Compressed}
+            />
+          )}
         </div>
         <button
           type="button"
@@ -440,7 +469,7 @@ export default function Home() {
     <main className="h-screen flex flex-col bg-background">
       <TopBar
         hasSourceData={analyzeData != null}
-        showViewToggle={isCompareMode}
+        showViewToggle={analyzeData != null}
         compareView={compareView}
         onCompareViewChange={setCompareView}
         selectedRoute={selectedRoute}
@@ -465,7 +494,7 @@ export default function Home() {
 
       <div className="flex-1 flex min-h-0">{analyzerContent}</div>
 
-      {analyzeData && !isCompareMode ? (
+      {analyzeData && !isCompareMode && compareView === CompareView.Treemap ? (
         <div className="flex-none border-t border-border bg-background px-4 py-2 h-10">
           <div className="text-sm text-muted-foreground">
             {hoveredNodeInfo ? (