Update app.py

app.py

@@ -2,31 +2,68 @@ import gradio as gr
 from utils import generate_response
 
 # Define chatbot interaction function
-def chat(user_input):
-    response = generate_response(user_input)
-    return response
+def chat(user_input, chat_history):
+    try:
+        # Generate response
+        response = generate_response(user_input)
+        # Update chat history
+        chat_history.append(("User", user_input))
+        chat_history.append(("AI", response))
+        # Format chat history for display
+        formatted_history = "\n".join(
+            [f"{role}: {message}" for role, message in chat_history]
+        )
+        return formatted_history, chat_history
+    except Exception as e:
+        return f"Error: {e}", chat_history
 
 # Create Gradio interface
-with gr.Blocks() as demo:
+with gr.Blocks(css="""
+    #chatbox {
+        height: 400px;
+        overflow-y: auto;
+        border: 1px solid #ccc;
+        padding: 10px;
+        border-radius: 8px;
+        background-color: #f9f9f9;
+    }
+""") as demo:
     gr.Markdown("## 🤖 Professional Groq Chatbot")
-    gr.Markdown("Type your message below and chat with the AI!")
+    gr.Markdown("Type your message below to chat with the AI!")
 
     with gr.Row():
         user_input = gr.Textbox(
             label="Your Message",
             placeholder="Ask me anything!",
             lines=2,
+            interactive=True,
         )
         submit_button = gr.Button("Send")
+        clear_button = gr.Button("Clear Chat")
 
     chatbot_output = gr.Textbox(
-        label="Response",
-        placeholder="AI's response will appear here.",
-        lines=6,
+        label="Chat History",
+        placeholder="AI's responses will appear here.",
+        lines=15,
         interactive=False,
+        elem_id="chatbox",
     )
 
-    submit_button.click(fn=chat, inputs=[user_input], outputs=[chatbot_output])
+    # State to hold chat history
+    chat_history = gr.State([])
+
+    # Button functionalities
+    submit_button.click(
+        fn=chat,
+        inputs=[user_input, chat_history],
+        outputs=[chatbot_output, chat_history],
+    )
+
+    clear_button.click(
+        fn=lambda: ("", []),
+        inputs=[],
+        outputs=[chatbot_output, chat_history],
+    )
 
 # Launch locally
 if __name__ == "__main__":