From ec6bc2b792fb8529e0b72ef5d2f646a0daea4a9f Mon Sep 17 00:00:00 2001
From: cocoyoon <socozy7210@gmail.com>
Date: Sat, 18 Jul 2026 00:54:26 +0900
Subject: [PATCH] =?UTF-8?q?fix(web):=20VTON=20=ED=8C=A8=EB=84=90=20"Try-on?=
 =?UTF-8?q?"+beta=20=EB=B1=83=EC=A7=80=20=C2=B7=20Item=20Info=20view=20?=
 =?UTF-8?q?=EB=A7=81=ED=81=AC=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

라이브 UI 피드백 2건:

- VtonItemPanel 헤더: "가상 피팅 PoC" → "Try-on" + beta 뱃지. PoC 라는
  개발 용어 대신 유저가 이해하는 beta 딱지로. panel.title(ko/en) "Try-on"
  으로 통일 + panel.betaBadge 키 추가. 평문 span 을 pill 뱃지로 스타일.
- Item Info(SpotItemList) 의 매칭 솔루션 "View" 외부 링크 제거. 미사용이
  된 viewUrl 변수도 정리. (Recreate 섹션의 "View ↗" 는 다른 표면 — 유지.)

검증(실제 브라우저, localhost:3000):
- 룩 상세 Item Info: exact "View" 외부 링크 0개, 콘솔 에러 없음.
- "Try on this set" → VTON 모달 헤더 "Try-on" + BETA pill, "PoC" 소멸.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 .../web/lib/components/decoded/LookDetailClient.tsx   | 11 -----------
 packages/web/lib/components/vton/VtonItemPanel.tsx    |  6 ++++--
 packages/web/messages/en.json                         |  3 ++-
 packages/web/messages/ko.json                         |  3 ++-
 4 files changed, 8 insertions(+), 15 deletions(-)

diff --git a/packages/web/lib/components/decoded/LookDetailClient.tsx b/packages/web/lib/components/decoded/LookDetailClient.tsx
index 53ab55d3..50b2d210 100644
--- a/packages/web/lib/components/decoded/LookDetailClient.tsx
+++ b/packages/web/lib/components/decoded/LookDetailClient.tsx
@@ -388,7 +388,6 @@ function SpotItemList({
             const solution = spot.top_solution;
             const brand = (solution.metadata as { brand?: string } | undefined)
               ?.brand;
-            const viewUrl = solution.affiliate_url ?? solution.original_url;
             return (
               <li key={spot.id} className="flex items-center gap-2">
                 <span className="relative size-10 shrink-0 overflow-hidden rounded-md bg-muted">
@@ -425,16 +424,6 @@ function SpotItemList({
                   )}
                 </div>
                 <ItemLikeButton itemId={null} />
-                {viewUrl && (
-                  <a
-                    href={viewUrl}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className="shrink-0 text-[11px] font-medium text-primary underline-offset-2 hover:underline"
-                  >
-                    {t("items.view")}
-                  </a>
-                )}
               </li>
             );
           }
diff --git a/packages/web/lib/components/vton/VtonItemPanel.tsx b/packages/web/lib/components/vton/VtonItemPanel.tsx
index facfec89..21173c57 100644
--- a/packages/web/lib/components/vton/VtonItemPanel.tsx
+++ b/packages/web/lib/components/vton/VtonItemPanel.tsx
@@ -143,9 +143,11 @@ export function VtonItemPanel({
     >
       {/* Header */}
       <div className="flex items-center justify-between border-b border-white/10 px-4 py-3">
-        <h2 className="text-sm font-semibold text-white">
+        <h2 className="flex items-center gap-2 text-sm font-semibold text-white">
           {t("panel.title")}
-          <span className="ml-2 text-[#f7e64a]">PoC</span>
+          <span className="rounded-full border border-[#f7e64a]/40 bg-[#f7e64a]/10 px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-[#f7e64a]">
+            {t("panel.betaBadge")}
+          </span>
         </h2>
         <button
           type="button"
diff --git a/packages/web/messages/en.json b/packages/web/messages/en.json
index e8707608..088540c0 100644
--- a/packages/web/messages/en.json
+++ b/packages/web/messages/en.json
@@ -646,7 +646,8 @@
       "resultAlt": "Result"
     },
     "panel": {
-      "title": "Virtual Try-On",
+      "title": "Try-on",
+      "betaBadge": "beta",
       "closeAria": "Close VTON modal",
       "itemsTab": "Items",
       "postsTab": "Posts",
diff --git a/packages/web/messages/ko.json b/packages/web/messages/ko.json
index b6bc7444..d8cc22d8 100644
--- a/packages/web/messages/ko.json
+++ b/packages/web/messages/ko.json
@@ -646,7 +646,8 @@
       "resultAlt": "결과"
     },
     "panel": {
-      "title": "가상 피팅",
+      "title": "Try-on",
+      "betaBadge": "beta",
       "closeAria": "VTON 모달 닫기",
       "itemsTab": "아이템",
       "postsTab": "포스트",