Controlled <input>/<textarea> with a {{path}} (and, on opted-in
fields, legacy $var) autocomplete popover.
Detects an in-progress {{path token — or, when legacyDollar is true,
also a $name / ${name token — at the caret and offers matching
Suggestion rows (name + trace-derived live preview, from
useContextSuggestions in varSuggestions.ts) to complete it. This
component only owns token detection, filtering, keyboard navigation, and
insertion — the suggestion list, live values, and availability messaging
are all supplied by the caller (SchemaForm, via its varContext prop).
Controlled
<input>/<textarea>with a{{path}}(and, on opted-in fields, legacy$var) autocomplete popover.Detects an in-progress
{{pathtoken — or, whenlegacyDollaris true, also a$name/${nametoken — at the caret and offers matching Suggestion rows (name + trace-derived live preview, from useContextSuggestions in varSuggestions.ts) to complete it. This component only owns token detection, filtering, keyboard navigation, and insertion — the suggestion list, live values, and availability messaging are all supplied by the caller (SchemaForm, via itsvarContextprop).