feat: masks, properties refactor, shaders, storage migrations, and more

1 files changed, 16 insertions, 12 deletions

diff --git a/apps/web/src/hooks/timeline/use-timeline-zoom.ts b/apps/web/src/hooks/timeline/use-timeline-zoom.ts
index 095c64dc..64a0fb58 100644
--- a/apps/web/src/hooks/timeline/use-timeline-zoom.ts
+++ b/apps/web/src/hooks/timeline/use-timeline-zoom.ts
@@ -81,18 +81,22 @@ export function useTimelineZoom({
 				return;
 			}
 
-			// pinch-zoom (ctrl/meta + wheel)
-			if (isZoomGesture) {
-				const zoomMultiplier = event.deltaY > 0 ? 1 / 1.1 : 1.1;
-				setZoomLevel((prev) => {
-					const nextZoom = Math.max(
-						minZoom,
-						Math.min(TIMELINE_CONSTANTS.ZOOM_MAX, prev * zoomMultiplier),
-					);
-					return nextZoom;
-				});
-				return;
-			}
+		// pinch-zoom (ctrl/meta + wheel)
+		if (isZoomGesture) {
+			const normalizedDelta =
+				event.deltaMode === 1 ? event.deltaY * 16 : event.deltaY;
+			const cappedDelta =
+				Math.sign(normalizedDelta) * Math.min(Math.abs(normalizedDelta), 30);
+			const zoomFactor = Math.exp(-cappedDelta / 300);
+			setZoomLevel((prev) => {
+				const nextZoom = Math.max(
+					minZoom,
+					Math.min(TIMELINE_CONSTANTS.ZOOM_MAX, prev * zoomFactor),
+				);
+				return nextZoom;
+			});
+			return;
+		}
 		},
 		[minZoom, setZoomLevel],
 	);