diff --git a/apps/web/src/app/editor/page.tsx b/apps/web/src/app/editor/page.tsx
index f9f64ee..cc2db10 100644
--- a/apps/web/src/app/editor/page.tsx
+++ b/apps/web/src/app/editor/page.tsx
@@ -13,6 +13,7 @@ import { PreviewPanel } from "../../components/editor/preview-panel";
import { EditorHeader } from "@/components/editor-header";
import { usePanelStore } from "@/stores/panel-store";
import { useProjectStore } from "@/stores/project-store";
+import { EditorProvider } from "@/components/editor-provider";
export default function Editor() {
const {
@@ -38,59 +39,61 @@ export default function Editor() {
}, [activeProject, createNewProject]);
return (
-
-
-
-
- {/* Main content area */}
-
- {/* Tools Panel */}
-
-
-
+
+
+
+
+
+ {/* Main content area */}
+
+ {/* Tools Panel */}
+
+
+
-
+
- {/* Preview Area */}
-
-
-
+ {/* Preview Area */}
+
+
+
-
+
- {/* Properties Panel */}
-
-
-
-
-
+ {/* Properties Panel */}
+
+
+
+
+
-
+
- {/* Timeline */}
-
-
-
-
-
+ {/* Timeline */}
+
+
+
+
+
+
);
}
diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx
index 6696e88..b07aef2 100644
--- a/apps/web/src/app/layout.tsx
+++ b/apps/web/src/app/layout.tsx
@@ -5,7 +5,6 @@ import { Analytics } from "@vercel/analytics/react";
import "./globals.css";
import { Toaster } from "../components/ui/sonner";
import { TooltipProvider } from "../components/ui/tooltip";
-import { AppProvider } from "@/components/app-provider";
const inter = Inter({
subsets: ["latin"],
@@ -26,13 +25,11 @@ export default function RootLayout({
-
-
- {children}
-
-
-
-
+
+ {children}
+
+
+
diff --git a/apps/web/src/components/app-provider.tsx b/apps/web/src/components/editor-provider.tsx
similarity index 84%
rename from apps/web/src/components/app-provider.tsx
rename to apps/web/src/components/editor-provider.tsx
index 257fc8f..fbae4c9 100644
--- a/apps/web/src/components/app-provider.tsx
+++ b/apps/web/src/components/editor-provider.tsx
@@ -2,14 +2,14 @@
import { useEffect } from "react";
import { Loader2 } from "lucide-react";
-import { useAppStore } from "@/stores/app-store";
+import { useAppStore } from "@/stores/editor-store";
import { usePanelStore } from "@/stores/panel-store";
-interface AppProviderProps {
+interface EditorProviderProps {
children: React.ReactNode;
}
-export function AppProvider({ children }: AppProviderProps) {
+export function EditorProvider({ children }: EditorProviderProps) {
const { isInitializing, isPanelsReady, initializeApp } = useAppStore();
const { setInitialized } = usePanelStore();
diff --git a/apps/web/src/stores/app-store.ts b/apps/web/src/stores/editor-store.ts
similarity index 100%
rename from apps/web/src/stores/app-store.ts
rename to apps/web/src/stores/editor-store.ts