import type { Metadata } from "next";
import Script from "next/script";
import { Libre_Baskerville } from "next/font/google";
import "./globals.css";
const serif = Libre_Baskerville({
subsets: ["latin"],
weight: ["400", "700"],
variable: "--font-serif",
display: "swap",
});
import TaskList from "./_components/TaskList";
import ProjectHeader from "./_components/ProjectHeader";
import FilesNavLink from "./_components/FilesNavLink";
import Providers from "./_components/Providers";
export const metadata: Metadata = {
title: "Antibody Studio | Proteinea",
description: "AI-native antibody design workspace",
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
{/* Sidebar — desktop only, pure server HTML */}
{/* Mobile header */}
Antibody Studio
Chat
Data
Models
Help
{/* Main content — wrapped in client-side providers for user identity */}
{children}
{/* 3Dmol.js — loaded for StructureViewer. Component also has a runtime
loader fallback, but injecting here avoids first-view latency. */}
);
}
function NavLink({
href,
icon,
children,
}: {
href: string;
icon: string;
children: React.ReactNode;
}) {
return (
{children}
);
}
function MobileNavLink({ href, children }: { href: string; children: React.ReactNode }) {
return (
{children}
);
}
function ResourceItem({ label, count }: { label: string; count: number }) {
return (
{label}
{count}
);
}