var(--font-jetbrains)/var(--font-sans3) in the @theme tokens resolve at :root — the module classes must attach to <html>, not <body>. Chrome now renders JetBrains Mono and prose Source Sans 3 live; 'lh-cmu' inlines a plain name so the serif titles were immune. Gates all green; build ok.
34 lines
1.3 KiB
TypeScript
34 lines
1.3 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { JetBrains_Mono, Source_Sans_3 } from "next/font/google";
|
|
import "katex/dist/katex.min.css";
|
|
import "./globals.css";
|
|
import { AppShell, SidebarProvider } from "@/components/sidebar";
|
|
import { ActivityDock, ActivityProvider } from "@/components/activity-dock";
|
|
|
|
// Chrome = JetBrains Mono, teaching prose = Source Sans 3, titles = CMU
|
|
// Serif (the bundled lh-cmu @font-face in globals.css — no CDN).
|
|
const ui = JetBrains_Mono({ subsets: ["latin"], variable: "--font-jetbrains" });
|
|
const prose = Source_Sans_3({ subsets: ["latin"], variable: "--font-sans3" });
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Learning Harness",
|
|
description: "A teacher agent with a memory — sessions, quizzes, and a knowledge graph of what you know.",
|
|
};
|
|
|
|
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<html lang="en" className={`dark ${ui.variable} ${prose.variable}`}>
|
|
<body className="min-h-dvh antialiased">
|
|
<SidebarProvider>
|
|
<ActivityProvider>
|
|
<AppShell>{children}</AppShell>
|
|
{/* The reserved bottom-right corner of every view — renders
|
|
nothing while no background process runs. */}
|
|
<ActivityDock />
|
|
</ActivityProvider>
|
|
</SidebarProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|