feat: improve styling

public/demo-topology-data.js

@@ -17,7 +17,13 @@ window.demoMembersData = {
             api: [
                 { uri: "/api/node/status", method: "GET" },
                 { uri: "/api/tasks/status", method: "GET" }
-            ]
+            ],
+            labels: {
+                environment: "production",
+                region: "us-west",
+                role: "worker",
+                cluster: "spore-main"
+            }
         },
         {
             hostname: "spore-node-2",
@@ -35,7 +41,13 @@ window.demoMembersData = {
             api: [
                 { uri: "/api/node/status", method: "GET" },
                 { uri: "/api/tasks/status", method: "GET" }
-            ]
+            ],
+            labels: {
+                environment: "production",
+                region: "us-west",
+                role: "controller",
+                cluster: "spore-main"
+            }
         },
         {
             hostname: "spore-node-3",
@@ -52,7 +64,13 @@ window.demoMembersData = {
             },
             api: [
                 { uri: "/api/node/status", method: "GET" }
-            ]
+            ],
+            labels: {
+                environment: "staging",
+                region: "us-west",
+                role: "worker",
+                cluster: "spore-main"
+            }
         },
         {
             hostname: "spore-node-4",
@@ -71,7 +89,13 @@ window.demoMembersData = {
                 { uri: "/api/node/status", method: "GET" },
                 { uri: "/api/tasks/status", method: "GET" },
                 { uri: "/api/capabilities", method: "GET" }
-            ]
+            ],
+            labels: {
+                environment: "production",
+                region: "us-east",
+                role: "gateway",
+                cluster: "spore-main"
+            }
         },
         {
             hostname: "spore-node-5",
@@ -86,7 +110,8 @@ window.demoMembersData = {
                 cpuFreqMHz: 0,
                 flashChipSize: 1048576
             },
-            api: []
+            api: [],
+
         }
     ]
 };
@@ -120,5 +145,30 @@ window.demoApiClient = {
         ];
         
         return { members: members.filter(m => m.ip !== ip) };
+    },
+
+    async getNodeStatus(ip) {
+        // Simulate network delay
+        await new Promise(resolve => setTimeout(resolve, 300));
+        
+        // Find the member by IP
+        const member = window.demoMembersData.members.find(m => m.ip === ip);
+        if (!member) {
+            throw new Error('Node not found');
+        }
+        
+        // Return node status with labels
+        return {
+            ...member.resources,
+            api: member.api,
+            labels: {
+                environment: ip.includes('103') ? 'production' : 'production',
+                region: ip.includes('103') ? 'us-east' : 'us-west',
+                role: ip.includes('101') ? 'controller' : ip.includes('103') ? 'gateway' : 'worker',
+                cluster: 'spore-main',
+                nodeType: ip.includes('102') ? 'staging' : 'production',
+                location: ip.includes('103') ? 'datacenter-2' : 'datacenter-1'
+            }
+        };
     }
 };