Artifacts

import { PageHeader } from "@/components/layout/page-header";
import { ReportSearch, type ReportListItem } from "@/components/reports/report-search";
import { getReports } from "@/lib/content/reports";

export const dynamic = "force-dynamic";
export const metadata = { title: "Reports" };

export default function ReportsPage() {
  const reports: ReportListItem[] = getReports().map((r) => ({
    id: r.id,
    title: r.title,
    summary: r.summary,
    date: r.date,
    author: r.author,
  }));

  return (
    <div>
      <PageHeader
        eyebrow="Intelligence"
        title="Reports"
        description="Reports preserve what work produced. Sessions terminate; the organization keeps the intelligence."
      />
      <ReportSearch reports={reports} />
    </div>
  );
}