import { listRuns } from "@autoscholar/core";
import { listPapersAdmin } from "@autoscholar/publisher";
import Link from "next/link";
import { StatusBadge } from "@/components/StatusBadge";
import { fmtDateTime } from "@/lib/format";
import { db } from "@/lib/server/db";
import { PaperActions, PublishButton } from "./PublicationActions";

export const dynamic = "force-dynamic";

export default async function PublicationsPage() {
  const d = db();
  const pending = await listRuns(d, {
    status: ["awaiting_approval", "ready_to_publish", "publishing"],
    limit: 100,
  });
  const papers = await listPapersAdmin(d);
  return (
    <div className="space-y-8">
      <header>
        <p className="eyebrow">Release</p>
        <h1 className="title-2 mt-1">Publications</h1>
      </header>
      <section className="surface p-4">
        <h2 className="title-3">Awaiting release</h2>
        <table className="table mt-2">
          <thead>
            <tr>
              <th>Run</th>
              <th>Status</th>
              <th>Mode</th>
              <th>Action</th>
            </tr>
          </thead>
          <tbody>
            {pending.length === 0 && (
              <tr>
                <td colSpan={4} className="muted py-6 text-center">
                  Nothing awaiting approval.
                </td>
              </tr>
            )}
            {pending.map((r) => (
              <tr key={r.id}>
                <td>
                  <Link href={`/admin/runs/${r.id}`}>{r.title}</Link>
                </td>
                <td>
                  <StatusBadge status={r.status} />
                </td>
                <td>{r.researchMode}</td>
                <td>
                  {r.status === "publishing" ? (
                    <span className="muted text-xs">publishing (scheduler)</span>
                  ) : (
                    <PublishButton
                      runId={r.id}
                      papers={papers.map((p) => ({ id: p.p.id, publicId: p.p.publicId, title: p.p.title }))}
                    />
                  )}
                </td>
              </tr>
            ))}
          </tbody>
        </table>
      </section>
      <section className="surface p-4">
        <h2 className="title-3">Published papers</h2>
        <table className="table mt-2">
          <thead>
            <tr>
              <th>ID</th>
              <th>Title</th>
              <th>Status</th>
              <th>Version</th>
              <th>Published</th>
              <th>Actions</th>
            </tr>
          </thead>
          <tbody>
            {papers.length === 0 && (
              <tr>
                <td colSpan={6} className="muted py-6 text-center">
                  No paper published yet.
                </td>
              </tr>
            )}
            {papers.map((p) => (
              <tr key={p.p.id}>
                <td className="font-mono text-xs">{p.p.publicId}</td>
                <td>
                  <Link href={`/research/${p.p.slug}`} target="_blank">
                    {p.p.title}
                  </Link>
                  {p.p.synthetic && <span className="badge ml-1">staging</span>}
                </td>
                <td>
                  <StatusBadge status={p.p.status} />
                </td>
                <td>v{p.v?.versionNo ?? "?"}</td>
                <td className="subtle text-xs">{fmtDateTime(p.p.firstPublishedAt)}</td>
                <td>
                  <PaperActions
                    id={p.p.id}
                    status={p.p.status}
                    title={p.v?.title ?? p.p.title}
                    abstract={p.v?.abstract ?? ""}
                    keywords={p.v?.keywords ?? []}
                  />
                </td>
              </tr>
            ))}
          </tbody>
        </table>
      </section>
    </div>
  );
}