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

Link to diagnostics in the block info part (#1466)

Browse Source
This commit is contained in:
Shuchang Zheng
2025-01-02 06:36:36 -08:00
committed by GitHub
parent 113c91b108
commit ee2cb86d40
2 changed files with 19 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
skyvern-frontend/src/routes/workflows/workflowRun/BlockCard.tsx
View File

@@ -1,10 +1,8 @@
import { ExternalLinkIcon } from "@radix-ui/react-icons"; import { CubeIcon } from "@radix-ui/react-icons";
import { WorkflowRunBlock } from "../types/workflowRunTypes"; import { WorkflowRunBlock } from "../types/workflowRunTypes";
import { cn } from "@/util/utils"; import { cn } from "@/util/utils";
import { WorkflowBlockIcon } from "../editor/nodes/WorkflowBlockIcon"; import { WorkflowBlockIcon } from "../editor/nodes/WorkflowBlockIcon";
import { workflowBlockTitle } from "../editor/nodes/types"; import { workflowBlockTitle } from "../editor/nodes/types";
import { Button } from "@/components/ui/button";
import { Link } from "react-router-dom";
type Props = { type Props = {
active: boolean; active: boolean;
@@ -23,7 +21,7 @@ function BlockCard({ block, onClick, active }: Props) {
)} )}
onClick={onClick} onClick={onClick}
> >
<div className="flex items-center justify-between"> <div className="flex justify-between">
<div className="flex gap-3"> <div className="flex gap-3">
<WorkflowBlockIcon <WorkflowBlockIcon
workflowBlockType={block.block_type} workflowBlockType={block.block_type}
@@ -31,18 +29,10 @@ function BlockCard({ block, onClick, active }: Props) {
/> />
<span>{workflowBlockTitle[block.block_type]}</span> <span>{workflowBlockTitle[block.block_type]}</span>
</div> </div>
{block.task_id && ( <div className="flex items-center gap-1 rounded bg-slate-elevation5 px-2 py-1">
<Button <CubeIcon className="size-4" />
title="Go to task diagnostics" <span className="text-xs">Block</span>
asChild </div>
size="icon"
className="size-8 bg-slate-800 text-primary hover:bg-slate-700"
>
<Link to={`/tasks/${block.task_id}/diagnostics`}>
<ExternalLinkIcon />
</Link>
</Button>
)}
</div> </div>
</div> </div>
); );

13
skyvern-frontend/src/routes/workflows/workflowRun/WorkflowRunTimelineItemInfoSection.tsx
View File

@@ -13,6 +13,8 @@ import { WorkflowBlockTypes } from "../types/workflowTypes";
import { statusIsAFailureType } from "@/routes/tasks/types"; import { statusIsAFailureType } from "@/routes/tasks/types";
import { SendEmailBlockInfo } from "./blockInfo/SendEmailBlockInfo"; import { SendEmailBlockInfo } from "./blockInfo/SendEmailBlockInfo";
import { WorkflowRunOverviewActiveElement } from "./WorkflowRunOverview"; import { WorkflowRunOverviewActiveElement } from "./WorkflowRunOverview";
import { ExternalLinkIcon } from "@radix-ui/react-icons";
import { Link } from "react-router-dom";
type Props = { type Props = {
activeItem: WorkflowRunOverviewActiveElement; activeItem: WorkflowRunOverviewActiveElement;
@@ -84,6 +86,17 @@ function WorkflowRunTimelineItemInfoSection({ activeItem }: Props) {
)} )}
<TabsTrigger value="navigation_goal">Navigation Goal</TabsTrigger> <TabsTrigger value="navigation_goal">Navigation Goal</TabsTrigger>
<TabsTrigger value="parameters">Parameters</TabsTrigger> <TabsTrigger value="parameters">Parameters</TabsTrigger>
{item.task_id && (
<Link
to={`/tasks/${item.task_id}/diagnostics`}
title="Go to diagnostics"
>
<div className="flex items-center gap-2 px-3 py-1 text-sm font-medium">
<ExternalLinkIcon />
<span>Diagnostics</span>
</div>
</Link>
)}
</TabsList> </TabsList>
{item.status === Status.Completed && ( {item.status === Status.Completed && (
<TabsContent value="extracted_information"> <TabsContent value="extracted_information">