fix(tag-dropdown): fix the way variables are displayed in the tag dropdown

[waleedlatif1]

Summary

• fix the way variables are displayed in the tag dropdown to align with regular outputs

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		Dec 27, 2025 1:15am

[greptile-apps]

Greptile Summary

This PR improves the visual presentation of variables in the tag dropdown by moving the TagIcon component from individual variable items to the "Variables" section header. This change creates visual consistency with how block type sections are displayed (e.g., loop blocks, parallel blocks) and establishes a clearer visual hierarchy - the icon now serves as a header indicator rather than being repeated for each item. The fix also adds the rootOnly prop to the PopoverSection to maintain proper behavior when navigating folder views.

Confidence Score: 5/5

• This PR is safe to merge - it's a focused UI improvement with no logic changes, no breaking changes, and no dependencies on external components or props that could cause issues.
• Score reflects a minimal, well-isolated change that improves UI consistency. The change only reorganizes existing components (moving TagIcon from items to section header) without modifying any logic, state management, or component props. The rootOnly prop is already part of the PopoverSection API and correctly applied. No new dependencies, no breaking changes, and the change maintains backward compatibility with the popover system.
• 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/tag-dropdown/tag-dropdown.tsx	Moved the TagIcon component from each variable item into the section header, providing visual consistency with block type headers and improving the visual hierarchy of the dropdown.

Sequence Diagram

sequenceDiagram
    participant User
    participant TagDropdown
    participant PopoverSection as PopoverSection<br/>(Variables)
    participant PopoverItem as PopoverItem<br/>(each variable)

    User->>TagDropdown: Open dropdown
    TagDropdown->>PopoverSection: Render header with icon+text
    Note over PopoverSection: Icon 'V' + "Variables" text
    PopoverSection->>PopoverItem: Render variable items
    Note over PopoverItem: Text only (no icon repetition)
    PopoverItem->>User: Display variable list

Loading