stella-ops.org/git.stella-ops.org
1
0
Fork 0
Code Issues Pull Requests Actions 2 Releases Wiki Activity
Files
fe35801cc5080142fa4b437ceca23d7c7bda2666
git.stella-ops.org/docs/features/checked/web/risk-dashboard-ui.md
master 5bca406787 save checkpoint: save features
2026-02-12 10:27:23 +02:00

2.6 KiB
Raw Blame History

Risk Dashboard UI (Side-by-Side View)

Module

Web

Status

VERIFIED

Description

Angular-based risk dashboard with side-by-side SBOM diff viewer, graph split view for reachability comparison, and witness comparison components.

Implementation Details

  • Feature directory: src/Web/StellaOps.Web/src/app/features/risk/
  • Components:
    • budget-burnup-chart (src/Web/StellaOps.Web/src/app/features/risk/components/budget-burnup-chart.component.ts)
    • budget-kpi-tiles (src/Web/StellaOps.Web/src/app/features/risk/components/budget-kpi-tiles.component.ts)
    • create-exception-modal (src/Web/StellaOps.Web/src/app/features/risk/components/create-exception-modal.component.ts)
    • evidence-buttons (src/Web/StellaOps.Web/src/app/features/risk/components/evidence-buttons.component.ts)
    • exception-ledger (src/Web/StellaOps.Web/src/app/features/risk/components/exception-ledger.component.ts)
    • reachability-slice (src/Web/StellaOps.Web/src/app/features/risk/components/reachability-slice.component.ts)
    • risk-dashboard-layout (src/Web/StellaOps.Web/src/app/features/risk/components/risk-dashboard-layout.component.ts)
    • sbom-diff-panel (src/Web/StellaOps.Web/src/app/features/risk/components/sbom-diff-panel.component.ts)
    • side-by-side-diff (src/Web/StellaOps.Web/src/app/features/risk/components/side-by-side-diff.component.ts)
    • verdict-badge (src/Web/StellaOps.Web/src/app/features/risk/components/verdict-badge.component.ts)
    • verdict-why-summary (src/Web/StellaOps.Web/src/app/features/risk/components/verdict-why-summary.component.ts)
    • vex-sources-panel (src/Web/StellaOps.Web/src/app/features/risk/components/vex-sources-panel.component.ts)
    • risk-dashboard (src/Web/StellaOps.Web/src/app/features/risk/risk-dashboard.component.ts)
  • Source: Feature matrix scan

E2E Test Plan

  • Setup:
    • Log in with a user that has appropriate permissions
    • Navigate to /risk
    • Ensure test data exists (scanned artifacts, SBOM data, or seed data as needed)
  • Core verification:
    • Verify the dashboard loads without errors and displays summary cards/metrics
    • Verify data refreshes correctly and loading states are shown
    • Verify empty state is displayed when no data is available
  • 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

  • Run: docs/qa/feature-checks/runs/web/risk-dashboard-ui/run-001/
  • Date (UTC): 2026-02-11