@@ -39,9 +39,16 @@ import {
39
39
import { CancelRunDialog } from "./CancelRunDialog" ;
40
40
import { LiveTimer } from "./LiveTimer" ;
41
41
import { ReplayRunDialog } from "./ReplayRunDialog" ;
42
- import { TaskRunStatusCombo } from "./TaskRunStatus" ;
42
+ import {
43
+ descriptionForTaskRunStatus ,
44
+ filterableTaskRunStatuses ,
45
+ runStatusTitle ,
46
+ TaskRunStatusCombo ,
47
+ TaskRunStatusIcon ,
48
+ } from "./TaskRunStatus" ;
43
49
import { RunTag } from "./RunTag" ;
44
50
import { Badge } from "~/components/primitives/Badge" ;
51
+ import { SimpleTooltip } from "~/components/primitives/Tooltip" ;
45
52
46
53
type RunsTableProps = {
47
54
total : number ;
@@ -126,7 +133,24 @@ export function TaskRunsTable({
126
133
< TableHeaderCell > Env</ TableHeaderCell >
127
134
< TableHeaderCell > Task</ TableHeaderCell >
128
135
< TableHeaderCell > Version</ TableHeaderCell >
129
- < TableHeaderCell > Status</ TableHeaderCell >
136
+ < TableHeaderCell
137
+ tooltip = {
138
+ < div className = "flex max-w-xs flex-col gap-3 p-1" >
139
+ { filterableTaskRunStatuses . map ( ( status ) => (
140
+ < div >
141
+ < div className = "mb-0.5 flex items-center gap-1.5" >
142
+ < TaskRunStatusCombo status = { status } />
143
+ </ div >
144
+ < Paragraph variant = "extra-small" className = "!text-wrap text-text-dimmed" >
145
+ { descriptionForTaskRunStatus ( status ) }
146
+ </ Paragraph >
147
+ </ div >
148
+ ) ) }
149
+ </ div >
150
+ }
151
+ >
152
+ Status
153
+ </ TableHeaderCell >
130
154
< TableHeaderCell > Started</ TableHeaderCell >
131
155
< TableHeaderCell
132
156
colSpan = { 3 }
@@ -287,7 +311,10 @@ export function TaskRunsTable({
287
311
</ TableCell >
288
312
< TableCell to = { path } > { run . version ?? "–" } </ TableCell >
289
313
< TableCell to = { path } >
290
- < TaskRunStatusCombo status = { run . status } />
314
+ < SimpleTooltip
315
+ content = { descriptionForTaskRunStatus ( run . status ) }
316
+ button = { < TaskRunStatusCombo status = { run . status } /> }
317
+ />
291
318
</ TableCell >
292
319
< TableCell to = { path } >
293
320
{ run . startedAt ? < DateTime date = { run . startedAt } /> : "–" }
0 commit comments