From 41fee50c55019f1bcd5ba61a559be85961de92c3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9B=B7=E7=94=B5=E8=8A=BD=E8=A1=A3?=
 <zhangyanghaha0407@outlook.com>
Date: Thu, 16 Apr 2026 23:04:52 -0400
Subject: [PATCH] EntityWorkspace: normalize typography to match Panel
 (20px/bold), use Eyebrow primitive (P1-10, P2-27)

---
 src/renderer/components/EntityWorkspace.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/EntityWorkspace.tsx b/src/renderer/components/EntityWorkspace.tsx
index 1587fff9..e2a722b9 100644
--- a/src/renderer/components/EntityWorkspace.tsx
+++ b/src/renderer/components/EntityWorkspace.tsx
@@ -1,5 +1,10 @@
 import type { ReactNode } from "react";
+import { Eyebrow } from "./ui";
 
+/**
+ * Two-slot workspace layout with a section header.
+ * Use `Panel` for single-slot sections; use this when rendering a primary + secondary pane.
+ */
 export function EntityWorkspace({
   title,
   eyebrow,
@@ -14,8 +19,8 @@ export function EntityWorkspace({
   return (
     <div className="space-y-14">
       <div>
-        {eyebrow ? <div className="text-[10px] uppercase tracking-[0.08em] text-muted-foreground">{eyebrow}</div> : null}
-        <h2 className={`${eyebrow ? "mt-2" : ""} text-[18px] font-semibold tracking-[-0.01em] text-foreground`}>{title}</h2>
+        {eyebrow ? <Eyebrow className="mb-1">{eyebrow}</Eyebrow> : null}
+        <h2 className="text-[20px] font-bold tracking-[-0.025em] text-foreground">{title}</h2>
       </div>
       <div className="space-y-14">{primary}{secondary}</div>
     </div>