CGS Badge Component (Copy and Replay Hash)

Module

Web

Status

VERIFIED

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)

Verification

Date: 2026-02-10
Run artifacts: docs/qa/feature-checks/runs/web/cgs-badge-component/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 cgs-badge suite passed 3/3 across 1 file.
Tier 2 evidence: docs/qa/feature-checks/runs/web/cgs-badge-component/run-003/tier2-ui-check.json
Replay scope:
- Navigate to /qa/web-recheck and verify CGS badge + confidence summary render.
- Trigger replay from the CGS card and verify replay hash event logging.
- Verify both confidence visualization renderers are visible in the same user flow.

2.0 KiB Raw Blame History