Update app.py

app.py

@@ -740,29 +740,42 @@ agent = smolagents.CodeAgent(
     verbosity_level=2,  # show steps in logs for class demo
 )
 
-chat = gr.Chatbot(height=420)
-
-def respond(message, history):
-    try:
-        out = str(agent.run(message))
-    except Exception as e:
-        out = f"[Error] {e}"
-
-    if history is None:
-        history = []
+    
+    # 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>
+            """)
+
+    # IMPORTANT: no `type="messages"` here
+    chat = gr.Chatbot(height=420)
+    inp = gr.Textbox(placeholder="Ask your question in natural language.", label="Your question")
 
-    # MUST be list of lists, NOT tuples
-    history = history + [[message, out]]
+    def respond(message, history):
+        # history is what goes into the Chatbot component
+        if history is None:
+            history = []
 
-    return "", history
+        try:
+            out = str(agent.run(message))
+        except Exception as e:
+            out = f"[Error] {e}"
 
-with gr.Blocks() as demo:
-    gr.HTML("""...""")
+        # For your Gradio version, history must be a list of [user, assistant] lists
+        history.append([message, out])
 
-    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])
+        # Clear the input box, update chat
+        return "", history
 
     gr.Examples(
         examples=[
@@ -777,4 +790,6 @@ with gr.Blocks() as demo:
         cache_examples=False,
     )
 
+    inp.submit(respond, [inp, chat], [inp, chat])
+
 demo.launch()