Field Contract Preview
show exactly what a recipe will register, measure, write, and render before enabling it
Running the actual pattern live via applyPattern() — switch the substrate, stack overlays, watch the signals, or reverse the dynamics. Not a mock.
"Field Contract Preview" — show exactly what a recipe will register, measure, write, and render before enabling it. It has a attract layer (draw matter into a focus / well). The active render stack is particles, dots.
A platform diagnostic, not a force: it reads the registries and lintPlatform to make field behavior auditable before enabling, with one minimal sample body so the contract itself stays inspectable.
Copy this pattern
<field-root></field-root>
<div data-body="attract" data-strength="0.6" data-range="280" data-feedback></div> <script type="module">
import '@fundamental-engine/elements';
</script>
<field-root></field-root>
<div data-body="attract" data-strength="0.6" data-range="280" data-feedback></div> import { FieldField } from '@fundamental-engine/react';
export default function FieldContractPreview() {
return (
<FieldField>
<div data-body="attract" data-strength="0.6" data-range="280" data-feedback />
</FieldField>
);
} {
"id": "field-contract-preview",
"name": "Field Contract Preview",
"intent": "show exactly what a recipe will register, measure, write, and render before enabling it",
"primitives": [
"attract"
],
"bodies": [
{
"body": "attract",
"strength": 0.6,
"range": 280,
"feedback": true
}
],
"render": [
"particles",
"dots"
],
"metrics": [
"scope",
"impact",
"risk"
],
"diagnostics": [
"inspector",
"topology",
"causality"
],
"accessibility": {
"reducedMotion": "a static contract table listing what the recipe registers, measures, writes, and renders",
"meaningWithoutMotion": "the preview is a plain table of registrations, measurements, writes, and announcements with no motion at all"
},
"notes": "A platform diagnostic, not a force: it reads the registries and lintPlatform to make field behavior auditable before enabling, with one minimal sample body so the contract itself stays inspectable.",
"tier": "systems",
"status": "shipped",
"concepts": [
"contract"
]
} See also
- Diagnostic Lens reveal field lines, causality, prediction, topology, energy, and overlays
- Accessibility Equivalence convert motion-heavy behavior into static, semantic, reduced-motion equivalents
- Field Tutorial teach Fundamental by revealing DOM, bodies, fields, metrics, feedback, and overlays
- Semantic Gravity Map let a document or app reveal which concepts carry the most weight
- Polarity Filter let opposing states, tags, or preferences sort themselves visibly
- Source Constellation show how multiple sources gather around claims, topics, or decisions