Spaces:
Running
Running
| import type { Metadata } from "next"; | |
| import { Inter } from "next/font/google"; | |
| import { ChatSidebar } from "@/components/chat-sidebar"; | |
| import { SidebarTrigger } from "@/components/ui/sidebar"; | |
| import { Menu } from "lucide-react"; | |
| import { Providers } from "./providers"; | |
| import "./globals.css"; | |
| const inter = Inter({ subsets: ["latin"] }); | |
| export const metadata: Metadata = { | |
| title: "Scira MCP Chat", | |
| description: "Scira MCP Chat is a chat interface for interacting with MCP servers.", | |
| }; | |
| export default function RootLayout({ | |
| children, | |
| }: Readonly<{ | |
| children: React.ReactNode; | |
| }>) { | |
| return ( | |
| <html lang="en" suppressHydrationWarning> | |
| <body className={`${inter.className}`}> | |
| <Providers> | |
| <div className="flex h-dvh w-full"> | |
| <ChatSidebar /> | |
| <main className="flex-1 flex flex-col relative"> | |
| <div className="absolute top-4 left-4 z-50"> | |
| <SidebarTrigger> | |
| <button className="flex items-center justify-center h-8 w-8 bg-muted hover:bg-accent rounded-md transition-colors"> | |
| <Menu className="h-4 w-4" /> | |
| </button> | |
| </SidebarTrigger> | |
| </div> | |
| <div className="flex-1 flex justify-center"> | |
| {children} | |
| </div> | |
| </main> | |
| </div> | |
| </Providers> | |
| </body> | |
| </html> | |
| ); | |
| } | |