From fc0aedb3a83622c7b840344643bfe85e20b1699a Mon Sep 17 00:00:00 2001
From: anantvardhanpandey <dkpandeycan1@gmail.com>
Date: Tue, 28 Jul 2026 20:48:12 +0530
Subject: [PATCH 1/2] fix(dashboard): make Hook Logs table rows keyboard
 accessible (#525)

---
 app/components/session-hooks-panel.tsx | 11 ++++++++++-
 app/policies/hooks-client.tsx          | 11 ++++++++++-
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/app/components/session-hooks-panel.tsx b/app/components/session-hooks-panel.tsx
index 1481c34a..31a41e8d 100644
--- a/app/components/session-hooks-panel.tsx
+++ b/app/components/session-hooks-panel.tsx
@@ -327,8 +327,17 @@ export default function SessionHooksPanel({ sessionId, initialData }: SessionHoo
                 return (
                   <React.Fragment key={`${item.timestamp}-${i}`}>
                     <tr
+                      tabIndex={0}
+                      role="button"
+                      aria-expanded={isExpanded}
                       onClick={() => toggleRow(i)}
-                      className={`cursor-pointer transition-colors ${
+                      onKeyDown={(e) => {
+                        if (e.key === "Enter" || e.key === " ") {
+                          e.preventDefault();
+                          toggleRow(i);
+                        }
+                      }}
+                      className={`cursor-pointer transition-colors focus:outline-none focus:ring-1 focus:ring-ring ${
                         isDeny
                           ? "bg-red-500/[0.03] hover:bg-red-500/[0.07] border-l-2 border-l-red-500/40"
                           : isInstruct
diff --git a/app/policies/hooks-client.tsx b/app/policies/hooks-client.tsx
index 93dabbc4..8d60aa4c 100644
--- a/app/policies/hooks-client.tsx
+++ b/app/policies/hooks-client.tsx
@@ -675,8 +675,17 @@ function ActivityTab({
                   return (
                     <React.Fragment key={`${item.timestamp}-${i}`}>
                       <tr
+                        tabIndex={0}
+                        role="button"
+                        aria-expanded={isExpanded}
                         onClick={() => toggleRow(i)}
-                        className={`activity-data-row cursor-pointer transition-colors ${
+                        onKeyDown={(e) => {
+                          if (e.key === "Enter" || e.key === " ") {
+                            e.preventDefault();
+                            toggleRow(i);
+                          }
+                        }}
+                        className={`activity-data-row cursor-pointer transition-colors focus:outline-none focus:ring-1 focus:ring-ring ${
                           isDeny
                             ? "bg-red-500/[0.03] hover:bg-red-500/[0.07] border-l-2 border-l-red-500/40"
                             : isInstruct

From 79b9e779449556a843136f5e29b3d05e80c41903 Mon Sep 17 00:00:00 2001
From: anantvardhanpandey <dkpandeycan1@gmail.com>
Date: Tue, 28 Jul 2026 21:06:55 +0530
Subject: [PATCH 2/2] fix(dashboard): use role='row' on <tr> for ARIA
 compliance (#525)

---
 app/components/session-hooks-panel.tsx | 2 +-
 app/policies/hooks-client.tsx          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/session-hooks-panel.tsx b/app/components/session-hooks-panel.tsx
index 31a41e8d..2be63724 100644
--- a/app/components/session-hooks-panel.tsx
+++ b/app/components/session-hooks-panel.tsx
@@ -328,7 +328,7 @@ export default function SessionHooksPanel({ sessionId, initialData }: SessionHoo
                   <React.Fragment key={`${item.timestamp}-${i}`}>
                     <tr
                       tabIndex={0}
-                      role="button"
+                      role="row"
                       aria-expanded={isExpanded}
                       onClick={() => toggleRow(i)}
                       onKeyDown={(e) => {
diff --git a/app/policies/hooks-client.tsx b/app/policies/hooks-client.tsx
index 8d60aa4c..a5c84534 100644
--- a/app/policies/hooks-client.tsx
+++ b/app/policies/hooks-client.tsx
@@ -676,7 +676,7 @@ function ActivityTab({
                     <React.Fragment key={`${item.timestamp}-${i}`}>
                       <tr
                         tabIndex={0}
-                        role="button"
+                        role="row"
                         aria-expanded={isExpanded}
                         onClick={() => toggleRow(i)}
                         onKeyDown={(e) => {