import type { Metadata, Viewport } from "next";
import type { ReactNode } from "react";
import { ThemeScript } from "@/components/ThemeScript";
import { mono, sans, serif } from "@/lib/fonts";
import "katex/dist/katex.min.css";
import "./globals.css";

const base = process.env.APP_BASE_URL ?? "http://localhost:8470";
const staging = process.env.STAGING_MODE === "1";

export const metadata: Metadata = {
  title: { default: "AutoScholar.ai — Autonomous Research Foundry", template: "%s · AutoScholar.ai" },
  description:
    "From research instructions to verifiable working papers. An AI-produced, publicly auditable library of working papers across disciplines. Research computed on MacLustr.",
  metadataBase: new URL(base),
  robots: staging ? { index: false, follow: false } : { index: true, follow: true },
  openGraph: { siteName: "AutoScholar.ai", type: "website", locale: "en_US" },
  alternates: {
    types: { "application/rss+xml": `${base}/feed.xml`, "application/atom+xml": `${base}/feed.atom` },
  },
};

export const viewport: Viewport = {
  width: "device-width",
  initialScale: 1,
  viewportFit: "cover",
  themeColor: [
    { media: "(prefers-color-scheme: light)", color: "#fcfbf7" },
    { media: "(prefers-color-scheme: dark)", color: "#0d0d0a" },
  ],
};

export default function RootLayout({ children }: { children: ReactNode }) {
  return (
    <html
      lang="en"
      suppressHydrationWarning
      className={`${serif.variable} ${sans.variable} ${mono.variable}`}
    >
      <head>
        <ThemeScript />
      </head>
      <body>{children}</body>
    </html>
  );
}