visual indication if an edge is connectable

koonpeng · koonpeng · commit 15499782ab5a · 2025-08-01T08:39:45.000Z
Signed-off-by: Teo Koon Peng &lt;teokoonpeng@gmail.com&gt;
diff --git a/diagram-editor/frontend/app.css b/diagram-editor/frontend/app.css
@@ -22,3 +22,9 @@
   left: -150%;
   top: -100%;
 }
+.react-flow__handle.connectingto {
+  background: var(--mui-palette-error-main);
+}
+.react-flow__handle.valid {
+  background: var(--mui-palette-success-main);
+}
