Update app.py

app.py

@@ -1,5 +1,5 @@
 import gradio as gr
-from openai import OpenAI 
+from openai import OpenAI
 import os
 
 client = OpenAI(api_key=os.getenv("OPENAI_API_KEY"))
@@ -8,25 +8,49 @@ def chat(message):
     response = client.chat.completions.create(
         model="gpt-4o-mini",
         messages=[
-            {"role": "system", "content": "You are a helpful AI assistant."},
+            {"role": "system", "content": "You are a helpful assistant."},
             {"role": "user", "content": message}
         ]
     )
     return response.choices[0].message.content
 
-with gr.Blocks(theme=gr.themes.Soft()) as demo:
+css = """
+body {
+    background-color: #0f0f0f;
+}
+.gradio-container {
+    max-width: 700px !important;
+    margin: auto;
+}
+textarea {
+    background-color: #1e1e1e !important;
+    color: white !important;
+}
+"""
+
+with gr.Blocks(css=css, theme=gr.themes.Soft()) as demo:
     gr.Markdown(
         """
-        # 🤖 AI Chat (Powered by ChatGPT)
-        This chatbot uses OpenAI’s ChatGPT.
+        <h1 style="text-align:center;">💬 ChatGPT‑style AI</h1>
+        <p style="text-align:center; color:gray;">
+        Powered by OpenAI
+        </p>
         """
     )
 
-    user_input = gr.Textbox(label="Your message")
-    output = gr.Textbox(label="ChatGPT response", lines=10)
-    send = gr.Button("Send")
+    chatbot = gr.Chatbot(height=400)
+    msg = gr.Textbox(
+        placeholder="Send a message...",
+        show_label=False
+    )
+    clear = gr.Button("Clear")
+
+    def respond(message, history):
+        reply = chat(message)
+        history.append((message, reply))
+        return "", history
 
-    send.click(chat, inputs=user_input, outputs=output)
+    msg.submit(respond, [msg, chatbot], [msg, chatbot])
+    clear.click(lambda: [], None, chatbot)
 
 demo.launch()
-