Skip to content

feat: Add Copy-to-Clipboard button for AI responses#466

Open
kareena0229 wants to merge 4 commits into
param20h:devfrom
kareena0229:feat-copy-chat-response
Open

feat: Add Copy-to-Clipboard button for AI responses#466
kareena0229 wants to merge 4 commits into
param20h:devfrom
kareena0229:feat-copy-chat-response

Conversation

@kareena0229
Copy link
Copy Markdown
Contributor

📌 Related Issue

Closes #406


🚀 What does this PR do?

This PR adds a copy-to-clipboard feature for assistant chat responses in the frontend chat interface.

✨ Features Added

  • Added a copy button for assistant responses
  • Implemented clipboard copy functionality using navigator.clipboard
  • Added success feedback with a check icon after copying
  • Added temporary "Copied!" tooltip feedback
  • Improved overall chat usability and accessibility

🧩 Type of Change

  • Bug fix
  • New feature
  • Refactor / code cleanup
  • Documentation update
  • UI / styling change
  • CI / tooling / config change
  • Tests

🧪 How was this tested?

  • Ran the frontend locally using npm run dev
  • Verified copy button functionality manually
  • Confirmed copied text is stored in clipboard
  • Checked success state and tooltip rendering
  • Ran npm run lint successfully with no warnings/errors

@kareena0229 kareena0229 requested a review from param20h as a code owner June 5, 2026 10:15
@kareena0229
Copy link
Copy Markdown
Contributor Author

Implemented the feature and opened a PR for review.

@param20h
Copy link
Copy Markdown
Owner

param20h commented Jun 5, 2026

Merge Conflicts

@kareena0229
Copy link
Copy Markdown
Contributor Author

Resolved merge conflicts and updated branch with latest dev changes.
Frontend build issue was fixed after conflict resolution.
Current remaining failures appear related to existing Playwright/E2E tests.

@param20h
Copy link
Copy Markdown
Owner

param20h commented Jun 5, 2026

Checks are failing

@kareena0229
Copy link
Copy Markdown
Contributor Author

Resolved the frontend TypeScript/build issues and verified locally with npm run build successfully.

Only the Playwright E2E check is still failing now, which appears unrelated to the copy-to-clipboard implementation.

@kareena0229
Copy link
Copy Markdown
Contributor Author

@param20h
There is no label yet, Could you please add the appropriate GSSoC label/level when available? Thanks!

@kareena0229
Copy link
Copy Markdown
Contributor Author

@param20h waiting for review.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

feat(ui): Add Copy-to-Clipboard button for AI responses

2 participants