From 8037f2b8cc6410371889bb0c132032804d64a132 Mon Sep 17 00:00:00 2001
From: choibk <choibk350@gmail.com>
Date: Sun, 25 Jan 2026 01:53:28 +0900
Subject: [PATCH] =?UTF-8?q?UI=20=EB=B3=B4=EC=99=84:=20=EB=B0=B0=EB=84=88?=
 =?UTF-8?q?=20=EB=82=B4=20=EC=97=85=EB=8D=B0=EC=9D=B4=ED=8A=B8=20=EC=83=81?=
 =?UTF-8?q?=EC=84=B8=20=EB=82=B4=EC=97=AD=20=ED=91=9C=EC=8B=9C=20=EA=B8=B0?=
 =?UTF-8?q?=EB=8A=A5=20=EB=B3=B5=EA=B5=AC=20=EB=B0=8F=20=EB=94=94=EB=B2=84?=
 =?UTF-8?q?=EA=B7=B8=20=EC=A0=95=EB=B3=B4=20=EC=A0=9C=EA=B1=B0=20(v0.4.0.1?=
 =?UTF-8?q?)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/platform/pages/VersionPage.tsx | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/platform/pages/VersionPage.tsx b/src/platform/pages/VersionPage.tsx
index 4cb8a53..5aa62a4 100644
--- a/src/platform/pages/VersionPage.tsx
+++ b/src/platform/pages/VersionPage.tsx
@@ -136,16 +136,11 @@ export function VersionPage() {
                 </button>
             </div>
 
-            {/* Debug Info (Visible only for investigation) */}
-            <div className="mb-4 p-2 bg-slate-100 rounded text-[10px] text-slate-500 font-mono">
-                [Debug] Current: {currentVersion}, Latest: {remoteInfo?.latest}, NeedsUpdate: {String(needsUpdate)}, LatestInfo: {remoteInfo?.latestInfo ? 'Yes' : 'No'}
-            </div>
-
-            {/* Update Alert Banner - Enhanced Visibility */}
+            {/* Update Alert Banner - Enhanced Visibility with Details */}
             {needsUpdate && !updateResult && remoteInfo?.latestInfo && (
                 <div className={`mb-8 p-6 border-2 rounded-2xl shadow-xl flex flex-col md:flex-row items-center justify-between gap-6 ${remoteInfo.latestInfo.type === 'urgent' ? 'border-red-400 bg-red-50' : 'border-indigo-400 bg-indigo-50'}`}>
-                    <div className="flex items-start gap-4">
-                        <div className={`p-3 rounded-xl ${remoteInfo.latestInfo.type === 'urgent' ? 'bg-red-500 text-white' : 'bg-indigo-600 text-white'}`}>
+                    <div className="flex items-start gap-4 flex-1">
+                        <div className={`p-3 rounded-xl shrink-0 ${remoteInfo.latestInfo.type === 'urgent' ? 'bg-red-500 text-white' : 'bg-indigo-600 text-white'}`}>
                             <AlertTriangle size={24} />
                         </div>
                         <div className="space-y-1">
@@ -160,6 +155,19 @@ export function VersionPage() {
                             <p className="text-slate-600 font-medium text-sm">
                                 현재: v{currentVersion} <span className="mx-2">→</span> 차기: <span className="font-black text-indigo-700 underline underline-offset-4">{remoteInfo.latest}</span>
                             </p>
+
+                            {/* Detailed Changes from Tag Message */}
+                            <div className="mt-4 p-4 bg-white/80 backdrop-blur-sm rounded-xl border border-white/50 shadow-sm overflow-hidden">
+                                <p className="font-bold text-slate-800 text-sm mb-2">[{remoteInfo.latestInfo.title}]</p>
+                                <ul className="space-y-1.5">
+                                    {remoteInfo.latestInfo.changes.map((c, i) => (
+                                        <li key={i} className="flex items-start gap-2 text-xs text-slate-600">
+                                            <div className="mt-1.5 w-1 h-1 rounded-full bg-slate-400 shrink-0"></div>
+                                            <span>{c}</span>
+                                        </li>
+                                    ))}
+                                </ul>
+                            </div>
                         </div>
                     </div>