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

export const metadata: Metadata = { title: "Live feed", description: "Global market activity stream: canonical events and price changes across every source Market Atlas observes.", alternates: { canonical: "/live" } };
export const dynamic = "force-dynamic";

export default async function LivePage() {
  const events = await api<MarketEvent[]>("/v1/events?limit=100");
  return (
    <Page wide>
      <PageHeader kicker="Live" title="Global activity stream" lead="Canonical market events and price changes as they are formed — filter by asset class, country, type, severity and confidence. Every item names its sources." />
      <LiveFeed initial={events} />
    </Page>
  );
}