Proof-linked VEX UI (Evidence drawer, Proof Spine component)

Module

Web

VERIFIED

Angular UI components for proof spine visualization (segments, badges, detail modal) and evidence drawer are implemented with e2e test coverage.

Feature directory: src/Web/StellaOps.Web/src/app/shared/components/
Components:
- proof-spine (src/Web/StellaOps.Web/src/app/shared/components/proof-spine/proof-spine.component.ts)
- proof-segment (src/Web/StellaOps.Web/src/app/shared/components/proof-spine/proof-segment.component.ts)
- proof-badges-row (src/Web/StellaOps.Web/src/app/shared/components/proof-spine/proof-badges-row.component.ts)
- evidence-drawer (src/Web/StellaOps.Web/src/app/shared/components/evidence-drawer/evidence-drawer.component.ts)
Services:
- n/a (presentation components consume typed inputs from parent feature surfaces)
Models:
- src/Web/StellaOps.Web/src/app/core/models/proof-spine.model.ts
Source: Feature matrix scan

Setup:
- Log in with a user that has appropriate permissions
- Navigate to /proofs/:subjectDigest
- Ensure test data exists (scanned artifacts, SBOM data, or seed data as needed)
Core verification:
- Verify the component renders correctly with sample data
- Verify interactive elements respond to user input
- Verify data is fetched and displayed from the correct API endpoints
Edge cases:
- Verify graceful handling when backend API is unavailable (error state)
- Verify responsive layout at different viewport sizes
- Verify accessibility (keyboard navigation, screen reader labels, ARIA attributes)