feat(frontend): explorer SPA and index updates; env verification report

- Expand explorer-spa.js and index.html for Chain 138 explorer UX
- Refresh ENV_VERIFICATION_REPORT.md

Made-with: Cursor

frontend/public/index.html

@@ -888,17 +888,12 @@
                         <li role="none"><a href="/bridge" role="menuitem" onclick="event.preventDefault(); showBridgeMonitoring(); updatePath('/bridge'); closeNavMenu();" aria-label="View bridge monitoring"><i class="fas fa-bridge" aria-hidden="true"></i> <span data-i18n="bridge">Bridge</span></a></li>
                         <li role="none"><a href="/weth" role="menuitem" onclick="event.preventDefault(); showWETHUtilities(); updatePath('/weth'); closeNavMenu();" aria-label="View WETH utilities"><i class="fas fa-coins" aria-hidden="true"></i> <span data-i18n="weth">WETH</span></a></li>
                         <li role="none"><a href="/tokens" role="menuitem" onclick="event.preventDefault(); if(typeof showTokensList==='function')showTokensList();else focusSearchWithHint('token'); updatePath('/tokens'); closeNavMenu();" aria-label="View token list"><i class="fas fa-tag" aria-hidden="true"></i> <span data-i18n="tokens">Tokens</span></a></li>
+                        <li role="none"><a href="/pools" role="menuitem" onclick="event.preventDefault(); showPools(); updatePath('/pools'); closeNavMenu();" aria-label="View pools"><i class="fas fa-water" aria-hidden="true"></i> <span data-i18n="pools">Pools</span></a></li>
                         <li role="none"><a href="/watchlist" role="menuitem" onclick="event.preventDefault(); showWatchlist(); updatePath('/watchlist'); closeNavMenu();" aria-label="Watchlist"><i class="fas fa-star" aria-hidden="true"></i> <span data-i18n="watchlist">Watchlist</span></a></li>
                     </ul>
                 </li>
                 <li><a href="/snap/" target="_self" rel="noopener" aria-label="Chain 138 MetaMask Snap"><i class="fas fa-wallet" aria-hidden="true"></i> <span>MetaMask Snap</span></a></li>
-                <li class="nav-dropdown" id="navDropdownMoreWrap" style="display: none;">
-                    <button type="button" class="nav-dropdown-trigger" aria-expanded="false" aria-haspopup="true" aria-controls="navMenuMore" id="navTriggerMore"><i class="fas fa-ellipsis-h" aria-hidden="true"></i> <span data-i18n="more">More</span> <i class="fas fa-chevron-down" aria-hidden="true"></i></button>
-                    <ul class="nav-dropdown-menu" id="navMenuMore" role="menu">
-                        <li role="none" id="analyticsNav" style="display: none;"><a href="/analytics" role="menuitem" onclick="event.preventDefault(); showAnalytics(); updatePath('/analytics'); closeNavMenu();" aria-label="View analytics"><i class="fas fa-chart-line" aria-hidden="true"></i> <span data-i18n="analytics">Analytics</span></a></li>
-                        <li role="none" id="operatorNav" style="display: none;"><a href="/operator" role="menuitem" onclick="event.preventDefault(); showOperator(); updatePath('/operator'); closeNavMenu();" aria-label="View operator panel"><i class="fas fa-cog" aria-hidden="true"></i> <span data-i18n="operator">Operator</span></a></li>
-                    </ul>
-                </li>
+                <li role="none"><a href="/more" role="menuitem" onclick="event.preventDefault(); showMore(); updatePath('/more'); closeNavMenu();" aria-label="View more pages"><i class="fas fa-ellipsis-h" aria-hidden="true"></i> <span data-i18n="more">More</span></a></li>
             </ul>
             <div style="display: flex; align-items: center; gap: 0.75rem;">
                 <select id="localeSelect" onchange="setLocale(this.value)" style="padding: 0.35rem 0.5rem; border-radius: 6px; background: rgba(255,255,255,0.2); color: white; border: 1px solid rgba(255,255,255,0.3); font-size: 0.875rem;" aria-label="Language">
@@ -1251,6 +1246,32 @@
             </div>
         </div>
 
+        <div id="poolsView" class="detail-view">
+            <div class="breadcrumb" id="poolsBreadcrumb"><a href="/home">Home</a><span class="breadcrumb-separator">/</span><span class="breadcrumb-current">Pools</span></div>
+            <div class="card">
+                <div class="card-header">
+                    <button class="btn btn-secondary" onclick="showHome()" aria-label="Go back to home page"><i class="fas fa-arrow-left" aria-hidden="true"></i> Back</button>
+                    <h2 class="card-title"><i class="fas fa-water"></i> Pools</h2>
+                </div>
+                <div id="poolsContent">
+                    <div class="loading"><i class="fas fa-spinner"></i> Loading pools...</div>
+                </div>
+            </div>
+        </div>
+
+        <div id="moreView" class="detail-view">
+            <div class="breadcrumb" id="moreBreadcrumb"><a href="/home">Home</a><span class="breadcrumb-separator">/</span><span class="breadcrumb-current">More</span></div>
+            <div class="card">
+                <div class="card-header">
+                    <button class="btn btn-secondary" onclick="showHome()" aria-label="Go back to home page"><i class="fas fa-arrow-left" aria-hidden="true"></i> Back</button>
+                    <h2 class="card-title"><i class="fas fa-ellipsis-h"></i> More</h2>
+                </div>
+                <div id="moreContent">
+                    <div class="loading"><i class="fas fa-spinner"></i> Loading more pages...</div>
+                </div>
+            </div>
+        </div>
+
         <div id="analyticsView" class="detail-view">
             <div class="card">
                 <div class="card-header">
@@ -1276,6 +1297,6 @@
         </div>
     </div>
 
-    <script src="/explorer-spa.js?v=9"></script>
+    <script src="/explorer-spa.js?v=16"></script>
 </body>
 </html>