iframe-proxy

celalzamanoglu · 2026-01-29T09:54:25Z

## Summary - [SKY-7495](https://linear.app/skyvern/issue/SKY-7495/show-prompt-and-evaluation-path-for-conditional-block)

Enhanced the workflow run timeline to display detailed evaluation information for all branches in conditional blocks. Users can now see which conditions were evaluated, how template variables were rendered with actual values, the true/false result of each evaluation, and which branch ultimately matched and executed.

Depends on: Backend PR #8400 (must be deployed first)

Problem

Previously, the conditional block timeline only showed the final executed branch without revealing the evaluation process. Users couldn't see:

Which other branches were evaluated before finding a match
How Jinja2 template expressions were rendered with actual runtime values
The boolean result of each condition evaluation
Why a particular branch was chosen over others

This lack of transparency made it difficult to debug conditional logic and understand workflow execution paths.

What Changed

Added type definitions in workflowRunTypes.ts:
BranchEvaluation type with fields for branch metadata, expressions, results, and matching status
ConditionalBlockOutput type to structure the evaluations array in block output
hasEvaluations() type guard function for safe evaluation access
Enhanced conditional block rendering in WorkflowRunTimelineBlockItem.tsx:
Displays all branch evaluations in order with individual cards per branch
Shows both original expression and rendered expression (with variable substitution)
Color-codes evaluation results: green for True, red for False
Highlights matched branch with green border and background
Distinguishes default branches with special label
Shows next block label for the matched branch
Maintains backward compatibility with old workflow runs via fallback to legacy display format

Screenshots

Test plan

Run a workflow with conditional block having multiple branches
Verify all branches are displayed in the timeline
Verify original expression shows Jinja2 template syntax
Verify rendered expression shows actual values substituted
Verify each branch shows True/False evaluation result
Verify matched branch has green border/background highlighting
Test with old workflow run to verify backward compatibility fallback
Test with various conditional block scenarios: Jinja2 templates, prompt-based conditions, default branch execution

🤖 Generated with Claude Code

Important

Enhanced workflow run timeline to display detailed branch evaluations in conditional blocks, including expressions and results.

Behavior:
- Enhanced WorkflowRunTimelineBlockItem to display all branch evaluations in conditional blocks.
- Shows original and rendered expressions, evaluation results, and highlights matched branches.
- Maintains backward compatibility with old workflow runs.
Types:
- Added BranchEvaluation and ConditionalBlockOutput types in workflowRunTypes.ts.
- Added hasEvaluations() type guard function.
Rendering:
- Updated WorkflowRunTimelineBlockItem.tsx to render branch evaluations with color-coded results and labels for matched branches.

^{This description was created by}^{for 7076bde. You can customize this summary. It will automatically update as commits are pushed.}

Summary by CodeRabbit

New Features
- Enhanced conditional block visualization with detailed branch evaluation display
- Added visual indicators showing condition results (True/False) and matched branches
- Improved styling to distinguish default branches from matched evaluations
- Added navigation indicators for block transitions within conditional logic

_{✏️ Tip: You can customize this high-level summary in your review settings.}

ellipsis-dev

Important

Looks good to me! 👍

Reviewed everything up to 3e36372 in 28 seconds. Click for details.

Reviewed 170 lines of code in 2 files
Skipped 0 files when reviewing.
Skipped posting 0 draft comments. View those below.
Modify your settings and rules to customize what types of comments Ellipsis leaves. And don't forget to react with 👍 or 👎 to teach Ellipsis.

Workflow ID: wflow_qFe9AkpaOBSidz6w

^{You can customize}^{by changing your verbosity settings, reacting with 👍 or 👎, replying to comments, or adding code review rules.}

coderabbitai · 2026-01-29T09:55:01Z

Walkthrough

Adds branch-evaluation support for conditional workflow blocks: new types for branch evaluations and a type guard, plus UI updates to render per-branch evaluation details and next-block indicators, with fallback to legacy executed-branch display when evaluations are absent.

Changes

Cohort / File(s)	Summary
Type Definitions `skyvern-frontend/src/routes/workflows/types/workflowRunTypes.ts`	Added `BranchEvaluation` and `ConditionalBlockOutput` types plus `hasEvaluations(output: unknown): output is ConditionalBlockOutput` type guard.
UI Rendering `skyvern-frontend/src/routes/workflows/workflowRun/WorkflowRunTimelineBlockItem.tsx`	Replaced previous conditional-block rendering with evaluations-based rendering when `hasEvaluations` is true: renders per-evaluation items (default flag, original/rendered expressions, True/False result, matched indicator, next-block label). Keeps legacy fallback using `executed_branch_expression` and `executed_branch_next_block` when no evaluations present.

Sequence Diagram(s)

(omitted)

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

Possibly related PRs

Show branch evaluations in conditional block output (#SKY-7495) #4572: Backend change adding evaluations and matched_branch_index to conditional block outputs that this frontend consumes.
Jinja interpolation support for natural-language branch criteria #4325: Adds server-side Jinja rendering of branch expressions (provides rendered_expression values shown by the new UI).
FE implementation of InteractionNode #3821: Frontend adjustments to WorkflowRunTimelineBlockItem.tsx for per-block rendering logic; likely overlaps with UI rendering changes.

Poem

🐇 I hopped through branches, one by one,
I checked each clue until it shone,
Matched flags flutter, expressions clear,
Next hops lit — the path is near! ✨

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

📝 Generate docstrings

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

…src/' ## Summary - [SKY-7495](https://linear.app/skyvern/issue/SKY-7495/show-prompt-and-evaluation-path-for-conditional-block) Enhanced the workflow run timeline to display detailed evaluation information for all branches in conditional blocks. Users can now see which conditions were evaluated, how template variables were rendered with actual values, the true/false result of each evaluation, and which branch ultimately matched and executed. **Depends on**: Backend PR #8400 (must be deployed first) ## Problem Previously, the conditional block timeline only showed the final executed branch without revealing the evaluation process. Users couldn't see: - Which other branches were evaluated before finding a match - How Jinja2 template expressions were rendered with actual runtime values - The boolean result of each condition evaluation - Why a particular branch was chosen over others This lack of transparency made it difficult to debug conditional logic and understand workflow execution paths. ## What Changed - **Added type definitions** in `workflowRunTypes.ts`: - `BranchEvaluation` type with fields for branch metadata, expressions, results, and matching status - `ConditionalBlockOutput` type to structure the evaluations array in block output - `hasEvaluations()` type guard function for safe evaluation access - **Enhanced conditional block rendering** in `WorkflowRunTimelineBlockItem.tsx`: - Displays all branch evaluations in order with individual cards per branch - Shows both original expression and rendered expression (with variable substitution) - Color-codes evaluation results: green for True, red for False - Highlights matched branch with green border and background - Distinguishes default branches with special label - Shows next block label for the matched branch - Maintains backward compatibility with old workflow runs via fallback to legacy display format ## Screenshots <img width="1512" height="1256" alt="image" src="https://github.com/user-attachments/assets/8b69e13c-8d89-4bd4-828a-2b3aba4cdf4c" /> ## Test plan - [x] Run a workflow with conditional block having multiple branches - [x] Verify all branches are displayed in the timeline - [x] Verify original expression shows Jinja2 template syntax - [x] Verify rendered expression shows actual values substituted - [x] Verify each branch shows True/False evaluation result - [x] Verify matched branch has green border/background highlighting - [x] Test with old workflow run to verify backward compatibility fallback - [x] Test with various conditional block scenarios: Jinja2 templates, prompt-based conditions, default branch execution 🤖 Generated with [Claude Code](https://claude.ai/code)

ellipsis-dev

Important

Looks good to me! 👍

Reviewed 7076bde in 28 seconds. Click for details.

Reviewed 172 lines of code in 2 files
Skipped 0 files when reviewing.
Skipped posting 0 draft comments. View those below.
Modify your settings and rules to customize what types of comments Ellipsis leaves. And don't forget to react with 👍 or 👎 to teach Ellipsis.

Workflow ID: wflow_ykI7rudIk25T3nmP

^{You can customize}^{by changing your verbosity settings, reacting with 👍 or 👎, replying to comments, or adding code review rules.}

celalzamanoglu added celalzamanoglu sync labels Jan 29, 2026

ellipsis-dev Bot reviewed Jan 29, 2026

View reviewed changes

celalzamanoglu force-pushed the celal/sky-7495-conditional-block-frontend branch from 3e36372 to 7076bde Compare January 29, 2026 10:00

ellipsis-dev Bot reviewed Jan 29, 2026

View reviewed changes

celalzamanoglu merged commit 3694faf into main Jan 29, 2026
8 checks passed

celalzamanoglu deleted the celal/sky-7495-conditional-block-frontend branch January 29, 2026 10:06

Sunbelt Computer Software

PL/B Language Development and Support

Navigation Menu

Repository navigation

Show all branch evaluations in conditional block timeline (#SKY-7495) - #4577

Show all branch evaluations in conditional block timeline (#SKY-7495)#4577
celalzamanoglu merged 1 commit into
mainfrom
celal/sky-7495-conditional-block-frontend

celalzamanoglu commented Jan 29, 2026 •

edited by coderabbitai Bot

Loading

Uh oh!

ellipsis-dev Bot left a comment

Uh oh!

coderabbitai Bot commented Jan 29, 2026 •

edited

Loading

Uh oh!

ellipsis-dev Bot left a comment

Uh oh!

Uh oh!

Reviewers

Uh oh!

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Sunbelt Computer Software

PL/B Language Development and Support

Conversation

celalzamanoglu commented Jan 29, 2026 • edited by coderabbitai Bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Problem

What Changed

Screenshots

Test plan

Summary by CodeRabbit

Uh oh!

ellipsis-dev Bot left a comment

Choose a reason for hiding this comment

Uh oh!

coderabbitai Bot commented Jan 29, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Walkthrough

Changes

Sequence Diagram(s)

Estimated code review effort

Possibly related PRs

Poem

Uh oh!

ellipsis-dev Bot left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Uh oh!

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

celalzamanoglu commented Jan 29, 2026 •

edited by coderabbitai Bot

Loading

coderabbitai Bot commented Jan 29, 2026 •

edited

Loading