Add per-resource kind labeling and proper Node Status icons

Each adapter now tags its Resources with a kind (vm, container, app,
host, network) so Node Status tiles show the right icon instead of a
generic server glyph — Proxmox LXCs/Docker containers get a container
icon, VMs get a VM icon, Uptime Kuma monitors get an app icon, etc.

Also stops silently swallowing listResources() failures — they're now
logged as warnings, since a connected-but-empty integration (e.g.
Uptime Kuma reporting zero monitors) was previously indistinguishable
from a real adapter error.

backend/src/integrations/aws.ts

@@ -39,6 +39,7 @@ export const aws: IntegrationAdapter = {
             name: nameTag || instance.InstanceId || 'unknown',
             status: state === 'running' ? 'healthy' : state === 'stopped' || state === 'terminated' ? 'critical' : 'warning',
             detail: `${instance.InstanceType ?? 'unknown type'} — ${state}`,
+            kind: 'vm',
           })
         }
       }

backend/src/integrations/cloudflare.ts

@@ -40,6 +40,7 @@ export const cloudflare: IntegrationAdapter = {
         name: body.result.name,
         status: body.result.status === 'active' ? 'healthy' : body.result.status === 'pending' || body.result.status === 'initializing' ? 'warning' : 'critical',
         detail: `Zone status: ${body.result.status}`,
+        kind: 'network',
       },
     ]
   },

backend/src/integrations/docker.ts

@@ -23,6 +23,7 @@ export const docker: IntegrationAdapter = {
       name: c.Names[0]?.replace(/^\//, '') ?? 'unknown',
       status: c.State === 'running' ? 'healthy' : c.State === 'restarting' ? 'warning' : 'critical',
       detail: c.State,
+      kind: 'container',
     }))
   },
 }

backend/src/integrations/netbird.ts

@@ -39,6 +39,7 @@ export const netbird: IntegrationAdapter = {
       name: p.name || p.hostname || p.ip || 'unknown peer',
       status: p.connected ? 'healthy' : 'critical',
       detail: p.connected ? `Online — ${p.ip ?? ''}`.trim() : 'Offline',
+      kind: 'network',
     }))
   },
 }

backend/src/integrations/proxmox.ts

@@ -59,6 +59,7 @@ export const proxmox: IntegrationAdapter = {
       name: entry.name ?? `vm-${entry.vmid}`,
       status: entry.status === 'running' ? 'healthy' : entry.status === 'stopped' ? 'unknown' : 'warning',
       detail: `${entry.type} on ${entry.node} — ${entry.status}`,
+      kind: entry.type === 'lxc' ? 'container' : 'vm',
     }))
   },
 }

backend/src/integrations/ssh.ts

@@ -82,6 +82,7 @@ export const ssh: IntegrationAdapter = {
           name: hostname,
           status: critical ? 'critical' : warning ? 'warning' : 'healthy',
           detail: parts.join(' · ') || undefined,
+          kind: 'host',
         },
       ]
     } catch {

backend/src/integrations/types.ts

@@ -22,6 +22,7 @@ export interface Resource {
   name: string
   status: 'healthy' | 'warning' | 'critical' | 'unknown'
   detail?: string
+  kind?: 'vm' | 'container' | 'app' | 'host' | 'network'
 }
 
 export interface IntegrationAdapter {

backend/src/integrations/uptimeKuma.ts

@@ -108,7 +108,7 @@ export const uptimeKuma: IntegrationAdapter = {
                 : beat.status === 2
                   ? 'warning'
                   : 'unknown'
-        resources.push({ name: monitor.name, status, detail: beat?.msg || undefined })
+        resources.push({ name: monitor.name, status, detail: beat?.msg || undefined, kind: 'app' })
       }
       return resources
     } finally {

backend/src/routes/integrations.ts

@@ -152,8 +152,8 @@ export async function integrationRoutes(app: FastifyInstance) {
       try {
         const found = await adapter.listResources(config, secrets)
         for (const r of found) resources.push({ ...r, integration: row.name })
-      } catch {
+      } catch (err) {
-        // adapter unreachable — skip, connection test already surfaces this
+        app.log.warn(`listResources failed for integration "${row.name}" (${row.type}): ${err instanceof Error ? err.message : err}`)
       }
     }
     return { resources }

src/lib/api.ts

@@ -443,6 +443,7 @@ export interface Resource {
   status: 'healthy' | 'warning' | 'critical' | 'unknown'
   detail?: string
   integration: string
+  kind?: 'vm' | 'container' | 'app' | 'host' | 'network'
 }
 
 export interface TransferProgress {

src/pages/Infrastructure.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useMemo, useState } from 'react'
 import { useNavigate } from 'react-router-dom'
 import { PieChart, Pie, Cell, ResponsiveContainer } from 'recharts'
-import { Plus, Server, Activity, AlertTriangle, CircleCheck } from 'lucide-react'
+import { Plus, Server, Activity, AlertTriangle, CircleCheck, Box, MonitorSmartphone, Waypoints, AppWindow, type LucideIcon } from 'lucide-react'
 import { api, type Resource, type Integration, type Event } from '../lib/api'
 
 const subTabs = ['Overview']
@@ -68,6 +68,14 @@ const nodeStatusColor: Record<string, string> = {
 
 const integrationPalette = ['#C8A434', '#E67E22', '#2ECC71', '#7A7D85', '#3B82F6', '#8B5E3C']
 
+const kindIcon: Record<string, LucideIcon> = {
+  vm: MonitorSmartphone,
+  container: Box,
+  app: AppWindow,
+  host: Server,
+  network: Waypoints,
+}
+
 function Donut({ data, centerLabel }: { data: { name: string; value: number; color: string }[]; centerLabel?: string }) {
   const hasData = data.some((d) => d.value > 0)
   return (
@@ -248,7 +256,9 @@ export default function Infrastructure() {
               <h3 style={sectionTitle}>Node Status</h3>
               {resources && resources.length > 0 ? (
                 <div className="scrollbar-ghost grid min-h-0 flex-1 grid-cols-5 content-start gap-2" style={{ overflowY: 'auto' }}>
-                  {resources.map((node, i) => (
+                  {resources.map((node, i) => {
+                    const NodeIcon = kindIcon[node.kind ?? ''] ?? Server
+                    return (
                     <div
                       key={i}
                       title={`${node.name}: ${node.detail ?? node.status}`}
@@ -266,11 +276,12 @@ export default function Infrastructure() {
                     >
                       <div className="flex items-center gap-1.5">
                         <span style={{ width: '7px', height: '7px', borderRadius: '50%', backgroundColor: nodeStatusColor[node.status], boxShadow: `0 0 6px ${nodeStatusColor[node.status]}` }} />
-                        <Server size={12} style={{ color: '#7A7D85' }} />
+                        <NodeIcon size={12} style={{ color: '#7A7D85' }} />
                       </div>
                       <span style={{ fontSize: '11px', color: '#E8E6E0', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>{node.name}</span>
                     </div>
-                  ))}
+                    )
+                  })}
                 </div>
               ) : (
                 <div className="flex flex-1 items-center justify-center">