File size: 2,529 Bytes
eeb9404 fa8ad0b eeb9404 | 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 63 64 65 66 67 68 69 70 71 72 73 74 | import type { Metadata, Viewport } from "next";
import TanstackProvider from "@/components/providers/tanstack-query-provider";
import { ThemeProvider } from "@/components/providers/theme-provider";
import "@/assets/globals.css";
import { Toaster } from "@/components/ui/sonner";
import { BackendStatusBanner } from "@/components/backend-status-banner";
export const metadata: Metadata = {
title: "OSW Studio",
description:
"Open Source Web Studio is an AI-powered development environment that enables autonomous multi-file development through intelligent tool usage. Build complete applications with natural language.",
openGraph: {
title: "Open Source Web Studio | Agentic AI Development",
description:
"Open Source Web Studio is an AI-powered development environment that enables autonomous multi-file development through intelligent tool usage. Build complete applications with natural language.",
url: "https://huggingface.co/spaces/otst/osw-studio",
siteName: "Open Source Web Studio",
images: [
{
url: "https://huggingface.co/spaces/otst/osw-studio/resolve/main/banner.png",
width: 1200,
height: 630,
alt: "Open Source Web Studio - Agentic AI Development",
},
],
},
twitter: {
card: "summary_large_image",
title: "OSW Studio | Agentic AI Development",
description:
"OSW-Studio is an AI-powered development environment that enables autonomous multi-file development through intelligent tool usage. Build complete applications with natural language.",
images: ["https://huggingface.co/spaces/otst/osw-studio/resolve/main/banner.png"],
},
appleWebApp: {
capable: true,
title: "OSW-Studio",
statusBarStyle: "black-translucent",
},
icons: {
icon: "/osw-studio-logo.svg",
shortcut: "/osw-studio-logo.svg",
apple: "/osw-studio-logo.svg",
},
};
export const viewport: Viewport = {
initialScale: 1,
maximumScale: 1,
themeColor: "#000000",
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en" suppressHydrationWarning>
<body
className="antialiased bg-background h-[100dvh] overflow-hidden"
suppressHydrationWarning
>
<ThemeProvider>
<Toaster richColors position="bottom-center" />
<BackendStatusBanner />
<TanstackProvider>
{children}
</TanstackProvider>
</ThemeProvider>
</body>
</html>
);
}
|