Update app.py

app.py

@@ -7,7 +7,7 @@ import os
 load_dotenv()
 
 # Configure Google Generative AI with API key
-api_key = os.getenv("GOOGLE_API_KEY")
+api_key = os.getenv("GENERATIVEAI_API_KEY")
 genai.configure(api_key=api_key)
 
 # Initialize the session state to store chat history
@@ -71,24 +71,47 @@ def text_summary(text, isNew=False):
 # Layout for chatbot UI
 st.title("Financial Summary Chatbot")
 
+# Adding custom CSS for scrollable chat output
+st.markdown("""
+    <style>
+    .chat-output {
+        max-height: 400px;
+        overflow-y: scroll;
+        padding: 10px;
+        border: 1px solid #ccc;
+        background-color: #f5f5f5;
+    }
+    .input-container {
+        position: fixed;
+        bottom: 0;
+        width: 100%;
+        background-color: #fff;
+        padding: 10px 0;
+    }
+    </style>
+""", unsafe_allow_html=True)
+
 # Chat history container (This is where the conversation will appear)
 chat_container = st.container()
 
-# Input container (This will stay at the bottom)
-input_container = st.container()
-
-# Function to display the chat history
+# Function to display the chat history in a scrollable container
 def display_chat():
     with chat_container:
+        st.markdown('<div class="chat-output">', unsafe_allow_html=True)
         # Loop through session messages and display them
         for message in st.session_state['messages']:
             if message['role'] == 'user':
                 st.write(f"**You:** {message['content']}")
             else:
                 st.write(f"**Bot:** {message['content']}")
+        st.markdown('</div>', unsafe_allow_html=True)
+
+# Input container (This will stay at the bottom)
+input_container = st.container()
 
 # Fixed input area at the bottom using the input container
 with input_container:
+    st.markdown('<div class="input-container">', unsafe_allow_html=True)
     is_new_session = st.checkbox("Start new session", value=False)
     user_input = st.text_area("Type your message here:", height=100)
     send_button = st.button("Send")
@@ -107,5 +130,7 @@ with input_container:
         # Clear the input text area
         user_input = ""
 
+    st.markdown('</div>', unsafe_allow_html=True)
+
 # Display the chat history
 display_chat()