Update app.py

app.py

@@ -91,16 +91,23 @@ st.markdown("""
         background-color: #fff;
         padding: 10px 0;
     }
+    .white-box {
+        background-color: white;
+        height: 400px;  /* Set a fixed height */
+        overflow-y: scroll;  /* Allow scrolling */
+        padding: 15px;
+        border: 1px solid #ddd;
+    }
     </style>
 """, unsafe_allow_html=True)
 
-# Chat history container (This is where the conversation will appear)
-chat_container = st.container()
+# White box (output container) where the chat output should go
+output_container = st.empty()  # This will hold the dynamic content
 
-# Function to display the chat history in a scrollable container
+# Function to display the chat history in the white box
 def display_chat():
-    with chat_container:
-        st.markdown('<div class="chat-output">', unsafe_allow_html=True)
+    with output_container.container():  # Use the white box for output
+        st.markdown('<div class="white-box">', unsafe_allow_html=True)
         # Loop through session messages and display them
         for message in st.session_state['messages']:
             if message['role'] == 'user':
@@ -137,5 +144,5 @@ with input_container:
 
     st.markdown('</div>', unsafe_allow_html=True)
 
-# Display the chat history
+# Display the chat history in the white box
 display_chat()