From 3bb28523b76f2ec226dccdc31f856f899258d0cc Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Mon, 11 Aug 2025 13:12:23 +1000
Subject: [PATCH 01/10] remove menu item

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

diff --git a/src/lib/components/app-sidebar.svelte b/src/lib/components/app-sidebar.svelte
index ab60f95f..4fb7ac5e 100644
--- a/src/lib/components/app-sidebar.svelte
+++ b/src/lib/components/app-sidebar.svelte
@@ -259,7 +259,6 @@
 					{/snippet}
 				</Sidebar.MenuButton>
 			</Sidebar.MenuItem>
-			<Sidebar.MenuItem></Sidebar.MenuItem>
 			<Sidebar.MenuItem>
 				<Sidebar.MenuButton
 					onclick={() => {

From c356f71c124b7ebedd7b4351a60c770d51a077b0 Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Mon, 11 Aug 2025 13:19:48 +1000
Subject: [PATCH 02/10] add built time to navigation

---
 src/lib/components/app-sidebar.svelte | 7 ++++++-
 vite.config.ts                        | 3 ++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/app-sidebar.svelte b/src/lib/components/app-sidebar.svelte
index 4fb7ac5e..1d4ba971 100644
--- a/src/lib/components/app-sidebar.svelte
+++ b/src/lib/components/app-sidebar.svelte
@@ -36,6 +36,8 @@
 	import Badge from './ui/badge/badge.svelte';
 	const ctx = useClerkContext();
 
+	import dayjs from 'dayjs';
+
 	// Props
 	let { ref = $bindable(null), ...restProps }: ComponentProps<typeof Sidebar.Root> = $props();
 
@@ -91,7 +93,10 @@
 							</div>
 							<div class="flex flex-col gap-0.5 leading-none">
 								<span class="font-semibold">EduTools</span>
-								{#if $preferencesStore.experimentalFeatures}<span>Experimental</span>{/if}
+								<span>
+									{#if $preferencesStore.experimentalFeatures}Experimental{/if}
+									{dayjs(process.env.BUILD_TIME).format(' - Built HH:MM DD/MM/YY')}
+								</span>
 							</div>
 						</a>
 					{/snippet}
diff --git a/vite.config.ts b/vite.config.ts
index be562350..2d3f8405 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -11,7 +11,8 @@ export default defineConfig(({ mode }) => {
 		define: {
 			'process.env.PUBLIC_CONVEX_URL': JSON.stringify(env.PUBLIC_CONVEX_URL),
 			'process.env.PUBLIC_CLERK_PUBLISHABLE_KEY': JSON.stringify(env.PUBLIC_CLERK_PUBLISHABLE_KEY),
-			'process.env.BRANCH_NAME': JSON.stringify(branchName())
+			'process.env.BRANCH_NAME': JSON.stringify(branchName()),
+			'process.env.BUILD_TIME': JSON.stringify(Date.now())
 		}
 	};
 });

From 742375327a3da9a1ecf7413f8d97a4090dc291e8 Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Mon, 11 Aug 2025 13:28:42 +1000
Subject: [PATCH 03/10] modify sidebar trigger

---
 src/lib/components/ui/sidebar/sidebar-trigger.svelte |  4 ++--
 src/routes/+layout.svelte                            | 12 ++++++------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/lib/components/ui/sidebar/sidebar-trigger.svelte b/src/lib/components/ui/sidebar/sidebar-trigger.svelte
index 285e6c4f..6ae6fde4 100644
--- a/src/lib/components/ui/sidebar/sidebar-trigger.svelte
+++ b/src/lib/components/ui/sidebar/sidebar-trigger.svelte
@@ -20,9 +20,9 @@
 <Button
 	data-sidebar="trigger"
 	data-slot="sidebar-trigger"
-	variant="ghost"
+	variant="default"
 	size="icon"
-	class={cn('size-7', className)}
+	class={cn('fixed bottom-3 left-3 z-50 md:hidden', className)}
 	type="button"
 	onclick={(e) => {
 		onclick?.(e);
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index d0643333..3bee73fc 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -15,6 +15,7 @@
 	import Providers from '$lib/components/providers.svelte';
 	import TrackerDialog from '$lib/components/tracker-dialog.svelte';
 	import Identify from './identify.svelte';
+	import { useSidebar } from '$lib/components/ui/sidebar/index.js';
 
 	// Utilities
 	import clsx from 'clsx';
@@ -27,6 +28,8 @@
 	import { loadSlim } from '@tsparticles/slim'; // if you are going to use `loadSlim`, install the "@tsparticles/slim" package too.
 	import { particlesInit } from '@tsparticles/svelte';
 	import { buttonVariants } from '$lib/components/ui/button';
+	import Button from '$lib/components/ui/button/button.svelte';
+	import PanelLeftIcon from '@lucide/svelte/icons/panel-left';
 
 	// State
 	let trackerBlockerDialog = $state(false);
@@ -52,6 +55,8 @@
 	void particlesInit(async (engine) => {
 		await loadSlim(engine);
 	});
+
+	const sidebar = useSidebar();
 </script>
 
 <svelte:head>
@@ -74,12 +79,7 @@
 	<!-- Main layout -->
 	<Sidebar.Provider class="flex flex-col md:flex-row">
 		<AppSidebar />
-		<Sidebar.Trigger
-			class={clsx(
-				'fixed bottom-3 left-3 z-50 !rounded-lg md:hidden',
-				buttonVariants({ variant: 'default', size: 'icon' })
-			)}
-		/>
+		<Sidebar.Trigger />
 		<Sidebar.Inset>
 			{@render children()}
 		</Sidebar.Inset>

From 97d4a24f9176f4463f3a5668371813db19f37db1 Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Mon, 11 Aug 2025 13:30:12 +1000
Subject: [PATCH 04/10] only show built time in experimental mode

---
 src/lib/components/app-sidebar.svelte | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/app-sidebar.svelte b/src/lib/components/app-sidebar.svelte
index 1d4ba971..c17cb5cd 100644
--- a/src/lib/components/app-sidebar.svelte
+++ b/src/lib/components/app-sidebar.svelte
@@ -93,10 +93,11 @@
 							</div>
 							<div class="flex flex-col gap-0.5 leading-none">
 								<span class="font-semibold">EduTools</span>
-								<span>
-									{#if $preferencesStore.experimentalFeatures}Experimental{/if}
-									{dayjs(process.env.BUILD_TIME).format(' - Built HH:MM DD/MM/YY')}
-								</span>
+								{#if $preferencesStore.experimentalFeatures}
+									<span>
+										Experimental {dayjs(process.env.BUILD_TIME).format(' - Built HH:MM DD/MM/YY')}
+									</span>
+								{/if}
 							</div>
 						</a>
 					{/snippet}

From 79085319e4a5494b5091820e8e6f325a9d26cec0 Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Mon, 11 Aug 2025 13:31:23 +1000
Subject: [PATCH 05/10] change stuff

---
 src/lib/components/app-sidebar.svelte | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/app-sidebar.svelte b/src/lib/components/app-sidebar.svelte
index c17cb5cd..f0efef06 100644
--- a/src/lib/components/app-sidebar.svelte
+++ b/src/lib/components/app-sidebar.svelte
@@ -92,10 +92,13 @@
 								<img src="/edutools-white.svg" alt="" />
 							</div>
 							<div class="flex flex-col gap-0.5 leading-none">
-								<span class="font-semibold">EduTools</span>
+								<span class="font-semibold"
+									>EduTools {#if $preferencesStore.experimentalFeatures}
+										Experimental{/if}</span
+								>
 								{#if $preferencesStore.experimentalFeatures}
 									<span>
-										Experimental {dayjs(process.env.BUILD_TIME).format(' - Built HH:MM DD/MM/YY')}
+										{dayjs(process.env.BUILD_TIME).format('Built HH:MM DD/MM/YY')}
 									</span>
 								{/if}
 							</div>

From ba9ad101cbb59d5598c8f3273093e3a438eda798 Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Mon, 11 Aug 2025 13:38:53 +1000
Subject: [PATCH 06/10] add blurred thing

---
 src/routes/+layout.svelte | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 3bee73fc..70d7d511 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -81,6 +81,9 @@
 		<AppSidebar />
 		<Sidebar.Trigger />
 		<Sidebar.Inset>
+			<div
+				class="fixed -top-32 -left-32 hidden size-96 rounded-full bg-white/25 blur-3xl md:block"
+			></div>
 			{@render children()}
 		</Sidebar.Inset>
 	</Sidebar.Provider>

From a576e8b099167f662741b34556e16cac9e96ec99 Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Mon, 11 Aug 2025 13:40:45 +1000
Subject: [PATCH 07/10] lighten top of menu

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

diff --git a/src/lib/components/app-sidebar.svelte b/src/lib/components/app-sidebar.svelte
index f0efef06..3af51f0d 100644
--- a/src/lib/components/app-sidebar.svelte
+++ b/src/lib/components/app-sidebar.svelte
@@ -72,7 +72,7 @@
 <svelte:document onkeydown={handleKeydown} />
 
 <Sidebar.Root collapsible="icon" variant="floating" bind:ref {...restProps}>
-	<Sidebar.Header>
+	<Sidebar.Header class="rounded-lg bg-gradient-to-b from-white/10 to-transparent">
 		<Sidebar.Menu>
 			<Sidebar.MenuItem>
 				<Sidebar.MenuButton size="lg">

From a359824675e34606ff8807b74433d170636e640b Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Mon, 11 Aug 2025 13:42:44 +1000
Subject: [PATCH 08/10] fix catppuccin darker theme

---
 src/app.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app.css b/src/app.css
index 05b98672..d1e69bb0 100644
--- a/src/app.css
+++ b/src/app.css
@@ -277,8 +277,8 @@ html:has(#theme.catppuccin-darker) {
 	--sidebar-foreground: #cdd6f4;
 	--sidebar-primary: #cba6f7;
 	--sidebar-primary-foreground: #1e1e2e;
-	--sidebar-accent: #1e1e2e;
-	--sidebar-accent-foreground: #cdd6f4;
+	--sidebar-accent: #cba6f7;
+	--sidebar-accent-foreground: #1e1e2e;
 	--sidebar-border: #45475a;
 	--sidebar-ring: #cba6f7;
 	--radius: 0.9rem;

From fd709ea58d5bdb199242c9b13402abec3298a51a Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Mon, 11 Aug 2025 13:48:37 +1000
Subject: [PATCH 09/10] try and change var name

---
 src/lib/components/app-sidebar.svelte | 2 +-
 vite.config.ts                        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/app-sidebar.svelte b/src/lib/components/app-sidebar.svelte
index 3af51f0d..b3618026 100644
--- a/src/lib/components/app-sidebar.svelte
+++ b/src/lib/components/app-sidebar.svelte
@@ -98,7 +98,7 @@
 								>
 								{#if $preferencesStore.experimentalFeatures}
 									<span>
-										{dayjs(process.env.BUILD_TIME).format('Built HH:MM DD/MM/YY')}
+										{dayjs(process.env.BUILD_TIMESTAMP).format('Built HH:MM DD/MM/YY')}
 									</span>
 								{/if}
 							</div>
diff --git a/vite.config.ts b/vite.config.ts
index 2d3f8405..d51f6d39 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -12,7 +12,7 @@ export default defineConfig(({ mode }) => {
 			'process.env.PUBLIC_CONVEX_URL': JSON.stringify(env.PUBLIC_CONVEX_URL),
 			'process.env.PUBLIC_CLERK_PUBLISHABLE_KEY': JSON.stringify(env.PUBLIC_CLERK_PUBLISHABLE_KEY),
 			'process.env.BRANCH_NAME': JSON.stringify(branchName()),
-			'process.env.BUILD_TIME': JSON.stringify(Date.now())
+			'process.env.BUILD_TIMESTAMP': JSON.stringify(Date.now())
 		}
 	};
 });

From 251412dc7aacbeab259bbc1ad4ff4f637e463ab7 Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Mon, 11 Aug 2025 14:32:23 +1000
Subject: [PATCH 10/10] remove build time

---
 src/lib/components/app-sidebar.svelte | 5 -----
 vite.config.ts                        | 3 +--
 2 files changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/lib/components/app-sidebar.svelte b/src/lib/components/app-sidebar.svelte
index b3618026..15fb51d7 100644
--- a/src/lib/components/app-sidebar.svelte
+++ b/src/lib/components/app-sidebar.svelte
@@ -96,11 +96,6 @@
 									>EduTools {#if $preferencesStore.experimentalFeatures}
 										Experimental{/if}</span
 								>
-								{#if $preferencesStore.experimentalFeatures}
-									<span>
-										{dayjs(process.env.BUILD_TIMESTAMP).format('Built HH:MM DD/MM/YY')}
-									</span>
-								{/if}
 							</div>
 						</a>
 					{/snippet}
diff --git a/vite.config.ts b/vite.config.ts
index d51f6d39..be562350 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -11,8 +11,7 @@ export default defineConfig(({ mode }) => {
 		define: {
 			'process.env.PUBLIC_CONVEX_URL': JSON.stringify(env.PUBLIC_CONVEX_URL),
 			'process.env.PUBLIC_CLERK_PUBLISHABLE_KEY': JSON.stringify(env.PUBLIC_CLERK_PUBLISHABLE_KEY),
-			'process.env.BRANCH_NAME': JSON.stringify(branchName()),
-			'process.env.BUILD_TIMESTAMP': JSON.stringify(Date.now())
+			'process.env.BRANCH_NAME': JSON.stringify(branchName())
 		}
 	};
 });