From 155c3bdddbbb325cfed601412809899374535551 Mon Sep 17 00:00:00 2001
From: Hashwanth Sutharapu <hashwanthsutharapu@Hashs-Macbook-Air.local>
Date: Sat, 19 Jul 2025 21:36:06 -0700
Subject: [PATCH] Add advanced agent with web UI and Bedrock integration

---
 advanced-agent/app.py                  | 367 +++++++++
 advanced-agent/demo_test.py            | 113 +++
 advanced-agent/requirements.txt.backup |  30 +
 advanced-agent/run_web_ui.py           |  46 ++
 advanced-agent/src/bedrock_service.py  |  57 ++
 advanced-agent/static/css/style.css    | 987 +++++++++++++++++++++++++
 advanced-agent/static/js/app.js        | 656 ++++++++++++++++
 advanced-agent/templates/index.html    | 227 ++++++
 advanced-agent/test_app.py             | 109 +++
 9 files changed, 2592 insertions(+)
 create mode 100644 advanced-agent/app.py
 create mode 100644 advanced-agent/demo_test.py
 create mode 100644 advanced-agent/requirements.txt.backup
 create mode 100644 advanced-agent/run_web_ui.py
 create mode 100644 advanced-agent/src/bedrock_service.py
 create mode 100644 advanced-agent/static/css/style.css
 create mode 100644 advanced-agent/static/js/app.js
 create mode 100644 advanced-agent/templates/index.html
 create mode 100644 advanced-agent/test_app.py

diff --git a/advanced-agent/app.py b/advanced-agent/app.py
new file mode 100644
index 0000000..b693999
--- /dev/null
+++ b/advanced-agent/app.py
@@ -0,0 +1,367 @@
+#!/usr/bin/env python3
+"""
+Web UI for Multi Agent Researcher
+"""
+
+from flask import Flask, render_template, request, jsonify, Response
+from flask_cors import CORS
+import json
+import time
+import sys
+import os
+from datetime import datetime
+
+# Add src to path
+sys.path.append(os.path.join(os.path.dirname(__file__), 'src'))
+
+from src.workflow import Workflow
+
+app = Flask(__name__)
+CORS(app)
+
+# Global workflow instance
+workflow = None
+current_research = None
+
+def init_workflow():
+    """Initialize workflow on startup"""
+    global workflow
+    try:
+        workflow = Workflow()
+        print("✅ Workflow initialized successfully")
+    except Exception as e:
+        print(f"❌ Error initializing workflow: {e}")
+        workflow = None
+
+@app.route('/')
+def index():
+    """Main page"""
+    return render_template('index.html')
+
+@app.route('/api/research-stream')
+def research_stream():
+    """Handle research requests with real-time streaming using SSE"""
+    global workflow, current_research
+    
+    if not workflow:
+        return "data: " + json.dumps({'step': 'error', 'message': 'Workflow not initialized', 'status': 'error'}) + "\n\n"
+    
+    # Get parameters from query string
+    query = request.args.get('query', '').strip()
+    research_mode = request.args.get('mode', 'auto')
+    selected_pdfs_str = request.args.get('selected_pdfs', '[]')
+    
+    try:
+        selected_pdfs = json.loads(selected_pdfs_str) if selected_pdfs_str else []
+    except:
+        selected_pdfs = []
+    
+    if not query:
+        return "data: " + json.dumps({'step': 'error', 'message': 'Query is required', 'status': 'error'}) + "\n\n"
+    
+    def generate_research_stream():
+        try:
+            # Initialize research
+            current_research = {
+                'query': query,
+                'mode': research_mode,
+                'status': 'running',
+                'start_time': datetime.now().isoformat(),
+                'progress': []
+            }
+            
+            # Step 1: Intent Detection
+            yield f"data: {json.dumps({'step': 'intent', 'message': 'Analyzing your research query...', 'status': 'running'})}\n\n"
+            time.sleep(0.8)
+            
+            # Step 2: Web Search
+            yield f"data: {json.dumps({'step': 'search', 'message': 'Searching web sources...', 'status': 'running'})}\n\n"
+            time.sleep(0.5)
+            
+            # Simulate finding sources based on query
+            if 'ai' in query.lower() or 'artificial intelligence' in query.lower():
+                sources = [
+                    {'name': 'OpenAI.com', 'url': 'https://openai.com'},
+                    {'name': 'Anthropic.com', 'url': 'https://anthropic.com'},
+                    {'name': 'Google AI', 'url': 'https://ai.google'}
+                ]
+            elif 'university' in query.lower() or 'college' in query.lower():
+                sources = [
+                    {'name': 'MIT.edu', 'url': 'https://mit.edu'},
+                    {'name': 'Stanford.edu', 'url': 'https://stanford.edu'},
+                    {'name': 'Harvard.edu', 'url': 'https://harvard.edu'}
+                ]
+            elif 'python' in query.lower() or 'framework' in query.lower():
+                sources = [
+                    {'name': 'Django Project', 'url': 'https://djangoproject.com'},
+                    {'name': 'Flask.palletsprojects.com', 'url': 'https://flask.palletsprojects.com'},
+                    {'name': 'FastAPI.tiangolo.com', 'url': 'https://fastapi.tiangolo.com'}
+                ]
+            else:
+                sources = [
+                    {'name': 'Wikipedia.org', 'url': 'https://wikipedia.org'},
+                    {'name': 'GitHub.com', 'url': 'https://github.com'},
+                    {'name': 'StackOverflow.com', 'url': 'https://stackoverflow.com'}
+                ]
+            
+            for i, source in enumerate(sources[:3]):
+                message = f"Reading {source['name']}..."
+                yield f"data: {json.dumps({'step': 'source', 'message': message, 'url': source['url'], 'status': 'running'})}\n\n"
+                time.sleep(1.2)
+            
+            # Step 3: PDF Processing
+            yield f"data: {json.dumps({'step': 'pdf', 'message': 'Processing relevant documents...', 'status': 'running'})}\n\n"
+            time.sleep(1.0)
+            
+            # Step 4: AI Analysis
+            yield f"data: {json.dumps({'step': 'analysis', 'message': 'AI analyzing gathered information...', 'status': 'running'})}\n\n"
+            time.sleep(1.5)
+            
+            # Run actual research
+            if research_mode == 'select_pdfs' and selected_pdfs:
+                result = workflow.run_with_selected_pdfs(query, selected_pdfs)
+            else:
+                result = workflow.run(query)
+            
+            # Format results
+            formatted_result = format_research_result(result)
+            
+            # Send completion
+            yield f"data: {json.dumps({'step': 'complete', 'message': 'Research completed!', 'result': formatted_result, 'status': 'completed'})}\n\n"
+            
+        except Exception as e:
+            yield f"data: {json.dumps({'step': 'error', 'message': str(e), 'status': 'error'})}\n\n"
+    
+    return Response(generate_research_stream(), 
+                   mimetype='text/event-stream',
+                   headers={
+                       'Cache-Control': 'no-cache',
+                       'Connection': 'keep-alive',
+                       'Access-Control-Allow-Origin': '*'
+                   })
+
+@app.route('/api/research', methods=['POST'])
+def research():
+    """Handle research requests (fallback for non-streaming)"""
+    global workflow, current_research
+    
+    if not workflow:
+        return jsonify({
+            'error': 'Workflow not initialized. Please check your configuration.',
+            'success': False
+        }), 500
+    
+    try:
+        data = request.get_json()
+        query = data.get('query', '').strip()
+        research_mode = data.get('mode', 'auto')
+        selected_pdfs = data.get('selected_pdfs', [])
+        
+        if not query:
+            return jsonify({
+                'error': 'Query is required',
+                'success': False
+            }), 400
+        
+        # Store current research info
+        current_research = {
+            'query': query,
+            'mode': research_mode,
+            'status': 'running',
+            'start_time': datetime.now().isoformat(),
+            'progress': []
+        }
+        
+        # Run research based on mode
+        if research_mode == 'select_pdfs' and selected_pdfs:
+            result = workflow.run_with_selected_pdfs(query, selected_pdfs)
+        else:
+            result = workflow.run(query)
+        
+        # Format results
+        formatted_result = format_research_result(result)
+        
+        current_research['status'] = 'completed'
+        current_research['end_time'] = datetime.now().isoformat()
+        
+        return jsonify({
+            'success': True,
+            'result': formatted_result,
+            'research_info': current_research
+        })
+        
+    except Exception as e:
+        current_research['status'] = 'error' if current_research else None
+        return jsonify({
+            'error': str(e),
+            'success': False
+        }), 500
+
+@app.route('/api/pdfs')
+def get_pdfs():
+    """Get available PDFs"""
+    global workflow
+    
+    if not workflow:
+        return jsonify({
+            'error': 'Workflow not initialized',
+            'success': False
+        }), 500
+    
+    try:
+        pdf_notetaker = workflow.pdf_notetaker
+        available_pdfs = pdf_notetaker.get_available_pdfs_for_selection()
+        
+        return jsonify({
+            'success': True,
+            'pdfs': available_pdfs
+        })
+        
+    except Exception as e:
+        return jsonify({
+            'error': str(e),
+            'success': False
+        }), 500
+
+@app.route('/api/relevant-pdfs', methods=['POST'])
+def get_relevant_pdfs():
+    """Get PDFs ranked by relevance to query"""
+    global workflow
+    
+    if not workflow:
+        return jsonify({
+            'error': 'Workflow not initialized',
+            'success': False
+        }), 500
+    
+    try:
+        data = request.get_json()
+        query = data.get('query', '').strip()
+        
+        if not query:
+            return jsonify({
+                'error': 'Query is required',
+                'success': False
+            }), 400
+        
+        pdf_notetaker = workflow.pdf_notetaker
+        ranked_pdfs = pdf_notetaker.filter_and_rank_pdfs(query, max_pdfs=10)
+        
+        return jsonify({
+            'success': True,
+            'pdfs': ranked_pdfs
+        })
+        
+    except Exception as e:
+        return jsonify({
+            'error': str(e),
+            'success': False
+        }), 500
+
+@app.route('/api/status')
+def get_status():
+    """Get current research status"""
+    global current_research
+    
+    return jsonify({
+        'success': True,
+        'research': current_research,
+        'workflow_ready': workflow is not None
+    })
+
+def format_research_result(result):
+    """Format research result for web display"""
+    try:
+        research_type = getattr(result, "research_type", "general")
+        
+        formatted = {
+            'research_type': research_type,
+            'query': getattr(result, 'query', ''),
+            'entities': [],
+            'analysis': getattr(result, 'analysis', ''),
+            'market_insights': None
+        }
+        
+        # Format entities based on research type
+        if hasattr(result, 'companies') and result.companies:
+            # Developer tools format
+            for company in result.companies[:5]:
+                entity = {
+                    'name': company.name,
+                    'website': company.website,
+                    'description': company.description,
+                    'type': 'company',
+                    'details': {
+                        'pricing': company.pricing_model,
+                        'open_source': company.is_open_source,
+                        'tech_stack': company.tech_stack[:5] if company.tech_stack else [],
+                        'api_available': company.api_available,
+                        'languages': company.language_support[:5] if company.language_support else [],
+                        'integrations': company.integration_capabilities[:4] if company.integration_capabilities else []
+                    }
+                }
+                formatted['entities'].append(entity)
+                
+        elif hasattr(result, 'market_entities') and result.market_entities:
+            # Market research format
+            for entity in result.market_entities[:5]:
+                formatted_entity = {
+                    'name': entity.name,
+                    'category': entity.category,
+                    'website': entity.website,
+                    'description': entity.description,
+                    'type': entity.category,
+                    'details': {}
+                }
+                
+                # Add type-specific details
+                if research_type == "product_research":
+                    formatted_entity['details'] = {
+                        'price': getattr(entity, 'price', 'Unknown'),
+                        'rating': getattr(entity, 'rating', 'Unknown'),
+                        'brand': getattr(entity, 'brand', 'Unknown'),
+                        'features': getattr(entity, 'features', [])[:3],
+                        'target_audience': getattr(entity, 'target_audience', 'Unknown')
+                    }
+                else:
+                    # General details
+                    formatted_entity['details'] = {
+                        'market_position': getattr(entity, 'market_position', 'Unknown'),
+                        'revenue': getattr(entity, 'revenue', 'Unknown'),
+                        'employees': getattr(entity, 'employees', 'Unknown')
+                    }
+                
+                formatted['entities'].append(formatted_entity)
+        
+        # Add market insights if available
+        if hasattr(result, 'market_insights') and result.market_insights:
+            insights = result.market_insights
+            formatted['market_insights'] = {
+                'market_size': insights.market_size,
+                'growth_rate': insights.growth_rate,
+                'key_drivers': insights.key_drivers,
+                'market_trends': insights.market_trends
+            }
+        
+        return formatted
+        
+    except Exception as e:
+        print(f"Error formatting result: {e}")
+        return {
+            'research_type': 'error',
+            'entities': [],
+            'analysis': f'Error formatting results: {str(e)}',
+            'market_insights': None
+        }
+
+if __name__ == '__main__':
+    print("🚀 Starting Multi Agent Researcher Web UI...")
+    
+    # Initialize workflow
+    init_workflow()
+    
+    if workflow:
+        print("✅ Ready to serve requests!")
+        app.run(debug=True, host='0.0.0.0', port=5002)
+    else:
+        print("❌ Failed to initialize. Please check your configuration.")
\ No newline at end of file
diff --git a/advanced-agent/demo_test.py b/advanced-agent/demo_test.py
new file mode 100644
index 0000000..f22edf9
--- /dev/null
+++ b/advanced-agent/demo_test.py
@@ -0,0 +1,113 @@
+#!/usr/bin/env python3
+"""
+Demo test to show the basic functionality of the Advanced Research Agent.
+This test doesn't require API keys or AWS credentials.
+"""
+
+import sys
+import os
+
+# Add the src directory to the path
+sys.path.insert(0, os.path.join(os.path.dirname(__file__), 'src'))
+
+def demo_basic_functionality():
+    """Demonstrate basic functionality without external dependencies."""
+    print("🚀 Advanced Research Agent - Demo Test")
+    print("=" * 50)
+    
+    try:
+        # Test 1: Import core modules
+        print("📦 Testing imports...")
+        from models import ResearchState, PDFDocument, MarketEntity, CompanyInfo
+        from prompts import DeveloperToolsPrompts
+        print("✅ All core modules imported successfully")
+        
+        # Test 2: Create basic models
+        print("\n🏗️ Testing model creation...")
+        
+        # Create a research state
+        state = ResearchState(query="Best AI development tools")
+        print(f"✅ Created ResearchState with query: '{state.query}'")
+        
+        # Create a PDF document
+        pdf_doc = PDFDocument(
+            s3_key="demo.pdf",
+            filename="demo.pdf",
+            content="This is a demo PDF content for testing purposes."
+        )
+        print(f"✅ Created PDFDocument: {pdf_doc.filename}")
+        
+        # Create a market entity
+        entity = MarketEntity(
+            name="Demo Company",
+            category="technology",
+            description="A demo technology company for testing",
+            website="https://demo.com"
+        )
+        print(f"✅ Created MarketEntity: {entity.name}")
+        
+        # Create a company info
+        company = CompanyInfo(
+            name="Demo Tech",
+            description="A demo technology company",
+            website="https://demotech.com"
+        )
+        print(f"✅ Created CompanyInfo: {company.name}")
+        
+        # Test 3: Test prompt generation
+        print("\n💬 Testing prompt generation...")
+        prompts = DeveloperToolsPrompts()
+        
+        # Generate a tool extraction prompt
+        tool_prompt = prompts.tool_extraction_user("AI development tools", "Demo content about AI tools")
+        print(f"✅ Generated tool extraction prompt ({len(tool_prompt)} characters)")
+        
+        # Generate a tool analysis prompt
+        analysis_prompt = prompts.tool_analysis_user("Demo Tool", "Demo tool content for analysis")
+        print(f"✅ Generated tool analysis prompt ({len(analysis_prompt)} characters)")
+        
+        print("\n" + "=" * 50)
+        print("🎉 All demo tests passed!")
+        print("📝 This demonstrates the basic functionality without external dependencies.")
+        print("🔑 To test with real data, you'll need to configure API keys in .env")
+        
+        return True
+        
+    except ImportError as e:
+        print(f"❌ Import error: {e}")
+        return False
+    except Exception as e:
+        print(f"❌ Unexpected error: {e}")
+        return False
+
+def show_usage_instructions():
+    """Show how to use the system with real API keys."""
+    print("\n📋 Usage Instructions:")
+    print("=" * 30)
+    print("1. Configure API keys in .env file:")
+    print("   - ANTHROPIC_API_KEY=your_anthropic_key")
+    print("   - FIRECRAWL_API_KEY=your_firecrawl_key")
+    print("   - AWS credentials for PDF processing")
+    print()
+    print("2. Run the main application:")
+    print("   python main.py")
+    print()
+    print("3. Example queries to test:")
+    print("   - 'Best Python web frameworks'")
+    print("   - 'Compare React vs Vue'")
+    print("   - 'Top universities for computer science'")
+    print("   - 'Stock analysis for tech companies'")
+
+def main():
+    """Run the demo test."""
+    success = demo_basic_functionality()
+    
+    if success:
+        show_usage_instructions()
+        return 0
+    else:
+        print("❌ Demo test failed!")
+        return 1
+
+if __name__ == "__main__":
+    sys.exit(main())
diff --git a/advanced-agent/requirements.txt.backup b/advanced-agent/requirements.txt.backup
new file mode 100644
index 0000000..e9821d3
--- /dev/null
+++ b/advanced-agent/requirements.txt.backup
@@ -0,0 +1,30 @@
+# Core LLM and AI dependencies
+langchain==0.1.0
+langchain-anthropic==0.1.0
+langchain-core==0.1.0
+anthropic==0.18.1
+
+# Web scraping and content extraction
+firecrawl==0.1.0
+scrapy==2.11.0
+requests==2.31.0
+beautifulsoup4==4.12.2
+newspaper3k==0.2.8
+
+# PDF processing
+pdfplumber==0.10.3
+PyPDF2==3.0.1
+
+# AWS integration
+boto3==1.34.0
+botocore==1.34.0
+
+# Data processing and validation
+pydantic==2.5.0
+pydantic-settings==2.1.0
+
+# Environment and configuration
+python-dotenv==1.0.0
+
+# Utilities
+typing-extensions==4.8.0 
\ No newline at end of file
diff --git a/advanced-agent/run_web_ui.py b/advanced-agent/run_web_ui.py
new file mode 100644
index 0000000..50b8ed0
--- /dev/null
+++ b/advanced-agent/run_web_ui.py
@@ -0,0 +1,46 @@
+#!/usr/bin/env python3
+"""
+Simple script to run the web UI
+"""
+
+import os
+import sys
+from dotenv import load_dotenv
+
+# Load environment variables
+load_dotenv()
+
+from app import app, init_workflow
+
+def main():
+    print("🚀 Starting Multi Agent Researcher Web UI...")
+    print("=" * 50)
+    
+    # Load environment variables again to be sure
+    load_dotenv()
+    
+    # Check environment
+    required_vars = ['AWS_ACCESS_KEY_ID', 'AWS_SECRET_ACCESS_KEY', 'AWS_REGION', 'FIRECRAWL_API_KEY']
+    missing_vars = [var for var in required_vars if not os.getenv(var)]
+    
+    if missing_vars:
+        print(f"❌ Missing environment variables: {', '.join(missing_vars)}")
+        print("Please check your .env file")
+        print("Current working directory:", os.getcwd())
+        print("Looking for .env file at:", os.path.join(os.getcwd(), '.env'))
+        print("File exists:", os.path.exists('.env'))
+        sys.exit(1)
+    
+    # Initialize workflow
+    print("🔧 Initializing research workflow...")
+    init_workflow()
+    
+    print("✅ Web UI ready!")
+    print("🌐 Open your browser and go to: http://localhost:5005")
+    print("=" * 50)
+    
+    # Run the app
+    app.run(debug=False, host='0.0.0.0', port=5005)
+
+if __name__ == '__main__':
+    main()
\ No newline at end of file
diff --git a/advanced-agent/src/bedrock_service.py b/advanced-agent/src/bedrock_service.py
new file mode 100644
index 0000000..bebe739
--- /dev/null
+++ b/advanced-agent/src/bedrock_service.py
@@ -0,0 +1,57 @@
+import os
+import boto3
+from langchain_aws import ChatBedrock
+from dotenv import load_dotenv
+
+load_dotenv()
+
+
+class BedrockService:
+    """AWS Bedrock service wrapper for Claude models"""
+    
+    def __init__(self, model_id: str = None):
+        """
+        Initialize Bedrock service
+        
+        Args:
+            model_id: Bedrock model ID for Claude (optional, uses env var if not provided)
+                - us.anthropic.claude-3-5-sonnet-20240620-v1:0 (Claude 3.5 Sonnet)
+                - us.anthropic.claude-3-haiku-20240307-v1:0 (Claude 3 Haiku)
+                - us.anthropic.claude-3-sonnet-20240229-v1:0 (Claude 3 Sonnet)
+        """
+        self.model_id = model_id or os.getenv("BEDROCK_MODEL_ID", "us.anthropic.claude-3-5-sonnet-20240620-v1:0")
+        self.region = os.getenv("AWS_REGION", "us-east-1")
+        
+        # Initialize boto3 client for Bedrock
+        self.bedrock_client = boto3.client(
+            service_name="bedrock-runtime",
+            region_name=self.region,
+            aws_access_key_id=os.getenv("AWS_ACCESS_KEY_ID"),
+            aws_secret_access_key=os.getenv("AWS_SECRET_ACCESS_KEY")
+        )
+        
+        # Initialize LangChain ChatBedrock
+        self.llm = ChatBedrock(
+            client=self.bedrock_client,
+            model_id=self.model_id,
+            model_kwargs={
+                "temperature": 0.1,
+                "max_tokens": 4000,
+            }
+        )
+    
+    def get_llm(self):
+        """Get the LangChain ChatBedrock instance"""
+        return self.llm
+    
+    def with_structured_output(self, schema):
+        """Get LLM with structured output for Pydantic models"""
+        return self.llm.with_structured_output(schema)
+    
+    def invoke(self, messages):
+        """Direct invoke method for compatibility"""
+        return self.llm.invoke(messages)
+
+
+# Singleton instance for easy import
+bedrock_service = BedrockService()
\ No newline at end of file
diff --git a/advanced-agent/static/css/style.css b/advanced-agent/static/css/style.css
new file mode 100644
index 0000000..232f138
--- /dev/null
+++ b/advanced-agent/static/css/style.css
@@ -0,0 +1,987 @@
+/* Modern Multi Agent Researcher UI - Perplexity Style */
+
+/* Reset and Base */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+:root {
+    --primary-color: #2563eb;
+    --primary-hover: #1d4ed8;
+    --secondary-color: #64748b;
+    --accent-color: #06b6d4;
+    --success-color: #10b981;
+    --warning-color: #f59e0b;
+    --error-color: #ef4444;
+    
+    --bg-primary: #ffffff;
+    --bg-secondary: #f8fafc;
+    --bg-tertiary: #f1f5f9;
+    --bg-card: #ffffff;
+    
+    --text-primary: #0f172a;
+    --text-secondary: #475569;
+    --text-muted: #94a3b8;
+    
+    --border-color: #e2e8f0;
+    --border-hover: #cbd5e1;
+    
+    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+    
+    --radius-sm: 0.375rem;
+    --radius-md: 0.5rem;
+    --radius-lg: 0.75rem;
+    --radius-xl: 1rem;
+}
+
+/* Dark Mode Variables */
+[data-theme="dark"] {
+    --bg-primary: #1e293b;
+    --bg-secondary: #0f172a;
+    --bg-tertiary: #334155;
+    --bg-card: #1e293b;
+    
+    --text-primary: #f1f5f9;
+    --text-secondary: #cbd5e1;
+    --text-muted: #64748b;
+    
+    --border-color: #334155;
+    --border-hover: #475569;
+    
+    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3);
+    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.4);
+    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.4);
+}
+
+body {
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    background: var(--bg-secondary);
+    color: var(--text-primary);
+    line-height: 1.6;
+    font-size: 14px;
+    overflow-x: hidden;
+}
+
+/* Navigation */
+.navbar {
+    background: var(--bg-primary);
+    border-bottom: 1px solid var(--border-color);
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 1000;
+    height: 60px;
+}
+
+.nav-container {
+    max-width: 1400px;
+    margin: 0 auto;
+    padding: 0 24px;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.nav-brand {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    font-weight: 600;
+    font-size: 18px;
+}
+
+.brand-icon {
+    width: 32px;
+    height: 32px;
+    background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
+    border-radius: var(--radius-md);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: white;
+}
+
+.nav-actions {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+}
+
+.nav-btn {
+    width: 36px;
+    height: 36px;
+    border: none;
+    background: var(--bg-tertiary);
+    border-radius: var(--radius-md);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    color: var(--text-secondary);
+}
+
+.nav-btn:hover {
+    background: var(--border-color);
+    color: var(--text-primary);
+}
+
+.status-indicator {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 6px 12px;
+    background: var(--bg-tertiary);
+    border-radius: var(--radius-lg);
+    font-size: 13px;
+    font-weight: 500;
+}
+
+.status-dot {
+    width: 8px;
+    height: 8px;
+    background: var(--success-color);
+    border-radius: 50%;
+    animation: pulse 2s infinite;
+}
+
+@keyframes pulse {
+    0%, 100% { opacity: 1; }
+    50% { opacity: 0.5; }
+}
+
+/* App Container */
+.app-container {
+    display: flex;
+    margin-top: 60px;
+    min-height: calc(100vh - 60px);
+}
+
+/* Sidebar */
+.sidebar {
+    width: 320px;
+    background: var(--bg-primary);
+    border-right: 1px solid var(--border-color);
+    position: fixed;
+    left: 0;
+    top: 60px;
+    height: calc(100vh - 60px);
+    overflow-y: auto;
+}
+
+.sidebar-content {
+    padding: 24px;
+    display: flex;
+    flex-direction: column;
+    gap: 32px;
+}
+
+.research-modes h3,
+.research-history h3 {
+    font-size: 16px;
+    font-weight: 600;
+    margin-bottom: 16px;
+    color: var(--text-primary);
+}
+
+.mode-options {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.mode-option {
+    cursor: pointer;
+}
+
+.mode-option input[type="radio"] {
+    display: none;
+}
+
+.mode-card {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    padding: 16px;
+    border: 2px solid var(--border-color);
+    border-radius: var(--radius-lg);
+    transition: all 0.2s ease;
+    background: var(--bg-primary);
+}
+
+.mode-option input[type="radio"]:checked + .mode-card {
+    border-color: var(--primary-color);
+    background: linear-gradient(135deg, var(--primary-color)08, var(--primary-color)04);
+}
+
+.mode-card:hover {
+    border-color: var(--border-hover);
+    background: var(--bg-tertiary);
+}
+
+.mode-card i {
+    font-size: 20px;
+    color: var(--primary-color);
+    width: 24px;
+    text-align: center;
+}
+
+.mode-card h4 {
+    font-size: 14px;
+    font-weight: 600;
+    margin-bottom: 2px;
+}
+
+.mode-card p {
+    font-size: 12px;
+    color: var(--text-secondary);
+}
+
+/* PDF Panel */
+.pdf-panel {
+    background: var(--bg-tertiary);
+    border-radius: var(--radius-lg);
+    padding: 20px;
+}
+
+.pdf-panel h3 {
+    font-size: 14px;
+    font-weight: 600;
+    margin-bottom: 16px;
+}
+
+.pdf-list {
+    max-height: 300px;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.pdf-item {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    padding: 12px;
+    background: var(--bg-primary);
+    border-radius: var(--radius-md);
+    border: 1px solid var(--border-color);
+    transition: all 0.2s ease;
+    cursor: pointer;
+}
+
+.pdf-item:hover {
+    border-color: var(--border-hover);
+    box-shadow: var(--shadow-sm);
+}
+
+.pdf-item input[type="checkbox"] {
+    width: 16px;
+    height: 16px;
+    accent-color: var(--primary-color);
+}
+
+.pdf-info {
+    flex: 1;
+    min-width: 0;
+}
+
+.pdf-name {
+    font-size: 13px;
+    font-weight: 500;
+    margin-bottom: 4px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.pdf-details {
+    font-size: 11px;
+    color: var(--text-muted);
+    line-height: 1.4;
+}
+
+.pdf-relevance {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 11px;
+    font-weight: 500;
+}
+
+.relevance-bar {
+    width: 40px;
+    height: 4px;
+    background: var(--border-color);
+    border-radius: 2px;
+    overflow: hidden;
+}
+
+.relevance-fill {
+    height: 100%;
+    background: linear-gradient(90deg, var(--error-color), var(--warning-color), var(--success-color));
+    transition: width 0.3s ease;
+}
+
+.empty-state {
+    text-align: center;
+    padding: 20px;
+    color: var(--text-muted);
+    font-style: italic;
+}
+
+.error-state {
+    text-align: center;
+    padding: 20px;
+    color: var(--error-color);
+    background: var(--error-color)08;
+    border-radius: var(--radius-md);
+}
+
+/* Research History */
+.history-list {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.history-item {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    padding: 12px;
+    background: var(--bg-tertiary);
+    border-radius: var(--radius-md);
+    cursor: pointer;
+    transition: all 0.2s ease;
+    font-size: 13px;
+}
+
+.history-item:hover {
+    background: var(--border-color);
+    transform: translateX(4px);
+}
+
+.history-item i {
+    color: var(--text-muted);
+    font-size: 12px;
+}
+
+/* Main Content */
+.main-content {
+    flex: 1;
+    margin-left: 320px;
+    padding: 40px;
+    max-width: calc(100vw - 320px);
+}
+
+/* Search Container */
+.search-container {
+    max-width: 800px;
+    margin: 0 auto;
+    text-align: center;
+}
+
+.search-header {
+    margin-bottom: 40px;
+}
+
+.search-header h1 {
+    font-size: 32px;
+    font-weight: 700;
+    margin-bottom: 12px;
+    background: linear-gradient(135deg, var(--text-primary), var(--text-secondary));
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+}
+
+.search-header p {
+    font-size: 16px;
+    color: var(--text-secondary);
+}
+
+.search-box {
+    margin-bottom: 60px;
+}
+
+.search-input-container {
+    position: relative;
+    background: var(--bg-primary);
+    border: 2px solid var(--border-color);
+    border-radius: var(--radius-xl);
+    padding: 4px;
+    transition: all 0.2s ease;
+    box-shadow: var(--shadow-sm);
+}
+
+.search-input-container:focus-within {
+    border-color: var(--primary-color);
+    box-shadow: var(--shadow-md);
+}
+
+.search-input-container textarea {
+    width: 100%;
+    border: none;
+    outline: none;
+    padding: 16px 20px;
+    font-size: 16px;
+    font-family: inherit;
+    resize: none;
+    background: transparent;
+    min-height: 24px;
+    max-height: 120px;
+}
+
+.search-input-container textarea::placeholder {
+    color: var(--text-muted);
+}
+
+.search-btn {
+    position: absolute;
+    right: 8px;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 40px;
+    height: 40px;
+    background: var(--primary-color);
+    border: none;
+    border-radius: var(--radius-lg);
+    color: white;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.search-btn:hover {
+    background: var(--primary-hover);
+    transform: translateY(-50%) scale(1.05);
+}
+
+.search-btn:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+    transform: translateY(-50%);
+}
+
+.search-suggestions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 12px;
+    justify-content: center;
+    margin-top: 24px;
+}
+
+.suggestion-chip {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 16px;
+    background: var(--bg-primary);
+    border: 1px solid var(--border-color);
+    border-radius: var(--radius-lg);
+    cursor: pointer;
+    transition: all 0.2s ease;
+    font-size: 13px;
+    font-weight: 500;
+}
+
+.suggestion-chip:hover {
+    border-color: var(--primary-color);
+    background: linear-gradient(135deg, var(--primary-color)08, var(--primary-color)04);
+    transform: translateY(-1px);
+}
+
+.suggestion-chip i {
+    font-size: 12px;
+    color: var(--primary-color);
+}
+
+/* Loading Container */
+.loading-container {
+    max-width: 600px;
+    margin: 80px auto;
+    text-align: center;
+}
+
+.loading-content {
+    background: var(--bg-primary);
+    border-radius: var(--radius-xl);
+    padding: 60px 40px;
+    box-shadow: var(--shadow-lg);
+}
+
+.loading-animation {
+    position: relative;
+    width: 80px;
+    height: 80px;
+    margin: 0 auto 32px;
+}
+
+.pulse-ring {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: 3px solid var(--primary-color);
+    border-radius: 50%;
+    opacity: 0;
+    animation: pulse-ring 2s ease-out infinite;
+}
+
+.pulse-ring.delay-1 {
+    animation-delay: 0.5s;
+}
+
+.pulse-ring.delay-2 {
+    animation-delay: 1s;
+}
+
+@keyframes pulse-ring {
+    0% {
+        transform: scale(0.8);
+        opacity: 1;
+    }
+    100% {
+        transform: scale(1.4);
+        opacity: 0;
+    }
+}
+
+.loading-icon {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    font-size: 32px;
+    color: var(--primary-color);
+    animation: spin 2s linear infinite;
+}
+
+@keyframes spin {
+    from { transform: translate(-50%, -50%) rotate(0deg); }
+    to { transform: translate(-50%, -50%) rotate(360deg); }
+}
+
+.loading-content h3 {
+    font-size: 20px;
+    font-weight: 600;
+    margin-bottom: 24px;
+    color: var(--text-primary);
+}
+
+/* Live Progress Feed */
+.progress-feed {
+    max-width: 500px;
+    margin: 32px auto 0;
+}
+
+.progress-list {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    max-height: 300px;
+    overflow-y: auto;
+}
+
+.progress-item {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    padding: 12px 16px;
+    background: var(--bg-primary);
+    border-radius: var(--radius-lg);
+    border-left: 3px solid var(--primary-color);
+    opacity: 0;
+    transform: translateY(20px);
+    animation: slideInProgress 0.5s ease-out forwards;
+    box-shadow: var(--shadow-sm);
+}
+
+@keyframes slideInProgress {
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+.progress-icon {
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 12px;
+    flex-shrink: 0;
+    background: var(--primary-color);
+    color: white;
+    animation: pulse 2s infinite;
+}
+
+.progress-content {
+    flex: 1;
+    min-width: 0;
+}
+
+.progress-message {
+    font-size: 14px;
+    font-weight: 500;
+    color: var(--text-primary);
+    margin-bottom: 2px;
+}
+
+.progress-url {
+    font-size: 12px;
+    color: var(--text-muted);
+    text-decoration: none;
+    word-break: break-all;
+}
+
+.progress-url:hover {
+    color: var(--primary-color);
+    text-decoration: underline;
+}
+
+/* Results Container */
+.results-container {
+    max-width: 1000px;
+    margin: 0 auto;
+}
+
+.results-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    margin-bottom: 32px;
+    padding-bottom: 24px;
+    border-bottom: 1px solid var(--border-color);
+}
+
+.results-meta h2 {
+    font-size: 24px;
+    font-weight: 700;
+    margin-bottom: 12px;
+}
+
+.results-info {
+    display: flex;
+    gap: 12px;
+    flex-wrap: wrap;
+}
+
+.type-badge,
+.time-badge,
+.count-badge {
+    padding: 4px 12px;
+    border-radius: var(--radius-lg);
+    font-size: 12px;
+    font-weight: 500;
+}
+
+.type-badge {
+    background: var(--primary-color);
+    color: white;
+}
+
+.time-badge {
+    background: var(--bg-tertiary);
+    color: var(--text-secondary);
+}
+
+.count-badge {
+    background: var(--success-color);
+    color: white;
+}
+
+.results-actions {
+    display: flex;
+    gap: 8px;
+}
+
+.action-btn {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 16px;
+    background: var(--bg-tertiary);
+    border: 1px solid var(--border-color);
+    border-radius: var(--radius-md);
+    cursor: pointer;
+    transition: all 0.2s ease;
+    font-size: 13px;
+    font-weight: 500;
+    color: var(--text-secondary);
+}
+
+.action-btn:hover {
+    background: var(--border-color);
+    color: var(--text-primary);
+}
+
+.action-btn.primary {
+    background: var(--primary-color);
+    color: white;
+    border-color: var(--primary-color);
+}
+
+.action-btn.primary:hover {
+    background: var(--primary-hover);
+    color: white;
+}
+
+/* Quick Summary */
+.quick-summary {
+    margin-bottom: 32px;
+}
+
+.summary-card {
+    background: linear-gradient(135deg, var(--primary-color)08, var(--accent-color)08);
+    border: 1px solid var(--primary-color)20;
+    border-radius: var(--radius-xl);
+    padding: 24px;
+}
+
+.summary-card h3 {
+    font-size: 18px;
+    font-weight: 600;
+    margin-bottom: 16px;
+    color: var(--text-primary);
+}
+
+/* Entities Grid */
+.entities-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
+    gap: 24px;
+    margin-bottom: 32px;
+}
+
+.entity-card {
+    background: var(--bg-primary);
+    border: 1px solid var(--border-color);
+    border-radius: var(--radius-xl);
+    padding: 24px;
+    transition: all 0.2s ease;
+    box-shadow: var(--shadow-sm);
+}
+
+.entity-card:hover {
+    box-shadow: var(--shadow-md);
+    transform: translateY(-2px);
+}
+
+.entity-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    margin-bottom: 16px;
+}
+
+.entity-name {
+    font-size: 18px;
+    font-weight: 700;
+    margin-bottom: 4px;
+    color: var(--text-primary);
+}
+
+.entity-website {
+    font-size: 13px;
+    color: var(--primary-color);
+    text-decoration: none;
+    font-weight: 500;
+}
+
+.entity-website:hover {
+    text-decoration: underline;
+}
+
+.entity-type {
+    padding: 4px 12px;
+    border-radius: var(--radius-lg);
+    font-size: 11px;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+.entity-description {
+    color: var(--text-secondary);
+    margin-bottom: 20px;
+    line-height: 1.6;
+    font-size: 14px;
+}
+
+.entity-details {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+    gap: 16px;
+}
+
+.detail-item {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+}
+
+.detail-label {
+    font-size: 11px;
+    font-weight: 600;
+    color: var(--text-secondary);
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+.detail-value {
+    font-size: 13px;
+    font-weight: 500;
+    color: var(--text-primary);
+}
+
+.detail-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 4px;
+}
+
+.detail-tag {
+    background: var(--bg-tertiary);
+    color: var(--text-secondary);
+    padding: 2px 8px;
+    border-radius: var(--radius-sm);
+    font-size: 11px;
+    font-weight: 500;
+}
+
+/* Analysis Section */
+.analysis-section {
+    background: var(--bg-primary);
+    border: 1px solid var(--border-color);
+    border-radius: var(--radius-xl);
+    padding: 24px;
+    box-shadow: var(--shadow-sm);
+}
+
+.analysis-header h3 {
+    font-size: 18px;
+    font-weight: 600;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 20px;
+}
+
+.analysis-content {
+    color: var(--text-secondary);
+    line-height: 1.7;
+    font-size: 14px;
+    white-space: pre-wrap;
+}
+
+/* Error Container */
+.error-container {
+    max-width: 500px;
+    margin: 80px auto;
+    text-align: center;
+}
+
+.error-content {
+    background: var(--bg-primary);
+    border: 1px solid var(--error-color)20;
+    border-radius: var(--radius-xl);
+    padding: 40px;
+    box-shadow: var(--shadow-lg);
+}
+
+.error-icon {
+    width: 64px;
+    height: 64px;
+    background: var(--error-color)10;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0 auto 20px;
+    color: var(--error-color);
+    font-size: 24px;
+}
+
+.error-content h3 {
+    font-size: 20px;
+    font-weight: 600;
+    margin-bottom: 12px;
+    color: var(--text-primary);
+}
+
+.error-content p {
+    color: var(--text-secondary);
+    margin-bottom: 24px;
+    line-height: 1.6;
+}
+
+.retry-btn {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    padding: 12px 24px;
+    background: var(--primary-color);
+    color: white;
+    border: none;
+    border-radius: var(--radius-lg);
+    cursor: pointer;
+    font-weight: 500;
+    transition: all 0.2s ease;
+}
+
+.retry-btn:hover {
+    background: var(--primary-hover);
+    transform: translateY(-1px);
+}
+
+/* Responsive Design */
+@media (max-width: 1024px) {
+    .sidebar {
+        transform: translateX(-100%);
+        transition: transform 0.3s ease;
+    }
+    
+    .main-content {
+        margin-left: 0;
+        max-width: 100vw;
+        padding: 20px;
+    }
+    
+    .entities-grid {
+        grid-template-columns: 1fr;
+    }
+    
+    .results-header {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 16px;
+    }
+}
+
+@media (max-width: 768px) {
+    .nav-container {
+        padding: 0 16px;
+    }
+    
+    .search-header h1 {
+        font-size: 24px;
+    }
+    
+    .search-suggestions {
+        flex-direction: column;
+        align-items: center;
+    }
+}
\ No newline at end of file
diff --git a/advanced-agent/static/js/app.js b/advanced-agent/static/js/app.js
new file mode 100644
index 0000000..945309d
--- /dev/null
+++ b/advanced-agent/static/js/app.js
@@ -0,0 +1,656 @@
+// Modern Multi Agent Researcher UI - Perplexity Style
+
+class ModernResearchAgent {
+    constructor() {
+        this.currentResearch = null;
+        this.selectedPdfs = [];
+        this.currentQuery = '';
+        this.init();
+    }
+
+    init() {
+        this.bindEvents();
+        this.checkStatus();
+        this.setupAutoResize();
+        this.initDarkMode();
+    }
+
+    bindEvents() {
+        // Dark mode toggle
+        document.getElementById('dark-mode-btn').addEventListener('click', () => {
+            this.toggleDarkMode();
+        });
+
+        // Search functionality
+        document.getElementById('research-btn').addEventListener('click', () => {
+            this.startResearch();
+        });
+
+        // Auto-resize textarea
+        const textarea = document.getElementById('query');
+        textarea.addEventListener('input', (e) => {
+            this.autoResize(e.target);
+            this.currentQuery = e.target.value.trim();
+        });
+
+        // Enter key to search
+        textarea.addEventListener('keydown', (e) => {
+            if (e.key === 'Enter' && !e.shiftKey) {
+                e.preventDefault();
+                this.startResearch();
+            }
+        });
+
+        // Research mode changes
+        document.querySelectorAll('input[name="research-mode"]').forEach(radio => {
+            radio.addEventListener('change', (e) => {
+                this.handleModeChange(e.target.value);
+            });
+        });
+
+        // Suggestion chips
+        document.querySelectorAll('.suggestion-chip').forEach(chip => {
+            chip.addEventListener('click', (e) => {
+                const query = e.currentTarget.dataset.query;
+                document.getElementById('query').value = query;
+                this.currentQuery = query;
+                this.autoResize(document.getElementById('query'));
+            });
+        });
+
+        // New search button
+        document.getElementById('new-search-btn').addEventListener('click', () => {
+            this.startNewSearch();
+        });
+
+        // Export and share buttons
+        document.getElementById('export-btn').addEventListener('click', () => {
+            this.exportResults();
+        });
+
+        document.getElementById('share-btn').addEventListener('click', () => {
+            this.shareResults();
+        });
+
+        // Retry button
+        document.getElementById('retry-btn').addEventListener('click', () => {
+            this.startResearch();
+        });
+    }
+
+    setupAutoResize() {
+        const textarea = document.getElementById('query');
+        this.autoResize(textarea);
+    }
+
+    autoResize(textarea) {
+        textarea.style.height = 'auto';
+        textarea.style.height = Math.min(textarea.scrollHeight, 120) + 'px';
+    }
+
+    async checkStatus() {
+        try {
+            const response = await fetch('/api/status');
+            const data = await response.json();
+            
+            const statusIndicator = document.getElementById('status-indicator');
+            const statusDot = statusIndicator.querySelector('.status-dot');
+            const statusText = statusIndicator.querySelector('span');
+            
+            if (data.workflow_ready) {
+                statusDot.style.background = 'var(--success-color)';
+                statusText.textContent = 'Ready';
+            } else {
+                statusDot.style.background = 'var(--error-color)';
+                statusText.textContent = 'Error';
+                this.showError('Research agent is not ready. Please check the configuration.');
+                document.getElementById('research-btn').disabled = true;
+            }
+        } catch (error) {
+            console.error('Error checking status:', error);
+        }
+    }
+
+    async handleModeChange(mode) {
+        const pdfPanel = document.getElementById('pdf-panel');
+        
+        if (mode === 'select_pdfs') {
+            pdfPanel.style.display = 'block';
+            await this.loadAllPdfs();
+        } else if (mode === 'relevant_pdfs') {
+            pdfPanel.style.display = 'block';
+            if (this.currentQuery) {
+                await this.loadRelevantPdfs(this.currentQuery);
+            } else {
+                document.getElementById('pdf-list').innerHTML = 
+                    '<div class="empty-state">Enter a query to see relevant documents</div>';
+            }
+        } else {
+            pdfPanel.style.display = 'none';
+        }
+    }
+
+    async loadAllPdfs() {
+        try {
+            const response = await fetch('/api/pdfs');
+            const data = await response.json();
+            
+            if (data.success) {
+                this.renderPdfList(data.pdfs, false);
+            } else {
+                document.getElementById('pdf-list').innerHTML = 
+                    `<div class="error-state">Error loading PDFs: ${data.error}</div>`;
+            }
+        } catch (error) {
+            document.getElementById('pdf-list').innerHTML = 
+                `<div class="error-state">Error loading PDFs: ${error.message}</div>`;
+        }
+    }
+
+    async loadRelevantPdfs(query) {
+        try {
+            const response = await fetch('/api/relevant-pdfs', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ query })
+            });
+            
+            const data = await response.json();
+            
+            if (data.success) {
+                this.renderPdfList(data.pdfs, true);
+            } else {
+                document.getElementById('pdf-list').innerHTML = 
+                    `<div class="error-state">Error loading relevant PDFs: ${data.error}</div>`;
+            }
+        } catch (error) {
+            document.getElementById('pdf-list').innerHTML = 
+                `<div class="error-state">Error loading relevant PDFs: ${error.message}</div>`;
+        }
+    }
+
+    renderPdfList(pdfs, showRelevance = false) {
+        const pdfList = document.getElementById('pdf-list');
+        
+        if (!pdfs || pdfs.length === 0) {
+            pdfList.innerHTML = '<div class="empty-state">No documents available</div>';
+            return;
+        }
+
+        const html = pdfs.map(pdf => {
+            const relevanceScore = pdf.relevance_score || 0;
+            const relevanceWidth = Math.round(relevanceScore * 100);
+            
+            return `
+                <div class="pdf-item">
+                    <input type="checkbox" id="pdf-${pdf.s3_key}" value="${pdf.s3_key}">
+                    <div class="pdf-info">
+                        <div class="pdf-name">${pdf.filename}</div>
+                        <div class="pdf-details">
+                            ${pdf.size_mb ? `${pdf.size_mb} MB` : ''} 
+                            ${pdf.last_modified ? `• ${new Date(pdf.last_modified).toLocaleDateString()}` : ''}
+                            ${pdf.summary ? `<br>${pdf.summary.substring(0, 80)}...` : ''}
+                        </div>
+                    </div>
+                    ${showRelevance ? `
+                        <div class="pdf-relevance">
+                            <span>${relevanceScore.toFixed(2)}</span>
+                            <div class="relevance-bar">
+                                <div class="relevance-fill" style="width: ${relevanceWidth}%"></div>
+                            </div>
+                        </div>
+                    ` : ''}
+                </div>
+            `;
+        }).join('');
+
+        pdfList.innerHTML = html;
+
+        // Add event listeners to checkboxes
+        pdfList.querySelectorAll('input[type="checkbox"]').forEach(checkbox => {
+            checkbox.addEventListener('change', (e) => {
+                if (e.target.checked) {
+                    this.selectedPdfs.push(e.target.value);
+                } else {
+                    this.selectedPdfs = this.selectedPdfs.filter(pdf => pdf !== e.target.value);
+                }
+            });
+        });
+    }
+
+    async startResearch() {
+        const query = document.getElementById('query').value.trim();
+        const mode = document.querySelector('input[name="research-mode"]:checked').value;
+
+        if (!query) {
+            this.showError('Please enter a research query');
+            return;
+        }
+
+        // Hide search interface and show loading
+        this.showLoading();
+        this.startLiveProgress(query, mode);
+    }
+
+    startLiveProgress(query, mode) {
+        // Show live progress
+        document.querySelector('.progress-feed').style.display = 'block';
+        
+        const progressList = document.getElementById('progress-list');
+        progressList.innerHTML = '';
+
+        try {
+            // Use EventSource for real-time updates
+            const eventSource = new EventSource('/api/research-stream?' + new URLSearchParams({
+                query: query,
+                mode: mode,
+                selected_pdfs: JSON.stringify(this.selectedPdfs)
+            }));
+
+            eventSource.onmessage = (event) => {
+                try {
+                    const data = JSON.parse(event.data);
+                    this.handleProgressUpdate(data);
+                    
+                    if (data.status === 'completed') {
+                        eventSource.close();
+                        this.showResults(data.result, { query: query });
+                        this.addToHistory(query);
+                    } else if (data.status === 'error') {
+                        eventSource.close();
+                        this.showError(data.message);
+                    }
+                } catch (e) {
+                    console.error('Error parsing SSE data:', e);
+                }
+            };
+
+            eventSource.onerror = (error) => {
+                console.error('SSE Error:', error);
+                eventSource.close();
+                // Fallback to regular API
+                this.fallbackToRegularAPI(query, mode);
+            };
+
+        } catch (error) {
+            console.error('Error starting live progress:', error);
+            this.fallbackToRegularAPI(query, mode);
+        }
+    }
+
+    async fallbackToRegularAPI(query, mode) {
+        try {
+            const requestData = {
+                query: query,
+                mode: mode,
+                selected_pdfs: this.selectedPdfs
+            };
+
+            const response = await fetch('/api/research', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify(requestData)
+            });
+
+            const data = await response.json();
+
+            if (data.success) {
+                this.showResults(data.result, data.research_info);
+                this.addToHistory(query);
+            } else {
+                this.showError(data.error);
+            }
+        } catch (error) {
+            this.showError(`Network error: ${error.message}`);
+        }
+    }
+
+    handleProgressUpdate(data) {
+        const progressList = document.getElementById('progress-list');
+        const timestamp = new Date().toLocaleTimeString();
+        
+        let icon = 'fas fa-circle-notch fa-spin';
+        let message = data.message;
+        let url = data.url || '';
+        
+        // Set appropriate icon based on step
+        switch (data.step) {
+            case 'intent':
+                icon = 'fas fa-brain';
+                break;
+            case 'search':
+                icon = 'fas fa-search';
+                break;
+            case 'source':
+                icon = 'fas fa-globe';
+                break;
+            case 'pdf':
+                icon = 'fas fa-file-pdf';
+                break;
+            case 'analysis':
+                icon = 'fas fa-cogs';
+                break;
+            case 'complete':
+                icon = 'fas fa-check';
+                break;
+            case 'error':
+                icon = 'fas fa-exclamation-triangle';
+                break;
+        }
+        
+        const progressItem = document.createElement('div');
+        progressItem.className = 'progress-item';
+        
+        progressItem.innerHTML = `
+            <div class="progress-icon">
+                <i class="${icon}"></i>
+            </div>
+            <div class="progress-content">
+                <div class="progress-message">${message}</div>
+                ${url ? `<a href="${url}" target="_blank" class="progress-url">${url}</a>` : ''}
+            </div>
+        `;
+        
+        progressList.appendChild(progressItem);
+        
+        // Auto-scroll to bottom
+        progressList.scrollTop = progressList.scrollHeight;
+        
+        // Update loading title
+        if (data.step !== 'complete' && data.step !== 'error') {
+            document.getElementById('loading-title').textContent = message;
+        }
+    }
+
+    showLoading() {
+        document.querySelector('.search-container').style.display = 'none';
+        document.getElementById('results').style.display = 'none';
+        document.getElementById('error').style.display = 'none';
+        document.getElementById('loading').style.display = 'block';
+        document.getElementById('research-btn').disabled = true;
+    }
+
+    showResults(result, researchInfo) {
+        // Clear loading
+        document.getElementById('loading').style.display = 'none';
+        document.getElementById('research-btn').disabled = false;
+
+        // Show results
+        document.getElementById('results').style.display = 'block';
+
+        // Update header
+        document.getElementById('results-title').textContent = `Results for "${result.query || this.currentQuery}"`;
+        document.getElementById('research-type').textContent = this.formatResearchType(result.research_type);
+        
+        if (researchInfo.start_time && researchInfo.end_time) {
+            const duration = new Date(researchInfo.end_time) - new Date(researchInfo.start_time);
+            document.getElementById('research-time').textContent = `${Math.round(duration / 1000)}s`;
+        }
+
+        document.getElementById('entity-count').textContent = `${result.entities?.length || 0} results`;
+
+        // Render quick summary
+        this.renderQuickSummary(result);
+
+        // Render entities
+        this.renderEntities(result.entities, result.research_type);
+
+        // Render analysis
+        document.getElementById('analysis-content').textContent = result.analysis || 'No detailed analysis available';
+    }
+
+    renderQuickSummary(result) {
+        const container = document.getElementById('quick-insights');
+        
+        if (!result.entities || result.entities.length === 0) {
+            container.innerHTML = '<p>No key insights available</p>';
+            return;
+        }
+
+        const topEntities = result.entities.slice(0, 3);
+        const insights = topEntities.map(entity => `• ${entity.name}`).join('<br>');
+        
+        container.innerHTML = `
+            <p><strong>Top Results:</strong></p>
+            <div style="margin-top: 8px; color: var(--text-secondary);">${insights}</div>
+        `;
+    }
+
+    renderEntities(entities, researchType) {
+        const container = document.getElementById('entities');
+        
+        if (!entities || entities.length === 0) {
+            container.innerHTML = '<div class="empty-state">No entities found</div>';
+            return;
+        }
+
+        const html = entities.map(entity => {
+            const typeColor = this.getTypeColor(entity.type);
+            
+            return `
+                <div class="entity-card">
+                    <div class="entity-header">
+                        <div>
+                            <div class="entity-name">${entity.name}</div>
+                            ${entity.website ? `<a href="${entity.website}" target="_blank" class="entity-website">${this.formatUrl(entity.website)}</a>` : ''}
+                        </div>
+                        <span class="entity-type" style="background-color: ${typeColor}; color: white;">${entity.type}</span>
+                    </div>
+                    
+                    ${entity.description ? `<div class="entity-description">${entity.description}</div>` : ''}
+                    
+                    <div class="entity-details">
+                        ${this.renderEntityDetails(entity.details, researchType)}
+                    </div>
+                </div>
+            `;
+        }).join('');
+
+        container.innerHTML = html;
+    }
+
+    renderEntityDetails(details, researchType) {
+        if (!details) return '';
+
+        return Object.entries(details).map(([key, value]) => {
+            if (!value || value === 'Unknown' || (Array.isArray(value) && value.length === 0)) {
+                return '';
+            }
+
+            const label = this.formatDetailLabel(key);
+            const formattedValue = this.formatDetailValue(value);
+
+            return `
+                <div class="detail-item">
+                    <div class="detail-label">${label}</div>
+                    <div class="detail-value">${formattedValue}</div>
+                </div>
+            `;
+        }).filter(item => item).join('');
+    }
+
+    showError(message) {
+        document.getElementById('loading').style.display = 'none';
+        document.getElementById('results').style.display = 'none';
+        document.getElementById('research-btn').disabled = false;
+
+        document.getElementById('error-message').textContent = message;
+        document.getElementById('error').style.display = 'block';
+    }
+
+    addToHistory(query) {
+        // Add to recent searches (simplified)
+        const historyList = document.getElementById('history-list');
+        const newItem = document.createElement('div');
+        newItem.className = 'history-item';
+        newItem.innerHTML = `
+            <i class="fas fa-clock"></i>
+            <span>${query.substring(0, 30)}${query.length > 30 ? '...' : ''}</span>
+        `;
+        
+        newItem.addEventListener('click', () => {
+            document.getElementById('query').value = query;
+            this.currentQuery = query;
+            this.autoResize(document.getElementById('query'));
+        });
+        
+        historyList.insertBefore(newItem, historyList.firstChild);
+        
+        // Keep only last 5 items
+        while (historyList.children.length > 5) {
+            historyList.removeChild(historyList.lastChild);
+        }
+    }
+
+    exportResults() {
+        // Simple export functionality
+        const results = document.getElementById('results');
+        if (results.style.display !== 'none') {
+            const content = results.innerText;
+            const blob = new Blob([content], { type: 'text/plain' });
+            const url = URL.createObjectURL(blob);
+            const a = document.createElement('a');
+            a.href = url;
+            a.download = `research-results-${new Date().toISOString().split('T')[0]}.txt`;
+            a.click();
+            URL.revokeObjectURL(url);
+        }
+    }
+
+    shareResults() {
+        // Simple share functionality
+        if (navigator.share) {
+            navigator.share({
+                title: 'Research Results',
+                text: 'Check out these research results from Multi Agent Researcher',
+                url: window.location.href
+            });
+        } else {
+            // Fallback: copy to clipboard
+            navigator.clipboard.writeText(window.location.href).then(() => {
+                alert('Link copied to clipboard!');
+            });
+        }
+    }
+
+    initDarkMode() {
+        // Check for saved theme preference or default to light mode
+        const savedTheme = localStorage.getItem('theme') || 'light';
+        this.setTheme(savedTheme);
+    }
+
+    toggleDarkMode() {
+        const currentTheme = document.documentElement.getAttribute('data-theme');
+        const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
+        this.setTheme(newTheme);
+    }
+
+    setTheme(theme) {
+        document.documentElement.setAttribute('data-theme', theme);
+        localStorage.setItem('theme', theme);
+        
+        // Update dark mode button icon
+        const darkModeBtn = document.getElementById('dark-mode-btn');
+        const icon = darkModeBtn.querySelector('i');
+        
+        if (theme === 'dark') {
+            icon.className = 'fas fa-sun';
+            darkModeBtn.title = 'Switch to Light Mode';
+        } else {
+            icon.className = 'fas fa-moon';
+            darkModeBtn.title = 'Switch to Dark Mode';
+        }
+    }
+
+    startNewSearch() {
+        // Clear current results and return to search interface
+        document.getElementById('results').style.display = 'none';
+        document.getElementById('error').style.display = 'none';
+        document.getElementById('loading').style.display = 'none';
+        document.querySelector('.search-container').style.display = 'block';
+        
+        // Clear the search input
+        const textarea = document.getElementById('query');
+        textarea.value = '';
+        this.currentQuery = '';
+        this.autoResize(textarea);
+        
+        // Reset selected PDFs
+        this.selectedPdfs = [];
+        
+        // Focus on search input
+        textarea.focus();
+        
+        // Reset research mode to auto if needed
+        const autoMode = document.querySelector('input[name="research-mode"][value="auto"]');
+        if (autoMode) {
+            autoMode.checked = true;
+            this.handleModeChange('auto');
+        }
+    }
+
+    // Utility functions
+    formatResearchType(type) {
+        const types = {
+            'developer_tools': 'Developer Tools',
+            'product_research': 'Product Research',
+            'educational_research': 'Educational Research',
+            'financial_research': 'Financial Research',
+            'technical_research': 'Technical Research',
+            'industry_research': 'Industry Research',
+            'market_research': 'Market Research',
+            'general_research': 'General Research'
+        };
+        return types[type] || type.replace('_', ' ').replace(/\b\w/g, l => l.toUpperCase());
+    }
+
+    getTypeColor(type) {
+        const colors = {
+            'company': '#2563eb',
+            'product': '#10b981',
+            'university': '#06b6d4',
+            'financial': '#f59e0b',
+            'technical': '#8b5cf6',
+            'industry': '#f97316'
+        };
+        return colors[type] || '#64748b';
+    }
+
+    formatDetailLabel(key) {
+        const labels = {
+            'pricing': 'Pricing',
+            'open_source': 'Open Source',
+            'tech_stack': 'Tech Stack',
+            'api_available': 'API',
+            'languages': 'Languages',
+            'integrations': 'Integrations'
+        };
+        return labels[key] || key.replace('_', ' ').replace(/\b\w/g, l => l.toUpperCase());
+    }
+
+    formatDetailValue(value) {
+        if (Array.isArray(value)) {
+            if (value.length === 0) return 'None';
+            return `<div class="detail-list">${value.map(item => `<span class="detail-tag">${item}</span>`).join('')}</div>`;
+        }
+        
+        if (typeof value === 'boolean') {
+            return value ? '✅ Yes' : '❌ No';
+        }
+        
+        return value;
+    }
+
+    formatUrl(url) {
+        try {
+            return new URL(url).hostname.replace('www.', '');
+        } catch {
+            return url;
+        }
+    }
+}
+
+// Initialize the app
+document.addEventListener('DOMContentLoaded', () => {
+    new ModernResearchAgent();
+});
\ No newline at end of file
diff --git a/advanced-agent/templates/index.html b/advanced-agent/templates/index.html
new file mode 100644
index 0000000..cc0f00e
--- /dev/null
+++ b/advanced-agent/templates/index.html
@@ -0,0 +1,227 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Multi Agent Researcher</title>
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <link href="{{ url_for('static', filename='css/style.css') }}" rel="stylesheet">
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="navbar">
+        <div class="nav-container">
+            <div class="nav-brand">
+                <div class="brand-icon">
+                    <i class="fas fa-brain"></i>
+                </div>
+                <span class="brand-text">Multi Agent Researcher</span>
+            </div>
+            <div class="nav-actions">
+                <button class="nav-btn" id="dark-mode-btn" title="Toggle Dark Mode">
+                    <i class="fas fa-moon"></i>
+                </button>
+                <div class="status-indicator" id="status-indicator">
+                    <div class="status-dot"></div>
+                    <span>Ready</span>
+                </div>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Main Container -->
+    <div class="app-container">
+        <!-- Sidebar -->
+        <aside class="sidebar">
+            <div class="sidebar-content">
+                <div class="research-modes">
+                    <h3>Research Mode</h3>
+                    <div class="mode-options">
+                        <label class="mode-option">
+                            <input type="radio" name="research-mode" value="auto" checked>
+                            <div class="mode-card">
+                                <i class="fas fa-magic"></i>
+                                <div>
+                                    <h4>Auto Research</h4>
+                                    <p>AI selects relevant sources</p>
+                                </div>
+                            </div>
+                        </label>
+                        <label class="mode-option">
+                            <input type="radio" name="research-mode" value="select_pdfs">
+                            <div class="mode-card">
+                                <i class="fas fa-file-pdf"></i>
+                                <div>
+                                    <h4>Select PDFs</h4>
+                                    <p>Choose specific documents</p>
+                                </div>
+                            </div>
+                        </label>
+                        <label class="mode-option">
+                            <input type="radio" name="research-mode" value="relevant_pdfs">
+                            <div class="mode-card">
+                                <i class="fas fa-search-plus"></i>
+                                <div>
+                                    <h4>Smart PDFs</h4>
+                                    <p>Find most relevant docs</p>
+                                </div>
+                            </div>
+                        </label>
+                    </div>
+                </div>
+
+                <!-- PDF Selection Panel -->
+                <div id="pdf-panel" class="pdf-panel" style="display: none;">
+                    <h3>Document Selection</h3>
+                    <div id="pdf-list" class="pdf-list">
+                        <!-- PDFs will be loaded here -->
+                    </div>
+                </div>
+
+                <!-- Research History -->
+                <div class="research-history">
+                    <h3>Recent Searches</h3>
+                    <div id="history-list" class="history-list">
+                        <div class="history-item">
+                            <i class="fas fa-clock"></i>
+                            <span>AI development tools</span>
+                        </div>
+                        <div class="history-item">
+                            <i class="fas fa-clock"></i>
+                            <span>Python frameworks</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </aside>
+
+        <!-- Main Content -->
+        <main class="main-content">
+            <!-- Search Interface -->
+            <div class="search-container">
+                <div class="search-header">
+                    <h1>What would you like to research?</h1>
+                    <p>Ask anything about companies, products, technologies, or markets</p>
+                </div>
+
+                <div class="search-box">
+                    <div class="search-input-container">
+                        <textarea 
+                            id="query" 
+                            placeholder="e.g., Compare the best AI development tools for 2024..."
+                            rows="1"
+                        ></textarea>
+                        <button id="research-btn" class="search-btn">
+                            <i class="fas fa-arrow-right"></i>
+                        </button>
+                    </div>
+                    
+                    <div class="search-suggestions">
+                        <div class="suggestion-chip" data-query="Best AI development tools 2024">
+                            <i class="fas fa-robot"></i> AI Development Tools
+                        </div>
+                        <div class="suggestion-chip" data-query="Top universities for computer science">
+                            <i class="fas fa-graduation-cap"></i> CS Universities
+                        </div>
+                        <div class="suggestion-chip" data-query="Python web frameworks comparison">
+                            <i class="fas fa-code"></i> Python Frameworks
+                        </div>
+                        <div class="suggestion-chip" data-query="Tesla stock analysis 2024">
+                            <i class="fas fa-chart-line"></i> Stock Analysis
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Loading State -->
+            <div id="loading" class="loading-container" style="display: none;">
+                <div class="loading-content">
+                    <div class="loading-animation">
+                        <div class="pulse-ring"></div>
+                        <div class="pulse-ring delay-1"></div>
+                        <div class="pulse-ring delay-2"></div>
+                        <i class="fas fa-brain loading-icon"></i>
+                    </div>
+                    <h3 id="loading-title">Researching your query...</h3>
+                    
+                    <!-- Live Progress Feed -->
+                    <div class="progress-feed">
+                        <div id="progress-list" class="progress-list">
+                            <!-- Live progress items will appear here -->
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Results -->
+            <div id="results" class="results-container" style="display: none;">
+                <div class="results-header">
+                    <div class="results-meta">
+                        <h2 id="results-title">Research Results</h2>
+                        <div class="results-info">
+                            <span id="research-type" class="type-badge"></span>
+                            <span id="research-time" class="time-badge"></span>
+                            <span id="entity-count" class="count-badge"></span>
+                        </div>
+                    </div>
+                    <div class="results-actions">
+                        <button class="action-btn primary" id="new-search-btn">
+                            <i class="fas fa-plus"></i> New Search
+                        </button>
+                        <button class="action-btn" id="export-btn">
+                            <i class="fas fa-download"></i> Export
+                        </button>
+                        <button class="action-btn" id="share-btn">
+                            <i class="fas fa-share"></i> Share
+                        </button>
+                    </div>
+                </div>
+
+                <!-- Quick Summary -->
+                <div class="quick-summary">
+                    <div class="summary-card">
+                        <h3>Key Insights</h3>
+                        <div id="quick-insights"></div>
+                    </div>
+                </div>
+
+                <!-- Market Insights -->
+                <div id="market-insights" class="insights-section" style="display: none;">
+                    <h3><i class="fas fa-chart-pie"></i> Market Overview</h3>
+                    <div id="insights-grid" class="insights-grid"></div>
+                </div>
+
+                <!-- Entities Grid -->
+                <div id="entities" class="entities-grid">
+                    <!-- Entities will be displayed here -->
+                </div>
+
+                <!-- Detailed Analysis -->
+                <div class="analysis-section">
+                    <div class="analysis-header">
+                        <h3><i class="fas fa-lightbulb"></i> Detailed Analysis</h3>
+                    </div>
+                    <div id="analysis-content" class="analysis-content"></div>
+                </div>
+            </div>
+
+            <!-- Error State -->
+            <div id="error" class="error-container" style="display: none;">
+                <div class="error-content">
+                    <div class="error-icon">
+                        <i class="fas fa-exclamation-triangle"></i>
+                    </div>
+                    <h3>Something went wrong</h3>
+                    <p id="error-message"></p>
+                    <button class="retry-btn" id="retry-btn">
+                        <i class="fas fa-redo"></i> Try Again
+                    </button>
+                </div>
+            </div>
+        </main>
+    </div>
+
+    <script src="{{ url_for('static', filename='js/app.js') }}"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/advanced-agent/test_app.py b/advanced-agent/test_app.py
new file mode 100644
index 0000000..a8ccdbe
--- /dev/null
+++ b/advanced-agent/test_app.py
@@ -0,0 +1,109 @@
+#!/usr/bin/env python3
+"""
+Test script to demonstrate the Advanced Research Agent functionality.
+This test shows the basic structure without requiring API keys.
+"""
+
+import sys
+import os
+
+# Add the src directory to the path
+sys.path.insert(0, os.path.join(os.path.dirname(__file__), 'src'))
+
+def test_application_structure():
+    """Test the application structure and basic functionality."""
+    print("🚀 Advanced Research Agent - Application Test")
+    print("=" * 50)
+    
+    try:
+        # Test 1: Import core components
+        print("📦 Testing core imports...")
+        from models import ResearchState, PDFDocument, MarketEntity
+        from prompts import DeveloperToolsPrompts
+        from workflow import Workflow
+        print("✅ All core components imported successfully")
+        
+        # Test 2: Create workflow instance
+        print("\n🏗️ Testing workflow creation...")
+        workflow = Workflow()
+        print("✅ Workflow instance created successfully")
+        
+        # Test 3: Test model creation
+        print("\n📊 Testing model creation...")
+        state = ResearchState(query="Best Python web frameworks")
+        print(f"✅ Created ResearchState with query: '{state.query}'")
+        
+        # Test 4: Test prompt generation
+        print("\n💬 Testing prompt generation...")
+        prompts = DeveloperToolsPrompts()
+        tool_prompt = prompts.tool_extraction_user("Python frameworks", "Demo content")
+        print(f"✅ Generated prompt ({len(tool_prompt)} characters)")
+        
+        print("\n" + "=" * 50)
+        print("🎉 Application structure test passed!")
+        print("📝 The application is properly structured and ready for use.")
+        print("🔑 To use with real data, configure API keys in .env file:")
+        print("   - ANTHROPIC_API_KEY=your_anthropic_key")
+        print("   - FIRECRAWL_API_KEY=your_firecrawl_key")
+        print("   - AWS credentials for PDF processing")
+        
+        return True
+        
+    except ImportError as e:
+        print(f"❌ Import error: {e}")
+        return False
+    except Exception as e:
+        print(f"❌ Unexpected error: {e}")
+        return False
+
+def show_usage_examples():
+    """Show usage examples and features."""
+    print("\n📋 Application Features:")
+    print("=" * 30)
+    print("✅ Multi-domain research capabilities")
+    print("✅ Intelligent content extraction")
+    print("✅ PDF document processing")
+    print("✅ Market research and analysis")
+    print("✅ Product comparison")
+    print("✅ Educational research")
+    print("✅ Financial analysis")
+    print("✅ Technical documentation")
+    print("✅ Industry analysis")
+    print("✅ General research")
+    
+    print("\n🔧 Available Research Types:")
+    print("- Developer Tools Research")
+    print("- Product Research & Comparison")
+    print("- Educational Institution Analysis")
+    print("- Financial Instrument Analysis")
+    print("- Technical Documentation Review")
+    print("- Industry Market Analysis")
+    print("- General Research & Analysis")
+    
+    print("\n📊 Content Extraction Methods:")
+    print("- Firecrawl (API-based)")
+    print("- Scrapy (Web scraping)")
+    print("- Hybrid (Combined approach)")
+    
+    print("\n📄 PDF Processing Features:")
+    print("- Automatic PDF selection")
+    print("- Manual PDF selection")
+    print("- Relevance-based ranking")
+    print("- S3 integration")
+    print("- Structured note generation")
+
+def main():
+    """Run the application test."""
+    success = test_application_structure()
+    
+    if success:
+        show_usage_examples()
+        print("\n✅ Application is ready for testing!")
+        print("💡 Run 'python main.py' to start the interactive application")
+        return 0
+    else:
+        print("❌ Application test failed!")
+        return 1
+
+if __name__ == "__main__":
+    sys.exit(main())