fix(preview): subblock values

[emir-karabeg]

Summary

Fixed preview subblock values to match exactly with workflow block.

Type of Change

• Bug fix
• New feature
• Breaking change
• Documentation
• Other: ___________

Testing

Solo.

Checklist

• Code follows project style guidelines
• Self-reviewed my changes
• Tests added/updated and passing
• No new warnings introduced
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Review	Updated (UTC)
docs	Skipped		Jan 24, 2026 10:27am

[greptile-apps]

Greptile Summary

This PR enhances the workflow preview component to display actual subblock values instead of placeholder dashes, matching the behavior of the main workflow block component.

Key changes:

• Added subBlockValues prop to preview block data, passed from workflow state
• Implemented value resolution functions for dropdowns, workflow selectors, variables, and tools using synchronous store access
• Added SubBlockRow component that handles display formatting with password masking and selector type handling
• Added special rendering logic for condition and router_v2 blocks
• Updated memo comparison function to properly handle subBlockValues changes
• Fixed border CSS variable from --divider to --border-1 and text color from hardcoded #808080 to --text-muted

The preview block intentionally avoids React hooks to maintain simplicity, using getState() for synchronous store access instead. Some selector types (OAuth, channels, files, etc.) will still show - as they require async API calls.

Confidence Score: 5/5

• This PR is safe to merge - it adds display functionality without modifying core workflow logic or state management.
• The changes are well-structured, follow existing patterns from WorkflowBlock, and only affect display/presentation. The code correctly handles edge cases and uses synchronous store access as appropriate for preview mode.
• No files require special attention.

Important Files Changed

Filename	Overview
apps/sim/app/workspace/[workspaceId]/w/components/preview/components/block.tsx	Major enhancement to display actual subblock values with proper resolution for dropdowns, workflow names, variables, and tools. Adds special handling for condition and router_v2 blocks.
apps/sim/app/workspace/[workspaceId]/w/components/preview/preview.tsx	Single-line change to pass subBlockValues from block state to the preview component for value display.

Sequence Diagram

sequenceDiagram
    participant WP as WorkflowPreview
    participant WPB as WorkflowPreviewBlock
    participant SBR as SubBlockRow
    participant BC as BlockConfig
    participant VS as VariablesStore
    participant WR as WorkflowRegistry

    WP->>WPB: Pass subBlockValues from block.subBlocks
    WPB->>BC: getBlock(type)
    BC-->>WPB: blockConfig with subBlocks
    WPB->>WPB: buildCanonicalIndex(subBlocks)
    WPB->>WPB: extractValue for each subBlockValue
    WPB->>WPB: Filter visibleSubBlocks
    loop For each visible subBlock
        WPB->>SBR: Render with title, value, subBlock, rawValue
        SBR->>SBR: resolveDropdownLabel()
        SBR->>VS: getState().variables
        SBR->>SBR: resolveVariablesDisplay()
        SBR->>WR: getState().workflows
        SBR->>SBR: resolveWorkflowName()
        SBR->>SBR: resolveToolsDisplay()
        SBR-->>WPB: Rendered row with display value
    end

Loading