Update index.html

index.html

@@ -1978,6 +1978,48 @@
             <p>한국이 낳은 AI 혁신 — 세계가 인정한 기술력</p>
         </div>
 
+        <!-- ===== WM BENCH LIVE RANKING ===== -->
+        <div class="rank-dashboard" id="wmRankDashboard" style="margin-bottom:40px;">
+            <div class="rank-dashboard-header">
+                <h2><span class="live-dot"></span> WM Bench 3종 — 실시간 허깅페이스 순위</h2>
+                <div class="rank-summary" id="wmRankSummary">
+                    <div class="rs-item">
+                        <div class="rs-value" style="font-size:12px;line-height:1.3;text-align:center;">
+                            <a href="https://huggingface.co/spaces/FINAL-Bench/world-model" target="_blank" style="color:#e8593c;text-decoration:none;font-weight:700;">🔥 PROMETHEUS</a>
+                        </div>
+                        <div class="rs-label">월드 모델 데모</div>
+                    </div>
+                    <div class="rs-item">
+                        <div class="rs-value" style="font-size:12px;line-height:1.3;text-align:center;">
+                            <a href="https://huggingface.co/spaces/FINAL-Bench/worldmodel-bench" target="_blank" style="color:#6366f1;text-decoration:none;font-weight:700;">🏆 WM Bench LB</a>
+                        </div>
+                        <div class="rs-label">리더보드</div>
+                    </div>
+                    <div class="rs-item">
+                        <div class="rs-value" style="font-size:12px;line-height:1.3;text-align:center;">
+                            <a href="https://huggingface.co/datasets/FINAL-Bench/World-Model" target="_blank" style="color:#0d9488;text-decoration:none;font-weight:700;">📦 WM Dataset</a>
+                        </div>
+                        <div class="rs-label">데이터셋</div>
+                    </div>
+                    <div class="rs-item">
+                        <div class="rs-value" id="wmLikes">—</div>
+                        <div class="rs-label">총 좋아요</div>
+                    </div>
+                    <div class="rs-item">
+                        <div class="rs-value" id="wmRefresh" style="font-size:14px;cursor:pointer;" onclick="fetchWMRanking()" title="Refresh">🔄</div>
+                        <div class="rs-label">새로고침</div>
+                    </div>
+                </div>
+            </div>
+            <div class="rank-list" id="wmRankList">
+                <div style="text-align:center;padding:40px;color:var(--text-secondary);">
+                    <div style="font-size:32px;margin-bottom:12px;animation:livePulse 1.5s infinite;">📡</div>
+                    <div>WM Bench 허깅페이스 순위 불러오는 중...</div>
+                </div>
+            </div>
+            <p style="margin-top:16px;font-size:12px;color:var(--text-secondary);text-align:right;" id="wmRankTimestamp">📡 로딩 중...</p>
+        </div>
+
         <!-- ===== LIVE HF TRENDING RANKING (Dynamic) ===== -->
         <div class="rank-dashboard" id="rankDashboard">
             <div class="rank-dashboard-header">
@@ -3059,9 +3101,11 @@
             });
         });
         // Fetch HF ranking on load
+        fetchWMRanking();
         fetchHFRanking();
         fetchDSRanking();
         // Auto-refresh every 5 minutes
+        setInterval(fetchWMRanking, 5 * 60 * 1000);
         setInterval(fetchHFRanking, 5 * 60 * 1000);
         setInterval(fetchDSRanking, 5 * 60 * 1000);
     });
@@ -3083,7 +3127,9 @@
         { id: 'VIDraft/MARL', icon: '🛡️', name: 'MARL', desc: 'LLM 환각 감소 미들웨어', desc_en: 'LLM Hallucination Reduction Middleware' },
         { id: 'aiqtech/face', icon: '👤', name: 'Face AI', desc: 'AI 얼굴 인식·분석', desc_en: 'AI Face Recognition & Analysis' },
         { id: 'ginigen-ai/smol-worldcup', icon: '⚽', name: 'Smol AI WorldCup', desc: '소형 AI 모델 토너먼트', desc_en: 'Small AI Model Tournament' },
-        { id: 'ginigen-ai/site-agent', icon: '🌐', name: 'SiteAgent', desc: 'AI 웹 자동화 에이전트', desc_en: 'AI Web Automation Agent' }
+        { id: 'ginigen-ai/site-agent', icon: '🌐', name: 'SiteAgent', desc: 'AI 웹 자동화 에이전트', desc_en: 'AI Web Automation Agent' },
+        { id: 'FINAL-Bench/world-model', icon: '🔥', name: 'PROMETHEUS v1.0', desc: '월드 모델 3D 체험 데모 · 726점 B등급', desc_en: 'World Model 3D Demo · 726pts Grade B' },
+        { id: 'FINAL-Bench/worldmodel-bench', icon: '🏆', name: 'WM Bench Leaderboard', desc: '세계 최초 월드 모델 인지 벤치마크', desc_en: 'World-First World Model Cognitive Benchmark' }
     ];
 
     async function fetchHFRanking() {
@@ -3533,9 +3579,81 @@
     const TARGET_DATASETS = [
         { id: 'FINAL-Bench/Metacognitive', icon: '🧬', name: 'FINAL Bench Metacognitive', desc: 'AI 메타인지 벤치마크 데이터셋', desc_en: 'AI Metacognition Benchmark Dataset' },
         { id: 'FINAL-Bench/ALL-Bench-Leaderboard', icon: '📊', name: 'ALL Bench Leaderboard', desc: '91개 AI 모��� 통합 벤치마크', desc_en: '91 AI Models Unified Benchmark' },
-        { id: 'ginigen-ai/smol-worldcup', icon: '⚽', name: 'Smol AI WorldCup', desc: '소형 AI 모델 토너먼트 데이터셋', desc_en: 'Small AI Model Tournament Dataset' }
+        { id: 'ginigen-ai/smol-worldcup', icon: '⚽', name: 'Smol AI WorldCup', desc: '소형 AI 모델 토너먼트 데이터셋', desc_en: 'Small AI Model Tournament Dataset' },
+        { id: 'FINAL-Bench/World-Model', icon: '🌍', name: 'WM Bench Dataset', desc: 'WM Bench 월드 모델 인지 평가 데이터셋 · 100 시나리오', desc_en: 'WM Bench World Model Cognitive Evaluation · 100 Scenarios' }
     ];
 
+    async function fetchWMRanking() {
+        const listEl = document.getElementById('wmRankList');
+        const tsEl = document.getElementById('wmRankTimestamp');
+        if (!listEl) return;
+
+        const WM_SPACES = [
+            { id: 'FINAL-Bench/world-model',      icon: '🔥', name: 'PROMETHEUS v1.0',   type: 'space',   desc: '월드 모델 3D 체험 데모 · 726점 B등급 · 47FPS', link: 'https://huggingface.co/spaces/FINAL-Bench/world-model' },
+            { id: 'FINAL-Bench/worldmodel-bench',  icon: '🏆', name: 'WM Bench Leaderboard', type: 'space', desc: '세계 최초 월드 모델 인지 벤치마크 · 26개 모델', link: 'https://huggingface.co/spaces/FINAL-Bench/worldmodel-bench' },
+            { id: 'FINAL-Bench/World-Model',       icon: '📦', name: 'WM Bench Dataset',  type: 'dataset', desc: '월드 모델 인지 평가 · 100 시나리오 · CC-BY-SA-4.0', link: 'https://huggingface.co/datasets/FINAL-Bench/World-Model' }
+        ];
+
+        try {
+            const [spaceTrend, dsTrend] = await Promise.all([
+                fetch('https://huggingface.co/api/spaces?sort=trendingScore&direction=-1&limit=500').then(r=>r.json()),
+                fetch('https://huggingface.co/api/datasets?sort=trendingScore&direction=-1&limit=500').then(r=>r.json())
+            ]);
+
+            const spaceRankMap = {}; spaceTrend.forEach((s,i)=>{ spaceRankMap[s.id]={rank:i+1,trending:s.trendingScore||0}; });
+            const dsRankMap = {};    dsTrend.forEach((d,i)=>{ dsRankMap[d.id]={rank:i+1,trending:d.trendingScore||0}; });
+
+            const details = await Promise.all(WM_SPACES.map(async (item) => {
+                try {
+                    const apiUrl = item.type === 'space'
+                        ? `https://huggingface.co/api/spaces/${item.id}`
+                        : `https://huggingface.co/api/datasets/${item.id}`;
+                    const d = await fetch(apiUrl).then(r=>r.json());
+                    const rm = item.type === 'space' ? spaceRankMap[item.id] : dsRankMap[item.id];
+                    return { ...item, likes: d.likes||0, downloads: d.downloads||0, trending: rm?rm.trending:0, rank: rm?rm.rank:null };
+                } catch { return { ...item, likes:0, downloads:0, trending:0, rank:null }; }
+            }));
+
+            const totalLikes = details.reduce((s,d)=>s+d.likes,0);
+            document.getElementById('wmLikes').textContent = totalLikes.toLocaleString();
+
+            const maxTrending = Math.max(...details.map(d=>d.trending), 1);
+            let html = '';
+            details.forEach(d => {
+                const posColor = d.rank ? (d.rank<=20?'#d97706':d.rank<=50?'#0d9488':d.rank<=100?'#118ab2':'var(--text-secondary)') : '#e8593c';
+                const tierLabel = d.rank ? (d.rank<=10?'TOP 10':d.rank<=20?'TOP 20':d.rank<=50?'TOP 50':d.rank<=100?'TOP 100':`#${d.rank}`) : '✨';
+                const barW = d.trending>0 ? Math.max(8,Math.round((d.trending/maxTrending)*100)) : Math.max(8,Math.round((d.likes/200)*100));
+                const typeTag = d.type==='space'
+                    ? '<span style="font-size:10px;background:rgba(99,102,241,0.15);color:#6366f1;padding:2px 8px;border-radius:10px;font-weight:700;">Space</span>'
+                    : '<span style="font-size:10px;background:rgba(13,148,136,0.15);color:#0d9488;padding:2px 8px;border-radius:10px;font-weight:700;">Dataset</span>';
+                html += `<a href="${d.link}" target="_blank" class="rank-item">
+                    <div class="rank-pos ${d.rank?d.rank<=20?'gold':d.rank<=50?'cyan':'blue':'gold'}">
+                        ${d.rank?`#${d.rank}`:'<span style="font-size:18px;">✨</span>'}
+                        <span class="rank-label">${tierLabel}</span>
+                    </div>
+                    <div class="rank-info">
+                        <h4>${d.icon} ${d.name} ${typeTag}</h4>
+                        <div class="rank-org">${d.desc}</div>
+                        <div class="rank-bar-wrap"><div class="rank-bar ${d.rank?d.rank<=20?'gold-bar':d.rank<=50?'cyan-bar':'blue-bar':'gold-bar'}" style="width:${barW}%"></div></div>
+                    </div>
+                    <div class="rank-stats">
+                        <div class="trending-score" style="color:${posColor};">${d.trending>0?d.trending.toFixed(1):'—'}</div>
+                        <div class="likes-count">❤️ ${d.likes.toLocaleString()}</div>
+                        ${d.downloads>0?`<div style="font-size:11px;color:var(--text-secondary);">⬇️ ${d.downloads.toLocaleString()}</div>`:''}
+                    </div>
+                </a>`;
+            });
+
+            listEl.innerHTML = html;
+            const now = new Date();
+            tsEl.innerHTML = `📡 WM Bench 3종 실시간 순위 · ${now.toLocaleString('ko-KR',{year:'numeric',month:'2-digit',day:'2-digit',hour:'2-digit',minute:'2-digit',second:'2-digit'})} · 5분마다 자동 갱신`;
+
+        } catch(err) {
+            listEl.innerHTML = `<div style="text-align:center;padding:32px;color:#ef476f;"><div style="font-size:28px;margin-bottom:8px;">⚠️</div><div>API 조회 실패 — <span style="cursor:pointer;color:#0d9488;text-decoration:underline;" onclick="fetchWMRanking()">다시 시도</span></div><div style="font-size:12px;margin-top:8px;color:var(--text-secondary);">${err.message}</div></div>`;
+            tsEl.textContent = '📡 조회 실패 — 새로고침을 눌러주세요';
+        }
+    }
+
     async function fetchDSRanking() {
         const listEl = document.getElementById('dsRankList');
         const tsEl = document.getElementById('dsRankTimestamp');