💄(frontend) add focus ring to reaction emoji buttons

show outline on keyboard focus, fix when sr is opened

CHANGELOG.md

@@ -12,6 +12,7 @@ and this project adheres to
 
 - ♻️(frontend) replace custom reactions toolbar with react aria popover #985
 - 🔒️(frontend) uninstall curl from the frontend production image #987
+- 💄(frontend) add focus ring to reaction emoji buttons
 
 ## [1.8.0] - 2026-02-20
 
@@ -19,7 +20,7 @@ and this project adheres to
 
 - 🔒️(agents) uninstall pip from the agents image
 - 🔒️(summary) switch to Alpine base image
-- 🔒️(backend) uninstall pip in the production image 
+- 🔒️(backend) uninstall pip in the production image
 
 ### Fixed
 

src/frontend/src/primitives/buttonRecipe.ts

@@ -199,6 +199,11 @@ export const buttonRecipe = cva({
           backgroundColor: 'primaryDark.700',
           color: 'primaryDark.100',
         },
+        '&[data-focus-visible]': {
+          outline: '2px solid',
+          outlineColor: 'focusRing',
+          outlineOffset: '2px',
+        },
       },
       quaternaryText: {
         backgroundColor: 'transparent',