feat: add web UI for interactive threat modeling #12
Description
Description
Build a web-based user interface for interactive quantum threat modeling. The web UI provides a visual, drag-and-drop experience for building system architecture diagrams and seeing real-time quantum vulnerability assessments as the architecture is constructed.
Tasks
- Visual architecture diagram editor:
- Drag-and-drop component placement (services, databases, APIs, etc.)
- Visual connection drawing between components
- Crypto annotation panel for each component/connection
- Data classification tagging
- Real-time vulnerability assessment:
- Live assessment updates as architecture is built/modified
- Color-coded components reflecting quantum risk level
- Inline vulnerability indicators on connections
- Interactive threat matrix:
- STRIDE-Q matrix view with drill-down per component
- Filterable by threat category, severity, component
- Click-through to detailed analysis
- Migration comparison view:
- Side-by-side: current architecture vs. post-PQC migration
- Visual diff showing which components change
- Risk score comparison (before/after)
- Import/export:
- Import architecture definitions (YAML/JSON)
- Export architecture definitions
- Export reports (PDF, JSON)
- Sharing:
- Shareable report URLs
- Team collaboration features
- Read-only shared views
References
- React Flow or similar for diagram editor
- FastAPI or similar for backend API
- Depends on: assessment engine (feat: implement quantum vulnerability assessment engine #4), schema (feat: define system architecture input schema (YAML/JSON) #2), report generation (feat: implement multi-format report generation #10)