From 5e7b0afd5c2ac89ff950ae3c147cefb8c25810d3 Mon Sep 17 00:00:00 2001
From: Yujong Lee <yujong@berri.ai>
Date: Sun, 4 Oct 2026 17:08:00 -0700
Subject: [PATCH] fix(ui): replace the black busy bar on Lens runs with a light
 sweep

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 ui/litellm-dashboard/src/app/globals.css               |  9 +++++++++
 .../src/components/shared/InspectorTable.tsx           | 10 ++++++----
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/ui/litellm-dashboard/src/app/globals.css b/ui/litellm-dashboard/src/app/globals.css
index 3de122128d4..dcd428c2565 100644
--- a/ui/litellm-dashboard/src/app/globals.css
+++ b/ui/litellm-dashboard/src/app/globals.css
@@ -469,3 +469,12 @@
     left: 100%;
   }
 }
+
+@keyframes rows-sweep {
+  from {
+    left: -25%;
+  }
+  to {
+    left: 100%;
+  }
+}
diff --git a/ui/litellm-dashboard/src/components/shared/InspectorTable.tsx b/ui/litellm-dashboard/src/components/shared/InspectorTable.tsx
index d6eefb7f325..6a4c50e535e 100644
--- a/ui/litellm-dashboard/src/components/shared/InspectorTable.tsx
+++ b/ui/litellm-dashboard/src/components/shared/InspectorTable.tsx
@@ -101,13 +101,15 @@ function Header({ hidden = false, busy = false }: HeaderProps) {
         </tr>
       ))}
       {busy && (
-        <tr className="h-0.5">
-          <th colSpan={table.getVisibleLeafColumns().length} className="p-0">
+        <tr className="border-0">
+          <th colSpan={table.getVisibleLeafColumns().length} className="relative h-0 p-0">
             <div
               role="progressbar"
               aria-label="Updating rows"
-              className="h-0.5 w-full animate-pulse bg-primary/70 motion-reduce:animate-none"
-            />
+              className="absolute inset-x-0 bottom-0 h-0.5 overflow-hidden bg-[#3b5bfd]/10"
+            >
+              <div className="absolute inset-y-0 w-1/4 bg-[#3b5bfd]/60 motion-safe:animate-[rows-sweep_1.2s_ease-in-out_infinite] motion-reduce:hidden" />
+            </div>
           </th>
         </tr>
       )}