import './globals.css'; import type { Metadata } from 'next'; import { ThemeProvider } from '@/components/theme-provider'; import { Toaster } from '@/components/ui/sonner'; import dynamic from 'next/dynamic'; // Import the OAuthCallbackHandler dynamically to ensure it only runs on the client const OAuthCallbackHandler = dynamic( () => import('@/components/ui/oauth-callback-handler'), { ssr: false } ); // Import AuthGuard dynamically for client-side only const AuthGuard = dynamic( () => import('@/components/auth/auth-guard'), { ssr: false } ); // Import dev helper in development environment only const DevHelper = dynamic( () => import('@/utils/dev-helper').then(() => ({ default: () => null })), { ssr: false } ); export const metadata: Metadata = { title: 'AI Movie Flow - Create Amazing Videos with AI', description: 'Professional AI-powered video creation platform with advanced editing tools', }; export default function RootLayout({ children, }: { children: React.ReactNode; }) { return ( {children} {process.env.NODE_ENV === 'development' && } ); }