feat: init timeline zoom

1 files changed, 20 insertions, 0 deletions

diff --git a/apps/web/src/stores/timeline-store.ts b/apps/web/src/stores/timeline-store.ts
index 1fcfc60e..00bbc743 100644
--- a/apps/web/src/stores/timeline-store.ts
+++ b/apps/web/src/stores/timeline-store.ts
@@ -158,6 +158,8 @@ interface TimelineStore {
 
   // Computed values
   getTotalDuration: () => number;
+  getContentWidth: (zoomLevel: number) => number;
+  calculateFitToWindowZoom: (containerWidth: number) => number;
 
   // History actions
   undo: () => void;
@@ -1157,6 +1159,24 @@ export const useTimelineStore = create<TimelineStore>((set, get) => {
       return Math.max(...trackEndTimes, 0);
     },
 
+    getContentWidth: (zoomLevel: number) => {
+      const totalDuration = get().getTotalDuration();
+      return totalDuration * TIMELINE_CONSTANTS.PIXELS_PER_SECOND * zoomLevel;
+    },
+
+    calculateFitToWindowZoom: (containerWidth: number) => {
+      const totalDuration = get().getTotalDuration();
+      if (totalDuration === 0) return 1;
+      
+      // Leave some padding (10% on each side)
+      const availableWidth = containerWidth * 0.8;
+      const requiredWidth = totalDuration * TIMELINE_CONSTANTS.PIXELS_PER_SECOND;
+      const calculatedZoom = availableWidth / requiredWidth;
+      
+      // Clamp between min and max zoom levels
+      return Math.max(0.1, Math.min(5, calculatedZoom));
+    },
+
     redo: () => {
       const { redoStack } = get();
       if (redoStack.length === 0) return;