PolicyConfigThreshold

components/policy-config/Threshold.vue

Config shape: numeric ceilings/floors with live observed context — one row per metric with a value input, observed comparison, and a breach chip when crossed. dir:"max" (default) breaches when observed > value; dir:"min" when below. Controlled: emits @change(index, value); parent owns the values.

Spend ceilings

Violations flag when the observed value crosses a ceiling.

Fleet daily spend

all agents · rolling 24h

observed:$31.4over ceiling

Lower the ceiling below 31.4 to see the breach state.

Fleet weekly spend

all agents · rolling 7d

observed:$122
Floor direction (dir: 'min') — breached

Posture floor

Violations flag when the observed value crosses a ceiling / falls below a floor.

Minimum posture score

every agent · 0–100

observed:38 ptsbelow floor
components/policy-config/Threshold.vue

Usage

<PolicyConfigThreshold title = "Thresholds" :metrics = "(required)" />

Props

PropTypeDefaultDescription
titleString'Thresholds'Section heading
metricsArray(required){ label, scope, unit, value, observed, dir?, note? }

Events

EventDescription
changeValue input → (index, newValue)

Related

Qpoint Brand Style Guide