';
html += '
';
return html;
}
// Analytics view
function renderAnalyticsView() {
showView('analytics');
if ((window.location.pathname || '').replace(/^\//, '').split('/')[0] !== 'analytics') updatePath('/analytics');
var container = document.getElementById('analyticsContent');
if (!container) return;
container.innerHTML = buildAnalyticsViewHtml();
}
window._showAnalytics = renderAnalyticsView;
function buildOperatorViewHtml() {
var html = '';
html += '';
html += '
';
html += '';
html += '
';
html += 'Live Network Analytics
'; html += 'Analytics surfaces are consolidated into the live explorer dashboards instead of a separate unfinished panel. Use this page as a hub to the active gas, block, bridge, and route monitoring views.
';
html += '';
html += '';
html += '';
html += '
';
html += '';
html += '
';
html += 'Gas & Network
Open the live home dashboard for gas price, TPS, block time, validator count, and latest-chain activity.
';
html += 'Block cadence
Inspect live block production, miner attribution, gas usage, and exportable block history.
';
html += 'Transaction flow
Review the recent transaction stream and drill into decoded execution details and internal calls.
';
html += 'Route coverage
Open the dedicated route-decision tree for swap-path coverage, bridge branches, and missing quote-token diagnostics.
';
html += '';
html += '
`;
if (CHAIN_ID === 138) loadGasAndNetworkStats();
} catch (error) {
console.error('Failed to load stats:', error);
statsGrid.innerHTML = `
`;
}
}
async function loadGasAndNetworkStats() {
var el = document.getElementById('networkStatValue');
var gasCard = document.getElementById('gasNetworkCard');
var summaryEl = document.getElementById('gasNetworkSummary');
try {
var blocksResp = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/blocks?page=1&page_size=20');
var blocks = blocksResp.items || blocksResp || [];
var statsResp = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/stats').catch(function() { return {}; });
var gasGwei = '-';
var blockTimeSec = '-';
var tps = '-';
if (blocks.length > 0) {
var b = blocks[0];
var baseFee = b.base_fee_per_gas || b.base_fee;
if (baseFee != null) gasGwei = (Number(baseFee) / 1e9).toFixed(2) + ' Gwei';
}
if (blocks.length >= 2) {
var t0 = blocks[0].timestamp;
var t1 = blocks[1].timestamp;
if (t0 && t1) {
var d = (new Date(t0) - new Date(t1)) / 1000;
if (d > 0) blockTimeSec = d.toFixed(1) + 's';
}
}
if (statsResp.average_block_time != null) blockTimeSec = Number(statsResp.average_block_time).toFixed(1) + 's';
if (statsResp.transactions_per_second != null) tps = Number(statsResp.transactions_per_second).toFixed(2);
if (el) el.innerHTML = (gasGwei !== '-' ? 'Gas: ' + escapeHtml(gasGwei) + '
' : '') + (blockTimeSec !== '-' ? 'Block: ' + escapeHtml(blockTimeSec) + '
' : '') + (tps !== '-' ? 'TPS: ' + escapeHtml(tps) : '') || 'Gas / TPS'; if (summaryEl) { summaryEl.textContent = 'Live chain health for Chain 138 updated ' + new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) + '.'; } if (gasCard && CHAIN_ID === 138) { var curEl = document.getElementById('gasCurrentValue'); var tpsEl = document.getElementById('gasTpsValue'); var btEl = document.getElementById('gasBlockTimeValue'); var failedEl = document.getElementById('gasFailedRateValue'); var barsEl = document.getElementById('gasHistoryBars'); if (curEl) curEl.textContent = gasGwei !== '-' ? gasGwei : '—'; if (tpsEl) tpsEl.textContent = tps !== '-' ? tps : '—'; if (btEl) btEl.textContent = blockTimeSec !== '-' ? blockTimeSec : '—'; if (failedEl) { var txsResp = await fetch(BLOCKSCOUT_API + '/v2/transactions?page=1&page_size=100').then(function(r) { return r.json(); }).catch(function() { return { items: [] }; }); var txs = txsResp.items || txsResp || []; var failed = txs.filter(function(t) { var s = t.status; return s === 0 || s === '0' || (t.block && t.block.success === false); }).length; failedEl.textContent = txs.length > 0 ? (100 * failed / txs.length).toFixed(2) + '%' : '—'; } if (barsEl) { var recent = blocks.slice(0, 10); var fees = recent.map(function(bl) { var f = bl.base_fee_per_gas || bl.base_fee; return f != null ? Number(f) / 1e9 : 0; }); var maxFee = Math.max.apply(null, fees) || 1; barsEl.innerHTML = fees.map(function(g, i) { var pct = maxFee > 0 ? (g / maxFee * 100) : 0; return ''; }).join(''); } } } catch (e) { if (el) el.textContent = '-'; if (summaryEl) summaryEl.textContent = 'Live chain health unavailable right now.'; } } function normalizeBlockDisplay(block) { var blockNum = block.number; var hash = block.hash || ''; var txCount = block.transaction_count || 0; var date = null; if (block.timestamp) { if (typeof block.timestamp === 'string' && block.timestamp.indexOf('0x') === 0) { date = new Date(parseInt(block.timestamp, 16) * 1000); } else { date = new Date(block.timestamp); } } var timestampFormatted = date && !isNaN(date.getTime()) ? date.toLocaleString() : 'N/A'; var timeAgo = date && !isNaN(date.getTime()) ? getTimeAgo(date) : 'N/A'; return { blockNum: blockNum, hash: hash, txCount: txCount, timestampFormatted: timestampFormatted, timeAgo: timeAgo }; } function createBlockCardHtml(block, options) { options = options || {}; var d = normalizeBlockDisplay(block); var animationClass = options.animationClass || ''; return '
';
if (container) container.innerHTML = html;
if (container) {
setTimeout(() => {
container.querySelectorAll('.new-transaction').forEach(row => {
row.classList.remove('new-transaction');
});
}, 500);
}
} catch (error) {
console.error('Failed to load latest transactions:', error);
if (container) container.innerHTML = '
' + pagination;
container.innerHTML = html;
} catch (error) {
container.innerHTML = '
' + pagination;
container.innerHTML = html;
} catch (error) {
container.innerHTML = '
' + pagination;
container.innerHTML = html;
} catch (error) {
container.innerHTML = '
';
container.innerHTML = html;
return;
}
} catch (e) {}
}
container.innerHTML = renderPageFilterBar('tokensList', 'Filter by token name, symbol, contract, or type...', 'Filters the indexed token list below.', 'loadTokensList()') + '
';
return html;
}
function routeTreeQueryParams(query) {
var params = new URLSearchParams({
chainId: '138',
tokenIn: query.tokenIn,
amountIn: query.amountIn || '1000000'
});
if (query.tokenOut) params.set('tokenOut', query.tokenOut);
if (query.destinationChainId != null) params.set('destinationChainId', String(query.destinationChainId));
return params.toString();
}
async function fetchRouteTree(query) {
var response = await fetchAPIWithRetry(`${TOKEN_AGGREGATION_API_BASE}/v1/routes/tree?${routeTreeQueryParams(query)}`);
if ((!response || response.decision === 'unresolved' || !Array.isArray(response.tree) || response.tree.length === 0) &&
Number(query.destinationChainId || query.chainId || 138) === 138 &&
safeAddress(query.tokenOut)) {
try {
var ctx = await fetchCurrentPmmContext();
var liveFallback = await buildLiveDirectRouteFallback(query, ctx);
if (liveFallback) response = liveFallback;
} catch (e) {}
}
return { query: query, response: response };
}
function uniqueMissingQuotePools(results) {
var map = {};
results.forEach(function(entry) {
var pools = (entry.response && entry.response.missingQuoteTokenPools) || [];
pools.forEach(function(pool) {
var key = String(pool.chainId) + ':' + String(pool.poolAddress || '').toLowerCase();
if (!map[key]) map[key] = pool;
});
});
return Object.keys(map).sort().map(function(key) { return map[key]; });
}
function renderRouteSweepSummary(results) {
var html = '
';
return html;
}
function renderPriorityRouteCard(entry) {
var response = entry.response || {};
var rootNodes = Array.isArray(response.tree) ? response.tree : [];
var decisionLabel = escapeHtml(response.decision || 'unresolved');
if (response.decision === 'bridge-only' && response.destination && Number(response.destination.chainId) === 1) {
decisionLabel = 'bridge-only (destination completion on Mainnet)';
}
var html = '
Track 4 APIs require authenticated wallet + IP allowlisting on the Go backend. This browser UI never holds deployer keys. Do not paste secrets into Explorer AI; PMM/MCP execution is off unless the server enables it explicitly.
';
html += '';
html += '
';
return html;
}
// Operator view
function renderOperatorView() {
showView('operator');
if ((window.location.pathname || '').replace(/^\//, '').split('/')[0] !== 'operator') updatePath('/operator');
var container = document.getElementById('operatorContent');
if (!container) return;
container.innerHTML = buildOperatorViewHtml();
}
window._showOperator = renderOperatorView;
function renderTopologyCytoscape(graph) {
var c = document.getElementById('systemTopologyContent');
if (!c) return;
var elements = (graph && graph.elements) ? graph.elements : [];
var liqNote = '';
var ls = graph && graph.liquiditySample;
if (ls && typeof ls.poolCount === 'number') {
liqNote = '';
html += '
';
html += '';
html += '
';
html += 'Operator Access Hub
'; html += 'The explorer does not expose raw privileged controls here. Instead, this page collects the live operator-facing observability and execution surfaces that are safe to browse from the public UI.
';
html += '';
html += '';
html += '';
html += '
';
html += '';
html += '
';
html += '
Requires authenticated wallet, IP allowlisting, and backend allowlist configuration.';
html += '
';
html += 'Bridge monitoring
Inspect bridge balances, fee-token posture, destination configuration, and live contract references.
';
html += 'Liquidity access
Jump to partner payload routes, ingestion APIs, and public execution-plan endpoints without leaving the explorer.
';
html += 'Pool inventory
Review canonical PMM addresses, funding state, registry status, and exportable pool snapshots.
';
html += 'WETH utilities
Open the WETH9/WETH10 utilities, bridge contract references, and balance tools that operators often need during support.
';
html += 'Mission-control APIs
GET /explorer-api/v1/mission-control/streamGET /explorer-api/v1/mission-control/bridge/trace?tx=0x...GET /explorer-api/v1/mission-control/liquidity/token/{address}/poolsTrack 4 script API
POST /explorer-api/v1/track4/operator/run-scriptRequires authenticated wallet, IP allowlisting, and backend allowlist configuration.
Token-aggregation sample at generation: ' + ls.poolCount + ' pools for sample token (set TOKEN_AGGREGATION_BASE_URL when running the generator).
Regenerate: bash explorer-monorepo/scripts/generate-topology-graph.sh from repo root, then deploy /var/www/html/config/topology-graph.json. Click a contract node to open its address page when href is present.
Could not load graph library (CDN).
'; }; document.head.appendChild(s); } function renderSystemTopologyView() { var c = document.getElementById('systemTopologyContent'); if (!c) return; c.innerHTML = 'Loading topology…
';
fetch('/config/topology-graph.json?_=' + Date.now()).then(function(r) {
if (!r.ok) throw new Error('HTTP ' + r.status);
return r.json();
}).then(function(g) {
renderTopologyCytoscape(g);
}).catch(function() {
c.innerHTML = 'Missing /config/topology-graph.json. Run explorer-monorepo/scripts/generate-topology-graph.sh and deploy to the explorer host.
Total Blocks
${formatNumber(stats.total_blocks || 0)}
Total Transactions
${formatNumber(stats.total_transactions || 0)}
Total Addresses
${formatNumber(stats.total_addresses || 0)}
Bridge Contracts
${activeBridgeContracts} Active
Network
Loading...
Total Blocks
-
Total Transactions
-
Total Addresses
-
Bridge Contracts
${activeBridgeContracts} Active
Network
-
' : '') + (blockTimeSec !== '-' ? 'Block: ' + escapeHtml(blockTimeSec) + '
' : '') + (tps !== '-' ? 'TPS: ' + escapeHtml(tps) : '') || 'Gas / TPS'; if (summaryEl) { summaryEl.textContent = 'Live chain health for Chain 138 updated ' + new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) + '.'; } if (gasCard && CHAIN_ID === 138) { var curEl = document.getElementById('gasCurrentValue'); var tpsEl = document.getElementById('gasTpsValue'); var btEl = document.getElementById('gasBlockTimeValue'); var failedEl = document.getElementById('gasFailedRateValue'); var barsEl = document.getElementById('gasHistoryBars'); if (curEl) curEl.textContent = gasGwei !== '-' ? gasGwei : '—'; if (tpsEl) tpsEl.textContent = tps !== '-' ? tps : '—'; if (btEl) btEl.textContent = blockTimeSec !== '-' ? blockTimeSec : '—'; if (failedEl) { var txsResp = await fetch(BLOCKSCOUT_API + '/v2/transactions?page=1&page_size=100').then(function(r) { return r.json(); }).catch(function() { return { items: [] }; }); var txs = txsResp.items || txsResp || []; var failed = txs.filter(function(t) { var s = t.status; return s === 0 || s === '0' || (t.block && t.block.success === false); }).length; failedEl.textContent = txs.length > 0 ? (100 * failed / txs.length).toFixed(2) + '%' : '—'; } if (barsEl) { var recent = blocks.slice(0, 10); var fees = recent.map(function(bl) { var f = bl.base_fee_per_gas || bl.base_fee; return f != null ? Number(f) / 1e9 : 0; }); var maxFee = Math.max.apply(null, fees) || 1; barsEl.innerHTML = fees.map(function(g, i) { var pct = maxFee > 0 ? (g / maxFee * 100) : 0; return ''; }).join(''); } } } catch (e) { if (el) el.textContent = '-'; if (summaryEl) summaryEl.textContent = 'Live chain health unavailable right now.'; } } function normalizeBlockDisplay(block) { var blockNum = block.number; var hash = block.hash || ''; var txCount = block.transaction_count || 0; var date = null; if (block.timestamp) { if (typeof block.timestamp === 'string' && block.timestamp.indexOf('0x') === 0) { date = new Date(parseInt(block.timestamp, 16) * 1000); } else { date = new Date(block.timestamp); } } var timestampFormatted = date && !isNaN(date.getTime()) ? date.toLocaleString() : 'N/A'; var timeAgo = date && !isNaN(date.getTime()) ? getTimeAgo(date) : 'N/A'; return { blockNum: blockNum, hash: hash, txCount: txCount, timestampFormatted: timestampFormatted, timeAgo: timeAgo }; } function createBlockCardHtml(block, options) { options = options || {}; var d = normalizeBlockDisplay(block); var animationClass = options.animationClass || ''; return '
' +
'
';
}
// Prevent multiple simultaneous calls
let loadingBlocks = false;
async function loadLatestBlocks() {
const container = document.getElementById('latestBlocks');
if (!container) return;
// Prevent multiple simultaneous calls
if (loadingBlocks) {
console.log('loadLatestBlocks already in progress, skipping...');
return;
}
loadingBlocks = true;
try {
let blocks = [];
// For ChainID 138, use Blockscout API
if (CHAIN_ID === 138) {
try {
const blockscoutUrl = `${BLOCKSCOUT_API}/v2/blocks?page=1&page_size=10`;
console.log('Fetching blocks from Blockscout:', blockscoutUrl);
const response = await fetchAPIWithRetry(blockscoutUrl);
const raw = (response && (response.items || response.data || response.blocks)) || (Array.isArray(response) ? response : null);
if (raw && Array.isArray(raw)) {
blocks = raw.slice(0, 10).map(normalizeBlock).filter(b => b !== null);
console.log(`✅ Loaded ${blocks.length} blocks from Blockscout`);
} else if (response && typeof response === 'object') {
blocks = [];
console.warn('Blockscout blocks response empty or unexpected shape:', Object.keys(response || {}));
}
} catch (blockscoutError) {
console.warn('Blockscout API failed, trying RPC fallback:', blockscoutError.message);
try {
const blockNumHex = await rpcCall('eth_blockNumber');
const latestBlock = parseInt(blockNumHex, 16);
if (!isNaN(latestBlock) && latestBlock >= 0) {
for (let i = 0; i < Math.min(10, latestBlock + 1); i++) {
const bn = latestBlock - i;
const b = await rpcCall('eth_getBlockByNumber', ['0x' + bn.toString(16), false]);
if (b && b.number) blocks.push({ number: parseInt(b.number, 16), hash: b.hash, timestamp: b.timestamp ? (typeof b.timestamp === 'string' ? parseInt(b.timestamp, 16) * 1000 : b.timestamp) : null, transaction_count: b.transactions ? b.transactions.length : 0 });
}
if (blocks.length > 0) console.log('Loaded ' + blocks.length + ' blocks via RPC fallback');
}
} catch (rpcErr) {
console.error('RPC fallback also failed:', rpcErr);
if (container) {
container.innerHTML = '#' + escapeHtml(String(d.blockNum)) + '
' +
'' + escapeHtml(shortenHash(d.hash)) + '
' +
'' +
'
Transactions' + escapeHtml(String(d.txCount)) + '
' +
'Time' + escapeHtml(d.timeAgo) + '
' +
'API temporarily unavailable. ' + escapeHtml((blockscoutError.message || 'Unknown error').substring(0, 150)) + '
';
}
return;
}
if (blocks.length === 0 && container) {
container.innerHTML = 'Could not load blocks.
';
return;
}
}
} else {
// For other networks, use Etherscan-compatible API
const blockData = await fetchAPI(`${API_BASE}?module=block&action=eth_block_number`);
if (!blockData || !blockData.result) {
throw new Error('Invalid response from API');
}
const latestBlock = parseInt(blockData.result, 16);
if (isNaN(latestBlock) || latestBlock < 0) {
throw new Error('Invalid block number');
}
// Fetch blocks one by one
for (let i = 0; i < 10 && latestBlock - i >= 0; i++) {
const blockNum = latestBlock - i;
try {
const block = await fetchAPI(`${API_BASE}?module=block&action=eth_get_block_by_number&tag=0x${blockNum.toString(16)}&boolean=false`);
if (block && block.result) {
blocks.push({
number: blockNum,
hash: block.result.hash,
timestamp: block.result.timestamp,
transaction_count: block.result.transactions ? block.result.transactions.length : 0
});
}
} catch (e) {
console.warn(`Failed to load block ${blockNum}:`, e);
}
}
}
const limitedBlocks = blocks.slice(0, 10);
const blockFilter = getExplorerPageFilter('homeBlocks');
const filteredBlocks = blockFilter ? limitedBlocks.filter(function(block) {
var d = normalizeBlockDisplay(block);
return matchesExplorerFilter([d.blockNum, d.hash, d.txCount, d.timestampFormatted, d.timeAgo].join(' '), blockFilter);
}) : limitedBlocks;
const filterBar = renderPageFilterBar('homeBlocks', 'Filter blocks by number, hash, tx count, or age...', 'Filters the live block cards below.', 'loadLatestBlocks()');
if (limitedBlocks.length === 0) {
if (container) container.innerHTML = filterBar + 'No blocks found.
';
} else if (filteredBlocks.length === 0) {
if (container) container.innerHTML = filterBar + 'No blocks match the current filter.
';
} else {
// Create HTML with duplicated blocks for seamless infinite loop
let html = filterBar + '';
html += '
';
if (container) container.innerHTML = html;
// Setup auto-scroll animation
const scrollContainer = document.getElementById('blocksScrollContainer');
const scrollContent = scrollContainer?.querySelector('.blocks-scroll-content');
if (scrollContainer && scrollContent) {
const cardWidth = 200 + 16; // card width (200px) + gap (16px = 1rem)
const singleSetWidth = filteredBlocks.length * cardWidth;
// Use CSS transform for smooth animation
let scrollPosition = 0;
let isPaused = false;
const scrollSpeed = 0.4; // pixels per frame (adjust for speed)
scrollContainer.addEventListener('mouseenter', () => {
isPaused = true;
});
scrollContainer.addEventListener('mouseleave', () => {
isPaused = false;
});
if (_blocksScrollAnimationId != null) {
cancelAnimationFrame(_blocksScrollAnimationId);
_blocksScrollAnimationId = null;
}
function animateScroll() {
if (!isPaused && scrollContent) {
scrollPosition += scrollSpeed;
if (scrollPosition >= singleSetWidth) scrollPosition = 0;
scrollContent.style.transform = 'translateX(-' + scrollPosition + 'px)';
}
_blocksScrollAnimationId = requestAnimationFrame(animateScroll);
}
setTimeout(function() {
_blocksScrollAnimationId = requestAnimationFrame(animateScroll);
}, 500);
}
// Remove animation classes after animation completes
setTimeout(() => {
container.querySelectorAll('.new-block').forEach(card => {
card.classList.remove('new-block');
});
}, 1000);
}
} catch (error) {
console.error('Failed to load latest blocks:', error);
if (container) container.innerHTML = '';
// First set of blocks (with animations for first 3)
filteredBlocks.forEach(function(block, index) {
var animationClass = index < 3 ? 'new-block' : '';
html += createBlockCardHtml(block, { animationClass: animationClass });
});
// Duplicate blocks for seamless infinite loop
filteredBlocks.forEach(function(block) {
html += createBlockCardHtml(block, {});
});
html += '
Failed to load blocks: ' + escapeHtml((error.message || 'Unknown error').substring(0, 200)) + '.
';
} finally {
loadingBlocks = false;
}
}
// Store previous transaction hashes for real-time updates
let previousTransactionHashes = new Set();
let transactionUpdateInterval = null;
async function loadLatestTransactions() {
const container = document.getElementById('latestTransactions');
if (!container) return;
try {
let response;
let rawTransactions = [];
// For ChainID 138, use Blockscout API
if (CHAIN_ID === 138) {
try {
response = await fetchAPIWithRetry(`${BLOCKSCOUT_API}/v2/transactions?page=1&page_size=10`);
rawTransactions = Array.isArray(response?.items) ? response.items : (Array.isArray(response?.data) ? response.data : []);
} catch (apiErr) {
console.warn('Blockscout transactions API failed, trying RPC fallback:', apiErr.message);
try {
const blockNumHex = await rpcCall('eth_blockNumber');
const latest = parseInt(blockNumHex, 16);
for (let i = 0; i < Math.min(5, latest + 1) && rawTransactions.length < 10; i++) {
const b = await rpcCall('eth_getBlockByNumber', ['0x' + (latest - i).toString(16), true]);
if (b && b.transactions) {
b.transactions.forEach(tx => {
if (typeof tx === 'object' && rawTransactions.length < 10) rawTransactions.push({ hash: tx.hash, from: tx.from, to: tx.to || null, value: tx.value || '0x0', block_number: parseInt(b.number, 16), created_at: b.timestamp ? new Date(parseInt(b.timestamp, 16) * 1000).toISOString() : null });
});
}
}
response = { items: rawTransactions };
} catch (rpcErr) {
console.error('RPC transactions fallback failed:', rpcErr);
if (container) container.innerHTML = 'API temporarily unavailable.
';
return;
}
}
} else {
response = await fetchAPIWithRetry(`${API_BASE}/v2/transactions?page=1&page_size=10`);
rawTransactions = Array.isArray(response?.items) ? response.items : (Array.isArray(response?.data) ? response.data : []);
}
// Normalize transactions using adapter
const transactions = rawTransactions.map(normalizeTransaction).filter(tx => tx !== null);
// Limit to 10 transactions
const limitedTransactions = transactions.slice(0, 10);
const txFilter = getExplorerPageFilter('homeTransactions');
const filteredTransactions = txFilter ? limitedTransactions.filter(function(tx) {
const hash = String(tx.hash || '');
const from = String(tx.from || '');
const to = String(tx.to || '');
const blockNumber = String(tx.block_number || '');
const value = String(tx.value || '0');
return matchesExplorerFilter([hash, from, to, blockNumber, formatEther(value)].join(' '), txFilter);
}) : limitedTransactions;
const filterBar = renderPageFilterBar('homeTransactions', 'Filter by hash, address, block, or value...', 'Filters the live transaction table below.', 'loadLatestTransactions()');
// Check for new transactions
const currentHashes = new Set(filteredTransactions.map(tx => String(tx.hash || '')));
const newTransactions = filteredTransactions.filter(tx => !previousTransactionHashes.has(String(tx.hash || '')));
// Update previous hashes
previousTransactionHashes = currentHashes;
// Show skeleton loader only on first load
if (container.innerHTML.includes('skeleton') || container.innerHTML.includes('Loading')) {
container.innerHTML = createSkeletonLoader('table');
}
let html = filterBar + '| Hash | From | To | Value | Block |
|---|---|---|---|---|
| No transactions found | ||||
| No transactions match the current filter. | ||||
| ' + escapeHtml(shortenHash(hash)) + ' | ' + formatAddressWithLabel(from) + ' | ' + (to ? formatAddressWithLabel(to) : '-') + ' | ' + escapeHtml(valueFormatted) + ' ETH | ' + escapeHtml(String(blockNumber)) + ' |
Failed to load transactions: ' + escapeHtml((error.message || 'Unknown error').substring(0, 200)) + '.
';
}
}
// Real-time transaction updates
function startTransactionUpdates() {
// Clear any existing interval
if (transactionUpdateInterval) {
clearInterval(transactionUpdateInterval);
}
// Update transactions every 5 seconds
transactionUpdateInterval = setInterval(() => {
if (currentView === 'home') {
loadLatestTransactions();
}
}, 5000);
}
function stopTransactionUpdates() {
if (transactionUpdateInterval) {
clearInterval(transactionUpdateInterval);
transactionUpdateInterval = null;
}
}
var blocksListPage = 1;
var transactionsListPage = 1;
var addressesListPage = 1;
const LIST_PAGE_SIZE = 25;
async function loadAllBlocks(page) {
if (page != null) blocksListPage = Math.max(1, parseInt(page, 10) || 1);
const container = document.getElementById('blocksList');
if (!container) { return; }
try {
container.innerHTML = ' Loading blocks...
';
let blocks = [];
if (CHAIN_ID === 138) {
blocks = await fetchChain138BlocksPage(blocksListPage, LIST_PAGE_SIZE);
} else {
// For other networks, use Etherscan-compatible API
const blockData = await fetchAPI(`${API_BASE}?module=block&action=eth_block_number`);
const latestBlock = parseInt(blockData.result, 16);
// Load last 50 blocks
for (let i = 0; i < 50 && latestBlock - i >= 0; i++) {
const blockNum = latestBlock - i;
try {
const block = await fetchAPI(`${API_BASE}?module=block&action=eth_get_block_by_number&tag=0x${blockNum.toString(16)}&boolean=false`);
if (block.result) {
blocks.push({
number: blockNum,
hash: block.result.hash,
timestamp: new Date(parseInt(block.result.timestamp, 16) * 1000).toISOString(),
transaction_count: block.result.transactions ? block.result.transactions.length : 0
});
}
} catch (e) {
// Skip failed blocks
}
}
}
const filter = getExplorerPageFilter('blocksList');
const filteredBlocks = filter ? blocks.filter(function(block) {
var d = normalizeBlockDisplay(block);
return matchesExplorerFilter([d.blockNum, d.hash, d.txCount, d.timestampFormatted, d.timeAgo].join(' '), filter);
}) : blocks;
const filterBar = renderPageFilterBar('blocksList', 'Filter blocks by number, hash, tx count, or age...', 'Filters the current page of blocks.', 'loadAllBlocks(' + blocksListPage + ')');
let html = filterBar + '| Block | Hash | Transactions | Timestamp |
|---|---|---|---|
| No blocks found | |||
| No blocks match the current filter | |||
| ' + blockLink + ' | ' + hashLink + ' | ' + escapeHtml(String(d.txCount)) + ' | ' + escapeHtml(d.timestampFormatted) + ' |
Failed to load blocks: ' + escapeHtml(error.message || 'Unknown error') + '.
';
}
}
async function loadAllTransactions(page) {
if (page != null) transactionsListPage = Math.max(1, parseInt(page, 10) || 1);
const container = document.getElementById('transactionsList');
if (!container) { return; }
try {
container.innerHTML = ' Loading transactions...
';
let transactions = [];
if (CHAIN_ID === 138) {
transactions = await fetchChain138TransactionsPage(transactionsListPage, LIST_PAGE_SIZE);
} else {
// For other networks, use Etherscan-compatible API
const blockData = await fetchAPI(`${API_BASE}?module=block&action=eth_block_number`);
if (!blockData || !blockData.result) {
throw new Error('Failed to get latest block number');
}
const latestBlock = parseInt(blockData.result, 16);
if (isNaN(latestBlock) || latestBlock < 0) {
throw new Error('Invalid block number');
}
const maxTxs = 50;
// Get transactions from recent blocks
for (let blockNum = latestBlock; blockNum >= 0 && transactions.length < maxTxs; blockNum--) {
try {
const block = await fetchAPI(`${API_BASE}?module=block&action=eth_get_block_by_number&tag=0x${blockNum.toString(16)}&boolean=true`);
if (block.result && block.result.transactions) {
for (const tx of block.result.transactions) {
if (transactions.length >= maxTxs) break;
if (typeof tx === 'object') {
transactions.push({
hash: tx.hash,
from: tx.from,
to: tx.to,
value: tx.value || '0',
block_number: blockNum
});
}
}
}
} catch (e) {
// Skip failed blocks
}
}
}
const filter = getExplorerPageFilter('transactionsList');
const filteredTransactions = filter ? transactions.filter(function(tx) {
const hash = String(tx.hash || '');
const from = String(tx.from || '');
const to = String(tx.to || '');
const blockNumber = String(tx.block_number || '');
const value = String(tx.value || '0');
return matchesExplorerFilter([hash, from, to, blockNumber, formatEther(value)].join(' '), filter);
}) : transactions;
const filterBar = renderPageFilterBar('transactionsList', 'Filter transactions by hash, address, block, or value...', 'Filters the current page of transactions.', 'loadAllTransactions(' + transactionsListPage + ')');
let html = filterBar + '| Hash | From | To | Value | Block |
|---|---|---|---|---|
| No transactions found | ||||
| No transactions match the current filter | ||||
| ' + hashLink + ' | ' + fromLink + ' | ' + toLink + ' | ' + escapeHtml(valueFormatted) + ' ETH | ' + blockLink + ' |
Failed to load transactions: ' + escapeHtml(error.message || 'Unknown error') + '.
';
}
}
async function loadAllAddresses(page) {
if (page != null) addressesListPage = Math.max(1, parseInt(page, 10) || 1);
const container = document.getElementById('addressesList');
if (!container) { return; }
try {
container.innerHTML = ' Loading addresses...
';
const params = new URLSearchParams({
page: String(addressesListPage),
page_size: String(LIST_PAGE_SIZE)
});
const q = getExplorerPageFilter('addressesList');
if (q) params.set('q', q);
let addresses = [];
if (CHAIN_ID === 138) {
try {
const response = await fetchAPIWithRetry(`${BLOCKSCOUT_API}/v2/addresses?${params.toString()}`);
const items = response && (response.items || response.data);
if (Array.isArray(items) && items.length > 0) {
addresses = items.map(normalizeAddress).filter(function(addr) { return addr !== null; });
}
} catch (blockscoutError) {
console.warn('Blockscout address list failed, trying explorer API:', blockscoutError.message || blockscoutError);
}
}
if (addresses.length === 0) {
const response = await fetchAPIWithRetry(`${API_BASE}/v1/addresses?${params.toString()}`);
const items = response && (response.data || response.items || []);
addresses = Array.isArray(items) ? items.map(normalizeAddress).filter(function(addr) { return addr !== null; }) : [];
}
const filter = getExplorerPageFilter('addressesList');
const filteredAddresses = filter ? addresses.filter(function(item) {
return matchesExplorerFilter([
item.address,
item.label || '',
item.is_contract ? 'contract' : 'externally owned',
item.tx_sent,
item.tx_received,
item.transaction_count,
item.token_count,
item.first_seen_at || '',
item.last_seen_at || ''
].join(' '), filter);
}) : addresses;
const filterBar = renderPageFilterBar('addressesList', 'Filter addresses by address, label, type, or activity...', 'Filters the indexed address list below.', 'loadAllAddresses(' + addressesListPage + ')');
let html = filterBar + '| Address | Label | Type | Tx Sent | Tx Received | Tokens | Last Seen |
|---|---|---|---|---|---|---|
| No addresses found | ||||||
| No addresses match the current filter | ||||||
| ' + escapeHtml(shortenHash(addr)) + ' | '; html += '' + escapeHtml(label || '—') + ' | '; html += '' + escapeHtml(type) + ' | '; html += '' + escapeHtml(String(txSent)) + ' | '; html += '' + escapeHtml(String(txReceived)) + ' | '; html += '' + escapeHtml(String(tokenCount)) + ' | '; html += '' + escapeHtml(lastSeen) + ' | '; html += '
Failed to load addresses: ' + escapeHtml(error.message || 'Unknown error') + '.
';
}
}
window._loadAllAddresses = loadAllAddresses;
window.loadAllAddresses = loadAllAddresses;
async function loadTokensList() {
var container = document.getElementById('tokensListContent');
if (!container) return;
try {
container.innerHTML = ' Loading tokens...
';
if (CHAIN_ID === 138) {
try {
var resp = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/tokens?page=1&page_size=100').catch(function() { return null; });
var items = (resp && (resp.items || resp.data)) || (Array.isArray(resp) ? resp : null);
if (items && items.length > 0) {
var knownTokens = {
'0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2': { name: 'Wrapped Ether', symbol: 'WETH' },
'0xf4bb2e28688e89fcce3c0580d37d36a7672e8a9f': { name: 'Wrapped Ether v10', symbol: 'WETH' }
};
var filter = getExplorerPageFilter('tokensList');
var filteredItems = filter ? items.filter(function(t) {
var addr = (t.address && (t.address.hash || t.address)) || t.address_hash || t.token_address || t.contract_address_hash || '';
var known = addr ? knownTokens[addr.toLowerCase()] : null;
var name = (known && known.name) || t.name || t.symbol || (known && known.symbol) || '-';
var symbolDisplay = (known && known.symbol) || t.symbol || '';
var type = t.type || 'ERC-20';
return matchesExplorerFilter([addr, name, symbolDisplay, type].join(' '), filter);
}) : items;
var filterBar = renderPageFilterBar('tokensList', 'Filter by token name, symbol, contract, or type...', 'Filters the indexed token list below.', 'loadTokensList()');
var html = filterBar + '| Token | Contract | Type | |
|---|---|---|---|
| ' + escapeHtml(name) + (symbolDisplay ? ' (' + escapeHtml(symbolDisplay) + ')' : '') + ' | ' + escapeHtml(shortenHash(addr)) + ' | ' + escapeHtml(type) + ' | |
| No tokens match the current filter. | |||
No token index available. Use the search bar to find tokens by name, symbol, or contract address (0x...).
'; } catch (err) { container.innerHTML = renderPageFilterBar('tokensList', 'Filter by token name, symbol, contract, or type...', 'Filters the indexed token list below.', 'loadTokensList()') + 'Failed to load tokens. Use the search bar to find a token by address or name.
';
}
}
window._loadTokensList = loadTokensList;
function normalizeRouteStatus(status) {
return status || 'unavailable';
}
function renderRouteMetric(label, value) {
return '' + escapeHtml(label) + '' + escapeHtml(value) + '
';
}
function renderRouteNode(node, depthLevel) {
var indent = Math.max(0, depthLevel || 0) * 1.05;
var status = normalizeRouteStatus(node.status);
var statusColor = status === 'live' ? '#16a34a' : status === 'partial' ? '#f59e0b' : status === 'stale' ? '#d97706' : '#dc2626';
var html = '';
html += '
';
return html;
}
function renderMissingQuotePools(missingPools) {
if (!missingPools || !missingPools.length) {
return '';
html += '
';
html += '';
html += '
';
html += '' + escapeHtml(status) + '';
html += '' + escapeHtml(node.kind || 'route') + '
';
html += '' + escapeHtml(node.label || 'Untitled route') + '
';
html += '';
html += renderRouteMetric('Chain', (node.chainName || 'Chain') + ' (' + (node.chainId || '-') + ')');
if (node.dexType) html += renderRouteMetric('DEX', node.dexType);
if (node.poolAddress) html += renderRouteMetric('Pool', shortenHash(node.poolAddress));
if (node.depth) {
html += renderRouteMetric('TVL', '$' + Number(node.depth.tvlUsd || 0).toFixed(2));
html += renderRouteMetric('Capacity', '$' + Number(node.depth.estimatedTradeCapacityUsd || 0).toFixed(2));
html += renderRouteMetric('Freshness', node.depth.freshnessSeconds == null ? 'n/a' : node.depth.freshnessSeconds + 's');
}
html += '
';
if (node.notes && node.notes.length) {
html += '- ';
node.notes.forEach(function(note) {
html += '
- ' + escapeHtml(note) + ' '; }); html += '
';
node.children.forEach(function(child) {
html += renderRouteNode(child, (depthLevel || 0) + 1);
});
html += '
';
}
html += 'No quote-token metadata gaps detected in the current indexed pool set.
';
}
var html = '| Pool | Chain | Token 0 | Token 1 | Reason |
|---|---|---|---|---|
| ' + escapeHtml(shortenHash(pool.poolAddress)) + ' | '; html += '' + escapeHtml(String(pool.chainId)) + ' | '; html += '' + escapeHtml((pool.token0Symbol || '') + ' ' + shortenHash(pool.token0Address)) + ' | '; html += '' + escapeHtml((pool.token1Symbol || '') + ' ' + shortenHash(pool.token1Address)) + ' | '; html += '' + escapeHtml(pool.reason || 'Missing quote token metadata') + ' | '; html += '
| Probe | Direct Pools | Missing Quote Pools | Decision | Freshest Status |
|---|---|---|---|---|
| ' + escapeHtml((entry.query.pairLabel || entry.query.title || entry.query.symbol || 'probe') + ' ' + shortenHash(entry.query.tokenIn)) + ' | '; html += '' + escapeHtml(String(pools.length)) + ' | '; html += '' + escapeHtml(String(missing.length)) + ' | '; html += '' + escapeHtml(response.decision || 'unresolved') + ' | '; html += '' + escapeHtml(freshest) + ' | '; html += '
';
html += '
';
return html;
}
function updatePoolsMissingQuoteBadge(count) {
var badge = document.getElementById('poolsMissingQuoteBadge');
if (!badge) return;
var n = Math.max(0, Number(count || 0));
badge.textContent = 'Missing quote routes ' + String(n);
badge.style.display = n > 0 ? 'inline-block' : 'none';
}
async function loadLiveRouteTrees(targetId) {
var containerId = targetId || (currentView === 'routes' ? 'routesRouteTreeContent' : 'poolRouteTreeContent');
var container = document.getElementById(containerId);
if (!container) return;
container.innerHTML = '';
html += '
';
html += '';
html += '
';
html += '';
html += '' + escapeHtml(entry.query.title) + '
'; html += 'Decision: ' + decisionLabel + ' | Generated: ' + escapeHtml((response.generatedAt || '').replace('T', ' ').replace('Z', ' UTC')) + '
';
html += '';
if (response.source) {
html += '
';
if (rootNodes.length === 0) {
html += '';
html += '
';
}
if (response.destination) {
html += 'Source
';
html += '' + escapeHtml(response.source.chainName || 'Chain 138') + '
';
html += '' + escapeHtml(response.source.tokenIn ? (response.source.tokenIn.symbol + ' ' + shortenHash(response.source.tokenIn.address)) : entry.query.title) + '
';
html += '';
html += '
';
}
html += 'Destination
';
html += '' + escapeHtml(response.destination.chainName || 'Destination') + '
';
html += 'Chain ' + escapeHtml(String(response.destination.chainId || '-')) + '
';
html += '';
html += '
';
html += 'Coverage
';
html += '' + escapeHtml(String((response.pools || []).length)) + ' direct pool(s)
';
html += '' + escapeHtml(String((response.missingQuoteTokenPools || []).length)) + ' missing quote-token pool(s)
';
html += 'No live route nodes available for this query yet.
';
} else {
rootNodes.slice(0, 4).forEach(function(node) {
html += renderRouteNode(node, 0);
});
}
html += ' Loading live route tree...
';
try {
var ctx = await fetchCurrentPmmContext();
var priorityQueries = buildRoutePriorityQueries(ctx);
var sweepQueries = buildRouteSweepQueries(ctx);
var priorityResults = await Promise.allSettled(priorityQueries.map(fetchRouteTree));
var sweepResults = await Promise.allSettled(sweepQueries.map(fetchRouteTree));
var priorityOkResults = priorityResults.filter(function(result) { return result.status === 'fulfilled'; }).map(function(result) { return result.value; });
var priorityErrors = priorityResults.filter(function(result) { return result.status === 'rejected'; });
var sweepOkResults = sweepResults.filter(function(result) { return result.status === 'fulfilled'; }).map(function(result) { return result.value; });
var allSweepMissing = uniqueMissingQuotePools(sweepOkResults);
var html = '';
html += '';
return html;
}
function renderRoutesView() {
showView('routes');
if ((window.location.pathname || '').replace(/^\//, '').split('/')[0] !== 'routes') updatePath('/routes');
updateBreadcrumb('routes');
var container = document.getElementById('routesContent');
if (!container) return;
container.innerHTML = buildRoutesLandingHtml();
setTimeout(function() {
loadLiveRouteTrees('routesRouteTreeContent');
}, 0);
_poolsRouteTreeRefreshTimer = setInterval(function() {
if (currentView === 'routes') {
loadLiveRouteTrees('routesRouteTreeContent');
}
}, ROUTE_TREE_REFRESH_MS);
}
window.renderRoutesView = renderRoutesView;
function summarizePoolRows(rows) {
var summary = {
liveLocal: 0,
externalMainnet: 0,
notYetCreated: 0,
missingCode: 0,
partial: 0,
};
(rows || []).forEach(function(row) {
var status = String((row && row.status) || '').toLowerCase();
if (status.indexOf('funded (live)') !== -1 || status.indexOf('deployed (live)') !== -1) {
summary.liveLocal += 1;
return;
}
if (status.indexOf('external / mainnet') !== -1 || status.indexOf('external / not on chain 138') !== -1) {
summary.externalMainnet += 1;
return;
}
if (status.indexOf('not created') !== -1) {
summary.notYetCreated += 1;
return;
}
if (status.indexOf('missing code') !== -1) {
summary.missingCode += 1;
return;
}
if (status.indexOf('partially funded') !== -1 || status.indexOf('created (unfunded)') !== -1) {
summary.partial += 1;
}
});
return summary;
}
function toCsv(rows) {
return rows.map(function(row) {
return row.map(function(cell) {
return '"' + String(cell == null ? '' : cell).replace(/"/g, '""') + '"';
}).join(',');
}).join('\n');
}
function exportPoolsCSV() {
if (!latestPoolsSnapshot || !Array.isArray(latestPoolsSnapshot.rows)) {
showToast('Pools data is not ready yet', 'error');
return;
}
var summary = latestPoolsSnapshot.summary || {};
var rows = latestPoolsSnapshot.rows || [];
var csvRows = [
['Section', 'Metric', 'Value'],
['Summary', 'Generated At', latestPoolsSnapshot.generatedAt || ''],
['Summary', 'Live local pools', summary.liveLocal || 0],
['Summary', 'External Mainnet-side', summary.externalMainnet || 0],
['Summary', 'Not yet created', summary.notYetCreated || 0],
['Summary', 'Needs attention', (summary.missingCode || 0) + (summary.partial || 0)],
[],
['Category', 'Pool Pair', 'System', 'Address', 'Status', 'Notes']
];
rows.forEach(function(row) {
csvRows.push([
row.category || '',
row.poolPair || '',
row.poolType || '',
row.address || '',
row.status || '',
row.notes || ''
]);
});
var blob = new Blob([toCsv(csvRows)], { type: 'text/csv' });
var url = URL.createObjectURL(blob);
var a = document.createElement('a');
a.href = url;
a.download = 'pools-status.csv';
a.click();
URL.revokeObjectURL(url);
showToast('CSV downloaded', 'success');
}
function exportPoolsJSON() {
if (!latestPoolsSnapshot) {
showToast('Pools data is not ready yet', 'error');
return;
}
var blob = new Blob([JSON.stringify(latestPoolsSnapshot, null, 2)], { type: 'application/json' });
var url = URL.createObjectURL(blob);
var a = document.createElement('a');
a.href = url;
a.download = 'pools-status.json';
a.click();
URL.revokeObjectURL(url);
showToast('JSON downloaded', 'success');
}
window.exportPoolsCSV = exportPoolsCSV;
window.exportPoolsJSON = exportPoolsJSON;
async function renderPoolsView() {
showView('pools');
if ((window.location.pathname || '').replace(/^\//, '').split('/')[0] !== 'pools') updatePath('/pools');
var container = document.getElementById('poolsContent');
if (_poolsRouteTreeRefreshTimer) {
clearInterval(_poolsRouteTreeRefreshTimer);
_poolsRouteTreeRefreshTimer = null;
}
if (!container) return;
try {
container.innerHTML = '
';
html += '
`;
container.innerHTML = html;
} catch (error) {
container.innerHTML = '';
}
function renderInspectorHtmlLine(label, valueHtml) {
return '';
}
function renderInspectorTextLine(label, value, copyValue) {
if (value == null || value === '') return renderInspectorHtmlLine(label, 'N/A');
return renderInspectorHtmlLine(label, renderInspectorCopyRow('' + escapeHtml(String(value)) + '', copyValue, 'Copy ' + label));
}
function renderInspectorCodeLine(label, value, copyValue) {
if (value == null || value === '') return renderInspectorHtmlLine(label, 'N/A');
return renderInspectorHtmlLine(label, renderInspectorCopyRow('' + escapeHtml(String(index)) + ' ' + escapeHtml(String(offsetBytes)) + ' / 0x' + escapeHtml(offsetBytes.toString(16)) + ' ' + escapeHtml(hexWord) + ' ' + (decimalPreview ? escapeHtml(decimalPreview) : 'N/A') + '
';
}
async function renderBlockDetail(blockNumber) {
const bn = safeBlockNumber(blockNumber);
if (!bn) { showToast('Invalid block number', 'error'); return; }
blockNumber = bn;
currentDetailKey = 'block:' + blockNumber;
showView('blockDetail');
updatePath('/blocks/' + blockNumber);
const container = document.getElementById('blockDetail');
updateBreadcrumb('block', blockNumber);
container.innerHTML = createSkeletonLoader('detail');
try {
let b;
// For ChainID 138, use Blockscout API directly
var rawBlockResponse = null;
if (CHAIN_ID === 138) {
try {
var detailResult = await fetchChain138BlockDetail(blockNumber);
rawBlockResponse = detailResult.rawBlockResponse;
b = detailResult.block;
if (!b) {
throw new Error('Block not found');
}
} catch (error) {
container.innerHTML = '
${b.base_fee_per_gas ? `
` : ''}
${b.burnt_fees && parseInt(b.burnt_fees) > 0 ? `
` : ''}
${(rawBlockResponse && (rawBlockResponse.consensus !== undefined || rawBlockResponse.finality !== undefined || rawBlockResponse.validated !== undefined)) ? '' : ''}
`;
} else {
container.innerHTML = '
${t.max_fee_per_gas ? `` : ''}
${priorityFeeValue ? `` : ''}
${!t.max_fee_per_gas && t.gas_price ? `` : ''}
${t.tx_burnt_fee && parseInt(t.tx_burnt_fee) > 0 ? `` : ''}
${t.contract_address ? `` : ''}
`;
if (CHAIN_ID === 138) {
mainHtml += buildBridgeTraceCardHtml(t.to, []);
}
mainHtml += `
${executionMetaHtml}
${renderInspectorTextLine('Method Selector', methodSelector, methodSelector)}
${renderInspectorTextLine('Confirmations', t.confirmations != null ? String(t.confirmations) : '', t.confirmations != null ? String(t.confirmations) : null)}
${renderInspectorTextLine('Confirmation Duration', confirmationDuration)}
${renderInspectorTextLine('Transaction Tag', rawTx && rawTx.transaction_tag ? String(rawTx.transaction_tag) : '')}
${renderInspectorTextLine('Actions Indexed', rawTx && Array.isArray(rawTx.actions) ? String(actionsCount) : '')}
${renderInspectorTextLine('Token Transfers Indexed', rawTx && Array.isArray(rawTx.token_transfers) ? String(tokenTransferCount) : '')}
${renderInspectorTextLine('Authorization Entries', rawTx && Array.isArray(rawTx.authorization_list) ? String(authorizationCount) : '')}
${renderInspectorTextLine('Exchange Rate', rawTx && rawTx.exchange_rate ? String(rawTx.exchange_rate) + ' USD/ETH' : '')}
${renderInspectorTextLine('Base Fee', baseFeeGwei ? baseFeeGwei + ' Gwei' : '')}
${renderInspectorTextLine('Internal Trace State', rawTx && rawTx.has_error_in_internal_transactions != null ? (rawTx.has_error_in_internal_transactions ? 'Errors recorded in internal transactions' : 'Clean / no internal errors flagged') : '')}
`;
if (revertReason && t.status !== 1) {
const reasonStr = typeof revertReason === 'string' ? revertReason : (revertReason.message || JSON.stringify(revertReason));
mainHtml += `
`;
}
if (inputHex || decodedInput || methodSelector) {
mainHtml += ``;
mainHtml += '';
}
if (numericInspectorHtml) {
mainHtml += `
`;
}
mainHtml += `
`;
container.innerHTML = mainHtml;
if (CHAIN_ID === 138) {
const internalCard = document.createElement('div');
internalCard.className = 'card';
internalCard.style.marginTop = '1rem';
internalCard.innerHTML = '
';
internalEl.innerHTML = tbl;
}
}
const logsEl = document.getElementById('txLogs');
if (logsEl) {
const logsFilter = getExplorerPageFilter('txLogs');
const reloadLogsJs = 'showTransactionDetail(\'' + txHash.replace(/\\/g, '\\\\').replace(/'/g, "\\'") + '\')';
const logsFilterBar = renderPageFilterBar('txLogs', 'Filter by address, topics, data, or decoded text...', 'Filters the event logs below.', reloadLogsJs);
if (logs.length === 0) {
logsEl.innerHTML = logsFilterBar + '
${a.creation_tx_hash ? `` : ''}
${a.first_seen_at ? `` : ''}
${a.last_seen_at ? `` : ''}
${isContract ? '' : ''}
`;
function switchAddressTab(tabName, addr) {
document.querySelectorAll('.address-tab-content').forEach(function(el) { el.style.display = 'none'; });
document.querySelectorAll('.tabs .tab').forEach(function(t) { t.classList.remove('active'); });
if (tabName === 'transactions') {
document.getElementById('addressTabTransactions').style.display = 'block';
document.getElementById('addrTabTxs').classList.add('active');
} else if (tabName === 'tokens') {
document.getElementById('addressTabTokens').style.display = 'block';
document.getElementById('addrTabTokens').classList.add('active');
loadAddressTokenBalances(addr);
} else if (tabName === 'internal') {
document.getElementById('addressTabInternal').style.display = 'block';
document.getElementById('addrTabInternal').classList.add('active');
loadAddressInternalTxns(addr);
} else if (tabName === 'nfts') {
document.getElementById('addressTabNfts').style.display = 'block';
document.getElementById('addrTabNfts').classList.add('active');
loadAddressNftInventory(addr);
} else if (tabName === 'contract') {
var contractPanel = document.getElementById('addressTabContract');
var contractTab = document.getElementById('addrTabContract');
if (contractPanel && contractTab) {
contractPanel.style.display = 'block';
contractTab.classList.add('active');
loadAddressContractInfo(addr);
}
}
}
window.switchAddressTab = switchAddressTab;
async function loadAddressTokenBalances(addr) {
const el = document.getElementById('addressTokenBalances');
if (!el || el.dataset.loaded === '1') return;
try {
const r = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/addresses/' + addr + '/token-balances').catch(function() { return { items: [] }; });
const r2 = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/addresses/' + addr + '/token_balances').catch(function() { return { items: [] }; });
const items = (r.items || r).length ? (r.items || r) : (r2.items || r2);
el.dataset.loaded = '1';
const filter = getExplorerPageFilter('addressTokenBalances');
const reloadJs = 'showAddressDetail(\'' + addr.replace(/\\/g, '\\\\').replace(/'/g, "\\'") + '\')';
const filterBar = renderPageFilterBar('addressTokenBalances', 'Filter by token name, contract, balance, or type...', 'Filters the token balances below.', reloadJs);
if (!items || items.length === 0) {
el.innerHTML = filterBar + '
';
el.innerHTML = tbl;
} catch (e) {
el.innerHTML = '
';
el.innerHTML = tbl;
} catch (e) {
el.innerHTML = '
';
el.innerHTML = tbl;
} catch (e) {
el.innerHTML = '';
html += '';
var viewFns = (Array.isArray(abi) ? abi : []).filter(function(x) { return x.type === 'function' && (x.stateMutability === 'view' || x.stateMutability === 'pure' || (x.constant === true)); });
if (viewFns.length > 0) {
html += '';
}
var writeFns = (Array.isArray(abi) ? abi : []).filter(function(x) { return x.type === 'function' && x.stateMutability !== 'view' && x.stateMutability !== 'pure' && !x.constant; });
if (writeFns.length > 0) {
html += '';
}
html += '
';
txContainer.innerHTML = txHtml;
} else {
txContainer.innerHTML = filterBar + '';
html += '';
html += '';
html += '';
html += '';
html += '';
if (CHAIN_ID === 138) {
try {
var pRes = await fetch(TOKEN_AGGREGATION_API_BASE + '/v1/tokens/' + encodeURIComponent(tokenAddress) + '/pools?chainId=138');
if (pRes.ok) {
var pJ = await pRes.json();
var plist = (pJ && pJ.pools) ? pJ.pools : [];
html += '
';
}
html += '';
}
} catch (poolsErr) {}
}
const transfersFilter = getExplorerPageFilter('tokenTransfers');
const transfersFilterBar = renderPageFilterBar('tokenTransfers', 'Filter by from, to, value, or tx hash...', 'Filters the recent transfers below.', 'showTokenDetail(\'' + addrEsc + '\')');
html += '
';
}
html += '';
container.innerHTML = html;
} catch (err) {
container.innerHTML = '';
html += '';
if (data) {
if (data.metadata && data.metadata.image) {
html += ' + ')
';
}
if (data.name) html += '';
if (data.description) html += '';
if (data.owner) { var ownerAddr = (data.owner.hash || data.owner); html += ''; }
if (data.metadata && data.metadata.attributes && Array.isArray(data.metadata.attributes)) {
html += '';
}
}
html += '';
container.innerHTML = html;
} catch (err) {
container.innerHTML = '
';
container.innerHTML = html;
}
window.showSearchResultsList = showSearchResultsList;
async function handleSearch(query) {
query = query.trim();
if (!query) {
showToast('Please enter a search query', 'info');
return;
}
saveSmartSearchHistory(query);
closeSmartSearchModal();
const normalizedQuery = query.toLowerCase().replace(/\s/g, '');
try {
if (/^0x[a-f0-9]{40}$/i.test(normalizedQuery)) {
await showAddressDetail(normalizedQuery);
return;
}
if (/^0x[a-f0-9]{64}$/i.test(normalizedQuery)) {
await showTransactionDetail(normalizedQuery);
return;
}
if (/^\d+$/.test(query)) {
await showBlockDetail(query);
return;
}
if (/^0x[a-f0-9]+$/i.test(normalizedQuery)) {
const blockNum = parseInt(normalizedQuery, 16);
if (!isNaN(blockNum)) {
await showBlockDetail(blockNum.toString());
return;
}
}
if (CHAIN_ID === 138) {
var searchResults = null;
try {
searchResults = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/search?q=' + encodeURIComponent(query));
} catch (e) {}
if (searchResults && searchResults.items && searchResults.items.length > 0) {
showSearchResultsList(searchResults.items, query);
return;
}
if (/^0x[a-f0-9]{8,64}$/i.test(normalizedQuery)) {
try {
var txResp = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/transactions/' + normalizedQuery);
if (txResp && (txResp.hash || txResp.tx_hash)) {
var fullHash = txResp.hash || txResp.tx_hash;
await showTransactionDetail(fullHash);
return;
}
} catch (e) {}
showToast('No unique result for partial hash. Use at least 0x + 8 hex characters, or full tx hash (0x + 64 hex).', 'info');
return;
}
}
showToast('Invalid search. Try address (0x...40 hex), tx hash (0x...64 hex or 0x+8 hex), block number, or token/contract name.', 'error');
} catch (error) {
console.error('Search error:', error);
showToast('Failed to load search results: ' + (error.message || 'Unknown error'), 'error');
}
}
window.handleSearch = handleSearch;
function getTimeAgo(date) {
if (!date || !(date instanceof Date) || isNaN(date.getTime())) {
return 'N/A';
}
const now = new Date();
const diffMs = now - date;
const diffSecs = Math.floor(diffMs / 1000);
const diffMins = Math.floor(diffSecs / 60);
const diffHours = Math.floor(diffMins / 60);
const diffDays = Math.floor(diffHours / 24);
if (diffSecs < 60) {
return `${diffSecs}s ago`;
} else if (diffMins < 60) {
return `${diffMins}m ago`;
} else if (diffHours < 24) {
return `${diffHours}h ago`;
} else if (diffDays < 7) {
return `${diffDays}d ago`;
} else {
return date.toLocaleDateString();
}
}
function formatNumber(num) {
return parseInt(num || 0).toLocaleString();
}
function shortenHash(hash, length = 10) {
if (!hash) return 'N/A';
// Convert to string if it's not already
const hashStr = String(hash);
if (hashStr.length <= length * 2 + 2) return hashStr;
return hashStr.substring(0, length + 2) + '...' + hashStr.substring(hashStr.length - length);
}
function toBigIntValue(value) {
if (typeof value === 'bigint') return value;
if (typeof value === 'number') {
if (!isFinite(value)) return 0n;
return BigInt(Math.trunc(value));
}
var stringValue = String(value == null ? '0' : value).trim();
if (!stringValue) return 0n;
try {
if (/^0x/i.test(stringValue) || /^-?\d+$/.test(stringValue)) {
return BigInt(stringValue);
}
} catch (e) {}
var parsed = Number(stringValue);
if (!isFinite(parsed)) return 0n;
return BigInt(Math.trunc(parsed));
}
function formatUnits(value, decimals, fractionDigits) {
try {
var bigValue = toBigIntValue(value);
var precision = Math.max(0, Math.min(decimals, fractionDigits == null ? 6 : fractionDigits));
var divisor = 10n ** BigInt(decimals);
var whole = bigValue / divisor;
var fraction = bigValue % divisor;
if (fraction < 0) fraction = -fraction;
if (precision === 0) return whole.toString();
var scale = 10n ** BigInt(decimals - precision);
var truncatedFraction = (fraction / scale).toString().padStart(precision, '0').replace(/0+$/, '');
if (!truncatedFraction) return whole.toString();
return whole.toString() + '.' + truncatedFraction;
} catch (e) {
return '0';
}
}
function formatDecimalStringWithGrouping(value) {
var stringValue = String(value == null ? '0' : value).trim();
if (!stringValue) return '0';
var negative = stringValue.charAt(0) === '-';
if (negative) stringValue = stringValue.slice(1);
var parts = stringValue.split('.');
var whole = (parts[0] || '0').replace(/\B(?=(\d{3})+(?!\d))/g, ',');
var fraction = parts.length > 1 && parts[1] ? '.' + parts[1] : '';
return (negative ? '-' : '') + whole + fraction;
}
function formatUnitsLocalized(value, decimals, fractionDigits) {
return formatDecimalStringWithGrouping(formatUnits(value, decimals, fractionDigits));
}
function parseDecimalToUnits(value, decimals) {
var stringValue = String(value == null ? '' : value).trim();
if (!stringValue || !/^\d+(\.\d+)?$/.test(stringValue)) return null;
var parts = stringValue.split('.');
var whole = BigInt(parts[0] || '0');
var fraction = parts[1] || '';
if (fraction.length > decimals) return null;
var paddedFraction = decimals > 0 ? fraction.padEnd(decimals, '0') : '';
return whole * (10n ** BigInt(decimals)) + BigInt(paddedFraction || '0');
}
function formatEther(wei, unit = 'ether') {
return formatUnits(wei, unit === 'gwei' ? 9 : 18, 6);
}
function getExplorerAIPageContext() {
return {
path: (window.location && window.location.pathname) ? window.location.pathname : '/',
view: currentView || 'home'
};
}
function renderExplorerAIMessages() {
var list = document.getElementById('explorerAIMessageList');
var status = document.getElementById('explorerAIStatus');
if (!list) return;
list.innerHTML = _explorerAIState.messages.map(function(message) {
var isAssistant = message.role === 'assistant';
var bubbleStyle = isAssistant
? 'background: rgba(37,99,235,0.10); border:1px solid rgba(37,99,235,0.18);'
: 'background: rgba(15,23,42,0.06); border:1px solid rgba(148,163,184,0.25);';
return '';
}
list.scrollTop = list.scrollHeight;
if (status) {
status.textContent = _explorerAIState.loading
? 'Querying explorer data and the model...'
: 'Read-only assistant using indexed explorer data, route APIs, and curated docs.';
}
}
function setExplorerAIOpen(open) {
_explorerAIState.open = !!open;
var panel = document.getElementById('explorerAIPanel');
var button = document.getElementById('explorerAIFab');
if (panel) panel.style.display = open ? 'flex' : 'none';
if (button) button.setAttribute('aria-expanded', open ? 'true' : 'false');
if (open) {
renderExplorerAIMessages();
var input = document.getElementById('explorerAIInput');
if (input) setTimeout(function() { input.focus(); }, 30);
}
}
function toggleExplorerAIPanel(forceOpen) {
if (typeof forceOpen === 'boolean') {
setExplorerAIOpen(forceOpen);
return;
}
setExplorerAIOpen(!_explorerAIState.open);
}
window.toggleExplorerAIPanel = toggleExplorerAIPanel;
function buildExplorerAISourceSummary(context) {
if (!context || !Array.isArray(context.sources) || !context.sources.length) return '';
return context.sources.map(function(source) {
return source.label || source.type || 'source';
}).filter(Boolean).join(' | ');
}
async function submitExplorerAIMessage(prefill) {
var input = document.getElementById('explorerAIInput');
var raw = typeof prefill === 'string' ? prefill : (input ? input.value : '');
var question = String(raw || '').trim();
if (!question || _explorerAIState.loading) return;
_explorerAIState.messages.push({ role: 'user', content: question });
if (input) input.value = '';
_explorerAIState.loading = true;
renderExplorerAIMessages();
try {
var payload = {
messages: _explorerAIState.messages.slice(-8),
pageContext: getExplorerAIPageContext()
};
var response = await postJSON(EXPLORER_AI_API_BASE + '/chat', payload);
var reply = (response && response.reply) ? String(response.reply) : 'No reply returned.';
var sourceSummary = buildExplorerAISourceSummary(response && response.context);
if (sourceSummary) {
reply += '\n\nSources: ' + sourceSummary;
}
if (response && Array.isArray(response.warnings) && response.warnings.length) {
reply += '\n\nWarnings: ' + response.warnings.join(' | ');
}
_explorerAIState.messages.push({ role: 'assistant', content: reply });
} catch (error) {
_explorerAIState.messages.push({
role: 'assistant',
content: 'Explorer AI could not complete that request.\n\n' + (error && error.message ? error.message : 'Unknown error') + '\n\nIf this is production, confirm the backend has OPENAI_API_KEY and TOKEN_AGGREGATION_API_BASE configured.'
});
} finally {
_explorerAIState.loading = false;
renderExplorerAIMessages();
}
}
window.submitExplorerAIMessage = submitExplorerAIMessage;
function initExplorerAIPanel() {
if (document.getElementById('explorerAIPanel') || !document.body) return;
var style = document.createElement('style');
style.textContent = `
#explorerAIFab {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 20010;
border: 0;
border-radius: 999px;
padding: 0.9rem 1rem;
background: linear-gradient(135deg, #0f172a, #2563eb);
color: #fff;
box-shadow: 0 16px 36px rgba(15,23,42,0.28);
cursor: pointer;
font-weight: 700;
letter-spacing: 0.02em;
}
#explorerAIPanel {
position: fixed;
right: 20px;
bottom: 84px;
width: min(420px, calc(100vw - 24px));
height: min(72vh, 680px);
display: none;
flex-direction: column;
z-index: 20010;
background: var(--card-bg);
border: 1px solid var(--border);
border-radius: 22px;
box-shadow: 0 24px 60px rgba(15,23,42,0.25);
overflow: hidden;
}
#explorerAIPanel textarea {
width: 100%;
min-height: 88px;
resize: vertical;
border-radius: 14px;
border: 1px solid var(--border);
background: var(--light);
color: var(--text);
padding: 0.85rem 0.9rem;
font: inherit;
}
@media (max-width: 680px) {
#explorerAIPanel {
right: 12px;
left: 12px;
bottom: 76px;
width: auto;
height: min(74vh, 720px);
}
#explorerAIFab {
right: 12px;
bottom: 12px;
}
}
`;
document.head.appendChild(style);
var button = document.createElement('button');
button.id = 'explorerAIFab';
button.type = 'button';
button.setAttribute('aria-expanded', 'false');
button.setAttribute('aria-controls', 'explorerAIPanel');
button.innerHTML = 'Explorer AI';
button.addEventListener('click', function() { toggleExplorerAIPanel(); });
var panel = document.createElement('section');
panel.id = 'explorerAIPanel';
panel.setAttribute('aria-label', 'Explorer AI');
panel.innerHTML = '' +
'
';
html += '
';
html += '';
html += '
';
html += 'Route Coverage Sweep
'; html += ''; html += '';
html += '';
html += '';
html += '';
html += '
';
html += 'Priority routes
' + escapeHtml(String(priorityOkResults.length)) + ' ok' + (priorityErrors.length ? ' / ' + String(priorityErrors.length) + ' failed' : '') + '
Sweep probes
' + escapeHtml(String(sweepOkResults.length)) + ' ok
Missing quote routes
' + escapeHtml(String(allSweepMissing.length)) + '
This sweep probes explicit local token pairs against compliant and official anchor assets on Chain 138. The priority route cards above remain the bridge-path checks; this table focuses on direct-pair coverage and quote-token metadata gaps.
';
html += renderRouteSweepSummary(sweepOkResults);
if (priorityErrors.length) {
html += 'Some priority route requests failed, but the pools table is still available.
';
}
html += '';
priorityOkResults.forEach(function(entry) {
html += renderPriorityRouteCard(entry);
});
html += '
';
html += '';
html += '
';
container.innerHTML = html;
updatePoolsMissingQuoteBadge(allSweepMissing.length);
} catch (err) {
container.innerHTML = '';
html += '
';
html += renderMissingQuotePools(allSweepMissing);
html += 'Missing Quote-Token Pools
'; html += 'Failed to load live route tree: ' + escapeHtml(err.message || 'Unknown error') + '
';
updatePoolsMissingQuoteBadge(0);
}
}
function buildRoutesLandingHtml() {
var html = '';
html += '';
html += '
';
html += '';
html += '
';
html += '';
html += '
';
html += 'Live Route Decision Tree
'; html += 'This dedicated view follows the Chain 138 routing graph end-to-end. It keeps the live coverage sweep, direct-pair diagnostics, and bridge-path branches together in one place so route investigations do not get buried inside the pools inventory.
';
html += '';
html += '';
html += '';
html += '';
html += '
';
html += '';
html += '';
html += '';
html += '';
html += '
';
html += 'Best for
Route debugging and operator review
Use this page when a user route, destination branch, or quote-token path looks wrong.
Includes
Coverage sweep + priority route cards
The pools page now links here instead of embedding the full route tree inline.
Data source
Live token-aggregation route tree API
Every refresh re-reads current Chain 138 PMM and bridge state.
Loading live route tree...
Loading pools...
';
var live = await getLivePoolRows();
var filter = getExplorerPageFilter('poolsList');
var filterBar = renderPageFilterBar('poolsList', 'Filter by category, pair, type, status, address, or notes...', 'Tracks live Chain 138 pool, reserve, and bridge-linked contract state.', 'openPoolsView()');
var summary = summarizePoolRows(live.rows);
latestPoolsSnapshot = {
generatedAt: new Date().toISOString(),
summary: summary,
rows: live.rows
};
var rows = live.rows.map(function(row) {
return { row: row, searchText: [row.category, row.poolPair, row.poolType, row.address, row.status, row.notes].join(' ') };
});
var filtered = filter ? rows.filter(function(entry) { return matchesExplorerFilter(entry.searchText, filter); }) : rows;
var html = filterBar + 'This table is derived from live Chain 138 contract state. Pool addresses, funding status, quote-token readiness, and private-registry registrations are refreshed from the chain each time the page renders. External or mainnet-only systems are labeled explicitly.
';
html += '';
html += '';
html += '';
html += '';
html += '';
html += '
';
html += 'Live local pools
' + escapeHtml(String(summary.liveLocal)) + '
Funded or deployed directly on Chain 138
External Mainnet-side
' + escapeHtml(String(summary.externalMainnet)) + '
Expected to live off Chain 138 by design
Not yet created
' + escapeHtml(String(summary.notYetCreated)) + '
No live pool mapping currently registered
Needs attention
' + escapeHtml(String(summary.missingCode + summary.partial)) + '
Missing code, partial funding, or unfunded rows
| Category | Pool Pair | System | Address | Status | Notes |
|---|---|---|---|---|---|
| No pool data available yet. | |||||
| No pools match the current filter. | |||||
| ' + escapeHtml(row.category) + ' | '; html += '' + escapeHtml(row.poolPair) + ' | '; html += '' + escapeHtml(row.poolType) + ' | '; html += '' + (safeAddress(addr) ? explorerAddressLink(addr, escapeHtml(shortenHash(addr)), 'color: inherit; text-decoration: none;') : '—') + ' | '; html += '' + escapeHtml(row.status) + ' | '; html += '' + escapeHtml(row.notes) + ' | '; html += '
';
html += '
';
container.innerHTML = html;
} catch (err) {
container.innerHTML = '';
html += '
';
html += '';
html += '
';
html += 'Live Route Decision Tree
'; html += 'The full route sweep and priority route cards now live on their own dedicated page so investigations can open directly into the routing graph.
';
html += '';
html += '';
html += '';
html += '
';
html += '';
html += '
';
html += 'Use Routes for the live route coverage sweep, bridge-path diagnostics, and missing quote-token review. The pools table above stays focused on pool inventory and funding state.
';
html += '';
html += ' Routes';
html += ' Public access points';
html += '
';
html += 'Failed to load pools: ' + escapeHtml(err.message || 'Unknown error') + '
';
}
}
window.renderPoolsView = renderPoolsView;
function renderLiquidityAccessView() {
showView('liquidity');
if ((window.location.pathname || '').replace(/^\//, '').split('/')[0] !== 'liquidity') updatePath('/liquidity');
var container = document.getElementById('liquidityContent');
if (!container) return;
var publicApiBase = TOKEN_AGGREGATION_API_BASE + '/v1';
var livePools = [
{
pair: 'cUSDT / cUSDC',
poolAddress: '0xff8d3b8fDF7B112759F076B69f4271D4209C0849',
reserves: '10,000,000 / 10,000,000'
},
{
pair: 'cUSDT / USDT',
poolAddress: '0x6fc60DEDc92a2047062294488539992710b99D71',
reserves: '10,000,000 / 10,000,000'
},
{
pair: 'cUSDC / USDC',
poolAddress: '0x0309178ae30302D83c76d6Dd402a684eF3160eec',
reserves: '10,000,000 / 10,000,000'
},
{
pair: 'cUSDT / cXAUC',
poolAddress: '0x1AA55E2001E5651349AfF5A63FD7A7Ae44f0F1b0',
reserves: '2,666,965 / 519.477000'
},
{
pair: 'cUSDC / cXAUC',
poolAddress: '0xEA9Ac6357CaCB42a83b9082B870610363B177cBa',
reserves: '1,000,000 / 194.782554'
},
{
pair: 'cEURT / cXAUC',
poolAddress: '0xbA99bc1eAAC164569d5AcA96C806934DDaF970Cf',
reserves: '1,000,000 / 225.577676'
}
];
var endpointCards = [
{
title: 'Mission-control cached token pools',
method: 'GET',
href: EXPLORER_API_V1_BASE + '/mission-control/liquidity/token/0x93E66202A11B1772E55407B32B44e5Cd8eda7f22/pools',
notes: '30-second cached proxy to token-aggregation pools for the configured chain. Useful for fast operator checks and UI panels.'
},
{
title: 'Canonical route matrix',
method: 'GET',
href: publicApiBase + '/routes/matrix',
notes: 'Full live-route inventory with optional blocked and planned route visibility.'
},
{
title: 'Live ingestion export',
method: 'GET',
href: publicApiBase + '/routes/ingestion?fromChainId=138&routeType=swap',
notes: 'Flat export for adapter discovery and route ingestion.'
},
{
title: 'Partner payload templates',
method: 'GET',
href: publicApiBase + '/routes/partner-payloads?partner=0x&amount=1000000&includeUnsupported=true',
notes: 'Builds request templates for 1inch, 0x, and LiFi from live routes.'
},
{
title: 'Resolve supported partner payloads',
method: 'POST',
href: publicApiBase + '/routes/partner-payloads/resolve',
notes: 'Accepts partner, amount, and addresses and returns supported payloads by default.'
},
{
title: 'Dispatch supported partner payload',
method: 'POST',
href: publicApiBase + '/routes/partner-payloads/dispatch',
notes: 'Dispatches one supported partner payload when the chain is publicly supported.'
},
{
title: 'Internal Chain 138 execution plan',
method: 'POST',
href: publicApiBase + '/routes/internal-execution-plan',
notes: 'Returns the DODO PMM fallback execution plan when public partner support is unavailable.'
}
];
var requestExamples = [
'GET ' + EXPLORER_API_V1_BASE + '/mission-control/liquidity/token/0x93E66202A11B1772E55407B32B44e5Cd8eda7f22/pools',
'GET ' + publicApiBase + '/routes/matrix?includeNonLive=true',
'GET ' + publicApiBase + '/routes/ingestion?fromChainId=138&routeType=swap',
'GET ' + publicApiBase + '/routes/partner-payloads?partner=LiFi&amount=1000000&includeUnsupported=true',
'POST ' + publicApiBase + '/routes/partner-payloads/resolve',
'POST ' + publicApiBase + '/routes/internal-execution-plan'
];
var html = '';
html += '';
html += '';
html += '';
html += '';
html += '
';
html += 'Live public pools
6
Verified DODO PMM pools on Chain 138.
Public access path
/token-aggregation/api/v1
Explorer-hosted proxy for route and execution APIs.
Partner status
Fallback Ready
Templates exist for 1inch, 0x, and LiFi, but Chain 138 execution still falls back internally.
';
html += '';
html += '
';
html += 'Live Pool Snapshot
';
livePools.forEach(function(pool) {
html += '
';
html += '
';
});
html += '';
html += '';
html += '
' + escapeHtml(pool.pair) + '
Pool: ' + escapeHtml(pool.poolAddress) + '
Reserves: ' + escapeHtml(pool.reserves) + '
';
html += '';
html += '';
html += '
';
html += 'Route and Execution Notes
';
html += '
Direct live routes today: cUSDT ↔ cUSDC, cUSDT ↔ USDT, cUSDC ↔ USDC, cUSDT ↔ cXAUC, cUSDC ↔ cXAUC, and cEURT ↔ cXAUC.
';
html += 'Multi-hop public paths exist through cXAUC for cEURT ↔ cUSDT, cEURT ↔ cUSDC, and an alternate cUSDT ↔ cUSDC path.
';
html += 'Mainnet bridge discovery is live for cUSDT → USDT and cUSDC → USDC through the configured UniversalCCIPBridge lane.
';
html += '1inch, 0x, and LiFi request templates are available through the explorer API, but those partners do not publicly support Chain 138 execution today.
';
html += 'When public partner execution is unavailable, the internal DODO PMM execution plan endpoint returns the Chain 138 fallback route instead of a dead end.
';
html += '';
html += '';
html += '
';
html += 'Public Explorer Access Points
';
endpointCards.forEach(function(card) {
html += '';
html += '
';
html += '
';
html += '' + escapeHtml(card.title) + '
';
html += '' + escapeHtml(card.method) + '';
html += '' + escapeHtml(card.href) + '
';
html += '' + escapeHtml(card.notes) + '
';
html += '';
});
html += '';
html += '';
html += '';
html += '
';
container.innerHTML = html;
}
window.renderLiquidityAccessView = renderLiquidityAccessView;
function renderMoreView() {
showView('more');
if ((window.location.pathname || '').replace(/^\//, '').split('/')[0] !== 'operations') updatePath('/operations');
var container = document.getElementById('moreContent');
if (!container) return;
var groups = [
{
key: 'tools',
title: 'Tools',
items: [
{ title: 'Input Data Decoder', icon: 'fa-file-code', status: 'Live', badgeClass: 'badge-info', desc: 'Open transaction detail pages to decode calldata, logs, and contract interactions already exposed by the explorer.', action: 'showTransactionsList();', href: '/transactions' },
{ title: 'Unit Converter', icon: 'fa-scale-balanced', status: 'Live', badgeClass: 'badge-success', desc: 'Convert wei, gwei, ether, and common Chain 138 stablecoin units with a quick in-page helper.', action: 'showUnitConverterModal();', href: '/operations' },
{ title: 'CSV Export', icon: 'fa-file-csv', status: 'Live', badgeClass: 'badge-success', desc: 'Export pool state and route inventory snapshots for operator review and downstream ingestion.', action: 'showPools(); updatePath(\'/pools\'); setTimeout(function(){ if (typeof exportPoolsCSV === \"function\") exportPoolsCSV(); }, 200);', href: '/pools' },
{ title: 'Account Balance Checker', icon: 'fa-wallet', status: 'Live', badgeClass: 'badge-success', desc: 'Jump into indexed addresses to inspect balances, token inventory, internal transfers, and recent activity.', action: 'showAddresses();', href: '/addresses' }
]
},
{
key: 'explore',
title: 'Explore',
items: [
{ title: 'Gas Tracker', icon: 'fa-gas-pump', status: 'Live', badgeClass: 'badge-success', desc: 'Review live gas, block time, TPS, and chain health from the home network dashboard.', action: 'showHome();', href: '/' },
{ title: 'Visual Command Center', icon: 'fa-satellite-dish', status: 'Live', badgeClass: 'badge-info', desc: 'Interactive Mermaid topology: Chain 138 hub, CCIP, Alltra, stack, flows, cross-chain, cW Mainnet, and off-chain integrations (from SMOM_DBIS_138_FULL_DEPLOYMENT_FLOW_MAP).', action: 'window.location.href=\'/chain138-command-center.html\';', href: '/chain138-command-center.html' },
{ title: 'DEX Tracker', icon: 'fa-chart-line', status: 'Live', badgeClass: 'badge-success', desc: 'Open liquidity discovery, PMM pool status, live route trees, and partner payload access points.', action: 'showRoutes();', href: '/routes' },
{ title: 'Node Tracker', icon: 'fa-server', status: 'Live', badgeClass: 'badge-success', desc: 'Inspect bridge balances, destination configuration, and operator-facing chain references from the live bridge monitoring panel.', action: 'showBridgeMonitoring();', href: '/bridge' },
{ title: 'Label Cloud', icon: 'fa-tags', status: 'Live', badgeClass: 'badge-success', desc: 'Browse labeled addresses, contracts, and address activity through the explorer address index.', action: 'showAddresses();', href: '/addresses' },
{ title: 'Domain Name Lookup', icon: 'fa-magnifying-glass', status: 'Live', badgeClass: 'badge-success', desc: 'Use the smart search launcher to resolve ENS-style names, domains, addresses, hashes, and token symbols.', action: 'openSmartSearchModal(\'\');', href: '/operations' }
]
},
{
key: 'services',
title: 'Services',
items: [
{ title: 'Token Approvals', icon: 'fa-shield-halved', status: 'External', badgeClass: 'badge-warning', desc: 'Jump to revoke.cash for wallet approval review. Address detail pages also expose approval shortcuts directly.', action: 'openExternalMoreLink(\'https://revoke.cash/\');', href: '#' },
{ title: 'Verified Signature', icon: 'fa-signature', status: 'Live', badgeClass: 'badge-success', desc: 'Use wallet sign-in and verified address flows already built into the explorer authentication surfaces.', action: 'showWalletModal();', href: '/operations' },
{ title: 'Input Data Messages', icon: 'fa-message', status: 'Live', badgeClass: 'badge-info', desc: 'Transaction detail pages already surface decoded input data, event logs, and contract interaction context.', action: 'showTransactionsList();', href: '/transactions' },
{ title: 'Advanced Filter', icon: 'fa-filter', status: 'Live', badgeClass: 'badge-success', desc: 'Block, transaction, address, token, pool, bridge, and watchlist screens all support focused page-level filtering.', action: 'showTransactionsList();', href: '/transactions' },
{ title: 'MetaMask Snap', icon: 'fa-wallet', status: 'Live', badgeClass: 'badge-success', desc: 'Open the Chain 138 MetaMask Snap companion for network setup, token list access, and wallet integration guidance.', action: 'window.location.href=\'/snap/\';', href: '/snap/' }
]
}
];
var html = 'Quick Request Examples
';
requestExamples.forEach(function(example) {
html += '';
});
html += '
' + escapeHtml(example) + 'Related Explorer Tools
';
html += '
Use Wallet for network onboarding and the explorer token list URL, then open Routes for live route-tree diagnostics and Pools for contract-state inventory checks.
';
html += '';
html += '';
html += '';
html += '';
html += ' Explorer docs';
html += '
';
html += '
';
container.innerHTML = html;
}
window._showMore = renderMoreView;
window.showUnitConverterModal = function() {
var existing = document.getElementById('unitConverterModal');
if (existing) existing.remove();
var modal = document.createElement('div');
modal.id = 'unitConverterModal';
modal.style.cssText = 'position:fixed; inset:0; background:rgba(8,15,32,0.68); backdrop-filter:blur(8px); z-index:12000; display:flex; align-items:center; justify-content:center; padding:1rem;';
modal.innerHTML = '' +
'';
document.body.appendChild(modal);
function renderUnitConverterResults() {
var amountEl = document.getElementById('unitConverterAmount');
var unitEl = document.getElementById('unitConverterUnit');
var resultsEl = document.getElementById('unitConverterResults');
if (!amountEl || !unitEl || !resultsEl) return;
var amount = String(amountEl.value || '').trim();
var unit = unitEl.value;
var decimals = unit === 'ether' ? 18 : (unit === 'gwei' ? 9 : (unit === 'stable' ? 6 : 0));
var baseUnits = parseDecimalToUnits(amount, decimals);
if (baseUnits == null) {
resultsEl.innerHTML = '';
html += '
';
groups.forEach(function(group) {
html += 'Operations Hub
';
html += 'Discover SolaceScan operational explorer tools in one place, grouped the way users expect from a polished specialist explorer.
';
html += '';
html += '';
html += '';
html += '
Now live
Route matrix, ingestion APIs, smart search, pool exports, and live Mainnet stable bridge discovery.
Good entry points
';
html += '';
html += '';
html += '';
html += '';
html += '
';
html += '
';
});
html += '' + escapeHtml(group.title) + '
';
html += '';
group.items.forEach(function(item) {
var disabled = !!item.disabled;
var disabledTitle = String(item.title) + ' is not exposed in the explorer yet.';
var onclick = disabled
? ('event.preventDefault(); showToast(' + JSON.stringify(disabledTitle) + ', "info");')
: (item.href === '#'
? ('event.preventDefault(); ' + item.action + ' closeNavMenu();')
: ('event.preventDefault(); ' + item.action + ' updatePath(' + JSON.stringify(item.href) + '); closeNavMenu();'));
var href = disabled ? '/operations' : item.href;
html += '';
html += '
';
html += '
';
html += '';
html += '';
html += '' + escapeHtml(item.title) + '';
html += '
';
html += '' + escapeHtml(item.status) + '';
html += '' + escapeHtml(item.desc) + '
';
html += '';
});
html += 'Enter a non-negative amount to convert.
';
return;
}
var etherValue = unit === 'stable' ? 'N/A' : formatUnits(baseUnits, 18, 18);
var gweiValue = unit === 'stable' ? 'N/A' : formatUnits(baseUnits, 9, 9);
var stableValue = formatUnits(baseUnits, 6, 6);
var baseUnitsLabel = unit === 'stable' ? 'Stable base units' : 'Wei';
resultsEl.innerHTML =
'' + escapeHtml(baseUnitsLabel) + ': ' + escapeHtml(baseUnits.toString()) + '
' +
'Gwei: ' + escapeHtml(gweiValue) + '
' +
'Ether / WETH: ' + escapeHtml(etherValue) + '
' +
'6-decimal stable amount: ' + escapeHtml(stableValue) + '
';
}
var closeBtn = document.getElementById('unitConverterCloseBtn');
if (closeBtn) closeBtn.addEventListener('click', function() { modal.remove(); });
modal.addEventListener('click', function(event) {
if (event.target === modal) modal.remove();
});
var amountEl = document.getElementById('unitConverterAmount');
var unitEl = document.getElementById('unitConverterUnit');
if (amountEl) amountEl.addEventListener('input', renderUnitConverterResults);
if (unitEl) unitEl.addEventListener('change', renderUnitConverterResults);
renderUnitConverterResults();
};
window.openExternalMoreLink = function(url) {
window.open(url, '_blank', 'noopener,noreferrer');
};
async function refreshBridgeData() {
const container = document.getElementById('bridgeContent');
if (!container) return;
try {
container.innerHTML = ' Loading bridge data...
';
// Chain 138 Bridge Contracts
const WETH9_BRIDGE_138 = '0xcacfd227A040002e49e2e01626363071324f820a';
const WETH10_BRIDGE_138 = '0xe0E93247376aa097dB308B92e6Ba36bA015535D0';
// Ethereum Mainnet Bridge Contracts
const WETH9_BRIDGE_MAINNET = '0xc9901ce2Ddb6490FAA183645147a87496d8b20B6';
const WETH10_BRIDGE_MAINNET = '0x04E1e22B0D41e99f4275bd40A50480219bc9A223';
const explorerLinks = {
'BSC (56)': { label: 'BscScan', baseUrl: 'https://bscscan.com/address/' },
'Polygon (137)': { label: 'PolygonScan', baseUrl: 'https://polygonscan.com/address/' },
'Avalanche (43114)': { label: 'Avalanche Explorer', baseUrl: 'https://subnets.avax.network/c-chain/address/' },
'Base (8453)': { label: 'BaseScan', baseUrl: 'https://basescan.org/address/' },
'Arbitrum (42161)': { label: 'Arbiscan', baseUrl: 'https://arbiscan.io/address/' },
'Optimism (10)': { label: 'Optimistic Etherscan', baseUrl: 'https://optimistic.etherscan.io/address/' },
'Ethereum Mainnet (1)': { label: 'Etherscan', baseUrl: 'https://etherscan.io/address/' }
};
function renderExplorerLink(chainLabel, address) {
const explorer = explorerLinks[chainLabel];
if (!explorer) return 'No explorer';
const url = explorer.baseUrl + address;
return 'View on ' + escapeHtml(explorer.label) + '';
}
// Bridge routes configuration
const routes = {
weth9: {
'BSC (56)': '0x24293CA562aE1100E60a4640FF49bd656cFf93B4',
'Polygon (137)': '0xF7736443f02913e7e0773052103296CfE1637448',
'Avalanche (43114)': '0x24293CA562aE1100E60a4640FF49bd656cFf93B4',
'Base (8453)': '0x24293CA562aE1100E60a4640FF49bd656cFf93B4',
'Arbitrum (42161)': '0x937824f2516fa58f25aeAb92E7BFf7D74F463B4c',
'Optimism (10)': '0x6e94e53F73893b2a6784Df663920D31043A6dE07',
'Ethereum Mainnet (1)': WETH9_BRIDGE_MAINNET
},
weth10: {
'BSC (56)': '0x937824f2516fa58f25aeAb92E7BFf7D74F463B4c',
'Polygon (137)': '0x0CA60e6f8589c540200daC9D9Cb27BC2e48eE66A',
'Avalanche (43114)': '0x937824f2516fa58f25aeAb92E7BFf7D74F463B4c',
'Base (8453)': '0x937824f2516fa58f25aeAb92E7BFf7D74F463B4c',
'Arbitrum (42161)': '0x73376eB92c16977B126dB9112936A20Fa0De3442',
'Optimism (10)': '0x24293CA562aE1100E60a4640FF49bd656cFf93B4',
'Ethereum Mainnet (1)': WETH10_BRIDGE_MAINNET
}
};
const sourceBridgeCount = 2;
const mainnetBridgeCount = 2;
const routeBridgeCount = new Set([
...Object.values(routes.weth9),
...Object.values(routes.weth10)
].map(function(addr) { return String(addr || '').toLowerCase(); })).size;
const totalBridgeCount = getActiveBridgeContractCount();
const bridgeFilter = getExplorerPageFilter('bridgeRoutes');
const filterBar = renderPageFilterBar('bridgeRoutes', 'Filter by chain name, chain ID, or bridge address...', 'Filters the route tables below.', 'refreshBridgeData()');
// Build HTML
let html = filterBar + `
CCIP Bridge Ecosystem
${sourceBridgeCount} source contracts / ${mainnetBridgeCount} mainnet contracts / ${routeBridgeCount} unique route contracts
Cross-chain interoperability powered by Chainlink CCIP
Arbitrum remains route-blocked on the current Mainnet hub leg. The latest Mainnet -> Arbitrum WETH9 send reverted before any bridge event was emitted, so treat Arbitrum as unavailable until that hub path is repaired.
Mission-control bridge trace
Open SSE streamPaste a transaction hash to resolve the
from and to addresses through the mission-control bridge-trace API. The response is labeled with Chain 138 contract names from the smart-contracts registry when available.Chain 138 (Source Chain)
${sourceBridgeCount} source contracts / ${mainnetBridgeCount} mainnet contracts / ${routeBridgeCount} unique route contractsCCIPWETH9Bridge
${explorerAddressLink(WETH9_BRIDGE_138, escapeHtml(WETH9_BRIDGE_138), 'color: inherit; text-decoration: none; font-size: 0.9rem;')}
Token: ${explorerAddressLink('0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2', 'WETH9', 'color: inherit; text-decoration: none;')}
CCIPWETH10Bridge
${explorerAddressLink(WETH10_BRIDGE_138, escapeHtml(WETH10_BRIDGE_138), 'color: inherit; text-decoration: none; font-size: 0.9rem;')}
Token: ${explorerAddressLink('0xf4BB2e28688e89fCcE3c0580D37d36A7672E8A9f', 'WETH10', 'color: inherit; text-decoration: none;')}
CCIPWETH9Bridge Routes
${Object.keys(routes.weth9).length} Destinations| Destination Chain | Chain ID | Bridge Address | Explorer |
|---|---|---|---|
| No WETH9 routes match the current filter. | |||
| ${chain.replace(/\s*\\(\\d+\\)/, '')} | ${chainId} | ${escapeHtml(shortenHash(address))} | ${renderExplorerLink(chain, address)} |
CCIPWETH10Bridge Routes
${Object.keys(routes.weth10).length} Destinations| Destination Chain | Chain ID | Bridge Address | Explorer |
|---|---|---|---|
| No WETH10 routes match the current filter. | |||
| ${chain.replace(/\s*\\(\\d+\\)/, '')} | ${chainId} | ${escapeHtml(shortenHash(address))} | ${renderExplorerLink(chain, address)} |
Ethereum Mainnet Bridges
${sourceBridgeCount} source contracts / ${mainnetBridgeCount} mainnet contracts / ${routeBridgeCount} unique route contractsBridge Information
${totalBridgeCount} Active Bridge ContractsCCIP Bridge Ecosystem enables cross-chain transfers of WETH9 and WETH10 tokens using Chainlink CCIP (Cross-Chain Interoperability Protocol).
Supported Networks:
- Chain 138 - Source chain with both bridge contracts
- Ethereum Mainnet - Destination with dedicated bridge contracts
- BSC - Binance Smart Chain
- Polygon - Polygon PoS
- Avalanche - Avalanche C-Chain
- Base - Base L2
- Arbitrum - Arbitrum One (configured, but the current Mainnet hub leg is blocked)
- Optimism - Optimism Mainnet
- Cronos - Cronos (25); see routing table for the full destination list, including loaded CCIP destinations such as Gnosis and Celo, plus pending Wemix
How to Use:
- Click on any bridge address to view detailed information and transaction history
- Use the bridge contracts to transfer WETH9 or WETH10 tokens between supported chains
- All transfers are secured by Chainlink CCIP infrastructure
CCIP Infrastructure:
- CCIP Router (Chain 138): ${explorerAddressLink('0x42DAb7b888Dd382bD5Adcf9E038dBF1fD03b4817', '0x42DAb7b888Dd382bD5Adcf9E038dBF1fD03b4817', 'color: inherit; text-decoration: none;')}
- CCIP Sender (Chain 138): ${explorerAddressLink('0x105F8A15b819948a89153505762444Ee9f324684', '0x105F8A15b819948a89153505762444Ee9f324684', 'color: inherit; text-decoration: none;')}
Failed to load bridge data: ' + escapeHtml(error.message) + '
';
}
}
function safeBlockNumber(v) { const n = String(v).replace(/[^0-9]/g, ''); return n ? n : null; }
function safeTxHash(v) { const s = String(v); return /^0x[a-fA-F0-9]{64}$/.test(s) ? s : null; }
function safeAddress(v) {
const s = String(v || '');
if (!/^0x[a-fA-F0-9]{40}$/i.test(s)) return null;
if (/^0x0{40}$/i.test(s)) return null;
return s;
}
function escapeJsSingleQuoted(value) {
return String(value == null ? '' : value).replace(/\\/g, '\\\\').replace(/'/g, "\\'");
}
function explorerAddressLink(address, content, style) {
var safe = safeAddress(address);
if (!safe) return content || 'N/A';
return '' + (content || escapeHtml(shortenHash(safe))) + '';
}
function explorerTransactionLink(txHash, content, style) {
var safe = safeTxHash(txHash);
if (!safe) return content || 'N/A';
return '' + (content || escapeHtml(shortenHash(safe))) + '';
}
function explorerBlockLink(blockNumber, content, style) {
var safe = safeBlockNumber(blockNumber);
if (!safe) return content || 'N/A';
return '' + (content || escapeHtml(String(safe))) + '';
}
function toBigIntSafe(value) {
if (value == null || value === '') return null;
if (typeof value === 'bigint') return value;
if (typeof value === 'number') {
if (!Number.isFinite(value)) return null;
return BigInt(Math.trunc(value));
}
var stringValue = String(value).trim();
if (!stringValue) return null;
if (/^-?0x[0-9a-f]+$/i.test(stringValue) || /^-?\d+$/.test(stringValue)) {
try {
return BigInt(stringValue);
} catch (e) {
return null;
}
}
return null;
}
function formatGroupedDigits(value, groupSize, separator) {
var stringValue = String(value == null ? '' : value);
if (!stringValue) return '';
var negative = stringValue[0] === '-';
var digits = negative ? stringValue.slice(1) : stringValue;
var groups = [];
for (var i = digits.length; i > 0; i -= groupSize) {
groups.unshift(digits.slice(Math.max(0, i - groupSize), i));
}
return (negative ? '-' : '') + groups.join(separator || ' ');
}
function summarizeInspectorValue(value, head, tail) {
var stringValue = String(value == null ? '' : value);
var start = head || 18;
var end = tail || 12;
if (stringValue.length <= start + end + 1) return stringValue;
return stringValue.slice(0, start) + '...' + stringValue.slice(-end);
}
function buildNumericRepresentations(value) {
var parsed = toBigIntSafe(value);
if (parsed == null) return null;
var negative = parsed < 0n;
var absolute = negative ? -parsed : parsed;
var decimalPlain = parsed.toString();
var hexDigits = absolute.toString(16);
var binaryDigits = absolute.toString(2);
var bitLength = absolute === 0n ? 1 : binaryDigits.length;
var byteLength = absolute === 0n ? 1 : Math.ceil(bitLength / 8);
return {
decimal: formatGroupedDigits(decimalPlain, 3, ','),
decimal_plain: decimalPlain,
hex: (negative ? '-0x' : '0x') + formatGroupedDigits(hexDigits, 4, ' '),
hex_plain: (negative ? '-0x' : '0x') + hexDigits,
binary: (negative ? '-0b' : '0b') + formatGroupedDigits(binaryDigits, 8, ' '),
binary_plain: (negative ? '-0b' : '0b') + binaryDigits,
bit_length: bitLength,
byte_length: byteLength
};
}
function renderCopyButtonHtml(value, ariaLabel) {
if (value == null || value === '') return '';
return ' ';
}
function renderInspectorCopyRow(valueHtml, copyValue, ariaLabel) {
return '' + valueHtml + '
' + (copyValue != null && copyValue !== '' ? '' + renderCopyButtonHtml(copyValue, ariaLabel) + '
' : '') + '' + escapeHtml(label) + '
' + (valueHtml || 'N/A') + '
' + escapeHtml(String(value)) + '', copyValue != null ? copyValue : value, 'Copy ' + label));
}
function renderNumericInspectorEntry(label, value, note, openByDefault) {
var repr = buildNumericRepresentations(value);
if (!repr) return '';
var summary = repr.hex_plain.length <= 22 ? repr.hex_plain : summarizeInspectorValue(repr.hex_plain, 18, 10);
var html = '';
html += '
';
return html;
}
function safeJsonStringify(value) {
try {
return JSON.stringify(value, function(key, item) {
return typeof item === 'bigint' ? item.toString() : item;
}, 2);
} catch (error) {
return String(value == null ? '' : value);
}
}
function formatDurationValue(value) {
if (!Array.isArray(value) || value.length === 0) return '';
return value.map(function(item) {
return typeof item === 'number' ? item.toLocaleString() : String(item);
}).join(' -> ') + ' ms';
}
function formatLogDecodedValue(value) {
if (value == null || value === '') return '';
return typeof value === 'string' ? value : safeJsonStringify(value);
}
var KNOWN_LOG_SIGNATURES = {
transfer: '0xddf252ad1be2c89b69c2b068fc378daa952ba7f163c4a11628f55a4df523b3ef',
approval: '0x8c5be1e5ebec7d5bd14f714f7e582d5c3b27c1d03c7d98cfc9b7c6f7d3a5b5d',
approvalForAll: '0x17307eab39ab6107e8899845ad3d59bd9653f200f220920489ca2b5937696c31',
transferSingle: '0xc3d58168c5ae7397731d063d5bbf3d657854427343f4c083240f7aacaa2d0f62'
};
function formatTopicSignaturePreview(topic) {
if (!topic) return '';
var value = String(topic);
return value.length > 20 ? value.slice(0, 12) + '…' + value.slice(-6) : value;
}
function normalizeHexWord(value) {
if (!value) return '';
var normalized = String(value).toLowerCase();
if (!normalized.startsWith('0x')) normalized = '0x' + normalized;
return normalized;
}
function splitHexDataWords(dataValue) {
var normalized = normalizeHexWord(dataValue);
if (!/^0x[0-9a-f]*$/i.test(normalized)) return [];
var payload = normalized.slice(2);
var words = [];
for (var i = 0; i < payload.length; i += 64) {
var word = payload.slice(i, i + 64);
if (word.length === 64) words.push('0x' + word);
}
return words;
}
function extractAddressFromTopic(topicValue) {
var normalized = normalizeHexWord(topicValue);
if (!/^0x[0-9a-f]{64}$/i.test(normalized)) return '';
return safeAddress('0x' + normalized.slice(-40)) || '';
}
function extractBoolFromWord(wordValue) {
var parsed = toBigIntSafe(wordValue);
if (parsed == null) return '';
return parsed === 0n ? 'false' : 'true';
}
function formatUintWord(wordValue) {
var parsed = toBigIntSafe(wordValue);
if (parsed == null) return '';
return formatGroupedDigits(parsed.toString(), 3, ',');
}
function detectKnownLogEvent(topics, dataValue) {
var topic0 = topics && topics[0] ? normalizeHexWord(topics[0]) : '';
var words = splitHexDataWords(dataValue);
if (!topic0) return null;
if (topic0 === KNOWN_LOG_SIGNATURES.transfer) {
if (topics.length >= 4) {
return {
name: 'Transfer',
standard: 'ERC-721',
fields: [
{ label: 'From', type: 'address', value: extractAddressFromTopic(topics[1]) },
{ label: 'To', type: 'address', value: extractAddressFromTopic(topics[2]) },
{ label: 'Token ID', type: 'uint', value: normalizeHexWord(topics[3]) }
]
};
}
if (topics.length >= 3 && words.length >= 1) {
return {
name: 'Transfer',
standard: 'ERC-20',
fields: [
{ label: 'From', type: 'address', value: extractAddressFromTopic(topics[1]) },
{ label: 'To', type: 'address', value: extractAddressFromTopic(topics[2]) },
{ label: 'Value', type: 'uint', value: words[0] }
]
};
}
}
if (topic0 === KNOWN_LOG_SIGNATURES.approval) {
if (topics.length >= 4) {
return {
name: 'Approval',
standard: 'ERC-721',
fields: [
{ label: 'Owner', type: 'address', value: extractAddressFromTopic(topics[1]) },
{ label: 'Approved', type: 'address', value: extractAddressFromTopic(topics[2]) },
{ label: 'Token ID', type: 'uint', value: normalizeHexWord(topics[3]) }
]
};
}
if (topics.length >= 3 && words.length >= 1) {
return {
name: 'Approval',
standard: 'ERC-20',
fields: [
{ label: 'Owner', type: 'address', value: extractAddressFromTopic(topics[1]) },
{ label: 'Spender', type: 'address', value: extractAddressFromTopic(topics[2]) },
{ label: 'Value', type: 'uint', value: words[0] }
]
};
}
}
if (topic0 === KNOWN_LOG_SIGNATURES.approvalForAll && topics.length >= 3 && words.length >= 1) {
return {
name: 'ApprovalForAll',
standard: 'ERC-721 / ERC-1155',
fields: [
{ label: 'Owner', type: 'address', value: extractAddressFromTopic(topics[1]) },
{ label: 'Operator', type: 'address', value: extractAddressFromTopic(topics[2]) },
{ label: 'Approved', type: 'bool', value: words[0] }
]
};
}
if (topic0 === KNOWN_LOG_SIGNATURES.transferSingle && topics.length >= 4 && words.length >= 2) {
return {
name: 'TransferSingle',
standard: 'ERC-1155',
fields: [
{ label: 'Operator', type: 'address', value: extractAddressFromTopic(topics[1]) },
{ label: 'From', type: 'address', value: extractAddressFromTopic(topics[2]) },
{ label: 'To', type: 'address', value: extractAddressFromTopic(topics[3]) },
{ label: 'Token ID', type: 'uint', value: words[0] },
{ label: 'Value', type: 'uint', value: words[1] }
]
};
}
return null;
}
function renderStructuredLogFields(eventInfo) {
if (!eventInfo || !Array.isArray(eventInfo.fields) || eventInfo.fields.length === 0) return '';
var lines = eventInfo.fields.map(function(field) {
if (!field || !field.value) return '';
if (field.type === 'address') {
return renderInspectorHtmlLine(field.label, renderInspectorCopyRow(explorerAddressLink(field.value, escapeHtml(field.value), 'color: inherit; text-decoration: none;'), field.value, 'Copy ' + field.label));
}
if (field.type === 'bool') {
var boolValue = extractBoolFromWord(field.value);
return renderInspectorTextLine(field.label, boolValue || 'N/A', boolValue || '');
}
if (field.type === 'uint') {
var numeric = formatUintWord(field.value);
return renderInspectorTextLine(field.label, numeric || 'N/A', field.value);
}
return renderInspectorTextLine(field.label, field.value, field.value);
}).filter(function(line) { return line; }).join('');
if (!lines) return '';
return '' + escapeHtml(label) + '' + escapeHtml(summary) + '
'; html += '';
if (note) {
html += '
' + escapeHtml(note) + '
';
}
html += renderInspectorCodeLine('Dec', repr.decimal, repr.decimal_plain);
html += renderInspectorCodeLine('Hex', repr.hex, repr.hex_plain);
html += renderInspectorCodeLine('Bin', repr.binary, repr.binary_plain);
html += renderInspectorTextLine('Size', repr.bit_length + ' bits / ' + repr.byte_length + ' bytes');
html += '' +
'
';
}
function renderTransactionLogEntry(log, idx) {
var addressValue = (log.address && (log.address.hash || log.address)) || log.address || '';
var topics = Array.isArray(log.topics) ? log.topics.filter(function(topic) { return topic != null; }) : [];
var dataValue = log.data || log.raw_data || '0x';
var decodedValue = formatLogDecodedValue(log.decoded || log.decoded_text || '');
var dataBytes = /^0x[0-9a-f]*$/i.test(String(dataValue || '')) ? Math.max(0, (String(dataValue).length - 2) / 2) : 0;
var blockNumber = log.block_number != null ? String(log.block_number) : '';
var txHash = log.transaction_hash || log.transactionHash || '';
var knownEvent = detectKnownLogEvent(topics, dataValue);
var topicRows = topics.length ? 'Structured Fields
' +
lines +
'' + topics.map(function(topic, topicIndex) {
return '';
}).join('') + '
' : 'No topics';
var metaChips = 'Topic ' + topicIndex + '
' + renderInspectorCopyRow('' + escapeHtml(String(topic)) + '', String(topic), 'Copy topic ' + topicIndex) + '' +
'Index' + escapeHtml(String(log.index != null ? log.index : idx)) + '' +
'Topics' + escapeHtml(String(topics.length)) + '' +
'Data' + escapeHtml(String(dataBytes)) + ' bytes' +
'Event' + escapeHtml(knownEvent && knownEvent.name ? knownEvent.name : (decodedValue ? 'decoded' : (topics[0] ? formatTopicSignaturePreview(topics[0]) : 'raw log'))) + '' +
(knownEvent && knownEvent.standard ? 'Standard' + escapeHtml(knownEvent.standard) + '' : '') +
'
';
var summaryTitle = 'Log #' + escapeHtml(String(log.index != null ? log.index : idx)) + ' • ' + escapeHtml(knownEvent && knownEvent.name ? knownEvent.name : (addressValue ? shortenHash(addressValue) : 'Unknown address'));
var html = '';
html += '
';
return html;
}
function renderInputWordTable(inputHex) {
if (!inputHex || !/^0x[0-9a-f]+$/i.test(String(inputHex))) return '';
var normalized = String(inputHex).slice(2);
if (normalized.length <= 8) return '';
var payload = normalized.slice(8);
if (!payload) return '';
var words = [];
for (var i = 0; i < payload.length; i += 64) {
words.push(payload.slice(i, i + 64));
}
if (!words.length) return '';
var rows = words.map(function(word, index) {
var offsetBytes = 4 + (index * 32);
var hexWord = '0x' + word;
var decimalPreview = '';
var parsed = toBigIntSafe(hexWord);
if (parsed != null) {
decimalPreview = summarizeInspectorValue(parsed.toString(), 18, 10);
}
return '' + summaryTitle + '' + escapeHtml(String(topics.length)) + ' topics / ' + escapeHtml(String(dataBytes)) + ' bytes
'; html += '';
html += metaChips;
html += renderInspectorHtmlLine('Address', addressValue ? renderInspectorCopyRow(explorerAddressLink(addressValue, escapeHtml(addressValue), 'color: inherit; text-decoration: none;'), addressValue, 'Copy log address') : 'N/A');
if (blockNumber) {
html += renderInspectorHtmlLine('Block', renderInspectorCopyRow(explorerBlockLink(blockNumber, escapeHtml(blockNumber), 'color: inherit; text-decoration: none;'), blockNumber, 'Copy block number'));
}
if (txHash) {
html += renderInspectorHtmlLine('Tx Hash', renderInspectorCopyRow(explorerTransactionLink(txHash, escapeHtml(txHash), 'color: inherit; text-decoration: none;'), txHash, 'Copy tx hash'));
}
html += renderStructuredLogFields(knownEvent);
html += renderInspectorHtmlLine('Topics', topicRows);
html += renderInspectorCodeLine('Data', dataValue, dataValue);
html += renderInspectorHtmlLine('Decoded', renderInspectorCopyRow('
' + (decodedValue ? escapeHtml(decodedValue) : '—') + '
', decodedValue || '', 'Copy decoded log'));
html += 'ABI Word Breakdown' + escapeHtml(String(words.length)) + ' words
Offsets start after the 4-byte method selector.
| Word | Offset | Hex | Dec Preview |
|---|
Failed to load block: ' + escapeHtml(error.message || 'Unknown error') + '.
';
return;
}
} else {
const block = await fetchAPIWithRetry(`${API_BASE}/v1/blocks/138/${blockNumber}`);
if (block.data) {
b = block.data;
} else {
throw new Error('Block not found');
}
}
if (b) {
const timestamp = new Date(b.timestamp).toLocaleString();
const gasUsedPercent = b.gas_limit ? ((parseInt(b.gas_used || 0) / parseInt(b.gas_limit)) * 100).toFixed(2) : '0';
const baseFeeGwei = b.base_fee_per_gas ? (parseInt(b.base_fee_per_gas) / 1e9).toFixed(2) : 'N/A';
const burntFeesEth = b.burnt_fees ? formatEther(b.burnt_fees) : '0';
container.innerHTML = `
Block #${b.number}
Block Number
${b.number}
Hash
${escapeHtml(b.hash || '')}
Parent Hash
${explorerBlockLink(String(parseInt(b.number) - 1), escapeHtml(b.parent_hash || ''), 'color: inherit; text-decoration: none;')}
Timestamp
${escapeHtml(timestamp)}
Miner
${explorerAddressLink(b.miner || '', formatAddressWithLabel(b.miner || '') || 'N/A', 'color: inherit; text-decoration: none;')}
Transaction Count
${b.transaction_count || 0}
Gas Used
${formatNumber(b.gas_used || 0)} / ${formatNumber(b.gas_limit || 0)} (${gasUsedPercent}%)
Gas Limit
${formatNumber(b.gas_limit || 0)}
Base Fee
${baseFeeGwei} Gwei
Burnt Fees
${burntFeesEth} ETH
Size
${formatNumber(b.size || 0)} bytes
Difficulty
${formatNumber(b.difficulty || 0)}
Nonce
${escapeHtml(String(b.nonce || '0x0'))}
Finality / Consensus
' + escapeHtml(String(rawBlockResponse.consensus != null ? rawBlockResponse.consensus : (rawBlockResponse.finality != null ? rawBlockResponse.finality : rawBlockResponse.validated))) + '
Block not found
';
}
} catch (error) {
container.innerHTML = 'Failed to load block: ' + escapeHtml(error.message) + '
';
}
}
window._showBlockDetail = renderBlockDetail;
// Keep wrapper (do not overwrite) so all calls go through setTimeout and avoid stack overflow
async function renderTransactionDetail(txHash) {
const th = safeTxHash(txHash);
if (!th) { showToast('Invalid transaction hash', 'error'); return; }
txHash = th;
currentDetailKey = 'tx:' + txHash.toLowerCase();
showView('transactionDetail');
updatePath('/transactions/' + txHash);
const container = document.getElementById('transactionDetail');
updateBreadcrumb('transaction', txHash);
container.innerHTML = createSkeletonLoader('detail');
try {
let t;
let rawTx = null;
if (CHAIN_ID === 138) {
try {
var detailResult = await fetchChain138TransactionDetail(txHash);
rawTx = detailResult.rawTransaction;
t = detailResult.transaction;
if (!t) {
var diagnostics = rawTx && rawTx.diagnostics ? rawTx.diagnostics : null;
if (diagnostics && diagnostics.rpc_transaction_found === false) {
throw new Error('Transaction not found in Blockscout or the Chain 138 public RPC. It may belong to a different network, have been replaced, or never broadcast successfully' + (diagnostics.latest_block_number ? ' (latest block #' + diagnostics.latest_block_number + ')' : ''));
}
throw new Error('Transaction not found');
}
} catch (error) {
container.innerHTML = 'Failed to load transaction: ' + escapeHtml(error.message || 'Unknown error') + '.
';
return;
}
} else {
const tx = await fetchAPIWithRetry(`${API_BASE}/v1/transactions/138/${txHash}`);
if (tx.data) t = tx.data;
else throw new Error('Transaction not found');
}
if (!t) {
container.innerHTML = 'Transaction not found
';
return;
}
const timestamp = new Date(t.created_at).toLocaleString();
const valueEth = formatEther(t.value || '0');
const gasPriceGwei = t.gas_price ? (parseInt(t.gas_price) / 1e9).toFixed(2) : 'N/A';
const maxFeeGwei = t.max_fee_per_gas ? (parseInt(t.max_fee_per_gas) / 1e9).toFixed(2) : 'N/A';
const priorityFeeValue = t.max_priority_fee_per_gas || (rawTx && rawTx.priority_fee) || null;
const priorityFeeGwei = priorityFeeValue ? (parseInt(priorityFeeValue, 10) / 1e9).toFixed(2) : 'N/A';
const burntFeeEth = t.tx_burnt_fee ? formatEther(t.tx_burnt_fee) : '0';
const totalFeeWei = rawTx && rawTx.fee && rawTx.fee.value
? String(rawTx.fee.value)
: (t.gas_used && t.gas_price ? (BigInt(t.gas_used) * BigInt(t.gas_price)).toString() : '0');
const totalFee = totalFeeWei ? formatEther(totalFeeWei) : '0';
const txType = t.type === 2 ? 'EIP-1559' : t.type === 1 ? 'EIP-2930' : 'Legacy';
const revertReason = t.revert_reason || (rawTx && (rawTx.revert_reason || rawTx.error || rawTx.result));
const inputHex = (t.input && t.input !== '0x') ? t.input : null;
const decodedInput = t.decoded_input || (rawTx && rawTx.decoded_input);
const methodSelector = t.method_id || (rawTx && rawTx.method) || (inputHex ? inputHex.slice(0, 10) : null);
const confirmationDuration = rawTx ? formatDurationValue(rawTx.confirmation_duration) : '';
const transactionTypeTags = rawTx && Array.isArray(rawTx.transaction_types) ? rawTx.transaction_types : [];
const actionsCount = rawTx && Array.isArray(rawTx.actions) ? rawTx.actions.length : 0;
const tokenTransferCount = rawTx && Array.isArray(rawTx.token_transfers) ? rawTx.token_transfers.length : 0;
const authorizationCount = rawTx && Array.isArray(rawTx.authorization_list) ? rawTx.authorization_list.length : 0;
const inputBytes = inputHex ? Math.max(0, (inputHex.length - 2) / 2) : 0;
const rawSource = rawTx && rawTx.source ? rawTx.source : (CHAIN_ID === 138 ? 'blockscout' : 'api');
const rawSourceLabel = rawSource === 'rpc_fallback' ? 'RPC fallback' : 'Blockscout detail';
const rawPayloadId = 'txRawPayload_' + txHash.slice(2, 10);
const statusText = t.status === 1 ? 'Success' : t.status === 0 ? 'Failed' : 'Pending';
const statusClass = t.status === 1 ? 'badge-success' : t.status === 0 ? 'badge-danger' : 'badge-warning';
const baseFeeGwei = rawTx && rawTx.base_fee_per_gas ? formatEther(rawTx.base_fee_per_gas, 'gwei') : '';
const rawPayload = safeJsonStringify({
normalized: t,
raw: rawTx
});
const numericInspectorFields = [
{ label: 'Block Number', value: t.block_number, note: 'Canonical included block height.' },
{ label: 'Transaction Index', value: t.transaction_index != null ? t.transaction_index : (rawTx && rawTx.position != null ? rawTx.position : null), note: 'Zero-based position within the block.' },
{ label: 'Nonce', value: t.nonce, note: 'Account nonce used for this transaction.' },
{ label: 'Confirmations', value: t.confirmations, note: 'Current confirmation count from the explorer index.' },
{ label: 'Value (Wei)', value: t.value, note: 'Native value transferred, expressed in wei.' },
{ label: 'Gas Limit', value: t.gas_limit, note: 'Maximum gas supplied for execution.' },
{ label: 'Gas Used', value: t.gas_used, note: 'Actual gas consumed during execution.' },
{ label: 'Gas Price (Wei)', value: t.gas_price, note: 'Effective gas price used for fee settlement.' },
{ label: 'Max Fee Per Gas (Wei)', value: t.max_fee_per_gas, note: 'EIP-1559 max fee cap.' },
{ label: 'Max Priority Fee (Wei)', value: priorityFeeValue, note: 'Miner / validator tip component.' },
{ label: 'Base Fee (Wei)', value: rawTx && rawTx.base_fee_per_gas ? rawTx.base_fee_per_gas : null, note: 'Base fee returned by the explorer detail payload.' },
{ label: 'Total Fee Paid (Wei)', value: totalFeeWei, note: 'Fee paid for this transaction in wei.' },
{ label: 'Burnt Fee (Wei)', value: t.tx_burnt_fee, note: 'Fee component marked as burnt by the explorer.' },
{ label: 'Type', value: t.type, note: 'Transaction type identifier.' }
];
const numericInspectorHtml = numericInspectorFields.filter(function(field) {
return field.value != null && field.value !== '';
}).map(function(field, index) {
return renderNumericInspectorEntry(field.label, field.value, field.note, index === 0);
}).join('');
const executionMetaChips = [];
executionMetaChips.push('Source' + escapeHtml(rawSourceLabel) + '');
executionMetaChips.push('Status' + escapeHtml(statusText) + '');
if (rawTx && rawTx.fee && rawTx.fee.type) {
executionMetaChips.push('Fee Mode' + escapeHtml(String(rawTx.fee.type)) + '');
}
if (transactionTypeTags.length) {
transactionTypeTags.forEach(function(tag) {
executionMetaChips.push('Tx Tag' + escapeHtml(String(tag)) + '');
});
}
const executionMetaHtml = executionMetaChips.length ? '' + executionMetaChips.join('') + '
' : '';
const fromCellContent = explorerAddressLink(t.from || '', formatAddressWithLabel(t.from || ''), 'color: inherit; text-decoration: none;') + renderCopyButtonHtml(t.from || '', 'Copy from address');
const toCellContent = t.to ? explorerAddressLink(t.to, formatAddressWithLabel(t.to), 'color: inherit; text-decoration: none;') + renderCopyButtonHtml(t.to, 'Copy to address') : 'N/A';
let mainHtml = `
Transaction
Transaction Hash
${escapeHtml(t.hash)}${renderCopyButtonHtml(t.hash, 'Copy transaction hash')}
Type
${txType}
Status
${statusText}
Block Number
${explorerBlockLink(String(t.block_number || ''), escapeHtml(String(t.block_number || 'N/A')), 'color: inherit; text-decoration: none;')}
Block Hash
${escapeHtml(t.block_hash || 'N/A')}${t.block_hash ? renderCopyButtonHtml(t.block_hash, 'Copy block hash') : ''}
From
${fromCellContent}
To
${toCellContent}
Value
${valueEth} ETH
Gas Used
${t.gas_used ? formatNumber(t.gas_used) : 'N/A'}
Gas Limit
${t.gas_limit ? formatNumber(t.gas_limit) : 'N/A'}
Max Fee Per Gas
${maxFeeGwei} Gwei
Max Priority Fee
${priorityFeeGwei} Gwei
Gas Price
${gasPriceGwei} Gwei
Total Fee
${totalFee} ETH
Burnt Fee
${burntFeeEth} ETH
Nonce
${t.nonce || 'N/A'}
Timestamp
${timestamp}
Contract Address
${explorerAddressLink(t.contract_address, escapeHtml(t.contract_address), 'color: inherit; text-decoration: none;')}
Execution Details
${escapeHtml(rawSourceLabel)}Revert Reason
${escapeHtml(reasonStr)}
Input Data
${inputBytes} bytes';
if (methodSelector) {
mainHtml += renderInspectorCodeLine('Selector', methodSelector, methodSelector);
}
if (decodedInput && (decodedInput.method || decodedInput.params)) {
const method = decodedInput.method || decodedInput.name || 'Unknown';
mainHtml += renderInspectorTextLine('Decoded Method', method, method);
if (decodedInput.params && Array.isArray(decodedInput.params)) {
mainHtml += '
';
}
}
if (inputHex) {
mainHtml += renderInspectorCodeLine('Hex', inputHex, inputHex);
mainHtml += renderInputWordTable(inputHex);
}
mainHtml += '
| Param | Value |
|---|---|
| ' + escapeHtml(name) + ' | ' + escapeHtml(val) + ' |
Numeric Inspector
DEC / HEX / BIN${numericInspectorHtml}
Raw Payload
${escapeHtml(rawSourceLabel)}Normalized + raw transaction payload ${escapeHtml(rawSourceLabel)} / ${escapeHtml(summarizeInspectorValue(t.hash, 12, 10))}
This includes the normalized transaction fields used by the explorer plus the underlying Blockscout or RPC fallback payload so nothing important stays hidden behind the UI.
${escapeHtml(rawPayload)}Internal Transactions
Loading...
';
container.appendChild(internalCard);
const logsCard = document.createElement('div');
logsCard.className = 'card';
logsCard.style.marginTop = '1rem';
logsCard.innerHTML = 'Event Logs
Loading...
';
container.appendChild(logsCard);
Promise.all([
fetchAPIWithRetry(`${BLOCKSCOUT_API}/v2/transactions/${txHash}/internal-transactions`).catch(function() { return { items: [] }; }),
fetchAPIWithRetry(`${BLOCKSCOUT_API}/v2/transactions/${txHash}/internal_transactions`).catch(function() { return { items: [] }; }),
fetchAPIWithRetry(`${BLOCKSCOUT_API}/v2/transactions/${txHash}/logs`).catch(function() { return { items: [] }; }),
fetchAPIWithRetry(`${BLOCKSCOUT_API}/v2/transactions/${txHash}/log_entries`).catch(function() { return { items: [] }; })
]).then(function(results) {
const internalResp = results[0].items ? results[0] : results[1];
const logsResp = results[2].items ? results[2] : results[3];
const internals = internalResp.items || [];
const rpcReceiptLogs = rawTx && rawTx.receipt && Array.isArray(rawTx.receipt.logs)
? rawTx.receipt.logs.map(normalizeRpcLog).filter(function(log) { return log !== null; })
: [];
let logs = logsResp.items || logsResp.log_entries || [];
if ((!logs || logs.length === 0) && rpcReceiptLogs.length) {
logs = rpcReceiptLogs;
}
const internalEl = document.getElementById('txInternalTxs');
if (internalEl) {
const internalFilter = getExplorerPageFilter('txInternalTxs');
const reloadInternalJs = 'showTransactionDetail(\'' + txHash.replace(/\\/g, '\\\\').replace(/'/g, "\\'") + '\')';
const internalFilterBar = renderPageFilterBar('txInternalTxs', 'Filter by type, from, to, or value...', 'Filters the internal transactions below.', reloadInternalJs);
if (internals.length === 0) {
internalEl.innerHTML = internalFilterBar + 'No internal transactions
'; } else { const filteredInternals = internalFilter ? internals.filter(function(it) { const from = it.from?.hash || it.from || 'N/A'; const to = it.to?.hash || it.to || 'N/A'; const val = it.value ? formatEther(it.value) : '0'; const type = it.type || it.call_type || 'call'; return matchesExplorerFilter([type, from, to, val].join(' '), internalFilter); }) : internals; let tbl = internalFilterBar + '| Type | From | To | Value |
|---|---|---|---|
| ' + escapeHtml(type) + ' | ' + explorerAddressLink(from, escapeHtml(shortenHash(from)), 'color: inherit; text-decoration: none;') + ' | ' + explorerAddressLink(to, escapeHtml(shortenHash(to)), 'color: inherit; text-decoration: none;') + ' | ' + escapeHtml(val) + ' ETH |
| No internal transactions match the current filter. | |||
No event logs
'; } else { const filteredLogs = logsFilter ? logs.filter(function(log) { const addr = log.address?.hash || log.address || 'N/A'; const topics = (log.topics && Array.isArray(log.topics)) ? log.topics : (log.topic0 ? [log.topic0] : []); const topicsStr = topics.join(', '); const data = log.data || log.raw_data || '0x'; const decoded = formatLogDecodedValue(log.decoded || log.decoded_text || ''); return matchesExplorerFilter([addr, topicsStr, data, decoded].join(' '), logsFilter); }) : logs; if (filteredLogs.length === 0) { logsEl.innerHTML = logsFilterBar + 'No event logs match the current filter.
'; } else { logsEl.innerHTML = logsFilterBar + '' + filteredLogs.map(function(log, idx) {
return renderTransactionLogEntry(log, idx);
}).join('') + '
';
if (typeof ethers !== 'undefined' && ethers.utils) {
(function(logsList) {
var addrs = [];
logsList.forEach(function(l) { var a = l.address && (l.address.hash || l.address) || l.address; if (a && addrs.indexOf(a) === -1) addrs.push(a); });
var abiCache = {};
Promise.all(addrs.map(function(addr) {
if (!/^0x[a-f0-9]{40}$/i.test(addr)) return Promise.resolve();
return fetch(BLOCKSCOUT_API + '/v2/smart-contracts/' + addr).then(function(r) { return r.json(); }).catch(function() { return null; }).then(function(res) {
var abi = res && (res.abi || res.abi_json);
if (abi) abiCache[addr.toLowerCase()] = Array.isArray(abi) ? abi : (typeof abi === 'string' ? JSON.parse(abi) : abi);
});
})).then(function() {
logsList.forEach(function(log, idx) {
var addr = (log.address && (log.address.hash || log.address)) || log.address;
var topics = log.topics && Array.isArray(log.topics) ? log.topics.filter(function(topic) { return topic != null; }) : (log.topic0 ? [log.topic0] : []);
var data = log.data || log.raw_data || '0x';
var abi = addr ? abiCache[(addr + '').toLowerCase()] : null;
var decodedEl = document.getElementById('txLogDecoded' + idx);
if (!decodedEl || !abi) return;
try {
var iface = new ethers.utils.Interface(abi);
var parsed = iface.parseLog({ topics: topics, data: data });
if (parsed && parsed.name) {
var args = parsed.args && parsed.args.length ? parsed.args.map(function(a) { return String(a); }).join(', ') : '';
decodedEl.textContent = parsed.name + '(' + args + ')';
decodedEl.title = parsed.signature || '';
var summaryTitleEl = document.getElementById('txLogSummaryTitle' + idx);
if (summaryTitleEl) {
summaryTitleEl.textContent = 'Log #' + String(log.index != null ? log.index : idx) + ' • ' + parsed.name;
}
var eventChipEl = document.getElementById('txLogEventChip' + idx);
if (eventChipEl) {
eventChipEl.innerHTML = 'Event' + escapeHtml(parsed.name) + '';
eventChipEl.title = parsed.signature || '';
}
}
} catch (e) {}
});
});
})(filteredLogs);
}
}
}
}
var bridgeTraceBody = document.getElementById('txBridgeTraceBody');
if (bridgeTraceBody && CHAIN_ID === 138) {
bridgeTraceBody.innerHTML = buildBridgeTraceInnerHtml(t.to, logs || []);
}
});
}
} catch (error) {
container.innerHTML = 'Failed to load transaction: ' + escapeHtml(error.message) + '
';
}
}
function escapeHtml(str) {
if (str == null) return '';
const s = String(str);
const div = document.createElement('div');
div.textContent = s;
return div.innerHTML;
}
function exportTransactionCSV(txHash) {
Promise.resolve(CHAIN_ID === 138 ? fetchChain138TransactionDetail(txHash) : fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/transactions/' + txHash).then(function(r) {
return { transaction: normalizeTransaction(r), rawTransaction: r };
})).then(function(result) {
var t = result && result.transaction ? result.transaction : null;
var raw = result && result.rawTransaction ? result.rawTransaction : null;
if (!t) return;
var totalFeeWei = raw && raw.fee && raw.fee.value
? String(raw.fee.value)
: (t.gas_used && t.gas_price ? (BigInt(t.gas_used) * BigInt(t.gas_price)).toString() : '0');
var rows = [
['Field', 'Value'],
['hash', t.hash],
['status', t.status],
['type', t.type != null ? t.type : ''],
['from', t.from],
['to', t.to || ''],
['value_wei', t.value || '0'],
['block_number', t.block_number || ''],
['transaction_index', t.transaction_index != null ? t.transaction_index : ''],
['nonce', t.nonce || ''],
['gas_price_wei', t.gas_price || ''],
['gas_limit', t.gas_limit || ''],
['gas_used', t.gas_used || ''],
['confirmations', t.confirmations != null ? t.confirmations : ''],
['method_selector', t.method_id || (raw && raw.method) || ''],
['total_fee_wei', totalFeeWei]
];
var csv = rows.map(function(row) { return row.map(function(cell) { return '"' + String(cell).replace(/"/g, '""') + '"'; }).join(','); }).join('\n');
var blob = new Blob([csv], { type: 'text/csv' });
var url = URL.createObjectURL(blob);
var a = document.createElement('a'); a.href = url; a.download = 'transaction-' + txHash.substring(0, 10) + '.csv'; a.click();
URL.revokeObjectURL(url);
}).catch(function(e) { showToast('Export failed: ' + (e.message || 'Unknown'), 'error'); });
}
function exportBlocksCSV() {
Promise.resolve(CHAIN_ID === 138 ? fetchChain138BlocksPage(1, 50) : fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/blocks?page=1&page_size=50').then(function(r) {
return (r.items || r || []).map(normalizeBlock).filter(function(block) { return block !== null; });
})).then(function(items) {
var rows = [['Block', 'Hash', 'Transactions', 'Timestamp']];
items.forEach(function(b) {
var bn = b.height || b.number || b.block_number;
var h = b.hash || b.block_hash || '';
var tc = b.transaction_count || b.transactions_count || 0;
var ts = b.timestamp || '';
rows.push([String(bn), h, String(tc), String(ts)]);
});
var csv = rows.map(function(row) { return row.map(function(cell) { return '"' + String(cell).replace(/"/g, '""') + '"'; }).join(','); }).join('\n');
var blob = new Blob([csv], { type: 'text/csv' });
var a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'blocks.csv'; a.click();
URL.revokeObjectURL(a.href);
}).catch(function(e) { showToast('Export failed: ' + (e.message || 'Unknown'), 'error'); });
}
function exportTransactionsListCSV() {
Promise.resolve(CHAIN_ID === 138 ? fetchChain138TransactionsPage(1, 50) : fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/transactions?page=1&page_size=50').then(function(r) {
return (r.items || r || []).map(normalizeTransaction).filter(function(tx) { return tx !== null; });
})).then(function(items) {
var rows = [['Hash', 'From', 'To', 'Value', 'Block']];
items.forEach(function(tx) {
var t = tx && tx.hash ? tx : normalizeTransaction(tx);
if (t) rows.push([t.hash || '', t.from || '', t.to || '', t.value || '0', String(t.block_number || '')]);
});
var csv = rows.map(function(row) { return row.map(function(cell) { return '"' + String(cell).replace(/"/g, '""') + '"'; }).join(','); }).join('\n');
var blob = new Blob([csv], { type: 'text/csv' });
var a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'transactions.csv'; a.click();
URL.revokeObjectURL(a.href);
}).catch(function(e) { showToast('Export failed: ' + (e.message || 'Unknown'), 'error'); });
}
function exportAddressTransactionsCSV(addr) {
if (!addr || !/^0x[a-fA-F0-9]{40}$/i.test(addr)) { showToast('Invalid address', 'error'); return; }
fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/transactions?address=' + encodeURIComponent(addr) + '&page=1&page_size=100').then(function(r) {
var items = r.items || r || [];
var rows = [['Hash', 'From', 'To', 'Value', 'Block', 'Status']];
items.forEach(function(tx) {
var t = normalizeTransaction(tx);
if (t) rows.push([t.hash || '', t.from || '', t.to || '', t.value || '0', String(t.block_number || ''), t.status === 1 ? 'Success' : 'Failed']);
});
var csv = rows.map(function(row) { return row.map(function(cell) { return '"' + String(cell).replace(/"/g, '""') + '"'; }).join(','); }).join('\n');
var blob = new Blob([csv], { type: 'text/csv' });
var a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'address-' + addr.substring(0, 10) + '-transactions.csv'; a.click();
URL.revokeObjectURL(a.href);
showToast('CSV downloaded', 'success');
}).catch(function(e) { showToast('Export failed: ' + (e.message || 'Unknown'), 'error'); });
}
window.exportAddressTransactionsCSV = exportAddressTransactionsCSV;
function exportAddressTokenBalancesCSV(addr) {
if (!addr || !/^0x[a-fA-F0-9]{40}$/i.test(addr)) { showToast('Invalid address', 'error'); return; }
fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/addresses/' + addr + '/token-balances').catch(function() { return { items: [] }; }).then(function(r) {
var items = Array.isArray(r) ? r : (r.items || r || []);
var rows = [['Token', 'Contract', 'Balance', 'Type']];
(items || []).forEach(function(b) {
var token = b.token || b;
var contract = token.address?.hash || token.address || b.token_contract_address_hash || 'N/A';
var symbol = token.symbol || token.name || '-';
var balance = b.value || b.balance || '0';
var decimals = token.decimals != null ? token.decimals : 18;
var displayBalance = formatUnitsLocalized(balance, decimals, 6);
var type = token.type || b.token_type || 'ERC-20';
rows.push([symbol, contract, displayBalance, type]);
});
var csv = rows.map(function(row) { return row.map(function(cell) { return '"' + String(cell).replace(/"/g, '""') + '"'; }).join(','); }).join('\n');
var blob = new Blob([csv], { type: 'text/csv' });
var a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'address-' + addr.substring(0, 10) + '-token-balances.csv'; a.click();
URL.revokeObjectURL(a.href);
showToast('CSV downloaded', 'success');
}).catch(function(e) { showToast('Export failed: ' + (e.message || 'Unknown'), 'error'); });
}
window.exportAddressTokenBalancesCSV = exportAddressTokenBalancesCSV;
window._showTransactionDetail = renderTransactionDetail;
// Keep wrapper (do not overwrite) so all calls go through setTimeout and avoid stack overflow
async function renderAddressDetail(address) {
const addr = safeAddress(address);
if (!addr) { showToast('Invalid address', 'error'); return; }
address = addr;
currentDetailKey = 'address:' + address.toLowerCase();
showView('addressDetail');
updatePath('/addresses/' + address);
const container = document.getElementById('addressDetail');
updateBreadcrumb('address', address);
container.innerHTML = createSkeletonLoader('detail');
try {
// Validate address format
if (!/^0x[a-fA-F0-9]{40}$/.test(address)) {
container.innerHTML = 'Invalid address format
';
return;
}
let a;
let addressDetailSource = 'blockscout';
// For ChainID 138, use Blockscout API directly
if (CHAIN_ID === 138) {
try {
const detailResult = await fetchChain138AddressDetail(address);
a = detailResult.address;
addressDetailSource = detailResult.source || 'blockscout';
if (!a || !a.hash) {
throw new Error('Address not found');
}
} catch (error) {
var retryAddress = String(address || '').replace(/\\/g, '\\\\').replace(/'/g, "\\'");
container.innerHTML = 'Failed to load address: ' + escapeHtml(error.message || 'Unknown error') + '.
';
return;
}
} else {
const addr = await fetchAPIWithRetry(`${API_BASE}/v1/addresses/138/${address}`);
if (addr.data) {
a = addr.data;
} else {
throw new Error('Address not found');
}
}
if (a) {
const balanceEth = formatEther(a.balance || '0');
const isContract = !!a.is_contract;
const verifiedBadge = a.is_verified ? 'Verified' : '';
const encodedAddress = encodeURIComponent(address);
const escapedAddress = escapeHtml(address);
const addressForJs = address.replace(/\\/g, '\\\\').replace(/'/g, "\\'");
const contractLink = isContract ? `View contract on Blockscout` : '';
const savedLabel = getAddressLabel(address);
const inWatchlist = isInWatchlist(address);
const fallbackNotice = addressDetailSource === 'rpc_fallback'
? `RPC fallback mode. Indexed address metadata is temporarily unavailable or responding too slowly, so this view is using live RPC for balance, nonce-derived transaction count, and contract detection. Transactions, token balances, internal txns, and NFTs remain best-effort while the explorer API recovers.
`
: '';
container.innerHTML = `
${fallbackNotice}
Address
${escapedAddress}
Label
Watchlist
Token approvals
Balance
${balanceEth} ETH
Transaction Count
${a.transaction_count || 0}
Token Count
${a.token_count || 0}
Type
${a.is_contract ? 'Contract' + verifiedBadge + (contractLink ? '
' + contractLink : '') : 'EOA'}
' + contractLink : '') : 'EOA'}
Contract created in
${explorerTransactionLink(a.creation_tx_hash, escapeHtml(shortenHash(a.creation_tx_hash)), 'color: inherit; text-decoration: none;')}
First seen
${escapeHtml(typeof a.first_seen_at === 'string' ? a.first_seen_at : new Date(a.first_seen_at).toISOString())}
Last seen
${escapeHtml(typeof a.last_seen_at === 'string' ? a.last_seen_at : new Date(a.last_seen_at).toISOString())}
${isContract ? '' : ''}
Recent Transactions
Loading transactions...
No token balances
'; return; } const filteredItems = filter ? items.filter(function(b) { const token = b.token || b; const contract = token.address?.hash || token.address || b.token_contract_address_hash || 'N/A'; const symbol = token.symbol || token.name || '-'; const balance = b.value || b.balance || '0'; const decimals = token.decimals != null ? token.decimals : 18; const displayBalance = formatUnitsLocalized(balance, decimals, 6); const type = token.type || b.token_type || 'ERC-20'; return matchesExplorerFilter([symbol, contract, displayBalance, type].join(' '), filter); }) : items; let tbl = filterBar + '| Token | Contract | Balance | Type |
|---|---|---|---|
| ' + escapeHtml(symbol) + ' | ' + explorerAddressLink(contract, escapeHtml(shortenHash(contract)), 'color: inherit; text-decoration: none;') + ' | ' + escapeHtml(displayBalance) + ' | ' + escapeHtml(type) + ' |
| No token balances match the current filter. | |||
Failed to load token balances
'; } } async function loadAddressNftInventory(addr) { const el = document.getElementById('addressNftInventory'); if (!el || el.dataset.loaded === '1') return; try { const r = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/addresses/' + addr + '/token-balances').catch(function() { return { items: [] }; }); const r2 = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/addresses/' + addr + '/nft-inventory').catch(function() { return { items: [] }; }); const r3 = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/addresses/' + addr + '/nft_tokens').catch(function() { return { items: [] }; }); var items = (r2.items || r2).length ? (r2.items || r2) : (r3.items || r3); if (!items || items.length === 0) { var allBalances = (r.items || r) || []; items = Array.isArray(allBalances) ? allBalances.filter(function(b) { var t = (b.token || b).type || (b.token_type || ''); return t === 'ERC-721' || t === 'ERC-1155' || String(t).toLowerCase().indexOf('nft') !== -1; }) : []; } el.dataset.loaded = '1'; const filter = getExplorerPageFilter('addressNftInventory'); const reloadJs = 'showAddressDetail(\'' + addr.replace(/\\/g, '\\\\').replace(/'/g, "\\'") + '\')'; const filterBar = renderPageFilterBar('addressNftInventory', 'Filter by contract, token ID, name, symbol, or balance...', 'Filters the NFT inventory below.', reloadJs); if (!items || items.length === 0) { el.innerHTML = filterBar + 'No NFT tokens
'; return; } const filteredItems = filter ? items.filter(function(b) { var token = b.token || b; var contract = token.address?.hash || token.address || b.token_contract_address_hash || b.contract_address_hash || 'N/A'; var tokenId = b.token_id != null ? b.token_id : (b.tokenId != null ? b.tokenId : (b.id != null ? b.id : '-')); var name = token.name || token.symbol || '-'; var balance = b.value != null ? b.value : (b.balance != null ? b.balance : '1'); return matchesExplorerFilter([contract, tokenId, name, balance].join(' '), filter); }) : items; var tbl = filterBar + '| Contract | Token ID | Name / Symbol | Balance |
|---|---|---|---|
| ' + explorerAddressLink(contract, escapeHtml(shortenHash(contract)), 'color: inherit; text-decoration: none;') + ' | '; tbl += '' + (tokenId !== '-' ? '' + escapeHtml(String(tokenId)) + '' : '-') + ' | '; tbl += '' + escapeHtml(name) + ' | ' + escapeHtml(String(balance)) + ' |
| No NFT inventory matches the current filter. | |||
Failed to load NFT inventory
'; } } async function loadAddressInternalTxns(addr) { const el = document.getElementById('addressInternalTxns'); if (!el || el.dataset.loaded === '1') return; try { const r = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/addresses/' + addr + '/internal-transactions').catch(function() { return { items: [] }; }); const r2 = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/addresses/' + addr + '/internal_transactions').catch(function() { return { items: [] }; }); const items = (r.items || r).length ? (r.items || r) : (r2.items || r2); el.dataset.loaded = '1'; const filter = getExplorerPageFilter('addressInternalTxns'); const reloadJs = 'showAddressDetail(\'' + addr.replace(/\\/g, '\\\\').replace(/'/g, "\\'") + '\')'; const filterBar = renderPageFilterBar('addressInternalTxns', 'Filter by block, from, to, tx hash, or value...', 'Filters the internal transactions below.', reloadJs); if (!items || items.length === 0) { el.innerHTML = filterBar + 'No internal transactions
'; return; } const slicedItems = items.slice(0, 25); const filteredItems = filter ? slicedItems.filter(function(it) { const from = it.from?.hash || it.from || 'N/A'; const to = it.to?.hash || it.to || 'N/A'; const val = it.value ? formatEther(it.value) : '0'; const block = it.block_number || it.block || '-'; const txHash = it.transaction_hash || it.tx_hash || '-'; return matchesExplorerFilter([block, from, to, val, txHash].join(' '), filter); }) : slicedItems; let tbl = filterBar + '| Block | From | To | Value | Tx Hash |
|---|---|---|---|---|
| ' + explorerBlockLink(block, escapeHtml(block), 'color: inherit; text-decoration: none;') + ' | ' + explorerAddressLink(from, escapeHtml(shortenHash(from)), 'color: inherit; text-decoration: none;') + ' | ' + explorerAddressLink(to, escapeHtml(shortenHash(to)), 'color: inherit; text-decoration: none;') + ' | ' + escapeHtml(val) + ' ETH | ' + (txHash !== '-' ? explorerTransactionLink(txHash, escapeHtml(shortenHash(txHash)), 'color: inherit; text-decoration: none;') : '-') + ' |
| No internal transactions match the current filter. | ||||
Failed to load internal transactions
'; } } async function loadAddressContractInfo(addr) { const el = document.getElementById('addressContractInfo'); if (!el || el.dataset.loaded === '1') return; try { const urls = [ BLOCKSCOUT_API + '/v2/smart-contracts/' + addr, BLOCKSCOUT_API + '/v2/contracts/' + addr ]; let data = null; for (var i = 0; i < urls.length; i++) { try { const r = await fetchAPIWithRetry(urls[i]); if (r && (r.abi || r.bytecode || r.deployed_bytecode)) { data = r; break; } } catch (e) {} } el.dataset.loaded = '1'; if (!data) { el.innerHTML = 'Contract source not indexed. Verify on Blockscout
'; return; } const abi = data.abi || data.abi_interface || []; const abiStr = typeof abi === 'string' ? abi : JSON.stringify(abi, null, 2); const bytecode = data.bytecode || data.deployed_bytecode || data.creation_bytecode || '-'; let html = 'Verification: ' + (data.is_verified ? 'Verified' : 'Unverified') + '
'; html += 'ABI Download
'; html += '' + escapeHtml(abiStr) + '
Bytecode
'; html += '' + escapeHtml(String(bytecode).substring(0, 500)) + (String(bytecode).length > 500 ? '...' : '') + '
Read contract
Call view/pure functions (requires ethers.js).
'; html += ''; html += 'Write contract
Connect wallet to send transactions.
'; html += ''; html += ''; html += 'Read / Write contract on Blockscout
'; el.innerHTML = html; if (viewFns.length > 0) { (function setupReadContract(contractAddr, abiJson, viewFunctions) { var selectEl = document.getElementById('readContractSelect'); var inputsEl = document.getElementById('readContractInputs'); var resultEl = document.getElementById('readContractResult'); var btnEl = document.getElementById('readContractBtn'); function renderInputs() { var name = selectEl && selectEl.value; var fn = viewFunctions.find(function(f) { return f.name === name; }); if (!inputsEl || !fn) return; var inputs = fn.inputs || []; if (inputs.length === 0) { inputsEl.innerHTML = ''; return; } var h = '';
inputs.forEach(function(inp, i) {
h += '';
});
h += '
';
inputsEl.innerHTML = h;
}
if (selectEl) selectEl.addEventListener('change', renderInputs);
renderInputs();
if (btnEl) btnEl.addEventListener('click', function() {
if (typeof ethers === 'undefined') { showToast('Ethers.js not loaded. Refresh the page.', 'error'); return; }
var name = selectEl && selectEl.value;
var fn = viewFunctions.find(function(f) { return f.name === name; });
if (!fn || !resultEl) return;
var inputs = fn.inputs || [];
var args = [];
for (var i = 0; i < inputs.length; i++) {
var inp = inputs[i];
var val = document.getElementById('readArg' + i) && document.getElementById('readArg' + i).value;
if (val === undefined || val === '') val = '';
var t = (inp.type || '').toLowerCase();
if (t.indexOf('uint') === 0 || t === 'int256') args.push(val ? (val.trim() ? BigInt(val) : 0) : 0);
else if (t === 'bool') args.push(val === 'true' || val === '1');
else if (t.indexOf('address') === 0) args.push(val && val.trim() ? val.trim() : '0x0000000000000000000000000000000000000000');
else args.push(val);
}
resultEl.style.display = 'block';
resultEl.textContent = 'Calling...';
var provider = new ethers.providers.JsonRpcProvider(RPC_URL);
var contract = new ethers.Contract(contractAddr, abiJson, provider);
contract[name].apply(contract, args).then(function(res) {
if (Array.isArray(res)) resultEl.textContent = JSON.stringify(res, null, 2);
else if (res != null && typeof res.toString === 'function') resultEl.textContent = res.toString();
else resultEl.textContent = JSON.stringify(res, null, 2);
}).catch(function(err) {
resultEl.textContent = 'Error: ' + (err.message || String(err));
});
});
})(addr, abi, viewFns);
}
if (writeFns.length > 0) {
(function setupWriteContract(contractAddr, abiJson, writeFunctions) {
var selectEl = document.getElementById('writeContractSelect');
var inputsEl = document.getElementById('writeContractInputs');
var valueRow = document.getElementById('writeContractValueRow');
var valueEl = document.getElementById('writeContractValue');
var resultEl = document.getElementById('writeContractResult');
var btnEl = document.getElementById('writeContractBtn');
function renderWriteInputs() {
var name = selectEl && selectEl.value;
var opt = selectEl && selectEl.options[selectEl.selectedIndex];
var payable = opt && opt.getAttribute('data-payable') === 'true';
if (valueRow) valueRow.style.display = payable ? 'block' : 'none';
var fn = writeFunctions.find(function(f) { return f.name === name; });
if (!inputsEl || !fn) return;
var inputs = fn.inputs || [];
var h = '';
inputs.forEach(function(inp, i) {
h += '';
});
h += '
';
inputsEl.innerHTML = h;
}
if (selectEl) selectEl.addEventListener('change', renderWriteInputs);
renderWriteInputs();
if (btnEl) btnEl.addEventListener('click', function() {
if (typeof ethers === 'undefined') { showToast('Ethers.js not loaded. Refresh the page.', 'error'); return; }
if (!window.ethereum) { showToast('Connect MetaMask to write.', 'error'); return; }
var name = selectEl && selectEl.value;
var fn = writeFunctions.find(function(f) { return f.name === name; });
if (!fn || !resultEl) return;
var inputs = fn.inputs || [];
var args = [];
for (var i = 0; i < inputs.length; i++) {
var inp = inputs[i];
var val = document.getElementById('writeArg' + i) && document.getElementById('writeArg' + i).value;
if (val === undefined || val === '') val = '';
var t = (inp.type || '').toLowerCase();
if (t.indexOf('uint') === 0 || t === 'int256') args.push(val ? (val.trim() ? BigInt(val) : 0) : 0);
else if (t === 'bool') args.push(val === 'true' || val === '1');
else if (t.indexOf('address') === 0) args.push(val && val.trim() ? val.trim() : '0x0000000000000000000000000000000000000000');
else args.push(val);
}
var valueWei = '0';
if (fn.stateMutability === 'payable' && valueEl && valueEl.value) {
try { valueWei = ethers.utils.parseEther(valueEl.value.trim() || '0').toString(); } catch (e) { showToast('Invalid ETH value', 'error'); return; }
}
resultEl.style.display = 'block';
resultEl.textContent = 'Confirm in wallet...';
var provider = new ethers.providers.Web3Provider(window.ethereum);
provider.send('eth_requestAccounts', []).then(function() {
var signer = provider.getSigner();
var contract = new ethers.Contract(contractAddr, abiJson, signer);
var overrides = valueWei !== '0' ? { value: valueWei } : {};
return contract[name].apply(contract, args.concat([overrides]));
}).then(function(tx) {
resultEl.textContent = 'Tx hash: ' + tx.hash + '\nWaiting for confirmation...';
return tx.wait();
}).then(function(receipt) {
resultEl.textContent = 'Success. Block: ' + receipt.blockNumber + ', Tx: ' + receipt.transactionHash;
showToast('Transaction confirmed', 'success');
}).catch(function(err) {
resultEl.textContent = 'Error: ' + (err.message || String(err));
showToast(err.message || 'Transaction failed', 'error');
});
});
})(addr, abi, writeFns);
}
} catch (e) {
el.innerHTML = 'Failed to load contract info
'; } } try { let txs; if (CHAIN_ID === 138) { const response = await fetchAPIWithRetry(`${BLOCKSCOUT_API}/v2/transactions?address=${address}&page=1&page_size=10`); const rawTxs = response.items || []; txs = { data: rawTxs.map(normalizeTransaction).filter(tx => tx !== null) }; } else { txs = await fetchAPIWithRetry(`${API_BASE}/v1/transactions?from_address=${address}&page_size=10`); } const txContainer = document.getElementById('addressTransactions'); if (txContainer) { const filter = getExplorerPageFilter('addressTransactions'); const reloadJs = 'showAddressDetail(\'' + address.replace(/\\/g, '\\\\').replace(/'/g, "\\'") + '\')'; const filterBar = renderPageFilterBar('addressTransactions', 'Filter by hash, block, from, to, or value...', 'Filters the recent transactions below.', reloadJs); if (txs.data && txs.data.length > 0) { const filteredTxs = filter ? txs.data.filter(function(tx) { return matchesExplorerFilter([tx.hash || '', tx.block_number || '', tx.from || '', tx.to || '', tx.value || '0'].join(' '), filter); }) : txs.data; let txHtml = filterBar + '| Hash | Block | From | To | Value |
|---|---|---|---|---|
| ' + explorerTransactionLink(tx.hash, escapeHtml(shortenHash(tx.hash)), 'color: inherit; text-decoration: none;') + ' | ' + explorerBlockLink(String(tx.block_number), escapeHtml(String(tx.block_number)), 'color: inherit; text-decoration: none;') + ' | ' + explorerAddressLink(tx.from, formatAddressWithLabel(tx.from), 'color: inherit; text-decoration: none;') + ' | ' + (tx.to ? explorerAddressLink(tx.to, formatAddressWithLabel(tx.to), 'color: inherit; text-decoration: none;') : 'N/A') + ' | ' + escapeHtml(formatEther(tx.value || '0')) + ' ETH |
| No transactions match the current filter. | ||||
No transactions found
'; } } } catch (e) { const txContainer = document.getElementById('addressTransactions'); if (txContainer) txContainer.innerHTML = 'Failed to load transactions
'; } } else { container.innerHTML = 'Address not found
';
}
} catch (error) {
container.innerHTML = 'Failed to load address: ' + escapeHtml(error.message) + '
';
}
}
window._showAddressDetail = renderAddressDetail;
// Keep wrapper (do not overwrite) so all calls go through setTimeout and avoid stack overflow
async function showTokenDetail(tokenAddress) {
if (!/^0x[a-fA-F0-9]{40}$/.test(tokenAddress)) return;
currentDetailKey = 'token:' + tokenAddress.toLowerCase();
showView('tokenDetail');
updatePath('/tokens/' + tokenAddress);
var container = document.getElementById('tokenDetail');
updateBreadcrumb('token', tokenAddress);
container.innerHTML = createSkeletonLoader('detail');
try {
var urls = [BLOCKSCOUT_API + '/v2/tokens/' + tokenAddress, BLOCKSCOUT_API + '/v2/token/' + tokenAddress];
var data = null;
for (var i = 0; i < urls.length; i++) {
try {
var r = await fetchAPIWithRetry(urls[i]);
if (r && (r.symbol || r.name || r.total_supply != null)) { data = r; break; }
} catch (e) {}
}
if (!data) {
container.innerHTML = 'Token not found or not indexed.
'; return; } var knownTokenDetail = { '0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2': { name: 'Wrapped Ether', symbol: 'WETH', decimals: 18 }, '0xf4bb2e28688e89fcce3c0580d37d36a7672e8a9f': { name: 'Wrapped Ether v10', symbol: 'WETH', decimals: 18 } }; var known = knownTokenDetail[tokenAddress.toLowerCase()]; var name = (known && known.name) || data.name || '-'; var symbol = (known && known.symbol) || data.symbol || '-'; var decimals = (known && known.decimals != null) ? known.decimals : (data.decimals != null ? data.decimals : 18); decimals = parseInt(decimals, 10); if (isNaN(decimals) || decimals < 0 || decimals > 255) decimals = 18; var supply = data.total_supply != null ? data.total_supply : (data.total_supply_raw || '0'); var supplyDisplay = formatUnitsLocalized(supply, decimals, 6); var holders = data.holders_count != null ? data.holders_count : (data.holder_count || '-'); var transfersResp = null; try { transfersResp = await fetchAPIWithRetry(BLOCKSCOUT_API + '/v2/tokens/' + tokenAddress + '/transfers?page=1&page_size=10').catch(function() { return { items: [] }; }); } catch (e) {} var transfers = (transfersResp && transfersResp.items) ? transfersResp.items : []; var addrEsc = tokenAddress.replace(/\\/g, '\\\\').replace(/'/g, "\\'"); var symbolEsc = String(symbol).replace(/\\/g, '\\\\').replace(/'/g, "\\'"); var html = ''; html += 'Contract
' + explorerAddressLink(tokenAddress, escapeHtml(tokenAddress), 'color: inherit; text-decoration: none;') + '
Name
' + escapeHtml(name) + '
Symbol
' + escapeHtml(symbol) + '
Decimals
' + decimals + '
Total Supply
' + escapeHtml(supplyDisplay) + '
Holders
' + (holders !== '-' ? formatNumber(holders) : '-') + '
Pools (token-aggregation)
'; html += 'Indexed PMM/DEX pools for this token on Chain 138. Open Routes for path quotes or Liquidity for access tooling.
'; html += '';
html += '';
html += '';
html += '
';
if (plist.length === 0) {
html += 'No indexed pools for this token.
'; } else { html += '| Pool | DEX | Pair | TVL (USD) |
|---|---|---|---|
| ' + explorerAddressLink(pAddr, escapeHtml(shortenHash(pAddr)), 'color: inherit; text-decoration: none;') + ' | ' + escapeHtml(String(dex)) + ' | ' + escapeHtml(t0s + ' / ' + t1s) + ' | ' + escapeHtml(tvl) + ' |
Recent Transfers
'; if (transfers.length === 0) { html += transfersFilterBar + 'No transfers
'; } else { const filteredTransfers = transfersFilter ? transfers.filter(function(tr) { var from = tr.from?.hash || tr.from || '-'; var to = tr.to?.hash || tr.to || '-'; var val = tr.total?.value != null ? tr.total.value : (tr.value || '0'); var dec = tr.token?.decimals != null ? tr.token.decimals : decimals; var displayValue = formatUnitsLocalized(val, dec, 6); var txHash = tr.transaction_hash || tr.tx_hash || ''; return matchesExplorerFilter([from, to, displayValue, txHash].join(' '), transfersFilter); }) : transfers; html += transfersFilterBar + '| From | To | Value | Tx |
|---|---|---|---|
| ' + explorerAddressLink(from, escapeHtml(shortenHash(from)), 'color: inherit; text-decoration: none;') + ' | ' + explorerAddressLink(to, escapeHtml(shortenHash(to)), 'color: inherit; text-decoration: none;') + ' | ' + escapeHtml(displayValue) + ' | ' + (txHash ? explorerTransactionLink(txHash, escapeHtml(shortenHash(txHash)), 'color: inherit; text-decoration: none;') : '-') + ' |
| No transfers match the current filter. | |||
Failed to load token: ' + escapeHtml(err.message || 'Unknown') + '
';
}
}
window.showTokenDetail = showTokenDetail;
async function showNftDetail(contractAddress, tokenId) {
if (!/^0x[a-fA-F0-9]{40}$/.test(contractAddress)) return;
currentDetailKey = 'nft:' + contractAddress.toLowerCase() + ':' + tokenId;
showView('nftDetail');
updatePath('/nft/' + contractAddress + '/' + tokenId);
var container = document.getElementById('nftDetail');
updateBreadcrumb('nft', contractAddress, tokenId);
container.innerHTML = createSkeletonLoader('detail');
try {
var urls = [BLOCKSCOUT_API + '/v2/tokens/' + contractAddress + '/nft/' + tokenId, BLOCKSCOUT_API + '/v2/nft/' + contractAddress + '/' + tokenId];
var data = null;
for (var i = 0; i < urls.length; i++) {
try {
var r = await fetchAPIWithRetry(urls[i]);
if (r) { data = r; break; }
} catch (e) {}
}
var html = 'Contract
' + explorerAddressLink(contractAddress, escapeHtml(contractAddress), 'color: inherit; text-decoration: none;') + '
Token ID
' + escapeHtml(String(tokenId)) + '
Image
Name
' + escapeHtml(data.name) + '
Description
' + escapeHtml(data.description) + '
Owner
' + explorerAddressLink(ownerAddr, escapeHtml(ownerAddr), 'color: inherit; text-decoration: none;') + '
Traits
';
data.metadata.attributes.forEach(function(attr) {
var traitType = (attr.trait_type || attr.traitType || ''); var val = (attr.value != null ? attr.value : '');
if (traitType || val) html += '' + escapeHtml(traitType) + ': ' + escapeHtml(String(val)) + '';
});
html += '
Failed to load NFT: ' + escapeHtml(err.message || 'Unknown') + '
';
}
}
window.showNftDetail = showNftDetail;
function showSearchResultsList(items, query) {
showView('searchResults');
var container = document.getElementById('searchResultsContent');
if (!container) return;
var html = 'Found ' + items.length + ' result(s) for "' + escapeHtml(query) + '". Click a row to open.
'; html += '| Type | Value |
|---|---|
| Token | ' + escapeHtml(shortenHash(tokenAddr)) + ' ' + (item.name || item.symbol ? ' (' + escapeHtml(item.name || item.symbol) + ')' : '') + ' |
| Address | ' + explorerAddressLink(addr, escapeHtml(shortenHash(addr)), 'color: inherit; text-decoration: none;') + ' |
| Transaction | ' + explorerTransactionLink(txHash, escapeHtml(shortenHash(txHash)), 'color: inherit; text-decoration: none;') + ' |
| Block | ' + explorerBlockLink(blockNum, '#' + escapeHtml(blockNum), 'color: inherit; text-decoration: none;') + ' |
| ' + escapeHtml(type || 'Unknown') + ' | ' + escapeHtml(String(label).substring(0, 80)) + ' |
' +
'
';
}).join('');
if (_explorerAIState.loading) {
list.innerHTML += '' +
'
' +
'' + (isAssistant ? 'Explorer AI' : 'You') + '
' +
'' + escapeHtml(message.content || '') + '
' +
'Thinking through indexed data, live routes, and docs...
' +
'
' +
'' +
'' +
'
' +
'' +
'
' +
'' +
'Explorer AI
' +
'Read-only assistant using indexed explorer data, route APIs, and curated docs.
' +
'' +
'' +
'' +
'' +
'
' +
'' +
'
';
document.body.appendChild(button);
document.body.appendChild(panel);
var input = document.getElementById('explorerAIInput');
var sendButton = document.getElementById('explorerAISendBtn');
if (sendButton) {
sendButton.addEventListener('click', function() {
submitExplorerAIMessage();
});
}
if (input) {
input.addEventListener('keydown', function(e) {
if (e.key === 'Enter' && !e.shiftKey) {
e.preventDefault();
submitExplorerAIMessage();
}
});
}
renderExplorerAIMessages();
}
// Export functions
function exportBlockData(blockNumber) {
// Fetch block data and export as JSON
fetchAPIWithRetry(`${BLOCKSCOUT_API}/v2/blocks/${blockNumber}`)
.then(response => {
const block = normalizeBlock(response);
const dataStr = JSON.stringify(block, null, 2);
const dataBlob = new Blob([dataStr], { type: 'application/json' });
const url = URL.createObjectURL(dataBlob);
const link = document.createElement('a');
link.href = url;
link.download = `block-${blockNumber}.json`;
link.click();
URL.revokeObjectURL(url);
})
.catch(error => {
alert('Failed to export block data: ' + error.message);
});
}
function exportTransactionData(txHash) {
Promise.resolve(CHAIN_ID === 138 ? fetchChain138TransactionDetail(txHash) : fetchAPIWithRetry(`${BLOCKSCOUT_API}/v2/transactions/${txHash}`).then(function(response) {
return { transaction: normalizeTransaction(response), rawTransaction: response };
}))
.then(result => {
const payload = {
normalized: result && result.transaction ? result.transaction : null,
raw: result && result.rawTransaction ? result.rawTransaction : null
};
const dataStr = safeJsonStringify(payload);
const dataBlob = new Blob([dataStr], { type: 'application/json' });
const url = URL.createObjectURL(dataBlob);
const link = document.createElement('a');
link.href = url;
link.download = `transaction-${txHash.substring(0, 10)}.json`;
link.click();
URL.revokeObjectURL(url);
})
.catch(error => {
alert('Failed to export transaction data: ' + error.message);
});
}
// Global error handler
window.addEventListener('error', (event) => {
console.error('Global error:', event.error);
if (typeof showToast === 'function') {
showToast('An error occurred. Please refresh the page.', 'error');
}
});
window.addEventListener('unhandledrejection', (event) => {
console.error('Unhandled promise rejection:', event.reason);
if (typeof showToast === 'function') {
showToast('A network error occurred. Please try again.', 'error');
}
});
function setLiveRegion(text) {
var el = document.getElementById('explorerLiveRegion');
if (el) el.textContent = text || '';
}
// Toast notification function
function showToast(message, type = 'info', duration = 3000) {
if (type === 'error') setLiveRegion(message);
const toast = document.createElement('div');
toast.className = `toast toast-${type}`;
toast.style.cssText = `
position: fixed;
top: 20px;
right: 20px;
padding: 1rem 1.5rem;
background: ${type === 'error' ? '#fee2e2' : type === 'success' ? '#d1fae5' : '#dbeafe'};
color: ${type === 'error' ? '#ef4444' : type === 'success' ? '#10b981' : '#3b82f6'};
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
z-index: 10000;
animation: slideIn 0.3s ease-out;
`;
toast.textContent = message;
document.body.appendChild(toast);
setTimeout(() => {
toast.style.animation = 'slideOut 0.3s ease-out';
setTimeout(() => toast.remove(), 300);
}, duration);
}
// Add CSS for toast animations
const style = document.createElement('style');
style.textContent = `
@keyframes slideIn {
from { transform: translateX(100%); opacity: 0; }
to { transform: translateX(0); opacity: 1; }
}
@keyframes slideOut {
from { transform: translateX(0); opacity: 1; }
to { transform: translateX(100%); opacity: 0; }
}
`;
document.head.appendChild(style);
// Search launcher, modal handlers, and mobile nav close on link click
document.addEventListener('DOMContentLoaded', () => {
initExplorerAIPanel();
const launchBtn = document.getElementById('searchLauncherBtn');
const modal = document.getElementById('smartSearchModal');
const backdrop = document.getElementById('smartSearchBackdrop');
const closeBtn = document.getElementById('smartSearchCloseBtn');
const input = document.getElementById('smartSearchInput');
const submitBtn = document.getElementById('smartSearchSubmitBtn');
if (launchBtn) {
launchBtn.addEventListener('click', function(e) {
e.preventDefault();
openSmartSearchModal('');
});
}
if (closeBtn) {
closeBtn.addEventListener('click', function(e) {
e.preventDefault();
closeSmartSearchModal();
});
}
if (backdrop) {
backdrop.addEventListener('click', closeSmartSearchModal);
}
if (input) {
input.addEventListener('input', function(e) {
updateSmartSearchPreview(e.target.value);
});
input.addEventListener('keydown', function(e) {
if (e.key === 'Escape') {
e.preventDefault();
closeSmartSearchModal();
} else if (e.key === 'Enter') {
e.preventDefault();
handleSearch(e.target.value);
}
});
}
if (submitBtn && input) {
submitBtn.addEventListener('click', function(e) {
e.preventDefault();
handleSearch(input.value);
});
}
window.addEventListener('keydown', function(e) {
var target = e.target;
var tag = target && target.tagName ? target.tagName.toLowerCase() : '';
var isEditable = !!(target && (target.isContentEditable || tag === 'input' || tag === 'textarea' || tag === 'select'));
if (e.key === 'Escape' && modal && modal.style.display === 'block') {
e.preventDefault();
closeSmartSearchModal();
return;
}
if ((e.key === '/' || ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'k')) && !isEditable) {
e.preventDefault();
openSmartSearchModal('');
}
});
var navLinks = document.getElementById('navLinks');
if (navLinks) {
navLinks.addEventListener('click', function(e) {
if (e.target.closest('a')) closeNavMenu();
});
initNavDropdowns();
}
ensureMissionControlHealthStrip();
startMissionControlEventSource();
refreshMissionControlHealthStrip();
setInterval(refreshMissionControlHealthStrip, 120000);
});
Read-only: indexed explorer + route APIs + docs. No private keys. Server-side operator or PMM/MCP tools stay disabled unless EXPLORER_AI_OPERATOR_TOOLS_ENABLED=1 on the backend.
' +
'' +
'' +
'
' +
'Shift+Enter for a new line. Enter to send.
' +
'' +
'