From 1cf259410c3b5dea3d5da294388908784aec6bab Mon Sep 17 00:00:00 2001
From: seonghobae <8172694+seonghobae@users.noreply.github.com>
Date: Wed, 24 Jun 2026 04:09:04 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=82=AC=EC=9D=B4=EB=93=9C=EB=B0=94=20?=
 =?UTF-8?q?=EC=BB=B4=ED=8C=A9=ED=8A=B8=20=EB=84=A4=EB=B9=84=EA=B2=8C?=
 =?UTF-8?q?=EC=9D=B4=EC=85=98=20=EB=B2=84=ED=8A=BC=EC=97=90=20focus-visibl?=
 =?UTF-8?q?e=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

App.tsx의 모바일용/컴팩트 뷰 네비게이션 버튼들에 명시적인 focus-visible
스타일을 추가하여 키보드 탐색 시의 접근성을 향상시켰습니다. 이를 통해
키보드만 사용하는 사용자가 현재 활성화된 요소를 명확히 인지할 수
있습니다. (Palette 🎨 micro-UX improvement)
---
 apps/desktop/src/App.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/desktop/src/App.tsx b/apps/desktop/src/App.tsx
index 09f44be4..fdbb1964 100644
--- a/apps/desktop/src/App.tsx
+++ b/apps/desktop/src/App.tsx
@@ -514,7 +514,7 @@ export function App() {
                 aria-disabled={active ? undefined : true}
                 disabled={!active}
                 title={active ? undefined : "Coming soon"}
-                className={`inline-flex min-h-10 shrink-0 items-center gap-2 rounded-xl px-3 text-sm font-semibold ${
+                className={`inline-flex min-h-10 shrink-0 items-center gap-2 rounded-xl px-3 text-sm font-semibold focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-300 ${
                   active ? "bg-blue-600/70 text-white" : "cursor-not-allowed text-slate-500 opacity-70"
                 }`}
               >