← all patterns

Gravity systems

Review Pressure

surface items needing review before they decay, expire, or block work

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

"Review Pressure" — surface items needing review before they decay, expire, or block work. It has a gravity layer (universal attraction toward mass), a pressure layer (relax crowding (incompressibility)), a memory layer (a decaying trail / hysteresis), a morph layer (assemble matter into a mark/shape (never words, §11)), and a thermal layer (agitate matter at a temperature). The active render stack is heatmap, metaballs, particles, dots.

Items build gravitational priority as the weak pull of age and pressure accumulates; thermal stands in for rising entropy so high-risk or blocked work surfaces on its own while low-risk stays calm.

Runtime tokens
gravity universal attraction toward masspressure relax crowding (incompressibility)memory a decaying trail / hysteresismorph assemble matter into a mark/shape (never words, §11)thermal agitate matter at a temperature
Concepts
review pressure
Metrics
review-pressure a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inertage a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inertrisk written only when the host supplies it — the engine never invents confidence/riskpriority computed every frame by the platform (proximity · engagement · relationships · age) review-pressure, age are host-supplied lanes — drive them with data-field-<metric> (or a domain model); without that, their --field-* stays inert.
Diagnostics
potential heatmap inspector
Conditions
stale
Render
heatmap · metaballs · particles · dots
Reduced motion
a review queue ranking with urgency badges and age markers
Without motion
pressure becomes a sorted review queue where age and risk are explicit badges per item

Copy this pattern

<field-root></field-root>
  <div data-body="gravity" data-strength="1.1" data-range="400" data-feedback></div>
  <div data-body="pressure" data-strength="0.8" data-range="320"></div>
  <div data-body="memory" data-strength="0.6" data-range="280"></div>
  <div data-body="morph" data-strength="0.5" data-range="240"></div>
  <div data-body="thermal" data-strength="0.5" data-range="260"></div>

See also