← all recipes

Strong operational

Permission Boundary

make access, scope, and protected regions legible

frame bodies 0 relationships 0

Running the actual recipe live via applyRecipe() — not a mock.

"Permission Boundary" — make access, scope, and protected regions legible. It has a wall layer (bounce matter off a boundary), a sink layer (capture matter (accretion well)), a charge layer (attract/repel charged matter), and a link layer (ropes / cloth between neighbours). The active render stack is voronoi, links, field-lines, particles.

Protected regions hold like walls: authorized actors pass cleanly while unauthorized or risky ones meet resistance and are absorbed (sink) at the boundary. The strong bind confines scope; charge gives each actor its polarity.

Runtime tokens
wall sink charge link
Concepts
reflect absorb
Metrics
permission scope risk boundary permission, scope, boundary are host-supplied lanes — drive them with data-field-<metric> (or a domain model); without that, their --field-* stays inert.
Diagnostics
contours force-vectors inspector
Render
voronoi · links · field-lines · particles
Reduced motion
access labels with protected-region outlines and a permission summary
Without motion
each region is an outlined zone with an access label and a per-actor allow/deny list

Copy this recipe

<field-root></field-root>
  <div data-body="wall" data-strength="1.1" data-range="320" data-feedback></div>
  <div data-body="sink" data-strength="0.6" data-range="240"></div>
  <div data-body="charge" data-strength="0.6" data-range="300" data-spin="1"></div>
  <div data-body="link" data-strength="0.5" data-range="280"></div>

See also