Update app.py

app.py

@@ -34,8 +34,6 @@ if url_input:
         st.sidebar.markdown('<p style="color:green; font-weight:bold;">URL is correctly entered</p>', unsafe_allow_html=True)
     else:
         st.sidebar.markdown('<p style="color:red; font-weight:bold;">Invalid URL, please enter a valid one</p>', unsafe_allow_html=True)
-else:
-    st.sidebar.markdown('<p style="color:red; font-weight:bold;">URL is required</p>', unsafe_allow_html=True)
 
 # Input fields for API keys with placeholders and helper text
 api_key_1 = st.sidebar.text_input("Enter LangChain API Key", type="password", placeholder="Enter your LangChain API Key", help="Please enter a valid LangChain API key here")
@@ -50,15 +48,15 @@ if st.sidebar.button("Submit API Keys"):
     else:
         st.sidebar.markdown('<p style="color:red; font-weight:bold;">Please fill in both API keys</p>', unsafe_allow_html=True)
 
-# Main Section with Multicolored Background
+# Main Section with Multicolored Background and Chatbot Title
 main_bg_style = """
     <style>
         body {
             background: linear-gradient(135deg, #ff9a9e, #fad0c4, #fbc2eb, #a18cd1);
-            color: #333; /* Ensures text visibility */
+            color: #333; /* Ensure text is visible against the background */
         }
-        .stTextInput input {
-            color: #333; /* Ensures text color in inputs */
+        .stTextInput>div>div>input {
+            border: 1px solid #ccc; /* Style input borders */
         }
     </style>
 """
@@ -74,9 +72,11 @@ query = st.text_input("Ask a question based on the blog post", placeholder="Type
 if 'chat_history' not in st.session_state:
     st.session_state['chat_history'] = []
 
-# Submit button for chat
+# Warning message for empty query
 if st.button("Submit Query"):
-    if query and url_input:
+    if not query:
+        st.markdown('<p style="color:red; font-weight:bold;">Please enter a question before submitting.</p>', unsafe_allow_html=True)
+    elif url_input:
         # Blog loading logic based on user input URL
         loader = WebBaseLoader(
             web_paths=(url_input,),  # Use the user-input URL
@@ -131,8 +131,6 @@ if st.button("Submit Query"):
 
         # Store query and response in session for chat history
         st.session_state['chat_history'].append((query, result))
-    else:
-        st.warning("Both URL and query are required")
 
 # Display chat history
 for q, r in st.session_state['chat_history']: