feat: wire Home Network card to real app store data

Replace hardcoded "All Running", "Connected", "12" in the Network
overview card with computed values from useAppStore. Services status
reflects actual running/total app counts, connectivity uses WebSocket
connection state, and running apps count is live.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Dorian
2026-03-05 07:43:40 +00:00
parent 62aa3be63d
commit 1c797da908
2 changed files with 25 additions and 7 deletions

View File

@@ -69,7 +69,7 @@ After getting Claude Max OAuth working on the live server, hardening the deploy
- **Change**: Add tab bar with "Dashboard" and "Setup" tabs below welcome header. Dashboard tab: current overview cards. Setup tab: EasyHome goal cards (already imported). After completing all setup wizards, default to Dashboard. Use `.mode-switcher` pattern for tab styling.
- **Verify**: Both tabs visible, Dashboard shows live data, Setup shows goal wizards
### Task 12: Wire up Home.vue Network card with real data
### Task 12: Wire up Home.vue Network card with real data [DONE]
- **Files**: `neode-ui/src/views/Home.vue`, `neode-ui/src/views/Server.vue`
- **Change**: Replace hardcoded "All Running", "Connected", "12" with computed values from `useAppStore`. Check `runningCount === appCount` for services status. Use `store.isConnected` for connectivity.
- **Verify**: Network card reflects actual service states