Component 63 · Edge AI
Data provenance
Explain where a value or insight came from.
Overview
Explain where a value or insight came from. It converts domain state into an understandable, traceable and accessible interface contract.
When to use
Use HE/Data provenance when you need to explain where a value or insight came from. Keep its role distinct from transport freshness, animal-health severity and model confidence.
Example
- Source
- RGB channel 2
- Observed
- 14:32:09
- Processing
- AIEdge D1
- Version
- Pose 0.8.4
<dl class="he-data-provenance"><dt>Source</dt><dd>RGB channel 2</dd><dt>Observed</dt><dd>14:32:09</dd><dt>Processing</dt><dd>AIEdge D1</dd><dt>Version</dt><dd>Pose 0.8.4</dd></dl>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
Expose source, time window, version and transformation in structured text.
- 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/Data provenance | review |
| Web | .he-data-provenance | implemented |
| Flutter | HeDataProvenance | implemented |
| Token root | component.dataprovenance | generated |