diff --git a/src/api/serverService.ts b/src/api/serverService.ts
index 9644ea6..6e29a55 100644
--- a/src/api/serverService.ts
+++ b/src/api/serverService.ts
@@ -17,6 +17,10 @@ export const getServers = async (event: RequestEvent): Promise<Server[]> => {
 	return fetchAPIEvent(event, '/server');
 };
 
+export const getServerById = async (event: RequestEvent, serverId: string): Promise<Server> => {
+	return fetchAPIEvent(event, `/server/${serverId}`);
+};
+
 export const getConfigFiles = async (
 	event: RequestEvent,
 	serverId: string
diff --git a/src/components/EditorAssistRules.svelte b/src/components/EditorAssistRules.svelte
new file mode 100644
index 0000000..63e215c
--- /dev/null
+++ b/src/components/EditorAssistRules.svelte
@@ -0,0 +1,199 @@
+<script lang="ts">
+	import { enhance } from '$app/forms';
+	import type { AssistRules } from '$models/config';
+
+	const { config, id }: { config: AssistRules; id: string } = $props();
+	const editedConfig = $state({ ...config });
+	let formLoading = $state(false);
+</script>
+
+<form
+	method="POST"
+	action="?/assistRules"
+	use:enhance={() => {
+		formLoading = true;
+	}}
+>
+	<input type="hidden" name="id" value={id} />
+	<div class="sm:mx-auto sm:w-full sm:max-w-7xl">
+		<div class="border-b border-gray-900/10 pb-12">
+			<h2 class="text-base/7 font-semibold text-gray-900">Assist Rules</h2>
+			<div class="mt-10 grid grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-6">
+				<!-- Stability Control Level Max -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Stability Control Level Max:
+						<div class="mt-2">
+							<div class="input-block">
+								<input
+									bind:value={editedConfig.stabilityControlLevelMax}
+									disabled={formLoading}
+									name="stabilityControlLevelMax"
+									type="number"
+									class="form form-input"
+								/>
+							</div>
+						</div>
+					</label>
+				</div>
+
+				<!-- Disable Autosteer -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Disable Autosteer:
+						<div class="mt-2 grid grid-cols-1">
+							<select
+								bind:value={editedConfig.disableAutosteer}
+								disabled={formLoading}
+								name="disableAutosteer"
+								class="form form-select"
+							>
+								<option value={0}>No</option>
+								<option value={1}>Yes</option>
+							</select>
+						</div>
+					</label>
+				</div>
+
+				<!-- Disable Auto Lights -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Disable Auto Lights:
+						<div class="mt-2 grid grid-cols-1">
+							<select
+								bind:value={editedConfig.disableAutoLights}
+								disabled={formLoading}
+								name="disableAutoLights"
+								class="form form-select"
+							>
+								<option value={0}>No</option>
+								<option value={1}>Yes</option>
+							</select>
+						</div>
+					</label>
+				</div>
+
+				<!-- Disable Auto Wiper -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Disable Auto Wiper:
+						<div class="mt-2 grid grid-cols-1">
+							<select
+								bind:value={editedConfig.disableAutoWiper}
+								disabled={formLoading}
+								name="disableAutoWiper"
+								class="form form-select"
+							>
+								<option value={0}>No</option>
+								<option value={1}>Yes</option>
+							</select>
+						</div>
+					</label>
+				</div>
+
+				<!-- Disable Auto Engine Start -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Disable Auto Engine Start:
+						<div class="mt-2 grid grid-cols-1">
+							<select
+								bind:value={editedConfig.disableAutoEngineStart}
+								disabled={formLoading}
+								name="disableAutoEngineStart"
+								class="form form-select"
+							>
+								<option value={0}>No</option>
+								<option value={1}>Yes</option>
+							</select>
+						</div>
+					</label>
+				</div>
+
+				<!-- Disable Auto Pit Limiter -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Disable Auto Pit Limiter:
+						<div class="mt-2 grid grid-cols-1">
+							<select
+								bind:value={editedConfig.disableAutoPitLimiter}
+								disabled={formLoading}
+								name="disableAutoPitLimiter"
+								class="form form-select"
+							>
+								<option value={0}>No</option>
+								<option value={1}>Yes</option>
+							</select>
+						</div>
+					</label>
+				</div>
+
+				<!-- Disable Auto Gear -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Disable Auto Gear:
+						<div class="mt-2 grid grid-cols-1">
+							<select
+								bind:value={editedConfig.disableAutoGear}
+								disabled={formLoading}
+								name="disableAutoGear"
+								class="form form-select"
+							>
+								<option value={0}>No</option>
+								<option value={1}>Yes</option>
+							</select>
+						</div>
+					</label>
+				</div>
+
+				<!-- Disable Auto Clutch -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Disable Auto Clutch:
+						<div class="mt-2 grid grid-cols-1">
+							<select
+								bind:value={editedConfig.disableAutoClutch}
+								disabled={formLoading}
+								name="disableAutoClutch"
+								class="form form-select"
+							>
+								<option value={0}>No</option>
+								<option value={1}>Yes</option>
+							</select>
+						</div>
+					</label>
+				</div>
+
+				<!-- Disable Ideal Line -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Disable Ideal Line:
+						<div class="mt-2 grid grid-cols-1">
+							<select
+								bind:value={editedConfig.disableIdealLine}
+								disabled={formLoading}
+								name="disableIdealLine"
+								class="form form-select"
+							>
+								<option value={0}>No</option>
+								<option value={1}>Yes</option>
+							</select>
+						</div>
+					</label>
+				</div>
+			</div>
+		</div>
+		<div class="mt-6 flex items-center justify-end gap-x-6">
+			<label
+				><span class="mx-3">Restart server</span><input
+					type="checkbox"
+					id="restart"
+					name="restart"
+					checked
+				/></label
+			>
+			<button disabled={formLoading} type="submit" class="btn btn-blue">Save</button>
+		</div>
+	</div>
+</form>
+
+<style></style>
diff --git a/src/components/EditorConfiguration.svelte b/src/components/EditorConfiguration.svelte
new file mode 100644
index 0000000..714e8e4
--- /dev/null
+++ b/src/components/EditorConfiguration.svelte
@@ -0,0 +1,119 @@
+<script lang="ts">
+	import { enhance } from '$app/forms';
+	import type { Configuration } from '$models/config';
+
+	const { config, id }: { config: Configuration; id: string } = $props();
+	const editedConfig = $state({ ...config });
+	let formLoading = $state(false);
+</script>
+
+<form
+	method="POST"
+	action="?/configuration"
+	use:enhance={() => {
+		formLoading = true;
+	}}
+>
+	<input type="hidden" name="id" value={id} />
+	<div class="sm:mx-auto sm:w-full sm:max-w-7xl">
+		<div class="border-b border-gray-900/10 pb-12">
+			<h2 class="text-base/7 font-semibold text-gray-900">Configuration</h2>
+			<div class="mt-10 grid grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-6">
+				<div class="sm:col-span-2">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						UDP Port:
+						<div class="mt-2">
+							<div class="input-block">
+								<input
+									disabled={formLoading}
+									name="udpPort"
+									type="number"
+									class="form form-input"
+									bind:value={editedConfig.udpPort}
+								/>
+							</div>
+						</div></label
+					>
+				</div>
+				<div class="sm:col-span-2">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						TCP Port:
+						<div class="mt-2">
+							<div class="input-block">
+								<input
+									disabled={formLoading}
+									name="tcpPort"
+									type="number"
+									class="form form-input"
+									bind:value={editedConfig.tcpPort}
+								/>
+							</div>
+						</div></label
+					>
+				</div>
+				<div class="sm:col-span-2">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Max Connections:
+						<div class="mt-2">
+							<div class="input-block">
+								<input
+									disabled={formLoading}
+									name="maxConnections"
+									type="number"
+									class="form form-input"
+									bind:value={editedConfig.maxConnections}
+								/>
+							</div>
+						</div></label
+					>
+				</div>
+				<div class="sm:col-span-2">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Lan Discovery:
+						<div class="mt-2 grid grid-cols-1">
+							<select
+								bind:value={editedConfig.lanDiscovery}
+								disabled={formLoading}
+								name="lanDiscovery"
+								class="form form-select"
+							>
+								<option value={0}>No</option>
+								<option value={1}>Yes</option>
+							</select>
+						</div>
+					</label>
+				</div>
+				<div class="sm:col-span-2">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Register To Lobby:
+						<div class="mt-2 grid grid-cols-1">
+							<select
+								bind:value={editedConfig.registerToLobby}
+								disabled={formLoading}
+								name="registerToLobby"
+								class="form form-select"
+							>
+								<option value={0}>No</option>
+								<option value={1}>Yes</option>
+							</select>
+						</div>
+					</label>
+				</div>
+				<input type="hidden" name="configVersion" value={1} />
+			</div>
+		</div>
+		<div class="mt-6 flex items-center justify-end gap-x-6">
+			<label
+				><span class="mx-3">Restart server</span><input
+					type="checkbox"
+					id="restart"
+					name="restart"
+					checked
+				/></label
+			>
+			<button disabled={formLoading} type="submit" class="btn btn-blue">Save</button>
+		</div>
+	</div>
+</form>
+
+<style></style>
diff --git a/src/components/ConfigEditor.svelte b/src/components/EditorEvent.svelte
similarity index 56%
rename from src/components/ConfigEditor.svelte
rename to src/components/EditorEvent.svelte
index 7bede4f..22b6f1c 100644
--- a/src/components/ConfigEditor.svelte
+++ b/src/components/EditorEvent.svelte
@@ -5,7 +5,7 @@
 
 	const { config, tracks, id }: { config: EventConfig; tracks: Track[]; id: string } = $props();
 	const editedConfig = $state({ ...config });
-	let sessions = $state(JSON.stringify(editedConfig.sessions));
+	if (!editedConfig.sessions) editedConfig.sessions = [];
 	let formLoading = $state(false);
 </script>
 
@@ -187,36 +187,156 @@
 				<div class="sm:col-span-2">
 					<label class="block text-sm/6 font-medium text-gray-900">
 						Is fixed condition qualification:
-						<div class="mt-2">
-							<div class="input-block">
-								<input
-									disabled={formLoading}
-									name="isFixedConditionQualification"
-									type="number"
-									class="form form-input"
-									bind:value={editedConfig.isFixedConditionQualification}
-								/>
-							</div>
-						</div></label
-					>
+						<div class="mt-2 grid grid-cols-1">
+							<select
+								bind:value={editedConfig.isFixedConditionQualification}
+								disabled={formLoading}
+								name="isFixedConditionQualification"
+								class="form form-select"
+							>
+								<option value={0}>No</option>
+								<option value={1}>Yes</option>
+							</select>
+						</div>
+					</label>
 				</div>
 				<div class="sm:col-span-6">
 					<label class="block text-sm/6 font-medium text-gray-900">
 						Sessions:
 						<div class="mt-2">
-							<textarea
-								disabled={formLoading}
-								name="sessions"
-								rows="3"
-								class="form form-textarea"
-								bind:value={sessions}
-							></textarea>
+							{#each editedConfig.sessions as session, index}
+								<div class="mb-4 rounded-lg border p-4">
+									<div class="grid grid-cols-2 gap-4">
+										<!-- Hour of Day -->
+										<div>
+											<label class="block text-sm font-medium text-gray-700"
+												>Hour of Day:
+												<div class="mt-2">
+													<div class="input-block">
+														<input
+															bind:value={session.hourOfDay}
+															name={`sessions[${index}][hourOfDay]`}
+															disabled={formLoading}
+															type="number"
+															class="form form-input"
+														/>
+													</div>
+												</div></label
+											>
+										</div>
+										<!-- Day of Weekend -->
+										<div>
+											<label class="block text-sm font-medium text-gray-700"
+												>Day of Weekend:
+												<div class="mt-2">
+													<div class="input-block">
+														<input
+															bind:value={session.dayOfWeekend}
+															name={`sessions[${index}][dayOfWeekend]`}
+															disabled={formLoading}
+															type="number"
+															class="form form-input"
+														/>
+													</div>
+												</div>
+											</label>
+										</div>
+										<!-- Time Multiplier -->
+										<div>
+											<label class="block text-sm font-medium text-gray-700"
+												>Time Multiplier:
+												<div class="mt-2">
+													<div class="input-block">
+														<input
+															bind:value={session.timeMultiplier}
+															name={`sessions[${index}][timeMultiplier]`}
+															disabled={formLoading}
+															type="number"
+															class="form form-input"
+														/>
+													</div>
+												</div></label
+											>
+										</div>
+										<!-- Session Type -->
+										<div>
+											<label class="block text-sm font-medium text-gray-700"
+												>Session Type:
+												<div class="mt-2 grid grid-cols-1">
+													<select
+														bind:value={session.sessionType}
+														name={`sessions[${index}][sessionType]`}
+														disabled={formLoading}
+														class="form form-select"
+													>
+														<option value="P">Practice</option>
+														<option value="Q">Qualifying</option>
+														<option value="R">Race</option>
+													</select>
+												</div></label
+											>
+										</div>
+										<!-- Session Duration Minutes -->
+										<div>
+											<label class="block text-sm font-medium text-gray-700"
+												>Session Duration (Minutes):
+												<div class="mt-2">
+													<div class="input-block">
+														<input
+															bind:value={session.sessionDurationMinutes}
+															name={`sessions[${index}][sessionDurationMinutes]`}
+															disabled={formLoading}
+															type="number"
+															class="form form-input"
+														/>
+													</div>
+												</div>
+											</label>
+										</div>
+									</div>
+									<button
+										type="button"
+										onclick={() => {
+											editedConfig.sessions = editedConfig.sessions.filter((_, i) => i !== index);
+										}}
+										class="mt-2 text-sm text-red-600 hover:text-red-800"
+									>
+										Remove Session
+									</button>
+								</div>
+							{/each}
+							<button
+								type="button"
+								onclick={() => {
+									editedConfig.sessions = [
+										...editedConfig.sessions,
+										{
+											hourOfDay: 14,
+											dayOfWeekend: 1,
+											timeMultiplier: 1,
+											sessionType: 'Practice',
+											sessionDurationMinutes: 60
+										}
+									];
+								}}
+								class="btn btn-blue mt-2"
+							>
+								Add Session
+							</button>
 						</div>
 					</label>
 				</div>
 			</div>
 		</div>
 		<div class="mt-6 flex items-center justify-end gap-x-6">
+			<label
+				><span class="mx-3">Restart server</span><input
+					type="checkbox"
+					id="restart"
+					name="restart"
+					checked
+				/></label
+			>
 			<button disabled={formLoading} type="submit" class="btn btn-blue">Save</button>
 		</div>
 	</div>
diff --git a/src/components/EditorEventRules.svelte b/src/components/EditorEventRules.svelte
new file mode 100644
index 0000000..922e0a1
--- /dev/null
+++ b/src/components/EditorEventRules.svelte
@@ -0,0 +1,235 @@
+<script lang="ts">
+	import { enhance } from '$app/forms';
+	import type { EventRules } from '$models/config';
+
+	const { config, id }: { config: EventRules; id: string } = $props();
+	const editedConfig = $state({ ...config });
+	let formLoading = $state(false);
+</script>
+
+<form
+	method="POST"
+	action="?/eventRules"
+	use:enhance={() => {
+		formLoading = true;
+	}}
+>
+	<input type="hidden" name="id" value={id} />
+	<div class="sm:mx-auto sm:w-full sm:max-w-7xl">
+		<div class="border-b border-gray-900/10 pb-12">
+			<h2 class="text-base/7 font-semibold text-gray-900">Event Rules</h2>
+			<div class="mt-10 grid grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-6">
+				<!-- Qualify Standing Type -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Qualify Standing Type:
+						<div class="mt-2">
+							<div class="input-block">
+								<input
+									bind:value={editedConfig.qualifyStandingType}
+									disabled={formLoading}
+									name="qualifyStandingType"
+									type="number"
+									class="form form-input"
+								/>
+							</div>
+						</div>
+					</label>
+				</div>
+
+				<!-- Pit Window Length Sec -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Pit Window Length (Sec):
+						<div class="mt-2">
+							<div class="input-block">
+								<input
+									bind:value={editedConfig.pitWindowLengthSec}
+									disabled={formLoading}
+									name="pitWindowLengthSec"
+									type="number"
+									class="form form-input"
+								/>
+							</div>
+						</div>
+					</label>
+				</div>
+
+				<!-- Driver Stint Time Sec -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Driver Stint Time (Sec):
+						<div class="mt-2">
+							<div class="input-block">
+								<input
+									bind:value={editedConfig.driverStintTimeSec}
+									disabled={formLoading}
+									name="driverStintTimeSec"
+									type="number"
+									class="form form-input"
+								/>
+							</div>
+						</div>
+					</label>
+				</div>
+
+				<!-- Mandatory Pitstop Count -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Mandatory Pitstop Count:
+						<div class="mt-2">
+							<div class="input-block">
+								<input
+									bind:value={editedConfig.mandatoryPitstopCount}
+									disabled={formLoading}
+									name="mandatoryPitstopCount"
+									type="number"
+									class="form form-input"
+								/>
+							</div>
+						</div>
+					</label>
+				</div>
+
+				<!-- Max Total Driving Time -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Max Total Driving Time:
+						<div class="mt-2">
+							<div class="input-block">
+								<input
+									bind:value={editedConfig.maxTotalDrivingTime}
+									disabled={formLoading}
+									name="maxTotalDrivingTime"
+									type="number"
+									class="form form-input"
+								/>
+							</div>
+						</div>
+					</label>
+				</div>
+
+				<!-- Is Refuelling Allowed In Race -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Is Refuelling Allowed In Race:
+						<div class="mt-2 grid grid-cols-1">
+							<select
+								bind:value={editedConfig.isRefuellingAllowedInRace}
+								disabled={formLoading}
+								name="isRefuellingAllowedInRace"
+								class="form form-select"
+							>
+								<option value={0}>No</option>
+								<option value={1}>Yes</option>
+							</select>
+						</div>
+					</label>
+				</div>
+
+				<!-- Is Refuelling Time Fixed -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Is Refuelling Time Fixed:
+						<div class="mt-2 grid grid-cols-1">
+							<select
+								bind:value={editedConfig.isRefuellingTimeFixed}
+								disabled={formLoading}
+								name="isRefuellingTimeFixed"
+								class="form form-select"
+							>
+								<option value={0}>No</option>
+								<option value={1}>Yes</option>
+							</select>
+						</div>
+					</label>
+				</div>
+
+				<!-- Is Mandatory Pitstop Refuelling Required -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Is Mandatory Pitstop Refuelling Required:
+						<div class="mt-2 grid grid-cols-1">
+							<select
+								bind:value={editedConfig.isMandatoryPitstopRefuellingRequired}
+								disabled={formLoading}
+								name="isMandatoryPitstopRefuellingRequired"
+								class="form form-select"
+							>
+								<option value={0}>No</option>
+								<option value={1}>Yes</option>
+							</select>
+						</div>
+					</label>
+				</div>
+
+				<!-- Is Mandatory Pitstop Tyre Change Required -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Is Mandatory Pitstop Tyre Change Required:
+						<div class="mt-2 grid grid-cols-1">
+							<select
+								bind:value={editedConfig.isMandatoryPitstopTyreChangeRequired}
+								disabled={formLoading}
+								name="isMandatoryPitstopTyreChangeRequired"
+								class="form form-select"
+							>
+								<option value={0}>No</option>
+								<option value={1}>Yes</option>
+							</select>
+						</div>
+					</label>
+				</div>
+
+				<!-- Is Mandatory Pitstop Swap Driver Required -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Is Mandatory Pitstop Swap Driver Required:
+						<div class="mt-2 grid grid-cols-1">
+							<select
+								bind:value={editedConfig.isMandatoryPitstopSwapDriverRequired}
+								disabled={formLoading}
+								name="isMandatoryPitstopSwapDriverRequired"
+								class="form form-select"
+							>
+								<option value={0}>No</option>
+								<option value={1}>Yes</option>
+							</select>
+						</div>
+					</label>
+				</div>
+
+				<!-- Tyre Set Count -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Tyre Set Count:
+						<div class="mt-2">
+							<div class="input-block">
+								<input
+									bind:value={editedConfig.tyreSetCount}
+									disabled={formLoading}
+									name="tyreSetCount"
+									type="number"
+									class="form form-input"
+								/>
+							</div>
+						</div>
+					</label>
+				</div>
+			</div>
+		</div>
+		<div class="mt-6 flex items-center justify-end gap-x-6">
+			<label
+				><span class="mx-3">Restart server</span><input
+					type="checkbox"
+					id="restart"
+					name="restart"
+					checked
+				/></label
+			>
+			<button disabled={formLoading} type="submit" class="btn btn-blue">Save</button>
+		</div>
+	</div>
+</form>
+
+<style></style>
diff --git a/src/components/EditorSettings.svelte b/src/components/EditorSettings.svelte
new file mode 100644
index 0000000..52906da
--- /dev/null
+++ b/src/components/EditorSettings.svelte
@@ -0,0 +1,348 @@
+<script lang="ts">
+	import { enhance } from '$app/forms';
+	import type { ServerSettings } from '$models/config';
+
+	const { config, id }: { config: ServerSettings; id: string } = $props();
+	const editedConfig = $state({ ...config });
+	let formLoading = $state(false);
+	const carGroups = ['FreeForAll', 'GT3', 'GT4', 'GT2', 'GTC', 'TCX'];
+</script>
+
+<form
+	method="POST"
+	action="?/settings"
+	use:enhance={() => {
+		formLoading = true;
+	}}
+>
+	<input type="hidden" name="id" value={id} />
+	<div class="sm:mx-auto sm:w-full sm:max-w-7xl">
+		<div class="border-b border-gray-900/10 pb-12">
+			<h2 class="text-base/7 font-semibold text-gray-900">Settings</h2>
+			<div class="mt-10 grid grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-6">
+				<!-- Server Name -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Server Name:
+						<div class="mt-2">
+							<div class="input-block">
+								<input
+									bind:value={editedConfig.serverName}
+									disabled={formLoading}
+									name="serverName"
+									type="text"
+									class="form form-input"
+								/>
+							</div>
+						</div>
+					</label>
+				</div>
+
+				<!-- Admin Password -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Admin Password:
+						<div class="mt-2">
+							<div class="input-block">
+								<input
+									bind:value={editedConfig.adminPassword}
+									disabled={formLoading}
+									name="adminPassword"
+									type="password"
+									class="form form-input"
+								/>
+							</div>
+						</div>
+					</label>
+				</div>
+
+				<!-- Car Group -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Car Group:
+						<div class="mt-2 grid grid-cols-1">
+							<select
+								bind:value={editedConfig.carGroup}
+								disabled={formLoading}
+								name="carGroup"
+								class="form form-select"
+							>
+								{#each carGroups as group}
+									<option value={group}>{group}</option>
+								{/each}
+							</select>
+						</div>
+					</label>
+				</div>
+
+				<!-- Track Medals Requirement -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Track Medals Requirement:
+						<div class="mt-2">
+							<div class="input-block">
+								<input
+									bind:value={editedConfig.trackMedalsRequirement}
+									disabled={formLoading}
+									name="trackMedalsRequirement"
+									type="number"
+									class="form form-input"
+								/>
+							</div>
+						</div>
+					</label>
+				</div>
+
+				<!-- Safety Rating Requirement -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Safety Rating Requirement:
+						<div class="mt-2">
+							<div class="input-block">
+								<input
+									bind:value={editedConfig.safetyRatingRequirement}
+									disabled={formLoading}
+									name="safetyRatingRequirement"
+									type="number"
+									class="form form-input"
+								/>
+							</div>
+						</div>
+					</label>
+				</div>
+
+				<!-- Racecraft Rating Requirement -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Racecraft Rating Requirement:
+						<div class="mt-2">
+							<div class="input-block">
+								<input
+									bind:value={editedConfig.racecraftRatingRequirement}
+									disabled={formLoading}
+									name="racecraftRatingRequirement"
+									type="number"
+									class="form form-input"
+								/>
+							</div>
+						</div>
+					</label>
+				</div>
+
+				<!-- Password -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Password:
+						<div class="mt-2">
+							<div class="input-block">
+								<input
+									bind:value={editedConfig.password}
+									disabled={formLoading}
+									name="password"
+									type="password"
+									class="form form-input"
+								/>
+							</div>
+						</div>
+					</label>
+				</div>
+
+				<!-- Spectator Password -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Spectator Password:
+						<div class="mt-2">
+							<div class="input-block">
+								<input
+									bind:value={editedConfig.spectatorPassword}
+									disabled={formLoading}
+									name="spectatorPassword"
+									type="password"
+									class="form form-input"
+								/>
+							</div>
+						</div>
+					</label>
+				</div>
+
+				<!-- Max Car Slots -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Max Car Slots:
+						<div class="mt-2">
+							<div class="input-block">
+								<input
+									bind:value={editedConfig.maxCarSlots}
+									disabled={formLoading}
+									name="maxCarSlots"
+									type="number"
+									class="form form-input"
+								/>
+							</div>
+						</div>
+					</label>
+				</div>
+
+				<!-- Dump Leaderboards -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Dump Leaderboards:
+						<div class="mt-2 grid grid-cols-1">
+							<select
+								bind:value={editedConfig.dumpLeaderboards}
+								disabled={formLoading}
+								name="dumpLeaderboards"
+								class="form form-select"
+							>
+								<option value={0}>No</option>
+								<option value={1}>Yes</option>
+							</select>
+						</div>
+					</label>
+				</div>
+
+				<!-- Is Race Locked -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Is Race Locked:
+						<div class="mt-2 grid grid-cols-1">
+							<select
+								bind:value={editedConfig.isRaceLocked}
+								disabled={formLoading}
+								name="isRaceLocked"
+								class="form form-select"
+							>
+								<option value={0}>No</option>
+								<option value={1}>Yes</option>
+							</select>
+						</div>
+					</label>
+				</div>
+
+				<!-- Randomize Track When Empty -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Randomize Track When Empty:
+						<div class="mt-2 grid grid-cols-1">
+							<select
+								bind:value={editedConfig.randomizeTrackWhenEmpty}
+								disabled={formLoading}
+								name="randomizeTrackWhenEmpty"
+								class="form form-select"
+							>
+								<option value={0}>No</option>
+								<option value={1}>Yes</option>
+							</select>
+						</div>
+					</label>
+				</div>
+
+				<!-- Central Entry List Path -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Central Entry List Path:
+						<div class="mt-2">
+							<div class="input-block">
+								<input
+									bind:value={editedConfig.centralEntryListPath}
+									disabled={formLoading}
+									name="centralEntryListPath"
+									type="text"
+									class="form form-input"
+								/>
+							</div>
+						</div>
+					</label>
+				</div>
+
+				<!-- Allow Auto DQ -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Allow Auto DQ:
+						<div class="mt-2 grid grid-cols-1">
+							<select
+								bind:value={editedConfig.allowAutoDQ}
+								disabled={formLoading}
+								name="allowAutoDQ"
+								class="form form-select"
+							>
+								<option value={0}>No</option>
+								<option value={1}>Yes</option>
+							</select>
+						</div>
+					</label>
+				</div>
+
+				<!-- Short Formation Lap -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Short Formation Lap:
+						<div class="mt-2 grid grid-cols-1">
+							<select
+								bind:value={editedConfig.shortFormationLap}
+								disabled={formLoading}
+								name="shortFormationLap"
+								class="form form-select"
+							>
+								<option value={0}>No</option>
+								<option value={1}>Yes</option>
+							</select>
+						</div>
+					</label>
+				</div>
+
+				<!-- Formation Lap Type -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Formation Lap Type:
+						<div class="mt-2 grid grid-cols-1">
+							<select
+								bind:value={editedConfig.formationLapType}
+								disabled={formLoading}
+								name="formationLapType"
+								class="form form-select"
+							>
+								<option value={0}>Old Limiter Lap</option>
+								<option value={1}
+									>Free (replaces /manual start), only usable for private servers</option
+								>
+								<option value={3}>Default formation lap with position control and UI</option>
+							</select>
+						</div>
+					</label>
+				</div>
+
+				<!-- Ignore Premature Disconnects -->
+				<div class="sm:col-span-6">
+					<label class="block text-sm/6 font-medium text-gray-900">
+						Ignore Premature Disconnects:
+						<div class="mt-2 grid grid-cols-1">
+							<select
+								bind:value={editedConfig.ignorePrematureDisconnects}
+								disabled={formLoading}
+								name="ignorePrematureDisconnects"
+								class="form form-select"
+							>
+								<option value={0}>No</option>
+								<option value={1}>Yes</option>
+							</select>
+						</div>
+					</label>
+				</div>
+			</div>
+		</div>
+		<div class="mt-6 flex items-center justify-end gap-x-6">
+			<label
+				><span class="mx-3">Restart server</span><input
+					type="checkbox"
+					id="restart"
+					name="restart"
+					checked
+				/></label
+			>
+			<button disabled={formLoading} type="submit" class="btn btn-blue">Save</button>
+		</div>
+	</div>
+</form>
+
+<style></style>
diff --git a/src/components/Sidebar.svelte b/src/components/Sidebar.svelte
index 297f1ac..29a6f8a 100644
--- a/src/components/Sidebar.svelte
+++ b/src/components/Sidebar.svelte
@@ -1,9 +1,7 @@
 <script lang="ts">
 </script>
 
-<aside
-	class="fixed top-0 left-0 z-40 h-screen w-64 -translate-x-full transition-transform sm:translate-x-0"
->
+<aside class="fixed top-0 left-0 z-40 h-screen w-64">
 	<div class="h-full overflow-y-auto bg-gray-50 px-3 py-4 dark:bg-gray-800">
 		<ul class="space-y-2 font-medium">
 			<li>
diff --git a/src/hooks.server.ts b/src/hooks.server.ts
index f04340e..a719f3b 100644
--- a/src/hooks.server.ts
+++ b/src/hooks.server.ts
@@ -1,6 +1,10 @@
 import type { ServerInit } from '@sveltejs/kit';
 import { redisSessionManager } from '$stores/redisSessionManager';
+import type Redis from 'ioredis';
 
+const redisClient: Redis = redisSessionManager['redisClient'];
 export const init: ServerInit = async () => {
-	await redisSessionManager['redisClient'].connect();
+	console.log(redisClient.status);
+	if (redisClient.status == 'connect') return;
+	await redisClient.connect();
 };
diff --git a/src/routes/dashboard/+page.svelte b/src/routes/dashboard/+page.svelte
index 4b7ca79..1d214fb 100644
--- a/src/routes/dashboard/+page.svelte
+++ b/src/routes/dashboard/+page.svelte
@@ -6,7 +6,6 @@
 	let servers: Server[] = data.servers;
 </script>
 
-<h1>Dashboard</h1>
 <div class="server-grid">
 	{#each servers as server}
 		<ServerCard {server} />
diff --git a/src/routes/dashboard/server/[id]/+page.server.ts b/src/routes/dashboard/server/[id]/+page.server.ts
index afdf71d..e86192c 100644
--- a/src/routes/dashboard/server/[id]/+page.server.ts
+++ b/src/routes/dashboard/server/[id]/+page.server.ts
@@ -1,41 +1,74 @@
-import { updateConfig, getConfigFiles, getEventFile } from '$api/serverService';
+import { updateConfig, getConfigFiles, getServerById } from '$api/serverService';
 import type { Actions } from './$types';
 import { checkAuth } from '$api/authService';
 import { getTracks } from '$api/lookupService';
 import { redirect } from '@sveltejs/kit';
 import type { RequestEvent } from '@sveltejs/kit';
-import { configFile } from '$models/config';
+import { configFile, type Session } from '$models/config';
 
 export const load = async (event: RequestEvent) => {
 	const isAuth = await checkAuth(event);
 	if (!isAuth) return redirect(308, '/login');
 	if (!event.params.id) return redirect(308, '/dashboard');
-	const config = await getEventFile(event, event.params.id);
-	const tracks = await getTracks(event);
+	const [server, configs, tracks] = await Promise.all([
+		getServerById(event, event.params.id),
+		getConfigFiles(event, event.params.id),
+		getTracks(event)
+	]);
 	return {
 		id: event.params.id,
-		config,
-		tracks
+		configs,
+		tracks,
+		server
 	};
 };
 
+type SessionField =
+	| 'sessionDurationMinutes'
+	| 'sessionType'
+	| 'timeMultiplier'
+	| 'dayOfWeekend'
+	| 'hourOfDay';
+
 export const actions = {
 	event: async (event: RequestEvent) => {
 		const formData = await event.request.formData();
 		const id = formData.get('id') as string;
+		const restart = formData.get('restart') === 'true';
 		const object: any = {};
+		const sessions: Array<Record<SessionField, string | number>> = [];
+		formData.forEach((value, key) => {
+			const sessionMatch = key.match(/sessions\[(\d+)\]\[(\w+)\]/);
+			if (sessionMatch) {
+				const index = parseInt(sessionMatch[1]);
+				const field = sessionMatch[2] as SessionField;
+
+				if (!sessions[index]) {
+					sessions[index] = {
+						hourOfDay: 0,
+						dayOfWeekend: 0,
+						timeMultiplier: 0,
+						sessionType: '',
+						sessionDurationMinutes: 0
+					};
+				}
+
+				// Assign the value to the corresponding session field
+				sessions[index][field] = value !== '' && !Number.isNaN(+value) ? +value : (value as string);
+			}
+		});
+		object.sessions = sessions;
 		formData.forEach((value, key) => {
 			switch (key) {
 				case 'id':
-					return;
+				case 'restart':
 				case 'sessions':
-					object[key] = tryParse(value as string);
-					break;
+					return;
 				default:
 					object[key] = value != '' && !Number.isNaN(+value) ? +value : value;
 			}
 		});
-		await updateConfig(event, id, configFile.event, object, true, true);
+		await updateConfig(event, id, configFile.event, object, true, restart);
 		redirect(303, '/dashboard');
 	}
 } satisfies Actions;
diff --git a/src/routes/dashboard/server/[id]/+page.svelte b/src/routes/dashboard/server/[id]/+page.svelte
index 04d8e4c..52431b6 100644
--- a/src/routes/dashboard/server/[id]/+page.svelte
+++ b/src/routes/dashboard/server/[id]/+page.svelte
@@ -1,11 +1,79 @@
 <script lang="ts">
-	import ConfigEditor from '$components/ConfigEditor.svelte';
+	import EditorAssistRules from '$components/EditorAssistRules.svelte';
+	import EditorConfiguration from '$components/EditorConfiguration.svelte';
+	import EditorEvent from '$components/EditorEvent.svelte';
+	import EditorEventRules from '$components/EditorEventRules.svelte';
+	import EditorSettings from '$components/EditorSettings.svelte';
+	import { configFile } from '$models/config.js';
 
 	let { data } = $props();
-	const config = data.config;
+	const configs = data.configs;
 	const tracks = data.tracks;
 	const id = data.id;
+	const server = data.server;
+	let tab = $state(configFile.event);
 </script>
 
-<h1>Edit</h1>
-<ConfigEditor {config} {tracks} {id} />
+<aside class="fixed top-0 left-64 z-40 h-screen w-48">
+	<div class="h-full overflow-y-auto bg-gray-50 px-1 py-4 dark:bg-gray-700">
+		<div class="flex items-center justify-center">
+			<h2 class="bold mb-5 text-gray-300">{server.name}</h2>
+		</div>
+		<ul class="space-y-2 font-medium">
+			<li>
+				<button
+					class="btn btn-sidebar"
+					disabled={tab === configFile.event || !configs.event}
+					onclick={() => (tab = configFile.event)}
+				>
+					<span class="ms-3">Event</span>
+				</button>
+				<button
+					class="btn btn-sidebar"
+					disabled={tab === configFile.configuration || !configs.configuration}
+					onclick={() => (tab = configFile.configuration)}
+				>
+					<span class="ms-3">Configuration</span>
+				</button>
+				<button
+					class="btn btn-sidebar"
+					disabled={tab === configFile.settings || !configs.settings}
+					onclick={() => (tab = configFile.settings)}
+				>
+					<span class="ms-3">Settings</span>
+				</button>
+				{#if configs.assistRules}
+					<button
+						class="btn btn-sidebar"
+						disabled={tab === configFile.assistRules}
+						onclick={() => (tab = configFile.assistRules)}
+					>
+						<span class="ms-3">Assist Rules</span>
+					</button>
+				{/if}
+				{#if configs.eventRules}
+					<button
+						class="btn btn-sidebar"
+						disabled={tab === configFile.eventRules}
+						onclick={() => (tab = configFile.eventRules)}
+					>
+						<span class="ms-3">Event Rules</span>
+					</button>
+				{/if}
+			</li>
+		</ul>
+	</div>
+</aside>
+<div class="sm:ml-48">
+	{#if tab === configFile.event}
+		<EditorEvent config={configs.event} {tracks} {id} />
+	{:else if tab === configFile.configuration}
+		<EditorConfiguration config={configs.configuration} {id} />
+	{:else if tab === configFile.settings}
+		<EditorSettings config={configs.settings} {id} />
+	{:else if tab === configFile.assistRules}
+		<EditorAssistRules config={configs.assistRules} {id} />
+	{:else if tab === configFile.eventRules}
+		<EditorEventRules config={configs.eventRules} {id} />
+	{/if}
+</div>
diff --git a/src/styles/button.css b/src/styles/button.css
index 11db31a..16926a6 100644
--- a/src/styles/button.css
+++ b/src/styles/button.css
@@ -1,15 +1,24 @@
 .btn {
-	@apply mx-1 rounded px-4 py-1 font-bold;
+	@apply px-4 py-1 font-bold;
+}
+.btn-sidebar {
+	@apply flex w-full items-center p-2 dark:text-white dark:hover:bg-gray-600;
 }
 .btn-blue {
-	@apply bg-blue-500 text-white;
+	@apply rounded bg-blue-500 text-white;
 }
 .btn-login {
 	@apply flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm/6 font-semibold text-white shadow-xs hover:bg-indigo-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600;
 }
 .btn:hover {
-	@apply cursor-pointer bg-blue-700;
+	@apply cursor-pointer;
 }
 .btn:disabled {
-	@apply cursor-default bg-blue-500 opacity-60;
+	@apply cursor-default opacity-60;
+}
+.btn-blue:hover {
+	@apply bg-blue-700;
+}
+.btn-sidebar:disabled {
+	@apply bg-gray-600;
 }