`; // Copy to clipboard navigator.clipboard.writeText(embedCode).then(() => { showToast('📋 Widget code copied to clipboard! Paste it in your website HTML.', 'success'); }).catch(() => { // Fallback - show modal with code alert('Copy this code to your website:\\n\\n' + embedCode); }); }; const editAgent = (agentId) => { showToast('✏️ Agent editing coming soon!', 'info'); }; const viewAnalytics = (agentId) => { window.open(`https://snapitanalytics.com/?agent=${agentId}`, '_blank'); }; // Navigation const navigateToAgents = () => { setActiveSection('agents'); setShowCreateModal(true); }; // Login Screen if (!user) { return (
smart_toy

Welcome to SnapIT Agent

Sign in to create and manage your AI agents

{toast && ( setToast(null)} /> )}
); } // Main Dashboard return (
{showQuickStart && ( setShowQuickStart(false)} onCreateAgent={navigateToAgents} /> )} {/* Overview Section */} {activeSection === 'overview' && (
a.status === 'active').length} icon="smart_toy" trend="+12% from last month" color="primary" /> sum + (a.conversations || 0), 0).toLocaleString()} icon="chat" trend="+8% from last week" color="secondary" /> sum + (a.conversations || 0), 0) * 0.3) || 0} icon="calendar_today" trend="+23% growth" color="success" />

timeline Recent Activity

inbox

Recent conversations and agent activity will appear here.

)} {/* Agents Section */} {activeSection === 'agents' && (

smart_toy Your AI Agents

{isLoading ? ( ) : agents.length === 0 ? (
smart_toy

No AI Agents Yet

Create your first AI agent to start engaging with customers automatically.

) : (
{agents.map((agent) => ( ))}
)}
)} {/* Pricing Section */} {activeSection === 'pricing' && (

Choose Your AI Agent Plan

Start with our free trial, then scale as you grow. No hidden fees, cancel anytime.

{/* Starter Plan */}

Starter

$15/month

Perfect for small businesses

check 1 AI Agent
check 1,000 conversations/month
check Email support
check Basic analytics
check Website widget
{/* Professional Plan */}
Most Popular

Professional

$49/month

For growing businesses

check 5 AI Agents
check 10,000 conversations/month
check Priority support
check Advanced analytics
check Custom branding
check API access
{/* Enterprise Plan */}

Enterprise

$199/month

For large organizations

check Unlimited AI Agents
check Unlimited conversations
check 24/7 phone support
check Enterprise analytics
check White-label solution
check Custom integrations

All Plans Include:

security
Enterprise Security
speed
Lightning Fast
language
Multi-Language
update
Regular Updates
)} {/* Other sections placeholder */} {['conversations', 'analytics', 'settings'].includes(activeSection) && (
{activeSection === 'conversations' ? 'chat' : activeSection === 'analytics' ? 'analytics' : 'settings'}

{activeSection.charAt(0).toUpperCase() + activeSection.slice(1)} Coming Soon

This section is under development and will be available soon!

)}
{/* Create Agent Modal */} setShowCreateModal(false)} onSubmit={createAgent} /> {/* Toast Notifications */} {toast && ( setToast(null)} /> )}
); }; // Render the app ReactDOM.render(, document.getElementById('root'));