Flow Checkpoint
stabilize multi-step flows around milestones
Running the actual pattern live via applyPattern() — switch the substrate, stack overlays, watch the signals, or reverse the dynamics. Not a mock.
"Flow Checkpoint" — stabilize multi-step flows around milestones. It has a fieldflow layer (solar prominences, aurora, plasma streams, guided matter), a link layer (ropes / cloth between neighbours), a cohesion layer (flocking — pull toward neighbours), a memory layer (a decaying trail / hysteresis), and a morph layer (assemble matter into a mark/shape (never words, §11)). Matter follows the field geometry because of fieldflow, not the field-owning force itself. The active render stack is streamlines, links, field-lines, particles.
Multi-step flows form a current that fieldflow carries forward, but checkpoints bind like strong anchors: completed milestones hold structure with cohesion while progress keeps streaming ahead (the strong bind stabilizes, transport carries).
Copy this pattern
<field-root></field-root>
<div data-body="fieldflow" data-strength="0.9" data-range="0" data-feedback></div>
<div data-body="link" data-strength="0.7" data-range="320"></div>
<div data-body="cohesion" data-strength="0.7" data-range="300"></div>
<div data-body="memory" data-strength="0.5" data-range="260"></div>
<div data-body="morph" data-strength="0.4" data-range="220"></div> <script type="module">
import '@fundamental-engine/elements';
</script>
<field-root></field-root>
<div data-body="fieldflow" data-strength="0.9" data-range="0" data-feedback></div>
<div data-body="link" data-strength="0.7" data-range="320"></div>
<div data-body="cohesion" data-strength="0.7" data-range="300"></div>
<div data-body="memory" data-strength="0.5" data-range="260"></div>
<div data-body="morph" data-strength="0.4" data-range="220"></div> import { FieldField } from '@fundamental-engine/react';
export default function FlowCheckpoint() {
return (
<FieldField>
<div data-body="fieldflow" data-strength="0.9" data-range="0" data-feedback />
<div data-body="link" data-strength="0.7" data-range="320" />
<div data-body="cohesion" data-strength="0.7" data-range="300" />
<div data-body="memory" data-strength="0.5" data-range="260" />
<div data-body="morph" data-strength="0.4" data-range="220" />
</FieldField>
);
} {
"id": "flow-checkpoint",
"name": "Flow Checkpoint",
"intent": "stabilize multi-step flows around milestones",
"naturalField": "strong",
"primitives": [
"fieldflow",
"link",
"cohesion",
"memory",
"morph"
],
"bodies": [
{
"body": "fieldflow",
"strength": 0.9,
"range": 0,
"feedback": true
},
{
"body": "link",
"strength": 0.7,
"range": 320
},
{
"body": "cohesion",
"strength": 0.7,
"range": 300
},
{
"body": "memory",
"strength": 0.5,
"range": 260
},
{
"body": "morph",
"strength": 0.4,
"range": 220
}
],
"relationships": [
{
"from": "step",
"to": "checkpoint",
"type": "anchors-to",
"strength": 0.7
}
],
"render": [
"streamlines",
"links",
"field-lines",
"particles"
],
"metrics": [
"progress",
"checkpoint",
"memory",
"coherence"
],
"diagnostics": [
"topology",
"force-vectors",
"prediction"
],
"accessibility": {
"reducedMotion": "a stepper with a checkpoint rail and completed-step markers",
"meaningWithoutMotion": "the flow is an ordered stepper; completed milestones are marked and anchor the remaining steps"
},
"notes": "Multi-step flows form a current that fieldflow carries forward, but checkpoints bind like strong anchors: completed milestones hold structure with cohesion while progress keeps streaming ahead (the strong bind stabilizes, transport carries).",
"tier": "operational",
"status": "shipped"
} 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