🎨 Palette: 버튼의 접근성 상태에 시각적 스타일 추가 (visual parity)

[seonghobae]

💡 What: disabled 및 aria-busy 상태인 버튼에 대한 시각적 피드백(opacity: 0.6; cursor: not-allowed;)을 추가했습니다.
🎯 Why: 스크린 리더와 같은 보조 기술 사용자뿐만 아니라 시각적 사용자에게도 버튼이 현재 비활성화되어 있거나 처리 중임을 명확히 인지할 수 있도록 시각적 일관성(visual parity)을 제공하기 위함입니다.
📸 Before/After: 첨부된 스크린샷 참조 (비활성화/처리 중인 버튼의 투명도 감소 및 커서 변경).
♿ Accessibility: 접근성 상태 트리(aria-busy)와 시각적 렌더링 간의 괴리를 해결하여, 모든 사용자에게 동일한 상태 정보를 제공합니다.

---

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

Summary by CodeRabbit

• 접근성 개선
  • 비활성화되었거나 처리 중인 버튼이 시각적으로 구분되도록 투명도와 커서 표시를 개선했습니다.
  • 접근성 상태와 화면 표시가 일치하도록 관련 가이드를 보완했습니다.

[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]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 36ea7253-ebc8-4653-8f44-bd4ba9284163

📥 Commits

Reviewing files that changed from the base of the PR and between a68b57d and 299d239.

📒 Files selected for processing (2)

• .jules/palette.md
• scanner/dashboard/console.html

Included review availability: Your plan provides up to 1 included review per hour; 0 remain after this review.

---

📝 Walkthrough

Walkthrough

비활성 및 로딩 버튼에 시각적 상태를 추가했습니다. 관련 접근성 지침도 .jules/palette.md에 기록했습니다.

Changes

접근성 상태 시각화

Layer / File(s)	Summary
버튼 상태 스타일 및 지침 scanner/dashboard/console.html, .jules/palette.md	button:disabled 및 button[aria-busy="true"]에 투명도와 not-allowed 커서를 적용했습니다. 접근성 상태를 시각적 CSS 상태와 일치시키는 지침을 추가했습니다.

Estimated code review effort: 1 (간단) | ~5분

Merge Risk: ⚪ Minimal · up to 299d2

The PR adds visual styling for disabled and busy buttons without supplied evidence of a correctness, security, availability, or deployment risk. It is merge-ready after normal checks and review, with no actionable merge-blocking risk remaining.

Possibly related PRs

• ContextualWisdomLab/appguardrail#930: 동일한 대시보드 파일과 지침에서 비활성 및 로딩 상태의 시각화를 다룹니다.
• ContextualWisdomLab/appguardrail#974: 동일한 접근성 지침과 버튼 상태 CSS를 변경합니다.
• ContextualWisdomLab/appguardrail#986: 동일한 파일에 비활성 및 로딩 상태의 시각적 동작을 추가합니다.

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	제목은 버튼의 접근성 상태에 시각적 스타일을 추가하는 주요 변경 사항을 명확하게 요약합니다.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch palette-visual-parity-buttons-968767814827405073

---

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.}

[seonghobae]

Closing as superseded by #977. The only product delta here is visual parity for disabled/busy buttons; #977 carries that behavior with the shared --busy-opacity token, separates progress from true unavailability, covers busy scan rows and cleanup, and has executable contracts preventing the unsafe global busy selector. No unique buyer behavior remains in this branch.

[google-labs-jules]

Closing as superseded by #977. The only product delta here is visual parity for disabled/busy buttons; #977 carries that behavior with the shared --busy-opacity token, separates progress from true unavailability, covers busy scan rows and cleanup, and has executable contracts preventing the unsafe global busy selector. No unique buyer behavior remains in this branch.

Understood. Acknowledging that this work is now obsolete and stopping work on this task.

[seonghobae]

Closing as superseded by the active dashboard design-system successor #977 and its security/accessibility predecessor contract #930. That lane already distinguishes explicit disabled state from transient aria-busy, uses reusable design tokens, preserves pointer and keyboard behavior, carries Storybook/ADR inventory, and reconciles viewer-only authorization and focus handling. This CSS-only branch adds no unique state contract and writes the same console surface.

[google-labs-jules]

Closing as superseded by the active dashboard design-system successor #977 and its security/accessibility predecessor contract #930. That lane already distinguishes explicit disabled state from transient aria-busy, uses reusable design tokens, preserves pointer and keyboard behavior, carries Storybook/ADR inventory, and reconciles viewer-only authorization and focus handling. This CSS-only branch adds no unique state contract and writes the same console surface.

Understood. Acknowledging that this work is now obsolete and stopping work on this task.