Update app.py

app.py

@@ -1,7 +1,6 @@
 import os
 import re
 from functools import lru_cache
-from datetime import datetime, timezone
 
 import gradio as gr
 import torch
@@ -195,12 +194,13 @@ h1 {
   font-size: 28px !important;
 }
 
-/* Hide the default "Chatbot" label pill in the top-left of the chat */
+/* Try to hide the default Chatbot label via CSS for multiple Gradio builds */
+.chatbot header,
 .chatbot .label,
 .chatbot .label-wrap,
-.chatbot header,
 .chatbot .top,
-.chatbot .header {
+.chatbot .header,
+.chatbot > .wrap > header {
   display: none !important;
 }
 
@@ -208,6 +208,8 @@ h1 {
 .message.user, .message.bot {
   background: var(--brand-accent) !important;
   color: var(--brand-text-light) !important;
+  border-radius: 12px !important;
+  padding: 8px 12px !important;
 }
 
 /* Inputs a bit softer */
@@ -220,12 +222,35 @@ textarea, input, .gr-input {
 # UI
 # -------------------
 with gr.Blocks(theme=theme, css=custom_css) as demo:
-    # Capture browser timezone (stored but not yet used)
+    # Hidden box to carry timezone (still useful for future features)
     tz_box = gr.Textbox(visible=False)
     demo.load(lambda tz: tz, inputs=[tz_box], outputs=[tz_box],
               js="() => Intl.DateTimeFormat().resolvedOptions().timeZone")
 
-    gr.Markdown("# Medical Decision Support AI")
+    # Extra JS hard-removal of the Chatbot label to cover all DOM variants
+    hide_label_sink = gr.HTML(visible=False)
+    demo.load(
+        fn=lambda: "",
+        inputs=None,
+        outputs=hide_label_sink,
+        js="""
+() => {
+  const sel = [
+    '.chatbot header',
+    '.chatbot .label',
+    '.chatbot .label-wrap',
+    '.chatbot .top',
+    '.chatbot .header',
+    '.chatbot > .wrap > header'
+  ];
+  sel.forEach(s => document.querySelectorAll(s).forEach(el => el.style.display = 'none'));
+  return "";
+}
+"""
+    )
+
+    # Updated title
+    gr.Markdown("# ClarityOps Augmented Decision AI")
 
     gr.ChatInterface(
         fn=chat_fn,