// <TryOutResult> — a finished try-out: one row per classification, the
// overall verdict under them, and the head commit the run read. The columns
// are the review's own table (`docs/swarm/review-classifier.md`); no token
// counts, cache counts or cost, here or anywhere in the UI.
import { Badge } from "@hive/shared/badge.js";
import { Table, type TableColumn } from "../../ui/table/Table.js";
import type { TryOutResult as Result, TryOutRow } from "./TryOutTypes.js";

const VERDICT_LABEL: Record<TryOutRow["verdict"], string> = {
  match: "match",
  "no-match": "no match",
  "not-applicable": "not applicable",
};

const COLUMNS: TableColumn<TryOutRow>[] = [
  { key: "name", header: "classification", render: (r) => r.name },
  { key: "polarity", header: "polarity", render: (r) => r.polarity },
  {
    key: "verdict",
    header: "verdict",
    render: (r) => (r.error ? "—" : VERDICT_LABEL[r.verdict]),
  },
  {
    key: "certainty",
    header: "certainty",
    render: (r) => (r.error ? "—" : r.certainty),
  },
  { key: "threshold", header: "threshold", render: (r) => r.threshold },
  {
    key: "counted",
    header: "counted",
    // A counted row shows whether it passed its polarity; one below its
    // threshold does not count and has no pass or fail.
    render: (r) =>
      r.error ? "—" : r.counted ? (r.passed ? "yes ✅" : "yes ❌") : "no",
  },
  {
    key: "reason",
    header: "reason",
    cellClass: "ui-table-prose",
    // A row that could not run says why where the reason would be.
    render: (r) =>
      r.error ? <span class="ui-tryout-row-error">{r.error}</span> : r.reason,
  },
];

export function TryOutResult({ result }: { result: Result }) {
  const rows = result.rows ?? [];
  return (
    <div class="ui-tryout-result">
      <Table
        columns={COLUMNS}
        rows={rows}
        // By position: two classifications may share a name, and a shared key
        // would let one result render over the other.
        rowKey={(r) => String(rows.indexOf(r))}
        storageKey="swarm-ui:review-tryout:table-filters"
        emptyMessage="the run returned no classifications"
      />
      {result.overall ? (
        <p class="ui-tryout-overall">
          <strong>Overall: </strong>
          <Badge
            tone={result.overall === "approve" ? "positive" : "negative"}
            value={result.overall === "approve" ? "approve" : "request changes"}
          />
        </p>
      ) : null}
      <p class="ui-tryout-sha">
        Ran on head <code>{result.head_sha.slice(0, 12)}</code>
      </p>
    </div>
  );
}