🎨 Palette: 로그아웃 텍스트 버튼 키보드 접근성(focus-visible) 개선

[seonghobae]

💡 What: 조직이 없을 때 나타나는 화면(no-organization-state.tsx)의 로그아웃 버튼에 키보드 포커스 스타일을 추가했습니다.
🎯 Why: 텍스트 형태로 된 버튼이어서 기존에는 탭 키로 이동했을 때 포커스된 위치를 시각적으로 알 수 없어 키보드 접근성이 떨어졌습니다.
♿ Accessibility: focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-sm px-1 클래스를 추가하여 키보드로 접근 시 명확한 포커스 링이 보이게 만들었습니다.

---

PR created automatically by Jules for task 1089893760584798551 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: aa11d216-f05f-4874-958d-f2605db05916

📥 Commits

Reviewing files that changed from the base of the PR and between a5be9b0 and 13e199c.

📒 Files selected for processing (2)

• .Jules/palette.md
• packages/web/src/components/dashboard/no-organization-state.tsx

---

📝 Walkthrough

Walkthrough

텍스트 버튼에 키보드 포커스 스타일을 추가했습니다. NoOrganizationState의 JSX 형식과 안내 문구 배치를 정리했습니다. 컴포넌트의 데이터 흐름과 버튼 동작은 유지했습니다.

Changes

조직 상태 화면 업데이트

Layer / File(s)	Summary
버튼 포커스 스타일 추가 .Jules/palette.md, packages/web/src/components/dashboard/no-organization-state.tsx	텍스트 버튼과 로그아웃 버튼에 focus-visible 포커스 링, 윤곽선 제거, 둥근 모서리, 좌우 여백 클래스를 추가했습니다.
JSX 형식 및 문구 배치 정리 packages/web/src/components/dashboard/no-organization-state.tsx	따옴표, 세미콜론, JSX 속성 배치와 안내 문구 줄바꿈을 정리했습니다. CopyPromptButton의 프롬프트 값과 복사 동작, 조직 생성 버튼의 createOpen 변경 동작은 유지했습니다.

Estimated code review effort: 1 (Trivial) | ~5 minutes

Possibly related PRs

• ContextualWisdomLab/argos#257: 동일한 NoOrganizationState 컴포넌트의 aria-label 변경과 관련됩니다.
• ContextualWisdomLab/argos#317: 사용자 정의 버튼에 focus-visible 접근성 스타일을 추가한 변경과 관련됩니다.

Suggested reviewers: greatsumini

🚥 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	제목은 no-organization-state.tsx의 로그아웃 텍스트 버튼에 focus-visible 스타일을 추가한 주요 변경 사항을 정확하게 설명합니다.
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 docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch palette-fix-logout-btn-focus-1089893760584798551

---

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

[opencode-agent]

Pull request overview

OpenCode cannot approve yet because required coverage evidence did not pass.

Review outcome

1. HIGH .github/workflows/opencode-review.yml:1 - Coverage evidence did not prove required test/docstring evidence

• Problem: The required coverage-evidence job result was failure, so OpenCode cannot establish approval sufficiency for this head.

• Root cause: Automated approval is only valid when the same-head coverage-evidence job proves supported repository test suites passed and configured docstring gates passed or were advisory, or reports not applicable because no supported source files or package manifests exist. Missing, failed, skipped, unavailable, or unsupported-tooling test evidence is a blocker.

• Fix: Install or configure the repository test/docstring evidence tooling when source files or package manifests exist, rerun the current-head coverage-evidence job, and approve only after it reports success with required evidence or explicit no-source not-applicable evidence.

• Regression test: Keep the approval branch checking needs.coverage-evidence.result == success before posting APPROVE, and publish REQUEST_CHANGES when coverage-evidence blocker states such as cancelled, skipped, failed, unsupported-tooling, or below-100 evidence are present.

• Result: REQUEST_CHANGES

• Reason: coverage-evidence result was failure, so required test/docstring evidence was not proven for current head 13e199cb98bdeb1c16df5ddeac1f681cefe4a9ad.

• Head SHA: 13e199cb98bdeb1c16df5ddeac1f681cefe4a9ad

• Workflow run: 31401470487

• Workflow attempt: 1

Coverage evidence

Coverage evidence job did not run or did not publish coverage evidence.

Changed-File Evidence Map

flowchart LR
  PR["PR changed files"] --> Evidence["OpenCode bounded evidence"]
  Evidence --> S1["Changed file (2 files)"]
  S1 --> I1["repository behavior"]
  I1 --> R1["Review risk: Changed file (2 files)"]
  R1 --> V1["required checks"]

Loading

[opencode-agent]

OpenCode Review Overview

• Head SHA: 13e199cb98bdeb1c16df5ddeac1f681cefe4a9ad
• Workflow run: 31401470487
• Workflow attempt: 1
• Gate result: REQUEST_CHANGES (approval step)

Pull request overview

OpenCode cannot approve yet because required coverage evidence did not pass.

Review outcome

1. HIGH .github/workflows/opencode-review.yml:1 - Coverage evidence did not prove required test/docstring evidence

• Problem: The required coverage-evidence job result was failure, so OpenCode cannot establish approval sufficiency for this head.

• Root cause: Automated approval is only valid when the same-head coverage-evidence job proves supported repository test suites passed and configured docstring gates passed or were advisory, or reports not applicable because no supported source files or package manifests exist. Missing, failed, skipped, unavailable, or unsupported-tooling test evidence is a blocker.

• Fix: Install or configure the repository test/docstring evidence tooling when source files or package manifests exist, rerun the current-head coverage-evidence job, and approve only after it reports success with required evidence or explicit no-source not-applicable evidence.

• Regression test: Keep the approval branch checking needs.coverage-evidence.result == success before posting APPROVE, and publish REQUEST_CHANGES when coverage-evidence blocker states such as cancelled, skipped, failed, unsupported-tooling, or below-100 evidence are present.

• Result: REQUEST_CHANGES

• Reason: coverage-evidence result was failure, so required test/docstring evidence was not proven for current head 13e199cb98bdeb1c16df5ddeac1f681cefe4a9ad.

• Head SHA: 13e199cb98bdeb1c16df5ddeac1f681cefe4a9ad

• Workflow run: 31401470487

• Workflow attempt: 1

Coverage evidence

Coverage evidence job did not run or did not publish coverage evidence.

Changed-File Evidence Map

flowchart LR
  PR["PR changed files"] --> Evidence["OpenCode bounded evidence"]
  Evidence --> S1["Changed file (2 files)"]
  S1 --> I1["repository behavior"]
  I1 --> R1["Review risk: Changed file (2 files)"]
  R1 --> V1["required checks"]

Loading