Photograph the runs screen and a dashboard read against runs

frontend/src/client/schemas.gen.ts

@@ -2491,6 +2491,11 @@ export const RunDetailSchema = {
             title: 'Origin Commit',
             default: ''
         },
+        commit: {
+            type: 'string',
+            title: 'Commit',
+            default: ''
+        },
         seed: {
             anyOf: [
                 {
@@ -2542,11 +2547,6 @@ export const RunDetailSchema = {
             type: 'object',
             title: 'Result'
         },
-        commit: {
-            type: 'string',
-            title: 'Commit',
-            default: ''
-        },
         flow_version: {
             type: 'integer',
             title: 'Flow Version',
@@ -3619,6 +3619,11 @@ export const fluksio__api__routes__runs__RunRowSchema = {
             title: 'Origin Commit',
             default: ''
         },
+        commit: {
+            type: 'string',
+            title: 'Commit',
+            default: ''
+        },
         seed: {
             anyOf: [
                 {

frontend/src/client/types.gen.ts

@@ -426,6 +426,7 @@ export type fluksio__api__routes__runs__RunRow = {
     };
     params_digest: string;
     origin_commit?: string;
+    commit?: string;
     seed: (number | null);
     group_id: (string | null);
     labels: Array<(string)>;
@@ -898,6 +899,7 @@ export type RunDetail = {
     };
     params_digest: string;
     origin_commit?: string;
+    commit?: string;
     seed: (number | null);
     group_id: (string | null);
     labels: Array<(string)>;
@@ -909,7 +911,6 @@ export type RunDetail = {
     result?: {
         [key: string]: unknown;
     };
-    commit?: string;
     flow_version?: number;
     nodes?: Array<RunNodeRow>;
     artifacts?: Array<ArtifactRow>;

frontend/src/components/Runs/MetricChart.tsx

@@ -53,7 +53,7 @@ export function RunMetricChart({
   const drawn = plots.reduce((total, plot) => total + plot.length, 0)
 
   return (
-    <div className="flex flex-col gap-2">
+    <div className="flex h-64 flex-col gap-2">
       <UplotChart
         labels={labels}
         plots={plots}

frontend/src/components/Runs/RunsScreen.tsx

@@ -289,12 +289,13 @@ function RunsTable({
             </TableRow>
           )}
           {runs.map((run) => (
-            <TableRow key={run.id}>
+            <TableRow key={run.id} data-testid="run-row">
               <TableCell>
                 <Checkbox
                   checked={selected.includes(run.id)}
                   onCheckedChange={() => onToggle(run.id)}
                   aria-label={`Compare ${run.id}`}
+                  data-testid="run-select"
                 />
               </TableCell>
               <TableCell>
@@ -303,6 +304,7 @@ function RunsTable({
                     to="/runs/$id"
                     params={{ id: run.id }}
                     className="font-mono text-sm hover:underline"
+                    data-testid="run-link"
                   >
                     {shortId(run.id)}
                   </Link>
@@ -342,8 +344,9 @@ function RunsTable({
               <TableCell className="font-mono text-muted-foreground text-xs">
                 {/* The user's own repository when there is one: for a flow
                     declared in code, the store's commit names a generated
-                    shim rather than anything anyone wrote. */}
-                {shortCommit(run.origin_commit ?? "") || "—"}
+                    shim rather than anything anyone wrote. A canvas flow has
+                    only the store's, which is then the whole answer. */}
+                {shortCommit(run.origin_commit || run.commit || "") || "—"}
               </TableCell>
               <TableCell className="text-right text-muted-foreground text-sm tabular-nums">
                 {run.duration_ms ? dur(run.duration_ms) : "—"}