import { ImageResponse } from 'next/og';
import type { NextRequest } from 'next/server';
import { Wallpaper } from '@/components/brand/og';
import { todayUtc, validDay } from '@/components/temporal/dates';
import { apiD3, safe } from '@/lib/api';
import { fmtDate, fmtInt } from '@/lib/format';

export const runtime = 'nodejs';
export const revalidate = 3600;

/** Dynamic OG image for /time-machine?date= — the date and the live as-of counters. */
export async function GET(req: NextRequest): Promise<Response> {
  const sp = req.nextUrl.searchParams;
  const date = validDay(sp.get('date')) ?? todayUtc();
  const tm = await safe(apiD3.timeMachine(date, 'all', 1));
  const counters: [string, string][] = tm ? [['Models', fmtInt(tm.models?.total)], ['Offers valid', fmtInt(tm.prices?.total)], ['Leaders', fmtInt(tm.benchmarks?.leaders?.length)], ['Basis', tm.reconstructed ? 'reconstructed' : 'observed']] : [];
  return new ImageResponse(<Wallpaper eyebrow="Time machine" title={`As of ${fmtDate(date)}`} subtitle={tm?.reconstructed ? 'Reconstructed from dated claims and release dates — before the observation history began.' : 'Models, prices, benchmark leaders and hardware as they were known that day.'} counters={counters} footer={`www.ai-atlas.co/time-machine?date=${date}`} markPx={220} />, { width: 1200, height: 630 });
}