1. Make the arrow handle stand out. Previously the right and bottom handles were covered by the Monaco editor and were hard to select.
2. Use undirectional floating edge. Previously the arrows are anchored at the 4 handles, which are not meaningful as we just need to know which nodes are the source/target. That also creates intermingled arrow connections. Now, the anchor of the arrow will move with the pods. Ref: https://reactflow.dev/docs/examples/nodes/easy-connect/
3. auto-hide the toolbar when the mouse is not over the pods.

Before:

After: