Strong core First release

Coherence Field

show whether a form, workflow, or dataset is becoming stable

Running the actual pattern live via applyPattern() — switch the substrate, stack overlays, watch the signals, or reverse the dynamics. Not a mock.

"Coherence Field" — show whether a form, workflow, or dataset is becoming stable. It has a cohesion layer (flocking — pull toward neighbours), a pressure layer (relax crowding (incompressibility)), a link layer (ropes / cloth between neighbours), and a repel layer (carve a void / keep-clear region). The active render stack is particles, heatmap.

As valid pieces align, the field becomes more coherent (strong binding); missing or contradictory pieces raise pressure and entropy.

Runtime tokens: cohesion flocking — pull toward neighbourspressure relax crowding (incompressibility)link ropes / cloth between neighboursrepel carve a void / keep-clear region
Metrics: coherence computed every frame by the platform (proximity · engagement · relationships · age)entropy computed every frame by the platform (proximity · engagement · relationships · age)pressure computed every frame by the platform (proximity · engagement · relationships · age)
Diagnostics: inspector causality heatmap
Render: particles · heatmap
Reduced motion: a static coherence/progress rail marks stable and unstable sections
Without motion: validity is announced and shown with icon + text per field

Copy this pattern

<field-root></field-root>
  <div data-body="cohesion" data-strength="0.7" data-range="280" data-feedback></div>
  <div data-body="pressure" data-strength="0.5" data-range="240"></div>
  <div data-body="link" data-strength="0.5" data-range="260"></div>
  <div data-body="repel" data-strength="0.4" data-range="180"></div>

<script type="module">
  import '@fundamental-engine/elements';
</script>

<field-root></field-root>
  <div data-body="cohesion" data-strength="0.7" data-range="280" data-feedback></div>
  <div data-body="pressure" data-strength="0.5" data-range="240"></div>
  <div data-body="link" data-strength="0.5" data-range="260"></div>
  <div data-body="repel" data-strength="0.4" data-range="180"></div>

import { FieldField } from '@fundamental-engine/react';

export default function CoherenceField() {
  return (
    <FieldField>
      <div data-body="cohesion" data-strength="0.7" data-range="280" data-feedback />
      <div data-body="pressure" data-strength="0.5" data-range="240" />
      <div data-body="link" data-strength="0.5" data-range="260" />
      <div data-body="repel" data-strength="0.4" data-range="180" />
    </FieldField>
  );
}

{
  "id": "coherence-field",
  "name": "Coherence Field",
  "intent": "show whether a form, workflow, or dataset is becoming stable",
  "naturalField": "strong",
  "primitives": [
    "cohesion",
    "pressure",
    "link",
    "repel"
  ],
  "bodies": [
    {
      "body": "cohesion",
      "strength": 0.7,
      "range": 280,
      "feedback": true
    },
    {
      "body": "pressure",
      "strength": 0.5,
      "range": 240
    },
    {
      "body": "link",
      "strength": 0.5,
      "range": 260
    },
    {
      "body": "repel",
      "strength": 0.4,
      "range": 180
    }
  ],
  "render": [
    "particles",
    "heatmap"
  ],
  "metrics": [
    "coherence",
    "entropy",
    "pressure"
  ],
  "diagnostics": [
    "inspector",
    "causality",
    "heatmap"
  ],
  "accessibility": {
    "reducedMotion": "a static coherence/progress rail marks stable and unstable sections",
    "meaningWithoutMotion": "validity is announced and shown with icon + text per field"
  },
  "notes": "As valid pieces align, the field becomes more coherent (strong binding); missing or contradictory pieces raise pressure and entropy.",
  "tier": "core",
  "status": "shipped"
}

Copy this pattern

See also