refactor(web): centralize touch mouse adapters

apps/web/src/hooks/useTimelineDrag.ts

@@ -33,7 +33,7 @@ import {
 } from "./timelineMultiSelect.js";
 import { reconcileOptimisticEntries } from "./timelineOptimisticAllocations.js";
 import { createRangeSelectionState, finalizeRangeSelection, updateRangeSelectionDraft } from "./timelineRangeSelection.js";
-import { getTouchPoint, resolveTouchDragDecision } from "./timelineTouch.js";
+import { createTouchMouseDownEvent, getTouchPoint, resolveTouchDragDecision, type TouchMouseDownEvent } from "./timelineTouch.js";
 
 const DRAG_CLICK_THRESHOLD_PX = 5;
 
@@ -525,7 +525,7 @@ export function useTimelineDrag({
 
   const onProjectBarMouseDown = useCallback(
     (
-      e: React.MouseEvent,
+      e: TouchMouseDownEvent,
       opts: {
         projectId: string;
         projectName: string;
@@ -568,7 +568,7 @@ export function useTimelineDrag({
   // Legacy — kept for backward compat (triggers project shift from allocation block)
   const onBlockMouseDown = useCallback(
     (
-      e: React.MouseEvent,
+      e: TouchMouseDownEvent,
       opts: {
         projectId: string;
         projectName: string;
@@ -606,7 +606,7 @@ export function useTimelineDrag({
 
   const onAllocMouseDown = useCallback(
     (
-      e: React.MouseEvent,
+      e: TouchMouseDownEvent,
       opts: {
         mode: AllocDragMode;
         allocationId: string;
@@ -802,7 +802,7 @@ export function useTimelineDrag({
 
   const onRowMouseDown = useCallback(
     (
-      e: React.MouseEvent,
+      e: TouchMouseDownEvent,
       opts: {
         resourceId: string;
         startDate: Date;
@@ -952,14 +952,7 @@ export function useTimelineDrag({
       e.preventDefault();
       const point = getTouchPoint(e);
       touchStartRef.current = { x: point.clientX, y: point.clientY, decided: true };
-      onProjectBarMouseDown(
-        {
-          clientX: point.clientX,
-          preventDefault: () => {},
-          stopPropagation: () => {},
-        } as unknown as React.MouseEvent,
-        opts,
-      );
+      onProjectBarMouseDown(createTouchMouseDownEvent(point, e.currentTarget), opts);
     },
     [onProjectBarMouseDown],
   );
@@ -984,14 +977,7 @@ export function useTimelineDrag({
       e.preventDefault();
       const point = getTouchPoint(e);
       touchStartRef.current = { x: point.clientX, y: point.clientY, decided: true };
-      onAllocMouseDown(
-        {
-          clientX: point.clientX,
-          preventDefault: () => {},
-          stopPropagation: () => {},
-        } as unknown as React.MouseEvent,
-        opts,
-      );
+      onAllocMouseDown(createTouchMouseDownEvent(point, e.currentTarget), opts);
     },
     [onAllocMouseDown],
   );
@@ -1008,14 +994,7 @@ export function useTimelineDrag({
       e.preventDefault();
       const point = getTouchPoint(e);
       touchStartRef.current = { x: point.clientX, y: point.clientY, decided: false };
-      onRowMouseDown(
-        {
-          clientX: point.clientX,
-          preventDefault: () => {},
-          stopPropagation: () => {},
-        } as unknown as React.MouseEvent,
-        opts,
-      );
+      onRowMouseDown(createTouchMouseDownEvent(point, e.currentTarget), opts);
     },
     [onRowMouseDown],
   );