@canvas-harness/core 0.1.12 → 0.1.13

package/dist/index.d.cts

@@ -2499,10 +2499,14 @@ type Hit = NodeHit | EdgeHit;
 declare const hitTestPoint: (store: CanvasStore, worldPoint: Vec2, cameraZ: number, selectedIds?: ReadonlySet<NodeId>) => NodeHit | null;
 /**
  * Combined node + edge hit testing. Order: node handles > edge endpoint
- * handles > node bodies > edge bodies.
- *
- * Node bodies take priority over edge bodies because clicking ON a node
- * shouldn't accidentally select the edge passing behind it.
+ * handles > visually-topmost body (node or edge, compared by z).
+ *
+ * For bodies, the rule is paint-order: whichever of (node body, edge
+ * body) has the higher z wins, with ties going to edges (edges paint
+ * over nodes by convention). This lets users click an edge that runs
+ * visually over a large background-style node — the 8px polyline slop
+ * keeps the edge's hit zone narrow, so clicks far from the polyline
+ * still land on the node underneath.
  */
 declare const hitTestAny: (store: CanvasStore, worldPoint: Vec2, cameraZ: number, selectedNodes?: ReadonlySet<NodeId>, selectedEdges?: ReadonlySet<EdgeId>) => Hit | null;
 /**

package/dist/index.d.ts

@@ -2499,10 +2499,14 @@ type Hit = NodeHit | EdgeHit;
 declare const hitTestPoint: (store: CanvasStore, worldPoint: Vec2, cameraZ: number, selectedIds?: ReadonlySet<NodeId>) => NodeHit | null;
 /**
  * Combined node + edge hit testing. Order: node handles > edge endpoint
- * handles > node bodies > edge bodies.
- *
- * Node bodies take priority over edge bodies because clicking ON a node
- * shouldn't accidentally select the edge passing behind it.
+ * handles > visually-topmost body (node or edge, compared by z).
+ *
+ * For bodies, the rule is paint-order: whichever of (node body, edge
+ * body) has the higher z wins, with ties going to edges (edges paint
+ * over nodes by convention). This lets users click an edge that runs
+ * visually over a large background-style node — the 8px polyline slop
+ * keeps the edge's hit zone narrow, so clicks far from the polyline
+ * still land on the node underneath.
  */
 declare const hitTestAny: (store: CanvasStore, worldPoint: Vec2, cameraZ: number, selectedNodes?: ReadonlySet<NodeId>, selectedEdges?: ReadonlySet<EdgeId>) => Hit | null;
 /**

package/dist/index.js

@@ -5851,8 +5851,13 @@ var hitTestAny = (store, worldPoint, cameraZ, selectedNodes = /* @__PURE__ */ ne
     }
   }
   const nodeHit = hitTestPoint(store, worldPoint, cameraZ, selectedNodes);
-  if (nodeHit) return nodeHit;
-  return hitTestEdge(store, worldPoint, cameraZ);
+  const edgeHit = hitTestEdge(store, worldPoint, cameraZ);
+  if (nodeHit && edgeHit && "edgeId" in edgeHit) {
+    const nodeZ = store.getNode(nodeHit.nodeId)?.z ?? 0;
+    const edgeZ = store.getEdge(edgeHit.edgeId)?.z ?? 0;
+    return edgeZ >= nodeZ ? edgeHit : nodeHit;
+  }
+  return nodeHit ?? edgeHit;
 };
 var marqueeNodes = (store, rect) => {
   const candidates = store.querySpatial({ rect }).nodes;