Update app.py

app.py

@@ -132,30 +132,42 @@ def respond(user_message: str, state: dict):
     state["messages"].append({"role": "assistant", "content": reply})
     return reply, state
 
-# ------------------- Gradio UI: messages API (Gradio >= 5) -------------------
+#  Gradio UI: messages API (Gradio >= 5)
 with gr.Blocks(title="Ghaymah Chatbot") as demo:
-    gr.Markdown("# 🤖 Ghaymah Chatbot ")
-    gr.Markdown(
-        "Vector store: **Connected**  \n"
-        f"Embedder: `{Embed_Model_Name or 'unset'}`  \n"
-        f"RPM limit: **{RPM_LIMIT}** (min {MIN_SECONDS_BETWEEN}s between calls)  \n"
-    )
-
     state = gr.State(init_state())  # {"messages": [...], "last_call_ts": ...}
 
-    # Start with an explicit empty list so it's never None
-    chatbot = gr.Chatbot(label="Chat", height=520, type="messages", value=[])
-
-    with gr.Row():
-        txt = gr.Textbox(
-            placeholder="Ask anything about the Ghaymah documentation…",
-            label="Your message",
-            lines=2,
-            autofocus=True,
-        )
     with gr.Row():
-        send_btn = gr.Button("Send", variant="primary")
-        clear_btn = gr.Button("Clear")
+        # LEFT: chat + input
+        with gr.Column(scale=3):
+            gr.Markdown("# 🤖 Ghaymah Chatbot")
+
+            # Start with an explicit empty list so it's never None
+            chatbot = gr.Chatbot(label="Chat", height=520, type="messages", value=[])
+
+            # Input + buttons under the chat
+            txt = gr.Textbox(
+                placeholder="Ask anything about the Ghaymah documentation…",
+                label="Your message",
+                lines=2,
+                autofocus=True,
+            )
+            with gr.Row():
+                send_btn = gr.Button("Send", variant="primary")
+                clear_btn = gr.Button("Clear")
+
+        # RIGHT: logo + status text (from the first screenshot), stacked vertically
+        with gr.Column(scale=1, min_width=300):
+            gr.Image(
+                value="download.jpeg",  # logo on the right
+                show_label=False,
+                height=260,
+                interactive=False,
+            )
+            gr.Markdown(
+                "Vector store: **Connected**  \n"
+                f"Embedder: `{Embed_Model_Name or 'unset'}`  \n"
+                f"RPM limit: **{RPM_LIMIT}** (min {MIN_SECONDS_BETWEEN}s between calls)  \n"
+            )
 
     # Step 1: add a user message immediately
     def _on_user_submit(user_input, chat_messages):
@@ -218,3 +230,5 @@ with gr.Blocks(title="Ghaymah Chatbot") as demo:
 if __name__ == "__main__":
     demo.queue()
     demo.launch(debug=True)
+    demo.launch(share=True)
+    demo.launch(ssr_mode=False)