vikarti.anatra/Skyvern
1
0
Fork 0
mirror of https://github.com/Skyvern-AI/skyvern.git synced 2025-09-02 02:30:07 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

display block label in workflow timeline (#1920)

Browse source
This commit is contained in:
Shuchang Zheng 2025-03-11 08:43:53 -07:00 • committed by GitHub
parent 69d9003735
commit 0eada40ffc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 16 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
skyvern-frontend/src/routes/workflows/workflowRun/WorkflowRunTimelineBlockItem.tsx
View file

@ -97,24 +97,32 @@ function WorkflowRunTimelineBlockItem({
<div className="space-y-2"> <div className="space-y-2">
<div className="flex justify-between"> <div className="flex justify-between">
<div className="flex gap-3"> <div className="flex gap-3">
<WorkflowBlockIcon <div className="rounded bg-slate-elevation5 p-2">
workflowBlockType={block.block_type} <WorkflowBlockIcon
className="size-6" workflowBlockType={block.block_type}
/> className="size-6"
<span>{workflowBlockTitle[block.block_type]}</span> />
</div>
<div className="flex flex-col gap-1">
<span className="text-sm">
{workflowBlockTitle[block.block_type]}
</span>
<span className="text-xs text-slate-400">{block.label}</span>
</div>
</div> </div>
<div className="flex gap-2"> <div className="flex gap-2">
{showFailureIndicator && ( {showFailureIndicator && (
<div className="bg-slate-elevation5 px-2 py-1"> <div className="self-start rounded bg-slate-elevation5 px-2 py-1">
<CrossCircledIcon className="size-4 text-destructive" /> <CrossCircledIcon className="size-4 text-destructive" />
</div> </div>
)} )}
{showSuccessIndicator && ( {showSuccessIndicator && (
<div className="bg-slate-elevation5 px-2 py-1"> <div className="self-start rounded bg-slate-elevation5 px-2 py-1">
<CheckCircledIcon className="size-4 text-success" /> <CheckCircledIcon className="size-4 text-success" />
</div> </div>
)} )}
<div className="flex items-center gap-1 rounded bg-slate-elevation5 px-2 py-1"> <div className="flex gap-1 self-start rounded bg-slate-elevation5 px-2 py-1">
{showDiagnosticLink ? ( {showDiagnosticLink ? (
<Link to={`/tasks/${block.task_id}/diagnostics`}> <Link to={`/tasks/${block.task_id}/diagnostics`}>
<div className="flex gap-1"> <div className="flex gap-1">