Update app.py

app.py

@@ -32,12 +32,12 @@ def get_gmail_service():
 # Coping Strategies Library
 coping_strategies = {
     "happy": [
-        "Keep the positivity flowing! Try writing down three things you’re grateful for today.",
+        "Keep the positivity flowing! Try writing down three things you're grateful for today.",
         "Share your joy! Call a friend or loved one to spread the good vibes."
     ],
     "sad": [
-        "It’s okay to feel this way. Try a gentle activity like listening to calming music or taking a short walk.",
-        "Write down your thoughts in a journal to process what’s on your mind."
+        "It's okay to feel this way. Try a gentle activity like listening to calming music or taking a short walk.",
+        "Write down your thoughts in a journal to process what's on your mind."
     ],
     "anxious": [
         "Take slow, deep breaths: inhale for 4 seconds, hold for 4, exhale for 4.",
@@ -48,7 +48,7 @@ coping_strategies = {
         "Break tasks into smaller steps and tackle one at a time."
     ],
     "other": [
-        "Reflect on what’s on your mind with a quick mindfulness moment: focus on your breath for 60 seconds.",
+        "Reflect on what's on your mind with a quick mindfulness moment: focus on your breath for 60 seconds.",
         "Engage in a favorite hobby to lift your spirits."
     ]
 }
@@ -138,7 +138,7 @@ def chatbot_function(message, mood, conversation_mode, region, state):
         response = model.generate_content(prompt)
         response_text = response.text
     except Exception as e:
-        response_text = f"I'm here for you, but something went wrong: {str(e)}. Please try again."
+        response_text = "I'm here for you, but something went wrong. Please try again."
     
     if mood and mood != "Select mood":
         mood_key = mood.lower()
@@ -324,109 +324,8 @@ def schedule_appointment(therapist, time_slot, date, user_email, state):
         return (f"Appointment booked with {therapist} on {date} at {appointment_time}. "
                 f"Email sending failed: {error_msg}. Please contact {therapist_email}."), state
 
-# Custom CSS for clean UI
-custom_css = """
-body {
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
-    background: #f5f7fa;
-    color: #1a202c;
-}
-
-.gradio-container {
-    max-width: 800px;
-    margin: 20px auto;
-    padding: 24px;
-    background: #ffffff;
-    border-radius: 12px;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-}
-
-h1 {
-    font-size: 1.8em;
-    color: #2d3748;
-    text-align: center;
-    margin-bottom: 16px;
-}
-
-h2, h3 {
-    color: #4a5568;
-}
-
-input, select, textarea {
-    border: 1px solid #e2e8f0 !important;
-    border-radius: 6px !important;
-    padding: 8px !important;
-    font-size: 1em !important;
-    width: 100% !important;
-    box-sizing: border-box;
-}
-
-input:focus, select:focus, textarea:focus {
-    border-color: #3182ce !important;
-    outline: none;
-    box-shadow: 0 0 0 2px rgba(49, 130, 206, 0.2);
-}
-
-button {
-    background: #3182ce !important;
-    color: #ffffff !important;
-    border: none !important;
-    border-radius: 6px !important;
-    padding: 10px 20px !important;
-    font-size: 1em !important;
-    cursor: pointer;
-    transition: background 0.2s;
-}
-
-button:hover {
-    background: #2b6cb0 !important;
-}
-
-textarea[readonly] {
-    background: #edf2f7 !important;
-    border-radius: 6px !important;
-    padding: 12px !important;
-    font-size: 1em;
-}
-
-#appointment-section .gr-box {
-    background: #f7fafc !important;
-    border-radius: 8px !important;
-    padding: 16px !important;
-}
-
-#date-picker {
-    width: 100%;
-}
-
-@media (max-width: 600px) {
-    .gradio-container {
-        padding: 16px;
-        margin: 10px;
-    }
-    button {
-        padding: 8px 16px !important;
-    }
-}
-"""
-
-# JavaScript for date picker
-custom_js = """
-document.addEventListener('DOMContentLoaded', function() {
-    try {
-        const dateInput = document.querySelector('#date-picker input');
-        if (dateInput) {
-            dateInput.type = 'date';
-            dateInput.placeholder = 'YYYY-MM-DD';
-        }
-    } catch (e) {
-        console.error('Date picker initialization failed:', e);
-    }
-});
-"""
-
 # Gradio Interface
-with gr.Blocks(title="Mental Health Support Chatbot", css=custom_css, js=custom_js) as demo:
+with gr.Blocks(title="Mental Health Support Chatbot") as demo:
     state = gr.State({"chat_history": [], "mood_journal": [], "feedback": [], "appointments": [], "failed_emails": []})
     
     gr.Markdown("## Mental Health Support Chatbot")
@@ -441,7 +340,7 @@ with gr.Blocks(title="Mental Health Support Chatbot", css=custom_css, js=custom_
             )
             conversation_mode = gr.Radio(
                 choices=["Neutral", "Calm", "Motivational"],
-                label="Style",
+                label="Conversation Style",
                 value="Neutral"
             )
             region = gr.Dropdown(
@@ -451,57 +350,56 @@ with gr.Blocks(title="Mental Health Support Chatbot", css=custom_css, js=custom_
             )
         with gr.Column(scale=2):
             chatbot = gr.Textbox(
-                label="Chat",
+                label="Conversation",
                 value="",
                 interactive=False,
                 lines=10,
                 show_copy_button=True
             )
             user_input = gr.Textbox(
-                placeholder="Type your message...",
-                label="Message",
+                placeholder="Type your message here...",
+                label="Your Message",
                 lines=2
             )
             with gr.Row():
-                submit_btn = gr.Button("Send")
-                clear_btn = gr.Button("Clear")
+                submit_btn = gr.Button("Send Message")
+                clear_btn = gr.Button("Clear Chat")
     
-    emergency_btn = gr.Button("Crisis Support")
+    emergency_btn = gr.Button("Show Crisis Support")
     emergency_output = gr.Markdown("")
     
     with gr.Accordion("Mood Journal"):
         log_mood_btn = gr.Button("Log Mood")
-        mood_log_output = gr.Textbox(label="Status", interactive=False)
-        mood_trend_btn = gr.Button("View Trends")
+        mood_log_output = gr.Textbox(label="Mood Log Status", interactive=False)
+        mood_trend_btn = gr.Button("View Mood Trends")
         mood_trend_output = gr.Plot()
     
-    with gr.Accordion("Feedback"):
-        feedback_text = gr.Textbox(label="Feedback", placeholder="Your thoughts...")
+    with gr.Accordion("Provide Feedback"):
+        feedback_text = gr.Textbox(label="Your Feedback", placeholder="How can we improve?")
         feedback_rating = gr.Slider(minimum=1, maximum=5, step=1, label="Rating")
-        feedback_btn = gr.Button("Submit")
-        feedback_output = gr.Textbox(label="Status", interactive=False)
+        feedback_btn = gr.Button("Submit Feedback")
+        feedback_output = gr.Textbox(label="Feedback Status", interactive=False)
     
-    with gr.Accordion("Schedule Appointment", elem_id="appointment-section"):
+    with gr.Accordion("Schedule Appointment"):
         therapist = gr.Dropdown(
             choices=list(therapists.keys()),
-            label="Therapist"
+            label="Select Therapist"
         )
         date = gr.Textbox(
-            label="Date",
-            placeholder="YYYY-MM-DD",
-            elem_id="date-picker"
+            label="Appointment Date",
+            placeholder="Enter date (YYYY-MM-DD)"
         )
         time_slot = gr.Dropdown(
             choices=[],
-            label="Time",
+            label="Appointment Time",
             interactive=True
         )
         user_email = gr.Textbox(
-            label="Email",
-            placeholder="[email protected]"
+            label="Your Email",
+            placeholder="e.g., [email protected]"
         )
-        schedule_btn = gr.Button("Book")
-        schedule_output = gr.Textbox(label="Status", interactive=False)
+        schedule_btn = gr.Button("Book Appointment")
+        schedule_output = gr.Textbox(label="Booking Status", interactive=False)
     
     submit_btn.click(
         fn=chatbot_function,