Wallet Clusters

Total Clusters

High Risk Clusters

Avg Cluster Size

Total Wallets

Wallet Clusters

Cluster ID	Size	Risk Score	Risk Level	SCAM Rate	Density	Actions
Loading clusters...

// Helper function for API requests with JWT token from localStorage async function authFetch(url, options = {}) { const token = localStorage.getItem('access_token'); if (!token) { console.log('❌ No access token found, redirecting to login...'); window.location.href = '/login'; throw new Error('No access token'); } const response = await fetch(url, { ...options, headers: { ...options.headers, 'Authorization': `Bearer ${token}` } }); if (response.status === 401) { // Token expired or invalid, redirect to login console.log('❌ Token expired, redirecting to login...'); localStorage.removeItem('access_token'); window.location.href = '/login'; throw new Error('Unauthorized'); } return response; } let currentClusterId = null; // Load stats async function loadStats() { try { const response = await fetch('/api/clusters/stats'); const data = await response.json(); if (data.success) { const stats = data.stats; document.getElementById('total-clusters').textContent = stats.total_clusters; document.getElementById('high-risk-clusters').textContent = stats.high_risk_clusters; document.getElementById('avg-cluster-size').textContent = stats.avg_cluster_size.toFixed(1); document.getElementById('total-wallets').textContent = stats.total_wallets; } } catch (error) { console.error('Error loading stats:', error); } } // Load clusters async function loadClusters() { const riskLevel = document.getElementById('risk-filter').value; const minSize = document.getElementById('size-filter').value; const sortBy = document.getElementById('sort-filter').value; const params = new URLSearchParams({ min_size: minSize, sort_by: sortBy, limit: 100 }); if (riskLevel) { params.append('risk_level', riskLevel); } try { const response = await authFetch(`/api/clusters?${params}`); const data = await response.json(); const tbody = document.getElementById('clusters-tbody'); if (!data.success || data.clusters.length === 0) { tbody.innerHTML = ` No clusters found. Click "Run Detection" to analyze wallet networks. `; return; } tbody.innerHTML = data.clusters.map(cluster => { const riskColor = getRiskColor(cluster.risk_level); const riskBadge = getRiskBadge(cluster.risk_level); return ` ${cluster.cluster_id} ${cluster.size} wallets

${cluster.risk_score.toFixed(1)}

${riskBadge} ${(cluster.scam_rate * 100).toFixed(1)}% (${cluster.scam_tokens}/${cluster.total_tokens}) ${(cluster.density * 100).toFixed(1)}% `; }).join(''); } catch (error) { console.error('Error loading clusters:', error); document.getElementById('clusters-tbody').innerHTML = ` Error loading clusters: ${error.message} `; } } // View cluster details async function viewCluster(clusterId) { currentClusterId = clusterId; try { const response = await authFetch(`/api/clusters/${clusterId}`); const data = await response.json(); if (!data.success) { alert('Error loading cluster details'); return; } const cluster = data.cluster; const riskBadge = getRiskBadge(cluster.risk_level); document.getElementById('modal-title').textContent = `Cluster ${cluster.cluster_id}`; document.getElementById('modal-content').innerHTML = `

Size

${cluster.size}

Risk Score

${cluster.risk_score.toFixed(1)}

SCAM Rate

${(cluster.scam_rate * 100).toFixed(1)}%

Density

${(cluster.density * 100).toFixed(1)}%

Risk Level

${riskBadge}

Cluster Members (${cluster.wallets.length} wallets)

${cluster.wallets.map(wallet => ` `).join('')}

Address	SCAM Score	Tokens	Status	Actions
${wallet.address.substring(0, 8)}...${wallet.address.substring(wallet.address.length - 6)}	${(wallet.scam_score * 100).toFixed(1)}%	${wallet.total_tokens} (${wallet.scam_tokens} SCAM)	${wallet.is_known_scammer ? 'Known Scammer' : '-'}	View →

`; document.getElementById('cluster-modal').classList.add('active'); } catch (error) { console.error('Error loading cluster details:', error); alert('Error loading cluster details'); } } // Close modal function closeModal() { document.getElementById('cluster-modal').classList.remove('active'); currentClusterId = null; } // Confirmation modal let confirmResolve = null; function showConfirmModal(title, message) { return new Promise((resolve) => { confirmResolve = resolve; document.getElementById('confirm-title').textContent = title; document.getElementById('confirm-message').textContent = message; document.getElementById('confirm-modal').classList.add('active'); }); } function closeConfirmModal(result) { document.getElementById('confirm-modal').classList.remove('active'); if (confirmResolve) { confirmResolve(result); confirmResolve = null; } } // Message modal function showMessageModal(title, message) { document.getElementById('message-title').textContent = title; document.getElementById('message-content').textContent = message; document.getElementById('message-modal').classList.add('active'); } function closeMessageModal() { document.getElementById('message-modal').classList.remove('active'); } // Run detection async function runDetection() { const confirmed = await showConfirmModal( '🔍 Run Cluster Detection', 'Run cluster detection? This may take a few seconds.' ); if (!confirmed) { return; } const button = event.target; button.disabled = true; button.textContent = '⏳ Detecting...'; try { const response = await authFetch('/api/clusters/detect', { method: 'POST' }); const data = await response.json(); if (data.success) { showMessageModal( '✅ Detection Complete', `Clusters detected: ${data.clusters_count}\nWallets analyzed: ${data.total_wallets}` ); await loadStats(); await loadClusters(); } else { showMessageModal('❌ Detection Failed', data.message || 'Unknown error'); } } catch (error) { console.error('Error running detection:', error); showMessageModal('❌ Error', 'Error running detection: ' + error.message); } finally { button.disabled = false; button.textContent = '🔍 Run Detection'; } } // Helper functions function getRiskColor(level) { switch(level) { case 'CRITICAL': return 'bg-red-500'; case 'HIGH': return 'bg-orange-500'; case 'MEDIUM': return 'bg-yellow-500'; case 'LOW': return 'bg-green-500'; default: return 'bg-gray-500'; } } function getRiskBadge(level) { const colors = { 'CRITICAL': 'bg-red-500', 'HIGH': 'bg-orange-500', 'MEDIUM': 'bg-yellow-500', 'LOW': 'bg-green-500' }; const icons = { 'CRITICAL': '🔴', 'HIGH': '🟠', 'MEDIUM': '🟡', 'LOW': '🟢' }; return `${icons[level]} ${level}`; } // Close modal on Escape document.addEventListener('keydown', (e) => { if (e.key === 'Escape') { closeModal(); } }); // Initial load loadStats(); loadClusters(); // Auto-refresh every 60 seconds setInterval(() => { loadStats(); loadClusters(); }, 60000);

Cluster Details

Confirm Action

Message

Cluster Members (${cluster.wallets.length} wallets)