Update app.py

app.py

@@ -2,51 +2,67 @@ import gradio as gr
 import os
 import requests
 
+# Load GROQ API key from Hugging Face Secrets
 GROQ_API_KEY = os.environ.get("GROQ_API_KEY")
 GROQ_API_URL = "https://api.groq.com/openai/v1/chat/completions"
 MODEL_NAME = "llama3-8b-8192"
 
-SYSTEM_PROMPT = "You are a Programming Tutor. Answer programming questions clearly."
+# Single-line SYSTEM_PROMPT (no newlines)
+SYSTEM_PROMPT = "You are a Programming Tutor. Explain programming concepts clearly and concisely with examples if needed."
 
-def respond(user_input, chat_history, temperature):
-    # Build messages list properly
-    messages = [{"role": "system", "content": SYSTEM_PROMPT}]
+# Sanitize chat history into proper dicts
+def sanitize_history(chat_history):
+    sanitized = []
     for item in chat_history or []:
         if isinstance(item, tuple) and len(item) == 2:
-            messages.append({"role": "user", "content": str(item[0])})
-            messages.append({"role": "assistant", "content": str(item[1])})
+            user_msg = str(item[0]) if item[0] is not None else ""
+            bot_msg = str(item[1]) if item[1] is not None else ""
+            sanitized.append({"role": "user", "content": user_msg})
+            sanitized.append({"role": "assistant", "content": bot_msg})
+    return sanitized
+
+# Respond function for Gradio
+def respond(user_input, chat_history, temperature):
+    # Build messages
+    messages = [{"role": "system", "content": SYSTEM_PROMPT}]
+    messages += sanitize_history(chat_history)
     messages.append({"role": "user", "content": str(user_input)})
 
-    # Make API request
-    response = requests.post(
-        GROQ_API_URL,
-        headers={
-            "Authorization": f"Bearer {GROQ_API_KEY}",
-            "Content-Type": "application/json"
-        },
-        json={
-            "model": MODEL_NAME,
-            "messages": messages,
-            "temperature": float(temperature)
-        }
-    )
+    # Call GROQ API
+    headers = {
+        "Authorization": f"Bearer {GROQ_API_KEY}",
+        "Content-Type": "application/json"
+    }
+
+    payload = {
+        "model": MODEL_NAME,
+        "messages": messages,
+        "temperature": float(temperature)
+    }
+
+    response = requests.post(GROQ_API_URL, headers=headers, json=payload)
 
     if response.status_code == 200:
         bot_reply = response.json()["choices"][0]["message"]["content"]
     else:
         bot_reply = f"Error {response.status_code}: {response.text}"
 
-    # Return tuples for Gradio display
+    # Keep Gradio history as tuples for display
     new_history = (chat_history or []) + [(user_input, bot_reply)]
     return "", new_history
 
+# Gradio UI
 with gr.Blocks() as demo:
-    gr.Markdown("## Programming Tutor Chatbot")
+    gr.Markdown("## 💻 Programming Tutor Chatbot (Powered by GROQ)")
+    
     chatbot = gr.Chatbot()
     state = gr.State([])
-    msg = gr.Textbox(label="Ask a question")
-    temperature = gr.Slider(0.1, 1.0, value=0.7, step=0.1, label="Creativity")
+
+    msg = gr.Textbox(label="Ask a programming question")
+    temperature = gr.Slider(0.1, 1.0, value=0.7, step=0.1, label="Response Creativity")
     clear = gr.Button("Clear Chat")
+
     msg.submit(respond, [msg, state, temperature], [msg, chatbot])
     clear.click(lambda: ([], []), None, [chatbot, state])
+
 demo.launch()