Problems creating connections for dynamically added nodes dragged from a palette

[Luandrada]

Context

"dependencies": {
  "@angular/animations": "^20.2.2",
  "@angular/cdk": "^20.2.1",
  "@angular/common": "^20.2.2",
  "@angular/compiler": "^20.2.2",
  "@angular/core": "^20.2.2",
  "@angular/forms": "^20.2.2",
  "@angular/platform-browser": "^20.2.2",
  "@angular/platform-browser-dynamic": "^20.2.2",
  "@angular/router": "^20.2.2",
  "@foblex/2d": "^1.2.1",
  "@foblex/flow": "^17.9.5",
  "@foblex/mediator": "^1.1.3",
  "@foblex/platform": "^1.0.4",
  "@foblex/utils": "^1.1.1"
}

Description

My goal is to create new nodes by dragging elements from an external <div class="palette"> into the canvas at a given position — and then be able to connect these new nodes with existing ones in my entity tree.

**Creating nodes by drag-and-drop already works correctly, and they are properly rendered in the canvas.
The problem appears when I try to create connections between the newly added nodes and existing ones.
entity-tree.component.html
**

I based my implementation on the Pro Examples → Visual Programming demo, but I noticed a few differences that prevent me from reproducing the same behavior:

• The example uses <vp-node> instead of <div fNode ...>.
• The example repository (Visual Programming Demo) does not include @foblex/flow in its package.json.
• When I add <f-connection-for-create></f-connection-for-create> to enable manual connections, I lose the ability to drag existing nodes — clicks on nodes start drawing the connection line instead of moving the node.
  Even when I successfully reach another node with that connection line, it disappears when I release the mouse (the connection is not created or persisted).

---

Questions

1. Is it correct to use @foblex/flow@17.9.5 with Angular 20?
2. In this version, should I still use <div fNode ...> or migrate to <vp-node>?
3. Is the expected behavior (creating nodes dynamically, connecting them, and still being able to move them freely on the canvas) achievable with the versions listed above?
4. Any suggestions or example code to help me fix the connection issue?

---

Thank you

Thank you in advance for any guidance!
I’m attaching my component’s HTML and TypeScript files for reference.

[Luandrada]

everything was wrong on my side