1 files changed, 25 insertions, 9 deletions

diff --git a/apps/web/src/timeline/controllers/zoom-controller.ts b/apps/web/src/timeline/controllers/zoom-controller.ts
index 8e0af4fe..91147354 100644
--- a/apps/web/src/timeline/controllers/zoom-controller.ts
+++ b/apps/web/src/timeline/controllers/zoom-controller.ts
@@ -3,6 +3,7 @@ import { TIMELINE_ZOOM_ANCHOR_PLAYHEAD_THRESHOLD } from "@/timeline/components/i
 import { timelineTimeToPixels } from "@/timeline/pixel-utils";
 import { TIMELINE_ZOOM_MAX } from "@/timeline/scale";
 import { zoomToSlider } from "@/timeline/zoom-utils";
+import type { MediaTime } from "@/wasm";
 
 type ZoomUpdater = number | ((prev: number) => number);
 
@@ -11,12 +12,12 @@ export interface ZoomConfig {
 	getContainerEl: () => HTMLDivElement | null;
 	getTracksScrollEl: () => HTMLDivElement | null;
 	getRulerScrollEl: () => HTMLDivElement | null;
-	getCurrentPlayheadTime: () => number;
-	seek: (time: number) => void;
+	getCurrentPlayheadTime: () => MediaTime;
+	seek: (time: MediaTime) => void;
 	setTimelineViewState: (viewState: {
 		zoomLevel: number;
 		scrollLeft: number;
-		playheadTime: number;
+		playheadTime: MediaTime;
 	}) => void;
 }
 
@@ -24,7 +25,13 @@ export interface ZoomConfigRef {
 	readonly current: ZoomConfig;
 }
 
-function clampZoom(zoomLevel: number, minZoom: number): number {
+function clampZoom({
+	zoomLevel,
+	minZoom,
+}: {
+	zoomLevel: number;
+	minZoom: number;
+}): number {
 	return Math.max(minZoom, Math.min(TIMELINE_ZOOM_MAX, zoomLevel));
 }
 
@@ -48,7 +55,7 @@ export class ZoomController {
 		const minZoom = this.config.minZoom;
 		this.zoomLevelValue =
 			deps.initialZoom !== undefined
-				? clampZoom(deps.initialZoom, minZoom)
+				? clampZoom({ zoomLevel: deps.initialZoom, minZoom })
 				: minZoom;
 		this.previousZoom = this.zoomLevelValue;
 		this.hasInitialized = deps.initialZoom !== undefined;
@@ -88,7 +95,10 @@ export class ZoomController {
 			typeof zoomLevelOrUpdater === "function"
 				? zoomLevelOrUpdater(this.zoomLevelValue)
 				: zoomLevelOrUpdater;
-		const nextZoom = clampZoom(nextZoomRaw, this.config.minZoom);
+		const nextZoom = clampZoom({
+			zoomLevel: nextZoomRaw,
+			minZoom: this.config.minZoom,
+		});
 		if (nextZoom === this.zoomLevelValue) return;
 
 		this.zoomLevelValue = nextZoom;
@@ -114,10 +124,16 @@ export class ZoomController {
 		}
 	}
 
-	reconcileInitialAndMinZoom(minZoom: number, initialZoom?: number): void {
+	reconcileInitialAndMinZoom({
+		minZoom,
+		initialZoom,
+	}: {
+		minZoom: number;
+		initialZoom?: number;
+	}): void {
 		if (initialZoom !== undefined && !this.hasInitialized) {
 			this.hasInitialized = true;
-			this.setZoomLevel(clampZoom(initialZoom, minZoom));
+			this.setZoomLevel(clampZoom({ zoomLevel: initialZoom, minZoom }));
 			return;
 		}
 
@@ -249,7 +265,7 @@ export class ZoomController {
 		return () => observer.disconnect();
 	}
 
-	restoreInitialPlayheadIfNeeded(initialPlayheadTime?: number): void {
+	restoreInitialPlayheadIfNeeded(initialPlayheadTime?: MediaTime): void {
 		if (initialPlayheadTime === undefined) return;
 		if (this.hasRestoredPlayhead) return;