a4a4381cf6
Two classifications sharing a name made the result table's row key collide, so the form now refuses duplicate names and the table keys rows by position anyway. The page said it stores nothing in the browser, but the result table remembers its column filters like every table does; the header comment and the docs now say that. The row cap's comment says to keep it in step with the endpoint's own cap.
74 lines
2.5 KiB
TypeScript
74 lines
2.5 KiB
TypeScript
// <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>
|
|
);
|
|
}
|