From 15587104586f3c785c239b758d8e469369c69e6b Mon Sep 17 00:00:00 2001
From: Kev <kevdevelops@gmail.com>
Date: Thu, 16 Jul 2026 18:03:34 -0400
Subject: [PATCH] =?UTF-8?q?M3.3a=20book=20wordmark=20=E2=80=94=20BookCompa?=
 =?UTF-8?q?rison=20renders=20BookChip,=20not=20the=20raw=20key?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The only surface still showing a raw book key: BookComparison rendered
{b.book} capitalized ('Betmgm'). Now uses the entity-layer BookChip (branded
wordmark + name), matching ledger/GameCard. No lowercase/raw book text anywhere.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 web/src/components/BookComparison.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/web/src/components/BookComparison.tsx b/web/src/components/BookComparison.tsx
index ebd0c88..a6f6dba 100644
--- a/web/src/components/BookComparison.tsx
+++ b/web/src/components/BookComparison.tsx
@@ -1,5 +1,7 @@
 'use client';
 
+import BookChip from '@/components/vyndr/BookChip';
+
 /**
  * BookComparison (Session 28).
  *
@@ -53,7 +55,9 @@ export default function BookComparison({ player, stat, line, side = 'over', book
               border: `1px solid ${b.isBest ? 'var(--grade-a, #00D4A0)' : 'var(--border, #1A1A24)'}`,
             }}
           >
-            <span style={{ fontSize: 13, fontWeight: 700, textTransform: 'capitalize', color: 'var(--text-0, #F0F0F5)' }}>{b.book}</span>
+            {/* M3.3a — real branded book wordmark, never the capitalized raw
+                key ("Betmgm"). The entity-layer BookChip resolves DK/FD/MGM/… */}
+            <BookChip book={b.book} showName />
             <span className="mono" style={{ fontSize: 12, color: 'var(--text-secondary, #8A8A9A)' }}>
               {fmt(b.over_odds)} / {fmt(b.under_odds)}
             </span>