Update app/streamlit_app.py

app/streamlit_app.py

@@ -65,7 +65,7 @@ logger.info(f"Streamlit starting in {path_manager.environment} environment")
 # Page configuration - MUST be first Streamlit command
 st.set_page_config(
     page_title="Fake News Detection System | MLOps Dashboard",
-    page_icon="📰",
+    page_icon="📰",
     layout="wide",
     initial_sidebar_state="expanded",
     menu_items={
@@ -188,51 +188,6 @@ class EnhancedStreamlitApp:
                 min-height: 100vh;
                 color: #f39c12;
             }
-
-            .stRadio > label > div[data-baseweb="radio"] > label > div > p {
-                color: #FFFFFF !important;
-            }
-
-            /*.stMarkdown h2 {
-                color: #FFFFFF !important;
-            }*/
-
-            .stMarkdown h1, 
-            .stMarkdown h2, 
-            .stMarkdown h3, 
-            .stMarkdown h4, 
-            .stMarkdown h5, 
-            .stMarkdown h6 {
-                color: #FFFFFF !important;
-            }
-
-            /* Force widget labels & option text to white */
-            .stRadio label,
-            .stRadio div,
-            .stCheckbox label,
-            .stCheckbox div,
-            .stSelectbox label,
-            .stSelectbox div,
-            .stMultiSelect label,
-            .stMultiSelect div,
-            .stFileUploader label,
-            .stFileUploader div,
-            .stDownloadButton label,
-            .stDownloadButton div,
-            .stTextInput label,
-            .stTextArea label,
-            .stSlider label,
-            .stSlider div {
-                color: #FFFFFF !important;
-            }
-            
-            /* Ensure radio/checkbox options are also white */
-            div[role="radiogroup"] label span,
-            div[role="checkbox"] span {
-                color: #FFFFFF !important;
-            }
-
-
             
             /* Header Styling */
             .main-header {
@@ -807,7 +762,7 @@ class EnhancedStreamlitApp:
 
     def render_system_health_dashboard(self):
         """Render comprehensive system health dashboard"""
-        st.markdown("## 🏥 System Health Dashboard")
+        st.markdown("## 🏥 System Health Dashboard")
 
         # Get health data
         try:
@@ -822,31 +777,31 @@ class EnhancedStreamlitApp:
                     with col1:
                         status = health_data.get('status', 'unknown')
                         if status == 'healthy':
-                            st.markdown('<div class="metric-card"><h3>🟢 System Status</h3><p>Healthy</p></div>', 
+                            st.markdown('<div class="metric-card"><h3>🟢 System Status</h3><p>Healthy</p></div>', 
                                       unsafe_allow_html=True)
                         else:
-                            st.markdown('<div class="metric-card"><h3>🔴 System Status</h3><p>Issues Detected</p></div>', 
+                            st.markdown('<div class="metric-card"><h3>🔴 System Status</h3><p>Issues Detected</p></div>', 
                                       unsafe_allow_html=True)
                     
                     with col2:
                         model_health = health_data.get('model_health', {})
                         model_status = model_health.get('status', 'unknown')
-                        st.markdown(f'<div class="metric-card"><h3>🤖 Model Health</h3><p>{model_status.title()}</p></div>', 
+                        st.markdown(f'<div class="metric-card"><h3>🤖 Model Health</h3><p>{model_status.title()}</p></div>', 
                                   unsafe_allow_html=True)
                     
                     with col3:
                         system_health = health_data.get('system_health', {})
                         cpu_percent = system_health.get('cpu_percent', 0)
-                        st.markdown(f'<div class="metric-card"><h3>💻 CPU Usage</h3><p>{cpu_percent:.1f}%</p></div>', 
+                        st.markdown(f'<div class="metric-card"><h3>💻 CPU Usage</h3><p>{cpu_percent:.1f}%</p></div>', 
                                   unsafe_allow_html=True)
                     
                     with col4:
                         memory_percent = system_health.get('memory_percent', 0)
-                        st.markdown(f'<div class="metric-card"><h3>🧠 Memory Usage</h3><p>{memory_percent:.1f}%</p></div>', 
+                        st.markdown(f'<div class="metric-card"><h3>🧠 Memory Usage</h3><p>{memory_percent:.1f}%</p></div>', 
                                   unsafe_allow_html=True)
 
                     # Detailed health information
-                    with st.expander("🔍 Detailed Health Information", expanded=False):
+                    with st.expander("🔍 Detailed Health Information", expanded=False):
                         st.json(health_data)
                         
                 else:
@@ -867,10 +822,10 @@ def main():
     # Custom header
     st.markdown("""
     <div class="main-header">
-        <h1>📰 Fake News Detection System</h1>
+        <h1>📰 Fake News Detection System</h1>
         <div class="subtitle">Production-Grade MLOps Pipeline with Statistical Rigor</div>
         <br>
-        <div class="environment-badge">🌐 Environment: """ + path_manager.environment.title() + """</div>
+        <div class="environment-badge">🌐 Environment: """ + path_manager.environment.title() + """</div>
     </div>
     """, unsafe_allow_html=True)
 
@@ -879,28 +834,19 @@ def main():
     with col2:
         if app.api_available:
             st.markdown(
-                '<div style="text-align:center;">'
-                '<div class="status-indicator status-online">🟢 API Service: Online & Ready</div>'
-                '</div>',
+                '<div class="status-indicator status-online">🟢 API Service: Online & Ready</div>', 
                 unsafe_allow_html=True
             )
-            st.divider()
         else:
             st.markdown(
-            """
-            <div style="text-align:center;">
-                <div class="status-indicator status-offline">🔴 API Service: Offline</div>
-            </div>
-            """,
-            unsafe_allow_html=True
+                '<div class="status-indicator status-offline">🔴 API Service: Offline</div>', 
+                unsafe_allow_html=True
             )
-            st.divider()
-
 
     # Enhanced Navigation
     tab1, tab2, tab3, tab4, tab5, tab6, tab7, tab8 = st.tabs([
-        "🔍 Prediction", "📊 Batch Analysis", "📈 Analytics", "🎯 Cross-Validation",
-        "🤖 Model Training", "📋 System Logs", "🏥 Health Monitor", "⚡ Real-time Metrics"
+        "🔍 Prediction", "📊 Batch Analysis", "📈 Analytics", "🎯 Cross-Validation",
+        "🤖 Model Training", "📋 System Logs", "🏥 Health Monitor", "⚡ Real-time Metrics"
     ])
 
     with tab1:
@@ -929,7 +875,7 @@ def main():
 
 def render_prediction_interface():
     """Enhanced prediction interface with professional styling"""
-    st.markdown("## 🔍 Single Text Analysis")
+    st.markdown("## 🔍 Single Text Analysis")
     st.markdown("*Analyze individual news articles with statistical confidence intervals*")
 
     # Input method selection with enhanced UI
@@ -937,16 +883,16 @@ def render_prediction_interface():
     with col1:
         input_method = st.radio(
             "Choose input method:",
-            ["📝 Type Text", "📁 Upload File"],
+            ["📝 Type Text", "📁 Upload File"],
             horizontal=True
         )
     
     with col2:
-        show_advanced = st.checkbox("🔬 Show Advanced Options", value=False)
+        show_advanced = st.checkbox("🔬 Show Advanced Options", value=False)
 
     user_text = ""
 
-    if input_method == "📝 Type Text":
+    if input_method == "📝 Type Text":
         user_text = st.text_area(
             "Enter news article text:",
             height=200,
@@ -1475,7 +1421,7 @@ def render_cv_results_dashboard():
                             st.metric(
                                 f"{metric.upper()}",
                                 f"{mean_val:.4f}",
-                                delta=f"±{std_val:.4f}"
+                                delta=f"±{std_val:.4f}"
                             )
 
             # Model quality indicators
@@ -1854,14 +1800,14 @@ def render_health_monitoring():
         st.markdown("**Available Datasets:**")
         datasets = env_info.get('available_datasets', {})
         for name, exists in datasets.items():
-            status = "✅" if exists else "❌"
+            status = "✅" if exists else "❌"
             st.markdown(f"{status} {name}")
     
     with col2:
         st.markdown("**Available Models:**")
         models = env_info.get('available_models', {})
         for name, exists in models.items():
-            status = "✅" if exists else "❌"
+            status = "✅" if exists else "❌"
             st.markdown(f"{status} {name}")
 
     # Model performance monitoring
@@ -2054,11 +2000,11 @@ def render_realtime_metrics():
         
         for alert in alerts:
             if alert["level"] == "info":
-                st.info(f"ℹ️ {alert['message']} - {alert['timestamp'].strftime('%H:%M:%S')}")
+                st.info(f"ℹ️ {alert['message']} - {alert['timestamp'].strftime('%H:%M:%S')}")
             elif alert["level"] == "warning":
-                st.warning(f"⚠️ {alert['message']} - {alert['timestamp'].strftime('%H:%M:%S')}")
+                st.warning(f"⚠️ {alert['message']} - {alert['timestamp'].strftime('%H:%M:%S')}")
             elif alert["level"] == "error":
-                st.error(f"🚨 {alert['message']} - {alert['timestamp'].strftime('%H:%M:%S')}")
+                st.error(f"🚨 {alert['message']} - {alert['timestamp'].strftime('%H:%M:%S')}")
 
     else:
         st.warning("Real-time metrics not available. API monitoring service may be offline.")