Update app.py

app.py

@@ -1070,14 +1070,18 @@ def transcribe_audio_file(uploaded_audio):
 def show_main_app():
     """Main DilBot application"""
     username = st.session_state.username
-    st.set_page_config(page_title="DilBot - Emotional AI", page_icon="🧠", layout="wide") # Changed to 'wide' for more space
-      # --- DEFINE QUOTE CATEGORIES HERE ---
+    
+    st.set_page_config(page_title="DilBot - Emotional AI", page_icon="🧠", layout="wide") 
+
+    # --- DEFINE QUOTE CATEGORIES HERE ---
     quote_categories = {
         "Grief": ["Grief is the price we pay for love.", "Tears are the silent language of grief.", "What we have once enjoyed we can never lose; all that we love deeply becomes a part of us."],
         "Motivation": ["Believe in yourself and all that you are.", "Tough times never last, but tough people do.", "The only way to do great work is to love what you do."],
         "Healing": ["Every wound has its own time to heal.", "It's okay to take your time to feel better.", "Healing is not linear, and that's perfectly okay."],
         "Relationships": ["The best relationships are built on trust.", "Love is not about possession but appreciation.", "Healthy relationships require both people to show up authentically."]
     }
+    # --- END QUOTE CATEGORIES DEFINITION ---
+
     # --- ENHANCED CUSTOM CSS FOR MAIN APP ---
     st.markdown("""
     <style>
@@ -1251,8 +1255,12 @@ def show_main_app():
         color: #495057;
         margin-bottom: 0.6rem;
     }
+    /* FIX: Selectbox selected value text color */
+    .stSelectbox>div>div>div>input[type="text"] {
+        color: black !important;
+    }
 
-   * File Uploader */
+    /* File Uploader */
     [data-testid="stFileUploaderDropzone"] {
         border-radius: 12px; /* More rounded */
         border: 2px dashed #a0a8b4;
@@ -1265,15 +1273,18 @@ def show_main_app():
         border-color: #5d6dbe; /* Highlight on hover */
         background-color: #f7f9fb;
     }
-    /* THIS IS THE UPDATED RULE FOR THE "DRAG AND DROP FILE HERE" TEXT */
-    [data-testid="stFileUploaderDropzone"] > div > div > p {
-        color: black !important; /* Forces the text color to black */
+    /* FIX: "Drag and drop file here" text color */
+    [data-testid="stFileUploaderDropzone"] span { /* Targeting span within dropzone */
+        color: black !important;
     }
 
-    /* Hide the redundant 'Drag and drop file here' text */
-    [data-testid="stFileUploaderDropzone"] p:first-child {
+    /* Hide the redundant 'Drag and drop file here' text (your existing rule) */
+    /* This rule often hides the entire paragraph, so if you want to show
+       "Drag and drop file here" in black, you might need to remove this rule */
+    /* [data-testid="stFileUploaderDropzone"] p:first-child {
         display: none;
-    }
+    } */
+
     [data-testid="stFileUploaderFileName"] {
         font-size: 0.95em;
         color: #495057;
@@ -1288,6 +1299,7 @@ def show_main_app():
         box-shadow: 0 2px 5px rgba(0,0,0,0.05);
     }
 
+
     /* Information, Success, Error, Warning Boxes */
     [data-testid="stAlert"] {
         border-radius: 10px;
@@ -1516,9 +1528,6 @@ def show_main_app():
     final_input = user_input.strip() or st.session_state.transcribed_text.strip()
     
     # Main interaction button
-    # IMPORTANT: The "Talk to DilBot" button was appearing twice in your original code.
-    # I'm assuming you only want one, and it should trigger the logic.
-    # The one below is the one that correctly triggers the logic.
     if st.button("🧠 Talk to DilBot", type="primary", use_container_width=True):
         if not final_input:
             st.warning("⚠️ Please enter something to share or upload a voice message.")
@@ -1619,9 +1628,7 @@ Respond as DilBot with warmth, empathy, and understanding. Keep it conversationa
                 "confidence": entry["confidence"]
                 })
             if df_data:
-                # Use pandas DataFrame for better Altair integration
-                import pandas as pd
-                df_chart = pd.DataFrame(df_data)
+                df_chart = pd.DataFrame(df_data) # Use pandas DataFrame for better Altair integration
                 
                 chart = alt.Chart(df_chart).mark_bar().encode(
                 x=alt.X('date:N', title='Date', sort=None), # Sort by date ensures correct order
@@ -1629,7 +1636,6 @@ Respond as DilBot with warmth, empathy, and understanding. Keep it conversationa
                 color=alt.Color('emotion:N', title='Emotion', scale=alt.Scale(range=['#4CAF50', '#FFC107', '#E74C3C', '#3498DB', '#9B59B6', '#1ABC9C'])), # Custom colors
                 tooltip=['date:N', 'emotion:N', 'count():Q']
                 ).properties(
-                    # width=600, # Use use_container_width instead
                     height=350, # Slightly increased height
                     title="Your Emotional Journey Over Time"
                 ).interactive() # Make chart interactive for zoom/pan
@@ -1655,7 +1661,6 @@ Respond as DilBot with warmth, empathy, and understanding. Keep it conversationa
 
     st.markdown("---")
     st.markdown("<p class='footer-caption'>Built by Members of CSG Hackathon Team | Your data is stored privately and securely</p>", unsafe_allow_html=True)
-
 # Main app logic
 def main():
     if not st.session_state.authenticated: