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

Debugger: improve timeline UX while waiting for first item, and while waiting for current item (#3668)

Browse Source
This commit is contained in:
Jonathan Dobson
2025-10-09 13:53:46 -04:00
committed by GitHub
parent 1421bc10c6
commit adc8634ae1
6 changed files with 100 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
skyvern-frontend/src/routes/workflows/workflowRun/ThoughtCard.tsx
View File

@@ -38,16 +38,19 @@ function ThoughtCard({ thought, onClick, active }: Props) {
<div className="flex justify-between">
<div className="flex gap-3">
<BrainIcon className="size-6" />
<span>Thought</span>
{(thought.answer || thought.thought) && <span>Thought</span>}
{!thought.answer && !thought.thought && <span>Thinking</span>}
</div>
<div className="flex items-center gap-1 rounded-sm bg-slate-elevation5 px-2 py-1">
<QuestionMarkIcon className="size-4" />
<span className="text-xs">Decision</span>
</div>
</div>
<div className="text-xs text-slate-400">
{thought.answer || thought.thought}
</div>
{(thought.answer || thought.thought) && (
<div className="text-xs text-slate-400">
{thought.answer || thought.thought}
</div>
)}
</div>
);
}

2
skyvern-frontend/src/routes/workflows/workflowRun/ThoughtCardMinimal.tsx
View File

@@ -8,7 +8,7 @@ type Props = {
function ThoughtCardMinimal({ thought }: Props) {
return (
<Tip content={thought.answer || thought.thought || null}>
<Tip asChild={false} content={thought.answer || thought.thought || null}>
<BrainIcon className="size-6" />
</Tip>
);

7
skyvern-frontend/src/routes/workflows/workflowRun/WorkflowRunTimelineBlockItemMinimal.tsx
View File

@@ -11,6 +11,7 @@ import { ActionCardMinimal } from "./ActionCardMinimal";
import { Status } from "@/api/types";
import { ThoughtCardMinimal } from "./ThoughtCardMinimal";
import { ItemStatusIndicator } from "./ItemStatusIndicator";
import { cn } from "@/util/utils";
type Props = {
block: WorkflowRunBlock;
@@ -30,7 +31,11 @@ function WorkflowRunTimelineBlockItemMinimal({ block, subItems }: Props) {
block.status === Status.Canceled);
return (
<div className="flex flex-col items-center justify-center gap-2">
<div
className={cn("flex flex-col items-center justify-center gap-2", {
"rounded-lg bg-slate-elevation4 pl-2 pr-3 pt-4": actions.length > 0,
})}
>
<Tip
content={workflowBlockTitle[block.block_type] ?? null}
asChild={false}