diff --git a/frontend-modern/src/components/AI/FindingsPanel.tsx b/frontend-modern/src/components/AI/FindingsPanel.tsx index 2c42644c8..f74d0acbc 100644 --- a/frontend-modern/src/components/AI/FindingsPanel.tsx +++ b/frontend-modern/src/components/AI/FindingsPanel.tsx @@ -644,9 +644,22 @@ export const FindingsPanel: Component = (props) => { resource: getResource(finding.resourceId), }); + const toggleExpanded = () => { + if (expandedId() === finding.id) { + setExpandedId(null); + } else { + setExpandedId(finding.id); + } + props.onFindingClick?.(finding); + }; + return (
= (props) => { : 'hover:bg-surface-hover' : 'opacity-60 bg-surface-alt hover:opacity-80' }`} - onClick={() => { - if (expandedId() === finding.id) { - setExpandedId(null); - } else { - setExpandedId(finding.id); + onClick={toggleExpanded} + onKeyDown={(event) => { + if (event.key === 'Enter' || event.key === ' ') { + event.preventDefault(); + toggleExpanded(); } - props.onFindingClick?.(finding); }} > {/* Finding header */} @@ -954,7 +966,7 @@ export const FindingsPanel: Component = (props) => { const manualControls = getFindingManualControlsPresentation(finding); return ( -
+
{(action) => (