+
+
+
+ Bootnode Health
+
+ {collapsed && !loading && report && (
+
0 || tcpHealthy > 0
+ ? '#fff8e6'
+ : '#fdecea',
+ color:
+ allUdpHealthy && allTcpHealthy
+ ? '#29b348'
+ : healthy > 0 || tcpHealthy > 0
+ ? '#f5b225'
+ : '#e74c3c',
+ }}
+ >
+ UDP {healthy}/{total} · TCP {tcpHealthy}/{total}
+
+ )}
+
+
+ {!collapsed && (
+
setSearchQuery(e.target.value)}
+ className="text-sm font-semibold px-3 py-1.5 rounded-md border-2 border-blue-400 bg-white text-blue-900 placeholder-blue-300 focus:outline-none focus:border-blue-600"
+ style={{ minWidth: 300 }}
+ aria-label="Search bootnodes"
+ />
+ )}
+
+
+ {!collapsed && (
+ <>
+
+
+
+
+ )}
+
+
+
+
+
+
+
+ {!collapsed && (
+ <>
+
+ {loading && !report ? (
+ Waiting for first bootnode check…
+ ) : (
+ <>
+
+ UDP
+ 0 ? '#f5b225' : '#e74c3c' }}
+ >
+ {healthy}
+
+ /{total}
+
+
+ TCP
+ 0 ? '#f5b225' : '#e74c3c',
+ }}
+ >
+ {tcpHealthy}
+
+ /{total}
+
+ {filter !== 'all' && Showing {filteredNodes.length} filtered}
+ {searchQuery.trim() && (
+
+ Search: {filteredNodes.length} match{filteredNodes.length === 1 ? '' : 'es'}
+
+ )}
+ {report?.checkedAt && (
+
+ Last check: {new Date(report.checkedAt).toLocaleString()}
+
+ )}
+ {report?.duration && ({report.duration})}
+
+ )}
+ {error && {error}}
+
+
+ {totalPages > 1 && (
+
+
+ {page * pageSize + 1}–{Math.min((page + 1) * pageSize, filteredNodes.length)} of{' '}
+ {filteredNodes.length} bootnodes
+
+
+
+
+ Page {page + 1} / {totalPages}
+
+
+
+
+ )}
+
+
+
+
+
+ {BOOTNODE_COLUMNS.map((col) => (
+ | handleSort(col.key) : undefined}
+ onMouseEnter={(e) => showHeaderTooltip(e, col.tooltip)}
+ onMouseLeave={hideTooltip}
+ onMouseMove={moveTooltip}
+ >
+ {col.label}
+ {col.sortable && }
+ |
+ ))}
+
+
+
+ {pagedNodes.length ? (
+ pagedNodes.map((node) => (
+
+ ))
+ ) : (
+
+ |
+ {busy
+ ? 'Running bootnode check…'
+ : searchQuery.trim()
+ ? 'No bootnodes match your search.'
+ : filter === 'all'
+ ? 'No bootnode results yet'
+ : 'No bootnodes match this filter'}
+ |
+
+ )}
+
+
+
+
+ {tooltip.visible && (
+
+ )}
+
+ {errorDetail && (
+
setErrorDetail(null)}
+ />
+ )}
+
+ )}
+