Update app.py

app.py

@@ -104,45 +104,34 @@ def conversational_chat(query):
     result = chain({"question": query, "chat_history": st.session_state['history']})
     st.session_state['history'].append((query, result["answer"]))   
     return result["answer"]
+# Initialize chat history
 if 'history' not in st.session_state:
     st.session_state['history'] = []
-# Initialize session state if not already done
-if 'past' not in st.session_state:
-    st.session_state['past'] = ["チャットはここから"]
-if 'generated' not in st.session_state:
-    st.session_state['generated'] = ["こんにちは！zendo美女です。何かお探しですか？... 🤗"]
-
-# Create a container for the chat history with a fixed height (half of the body height)
-chat_history_container = st.container()
-chat_history_container.style.height = '50vh'  # Set the height to 50% of the viewport height
-
-# Create a form for user input
-with st.form(key='my_form', clear_on_submit=True):
-    user_input = st.text_input("ChatBox", placeholder="質問をご記入ください...", key='input')
-    submit_button = st.form_submit_button(label='Send')
-
-# Process user input and update chat history
-if submit_button and user_input:
-    output = conversational_chat(user_input)
-    st.session_state['past'].append(user_input)
-    st.session_state['generated'].append(output)
-
-# Display chat history within the container
-if st.session_state['generated']:
-    with chat_history_container:
-       for i in range(len(st.session_state['generated'])):
-            message(st.session_state["past"][i], is_user=True, key=str(i) + '_user', avatar_style="big-smile")
-            message(st.session_state["generated"][i], key=str(i), avatar_style="thumbs")
-
-# Ensure chat history is always scrollable
-st.markdown("""
-    <style>
-        .stText {
-            overflow-y: auto;
-            height: 100%; /* Ensure the chat history container takes up full available height */
-        }
-    </style>
-""", unsafe_allow_html=True)
+
+# Create containers for chat history and user input
+response_container = st.container()
+container = st.container()
+
+# User input form
+with container:
+    with st.form(key='my_form', clear_on_submit=True):
+        user_input = st.text_area("ChatBox", height=100, placeholder="質問をご記入ください...")
+        submit_button = st.form_submit_button(label='Send')
+
+    if submit_button and user_input:
+        output = conversational_chat(user_input)
+        st.session_state['history'].append((user_input, output))
+
+# Display chat history
+if st.session_state['history']:
+    with response_container:
+        chat_history = ""
+        for user_query, response in st.session_state['history']:
+            chat_history += f"**User:** {user_query}\n"
+            chat_history += f"**AI:** {response}\n\n"
+        
+        # Add a scrollbar to the chat history
+        st.write(chat_history, markdown=True, height=400)
 
 # Initialize chat history
 # if 'history' not in st.session_state: