Refine responsive connector curves

index.html

@@ -616,11 +616,11 @@
           let d;
           if (Math.abs(dx) > Math.abs(dy)) {
             const direction = Math.sign(dx) || 1;
-            const bend = Math.max(32, Math.abs(dx) * 0.42);
+            const bend = Math.min(Math.max(16, Math.abs(dx) * 0.42), Math.abs(dx) / 2);
             d = `M ${start.x} ${start.y} C ${start.x + direction * bend} ${start.y}, ${end.x - direction * bend} ${end.y}, ${end.x} ${end.y}`;
           } else {
             const direction = Math.sign(dy) || 1;
-            const bend = Math.max(32, Math.abs(dy) * 0.42);
+            const bend = Math.min(Math.max(16, Math.abs(dy) * 0.42), Math.abs(dy) / 2);
             d = `M ${start.x} ${start.y} C ${start.x} ${start.y + direction * bend}, ${end.x} ${end.y - direction * bend}, ${end.x} ${end.y}`;
           }
           path.setAttribute("d", d);