Feedback Issue with Copy Button

[elias-ba]

The copy button in the View Workflow as Code panel, as well as the Webhook URL input, currently provides no user feedback when pressed. The functionality itself works, the content is copied as expected, but because there’s no confirmation message, it feels as if nothing has happened. This appears to be a regression.

Previously, we displayed messages such as “Webhook URL copied” or “Workflow code copied.” Restoring this feedback would improve the user experience.

See this Loom video for more details: https://www.loom.com/share/939f60e4d8f94069968d12fc17a91fe3?sid=6bf171cd-f62e-4060-8aa5-b92538e6d431

[lmac-1]

So turns out this has already been implemented. In two different ways:

1. Toast message (e.g. "View workflow as YAML code")
2. Updates button text to "Copied!" (e.g. AI chat and webhook trigger)

I vote that everywhere should instead use the pattern of updating the button text to "Copied!"

@elias-ba @taylordowns2000 what do you think?

Screenshots for reference:

Copy code button on "View workflow as YAML" adds a toast message when clicked:

Copy in webhook trigger

AI chat:

[taylordowns2000]

Yes @lmac-1 , we should make the buttons all use the "copied" text, but note that this might be tricky. You need to ensure that no matter how the button is implemented, the size of the button doesn't change when the inner text is updated. (And do that in a dry way... not going around and setting a fixed width for each individual button.)

[lmac-1]

@theroinaochieng I haven't actually made a start on this - was assigned to me over the Christmas period and was waiting for some clarification. This could be picked up by someone else or I can work on it next week.

What needs to be done (as per Taylor's comment):

• Make sure all buttons use the "copied" text rather than toast message (e.g update "View workflow as YAML code" to use this pattern)
• Ensure that no matter how the button is implemented that the size of the button doesn't change when inner text updated
• Do this in a DRY way
• Do a quick search across the project to see if there is anywhere else using toast messages to notify about copying messages and update to new pattern