import type { Metadata, Viewport } from "next";
import Sidebar from "@/components/Sidebar";
import "./globals.css";

export const metadata: Metadata = {
  title: "AI Trading Signal Lab",
  description:
    "AI-powered trading research platform — paper trading only, not financial advice.",
  manifest: "/manifest.webmanifest",
  appleWebApp: { capable: true, statusBarStyle: "black-translucent", title: "Signal Lab" },
};

export const viewport: Viewport = {
  themeColor: "#07090f",
  width: "device-width",
  initialScale: 1,
  viewportFit: "cover",
};

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body>
        <a href="#main" className="sr-only focus:not-sr-only focus:absolute focus:top-2 focus:left-2 focus:z-50 focus:bg-ink-700 focus:text-slate-100 focus:px-3 focus:py-2 focus:rounded">
          Skip to content
        </a>
        <Sidebar />
        <main
          id="main"
          className="md:ml-60 min-h-screen px-4 md:px-8 py-6 pt-20 md:pt-6 pb-28 md:pb-6 max-w-[1400px]"
        >
          {children}
        </main>
      </body>
    </html>
  );
}
