<title>Khan-Thep Network Control Panel</title> <script src="https://tailwindcss.com"></script> <style> @import url('https://googleapis.com'); body { font-family: 'Noto Sans Thai', 'JetBrains Mono', monospace; } .mono { font-family: 'JetBrains Mono', monospace; } </style>

<!-- HEADER BAR -->
<header class="border-b border-gray-800 pb-4 mb-6 flex flex-col md:flex-row justify-between items-start md:items-center gap-4">
    <div>
        <h1 class="text-xl font-bold text-white flex items-center gap-2 tracking-wide">
            <span>🪐</span> KHAN-THEP NETWORK CONTROL PANEL
        </h1>
        <p class="text-xs text-gray-500 mt-1">Automated Batch Whitelist Management Engine</p>
    </div>
    <div class="flex items-center gap-3 text-xs mono">
        <span class="bg-emerald-950/50 text-emerald-400 border border-emerald-800/60 px-3 py-1.5 rounded font-bold tracking-wider">● MAINNET</span>
        <span class="bg-blue-950/50 text-blue-400 border border-blue-800/60 px-3 py-1.5 rounded">🔋 GAS: 32 Gwei</span>
    </div>
</header>

<!-- MAIN GRID -->
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
    
    <!-- LEFT COLUMN: TELEMETRY & STATS -->
    <div class="space-y-6 lg:col-span-1">
        <!-- WALLET TELEMETRY -->
        <div class="bg-[#111622] border border-gray-800 rounded-lg p-5">
            <h2 class="text-sm font-semibold text-white mb-4 flex items-center gap-2 border-b border-gray-800 pb-2">
                🛡️ EXECUTIVE WALLET TELEMETRY
            </h2>
            <div class="space-y-3 text-xs">
                <div>
                    <span class="text-gray-500 block mb-1">Executor Address</span>
                    <span class="mono text-gray-300 bg-black/30 p-2 rounded block truncate border border-gray-800/40">0xst_btc_anchor_wallet_address_here</span>
                </div>
                <div class="flex justify-between items-center py-1">
                    <span class="text-gray-500">System Status</span>
                    <span class="text-emerald-400 font-semibold flex items-center gap-1.5">
                        <span class="h-2 w-2 rounded-full bg-emerald-400 animate-pulse"></span> OPERATIONAL
                    </span>
                </div>
                <div class="flex justify-between items-center py-1">
                    <span class="text-gray-500">Executor Balance</span>
                    <span class="mono text-white font-bold">1.2458 ETH</span>
                </div>
                <div class="flex justify-between items-center py-1">
                    <span class="text-gray-500">Daily Gas Cap</span>
                    <span class="mono text-amber-400 font-semibold">50 Gwei (Locked)</span>
                </div>
            </div>
        </div>

        <!-- PIPELINE STATS -->
        <div class="bg-[#111622] border border-gray-800 rounded-lg p-5">
            <h2 class="text-sm font-semibold text-white mb-4 flex items-center gap-2 border-b border-gray-800 pb-2">
                📊 OPERATION KHUN PHON PIPELINE
            </h2>
            <div class="grid grid-cols-2 gap-4 text-center">
                <div class="bg-black/20 p-3 rounded border border-gray-800/40">
                    <span class="text-gray-500 text-[10px] uppercase tracking-wider block mb-1">Total Nodes</span>
                    <span class="mono text-xl font-bold text-white">369</span>
                </div>
                <div class="bg-black/20 p-3 rounded border border-gray-800/40">
                    <span class="text-gray-500 text-[10px] uppercase tracking-wider block mb-1">Compliance</span>
                    <span class="mono text-xl font-bold text-emerald-400">100%</span>
                </div>
                <div class="bg-black/20 p-3 rounded border border-gray-800/40">
                    <span class="text-gray-500 text-[10px] uppercase tracking-wider block mb-1">Pending Tx</span>
                    <span class="mono text-xl font-bold text-gray-400">0</span>
                </div>
                <div class="bg-black/20 p-3 rounded border border-gray-800/40">
                    <span class="text-gray-500 text-[10px] uppercase tracking-wider block mb-1">Last Sync</span>
                    <span class="text-xs font-semibold text-blue-400 mt-1 block">5s ago</span>
                </div>
            </div>
        </div>
    </div>

    <!-- RIGHT COLUMN: STREAMING EVENT LOGS -->
    <div class="lg:col-span-2 flex flex-col bg-[#111622] border border-gray-800 rounded-lg p-5 h-[410px]">
        <h2 class="text-sm font-semibold text-white mb-4 flex items-center gap-2 border-b border-gray-800 pb-2 flex-shrink-0">
            🪵 LIVE STREAMING SYSTEM EVENT LOGS
        </h2>
        <div class="bg-black/40 border border-gray-800/80 rounded p-4 flex-grow font-mono text-[11px] leading-relaxed overflow-y-auto space-y-2 text-gray-400 custom-scrollbar">
            <p><span class="text-blue-500">[03:24:01]</span> <span class="text-blue-400">[SYSTEM]</span> Initializing Operation Khun Phon on TRD RWA Contract...</p>
            <p><span class="text-blue-500">[03:24:02]</span> <span class="text-amber-500">[DB FETCH]</span> Querying 369 nodes from api.khan-thep.is...</p>
            <p><span class="text-blue-500">[03:24:03]</span> <span class="text-purple-400">[PRE-FLIGHT]</span> Parallel scanning complete. Found 2 non-compliant nodes.</p>
            <p><span class="text-blue-500">[03:24:04]</span> <span class="text-indigo-400">[TX DISPATCH]</span> [1/2] Activating node: 0xaddressofkhunphonnode368...</p>
            <p><span class="text-blue-500">[03:24:05]</span> <span class="text-emerald-400">[SUCCESS]</span> Dispatched event log for block #21045982 to khan-thep.is ✅</p>
            <p><span class="text-blue-500 Barb]">[03:24:06]</span> <span class="text-indigo-400">[TX DISPATCH]</span> [2/2] Activating node: 0xaddressofkhunphonnode369...</p>
            <p><span class="text-blue-500">[03:24:07]</span> <span class="text-emerald-400">[SUCCESS]</span> Dispatched event log for block #21045983 to khan-thep.is ✅</p>
            <p class="text-emerald-400 font-bold"><span class="text-blue-500 font-normal">[03:24:08]</span> [DEPLOYMENT COMPLETED] Operation Khun Phon is fully integrated. 🚀</p>
        </div>
    </div>
</div>

<!-- NODE REGISTRY TABLE -->
<div class="mt-6 bg-[#111622] border border-gray-800 rounded-lg p-5">
    <h2 class="text-sm font-semibold text-white mb-4 flex items-center gap-2 border-b border-gray-800 pb-2">
        👥 NODE REGISTRY MANAGER
    </h2>
    <div class="overflow-x-auto">
        <table class="w-full text-left border-collapse text-xs mono">
            <thead>
                <tr class="border-b border-gray-800 text-gray-500">
                    <th class="py-2.5 px-4 font-normal w-16">#</th>
                    <th class="py-2.5 px-4 font-normal">NODE ADDRESS</th>
                    <th class="py-2.5 px-4 font-normal w-48 text-center">ON-CHAIN STATUS</th>
                    <th class="py-2.5 px-4 font-normal w-32 text-right">NETWORK SYNC</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-800/40 text-gray-300">
                <tr class="hover:bg-black/10">
                    <td class="py-3 px-4 text-gray-500">001</td>
                    <td class="py-3 px-4 text-gray-400 font-semibold truncate">0xaddressofkhunphonnode001...</td>
                    <td class="py-3 px-4 text-center"><span class="bg-emerald-950/40 text-emerald-400 border border-emerald-900/60 px-2 py-0.5 rounded text-[10px]">VERIFIED ✅</span></td>
                    <td class="py-3 px-4 text-right text-gray-500">Synced</td>
                </tr>
                <tr class="hover:bg-black/10">
                    <td class="py-3 px-4 text-gray-500">002</td>
                    <td class="py-3 px-4 text-gray-400 font-semibold truncate">0xaddressofkhunphonnode002...</td>
                    <td class="py-3 px-4 text-center"><span class="bg-emerald-950/40 text-emerald-400 border border-emerald-900/60 px-2 py-0.5 rounded text-[10px]">VERIFIED ✅</span></td>
                    <td class="py-3 px-4 text-right text-gray-500">Synced</td>
                </tr>
                <tr class="hover:bg-black/10">
                    <td class="py-3 px-4 text-gray-500">369</td>
                    <td class="py-3 px-4 text-gray-400 font-semibold truncate">0xaddressofkhunphonnode369...</td>
                    <td class="py-3 px-4 text-center"><span class="bg-emerald-950/40 text-emerald-400 border border-emerald-900/60 px-2 py-0.5 rounded text-[10px]">VERIFIED ✅</span></td>
                    <td class="py-3 px-4 text-right text-blue-400 font-medium">Just Now</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

<!-- HEADER BAR -->
<header class="border-b border-gray-800 pb-4 mb-6 flex flex-col md:flex-row justify-between items-start md:items-center gap-4">
    <div>
        <h1 class="text-xl font-bold text-white flex items-center gap-2 tracking-wide">
            <span>🪐</span> KHAN-THEP NETWORK CONTROL PANEL
        </h1>
        <p class="text-xs text-gray-500 mt-1">Automated Batch Whitelist Management Engine</p>
    </div>
    <div class="flex items-center gap-3 text-xs mono">
        <span class="bg-emerald-950/50 text-emerald-400 border border-emerald-800/60 px-3 py-1.5 rounded font-bold tracking-wider">● MAINNET</span>
        <span class="bg-blue-950/50 text-blue-400 border border-blue-800/60 px-3 py-1.5 rounded">🔋 GAS: 32 Gwei</span>
    </div>
</header>

<!-- MAIN GRID -->
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
    
    <!-- LEFT COLUMN: TELEMETRY & STATS -->
    <div class="space-y-6 lg:col-span-1">
        <!-- WALLET TELEMETRY -->
        <div class="bg-[#111622] border border-gray-800 rounded-lg p-5">
            <h2 class="text-sm font-semibold text-white mb-4 flex items-center gap-2 border-b border-gray-800 pb-2">
                🛡️ EXECUTIVE WALLET TELEMETRY
            </h2>
            <div class="space-y-3 text-xs">
                <div>
                    <span class="text-gray-500 block mb-1">Executor Address</span>
                    <span class="mono text-gray-300 bg-black/30 p-2 rounded block truncate border border-gray-800/40">0xst_btc_anchor_wallet_address_here</span>
                </div>
                <div class="flex justify-between items-center py-1">
                    <span class="text-gray-500">System Status</span>
                    <span class="text-emerald-400 font-semibold flex items-center gap-1.5">
                        <span class="h-2 w-2 rounded-full bg-emerald-400 animate-pulse"></span> OPERATIONAL
                    </span>
                </div>
                <div class="flex justify-between items-center py-1">
                    <span class="text-gray-500">Executor Balance</span>
                    <span class="mono text-white font-bold">1.2458 ETH</span>
                </div>
                <div class="flex justify-between items-center py-1">
                    <span class="text-gray-500">Daily Gas Cap</span>
                    <span class="mono text-amber-400 font-semibold">50 Gwei (Locked)</span>
                </div>
            </div>
        </div>

        <!-- PIPELINE STATS -->
        <div class="bg-[#111622] border border-gray-800 rounded-lg p-5">
            <h2 class="text-sm font-semibold text-white mb-4 flex items-center gap-2 border-b border-gray-800 pb-2">
                📊 OPERATION KHUN PHON PIPELINE
            </h2>
            <div class="grid grid-cols-2 gap-4 text-center">
                <div class="bg-black/20 p-3 rounded border border-gray-800/40">
                    <span class="text-gray-500 text-[10px] uppercase tracking-wider block mb-1">Total Nodes</span>
                    <span class="mono text-xl font-bold text-white">369</span>
                </div>
                <div class="bg-black/20 p-3 rounded border border-gray-800/40">
                    <span class="text-gray-500 text-[10px] uppercase tracking-wider block mb-1">Compliance</span>
                    <span class="mono text-xl font-bold text-emerald-400">100%</span>
                </div>
                <div class="bg-black/20 p-3 rounded border border-gray-800/40">
                    <span class="text-gray-500 text-[10px] uppercase tracking-wider block mb-1">Pending Tx</span>
                    <span class="mono text-xl font-bold text-gray-400">0</span>
                </div>
                <div class="bg-black/20 p-3 rounded border border-gray-800/40">
                    <span class="text-gray-500 text-[10px] uppercase tracking-wider block mb-1">Last Sync</span>
                    <span class="text-xs font-semibold text-blue-400 mt-1 block">5s ago</span>
                </div>
            </div>
        </div>
    </div>

    <!-- RIGHT COLUMN: STREAMING EVENT LOGS -->
    <div class="lg:col-span-2 flex flex-col bg-[#111622] border border-gray-800 rounded-lg p-5 h-[410px]">
        <h2 class="text-sm font-semibold text-white mb-4 flex items-center gap-2 border-b border-gray-800 pb-2 flex-shrink-0">
            🪵 LIVE STREAMING SYSTEM EVENT LOGS
        </h2>
        <div class="bg-black/40 border border-gray-800/80 rounded p-4 flex-grow font-mono text-[11px] leading-relaxed overflow-y-auto space-y-2 text-gray-400 custom-scrollbar">
            <p><span class="text-blue-500">[03:24:01]</span> <span class="text-blue-400">[SYSTEM]</span> Initializing Operation Khun Phon on TRD RWA Contract...</p>
            <p><span class="text-blue-500">[03:24:02]</span> <span class="text-amber-500">[DB FETCH]</span> Querying 369 nodes from api.khan-thep.is...</p>
            <p><span class="text-blue-500">[03:24:03]</span> <span class="text-purple-400">[PRE-FLIGHT]</span> Parallel scanning complete. Found 2 non-compliant nodes.</p>
            <p><span class="text-blue-500">[03:24:04]</span> <span class="text-indigo-400">[TX DISPATCH]</span> [1/2] Activating node: 0xaddressofkhunphonnode368...</p>
            <p><span class="text-blue-500">[03:24:05]</span> <span class="text-emerald-400">[SUCCESS]</span> Dispatched event log for block #21045982 to khan-thep.is ✅</p>
            <p><span class="text-blue-500 Barb]">[03:24:06]</span> <span class="text-indigo-400">[TX DISPATCH]</span> [2/2] Activating node: 0xaddressofkhunphonnode369...</p>
            <p><span class="text-blue-500">[03:24:07]</span> <span class="text-emerald-400">[SUCCESS]</span> Dispatched event log for block #21045983 to khan-thep.is ✅</p>
            <p class="text-emerald-400 font-bold"><span class="text-blue-500 font-normal">[03:24:08]</span> [DEPLOYMENT COMPLETED] Operation Khun Phon is fully integrated. 🚀</p>
        </div>
    </div>
</div>

<!-- NODE REGISTRY TABLE -->
<div class="mt-6 bg-[#111622] border border-gray-800 rounded-lg p-5">
    <h2 class="text-sm font-semibold text-white mb-4 flex items-center gap-2 border-b border-gray-800 pb-2">
        👥 NODE REGISTRY MANAGER
    </h2>
    <div class="overflow-x-auto">
        <table class="w-full text-left border-collapse text-xs mono">
            <thead>
                <tr class="border-b border-gray-800 text-gray-500">
                    <th class="py-2.5 px-4 font-normal w-16">#</th>
                    <th class="py-2.5 px-4 font-normal">NODE ADDRESS</th>
                    <th class="py-2.5 px-4 font-normal w-48 text-center">ON-CHAIN STATUS</th>
                    <th class="py-2.5 px-4 font-normal w-32 text-right">NETWORK SYNC</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-800/40 text-gray-300">
                <tr class="hover:bg-black/10">
                    <td class="py-3 px-4 text-gray-500">001</td>
                    <td class="py-3 px-4 text-gray-400 font-semibold truncate">0xaddressofkhunphonnode001...</td>
                    <td class="py-3 px-4 text-center"><span class="bg-emerald-950/40 text-emerald-400 border border-emerald-900/60 px-2 py-0.5 rounded text-[10px]">VERIFIED ✅</span></td>
                    <td class="py-3 px-4 text-right text-gray-500">Synced</td>
                </tr>
                <tr class="hover:bg-black/10">
                    <td class="py-3 px-4 text-gray-500">002</td>
                    <td class="py-3 px-4 text-gray-400 font-semibold truncate">0xaddressofkhunphonnode002...</td>
                    <td class="py-3 px-4 text-center"><span class="bg-emerald-950/40 text-emerald-400 border border-emerald-900/60 px-2 py-0.5 rounded text-[10px]">VERIFIED ✅</span></td>
                    <td class="py-3 px-4 text-right text-gray-500">Synced</td>
                </tr>
                <tr class="hover:bg-black/10">
                    <td class="py-3 px-4 text-gray-500">369</td>
                    <td class="py-3 px-4 text-gray-400 font-semibold truncate">0xaddressofkhunphonnode369...</td>
                    <td class="py-3 px-4 text-center"><span class="bg-emerald-950/40 text-emerald-400 border border-emerald-900/60 px-2 py-0.5 rounded text-[10px]">VERIFIED ✅</span></td>
                    <td class="py-3 px-4 text-right text-blue-400 font-medium">Just Now</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

Web3 connection can't be established in geth1.7~1.9 #7

Description

Metadata

Metadata

Assignees

Labels

Type

Fields

Projects

Milestone

Relationships

Development

Issue actions