feat: add interactive Next.js dashboard with Recharts visualizations

- 6-tab dashboard: Overview, Yield Curve, Market Regime, IPO Markets, M&A Screening, Sovereign Risk
- Recharts-powered charts: line, area, bar, scatter, composed with custom dark theme tooltips
- Reads all 14 CSVs via /api/data route (yield curve, regime, IPO events, M&A screening, sovereign risk, stress tests, FX)
- KPI stat cards, data tables, regime detection, term structure snapshot
- DM Mono + Syne + Space Grotesk typography on deep navy dark theme
- Zero API keys required — all data from existing pipeline outputs
- Vercel-ready with vercel.json config

Author: DogInfantry

dashboard/.gitignore

@@ -0,0 +1,3 @@
+node_modules/
+.next/
+.env*.local

dashboard/AGENTS.md

@@ -0,0 +1,5 @@
+<!-- BEGIN:nextjs-agent-rules -->
+# This is NOT the Next.js you know
+
+This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` before writing any code. Heed deprecation notices.
+<!-- END:nextjs-agent-rules -->

dashboard/CLAUDE.md

@@ -0,0 +1 @@
+@AGENTS.md

dashboard/README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

dashboard/app/api/data/route.ts

@@ -0,0 +1,44 @@
+import { NextRequest, NextResponse } from 'next/server';
+import fs from 'fs';
+import path from 'path';
+
+function parseCSV(content: string) {
+  const lines = content.trim().split('\n');
+  if (lines.length < 2) return [];
+  const headers = lines[0].split(',').map(h => h.trim().replace(/^"|"$/g, ''));
+  return lines.slice(1).map(line => {
+    const values: string[] = [];
+    let current = '';
+    let inQuotes = false;
+    for (const char of line) {
+      if (char === '"') { inQuotes = !inQuotes; }
+      else if (char === ',' && !inQuotes) { values.push(current); current = ''; }
+      else { current += char; }
+    }
+    values.push(current);
+    const row: Record<string, string | number | null> = {};
+    headers.forEach((h, i) => {
+      const val = (values[i] || '').trim().replace(/^"|"$/g, '');
+      const num = Number(val);
+      row[h] = val === '' ? null : isNaN(num) ? val : num;
+    });
+    return row;
+  });
+}
+
+export async function GET(req: NextRequest) {
+  const { searchParams } = new URL(req.url);
+  const file = searchParams.get('file');
+  if (!file || file.includes('..')) {
+    return NextResponse.json({ error: 'Invalid file' }, { status: 400 });
+  }
+  const dataDir = path.join(process.cwd(), 'public', 'data');
+  const filePath = path.join(dataDir, file);
+  try {
+    const content = fs.readFileSync(filePath, 'utf-8');
+    const data = parseCSV(content);
+    return NextResponse.json(data);
+  } catch {
+    return NextResponse.json({ error: 'File not found' }, { status: 404 });
+  }
+}

dashboard/app/favicon.ico

@@ -0,0 +1,82 @@
+@import url('https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300&family=Syne:wght@400;500;600;700;800&family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
+@import "tailwindcss";
+
+:root {
+  --bg-primary: #050A0F;
+  --bg-secondary: #080F18;
+  --bg-card: #0B1420;
+  --bg-card-hover: #0F1C2E;
+  --border: #1A2A3A;
+  --border-bright: #1E3A5F;
+  --text-primary: #E2EAF4;
+  --text-secondary: #7A9BBE;
+  --text-muted: #3D5A7A;
+  --accent-blue: #0EA5E9;
+  --accent-cyan: #06B6D4;
+  --accent-green: #10B981;
+  --accent-amber: #F59E0B;
+  --accent-red: #EF4444;
+  --accent-purple: #8B5CF6;
+  --accent-orange: #F97316;
+  --glow-blue: rgba(14, 165, 233, 0.15);
+  --glow-green: rgba(16, 185, 129, 0.12);
+  --glow-red: rgba(239, 68, 68, 0.12);
+}
+
+* { box-sizing: border-box; }
+html { scroll-behavior: smooth; }
+
+body {
+  background-color: var(--bg-primary);
+  color: var(--text-primary);
+  font-family: 'Space Grotesk', sans-serif;
+  font-size: 14px;
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+}
+
+h1, h2, h3, h4, h5 { font-family: 'Syne', sans-serif; letter-spacing: -0.02em; }
+code, pre, .mono { font-family: 'DM Mono', monospace; }
+
+::-webkit-scrollbar { width: 4px; height: 4px; }
+::-webkit-scrollbar-track { background: var(--bg-secondary); }
+::-webkit-scrollbar-thumb { background: var(--border-bright); border-radius: 2px; }
+
+.card {
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  transition: border-color 0.2s ease, background 0.2s ease;
+}
+.card:hover { border-color: var(--border-bright); background: var(--bg-card-hover); }
+
+.stat-value {
+  font-family: 'DM Mono', monospace;
+  font-size: 1.5rem;
+  font-weight: 500;
+  letter-spacing: -0.03em;
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(8px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+.animate-in { animation: fadeIn 0.4s ease forwards; }
+
+@keyframes pulse-dot {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.3; }
+}
+.pulse-dot { animation: pulse-dot 2s ease-in-out infinite; }
+
+.recharts-cartesian-grid-horizontal line,
+.recharts-cartesian-grid-vertical line { stroke: #1A2A3A !important; }
+.recharts-tooltip-wrapper { outline: none !important; }
+
+.nav-item {
+  font-family: 'DM Mono', monospace;
+  font-size: 0.72rem;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  transition: all 0.2s ease;
+}

dashboard/app/globals.css

@@ -0,0 +1,24 @@
+import type { Metadata } from "next";
+import "./globals.css";
+
+export const metadata: Metadata = {
+  title: "Capital Markets Intelligence | DogInfantry",
+  description: "Production-grade capital markets intelligence platform — IPO event studies, sovereign risk scoring, M&A screening, and yield curve decomposition.",
+  keywords: "capital markets, IPO, M&A, sovereign risk, yield curve, quantitative finance",
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <head>
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
+      </head>
+      <body>{children}</body>
+    </html>
+  );
+}