import type { Metadata } from "next";
import { LiveEvents } from "@/components/market/live-events";
import { Page, PageHeader } from "@/components/ui/section";
import { api } from "@/lib/api";
import type { MarketEvent } from "@/lib/types";

export const metadata: Metadata = { title: "Trading halts", description: "Trading halts and resumptions across US listed markets, from the Nasdaq Trader halts feed.", alternates: { canonical: "/halts" } };
export const dynamic = "force-dynamic";

export default async function HaltsPage() {
  const events = await api<MarketEvent[]>("/v1/events?type=TRADING_HALT,TRADING_RESUME&limit=200");
  const halts = events.filter((e) => e.type === "TRADING_HALT").length;
  return (
    <Page>
      <PageHeader kicker="Events" title="Trading halts" lead={`Halts and resumptions published by Nasdaq for all US listing markets (reason codes decoded: news pending, LULD volatility pause, SEC suspension…). ${halts} halt${halts === 1 ? "" : "s"} in the current window; new ones stream in live.`} />
      <LiveEvents initial={events} channel="events:type:TRADING_HALT" max={200} types={["TRADING_HALT", "TRADING_RESUME"]} />
    </Page>
  );
}