Agentic UI: fix copy button space in chat

[nightnei]

Related issues

• Fixes STU-2082

How AI was used in this PR

AI assisted with the fix, I reviewed and tested

Proposed Changes

We have a huge space after messages in chat due to the hidden Copy button. This PR fixes it to have a rational space

BEFORE	AFTER

Testing Instructions

1. Open new Agentic UI
2. Send any massege
3. Mouse over that message
4. Assert that the copy button appeared and the UX is good - it's easily achievable and clickable

[wpmobilebot]

📊 Performance Test Results

Comparing ddef58d vs trunk

app-size

Metric	trunk	ddef58d	Diff	Change
App Size (Mac)	1375.46 MB	1381.96 MB	+6.50 MB	🔴 0.5%

site-editor

Metric	trunk	ddef58d	Diff	Change
load	1080 ms	1073 ms	7 ms	⚪ 0.0%

site-startup

Metric	trunk	ddef58d	Diff	Change
siteCreation	6986 ms	6995 ms	+9 ms	⚪ 0.0%
siteStartup	2356 ms	2365 ms	+9 ms	⚪ 0.0%

---

Results are median values from multiple test runs.

Legend: 🟢 Improvement (faster) | 🔴 Regression (slower) | ⚪ No change (<50ms diff)

[bcotrim]

I found that it overlaps with the next message:

Could we maybe align it to the right?

[nightnei]

Great catch @bcotrim, thanks.
I took a completely different approach to keep copy button inlined to avoid regressions in the future and aligne margins. I think it looks good.
@shaunandrews WDYT?

[bcotrim]

The spacing looks better now, thanks for the adjustment!

It seems we offer the copy option after each "text section" which I think it's too much.
I would say 1 copy after the last agent reply plus another for some particular sections (for example code) would be enough, in my opinion, and it would fix the spacing issue.

Example: