From b113d019cb19901e00b1481b65849baca811a3d8 Mon Sep 17 00:00:00 2001
From: Cornelius tech <corneliuschristopher128@gmail.com>
Date: Tue, 29 Sep 2026 03:14:26 +0000
Subject: [PATCH] Make live feed entries keyboard accessible

---
 src/components/LiveActivityFeed.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/LiveActivityFeed.tsx b/src/components/LiveActivityFeed.tsx
index d9848cb..70d4566 100644
--- a/src/components/LiveActivityFeed.tsx
+++ b/src/components/LiveActivityFeed.tsx
@@ -94,8 +94,16 @@ export const LiveActivityFeed: React.FC<LiveActivityFeedProps> = ({
           return (
             <div
               key={item.id || idx}
+              role="button"
+              tabIndex={0}
               onClick={() => onSelectAccount(item.account_id)}
-              className={`p-3 rounded-lg border transition-all cursor-pointer group flex flex-col sm:flex-row sm:items-center justify-between gap-2 ${
+              onKeyDown={(event) => {
+                if ((event.key === 'Enter' || event.key === ' ') && !event.repeat) {
+                  event.preventDefault();
+                  onSelectAccount(item.account_id);
+                }
+              }}
+              className={`p-3 rounded-lg border transition-all cursor-pointer group flex flex-col sm:flex-row sm:items-center justify-between gap-2 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--accent-electric)] ${
                 isAnomaly
                   ? 'bg-[var(--accent-amber)]/10 border-[var(--accent-amber)]/40 hover:border-[var(--accent-amber)] shadow-md shadow-[#F59E0B]/5'
                   : 'bg-[var(--bg-secondary)] border-[var(--border-subtle)] hover:border-[var(--accent-electric)]'