Update app.py

app.py

@@ -2,28 +2,62 @@ import streamlit as st
 from utils import get_answer
 
 # Streamlit app layout
-st.title("Chatbot Interface")
-st.write("Welcome to the chatbot. Ask me anything regarding Israel Hammas War!!")
+st.title("Know More About Israel Hamas War")
+st.write("Welcome to the chatbot. Ask me anything regarding the Israel Hamas War!")
 
 # Session state to store the conversation
 if 'conversation' not in st.session_state:
     st.session_state.conversation = []
 
-# Input box for user
-user_input = st.text_input("You:", "")
+# Scrollable chat history
+st.markdown("""
+    <style>
+    .chat-history {
+        max-height: 400px;
+        overflow-y: scroll;
+        padding: 10px;
+        border: 1px solid #ccc;
+        border-radius: 5px;
+        background-color: #f9f9f9;
+    }
+    .chat-message {
+        padding: 5px;
+        margin-bottom: 10px;
+        border-radius: 5px;
+    }
+    .user-message {
+        background-color: #d1e7dd;
+        text-align: right;
+    }
+    .bot-message {
+        background-color: #f8d7da;
+    }
+    </style>
+    """, unsafe_allow_html=True)
 
-if st.button("Send"):
-    if user_input:
-        # Get bot response
-        bot_response = get_answer(user_input)
+# Input box and send button
+input_col, button_col = st.columns([4, 1])
+with input_col:
+    user_input = st.text_input("You:", "", key="input_box", placeholder="Type your message here...")
 
-        # Append both user input and bot response to conversation
-        st.session_state.conversation.append(f"You: {user_input}")
-        st.session_state.conversation.append(bot_response)
+with button_col:
+    if st.button("Send"):
+        if user_input:
+            # Get bot response
+            bot_response = get_answer(user_input)
 
-        # Clear the input box
-        st.experimental_rerun()
+            # Append both user input and bot response to conversation
+            st.session_state.conversation.append(("user", user_input))
+            st.session_state.conversation.append(("bot", bot_response))
+
+            # Clear the input box
+            st.session_state.input_box = ""
 
 # Display conversation
-for line in st.session_state.conversation:
-    st.write(line)
+st.markdown('<div class="chat-history">', unsafe_allow_html=True)
+for sender, message in st.session_state.conversation:
+    if sender == "user":
+        st.markdown(f'<div class="chat-message user-message">{message}</div>', unsafe_allow_html=True)
+    else:
+        st.markdown(f'<div class="chat-message bot-message">{message}</div>', unsafe_allow_html=True)
+st.markdown('</div>', unsafe_allow_html=True)