fix(variables): boolean type support and input improvements

[waleedlatif1]

Summary

• Add boolean type support with Combobox dropdown for true/false values
• Fix tag selection to replace value correctly
• Add Escape key to close tags popup
• Fix scroll sync between input and overlay for highlighted text
• Handle paste events for proper scroll position

Type of Change

• Bug fix

Testing

Tested manually

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 9:49pm

[greptile-apps]

Greptile Summary

This PR adds boolean type support for workflow variables and fixes several UX issues in the variables input component. The main improvements include:

• Boolean Type Support: Added a Combobox dropdown for boolean variables with true/false options, replacing the previous text input
• Tag Selection Fix: Simplified handleTagSelect to correctly replace the entire value (the TagDropdown component already constructs the complete new string with the tag properly inserted)
• Escape Key Handler: Added handleKeyDown to close the tags popup when user presses Escape
• Scroll Synchronization: Improved scroll sync between the transparent input and the visible overlay for both horizontal (Input) and vertical+horizontal (Textarea) scrolling
• Paste Event Handling: Added onPaste handler to sync scroll position after paste operations
• Code Cleanup: Removed redundant style properties (fontFamily, lineHeight) and simplified conditional checks

The changes follow the established component patterns and improve the developer experience when working with boolean variables.

Confidence Score: 4/5

• This PR is safe to merge with minimal risk
• The changes are well-structured bug fixes and UX improvements with clear purpose. The boolean type support is properly implemented using the existing Combobox component. The tag selection fix correctly leverages the TagDropdown component's behavior. The only minor issue is the use of as any for type casting on line 181, which bypasses TypeScript's type safety but doesn't introduce runtime errors
• No files require special attention

Important Files Changed

Filename	Overview
apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/variables-input/variables-input.tsx	Added boolean type support with Combobox dropdown, fixed tag selection to replace full value, added Escape key handler, improved scroll sync between input and overlay

Sequence Diagram

sequenceDiagram
    participant User
    participant VariablesInput
    participant Combobox
    participant TagDropdown
    participant Store

    Note over User,Store: Boolean Type Selection
    User->>VariablesInput: Select variable with boolean type
    VariablesInput->>Combobox: Render BOOLEAN_OPTIONS
    User->>Combobox: Select "true" or "false"
    Combobox->>VariablesInput: onChange(value)
    VariablesInput->>Store: updateAssignment(id, {value})

    Note over User,Store: Tag Selection (Fixed)
    User->>VariablesInput: Type "<" in input field
    VariablesInput->>TagDropdown: Show dropdown with tags
    User->>TagDropdown: Select a tag
    TagDropdown->>TagDropdown: Construct complete new value
    TagDropdown->>VariablesInput: onSelect(newValue)
    VariablesInput->>Store: updateAssignment(id, {value: newValue})
    VariablesInput->>VariablesInput: Focus input, set cursor to end

    Note over User,Store: Escape Key Handler
    User->>VariablesInput: Press Escape
    VariablesInput->>VariablesInput: handleKeyDown
    VariablesInput->>VariablesInput: Close tag dropdown

    Note over User,Store: Scroll Sync
    User->>VariablesInput: Scroll input horizontally
    VariablesInput->>VariablesInput: onScroll event
    VariablesInput->>VariablesInput: Sync overlay scrollLeft

Loading

[greptile-apps]

Additional Comments (1)

1. apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/variables-input/variables-input.tsx, line 181 (link)

   style: as any bypasses type safety

_{1 file reviewed, 1 comment}

_{Edit Code Review Agent Settings | Greptile}

[cursor]

Cursor Bugbot has reviewed your changes and found 1 potential issue.

^{Bugbot Autofix is OFF. To automatically fix reported issues with Cloud Agents, enable Autofix in the Cursor dashboard.}