Updated context for non-help related questions. Try to add answers in scrollable div, with better overview of question and answer.

app.py

@@ -23,9 +23,12 @@ context = read_dataset(dataset)
 st.markdown(
     """
     <style>
-    body {
-        background-color: yellow;
-    }
+    .scrollable-div { 
+        max-height: 300px; 
+        overflow-y: auto; 
+        padding: 10px; 
+        border: 1px solid #ccc; 
+        background-color: #f9f9f9; }
     </style>
     """,
     unsafe_allow_html=True
@@ -47,7 +50,7 @@ def handle_submit():
             ]
         else:
             messages = [
-                {"role": "system", "content": f"Context: Supported OS in Adrega is Commodore 64 and Amiga. We print Gantt diagrams in dos."},
+                {"role": "system", "content": f"Context: Adrega is located in Oslo, Norway. It is a powerful project management and reporting tool. It can show Gantt diagrams, S-Curves, Tabular reports and various charts in single reports, report bundles or in a customizable dashboard."},
                 {"role": "user", "content": user_input}
             ]
 
@@ -60,7 +63,7 @@ def handle_submit():
         )
         
         answer = completion.choices[0].message['content']
-        st.session_state.conversation += f"User: {user_input}\nAdrega AI: {answer}\n\n"
+        st.session_state.conversation += f"<p><strong>User:</strong> {user_input}</p><p><strong>Adrega AI:</strong> {answer}</p>"
     else:
         st.write("Please enter a question.")
 
@@ -68,4 +71,5 @@ def handle_submit():
 st.text_input('Ask me a question', key='user_input', on_change=handle_submit)
 if st.button("Ask"): 
     handle_submit()
-st.markdown(st.session_state.conversation, unsafe_allow_html=True)
+    
+st.markdown(f'<div class="scrollable-div">{st.session_state.conversation}</div>', unsafe_allow_html=True)