Update src/streamlit_app.py

src/streamlit_app.py

@@ -6,28 +6,32 @@ import pandas as pd
 import time
 
 # --- UI CONFIGURATION ---
-st.set_page_config(page_title="Multi - Label News Classifier", layout="wide", initial_sidebar_state="expanded")
+st.set_page_config(page_title="NEURAL-X | AI Classifier", layout="wide", initial_sidebar_state="expanded")
 
 # --- CUSTOM CSS ---
 st.markdown("""
     <style>
+    /* Main Background */
     .stApp { background: radial-gradient(circle at top right, #1e293b, #0f172a); color: #f8fafc; }
     h1 { font-family: 'Inter', sans-serif; font-weight: 800; background: -webkit-linear-gradient(#38bdf8, #818cf8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: -1px; }
     
-    /* FIX 1: STOP TEXT AREA OVERFLOW */
+    /* THE FIX: Force the text area to be immune to Light Mode */
     div.stTextArea { 
         width: 100% !important; 
         box-sizing: border-box !important;
     }
-    div[data-baseweb="textarea"] { 
-        background: rgba(255, 255, 255, 0.03) !important; 
-        border: 1px solid rgba(255, 255, 255, 0.1) !important; 
+    div[data-baseweb="base-input"], div[data-baseweb="textarea"] { 
+        background-color: #1e293b !important; /* Hardcoded dark background */
+        border: 1px solid rgba(255, 255, 255, 0.2) !important; 
         border-radius: 15px !important; 
-        backdrop-filter: blur(10px);
     }
-    textarea { color: white !important; }
+    textarea { 
+        color: #ffffff !important; /* Hardcoded white text */
+        -webkit-text-fill-color: #ffffff !important; /* Forces Safari/Chrome to obey */
+        caret-color: #ffffff !important; /* Makes the blinking typing cursor visible */
+    }
 
-    /* FIX 2: FORCE FULL LABEL NAMES TO WRAP, NOT TRUNCATE */
+    /* Wrap Metric Text */
     [data-testid="stMetricValue"] { 
         color: #38bdf8; 
         font-size: 2rem !important; 
@@ -36,6 +40,7 @@ st.markdown("""
         line-height: 1.2;
     }
     
+    /* Button Styling */
     .stButton > button { width: 100%; background: linear-gradient(90deg, #6366f1 0%, #a855f7 100%); color: white; border: none; padding: 0.75rem; border-radius: 12px; font-weight: 600; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 1px; }
     .stButton > button:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(99, 102, 241, 0.4); }
     </style>
@@ -66,8 +71,8 @@ with st.sidebar:
         st.info(f"**{item['label']}**\n\n{item['text'][:50]}...")
 
 # --- MAIN UI ---
-st.title("Multi - Label News Classifier")
-st.write("#### ENews Article analysis powered by Deep Learning.")
+st.title("NEURAL-X CLASSIFIER")
+st.write("#### Enterprise-grade semantic analysis powered by Deep Learning.")
 
 col1, col2 = st.columns([1.2, 0.8], gap="large")
 
@@ -92,7 +97,6 @@ with col2:
                 st.subheader("Analysis Results")
                 m1, m2 = st.columns(2)
                 
-                # Metric will now properly wrap text instead of "..."
                 m1.metric("Top Category", valid_pairs[0][0])
                 m2.metric("Inference Time", f"{round(end_time - start_time, 2)}s")
                 
@@ -105,7 +109,6 @@ with col2:
                              color="Confidence", color_continuous_scale="Tealgrn",
                              template="plotly_dark")
                              
-                # FIX 3: Force Plotly to give long labels enough margin space
                 fig.update_yaxes(automargin=True)
                 fig.update_layout(paper_bgcolor='rgba(0,0,0,0)', plot_bgcolor='rgba(0,0,0,0)')
                 st.plotly_chart(fig, use_container_width=True)