From f039878edd64cac3cd7b3e5d95d41e228544b3aa Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Fri, 20 Feb 2026 00:09:44 +0000
Subject: [PATCH] Remove duplicate inline wheel handler, use existing
 onTurnStripWheel useCallback in useEffect

Applied via @cursor push command
---
 apps/web/src/components/DiffPanel.tsx | 14 +++-----------
 1 file changed, 3 insertions(+), 11 deletions(-)

diff --git a/apps/web/src/components/DiffPanel.tsx b/apps/web/src/components/DiffPanel.tsx
index 20c2bac804ec857f22be3043bb325a064671d083..4b867209108223ed0e1ac0dcf4d9d504facdab99 100644
--- a/apps/web/src/components/DiffPanel.tsx
+++ b/apps/web/src/components/DiffPanel.tsx
@@ -260,26 +260,18 @@ export default function DiffPanel({ mode = "inline" }: DiffPanelProps) {
     updateTurnStripScrollState();
     const onScroll = () => updateTurnStripScrollState();
     
-    const onWheel = (event: WheelEvent) => {
-      if (!element) return;
-      if (element.scrollWidth <= element.clientWidth + 1) return;
-      if (Math.abs(event.deltaY) <= Math.abs(event.deltaX)) return;
-      event.preventDefault();
-      element.scrollBy({ left: event.deltaY, behavior: "auto" });
-    };
-
     element.addEventListener("scroll", onScroll, { passive: true });
-    element.addEventListener("wheel", onWheel, { passive: false });
+    element.addEventListener("wheel", onTurnStripWheel, { passive: false });
 
     const resizeObserver = new ResizeObserver(() => updateTurnStripScrollState());
     resizeObserver.observe(element);
 
     return () => {
       element.removeEventListener("scroll", onScroll);
-      element.removeEventListener("wheel", onWheel);
+      element.removeEventListener("wheel", onTurnStripWheel);
       resizeObserver.disconnect();
     };
-  }, [updateTurnStripScrollState]);
+  }, [updateTurnStripScrollState, onTurnStripWheel]);
 
   useEffect(() => {
     updateTurnStripScrollState();
-- 
2.54.0