refactor(web): extract range selection bootstrap

apps/web/src/hooks/useTimelineDrag.ts

@@ -31,7 +31,7 @@ import {
   updateMultiSelectDraft,
 } from "./timelineMultiSelect.js";
 import { reconcileOptimisticEntries } from "./timelineOptimisticAllocations.js";
-import { finalizeRangeSelection, updateRangeSelectionDraft } from "./timelineRangeSelection.js";
+import { createRangeSelectionState, finalizeRangeSelection, updateRangeSelectionDraft } from "./timelineRangeSelection.js";
 import { getTouchPoint, resolveTouchDragDecision } from "./timelineTouch.js";
 
 const DRAG_CLICK_THRESHOLD_PX = 5;
@@ -826,14 +826,12 @@ export function useTimelineDrag({
       if (dragStateRef.current.isDragging || allocDragRef.current.isActive) return;
       if (e.button !== 0) return;
       e.preventDefault();
-      const state: RangeState = {
-        isSelecting: true,
-        resourceId: opts.resourceId,
-        startDate: opts.startDate,
-        currentDate: opts.startDate,
-        suggestedProjectId: opts.suggestedProjectId ?? null,
-        startClientX: e.clientX,
-      };
+      const state = createRangeSelectionState<RangeState>(
+        opts.resourceId,
+        opts.startDate,
+        e.clientX,
+        opts.suggestedProjectId,
+      );
       rangeStateRef.current = state;
       setRangeState(state);
     },