Update app.py

app.py

@@ -18,6 +18,30 @@ st.set_page_config(
     page_title="GPT Streamlit Document Reasoner",
     layout="wide")
 
+# Custom CSS to increase scrollbar width
+st.markdown("""
+    <style>
+    ::-webkit-scrollbar {
+      width: 20px;
+    }
+
+    /* Track */
+    ::-webkit-scrollbar-track {
+      background: #f1f1f1;
+    }
+
+    /* Handle */
+    ::-webkit-scrollbar-thumb {
+      background: #888;
+    }
+
+    /* Handle on hover */
+    ::-webkit-scrollbar-thumb:hover {
+      background: #555;
+    }
+    </style>
+    """, unsafe_allow_html=True)
+
 menu = ["txt", "htm", "md", "py"]
 choice = st.sidebar.selectbox("Output file type:", menu)
 choicePrefix = "Output file type is "
@@ -97,7 +121,7 @@ def main():
     col1, col2 = st.columns([1, 2])
 
     with col1:
-        user_prompt = st.text_area("Your question:", '', height=120)
+        user_prompt = st.text_area("Your question:", '', height=150)  # Increased height for question text box
         uploaded_file = st.file_uploader("Choose a file", type=["xml", "json", "html", "htm", "md", "txt"])
 
     document_sections = deque()
@@ -111,29 +135,25 @@ def main():
         if st.button('💬 Chat'):
             st.write('Thinking and Reasoning with your inputs...')
             response = chat_with_model(user_prompt, ''.join(list(document_sections)))
-            st.write('Response:')
-            st.write(response)
+            response_area = st.text_area('Response:', value=response, height=400)
             filename = generate_filename(user_prompt, choice)
             create_file(filename, user_prompt, response)
             st.sidebar.markdown(get_table_download_link(filename), unsafe_allow_html=True)
 
     if len(document_sections) > 0:
-        with col2:
-            st.markdown("**Chat with the model:**")
-            for i, section in reversed(list(enumerate(list(document_sections)))):
-                if i in document_responses:
-                    st.markdown(f"**Section {i+1} Content:**\n{section}")
-                    st.markdown(f"**Section {i+1} Response:**\n{document_responses[i]}")
-                else:
-                    if st.button(f"Chat about Section {i+1}"):
-                        st.write('Thinking and Reasoning with your inputs...')
-                        response = chat_with_model(user_prompt, section)
-                        document_responses[i] = response
-                        st.markdown(f"**Section {i+1} Content:**\n{section}")
-                        st.markdown(f"**Section {i+1} Response:**\n{response}")
-                        filename = generate_filename(f"{user_prompt}_section_{i+1}", choice)
-                        create_file(filename, user_prompt, response)
-                        st.sidebar.markdown(get_table_download_link(filename), unsafe_allow_html=True)
+        for i, section in reversed(list(enumerate(list(document_sections)))):
+            if i in document_responses:
+                st.markdown(f"**Section {i+1} Content:**\n{section}")
+                response_area = st.text_area(f"Section {i+1} Response:", value=document_responses[i], height=400)
+            else:
+                if st.button(f"Chat about Section {i+1}"):
+                    st.write('Thinking and Reasoning with your inputs...')
+                    response = chat_with_model(user_prompt, section)
+                    document_responses[i] = response
+                    response_area = st.text_area(f"Section {i+1} Response:", value=response, height=400)
+                    filename = generate_filename(f"{user_prompt}_section_{i+1}", choice)
+                    create_file(filename, user_prompt, response)
+                    st.sidebar.markdown(get_table_download_link(filename), unsafe_allow_html=True)
 
     all_files = glob.glob("*.txt") + glob.glob("*.htm") + glob.glob("*.md")
     for file in all_files: