fix(dropdown): add dependsOn to dropdown component to dynamically fetch options predicated on another subblock

[waleedlatif1]

Summary

• add dependsOn to dropdown component to dynamically fetch options predicated on another subblock

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	Preview	Comments	Updated (UTC)
docs	Skipped			Nov 11, 2025 7:35am

[greptile-apps]

Greptile Overview

Greptile Summary

Added dependsOn support to the Dropdown component to enable dynamic option refetching when dependent fields change, specifically when credentials are updated in Gmail and Outlook triggers.

• Implemented dependency tracking in dropdown.tsx using useSubBlockStore to monitor changes in dependent field values
• Added a new effect (lines 303-317) that clears fetched options when dependency values change, triggering a refetch
• Passed dependencyValues to the fetch effect (line 339) to ensure options are refetched when dependencies update
• Applied dependsOn: ['triggerCredentials'] to Gmail labels and Outlook folders dropdowns so they refetch when credentials change

The implementation follows a clean pattern: when a user selects new credentials, the dependency tracking detects the change, clears the existing options, and automatically fetches fresh options using the new credential.

Confidence Score: 4/5

• This PR is safe to merge with minor considerations around edge case handling
• The implementation is sound and follows React best practices with proper use of useEffect, useCallback, and dependency arrays. The change is well-contained and adds important functionality for dynamic option fetching. Score of 4 (not 5) due to one consideration: the dependency tracking initializes previousDependencyValuesRef with an empty string, which means the first render comparison (line 309) will always detect a change if there are dependencies, potentially causing an unnecessary clear of options on mount
• The dropdown component (dropdown.tsx) should be tested thoroughly with different dependency scenarios to ensure the refetch behavior works correctly in all cases

Important Files Changed

File Analysis

Filename	Score	Overview
apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel-new/components/editor/components/sub-block/components/dropdown/dropdown.tsx	4/5	Added dependsOn functionality to track dependency changes and refetch dropdown options when dependencies (like credentials) change
apps/sim/triggers/gmail/poller.ts	5/5	Added dependsOn: ['triggerCredentials'] to the labelIds dropdown to ensure labels refetch when credentials change
apps/sim/triggers/outlook/poller.ts	5/5	Added dependsOn: ['triggerCredentials'] to the folderIds dropdown to ensure folders refetch when credentials change

Sequence Diagram

sequenceDiagram
    participant User
    participant Dropdown
    participant SubBlockStore
    participant API
    
    User->>Dropdown: Select credential (triggerCredentials)
    Dropdown->>SubBlockStore: Update credential value
    SubBlockStore-->>Dropdown: Notify value change
    
    Note over Dropdown: dependencyValues changes detected
    
    Dropdown->>Dropdown: Clear fetchedOptions (line 312)
    Dropdown->>Dropdown: Trigger refetch useEffect (line 322-340)
    
    Dropdown->>API: fetchOptions(blockId, subBlockId)
    Note over API: Uses credentialId from store<br/>(line 37-42 in poller.ts)
    API-->>Dropdown: Return new options (labels/folders)
    
    Dropdown->>Dropdown: Update fetchedOptions state
    Dropdown->>User: Display updated options

Loading

[greptile-apps]

_{4 files reviewed, no comments}

_{Edit Code Review Agent Settings | Greptile}