so much stuff???

apps/web/src/stores/timeline-store.ts

@@ -0,0 +1,61 @@
+import { create } from "zustand";
+
+export interface TimelineClip {
+  id: string;
+  mediaId: string;
+  name: string;
+  duration: number;
+}
+
+export interface TimelineTrack {
+  id: string;
+  name: string;
+  type: "video" | "audio" | "effects";
+  clips: TimelineClip[];
+}
+
+interface TimelineStore {
+  tracks: TimelineTrack[];
+
+  // Actions
+  addTrack: (type: "video" | "audio" | "effects") => void;
+  removeTrack: (trackId: string) => void;
+  addClipToTrack: (trackId: string, clip: Omit<TimelineClip, "id">) => void;
+}
+
+export const useTimelineStore = create<TimelineStore>((set) => ({
+  tracks: [],
+
+  addTrack: (type) => {
+    const newTrack: TimelineTrack = {
+      id: crypto.randomUUID(),
+      name: `${type.charAt(0).toUpperCase() + type.slice(1)} Track`,
+      type,
+      clips: [],
+    };
+    set((state) => ({
+      tracks: [...state.tracks, newTrack],
+    }));
+  },
+
+  removeTrack: (trackId) => {
+    set((state) => ({
+      tracks: state.tracks.filter((track) => track.id !== trackId),
+    }));
+  },
+
+  addClipToTrack: (trackId, clipData) => {
+    const newClip: TimelineClip = {
+      ...clipData,
+      id: crypto.randomUUID(),
+    };
+
+    set((state) => ({
+      tracks: state.tracks.map((track) =>
+        track.id === trackId
+          ? { ...track, clips: [...track.clips, newClip] }
+          : track
+      ),
+    }));
+  },
+}));