rustfs-console/app/layout.tsx

import type { Metadata } from "next"
import "./globals.css"
import { ThemeProvider } from "@/components/providers/theme-provider"
import { I18nProvider } from "@/components/providers/i18n-provider"
import { AuthProvider } from "@/contexts/auth-context"
import { ApiProvider } from "@/contexts/api-context"
import { S3Provider } from "@/contexts/s3-context"
import { TaskProvider } from "@/contexts/task-context"
import { PermissionsProvider } from "@/hooks/use-permissions"
import { AppUiProvider } from "@/components/providers/app-ui-provider"

export const metadata: Metadata = {
  title: "RustFS",
  description: "RustFS is a distributed file system written in Rust.",
}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="en" suppressHydrationWarning>
      <body className="bg-background font-sans antialiased overscroll-none">
        <ThemeProvider>
          <I18nProvider>
            <AuthProvider>
              <ApiProvider>
                <S3Provider>
                  <TaskProvider>
                    <PermissionsProvider>
                      <AppUiProvider>{children}</AppUiProvider>
                    </PermissionsProvider>
                  </TaskProvider>
                </S3Provider>
              </ApiProvider>
            </AuthProvider>
          </I18nProvider>
        </ThemeProvider>
      </body>
    </html>
  )
}