From 9f52e8147120ade855ebdc872035ee5e2e8039e2 Mon Sep 17 00:00:00 2001
From: archipelago <archipelago@localhost>
Date: Wed, 1 Jul 2026 18:20:04 -0400
Subject: [PATCH] fix(ui): remove vestigial ref, fix stale MeshMap test mock
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Web5ConnectedNodes.vue declared nodesContainerRef but never consumed it
(the controller-nav system scans [data-controller-container] globally,
no other view uses a per-component ref for it) — broke the vue-tsc build.
MeshMap.test.ts's mocked mesh store predated federatedPositions (added
earlier this session for the Mesh Map federated-node feature) and crashed
on mount. Found live merging PR#67 (reticulum) + UI/UX work +
archy-openwrt into main for a combined fleet deploy.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 neode-ui/src/components/__tests__/MeshMap.test.ts | 2 ++
 neode-ui/src/views/web5/Web5ConnectedNodes.vue    | 3 +--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/neode-ui/src/components/__tests__/MeshMap.test.ts b/neode-ui/src/components/__tests__/MeshMap.test.ts
index cd2cace8..ffb9a21c 100644
--- a/neode-ui/src/components/__tests__/MeshMap.test.ts
+++ b/neode-ui/src/components/__tests__/MeshMap.test.ts
@@ -4,6 +4,7 @@ import MeshMap from '../MeshMap.vue'
 
 const meshState = vi.hoisted(() => ({
   nodePositions: new Map(),
+  federatedPositions: new Map(),
   peers: [],
   status: null,
   deadmanStatus: null,
@@ -33,6 +34,7 @@ vi.mock('leaflet', () => ({
 describe('MeshMap', () => {
   beforeEach(() => {
     meshState.nodePositions.clear()
+    meshState.federatedPositions.clear()
     meshState.peers = []
     meshState.status = null
     meshState.deadmanStatus = null
diff --git a/neode-ui/src/views/web5/Web5ConnectedNodes.vue b/neode-ui/src/views/web5/Web5ConnectedNodes.vue
index ac84816c..303462b5 100644
--- a/neode-ui/src/views/web5/Web5ConnectedNodes.vue
+++ b/neode-ui/src/views/web5/Web5ConnectedNodes.vue
@@ -1,6 +1,6 @@
 <template>
   <!-- Connected Nodes (P2P over Tor) -->
-  <div ref="nodesContainerRef" data-controller-container tabindex="0" class="glass-card p-6 scroll-mt-24 flex flex-col">
+  <div data-controller-container tabindex="0" class="glass-card p-6 scroll-mt-24 flex flex-col">
     <!-- Desktop: side-by-side layout -->
     <div class="hidden md:flex items-start gap-4 mb-4">
       <div class="flex-shrink-0 w-12 h-12 rounded-lg bg-white/10 flex items-center justify-center">
@@ -319,7 +319,6 @@ function writeConnectedNodesCache(state: ConnectedNodesCache) {
   }
 }
 
-const nodesContainerRef = ref<HTMLElement | null>(null)
 const nodesContainerTab = ref<'trusted' | 'observers' | 'requests'>('trusted')
 const { loadReceivedMessages } = messageToast