vodorod/Dorod-Sky
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Add block description (#1502)

Browse Source
This commit is contained in:
Shuchang Zheng
2025-01-06 07:52:20 -08:00
committed by GitHub
parent c0bf6387c3
commit 45cfa58648
2 changed files with 29 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
skyvern-frontend/src/routes/workflows/types/workflowRunTypes.ts
View File

@@ -26,6 +26,7 @@ export type WorkflowRunBlock = {
parent_workflow_run_block_id: string | null;
block_type: WorkflowBlockType;
label: string | null;
description: string | null;
title: string | null;
status: Status | null;
failure_reason: string | null;

50
skyvern-frontend/src/routes/workflows/workflowRun/WorkflowRunTimelineBlockItem.tsx
View File

@@ -78,30 +78,36 @@ function WorkflowRunTimelineBlockItem({
}}
ref={refCallback}
>
<div className="flex justify-between">
<div className="flex gap-3">
<WorkflowBlockIcon
workflowBlockType={block.block_type}
className="size-6"
/>
<span>{workflowBlockTitle[block.block_type]}</span>
</div>
<div className="flex items-center gap-1 rounded bg-slate-elevation5 px-2 py-1">
{showDiagnosticLink ? (
<Link to={`/tasks/${block.task_id}/diagnostics`}>
<div className="flex gap-1">
<ExternalLinkIcon className="size-4" />
<span className="text-xs">Diagnostics</span>
</div>
</Link>
) : (
<>
<CubeIcon className="size-4" />
<span className="text-xs">Block</span>
</>
)}
<div className="space-y-2">
<div className="flex justify-between">
<div className="flex gap-3">
<WorkflowBlockIcon
workflowBlockType={block.block_type}
className="size-6"
/>
<span>{workflowBlockTitle[block.block_type]}</span>
</div>
<div className="flex items-center gap-1 rounded bg-slate-elevation5 px-2 py-1">
{showDiagnosticLink ? (
<Link to={`/tasks/${block.task_id}/diagnostics`}>
<div className="flex gap-1">
<ExternalLinkIcon className="size-4" />
<span className="text-xs">Diagnostics</span>
</div>
</Link>
) : (
<>
<CubeIcon className="size-4" />
<span className="text-xs">Block</span>
</>
)}
</div>
</div>
{block.description ? (
<div className="text-xs text-slate-400">{block.description}</div>
) : null}
</div>
{actions.map((action, index) => {
return (
<ActionCard