From 1c80a2853974822cfb11028d3034b86c260a9766 Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Sun, 15 Jun 2025 16:55:03 +1000
Subject: [PATCH 01/12] add window/tab open

---
 src/lib/components/play.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/play.svelte b/src/lib/components/play.svelte
index 9244ed76..1216618f 100644
--- a/src/lib/components/play.svelte
+++ b/src/lib/components/play.svelte
@@ -29,7 +29,7 @@
 		if ($preferencesStore.open === 'tab') {
 			openedTab = window.open('', '_blank');
 		} else if ($preferencesStore.open === 'window') {
-			openedTab = window.open('', '_blank');
+			openedTab = window.open('', '_blank', 'width=800,height=600');
 		} else {
 			$preferencesStore.open = 'tab';
 			openNewTab(url);
@@ -147,7 +147,7 @@
 				}}
 			>
 				<OpenInNewTab class="h-6 w-6" />
-				New tab
+				New {$preferencesStore.open}
 			</Button>
 			<Button
 				variant="outline"

From bf0431db3a892538b7a115cb3efcf308558b517d Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Mon, 16 Jun 2025 10:10:00 +1000
Subject: [PATCH 02/12] fix setting

---
 src/lib/components/settings.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/settings.svelte b/src/lib/components/settings.svelte
index 96379688..b2ea0cef 100644
--- a/src/lib/components/settings.svelte
+++ b/src/lib/components/settings.svelte
@@ -68,7 +68,10 @@
 				<Label for="panic">Enable Panic Key</Label>
 			</div>
 			<div class="flex items-center gap-3">
-				<Checkbox id="panic-disable-experimental" bind:checked={$preferencesStore.panic.enabled} />
+				<Checkbox
+					id="panic-disable-experimental"
+					bind:checked={$preferencesStore.panic.disableExperimentalMode}
+				/>
 				<Label for="panic-disable-experimental">Disable Experimental Mode when triggered</Label>
 			</div>
 			<div class="flex flex-row gap-3">

From 84428f65351f34a900f219d7d9f92d4d06ce6c3f Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Mon, 16 Jun 2025 10:15:39 +1000
Subject: [PATCH 03/12] add panic mode

---
 src/lib/components/panic-mode.svelte | 19 +++++++++++++++++++
 src/routes/+layout.svelte            |  2 ++
 2 files changed, 21 insertions(+)
 create mode 100644 src/lib/components/panic-mode.svelte

diff --git a/src/lib/components/panic-mode.svelte b/src/lib/components/panic-mode.svelte
new file mode 100644
index 00000000..8a52274f
--- /dev/null
+++ b/src/lib/components/panic-mode.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	import { preferencesStore } from '$lib/stores';
+	import { onMount } from 'svelte';
+
+	onMount(() => {
+		if ($preferencesStore.panic.enabled && $preferencesStore.experimentalFeatures) {
+			document.addEventListener('keydown', (event) => {
+				if (event.key === $preferencesStore.panic.key) {
+					event.preventDefault();
+					event.stopPropagation();
+					if ($preferencesStore.panic.disableExperimentalMode) {
+						$preferencesStore.experimentalFeatures = false;
+					}
+					window.open($preferencesStore.panic.url, '_self');
+				}
+			});
+		}
+	});
+</script>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 4192da27..2a7cd6fa 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -11,6 +11,7 @@
 	import AppSidebar from '$lib/components/app-sidebar.svelte';
 	import Settings from '$lib/components/settings.svelte';
 	import * as Dialog from '$lib/components/ui/dialog/index.js';
+	import PanicMode from '$lib/components/panic-mode.svelte';
 
 	// Third-party utilities
 	import { ModeWatcher } from 'mode-watcher';
@@ -79,6 +80,7 @@
 <!-- https://github.com/sveltejs/svelte/issues/3105#issuecomment-1868393333 -->
 <div class={clsx('hidden', $preferencesStore.theme)} id="theme"></div>
 
+<PanicMode />
 <Toaster />
 <ModeWatcher defaultMode={'dark'} />
 <Settings />

From 0421af7f575d27fdc194437cc76c9664b6729d5c Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Mon, 16 Jun 2025 10:16:17 +1000
Subject: [PATCH 04/12] add notice

---
 src/lib/components/settings.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/components/settings.svelte b/src/lib/components/settings.svelte
index b2ea0cef..b4f545e5 100644
--- a/src/lib/components/settings.svelte
+++ b/src/lib/components/settings.svelte
@@ -62,7 +62,7 @@
 					</div>
 				</Dialog.Content>
 			</Dialog.Root>
-			Panic key
+			Panic key (requires refresh to apply)
 			<div class="flex items-center gap-3">
 				<Checkbox id="panic" bind:checked={$preferencesStore.panic.enabled} />
 				<Label for="panic">Enable Panic Key</Label>

From 854e2367abd921425f7e5640742c32b68664c66c Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Mon, 16 Jun 2025 13:12:47 +1000
Subject: [PATCH 05/12] add cloak

---
 src/lib/components/cloak.svelte | 15 +++++++++++++++
 src/routes/+layout.svelte       |  2 ++
 2 files changed, 17 insertions(+)
 create mode 100644 src/lib/components/cloak.svelte

diff --git a/src/lib/components/cloak.svelte b/src/lib/components/cloak.svelte
new file mode 100644
index 00000000..9534afb4
--- /dev/null
+++ b/src/lib/components/cloak.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+	import { preferencesStore } from '$lib/stores';
+
+	let title = $derived(
+		($preferencesStore.cloak.mode == 'on' && $preferencesStore.cloak.name) || 'EduTools'
+	);
+	let icon = $derived(
+		$preferencesStore.cloak.mode == 'on' ? $preferencesStore.cloak.icon : '/favicon.ico'
+	);
+</script>
+
+<svelte:head>
+	<title>{title}</title>
+	<link rel="icon" href={icon} type="image/x-icon" />
+</svelte:head>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 2a7cd6fa..3060db32 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -12,6 +12,7 @@
 	import Settings from '$lib/components/settings.svelte';
 	import * as Dialog from '$lib/components/ui/dialog/index.js';
 	import PanicMode from '$lib/components/panic-mode.svelte';
+	import Cloak from '$lib/components/cloak.svelte';
 
 	// Third-party utilities
 	import { ModeWatcher } from 'mode-watcher';
@@ -81,6 +82,7 @@
 <div class={clsx('hidden', $preferencesStore.theme)} id="theme"></div>
 
 <PanicMode />
+<Cloak />
 <Toaster />
 <ModeWatcher defaultMode={'dark'} />
 <Settings />

From 35fc86db49372165460e82c5c07f5d721aa8124d Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Mon, 16 Jun 2025 13:17:49 +1000
Subject: [PATCH 06/12] add focused state and simplify

---
 src/lib/components/cloak.svelte | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/cloak.svelte b/src/lib/components/cloak.svelte
index 9534afb4..bd6495e4 100644
--- a/src/lib/components/cloak.svelte
+++ b/src/lib/components/cloak.svelte
@@ -1,12 +1,25 @@
 <script lang="ts">
 	import { preferencesStore } from '$lib/stores';
+	import { onMount } from 'svelte';
+
+	let focused = $state(false);
 
 	let title = $derived(
-		($preferencesStore.cloak.mode == 'on' && $preferencesStore.cloak.name) || 'EduTools'
+		$preferencesStore.cloak.mode == 'on' ? $preferencesStore.cloak.name : 'EduTools'
 	);
 	let icon = $derived(
 		$preferencesStore.cloak.mode == 'on' ? $preferencesStore.cloak.icon : '/favicon.ico'
 	);
+
+	onMount(() => {
+		document.addEventListener('blur', () => {
+			focused = false;
+		});
+
+		document.addEventListener('focus', () => {
+			focused = true;
+		});
+	});
 </script>
 
 <svelte:head>

From 3d0dc21b500b32bfa7ceaf6623160b75a83924ba Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Mon, 16 Jun 2025 13:19:59 +1000
Subject: [PATCH 07/12] implement focus logic

---
 src/lib/components/cloak.svelte | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/cloak.svelte b/src/lib/components/cloak.svelte
index bd6495e4..594908ae 100644
--- a/src/lib/components/cloak.svelte
+++ b/src/lib/components/cloak.svelte
@@ -5,10 +5,16 @@
 	let focused = $state(false);
 
 	let title = $derived(
-		$preferencesStore.cloak.mode == 'on' ? $preferencesStore.cloak.name : 'EduTools'
+		$preferencesStore.experimentalFeatures &&
+			($preferencesStore.cloak.mode == 'on' || ($preferencesStore.cloak.mode == 'blur' && !focused))
+			? $preferencesStore.cloak.name
+			: 'EduTools'
 	);
 	let icon = $derived(
-		$preferencesStore.cloak.mode == 'on' ? $preferencesStore.cloak.icon : '/favicon.ico'
+		$preferencesStore.experimentalFeatures &&
+			($preferencesStore.cloak.mode == 'on' || ($preferencesStore.cloak.mode == 'blur' && !focused))
+			? $preferencesStore.cloak.icon
+			: '/favicon.ico'
 	);
 
 	onMount(() => {

From 56cf8e016aa5a2c74822394dafb3ea45430a56e9 Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Mon, 16 Jun 2025 13:23:51 +1000
Subject: [PATCH 08/12] add history toggle and simplify

---
 src/lib/components/play.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/play.svelte b/src/lib/components/play.svelte
index d989da4e..a2bce276 100644
--- a/src/lib/components/play.svelte
+++ b/src/lib/components/play.svelte
@@ -48,7 +48,7 @@
 
 	const gmaedata = $derived(getGameById(id));
 
-	onMount(() => {
+	if ($preferencesStore.history) {
 		let history = $historyStore;
 		if (history.includes(id)) {
 			history = history.filter((historyId) => historyId !== id);
@@ -57,7 +57,7 @@
 		history.push(id);
 
 		historyStore.set(history);
-	});
+	}
 </script>
 
 <div class="flex h-full w-full flex-col gap-3 p-3">

From df24a877517a3347a389682a0ca58439f19e2b59 Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Mon, 16 Jun 2025 13:26:39 +1000
Subject: [PATCH 09/12] clean up more

---
 src/lib/components/play.svelte | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/lib/components/play.svelte b/src/lib/components/play.svelte
index a2bce276..126eacd6 100644
--- a/src/lib/components/play.svelte
+++ b/src/lib/components/play.svelte
@@ -20,7 +20,6 @@
 	// App imports
 	import { getGameById } from '$lib/gmaes';
 	import { preferencesStore, favoritesStore, historyStore } from '$lib/stores';
-	import { onMount } from 'svelte';
 	import clsx from 'clsx';
 
 	function openNewTab(url: string) {

From 482df50621e80d5c750829f0218e4b54e81b5903 Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Mon, 16 Jun 2025 13:29:34 +1000
Subject: [PATCH 10/12] remove disabling analytics bc i don't want to implement
 it

---
 src/lib/components/settings.svelte | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/lib/components/settings.svelte b/src/lib/components/settings.svelte
index b4f545e5..49b1573c 100644
--- a/src/lib/components/settings.svelte
+++ b/src/lib/components/settings.svelte
@@ -91,10 +91,6 @@
 				<Input bind:value={$preferencesStore.cloak.icon} placeholder="Icon URL" />
 			</div>
 			Privacy
-			<div class="flex items-center gap-3">
-				<Checkbox id="analytics" bind:checked={$preferencesStore.analytics} />
-				<Label for="analytics">Enable Analytics</Label>
-			</div>
 			<div class="flex items-center gap-3">
 				<Checkbox id="history" bind:checked={$preferencesStore.history} />
 				<Label for="history">Enable History</Label>

From efa141dde7a935878a71265a2c08d2fb97832f5a Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Mon, 16 Jun 2025 13:39:49 +1000
Subject: [PATCH 11/12] add buttons

---
 src/lib/components/settings.svelte | 39 +++++++++++++++++++++++++++++-
 1 file changed, 38 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/settings.svelte b/src/lib/components/settings.svelte
index 49b1573c..a2e0d0a2 100644
--- a/src/lib/components/settings.svelte
+++ b/src/lib/components/settings.svelte
@@ -12,9 +12,11 @@
 	import CircleAlertIcon from '@lucide/svelte/icons/circle-alert';
 
 	import { settingsOpen } from '$lib/state.svelte';
-	import { preferencesStore } from '$lib/stores';
+	import { preferencesStore, historyStore } from '$lib/stores';
 	import { themes } from '$lib/theme';
 	import clsx from 'clsx';
+	import Button from './ui/button/button.svelte';
+	import { toast } from 'svelte-sonner';
 
 	const themeTriggerContent = $derived(
 		themes.find((theme) => theme.value === $preferencesStore.theme)?.label ?? 'No theme :D'
@@ -95,6 +97,41 @@
 				<Checkbox id="history" bind:checked={$preferencesStore.history} />
 				<Label for="history">Enable History</Label>
 			</div>
+			<div class="flex flex-row gap-3">
+				<Button
+					variant="outline"
+					onclick={() => {
+						$historyStore = [];
+						toast.success('Cleared');
+					}}
+				>
+					Clear history
+				</Button>
+				<Button
+					variant="outline"
+					onclick={() => {
+						preferencesStore.reset();
+						toast.success('Reset');
+					}}
+				>
+					Reset settings
+				</Button>
+				<Button
+					variant="destructive"
+					onclick={() => {
+						localStorage.clear();
+						sessionStorage.clear();
+						document.cookie.split(';').forEach((cookie) => {
+							const eqPos = cookie.indexOf('=');
+							const name = eqPos > -1 ? cookie.substring(0, eqPos) : cookie;
+							document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:00 GMT';
+						});
+						window.location.reload();
+					}}
+				>
+					Clear everything
+				</Button>
+			</div>
 		</div>
 	</Dialog.Content>
 </Dialog.Root>

From d2e984fc1cf0f714b86c68b66e05771d561937b1 Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Mon, 16 Jun 2025 13:41:59 +1000
Subject: [PATCH 12/12] add sidebar shortcut (whoops wrong branch lol)

---
 src/lib/components/app-sidebar.svelte | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/lib/components/app-sidebar.svelte b/src/lib/components/app-sidebar.svelte
index c7ca5db3..69bad409 100644
--- a/src/lib/components/app-sidebar.svelte
+++ b/src/lib/components/app-sidebar.svelte
@@ -296,6 +296,12 @@
 			>
 				<PanelLeft />
 				Sidebar
+				<div class="grow"></div>
+				<kbd
+					class="bg-muted text-muted-foreground pointer-events-none inline-flex h-5 items-center gap-1 rounded border px-1.5 font-mono text-[10px] font-medium opacity-100 select-none"
+				>
+					<span class="text-xs">⌘</span>B
+				</kbd>
 			</Sidebar.MenuButton>
 		</Sidebar.MenuItem>
 	</Sidebar.Footer>