import { listRuns } from "@autoscholar/core";
import Link from "next/link";
import { StatusBadge } from "@/components/StatusBadge";
import { ago } from "@/lib/format";
import { db } from "@/lib/server/db";

export const dynamic = "force-dynamic";

export default async function QualityIndex() {
  const runs = await listRuns(db(), {
    status: [
      "quality_check",
      "quality_failed",
      "ready_to_publish",
      "awaiting_approval",
      "publishing",
      "published",
    ],
    limit: 200,
  });
  return (
    <div className="space-y-6">
      <header>
        <p className="eyebrow">Gates</p>
        <h1 className="title-2 mt-1">Quality</h1>
        <p className="muted mt-1 text-sm">
          Deterministic gate outcomes computed on the control plane. Overrides are limited to soft/structural
          gates and are recorded with a rationale.
        </p>
      </header>
      <table className="table">
        <thead>
          <tr>
            <th>Run</th>
            <th>Status</th>
            <th>Mode</th>
            <th>Updated</th>
          </tr>
        </thead>
        <tbody>
          {runs.length === 0 && (
            <tr>
              <td colSpan={4} className="muted py-8 text-center">
                No run has reached quality evaluation.
              </td>
            </tr>
          )}
          {runs.map((r) => (
            <tr key={r.id}>
              <td>
                <Link href={`/admin/quality/${r.id}`}>{r.title}</Link>
              </td>
              <td>
                <StatusBadge status={r.status} />
              </td>
              <td>{r.researchMode}</td>
              <td className="subtle text-xs">{ago(r.updatedAt)}</td>
            </tr>
          ))}
        </tbody>
      </table>
    </div>
  );
}