import type { Metadata } from "next";
import { PageHeader } from "@/components/ui";
import { Monitors } from "./monitors";

export const metadata: Metadata = { title: "Custom monitors", description: "Watch any public URL with WebSensor's change engine: canonical extraction, semantic diff, noise filtering and evidence, scoped to your browser.", robots: { index: false } };

export default function MonitorsPage() {
  return (
    <>
      <PageHeader compact kicker="Stored in this browser (no account yet)" title="Custom monitors" description="Point WebSensor at a public page. It is fetched, canonicalized and diffed like every registry sensor; meaningful changes become events visible only to this browser." />
      <Monitors />
    </>
  );
}