Update app.py

app.py

@@ -130,6 +130,7 @@ def main():
 </div>
 """, unsafe_allow_html=True)
 
+    # Sidebar controls
     st.sidebar.image("logoqb.jpeg", use_container_width=True)
     st.sidebar.header("Scrape & Configure")
 
@@ -156,63 +157,54 @@ def main():
                     with st.spinner("Searching in progress... Please wait patiently."):
                         result = process_multiple_search_terms(search_terms)
                         st.session_state.scraped_data = result
-                        st.success(f"✅ Successfully found {len(result['grants'])} grant opportunities from {len(search_terms)} search terms!")
+                        st.sidebar.success(f"✅ Found {len(result['grants'])} grant opportunities from {len(search_terms)} search terms!")
                 except Exception as e:
-                    st.error(f"🚨 Searching process encountered an error: {e}")
+                    st.sidebar.error(f"🚨 Searching process encountered an error: {e}")
             else:
-                st.warning("⚠️ Please enter valid search terms.")
+                st.sidebar.warning("⚠️ Please enter valid search terms.")
         else:
-            st.warning("⚠️ Please enter at least one search term to begin.")
-
-    st.markdown("---")
-
-    if st.session_state.scraped_data and st.session_state.scraped_data['grants']:
-        st.header("📊 Found Grant Data")
-
-        with st.expander(f"📊 Preview Grant Data ({len(st.session_state.scraped_data['grants'])} grants)"):
-            st.dataframe(st.session_state.scraped_data["grants"])
-
-        col1, col2, col3 = st.columns([1, 1, 2])
-
-        with col1:
-            selected_format = st.selectbox("Download As:", ("CSV", "Excel"), key="download_format_selector")
-
-        with col2:
-            if selected_format == "CSV":
-                file_data = convert_to_csv(st.session_state.scraped_data)
-                file_name = "grants_data.csv"
-                file_type = "text/csv"
-            else:
-                file_data = convert_to_excel(st.session_state.scraped_data)
-                file_name = "grants_data.xlsx"
-                file_type = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+            st.sidebar.warning("⚠️ Please enter at least one search term to begin.")
+
+    # Sidebar: Download and Share Options
+    if st.session_state.scraped_data and st.session_state.scraped_data.get('grants'):
+        st.sidebar.markdown("---")
+        st.sidebar.subheader("Download & Share")
+
+        selected_format = st.sidebar.selectbox("Download As:", ("CSV", "Excel"), key="download_format_selector")
+        if selected_format == "CSV":
+            file_data = convert_to_csv(st.session_state.scraped_data)
+            file_name = "grants_data.csv"
+            file_type = "text/csv"
+        else:
+            file_data = convert_to_excel(st.session_state.scraped_data)
+            file_name = "grants_data.xlsx"
+            file_type = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
 
-            download_link_html = f"<a href='data:{file_type};base64,{base64.b64encode(file_data).decode()}' download='{file_name}'><button style='background-color:#4CAF50;color:white;padding:10px 15px;border:none;border-radius:4px;'>⬇️ Download {selected_format}</button></a>"
-            st.markdown(download_link_html, unsafe_allow_html=True)
+        download_link_html = f"<a href='data:{file_type};base64,{base64.b64encode(file_data).decode()}' download='{file_name}'><button style='background-color:#4CAF50;color:white;padding:10px 15px;border:none;border-radius:4px;'>⬇️ Download {selected_format}</button></a>"
+        st.sidebar.markdown(download_link_html, unsafe_allow_html=True)
 
-        with col3:
-            shareable_link = get_shareable_link(file_data, file_name, file_type)
-            whatsapp_url = f"https://api.whatsapp.com/send?text={urllib.parse.quote(f'Check out these grant opportunities: {shareable_link}')}"
-            email_subject = urllib.parse.quote("Grant Opportunities File")
-            email_body = urllib.parse.quote(f"Download the grant opportunities file here: {shareable_link}")
-            email_url = f"mailto:?subject={email_subject}&body={email_body}"
+        shareable_link = get_shareable_link(file_data, file_name, file_type)
+        whatsapp_url = f"https://api.whatsapp.com/send?text={urllib.parse.quote(f'Check out these grant opportunities: {shareable_link}')}"
+        email_subject = urllib.parse.quote("Grant Opportunities File")
+        email_body = urllib.parse.quote(f"Download the grant opportunities file here: {shareable_link}")
+        email_url = f"mailto:?subject={email_subject}&body={email_body}"
 
-            st.markdown("<div style='margin-top:10px;'>Share via:</div>", unsafe_allow_html=True)
-            st.markdown(f"📱 [WhatsApp]({whatsapp_url}) | 📧 [Email]({email_url})", unsafe_allow_html=True)
+        st.sidebar.markdown("<div style='margin-top:10px;'>Share via:</div>", unsafe_allow_html=True)
+        st.sidebar.markdown(f"📱 [WhatsApp]({whatsapp_url}) | 📧 [Email]({email_url})", unsafe_allow_html=True)
 
-        if st.button("🧠 Load as Knowledge Base & Chat"):
+        # Sidebar: Load as Knowledge Base & Chat
+        if st.sidebar.button("🧠 Load as Knowledge Base & Chat"):
             with st.spinner("Loading data into knowledge base..."):
                 create_knowledge_base(st.session_state.scraped_data)
                 st.session_state.chat_interface_active = True
                 st.session_state.chat_history = []
-            st.success("Knowledge base loaded! You can now chat with the Grants Bot.")
+            st.sidebar.success("Knowledge base loaded!")
 
+        # Sidebar: Chat Interface
         if st.session_state.get("chat_interface_active"):
-            st.markdown("---")
-            st.header("💬 Chat with Grants Bot")
-            st.markdown("Ask questions about the found grants to get quick insights!")
-
-            query = st.text_input("Your question:", key="chat_input")
+            st.sidebar.markdown("---")
+            st.sidebar.subheader("💬 Chat with Grants Bot")
+            query = st.sidebar.text_input("Your question:", key="chat_input")
             if query:
                 with st.spinner("Generating response..."):
                     response = chat_with_knowledge_base(query)
@@ -220,12 +212,24 @@ def main():
                     answer = response["answer"] if isinstance(response, dict) and "answer" in response else response
                     st.session_state.chat_history.append({"query": query, "response": answer})
 
-            if st.session_state.chat_history:
-                st.subheader("Chat History")
-                for chat in st.session_state.chat_history:
-                    st.markdown(f"<div style='padding: 10px; border-radius: 5px; margin-bottom: 5px; background-color: #f0f2f6;'><strong>You:</strong> {chat['query']}</div>", unsafe_allow_html=True)
-                    st.markdown(f"<div style='padding: 10px; border-radius: 5px; margin-bottom: 10px; background-color: #e0e2e6;'><strong>Grants Bot:</strong> {chat['response']}</div>", unsafe_allow_html=True)
+    # Main area: Preview data and chat history
+    st.markdown("---")
+    if st.session_state.scraped_data and st.session_state.scraped_data.get('grants'):
+        st.header("📊 Found Grant Data")
+        with st.expander(f"📊 Preview Grant Data ({len(st.session_state.scraped_data['grants'])} grants)"):
+            st.dataframe(st.session_state.scraped_data["grants"])
 
+        if st.session_state.chat_history:
+            st.subheader("Chat History")
+            for chat in st.session_state.chat_history:
+                # User message: dark grey background with white text
+                st.markdown(
+                    f"<div style='padding: 10px; border-radius: 5px; margin-bottom: 5px; background-color:#444444; color: white;'><strong>You:</strong> {chat['query']}</div>",
+                    unsafe_allow_html=True)
+                # Bot message: blue background with white text
+                st.markdown(
+                    f"<div style='padding: 10px; border-radius: 5px; margin-bottom: 10px; background-color:#007BFF; color: white;'><strong>Grants Bot:</strong> {chat['response']}</div>",
+                    unsafe_allow_html=True)
     else:
         st.info("⬅️  Enter search terms in the sidebar and click 'Get Grant Opportunities' to start searching.")