fix(ui): change add inputs button to match output selector

[waleedlatif1]

Summary

• change add inputs button to match output selector

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.

Project	Deployment	Review	Updated (UTC)
docs	Ready	Preview, Comment	Jan 21, 2026 2:57am

[greptile-apps]

Greptile Summary

This PR replaces the Badge component with custom div elements to make the "Add inputs" buttons visually consistent with the OutputSelect component styling.

• Replaced Badge variant='outline' with custom div using hardcoded Combobox-style classes in chat.tsx and a2a.tsx
• Updated button styling to match OutputSelect/Combobox trigger appearance (rounded-[6px], same padding, colors, and hover states)
• Removed unused Badge import from a2a.tsx
• bun.lock updated with configVersion field

Confidence Score: 4/5

• This PR is safe to merge with minimal risk
• The changes are purely cosmetic UI updates that replace a component with hardcoded styling. The implementation correctly matches the target styling and the functionality remains unchanged. The only minor issue is an unused import in chat.tsx
• Check chat.tsx for the unused Badge import

Important Files Changed

Filename	Overview
apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/chat/chat.tsx	Replaced Badge component with custom div to match OutputSelect styling; unused import remains
apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/a2a/a2a.tsx	Replaced Badge component with custom div to match OutputSelect styling; properly removed unused import

Sequence Diagram

sequenceDiagram
    participant User
    participant ChatUI as Chat UI
    participant A2AUI as A2A Deploy UI
    participant StartBlock as Start Block

    Note over ChatUI,A2AUI: UI Rendering Phase
    
    User->>ChatUI: View chat interface
    ChatUI->>ChatUI: Check shouldShowConfigureStartInputsButton
    alt Missing Start Inputs
        ChatUI->>User: Display "Add inputs" button (custom div)
        User->>ChatUI: Click "Add inputs"
        ChatUI->>StartBlock: handleConfigureStartInputs()
        StartBlock-->>ChatUI: Configure inputs
    end
    
    User->>A2AUI: View A2A deployment settings
    A2AUI->>A2AUI: Check missingFields.any
    alt Missing A2A Fields
        A2AUI->>User: Display "Add inputs" button (custom div)
        User->>A2AUI: Click "Add inputs"
        A2AUI->>StartBlock: handleAddA2AInputs()
        StartBlock-->>A2AUI: Add A2A fields
    end
    
    Note over ChatUI,A2AUI: Both buttons now match OutputSelect styling

Loading

[greptile-apps]

Additional Comments (1)

1. apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/chat/chat.tsx, line 15 (link)

   style: Remove unused Badge import

   _{Note: If this suggestion doesn't match your team's coding style, reply to this and let me know. I'll remember it for next time!}

_{2 files reviewed, 1 comment}

_{Edit Code Review Agent Settings | Greptile}