Update templates/index.html

templates/index.html

@@ -431,19 +431,23 @@
                                 <div class="metric-value" style="color: #00ff88;">${{ "{:,.2f}".format(report.target_price) }}</div>
                             </div>
                             <div class="metric-card">
-                                <div class="metric-label">📉 하락 리스크</div>
-                                <div class="metric-value" style="color: #ff4757;">{{ report.get('expected_downside', -10) }}%</div>
-                                <div style="font-size: 0.7em; color: #888;">{{ report.get('down_probability', 45) }}% 확률</div>
+                                <div class="metric-label">📉 52주 고점대비</div>
+                                {% set stock = screening_data|selectattr('ticker', 'equalto', report.ticker)|first %}
+                                {% set from_high = stock.from_high if stock else -10 %}
+                                <div class="metric-value" style="color: {% if from_high > -5 %}#00ff88{% elif from_high > -15 %}#ffa502{% else %}#ff4757{% endif %};">{{ from_high }}%</div>
+                                <div style="font-size: 0.7em; color: #888;">{% if from_high > -5 %}고점근처{% elif from_high > -15 %}조정구간{% else %}반등여력↑{% endif %}</div>
                             </div>
-                            <div class="metric-card" style="background: rgba(0,217,255,0.15); border: 1px solid rgba(0,217,255,0.3);">
-                                <div class="metric-label">🎯 기대 수익</div>
-                                <div class="metric-value" style="color: #00d9ff;">{% set pred = report.get('base_prediction', report.get('upside', 8)) %}{% if pred >= 0 %}+{% endif %}{{ pred }}%</div>
-                                <div style="font-size: 0.7em; color: #888;">R/R {{ report.get('risk_reward', 1.5) }}:1</div>
+                            <div class="metric-card">
+                                <div class="metric-label">💰 시가총액</div>
+                                {% set mcap = stock.market_cap if stock else 0 %}
+                                <div class="metric-value" style="color: #00d9ff;">${{ "{:,.0f}".format(mcap / 1e9) }}B</div>
+                                <div style="font-size: 0.7em; color: #888;">{% if mcap > 500e9 %}대형주{% elif mcap > 100e9 %}중대형{% else %}중형주{% endif %}</div>
                             </div>
                             <div class="metric-card">
-                                <div class="metric-label">📈 상승 잠재력</div>
-                                <div class="metric-value" style="color: #00ff88;">+{{ report.get('expected_upside', 15) }}%</div>
-                                <div style="font-size: 0.7em; color: #888;">{{ report.get('up_probability', 55) }}% 확률</div>
+                                <div class="metric-label">📊 거래량</div>
+                                {% set vol = stock.volume if stock else 0 %}
+                                <div class="metric-value" style="color: #a29bfe;">{{ "{:,.1f}".format(vol / 1e6) }}M</div>
+                                <div style="font-size: 0.7em; color: #888;">일 거래량</div>
                             </div>
                         </div>
                     <div class="soma-agent soma-supervisor">