# Verdict Chip / Status Display (Allowed/Blocked/Warn)

## Module
Web

## Status
VERIFIED

## Description
Verdict display through the shared badge/chip UI and verdict model mappings for compact status rendering (`Allowed`, `Blocked`, `Warn`) with deterministic severity-first status ordering.

## Implementation Details
- **Feature directory**: `src/Web/StellaOps.Web/src/app/shared/components/badge/`
- **Core component**:
  - `badge` (`src/Web/StellaOps.Web/src/app/shared/components/badge/badge.component.ts`)
- **Verdict status display contract**:
  - `src/Web/StellaOps.Web/src/app/features/verdicts/models/verdict.models.ts`
    - `VERDICT_STATUS_CHIP_LABELS`
    - `VERDICT_STATUS_BADGE_VARIANTS`
    - `compareVerdictStatus(...)`
- **Behavior coverage**:
  - `src/Web/StellaOps.Web/src/tests/verdicts/verdict-chip-status-display.behavior.spec.ts`
- **Source**: Feature matrix scan plus QA deterministic display contract hardening in Sprint `SPRINT_20260211_029_FE_web_feature_verification_batch40`.

## E2E Test Plan
- **Setup**:
  - [ ] Log in with a user that has appropriate permissions
  - [ ] Navigate to a page showing verdict status chips
  - [ ] Ensure verdict statuses include pass/blocked/warned examples
- **Core verification**:
  - [ ] Verify chip renders with correct status color and compact label (`Allowed`/`Blocked`/`Warn`)
  - [ ] Verify chip updates reactively when underlying status changes
  - [ ] Verify deterministic ordering of statuses in lists using severity-first comparator
- **Edge cases**:
  - [ ] Verify fallback handling for unknown/missing status sources
  - [ ] Verify responsive layout behavior for compact chip rendering
  - [ ] Verify accessibility labels remain consistent with displayed status

## Verification
- Run ID: `docs/qa/feature-checks/runs/web/verdict-chip-status-display/run-001/`
- Date (UTC): 2026-02-11
- Tier 0: PASS (source/symbol verification, added supported behavior harness and explicit deterministic verdict-chip mapping/sort helpers).
- Tier 1: PASS (`npm run test` focused + regression include suite: 30 files / 141 tests; `npm run build` passed with baseline warnings).
- Tier 2: PASS (chip label/variant mapping, reactive status transitions, and deterministic severity-first ordering validated via Angular behavior harness).