Update app.py

app.py

@@ -152,6 +152,19 @@ load_css()
 # --- 3. DATA & MODEL LOADING FUNCTIONS (WITH CACHING) ---
 # Checklist Items 1 & 2: Cache all heavy operations
 
+@st.cache_data
+def load_hourly_performance_data(file_path="data/hourly_120h_evaluation_results.csv"):
+    """Loads hourly RMSE/R2 performance data (T+1h to T+120h)."""
+    try:
+        df = pd.read_csv(file_path)
+        # Giả định cột đầu tiên là Horizon (1, 2, 3...)
+        df['Horizon'] = df.index + 1 
+        # Giữ nguyên code này ngay cả khi cột Horizon đã có sẵn
+        return df
+    except FileNotFoundError:
+        st.warning(f"Warning: Hourly Performance data not found at: {file_path}. Cannot show degradation plot.")
+        return pd.DataFrame()
+
 @st.cache_data
 def load_hourly_data(file_path="data/final_hourly_feature_dataset.csv"):
     """Loads the Hourly Direct dataset using the provided demo file."""
@@ -301,6 +314,7 @@ HOURLY_TARGET_COLS = ['target_temp_next_24h', 'target_temp_next_48h', 'target_te
 
 # Load models và data mới
 hourly_data_df = load_hourly_data(file_path="data/final_hourly_feature_dataset.csv") # Dùng tên file features chính xác
+hourly_perf_df = load_hourly_performance_data(file_path="data/hourly_120h_evaluation_results.csv") # File hiệu suất
 hourly_models_24h = load_24_hourly_models() # Dùng 24 mô hình LGBM
 # Tạo input features cho Hourly
 if not hourly_data_df.empty:
@@ -835,6 +849,36 @@ with tab4:
         )
         st.plotly_chart(fig_hourly, use_container_width=True)
 
+        # --- NEW GRAPH 1: RMSE Degradation Plot (Reliability) ---
+        st.subheader("Model Reliability: Error Degradation")
+        if not hourly_perf_df.empty:
+            # SỬ DỤNG DỮ LIỆU HIỆU SUẤT THEO GIỜ (120H)
+            
+            # Chỉ lấy 24 giờ đầu tiên nếu bạn muốn tập trung vào 24h forecast
+            # Nếu muốn hiển thị 120h, hãy bỏ .head(24)
+            df_plot = hourly_perf_df.head(24) 
+            
+            # Giả định các cột là 'Horizon' và 'RMSE'
+            fig_rmse_hourly = go.Figure()
+            fig_rmse_hourly.add_trace(go.Scatter(
+                x=df_plot['Horizon'], 
+                y=df_plot['RMSE'], 
+                mode='lines+markers', 
+                name='RMSE',
+                line=dict(color='#005aa7')
+            ))
+            fig_rmse_hourly.update_layout(
+                title="RMSE Degradation: Forecast Error vs. Hour Ahead (T+1h to T+24h)",
+                xaxis_title="Forecast Horizon (Hours)", 
+                yaxis_title="RMSE (°C)",
+                template="plotly_white",
+                yaxis_range=[0, df_plot['RMSE'].max() * 1.1 if not df_plot['RMSE'].empty else 1],
+                height=400 # Chiều cao cố định để cân đối với biểu đồ khác
+            )
+            st.plotly_chart(fig_rmse_hourly, use_container_width=True)
+        else:
+            st.warning("Could not load Hourly RMSE Degradation data from hourly_120h_evaluation_results.csv.")
+
         # 6. Hiển thị Features Dùng để Dự đoán (Giữ nguyên)
         st.markdown("---") 
         with st.expander("🔍 Feature Inspector: Hourly Inputs for the Forecast"):