From 2a8f2bc1fa316c3a3b62d309d0dfd1545797fcb5 Mon Sep 17 00:00:00 2001
From: jwkim <jwkim@o2o.kr>
Date: Tue, 25 Aug 2026 09:11:24 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9D=BC=EC=A0=95=20=EC=B9=B4=EB=93=9C=20AI=20?=
 =?UTF-8?q?=EC=95=84=EC=9D=B4=EC=BD=98=20=ED=99=95=EB=8C=80(24px)=C2=B7VS?=
 =?UTF-8?q?=EB=A5=BC=20=ED=94=BD=20=EC=9A=B0=EC=84=B8=20=EB=B6=80=EB=93=B1?=
 =?UTF-8?q?=ED=98=B8=EB=A1=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

AI 픽이 있는 카드는 VS 대신 우세 방향 부등호(>, <, 팽팽하면 =) 표시.
픽 없는 경기는 기존 VS 유지.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 frontend/src/components/ScheduleBoard.tsx | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/ScheduleBoard.tsx b/frontend/src/components/ScheduleBoard.tsx
index 863875f..efbfc90 100644
--- a/frontend/src/components/ScheduleBoard.tsx
+++ b/frontend/src/components/ScheduleBoard.tsx
@@ -451,7 +451,7 @@ function AiPickIcons({ models }: { models: ModelName[] }) {
           src={MODEL_ICON[m]}
           alt={m}
           title={m}
-          className="h-[18px] w-[18px] shrink-0 rounded-full border border-white/25 object-cover"
+          className="h-6 w-6 shrink-0 rounded-full border border-white/25 object-cover"
         />
       ))}
     </>
@@ -521,6 +521,14 @@ function MatchCard({
   const drawPicks = picksFor("DRAW");
   const showAiRow =
     match.votable && phase !== "cancelled" && match.predictions.length > 0;
+  // AI 픽 우세 방향 부등호 — VS 자리에 표시 (팽팽하면 =, 픽 없으면 VS 유지)
+  const vsSign = !showAiRow
+    ? null
+    : leftPicks.length > rightPicks.length
+      ? ">"
+      : leftPicks.length < rightPicks.length
+        ? "<"
+        : "=";
 
   // 비투표(타 조)는 클릭 비활성, 투표 가능 조(A)는 상세로 이동
   const inner = (
@@ -581,7 +589,16 @@ function MatchCard({
             {(flip ? live.score.away : live.score.home) ?? 0}
           </span>
         ) : (
-          <span className="font-impact text-[18px] italic text-[#94FBE0]">VS</span>
+          vsSign ? (
+            <span
+              className="font-impact text-[24px] font-extrabold text-[#94FBE0]"
+              title={lang === "en" ? "AI pick lean" : "AI 픽 우세 방향"}
+            >
+              {vsSign}
+            </span>
+          ) : (
+            <span className="font-impact text-[18px] italic text-[#94FBE0]">VS</span>
+          )
         )}
         <div className="flex items-center justify-end gap-2">
           {isClub && <RankBadge rank={rightSt?.rank} lang={lang} />}