From 8cf93a786fef0aa2890ba59ec040bc7f91c264f5 Mon Sep 17 00:00:00 2001
From: Roo Code <roomote@roocode.com>
Date: Fri, 13 Feb 2026 03:39:25 +0000
Subject: [PATCH] fix(web-evals): lift Fraunces/IBM Plex Sans font setup to
 shared evals layout

Move --font-display and --font-body CSS variable declarations from
workers/page.tsx into a new evals/layout.tsx so all evals sub-pages
(methodology, workers, workers/[roleId], etc.) inherit the font
variables without duplicating the setup.
---
 apps/web-roo-code/src/app/evals/layout.tsx    |  8 +++++++
 .../src/app/evals/workers/page.tsx            | 24 +++++++------------
 2 files changed, 17 insertions(+), 15 deletions(-)
 create mode 100644 apps/web-roo-code/src/app/evals/layout.tsx

diff --git a/apps/web-roo-code/src/app/evals/layout.tsx b/apps/web-roo-code/src/app/evals/layout.tsx
new file mode 100644
index 0000000000..f6ebd164a4
--- /dev/null
+++ b/apps/web-roo-code/src/app/evals/layout.tsx
@@ -0,0 +1,8 @@
+import { Fraunces, IBM_Plex_Sans } from "next/font/google"
+
+const display = Fraunces({ subsets: ["latin"], variable: "--font-display" })
+const body = IBM_Plex_Sans({ subsets: ["latin"], weight: ["400", "500", "600"], variable: "--font-body" })
+
+export default function EvalsLayout({ children }: { children: React.ReactNode }) {
+	return <div className={`${body.variable} ${display.variable} [font-family:var(--font-body)]`}>{children}</div>
+}
diff --git a/apps/web-roo-code/src/app/evals/workers/page.tsx b/apps/web-roo-code/src/app/evals/workers/page.tsx
index 718011b56d..0e6eaae44c 100644
--- a/apps/web-roo-code/src/app/evals/workers/page.tsx
+++ b/apps/web-roo-code/src/app/evals/workers/page.tsx
@@ -1,5 +1,4 @@
 import type { Metadata } from "next"
-import { Fraunces, IBM_Plex_Sans } from "next/font/google"
 
 import { SEO } from "@/lib/seo"
 import { ogImageUrl } from "@/lib/og"
@@ -15,9 +14,6 @@ const DESCRIPTION =
 const OG_DESCRIPTION = "Outcome-first recommendations for shipping production code"
 const PATH = "/evals/workers"
 
-const display = Fraunces({ subsets: ["latin"], variable: "--font-display" })
-const body = IBM_Plex_Sans({ subsets: ["latin"], weight: ["400", "500", "600"], variable: "--font-body" })
-
 export const metadata: Metadata = {
 	title: TITLE,
 	description: DESCRIPTION,
@@ -79,16 +75,14 @@ export default function WorkersPage() {
 		.pop()
 
 	return (
-		<div className={`${body.variable} ${display.variable} [font-family:var(--font-body)]`}>
-			<WorkersContent
-				roles={roles}
-				recommendations={recommendations}
-				totalEvalRuns={totalEvalRuns}
-				totalExercises={totalExercises}
-				totalModels={totalModels}
-				lastUpdated={lastUpdated}
-				workersRootPath="/evals/workers"
-			/>
-		</div>
+		<WorkersContent
+			roles={roles}
+			recommendations={recommendations}
+			totalEvalRuns={totalEvalRuns}
+			totalExercises={totalExercises}
+			totalModels={totalModels}
+			lastUpdated={lastUpdated}
+			workersRootPath="/evals/workers"
+		/>
 	)
 }