From bf8bf16e5c13d3bd84d9bb2d576b0c1956a652ea Mon Sep 17 00:00:00 2001
From: Kev <kevdevelops@gmail.com>
Date: Thu, 16 Jul 2026 21:58:27 -0400
Subject: [PATCH] =?UTF-8?q?Rev=203=20chips:=20pitcher=20identity=20'vs'=20?=
 =?UTF-8?q?=E2=80=94=20team=20+=20opponent=20TeamChips?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

PitcherArsenal's meta line showed team + 'vs OPP' as plain text; Rev 3 anchors
the pitcher's team and opponent with TeamChips (real logo / monogram). Combat
FightCard intentionally keeps fighter monograms (no photos — likeness rule).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 web/src/components/vyndr/PitcherArsenal.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/web/src/components/vyndr/PitcherArsenal.tsx b/web/src/components/vyndr/PitcherArsenal.tsx
index df61036..30e58c3 100644
--- a/web/src/components/vyndr/PitcherArsenal.tsx
+++ b/web/src/components/vyndr/PitcherArsenal.tsx
@@ -1,6 +1,7 @@
 'use client';
 
 import { useEffect, useState } from 'react';
+import TeamChip from '@/components/vyndr/TeamChip';
 
 /**
  * PitcherArsenal (Wave 5B) — the mockup's PITCHER IDENTITY lens: pitch mix % +
@@ -110,8 +111,14 @@ export default function PitcherArsenal({ arsenal, name, sport = 'mlb', pitcher,
                   <span className="mono" style={{ display: 'inline-flex', alignItems: 'center', height: 16, padding: '0 6px', borderRadius: 4, background: 'color-mix(in srgb, var(--g-a) 12%, transparent)', border: '1px solid color-mix(in srgb, var(--g-a) 30%, transparent)', color: 'var(--g-a)', fontSize: 8.5, fontWeight: 700, letterSpacing: '.06em' }}>CONFIRMED</span>
                 )}
               </div>
-              <div className="mono" style={{ fontSize: 10.5, color: '#707080', marginTop: 3, letterSpacing: '.05em' }}>
-                {[meta.hand, meta.number != null ? `#${meta.number}` : null, meta.team, meta.vs ? `vs ${meta.vs}` : null].filter(Boolean).join(' · ') || 'ARSENAL'}
+              {/* Rev 3 — pitcher "vs": team + opponent anchored by TeamChips. */}
+              <div className="mono" style={{ fontSize: 10.5, color: '#707080', marginTop: 3, letterSpacing: '.05em', display: 'flex', alignItems: 'center', gap: 6, flexWrap: 'wrap' }}>
+                {[meta.hand, meta.number != null ? `#${meta.number}` : null].filter(Boolean).join(' · ') && (
+                  <span>{[meta.hand, meta.number != null ? `#${meta.number}` : null].filter(Boolean).join(' · ')}</span>
+                )}
+                {meta.team && <TeamChip team={meta.team} sport="mlb" size={11} style={{ fontSize: 10.5, color: '#707080' }} />}
+                {meta.vs && <span style={{ display: 'inline-flex', alignItems: 'center', gap: 4 }}>vs <TeamChip team={meta.vs} sport="mlb" size={11} style={{ fontSize: 10.5, color: '#707080' }} /></span>}
+                {!meta.hand && meta.number == null && !meta.team && !meta.vs && <span>ARSENAL</span>}
               </div>
             </div>
           </div>