Show resetting state after game end

src/lib/ui/components/ServerCard.svelte

@@ -76,11 +76,13 @@
     let gtLabel = $derived(gametypeLabel(gametype));
 
     let activeElapsed = $derived(activeSince ? elapsedSince(activeSince, $uiNow) : null);
+    let resetting = $derived(!!gameEndedAt && players !== 0);
+    let resetElapsed = $derived(resetting ? elapsedSince(gameEndedAt, $uiNow) : null);
     let inactiveElapsed = $derived(inactiveSince ? elapsedSince(inactiveSince, $uiNow) : null);
     let gameInProgress = $derived(!!gameStartedAt && !gameEndedAt && !!activeSince);
     let gameElapsed = $derived(gameInProgress ? elapsedSince(gameStartedAt, $uiNow) : null);
     let showTiming = $derived(
-        health === 'online' && (activeElapsed !== null || inactiveElapsed !== null || gameElapsed !== null)
+        health === 'online' && (resetting || activeElapsed !== null || inactiveElapsed !== null || gameElapsed !== null)
     );
 
     // Shared-element transition to /servers/{name} — Chromium only, others
@@ -134,7 +136,12 @@
 
     {#if showTiming && !(compactEmpty && players === 0)}
         <div class="timing">
-            {#if activeElapsed}
+            {#if resetting}
+                <div class="metric">
+                    <span class="metric-label">Resetting</span>
+                    <span class="metric-value">{resetElapsed}</span>
+                </div>
+            {:else if activeElapsed}
                 <div class="metric">
                     <span class="metric-label">Active</span>
                     <span class="metric-value">{activeElapsed}</span>

src/lib/ui/stores/fleet.ts

@@ -1,6 +1,6 @@
 import { derived, get, writable } from 'svelte/store';
 import { browser } from '$app/environment';
-import { statusByServer, statusReceivedAt, serverTimeNow, syncServerTime } from './servers.js';
+import { statusByServer, statusReceivedAt, serverTimeNow, syncServerTime, matchEventsByServer } from './servers.js';
 import { watchSatisfied, type FleetServer, type FleetOperation, type LobbyWatch } from '$lib/fleet-overview.js';
 import { serverTitle } from '../server-labels.js';
 import { toast } from '../toast.js';
@@ -13,14 +13,22 @@ export const fleetRefreshing = writable(false);
 export const fleetIntegrations = writable<{ rcon: boolean; komodo: boolean; rconTimeoutMs: number; defaultRconHost: string } | null>(null);
 export const lobbyWatches = writable<LobbyWatch[]>([]);
 
-export const fleetServers = derived([fleet, statusByServer, statusReceivedAt], ([snapshot, live, received]) =>
+export const fleetServers = derived([fleet, statusByServer, statusReceivedAt, matchEventsByServer], ([snapshot, live, received, matches]) =>
     snapshot.servers.map(server => {
         const status = received > snapshot.receivedAt ? live.get(server.name) : undefined;
-        return status ? { ...server, last_players: status.players, last_map: status.map,
+        const current = status ? { ...server, last_players: status.players, last_map: status.map,
             last_gametype: status.gametype, last_seen_at: status.lastSeenAt, last_error: status.lastError,
             roster: status.roster, health: status.health, endpoint: status.endpoint, replySnippet: status.replySnippet, active_since: status.activeSince,
             inactive_since: status.inactiveSince, game_started_at: status.gameStartedAt,
             game_ended_at: status.gameEndedAt } : server;
+        const match = matches.get(server.name);
+        // Apply lifecycle events immediately, until a newer status observes them
+        // or confirms that the lobby has emptied.
+        if (!match || Date.parse(match.receivedAt) <= Date.parse(current.last_seen_at ?? '')
+            || match.receivedAt < (current.game_started_at ?? '')
+            || match.receivedAt < (current.game_ended_at ?? '')) return current;
+        return { ...current, game_started_at: match.event === 'game_start' ? match.receivedAt : current.game_started_at,
+            game_ended_at: match.event === 'game_end' ? match.receivedAt : null };
     }));
 
 let inFlight: Promise<void> | null = null;

src/lib/ui/stores/servers.ts

@@ -3,6 +3,7 @@ import { browser } from '$app/environment';
 import type { GameTelemetry } from '$lib/telemetry.js';
 
 export const telemetryByServer = writable<Map<string, GameTelemetry>>(new Map());
+export const matchEventsByServer = writable<Map<string, GameTelemetry>>(new Map());
 
 export interface RosterPlayer {
     num: number | null;
@@ -76,6 +77,13 @@ export function startServerStream(): (() => void) | undefined {
     source.addEventListener('server-telemetry', (evt) => {
         const data = JSON.parse((evt as MessageEvent).data) as { entries: GameTelemetry[]; snapshot?: boolean; serverNow?: number };
         syncServerTime(data.serverNow);
+        matchEventsByServer.update((previous) => {
+            const next = data.snapshot ? new Map<string, GameTelemetry>() : new Map(previous);
+            for (const entry of data.entries) {
+                if (entry.event === 'game_start' || entry.event === 'game_end') next.set(entry.server, entry);
+            }
+            return next;
+        });
         telemetryByServer.update((previous) => {
             const next = data.snapshot ? new Map<string, GameTelemetry>() : new Map(previous);
             for (const entry of data.entries) next.set(entry.server, entry);