Session 13: The Slate, Africa geo-restriction, OAuth providers, PropRow + GameCard (1311 tests)

web/src/app/dashboard/page.tsx

@@ -5,6 +5,10 @@ import { useRouter } from 'next/navigation';
 import { useAuth } from '@/contexts/AuthContext';
 import { useParlay } from '@/contexts/ParlayContext';
 import { GradePill } from '@/components/GradeCard';
+// Session 13 — The Slate is the new browse-first lead surface. The
+// existing dashboard sections (Most Parlayed, Recent Reads) stay
+// below as intelligence layers on top of the raw odds.
+import Slate from '@/components/Slate';
 
 type Sport = 'NBA' | 'MLB' | 'WNBA';
 
@@ -159,8 +163,15 @@ export default function DashboardPage() {
         )}
       </header>
 
-      {/* Sport tabs */}
-      <div role="tablist" aria-label="Sport" style={{ display: 'flex', gap: 4, marginBottom: 32, borderBottom: '1px solid var(--border)' }}>
+      {/* Session 13 — Browse-first slate. Owns its own sport-tab UI,
+          search, and inline grading. Renders ABOVE the existing
+          intelligence sections (Top Graded / Most Parlayed / Recent
+          Reads) which serve as supplementary surfaces. */}
+      <Slate tier={tier} />
+
+      {/* Legacy sport tabs — supplementary, kept for the existing
+          Top Graded / Most Parlayed flows below. */}
+      <div role="tablist" aria-label="Sport" style={{ display: 'flex', gap: 4, marginTop: 40, marginBottom: 32, borderBottom: '1px solid var(--border)' }}>
         {SPORT_TABS.map((s) => {
           const active = s === sport;
           const count = gameCountsBySport[s];