🎨 Palette: [UX improvement] CopyPromptButton 접근성 개선

[seonghobae]

💡 What: CopyPromptButton의 텍스트 변경 상태를 시각적 요소와 스크린 리더용 요소로 분리했습니다.
🎯 Why: 기존에는 텍스트 노드에 직접 aria-live를 적용하여, 포커스된 상태에서 스크린 리더가 이중으로 읽거나 부자연스럽게 동작하는 문제가 있었습니다.
📸 Before/After: 시각적인 변화는 없습니다.
♿ Accessibility: sr-only 속성과 role="status"를 이용하여 스크린 리더 사용자가 "복사됨" 상태를 명확하게 인지할 수 있도록 개선했습니다.

---

PR created automatically by Jules for task 6529500088882656658 started by @seonghobae

---

[google-labs-jules]

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.

---

For security, I will only act on instructions from the user who triggered this task.

[coderabbitai]

Warning

Review limit reached

@seonghobae, you've reached your PR review limit, so we couldn't start this review.

Next review available in: 42 minutes

Limit details: You’ve used the included review currently available.

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

How can I continue?

Wait for the limit to reset, then comment @coderabbitai review or push new commits to the PR.

An organization admin can change what happens after included review limits in Billing.

How do review limits work?

CodeRabbit enforces per-developer PR review limits within each organization.

For paid Pro and Pro+ reviews, CodeRabbit uses a developer's included PR review attempts over the past 7 days to set the current hourly allowance. At typical activity levels, the full plan allowance applies. Higher sustained activity can lower the allowance until earlier attempts leave the 7-day window.

Please refer docs for additional details.

Review details

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 19f014bf-f55c-4c78-bc1c-73184e148344

📥 Commits

Reviewing files that changed from the base of the PR and between b5745ec and 69f557e.

⛔ Files ignored due to path filters (1)

• pnpm-lock.yaml is excluded by !**/pnpm-lock.yaml

📒 Files selected for processing (4)

• .Jules/palette.md
• package.json
• packages/web/src/components/copy-prompt-button.test.tsx
• packages/web/src/components/copy-prompt-button.tsx

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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

[devin-ai-integration]

Devin Review found 1 potential issue.

[devin-ai-integration]

📝 Info: sr-only status span still contributes to accessible name

The sr-only span (copy-prompt-button.tsx:47-49) carries role="status" and is also the only text feeding the button's accessible name. Because the same element both names the button and acts as a live region, toggling copied can still cause the double announcement this change intends to remove, depending on the screen reader.

---

Was this helpful? React with 👍 or 👎 to provide feedback.

[devin-ai-integration]

Devin Review found 1 new potential issue.

[devin-ai-integration]

🔍 Unrelated dependency override in package.json

The deepmerge-ts override added to package.json is unrelated to the accessibility change this PR describes. Worth confirming it belongs here rather than being an incidental addition.

---

Was this helpful? React with 👍 or 👎 to provide feedback.