Update app.py

app.py

@@ -739,39 +739,32 @@ agent = smolagents.CodeAgent(
     max_steps=10,
     verbosity_level=2,  # show steps in logs for class demo
 )
-    
-with gr.Blocks() as demo:
-    
-    # Centered title and description using HTML
-    gr.HTML("""
-            <div style="text-align: center; font-family: 'Arial', sans-serif;">
-                <h1 style="color:#1f77b4; margin-bottom: 20px; font-weight: 300;">
-                    🤖 TechSpark AI Assistant
-                </h1>
-                
-                <p style="margin-top: 0; font-weight: 300; font-size: 16px; color:#555;">
-                    Welcome to the TechSpark AI Assistant!<br>
-                    Ask anything about TechSpark staff, tools, courses or location of tools.<br>
-                    This assistant is powered by OpenAI's GPT model via smolagents, 
-                    accessing accurate information from our curated dataset verified by TechSpark staff!
-                </p>
-            </div>
-            """)
-
-    chat = gr.Chatbot(height=420)
-    inp = gr.Textbox(placeholder="Ask your question in natural language.", label="Your question")
 
-    # No gr.State for agent — just close over `agent`
-    def respond(message, history):
-        try:
-            # 1. Use agent.chat() to maintain internal history
-            out = str(agent.run(message))
-        except Exception as e:
-            out = f"[Error] {e}"
+chat = gr.Chatbot(height=420, type="messages")  # make it explicit it's messages-format
+
+def respond(message, history):
+    try:
+        out = str(agent.run(message))
+    except Exception as e:
+        out = f"[Error] {e}"
+
+    if history is None:
+        history = []
+
+    # history is now a list of {"role": ..., "content": ...} dicts
+    history = history + [
+        {"role": "user", "content": message},
+        {"role": "assistant", "content": out},
+    ]
+    return "", history
 
-        # This just updates the Gradio UI history
-        history = (history or []) + [(message, out)]
-        return "", history
+with gr.Blocks(theme=gr.themes.Ocean()) as demo:
+    gr.HTML("""...""")
+
+    chat = gr.Chatbot(height=420, type="messages")
+    inp = gr.Textbox(placeholder="Ask your question in natural language.", label="Your question")
+
+    inp.submit(respond, [inp, chat], [inp, chat])
 
     gr.Examples(
         examples=[
@@ -783,9 +776,7 @@ with gr.Blocks() as demo:
         inputs=[inp],
         outputs=[inp, chat],
         fn=respond,
-        cache_examples=False, # Set to False for dynamic content or to avoid caching issues
+        cache_examples=False,
     )
 
-    inp.submit(respond, [inp, chat], [inp, chat])
-
-demo.launch()
+demo.launch()