Update app.py

make changes to the UI

app.py

@@ -6,18 +6,25 @@ import os
 # Ensure set_page_config is the first Streamlit command
 st.set_page_config(page_title="STC Bank Assistant", layout="centered")
 
-# Load external CSS
-with open("style.css") as f:
+# Load external CSS for custom styling
+with open("style.css", "r") as f:
     st.markdown(f"<style>{f.read()}</style>", unsafe_allow_html=True)
 
-# Streamlit UI
-st.markdown("""
-    # Welcome to the STC Bank Assistant
-    
-    🏡 **How may I help you?**
-    
-    #### Add additional files here
-""")
+# Main UI layout
+st.markdown(
+    """
+    <h1>Welcome to the STC Bank Assistant</h1>
+
+    <div class="icon-container">
+        <!-- This yellowish box is the icon background -->
+        <div class="icon-box">💼</div>
+        <p class="icon-text">How may I help you?</p>
+    </div>
+
+    <h4>Add additional files here</h4>
+    """,
+    unsafe_allow_html=True
+)
 
 # Fetch credentials from environment variables
 customer_id = os.getenv("VECTARA_CUSTOMER_ID", "")
@@ -25,8 +32,14 @@ api_key = os.getenv("VECTARA_API_KEY", "")
 corpus_id = os.getenv("VECTARA_CORPUS_ID", "")
 corpus_key = os.getenv("VECTARA_CORPUS_KEY", "")
 
-uploaded_files = st.file_uploader("Upload PDF, DOCX, or XLSX files", type=["pdf", "docx", "xlsx"], accept_multiple_files=True)
+# File uploader with drag-and-drop text + limit note
+uploaded_files = st.file_uploader(
+    "Drag and drop file here\nLimit 200MB per file",
+    type=["pdf", "docx", "xlsx"],
+    accept_multiple_files=True
+)
 
+# If credentials exist and files are uploaded, handle them
 if uploaded_files and customer_id and api_key and corpus_id and corpus_key:
     for file in uploaded_files:
         response = upload_file_to_vectara(file, customer_id, api_key, corpus_key)