Update app.py

app.py

@@ -3,29 +3,55 @@ import gradio as gr
 from groq import Groq
 
 # Set up the Groq API client
-apikey = os.getenv("apikey")  # Ensure your API key is set as a secret
+apikey = os.getenv("apikey")  # Fetch the API key from secrets
 if not apikey:
     raise ValueError("API Key is not set. Add it in the Secrets tab.")
 client = Groq(api_key=apikey)
 
 # Function to interact with the LLM
-def chatbot(user_input):
+def chatbot(user_input, history):
     try:
+        # Format conversation history
+        messages = [{"role": "user", "content": user} for user, _ in history]
+        messages.append({"role": "user", "content": user_input})
+
+        # Send to Groq's API
         chat_completion = client.chat.completions.create(
-            messages=[{"role": "user", "content": user_input}],
-            model="llama3-8b-8192",
+            messages=messages, model="llama3-8b-8192"
         )
-        return chat_completion.choices[0].message.content
+        response = chat_completion.choices[0].message.content
+        history.append((user_input, response))
+        return history, history
     except Exception as e:
-        return f"An error occurred: {str(e)}"
+        return history, history + [(user_input, f"An error occurred: {str(e)}")]
+
+# Enhanced Gradio interface
+with gr.Blocks(title="Groq LLM Chatbot") as demo:
+    gr.Markdown(
+        """
+        # 🧠 **Groq LLM Chatbot**
+        Interact with a powerful LLM in real-time using Groq's API.
+        """
+    )
+    with gr.Row():
+        logo = gr.Image(value="https://via.placeholder.com/100x100.png?text=LOGO", shape=(100, 100))
+        gr.Markdown(
+            """
+            **Created by ATIF MEHMOOD**  
+            _Experience the next generation of AI-powered conversations._  
+            """
+        )
+    chatbot_ui = gr.Chatbot(label="Chat Interface")
+    user_input = gr.Textbox(
+        placeholder="Type your message here...",
+        label="Your Message",
+        lines=2,
+    )
+    submit_btn = gr.Button(value="Send")
 
-# Create the Gradio interface
-iface = gr.Interface(
-    fn=chatbot,
-    inputs=gr.Textbox(label="Your Message", placeholder="Type your message here..."),
-    outputs=gr.Textbox(label="Response"),
-    title="Groq LLM Chatbot",
-    description="Interact with a powerful LLM via Groq's API."
-)
+    # Bind functions
+    history_state = gr.State([])
+    submit_btn.click(chatbot, [user_input, history_state], [chatbot_ui, history_state])
+    user_input.submit(chatbot, [user_input, history_state], [chatbot_ui, history_state])
 
-iface.launch()
+demo.launch()