fix connection node and move interaction to normal path instead of pathTransparent

Author: devhelpr

libs/visual-programming-system/src/components/connection.ts

@@ -263,6 +263,7 @@ export class Connection<T extends BaseNodeInfo> {
         style: {
           filter: `url(#${arrowIdPrefix}_shadow)`,
         },
+        pointerdown: this.onPointerDown,
       },
       this.nodeComponent.domElement
     );

libs/visual-programming-system/src/components/css-classes/connection-css-classes.ts

@@ -2,7 +2,7 @@ export const getConnectionCssClasses = () => {
   return {
     containerCssClasses: `connection absolute top-0 left-0 pointer-events-none`,
     pathTransparentCssClasses: `connection-background-path pointer-events-stroke cursor-pointer opacity-75`,
-    pathCssClasses: `connection-path pointer-events-none`,
+    pathCssClasses: `connection-path pointer-events-stroke cursor-pointer`,
     pathDependentCssClasses: `connection-path pointer-events-none line-dependency-conntection`,
     textCssClasses: `connection-value-label absolute top-0 left-0 cursor-pointer pointer-events-none text-white bg-black px-1 z-[5] text-xs`,
     layer2: 'layer-2',