import { disciplineCounts, listTopics, searchPapers } from "@autoscholar/core";
import { DISCIPLINE_LABELS, PublicSearchQuery } from "@autoscholar/schemas";
import Link from "next/link";
import { Disclosure } from "@/components/Disclosure";
import { EmptyState } from "@/components/EmptyState";
import { PaperCard } from "@/components/PaperCard";
import { t } from "@/lib/i18n";
import { db } from "@/lib/server/db";

export const dynamic = "force-dynamic";

export default async function Home() {
  const d = db();
  const latest = await searchPapers(d, PublicSearchQuery.parse({ pageSize: "7" }));
  const [featured, ...recent] = latest.items;
  const counts = await disciplineCounts(d);
  const topics = await listTopics(d);
  return (
    <div className="space-y-20">
      <section className="grid gap-10 md:grid-cols-12 md:items-end">
        <div className="md:col-span-8">
          <p className="eyebrow">Autonomous Research Foundry</p>
          <h1 className="serif mt-3 text-4xl font-semibold leading-[1.1] tracking-tight sm:text-5xl lg:text-6xl">
            From research instructions to verifiable working papers.
          </h1>
          <p className="muted mt-6 max-w-2xl text-lg leading-relaxed">
            AutoScholar is a research-producing startup and a public library of original, AI-executed working
            papers across disciplines. Each paper is produced by an auditable autonomous workflow, checked by
            deterministic quality gates, and released with its evidence: sources, code, data, build logs and
            provenance.
          </p>
          <div className="mt-8 flex flex-wrap gap-3">
            <Link href="/research" className="btn btn-primary">
              Browse the library
            </Link>
            <Link href="/methodology" className="btn">
              How papers are produced
            </Link>
          </div>
        </div>
        <aside className="surface p-5 text-sm md:col-span-4">
          <p className="eyebrow">Powered by MacLustr</p>
          <p className="muted mt-2">
            {t("footer.credit")} Every run executes in an isolated workspace with enforced budgets, and
            nothing is published unless every hard gate passes.
          </p>
          <Link href="/infrastructure" className="mt-3 inline-block">
            About the infrastructure →
          </Link>
        </aside>
      </section>

      <section aria-labelledby="latest">
        <div className="flex items-end justify-between gap-4">
          <div>
            <p className="eyebrow">Library</p>
            <h2 id="latest" className="serif mt-1 text-2xl font-semibold">
              New releases
            </h2>
          </div>
          <Link href="/research" className="text-sm">
            All working papers →
          </Link>
        </div>
        <div className="mt-6">
          {!featured ? (
            <EmptyState title="No working papers have been released yet.">{t("library.empty")}</EmptyState>
          ) : (
            <div className="grid gap-4 md:grid-cols-12">
              <div className="md:col-span-7">
                <PaperCard p={featured} featured />
              </div>
              <div className="grid gap-4 md:col-span-5">
                {recent.slice(0, 3).map((p) => (
                  <PaperCard key={p.publicId} p={p} />
                ))}
              </div>
              {recent.slice(3).map((p) => (
                <div key={p.publicId} className="md:col-span-4">
                  <PaperCard p={p} />
                </div>
              ))}
            </div>
          )}
        </div>
        <div className="mt-6">
          <Disclosure />
        </div>
      </section>

      <section aria-labelledby="subjects">
        <p className="eyebrow">Subject explorer</p>
        <h2 id="subjects" className="serif mt-1 text-2xl font-semibold">
          Disciplines
        </h2>
        <ul className="mt-6 grid gap-2 sm:grid-cols-2 lg:grid-cols-3">
          {Object.entries(DISCIPLINE_LABELS).map(([slug, name]) => {
            const n = counts.find((c) => c.discipline === slug)?.n ?? 0;
            const topic = topics.find((x) => x.slug === slug);
            return (
              <li key={slug}>
                <Link
                  href={topic ? `/topics/${slug}` : `/research?discipline=${slug}`}
                  className="surface flex items-center justify-between px-4 py-3 text-sm no-underline hover:bg-[var(--bg-muted)]"
                >
                  <span>{name}</span>
                  <span className="subtle font-mono text-xs">
                    {n} {n === 1 ? "paper" : "papers"}
                  </span>
                </Link>
              </li>
            );
          })}
        </ul>
      </section>

      <section className="grid gap-6 md:grid-cols-3">
        {[
          [
            "Scientific integrity before throughput",
            "No paper is published automatically unless its central claims trace to verified sources or executed artifacts, its citations resolve, and its PDF builds from the released LaTeX source.",
          ],
          [
            "Evidence travels with the paper",
            "Each release ships the manuscript source, verified bibliography, code and data when they were part of the study, a reproducibility note, and a redacted provenance record.",
          ],
          [
            "Honest about what this is",
            "These are AI-generated working papers, not peer-reviewed articles. Automated review is critique, not validation. Corrections and retractions are public and permanent.",
          ],
        ].map(([h, p]) => (
          <div key={h} className="border-t pt-4 hairline">
            <h3 className="serif text-lg font-semibold">{h}</h3>
            <p className="muted mt-2 text-sm leading-relaxed">{p}</p>
          </div>
        ))}
      </section>
    </div>
  );
}