From f339938587f02487e280da642e6038f7addfb388 Mon Sep 17 00:00:00 2001
From: Abhimanyu Kapur <38531241+akapur99@users.noreply.github.com>
Date: Sat, 8 Aug 2026 19:16:18 -0700
Subject: [PATCH] feat(ui): drop the strictly-won hero; one metric plus the
 verdict bar

Two side-by-side percentages invited comparing them, but they answer
different questions and the strictly-won number without ties reads as
worse than it is. Matched-or-beat is the decision metric; the exact
win/tie/loss split is already on the bar below it.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../_components/ShadowEvalSection.tsx         | 25 ++++++-------------
 1 file changed, 7 insertions(+), 18 deletions(-)

diff --git a/ui/litellm-dashboard/src/app/(dashboard)/cost-optimization/_components/ShadowEvalSection.tsx b/ui/litellm-dashboard/src/app/(dashboard)/cost-optimization/_components/ShadowEvalSection.tsx
index 8f012659c0a..f710bec3b3b 100644
--- a/ui/litellm-dashboard/src/app/(dashboard)/cost-optimization/_components/ShadowEvalSection.tsx
+++ b/ui/litellm-dashboard/src/app/(dashboard)/cost-optimization/_components/ShadowEvalSection.tsx
@@ -233,24 +233,13 @@ const JobResults: React.FC<{
 
       {results && results.groups.length > 0 ? (
         <>
-          <div className="grid gap-0 border-b sm:grid-cols-2">
-            <div className="flex flex-col justify-center gap-1 px-6 py-4">
-              <MetricLabel
-                label="Router matched or beat your current model"
-                tooltip="Router wins plus ties. A tie counts in the router's favor: the judge saw the same quality, and the router usually picked a cheaper model."
-              />
-              <p className="text-3xl font-semibold text-foreground">{okOrBetter != null ? pct(okOrBetter) : "—"}</p>
-              <p className="text-xs text-muted-foreground">
-                of {job.completed_count.toLocaleString()} judged responses
-              </p>
-            </div>
-            <div className="flex flex-col justify-center gap-1 border-t px-6 py-4 sm:border-l sm:border-t-0">
-              <MetricLabel
-                label="Router strictly won"
-                tooltip="The judge preferred the router's answer outright, ties excluded."
-              />
-              <p className="text-3xl font-semibold text-foreground">{pct(results.overall_shadow_win_rate_pct)}</p>
-            </div>
+          <div className="flex flex-col justify-center gap-1 border-b px-6 py-4">
+            <MetricLabel
+              label="Router matched or beat your current model"
+              tooltip="Router wins plus ties. A tie counts in the router's favor: the judge saw the same quality, and the router usually picked a cheaper model."
+            />
+            <p className="text-3xl font-semibold text-foreground">{okOrBetter != null ? pct(okOrBetter) : "—"}</p>
+            <p className="text-xs text-muted-foreground">of {job.completed_count.toLocaleString()} judged responses</p>
           </div>
           <VerdictBar results={results} />
           <TierResultsTable groups={results.groups} />