From 284f12f522de4c6d12d015911add1f9d1c2a8032 Mon Sep 17 00:00:00 2001
From: Yujong Lee <yujong@berri.ai>
Date: Sun, 4 Oct 2026 20:11:45 -0700
Subject: [PATCH] fix(ui): virtualize the Lens setup preview table

The preview wrapper scrolled instead of the table's own scroller, so the
virtualizer saw every row as visible and kept fetching pages. Each page
re-rendered thousands of rows and blocked typing for up to a second.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../src/components/lens/setup/MatchingActivityPreview.tsx       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/litellm-dashboard/src/components/lens/setup/MatchingActivityPreview.tsx b/ui/litellm-dashboard/src/components/lens/setup/MatchingActivityPreview.tsx
index 7b4caaccaec..8f3147cef6b 100644
--- a/ui/litellm-dashboard/src/components/lens/setup/MatchingActivityPreview.tsx
+++ b/ui/litellm-dashboard/src/components/lens/setup/MatchingActivityPreview.tsx
@@ -114,7 +114,7 @@ export function MatchingActivityPreview({
         </div>
       )}
       {(status.loading || (shown && !status.error && runs.length > 0)) && (
-        <div className="max-h-[calc(100dvh-16rem)] min-h-0 overflow-auto">
+        <div className="flex max-h-[calc(100dvh-16rem)] min-h-0 flex-col">
           <PreviewTable
             traces={runs}
             isLoading={status.loading}