diff --git a/app/components/session-hooks-panel.tsx b/app/components/session-hooks-panel.tsx index 1481c34a..2be63724 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 ( 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..a5c84534 100644 --- a/app/policies/hooks-client.tsx +++ b/app/policies/hooks-client.tsx @@ -675,8 +675,17 @@ function ActivityTab({ return ( 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