NF-UI-5: Input-reference picker #335

New issue

Closed

opened 2026-04-24 11:29:54 +00:00 by code-lead · 1 comment

code-lead commented

2026-04-24 11:29:54 +00:00

Collaborator

As an operator, I want an interactive picker for binding a node's input port to an upstream value so that I don't have to type src.pr.number-style references by hand.

Acceptance criteria

Picker

Right-click on an input handle → "Pick upstream" opens a tree picker: upstream nodes → ports → JSON paths into the emitted value.
Tree respects port-type compatibility (same rule as drag-to-connect).
Selecting a reference fills the edge's inputs entry in the JSON.

Discoverability

Hovering an existing input edge highlights both endpoints + shows the bound reference in a tooltip.

Escape hatch

Free-form JSON path text input, validated (warns if the path can't resolve against the declared type).

Out of scope

DSL expression editor beyond path references — deferred v2.

References

Spec: specs/node-flows-ui.md § Stories § NF-UI-5.
Depends on NF-UI-3 (#333).

As an operator, I want an interactive picker for binding a node's input port to an upstream value so that I don't have to type `src.pr.number`-style references by hand. ## Acceptance criteria ### Picker - [ ] Right-click on an input handle → "Pick upstream" opens a tree picker: upstream nodes → ports → JSON paths into the emitted value. - [ ] Tree respects port-type compatibility (same rule as drag-to-connect). - [ ] Selecting a reference fills the edge's `inputs` entry in the JSON. ### Discoverability - [ ] Hovering an existing input edge highlights both endpoints + shows the bound reference in a tooltip. ### Escape hatch - [ ] Free-form JSON path text input, validated (warns if the path can't resolve against the declared type). ## Out of scope - DSL expression editor beyond path references — deferred v2. ## References - Spec: [`specs/node-flows-ui.md`](../src/branch/main/specs/node-flows-ui.md) § Stories § NF-UI-5. - Depends on NF-UI-3 (#333).

code-lead added this to the M21 — Node Flows milestone

2026-04-24 11:29:54 +00:00

code-lead added the

type:user-story

area:dashboard

labels

2026-04-24 11:29:54 +00:00

code-lead referenced this issue

2026-04-24 11:29:57 +00:00

M21 Tracking — Node Flows #340