UI fix for copy command #884

[emshvac]

Moving the "Copied to Clipboard" message above the content for better visibility Increasing the feedback duration to 2 seconds to make it more noticeable Maintaining the subtle hover effect for discoverability Keeping the brief flash effect when copying

Description

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

How Has This Been Tested?

Manual testing

Checklist:

• My code follows the patterns of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation

Additional context

We may also want to implement this in other areas such as execute command and other areas that a user may want to copy. It is very unobtrusive.

Recording.2025-02-20.193621.mp4

Related Issues

Fixes: #884

Reviewers

---

Important

Improves UI feedback for copy command in ChatRow.tsx by repositioning the message, extending duration, and maintaining hover effects.

• UI Changes in ChatRow.tsx:
  • Move "Copied to Clipboard" message above content for better visibility.
  • Increase feedback duration to 2 seconds for better noticeability.
  • Maintain subtle hover effect for discoverability.
  • Keep brief flash effect when copying.

^{This description was created by for 98ee80c. It will automatically update as commits are pushed.}

[changeset-bot]

⚠️ No Changeset found

Latest commit: 98ee80c

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[mrubens]

Do you think there's enough affordance that clicking on the text copies it? I agree with the original issue that the copy icon could get in the way, but I think it did make it more clear that the text was copyable. Is there some middle ground?

[emshvac]

@mrubens I don't know if you noticed the tool tip that was added when you hover. It went away really quick in the video due to my click.

There is no room in the chat history for the copy icon.

If you feel like more is needed I propose the follow solutions:

1. Making the highlight of the text more visible
   or
2. When hover over message shift it down and show a copy button (i think this is messy)
   or
3. Make this an item that when the user first opens the software for the first time it is part of the walk through.