Provenance Trail
preserve the origin and transformation history of content or data
Running the actual pattern live via applyPattern() — switch the substrate, stack overlays, watch the signals, or reverse the dynamics. Not a mock.
"Provenance Trail" — preserve the origin and transformation history of content or data. It has a memory layer (a decaying trail / hysteresis), a link layer (ropes / cloth between neighbours), a morph layer (assemble matter into a mark/shape (never words, §11)), and a cohesion layer (flocking — pull toward neighbours). The active render stack is links, trails, particles, field-lines.
Strong binding keeps sources fused to content while memory holds the trace and morph records each transformation; lineage stays inspectable without flooding the view.
Copy this pattern
<field-root></field-root>
<div data-body="memory" data-strength="1.1" data-range="320" data-feedback></div>
<div data-body="link" data-strength="0.8" data-range="360"></div>
<div data-body="morph" data-strength="0.5" data-range="260"></div>
<div data-body="cohesion" data-strength="0.6" data-range="280"></div> <script type="module">
import '@fundamental-engine/elements';
</script>
<field-root></field-root>
<div data-body="memory" data-strength="1.1" data-range="320" data-feedback></div>
<div data-body="link" data-strength="0.8" data-range="360"></div>
<div data-body="morph" data-strength="0.5" data-range="260"></div>
<div data-body="cohesion" data-strength="0.6" data-range="280"></div> import { FieldField } from '@fundamental-engine/react';
export default function ProvenanceTrail() {
return (
<FieldField>
<div data-body="memory" data-strength="1.1" data-range="320" data-feedback />
<div data-body="link" data-strength="0.8" data-range="360" />
<div data-body="morph" data-strength="0.5" data-range="260" />
<div data-body="cohesion" data-strength="0.6" data-range="280" />
</FieldField>
);
} {
"id": "provenance-trail",
"name": "Provenance Trail",
"intent": "preserve the origin and transformation history of content or data",
"naturalField": "strong",
"primitives": [
"memory",
"link",
"morph",
"cohesion"
],
"bodies": [
{
"body": "memory",
"strength": 1.1,
"range": 320,
"feedback": true
},
{
"body": "link",
"strength": 0.8,
"range": 360
},
{
"body": "morph",
"strength": 0.5,
"range": 260
},
{
"body": "cohesion",
"strength": 0.6,
"range": 280
}
],
"render": [
"links",
"trails",
"particles",
"field-lines"
],
"metrics": [
"provenance",
"memory",
"transform-count",
"source-strength"
],
"diagnostics": [
"causality",
"topology",
"inspector"
],
"accessibility": {
"reducedMotion": "a provenance drawer with a lineage list and source badges",
"meaningWithoutMotion": "history becomes an ordered lineage list with source badges and a transform count per step"
},
"notes": "Strong binding keeps sources fused to content while memory holds the trace and morph records each transformation; lineage stays inspectable without flooding the view.",
"tier": "systems",
"status": "shipped",
"concepts": [
"provenance",
"lineage"
]
} See also
- Relationship Bond keep related elements visually and behaviorally connected
- Concept Cluster group related terms, cards, or sections without hard layout changes
- Coherence Field show whether a form, workflow, or dataset is becoming stable
- Form Stability Field show validation as coherence instead of error noise
- Dependency Tension reveal constraints, blockers, and coupled states
- Group Magnet let related cards, assets, or controls cluster intelligently