import type { Metadata } from 'next';
import { Container, PageHeader } from '@/components/ui/section';
import { WatchlistView } from '@/components/watchlist/watchlist-view';

export const metadata: Metadata = {
  title: 'Watchlist',
  description: 'Entities you follow on AI Atlas and their latest release, price, deprecation, benchmark, provider and licence events. Stored in your browser — no account.',
  alternates: { canonical: '/watchlist' },
  robots: { index: false, follow: true },
};

export default function WatchlistPage() {
  return (
    <Container>
      <PageHeader eyebrow="Local · this browser only" title="Watchlist" lede="Follow models, organizations, providers or benchmarks and see their material events in one feed: new versions, price moves, deprecations, benchmark results, provider listings and licence changes. Nothing leaves your browser." />
      <WatchlistView />
    </Container>
  );
}