Button

app.py

@@ -277,7 +277,6 @@ def bot(
         yield _clean_history_for_display(history)
 
     assistant_message = history[-1]["content"]
-    logger.log_interaction(user=user_message_text, answer=assistant_message)
 
 
 # --- drop-in UI compatible with older Gradio versions ---
@@ -367,6 +366,13 @@ with gr.Blocks(theme=THEME, css=CSS, fill_height=True) as demo:
                     elem_id="chat-input",
                     elem_classes=["chat-input-box"]
                 )
+                send_btn_visible = gr.Button(
+                    "➤",
+                    variant="primary",
+                    elem_id="send-btn-visible",
+                    elem_classes=["send-btn-chat"],
+                    size="sm"
+                )
                 stop_btn_visible = gr.Button(
                     "⏹️", 
                     variant="secondary", 
@@ -387,40 +393,40 @@ with gr.Blocks(theme=THEME, css=CSS, fill_height=True) as demo:
             gr.HTML('<div class="footer-tip">Shortcuts: Enter to send • Shift+Enter for new line</div>')
 
     # Helper functions for managing UI state
-    def show_stop_button():
-        return gr.update(visible=True)
+    def show_stop_hide_send():
+        return gr.update(visible=True), gr.update(visible=False)
     
-    def hide_stop_button():
-        return gr.update(visible=False)
+    def hide_stop_show_send():
+        return gr.update(visible=False), gr.update(visible=True)
 
     # Events (preserve your original handlers)
     e1 = msg.submit(fn=user, inputs=[msg, image_input, chatbot], outputs=[msg, image_input, chatbot], queue=True).then(
-        fn=show_stop_button, inputs=None, outputs=stop_btn_visible
+        fn=show_stop_hide_send, inputs=None, outputs=[stop_btn_visible, send_btn_visible]
     ).then(
         fn=bot, inputs=chatbot, outputs=chatbot
     ).then(
-        fn=hide_stop_button, inputs=None, outputs=stop_btn_visible
+        fn=hide_stop_show_send, inputs=None, outputs=[stop_btn_visible, send_btn_visible]
     )
 
-    e2 = send_btn.click(fn=user, inputs=[msg, image_input, chatbot], outputs=[msg, image_input, chatbot], queue=True).then(
-        fn=show_stop_button, inputs=None, outputs=stop_btn_visible
+    e2 = send_btn_visible.click(fn=user, inputs=[msg, image_input, chatbot], outputs=[msg, image_input, chatbot], queue=True).then(
+        fn=show_stop_hide_send, inputs=None, outputs=[stop_btn_visible, send_btn_visible]
     ).then(
         fn=bot, inputs=chatbot, outputs=chatbot
     ).then(
-        fn=hide_stop_button, inputs=None, outputs=stop_btn_visible
+        fn=hide_stop_show_send, inputs=None, outputs=[stop_btn_visible, send_btn_visible]
     )
 
     e3 = chatbot.example_select(fn=append_example_message, inputs=[chatbot], outputs=[chatbot], queue=True).then(
-        fn=show_stop_button, inputs=None, outputs=stop_btn_visible
+        fn=show_stop_hide_send, inputs=None, outputs=[stop_btn_visible, send_btn_visible]
     ).then(
         fn=bot, inputs=chatbot, outputs=chatbot
     ).then(
-        fn=hide_stop_button, inputs=None, outputs=stop_btn_visible
+        fn=hide_stop_show_send, inputs=None, outputs=[stop_btn_visible, send_btn_visible]
     )
 
     # Stop cancels running events (both buttons work)
-    stop_btn.click(fn=hide_stop_button, inputs=None, outputs=stop_btn_visible, cancels=[e1, e2, e3], queue=True)
-    stop_btn_visible.click(fn=hide_stop_button, inputs=None, outputs=stop_btn_visible, cancels=[e1, e2, e3], queue=True)
+    stop_btn.click(fn=hide_stop_show_send, inputs=None, outputs=[stop_btn_visible, send_btn_visible], cancels=[e1, e2, e3], queue=True)
+    stop_btn_visible.click(fn=hide_stop_show_send, inputs=None, outputs=[stop_btn_visible, send_btn_visible], cancels=[e1, e2, e3], queue=True)
 
     # Clear chat + input
     clear_btn.click(fn=_clear_chat, inputs=None, outputs=[msg, image_input, chatbot])

static/style.css

@@ -189,6 +189,47 @@
   display: none;
 }
 
+/* Visible Send button styling */
+.send-btn-chat {
+  flex-shrink: 0 !important;
+  width: 45px !important;
+  min-width: 45px !important;
+  max-width: 45px !important;
+  height: 45px !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  border-radius: 100% !important;
+}
+
+.send-btn-chat button {
+  background: linear-gradient(135deg, #93c5fd 0%, #bfdbfe 100%) !important; /* light blue */
+  border: 1px solid rgba(147, 197, 253, 0.7) !important; /* light blue border */
+  color: #1e3a8a !important; /* deep blue icon/text for contrast */
+  border-radius: 50% !important;
+  padding: 6px !important;
+  min-width: 45px !important;
+  max-width: 45px !important;
+  width: 45px !important;
+  height: 45px !important;
+  font-size: 14px !important;
+  font-weight: 700 !important;
+  transition: all 0.2s ease !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  box-shadow: 0 6px 14px rgba(147, 197, 253, 0.45) !important; /* soft light-blue glow */
+}
+
+.send-btn-chat button:hover {
+  filter: brightness(1.03) !important;
+  transform: translateY(-1px) !important;
+  box-shadow: 0 10px 20px rgba(147, 197, 253, 0.55) !important;
+}
+
+.send-btn-chat button:active {
+  transform: translateY(0) scale(0.98) !important;
+}
+
 /* Right pane cards */
 .side-card {
   border: 1px solid rgba(59,130,246,0.2);