From 423c2f8201b4ec57c84b7342bb02576ec9aa3c1e Mon Sep 17 00:00:00 2001
From: Dorian <z00york@mac.com>
Date: Sun, 19 Apr 2026 08:42:50 -0400
Subject: [PATCH] feat(web5): anchor connectivity badge on FipsNetworkCard
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Consumes the new authenticated_peer_count + anchor_connected fields
from fips.status. Shows a cyan dot + "connected" when fips.v0l.io is
in the identity cache (DHT routing to unknown npubs will work), or
an orange "not reached" with a one-line explainer that federation
and messaging will fall back to Tor until the anchor reconnects.

Peer count appears on the same row so users see "3 peers" when the
fleet-pair script has been run, or "0 peers" on a fresh install
still waiting for the anchor handshake.

Block only renders when service_active — pre-onboarding the FIPS
package is masked so there's nothing meaningful to report.

Covers the UI half of task #20. Multi-anchor defaulting is still
open (need real anchor addresses beyond fips.v0l.io).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 neode-ui/src/views/server/FipsNetworkCard.vue | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/neode-ui/src/views/server/FipsNetworkCard.vue b/neode-ui/src/views/server/FipsNetworkCard.vue
index 099b00a0..2fc44e50 100644
--- a/neode-ui/src/views/server/FipsNetworkCard.vue
+++ b/neode-ui/src/views/server/FipsNetworkCard.vue
@@ -24,6 +24,21 @@
         <p class="text-sm font-medium text-white break-all">{{ status.version || '—' }}</p>
         <p v-if="!status.installed" class="text-xs text-white/40 mt-1">Package not installed</p>
       </div>
+      <div v-if="status.service_active" class="p-3 bg-white/5 rounded-lg sm:col-span-2">
+        <div class="flex items-center justify-between gap-3 text-xs">
+          <div class="flex items-center gap-2">
+            <span class="w-2 h-2 rounded-full" :class="status.anchor_connected ? 'bg-cyan-400' : 'bg-orange-400'"></span>
+            <span class="text-white/70">Anchor (fips.v0l.io):</span>
+            <span :class="status.anchor_connected ? 'text-cyan-300' : 'text-orange-300'">
+              {{ status.anchor_connected ? 'connected' : 'not reached' }}
+            </span>
+          </div>
+          <div class="text-white/60">{{ status.authenticated_peer_count ?? 0 }} peer{{ (status.authenticated_peer_count ?? 0) === 1 ? '' : 's' }}</div>
+        </div>
+        <p v-if="!status.anchor_connected" class="mt-1 text-[11px] text-white/40">
+          Without the anchor, DHT routing to unknown npubs can't bootstrap; federation + messaging will fall back to Tor until it reconnects.
+        </p>
+      </div>
       <div class="p-3 bg-white/5 rounded-lg">
         <div class="flex items-center justify-between gap-2 mb-1">
           <p class="text-xs text-white/60">FIPS npub</p>
@@ -66,6 +81,8 @@ interface FipsStatus {
   service_active: boolean
   key_present: boolean
   npub: string | null
+  authenticated_peer_count?: number
+  anchor_connected?: boolean
 }
 
 const status = ref<FipsStatus>({
@@ -76,6 +93,8 @@ const status = ref<FipsStatus>({
   service_active: false,
   key_present: false,
   npub: null,
+  authenticated_peer_count: 0,
+  anchor_connected: false,
 })
 const installing = ref(false)
 const statusMessage = ref('')