feat: debounce box selection for performance

app/src/lib/graph-interface/graph/mouse.events.ts

@@ -9,6 +9,7 @@ import { EdgeInteractionManager } from './edge.events';
 
 export class MouseEventManager {
   edgeInteractionManager: EdgeInteractionManager;
+  private pendingSelectionFrame = false;
 
   constructor(
     private graph: GraphManager,
@@ -282,6 +283,11 @@ export class MouseEventManager {
     if (this.state.boxSelection) {
       event.preventDefault();
       event.stopPropagation();
+      if (!this.pendingSelectionFrame) {
+        this.pendingSelectionFrame = true;
+        requestAnimationFrame(() => {
+          this.pendingSelectionFrame = false;
+          if (!this.state.mouseDown) return;
           const mouseD = this.state.projectScreenToWorld(
             this.state.mouseDown[0],
             this.state.mouseDown[1]
@@ -301,6 +307,8 @@ export class MouseEventManager {
               this.state.selectedNodes?.delete(node.id);
             }
           }
+        });
+      }
       return;
     }