[Enhancement]: Hide the "Set API Key" text if API key is already set

[i13-ctflora]

What features would you like to see added?

In the Select Model dropdown, whenever you hover over a provider the gear icon expands to also show the "Set API Key" text beside it, even if the API Key is already set. This continuous animation in the dropdown is distracting, and doesn't provide any information to the user.

A better UX experience would be to only show that text if the API Key is not set. This would provide immediate feedback to the user on which providers are ready for use versus which ones need an API Key first.

More details

As far as I can tell, there doesn't seem to be any way for a user to see which providers have API keys set versus which do not. So an alternative to this might be a separate "Manage API Keys" window. This could also allow users to see which API keys are assigned to which providers (IE, each key could be listed with the last few digits shown, or with a hide/unhide button).

Which components are impacted by your request?

UI

Pictures

Code of Conduct

• I agree to follow this project's Code of Conduct

[danny-avila]

It's not hidden so you can re-configure/revoke keys as needed.

[i13-ctflora]

Sorry, I wasn't clear - I'm not talking about the gear icon itself but rather the text animation. My suggestion is to have the gear icon always there and clickable (for exactly the use case you have above), but then have the "Set API Key" text appear beside the seat icon on hover only when the API Key isn't set.