Component 65 · Security
Audit event
Show a tamper-evident operational or administrative event.
Overview
Show a tamper-evident operational or administrative event. It converts domain state into an understandable, traceable and accessible interface contract.
When to use
Use HE/Audit event when you need to show a tamper-evident operational or administrative event. Keep its role distinct from transport freshness, animal-health severity and model confidence.
Example
Calibration activated
Jebin · 14:36 · AIEdge D1
sha256:a82f…<article class="he-audit-event"><span>✓</span><div><b>Calibration activated</b><p>Jebin · 14:36 · AIEdge D1</p></div><code>sha256:a82f…</code></article>Anatomy
1Identity
2Primary value
3State
4Evidence or action
Anatomy stays identical in Pasture and Atlantic. A responsive layout may wrap or stack parts, but reading order and focus order remain equivalent.
Variants and states
Variants
States
Accessibility
Present actor, action, target, outcome and exact timestamp as one coherent event.
- Maintain a visible keyboard focus indicator and a logical focus sequence.
- Never rely on colour alone for operational, freshness or severity state.
- Keep touch targets at least 44 × 44 px unless the target is an inline text link.
Cross-platform contract
| Surface | Canonical name | Status |
|---|---|---|
| Figma | HE/Audit event | stable |
| Web | .he-audit-event | implemented |
| Flutter | HeAuditEvent | implemented |
| Token root | component.auditevent | generated |