import { STAGES } from "@autoscholar/schemas";
import { fmtDate, shortHash } from "@/lib/format";
import { IconChevron } from "./Icons";
import { StatusBadge } from "./StatusBadge";

type Gate = { gate: string; status: string; severity: string; message: string };

/** ResearchProvenance — expandable, verifiable record: stages, models, hashes, gates, warnings. */
export function ResearchProvenance({
  prov,
  qa,
  texReleased,
  meta,
}: {
  prov: Record<string, unknown>;
  qa: { gates?: Gate[]; warnings?: string[]; policyVersion?: string; evaluatedAt?: string };
  texReleased: boolean;
  meta: Record<string, unknown>;
}) {
  const gates = qa.gates ?? [];
  const passed = gates.filter((g) => g.status === "pass").length;
  const counted = gates.filter((g) => g.status !== "skip").length;
  const stagesDone = (prov.stagesCompleted as string[] | undefined) ?? [];
  const toolchain = (prov.toolchain as Record<string, string> | undefined) ?? {};
  const Row = ({ k, v, mono = false }: { k: string; v: React.ReactNode; mono?: boolean }) => (
    <div className="grid grid-cols-[9rem_1fr] gap-x-3 border-b py-2 text-sm last:border-0 hairline sm:grid-cols-[11rem_1fr]">
      <dt className="label pt-0.5">{k}</dt>
      <dd className={`min-w-0 break-words ${mono ? "font-mono text-xs" : ""}`}>{v}</dd>
    </div>
  );
  return (
    <div className="surface overflow-hidden">
      <div className="grid gap-4 border-b p-5 hairline sm:grid-cols-3">
        <div>
          <p className="label">Quality gates</p>
          <p className="serif mt-1 text-2xl">{counted ? `${passed}/${counted}` : "—"}</p>
          <p className="subtle text-xs">
            {qa.evaluatedAt ? `verified ${fmtDate(qa.evaluatedAt)}` : "not recorded"}
          </p>
        </div>
        <div>
          <p className="label">Stages completed</p>
          <p className="serif mt-1 text-2xl">
            {stagesDone.length ? `${stagesDone.length}/${STAGES.length - 2}` : "—"}
          </p>
          <p className="subtle text-xs">on the research worker</p>
        </div>
        <div>
          <p className="label">Policy</p>
          <p className="serif mt-1 text-2xl">{qa.policyVersion ?? "—"}</p>
          <p className="subtle text-xs">deterministic, server-side</p>
        </div>
      </div>
      <dl className="px-5 py-2">
        <Row k="Research model" v={String(prov.model ?? "—")} mono />
        <Row k="Reviewer model" v={String(prov.reviewerModel ?? "—")} mono />
        <Row
          k="Instruction"
          v={`v${String(prov.instructionVersion ?? "?")} · ${shortHash(prov.instructionSha256 as string)}`}
          mono
        />
        <Row k="Manifest digest" v={shortHash(prov.manifestSha256 as string, 16)} mono />
        <Row
          k="Execution"
          v={
            prov.startedAt
              ? `${fmtDate(prov.startedAt as string)} → ${prov.completedAt ? fmtDate(prov.completedAt as string) : "?"} · ${String(prov.infrastructure ?? "MacLustr")}`
              : "—"
          }
        />
        <Row
          k="Toolchain"
          v={
            Object.keys(toolchain).length
              ? Object.entries(toolchain)
                  .map(([k, v]) => `${k} ${v}`)
                  .join(" · ")
              : "not recorded"
          }
          mono
        />
        <Row
          k="LaTeX source"
          v={
            texReleased
              ? "Released; the PDF was rebuilt from it in a clean environment during verification."
              : "Not released."
          }
        />
        <Row k="Data availability" v={(meta.dataAvailability as string) || "Not applicable or not stated."} />
        <Row k="Code availability" v={(meta.codeAvailability as string) || "Not applicable or not stated."} />
        <Row
          k="Ethics"
          v={
            (meta.ethics as string) ||
            "No restricted activities; public data, mathematics or simulations only."
          }
        />
      </dl>
      {stagesDone.length > 0 && (
        <div className="border-t px-5 py-4 hairline">
          <p className="label mb-2">Pipeline record</p>
          <ol className="flex flex-wrap gap-1.5">
            {STAGES.map((s) => {
              const done =
                stagesDone.includes(s.key) || (s.key === "quality" && counted > 0) || s.key === "publication";
              return (
                <li key={s.key} className={`badge ${done ? "badge-sci" : ""}`} title={s.name}>
                  {s.index} {s.name}
                </li>
              );
            })}
          </ol>
        </div>
      )}
      {gates.length > 0 && (
        <details className="group border-t hairline">
          <summary className="flex items-center justify-between px-5 py-3 text-sm">
            <span>Gate-by-gate evidence ({gates.length})</span>
            <IconChevron size={16} className="subtle transition-transform group-open:rotate-90" />
          </summary>
          <ul className="space-y-1.5 px-5 pb-4 text-xs">
            {gates.map((g) => (
              <li key={g.gate} className="grid grid-cols-[auto_1fr] items-start gap-2">
                <StatusBadge status={g.status} />
                <span>
                  <span className="font-mono">{g.gate}</span> <span className="subtle">({g.severity})</span>
                  <span className="muted"> — {g.message}</span>
                </span>
              </li>
            ))}
          </ul>
        </details>
      )}
      {qa.warnings && qa.warnings.length > 0 && (
        <details className="group border-t hairline">
          <summary className="flex items-center justify-between px-5 py-3 text-sm">
            <span>Non-blocking warnings recorded at verification ({qa.warnings.length})</span>
            <IconChevron size={16} className="subtle transition-transform group-open:rotate-90" />
          </summary>
          <ul className="muted list-disc space-y-1 px-5 pb-4 pl-9 text-xs">
            {qa.warnings.map((w) => (
              <li key={w}>{w}</li>
            ))}
          </ul>
        </details>
      )}
      <p className="subtle border-t px-5 py-3 text-xs hairline">
        Artifact digests (SHA-256) accompany every download; the complete list is in
        provenance/checksums.sha256.
      </p>
    </div>
  );
}