[BUG] “Copy API Key” Button Not Working in Brave Browse

[tylerdurden4285]

Bug Description

Clicking on the API key's "copy" icon actually fails and copy needs to be done manually.

Steps To Reproduce

1. Go to the Api key menu
2. Make an api
3. Click on the provided copy icon

Expected Behavior

It should copy the api key for pasting elsewhere.

Actual Behavior

The api key is not copied and an error code toast notification is provided.

Screenshots

Environment

• OS: Linux
• Browser: Brave

[dosubot[bot]]

The copy functionality for API keys uses navigator.clipboard.writeText in the frontend code to copy the key and display a toast notification on success or failure. If this fails, an error toast is shown and the key must be copied manually. This is the intended mechanism in the codebase and matches your description of the bug you’re experiencing [source].

To help troubleshoot:

• Could you provide the specific error code or message shown in the toast notification? This will help pinpoint the cause.
• Please try the copy feature in a different browser (such as Chrome or Firefox) to see if the issue is specific to Brave. Some browsers, including Brave, may restrict clipboard access due to privacy settings or require user interaction (like HTTPS context or permissions).
• If you are running the app in a non-HTTPS environment, clipboard access may be blocked by the browser.

If the error persists across browsers, it may be helpful to add more detailed error logging in the copyToClipboard function to capture the exact error returned by navigator.clipboard.writeText [source].

Let me know the error code or if you see the same issue in other browsers, and I can help further!

To continue talking to Dosu, mention @dosu-bot.

---

^{Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Bug Report | Other}