feat(web): add copy path button to diff headers

[ipanasenko]

Hey guys!

I find myself in a need to copy a file path from diff view quite often. I use it to paste into the chat and ask questions about this specific file. I think it makes it much more obvious for model (and for me) what file we are talking about.

Currently the best workflow in T3 Code I found for copying file path is to manually select file path and do Cmd+C. I think this can be improved by adding a copy button, GitHub-style.

Summary

• add a copy-path button to diff file headers using the Diffs renderHeaderFilenameSuffix slot

Note

Add copy path button to diff headers

• Adds a DiffFilePathCopyButton control to each diff file header via a new required filename-suffix renderer prop in AnnotatableCodeView.tsx.
• DiffPanel.tsx resolves the displayed path for each file diff and supplies it to the copy button.
• Extracts shared one-second timeout and anchored toast logic into anchoredCopyToast.ts and refactors the existing MessageCopyButton to use it.
• Risk: AnnotatableCodeView now requires a filename-suffix renderer prop; existing callers must pass it or rendering will fail.

^{Macroscope summarized ce84909.}

---

Note

Low Risk
UI-only clipboard affordance and a small shared toast helper refactor with no auth, data, or API impact.

Overview
Adds a copy path control next to each file name in the diff view so users can paste the full path into chat without manual selection.

DiffFilePathCopyButton copies the resolved path via useCopyToClipboard and shows anchored success/error toasts. DiffPanel mounts it through a new renderHeaderFilenameSuffix callback on AnnotatableCodeView, which forwards that slot to the underlying diff header renderer for diff items only.

Anchored copy toast logic is extracted from MessageCopyButton into anchoredCopyToast.ts so message and diff copy buttons share the same behavior. renderHeaderFilenameSuffix is now required on AnnotatableCodeView (call sites pass the copy button or () => null in tests).

^{Reviewed by Cursor Bugbot for commit ce84909. Bugbot is set up for automated code reviews on this repo. Configure here.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 600de21e-78e3-4b13-a772-530211a934db

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

Warning

Your free Security trial is over. An organization admin can activate Security or dismiss this notice.

---

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Not approved

Macroscope's review found this PR not approvable — This PR adds an always-visible copy-path control to production diff headers and introduces new clipboard interaction behavior through a new component. The implementation is localized and reuses existing infrastructure, but the new user-facing capability warrants human review.

^{You can add or adjust custom eligibility rules. Learn more.}

Dismissing prior approval to re-evaluate b028ddf

[juliusmarminge]

I'd left align them after the path, like Github:

[ipanasenko]

From what I see, to achieve this we'd need to use renderCustomHeader prop, and construct whole header manually. Are you okay with that?
Or am I missing something in diffs docs? 👀

Dismissing prior approval to re-evaluate a29ebac

Dismissing prior approval to re-evaluate 6f44eec

Dismissing prior approval to re-evaluate e3c290e

[macroscopeapp]

Two consistency issues around the new diff-header icon button. Both come from reconstructing the Button primitive as a raw class string instead of using the existing icon-micro / ghost contract.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate 36cfa99

Dismissing prior approval to re-evaluate 56930d4

[cursor]

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

Want fixes drafted automatically? Bugbot Autofix can create code changes for findings. A team admin can enable Autofix in the Cursor dashboard.

^{Reviewed by Cursor Bugbot for commit 56930d4. Configure here.}

[macroscopeapp]

One finding on the latest commit (56930d4, "remove copy path button background"): the background suppression is expressed as an unconditional !important call-site override of the ghost variant instead of the repo's variant-scoped idiom. Everything flagged in the previous run (raw <button>, DIFF_HEADER_ICON_BUTTON_CLASS_NAME) is resolved.

^{Posted via Macroscope — UI Consistency}