(function() {
    // 1. IMPORT DEPENDENCIES (Dari window global yang sudah dimuat sequential loader)
    const { AppProvider, useApp } = window; // Dari Context
    const { 
        LayoutPublic, 
        LayoutConsole 
    } = window; // Dari Layouts
    const { 
        ViewAuth, 
        ViewHome, 
        ViewCollab, 
        ViewMarket, 
        ViewConsoleDash, 
        ViewConsoleFilms 
    } = window; // Dari Views

    // 2. MAIN APP COMPONENT
    const CFFApp = () => {
        const { activeTab, user } = useApp();
        
        // State lokal untuk navigasi internal Console (Dashboard vs Films vs Settings)
        // Default ke 'dash' saat pertama buka console
        const [consolePage, setConsolePage] = React.useState('dash');

        // --- ROUTING LOGIC (The Switch) ---
        
        // A. AUTH VIEW (Login Page) - Standalone, No Layout
        if (activeTab === 'auth') {
            return <ViewAuth />;
        }

        // B. CONSOLE VIEW (Admin/Sineas Area) - Menggunakan LayoutConsole
        if (activeTab === 'console') {
            // Role Guard Tambahan (Defense in Depth)
            if (!user.canAccessConsole) {
                return (
                    <div className="h-screen flex items-center justify-center text-white bg-red-900/20">
                        <div className="text-center">
                            <h1 className="text-2xl font-bold">Akses Ditolak</h1>
                            <p className="mb-4">Akun Anda tidak memiliki izin untuk mengakses Console.</p>
                            <button onClick={() => window.location.href='/'} className="bg-white text-black px-4 py-2 rounded">Kembali</button>
                        </div>
                    </div>
                );
            }

            return (
                <LayoutConsole activePage={consolePage} setPage={setConsolePage}>
                    {consolePage === 'dash' && <ViewConsoleDash />}
                    {consolePage === 'films' && <ViewConsoleFilms />}
                    {consolePage === 'settings' && <div className="text-center py-20 text-gray-500">Modul Pengaturan (Coming Soon)</div>}
                </LayoutConsole>
            );
        }

        // C. PUBLIC VIEW (Visitor Area) - Menggunakan LayoutPublic
        // Default view untuk 'home', 'collab', 'market'
        return (
            <LayoutPublic>
                {activeTab === 'home' && <ViewHome />}
                {activeTab === 'collab' && <ViewCollab />}
                {activeTab === 'market' && <ViewMarket />}
            </LayoutPublic>
        );
    };

    // 3. ROOT MOUNTING
    const rootElement = document.getElementById('root');
    if (rootElement) {
        const root = ReactDOM.createRoot(rootElement);
        
        // Bungkus App dengan Provider Context agar state global tersedia
        root.render(
            <AppProvider>
                <CFFApp />
            </AppProvider>
        );

        // Trigger Lucide Icons (Fallback jika ada ikon statis di HTML)
        if (window.lucide) {
            setTimeout(() => window.lucide.createIcons(), 100);
        }
        
        console.log("🚀 CFF Hub React App Mounted Successfully.");
    } else {
        console.error("❌ Root element #root not found. React failed to mount.");
    }

})();