fix: clear timeline/media on new project creation to prevent state leakage

1 files changed, 12 insertions, 1 deletions

diff --git a/apps/web/src/stores/project-store.ts b/apps/web/src/stores/project-store.ts
index 5ff88418..b924ea22 100644
--- a/apps/web/src/stores/project-store.ts
+++ b/apps/web/src/stores/project-store.ts
@@ -164,10 +164,21 @@ export const useProjectStore = create<ProjectStore>((set, get) => ({
   },
 
   createNewProject: async (name: string) => {
-    const newProject: TProject = { ...DEFAULT_PROJECT, name };
+    const newProject: TProject = {
+      ...DEFAULT_PROJECT,
+      id: generateUUID(),
+      name,
+      createdAt: new Date(),
+      updatedAt: new Date(),
+    };
 
     set({ activeProject: newProject });
 
+    const mediaStore = useMediaStore.getState();
+    const timelineStore = useTimelineStore.getState();
+    mediaStore.clearAllMedia();
+    timelineStore.clearTimeline();
+
     try {
       await storageService.saveProject(newProject);
       // Reload all projects to update the list