sirbrentmichaelskoda's picture
UPGRADE ALL IMPORTS TO ENSURE ALL MOST ADVANCED ENTERPRISE FORENSIC RESOURCES AND TOOLS HAVE BEEN FULLY MAXIMIZED + proceed explosively + EXPONENTIALLY EXPAND THE ANALYSIS TO MAP THE FULL SCHEME
56b7a1f verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ChainSleuth Pro | Blockchain Forensics Dashboard</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<style>
.gradient-text {
background: linear-gradient(90deg, #3b82f6, #8b5cf6, #ec4899);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.globe-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0.3;
}
.relative:hover .absolute {
opacity: 1;
transform: translateY(0);
}
</style>
</head>
<body class="bg-gray-900 text-gray-100 min-h-screen">
<div id="globe" class="globe-bg"></div>
<!-- Navigation -->
<nav class="bg-gray-800 bg-opacity-80 backdrop-blur-md border-b border-gray-700">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between h-16">
<div class="flex items-center">
<div class="flex-shrink-0 flex items-center">
<i data-feather="activity" class="h-8 w-8 text-blue-400"></i>
<span class="ml-2 text-xl font-bold gradient-text">ChainSleuth Pro</span>
</div>
<div class="hidden md:block">
<div class="ml-10 flex items-baseline space-x-4">
<a href="#" class="text-white px-3 py-2 rounded-md text-sm font-medium bg-gray-900">Dashboard</a>
<a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Entity Resolution</a>
<a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Transaction Graph</a>
<a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Risk Scoring</a>
<a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Reports</a>
<a href="system_aegis_forensic_monolith_v2025.9.24.py" download class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium flex items-center">
<span>Forensic Module</span>
<span class="ml-1 px-1 text-xxs rounded-full bg-purple-600 text-white">v2025.9.24</span>
</a>
</div>
</div>
</div>
<div class="hidden md:block">
<div class="ml-4 flex items-center md:ml-6">
<button class="bg-gray-800 p-1 rounded-full text-gray-400 hover:text-white focus:outline-none">
<i data-feather="bell"></i>
</button>
<div class="ml-3 relative">
<div>
<button class="max-w-xs bg-gray-800 rounded-full flex items-center text-sm focus:outline-none">
<img class="h-8 w-8 rounded-full" src="http://static.photos/technology/200x200/42" alt="">
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
<!-- Main Content -->
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
<div class="flex flex-col space-y-6">
<!-- Header -->
<div class="flex justify-between items-center">
<h1 class="text-3xl font-bold text-white">Forensic Dashboard</h1>
<a href="system_aegis_forensic_monolith_v2025.9.24.py" download class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md flex items-center">
<i data-feather="download" class="mr-2"></i> Download Forensic Toolkit
</a>
</div>
<!-- Stats Cards -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
<div class="bg-gray-800 rounded-lg p-6 border-l-4 border-blue-500">
<div class="flex items-center justify-between">
<div>
<p class="text-gray-400 text-sm">Processed Transactions</p>
<p class="text-2xl font-bold text-white">1.2M</p>
</div>
<div class="bg-blue-500 bg-opacity-20 p-3 rounded-full">
<i data-feather="database" class="text-blue-400"></i>
</div>
</div>
<p class="text-green-400 text-sm mt-2 flex items-center">
<i data-feather="trending-up" class="mr-1"></i> 12.3% from last week
</p>
</div>
<div class="bg-gray-800 rounded-lg p-6 border-l-4 border-purple-500">
<div class="flex items-center justify-between">
<div>
<p class="text-gray-400 text-sm">Identified Entities</p>
<p class="text-2xl font-bold text-white">48,529</p>
</div>
<div class="bg-purple-500 bg-opacity-20 p-3 rounded-full">
<i data-feather="users" class="text-purple-400"></i>
</div>
</div>
<p class="text-green-400 text-sm mt-2 flex items-center">
<i data-feather="trending-up" class="mr-1"></i> 8.7% from last week
</p>
</div>
<div class="bg-gray-800 rounded-lg p-6 border-l-4 border-pink-500">
<div class="flex items-center justify-between">
<div>
<p class="text-gray-400 text-sm">High Risk Alerts</p>
<p class="text-2xl font-bold text-white">327</p>
</div>
<div class="bg-pink-500 bg-opacity-20 p-3 rounded-full">
<i data-feather="alert-circle" class="text-pink-400"></i>
</div>
</div>
<p class="text-red-400 text-sm mt-2 flex items-center">
<i data-feather="trending-down" class="mr-1"></i> 5.2% from last week
</p>
</div>
<div class="bg-gray-800 rounded-lg p-6 border-l-4 border-green-500">
<div class="flex items-center justify-between">
<div>
<p class="text-gray-400 text-sm">Evidence Packages</p>
<p class="text-2xl font-bold text-white">2,148</p>
</div>
<div class="bg-green-500 bg-opacity-20 p-3 rounded-full">
<i data-feather="file-text" class="text-green-400"></i>
</div>
</div>
<p class="text-green-400 text-sm mt-2 flex items-center">
<i data-feather="trending-up" class="mr-1"></i> 15.4% from last week
</p>
</div>
</div>
<!-- Main Content Area -->
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
<!-- Recent Investigations -->
<div class="lg:col-span-2 bg-gray-800 rounded-lg p-6">
<div class="flex justify-between items-center mb-6">
<h2 class="text-xl font-semibold text-white">Recent Investigations</h2>
<button class="text-blue-400 hover:text-blue-300 text-sm flex items-center">
View All <i data-feather="chevron-right" class="ml-1"></i>
</button>
</div>
<div class="overflow-x-auto">
<table class="min-w-full divide-y divide-gray-700">
<thead>
<tr>
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Case ID</th>
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Entities</th>
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Chain</th>
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Status</th>
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Last Activity</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-700">
<tr class="hover:bg-gray-700 cursor-pointer">
<td class="px-6 py-4 whitespace-nowrap">
<div class="text-sm font-medium text-white">#CS-2024-0420</div>
</td>
<td class="px-6 py-4 whitespace-nowrap">
<div class="text-sm text-gray-300">42</div>
</td>
<td class="px-6 py-4 whitespace-nowrap">
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-900 text-blue-100">Ethereum</span>
<span class="ml-1 px-1 inline-flex text-xxs leading-4 font-semibold rounded-full bg-purple-900 text-purple-100" title="Lazarus-Grade Deobfuscation Active">L-G</span>
</td>
<td class="px-6 py-4 whitespace-nowrap">
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-900 text-green-100">Completed</span>
</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">2 hours ago</td>
</tr>
<tr class="hover:bg-gray-700 cursor-pointer">
<td class="px-6 py-4 whitespace-nowrap">
<div class="text-sm font-medium text-white">#CS-2024-0419</div>
</td>
<td class="px-6 py-4 whitespace-nowrap">
<div class="text-sm text-gray-300">76</div>
</td>
<td class="px-6 py-4 whitespace-nowrap">
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-orange-900 text-orange-100">Bitcoin</span>
<span class="ml-1 px-1 inline-flex text-xxs leading-4 font-semibold rounded-full bg-purple-900 text-purple-100" title="Lazarus-Grade Analysis">L-G</span>
</td>
<td class="px-6 py-4 whitespace-nowrap">
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-900 text-yellow-100">In Progress</span>
</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">5 hours ago</td>
</tr>
<tr class="hover:bg-gray-700 cursor-pointer">
<td class="px-6 py-4 whitespace-nowrap">
<div class="text-sm font-medium text-white">#CS-2024-0418</div>
</td>
<td class="px-6 py-4 whitespace-nowrap">
<div class="text-sm text-gray-300">23</div>
</td>
<td class="px-6 py-4 whitespace-nowrap">
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-purple-900 text-purple-100">Polygon</span>
</td>
<td class="px-6 py-4 whitespace-nowrap">
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-900 text-green-100">Completed</span>
</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">1 day ago</td>
</tr>
<tr class="hover:bg-gray-700 cursor-pointer">
<td class="px-6 py-4 whitespace-nowrap">
<div class="text-sm font-medium text-white">#CS-2024-0417</div>
</td>
<td class="px-6 py-4 whitespace-nowrap">
<div class="text-sm text-gray-300">112</div>
</td>
<td class="px-6 py-4 whitespace-nowrap">
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-900 text-blue-100">Ethereum</span>
</td>
<td class="px-6 py-4 whitespace-nowrap">
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-900 text-red-100">Pending Review</span>
</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">2 days ago</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Risk Distribution -->
<div class="bg-gray-800 rounded-lg p-6">
<div class="flex justify-between items-center mb-6">
<h2 class="text-xl font-semibold text-white">Risk Distribution</h2>
<span class="text-xs px-2 py-1 rounded-full bg-purple-900 text-purple-100 flex items-center">
<i data-feather="shield" class="w-3 h-3 mr-1"></i> Lazarus-Grade Active
</span>
</div>
<div class="h-64 flex items-center justify-center">
<div class="relative w-48 h-48">
<!-- Donut Chart -->
<svg class="w-full h-full" viewBox="0 0 100 100">
<!-- Low Risk -->
<circle cx="50" cy="50" r="40" fill="none" stroke="#3b82f6" stroke-width="10" stroke-dasharray="126 251" stroke-dashoffset="0"></circle>
<!-- Medium Risk -->
<circle cx="50" cy="50" r="40" fill="none" stroke="#f59e0b" stroke-width="10" stroke-dasharray="63 251" stroke-dashoffset="-126"></circle>
<!-- High Risk -->
<circle cx="50" cy="50" r="40" fill="none" stroke="#ef4444" stroke-width="10" stroke-dasharray="62 251" stroke-dashoffset="-189"></circle>
</svg>
<div class="absolute inset-0 flex flex-col items-center justify-center">
<span class="text-2xl font-bold text-white">327</span>
<span class="text-sm text-gray-400">Total Alerts</span>
</div>
</div>
</div>
<div class="space-y-3 mt-4">
<div class="flex items-center">
<div class="w-3 h-3 rounded-full bg-blue-500 mr-2"></div>
<span class="text-sm text-gray-300">Low Risk: 126 (38.5%)</span>
</div>
<div class="flex items-center">
<div class="w-3 h-3 rounded-full bg-yellow-500 mr-2"></div>
<span class="text-sm text-gray-300">Medium Risk: 63 (19.3%)</span>
</div>
<div class="flex items-center">
<div class="w-3 h-3 rounded-full bg-red-500 mr-2"></div>
<span class="text-sm text-gray-300">High Risk: 138 (42.2%)</span>
</div>
</div>
</div>
</div>
<!-- Quick Actions -->
<div class="bg-gray-800 rounded-lg p-6">
<h2 class="text-xl font-semibold text-white mb-6">Quick Actions</h2>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
<button class="bg-gray-700 hover:bg-gray-600 rounded-lg p-4 flex flex-col items-center transition-all">
<div class="bg-blue-500 bg-opacity-20 p-3 rounded-full mb-2">
<i data-feather="search" class="text-blue-400"></i>
</div>
<span class="text-sm font-medium text-white">Address Lookup</span>
</button>
<button class="bg-gray-700 hover:bg-gray-600 rounded-lg p-4 flex flex-col items-center transition-all group relative">
<div class="bg-purple-500 bg-opacity-20 p-3 rounded-full mb-2">
<i data-feather="git-merge" class="text-purple-400"></i>
</div>
<span class="text-sm font-medium text-white">L-G Cluster</span>
<span class="absolute -top-2 -right-2 bg-purple-600 text-white text-xxs px-1 rounded-full">v2025</span>
</button>
<button class="bg-gray-700 hover:bg-gray-600 rounded-lg p-4 flex flex-col items-center transition-all group relative">
<div class="bg-green-500 bg-opacity-20 p-3 rounded-full mb-2">
<i data-feather="file-text" class="text-green-400"></i>
</div>
<span class="text-sm font-medium text-white">Generate Report</span>
<span class="absolute -top-2 -right-2 bg-purple-600 text-white text-xxs px-1 rounded-full">Enhanced</span>
</button>
<button class="bg-gray-700 hover:bg-gray-600 rounded-lg p-4 flex flex-col items-center transition-all group relative">
<div class="bg-pink-500 bg-opacity-20 p-3 rounded-full mb-2">
<i data-feather="alert-octagon" class="text-pink-400"></i>
</div>
<span class="text-sm font-medium text-white">L-G Risk</span>
<span class="absolute -top-2 -right-2 bg-purple-600 text-white text-xxs px-1 rounded-full">v2025</span>
</button>
</div>
</div>
</div>
</main>
<script>
// Toast notification for Lazarus integration
document.addEventListener('DOMContentLoaded', () => {
setTimeout(() => {
const toast = document.createElement('div');
toast.className = 'fixed bottom-4 right-4 bg-purple-900 text-white px-4 py-2 rounded-md shadow-lg flex items-center z-50';
toast.innerHTML = `
<i data-feather="zap" class="text-yellow-300 mr-2"></i>
<span>Lazarus-Grade Deobfuscation v2025.9.23 Activated</span>
<span class="ml-2 px-1 text-xs rounded-full bg-pink-600">wBTC/wETH/NFT</span>
`;
document.body.appendChild(toast);
feather.replace();
setTimeout(() => {
toast.remove();
}, 5000);
}, 1500);
});
// Initialize Vanta.js globe
VANTA.GLOBE({
el: "#globe",
mouseControls: true,
touchControls: true,
gyroControls: false,
minHeight: 200.00,
minWidth: 200.00,
scale: 1.00,
scaleMobile: 1.00,
color: 0x3b82f6,
backgroundColor: 0x111827,
size: 0.8
});
// Initialize feather icons
feather.replace();
</script>
</body>
</html>