vero-guardian-dashboard/src/app/layout.tsx at feat/diff-engine · ghzhost/vero-guardian-dashboard · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
import './globals.css';
import type { Metadata } from 'next';
import { Inter } from 'next/font/google';
import type { ReactElement, ReactNode } from 'react';
import { WalletProvider } from '@/context/WalletContext';
import { RoleProvider } from '@/context/RoleContext';
import { AlertProvider } from '@/context/AlertContext';
import { ToastProvider } from '@/components/Toast';
import { ThemeProvider, themeScript } from '@/context/ThemeContext';
import { I18nProvider } from '@/i18n';
import { NetworkProvider } from '@/context/NetworkContext';
import { SocketIOProvider } from '@/context/SocketIOContext';
import DevWalletSwitcher from '@/components/DevWalletSwitcher';
import { ErrorProvider } from '@/components/ErrorModal';

const inter = Inter({ subsets: ['latin'] });

export const metadata: Metadata = {
  title: 'Vero Guardian Dashboard',
  description: 'Decentralized Validation Network Dashboard',
};

interface RootLayoutProps {
  children: ReactNode;
}

export default function RootLayout({ children }: RootLayoutProps): ReactElement {
  return (
    <html lang="en" className={inter.className} suppressHydrationWarning>
      <head>
        {/*
          Anti-flicker script: runs synchronously before first paint to apply
          the correct dark/light class from localStorage, preventing theme flash.
        */}
        <script dangerouslySetInnerHTML={{ __html: themeScript }} />
      </head>
      <body className="min-h-screen bg-slate-50 text-slate-900 dark:bg-slate-950 dark:text-slate-100 transition-colors duration-200">
        <I18nProvider>
          <AlertProvider>
            <ThemeProvider>
              <NetworkProvider>
                  <WalletProvider>
                    <RoleProvider>
                      <SocketIOProvider>
                        <ErrorProvider>
                          <ToastProvider>
                            {children}
                          </ToastProvider>
                        </ErrorProvider>
                      </SocketIOProvider>
                    </RoleProvider>
                    {/* DEV-ONLY: renders null in production */}
                    <DevWalletSwitcher />
                  </WalletProvider>
              </NetworkProvider>
            </ThemeProvider>
          </AlertProvider>
        </I18nProvider>
      </body>
    </html>
  );
}