Command Intent Field
let command palettes settle around likely intent
Running the actual pattern live via applyPattern() — switch the substrate, stack overlays, watch the signals, or reverse the dynamics. Not a mock.
"Command Intent Field" — let command palettes settle around likely intent. It has a gravity layer (universal attraction toward mass), a charge layer (attract/repel charged matter), a memory layer (a decaying trail / hysteresis), a cohesion layer (flocking — pull toward neighbours), and a repel layer (carve a void / keep-clear region). The active render stack is dots, metaballs, particles.
Likely commands sink into a gravity well while dangerous ones repel — electromagnetic charge clusters the related, gravity decides what rises to the top.
Copy this pattern
<field-root></field-root>
<div data-body="gravity" data-strength="1" data-range="360" data-feedback></div>
<div data-body="charge" data-strength="0.6" data-range="300" data-spin="1"></div>
<div data-body="memory cohesion" data-strength="0.6" data-range="280"></div>
<div data-body="repel" data-strength="0.7" data-range="260"></div> <script type="module">
import '@fundamental-engine/elements';
</script>
<field-root></field-root>
<div data-body="gravity" data-strength="1" data-range="360" data-feedback></div>
<div data-body="charge" data-strength="0.6" data-range="300" data-spin="1"></div>
<div data-body="memory cohesion" data-strength="0.6" data-range="280"></div>
<div data-body="repel" data-strength="0.7" data-range="260"></div> import { FieldField } from '@fundamental-engine/react';
export default function CommandIntentField() {
return (
<FieldField>
<div data-body="gravity" data-strength="1" data-range="360" data-feedback />
<div data-body="charge" data-strength="0.6" data-range="300" data-spin="1" />
<div data-body="memory cohesion" data-strength="0.6" data-range="280" />
<div data-body="repel" data-strength="0.7" data-range="260" />
</FieldField>
);
} {
"id": "command-intent-field",
"name": "Command Intent Field",
"intent": "let command palettes settle around likely intent",
"naturalField": "gravity",
"primitives": [
"gravity",
"charge",
"memory",
"cohesion",
"repel"
],
"bodies": [
{
"body": "gravity",
"strength": 1,
"range": 360,
"feedback": true
},
{
"body": "charge",
"strength": 0.6,
"range": 300,
"spin": 1
},
{
"body": "memory cohesion",
"strength": 0.6,
"range": 280
},
{
"body": "repel",
"strength": 0.7,
"range": 260
}
],
"render": [
"dots",
"metaballs",
"particles"
],
"metrics": [
"intent",
"confidence",
"memory",
"risk"
],
"diagnostics": [
"potential",
"causality",
"topology"
],
"accessibility": {
"reducedMotion": "ranked command groups with risk labels and recency indicators",
"meaningWithoutMotion": "commands appear as a ranked list with risk labels and recency badges, no settling animation required"
},
"notes": "Likely commands sink into a gravity well while dangerous ones repel — electromagnetic charge clusters the related, gravity decides what rises to the top.",
"tier": "applied",
"status": "shipped",
"conditions": [
"focused"
]
} See also
- Priority Well make important elements feel naturally weighted without shouting
- Focus Orbit keep related options moving around the active item
- Search Relevance Field let search results settle by relevance, confidence, and recency
- Reading Field make long content pages reveal attention, memory, and concept links
- Attention Weather show system urgency, density, and activity across a dashboard
- Navigation Current make routes, breadcrumbs, and likely next paths feel connected