Strong applied

Dependency Tension

reveal constraints, blockers, and coupled states

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

"Dependency Tension" — reveal constraints, blockers, and coupled states. It has a link layer (ropes / cloth between neighbours), a tether layer (bind matter to an anchor), a charge layer (attract/repel charged matter), and a pressure layer (relax crowding (incompressibility)). The active render stack is links, field-lines, particles.

The strong force binds coupled items through tether (spring) tension while electromagnetic charge pulls conflicting paths apart — blocked links heat, resolved ones cool.

Runtime tokens: link ropes / cloth between neighbourstether bind matter to an anchorcharge attract/repel charged matterpressure relax crowding (incompressibility)
Concepts: spring
Metrics: tension a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inertblocked a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inertcoherence computed every frame by the platform (proximity · engagement · relationships · age)heat a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inert tension, blocked, heat are host-supplied lanes — drive them with data-field-<metric> (or a domain model); without that, their --field-* stays inert.
Diagnostics: topology causality inspector
Render: links · field-lines · particles
Reduced motion: a dependency table with a blocker count and tension badges
Without motion: dependencies and blockers read as a table with a blocker count and per-edge tension badges

Copy this pattern

<field-root></field-root>
  <div data-body="link" data-strength="1" data-range="360" data-feedback></div>
  <div data-body="tether" data-strength="0.8" data-range="320"></div>
  <div data-body="charge" data-strength="0.6" data-range="300" data-spin="1"></div>
  <div data-body="pressure" data-strength="0.6" data-range="280"></div>

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

<field-root></field-root>
  <div data-body="link" data-strength="1" data-range="360" data-feedback></div>
  <div data-body="tether" data-strength="0.8" data-range="320"></div>
  <div data-body="charge" data-strength="0.6" data-range="300" data-spin="1"></div>
  <div data-body="pressure" data-strength="0.6" data-range="280"></div>

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

export default function DependencyTension() {
  return (
    <FieldField>
      <div data-body="link" data-strength="1" data-range="360" data-feedback />
      <div data-body="tether" data-strength="0.8" data-range="320" />
      <div data-body="charge" data-strength="0.6" data-range="300" data-spin="1" />
      <div data-body="pressure" data-strength="0.6" data-range="280" />
    </FieldField>
  );
}

{
  "id": "dependency-tension",
  "name": "Dependency Tension",
  "intent": "reveal constraints, blockers, and coupled states",
  "naturalField": "strong",
  "primitives": [
    "link",
    "tether",
    "charge",
    "pressure"
  ],
  "bodies": [
    {
      "body": "link",
      "strength": 1,
      "range": 360,
      "feedback": true
    },
    {
      "body": "tether",
      "strength": 0.8,
      "range": 320
    },
    {
      "body": "charge",
      "strength": 0.6,
      "range": 300,
      "spin": 1
    },
    {
      "body": "pressure",
      "strength": 0.6,
      "range": 280
    }
  ],
  "relationships": [
    {
      "from": "task",
      "to": "blocker",
      "type": "depends-on",
      "strength": 0.9
    }
  ],
  "render": [
    "links",
    "field-lines",
    "particles"
  ],
  "metrics": [
    "tension",
    "blocked",
    "coherence",
    "heat"
  ],
  "diagnostics": [
    "topology",
    "causality",
    "inspector"
  ],
  "accessibility": {
    "reducedMotion": "a dependency table with a blocker count and tension badges",
    "meaningWithoutMotion": "dependencies and blockers read as a table with a blocker count and per-edge tension badges"
  },
  "notes": "The strong force binds coupled items through tether (spring) tension while electromagnetic charge pulls conflicting paths apart — blocked links heat, resolved ones cool.",
  "tier": "applied",
  "status": "shipped",
  "concepts": [
    "spring"
  ]
}

Copy this pattern

See also