OpenCut-app
diff --git a/‎.cursor/rules/ultracite.mdc‎
Lines changed: 14 additions & 1 deletion b/‎.cursor/rules/ultracite.mdc‎
Lines changed: 14 additions & 1 deletion
diff --git a/‎apps/web/src/app/editor/[project_id]/layout.tsx‎
Lines changed: 9 additions & 13 deletions b/‎apps/web/src/app/editor/[project_id]/layout.tsx‎
Lines changed: 9 additions & 13 deletions
diff --git a/‎apps/web/src/app/layout.tsx‎
Lines changed: 4 additions & 1 deletion b/‎apps/web/src/app/layout.tsx‎
Lines changed: 4 additions & 1 deletion
diff --git a/‎apps/web/src/app/roadmap/page.tsx‎
Lines changed: 2 additions & 2 deletions b/‎apps/web/src/app/roadmap/page.tsx‎
Lines changed: 2 additions & 2 deletions
@@ -5,15 +5,18 @@ alwaysApply: true
 ---
 
 # Project Context
+
 Ultracite enforces strict type safety, accessibility standards, and consistent code quality for JavaScript/TypeScript projects using Biome's lightning-fast formatter and linter.
 
 ## Key Principles
+
 - Zero configuration required
 - Subsecond performance
 - Maximum type safety
 - AI-friendly code generation
 
 ## Before Writing Code
+
 1. Analyze existing patterns in the codebase
 2. Consider edge cases and error scenarios
 3. Follow the rules below strictly
@@ -23,45 +26,53 @@ Ultracite enforces strict type safety, accessibility standards, and consistent c
 ## Rules
 
 ### Accessibility (a11y)
+
 - Always include a `title` element for icons unless there's text beside the icon.
 - Always include a `type` attribute for button elements.
 - Accompany `onClick` with at least one of: `onKeyUp`, `onKeyDown`, or `onKeyPress`.
 - Accompany `onMouseOver`/`onMouseOut` with `onFocus`/`onBlur`.
 
 ### Code Complexity and Quality
+
 - Don't use primitive type aliases or misleading types.
 - Don't use the comma operator.
 - Use for...of statements instead of Array.forEach.
 - Don't initialize variables to undefined.
 - Use .flatMap() instead of map().flat() when possible.
 
 ### React and JSX Best Practices
+
 - Don't import `React` itself.
 - Don't define React components inside other components.
 - Don't use both `children` and `dangerouslySetInnerHTML` props on the same element.
 - Don't insert comments as text nodes.
 - Use `<>...</>` instead of `<Fragment>...</Fragment>`.
 
 ### Function Parameters and Props
+
 - Always use destructured props objects instead of individual parameters in functions.
 - Example: `function helloWorld({ prop }: { prop: string })` instead of `function helloWorld(param: string)`.
 - This applies to all functions, not just React components.
 
 ### Correctness and Safety
+
 - Don't assign a value to itself.
 - Avoid unused imports and variables.
 - Don't use await inside loops.
 - Don't hardcode sensitive data like API keys and tokens.
 - Don't use the TypeScript directive @ts-ignore.
 - Make sure the `preconnect` attribute is used when using Google Fonts.
 - Don't use the `delete` operator.
+- Don't use `require()` in TypeScript/ES modules - use proper `import` statements.
 
 ### TypeScript Best Practices
+
 - Don't use TypeScript enums.
 - Use either `T[]` or `Array<T>` consistently.
 - Don't use the `any` type.
 
 ### Style and Consistency
+
 - Don't use global `eval()`.
 - Use `String.slice()` instead of `String.substr()` and `String.substring()`.
 - Don't use `else` blocks when the `if` block breaks early.
@@ -70,17 +81,19 @@ Ultracite enforces strict type safety, accessibility standards, and consistent c
 - Use `String.trimStart()` and `String.trimEnd()` over `String.trimLeft()` and `String.trimRight()`.
 
 ### Next.js Specific Rules
+
 - Don't use `<img>` elements in Next.js projects.
 - Don't use `<head>` elements in Next.js projects.
 
 ## Example: Error Handling
+
 ```typescript
 // ✅ Good: Comprehensive error handling
 try {
   const result = await fetchData();
   return { success: true, data: result };
 } catch (error) {
-  console.error('API call failed:', error);
+  console.error("API call failed:", error);
   return { success: false, error: error.message };
 }
 
 
@@ -1,13 +1,9 @@
-"use client";
-
-import { useGlobalPrefetcher } from "@/components/providers/global-prefetcher";
-
-export default function EditorLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  useGlobalPrefetcher();
-
-  return <div>{children}</div>;
-}
+"use client";
+
+export default function EditorLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return <div>{children}</div>;
+}
@@ -5,6 +5,7 @@ import "./globals.css";
 import { Toaster } from "../components/ui/sonner";
 import { TooltipProvider } from "../components/ui/tooltip";
 import { StorageProvider } from "../components/storage-provider";
+import { ScenesMigrator } from "../components/providers/migrators/scenes-migrator";
 import { baseMetaData } from "./metadata";
 import { defaultFont } from "../lib/font-config";
 import { BotIdClient } from "botid/client";
@@ -36,7 +37,9 @@ export default function RootLayout({
       <body className={`${defaultFont.className} font-sans antialiased`}>
         <ThemeProvider attribute="class" defaultTheme="dark">
           <TooltipProvider>
-            <StorageProvider>{children}</StorageProvider>
+            <StorageProvider>
+              <ScenesMigrator>{children}</ScenesMigrator>
+            </StorageProvider>
             <Analytics />
             <Toaster />
             <Script
 
@@ -47,8 +47,8 @@ const roadmapItems: {
     description:
       "The foundation that enables everything else. Real-time preview, video rendering, export functionality. Once this works, we can add effects, filters, transitions - basically everything that makes a video editor powerful.",
     status: {
-      text: "In Progress",
-      type: "pending",
+      text: "Completed",
+      type: "complete",
     },
   },
   {