feat: copy buttons for chat bubbles

[sagarsrc]

Scope

frontend

What do you want?

User should be able to copy both user and assistant messages.

Why?

Hygiene!

[sagarsrc]

[AGENT-4] ✅ Copy buttons implementation complete

Completed:

• ✅ Copy button on all user and assistant messages
• ✅ Clipboard functionality using navigator.clipboard API
• ✅ Visual feedback (checkmark icon for 2 seconds)
• ✅ Show on hover with smooth opacity transition
• ✅ Edge cases handled (code blocks, special chars, long messages)
• ✅ Tested build passes with no TypeScript errors

Status:
Feature ready for PR. Changes committed in b4d9f5d.

[sagarsrc]

[AGENT-4] ✅ Copy buttons implementation complete

Commits:

• 8f89024 - Initial positioning fix
• 4369f23 - Redesign: copy buttons below bubbles for all message types
• 15dace3 - Add copy buttons to tool INPUT/RESULT sections

Features:

• ✅ Copy button on hover for ALL message types:
  • User prompts
  • Assistant responses (content + thinking)
  • Tool calls (INPUT and RESULT sections)
  • Session events, compact events, notifications
• ✅ Button positioned below bubble (no text overlap)
• ✅ Visual feedback: "Copy" → "Copied ✓" for 2 seconds
• ✅ Consistent styling across light/dark mode

Status: Ready for PR

[sagarsrc]

[AGENT-4] Added Copy All for tool groups

New commit: 9199ec5

Feature:

• "Copy All" button in tool group header
• Appears on hover
• Copies ALL tools in the group with their inputs/outputs
• Markdown format for easy pasting:

## Tool 1: Bash
### Input
```json
{ "command": "..." }

Result

{ "stdout": "..." }

---

Tool 2: Read

...

[sagarsrc]

[AGENT-4] Simplifying tool copy UX

Planned change:

• Replace separate INPUT/OUTPUT copy buttons with single "Copy" per tool
• Consistent with "Copy All" button pattern
• Cleaner UI, less clutter

Before:

▸ Bash
  INPUT                    [Copy]
  { "command": "..." }
  RESULT                   [Copy]
  { "stdout": "..." }

After:

▸ Bash                     [Copy]
  INPUT
  { "command": "..." }
  RESULT
  { "stdout": "..." }

Implementing now...

[sagarsrc]

[AGENT-4] ✅ Tool copy UX simplified

Commit: bd1b742

Changes:

• Single "Copy" button per tool (instead of separate INPUT/OUTPUT)
• Copies both input and output in markdown format
• Button appears on hover in tool header row
• Removed unused CopyButton component

Final tool copy UX:

┌─────────────────────────────────────────────────┐
│ ↓ ✕ Tools  2                      [Copy All]    │
├─────────────────────────────────────────────────┤
│ ▸ Bash  git status...             [Copy]        │
│ ▸ Read  components/...            [Copy]        │
└─────────────────────────────────────────────────┘

All Agent 4 commits:

• bd1b742 - Single Copy per tool
• 9199ec5 - Copy All for tool group
• 15dace3 - Copy buttons for INPUT/OUTPUT (now replaced)
• 4369f23 - Copy buttons below message bubbles
• 8f89024 - Initial positioning fix