CGS Badge Component (Copy and Replay Hash)

Module

Web

Status

IMPLEMENTED

Description

UI badge component displaying Canonical Graph Signature (CGS) hash with one-click copy-to-clipboard and replay verification trigger. Shows truncated hash with tooltip for full value and confidence score indicator.

Implementation Details

Feature directory: src/Web/StellaOps.Web/src/app/shared/components/badge/
Components:
- badge (src/Web/StellaOps.Web/src/app/shared/components/badge/badge.component.ts)
Source: SPRINT_20251229_001_003_FE_lineage_graph.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 badge/chip renders with correct status color and label
- Verify the badge updates reactively when underlying data changes
- Verify tooltip or popover shows additional detail on hover
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)

1.3 KiB Raw Blame History