diff --git a/web/src/app/(app)/dashboard/page.tsx b/web/src/app/(app)/dashboard/page.tsx
index 40dc5d3..e98cb80 100644
--- a/web/src/app/(app)/dashboard/page.tsx
+++ b/web/src/app/(app)/dashboard/page.tsx
@@ -98,6 +98,27 @@ export default function DashboardPage() {
     return "/reviews";
   }
 
+  const summaryCards = [
+    {
+      id: "summary-workspaces",
+      label: "Active workspaces",
+      value: workspaces.length,
+      href: "/workspaces",
+    },
+    {
+      id: "summary-notes",
+      label: "Tracked notes",
+      value: notes.length,
+      href: "/search",
+    },
+    {
+      id: "summary-reviews",
+      label: "Pending review surfaces",
+      value: pendingReviewCount,
+      href: "/reviews",
+    },
+  ] as const;
+
   return (
     <AppShell
       title="Dashboard"
@@ -105,18 +126,12 @@ export default function DashboardPage() {
       actions={<div className="badge">Operational shell</div>}
     >
       <section style={{ display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(240px, 1fr))", gap: "var(--ml-space-4)" }}>
-        <div className="surface-card" style={{ padding: "var(--ml-space-5)" }}>
-          <div style={{ color: "var(--ml-text-secondary)" }}>Active workspaces</div>
-          <div style={{ fontSize: "var(--ml-fs-3xl)", fontWeight: 700, marginTop: "var(--ml-space-2)" }}>{workspaces.length}</div>
-        </div>
-        <div className="surface-card" style={{ padding: "var(--ml-space-5)" }}>
-          <div style={{ color: "var(--ml-text-secondary)" }}>Tracked notes</div>
-          <div style={{ fontSize: "var(--ml-fs-3xl)", fontWeight: 700, marginTop: "var(--ml-space-2)" }}>{notes.length}</div>
-        </div>
-        <div className="surface-card" style={{ padding: "var(--ml-space-5)" }}>
-          <div style={{ color: "var(--ml-text-secondary)" }}>Pending review surfaces</div>
-          <div style={{ fontSize: "var(--ml-fs-3xl)", fontWeight: 700, marginTop: "var(--ml-space-2)" }}>{pendingReviewCount}</div>
-        </div>
+        {summaryCards.map((card) => (
+          <Link key={card.id} href={card.href} className="surface-card" style={{ padding: "var(--ml-space-5)" }}>
+            <div style={{ color: "var(--ml-text-secondary)" }}>{card.label}</div>
+            <div style={{ fontSize: "var(--ml-fs-3xl)", fontWeight: 700, marginTop: "var(--ml-space-2)" }}>{card.value}</div>
+          </Link>
+        ))}
       </section>
 
       <section style={{ display: "grid", gridTemplateColumns: "minmax(0, 1.1fr) minmax(320px, 0.9fr)", gap: "var(--ml-space-4)" }}>