refactor: restructure files to their domains, new preview overlay system, and dep graph

1 files changed, 0 insertions, 42 deletions

diff --git a/apps/web/src/hooks/timeline/use-initial-scroll-bottom.ts b/apps/web/src/hooks/timeline/use-initial-scroll-bottom.ts
deleted file mode 100644
index 0b1cf92a..00000000
--- a/apps/web/src/hooks/timeline/use-initial-scroll-bottom.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { type RefObject, useLayoutEffect, useRef } from "react";

-

-interface UseInitialScrollBottomProps {

-	tracksScrollRef: RefObject<HTMLDivElement | null>;

-	trackLabelsScrollRef: RefObject<HTMLDivElement | null>;

-	onAfterScroll?: () => void;

-	/** Defers the scroll until there is at least one track to measure against. */

-	isReady: boolean;

-}

-

-/**

- * Scrolls the timeline tracks viewport to the bottom once on mount.

- * useLayoutEffect runs synchronously after React commits the DOM but before

- * the browser paints, so the initial scroll position is never visible.

- */

-export function useInitialScrollBottom({

-	tracksScrollRef,

-	trackLabelsScrollRef,

-	onAfterScroll,

-	isReady,

-}: UseInitialScrollBottomProps): void {

-	const hasScrolledRef = useRef(false);

-

-	useLayoutEffect(() => {

-		if (!isReady || hasScrolledRef.current) return;

-

-		const viewport = tracksScrollRef.current;

-		if (!viewport) return;

-

-		const maxScrollTop = viewport.scrollHeight - viewport.clientHeight;

-		if (maxScrollTop <= 0) return;

-

-		viewport.scrollTop = maxScrollTop;

-

-		if (trackLabelsScrollRef.current) {

-			trackLabelsScrollRef.current.scrollTop = maxScrollTop;

-		}

-

-		onAfterScroll?.();

-		hasScrolledRef.current = true;

-	}, [isReady, tracksScrollRef, trackLabelsScrollRef, onAfterScroll]);

-}