Update app.py

app.py

@@ -0,0 +1,101 @@
+# =======================================================
+# Conversational Chatbot with ChatGPT API + Gradio
+# Author: Shruti Mandaokar
+# =======================================================
+
+import os
+import openai
+import gradio as gr
+from typing import List, Tuple
+
+# -----------------------------
+# 1. Load OpenAI API key
+# -----------------------------
+# IMPORTANT: 
+# Do NOT hardcode API keys for Spaces.
+# Add OPENAI_API_KEY in Hugging Face → Settings → Secrets
+openai.api_key = os.getenv("OPENAI_API_KEY")
+
+# -----------------------------
+# 2. System prompt for chatbot
+# -----------------------------
+system_prompt = (
+    "You are a helpful assistant that corrects grammar and answers questions. "
+    "Maintain context of the conversation."
+)
+
+# -----------------------------
+# 3. Reset conversation history
+# -----------------------------
+def reset() -> List[Tuple[str, str]]:
+    return []
+
+# -----------------------------
+# 4. Chatbot function
+# -----------------------------
+def interact_chatbot(user_input: str, history: List[Tuple[str, str]], temp: float) -> List[Tuple[str, str]]:
+    """
+    Maintains context: sends the conversation history + new user input to ChatGPT API
+    """
+    messages = [{'role': 'system', 'content': system_prompt}]
+
+    for u, c in history:
+        messages.append({'role': 'user', 'content': u})
+        messages.append({'role': 'assistant', 'content': c})
+
+    messages.append({'role': 'user', 'content': user_input})
+
+    # Call the API
+    try:
+        response = openai.chat.completions.create(
+            model="gpt-3.5-turbo",
+            messages=messages,
+            temperature=temp,
+            max_tokens=200
+        )
+        assistant_reply = response.choices[0].message.content
+    except Exception as e:
+        assistant_reply = f"⚠️ Error: {str(e)}"
+
+    # Update history
+    history.append((user_input, assistant_reply))
+    return history
+
+# -----------------------------
+# 5. Gradio UI
+# -----------------------------
+with gr.Blocks(css="""
+    .gradio-container {background-color: #f0f4f8;}
+    h1 {color: #2b547e; text-align: center;}
+    h3 {color: #5a2d82;}
+    .footer {text-align: center; color: #666; font-size: 14px; margin-top: 20px;}
+""") as demo:
+    gr.Markdown("# ✨ Conversational Chatbot with ChatGPT API ✨")
+    gr.Markdown("### Made with ❤️ by **Shruti Mandaokar**")
+
+    chatbot = gr.Chatbot(label="💬 Chatbot")
+    user_input = gr.Textbox(label="Your message", placeholder="Type a sentence...")
+
+    with gr.Column():
+        gr.Markdown("### 🎨 Creativity Control")
+        temperature_slider = gr.Slider(0.0, 2.0, value=1.0, step=0.1, label="Temperature")
+
+    with gr.Row():
+        send_button = gr.Button("🚀 Send")
+        reset_button = gr.Button("🔄 Reset Chat")
+
+    send_button.click(
+        interact_chatbot,
+        inputs=[user_input, chatbot, temperature_slider],
+        outputs=[chatbot]
+    )
+
+    reset_button.click(reset, outputs=[chatbot])
+
+    gr.Markdown('<div class="footer">🌸 Conversational Chatbot | Shruti Mandaokar 🌸</div>')
+
+# -----------------------------
+# 6. Launch the app
+# -----------------------------
+if __name__ == "__main__":
+    demo.launch(share=True)