Upload 3 files

README.md

@@ -0,0 +1,56 @@
+---
+title: Multi-Agent System Hub
+colorFrom: blue
+colorTo: purple
+sdk: gradio
+sdk_version: 5.49.1
+app_file: app.py
+pinned: true
+license: mit
+python_version: 3.11
+---
+
+# Multi-Agent System Hub
+
+Central hub for accessing specialized AI agents. Each agent is independently deployed and optimized for specific tasks.
+
+## Available Agents
+
+### 1. Delivery Optimization Agent (Active)
+Real-time route planning and optimization using OpenStreetMap
+- Interactive maps with turn-by-turn directions
+- Cost optimization for deliveries
+- Traffic analysis
+- Multiple route comparison
+
+### 2. Agent 2 (Coming Soon)
+Details to be announced
+
+### 3. Agent 3 (Coming Soon)
+Details to be announced
+
+## How to Use
+
+1. Click on any active agent card
+2. You'll be redirected to the agent's dedicated interface
+3. Enter your query and get AI-powered results
+
+## Architecture
+
+This hub uses a microservices architecture where:
+- Each agent runs in its own Hugging Face Space
+- Agents are independently deployable and scalable
+- Hub provides unified access point
+- No cross-dependencies between agents
+
+## For Developers
+
+To add a new agent:
+1. Deploy your agent as a separate HF Space
+2. Update `AGENT_URLS` in `app.py` with your Space URL
+3. Update agent details (title, description, features)
+4. Commit changes
+
+---
+
+Built with Gradio | Deployed on Hugging Face Spaces

app.py

@@ -0,0 +1,265 @@
+import gradio as gr
+
+AGENT_URLS = {
+    "delivery": "https://huggingface.co/spaces/shuv25/optimize_delivery_system",
+    "agent2": "https://huggingface.co/spaces/Tamannathakur/Data_Analyzer",
+    "agent3": "https://huggingface.co/spaces/akankshar639/CustomerSupportAgent"
+}
+
+def create_agent_card(title, description, features, url, color, status="active"):
+    """Create a card for each agent"""
+    
+    if status == "active":
+        status_badge = "<span style='background:#10b981; color:white; padding:4px 12px; border-radius:12px; font-size:0.85em; font-weight:600;'>ACTIVE</span>"
+    else:
+        status_badge = "<span style='background:#6b7280; color:white; padding:4px 12px; border-radius:12px; font-size:0.85em; font-weight:600;'>COMING SOON</span>"
+    
+    features_html = "".join([f"<li style='margin:8px 0; color:#4b5563;'>{feature}</li>" for feature in features])
+    
+    if status == "active":
+        button = f"""
+        <a href="{url}" target="_blank" class="launch-btn" style='
+            display: block;
+            text-align: center;
+            padding: 14px;
+            background: linear-gradient(135deg, #f97316, #ea580c);
+            color: white;
+            text-decoration: none;
+            border-radius: 10px;
+            font-weight: 600;
+            font-size: 1em;
+            margin-top: 20px;
+            transition: all 0.25s ease;
+        ' onmouseover="this.style.background='linear-gradient(135deg, #fb923c, #f59e0b)'; this.style.transform='scale(1.03)'"
+          onmouseout="this.style.background='linear-gradient(135deg, #f97316, #ea580c)'; this.style.transform='scale(1)'">
+            🚀 Launch Agent
+        </a>
+        """
+    else:
+        button = f"""
+        <div style='
+            text-align: center;
+            padding: 14px;
+            background: #e5e7eb;
+            color: #6b7280;
+            border-radius: 10px;
+            font-weight: 600;
+            font-size: 1em;
+            margin-top: 20px;
+            cursor: not-allowed;
+        '>
+            Coming Soon
+        </div>
+        """
+    
+    card_html = f"""
+    <div style='
+        border-radius: 16px;
+        padding: 28px;
+        background: white;
+        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+        height: 100%;
+        border-top: 4px solid {color};
+    '>
+        <div style='display:flex; justify-content:space-between; align-items:center; margin-bottom:16px;'>
+            <h2 style='margin:0; color:#1f2937; font-size:1.5em;'>{title}</h2>
+            {status_badge}
+        </div>
+        
+        <p style='color:#6b7280; margin:12px 0 20px 0; line-height:1.6; font-size:0.95em;'>
+            {description}
+        </p>
+        
+        <div style='background:#f9fafb; padding:16px; border-radius:10px; margin:16px 0;'>
+            <h4 style='margin:0 0 12px 0; color:#374151; font-size:0.9em; font-weight:600;'>KEY FEATURES:</h4>
+            <ul style='margin:0; padding-left:20px;'>
+                {features_html}
+            </ul>
+        </div>
+        
+        {button}
+    </div>
+    """
+    
+    return card_html
+
+
+with gr.Blocks(
+    theme=gr.themes.Soft(primary_hue="orange", secondary_hue="amber"),
+    title="Multi-Agent System Hub",
+    css="""
+        body, html {
+            margin: 0;
+            padding: 0;
+            width: 100%;
+            overflow-x: hidden;
+        }
+        .gradio-container {
+            max-width: 100% !important;
+            width: 100% !important;
+            padding: 0 !important;
+            margin: 0 auto !important;
+        }
+        .block {
+            width: 100% !important;
+        }
+        #root > div {
+            width: 100% !important;
+        }
+    """
+) as demo:
+    
+    gr.HTML("""
+    <div style='
+        text-align: center;
+        padding: 50px 20px;
+        background: linear-gradient(135deg, #f97316 0%, #f59e0b 100%);
+        border-radius: 20px;
+        color: white;
+        margin-bottom: 40px;
+        box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);
+    '>
+        <h1 style='margin: 0; font-size: 3em; font-weight: 800; text-shadow: 2px 2px 4px rgba(0,0,0,0.2);'>
+            Multi-Agent System Hub
+        </h1>
+        <p style='margin: 20px 0 0 0; font-size: 1.4em; opacity: 0.95; font-weight: 300;'>
+            Specialized AI Agents for Different Tasks
+        </p>
+        <p style='margin: 12px 0 0 0; font-size: 1em; opacity: 0.85;'>
+            Choose an agent based on your specific needs
+        </p>
+    </div>
+    """)
+
+    gr.Markdown("## Available Agents")
+    
+    with gr.Row():
+        with gr.Column():
+            gr.HTML(create_agent_card(
+                title="Delivery Optimization Agent",
+                description="Real-time route planning, cost optimization, and traffic analysis using OpenStreetMap data. Get optimized delivery routes with accurate cost estimates.",
+                features=[
+                    "Interactive maps with turn-by-turn directions",
+                    "Real-world cost estimation and vehicle optimization",
+                    "Live traffic analysis and departure time suggestions",
+                    "Multiple route comparison and selection"
+                ],
+                url=AGENT_URLS["delivery"],
+                color="linear-gradient(135deg, #f97316, #ea580c)",
+                status="active"
+            ))
+        
+        with gr.Column():
+            gr.HTML(create_agent_card(
+                title="Data Analyzer Agent",
+                description="""Data Analyzer is an AI-powered data analysis tool that automatically explore, visualize, 
+                            and generate insights from uploaded CSV datasets through natural language queries""",
+                features=[
+                    "AI-driven Query Understanding ",
+                    "Smart Visualizations ",
+                    "Insight Generation",
+                    "Time-Efficient Analysis"
+                    "Decision-Making Support"
+                ],
+                url=AGENT_URLS["agent2"],
+                color="linear-gradient(135deg, #6366f1, #8b5cf6)",
+                status="active"
+            ))
+        
+        with gr.Column():
+            gr.HTML(create_agent_card(
+                title="SparkMart AI",
+                description="""SparkMart AI, a chatbot e-commerce customer service by automating order tracking, resolving complaints, 
+                                and offering personalized product recommendations or specific product recommendation.""",
+                features=[
+                    "Intelligent Order Management",
+                    "Personalized Product Recommendations ",
+                    "Multi-Stage Complaint Resolution",
+                    "Conversational State Management",
+                    "General Query Assistance"
+                ],
+                url=AGENT_URLS["agent3"],
+                color="linear-gradient(135deg, #4facfe, #00f2fe)",
+                status="active"
+            ))
+
+    gr.Markdown("---")
+    gr.Markdown("## How It Works")
+    
+    with gr.Row():
+        with gr.Column():
+            gr.Markdown("""
+            ### Independent Agents
+            Each agent runs in its own environment:
+            - **Isolated**: Problems in one don't affect others  
+            - **Scalable**: Each can be updated independently  
+            - **Optimized**: Resources allocated per agent needs  
+            - **Specialized**: Focused on specific tasks  
+            """)
+        
+        with gr.Column():
+            gr.Markdown("""
+            ### Getting Started
+            1. **Choose** your agent based on your task  
+            2. **Click** "Launch Agent" button  
+            3. **Enter** your query in the agent interface  
+            4. **Get** instant AI-powered results  
+            5. **Download** or save your results  
+            """)
+        
+        with gr.Column():
+            gr.Markdown("""
+            ### Best Practices
+            - Be specific with your queries  
+            - Include all relevant details  
+            - Check example queries for guidance  
+            - Use agent-specific features  
+            - Save important results immediately  
+            """)
+
+    gr.HTML("""
+    <div style='
+        margin-top: 40px;
+        padding: 30px;
+        background: #fff7ed;
+        border-radius: 15px;
+        border-left: 5px solid #f97316;
+    '>
+        <h3 style='margin: 0 0 15px 0; color:#1f2937;'>System Status</h3>
+        <div style='display:grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap:20px;'>
+            <div style='text-align:center; padding:15px; background:white; border-radius:10px;'>
+                <div style='font-size:2em; color:#10b981; margin-bottom:8px;'>1</div>
+                <div style='color:#6b7280; font-size:0.9em;'>Active Agents</div>
+            </div>
+            <div style='text-align:center; padding:15px; background:white; border-radius:10px;'>
+                <div style='font-size:2em; color:#f59e0b; margin-bottom:8px;'>2</div>
+                <div style='color:#6b7280; font-size:0.9em;'>In Development</div>
+            </div>
+            <div style='text-align:center; padding:15px; background:white; border-radius:10px;'>
+                <div style='font-size:2em; color:#3b82f6; margin-bottom:8px;'>3</div>
+                <div style='color:#6b7280; font-size:0.9em;'>Total Agents</div>
+            </div>
+        </div>
+    </div>
+    """)
+    
+    gr.HTML("""
+    <div style='
+        text-align: center;
+        padding: 30px;
+        margin-top: 50px;
+        background: #fff7ed;
+        border-radius: 15px;
+    '>
+        <h3 style='margin: 0 0 15px 0; color:#1f2937;'>Built with Modern AI Stack</h3>
+        <p style='margin: 0; color: #6b7280; font-size:0.95em;'>
+            DeepAgents | LangChain | Groq | OpenStreetMap | Gradio
+        </p>
+        <p style='margin: 15px 0 0 0; font-size: 0.85em; color: #9ca3af;'>
+            Deployed on Hugging Face Spaces | Open Source Architecture
+        </p>
+    </div>
+    """)
+
+if __name__ == "__main__":
+    demo.launch()

requirements.txt

@@ -0,0 +1,2 @@
+
+gradio