Update app.py

app.py

@@ -63,8 +63,8 @@ st.markdown("""
         display: flex;
         flex-direction: column;
         justify-content: flex-end;
-        height: calc(100vh - 220px);
-        margin-bottom: 5.5em;
+        height: calc(100vh - 230px);
+        margin-bottom: 6em;
     }
     .chat-history-wrapper {
         flex-grow: 1;
@@ -89,7 +89,6 @@ st.markdown("""
         display: flex;
         align-items: center;
         gap: 0.5em;
-        flex-wrap: nowrap;
     }
     .chat-input-bar input {
         flex-grow: 1;
@@ -208,13 +207,16 @@ if st.session_state.get("is_thinking", False):
 
 st.markdown('</div>', unsafe_allow_html=True)
 
-# --- Input bar (floating at bottom) ---
-st.markdown('<div class="chat-input-bar">', unsafe_allow_html=True)
-col1, col2 = st.columns([10, 1])
-user_input = col1.chat_input("Type your message here...")
-if col2.button("🗑️", help="Clear Chat", key="clear-chat-bottom"):
-    clear_chat_history()
-st.markdown('</div>', unsafe_allow_html=True)
+# --- Input bar (Streamlit FORM) ---
+with st.form("chat_form", clear_on_submit=True):
+    st.markdown('<div class="chat-input-bar">', unsafe_allow_html=True)
+    user_input = st.text_input("Type your message here:", label_visibility="collapsed")
+    submit_button = st.form_submit_button("Send")
+    clear_button = st.button("🗑️", help="Clear Chat", key="clear-chat-bottom")
+    st.markdown('</div>', unsafe_allow_html=True)
+
+    if clear_button:
+        clear_chat_history()
 
 # --- Auto-scroll JS ---
 st.markdown("""
@@ -231,7 +233,7 @@ setTimeout(function(){
 """, unsafe_allow_html=True)
 
 # --- Handle user input ---
-if user_input:
+if submit_button and user_input:
     st.session_state["is_thinking"] = True
     thread_id = get_or_create_thread_id()
     client.beta.threads.messages.create(thread_id=thread_id, role="user", content=user_input)