Initial commit

.env.example

@@ -0,0 +1,13 @@
+# Environment variables for AI Lead Generation deployment
+
+# SendGrid API key for email functionality
+# Get this from your SendGrid account at https://app.sendgrid.com/settings/api_keys
+SENDGRID_API_KEY=your_sendgrid_api_key_here
+
+# Optional: AWS credentials for Bedrock (if not using IAM roles)
+# AWS_ACCESS_KEY_ID=your_aws_access_key
+# AWS_SECRET_ACCESS_KEY=your_aws_secret_key
+# AWS_DEFAULT_REGION=us-west-2
+
+# Optional: Other configuration
+# BYPASS_TOOL_CONSENT=true

.gitignore

@@ -0,0 +1,350 @@
+# Environment variables
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# Python
+__pycache__/
+*.py[cod]
+*$py.class
+*.so
+.Python
+build/
+develop-eggs/
+dist/
+downloads/
+eggs/
+.eggs/
+lib/
+lib64/
+parts/
+sdist/
+var/
+wheels/
+share/python-wheels/
+*.egg-info/
+.installed.cfg
+*.egg
+MANIFEST
+
+# PyInstaller
+*.manifest
+*.spec
+
+# Installer logs
+pip-log.txt
+pip-delete-this-directory.txt
+
+# Unit test / coverage reports
+htmlcov/
+.tox/
+.nox/
+.coverage
+.coverage.*
+.cache
+nosetests.xml
+coverage.xml
+*.cover
+*.py,cover
+.hypothesis/
+.pytest_cache/
+cover/
+
+# Translations
+*.mo
+*.pot
+
+# Django stuff:
+*.log
+local_settings.py
+db.sqlite3
+db.sqlite3-journal
+
+# Flask stuff:
+instance/
+.webassets-cache
+
+# Scrapy stuff:
+.scrapy
+
+# Sphinx documentation
+docs/_build/
+
+# PyBuilder
+.pybuilder/
+target/
+
+# Jupyter Notebook
+.ipynb_checkpoints
+
+# IPython
+profile_default/
+ipython_config.py
+
+# pyenv
+.python-version
+
+# pipenv
+Pipfile.lock
+
+# poetry
+poetry.lock
+
+# pdm
+.pdm.toml
+
+# PEP 582
+__pypackages__/
+
+# Celery stuff
+celerybeat-schedule
+celerybeat.pid
+
+# SageMath parsed files
+*.sage.py
+
+# Environments
+.env
+.venv
+env/
+venv/
+ENV/
+env.bak/
+venv.bak/
+
+# Spyder project settings
+.spyderproject
+.spyproject
+
+# Rope project settings
+.ropeproject
+
+# mkdocs documentation
+/site
+
+# mypy
+.mypy_cache/
+.dmypy.json
+dmypy.json
+
+# Pyre type checker
+.pyre/
+
+# pytype static type analyzer
+.pytype/
+
+# Cython debug symbols
+cython_debug/
+
+# PyCharm
+.idea/
+
+# VS Code
+.vscode/
+*.code-workspace
+
+# Sublime Text
+*.sublime-project
+*.sublime-workspace
+
+# Vim
+*.swp
+*.swo
+*~
+
+# Emacs
+*~
+\#*\#
+/.emacs.desktop
+/.emacs.desktop.lock
+*.elc
+auto-save-list
+tramp
+.\#*
+
+# macOS
+.DS_Store
+.AppleDouble
+.LSOverride
+Icon?
+._*
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Windows
+Thumbs.db
+Thumbs.db:encryptable
+ehthumbs.db
+ehthumbs_vista.db
+*.tmp
+*.temp
+*.log
+*.bak
+*.swp
+*.lnk
+Desktop.ini
+$RECYCLE.BIN/
+*.cab
+*.msi
+*.msix
+*.msm
+*.msp
+*.exe
+
+# Linux
+*~
+.fuse_hidden*
+.directory
+.Trash-*
+.nfs*
+
+# Node.js (for any frontend dependencies)
+node_modules/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.pnpm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+.env.production
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+out
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+public
+
+# Storybook build outputs
+.out
+.storybook-out
+
+# Temporary folders
+tmp/
+temp/
+
+# API keys and secrets (additional protection)
+**/secrets/
+**/secret/
+**/*secret*
+**/*key*
+**/*token*
+**/*password*
+**/config/local.py
+**/config/production.py
+
+# Database files
+*.db
+*.sqlite
+*.sqlite3
+
+# AI/ML specific
+*.model
+*.pkl
+*.pickle
+model/
+models/
+checkpoints/
+*.h5
+*.hdf5
+*.pt
+*.pth
+*.onnx
+
+# Data files
+data/
+datasets/
+*.csv
+*.json
+*.xml
+*.xlsx
+*.xls
+!**/sample*.csv
+!**/example*.json
+
+# Backup files
+*.backup
+*.bak
+*~
+
+# Archive files
+*.zip
+*.tar
+*.tar.gz
+*.rar
+*.7z
+
+# Gradio
+.gradio/

DEPLOYMENT.md

@@ -0,0 +1,62 @@
+# Deployment Guide
+
+## Hugging Face Spaces Deployment
+
+### 1. Environment Variables
+
+Set the following environment variables in your Hugging Face Space settings:
+
+#### Required:
+- `SENDGRID_API_KEY`: Your SendGrid API key for email functionality
+  - Get this from https://app.sendgrid.com/settings/api_keys
+  - Must have Mail Send permissions
+
+#### Optional (for AWS Bedrock):
+- `AWS_ACCESS_KEY_ID`: Your AWS access key
+- `AWS_SECRET_ACCESS_KEY`: Your AWS secret key  
+- `AWS_DEFAULT_REGION`: AWS region (default: us-west-2)
+
+### 2. Hugging Face Space Configuration
+
+1. **Create a new Space** on Hugging Face
+2. **Select Framework**: Gradio
+3. **Add environment variables** in Space settings
+4. **Upload your code** or connect via Git
+
+### 3. Required Files
+
+Ensure these files are in your repository:
+- `app_api.py` - Main application entry point
+- `get_tools_working.py` - Core agent logic
+- `ai-agent-ui/` - Frontend UI files
+- `requirements.txt` - Python dependencies
+
+### 4. Entry Point
+
+The main entry point is `app_api.py`. Hugging Face will automatically detect and run this file.
+
+### 5. Access URLs
+
+After deployment, your application will be available at:
+- **Main API**: `https://your-space-name.hf.space/`
+- **Frontend UI**: `https://your-space-name.hf.space/ai-agent-ui/`
+
+### 6. Testing
+
+1. Check that the server starts successfully
+2. Test email functionality with a valid email address
+3. Verify RSS feed processing works
+4. Test the complete lead generation workflow
+
+### 7. Troubleshooting
+
+- **Email not sending**: Check SENDGRID_API_KEY is set correctly
+- **AWS errors**: Verify AWS credentials and region
+- **RSS errors**: Check network connectivity and feed URLs
+- **UI not loading**: Ensure static files are properly served
+
+### 8. Security Notes
+
+- Never commit API keys to the repository
+- Use environment variables for all sensitive configuration
+- The application uses environment variables for secure deployment

_old_app.py

@@ -0,0 +1,704 @@
+import gradio as gr
+from get_tools_working import get_leadgen_agent_and_prompt
+import re
+
+# Initialize agent and default prompt
+agent, default_prompt = get_leadgen_agent_and_prompt()
+
+# Default RSS feeds
+default_rss_feeds = """https://techfundingnews.com/feed
+https://feeds.feedburner.com/vcnewsdaily
+https://news.crunchbase.com/feed/"""
+
+# Default user preferences
+default_preferences = """Focus Areas:
+- Tech startups and SaaS companies
+- Series A and Series B funding rounds
+- Companies in North America and Europe
+
+Scoring Preferences:
+- Prioritize companies with explicit hiring signals
+- Higher scores for funding rounds above $10M
+- Focus on B2B companies over B2C
+- Prefer companies in high-growth sectors (AI, fintech, healthcare tech)"""
+
+def validate_email(email):
+    """Validate email format"""
+    pattern = r'^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$'
+    return re.match(pattern, email) is not None
+
+def parse_rss_urls(rss_text):
+    """Parse RSS URLs from text input"""
+    urls = []
+    for line in rss_text.strip().split('\n'):
+        line = line.strip()
+        if line and (line.startswith('http://') or line.startswith('https://')):
+            urls.append(line)
+    return urls
+
+def create_enhanced_prompt(system_prompt, rss_urls, preferences, email):
+    """Create enhanced prompt with all user inputs"""
+    rss_url_list = parse_rss_urls(rss_urls)
+    rss_urls_str = ' '.join(rss_url_list)
+    
+    enhanced_prompt = f"""RSS Feed URLs: {rss_urls_str}
+
+{system_prompt}
+
+User Preferences:
+{preferences}
+
+Send the report to: {email}"""
+    
+    return enhanced_prompt
+
+# Create custom professional theme using compatible properties
+custom_theme = gr.themes.Soft(
+    primary_hue="blue",
+    secondary_hue="slate",
+    neutral_hue="slate",
+    text_size="sm",
+    spacing_size="md",
+    radius_size="md",
+    font=[
+        gr.themes.GoogleFont("Inter"),
+        "ui-sans-serif",
+        "system-ui",
+        "sans-serif"
+    ],
+    font_mono=[
+        gr.themes.GoogleFont("JetBrains Mono"),
+        "ui-monospace",
+        "Consolas",
+        "monospace"
+    ]
+)
+
+# Professional CSS with animations and modern styling
+css = """
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
+
+/* Global container styling */
+.gradio-container {
+    max-width: 1400px !important;
+    margin: 0 auto !important;
+    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) !important;
+    min-height: 100vh;
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
+}
+
+/* Animated header with professional styling */
+.professional-header {
+    background: linear-gradient(135deg, #1e293b 0%, #334155 50%, #475569 100%);
+    padding: 48px 32px;
+    margin: -20px -20px 32px -20px;
+    border-radius: 0 0 24px 24px;
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    text-align: center;
+    position: relative;
+    overflow: hidden;
+}
+
+.professional-header::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: radial-gradient(circle at 30% 20%, rgba(59, 130, 246, 0.3) 0%, transparent 50%),
+                radial-gradient(circle at 70% 80%, rgba(139, 92, 246, 0.2) 0%, transparent 50%);
+    animation: pulse-gradient 6s ease-in-out infinite;
+}
+
+@keyframes pulse-gradient {
+    0%, 100% { opacity: 0.5; }
+    50% { opacity: 0.8; }
+}
+
+.professional-header h1 {
+    color: white;
+    font-size: 3.5rem;
+    font-weight: 700;
+    margin: 0 0 16px 0;
+    text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
+    position: relative;
+    z-index: 2;
+    letter-spacing: -0.025em;
+}
+
+.professional-header p {
+    color: rgba(255, 255, 255, 0.9);
+    font-size: 1.25rem;
+    margin: 0;
+    font-weight: 400;
+    position: relative;
+    z-index: 2;
+    line-height: 1.6;
+}
+
+/* Professional card styling */
+.config-section {
+    background: white;
+    border-radius: 8px;
+    padding: 20px;
+    margin: 12px 0;
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    border: 1px solid rgba(226, 232, 240, 0.8);
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    position: relative;
+    overflow: hidden;
+}
+
+.config-section::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 4px;
+    background: linear-gradient(90deg, #3b82f6, #8b5cf6);
+    border-radius: 8px 8px 0 0;
+}
+
+.config-section:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
+}
+
+.section-header {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    font-size: 1.25rem;
+    font-weight: 600;
+    color: #1e293b;
+    margin-bottom: 16px;
+    padding-bottom: 10px;
+    border-bottom: 2px solid #f1f5f9;
+}
+
+.section-header .emoji {
+    font-size: 1.5rem;
+    filter: none;
+    background: none;
+    -webkit-background-clip: unset;
+    -webkit-text-fill-color: unset;
+    background-clip: unset;
+}
+
+/* Info boxes with modern styling */
+.info-card {
+    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
+    border: 1px solid #e2e8f0;
+    border-left: 4px solid #3b82f6;
+    padding: 16px 20px;
+    margin: 16px 0;
+    border-radius: 8px;
+    font-size: 0.875rem;
+    line-height: 1.6;
+    color: #475569;
+    position: relative;
+}
+
+.info-card::before {
+    content: '💡';
+    position: absolute;
+    top: 16px;
+    right: 20px;
+    font-size: 1.25rem;
+    opacity: 0.6;
+}
+
+/* Status indicators */
+.status-indicator {
+    padding: 12px 20px;
+    border-radius: 12px;
+    margin: 16px 0;
+    font-weight: 500;
+    font-size: 0.9rem;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    transition: all 0.3s ease;
+}
+
+.status-success {
+    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
+    color: white;
+    box-shadow: 0 4px 14px 0 rgba(16, 185, 129, 0.4);
+}
+
+.status-error {
+    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
+    color: white;
+    box-shadow: 0 4px 14px 0 rgba(239, 68, 68, 0.4);
+}
+
+.status-info {
+    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
+    color: white;
+    box-shadow: 0 4px 14px 0 rgba(59, 130, 246, 0.4);
+}
+
+/* Enhanced button styling */
+.primary-button {
+    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%) !important;
+    color: white !important;
+    font-weight: 600 !important;
+    padding: 10px 20px !important;
+    border-radius: 6px !important;
+    border: none !important;
+    font-size: 0.9rem !important;
+    box-shadow: 0 4px 14px 0 rgba(59, 130, 246, 0.4) !important;
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
+    position: relative !important;
+    overflow: hidden !important;
+    margin: 0 0 20px 0 !important;
+    display: block !important;
+}
+
+/* Fix button container alignment */
+.primary-button {
+    width: 100% !important;
+    min-width: 0 !important;
+    flex-shrink: 1 !important;
+}
+
+.primary-button::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: -100%;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
+    transition: left 0.5s;
+}
+
+.primary-button:hover {
+    background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%) !important;
+    transform: translateY(-2px) !important;
+    box-shadow: 0 8px 25px -5px rgba(59, 130, 246, 0.6) !important;
+}
+
+.primary-button:hover::before {
+    left: 100%;
+}
+
+/* Control panel styling */
+.control-panel {
+    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
+    border-radius: 16px;
+    padding: 18px;
+    border: 1px solid #e2e8f0;
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+}
+
+/* Enhanced input styling */
+.gradio-textbox, .gradio-dropdown {
+    border-radius: 8px !important;
+    border: 1px solid #d1d5db !important;
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) !important;
+    transition: all 0.3s ease !important;
+}
+
+.gradio-textbox:focus, .gradio-dropdown:focus {
+    border-color: #3b82f6 !important;
+    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
+    outline: none !important;
+}
+
+/* Progress indicators */
+.progress-card {
+    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
+    border: 1px solid #e2e8f0;
+    border-left: 4px solid #3b82f6;
+    padding: 16px;
+    margin: 16px 0;
+    border-radius: 8px;
+    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
+}
+
+/* Chatbot styling */
+.chatbot-container {
+    background: white !important;
+    border-radius: 16px !important;
+    border: 1px solid #e2e8f0 !important;
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
+}
+
+/* Animation for loading states */
+@keyframes shimmer {
+    0% { transform: translateX(-100%); }
+    100% { transform: translateX(100%); }
+}
+
+.loading-shimmer {
+    position: relative;
+    overflow: hidden;
+}
+
+.loading-shimmer::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
+    animation: shimmer 2s infinite;
+}
+
+/* Responsive design */
+@media (max-width: 768px) {
+    .professional-header h1 {
+        font-size: 2.5rem;
+    }
+    
+    .config-section {
+        padding: 20px;
+        margin: 12px 0;
+    }
+}
+
+/* Custom scrollbar */
+::-webkit-scrollbar {
+    width: 8px;
+}
+
+::-webkit-scrollbar-track {
+    background: #f1f5f9;
+    border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb {
+    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
+    border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: linear-gradient(135deg, #2563eb, #7c3aed);
+}
+"""
+
+# JavaScript for enhanced interactions
+js = """
+function addInteractiveEffects() {
+    // Add ripple effect to buttons
+    document.addEventListener('click', function(e) {
+        if (e.target.classList.contains('primary-button')) {
+            const ripple = document.createElement('span');
+            const rect = e.target.getBoundingClientRect();
+            const size = Math.max(rect.width, rect.height);
+            const x = e.clientX - rect.left - size / 2;
+            const y = e.clientY - rect.top - size / 2;
+            
+            ripple.style.width = ripple.style.height = size + 'px';
+            ripple.style.left = x + 'px';
+            ripple.style.top = y + 'px';
+            ripple.classList.add('ripple');
+            
+            e.target.appendChild(ripple);
+            
+            setTimeout(() => {
+                ripple.remove();
+            }, 600);
+        }
+    });
+    
+    // Add smooth scrolling for better UX
+    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+        anchor.addEventListener('click', function (e) {
+            e.preventDefault();
+            const target = document.querySelector(this.getAttribute('href'));
+            if (target) {
+                target.scrollIntoView({
+                    behavior: 'smooth',
+                    block: 'start'
+                });
+            }
+        });
+    });
+    
+    return "Interactive effects initialized";
+}
+"""
+
+# Create the professional Gradio interface
+with gr.Blocks(
+    css=css, 
+    js=js,
+    title="🎯 AI Lead Generation Agent - Professional Dashboard",
+    theme=custom_theme
+) as demo:
+    
+    # Header
+    gr.HTML("""
+    <div class="professional-header">
+        <h1><span class="emoji">🎯</span> AI Lead Generation Agent</h1>
+        <p>Automated lead generation from funding announcements and hiring signals</p>
+    </div>
+    """)
+    
+    with gr.Row():
+        with gr.Column(scale=2):
+            # Email Configuration Section
+            with gr.Group(elem_classes=["config-section"]):
+                gr.HTML('<div class="section-header"><span class="emoji">📧</span>Email Configuration</div>')
+                gr.HTML('<div class="info-card">Enter your email address to receive lead generation reports.</div>')
+                
+                email_input = gr.Textbox(
+                    label="Email Address",
+                    placeholder="your.email@company.com",
+                    info="Enter a valid email address for report delivery",
+                    elem_id="email-input"
+                )
+            
+            # RSS Feed Configuration Section  
+            with gr.Group(elem_classes=["config-section"]):
+                gr.HTML('<div class="section-header"><span class="emoji">📡</span>Data Sources</div>')
+                gr.HTML('<div class="info-card">Configure RSS feed sources for monitoring funding announcements and hiring signals.</div>')
+                
+                rss_feeds_input = gr.Textbox(
+                    label="RSS Feed URLs",
+                    value=default_rss_feeds,
+                    lines=6,
+                    placeholder="https://example.com/feed\nhttps://another-source.com/rss",
+                    info="One URL per line"
+                )
+            
+            # AI Configuration Section
+            with gr.Group(elem_classes=["config-section"]):
+                gr.HTML('<div class="section-header"><span class="emoji">🤖</span>AI Configuration</div>')
+                gr.HTML('<div class="info-card">Customize AI instructions for lead scoring and analysis. The default prompt is optimized for recruitment use cases.</div>')
+                
+                system_prompt_input = gr.Textbox(
+                    label="AI System Prompt",
+                    value=default_prompt,
+                    lines=12,
+                    info="Modify AI behavior and scoring criteria"
+                )
+            
+            # Lead Preferences Section
+            with gr.Group(elem_classes=["config-section"]):
+                gr.HTML('<div class="section-header"><span class="emoji">⚙️</span>Lead Targeting</div>')
+                gr.HTML('<div class="info-card">Define your ideal customer profile and lead scoring preferences for maximum relevance.</div>')
+                
+                preferences_input = gr.Textbox(
+                    label="Targeting Preferences",
+                    value=default_preferences,
+                    lines=8,
+                    placeholder="Define your target criteria...",
+                    info="Specify industries, funding stages, geographic regions, and other targeting criteria"
+                )
+        
+        with gr.Column(scale=1):
+            # Control Panel
+            with gr.Group(elem_classes=["control-panel"]):
+                gr.HTML('<div class="section-header"><span class="emoji">🚀</span>Mission Control</div>')
+                
+                # Status display
+                status_display = gr.HTML('<div class="info-card">Ready to generate leads. Configure your settings and launch the analysis.</div>')
+                
+                # Generate button
+                generate_btn = gr.Button(
+                    "🎯 Generate Report",
+                    variant="primary",
+                    size="md",
+                    elem_classes=["primary-button"]
+                )
+                
+                # Progress section
+                with gr.Group(elem_classes=["progress-card"]):
+                    gr.HTML('<div class="section-header" style="margin-bottom: 12px;"><span class="emoji">📊</span>Progress Monitor</div>')
+                    
+                    progress_display = gr.Textbox(
+                        label="Status",
+                        value="Awaiting launch command...",
+                        interactive=False,
+                        lines=2,
+                        elem_id="progress-monitor"
+                    )
+                
+                # Intelligence Panel
+                gr.HTML('''
+                <div class="info-card" style="margin-top: 20px;">
+                    <strong>🎯 Intelligence Capabilities:</strong><br/>
+                    • Real-time RSS feed monitoring<br/>
+                    • AI-powered company analysis<br/>
+                    • Hiring signal detection<br/>
+                    • Lead scoring & prioritization<br/>
+                    • Professional report generation
+                </div>
+                ''')
+                
+                # Best Practices
+                gr.HTML('''
+                <div class="info-card">
+                    <strong>📈 Best Practices:</strong><br/>
+                    • Use industry-specific RSS feeds<br/>
+                    • Update preferences regularly<br/>
+                    • Monitor funding announcement timing<br/>
+                    • Focus on growth-stage companies<br/>
+                    • Track geographic preferences
+                </div>
+                ''')
+    
+    # Results Section
+    with gr.Group(elem_classes=["config-section"]):
+        gr.HTML('<div class="section-header"><span class="emoji">💬</span>AI Agent Activity & Intelligence Feed</div>')
+        gr.HTML('<div class="info-card">Monitor real-time AI agent activity, analysis progress, and detailed lead intelligence results.</div>')
+        
+        chatbot = gr.Chatbot(
+            label="Lead Intelligence Stream",
+            type='messages',
+            height=450,
+            show_label=True,
+            elem_classes=["chatbot-container"],
+            placeholder="AI agent will display live analysis and results here..."
+        )
+    
+    # State management
+    state = gr.State({"email": "", "active": False})
+    
+    def validate_and_generate(email, rss_feeds, system_prompt, preferences, current_state):
+        """Validate inputs and generate lead report with enhanced UX"""
+        
+        # Reset chatbot
+        chat_history = []
+        
+        # Enhanced validation with better feedback
+        if not email or not validate_email(email):
+            status = '<div class="status-indicator status-error">❌ Please enter a valid email address</div>'
+            progress = "❌ Validation Error: Invalid email format"
+            chat_history.append({
+                "role": "assistant", 
+                "content": "❌ **Validation Error**\n\nPlease provide a valid email address to receive your lead intelligence report."
+            })
+            return status, progress, chat_history, current_state
+        
+        rss_urls = parse_rss_urls(rss_feeds)
+        if not rss_urls:
+            status = '<div class="status-indicator status-error">❌ Please configure at least one RSS feed source</div>'
+            progress = "❌ Configuration Error: No RSS sources"
+            chat_history.append({
+                "role": "assistant", 
+                "content": "❌ **Configuration Error**\n\nAt least one valid RSS feed URL is required for lead generation."
+            })
+            return status, progress, chat_history, current_state
+        
+        if not system_prompt.strip():
+            status = '<div class="status-indicator status-error">❌ AI system prompt cannot be empty</div>'
+            progress = "❌ Configuration Error: Missing AI prompt"
+            chat_history.append({
+                "role": "assistant", 
+                "content": "❌ **Configuration Error**\n\nAI system prompt is required for intelligent lead analysis."
+            })
+            return status, progress, chat_history, current_state
+        
+        # Update state
+        current_state["email"] = email
+        current_state["active"] = True
+        
+        # Enhanced progress feedback
+        status = '<div class="status-indicator status-success">✅ All systems validated. Initiating AI lead generation...</div>'
+        progress = f"🚀 Launching intelligence gathering from {len(rss_urls)} premium sources..."
+        
+        chat_history.append({
+            "role": "assistant", 
+            "content": f"""🚀 **Lead Generation Mission Initiated**
+
+📧 **Target Email:** {email}
+📡 **Data Sources:** {len(rss_urls)} RSS feeds configured
+🎯 **Analysis Mode:** Advanced lead scoring enabled
+🤖 **AI Status:** Ready for intelligent analysis
+
+Initiating real-time monitoring and analysis..."""
+        })
+        
+        # Create enhanced prompt
+        enhanced_prompt = create_enhanced_prompt(system_prompt, rss_feeds, preferences, email)
+        
+        try:
+            # Run the agent with enhanced feedback
+            chat_history.append({
+                "role": "user", 
+                "content": "🎯 Execute lead generation with current configuration"
+            })
+            
+            progress = "🤖 AI Agent processing feeds • Analyzing companies • Scoring leads..."
+            
+            result = agent(enhanced_prompt)
+            response = str(result)
+            
+            chat_history.append({
+                "role": "assistant", 
+                "content": f"""✅ **Lead Generation Mission Completed Successfully!**
+
+🎯 **Results Summary:**
+{response}
+
+📧 **Report Status:** Professional lead intelligence report has been generated and sent to {email}
+
+📊 **Next Steps:**
+• Check your email for the detailed report
+• Review lead scores and prioritize outreach
+• Monitor for new funding announcements
+• Update targeting criteria based on results"""
+            })
+            
+            status = '<div class="status-indicator status-success">✅ Mission accomplished! Lead intelligence report delivered successfully.</div>'
+            progress = f"✅ Complete! Professional report sent to {email}"
+            
+        except Exception as e:
+            error_msg = f"""❌ **Mission Error Encountered**
+
+**Error Details:** {str(e)}
+
+**Troubleshooting Steps:**
+• Verify RSS feed accessibility
+• Check email configuration
+• Ensure stable internet connection
+• Try again with simplified parameters"""
+
+            chat_history.append({"role": "assistant", "content": error_msg})
+            
+            status = '<div class="status-indicator status-error">❌ Mission error - please review configuration and try again</div>'
+            progress = f"❌ Error: {str(e)}"
+        
+        return status, progress, chat_history, current_state
+    
+    # Event handlers with enhanced functionality
+    generate_btn.click(
+        validate_and_generate,
+        inputs=[email_input, rss_feeds_input, system_prompt_input, preferences_input, state],
+        outputs=[status_display, progress_display, chatbot, state],
+        queue=True
+    )
+    
+    # Real-time email validation
+    def update_email_status(email):
+        if not email:
+            return '<div class="info-card">Enter your email address to receive lead reports.</div>'
+        elif validate_email(email):
+            return '<div class="status-indicator status-success">✅ Valid email address configured</div>'
+        else:
+            return '<div class="status-indicator status-error">❌ Invalid email format - please correct</div>'
+    
+    email_input.change(
+        update_email_status,
+        inputs=[email_input],
+        outputs=[status_display]
+    )
+
+if __name__ == "__main__":
+    print("🚀 Launching Professional AI Lead Generation Agent...")
+    demo.launch(
+        share=False,
+        server_name="0.0.0.0",
+        server_port=7860,
+        show_error=True,
+        favicon_path=None,
+        show_api=False
+    )

ai-agent-ui/index.html

@@ -0,0 +1,221 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>🎯 AI Lead Generation Agent - Professional Dashboard</title>
+    
+    <!-- Material UI CSS -->
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-lite/1.3.0/material.indigo-pink.min.css">
+    
+    <!-- Custom CSS -->
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <!-- Header Section -->
+    <header class="professional-header">
+        <div class="header-content">
+            <h1><span class="material-icons">track_changes</span> AI Lead Generation Agent</h1>
+            <p>Automated lead generation from funding announcements and hiring signals</p>
+        </div>
+    </header>
+
+    <!-- Main Content -->
+    <main class="main-container">
+        <div class="content-grid">
+            <!-- Left Column - Configuration -->
+            <div class="config-column">
+                <!-- Email Configuration -->
+                <div class="config-section">
+                    <div class="section-header">
+                        <span class="material-icons">email</span>
+                        <h3>Email Configuration</h3>
+                    </div>
+                    <div class="info-card">
+                        <span class="material-icons">info</span>
+                        Enter your email address to receive lead generation reports.
+                    </div>
+                    <div class="input-group">
+                        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
+                            <input class="mdl-textfield__input" type="email" id="email-input" required>
+                            <label class="mdl-textfield__label" for="email-input">Email Address</label>
+                            <span class="mdl-textfield__error">Please enter a valid email address</span>
+                        </div>
+                        <div class="input-helper">Enter a valid email address for report delivery</div>
+                    </div>
+                </div>
+
+                <!-- RSS Feed Configuration -->
+                <div class="config-section">
+                    <div class="section-header">
+                        <span class="material-icons">rss_feed</span>
+                        <h3>Data Sources</h3>
+                    </div>
+                    <div class="info-card">
+                        <span class="material-icons">info</span>
+                        Configure RSS feed sources for monitoring funding announcements and hiring signals.
+                    </div>
+                    <div class="input-group">
+                        <div class="mdl-textfield mdl-js-textfield">
+                            <textarea class="mdl-textfield__input" type="text" rows="6" id="rss-feeds" required></textarea>
+                            <label class="mdl-textfield__label" for="rss-feeds">RSS Feed URLs</label>
+                        </div>
+                        <div class="input-helper">One URL per line</div>
+                    </div>
+                </div>
+
+                <!-- AI Configuration -->
+                <div class="config-section">
+                    <div class="section-header">
+                        <span class="material-icons">smart_toy</span>
+                        <h3>AI Configuration</h3>
+                    </div>
+                    <div class="info-card">
+                        <span class="material-icons">info</span>
+                        Customize AI instructions for lead scoring and analysis. The default prompt is optimized for recruitment use cases.
+                    </div>
+                    <div class="input-group">
+                        <div class="mdl-textfield mdl-js-textfield">
+                            <textarea class="mdl-textfield__input" type="text" rows="12" id="system-prompt" required></textarea>
+                            <label class="mdl-textfield__label" for="system-prompt">AI System Prompt</label>
+                        </div>
+                        <div class="input-helper">Modify AI behavior and scoring criteria</div>
+                    </div>
+                </div>
+
+                <!-- Lead Preferences -->
+                <div class="config-section">
+                    <div class="section-header">
+                        <span class="material-icons">settings</span>
+                        <h3>Lead Targeting</h3>
+                    </div>
+                    <div class="info-card">
+                        <span class="material-icons">info</span>
+                        Define your ideal customer profile and lead scoring preferences for maximum relevance.
+                    </div>
+                    <div class="input-group">
+                        <div class="mdl-textfield mdl-js-textfield">
+                            <textarea class="mdl-textfield__input" type="text" rows="8" id="preferences" required></textarea>
+                            <label class="mdl-textfield__label" for="preferences">Targeting Preferences</label>
+                        </div>
+                        <div class="input-helper">Specify industries, funding stages, geographic regions, and other targeting criteria</div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Right Column - Control Panel -->
+            <div class="control-column">
+                <!-- Mission Control -->
+                <div class="control-panel">
+                    <div class="section-header">
+                        <span class="material-icons">rocket_launch</span>
+                        <h3>Mission Control</h3>
+                    </div>
+                    
+                    <!-- Status Display -->
+                    <div class="status-display" id="status-display">
+                        <div class="status-indicator status-info">
+                            <span class="material-icons">info</span>
+                            Ready to generate leads. Configure your settings and launch the analysis.
+                        </div>
+                    </div>
+
+                    <!-- Generate Button -->
+                    <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect generate-btn" id="generate-btn">
+                        <span class="material-icons">track_changes</span>
+                        Generate Report
+                    </button>
+
+                    <!-- Progress Monitor -->
+                    <div class="progress-card">
+                        <div class="section-header">
+                            <span class="material-icons">analytics</span>
+                            <h4>Progress Monitor</h4>
+                        </div>
+                        <div class="progress-display" id="progress-display">
+                            <div class="progress-text">Awaiting launch command...</div>
+                            <div class="mdl-progress mdl-js-progress" id="progress-bar" style="width: 100%; display: none;"></div>
+                        </div>
+                    </div>
+
+                    <!-- Intelligence Capabilities -->
+                    <div class="progress-card">
+                        <div class="section-header">
+                            <span class="material-icons">psychology</span>
+                            <h4>Intelligence Capabilities</h4>
+                        </div>
+                        <ul class="capability-list">
+                            <li><span class="material-icons">check_circle</span>Real-time RSS feed monitoring</li>
+                            <li><span class="material-icons">check_circle</span>AI-powered company analysis</li>
+                            <li><span class="material-icons">check_circle</span>Hiring signal detection</li>
+                            <li><span class="material-icons">check_circle</span>Lead scoring & prioritization</li>
+                            <li><span class="material-icons">check_circle</span>Professional report generation</li>
+                        </ul>
+                    </div>
+
+                    <!-- Best Practices -->
+                    <div class="progress-card">
+                        <div class="section-header">
+                            <span class="material-icons">trending_up</span>
+                            <h4>Best Practices</h4>
+                        </div>
+                        <ul class="capability-list">
+                            <li><span class="material-icons">check_circle</span>Use industry-specific RSS feeds</li>
+                            <li><span class="material-icons">check_circle</span>Update preferences regularly</li>
+                            <li><span class="material-icons">check_circle</span>Monitor funding announcement timing</li>
+                            <li><span class="material-icons">check_circle</span>Focus on growth-stage companies</li>
+                            <li><span class="material-icons">check_circle</span>Track geographic preferences</li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Results Section -->
+        <div class="results-section">
+            <div class="section-header">
+                <span class="material-icons">forum</span>
+                <h3>AI Agent Activity & Intelligence Feed</h3>
+            </div>
+            <div class="info-card">
+                <span class="material-icons">info</span>
+                Monitor real-time AI agent activity, analysis progress, and detailed lead intelligence results.
+            </div>
+            <div class="chat-container" id="chat-container">
+                <div class="chat-placeholder">
+                    <span class="material-icons">smart_toy</span>
+                    <p>AI agent will display live analysis and results here...</p>
+                </div>
+            </div>
+        </div>
+    </main>
+
+    <!-- Loading Overlay -->
+    <div class="loading-overlay" id="loading-overlay" style="display: none;">
+        <div class="loading-content">
+            <div class="mdl-spinner mdl-js-spinner is-active"></div>
+            <p>Processing your request...</p>
+        </div>
+    </div>
+
+    <!-- Snackbar for notifications -->
+    <div class="mdl-snackbar mdl-js-snackbar">
+        <div class="mdl-snackbar__text"></div>
+        <button class="mdl-snackbar__action" type="button"></button>
+    </div>
+
+    <!-- Material Design Lite JavaScript -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/material-design-lite/1.3.0/material.min.js"></script>
+    
+    <!-- Gradio Client -->
+    <script type="module">
+        import { Client } from "https://cdn.jsdelivr.net/npm/@gradio/client/dist/index.min.js";
+        window.GradioClient = Client;
+    </script>
+    
+    <!-- Custom JavaScript -->
+    <script src="script.js"></script>
+</body>
+</html>

ai-agent-ui/script.js

@@ -0,0 +1,562 @@
+// Application Configuration
+const CONFIG = {
+    API_BASE_URL: 'http://localhost:7860',
+    DEFAULT_RSS_FEEDS: `https://techfundingnews.com/feed
+https://feeds.feedburner.com/vcnewsdaily
+https://news.crunchbase.com/feed/`,
+    DEFAULT_PREFERENCES: `Focus Areas:
+- Tech startups and SaaS companies
+- Series A and Series B funding rounds
+- Companies in North America and Europe
+
+Scoring Preferences:
+- Prioritize companies with explicit hiring signals
+- Higher scores for funding rounds above $10M
+- Focus on B2B companies over B2C
+- Prefer companies in high-growth sectors (AI, fintech, healthcare tech)`,
+    DEFAULT_PROMPT: `You are an AI lead generation agent specialized in analyzing funding announcements and hiring signals to identify potential leads for a recruitment services company.
+
+Your task is to:
+1. Monitor RSS feeds for funding announcements and hiring-related signals
+2. Analyze companies that have recently received funding or are showing signs of growth
+3. Score leads based on their likelihood to need recruitment services
+4. Generate a professional report with actionable insights
+
+Analysis Framework:
+- Company funding stage and amount
+- Hiring signals and job postings activity
+- Industry and growth potential
+- Geographic relevance
+- Recent news and market position
+
+Scoring Criteria (1-10 scale):
+- 9-10: High priority leads with strong hiring signals and recent funding
+- 7-8: Good prospects with moderate signals
+- 5-6: Potential leads worth monitoring
+- 1-4: Low priority or insufficient data
+
+Output a comprehensive report with:
+- Executive summary
+- Top 10 prioritized leads with scores and rationale
+- Market insights and trends
+- Recommended next steps for outreach`
+};
+
+// State Management
+class AppState {
+    constructor() {
+        this.isProcessing = false;
+        this.currentRequestId = null;
+        this.chatHistory = [];
+        this.formData = {
+            email: '',
+            rssFeeds: CONFIG.DEFAULT_RSS_FEEDS,
+            systemPrompt: CONFIG.DEFAULT_PROMPT,
+            preferences: CONFIG.DEFAULT_PREFERENCES
+        };
+    }
+
+    updateFormData(key, value) {
+        this.formData[key] = value;
+        this.validateForm();
+    }
+
+    validateForm() {
+        const emailValid = this.validateEmail(this.formData.email);
+        const rssValid = this.parseRSSUrls(this.formData.rssFeeds).length > 0;
+        const promptValid = this.formData.systemPrompt.trim().length > 0;
+        
+        return emailValid && rssValid && promptValid;
+    }
+
+    validateEmail(email) {
+        const pattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+        return pattern.test(email);
+    }
+
+    parseRSSUrls(rssText) {
+        const urls = [];
+        const lines = rssText.trim().split('\n');
+        lines.forEach(line => {
+            line = line.trim();
+            if (line && (line.startsWith('http://') || line.startsWith('https://'))) {
+                urls.push(line);
+            }
+        });
+        return urls;
+    }
+}
+
+// UI Controller
+class UIController {
+    constructor(state) {
+        this.state = state;
+        this.initializeElements();
+        this.setupEventListeners();
+        this.populateDefaultValues();
+        this.initializeMDL();
+    }
+
+    initializeElements() {
+        this.elements = {
+            emailInput: document.getElementById('email-input'),
+            rssFeeds: document.getElementById('rss-feeds'),
+            systemPrompt: document.getElementById('system-prompt'),
+            preferences: document.getElementById('preferences'),
+            generateBtn: document.getElementById('generate-btn'),
+            statusDisplay: document.getElementById('status-display'),
+            progressDisplay: document.getElementById('progress-display'),
+            chatContainer: document.getElementById('chat-container'),
+            loadingOverlay: document.getElementById('loading-overlay'),
+            progressBar: document.getElementById('progress-bar')
+        };
+    }
+
+    initializeMDL() {
+        // Initialize Material Design Lite components
+        if (window.componentHandler) {
+            window.componentHandler.upgradeAllRegistered();
+        }
+    }
+
+    populateDefaultValues() {
+        // Clear email field to ensure fresh state
+        this.elements.emailInput.value = '';
+        this.state.formData.email = '';
+        
+        // Set default values for other fields
+        this.elements.rssFeeds.value = CONFIG.DEFAULT_RSS_FEEDS;
+        this.elements.systemPrompt.value = CONFIG.DEFAULT_PROMPT;
+        this.elements.preferences.value = CONFIG.DEFAULT_PREFERENCES;
+        
+        // Update state to match form values
+        this.state.formData.rssFeeds = CONFIG.DEFAULT_RSS_FEEDS;
+        this.state.formData.systemPrompt = CONFIG.DEFAULT_PROMPT;
+        this.state.formData.preferences = CONFIG.DEFAULT_PREFERENCES;
+        
+        // Trigger MDL updates
+        this.elements.emailInput.parentElement.MaterialTextfield?.change();
+        this.elements.rssFeeds.parentElement.MaterialTextfield?.change();
+        this.elements.systemPrompt.parentElement.MaterialTextfield?.change();
+        this.elements.preferences.parentElement.MaterialTextfield?.change();
+        
+        // Update email status after clearing
+        this.updateEmailStatus();
+    }
+
+    setupEventListeners() {
+        // Form input listeners
+        this.elements.emailInput.addEventListener('input', (e) => {
+            this.state.updateFormData('email', e.target.value);
+            this.updateEmailStatus();
+        });
+
+        this.elements.rssFeeds.addEventListener('input', (e) => {
+            this.state.updateFormData('rssFeeds', e.target.value);
+        });
+
+        this.elements.systemPrompt.addEventListener('input', (e) => {
+            this.state.updateFormData('systemPrompt', e.target.value);
+        });
+
+        this.elements.preferences.addEventListener('input', (e) => {
+            this.state.updateFormData('preferences', e.target.value);
+        });
+
+        // Generate button listener
+        this.elements.generateBtn.addEventListener('click', () => {
+            this.handleGenerate();
+        });
+
+        // Enter key handling
+        document.addEventListener('keydown', (e) => {
+            if (e.key === 'Enter' && e.ctrlKey) {
+                this.handleGenerate();
+            }
+        });
+    }
+
+    updateEmailStatus() {
+        const email = this.elements.emailInput.value;
+        let statusHtml = '';
+
+        if (!email) {
+            statusHtml = `
+                <div class="status-indicator status-info">
+                    <span class="material-icons">info</span>
+                    Ready to generate leads. Configure your settings and launch the analysis.
+                </div>
+            `;
+        } else if (this.state.validateEmail(email)) {
+            statusHtml = `
+                <div class="status-indicator status-success">
+                    <span class="material-icons">check_circle</span>
+                    Valid email address configured
+                </div>
+            `;
+        } else {
+            statusHtml = `
+                <div class="status-indicator status-error">
+                    <span class="material-icons">error</span>
+                    Invalid email format - please correct
+                </div>
+            `;
+        }
+
+        this.elements.statusDisplay.innerHTML = statusHtml;
+    }
+
+    updateProgress(message, showProgress = false) {
+        const progressText = this.elements.progressDisplay.querySelector('.progress-text');
+        progressText.textContent = message;
+
+        if (showProgress) {
+            this.elements.progressBar.style.display = 'block';
+            this.elements.progressBar.MaterialProgress?.setProgress(50);
+        } else {
+            this.elements.progressBar.style.display = 'none';
+        }
+    }
+
+    showNotification(message, type = 'info') {
+        const snackbar = document.querySelector('.mdl-snackbar');
+        if (snackbar && snackbar.MaterialSnackbar) {
+            snackbar.MaterialSnackbar.showSnackbar({
+                message: message,
+                timeout: 4000
+            });
+        }
+    }
+
+    showLoading(show = true) {
+        this.elements.loadingOverlay.style.display = show ? 'flex' : 'none';
+        this.elements.generateBtn.disabled = show;
+        
+        if (show) {
+            this.elements.generateBtn.innerHTML = `
+                <div class="mdl-spinner mdl-js-spinner is-active" style="width: 20px; height: 20px; margin-right: 8px;"></div>
+                Processing...
+            `;
+        } else {
+            this.elements.generateBtn.innerHTML = `
+                <span class="material-icons">track_changes</span>
+                Generate Report
+            `;
+        }
+        
+        // Re-initialize spinner
+        if (show && window.componentHandler) {
+            window.componentHandler.upgradeAllRegistered();
+        }
+    }
+
+    addChatMessage(content, role = 'assistant') {
+        // Remove placeholder if it exists
+        const placeholder = this.elements.chatContainer.querySelector('.chat-placeholder');
+        if (placeholder) {
+            placeholder.remove();
+        }
+
+        const messageDiv = document.createElement('div');
+        messageDiv.className = `chat-message ${role}`;
+        
+        const avatarDiv = document.createElement('div');
+        avatarDiv.className = `chat-avatar ${role}`;
+        avatarDiv.innerHTML = `<span class="material-icons">${role === 'user' ? 'person' : 'smart_toy'}</span>`;
+        
+        const contentDiv = document.createElement('div');
+        contentDiv.className = 'chat-content';
+        
+        // Format content for better display
+        const formattedContent = this.formatChatContent(content);
+        contentDiv.innerHTML = formattedContent;
+        
+        messageDiv.appendChild(avatarDiv);
+        messageDiv.appendChild(contentDiv);
+        
+        this.elements.chatContainer.appendChild(messageDiv);
+        
+        // Scroll to bottom
+        messageDiv.scrollIntoView({ behavior: 'smooth' });
+        
+        // Store in state
+        this.state.chatHistory.push({ role, content });
+    }
+
+    formatChatContent(content) {
+        // Convert markdown-style formatting to HTML
+        let formatted = content
+            .replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>')
+            .replace(/\*(.*?)\*/g, '<em>$1</em>')
+            .replace(/`(.*?)`/g, '<code>$1</code>')
+            .replace(/\n/g, '<br>');
+            
+        // Format lists
+        formatted = formatted.replace(/^- (.*?)(<br>|$)/gm, '<li>$1</li>');
+        if (formatted.includes('<li>')) {
+            formatted = formatted.replace(/(<li>.*<\/li>)/s, '<ul>$1</ul>');
+        }
+        
+        return formatted;
+    }
+
+    clearChat() {
+        this.elements.chatContainer.innerHTML = `
+            <div class="chat-placeholder">
+                <span class="material-icons">smart_toy</span>
+                <p>AI agent will display live analysis and results here...</p>
+            </div>
+        `;
+        this.state.chatHistory = [];
+    }
+
+    async handleGenerate() {
+        if (this.state.isProcessing) {
+            return;
+        }
+
+        // Validate form
+        const email = this.elements.emailInput.value;
+        const rssFeeds = this.elements.rssFeeds.value;
+        const systemPrompt = this.elements.systemPrompt.value;
+        const preferences = this.elements.preferences.value;
+
+        if (!this.state.validateEmail(email)) {
+            this.updateStatus('error', '❌ Please enter a valid email address');
+            this.showNotification('Please enter a valid email address', 'error');
+            return;
+        }
+
+        const rssUrls = this.state.parseRSSUrls(rssFeeds);
+        if (rssUrls.length === 0) {
+            this.updateStatus('error', '❌ Please configure at least one RSS feed source');
+            this.showNotification('At least one RSS feed is required', 'error');
+            return;
+        }
+
+        if (!systemPrompt.trim()) {
+            this.updateStatus('error', '❌ AI system prompt cannot be empty');
+            this.showNotification('AI system prompt is required', 'error');
+            return;
+        }
+
+        // Start processing
+        this.state.isProcessing = true;
+        this.showLoading(true);
+        this.clearChat();
+        
+        this.updateStatus('success', '✅ All systems validated. Initiating AI lead generation...');
+        this.updateProgress(`🚀 Launching intelligence gathering from ${rssUrls.length} premium sources...`, true);
+
+        // Add initial chat message
+        this.addChatMessage(`🚀 **Lead Generation Mission Initiated**
+
+📧 **Target Email:** ${email}
+📡 **Data Sources:** ${rssUrls.length} RSS feeds configured
+🎯 **Analysis Mode:** Advanced lead scoring enabled
+🤖 **AI Status:** Ready for intelligent analysis
+
+Initiating real-time monitoring and analysis...`);
+
+        try {
+            // Create enhanced prompt
+            const enhancedPrompt = this.createEnhancedPrompt(systemPrompt, rssFeeds, preferences, email);
+            
+            // Add user message to chat
+            this.addChatMessage('🎯 Execute lead generation with current configuration', 'user');
+            
+            this.updateProgress('🤖 AI Agent processing feeds • Analyzing companies • Scoring leads...', true);
+            
+            // Make API call
+            const result = await this.callGradioAPI(enhancedPrompt);
+            
+            // Add success message
+            this.addChatMessage(`✅ **Lead Generation Mission Completed Successfully!**
+
+🎯 **Results Summary:**
+${result}
+
+📧 **Report Status:** Professional lead intelligence report has been generated and sent to ${email}
+
+📊 **Next Steps:**
+• Check your email for the detailed report
+• Review lead scores and prioritize outreach
+• Monitor for new funding announcements
+• Update targeting criteria based on results`);
+
+            this.updateStatus('success', '✅ Mission accomplished! Lead intelligence report delivered successfully.');
+            this.updateProgress(`✅ Complete! Professional report sent to ${email}`);
+            this.showNotification('Lead generation completed successfully!', 'success');
+
+        } catch (error) {
+            console.error('Generation error:', error);
+            
+            const errorMessage = `❌ **Mission Error Encountered**
+
+**Error Details:** ${error.message}
+
+**Troubleshooting Steps:**
+• Verify RSS feed accessibility
+• Check email configuration
+• Ensure stable internet connection
+• Try again with simplified parameters`;
+
+            this.addChatMessage(errorMessage);
+            this.updateStatus('error', '❌ Mission error - please review configuration and try again');
+            this.updateProgress(`❌ Error: ${error.message}`);
+            this.showNotification('An error occurred. Please try again.', 'error');
+        } finally {
+            this.state.isProcessing = false;
+            this.showLoading(false);
+        }
+    }
+
+    updateStatus(type, message) {
+        const iconMap = {
+            success: 'check_circle',
+            error: 'error',
+            info: 'info'
+        };
+
+        const statusHtml = `
+            <div class="status-indicator status-${type}">
+                <span class="material-icons">${iconMap[type]}</span>
+                ${message}
+            </div>
+        `;
+
+        this.elements.statusDisplay.innerHTML = statusHtml;
+    }
+
+    createEnhancedPrompt(systemPrompt, rssFeeds, preferences, email) {
+        const rssUrls = this.state.parseRSSUrls(rssFeeds);
+        const rssUrlsStr = rssUrls.join(' ');
+        
+        // Always add the email instruction before making the call to backend
+        const emailInstruction = `
+
+IMPORTANT: When you need to send an email with the report, use the email address provided in the user input. Do not use any hardcoded email addresses. The email should be sent to the address specified by the user.
+
+Format the report professionally for business stakeholders and ensure the email is professionally formatted with proper HTML styling.`;
+        
+        return `RSS Feed URLs: ${rssUrlsStr}
+
+${systemPrompt}${emailInstruction}
+
+User Preferences:
+${preferences}
+
+Send the report to: ${email}`;
+    }
+
+    async callGradioAPI(enhancedPrompt) {
+        try {
+            // Extract the parameters from the enhanced prompt
+            const email = this.state.formData.email;
+            const rssFeeds = this.state.formData.rssFeeds;
+            const systemPrompt = this.state.formData.systemPrompt;
+            const preferences = this.state.formData.preferences;
+
+            console.log('🔄 Making API call to Gradio server...');
+            console.log('📧 Email:', email);
+            console.log('📡 RSS count:', this.state.parseRSSUrls(rssFeeds).length);
+
+            // Wait for GradioClient to be available
+            if (!window.GradioClient) {
+                throw new Error('Gradio client not loaded. Please refresh the page.');
+            }
+
+            // Connect to Gradio server
+            const client = await window.GradioClient.connect(CONFIG.API_BASE_URL);
+            console.log('📡 Connected to Gradio server');
+
+            // Make prediction call
+            const result = await client.predict("/generate_lead_report", {
+                email: email,
+                rss_feeds: rssFeeds,
+                system_prompt: systemPrompt,
+                preferences: preferences
+            });
+
+            console.log('📦 API Response:', result);
+            
+            // Check if the API call was successful
+            if (result && result.data && result.data.length > 0) {
+                const apiResponse = result.data[0];
+                console.log('✅ API Response data:', apiResponse);
+                
+                if (typeof apiResponse === 'object' && apiResponse.success) {
+                    return apiResponse.result;
+                } else if (typeof apiResponse === 'object' && apiResponse.success === false) {
+                    throw new Error(apiResponse.message || apiResponse.error || 'API returned error');
+                } else if (typeof apiResponse === 'string') {
+                    // If it's a string response, treat it as the result
+                    return apiResponse;
+                } else {
+                    throw new Error('Unexpected API response format');
+                }
+            } else {
+                throw new Error('Invalid API response format - no data returned');
+            }
+
+        } catch (error) {
+            console.error('❌ API call failed:', error);
+            
+            // If API call fails, provide helpful error messages
+            if (error.message.includes('Failed to fetch') || error.message.includes('Network')) {
+                throw new Error('Unable to connect to API server. Please ensure the Gradio server is running on localhost:7860');
+            } else if (error.message.includes('CORS')) {
+                throw new Error('CORS issue detected. Please ensure the Gradio server is running with CORS enabled');
+            }
+            
+            throw error;
+        }
+    }
+}
+
+// Initialize Application
+document.addEventListener('DOMContentLoaded', () => {
+    // Initialize app state and UI controller
+    const appState = new AppState();
+    const uiController = new UIController(appState);
+    
+    // Add some initial UI enhancements
+    setTimeout(() => {
+        // Add ripple effect to cards
+        document.querySelectorAll('.config-section').forEach(card => {
+            card.addEventListener('mouseenter', function() {
+                this.style.transform = 'translateY(-2px)';
+            });
+            
+            card.addEventListener('mouseleave', function() {
+                this.style.transform = 'translateY(0)';
+            });
+        });
+        
+        // Add keyboard shortcuts info
+        const shortcutInfo = document.createElement('div');
+        shortcutInfo.innerHTML = `
+            <div class="info-card" style="margin-top: 16px; font-size: 0.8rem;">
+                <span class="material-icons">keyboard</span>
+                <strong>Keyboard Shortcuts:</strong> Ctrl+Enter to generate report
+            </div>
+        `;
+        document.querySelector('.control-panel').appendChild(shortcutInfo);
+        
+    }, 1000);
+    
+    console.log('🎯 AI Lead Generation Agent - Professional Dashboard Initialized');
+});
+
+// Global error handling
+window.addEventListener('error', (event) => {
+    console.error('Application error:', event.error);
+});
+
+// Service worker registration for offline support (optional)
+if ('serviceWorker' in navigator) {
+    window.addEventListener('load', () => {
+        // Optional: Register service worker for offline support
+        // navigator.serviceWorker.register('/sw.js');
+    });
+}

ai-agent-ui/style.css

@@ -0,0 +1,561 @@
+/* Global Styles */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
+    min-height: 100vh;
+    color: #1e293b;
+    line-height: 1.6;
+}
+
+/* Header Styling */
+.professional-header {
+    background: linear-gradient(135deg, #1e293b 0%, #334155 50%, #475569 100%);
+    padding: 48px 32px;
+    text-align: center;
+    position: relative;
+    overflow: hidden;
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.professional-header::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: radial-gradient(circle at 30% 20%, rgba(59, 130, 246, 0.3) 0%, transparent 50%),
+                radial-gradient(circle at 70% 80%, rgba(139, 92, 246, 0.2) 0%, transparent 50%);
+    animation: pulse-gradient 6s ease-in-out infinite;
+}
+
+@keyframes pulse-gradient {
+    0%, 100% { opacity: 0.5; }
+    50% { opacity: 0.8; }
+}
+
+.header-content {
+    position: relative;
+    z-index: 2;
+}
+
+.professional-header h1 {
+    color: white;
+    font-size: 3rem;
+    font-weight: 700;
+    margin: 0 0 16px 0;
+    text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
+    letter-spacing: -0.025em;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 16px;
+}
+
+.professional-header h1 .material-icons {
+    font-size: 3rem;
+}
+
+.professional-header p {
+    color: rgba(255, 255, 255, 0.9);
+    font-size: 1.25rem;
+    margin: 0;
+    font-weight: 400;
+}
+
+/* Main Container */
+.main-container {
+    max-width: 1400px;
+    margin: 0 auto;
+    padding: 32px 20px;
+}
+
+.content-grid {
+    display: grid;
+    grid-template-columns: 2fr 1fr;
+    gap: 32px;
+    margin-bottom: 32px;
+}
+
+/* Configuration Sections */
+.config-section {
+    background: white;
+    border-radius: 12px;
+    padding: 24px;
+    margin-bottom: 24px;
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    border: 1px solid rgba(226, 232, 240, 0.8);
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    position: relative;
+    overflow: hidden;
+}
+
+.config-section::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 4px;
+    background: linear-gradient(90deg, #3b82f6, #8b5cf6);
+    border-radius: 12px 12px 0 0;
+}
+
+.config-section:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
+}
+
+.section-header {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    margin-bottom: 20px;
+    padding-bottom: 12px;
+    border-bottom: 2px solid #f1f5f9;
+}
+
+.section-header h3, .section-header h4 {
+    font-size: 1.25rem;
+    font-weight: 600;
+    color: #1e293b;
+    margin: 0;
+}
+
+.section-header h4 {
+    font-size: 1.1rem;
+}
+
+.section-header .material-icons {
+    font-size: 1.5rem;
+    color: #3b82f6;
+}
+
+/* Info Cards */
+.info-card {
+    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
+    border: 1px solid #e2e8f0;
+    border-left: 4px solid #3b82f6;
+    padding: 16px 20px;
+    margin: 16px 0;
+    border-radius: 8px;
+    font-size: 0.9rem;
+    line-height: 1.6;
+    color: #475569;
+    display: flex;
+    align-items: flex-start;
+    gap: 12px;
+}
+
+.info-card .material-icons {
+    color: #3b82f6;
+    font-size: 1.2rem;
+    margin-top: 2px;
+}
+
+/* Input Groups */
+.input-group {
+    margin: 20px 0;
+}
+
+.input-helper {
+    font-size: 0.875rem;
+    color: #6b7280;
+    margin-top: 8px;
+    padding-left: 4px;
+}
+
+/* Material Design Overrides */
+.mdl-textfield {
+    width: 100%;
+    margin: 8px 0;
+}
+
+.mdl-textfield__input {
+    border-radius: 8px !important;
+    font-family: 'Inter', sans-serif !important;
+    font-size: 0.9rem !important;
+}
+
+.mdl-textfield__label {
+    font-family: 'Inter', sans-serif !important;
+    font-weight: 500 !important;
+    color: #64748b !important;
+}
+
+.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
+.mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
+    color: #3b82f6 !important;
+}
+
+.mdl-textfield__input:focus {
+    border-color: #3b82f6 !important;
+}
+
+/* Control Panel */
+.control-panel {
+    background: white;
+    border-radius: 16px;
+    padding: 24px;
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    border: 1px solid rgba(226, 232, 240, 0.8);
+    position: sticky;
+    top: 20px;
+}
+
+/* Status Indicators */
+.status-indicator {
+    padding: 16px 20px;
+    border-radius: 12px;
+    margin: 16px 0;
+    font-weight: 500;
+    font-size: 0.9rem;
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    transition: all 0.3s ease;
+}
+
+.status-success {
+    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
+    color: white;
+    box-shadow: 0 4px 14px 0 rgba(16, 185, 129, 0.4);
+}
+
+.status-error {
+    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
+    color: white;
+    box-shadow: 0 4px 14px 0 rgba(239, 68, 68, 0.4);
+}
+
+.status-info {
+    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
+    color: white;
+    box-shadow: 0 4px 14px 0 rgba(59, 130, 246, 0.4);
+}
+
+/* Generate Button */
+.generate-btn {
+    width: 100% !important;
+    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%) !important;
+    color: white !important;
+    font-weight: 600 !important;
+    padding: 16px 24px !important;
+    border-radius: 12px !important;
+    border: none !important;
+    font-size: 1rem !important;
+    box-shadow: 0 4px 14px 0 rgba(59, 130, 246, 0.4) !important;
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
+    margin: 20px 0 !important;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    gap: 8px !important;
+    text-transform: none !important;
+    letter-spacing: 0.025em !important;
+}
+
+.generate-btn:hover {
+    background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%) !important;
+    transform: translateY(-2px) !important;
+    box-shadow: 0 8px 25px -5px rgba(59, 130, 246, 0.6) !important;
+}
+
+/* Progress Card */
+.progress-card {
+    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
+    border: 1px solid #e2e8f0;
+    border-left: 4px solid #3b82f6;
+    padding: 20px;
+    margin: 20px 0;
+    border-radius: 8px;
+    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
+}
+
+.progress-text {
+    font-size: 0.9rem;
+    color: #475569;
+    margin-bottom: 12px;
+}
+
+/* Capabilities Lists */
+.capabilities, .best-practices {
+    margin-top: 20px;
+}
+
+.capability-title {
+    text-align: center;
+    margin-bottom: 16px;
+    font-size: 1.1rem;
+    font-weight: 600;
+    color: #1e293b;
+}
+
+.capability-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.capability-list li {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    padding: 8px 0;
+    font-size: 0.875rem;
+    color: #475569;
+}
+
+.capability-list li .material-icons {
+    color: #10b981;
+    font-size: 1rem;
+}
+
+/* Results Section */
+.results-section {
+    background: white;
+    border-radius: 12px;
+    padding: 24px;
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    border: 1px solid rgba(226, 232, 240, 0.8);
+    position: relative;
+    overflow: hidden;
+}
+
+.results-section::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 4px;
+    background: linear-gradient(90deg, #3b82f6, #8b5cf6);
+    border-radius: 12px 12px 0 0;
+}
+
+/* Chat Container */
+.chat-container {
+    background: #f8fafc;
+    border-radius: 12px;
+    min-height: 450px;
+    padding: 24px;
+    border: 1px solid #e2e8f0;
+    margin-top: 16px;
+    position: relative;
+}
+
+.chat-placeholder {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    min-height: 400px;
+    color: #6b7280;
+    text-align: center;
+}
+
+.chat-placeholder .material-icons {
+    font-size: 4rem;
+    color: #d1d5db;
+    margin-bottom: 16px;
+}
+
+.chat-placeholder p {
+    font-size: 1.1rem;
+    margin: 0;
+}
+
+/* Chat Messages */
+.chat-message {
+    margin: 16px 0;
+    display: flex;
+    gap: 12px;
+    animation: slideInUp 0.3s ease-out;
+}
+
+@keyframes slideInUp {
+    from {
+        opacity: 0;
+        transform: translateY(20px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+.chat-message.user {
+    flex-direction: row-reverse;
+}
+
+.chat-avatar {
+    width: 40px;
+    height: 40px;
+    border-radius: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+}
+
+.chat-avatar.assistant {
+    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
+    color: white;
+}
+
+.chat-avatar.user {
+    background: linear-gradient(135deg, #10b981, #059669);
+    color: white;
+}
+
+.chat-content {
+    background: white;
+    padding: 16px 20px;
+    border-radius: 16px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    border: 1px solid #e2e8f0;
+    max-width: 80%;
+    line-height: 1.6;
+}
+
+.chat-message.user .chat-content {
+    background: linear-gradient(135deg, #3b82f6, #2563eb);
+    color: white;
+}
+
+/* Loading Overlay */
+.loading-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.5);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 1000;
+    backdrop-filter: blur(4px);
+}
+
+.loading-content {
+    background: white;
+    padding: 40px;
+    border-radius: 16px;
+    text-align: center;
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
+    max-width: 400px;
+    width: 90%;
+}
+
+.loading-content p {
+    margin-top: 20px;
+    font-size: 1.1rem;
+    color: #475569;
+}
+
+/* Responsive Design */
+@media (max-width: 1024px) {
+    .content-grid {
+        grid-template-columns: 1fr;
+        gap: 24px;
+    }
+    
+    .control-panel {
+        position: static;
+    }
+}
+
+@media (max-width: 768px) {
+    .main-container {
+        padding: 20px 16px;
+    }
+    
+    .professional-header {
+        padding: 32px 20px;
+    }
+    
+    .professional-header h1 {
+        font-size: 2.25rem;
+        flex-direction: column;
+        gap: 8px;
+    }
+    
+    .config-section,
+    .control-panel,
+    .results-section {
+        padding: 20px;
+    }
+    
+    .chat-content {
+        max-width: 90%;
+    }
+}
+
+@media (max-width: 480px) {
+    .professional-header h1 {
+        font-size: 1.875rem;
+    }
+    
+    .professional-header p {
+        font-size: 1rem;
+    }
+    
+    .section-header h3 {
+        font-size: 1.1rem;
+    }
+    
+    .config-section,
+    .control-panel,
+    .results-section {
+        padding: 16px;
+    }
+}
+
+/* Custom Scrollbar */
+::-webkit-scrollbar {
+    width: 8px;
+}
+
+::-webkit-scrollbar-track {
+    background: #f1f5f9;
+    border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb {
+    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
+    border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: linear-gradient(135deg, #2563eb, #7c3aed);
+}
+
+/* Material Design Lite Overrides */
+.mdl-button--raised {
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
+}
+
+.mdl-button--raised:hover {
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
+}
+
+/* Snackbar Styling */
+.mdl-snackbar {
+    background: #1e293b !important;
+    color: white !important;
+    border-radius: 8px !important;
+    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
+}
+
+.mdl-snackbar__text {
+    font-family: 'Inter', sans-serif !important;
+    font-weight: 500 !important;
+}

app.py

@@ -1,64 +1,311 @@
 import gradio as gr
-from huggingface_hub import InferenceClient
+from fastapi import FastAPI
+from fastapi.middleware.cors import CORSMiddleware
+from fastapi.staticfiles import StaticFiles
+from fastapi.responses import FileResponse
+from get_tools_working import get_leadgen_agent_and_prompt
+import re
+import json
+import os
 
-"""
-For more information on `huggingface_hub` Inference API support, please check the docs: https://huggingface.co/docs/huggingface_hub/v0.22.2/en/guides/inference
-"""
-client = InferenceClient("HuggingFaceH4/zephyr-7b-beta")
+# Server is generic - no defaults defined here
+# All defaults are handled by the UI layer for better separation of concerns
 
+def validate_email(email):
+    """Validate email format"""
+    pattern = r'^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$'
+    return re.match(pattern, email) is not None
 
-def respond(
-    message,
-    history: list[tuple[str, str]],
-    system_message,
-    max_tokens,
-    temperature,
-    top_p,
-):
-    messages = [{"role": "system", "content": system_message}]
+def parse_rss_urls(rss_text):
+    """Parse RSS URLs from text input"""
+    urls = []
+    for line in rss_text.strip().split('\n'):
+        line = line.strip()
+        if line and (line.startswith('http://') or line.startswith('https://')):
+            urls.append(line)
+    return urls
 
-    for val in history:
-        if val[0]:
-            messages.append({"role": "user", "content": val[0]})
-        if val[1]:
-            messages.append({"role": "assistant", "content": val[1]})
+def create_enhanced_prompt(system_prompt, rss_urls, preferences, email):
+    """Create enhanced prompt with all user inputs"""
+    rss_url_list = parse_rss_urls(rss_urls)
+    rss_urls_str = ' '.join(rss_url_list)
+    
+    enhanced_prompt = f"""RSS Feed URLs: {rss_urls_str}
 
-    messages.append({"role": "user", "content": message})
+{system_prompt}
 
-    response = ""
+User Preferences:
+{preferences}
 
-    for message in client.chat_completion(
-        messages,
-        max_tokens=max_tokens,
-        stream=True,
-        temperature=temperature,
-        top_p=top_p,
-    ):
-        token = message.choices[0].delta.content
+Send the report to: {email}"""
+    
+    return enhanced_prompt
 
-        response += token
-        yield response
+def generate_lead_report(email, rss_feeds, system_prompt, preferences):
+    """Main API function to generate lead report"""
+    try:
+        # Enhanced validation with better feedback
+        if not email or not validate_email(email):
+            return {
+                "success": False,
+                "error": "Invalid email address",
+                "message": "Please provide a valid email address to receive your lead intelligence report."
+            }
+        
+        rss_urls = parse_rss_urls(rss_feeds)
+        if not rss_urls:
+            return {
+                "success": False,
+                "error": "No RSS sources",
+                "message": "At least one valid RSS feed URL is required for lead generation."
+            }
+        
+        if not system_prompt.strip():
+            return {
+                "success": False,
+                "error": "Missing AI prompt",
+                "message": "AI system prompt is required for intelligent lead analysis."
+            }
+        
+        # Create agent with user's email for this request
+        agent, prompt_template = get_leadgen_agent_and_prompt(user_email=email)
+        
+        # Create enhanced prompt
+        enhanced_prompt = create_enhanced_prompt(system_prompt, rss_feeds, preferences, email)
+        
+        # Run the agent
+        result = agent(enhanced_prompt)
+        response = str(result)
+        
+        return {
+            "success": True,
+            "result": response,
+            "message": f"Lead intelligence report has been generated and sent to {email}",
+            "email": email,
+            "sources_count": len(rss_urls)
+        }
+        
+    except Exception as e:
+        return {
+            "success": False,
+            "error": str(e),
+            "message": "An error occurred during lead generation. Please check your configuration and try again."
+        }
 
+def get_server_info():
+    """API function to get server information"""
+    return {
+        "success": True,
+        "server_info": {
+            "name": "AI Lead Generation API",
+            "version": "1.0.0",
+            "description": "Generic API server for lead generation - configuration handled by UI layer",
+            "endpoints": [
+                "/generate_lead_report",
+                "/validate_configuration"
+            ]
+        }
+    }
 
-"""
-For information on how to customize the ChatInterface, peruse the gradio docs: https://www.gradio.app/docs/chatinterface
-"""
-demo = gr.ChatInterface(
-    respond,
-    additional_inputs=[
-        gr.Textbox(value="You are a friendly Chatbot.", label="System message"),
-        gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens"),
-        gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature"),
-        gr.Slider(
-            minimum=0.1,
-            maximum=1.0,
-            value=0.95,
-            step=0.05,
-            label="Top-p (nucleus sampling)",
-        ),
-    ],
-)
+def validate_configuration(email, rss_feeds, system_prompt, preferences):
+    """API function to validate configuration without running the agent"""
+    validation_results = {
+        "email_valid": validate_email(email) if email else False,
+        "rss_valid": len(parse_rss_urls(rss_feeds)) > 0,
+        "prompt_valid": bool(system_prompt.strip()),
+        "preferences_valid": bool(preferences.strip())
+    }
+    
+    validation_results["all_valid"] = all(validation_results.values())
+    
+    return {
+        "success": True,
+        "validation": validation_results,
+        "rss_count": len(parse_rss_urls(rss_feeds))
+    }
 
+# Create API-only Gradio interface
+def create_api_interface():
+    """Create Gradio interface for API endpoints only"""
+    
+    with gr.Blocks(title="AI Lead Generation API") as api_demo:
+        gr.Markdown("# AI Lead Generation API Server")
+        gr.Markdown("This server provides generic API endpoints for lead generation. All configuration is handled by the UI layer.")
+        
+        with gr.Tab("Generate Report"):
+            gr.Markdown("### Generate Lead Report API")
+            
+            with gr.Row():
+                with gr.Column():
+                    api_email = gr.Textbox(
+                        label="Email Address",
+                        placeholder="your.email@company.com"
+                    )
+                    api_rss_feeds = gr.Textbox(
+                        label="RSS Feed URLs",
+                        lines=6,
+                        placeholder="One URL per line"
+                    )
+                    api_system_prompt = gr.Textbox(
+                        label="AI System Prompt",
+                        lines=10,
+                        placeholder="Enter your AI system prompt"
+                    )
+                    api_preferences = gr.Textbox(
+                        label="Targeting Preferences",
+                        lines=6,
+                        placeholder="Enter your targeting preferences"
+                    )
+                
+                with gr.Column():
+                    api_generate_btn = gr.Button("Generate Report", variant="primary")
+                    api_result = gr.JSON(label="API Response")
+            
+            api_generate_btn.click(
+                generate_lead_report,
+                inputs=[api_email, api_rss_feeds, api_system_prompt, api_preferences],
+                outputs=[api_result]
+            )
+        
+        with gr.Tab("Server Info"):
+            gr.Markdown("### Server Information")
+            
+            with gr.Row():
+                with gr.Column():
+                    info_btn = gr.Button("Get Server Info", variant="secondary")
+                    info_result = gr.JSON(label="Server Information")
+                
+                with gr.Column():
+                    val_email = gr.Textbox(label="Email", placeholder="test@example.com")
+                    val_rss = gr.Textbox(label="RSS Feeds", lines=3, placeholder="Enter RSS URLs")
+                    val_prompt = gr.Textbox(label="System Prompt", lines=5, placeholder="Enter system prompt")
+                    val_pref = gr.Textbox(label="Preferences", lines=3, placeholder="Enter preferences")
+                    validate_btn = gr.Button("Validate Configuration", variant="secondary")
+                    validation_result = gr.JSON(label="Validation Result")
+            
+            info_btn.click(
+                get_server_info,
+                outputs=[info_result]
+            )
+            
+            validate_btn.click(
+                validate_configuration,
+                inputs=[val_email, val_rss, val_prompt, val_pref],
+                outputs=[validation_result]
+            )
+        
+        with gr.Tab("API Documentation"):
+            gr.Markdown("""
+            ## API Endpoints
+            
+            ### 1. Generate Lead Report
+            **Endpoint:** `/api/v1/generate`
+            **Method:** POST
+            **Parameters:**
+            - `email`: Valid email address for report delivery
+            - `rss_feeds`: RSS feed URLs (one per line)
+            - `system_prompt`: AI system prompt for lead analysis
+            - `preferences`: User targeting preferences
+            
+            **Response:**
+            ```json
+            {
+                "success": true/false,
+                "result": "Generated report text",
+                "message": "Status message",
+                "email": "recipient@email.com",
+                "sources_count": 3,
+                "error": "Error message if failed"
+            }
+            ```
+            
+            ### 2. Get Default Configuration
+            **Endpoint:** `/api/v1/config`
+            **Method:** GET
+            
+            **Response:**
+            ```json
+            {
+                "success": true,
+                "config": {
+                    "default_rss_feeds": "RSS feeds string",
+                    "default_preferences": "Preferences string", 
+                    "default_prompt": "System prompt"
+                }
+            }
+            ```
+            
+            ### 3. Validate Configuration
+            **Endpoint:** `/api/v1/validate`
+            **Method:** POST
+            **Parameters:** Same as generate endpoint
+            
+            **Response:**
+            ```json
+            {
+                "success": true,
+                "validation": {
+                    "email_valid": true/false,
+                    "rss_valid": true/false,
+                    "prompt_valid": true/false,
+                    "preferences_valid": true/false,
+                    "all_valid": true/false
+                },
+                "rss_count": 3
+            }
+            ```
+            
+            ## Usage with Material UI Frontend
+            
+            The Material UI frontend at `/ai-agent-ui/` will make requests to these endpoints:
+            
+            1. **Load Configuration:** GET `/api/v1/config`
+            2. **Validate Form:** POST `/api/v1/validate` 
+            3. **Generate Report:** POST `/api/v1/generate`
+            
+            ## CORS Headers
+            
+            The API server includes CORS headers to allow requests from the Material UI frontend.
+            
+            ## Error Handling
+            
+            All endpoints return consistent JSON responses with `success` boolean and appropriate error messages.
+            """)
+    
+    return api_demo
 
 if __name__ == "__main__":
-    demo.launch()
+    import uvicorn
+    
+    print("🚀 Launching AI Lead Generation API Server...")
+    
+    # Create Gradio interface
+    demo = create_api_interface()
+    
+    # Create FastAPI app
+    app = FastAPI(title="AI Lead Generation API", version="1.0.0")
+    
+    # Add CORS middleware
+    print("📡 Configuring server with CORS support...")
+    app.add_middleware(
+        CORSMiddleware,
+        allow_origins=["*"],
+        allow_credentials=True,          # Enable credentials for Gradio client
+        allow_methods=["*"],
+        allow_headers=["*"],
+    )
+    
+    # Mount the frontend directory
+    app.mount("/ai-agent-ui", StaticFiles(directory="ai-agent-ui", html=True), name="frontend")
+    
+    # Mount Gradio app to FastAPI
+    app = gr.mount_gradio_app(app, demo, path="/")
+    
+    print("✅ CORS configured successfully")
+    print("🌐 Server will be available at: http://localhost:7860")
+    print("🎨 Frontend available at: http://localhost:7860/ai-agent-ui/index.html")
+    print("📋 API documentation at: http://localhost:7860/docs")
+    print("🎯 Starting server with: python app_api.py")
+    
+    # Launch server directly from app_api.py
+    uvicorn.run(app, host="0.0.0.0", port=7860)

get_tools_working.py

@@ -0,0 +1,303 @@
+#!/usr/bin/env python3
+"""
+Recruitment Lead Generation Agent
+
+An AI-powered agent that generates high-quality leads for recruitment agencies by monitoring
+funding announcements and other hiring signals using the strands framework.
+
+This agent implements an ETL (Extract, Transform, Load) pipeline as a workflow:
+1. Extract: Fetch RSS feeds from multiple sources
+2. Transform: Use LLM to analyze articles and score leads
+3. Load: Generate CSV report and log summary information
+"""
+
+import os
+import json
+import pandas as pd
+from datetime import datetime
+import requests
+import sys
+import xml.etree.ElementTree as ET
+from botocore.config import Config as BotocoreConfig
+
+from strands import Agent, tool
+from strands.models import BedrockModel
+from strands_tools import workflow
+
+from sendgrid import SendGridAPIClient
+from sendgrid.helpers.mail import Mail
+
+# Allow full tool use without prompting
+os.environ.setdefault("BYPASS_TOOL_CONSENT", "true")
+
+# Define tool functions first
+
+def fetch_rss(url: str = "https://techfundingnews.com/feed") -> str:
+    """
+    Extract: Load RSS feed as raw XML from the specified URL.
+    
+    Args:
+        url: The URL of the RSS feed to fetch (default: techfundingnews.com/feed)
+        
+    Returns:
+        The raw XML content of the RSS feed
+    """
+    try:
+        print(f"Fetching RSS feed from {url}")
+        # Add headers to mimic a browser request
+        headers = {
+            'User-Agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36',
+            'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8',
+            'Accept-Language': 'en-US,en;q=0.9',
+            'Referer': 'https://techfundingnews.com/'
+        }
+        response = requests.get(url, headers=headers)
+        print(f"Response status code: {response.status_code}")
+        
+        if response.status_code != 200:
+            print(f"Error fetching RSS feed: {response.status_code}")
+            print(f"Response content: {response.text[:500]}...")  # Print first 500 chars of response
+            return ""
+            
+        print(f"Successfully fetched RSS feed, content length: {len(response.text)} characters")
+        
+        # Count the number of <item> tags to see how many entries are in the feed
+        item_count = response.text.count("<item>")
+        print(f"Number of <item> tags found in RSS feed: {item_count}")
+        
+        return response.text
+    except Exception as e:
+        print(f"Exception fetching RSS feed: {str(e)}")
+        return ""
+
+
+def parse_rss(xml: str):
+    """
+    Parse RSS feed XML using Python's built-in XML parser.
+    
+    Args:
+        xml: The raw XML content of the RSS feed
+        
+    Returns:
+        A list of dictionaries with title, link, pubDate, summary
+    """
+    import re  # Import re module here
+    
+    if not xml:
+        print("No XML content to parse")
+        return []
+    
+    print("Parsing RSS feed with Python XML parser")
+    try:
+        # Parse the XML
+        root = ET.fromstring(xml)
+        
+        # Find all item elements
+        items = root.findall(".//item")
+        print(f"Found {len(items)} items in RSS feed")
+        
+        entries = []
+        for item in items:
+            # Extract the title, link, pubDate, and description
+            title = item.find("title").text if item.find("title") is not None else ""
+            link = item.find("link").text if item.find("link") is not None else ""
+            pub_date = item.find("pubDate").text if item.find("pubDate") is not None else ""
+            
+            # For the summary, try description first, then content:encoded
+            summary = ""
+            if item.find("description") is not None:
+                summary = item.find("description").text
+            elif item.find("{http://purl.org/rss/1.0/modules/content/}encoded") is not None:
+                summary = item.find("{http://purl.org/rss/1.0/modules/content/}encoded").text
+                
+            # Clean up the summary (remove HTML tags)
+            summary = re.sub(r'<[^>]+>', '', summary) if summary else ""
+            summary = summary.strip()
+            
+            # Create the entry
+            entry = {
+                "title": title,
+                "link": link,
+                "pubDate": pub_date,
+                "summary": summary[:500]  # Limit summary length
+            }
+            
+            entries.append(entry)
+            
+        print(f"Successfully parsed {len(entries)} entries from RSS feed")
+        return entries
+    except Exception as e:
+        print(f"Error parsing RSS feed: {str(e)}")
+        print(f"Exception type: {type(e).__name__}")
+        print(f"Traceback: {sys.exc_info()}")
+        return []
+
+
+@tool
+def fetch_and_parse_feeds(feed_urls: list, max_entries_per_feed: int = 4):
+    """Tool function to fetch and parse multiple RSS feeds. Use this tool to fetch RSS content for given list of feed urls. 
+    
+    Args:
+        feed_urls: List of RSS feed URLs to fetch and parse (required)
+        max_entries_per_feed: Maximum number of entries to return per feed (default: 4)
+        
+    Returns:
+        A list of entries from all feeds
+    """
+    # Ensure feed_urls is provided and is a list
+    if not feed_urls or not isinstance(feed_urls, list):
+        print("Error: feed_urls parameter is required and must be a list")
+        return []
+    
+    # Process all feeds and collect entries
+    all_entries = []
+    for url in feed_urls:
+        # Extract domain name for logging
+        domain = url.split("//")[-1].split("/")[0]
+        print(f"\n--- Processing {domain} feed ---")
+        
+        xml = fetch_rss(url)
+        if not xml:
+            print(f"Failed to fetch {domain} feed.")
+            continue
+            
+        entries = parse_rss(xml)
+        if entries:
+            # Convert pubDate strings to datetime objects for sorting
+            from datetime import datetime
+            import email.utils
+            
+            for entry in entries:
+                if 'pubDate' in entry and entry['pubDate']:
+                    try:
+                        # Parse the RFC 822 date format
+                        time_tuple = email.utils.parsedate_tz(entry['pubDate'])
+                        if time_tuple:
+                            dt = datetime(*time_tuple[:6])
+                            entry['_datetime'] = dt  # Add datetime object for sorting
+                    except Exception as e:
+                        print(f"Error parsing date: {e}")
+                        entry['_datetime'] = datetime(1970, 1, 1)  # Default to epoch if parsing fails
+                else:
+                    entry['_datetime'] = datetime(1970, 1, 1)  # Default to epoch if no date
+            
+            # Sort entries by date (newest first)
+            sorted_entries = sorted(entries, key=lambda x: x.get('_datetime', datetime(1970, 1, 1)), reverse=True)
+            
+            # Remove the temporary _datetime field
+            for entry in sorted_entries:
+                if '_datetime' in entry:
+                    del entry['_datetime']
+            
+            # Limit the number of entries per feed
+            limited_entries = sorted_entries[:max_entries_per_feed]
+            
+            # Add source information to each entry
+            for entry in limited_entries:
+                entry["source"] = url
+                entry["feed"] = domain
+            
+            print(f"Found {len(entries)} entries from {domain}, using {len(limited_entries)} most recent")
+            all_entries.extend(limited_entries)
+        else:
+            print(f"No entries found in {domain} feed.")
+    
+    print(f"\nTotal entries collected from all sources: {len(all_entries)}")
+    return all_entries
+
+
+@tool
+def send_email(to: str, html_content: str, subject: str) -> str:
+    """Send an email to given address"""
+
+    print(f"Sending to {to} content {html_content} and subject {subject}.")
+    
+    # Get SendGrid API key from environment variable
+    sendgrid_api_key = os.getenv("SENDGRID_API_KEY")
+    if not sendgrid_api_key:
+        raise ValueError("SENDGRID_API_KEY environment variable is not set")
+    
+    message = Mail(
+        from_email='kavukcu.tolga@gmail.com',
+        to_emails=to,
+        subject=subject,
+        html_content=html_content
+    )
+    
+    try:
+        sg = SendGridAPIClient(sendgrid_api_key)
+        # sg.set_sendgrid_data_residency("eu")
+        # uncomment the above line if you are sending mail using a regional EU subuser
+        response = sg.send(message)
+        print(response.status_code)
+        print(response.body)
+        print(response.headers)
+        return f"Mail is sent to {to}"
+    except Exception as e:
+        print(f"Error sending email: {str(e)}")
+        return f"Failed to send email to {to}: {str(e)}"
+
+
+def get_leadgen_agent_and_prompt(user_email: str):
+    """
+    Returns a tuple of (agent, default_prompt) for use in Gradio or other interfaces.
+    
+    Args:
+        user_email: The email address to send the report to (required - no default)
+    """
+    if not user_email:
+        raise ValueError("user_email is required and cannot be empty")
+    
+    custom_config = BotocoreConfig(read_timeout=3600)
+    bedrock_model = BedrockModel(
+        model_id="us.amazon.nova-pro-v1:0",
+        temperature=0.2,
+        region_name="us-west-2",
+        boto_client_config=custom_config,
+        streaming=False,
+    )
+    agent = Agent(tools=[fetch_and_parse_feeds, send_email], model=bedrock_model)
+    
+    default_prompt = (
+        "Analyze articles and score leads based on funding and hiring signals from feeds. "
+        "https://techfundingnews.com/feed https://feeds.feedburner.com/vcnewsdaily https://news.crunchbase.com/feed/\n"
+        "You are a lead scoring AI for a recruitment agency. Your task is to analyze funding news articles and score them based on their potential as recruitment leads.\n"
+        "\nFor each article, extract and return the following information:\n"
+        "- companyName: The name of the company that received funding\n"
+        "- fundingStage: The funding stage (e.g., Seed, Series A, Series B, etc.)\n"
+        "- fundingAmount: The funding amount as a number (in millions)\n"
+        "- hiringSignal: Boolean (true/false) indicating if there are signals the company is hiring\n"
+        "- News source, with link.\n"
+        "- score: A score from 0-100 based on the following criteria:\n"
+        "  * Series A and B rounds score higher (70-90) than Seed rounds (40-60)\n"
+        "  * Higher funding amounts increase the score\n"
+        "  * Explicit mentions of hiring or team expansion increase the score\n"
+        "  * Tech companies and startups score higher than other industries\n"
+        "- reasoning: A brief explanation of the score (1-2 sentences)\n"
+        "- status: 'Active Hiring' if hiringSignal is true, otherwise 'Pre-emptive Opportunity'\n\n"
+        f"When you have the data, send an email to {user_email}. Ensure the email is professionally formatted and presents a professional analysis. So apply styling and formatting to html email."
+    )
+    return agent, default_prompt
+
+
+if __name__ == "__main__":
+    print("Initializing recruitment lead generation agent...")
+    
+    # Print Python version
+    print(f"Python version: {sys.version}")
+    
+    # Create the Bedrock model with Claude 4 Sonnet
+    print("Creating Bedrock model...")
+    # The model and prompt are now handled by get_leadgen_agent_and_prompt()
+    # custom_config = BotocoreConfig(read_timeout=3600)
+    # bedrock_model = BedrockModel(
+    #     model_id="us.amazon.nova-pro-v1:0",
+    #     temperature=0.2,
+    #     region_name="us-west-2", # Explicitly set the region to us-west-2
+    #     boto_client_config=custom_config,
+    #     streaming=False,  
+    # )
+    # print(f"Bedrock model type: {type(bedrock_model)}")
+
+    # Create the main agent
+    print("Creating agent...")

requirements.txt

@@ -1 +1,10 @@
-huggingface_hub==0.25.2
+huggingface_hub==0.25.2
+gradio
+strands-agents
+strands-agents-tools
+botocore
+pandas
+requests
+sendgrid
+uvicorn
+fastapi