Update app.py

app.py

@@ -104,10 +104,19 @@ 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 messages
+if 'generated' not in st.session_state:
+    st.session_state['generated'] = ["こんにちは！zendo美女です。何かお探しですか？... 🤗"]
+
+if 'past' not in st.session_state:
+    st.session_state['past'] = ["チャットはここから"]
+
 # Create containers for chat history and user input
 response_container = st.container()
 container = st.container()
@@ -115,53 +124,26 @@ 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="質問をご記入ください...")
+        user_input = st.text_input("ChatBox", placeholder="質問をご記入ください...  ", key='input')
         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))
+        st.session_state['past'].append(user_input)
+        st.session_state['generated'].append(output)
 
 # Display chat history
-if st.session_state['history']:
+if st.session_state['generated']:
     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"
-        
+        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")
         # 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:
-#     st.session_state['history'] = []
-
-# # Initialize messages
-# if 'generated' not in st.session_state:
-#     st.session_state['generated'] = ["こんにちは！zendo美女です。何かお探しですか？... 🤗"]
-
-# if 'past' not in st.session_state:
-#     st.session_state['past'] = ["チャットはここから"]
-
-# # 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_input("ChatBox", placeholder="質問をご記入ください...  ", key='input')
-#         submit_button = st.form_submit_button(label='Send')
-
-#     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
-# if st.session_state['generated']:
-#     with response_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")
+    st.markdown("""
+    <style>
+        .stText {
+            overflow-y: auto;
+            height: 100%; /* Ensure the chat history container takes up full available height */
+        }
+    </style>
+""", unsafe_allow_html=True)