"use client";

import { PageHeader, Tabs } from "@/components/ui";
import RulesPanel from "@/components/panels/RulesPanel";
import CategoryRulesPanel from "@/components/panels/CategoryRulesPanel";
import SourcesPanel from "@/components/panels/SourcesPanel";

export default function EnrichmentPage() {
  return (
    <>
      <PageHeader
        title="Enrichment Rules"
        description="How the AI cleans values, which attributes each category requires, and the trusted sources research may use."
      />
      <Tabs
        tabs={[
          { id: "rules", label: "Manipulation Rules", render: () => <RulesPanel /> },
          { id: "categories", label: "Per-Category Rules", render: () => <CategoryRulesPanel /> },
          { id: "sources", label: "Trusted Sources", render: () => <SourcesPanel /> },
        ]}
      />
    </>
  );
}