Git/mgeeky-decode-spam-headers
1
0
Fork 0
mirror of https://github.com/mgeeky/decode-spam-headers.git synced 2026-02-22 05:23:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

MAESTRO: improve report keyboard focus

Browse Source
This commit is contained in:
Mariusz Banach
2026-02-18 03:19:42 +01:00
parent 98ec96356d
commit 497f7cec7e
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
Auto Run Docs/SpecKit-web-header-analyzer-Phase-06-Interactive-Report.md
View File

@@ -55,6 +55,6 @@ ReportContainer
- [x] Search filters results in real-time across test name, header name, and analysis text
- [x] Export JSON produces a valid JSON file containing all results
- [x] Export HTML produces a styled standalone page viewable in any browser
- [ ] All report components are keyboard accessible
- [x] All report components are keyboard accessible
- [ ] Linting passes (`npx eslint src/`, `npx prettier --check src/`)
- [ ] Run `/speckit.analyze` to verify consistency

2
frontend/src/components/report/ReportSearchBar.tsx
View File

@@ -47,7 +47,7 @@ export default function ReportSearchBar({
value={query}
onInput={handleInput}
onKeyDown={handleKeyDown}
className="flex-1 bg-transparent text-xs text-text/80 outline-none"
className="flex-1 bg-transparent text-xs text-text/80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-info"
placeholder="Search test names, headers, or analysis"
data-testid="report-search-input"
aria-label="Search report results"

2
frontend/src/components/report/TestResultCard.tsx
View File

@@ -104,7 +104,7 @@ export default function TestResultCard({ result, highlightQuery = "" }: TestResu
aria-controls={detailsId}
onClick={toggle}
onKeyDown={handleKeyDown}
className="flex w-full items-center justify-between gap-4 text-left"
className="flex w-full items-center justify-between gap-4 text-left focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-info"
>
<div className="flex flex-col">
<span className="text-sm font-semibold text-text/90">