Match table: add Uploaded column, sort by it by default

Surface the per-row uploaded_at timestamp so freshly ingested matches
float to the top by default. The match-row roll-up takes the latest
upload across the series' maps; rounds use their own per-round
uploaded_at; the legacy Date (match_date) column stays so users can
still browse by when matches were originally played.

src/lib/components/match-table/columns.ts

@@ -27,6 +27,19 @@ declare module '@tanstack/table-core' {
 const dateSort = (a: { match_date: string }, b: { match_date: string }) =>
 	new Date(a.match_date).getTime() - new Date(b.match_date).getTime();
 
+const uploadedSort = (a: { uploaded_at: string }, b: { uploaded_at: string }) =>
+	new Date(a.uploaded_at).getTime() - new Date(b.uploaded_at).getTime();
+
+const uploadedColumn = <T extends { uploaded_at: string }>(): ColumnDef<T> => ({
+	id: 'uploaded_at',
+	accessorFn: (r) => new Date(r.uploaded_at).getTime(),
+	sortingFn: (a, b) => uploadedSort(a.original, b.original),
+	header: ({ column }) => renderComponent(SortHeader, { column, label: 'Uploaded' }),
+	cell: ({ row }) => renderComponent(DateCell, { iso: row.original.uploaded_at }),
+	enableGlobalFilter: false,
+	meta: { label: 'Uploaded' }
+});
+
 // Cells use `accessorFn` returning the underlying value so global filtering and
 // sorting see the right thing; visual rendering happens in `cell` via components.
 
@@ -104,7 +117,8 @@ export const roundColumns: ColumnDef<RoundRow>[] = [
 		cell: ({ row }) => renderComponent(DateCell, { iso: row.original.match_date }),
 		enableGlobalFilter: false,
 		meta: { label: 'Date' }
-	}
+	},
+	uploadedColumn<RoundRow>()
 ];
 
 export const mapColumns: ColumnDef<MapRow>[] = [
@@ -185,7 +199,8 @@ export const mapColumns: ColumnDef<MapRow>[] = [
 		cell: ({ row }) => renderComponent(DateCell, { iso: row.original.match_date }),
 		enableGlobalFilter: false,
 		meta: { label: 'Date' }
-	}
+	},
+	uploadedColumn<MapRow>()
 ];
 
 export const matchColumns: ColumnDef<MatchRow>[] = [
@@ -249,5 +264,6 @@ export const matchColumns: ColumnDef<MatchRow>[] = [
 		cell: ({ row }) => renderComponent(DateCell, { iso: row.original.match_date }),
 		enableGlobalFilter: false,
 		meta: { label: 'Date' }
-	}
+	},
+	uploadedColumn<MatchRow>()
 ];

src/lib/components/match-table/rows.ts

@@ -20,6 +20,7 @@ export type RoundRow = {
 	winner: Match['winner'];
 	format: string;
 	match_date: string;
+	uploaded_at: string;
 	rounds_played: number;
 };
 
@@ -33,6 +34,7 @@ export type MatchRow = {
 	winner: Match['winner'] | '';
 	format: string;
 	match_date: string;
+	uploaded_at: string;
 	maps: string[];
 	maps_played: number;
 	first_map: string;
@@ -74,6 +76,7 @@ export function buildRoundRows(matches: Match[], rounds: Round[]): RoundRow[] {
 			winner: m.winner,
 			format: m.format,
 			match_date: m.match_date,
+			uploaded_at: r.uploaded_at,
 			rounds_played: m.rounds_played
 		});
 	}
@@ -105,6 +108,12 @@ export function buildMatchRows(matches: Match[], rounds: Round[]): MatchRow[] {
 			(acc, m) => acc + (durationByMap.get(`${m.match_id}|${m.map_name}`) ?? 0),
 			0
 		);
+		// Use the latest upload across the match's maps so the row reflects when
+		// the whole series finished landing in the dataset.
+		const latestUpload = sorted.reduce(
+			(acc, m) => (m.uploaded_at > acc ? m.uploaded_at : acc),
+			head.uploaded_at
+		);
 		rows.push({
 			match_id: matchId,
 			event: head.event,
@@ -115,6 +124,7 @@ export function buildMatchRows(matches: Match[], rounds: Round[]): MatchRow[] {
 			winner: team1MapWins > team2MapWins ? 'team1' : team2MapWins > team1MapWins ? 'team2' : '',
 			format: head.format,
 			match_date: head.match_date,
+			uploaded_at: latestUpload,
 			maps: sorted.map((m) => m.map_name),
 			maps_played: sorted.length,
 			first_map: head.map_name,
@@ -124,7 +134,8 @@ export function buildMatchRows(matches: Match[], rounds: Round[]): MatchRow[] {
 	}
 	rows.sort(
 		(a, b) =>
-			new Date(b.match_date).getTime() - new Date(a.match_date).getTime() || b.match_id - a.match_id
+			new Date(b.uploaded_at).getTime() - new Date(a.uploaded_at).getTime() ||
+			b.match_id - a.match_id
 	);
 	return rows;
 }

src/routes/+page.svelte

@@ -85,7 +85,7 @@
 
 	const newTableState = (): TableState => ({
 		pagination: { pageIndex: 0, pageSize: 25 },
-		sorting: [{ id: 'match_date', desc: true }],
+		sorting: [{ id: 'uploaded_at', desc: true }],
 		columnFilters: [],
 		columnVisibility: {},
 		globalFilter: ''