From 5dbc29d19c313a11444b51bc85b42952a3404a1a Mon Sep 17 00:00:00 2001
From: Dorian <dorian@Dorians-MacBook-Air.local>
Date: Wed, 11 Mar 2026 00:05:12 +0000
Subject: [PATCH] feat: replace fake Web3 card data with Coming Soon badges

The Web3 card showed hardcoded values (3 active, Valid, 2.4 GB, 1
configured) for features that don't exist yet. Replace with subtle
"Coming Soon" pill badges to avoid misleading users.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 loop/plan.md                  | 2 +-
 neode-ui/src/views/Server.vue | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/loop/plan.md b/loop/plan.md
index 2ccae536..99ea725b 100644
--- a/loop/plan.md
+++ b/loop/plan.md
@@ -44,7 +44,7 @@
 
 - [x] **UI-04** — Server.vue: wire real RPC data to Local Network card. The Local Network card in `neode-ui/src/views/Server.vue` lines 100-159 shows hardcoded values ("2 configured", "12 active", "5 rules"). Replace with data from RPC calls: `network.diagnostics` for connectivity info and `router.list-forwards` for port forwarding count. Add `onMounted` lifecycle hook to fetch data. Show skeleton loading states while fetching. **Acceptance**: Network card shows real data from backend (or graceful "N/A" if RPC unavailable). Deploy and verify.
 
-- [ ] **UI-05** — Server.vue: wire real RPC data to Web3 card. The Web3 card in Server.vue lines 161-220 shows hardcoded values ("3 active", "2.4 GB used"). This is aspirational -- there are no backend endpoints for IPFS, ENS, or hosted websites yet. Change these to show "Coming Soon" badges or "--" placeholders instead of fake numbers. Keep the card layout and icons. **Acceptance**: No fake data shown; coming-soon state is visually clean. Deploy and verify.
+- [x] **UI-05** — Server.vue: wire real RPC data to Web3 card. The Web3 card in Server.vue lines 161-220 shows hardcoded values ("3 active", "2.4 GB used"). This is aspirational -- there are no backend endpoints for IPFS, ENS, or hosted websites yet. Change these to show "Coming Soon" badges or "--" placeholders instead of fake numbers. Keep the card layout and icons. **Acceptance**: No fake data shown; coming-soon state is visually clean. Deploy and verify.
 
 #### Sprint 3: Backend Robustness (Week 5-6)
 
diff --git a/neode-ui/src/views/Server.vue b/neode-ui/src/views/Server.vue
index 33d30b76..a3857d02 100644
--- a/neode-ui/src/views/Server.vue
+++ b/neode-ui/src/views/Server.vue
@@ -193,7 +193,7 @@
               </svg>
               <span class="text-white/80 text-sm">Hosted Websites</span>
             </div>
-            <span class="text-white/60 text-sm">3 active</span>
+            <span class="text-white/40 text-xs px-2 py-0.5 bg-white/5 rounded-full">Coming Soon</span>
           </div>
 
           <div class="flex items-center justify-between p-3 bg-white/5 rounded-lg">
@@ -203,7 +203,7 @@
               </svg>
               <span class="text-white/80 text-sm">SSL Certificates</span>
             </div>
-            <span class="text-green-400 text-sm font-medium">Valid</span>
+            <span class="text-white/40 text-xs px-2 py-0.5 bg-white/5 rounded-full">Coming Soon</span>
           </div>
 
           <div class="flex items-center justify-between p-3 bg-white/5 rounded-lg">
@@ -213,7 +213,7 @@
               </svg>
               <span class="text-white/80 text-sm">IPFS Storage</span>
             </div>
-            <span class="text-white/60 text-sm">2.4 GB used</span>
+            <span class="text-white/40 text-xs px-2 py-0.5 bg-white/5 rounded-full">Coming Soon</span>
           </div>
 
           <div class="flex items-center justify-between p-3 bg-white/5 rounded-lg">
@@ -223,7 +223,7 @@
       </svg>
               <span class="text-white/80 text-sm">ENS Domains</span>
             </div>
-            <span class="text-white/60 text-sm">1 configured</span>
+            <span class="text-white/40 text-xs px-2 py-0.5 bg-white/5 rounded-full">Coming Soon</span>
           </div>
         </div>