Overview: focus|radar pairing, selectable radar, performance chart

Layout regrouped by relationship, not size: the setup-in-focus card
and the radar sit side by side (they are one decision surface), the
four account ribbons move directly above the open positions they
describe, and a new performance chart closes the page.

- Radar rows are selectable: clicking one swaps the focus card to that
  setup - including below-gate rows, whose card shows a muted
  "rank N / below gate" badge and the disqualify reason in the footer,
  with a "back to top pick" reset. The row currently in focus is
  highlighted; ticker links still deep-link without selecting.
- Performance chart (the mockup's missing piece): new
  GET /paper-trades/equity-curve computes, per benchmark trading day
  since the first paper trade, the book's cumulative P&L (realized +
  mark-to-market from stored OHLCV) vs the same cost basis riding SPY
  over each trade's window (benchmark_prices). Pure curve math in
  paper_trade_service with unit tests; hidden until there are 2+
  points of data. Frontend renders both lines with crosshair readout,
  zero baseline, and direct end labels.

Backend unit suite: 501 passed.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

frontend/src/api/paperTrades.ts

@@ -28,6 +28,16 @@ export function createPaperTrade(body: CreatePaperTradeBody) {
   return apiClient.post<PaperTrade>('paper-trades', body).then((r) => r.data);
 }
 
+export interface EquityPoint {
+  date: string;
+  book_pnl: number;
+  benchmark_pnl: number;
+}
+
+export function getEquityCurve() {
+  return apiClient.get<EquityPoint[]>('paper-trades/equity-curve').then((r) => r.data);
+}
+
 export function closePaperTrade(id: number, closePrice?: number) {
   return apiClient
     .post<{ id: number; status: string }>(`paper-trades/${id}/close`, {