Feature Request: Copy individual annotation field to clipboard

[mainhyosuk]

Summary

When viewing an annotation popover, it would be very useful to have a small
copy icon next to each field (e.g., CSS selector, React component name,
computed styles) so users can quickly copy a single field value to the clipboard.

Current Behavior

• Pressing C copies all annotations as a full markdown block.
• There is no way to copy a single field from an individual annotation.

Proposed Behavior

Add a small clipboard/copy icon (e.g., 📋) next to each field row in the
annotation popover. Clicking it copies only that field's value to the clipboard.

Fields that would benefit most:

• element (CSS selector)
• reactComponents (React component name)
• cssClasses
• computedStyles
• elementPath

Use Case

When working with an AI coding agent (e.g., Claude Code), I often need to
paste just the CSS selector or React component name into the chat — not the
entire annotation block. Currently I have to manually select and copy the text
from the popover, which is cumbersome.

A per-field copy button would make the feedback loop significantly faster.

Mockup

┌─────────────────────────────────────┐
│ ● button "편집" │
│ │
│ Selector .btn-edit [📋] │
│ Component EditButton [📋] │
│ Classes mantine-btn [📋] │
│ Comment "Change to icon…" [📋] │
│ │
│ Cancel [Save] │
└─────────────────────────────────────┘

Environment

• agentation: v2.2.1
• agentation-mcp: v1.2.0
• Next.js 15 + React 19
• macOS, Chrome

[stevysmith]

@mainhyosuk out of curiosity why would you just paste the CSS selector and not the full annotation block, saving token expense, quickness or another reason?