From 5d6b5894f3c6cfa052baba4ecd18c90cf86e3f76 Mon Sep 17 00:00:00 2001
From: Tyler <tyler@crispygoat.com>
Date: Sun, 21 Jun 2026 14:06:29 -0600
Subject: [PATCH] feat(dashboard): Top providers row drillable to
 /providers?provider=NPI

---
 src/pages/Dashboard.tsx | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/pages/Dashboard.tsx b/src/pages/Dashboard.tsx
index 38db9f3..13dbf11 100644
--- a/src/pages/Dashboard.tsx
+++ b/src/pages/Dashboard.tsx
@@ -289,7 +289,22 @@ export function Dashboard() {
           <CardContent className="pt-0">
             <ul className="space-y-4">
               {topProviders.map((p, i) => (
-                <li key={p.npi} className="flex items-center gap-3">
+                <li
+                  key={p.npi}
+                  onClick={() =>
+                    navigate(`/providers?provider=${encodeURIComponent(p.npi)}`)
+                  }
+                  onKeyDown={(e) => {
+                    if (e.key === "Enter")
+                      navigate(
+                        `/providers?provider=${encodeURIComponent(p.npi)}`
+                      );
+                  }}
+                  role="button"
+                  tabIndex={0}
+                  aria-label={`View provider ${p.name}`}
+                  className="drillable flex items-center gap-3"
+                >
                   <div className="h-7 w-7 rounded-md bg-muted/60 ring-1 ring-inset ring-border/40 flex items-center justify-center mono text-[10.5px] text-muted-foreground">
                     {String(i + 1).padStart(2, "0")}
                   </div>