2.2 KiB
2.2 KiB
Confidence Breakdown Visualization (Factor Bar Chart)
Module
Web
Status
VERIFIED
Description
Visual bar chart breakdown showing how each evidence factor (SBOM, VEX, reachability, binary analysis, attestation) contributes to the overall confidence score. Includes per-factor chip components with drill-down capability.
Implementation Details
- Feature directory:
src/Web/StellaOps.Web/src/app/shared/components/visualization/ - Components:
graphviz-renderer(src/Web/StellaOps.Web/src/app/shared/components/visualization/graphviz-renderer.component.ts)mermaid-renderer(src/Web/StellaOps.Web/src/app/shared/components/visualization/mermaid-renderer.component.ts)
- Source: SPRINT_20251229_001_004_FE_proof_studio.md
E2E Test Plan
- Setup:
- Log in with a user that has appropriate permissions
- Navigate to the relevant page/section where this feature appears
- Ensure test data exists (scanned artifacts, SBOM data, or seed data as needed)
- Core verification:
- Verify the visualization renders correctly with sample data
- Verify interactive elements (hover tooltips, click-to-drill-down) work
- Verify the visualization handles empty/minimal data gracefully
- 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)
Verification
- Date: 2026-02-10
- Run artifacts: docs/qa/feature-checks/runs/web/confidence-breakdown-visualization/run-001/
- Tier results:
- tier0-source-check.json: pass
- tier1-build-check.json: pass
- tier2-e2e-check.json: pass
Recheck (run-003)
- Date (UTC): 2026-02-11
- Status: VERIFIED (strict Tier 2 UI replay)
- Tier 1 evidence: Focused confidence-breakdown suites passed 8/8 across 2 files.
- Tier 2 evidence:
docs/qa/feature-checks/runs/web/confidence-breakdown-visualization/run-003/tier2-ui-check.json - Replay scope:
- Navigate to
/qa/web-recheckand verify confidence section rendering. - Trigger replay interaction and verify confidence-linked transaction logging.
- Verify Graphviz and Mermaid visualization renderers are both visible.
- Navigate to