SecurityPolicyHeader
components/security/PolicyHeader.vue
Policy detail-page header: a PolicySkin identity card (name, version, description, metadata) beside a stats row of Flows Governed, Compliance, and Violations metrics with sparklines.
Credential Redaction
v1
Intercepts file reads and replaces credential patterns with REDACTED_BY_POLICY placeholders
Last Updated2026-04-28
RegulationsRuntime Enforcement
Flows Governed
847
Compliance
100
%
Violations
0
Hot — active violations
PII Egress Control
v3
Blocks outbound flows carrying personally identifiable information to unapproved destinations.
Last Updated2026-07-14
RegulationsGDPR, CCPA
Flows Governed
12.4
k
Compliance
94
%
Violations
37
Minimal — required props, no sparklines
Prompt Injection Guard
v1
Flows Governed
0
Compliance
100
%
Violations
0
components/security/PolicyHeader.vue
Usage
<SecurityPolicyHeader
name = "—"
:version = "1"
state = "cool"
description = "—"
lastUpdated = "—"
regulations = "—"
:flowsGoverned = "—"
:flowsData = "[]"
:compliance = "—"
:complianceData = "[]"
:violations = "—"
:violationsData = "[]"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| name | String | — | Policy name (required) |
| version | [String, Number] | '1' | Version label shown top-right of the card |
| state | String | 'cool' | 'cool' (green, compliant) or 'hot' (red, violations) — passed to PolicySkin |
| description | String | '' | Policy description shown under the divider |
| lastUpdated | String | '' | Date string in the metadata row |
| regulations | String | '' | Regulation names in the metadata row |
| flowsGoverned | Number | — | Flow count for the Flows Governed metric (required) |
| flowsData | Array<{count: number}> | [] | Sparkline data for Flows Governed |
| compliance | Number | — | Compliance percentage 0–100 — reads unhealthy below 100 (required) |
| complianceData | Array<{count: number}> | [] | Sparkline data for Compliance |
| violations | Number | — | Violation count — zero-tolerance health mode, red when > 0 (required) |
| violationsData | Array<{count: number}> | [] | Sparkline data for Violations |