ui: recon card order — Channel Map above Access Points, Compare APs below

payload/user/remote_access/pager-webui/www/index.html

@@ -268,7 +268,7 @@
 <script src="js/xterm-addon-fit.min.js"></script>
 <script src="js/terminal.js"></script>
 <script src="js/pager.js"></script>
-<script src="js/views.js?v=20260819-1"></script>
+<script src="js/views.js?v=20260819-2"></script>
 <script src="js/app.js?v=20260819-1"></script>
 </body>
 </html>

payload/user/remote_access/pager-webui/www/js/views.js

@@ -1825,7 +1825,6 @@ views.recon = (root) => {
 
   // ---- compare: select up to 6 APs; the rest of the page focuses on them ----
   const cmpCard = h('div', { class: 'section recon-compare-card' });
-  root.appendChild(cmpCard);
   cmpCard.appendChild(h('h2', { text: 'Compare APs' }));
   const cmpCanvas = h('canvas', { id: 'recon-compare', style: 'width:100%;height:150px' });
   cmpCard.appendChild(cmpCanvas);
@@ -1888,11 +1887,12 @@ views.recon = (root) => {
 
   // ---- results tables ----
   const apCard = h('div', { class: 'section recon-scan-results-card' });
-  root.appendChild(apCard);
 
-  // ---- channel map (under Access Points) ----
+  // ---- channel map (above Access Points) ----
   const mapCard = h('div', { class: 'section recon-map-card' });
   root.appendChild(mapCard);
+  root.appendChild(apCard);
+  root.appendChild(cmpCard);
   mapCard.appendChild(h('h2', { text: 'Channel Map' }));
   mapCard.appendChild(h('div', { class: 'recon-map-sub', text: 'Access points placed at their reported center frequency. The radio does not report channel width, so every lobe assumes 20 MHz. Hover a lobe (or click to pin) to see the networks under it.' }));
   const mapChips = h('div', { class: 'recon-chips-row recon-map-chips' });