Instanciate scrollable div before stream starts

app.py

@@ -34,16 +34,6 @@ st.markdown(
     unsafe_allow_html=True
 )
 
-st.text_input('Ask me a question', key='user_input', on_change=handle_submit)
-col1, col2 = st.columns(2)
-
-with col1: 
-    if st.button("Ask"): 
-        handle_submit()
-
-with col2:
-    st.session_state.include_context = st.checkbox('Search in Help')
-
 def handle_submit():
     user_input = st.session_state.user_input
 
@@ -71,16 +61,27 @@ def handle_submit():
         
         answer = ""
         placeholder =st.empty()
+        placeholder.markdown('<div class="scrollable-div"></div>', unsafe_allow_html=True)
         for chunk in response: 
             answer += chunk['choices'][0]['delta']['content'] 
-            placeholder.markdown(f'<div class="scrollable-div"><p><strong>Adrega AI:</strong> {answer}</p></div>', unsafe_allow_html=True)
-            st.session_state.conversation = f"<p><strong>Adrega AI:</strong> {answer}</p>" + st.session_state.conversation       
+            placeholder.markdown(f'<div class="scrollable-div"><p>{answer}</p></div>', unsafe_allow_html=True)
+            st.session_state.conversation = f"<p>{answer}</p>" + st.session_state.conversation       
     else:
         st.session_state.conversation(f"<p><strong>Adrega AI:</strong>: Please enter a question.")
 
 #st.title("Adrega AI Help")
 
+st.text_input('Ask me a question', key='user_input', on_change=handle_submit)
+col1, col2 = st.columns(2)
+
+with col1: 
+    if st.button("Ask"): 
+        handle_submit()
+
 if 'conversation' not in st.session_state:
     st.session_state.conversation = ""
+
+with col2:
+    st.session_state.include_context = st.checkbox('Search in Help')
   
 #st.markdown(f'<div class="scrollable-div">{st.session_state.conversation}</div>', unsafe_allow_html=True)