Update app.py

app.py

@@ -812,26 +812,32 @@ with tab4:
         
         # Tạo 5 cột mới để hiển thị các metric (T+2h, T+3h, T+24h, Average, Max)
         col_t2, col_t3, col_t24, col_avg, col_max = st.columns(5)
+        # Tính Timestamp cho các dự báo điểm (T+2h và T+3h)
+        forecast_t2_ts = forecast_start_ts + pd.Timedelta(hours=2)
+        forecast_t3_ts = forecast_start_ts + pd.Timedelta(hours=3)
+        forecast_t24_ts = forecast_start_ts + pd.Timedelta(hours=24)
         
-        # --- 1. Metric T+2h (Gần nhất) ---
+        # --- 1. Metric T+2h ---
         with col_t2:
             st.metric(
-                label=f"Forecast @ {forecast_start_ts.strftime('%H:%M')[:2]} +2h",
+                # SỬA: Dùng forecast_t2_ts để hiển thị giờ thực tế (+2h)
+                label=f"Forecast @ {forecast_t2_ts.strftime('%H:%M')}",
                 value=f"{t_plus_2h_value:.1f}°C"
             )
         
         # --- 2. Metric T+3h ---
         with col_t3:
             st.metric(
-                label=f"Forecast @ {forecast_start_ts.strftime('%H:%M')[:2]} +3h",
+                # SỬA: Dùng forecast_t3_ts để hiển thị giờ thực tế (+3h)
+                label=f"Forecast @ {forecast_t3_ts.strftime('%H:%M')}",
                 value=f"{t_plus_3h_value:.1f}°C"
             )
             
         # --- 3. Metric T+24h (Giữ lại để đối chiếu) ---
         with col_t24:
-            # T+24h prediction value is t_plus_24h_metric_value from before (predictions_24h[23])
             st.metric(
-                label=f"Forecast @ {forecast_start_ts.strftime('%H:%M')} +24h",
+                # SỬA: Dùng forecast_t24_ts để hiển thị giờ thực tế (+24h)
+                label=f"Forecast @ {forecast_t24_ts.strftime('%H:%M')}",
                 value=f"{t_plus_24h_metric_value:.1f}°C"
             )
 
@@ -841,19 +847,9 @@ with tab4:
         
         # --- 5. Metric Max (Sử dụng bố cục ngang) ---
         with col_max:
-            st.markdown("Next 24h Max Temp")
-            col_value, col_delta = st.columns([1.5, 1])
-            
-            with col_value:
-                st.markdown(f"<p style='font-size: 2.5rem; font-weight: 700; color: #004080; line-height: 1.2;'>{max_temp:.1f}°C</p>", 
-                            unsafe_allow_html=True)
-                
-            with col_delta:
-                st.markdown("<br>", unsafe_allow_html=True) 
-                st.markdown("<p style='font-size: 1rem; font-weight: 600; color: #DC3545;'>Peak Heat</p>", 
-                            unsafe_allow_html=True)
-        
-        st.markdown("---")
+            st.metric(label="Next 24h Max Temp", value=f"{np.nanmax(predictions_24h):.1f}°C",
+                      delta="Peak Heat")
+    
         
         # 5. Graph: Nhiệt độ Từng Giờ