update results with DNS as default

package.json

@@ -29,7 +29,8 @@
 		"react-dom": "19.1.0",
 		"react-hook-form": "^7.62.0",
 		"tailwind-merge": "^3.3.1",
-		"tailwindcss": "^4.1.12"
+		"tailwindcss": "^4.1.12",
+		"zod": "^4.1.11"
 	},
 	"devDependencies": {
 		"@eslint/eslintrc": "^3",

src/app/dashboard/page.tsx

@@ -1,6 +1,6 @@
 import { requireAuth } from '@/lib/auth/server';
 import { getServers } from '@/lib/api/server/servers';
-import { hasPermission } from '@/lib/types';
+import { hasPermission } from '@/lib/schemas';
 import Link from 'next/link';
 import { ServerListWithActions } from '@/components/server/ServerListWithActions';
 import { SteamCMDNotification } from '@/components/ui/SteamCMDNotification';

src/app/dashboard/server/[id]/page.tsx

@@ -4,6 +4,7 @@ import { getServerConfigurations } from '@/lib/api/server/configuration';
 import { ServerConfigurationTabs } from '@/components/server/ServerConfigurationTabs';
 import { ServerHeader } from '@/components/server/ServerHeader';
 import { getServerStatistics } from '@/lib/api/server/statistics';
+import { getLeaderboard } from '@/lib/api/server/leaderboard';
 import { subDays, formatISO } from 'date-fns';
 import { UTCDate } from '@date-fns/utc';
 
@@ -19,10 +20,11 @@ export default async function ServerPage({ params }: ServerPageProps) {
 	const endDate = formatISO(today);
 	const startDate = formatISO(subDays(today, 30));
 
-	const [server, configurations, statistics] = await Promise.all([
+	const [server, configurations, statistics, leaderboard] = await Promise.all([
 		getServer(session.token!, id),
 		getServerConfigurations(session.token!, id),
-		getServerStatistics(session.token!, id, startDate, endDate)
+		getServerStatistics(session.token!, id, { startDate, endDate }),
+		getLeaderboard(session.token!, id)
 	]);
 
 	return (
@@ -35,6 +37,7 @@ export default async function ServerPage({ params }: ServerPageProps) {
 						serverId={id}
 						configurations={configurations}
 						statistics={statistics}
+						leaderboard={leaderboard}
 					/>
 				</div>
 			</div>

src/components/configuration/AssistRulesEditor.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useState } from 'react';
-import type { AssistRules } from '@/lib/types/config';
+import type { AssistRules } from '@/lib/schemas/config';
 import { updateAssistRulesAction } from '@/lib/actions/configuration';
 
 interface AssistRulesEditorProps {
@@ -9,6 +9,54 @@ interface AssistRulesEditorProps {
 	config: AssistRules;
 }
 
+const assistFields = [
+	{
+		key: 'stabilityControlLevelMax' as keyof AssistRules,
+		label: 'Stability Control Level Max',
+		type: 'number'
+	},
+	{
+		key: 'disableAutosteer' as keyof AssistRules,
+		label: 'Disable Autosteer',
+		type: 'select'
+	},
+	{
+		key: 'disableAutoLights' as keyof AssistRules,
+		label: 'Disable Auto Lights',
+		type: 'select'
+	},
+	{
+		key: 'disableAutoWiper' as keyof AssistRules,
+		label: 'Disable Auto Wiper',
+		type: 'select'
+	},
+	{
+		key: 'disableAutoEngineStart' as keyof AssistRules,
+		label: 'Disable Auto Engine Start',
+		type: 'select'
+	},
+	{
+		key: 'disableAutoPitLimiter' as keyof AssistRules,
+		label: 'Disable Auto Pit Limiter',
+		type: 'select'
+	},
+	{
+		key: 'disableAutoGear' as keyof AssistRules,
+		label: 'Disable Auto Gear',
+		type: 'select'
+	},
+	{
+		key: 'disableAutoClutch' as keyof AssistRules,
+		label: 'Disable Auto Clutch',
+		type: 'select'
+	},
+	{
+		key: 'disableIdealLine' as keyof AssistRules,
+		label: 'Disable Ideal Line',
+		type: 'select'
+	}
+];
+
 export function AssistRulesEditor({ serverId, config }: AssistRulesEditorProps) {
 	const [formData, setFormData] = useState<AssistRules>(config);
 	const [restart, setRestart] = useState(true);
@@ -43,54 +91,6 @@ export function AssistRulesEditor({ serverId, config }: AssistRulesEditorProps)
 		}));
 	};
 
-	const assistFields = [
-		{
-			key: 'stabilityControlLevelMax' as keyof AssistRules,
-			label: 'Stability Control Level Max',
-			type: 'number'
-		},
-		{
-			key: 'disableAutosteer' as keyof AssistRules,
-			label: 'Disable Autosteer',
-			type: 'select'
-		},
-		{
-			key: 'disableAutoLights' as keyof AssistRules,
-			label: 'Disable Auto Lights',
-			type: 'select'
-		},
-		{
-			key: 'disableAutoWiper' as keyof AssistRules,
-			label: 'Disable Auto Wiper',
-			type: 'select'
-		},
-		{
-			key: 'disableAutoEngineStart' as keyof AssistRules,
-			label: 'Disable Auto Engine Start',
-			type: 'select'
-		},
-		{
-			key: 'disableAutoPitLimiter' as keyof AssistRules,
-			label: 'Disable Auto Pit Limiter',
-			type: 'select'
-		},
-		{
-			key: 'disableAutoGear' as keyof AssistRules,
-			label: 'Disable Auto Gear',
-			type: 'select'
-		},
-		{
-			key: 'disableAutoClutch' as keyof AssistRules,
-			label: 'Disable Auto Clutch',
-			type: 'select'
-		},
-		{
-			key: 'disableIdealLine' as keyof AssistRules,
-			label: 'Disable Ideal Line',
-			type: 'select'
-		}
-	];
-
 	return (
 		<form onSubmit={handleSubmit} className="max-w-3xl space-y-6">
 			<div className="grid grid-cols-1 gap-6 md:grid-cols-2">

src/components/configuration/ConfigurationEditor.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useState } from 'react';
-import type { Configuration } from '@/lib/types/config';
+import type { Configuration } from '@/lib/schemas/config';
 import { updateConfigurationAction } from '@/lib/actions/configuration';
 
 interface ConfigurationEditorProps {

src/components/configuration/EventConfigEditor.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useState } from 'react';
-import type { EventConfig, Session } from '@/lib/types/config';
+import type { EventConfig, Session } from '@/lib/schemas/config';
 import { updateEventConfigAction } from '@/lib/actions/configuration';
 
 interface EventConfigEditorProps {
@@ -9,6 +9,12 @@ interface EventConfigEditorProps {
 	config: EventConfig;
 }
 
+const sessionTypes = [
+	{ value: 'P', label: 'Practice' },
+	{ value: 'Q', label: 'Qualifying' },
+	{ value: 'R', label: 'Race' }
+];
+
 export function EventConfigEditor({ serverId, config }: EventConfigEditorProps) {
 	const [formData, setFormData] = useState<EventConfig>(config);
 	const [restart, setRestart] = useState(true);
@@ -90,12 +96,6 @@ export function EventConfigEditor({ serverId, config }: EventConfigEditorProps)
 		}));
 	};
 
-	const sessionTypes = [
-		{ value: 'P', label: 'Practice' },
-		{ value: 'Q', label: 'Qualifying' },
-		{ value: 'R', label: 'Race' }
-	];
-
 	return (
 		<form onSubmit={handleSubmit} className="max-w-4xl space-y-8">
 			<div className="space-y-6">
@@ -113,22 +113,29 @@ export function EventConfigEditor({ serverId, config }: EventConfigEditorProps)
 						>
 							<option value="barcelona">Barcelona</option>
 							<option value="brands_hatch">Brands Hatch</option>
+							<option value="donington">Donington</option>
+							<option value="cota">COTA</option>
 							<option value="hungaroring">Hungaroring</option>
 							<option value="imola">Imola</option>
+							<option value="indianapolis">Indianapolis</option>
 							<option value="kyalami">Kyalami</option>
 							<option value="laguna_seca">Laguna Seca</option>
 							<option value="misano">Misano</option>
 							<option value="monza">Monza</option>
 							<option value="mount_panorama">Mount Panorama</option>
 							<option value="nurburgring">Nurburgring</option>
+							<option value="nurburgring_24h">Nurburgring 24h</option>
 							<option value="oulton_park">Oulton Park</option>
 							<option value="paul_ricard">Paul Ricard</option>
+							<option value="red_bull_ring">Red Bull Ring</option>
 							<option value="silverstone">Silverstone</option>
 							<option value="snetterton">Snetterton</option>
 							<option value="spa">Spa-Francorchamps</option>
 							<option value="suzuka">Suzuka</option>
+							<option value="valencia">Valencia</option>
 							<option value="zandvoort">Zandvoort</option>
 							<option value="zolder">Zolder</option>
+							<option value="watkins_glen">Watkins Glen</option>
 						</select>
 					</div>
 

src/components/configuration/EventRulesEditor.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useState } from 'react';
-import type { EventRules } from '@/lib/types/config';
+import type { EventRules } from '@/lib/schemas/config';
 import { updateEventRulesAction } from '@/lib/actions/configuration';
 
 interface EventRulesEditorProps {
@@ -9,6 +9,65 @@ interface EventRulesEditorProps {
 	config: EventRules;
 }
 
+const numberFields = [
+	{
+		key: 'qualifyStandingType' as keyof EventRules,
+		label: 'Qualify Standing Type',
+		min: -1,
+		max: 1
+	},
+	{
+		key: 'pitWindowLengthSec' as keyof EventRules,
+		label: 'Pit Window Length (seconds)',
+		min: -1
+	},
+	{
+		key: 'driverStintTimeSec' as keyof EventRules,
+		label: 'Driver Stint Time (seconds)',
+		min: -1
+	},
+	{
+		key: 'mandatoryPitstopCount' as keyof EventRules,
+		label: 'Mandatory Pitstop Count',
+		min: -1,
+		max: 5
+	},
+	{
+		key: 'maxTotalDrivingTime' as keyof EventRules,
+		label: 'Max Total Driving Time (seconds)',
+		min: -1
+	},
+	{
+		key: 'tyreSetCount' as keyof EventRules,
+		label: 'Tyre Set Count',
+		min: 0,
+		max: 50
+	}
+];
+
+const booleanFields = [
+	{
+		key: 'isRefuellingAllowedInRace' as keyof EventRules,
+		label: 'Refuelling Allowed in Race'
+	},
+	{
+		key: 'isRefuellingTimeFixed' as keyof EventRules,
+		label: 'Refuelling Time Fixed'
+	},
+	{
+		key: 'isMandatoryPitstopRefuellingRequired' as keyof EventRules,
+		label: 'Mandatory Pitstop Refuelling Required'
+	},
+	{
+		key: 'isMandatoryPitstopTyreChangeRequired' as keyof EventRules,
+		label: 'Mandatory Pitstop Tyre Change Required'
+	},
+	{
+		key: 'isMandatoryPitstopSwapDriverRequired' as keyof EventRules,
+		label: 'Mandatory Pitstop Swap Driver Required'
+	}
+];
+
 export function EventRulesEditor({ serverId, config }: EventRulesEditorProps) {
 	const [formData, setFormData] = useState<EventRules>(config);
 	const [restart, setRestart] = useState(true);
@@ -43,65 +102,6 @@ export function EventRulesEditor({ serverId, config }: EventRulesEditorProps) {
 		}));
 	};
 
-	const numberFields = [
-		{
-			key: 'qualifyStandingType' as keyof EventRules,
-			label: 'Qualify Standing Type',
-			min: -1,
-			max: 1
-		},
-		{
-			key: 'pitWindowLengthSec' as keyof EventRules,
-			label: 'Pit Window Length (seconds)',
-			min: -1
-		},
-		{
-			key: 'driverStintTimeSec' as keyof EventRules,
-			label: 'Driver Stint Time (seconds)',
-			min: -1
-		},
-		{
-			key: 'mandatoryPitstopCount' as keyof EventRules,
-			label: 'Mandatory Pitstop Count',
-			min: -1,
-			max: 5
-		},
-		{
-			key: 'maxTotalDrivingTime' as keyof EventRules,
-			label: 'Max Total Driving Time (seconds)',
-			min: -1
-		},
-		{
-			key: 'tyreSetCount' as keyof EventRules,
-			label: 'Tyre Set Count',
-			min: 0,
-			max: 50
-		}
-	];
-
-	const booleanFields = [
-		{
-			key: 'isRefuellingAllowedInRace' as keyof EventRules,
-			label: 'Refuelling Allowed in Race'
-		},
-		{
-			key: 'isRefuellingTimeFixed' as keyof EventRules,
-			label: 'Refuelling Time Fixed'
-		},
-		{
-			key: 'isMandatoryPitstopRefuellingRequired' as keyof EventRules,
-			label: 'Mandatory Pitstop Refuelling Required'
-		},
-		{
-			key: 'isMandatoryPitstopTyreChangeRequired' as keyof EventRules,
-			label: 'Mandatory Pitstop Tyre Change Required'
-		},
-		{
-			key: 'isMandatoryPitstopSwapDriverRequired' as keyof EventRules,
-			label: 'Mandatory Pitstop Swap Driver Required'
-		}
-	];
-
 	return (
 		<form onSubmit={handleSubmit} className="max-w-4xl space-y-8">
 			<div className="space-y-6">

src/components/configuration/ServerSettingsEditor.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useState } from 'react';
-import type { ServerSettings } from '@/lib/types/config';
+import type { ServerSettings } from '@/lib/schemas/config';
 import { updateServerSettingsAction } from '@/lib/actions/configuration';
 
 interface ServerSettingsEditorProps {
@@ -9,6 +9,84 @@ interface ServerSettingsEditorProps {
 	config: ServerSettings;
 }
 
+const textFields = [
+	{
+		key: 'serverName' as keyof ServerSettings,
+		label: 'Server Name',
+		type: 'text'
+	},
+	{
+		key: 'adminPassword' as keyof ServerSettings,
+		label: 'Admin Password',
+		type: 'password'
+	},
+	{
+		key: 'password' as keyof ServerSettings,
+		label: 'Password',
+		type: 'password'
+	},
+	{
+		key: 'spectatorPassword' as keyof ServerSettings,
+		label: 'Spectator Password',
+		type: 'password'
+	},
+	{
+		key: 'centralEntryListPath' as keyof ServerSettings,
+		label: 'Central Entry List Path',
+		type: 'text'
+	}
+];
+
+const carGroups = ['FreeForAll', 'GT3', 'GT4', 'GT2', 'GTC', 'TCX'];
+
+const numberFields = [
+	{
+		key: 'trackMedalsRequirement' as keyof ServerSettings,
+		label: 'Track Medals Requirement',
+		min: -1,
+		max: 3
+	},
+	{
+		key: 'safetyRatingRequirement' as keyof ServerSettings,
+		label: 'Safety Rating Requirement',
+		min: -1,
+		max: 99
+	},
+	{
+		key: 'racecraftRatingRequirement' as keyof ServerSettings,
+		label: 'Racecraft Rating Requirement',
+		min: -1,
+		max: 99
+	},
+	{
+		key: 'maxCarSlots' as keyof ServerSettings,
+		label: 'Max Car Slots',
+		min: 1,
+		max: 30
+	}
+];
+
+const selectFields = [
+	{
+		key: 'dumpLeaderboards' as keyof ServerSettings,
+		label: 'Dump Leaderboards'
+	},
+	{ key: 'isRaceLocked' as keyof ServerSettings, label: 'Race Locked' },
+	{
+		key: 'randomizeTrackWhenEmpty' as keyof ServerSettings,
+		label: 'Randomize Track When Empty'
+	},
+	{ key: 'allowAutoDQ' as keyof ServerSettings, label: 'Allow Auto DQ' },
+	{
+		key: 'shortFormationLap' as keyof ServerSettings,
+		label: 'Short Formation Lap'
+	},
+	{
+		key: 'ignorePrematureDisconnects' as keyof ServerSettings,
+		label: 'Ignore Premature Disconnects'
+	}
+];
+
 export function ServerSettingsEditor({ serverId, config }: ServerSettingsEditorProps) {
 	const [formData, setFormData] = useState<ServerSettings>(config);
 	const [restart, setRestart] = useState(true);
@@ -43,84 +121,6 @@ export function ServerSettingsEditor({ serverId, config }: ServerSettingsEditorP
 		}));
 	};
 
-	const textFields = [
-		{
-			key: 'serverName' as keyof ServerSettings,
-			label: 'Server Name',
-			type: 'text'
-		},
-		{
-			key: 'adminPassword' as keyof ServerSettings,
-			label: 'Admin Password',
-			type: 'password'
-		},
-		{
-			key: 'password' as keyof ServerSettings,
-			label: 'Password',
-			type: 'password'
-		},
-		{
-			key: 'spectatorPassword' as keyof ServerSettings,
-			label: 'Spectator Password',
-			type: 'password'
-		},
-		{
-			key: 'centralEntryListPath' as keyof ServerSettings,
-			label: 'Central Entry List Path',
-			type: 'text'
-		}
-	];
-
-	const carGroups = ['FreeForAll', 'GT3', 'GT4', 'GT2', 'GTC', 'TCX'];
-
-	const numberFields = [
-		{
-			key: 'trackMedalsRequirement' as keyof ServerSettings,
-			label: 'Track Medals Requirement',
-			min: -1,
-			max: 3
-		},
-		{
-			key: 'safetyRatingRequirement' as keyof ServerSettings,
-			label: 'Safety Rating Requirement',
-			min: -1,
-			max: 99
-		},
-		{
-			key: 'racecraftRatingRequirement' as keyof ServerSettings,
-			label: 'Racecraft Rating Requirement',
-			min: -1,
-			max: 99
-		},
-		{
-			key: 'maxCarSlots' as keyof ServerSettings,
-			label: 'Max Car Slots',
-			min: 1,
-			max: 30
-		}
-	];
-
-	const selectFields = [
-		{
-			key: 'dumpLeaderboards' as keyof ServerSettings,
-			label: 'Dump Leaderboards'
-		},
-		{ key: 'isRaceLocked' as keyof ServerSettings, label: 'Race Locked' },
-		{
-			key: 'randomizeTrackWhenEmpty' as keyof ServerSettings,
-			label: 'Randomize Track When Empty'
-		},
-		{ key: 'allowAutoDQ' as keyof ServerSettings, label: 'Allow Auto DQ' },
-		{
-			key: 'shortFormationLap' as keyof ServerSettings,
-			label: 'Short Formation Lap'
-		},
-		{
-			key: 'ignorePrematureDisconnects' as keyof ServerSettings,
-			label: 'Ignore Premature Disconnects'
-		}
-	];
-
 	return (
 		<form onSubmit={handleSubmit} className="max-w-4xl space-y-8">
 			<div className="space-y-6">

src/components/leaderboard/LeaderboardManager.tsx

@@ -0,0 +1,162 @@
+'use client';
+
+import { useState } from 'react';
+import { Leaderboard, LeaderboardDriver } from '@/lib/schemas/leaderboard';
+import { saveLeaderboardAction } from '@/lib/actions/leaderboard';
+import { LeaderboardStandings } from './LeaderboardStandings';
+import { DriversEditor } from './editors/DriversEditor';
+import { PointsTableEditor } from './editors/PointsTableEditor';
+import { FlPointsEditor } from './editors/FlPointsEditor';
+import { TracksEditor } from './editors/TracksEditor';
+
+type Section = 'standings' | 'drivers' | 'points' | 'fl' | 'tracks';
+
+const sections: { id: Section; label: string }[] = [
+	{ id: 'standings', label: 'Standings' },
+	{ id: 'drivers', label: 'Drivers' },
+	{ id: 'points', label: 'Points Table' },
+	{ id: 'fl', label: 'FL Points' },
+	{ id: 'tracks', label: 'Tracks' }
+];
+
+interface LeaderboardManagerProps {
+	serverId: string;
+	initialData: Leaderboard;
+}
+
+function isDirty(a: Leaderboard, b: Leaderboard) {
+	return JSON.stringify(a) !== JSON.stringify(b);
+}
+
+export function LeaderboardManager({ serverId, initialData }: LeaderboardManagerProps) {
+	const [draft, setDraft] = useState<Leaderboard>(initialData);
+	const [saved, setSaved] = useState<Leaderboard>(initialData);
+	const [activeSection, setActiveSection] = useState<Section>('standings');
+	const [isSubmitting, setIsSubmitting] = useState(false);
+	const [error, setError] = useState<string | null>(null);
+
+	const dirty = isDirty(draft, saved);
+
+	const handleDriversChange = (newDrivers: LeaderboardDriver[]) => {
+		const oldDrivers = draft.drivers;
+
+		// Build index map: for each position in newDrivers, what was the old index?
+		const indexMap = newDrivers.map((d) => oldDrivers.indexOf(d));
+
+		// If a driver was added (indexOf returns -1), it's new
+		const newTracks = draft.tracks.map((t) => ({
+			...t,
+			results: indexMap.map((i) => (i === -1 ? 0 : (t.results[i] ?? 0)))
+		}));
+
+		setDraft({ ...draft, drivers: newDrivers, tracks: newTracks });
+	};
+
+	const handleSave = async () => {
+		setIsSubmitting(true);
+		setError(null);
+		try {
+			const result = await saveLeaderboardAction(serverId, draft);
+			if (result.success) {
+				setSaved(draft);
+			} else {
+				setError(result.message ?? 'Unknown error');
+			}
+		} catch (e) {
+			setError(e instanceof Error ? e.message : 'Failed to save');
+		} finally {
+			setIsSubmitting(false);
+		}
+	};
+
+	const renderSection = () => {
+		switch (activeSection) {
+			case 'standings':
+				return <LeaderboardStandings leaderboard={draft} />;
+			case 'drivers':
+				return <DriversEditor drivers={draft.drivers} onChange={handleDriversChange} />;
+			case 'points':
+				return (
+					<PointsTableEditor
+						pointsTable={draft.pointsTable}
+						onChange={(pointsTable) => setDraft({ ...draft, pointsTable })}
+					/>
+				);
+			case 'fl':
+				return (
+					<FlPointsEditor
+						flPoints={draft.flPoints}
+						onChange={(flPoints) => setDraft({ ...draft, flPoints })}
+					/>
+				);
+			case 'tracks':
+				return (
+					<TracksEditor
+						tracks={draft.tracks}
+						drivers={draft.drivers}
+						pointsTable={draft.pointsTable}
+						onChange={(tracks) => setDraft({ ...draft, tracks })}
+					/>
+				);
+		}
+	};
+
+	return (
+		<div className="space-y-4">
+			{dirty && (
+				<div className="flex items-center justify-between rounded-lg bg-yellow-900/40 px-4 py-2 text-sm text-yellow-300">
+					<span>Unsaved changes</span>
+					<div className="flex gap-2">
+						<button
+							onClick={() => setDraft(saved)}
+							className="rounded px-2 py-1 text-xs text-yellow-400 hover:text-yellow-200"
+						>
+							Discard
+						</button>
+						<button
+							onClick={handleSave}
+							disabled={isSubmitting}
+							className="rounded bg-yellow-600 px-3 py-1 text-xs font-semibold text-white hover:bg-yellow-500 disabled:opacity-50"
+						>
+							{isSubmitting ? 'Saving…' : 'Save'}
+						</button>
+					</div>
+				</div>
+			)}
+
+			{error && (
+				<div className="rounded-lg bg-red-900/40 px-4 py-2 text-sm text-red-300">{error}</div>
+			)}
+
+			<div className="flex flex-wrap gap-2">
+				{sections.map((s) => (
+					<button
+						key={s.id}
+						onClick={() => setActiveSection(s.id)}
+						className={`rounded-lg px-3 py-1.5 text-sm font-medium transition-colors ${
+							activeSection === s.id
+								? 'bg-blue-600 text-white'
+								: 'bg-gray-700 text-gray-300 hover:bg-gray-600'
+						}`}
+					>
+						{s.label}
+					</button>
+				))}
+			</div>
+
+			<div>{renderSection()}</div>
+
+			{!dirty && (
+				<div className="flex justify-end">
+					<button
+						onClick={handleSave}
+						disabled={isSubmitting}
+						className="rounded-lg bg-blue-600 px-4 py-2 text-sm font-semibold text-white hover:bg-blue-500 disabled:opacity-50"
+					>
+						{isSubmitting ? 'Saving…' : 'Save Leaderboard'}
+					</button>
+				</div>
+			)}
+		</div>
+	);
+}

src/components/leaderboard/LeaderboardStandings.tsx

@@ -0,0 +1,112 @@
+'use client';
+
+import { useMemo } from 'react';
+import { Leaderboard, StandingsRow } from '@/lib/schemas/leaderboard';
+
+interface LeaderboardStandingsProps {
+	leaderboard: Leaderboard;
+}
+
+export function LeaderboardStandings({ leaderboard }: LeaderboardStandingsProps) {
+	const standings = useMemo<StandingsRow[]>(() => {
+		return leaderboard.drivers
+			.map((driver, idx) => {
+				const trackResults = leaderboard.tracks.map((t) => t.results[idx] ?? 0);
+				const fastestLapCount = leaderboard.tracks.filter(
+					(t) => t.fastestLapInitials === driver.initials
+				).length;
+				const totalPoints =
+					trackResults.reduce((sum, r) => sum + (typeof r === 'number' ? r : 0), 0) +
+					fastestLapCount * leaderboard.flPoints.points;
+				return { driver, driverIndex: idx, totalPoints, trackResults, fastestLapCount };
+			})
+			.sort((a, b) => b.totalPoints - a.totalPoints);
+	}, [leaderboard]);
+
+	if (leaderboard.drivers.length === 0) {
+		return (
+			<div className="py-12 text-center">
+				<div className="mb-2 text-4xl">🏆</div>
+				<p className="text-gray-400">No drivers yet. Add drivers to see standings.</p>
+			</div>
+		);
+	}
+
+	return (
+		<div className="overflow-x-auto">
+			<table className="w-full min-w-max text-sm">
+				<thead>
+					<tr className="border-b border-gray-700">
+						<th className="py-2 pr-4 text-left text-xs font-semibold text-gray-400">Pos</th>
+						<th className="py-2 pr-4 text-left text-xs font-semibold text-gray-400">Driver</th>
+						{leaderboard.tracks.map((track, i) => (
+							<th
+								key={i}
+								className="px-2 py-2 text-center text-xs font-semibold text-gray-400"
+								title={track.name}
+							>
+								{track.name}
+							</th>
+						))}
+						<th className="px-2 py-2 text-center text-xs font-semibold text-gray-400">FL</th>
+						<th className="px-2 py-2 text-center text-xs font-semibold text-yellow-400">Pts</th>
+					</tr>
+				</thead>
+				<tbody>
+					{standings.map((row, pos) => (
+						<tr key={row.driverIndex} className="border-b border-gray-700/50">
+							<td className="py-2 pr-4 text-gray-400">{pos + 1}</td>
+							<td className="py-2 pr-4">
+								<div className="flex items-center gap-2">
+									<div
+										className="h-3 w-3 shrink-0 rounded-full"
+										style={{ backgroundColor: row.driver.color }}
+									/>
+									<span className="font-medium text-white">{row.driver.name}</span>
+									<span className="text-xs text-gray-500">{row.driver.initials}</span>
+								</div>
+							</td>
+							{row.trackResults.map((result, ti) => {
+								const track = leaderboard.tracks[ti];
+								const isFl = track.fastestLapInitials === row.driver.initials;
+								return (
+									<td key={ti} className="px-2 py-2 text-center">
+										<span
+											className={`inline-block rounded px-1.5 py-0.5 text-xs font-semibold ${
+												typeof result === 'number'
+													? 'text-white'
+													: result === 'DNF'
+														? 'text-orange-400'
+														: 'text-gray-500'
+											}`}
+										>
+											{result}
+											{isFl && (
+												<span
+													className="ml-0.5 rounded px-0.5 text-xs"
+													style={{
+														backgroundColor: leaderboard.flPoints.color,
+														color: leaderboard.flPoints.textColor
+													}}
+													title={`Fastest lap: ${leaderboard.flPoints.label}`}
+												>
+													FL
+												</span>
+											)}
+										</span>
+									</td>
+								);
+							})}
+							<td className="px-2 py-2 text-center text-xs text-purple-400">
+								{row.fastestLapCount > 0 ? `×${row.fastestLapCount}` : '—'}
+							</td>
+							<td className="px-2 py-2 text-center font-bold text-yellow-400">
+								{row.totalPoints}
+							</td>
+						</tr>
+					))}
+				</tbody>
+			</table>
+		</div>
+	);
+}

src/components/leaderboard/editors/DriversEditor.tsx

@@ -0,0 +1,126 @@
+'use client';
+
+import { LeaderboardDriver } from '@/lib/schemas/leaderboard';
+
+function randomColor(): string {
+	return '#' + Math.floor(Math.random() * 0xffffff).toString(16).padStart(6, '0');
+}
+
+interface DriversEditorProps {
+	drivers: LeaderboardDriver[];
+	onChange: (drivers: LeaderboardDriver[]) => void;
+}
+
+export function DriversEditor({ drivers, onChange }: DriversEditorProps) {
+	const update = (index: number, patch: Partial<LeaderboardDriver>) => {
+		const next = drivers.map((d, i) => (i === index ? { ...d, ...patch } : d));
+		onChange(next);
+	};
+
+	const moveUp = (index: number) => {
+		if (index === 0) return;
+		const next = [...drivers];
+		[next[index - 1], next[index]] = [next[index], next[index - 1]];
+		onChange(next);
+	};
+
+	const moveDown = (index: number) => {
+		if (index === drivers.length - 1) return;
+		const next = [...drivers];
+		[next[index], next[index + 1]] = [next[index + 1], next[index]];
+		onChange(next);
+	};
+
+	const remove = (index: number) => {
+		onChange(drivers.filter((_, i) => i !== index));
+	};
+
+	const add = () => {
+		onChange([...drivers, { name: 'New Driver', initials: 'ND', color: randomColor() }]);
+	};
+
+	return (
+		<div className="space-y-3">
+			{drivers.map((driver, i) => (
+				<div key={i} className="flex items-center gap-3 rounded-lg bg-gray-700 p-3">
+					<div className="flex flex-col gap-1">
+						<button
+							onClick={() => moveUp(i)}
+							disabled={i === 0}
+							className="rounded px-1 py-0.5 text-xs text-gray-400 hover:text-white disabled:opacity-30"
+							title="Move up"
+						>
+							▲
+						</button>
+						<button
+							onClick={() => moveDown(i)}
+							disabled={i === drivers.length - 1}
+							className="rounded px-1 py-0.5 text-xs text-gray-400 hover:text-white disabled:opacity-30"
+							title="Move down"
+						>
+							▼
+						</button>
+					</div>
+
+					<div className="flex flex-1 flex-wrap gap-3">
+						<div className="flex flex-col gap-1">
+							<label className="text-xs text-gray-400">Name</label>
+							<input
+								type="text"
+								value={driver.name}
+								onChange={(e) => update(i, { name: e.target.value })}
+								className="rounded bg-gray-600 px-2 py-1 text-sm text-white"
+							/>
+						</div>
+						<div className="flex flex-col gap-1">
+							<label className="text-xs text-gray-400">Initials</label>
+							<input
+								type="text"
+								value={driver.initials}
+								maxLength={10}
+								onChange={(e) => update(i, { initials: e.target.value })}
+								className="w-24 rounded bg-gray-600 px-2 py-1 text-sm text-white"
+							/>
+						</div>
+						<div className="flex flex-col gap-1">
+							<label className="text-xs text-gray-400">Color</label>
+							<div className="flex items-center gap-2">
+								<input
+									type="color"
+									value={driver.color}
+									onChange={(e) => update(i, { color: e.target.value })}
+									className="h-8 w-8 cursor-pointer rounded border-0 bg-transparent"
+								/>
+								<input
+									type="text"
+									value={driver.color}
+									onChange={(e) => {
+										if (/^#[0-9a-fA-F]{6}$/.test(e.target.value)) {
+											update(i, { color: e.target.value });
+										}
+									}}
+									className="w-24 rounded bg-gray-600 px-2 py-1 font-mono text-sm text-white"
+								/>
+							</div>
+						</div>
+					</div>
+
+					<button
+						onClick={() => remove(i)}
+						className="rounded px-2 py-1 text-sm text-red-400 hover:bg-red-900/30 hover:text-red-300"
+						title="Remove driver"
+					>
+						✕
+					</button>
+				</div>
+			))}
+
+			<button
+				onClick={add}
+				className="w-full rounded-lg border border-dashed border-gray-600 py-2 text-sm text-gray-400 hover:border-gray-400 hover:text-gray-300"
+			>
+				+ Add Driver
+			</button>
+		</div>
+	);
+}

src/components/leaderboard/editors/FlPointsEditor.tsx

@@ -0,0 +1,98 @@
+'use client';
+
+import { FlPoints } from '@/lib/schemas/leaderboard';
+
+interface FlPointsEditorProps {
+	flPoints: FlPoints;
+	onChange: (flPoints: FlPoints) => void;
+}
+
+export function FlPointsEditor({ flPoints, onChange }: FlPointsEditorProps) {
+	const update = (patch: Partial<FlPoints>) => onChange({ ...flPoints, ...patch });
+
+	return (
+		<div className="rounded-lg bg-gray-700 p-4">
+			<p className="mb-4 text-sm text-gray-400">
+				Points awarded to the driver who sets the fastest lap in each race.
+			</p>
+			<div className="flex flex-wrap gap-4">
+				<div className="flex flex-col gap-1">
+					<label className="text-xs text-gray-400">Label</label>
+					<input
+						type="text"
+						value={flPoints.label}
+						onChange={(e) => update({ label: e.target.value })}
+						className="w-24 rounded bg-gray-600 px-2 py-1 text-sm text-white"
+					/>
+				</div>
+				<div className="flex flex-col gap-1">
+					<label className="text-xs text-gray-400">Points</label>
+					<input
+						type="number"
+						min={0}
+						value={flPoints.points}
+						onChange={(e) => update({ points: parseInt(e.target.value) || 0 })}
+						className="w-20 rounded bg-gray-600 px-2 py-1 text-sm text-white"
+					/>
+				</div>
+				<div className="flex flex-col gap-1">
+					<label className="text-xs text-gray-400">Priority</label>
+					<input
+						type="number"
+						min={0}
+						value={flPoints.priority}
+						onChange={(e) => update({ priority: parseInt(e.target.value) || 0 })}
+						className="w-20 rounded bg-gray-600 px-2 py-1 text-sm text-white"
+					/>
+				</div>
+				<div className="flex flex-col gap-1">
+					<label className="text-xs text-gray-400">Bg Color</label>
+					<div className="flex items-center gap-2">
+						<input
+							type="color"
+							value={flPoints.color}
+							onChange={(e) => update({ color: e.target.value })}
+							className="h-8 w-8 cursor-pointer rounded border-0 bg-transparent"
+						/>
+						<input
+							type="text"
+							value={flPoints.color}
+							onChange={(e) => {
+								if (/^#[0-9a-fA-F]{6}$/.test(e.target.value)) update({ color: e.target.value });
+							}}
+							className="w-24 rounded bg-gray-600 px-2 py-1 font-mono text-sm text-white"
+						/>
+					</div>
+				</div>
+				<div className="flex flex-col gap-1">
+					<label className="text-xs text-gray-400">Text Color</label>
+					<div className="flex items-center gap-2">
+						<input
+							type="color"
+							value={flPoints.textColor}
+							onChange={(e) => update({ textColor: e.target.value })}
+							className="h-8 w-8 cursor-pointer rounded border-0 bg-transparent"
+						/>
+						<input
+							type="text"
+							value={flPoints.textColor}
+							onChange={(e) => {
+								if (/^#[0-9a-fA-F]{6}$/.test(e.target.value)) update({ textColor: e.target.value });
+							}}
+							className="w-24 rounded bg-gray-600 px-2 py-1 font-mono text-sm text-white"
+						/>
+					</div>
+				</div>
+				<div className="flex flex-col gap-1">
+					<label className="text-xs text-gray-400">Preview</label>
+					<span
+						className="rounded px-2 py-1 text-sm font-semibold"
+						style={{ backgroundColor: flPoints.color, color: flPoints.textColor }}
+					>
+						{flPoints.label}
+					</span>
+				</div>
+			</div>
+		</div>
+	);
+}

src/components/leaderboard/editors/PointsTableEditor.tsx

@@ -0,0 +1,129 @@
+'use client';
+
+import { PointsEntry } from '@/lib/schemas/leaderboard';
+
+interface PointsTableEditorProps {
+	pointsTable: PointsEntry[];
+	onChange: (pointsTable: PointsEntry[]) => void;
+}
+
+export function PointsTableEditor({ pointsTable, onChange }: PointsTableEditorProps) {
+	const update = (index: number, patch: Partial<PointsEntry>) => {
+		onChange(pointsTable.map((e, i) => (i === index ? { ...e, ...patch } : e)));
+	};
+
+	const remove = (index: number) => {
+		onChange(pointsTable.filter((_, i) => i !== index));
+	};
+
+	const add = () => {
+		const pos = pointsTable.length + 1;
+		onChange([
+			...pointsTable,
+			{ points: 0, label: `P${pos}`, color: '#374151', textColor: '#ffffff', priority: pos }
+		]);
+	};
+
+	return (
+		<div className="space-y-3">
+			{pointsTable.map((entry, i) => (
+				<div key={i} className="flex items-center gap-3 rounded-lg bg-gray-700 p-3">
+					<div className="flex flex-1 flex-wrap gap-3">
+						<div className="flex flex-col gap-1">
+							<label className="text-xs text-gray-400">Label</label>
+							<input
+								type="text"
+								value={entry.label}
+								onChange={(e) => update(i, { label: e.target.value })}
+								className="w-20 rounded bg-gray-600 px-2 py-1 text-sm text-white"
+							/>
+						</div>
+						<div className="flex flex-col gap-1">
+							<label className="text-xs text-gray-400">Points</label>
+							<input
+								type="number"
+								min={0}
+								value={entry.points}
+								onChange={(e) => update(i, { points: parseInt(e.target.value) || 0 })}
+								className="w-20 rounded bg-gray-600 px-2 py-1 text-sm text-white"
+							/>
+						</div>
+						<div className="flex flex-col gap-1">
+							<label className="text-xs text-gray-400">Priority</label>
+							<input
+								type="number"
+								min={0}
+								value={entry.priority}
+								onChange={(e) => update(i, { priority: parseInt(e.target.value) || 0 })}
+								className="w-20 rounded bg-gray-600 px-2 py-1 text-sm text-white"
+							/>
+						</div>
+						<div className="flex flex-col gap-1">
+							<label className="text-xs text-gray-400">Bg Color</label>
+							<div className="flex items-center gap-2">
+								<input
+									type="color"
+									value={entry.color}
+									onChange={(e) => update(i, { color: e.target.value })}
+									className="h-8 w-8 cursor-pointer rounded border-0 bg-transparent"
+								/>
+								<input
+									type="text"
+									value={entry.color}
+									onChange={(e) => {
+										if (/^#[0-9a-fA-F]{6}$/.test(e.target.value)) update(i, { color: e.target.value });
+									}}
+									className="w-24 rounded bg-gray-600 px-2 py-1 font-mono text-sm text-white"
+								/>
+							</div>
+						</div>
+						<div className="flex flex-col gap-1">
+							<label className="text-xs text-gray-400">Text Color</label>
+							<div className="flex items-center gap-2">
+								<input
+									type="color"
+									value={entry.textColor}
+									onChange={(e) => update(i, { textColor: e.target.value })}
+									className="h-8 w-8 cursor-pointer rounded border-0 bg-transparent"
+								/>
+								<input
+									type="text"
+									value={entry.textColor}
+									onChange={(e) => {
+										if (/^#[0-9a-fA-F]{6}$/.test(e.target.value))
+											update(i, { textColor: e.target.value });
+									}}
+									className="w-24 rounded bg-gray-600 px-2 py-1 font-mono text-sm text-white"
+								/>
+							</div>
+						</div>
+						<div className="flex flex-col gap-1">
+							<label className="text-xs text-gray-400">Preview</label>
+							<span
+								className="rounded px-2 py-1 text-sm font-semibold"
+								style={{ backgroundColor: entry.color, color: entry.textColor }}
+							>
+								{entry.label}
+							</span>
+						</div>
+					</div>
+
+					<button
+						onClick={() => remove(i)}
+						className="rounded px-2 py-1 text-sm text-red-400 hover:bg-red-900/30 hover:text-red-300"
+						title="Remove entry"
+					>
+						✕
+					</button>
+				</div>
+			))}
+
+			<button
+				onClick={add}
+				className="w-full rounded-lg border border-dashed border-gray-600 py-2 text-sm text-gray-400 hover:border-gray-400 hover:text-gray-300"
+			>
+				+ Add Position
+			</button>
+		</div>
+	);
+}

src/components/leaderboard/editors/TracksEditor.tsx

@@ -0,0 +1,141 @@
+'use client';
+
+import { LeaderboardDriver, LeaderboardTrack, PointsEntry, ResultValue } from '@/lib/schemas/leaderboard';
+
+interface ResultInputProps {
+	value: ResultValue;
+	pointsTable: PointsEntry[];
+	onChange: (value: ResultValue) => void;
+}
+
+function ResultInput({ value, pointsTable, onChange }: ResultInputProps) {
+	const knownPoints = Array.from(new Set(pointsTable.map((e) => e.points))).sort((a, b) => b - a);
+
+	const handleChange = (raw: string) => {
+		if (raw === 'DNF') return onChange('DNF');
+		if (raw === 'DNS') return onChange('DNS');
+		onChange(parseInt(raw) || 0);
+	};
+
+	return (
+		<select
+			value={String(value)}
+			onChange={(e) => handleChange(e.target.value)}
+			className="w-full rounded bg-gray-600 px-1 py-1 text-xs text-white"
+		>
+			{knownPoints.map((p) => (
+				<option key={p} value={String(p)}>
+					{p}
+				</option>
+			))}
+			<option value="DNF">DNF</option>
+			<option value="DNS">DNS</option>
+		</select>
+	);
+}
+
+interface TracksEditorProps {
+	tracks: LeaderboardTrack[];
+	drivers: LeaderboardDriver[];
+	pointsTable: PointsEntry[];
+	onChange: (tracks: LeaderboardTrack[]) => void;
+}
+
+export function TracksEditor({ tracks, drivers, pointsTable, onChange }: TracksEditorProps) {
+	const updateTrack = (index: number, patch: Partial<LeaderboardTrack>) => {
+		onChange(tracks.map((t, i) => (i === index ? { ...t, ...patch } : t)));
+	};
+
+	const updateResult = (trackIndex: number, driverIndex: number, value: ResultValue) => {
+		const newResults = [...tracks[trackIndex].results];
+		newResults[driverIndex] = value;
+		updateTrack(trackIndex, { results: newResults });
+	};
+
+	const removeTrack = (index: number) => {
+		onChange(tracks.filter((_, i) => i !== index));
+	};
+
+	const addTrack = () => {
+		onChange([
+			...tracks,
+			{
+				name: `Race ${tracks.length + 1}`,
+				results: drivers.map(() => 'DNS' as const),
+				fastestLapInitials: ''
+			}
+		]);
+	};
+
+	return (
+		<div className="space-y-4">
+			{tracks.map((track, ti) => (
+				<div key={ti} className="rounded-lg bg-gray-700 p-4">
+					<div className="mb-3 flex items-center gap-3">
+						<input
+							type="text"
+							value={track.name}
+							onChange={(e) => updateTrack(ti, { name: e.target.value })}
+							className="flex-1 rounded bg-gray-600 px-2 py-1 text-sm font-semibold text-white"
+							placeholder="Track name"
+						/>
+						<div className="flex items-center gap-2">
+							<label className="text-xs text-gray-400">FL Driver:</label>
+							<select
+								value={track.fastestLapInitials}
+								onChange={(e) => updateTrack(ti, { fastestLapInitials: e.target.value })}
+								className="rounded bg-gray-600 px-2 py-1 text-sm text-white"
+							>
+								<option value="">—</option>
+								{drivers.map((d) => (
+									<option key={d.initials} value={d.initials}>
+										{d.initials} ({d.name})
+									</option>
+								))}
+							</select>
+						</div>
+						<button
+							onClick={() => removeTrack(ti)}
+							className="rounded px-2 py-1 text-sm text-red-400 hover:bg-red-900/30 hover:text-red-300"
+							title="Remove track"
+						>
+							✕
+						</button>
+					</div>
+
+					{drivers.length === 0 ? (
+						<p className="text-xs text-gray-500">Add drivers first to enter results.</p>
+					) : (
+						<div className="space-y-1">
+							{drivers.map((driver, di) => (
+								<div key={di} className="flex items-center gap-3">
+									<div className="flex w-40 items-center gap-2">
+										<div
+											className="h-3 w-3 shrink-0 rounded-full"
+											style={{ backgroundColor: driver.color }}
+										/>
+										<span className="truncate text-sm text-gray-300">{driver.name}</span>
+									</div>
+									<div className="w-24">
+										<ResultInput
+											value={track.results[di] ?? 0}
+											pointsTable={pointsTable}
+											onChange={(v) => updateResult(ti, di, v)}
+										/>
+									</div>
+								</div>
+							))}
+						</div>
+					)}
+				</div>
+			))}
+
+			<button
+				onClick={addTrack}
+				className="w-full rounded-lg border border-dashed border-gray-600 py-2 text-sm text-gray-400 hover:border-gray-400 hover:text-gray-300"
+			>
+				+ Add Track / Race
+			</button>
+		</div>
+	);
+}

src/components/membership/CreateUserModal.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useState } from 'react';
-import type { Role } from '@/lib/types';
+import type { Role } from '@/lib/schemas';
 import { createUserAction } from '@/lib/actions/membership';
 
 interface CreateUserModalProps {

src/components/membership/DeleteUserModal.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useState } from 'react';
-import type { User } from '@/lib/types';
+import type { User } from '@/lib/schemas';
 import { deleteUserAction } from '@/lib/actions/membership';
 
 interface DeleteUserModalProps {

src/components/membership/UserManagementTable.tsx

@@ -3,8 +3,8 @@
 import { useState } from 'react';
 import Link from 'next/link';
 import { useRouter } from 'next/navigation';
-import type { Role, User } from '@/lib/types';
+import type { Role, User } from '@/lib/schemas';
-import { hasPermission } from '@/lib/types/user';
+import { hasPermission } from '@/lib/schemas/user';
 import { CreateUserModal } from './CreateUserModal';
 import { DeleteUserModal } from './DeleteUserModal';
 

src/components/server/DeleteServerModal.tsx

@@ -4,7 +4,7 @@ import { useState, useTransition } from 'react';
 import { Modal } from '@/components/ui/Modal';
 import { LoadingSpinner } from '@/components/ui/LoadingSpinner';
 import { deleteServerAction } from '@/lib/actions/server-management';
-import { Server } from '@/lib/types/server';
+import { Server } from '@/lib/schemas/server';
 
 interface DeleteServerModalProps {
 	isOpen: boolean;

src/components/server/ServerCard.tsx

@@ -1,6 +1,6 @@
 import Link from 'next/link';
 import { useTransition } from 'react';
-import { Server, ServiceStatus, getStatusColor, serviceStatusToString } from '@/lib/types';
+import { Server, ServiceStatus, getStatusColor, serviceStatusToString } from '@/lib/schemas';
 import {
 	startServerEventAction,
 	restartServerEventAction,

src/components/server/ServerConfigurationTabs.tsx

@@ -1,35 +1,40 @@
 'use client';
 
-import { Configurations, ServerTab } from '@/lib/types/config';
+import { Configurations, ServerTab } from '@/lib/schemas/config';
 import { ConfigurationEditor } from '@/components/configuration/ConfigurationEditor';
 import { AssistRulesEditor } from '@/components/configuration/AssistRulesEditor';
 import { EventConfigEditor } from '@/components/configuration/EventConfigEditor';
 import { EventRulesEditor } from '@/components/configuration/EventRulesEditor';
 import { ServerSettingsEditor } from '@/components/configuration/ServerSettingsEditor';
 import { StatisticsDashboard } from '@/components/statistics/StatisticsDashboard';
+import { LeaderboardManager } from '@/components/leaderboard/LeaderboardManager';
 import { useState } from 'react';
-import { StateHistoryStats } from '@/lib/types';
+import { StateHistoryStats } from '@/lib/schemas';
+import { Leaderboard } from '@/lib/schemas/leaderboard';
 
 interface ServerConfigurationTabsProps {
 	serverId: string;
 	configurations: Configurations;
 	statistics: StateHistoryStats;
+	leaderboard: Leaderboard;
 }
+const tabs = [
+	{ id: ServerTab.statistics, name: 'Statistics', icon: '📊' },
+	{ id: ServerTab.configuration, name: 'Configuration', icon: '⚙️' },
+	{ id: ServerTab.assistRules, name: 'Assist Rules', icon: '🚗' },
+	{ id: ServerTab.event, name: 'Event Config', icon: '🏁' },
+	{ id: ServerTab.eventRules, name: 'Event Rules', icon: '📋' },
+	{ id: ServerTab.settings, name: 'Server Settings', icon: '🔧' },
+	{ id: ServerTab.leaderboard, name: 'Leaderboard', icon: '🏆' }
+];
 
 export function ServerConfigurationTabs({
 	serverId,
 	configurations,
-	statistics
+	statistics,
+	leaderboard
 }: ServerConfigurationTabsProps) {
 	const [currentTab, setCurrentTab] = useState(ServerTab.statistics);
-	const tabs = [
-		{ id: ServerTab.statistics, name: 'Statistics', icon: '📊' },
-		{ id: ServerTab.configuration, name: 'Configuration', icon: '⚙️' },
-		{ id: ServerTab.assistRules, name: 'Assist Rules', icon: '🚗' },
-		{ id: ServerTab.event, name: 'Event Config', icon: '🏁' },
-		{ id: ServerTab.eventRules, name: 'Event Rules', icon: '📋' },
-		{ id: ServerTab.settings, name: 'Server Settings', icon: '🔧' }
-	];
 
 	const renderTabContent = () => {
 		switch (currentTab) {
@@ -51,6 +56,9 @@ export function ServerConfigurationTabs({
 			case ServerTab.settings:
 				return <ServerSettingsEditor serverId={serverId} config={configurations.settings} />;
 
+			case ServerTab.leaderboard:
+				return <LeaderboardManager serverId={serverId} initialData={leaderboard} />;
+
 			default:
 				return (
 					<div className="py-12 text-center">

src/components/server/ServerCreationPopup.tsx

@@ -2,13 +2,13 @@
 
 import { useEffect, useRef, useState, useCallback } from 'react';
 import { useWebSocket } from '@/lib/websocket/context';
-import {
+import type {
 	WebSocketMessage,
 	StepData,
 	SteamOutputData,
 	ErrorData,
 	CompleteData
-} from '@/lib/websocket/client';
+} from '@/lib/schemas/websocket';
 
 interface ServerCreationPopupProps {
 	serverId: string;

src/components/server/ServerHeader.tsx

@@ -1,12 +1,12 @@
 'use client';
 import Link from 'next/link';
-import { Server, getStatusColor, serviceStatusToString, ServiceStatus } from '@/lib/types/server';
+import { Server, getStatusColor, serviceStatusToString, ServiceStatus } from '@/lib/schemas/server';
 import {
 	startServerEventAction,
 	restartServerEventAction,
 	stopServerEventAction
 } from '@/lib/actions/servers';
-import { hasPermission, User } from '@/lib/types';
+import { hasPermission, User } from '@/lib/schemas';
 import { useState, useTransition } from 'react';
 import { useRouter } from 'next/navigation';
 import { DeleteServerModal } from './DeleteServerModal';

src/components/server/ServerListWithActions.tsx

@@ -1,8 +1,8 @@
 'use client';
 
 import { useCallback, useState } from 'react';
-import { Server } from '@/lib/types/server';
+import { Server } from '@/lib/schemas/server';
-import { User, hasPermission } from '@/lib/types/user';
+import { User, hasPermission } from '@/lib/schemas/user';
 import { ServerCard } from './ServerCard';
 import { CreateServerModal } from './CreateServerModal';
 import RefreshButton from '@/components/ui/RefreshButton';

src/components/statistics/RecentSessions.tsx

@@ -1,5 +1,5 @@
 interface RecentSession {
-	id: number;
+	id: string;
 	date: string;
 	type: string;
 	track: string;

src/components/statistics/SessionTypesChart.tsx

@@ -14,16 +14,16 @@ interface SessionTypesChartProps {
 	data: SessionCount[];
 }
 
-export function SessionTypesChart({ data }: SessionTypesChartProps) {
+const colors = [
-	const colors = [
+	'#3b82f6', // blue
-		'#3b82f6', // blue
+	'#10b981', // emerald
-		'#10b981', // emerald
+	'#f59e0b', // amber
-		'#f59e0b', // amber
+	'#ef4444', // red
-		'#ef4444', // red
+	'#8b5cf6', // violet
-		'#8b5cf6', // violet
+	'#06b6d4' // cyan
-		'#06b6d4' // cyan
+];
-	];
 
+export function SessionTypesChart({ data }: SessionTypesChartProps) {
 	const chartData = {
 		labels: data.map((item) => item.name),
 		datasets: [

src/components/statistics/StatisticsDashboard.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import type { StateHistoryStats } from '@/lib/types/statistics';
+import type { StateHistoryStats } from '@/lib/schemas/statistics';
 import { PlayerCountChart } from './PlayerCountChart';
 import { SessionTypesChart } from './SessionTypesChart';
 import { DailyActivityChart } from './DailyActivityChart';

src/components/ui/Button.tsx

@@ -8,27 +8,27 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 	isLoading?: boolean;
 }
 
+const baseClasses =
+	'inline-flex items-center justify-center font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed';
+
+const variants = {
+	primary: 'bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500',
+	secondary: 'bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-500',
+	danger: 'bg-red-600 text-white hover:bg-red-700 focus:ring-red-500',
+	ghost: 'text-gray-300 hover:text-white hover:bg-gray-700 focus:ring-gray-500'
+};
+
+const sizes = {
+	sm: 'px-3 py-1 text-sm',
+	md: 'px-4 py-2 text-sm',
+	lg: 'px-6 py-3 text-base'
+};
+
 export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
 	(
 		{ className, variant = 'primary', size = 'md', isLoading, children, disabled, ...props },
 		ref
 	) => {
-		const baseClasses =
-			'inline-flex items-center justify-center font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed';
-
-		const variants = {
-			primary: 'bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500',
-			secondary: 'bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-500',
-			danger: 'bg-red-600 text-white hover:bg-red-700 focus:ring-red-500',
-			ghost: 'text-gray-300 hover:text-white hover:bg-gray-700 focus:ring-gray-500'
-		};
-
-		const sizes = {
-			sm: 'px-3 py-1 text-sm',
-			md: 'px-4 py-2 text-sm',
-			lg: 'px-6 py-3 text-base'
-		};
-
 		return (
 			<button
 				className={cn(baseClasses, variants[variant], sizes[size], className)}

src/lib/actions/auth.ts

@@ -3,6 +3,7 @@
 import { redirect } from 'next/navigation';
 import { loginUser, getOpenToken } from '@/lib/api/server/auth';
 import { login, logout } from '@/lib/auth/server';
+import { loginSchema, loginResponseSchema } from '../schemas';
 
 export type LoginResult = {
 	success: boolean;
@@ -14,18 +15,19 @@ export async function loginAction(prevState: LoginResult, formData: FormData) {
 		const username = formData.get('username') as string;
 		const password = formData.get('password') as string;
 
-		if (!username || !password) {
+		const loginData = loginSchema.safeParse({ username, password });
+		if (!loginData.success) {
 			return {
 				success: false,
-				message: 'Username and password are required'
+				message: loginData.error.message
 			};
 		}
 
-		const result = await loginUser(username, password);
+		const result = loginResponseSchema.safeParse(await loginUser(loginData.data));
 
-		if (result.token && result.user) {
+		if (result.success) {
-			const openToken = await getOpenToken(result.token);
+			const openToken = await getOpenToken(result.data.token);
-			await login(result.token, result.user, openToken);
+			await login(result.data.token, result.data.user, openToken);
 		} else {
 			return {
 				success: false,

src/lib/actions/configuration.ts

@@ -3,14 +3,21 @@
 import { revalidatePath } from 'next/cache';
 import { requireAuth } from '@/lib/auth/server';
 import { updateServerConfiguration } from '@/lib/api/server/configuration';
-import { ConfigFile } from '@/lib/types/config';
+import {
+	assistRulesSchema,
+	ConfigFile,
+	eventConfigSchema,
+	eventRulesSchema,
+	serverSettingsSchema
+} from '@/lib/schemas/config';
 import type {
 	Configuration,
 	AssistRules,
 	EventConfig,
 	EventRules,
 	ServerSettings
-} from '@/lib/types/config';
+} from '@/lib/schemas/config';
+import { boolToInt } from '@/lib/utils';
 
 export async function updateConfigurationAction(serverId: string, formData: FormData) {
 	try {
@@ -49,7 +56,7 @@ export async function updateAssistRulesAction(serverId: string, formData: FormDa
 		const session = await requireAuth();
 		const restart = formData.get('restart') === 'on';
 
-		const config: AssistRules = {
+		const rawConfig: AssistRules = {
 			stabilityControlLevelMax: parseInt(formData.get('stabilityControlLevelMax') as string),
 			disableAutosteer: parseInt(formData.get('disableAutosteer') as string),
 			disableAutoLights: parseInt(formData.get('disableAutoLights') as string),
@@ -61,11 +68,16 @@ export async function updateAssistRulesAction(serverId: string, formData: FormDa
 			disableIdealLine: parseInt(formData.get('disableIdealLine') as string)
 		};
 
+		const config = assistRulesSchema.safeParse(rawConfig);
+		if (!config.success) {
+			return { success: false, message: config.error.message };
+		}
+
 		await updateServerConfiguration(
 			session.token!,
 			serverId,
 			ConfigFile.assistRules,
-			config,
+			config.data,
 			restart
 		);
 		revalidatePath(`/dashboard/server/${serverId}`);
@@ -84,7 +96,7 @@ export async function updateServerSettingsAction(serverId: string, formData: For
 		const session = await requireAuth();
 		const restart = formData.get('restart') === 'on';
 
-		const config: ServerSettings = {
+		const rawConfig: ServerSettings = {
 			serverName: formData.get('serverName') as string,
 			adminPassword: formData.get('adminPassword') as string,
 			carGroup: formData.get('carGroup') as string,
@@ -103,8 +115,18 @@ export async function updateServerSettingsAction(serverId: string, formData: For
 			formationLapType: parseInt(formData.get('formationLapType') as string),
 			ignorePrematureDisconnects: parseInt(formData.get('ignorePrematureDisconnects') as string)
 		};
+		const config = serverSettingsSchema.safeParse(rawConfig);
+		if (!config.success) {
+			return { success: false, message: config.error.message };
+		}
 
-		await updateServerConfiguration(session.token!, serverId, ConfigFile.settings, config, restart);
+		await updateServerConfiguration(
+			session.token!,
+			serverId,
+			ConfigFile.settings,
+			config.data,
+			restart
+		);
 		revalidatePath(`/dashboard/server/${serverId}`);
 
 		return { success: true, message: 'Server settings updated successfully' };
@@ -124,7 +146,7 @@ export async function updateEventConfigAction(serverId: string, formData: FormDa
 		const sessionsData = formData.get('sessions') as string;
 		const sessions = sessionsData ? JSON.parse(sessionsData) : [];
 
-		const config: EventConfig = {
+		const rawConfig: EventConfig = {
 			track: formData.get('track') as string,
 			preRaceWaitingTimeSeconds: parseInt(formData.get('preRaceWaitingTimeSeconds') as string),
 			sessionOverTimeSeconds: parseInt(formData.get('sessionOverTimeSeconds') as string),
@@ -140,8 +162,18 @@ export async function updateEventConfigAction(serverId: string, formData: FormDa
 			),
 			sessions
 		};
+		const config = eventConfigSchema.safeParse(rawConfig);
+		if (!config.success) {
+			return { success: false, message: config.error.message };
+		}
 
-		await updateServerConfiguration(session.token!, serverId, ConfigFile.event, config, restart);
+		await updateServerConfiguration(
+			session.token!,
+			serverId,
+			ConfigFile.event,
+			config.data,
+			restart
+		);
 		revalidatePath(`/dashboard/server/${serverId}`);
 
 		return {
@@ -161,28 +193,33 @@ export async function updateEventRulesAction(serverId: string, formData: FormDat
 		const session = await requireAuth();
 		const restart = formData.get('restart') === 'on';
 
-		const config: EventRules = {
+		const rawConfig: EventRules = {
 			qualifyStandingType: parseInt(formData.get('qualifyStandingType') as string),
 			pitWindowLengthSec: parseInt(formData.get('pitWindowLengthSec') as string),
 			driverStintTimeSec: parseInt(formData.get('driverStintTimeSec') as string),
 			mandatoryPitstopCount: parseInt(formData.get('mandatoryPitstopCount') as string),
 			maxTotalDrivingTime: parseInt(formData.get('maxTotalDrivingTime') as string),
-			isRefuellingAllowedInRace: formData.get('isRefuellingAllowedInRace') === 'true',
+			isRefuellingAllowedInRace: boolToInt(formData.get('isRefuellingAllowedInRace') === 'true'),
-			isRefuellingTimeFixed: formData.get('isRefuellingTimeFixed') === 'true',
+			isRefuellingTimeFixed: boolToInt(formData.get('isRefuellingTimeFixed') === 'true'),
 			isMandatoryPitstopRefuellingRequired:
-				formData.get('isMandatoryPitstopRefuellingRequired') === 'true',
+				boolToInt(formData.get('isMandatoryPitstopRefuellingRequired') === 'true'),
 			isMandatoryPitstopTyreChangeRequired:
-				formData.get('isMandatoryPitstopTyreChangeRequired') === 'true',
+				boolToInt(formData.get('isMandatoryPitstopTyreChangeRequired') === 'true'),
 			isMandatoryPitstopSwapDriverRequired:
-				formData.get('isMandatoryPitstopSwapDriverRequired') === 'true',
+				boolToInt(formData.get('isMandatoryPitstopSwapDriverRequired') === 'true'),
 			tyreSetCount: parseInt(formData.get('tyreSetCount') as string)
 		};
 
+		const config = eventRulesSchema.safeParse(rawConfig);
+		if (!config.success) {
+			return { success: false, message: config.error.message };
+		}
+
 		await updateServerConfiguration(
 			session.token!,
 			serverId,
 			ConfigFile.eventRules,
-			config,
+			config.data,
 			restart
 		);
 		revalidatePath(`/dashboard/server/${serverId}`);

src/lib/actions/leaderboard.ts

@@ -0,0 +1,24 @@
+'use server';
+
+import { revalidatePath } from 'next/cache';
+import { requireAuth } from '@/lib/auth/server';
+import { fetchServerAPI } from '@/lib/api/server/base';
+import { leaderboardSchema, type Leaderboard } from '@/lib/schemas/leaderboard';
+
+export async function saveLeaderboardAction(serverId: string, data: Leaderboard) {
+	try {
+		const session = await requireAuth();
+		const validated = leaderboardSchema.safeParse(data);
+		if (!validated.success) {
+			return { success: false, message: validated.error.message };
+		}
+		await fetchServerAPI(`/server/${serverId}/leaderboard`, session.token!, 'PUT', validated.data);
+		revalidatePath(`/dashboard/server/${serverId}`);
+		return { success: true, message: 'Leaderboard saved successfully' };
+	} catch (error) {
+		return {
+			success: false,
+			message: error instanceof Error ? error.message : 'Failed to save leaderboard'
+		};
+	}
+}

src/lib/actions/membership.ts

@@ -3,6 +3,7 @@
 import { revalidatePath } from 'next/cache';
 import { requireAuth } from '@/lib/auth/server';
 import { createUser, deleteUser } from '@/lib/api/server/membership';
+import { userCreateSchema } from '../schemas';
 
 export async function createUserAction(formData: FormData) {
 	try {
@@ -11,7 +12,13 @@ export async function createUserAction(formData: FormData) {
 		const password = formData.get('password') as string;
 		const role = formData.get('role') as string;
 
-		await createUser(session.token!, { username, password, role });
+		const rawData = { username, password, role };
+		const data = userCreateSchema.safeParse(rawData);
+		if (!data.success) {
+			return { success: false, message: data.error.message };
+		}
+
+		await createUser(session.token!, data.data);
 		revalidatePath('/dashboard/membership');
 
 		return { success: true, message: 'User created successfully' };

src/lib/api/server/auth.ts

@@ -1,17 +1,26 @@
-import { User } from '@/lib/types';
+import {
+	Login,
+	LoginResponse,
+	loginResponseSchema,
+	loginSchema,
+	loginTokenSchema,
+	User,
+	userSchema
+} from '@/lib/schemas';
 import { fetchServerAPI } from './base';
 
 const BASE_URL = process.env.API_BASE_URL || 'http://localhost:8080';
 
 const authRoute = '/auth';
 
-export async function loginUser(username: string, password: string) {
+export async function loginUser(login: Login): Promise<LoginResponse> {
+	const validatedLogin = loginSchema.parse(login);
 	const response = await fetch(`${BASE_URL}${authRoute}/login`, {
 		method: 'POST',
 		headers: {
 			'Content-Type': 'application/json'
 		},
-		body: JSON.stringify({ username, password })
+		body: JSON.stringify(validatedLogin)
 	});
 
 	if (!response.ok) {
@@ -22,16 +31,18 @@ export async function loginUser(username: string, password: string) {
 		throw new Error(`Login failed: ${response.statusText}`);
 	}
 
-	const { token } = await response.json();
+	const rawData = await response.json();
+
+	const { token } = loginTokenSchema.parse(rawData);
 
 	const userResponse = await getCurrentUser(token);
 
-	return { token, user: userResponse };
+	return loginResponseSchema.parse({ token, user: userResponse });
 }
 
 export async function getCurrentUser(token: string): Promise<User> {
 	const response = await fetchServerAPI<User>(`${authRoute}/me`, token);
-	return response.data!;
+	return userSchema.parse(response.data);
 }
 
 export async function getOpenToken(token: string): Promise<string> {
@@ -40,5 +51,5 @@ export async function getOpenToken(token: string): Promise<string> {
 		token,
 		'POST'
 	);
-	return response.data!.token;
+	return loginTokenSchema.parse(response.data).token;
 }

src/lib/api/server/configuration.ts

@@ -1,5 +1,12 @@
 import { fetchServerAPI } from './base';
-import type { Configurations, ConfigFile, Config } from '@/lib/types/config';
+import {
+	type Configurations,
+	type Config,
+	ConfigFile,
+	configurationsSchema,
+	configSchemaMap
+} from '@/lib/schemas/config';
+import * as z from 'zod';
 
 const serverRoute = '/server';
 
@@ -8,7 +15,15 @@ export async function getServerConfigurations(
 	serverId: string
 ): Promise<Configurations> {
 	const response = await fetchServerAPI<Configurations>(`${serverRoute}/${serverId}/config`, token);	
-	return response.data!;
+  return configurationsSchema.parse(response.data);
+}
+
+export function validateConfig(
+	configType: ConfigFile,
+	data: unknown
+): z.infer<(typeof configSchemaMap)[typeof configType]> {
+	const schema = configSchemaMap[configType];
+	return schema.parse(data);
 }
 
 export async function getServerConfiguration(
@@ -20,7 +35,7 @@ export async function getServerConfiguration(
 		`${serverRoute}/${serverId}/config/${configType}`,
 		token
 	);
-	return response.data!;
+	return validateConfig(configType, response.data);
 }
 
 export async function updateServerConfiguration(
@@ -30,8 +45,8 @@ export async function updateServerConfiguration(
 	config: Config,
 	restart = false
 ): Promise<void> {
-	await fetchServerAPI(`${serverRoute}/${serverId}/config/${configType}`, token, 'PUT', {
+	await fetchServerAPI(`${serverRoute}/${serverId}/config/${configType}?override=true`, token, 'PUT', {
-		...config,
+		...validateConfig(configType, config),
 		restart
 	});
 }

src/lib/api/server/leaderboard.ts

@@ -0,0 +1,8 @@
+import { fetchServerAPI } from './base';
+import { emptyLeaderboard, leaderboardSchema, type Leaderboard } from '@/lib/schemas/leaderboard';
+
+export async function getLeaderboard(token: string, serverId: string): Promise<Leaderboard> {
+	const response = await fetchServerAPI<Leaderboard>(`/server/${serverId}/leaderboard`, token);
+	const parsed = leaderboardSchema.safeParse(response.data);
+	return parsed.success ? parsed.data : emptyLeaderboard;
+}

src/lib/api/server/lookups.ts

@@ -1,21 +1,32 @@
 import { fetchServerAPI } from './base';
-import { Track, CarModel, CupCategory, DriverCategory, SessionType } from '@/lib/types';
+import {
+	Track,
+	CarModel,
+	CupCategory,
+	DriverCategory,
+	SessionType,
+	trackSchema,
+	carModelSchema,
+	cupCategorySchema,
+	driverCategorySchema,
+	sessionTypeSchema
+} from '@/lib/schemas';
 
 const lookupRoute = '/lookup';
 
 export async function getTracks(token: string): Promise<Track[]> {
 	const response = await fetchServerAPI<Track[]>(`${lookupRoute}/tracks`, token);
-	return response.data!;
+	return trackSchema.array().parse(response.data);
 }
 
 export async function getCarModels(token: string): Promise<CarModel[]> {
 	const response = await fetchServerAPI<CarModel[]>(`${lookupRoute}/car-models`, token);
-	return response.data!;
+	return carModelSchema.array().parse(response.data);
 }
 
 export async function getCupCategories(token: string): Promise<CupCategory[]> {
 	const response = await fetchServerAPI<CupCategory[]>(`${lookupRoute}/cup-categories`, token);
-	return response.data!;
+	return cupCategorySchema.array().parse(response.data);
 }
 
 export async function getDriverCategories(token: string): Promise<DriverCategory[]> {
@@ -23,10 +34,10 @@ export async function getDriverCategories(token: string): Promise<DriverCategory
 		`${lookupRoute}/driver-categories`,
 		token
 	);
-	return response.data!;
+	return driverCategorySchema.array().parse(response.data);
 }
 
 export async function getSessionTypes(token: string): Promise<SessionType[]> {
 	const response = await fetchServerAPI<SessionType[]>(`${lookupRoute}/session-types`, token);
-	return response.data!;
+	return sessionTypeSchema.array().parse(response.data);
 }

src/lib/api/server/membership.ts

@@ -1,5 +1,6 @@
+import { use } from 'react';
 import { fetchServerAPI } from './base';
-import { User, Role } from '@/lib/types';
+import { User, Role, userSchema, UserCreate, userCreateSchema, roleSchema } from '@/lib/schemas';
 
 export interface UserListParams {
 	username?: string;
@@ -25,27 +26,29 @@ export async function getUsers(token: string, params: UserListParams = {}): Prom
 	const endpoint = `${membershipRoute}${queryString ? `?${queryString}` : ''}`;
 
 	const response = await fetchServerAPI<User[]>(endpoint, token);
-	return response.data!;
+	return userSchema.array().parse(response.data);
 }
 
-export async function createUser(
+export async function createUser(token: string, userData: UserCreate): Promise<void> {
-	token: string,
+	await fetchServerAPI(membershipRoute, token, 'POST', userCreateSchema.parse(userData));
-	userData: { username: string; password: string; role: string }
-): Promise<void> {
-	await fetchServerAPI(membershipRoute, token, 'POST', userData);
 }
 
 export async function getUserById(token: string, userId: string): Promise<User> {
 	const response = await fetchServerAPI<User>(`${membershipRoute}/${userId}`, token);
-	return response.data!;
+	return userSchema.parse(response.data);
 }
 
 export async function updateUser(
 	token: string,
 	userId: string,
-	userData: Partial<User>
+	userData: Partial<UserCreate>
 ): Promise<void> {
-	await fetchServerAPI(`${membershipRoute}/${userId}`, token, 'PUT', userData);
+	await fetchServerAPI(
+		`${membershipRoute}/${userId}`,
+		token,
+		'PUT',
+		userCreateSchema.parse(userData)
+	);
 }
 
 export async function deleteUser(token: string, userId: string): Promise<void> {
@@ -54,5 +57,5 @@ export async function deleteUser(token: string, userId: string): Promise<void> {
 
 export async function getRoles(token: string): Promise<Role[]> {
 	const response = await fetchServerAPI<Role[]>(`${membershipRoute}/roles`, token);
-	return response.data!;
+	return roleSchema.array().parse(response.data);
 }

src/lib/api/server/servers.ts

@@ -1,16 +1,16 @@
 import { fetchServerAPI } from './base';
-import { Server, ServiceStatus } from '@/lib/types/server';
+import { Server, serverSchema, ServiceStatus, serviceStatusSchema } from '@/lib/schemas/server';
 
 const serverRoute = '/server';
 
 export async function getServers(token: string): Promise<Server[]> {
 	const response = await fetchServerAPI<Server[]>(serverRoute, token);
-	return response.data!;
+	return serverSchema.array().parse(response.data);
 }
 
 export async function getServer(token: string, serverId: string): Promise<Server> {
 	const response = await fetchServerAPI<Server>(`${serverRoute}/${serverId}`, token);
-	return response.data!;
+	return serverSchema.parse(response.data);
 }
 
 export async function restartService(token: string, serverId: string): Promise<void> {
@@ -27,12 +27,12 @@ export async function stopService(token: string, serverId: string): Promise<void
 
 export async function getServiceStatus(token: string, serverId: string): Promise<ServiceStatus> {
 	const response = await fetchServerAPI<ServiceStatus>(`${serverRoute}/${serverId}/service`, token);
-	return response.data!;
+	return serviceStatusSchema.parse(response.data);
 }
 
 export async function createServer(token: string, name: string): Promise<Server> {
 	const response = await fetchServerAPI<Server>(serverRoute, token, 'POST', { name });
-	return response.data!;
+	return serverSchema.parse(response.data);
 }
 
 export async function deleteServer(token: string, serverId: string): Promise<void> {

src/lib/api/server/statistics.ts

@@ -1,17 +1,22 @@
 import { fetchServerAPI } from './base';
-import type { StateHistoryStats } from '@/lib/types/statistics';
+import {
+	StateHistoryStatsFilter,
+	stateHistoryStatsFilterSchema,
+	stateHistoryStatsSchema,
+	type StateHistoryStats
+} from '@/lib/schemas/statistics';
 
 const serverRoute = '/server';
 
 export async function getServerStatistics(
 	token: string,
 	serverId: string,
-	startDate: string,
+	filters: StateHistoryStatsFilter
-	endDate: string
 ): Promise<StateHistoryStats> {
+	const { startDate, endDate } = stateHistoryStatsFilterSchema.parse(filters);
 	const response = await fetchServerAPI<StateHistoryStats>(
 		`${serverRoute}/${serverId}/state-history/statistics?start_date=${startDate}&end_date=${endDate}`,
 		token
 	);
-	return response.data!;
+	return stateHistoryStatsSchema.parse(response.data);
 }

src/lib/context/SteamCMDContext.tsx

@@ -2,7 +2,7 @@
 
 import { createContext, useContext, useState, ReactNode, useEffect, useCallback } from 'react';
 import { useWebSocket } from '@/lib/websocket/context';
-import { WebSocketMessage, StepData } from '@/lib/websocket/client';
+import type { WebSocketMessage, StepData } from '@/lib/schemas/websocket';
 
 interface SteamCMDContextType {
 	isSteamCMDRunning: boolean;

src/lib/schemas/config.ts

@@ -0,0 +1,131 @@
+import * as z from 'zod';
+
+export enum ConfigFile {
+	configuration = 'configuration.json',
+	assistRules = 'assistRules.json',
+	event = 'event.json',
+	eventRules = 'eventRules.json',
+	settings = 'settings.json'
+}
+export const configFileSchema = z.enum(ConfigFile);
+
+export enum ServerTab {
+	statistics = 'statistics',
+	configuration = 'configuration',
+	assistRules = 'assistRules',
+	event = 'event',
+	eventRules = 'eventRules',
+	settings = 'settings',
+	leaderboard = 'leaderboard'
+}
+export const serverTabSchema = z.enum(ServerTab);
+
+export const configurationSchema = z.object({
+	udpPort: z.number().min(1025).max(65535),
+	tcpPort: z.number().min(1025).max(65535),
+	maxConnections: z.number().min(1).max(64),
+	lanDiscovery: z.number().min(0).max(1),
+	registerToLobby: z.number().min(0).max(2),
+	configVersion: z.number().min(1).max(2).default(1).optional()
+});
+
+export type Configuration = z.infer<typeof configurationSchema>;
+
+export const assistRulesSchema = z.object({
+	stabilityControlLevelMax: z.number().min(0).max(100).default(100),
+	disableAutosteer: z.number().min(0).max(1).default(0),
+	disableAutoLights: z.number().min(0).max(1).default(0),
+	disableAutoWiper: z.number().min(0).max(1).default(0),
+	disableAutoEngineStart: z.number().min(0).max(1).default(0),
+	disableAutoPitLimiter: z.number().min(0).max(1).default(0),
+	disableAutoGear: z.number().min(0).max(1).default(0),
+	disableAutoClutch: z.number().min(0).max(1).default(0),
+	disableIdealLine: z.number().min(0).max(1).default(0)
+});
+
+export type AssistRules = z.infer<typeof assistRulesSchema>;
+
+export const serverSettingsSchema = z.object({
+	serverName: z.string().min(3).max(150),
+	adminPassword: z.string().min(6).max(50),
+	carGroup: z.string().min(1).max(50),
+	trackMedalsRequirement: z.number().min(-1).max(3),
+	safetyRatingRequirement: z.number().min(-1).max(99),
+	racecraftRatingRequirement: z.number().min(-1).max(99),
+	password: z.string().max(50).optional().or(z.literal('')),
+	spectatorPassword: z.string().max(50).optional().or(z.literal('')),
+	maxCarSlots: z.number().min(1).max(30),
+	dumpLeaderboards: z.number().min(0).max(1).default(0),
+	isRaceLocked: z.number().min(0).max(1).default(0),
+	randomizeTrackWhenEmpty: z.number().min(0).max(1).default(0),
+	centralEntryListPath: z.string().max(255).optional().or(z.literal('')),
+	allowAutoDQ: z.number().min(0).max(1).default(0),
+	shortFormationLap: z.number().min(0).max(1).default(0),
+	formationLapType: z.number().min(0).max(3).default(0),
+	ignorePrematureDisconnects: z.number().min(0).max(1).default(0)
+});
+
+export type ServerSettings = z.infer<typeof serverSettingsSchema>;
+
+export const sessionSchema = z.object({
+	hourOfDay: z.number().min(1).max(24).default(14),
+	dayOfWeekend: z.number().min(1).max(3).default(1),
+	timeMultiplier: z.number().min(1).max(120).default(1),
+	sessionType: z.string().min(1).max(20),
+	sessionDurationMinutes: z.number().min(1).max(180).default(20)
+});
+
+export type Session = z.infer<typeof sessionSchema>;
+
+export const eventConfigSchema = z.object({
+	track: z.string().min(1).max(100),
+	preRaceWaitingTimeSeconds: z.number().min(0).max(600).default(30),
+	sessionOverTimeSeconds: z.number().min(0).max(300).default(30),
+	ambientTemp: z.number().min(0).max(50).default(24),
+	cloudLevel: z.number().min(0).max(1).default(0),
+	rain: z.number().min(0).max(1).default(0),
+	weatherRandomness: z.number().min(0).max(7).default(0),
+	postQualySeconds: z.number().min(0).max(600).default(30),
+	postRaceSeconds: z.number().min(0).max(600).default(30),
+	simracerWeatherConditions: z.number().min(0).max(1).default(0),
+	isFixedConditionQualification: z.number().min(0).max(1).default(0),
+	sessions: z.array(sessionSchema).min(1).max(10)
+});
+
+export type EventConfig = z.infer<typeof eventConfigSchema>;
+
+export const eventRulesSchema = z.object({
+	qualifyStandingType: z.number().min(-1).max(1).default(0),
+	pitWindowLengthSec: z.number().min(-1).max(3600).default(30),
+	driverStintTimeSec: z.number().min(-1).max(7200).default(30),
+	mandatoryPitstopCount: z.number().min(-1).max(5).default(0),
+	maxTotalDrivingTime: z.number().min(-1).max(14400).default(60),
+	isRefuellingAllowedInRace: z.number().min(0).max(1).default(0),
+	isRefuellingTimeFixed: z.number().min(0).max(1).default(0),
+	isMandatoryPitstopRefuellingRequired: z.number().min(0).max(1).default(0),
+	isMandatoryPitstopTyreChangeRequired: z.number().min(0).max(1).default(0),
+	isMandatoryPitstopSwapDriverRequired: z.number().min(0).max(1).default(0),
+	tyreSetCount: z.number().min(0).max(50).default(0)
+});
+
+export type EventRules = z.infer<typeof eventRulesSchema>;
+
+export const configurationsSchema = z.object({
+	configuration: configurationSchema,
+	assistRules: assistRulesSchema,
+	settings: serverSettingsSchema,
+	event: eventConfigSchema,
+	eventRules: eventRulesSchema
+});
+
+export type Configurations = z.infer<typeof configurationsSchema>;
+
+export const configSchemaMap = {
+	[ConfigFile.configuration]: configurationSchema,
+	[ConfigFile.assistRules]: assistRulesSchema,
+	[ConfigFile.event]: eventConfigSchema,
+	[ConfigFile.eventRules]: eventRulesSchema,
+	[ConfigFile.settings]: serverSettingsSchema
+};
+
+export type Config = Configuration | AssistRules | EventConfig | EventRules | ServerSettings;

src/lib/schemas/index.ts

@@ -3,3 +3,4 @@ export * from './user';
 export * from './config';
 export * from './statistics';
 export * from './lookups';
+export * from './leaderboard';

src/lib/schemas/leaderboard.ts

@@ -0,0 +1,56 @@
+import * as z from 'zod';
+
+export const resultValueSchema = z.union([z.literal('DNF'), z.literal('DNS'), z.coerce.number().int().min(0)]);
+export type ResultValue = z.infer<typeof resultValueSchema>;
+
+export const leaderboardDriverSchema = z.object({
+	name: z.string().min(1),
+	color: z.string().regex(/^#[0-9a-fA-F]{6}$/),
+	initials: z.string().min(1).max(10)
+});
+export type LeaderboardDriver = z.infer<typeof leaderboardDriverSchema>;
+
+const pointsEntryFields = {
+	points: z.number().int().min(0),
+	label: z.string().min(1),
+	color: z.string().regex(/^#[0-9a-fA-F]{6}$/),
+	textColor: z.string().regex(/^#[0-9a-fA-F]{6}$/),
+	priority: z.number().int().min(0)
+};
+
+export const pointsEntrySchema = z.object(pointsEntryFields);
+export type PointsEntry = z.infer<typeof pointsEntrySchema>;
+
+export const flPointsSchema = z.object(pointsEntryFields);
+export type FlPoints = z.infer<typeof flPointsSchema>;
+
+export const leaderboardTrackSchema = z.object({
+	name: z.string().min(1),
+	results: z.array(resultValueSchema),
+	fastestLapInitials: z.string()
+});
+export type LeaderboardTrack = z.infer<typeof leaderboardTrackSchema>;
+
+export const leaderboardSchema = z.object({
+	drivers: z.array(leaderboardDriverSchema),
+	pointsTable: z.array(pointsEntrySchema),
+	flPoints: flPointsSchema,
+	tracks: z.array(leaderboardTrackSchema)
+});
+export type Leaderboard = z.infer<typeof leaderboardSchema>;
+
+export const emptyLeaderboard: Leaderboard = {
+	drivers: [],
+	pointsTable: [],
+	flPoints: { points: 1, label: 'FL +1', color: '#8b5cf6', textColor: '#000000', priority: 3 },
+	tracks: []
+};
+
+// Client-side derived type — never sent to API
+export type StandingsRow = {
+	driver: LeaderboardDriver;
+	driverIndex: number;
+	totalPoints: number;
+	trackResults: ResultValue[];
+	fastestLapCount: number;
+};

src/lib/schemas/lookups.ts

@@ -0,0 +1,33 @@
+import * as z from 'zod';
+
+export const trackSchema = z.object({
+	track: z.string(),
+	uniquePitBoxes: z.number().int().nonnegative(),
+	privateServerSlots: z.number().int().nonnegative()
+});
+
+export type Track = z.infer<typeof trackSchema>;
+
+export const carModelSchema = z.object({
+	value: z.number().int().nonnegative(),
+	carModel: z.string()
+});
+export type CarModel = z.infer<typeof carModelSchema>;
+
+export const driverCategorySchema = z.object({
+	value: z.number().int().nonnegative(),
+	category: z.string()
+});
+export type DriverCategory = z.infer<typeof driverCategorySchema>;
+
+export const cupCategorySchema = z.object({
+	value: z.number().int().nonnegative(),
+	category: z.string()
+});
+export type CupCategory = z.infer<typeof cupCategorySchema>;
+
+export const sessionTypeSchema = z.object({
+	value: z.number().int().nonnegative(),
+	sessionType: z.string()
+});
+export type SessionType = z.infer<typeof sessionTypeSchema>;

src/lib/schemas/server.ts

@@ -1,3 +1,5 @@
+import * as z from 'zod';
+
 export enum ServiceStatus {
 	Unknown,
 	Stopped,
@@ -6,6 +8,7 @@ export enum ServiceStatus {
 	Starting,
 	Running
 }
+export const serviceStatusSchema = z.enum(ServiceStatus);
 
 export const serviceStatusToString = (status: ServiceStatus): string => {
 	switch (status) {
@@ -41,16 +44,20 @@ export const getStatusColor = (status: ServiceStatus): string => {
 	}
 };
 
-interface State {
+export const stateSchema = z.object({
-	session: string;
+	session: z.string(),
-	playerCount: number;
+	playerCount: z.number().min(0),
-	track: string;
+	track: z.string(),
-	maxConnections: number;
+	maxConnections: z.number().min(0)
-}
+});
 
-export interface Server {
+export type State = z.infer<typeof stateSchema>;
-	id: string;
+
-	name: string;
+export const serverSchema = z.object({
-	status: ServiceStatus;
+	id: z.uuid(),
-	state: State;
+	name: z.string().min(1),
-}
+	status: z.enum(ServiceStatus),
+	state: stateSchema.optional().nullable()
+});
+
+export type Server = z.infer<typeof serverSchema>;

src/lib/schemas/statistics.ts

@@ -0,0 +1,58 @@
+import * as z from 'zod';
+
+export const stateHistorySchema = z.object({
+	dateCreated: z.string(),
+	sessionStart: z.string(),
+	playerCount: z.number(),
+	track: z.string(),
+	sessionDurationMinutes: z.number(),
+	session: z.string()
+});
+export type StateHistory = z.infer<typeof stateHistorySchema>;
+
+export const sessionCountSchema = z.object({
+	name: z.string(),
+	count: z.number()
+});
+export type SessionCount = z.infer<typeof sessionCountSchema>;
+
+export const dailyActivitySchema = z.object({
+	date: z.string(),
+	sessionsCount: z.number()
+});
+export type DailyActivity = z.infer<typeof dailyActivitySchema>;
+
+export const playerCountPointSchema = z.object({
+	timestamp: z.string(),
+	count: z.number()
+});
+export type PlayerCountPoint = z.infer<typeof playerCountPointSchema>;
+
+export const recentSessionSchema = z.object({
+	id: z.uuid(),
+	date: z.string(),
+	type: z.string(),
+	track: z.string(),
+	duration: z.number(),
+	players: z.number()
+});
+export type RecentSession = z.infer<typeof recentSessionSchema>;
+
+export const stateHistoryStatsSchema = z.object({
+	averagePlayers: z.number(),
+	peakPlayers: z.number(),
+	totalSessions: z.number(),
+	totalPlaytime: z.number(),
+	playerCountOverTime: z.array(playerCountPointSchema),
+	sessionTypes: z.array(sessionCountSchema),
+	dailyActivity: z.array(dailyActivitySchema),
+	recentSessions: z.array(recentSessionSchema)
+});
+export type StateHistoryStats = z.infer<typeof stateHistoryStatsSchema>;
+
+export const stateHistoryStatsFilterSchema = z.object({
+	startDate: z.string().min(10, 'Start date is required'),
+	endDate: z.string().min(10, 'End date is required')
+});
+
+export type StateHistoryStatsFilter = z.infer<typeof stateHistoryStatsFilterSchema>;

src/lib/schemas/user.ts

@@ -0,0 +1,69 @@
+import * as z from 'zod';
+
+export const permissionSchema = z.object({
+	id: z.uuid(),
+	name: z.string()
+});
+
+export type Permission = z.infer<typeof permissionSchema>;
+
+export const roleSchema = z.object({
+	id: z.uuid(),
+	name: z.string(),
+	permissions: z.array(permissionSchema)
+});
+
+export type Role = z.infer<typeof roleSchema>;
+
+export const userSchema = z.object({
+	id: z.uuid(),
+	username: z.string(),
+	role_id: z.uuid(),
+	role: roleSchema
+});
+
+export type User = z.infer<typeof userSchema>;
+
+export const userCreateSchema = z.object({
+	username: z
+		.string()
+		.min(1, 'Username is required')
+		.max(50, 'Username must be at most 50 characters'),
+	password: z
+		.string()
+		.min(6, 'Password must be at least 6 characters')
+		.max(100, 'Password must be at most 100 characters'),
+	role: z.string().min(1, 'Role is required')
+});
+
+export type UserCreate = z.infer<typeof userCreateSchema>;
+
+export const loginSchema = z.object({
+	username: z.string().min(1, 'Username is required'),
+	password: z.string().min(1, 'Password is required')
+});
+
+export type Login = z.infer<typeof loginSchema>;
+
+export const loginTokenSchema = z.object({
+	token: z.string().min(1)
+});
+
+export type LoginTokenResponse = z.infer<typeof loginTokenSchema>;
+
+export const loginResponseSchema = loginTokenSchema.extend({
+	user: userSchema
+});
+
+export type LoginResponse = z.infer<typeof loginResponseSchema>;
+
+export function hasPermission(user: User | null, permission: string): boolean {
+	if (!user || !user.role || !user.role.permissions) {
+		return false;
+	}
+
+	if (user.role.name === 'Super Admin') {
+		return true;
+	}
+	return user.role.permissions.some((p) => p.name === permission);
+}

src/lib/schemas/websocket.ts

@@ -0,0 +1,87 @@
+import * as z from 'zod';
+
+// Step data schema
+export const stepDataSchema = z.object({
+	step: z.enum([
+		'validation',
+		'directory_creation',
+		'steam_download',
+		'config_generation',
+		'service_creation',
+		'firewall_rules',
+		'database_save',
+		'completed'
+	]),
+	status: z.enum(['pending', 'in_progress', 'completed', 'failed']),
+	message: z.string(),
+	error: z.string()
+});
+
+export type StepData = z.infer<typeof stepDataSchema>;
+
+// Steam output data schema
+export const steamOutputDataSchema = z.object({
+	output: z.string(),
+	is_error: z.boolean()
+});
+
+export type SteamOutputData = z.infer<typeof steamOutputDataSchema>;
+
+// Error data schema
+export const errorDataSchema = z.object({
+	error: z.string(),
+	details: z.string()
+});
+
+export type ErrorData = z.infer<typeof errorDataSchema>;
+
+// Complete data schema
+export const completeDataSchema = z.object({
+	server_id: z.string(),
+	success: z.boolean(),
+	message: z.string()
+});
+
+export type CompleteData = z.infer<typeof completeDataSchema>;
+
+// WebSocket message schema using discriminated union
+export const webSocketMessageSchema = z.discriminatedUnion('type', [
+	z.object({
+		type: z.literal('step'),
+		server_id: z.string(),
+		timestamp: z.number(),
+		data: stepDataSchema
+	}),
+	z.object({
+		type: z.literal('steam_output'),
+		server_id: z.string(),
+		timestamp: z.number(),
+		data: steamOutputDataSchema
+	}),
+	z.object({
+		type: z.literal('error'),
+		server_id: z.string(),
+		timestamp: z.number(),
+		data: errorDataSchema
+	}),
+	z.object({
+		type: z.literal('complete'),
+		server_id: z.string(),
+		timestamp: z.number(),
+		data: completeDataSchema
+	})
+]);
+
+export type WebSocketMessage = z.infer<typeof webSocketMessageSchema>;
+
+// Connection status schema
+export const connectionStatusSchema = z.enum(['connecting', 'connected', 'disconnected', 'error']);
+
+export type ConnectionStatus = z.infer<typeof connectionStatusSchema>;
+
+// Handler types (these remain as types since they're function signatures)
+export type MessageHandler = (message: WebSocketMessage) => void;
+export type ConnectionStatusHandler = (
+	status: ConnectionStatus,
+	error?: string
+) => void;

src/lib/session/config.ts

@@ -1,5 +1,5 @@
 import { SessionOptions } from 'iron-session';
-import { User } from '@/lib/types';
+import { User } from '@/lib/schemas';
 
 export interface SessionData {
 	token?: string;

src/lib/types/config.ts

@@ -1,104 +0,0 @@
-export enum ConfigFile {
-	configuration = 'configuration.json',
-	assistRules = 'assistRules.json',
-	event = 'event.json',
-	eventRules = 'eventRules.json',
-	settings = 'settings.json'
-}
-
-export enum ServerTab {
-	statistics = 'statistics',
-	configuration = 'configuration',
-	assistRules = 'assistRules',
-	event = 'event',
-	eventRules = 'eventRules',
-	settings = 'settings'
-}
-
-export interface Configuration {
-	udpPort: number;
-	tcpPort: number;
-	maxConnections: number;
-	lanDiscovery: number;
-	registerToLobby: number;
-	configVersion: number;
-}
-
-export interface AssistRules {
-	stabilityControlLevelMax: number;
-	disableAutosteer: number;
-	disableAutoLights: number;
-	disableAutoWiper: number;
-	disableAutoEngineStart: number;
-	disableAutoPitLimiter: number;
-	disableAutoGear: number;
-	disableAutoClutch: number;
-	disableIdealLine: number;
-}
-
-export interface ServerSettings {
-	serverName: string;
-	adminPassword: string;
-	carGroup: string;
-	trackMedalsRequirement: number;
-	safetyRatingRequirement: number;
-	racecraftRatingRequirement: number;
-	password: string;
-	spectatorPassword: string;
-	maxCarSlots: number;
-	dumpLeaderboards: number;
-	isRaceLocked: number;
-	randomizeTrackWhenEmpty: number;
-	centralEntryListPath: string;
-	allowAutoDQ: number;
-	shortFormationLap: number;
-	formationLapType: number;
-	ignorePrematureDisconnects: number;
-}
-
-export interface Session {
-	hourOfDay: number;
-	dayOfWeekend: number;
-	timeMultiplier: number;
-	sessionType: string;
-	sessionDurationMinutes: number;
-}
-
-export interface EventConfig {
-	track: string;
-	preRaceWaitingTimeSeconds: number;
-	sessionOverTimeSeconds: number;
-	ambientTemp: number;
-	cloudLevel: number;
-	rain: number;
-	weatherRandomness: number;
-	postQualySeconds: number;
-	postRaceSeconds: number;
-	simracerWeatherConditions: number;
-	isFixedConditionQualification: number;
-	sessions: Session[];
-}
-
-export interface EventRules {
-	qualifyStandingType: number;
-	pitWindowLengthSec: number;
-	driverStintTimeSec: number;
-	mandatoryPitstopCount: number;
-	maxTotalDrivingTime: number;
-	isRefuellingAllowedInRace: boolean;
-	isRefuellingTimeFixed: boolean;
-	isMandatoryPitstopRefuellingRequired: boolean;
-	isMandatoryPitstopTyreChangeRequired: boolean;
-	isMandatoryPitstopSwapDriverRequired: boolean;
-	tyreSetCount: number;
-}
-
-export interface Configurations {
-	configuration: Configuration;
-	assistRules: AssistRules;
-	event: EventConfig;
-	eventRules: EventRules;
-	settings: ServerSettings;
-}
-
-export type Config = Configuration | AssistRules | EventConfig | EventRules | ServerSettings;

src/lib/types/lookups.ts

@@ -1,25 +0,0 @@
-export interface Track {
-	track: string;
-	uniquePitBoxes: number;
-	privateServerSlots: number;
-}
-
-export interface CarModel {
-	value: number;
-	carModel: string;
-}
-
-export interface DriverCategory {
-	value: number;
-	category: string;
-}
-
-export interface CupCategory {
-	value: number;
-	category: string;
-}
-
-export interface SessionType {
-	value: number;
-	sessionType: string;
-}

src/lib/types/statistics.ts

@@ -1,43 +0,0 @@
-export interface StateHistory {
-	dateCreated: string;
-	sessionStart: string;
-	playerCount: number;
-	track: string;
-	sessionDurationMinutes: number;
-	session: string;
-}
-
-interface SessionCount {
-	name: string;
-	count: number;
-}
-
-interface DailyActivity {
-	date: string;
-	sessionsCount: number;
-}
-
-interface PlayerCountPoint {
-	timestamp: string;
-	count: number;
-}
-
-interface RecentSession {
-	id: number;
-	date: string;
-	type: string;
-	track: string;
-	duration: number;
-	players: number;
-}
-
-export interface StateHistoryStats {
-	averagePlayers: number;
-	peakPlayers: number;
-	totalSessions: number;
-	totalPlaytime: number;
-	playerCountOverTime: PlayerCountPoint[];
-	sessionTypes: SessionCount[];
-	dailyActivity: DailyActivity[];
-	recentSessions: RecentSession[];
-}

src/lib/types/user.ts

@@ -1,28 +0,0 @@
-export interface Permission {
-	id: string;
-	name: string;
-}
-
-export interface Role {
-	id: string;
-	name: string;
-	permissions: Permission[];
-}
-
-export interface User {
-	id: string;
-	username: string;
-	role_id: string;
-	role: Role;
-}
-
-export function hasPermission(user: User | null, permission: string): boolean {
-	if (!user || !user.role || !user.role.permissions) {
-		return false;
-	}
-
-	if (user.role.name === 'Super Admin') {
-		return true;
-	}
-	return user.role.permissions.some((p) => p.name === permission);
-}

src/lib/utils.ts

@@ -4,3 +4,11 @@ import { twMerge } from 'tailwind-merge';
 export function cn(...inputs: ClassValue[]) {
 	return twMerge(clsx(inputs));
 }
+
+export function boolToInt(val: boolean) {
+  return val ? 1 : 0;
+}
+
+export function intToBool(val: number) {
+  return !!val
+}

src/lib/websocket/client.ts

@@ -1,46 +1,9 @@
-export interface WebSocketMessage {
+import {
-	type: 'step' | 'steam_output' | 'error' | 'complete';
+	webSocketMessageSchema,
-	server_id: string;
+	type WebSocketMessage,
-	timestamp: number;
+	type MessageHandler,
-	data: StepData | SteamOutputData | ErrorData | CompleteData;
+	type ConnectionStatusHandler
-}
+} from '@/lib/schemas/websocket';
-
-export interface StepData {
-	step:
-		| 'validation'
-		| 'directory_creation'
-		| 'steam_download'
-		| 'config_generation'
-		| 'service_creation'
-		| 'firewall_rules'
-		| 'database_save'
-		| 'completed';
-	status: 'pending' | 'in_progress' | 'completed' | 'failed';
-	message: string;
-	error: string;
-}
-
-export interface SteamOutputData {
-	output: string;
-	is_error: boolean;
-}
-
-export interface ErrorData {
-	error: string;
-	details: string;
-}
-
-export interface CompleteData {
-	server_id: string;
-	success: boolean;
-	message: string;
-}
-
-export type MessageHandler = (message: WebSocketMessage) => void;
-export type ConnectionStatusHandler = (
-	status: 'connecting' | 'connected' | 'disconnected' | 'error',
-	error?: string
-) => void;
 
 export class WebSocketClient {
 	private ws: WebSocket | null = null;
@@ -89,7 +52,8 @@ export class WebSocketClient {
 
 				this.ws.onmessage = (event) => {
 					try {
-						const message: WebSocketMessage = JSON.parse(event.data);
+						const rawMessage: WebSocketMessage = JSON.parse(event.data);
+						const message = webSocketMessageSchema.parse(rawMessage);
 						this.messageHandlers.forEach((handler) => handler(message));
 					} catch (error) {
 						console.error('Failed to parse WebSocket message:', error);

src/lib/websocket/context.tsx

@@ -9,8 +9,9 @@ import {
 	useCallback,
 	useRef
 } from 'react';
-import { WebSocketClient, MessageHandler, ConnectionStatusHandler } from './client';
+import { WebSocketClient } from './client';
 import { websocketOptions } from './config';
+import type { ConnectionStatusHandler, MessageHandler } from '../schemas/websocket';
 
 interface WebSocketContextType {
 	client: WebSocketClient | null;