Update app.py

app.py

@@ -736,8 +736,24 @@ agent = smolagents.CodeAgent(
     verbosity_level=2,  # show steps in logs for class demo
 )
 
-with gr.Blocks(title="TechSpark Agent") as demo:
-    gr.Markdown("## Beam Agent — Custom Tool Selection (smolagents + llama.cpp)")
+with gr.Blocks(theme=gr.themes.Ocean()) 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")
 
@@ -754,15 +770,17 @@ with gr.Blocks(title="TechSpark Agent") as demo:
         return "", history
 
     gr.Examples(
-        fn=respond,
         examples=[
             "Who is Ed?",
             "Who to talk to to create a wooden table?",
-            "how to access laser cutter"
+            "How can I access laser cutter?"
         ],
-        inputs=[inp]
+        inputs=[inp],
+        outputs=[inp, chat],
+        fn=respond,
+        cache_examples=False, # Set to False for dynamic content or to avoid caching issues
     )
 
     inp.submit(respond, [inp, chat], [inp, chat])
 
-demo.launch(share=True)
+demo.launch(share=True)