Update app.py

app.py

@@ -1,4 +1,4 @@
-# CodeAlpha Task 2: Chatbot for FAQs - Fixed UI with Send Button
+ # CodeAlpha Task 2: Chatbot for FAQs - Final Fixed Version
 from sklearn.feature_extraction.text import TfidfVectorizer
 from sklearn.metrics.pairwise import cosine_similarity
 import numpy as np
@@ -23,10 +23,10 @@ answers = list(faqs.values())
 vectorizer = TfidfVectorizer(stop_words='english')
 tfidf_matrix = vectorizer.fit_transform(questions)
 
-# Step 3: Chat function
+# Step 3: Chat function - Fixed format
 def chatbot_response(message, history):
     if not message.strip():
-        return history, ""
+        return "", history
 
     user_vec = vectorizer.transform([message])
     similarity = cosine_similarity(user_vec, tfidf_matrix)
@@ -38,8 +38,8 @@ def chatbot_response(message, history):
     else:
         bot_msg = "🤔 I don't have specific info on that. Try: 'What is CodeAlpha?' or 'What is TF-IDF?'"
 
-    history.append([message, bot_msg])
-    return history, "" # history updated + clear textbox
+    history.append((message, bot_msg))
+    return "", history
 
 # Step 4: Premium CSS
 custom_css = """
@@ -91,7 +91,6 @@ custom_css = """
     font-weight: 600!important;
     border-radius: 12px!important;
     font-size: 1.1em!important;
-    padding: 12px 30px!important;
 }
 
 #send-btn:hover {
@@ -110,7 +109,7 @@ custom_css = """
 }
 """
 
-# Step 5: Create App with Send Button
+# Step 5: Create App
 with gr.Blocks(css=custom_css, theme=gr.themes.Base()) as demo:
     gr.HTML("""
         <div id="header">
@@ -139,13 +138,12 @@ with gr.Blocks(css=custom_css, theme=gr.themes.Base()) as demo:
 
     gr.Examples(
         examples=["What is CodeAlpha?", "When is submission deadline?", "What is TF-IDF?", "What is cosine similarity?"],
-        inputs=msg,
-        label="Click any example:"
+        inputs=msg
     )
 
-    # Actions: Send button + Enter key
-    send.click(chatbot_response, [msg, chatbot], [chatbot, msg])
-    msg.submit(chatbot_response, [msg, chatbot], [chatbot, msg])
+    # Fixed: return textbox first, then chatbot
+    send.click(chatbot_response, [msg, chatbot], [msg, chatbot])
+    msg.submit(chatbot_response, [msg, chatbot], [msg, chatbot])
 
     gr.HTML("""
         <div id="footer">