git.stella-ops.org/docs/features/unchecked/web/evidence-card-ui-export.md

Evidence Card UI Export

Module

Web

Status

IMPLEMENTED

Description

Evidence card export buttons in evidence pack viewer allowing single-file receipt download in standard and compact formats.

Implementation Details

• Feature directory: src/Web/StellaOps.Web/src/app/features/evidence/
• Routes: evidence.routes.ts
• Components:
  • evidence-center-page (src/Web/StellaOps.Web/src/app/features/evidence/evidence-center-page.component.ts)
  • evidence-packet-page (src/Web/StellaOps.Web/src/app/features/evidence/evidence-packet-page.component.ts)
  • evidence-page (src/Web/StellaOps.Web/src/app/features/evidence/evidence-page.component.ts)
  • evidence-panel (src/Web/StellaOps.Web/src/app/features/evidence/evidence-panel.component.ts)
  • audit-bundle-create-modal (src/Web/StellaOps.Web/src/app/features/evidence/modals/audit-bundle-create-modal.component.ts)
• Source: SPRINT_20260112_006_FE_evidence_card_ui.md

E2E Test Plan

• Setup:
  • Log in with a user that has appropriate permissions
  • Navigate to /evidence
  • Ensure test data exists (scanned artifacts, SBOM data, or seed data as needed)
• Core verification:
  • Verify the export/download action triggers correctly
  • Verify the exported file is in the expected format (JSON, SARIF, CSV, etc.)
  • Verify export includes all expected data fields
• 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)