Summary

View openclaw#290: Full-page modal-style detail view for a single discovery finding.

Sections Built

1. Header — Finding title, severity badge (Critical/High/Medium/Low/Info), finding ID, timestamp, back button
2. Evidence Panel — Raw agent output in collapsible code block with copy button
3. Sources — Source URLs, files, endpoints as clickable/copyable chips with type icons
4. Confidence — SVG ring gauge + bar gauge, score-colored, ARIA progressbar semantics
5. Agent Attribution — Agent name + emoji cards, listing all contributing agents
6. Remediation — Urgency framing per severity, collapsible steps, "Mark as Resolved" button
7. Similar Findings — 3 related findings with severity badges and keyboard-accessible links

Mock Data

Critical finding: "Exposed API key in agent SOUL.md" with SecurityScanner + SecretSniffer attribution, 97% confidence, 4 sources, immediate remediation steps.

Accessibility (Reed's specialty)

• Full role="dialog" + aria-modal semantics
• Skip-to-content link (visible on focus)
• aria-live regions for dynamic state (resolved, urgency alerts)
• aria-expanded on all collapsible panels
• Focus rings via focus-visible:ring-violet-500 on all interactive elements
• role="progressbar" with aria-valuenow/min/max on confidence gauge
• role="alert" on urgency banners (critical/high)
• Screen-reader-only summary paragraph with full finding description
• Escape key handler for modal semantics
• All decorative icons have aria-hidden="true"

Build

✓ 0 TypeScript errors
✓ Vite build passes (1865 modules)

Line Count

938 insertions