Standardize UI typography, charts and empty states

src/lib/server/fleet/snapshot.ts

@@ -6,11 +6,13 @@ import { runningVersions } from '../integrations/plutonium.js';
 import { listHosts } from '../hosts/index.js';
 import type { NativeInstance } from '../backends/native.js';
 import { serverOperations } from './overview.js';
+import { hostListStatus } from '../../ui/host-overview.js';
 
 export function fleetSnapshot(serverName?: string) {
     const bindings = serverName === undefined ? [] : [serverName];
     const rconHost = config.rcon.host;
     const hosts = listHosts();
+    const serverNow = Date.now();
     const hostsById = new Map(hosts.map(({ inventory: _inventory, ...host }) => [host.id, host]));
     const versions = new Map(runningVersions(serverName).map(version => [version.server, version]));
     const instances = new Map((db().prepare(`SELECT * FROM native_instances WHERE retired_at IS NULL ${serverName === undefined ? '' : 'AND server = ?'}`)
@@ -41,7 +43,10 @@ export function fleetSnapshot(serverName?: string) {
     });
     return {
         servers,
-        serverNow: Date.now(),
+        serverNow,
+        // Include hosts without assigned servers. Re-evaluate heartbeat age on
+        // every existing snapshot refresh rather than adding a navigation poll.
+        hostAttention: hosts.filter(host => ['attention', 'offline'].includes(hostListStatus(host, serverNow).key)).length,
         reservedNames: serverName === undefined ? (db().prepare("SELECT j.server FROM server_creation_jobs j JOIN server_deployments d ON d.id = j.deployment_id WHERE d.state IN ('queued', 'running', 'awaiting-health')").all() as { server: string }[]).map(row => row.server) : [],
         integrations: {
             native: true,