From 3c525930da500e48bd783e79e8c3b67c8758c7fa Mon Sep 17 00:00:00 2001
From: Saravana Achu Mac <saravanakumardb1@gmail.com>
Date: Sat, 9 May 2026 02:00:07 -0700
Subject: [PATCH] fix(ui): improve profile rule keyboard access

---
 web/src/components/TradeProfileManager.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/web/src/components/TradeProfileManager.tsx b/web/src/components/TradeProfileManager.tsx
index 5b63c41..93cb0de 100644
--- a/web/src/components/TradeProfileManager.tsx
+++ b/web/src/components/TradeProfileManager.tsx
@@ -1031,7 +1031,19 @@ export const TradeProfileManager = ({ botState = DEFAULT_BOT_STATE }: TradeProfi
                                                 ? 'border-[var(--border-strong)] bg-[var(--card-elevated)]'
                                                 : 'border-[var(--border)] bg-[var(--muted)]/35'
                                                 }`}>
-                                                <div onClick={() => toggleRule(rule.id)} className="px-4 py-3 flex items-center justify-between cursor-pointer group">
+                                                <div
+                                                    role="button"
+                                                    tabIndex={0}
+                                                    aria-pressed={active}
+                                                    onClick={() => toggleRule(rule.id)}
+                                                    onKeyDown={(event) => {
+                                                        if (event.key === 'Enter' || event.key === ' ') {
+                                                            event.preventDefault();
+                                                            toggleRule(rule.id);
+                                                        }
+                                                    }}
+                                                    className="group flex cursor-pointer items-center justify-between px-4 py-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]"
+                                                >
                                                     <div className="flex items-center gap-3">
                                                         <div
                                                             className="w-8 h-8 rounded-lg flex items-center justify-center transition-all"