Summary
Add a UK Compliance Reports section to frontend/src/RetailShield.jsx that automatically generates live compliance report cards when a CRITICAL incident is detected via the SIMULATE ATTACK flow.
Feature Requirements
Trigger
When SIMULATE ATTACK fires and a CRITICAL severity event is injected, a compliance report card is automatically generated in the new section.
UI Elements
- Urgent header banner — Red "UK REGULATORY NOTIFICATION REQUIRED" bar when reports are active
- Incident summary table — title, severity, detection time, MITRE technique, affected systems
- Live countdown timers:
- 24h NCSC early-warning (CSR Bill) — turns red when < 6h remaining
- 72h ICO full report (UK GDPR Art.33) — turns amber when < 24h remaining
- Pre-filled 7-section UK draft report (expandable):
- §1 Incident Overview (auto-filled)
- §2 Nature of the Breach (auto-filled based on MITRE tactic)
- §3 Affected Data Categories & Volume (auto-filled)
- §4 Likely Consequences (auto-filled)
- §5 Measures Taken (auto-filled from playbook actions)
- §6 Notification Timeline (auto-filled with deadlines)
- §7 Data Controller Contact (
[REVIEWER] placeholders)
- Action buttons:
- "Submit to ICO" — opens
https://ico.org.uk/for-organisations/report-a-breach/ in new tab
- "Submit to NCSC" — opens
https://www.ncsc.gov.uk/section/about-this-website/incident-management in new tab
- "Download Draft Report" — generates
.txt file via URL.createObjectURL
- Disclaimer banner — amber warning that human review is required before submission
- Empty state — green "No reportable incidents" card when no active compliance reports
Design
- Match existing dark design system (C tokens:
C.card, C.surface, C.border, C.red, C.orange, C.yellow, C.green, C.blue)
- No external CSS or new dependencies
Affected Files
frontend/src/RetailShield.jsx — new state, modified runAttackSimulation, new ComplianceReportCard component, new section in JSX
Acceptance Criteria
Summary
Add a UK Compliance Reports section to
frontend/src/RetailShield.jsxthat automatically generates live compliance report cards when a CRITICAL incident is detected via the SIMULATE ATTACK flow.Feature Requirements
Trigger
When SIMULATE ATTACK fires and a CRITICAL severity event is injected, a compliance report card is automatically generated in the new section.
UI Elements
[REVIEWER]placeholders)https://ico.org.uk/for-organisations/report-a-breach/in new tabhttps://www.ncsc.gov.uk/section/about-this-website/incident-managementin new tab.txtfile viaURL.createObjectURLDesign
C.card,C.surface,C.border,C.red,C.orange,C.yellow,C.green,C.blue)Affected Files
frontend/src/RetailShield.jsx— new state, modifiedrunAttackSimulation, newComplianceReportCardcomponent, new section in JSXAcceptance Criteria
[REVIEWER]placeholders.txtfile with the full 7-section report