Fix reversed mouse wheel zoom direction in graph visualization

- Add wheel event filter to reverse deltaY for more intuitive zooming
- Scroll up now zooms IN (expected behavior for most users)
- Scroll down now zooms OUT (matches desktop app conventions)
- Applied to both empty canvas and main graph zoom behaviors
- Maintains all other zoom functionality (pan, pinch, etc.)

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: mvalancy

packages/web/src/components/InteractiveGraphVisualization.tsx

@@ -1163,9 +1163,17 @@ export function InteractiveGraphVisualization({ onResetLayout }: InteractiveGrap
 
     svg.attr('width', width).attr('height', height);
 
-    // Create zoom behavior for empty canvas
+    // Create zoom behavior for empty canvas with reversed wheel direction
     const zoom = d3.zoom<SVGSVGElement, unknown>()
       .scaleExtent([0.1, 3])
+      .filter((event: any) => {
+        // Reverse mouse wheel direction for more intuitive zooming
+        // Scroll up = zoom in (deltaY negative), Scroll down = zoom out (deltaY positive)
+        if (event.type === 'wheel') {
+          event.deltaY = -event.deltaY;
+        }
+        return true;
+      })
       .on('zoom', (event) => {
         const g = svg.select('g.main-graph-group');
         if (!g.empty()) {
@@ -1375,9 +1383,17 @@ export function InteractiveGraphVisualization({ onResetLayout }: InteractiveGrap
 
     svg.attr('width', width).attr('height', height);
 
-    // Create or reuse zoom behavior
+    // Create or reuse zoom behavior with reversed wheel direction
     const zoom = d3.zoom<SVGSVGElement, unknown>()
-      .scaleExtent([0.1, 4]);
+      .scaleExtent([0.1, 4])
+      .filter((event: any) => {
+        // Reverse mouse wheel direction for more intuitive zooming
+        // Scroll up = zoom in (deltaY negative), Scroll down = zoom out (deltaY positive)
+        if (event.type === 'wheel') {
+          event.deltaY = -event.deltaY;
+        }
+        return true;
+      });
 
     const g = isFirstInit ? svg.append('g').attr('class', 'main-graph-group') : existingMainGroup;