fixed some bugs with splitting and selecting curve endpoints/handles

curveEditor.js

@@ -663,7 +663,8 @@ yToMotorPosition(yCanvas) {
             }
 
             for (let curve of this.curves) {
-                for (let key of ['startPointHandle', 'endPointHandle', 'startPoint', 'endPoint']) {
+  // Pass 1: check handles first
+  for (let key of ['startPointHandle', 'endPointHandle']) {
     const p = curve[key];
     if (Math.hypot(p.x - mouse.x, p.y - mouse.y) < 10 / this.scale) {
       this.dragging = { curve, key };
@@ -672,6 +673,18 @@ yToMotorPosition(yCanvas) {
   }
 }
 
+// If no handle was hit, then check points
+for (let curve of this.curves) {
+  for (let key of ['startPoint', 'endPoint']) {
+    const p = curve[key];
+    if (Math.hypot(p.x - mouse.x, p.y - mouse.y) < 10 / this.scale) {
+      this.dragging = { curve, key };
+      return;
+    }
+  }
+}
+
+
         });
 
 
@@ -761,27 +774,61 @@ yToMotorPosition(yCanvas) {
         const curves = this.curveSets[motorID];
         if (!curves) return;
 
+        const tolerance = 2; // pixels/frames tolerance for matching existing points
+
         for (let i = 0; i < curves.length; i++) {
             const curve = curves[i];
 
-    // --- if timeX matches an existing startPoint ---
+            // --- check startPoint ---
-    if (Math.abs(curve.startPoint.x - timeX) < 1e-3) {
+            if (Math.abs(curve.startPoint.x - timeX) < tolerance) {
                 if (yPosition !== null) {
+                    // move existing point
                     const yEditor = (yPosition * 800 / 4095);
                     curve.startPoint.y = yEditor;
                     if (curve.startPointHandle) curve.startPointHandle.y = yEditor;
+                } else {
+                    // remove point by merging with previous
+                    if (i > 0) {
+                        const prev = curves[i - 1];
+                        const merged = {
+                            startPoint: prev.startPoint,
+                            startPointHandle: prev.startPointHandle,
+                            endPointHandle: curve.endPointHandle,
+                            endPoint: curve.endPoint
+                        };
+                        curves.splice(i - 1, 2, merged);
+                    } else {
+                        curves.splice(i, 1); // drop if it's the very first
                     }
+                }
+                this.curveSets[motorID] = curves;
                 this.draw();
                 return;
             }
 
-    // --- if timeX matches an existing endPoint ---
+            // --- check endPoint ---
-    if (Math.abs(curve.endPoint.x - timeX) < 1e-3) {
+            if (Math.abs(curve.endPoint.x - timeX) < tolerance) {
                 if (yPosition !== null) {
+                    // move existing point
                     const yEditor = (yPosition * 800 / 4095);
                     curve.endPoint.y = yEditor;
                     if (curve.endPointHandle) curve.endPointHandle.y = yEditor;
+                } else {
+                    // remove point by merging with next
+                    if (i < curves.length - 1) {
+                        const next = curves[i + 1];
+                        const merged = {
+                            startPoint: curve.startPoint,
+                            startPointHandle: curve.startPointHandle,
+                            endPointHandle: next.endPointHandle,
+                            endPoint: next.endPoint
+                        };
+                        curves.splice(i, 2, merged);
+                    } else {
+                        curves.splice(i, 1); // drop if it's the very last
                     }
+                }
+                this.curveSets[motorID] = curves;
                 this.draw();
                 return;
             }
@@ -808,7 +855,6 @@ yToMotorPosition(yCanvas) {
 
                 let [left, right] = this.splitCurve(curve, t);
 
-      // ✅ If yPosition provided, override the split point’s Y
                 if (yPosition !== null) {
                     const yEditor = (yPosition * 800 / 4095);
                     left.endPoint.y = yEditor;
@@ -826,9 +872,6 @@ yToMotorPosition(yCanvas) {
     }
 
 
-
-
-
     adjustAllCurvesToDuration(newTime) {
         for (const [motorID, curves] of Object.entries(this.curveSets)) {
             if (!curves || curves.length === 0) continue;

ros_robot_visualiser/URDFEditor.js

@@ -547,6 +547,8 @@ export class URDFEditor {
       }
       this.selectedJoint = this.hoveredJoint;
       this.selectedJoint.material.emissive.setHex(0x555555); // selection color
+      let motorID = this.findJointAncestor(this.selectedJoint, 0).transmission.motorID;
+      this.curveEditor.selectMotor(motorID);
     }
 
     this.isDragging = true;