Update app.py

app.py

@@ -72,23 +72,30 @@ header {visibility: hidden;}
 
 .input-bottom-bar {
     position: fixed;
-    bottom: 3.5em; /* move up for widget space */
+    bottom: 3.5em;
     width: 100%;
     background: #191b22;
     padding: 0.5em 0.6em;
-    display: flex;
-    align-items: center;
-    gap: 0.5em;
+    display: block;
     border-top: 1px solid #22232c;
     z-index: 999;
 }
 
-#clear-chat {
+.stChatInputContainer {
+    position: relative;
+}
+
+.clear-chat-btn {
+    position: absolute;
+    right: 3em;
+    top: 50%;
+    transform: translateY(-50%);
+    font-size: 1.4em;
+    color: #ccc;
     background: none;
     border: none;
-    font-size: 1.5em;
-    color: #ccc;
     cursor: pointer;
+    z-index: 1000;
 }
 </style>
 """, unsafe_allow_html=True)
@@ -189,13 +196,17 @@ def synthesize_voice(text, voice_key, user_id):
 # --- CHAT DISPLAY
 display_chat_history()
 
-# --- Bottom input bar with chat_input() and clear
+# --- Bottom input bar with chat_input() and inline clear
 with st.container():
     st.markdown('<div class="input-bottom-bar">', unsafe_allow_html=True)
-    col1, col2 = st.columns([8, 2])
-    user_input = col1.chat_input("Type your message here...")
-    if col2.button("🗑️", help="Clear Chat", key="clear-chat-bottom"):
-        clear_chat_history()
+    
+    user_input = st.chat_input("Type your message here...")
+    
+    # Inject clear button
+    st.markdown("""
+    <button class="clear-chat-btn" onclick="window.location.href='?clear=1'">🗑️</button>
+    """, unsafe_allow_html=True)
+    
     st.markdown('</div>', unsafe_allow_html=True)
 
 # --- JS auto-scroll
@@ -208,6 +219,10 @@ window.onload = function() {
 </script>
 """, unsafe_allow_html=True)
 
+# --- Handle clear
+if st.query_params.get("clear") == "1":
+    clear_chat_history()
+
 # --- Handle user input
 if user_input:
     thread_id = get_or_create_thread_id()