From 56048e6700044e062e236318a97655d70d279e12 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Mon, 17 Aug 2026 15:51:49 +0000
Subject: [PATCH 1/2] Simplify Differentials compare-queue hero card

Drop the small uppercase "Compare queue" eyebrow label and the helper
paragraph, which duplicated messaging already shown lower on the page.
Fold the search-query pill into a compact inline row under the heading
so the hero reads as icon + count + query, with no small instructional
copy competing for attention.
---
 .../differential-compare-queue-page.tsx       | 34 +++++++------------
 1 file changed, 13 insertions(+), 21 deletions(-)

diff --git a/src/components/differentials/differential-compare-queue-page.tsx b/src/components/differentials/differential-compare-queue-page.tsx
index e77088ff3e..6a61cefac3 100644
--- a/src/components/differentials/differential-compare-queue-page.tsx
+++ b/src/components/differentials/differential-compare-queue-page.tsx
@@ -81,28 +81,20 @@ export function DifferentialCompareQueuePage({
       <div className="mx-auto grid w-full max-w-4xl gap-5 sm:gap-6">
         <section className="overflow-hidden rounded-2xl border border-[color:var(--border-lux)] bg-[color:var(--surface-lux)] shadow-[var(--e2)]">
           <div className="h-1 bg-[color:var(--clinical-accent)]" aria-hidden />
-          <div className="p-5 sm:p-8">
-            <div className="flex items-start gap-4 sm:gap-5">
-              <div className="grid h-12 w-12 shrink-0 place-items-center rounded-xl border border-[color:var(--clinical-accent-border)] bg-[color:var(--clinical-accent-soft)] text-[color:var(--clinical-accent)] shadow-[var(--shadow-inset)] ">
-                <ListChecks className="h-5 w-5" aria-hidden />
-              </div>
-              <div className="min-w-0 flex-1">
-                <p className="text-xs font-bold uppercase tracking-eyebrow text-[color:var(--clinical-accent)]">
-                  Compare queue
-                </p>
-                <h1 className="mt-1 text-3xl font-bold leading-tight text-[color:var(--text-heading)] sm:text-4xl">
-                  {items.length} {items.length === 1 ? "diagnosis" : "diagnoses"} selected
-                </h1>
-                <p className="mt-3 max-w-2xl text-sm leading-6 text-[color:var(--text-muted)] sm:text-base">
-                  Review your shortlist, then open a side-by-side workspace to distinguish the diagnoses.
+          <div className="flex items-center gap-4 p-5 sm:gap-5 sm:p-8">
+            <div className="grid h-12 w-12 shrink-0 place-items-center rounded-xl border border-[color:var(--clinical-accent-border)] bg-[color:var(--clinical-accent-soft)] text-[color:var(--clinical-accent)] shadow-[var(--shadow-inset)]">
+              <ListChecks className="h-5 w-5" aria-hidden />
+            </div>
+            <div className="min-w-0 flex-1">
+              <h1 className="text-3xl font-bold leading-tight text-[color:var(--text-heading)] sm:text-4xl">
+                {items.length} {items.length === 1 ? "diagnosis" : "diagnoses"} selected
+              </h1>
+              {trimmedQuery ? (
+                <p className="mt-1.5 flex items-center gap-1.5 text-sm font-semibold text-[color:var(--clinical-accent)]">
+                  <Search className="h-4 w-4 shrink-0" aria-hidden />
+                  <span className="truncate">{trimmedQuery}</span>
                 </p>
-                {trimmedQuery ? (
-                  <p className="mt-4 inline-flex max-w-full items-center gap-2 rounded-full border border-[color:var(--clinical-accent-border)] bg-[color:var(--clinical-accent-soft)] px-3 py-1.5 text-xs font-bold text-[color:var(--clinical-accent)]">
-                    <Search className="h-3.5 w-3.5 shrink-0" aria-hidden />
-                    <span className="truncate">Search: {trimmedQuery}</span>
-                  </p>
-                ) : null}
-              </div>
+              ) : null}
             </div>
           </div>
         </section>

From 7af89ea8293c73feb3ede0a0d9b57831da0e493d Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Mon, 17 Aug 2026 15:55:33 +0000
Subject: [PATCH 2/2] docs(ledger): record review for PR #2050 (differentials
 compare-queue hero)

---
 ...bd4a3be809c74e1aec9dd9be5fe870e28f21aba6f624f621ca2.record.md | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 docs/branch-review-records/fd90b933e6bf2bd4a3be809c74e1aec9dd9be5fe870e28f21aba6f624f621ca2.record.md

diff --git a/docs/branch-review-records/fd90b933e6bf2bd4a3be809c74e1aec9dd9be5fe870e28f21aba6f624f621ca2.record.md b/docs/branch-review-records/fd90b933e6bf2bd4a3be809c74e1aec9dd9be5fe870e28f21aba6f624f621ca2.record.md
new file mode 100644
index 0000000000..2a7dfc58bc
--- /dev/null
+++ b/docs/branch-review-records/fd90b933e6bf2bd4a3be809c74e1aec9dd9be5fe870e28f21aba6f624f621ca2.record.md
@@ -0,0 +1 @@
+| 2026-08-17 | claude/differentials-design-refinement-xh1znl | 56048e6700044e062e236318a97655d70d279e12 | src/components/differentials/differential-compare-queue-page.tsx | created PR #2050: simplified compare-queue hero card (removed eyebrow label + helper paragraph, tightened search-query chip) | test:focused (3 passed); manual Playwright visual check at phone/desktop viewports |