{#if canOperate}{/if}
{announcement}
{#if canOperate}{/if}
{#if $fleetError}
Reconnecting… {$fleetError} Showing the last available snapshot.
{/if}
{#if servers.length}
{healthy.length ? players : '—'} {plural(players, 'player')} · {liveCount} live {plural(liveCount, 'match', 'matches')}
{healthy.length}/{servers.length} healthy
{#if campaigns}
{campaigns} active {campaigns === 1 ? 'campaign' : 'campaigns'}{/if}
{$fleetError ? 'Reconnecting…' : `Live · updated ${snapshotAge < 60 ? `${snapshotAge} s` : `${Math.floor(snapshotAge / 60)} min`} ago`}
{/if}
{#if integrations?.native && !integrations.hostsReady}
Prepare a game host · Connect a host, prepare its runtime, and download game files.Review hosts →
{/if}
{#if servers.length === 0}
{#snippet actions()}{#if canOperate}{/if}{/snippet}
{:else}
{#if view === 'cards' && problems.length}
▲ Needs attention {problems.length}
{#each problems as server (server.name)}
{@const status = serverHealth(server, observationNow())}
{@const operation = attentionOperations.find(item => item.server === server.name)}
{@const operationIssue = operation && status.state === 'online'}
{@const actionLabel = operationIssue ? 'Review operation' : status.actionLabel}
{operationIssue ? operation.label : status.reason}{operationIssue ? operation.label : status.shortReason}{#if status.since} · Evidence {elapsedSince(status.since, $uiNow)} ago{/if}
{actionLabel}→
{/each}
{/if}
{#if filtered.length === 0}
{#snippet actions()}{/snippet}
{/if}
{#if view === 'cards'}
{#each sections as section (section.title)}
{section.title} {section.servers.length}
{#each grouped(section.servers) as [key, group] (key)}
{#if group.title}{group.title}
{#if canOperate && group.launch}{/if}{/if}
{#each group.servers as server (server.name)}
togglePin(server.name)} longestMatch={spotlight?.name === server.name}
mapLabelOverride={fleetIdentity(server).map} />
{@render serverOperations(server)}
{/each}