layout.tsx•1.33 kB
import type { Metadata } from "next";
import { Inter, JetBrains_Mono } from "next/font/google";
import "./globals.css";
import { ThemeProvider } from "@/components/providers/theme-provider";
import { ApiClientInitializer } from "@/components/providers/api-client-initializer";
const inter = Inter({
subsets: ["latin"],
variable: "--font-sans",
});
const jetbrainsMono = JetBrains_Mono({
subsets: ["latin"],
variable: "--font-mono",
});
export const metadata: Metadata = {
title: "Agent MCP Dashboard",
description: "Premium multi-agent system dashboard with real-time monitoring and control capabilities",
keywords: ["agent", "mcp", "dashboard", "multi-agent", "ai", "automation"],
authors: [{ name: "Agent MCP Team" }],
};
export const viewport = {
width: "device-width",
initialScale: 1,
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en" suppressHydrationWarning>
<head>
<meta name="theme-color" content="#3b82f6" />
</head>
<body
className={`${inter.variable} ${jetbrainsMono.variable} font-sans antialiased`}
suppressHydrationWarning
>
<ThemeProvider>
<ApiClientInitializer />
{children}
</ThemeProvider>
</body>
</html>
);
}