Update app.py

app.py

@@ -96,21 +96,28 @@ def orchestrate_workflow(client, url):
     return final_summary
 
 # Streamlit App UI
-st.title("🔎 Swarm-based Multi-Agent Web Content Analyzer")
-st.caption("""
-**Effortlessly extract, analyze, and summarize information from any website!**  
-This app leverages a **multi-agent system** built on OpenAI's Swarm framework to:
-- **Scrape content** from websites.
-- **Analyze and extract key insights** from the scraped data.
-- **Generate concise summaries** tailored to your needs.  
-Simply provide a URL, and let the agents do the rest!
-""")
+st.markdown(
+    """
+    <style>
+    .title { text-align: center; font-size: 3rem; font-weight: bold; }
+    .description { text-align: center; font-size: 1.2rem; color: #555; }
+    .button-container { text-align: center; }
+    .ack { font-size: 0.9rem; color: #888; text-align: center; }
+    </style>
+    """,
+    unsafe_allow_html=True,
+)
+
+st.markdown('<div class="title">🔎 Swarm-based Multi-Agent Web Content Analyzer</div>', unsafe_allow_html=True)
+st.markdown('<div class="description">Effortlessly extract, analyze, and summarize web content using AI-powered multi-agent systems.</div>', unsafe_allow_html=True)
+
+st.write("")
+st.write("")
 
 fetch_openai_api_key()
 
 # Initialize Swarm client only after API key is set
 if 'OPENAI_API_KEY' in os.environ and os.environ['OPENAI_API_KEY']:
-    # Initialize the Swarm client after API key is set
     client = initialize_swarm_client()
 
     # Input field for the website URL
@@ -118,7 +125,13 @@ if 'OPENAI_API_KEY' in os.environ and os.environ['OPENAI_API_KEY']:
     url = st.text_input("Enter the URL of the website you want to scrape", placeholder="https://example.com")
 
     # Run Workflow button
-    if st.button("🚀 Run Workflow"):
+    st.write("")
+    st.markdown(
+        '<div class="button-container"><button style="padding: 10px 20px; font-size: 16px; background-color: #4CAF50; color: white; border: none; border-radius: 5px; cursor: pointer;">🚀 Run Workflow</button></div>',
+        unsafe_allow_html=True,
+    )
+
+    if st.button("Run Workflow"):
         if url:
             with st.spinner("Running the multi-agent workflow... This may take a moment."):
                 final_report = orchestrate_workflow(client, url)
@@ -128,10 +141,8 @@ if 'OPENAI_API_KEY' in os.environ and os.environ['OPENAI_API_KEY']:
         else:
             st.error("❌ Please enter a valid URL.")
 else:
-    st.warning("⚠️ OpenAI API Key not set. Please ensure it's properly configured in Hugging Face secrets.")
+    st.sidebar.warning("⚠️ OpenAI API Key not set. Please check your Hugging Face secrets configuration.")
 
 # Footer with credits
-st.write("---")
-st.markdown("""
-### Acknowledgement: 
-""")
+st.divider()
+st.markdown('<div class="ack">Acknowledgement: </div>', unsafe_allow_html=True)