From e9c0781a338f2b17cc968d5d7faf5534b489fefa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lev=20Z=20Kir=C3=A1ly?= <LeventeZoltan.Kiraly@oeaw.ac.at>
Date: Mon, 20 Nov 2023 15:10:16 +0100
Subject: [PATCH 01/30] Basic functionality for app state persistence in url #4

---
 components/window-manager.client.vue | 31 ++++++++++++++++
 stores/use-windows-store.ts          | 54 ++++++++++++++++++++++++++++
 2 files changed, 85 insertions(+)

diff --git a/components/window-manager.client.vue b/components/window-manager.client.vue
index bab287b..e4d2713 100644
--- a/components/window-manager.client.vue
+++ b/components/window-manager.client.vue
@@ -1,15 +1,46 @@
 <script lang="ts" setup>
 import { debounce } from "@acdh-oeaw/lib";
+import type { LocationQueryRaw } from "vue-router";
 
 const windowsStore = useWindowsStore();
 const { arrangeWindows } = windowsStore;
 const { registry } = storeToRefs(windowsStore);
+const route = useRoute();
 
 const rootElement = ref<HTMLElement | null>(null);
 
 const debouncedArrangeWindows = debounce(arrangeWindows, 150);
 
 useResizeObserver(rootElement, debouncedArrangeWindows);
+
+onMounted(async () => {
+	if (!route.query.w || !route.query.a) {
+		navigateEmpty();
+	}
+
+	// TODO validate with zod
+	let windowState = JSON.parse(route.query.w as string);
+	if (!Array.isArray(windowState)) {
+		navigateEmpty();
+	}
+
+	await nextTick();
+	windowState.forEach((w) => {
+		windowsStore.addWindow({
+			title: w.title,
+			kind: w.kind,
+			params: w.params,
+		});
+	});
+	windowsStore.setWindowArrangement(route.query.a as WindowArrangement);
+});
+
+function navigateEmpty() {
+	navigateTo({
+		path: "/",
+		query: { w: "[]", a: windowsStore.arrangement },
+	});
+}
 </script>
 
 <template>
diff --git a/stores/use-windows-store.ts b/stores/use-windows-store.ts
index e3f154a..ab6f83f 100644
--- a/stores/use-windows-store.ts
+++ b/stores/use-windows-store.ts
@@ -4,9 +4,15 @@ import WinBox from "winbox";
 import type { QueryDescription } from "@/lib/api-client";
 import * as arrange from "@/utils/window-arrangement";
 
+interface WindowState {
+	x: number;
+	y: number;
+}
+
 interface WindowItemBase {
 	id: string;
 	winbox: WinBox;
+	windowState: WindowState;
 }
 
 export interface BibliographyQueryWindowItem extends WindowItemBase {
@@ -124,6 +130,12 @@ export const useWindowsStore = defineStore("windows", () => {
 			title,
 			x: "center",
 			y: "center",
+			onresize(width, height) {
+				serializeWindowStates();
+			},
+			onmove(x, y) {
+				serializeWindowStates();
+			},
 			onclose() {
 				registry.value.delete(id);
 				return false;
@@ -131,9 +143,21 @@ export const useWindowsStore = defineStore("windows", () => {
 			root: rootElement,
 		});
 
+		const windowState = {
+			x: winbox.x as number,
+			y: winbox.y as number,
+			focus: winbox.focus as boolean,
+			width: winbox.width as number,
+			height: winbox.height as number,
+			fullscreen: winbox.fullscreen as boolean,
+			minimized: winbox.minimized as boolean,
+			maximized: winbox.maximized as boolean,
+		};
+
 		registry.value.set(id, {
 			id,
 			winbox,
+			windowState,
 			kind,
 			params: params.params,
 		} as WindowItem);
@@ -181,8 +205,38 @@ export const useWindowsStore = defineStore("windows", () => {
 
 	watch([() => registry.value.size, arrangement], () => {
 		arrangeWindows();
+		updateUrl();
 	});
 
+	function serializeWindowStates() {
+		let windowStates = [];
+		registry.value.forEach((w, id) => {
+			windowStates.push({
+				x: w.winbox.x,
+				y: w.winbox.y,
+				width: w.winbox.width,
+				height: w.winbox.height,
+				kind: w.kind,
+				title: w.winbox.title,
+				params: w.params,
+			});
+		});
+		console.log(JSON.stringify(windowStates));
+		return windowStates;
+	}
+
+	function updateUrl() {
+		let windowStates = serializeWindowStates();
+		// TODO: check url length, it may be too long
+		navigateTo({
+			path: "/",
+			query: {
+				w: JSON.stringify(windowStates),
+				a: arrangement.value,
+			},
+		});
+	}
+
 	return {
 		addWindow,
 		removeWindow,

From ffb3ab025bd5ea3eef495395d57b0ec895b07ab3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lev=20Z=20Kir=C3=A1ly?= <LeventeZoltan.Kiraly@oeaw.ac.at>
Date: Mon, 20 Nov 2023 18:14:56 +0100
Subject: [PATCH 02/30] Fix the WindowState interface #4

---
 stores/use-windows-store.ts | 30 ++++++++++++------------------
 1 file changed, 12 insertions(+), 18 deletions(-)

diff --git a/stores/use-windows-store.ts b/stores/use-windows-store.ts
index ab6f83f..366d6ed 100644
--- a/stores/use-windows-store.ts
+++ b/stores/use-windows-store.ts
@@ -4,11 +4,6 @@ import WinBox from "winbox";
 import type { QueryDescription } from "@/lib/api-client";
 import * as arrange from "@/utils/window-arrangement";
 
-interface WindowState {
-	x: number;
-	y: number;
-}
-
 interface WindowItemBase {
 	id: string;
 	winbox: WinBox;
@@ -96,6 +91,16 @@ export const arrangements = {
 
 export type WindowArrangement = keyof typeof arrangements;
 
+interface WindowState {
+	x: number;
+	y: number;
+	width: number;
+	height: number;
+	kind: WindowItemKind;
+	title: string;
+	params: unknown;
+}
+
 export const useWindowsStore = defineStore("windows", () => {
 	const registry = ref<WindowRegistry>(new Map());
 	const arrangement = ref<WindowArrangement>("smart-tile");
@@ -143,17 +148,6 @@ export const useWindowsStore = defineStore("windows", () => {
 			root: rootElement,
 		});
 
-		const windowState = {
-			x: winbox.x as number,
-			y: winbox.y as number,
-			focus: winbox.focus as boolean,
-			width: winbox.width as number,
-			height: winbox.height as number,
-			fullscreen: winbox.fullscreen as boolean,
-			minimized: winbox.minimized as boolean,
-			maximized: winbox.maximized as boolean,
-		};
-
 		registry.value.set(id, {
 			id,
 			winbox,
@@ -209,7 +203,7 @@ export const useWindowsStore = defineStore("windows", () => {
 	});
 
 	function serializeWindowStates() {
-		let windowStates = [];
+		let windowStates: Array<WindowState> = [];
 		registry.value.forEach((w, id) => {
 			windowStates.push({
 				x: w.winbox.x,
@@ -219,7 +213,7 @@ export const useWindowsStore = defineStore("windows", () => {
 				kind: w.kind,
 				title: w.winbox.title,
 				params: w.params,
-			});
+			} as WindowState);
 		});
 		console.log(JSON.stringify(windowStates));
 		return windowStates;

From daf4d9a7ad9fccc3d0c6cbab7c7344ec3643eec8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lev=20Z=20Kir=C3=A1ly?= <LeventeZoltan.Kiraly@oeaw.ac.at>
Date: Tue, 21 Nov 2023 11:22:06 +0100
Subject: [PATCH 03/30] Add note to comment #4

---
 stores/use-windows-store.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/stores/use-windows-store.ts b/stores/use-windows-store.ts
index 366d6ed..c0b1249 100644
--- a/stores/use-windows-store.ts
+++ b/stores/use-windows-store.ts
@@ -221,7 +221,7 @@ export const useWindowsStore = defineStore("windows", () => {
 
 	function updateUrl() {
 		let windowStates = serializeWindowStates();
-		// TODO: check url length, it may be too long
+		// TODO: check url length, it may be too long. Note: shortest limit is 2047 (MS Edge) https://serpstat.com/blog/how-long-should-be-the-page-url-length-for-seo/
 		navigateTo({
 			path: "/",
 			query: {

From 2033d2e69512a3ce052edb7e09accf040571bcff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lev=20Z=20Kir=C3=A1ly?= <LeventeZoltan.Kiraly@oeaw.ac.at>
Date: Tue, 21 Nov 2023 12:20:25 +0100
Subject: [PATCH 04/30] Refactor state restoration to windowsStore #4

---
 components/window-manager.client.vue | 31 +--------------------------
 stores/use-windows-store.ts          | 32 ++++++++++++++++++++++++++--
 2 files changed, 31 insertions(+), 32 deletions(-)

diff --git a/components/window-manager.client.vue b/components/window-manager.client.vue
index e4d2713..a868f2f 100644
--- a/components/window-manager.client.vue
+++ b/components/window-manager.client.vue
@@ -1,11 +1,9 @@
 <script lang="ts" setup>
 import { debounce } from "@acdh-oeaw/lib";
-import type { LocationQueryRaw } from "vue-router";
 
 const windowsStore = useWindowsStore();
 const { arrangeWindows } = windowsStore;
 const { registry } = storeToRefs(windowsStore);
-const route = useRoute();
 
 const rootElement = ref<HTMLElement | null>(null);
 
@@ -13,34 +11,7 @@ const debouncedArrangeWindows = debounce(arrangeWindows, 150);
 
 useResizeObserver(rootElement, debouncedArrangeWindows);
 
-onMounted(async () => {
-	if (!route.query.w || !route.query.a) {
-		navigateEmpty();
-	}
-
-	// TODO validate with zod
-	let windowState = JSON.parse(route.query.w as string);
-	if (!Array.isArray(windowState)) {
-		navigateEmpty();
-	}
-
-	await nextTick();
-	windowState.forEach((w) => {
-		windowsStore.addWindow({
-			title: w.title,
-			kind: w.kind,
-			params: w.params,
-		});
-	});
-	windowsStore.setWindowArrangement(route.query.a as WindowArrangement);
-});
-
-function navigateEmpty() {
-	navigateTo({
-		path: "/",
-		query: { w: "[]", a: windowsStore.arrangement },
-	});
-}
+onMounted(windowsStore.restoreState);
 </script>
 
 <template>
diff --git a/stores/use-windows-store.ts b/stores/use-windows-store.ts
index c0b1249..1a937e0 100644
--- a/stores/use-windows-store.ts
+++ b/stores/use-windows-store.ts
@@ -7,7 +7,6 @@ import * as arrange from "@/utils/window-arrangement";
 interface WindowItemBase {
 	id: string;
 	winbox: WinBox;
-	windowState: WindowState;
 }
 
 export interface BibliographyQueryWindowItem extends WindowItemBase {
@@ -108,6 +107,35 @@ export const useWindowsStore = defineStore("windows", () => {
 	const router = useRouter();
 	const route = useRoute();
 
+	function initializeScreen() {
+		navigateTo({
+			path: "/",
+			query: { w: "[]", a: windowsStore.arrangement },
+		});
+	}
+
+	const restoreState = async () => {
+		if (!route.query.w || !route.query.a) {
+			initializeScreen();
+		}
+
+		// TODO validate with zod
+		let windowState = JSON.parse(route.query.w as string);
+		if (!Array.isArray(windowState)) {
+			initializeScreen();
+		}
+
+		await nextTick();
+		windowState.forEach((w) => {
+			addWindow({
+				title: w.title,
+				kind: w.kind,
+				params: w.params,
+			});
+		});
+		setWindowArrangement(route.query.a as WindowArrangement);
+	};
+
 	function addWindow<Kind extends WindowItemKind>(params: {
 		id?: string | null;
 		title: string;
@@ -151,7 +179,6 @@ export const useWindowsStore = defineStore("windows", () => {
 		registry.value.set(id, {
 			id,
 			winbox,
-			windowState,
 			kind,
 			params: params.params,
 		} as WindowItem);
@@ -232,6 +259,7 @@ export const useWindowsStore = defineStore("windows", () => {
 	}
 
 	return {
+		restoreState,
 		addWindow,
 		removeWindow,
 		registry,

From 26db36a5d9a8899db57120bdd17cac735640dec2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lev=20Z=20Kir=C3=A1ly?= <LeventeZoltan.Kiraly@oeaw.ac.at>
Date: Wed, 22 Nov 2023 10:29:31 +0100
Subject: [PATCH 05/30] Fix bug in initializeScreen #4

---
 stores/use-windows-store.ts | 12 +++++++-----
 vicav-app-api               |  1 +
 2 files changed, 8 insertions(+), 5 deletions(-)
 create mode 160000 vicav-app-api

diff --git a/stores/use-windows-store.ts b/stores/use-windows-store.ts
index 1a937e0..1b3ee77 100644
--- a/stores/use-windows-store.ts
+++ b/stores/use-windows-store.ts
@@ -107,22 +107,24 @@ export const useWindowsStore = defineStore("windows", () => {
 	const router = useRouter();
 	const route = useRoute();
 
-	function initializeScreen() {
-		navigateTo({
+	async function initializeScreen() {
+		await navigateTo({
 			path: "/",
-			query: { w: "[]", a: windowsStore.arrangement },
+			query: { w: "[]", a: arrangement },
 		});
 	}
 
 	const restoreState = async () => {
 		if (!route.query.w || !route.query.a) {
-			initializeScreen();
+			await initializeScreen();
+			return;
 		}
 
 		// TODO validate with zod
 		let windowState = JSON.parse(route.query.w as string);
 		if (!Array.isArray(windowState)) {
-			initializeScreen();
+			await initializeScreen();
+			return;
 		}
 
 		await nextTick();
diff --git a/vicav-app-api b/vicav-app-api
new file mode 160000
index 0000000..7ae96b3
--- /dev/null
+++ b/vicav-app-api
@@ -0,0 +1 @@
+Subproject commit 7ae96b3af3a70014714e851fcb5d38f3e80decc6

From bd19ad4629cf29d2179dc1748e8ca6ba3a3b8faf Mon Sep 17 00:00:00 2001
From: ctot-nondef <christoph.hoffmann@oeaw.ac.at>
Date: Wed, 22 Nov 2023 10:54:19 +0100
Subject: [PATCH 06/30] feat: typing fixes

---
 stores/use-windows-store.ts | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/stores/use-windows-store.ts b/stores/use-windows-store.ts
index 1b3ee77..be6be17 100644
--- a/stores/use-windows-store.ts
+++ b/stores/use-windows-store.ts
@@ -121,7 +121,9 @@ export const useWindowsStore = defineStore("windows", () => {
 		}
 
 		// TODO validate with zod
-		let windowState = JSON.parse(route.query.w as string);
+		const windowState: Array<WindowState> = JSON.parse(
+			route.query.w as string,
+		) as Array<WindowState>;
 		if (!Array.isArray(windowState)) {
 			await initializeScreen();
 			return;
@@ -165,11 +167,11 @@ export const useWindowsStore = defineStore("windows", () => {
 			title,
 			x: "center",
 			y: "center",
-			onresize(width, height) {
-				serializeWindowStates();
+			onresize() {
+				updateUrl();
 			},
-			onmove(x, y) {
-				serializeWindowStates();
+			onmove() {
+				updateUrl();
 			},
 			onclose() {
 				registry.value.delete(id);
@@ -232,13 +234,13 @@ export const useWindowsStore = defineStore("windows", () => {
 	});
 
 	function serializeWindowStates() {
-		let windowStates: Array<WindowState> = [];
-		registry.value.forEach((w, id) => {
+		const windowStates: Array<WindowState> = [];
+		registry.value.forEach((w) => {
 			windowStates.push({
-				x: w.winbox.x,
-				y: w.winbox.y,
-				width: w.winbox.width,
-				height: w.winbox.height,
+				x: w.winbox.x as number,
+				y: w.winbox.y as number,
+				width: w.winbox.width as number,
+				height: w.winbox.height as number,
 				kind: w.kind,
 				title: w.winbox.title,
 				params: w.params,
@@ -249,9 +251,9 @@ export const useWindowsStore = defineStore("windows", () => {
 	}
 
 	function updateUrl() {
-		let windowStates = serializeWindowStates();
+		const windowStates = serializeWindowStates();
 		// TODO: check url length, it may be too long. Note: shortest limit is 2047 (MS Edge) https://serpstat.com/blog/how-long-should-be-the-page-url-length-for-seo/
-		navigateTo({
+		void navigateTo({
 			path: "/",
 			query: {
 				w: JSON.stringify(windowStates),

From 71a89bddada9eaabcd80ff82c624b93217c6e7b2 Mon Sep 17 00:00:00 2001
From: ctot-nondef <christoph.hoffmann@oeaw.ac.at>
Date: Wed, 22 Nov 2023 10:58:24 +0100
Subject: [PATCH 07/30] feat: destructuring arrangement

---
 stores/use-windows-store.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/stores/use-windows-store.ts b/stores/use-windows-store.ts
index be6be17..4f65e1d 100644
--- a/stores/use-windows-store.ts
+++ b/stores/use-windows-store.ts
@@ -110,7 +110,7 @@ export const useWindowsStore = defineStore("windows", () => {
 	async function initializeScreen() {
 		await navigateTo({
 			path: "/",
-			query: { w: "[]", a: arrangement },
+			query: { w: "[]", a: arrangement.value },
 		});
 	}
 

From 029ad798b9898f50ce46288c80139987cc4f8e80 Mon Sep 17 00:00:00 2001
From: ctot-nondef <christoph.hoffmann@oeaw.ac.at>
Date: Wed, 22 Nov 2023 11:35:50 +0100
Subject: [PATCH 08/30] feat: restoring coordinates + width/height

---
 stores/use-windows-store.ts | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/stores/use-windows-store.ts b/stores/use-windows-store.ts
index 4f65e1d..40659f4 100644
--- a/stores/use-windows-store.ts
+++ b/stores/use-windows-store.ts
@@ -130,11 +130,16 @@ export const useWindowsStore = defineStore("windows", () => {
 		}
 
 		await nextTick();
+		//TODO recalculate x/y/width/height according to current screen size
 		windowState.forEach((w) => {
 			addWindow({
 				title: w.title,
 				kind: w.kind,
 				params: w.params,
+				x: w.x,
+				y: w.y,
+				height: w.height,
+				width: w.width,
 			});
 		});
 		setWindowArrangement(route.query.a as WindowArrangement);
@@ -145,6 +150,10 @@ export const useWindowsStore = defineStore("windows", () => {
 		title: string;
 		kind: Kind;
 		params: WindowItemMap[Kind]["params"];
+		x?: number;
+		y?: number;
+		width?: number;
+		height?: number;
 	}) {
 		const rootElement = document.getElementById(windowRootId);
 		if (rootElement == null) return;
@@ -165,8 +174,10 @@ export const useWindowsStore = defineStore("windows", () => {
 		const winbox = new WinBox({
 			id,
 			title,
-			x: "center",
-			y: "center",
+			x: params.x ? params.x : "center",
+			y: params.y ? params.y : "center",
+			width: params.width,
+			height: params.height,
 			onresize() {
 				updateUrl();
 			},

From cbe454a2298b34e395ec09506247c5676cfe50aa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lev=20Z=20Kir=C3=A1ly?= <LeventeZoltan.Kiraly@oeaw.ac.at>
Date: Wed, 22 Nov 2023 12:31:57 +0100
Subject: [PATCH 09/30] Typing WindowState #4

---
 stores/use-windows-store.ts | 60 +++++++++++++++++++++----------------
 1 file changed, 35 insertions(+), 25 deletions(-)

diff --git a/stores/use-windows-store.ts b/stores/use-windows-store.ts
index 40659f4..9e4202e 100644
--- a/stores/use-windows-store.ts
+++ b/stores/use-windows-store.ts
@@ -1,5 +1,6 @@
 import { nanoid } from "nanoid";
 import WinBox from "winbox";
+import { z } from "zod";
 
 import type { QueryDescription } from "@/lib/api-client";
 import * as arrange from "@/utils/window-arrangement";
@@ -90,15 +91,15 @@ export const arrangements = {
 
 export type WindowArrangement = keyof typeof arrangements;
 
-interface WindowState {
-	x: number;
-	y: number;
-	width: number;
-	height: number;
-	kind: WindowItemKind;
-	title: string;
-	params: unknown;
-}
+const WindowState = z.object({
+	x: z.number(),
+	y: z.number(),
+	width: z.number(),
+	height: z.number(),
+	kind: z.string(),
+	title: z.string(),
+	params: z.unknown(),
+});
 
 export const useWindowsStore = defineStore("windows", () => {
 	const registry = ref<WindowRegistry>(new Map());
@@ -120,27 +121,36 @@ export const useWindowsStore = defineStore("windows", () => {
 			return;
 		}
 
-		// TODO validate with zod
-		const windowState: Array<WindowState> = JSON.parse(
-			route.query.w as string,
-		) as Array<WindowState>;
-		if (!Array.isArray(windowState)) {
+		let windowStates: Array<WindowState>;
+		try {
+			windowStates = JSON.parse(route.query.w as string) as Array<WindowState>;
+		} catch (e) {
+			await initializeScreen();
+			return;
+		}
+
+		if (!Array.isArray(windowStates)) {
 			await initializeScreen();
 			return;
 		}
 
 		await nextTick();
 		//TODO recalculate x/y/width/height according to current screen size
-		windowState.forEach((w) => {
-			addWindow({
-				title: w.title,
-				kind: w.kind,
-				params: w.params,
-				x: w.x,
-				y: w.y,
-				height: w.height,
-				width: w.width,
-			});
+		windowStates.forEach((w) => {
+			try {
+				WindowState.parse(w);
+				addWindow({
+					title: w.title,
+					kind: w.kind,
+					params: w.params,
+					x: w.x,
+					y: w.y,
+					height: w.height,
+					width: w.width,
+				});
+			} catch (e) {
+				console.error(e);
+			}
 		});
 		setWindowArrangement(route.query.a as WindowArrangement);
 	};
@@ -255,7 +265,7 @@ export const useWindowsStore = defineStore("windows", () => {
 				kind: w.kind,
 				title: w.winbox.title,
 				params: w.params,
-			} as WindowState);
+			} as z.infer<typeof WindowState>);
 		});
 		console.log(JSON.stringify(windowStates));
 		return windowStates;

From 7dac13822fd29d00ff0fe9dcc59441e5f3bf8eec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lev=20Z=20Kir=C3=A1ly?= <LeventeZoltan.Kiraly@oeaw.ac.at>
Date: Wed, 22 Nov 2023 15:16:19 +0100
Subject: [PATCH 10/30] Show toast messages for errors #4

---
 stores/use-windows-store.ts | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/stores/use-windows-store.ts b/stores/use-windows-store.ts
index 9e4202e..39f447b 100644
--- a/stores/use-windows-store.ts
+++ b/stores/use-windows-store.ts
@@ -4,6 +4,7 @@ import { z } from "zod";
 
 import type { QueryDescription } from "@/lib/api-client";
 import * as arrange from "@/utils/window-arrangement";
+import { useToastsStore } from "./use-toasts-store";
 
 interface WindowItemBase {
 	id: string;
@@ -108,6 +109,8 @@ export const useWindowsStore = defineStore("windows", () => {
 	const router = useRouter();
 	const route = useRoute();
 
+	const toasts = useToastsStore();
+
 	async function initializeScreen() {
 		await navigateTo({
 			path: "/",
@@ -125,11 +128,16 @@ export const useWindowsStore = defineStore("windows", () => {
 		try {
 			windowStates = JSON.parse(route.query.w as string) as Array<WindowState>;
 		} catch (e) {
+			toasts.addToast({ title: "Error: JSON parse failed", description: e.message });
 			await initializeScreen();
 			return;
 		}
 
 		if (!Array.isArray(windowStates)) {
+			toasts.addToast({
+				title: "Error: Window list is not array",
+				description: "Window list parameter must be an array",
+			});
 			await initializeScreen();
 			return;
 		}
@@ -149,6 +157,7 @@ export const useWindowsStore = defineStore("windows", () => {
 					width: w.width,
 				});
 			} catch (e) {
+				toasts.addToast({ title: "Error: WindowState parse failed", description: e.message });
 				console.error(e);
 			}
 		});

From 9ad1f823879bec19c9eb40aadb6773f1ad663533 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lev=20Z=20Kir=C3=A1ly?= <LeventeZoltan.Kiraly@oeaw.ac.at>
Date: Wed, 22 Nov 2023 15:19:34 +0100
Subject: [PATCH 11/30] Fix WindowState type inconsistency #4

---
 stores/use-windows-store.ts | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/stores/use-windows-store.ts b/stores/use-windows-store.ts
index 39f447b..c11dae2 100644
--- a/stores/use-windows-store.ts
+++ b/stores/use-windows-store.ts
@@ -101,6 +101,7 @@ const WindowState = z.object({
 	title: z.string(),
 	params: z.unknown(),
 });
+type WindowStateInferred = z.infer<typeof WindowState>;
 
 export const useWindowsStore = defineStore("windows", () => {
 	const registry = ref<WindowRegistry>(new Map());
@@ -124,9 +125,9 @@ export const useWindowsStore = defineStore("windows", () => {
 			return;
 		}
 
-		let windowStates: Array<WindowState>;
+		let windowStates: Array<WindowStateInferred>;
 		try {
-			windowStates = JSON.parse(route.query.w as string) as Array<WindowState>;
+			windowStates = JSON.parse(route.query.w as string) as Array<WindowStateInferred>;
 		} catch (e) {
 			toasts.addToast({ title: "Error: JSON parse failed", description: e.message });
 			await initializeScreen();
@@ -264,7 +265,7 @@ export const useWindowsStore = defineStore("windows", () => {
 	});
 
 	function serializeWindowStates() {
-		const windowStates: Array<WindowState> = [];
+		const windowStates: Array<WindowStateInferred> = [];
 		registry.value.forEach((w) => {
 			windowStates.push({
 				x: w.winbox.x as number,
@@ -274,7 +275,7 @@ export const useWindowsStore = defineStore("windows", () => {
 				kind: w.kind,
 				title: w.winbox.title,
 				params: w.params,
-			} as z.infer<typeof WindowState>);
+			} as WindowStateInferred);
 		});
 		console.log(JSON.stringify(windowStates));
 		return windowStates;

From c01d8925a77cfaf8286023fbf9f8fa9c469eaa50 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lev=20Z=20Kir=C3=A1ly?= <LeventeZoltan.Kiraly@oeaw.ac.at>
Date: Wed, 22 Nov 2023 16:05:16 +0100
Subject: [PATCH 12/30] Fix type issues in window store #4

---
 stores/use-windows-store.ts | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/stores/use-windows-store.ts b/stores/use-windows-store.ts
index c11dae2..16f0292 100644
--- a/stores/use-windows-store.ts
+++ b/stores/use-windows-store.ts
@@ -4,6 +4,7 @@ import { z } from "zod";
 
 import type { QueryDescription } from "@/lib/api-client";
 import * as arrange from "@/utils/window-arrangement";
+
 import { useToastsStore } from "./use-toasts-store";
 
 interface WindowItemBase {
@@ -129,14 +130,18 @@ export const useWindowsStore = defineStore("windows", () => {
 		try {
 			windowStates = JSON.parse(route.query.w as string) as Array<WindowStateInferred>;
 		} catch (e) {
-			toasts.addToast({ title: "Error: JSON parse failed", description: e.message });
+			toasts.addToast({
+				title: "RestoreState Error: JSON parse failed",
+				description: e instanceof Error ? e.message : "Unknown error, check console",
+			});
+			console.error(e);
 			await initializeScreen();
 			return;
 		}
 
 		if (!Array.isArray(windowStates)) {
 			toasts.addToast({
-				title: "Error: Window list is not array",
+				title: "RestoreState Error: Window list is not array",
 				description: "Window list parameter must be an array",
 			});
 			await initializeScreen();
@@ -150,7 +155,7 @@ export const useWindowsStore = defineStore("windows", () => {
 				WindowState.parse(w);
 				addWindow({
 					title: w.title,
-					kind: w.kind,
+					kind: w.kind as WindowItemKind,
 					params: w.params,
 					x: w.x,
 					y: w.y,
@@ -158,7 +163,10 @@ export const useWindowsStore = defineStore("windows", () => {
 					width: w.width,
 				});
 			} catch (e) {
-				toasts.addToast({ title: "Error: WindowState parse failed", description: e.message });
+				toasts.addToast({
+					title: "RestoreState Error: WindowState parse failed",
+					description: e instanceof Error ? e.message : "Unknown error, check console",
+				});
 				console.error(e);
 			}
 		});

From 2195738d2a8f844b11b7e81f13e24b9a2e054dc0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lev=20Z=20Kir=C3=A1ly?= <LeventeZoltan.Kiraly@oeaw.ac.at>
Date: Wed, 22 Nov 2023 16:32:32 +0100
Subject: [PATCH 13/30] Transform window sizes in url to relative #4

---
 stores/use-windows-store.ts | 34 +++++++++++++++++++++-------------
 1 file changed, 21 insertions(+), 13 deletions(-)

diff --git a/stores/use-windows-store.ts b/stores/use-windows-store.ts
index 16f0292..378a63d 100644
--- a/stores/use-windows-store.ts
+++ b/stores/use-windows-store.ts
@@ -149,7 +149,6 @@ export const useWindowsStore = defineStore("windows", () => {
 		}
 
 		await nextTick();
-		//TODO recalculate x/y/width/height according to current screen size
 		windowStates.forEach((w) => {
 			try {
 				WindowState.parse(w);
@@ -157,10 +156,10 @@ export const useWindowsStore = defineStore("windows", () => {
 					title: w.title,
 					kind: w.kind as WindowItemKind,
 					params: w.params,
-					x: w.x,
-					y: w.y,
-					height: w.height,
-					width: w.width,
+					x: String(w.x) + "%",
+					y: String(w.y) + "%",
+					height: String(w.height) + "%",
+					width: String(w.width) + "%",
 				});
 			} catch (e) {
 				toasts.addToast({
@@ -178,10 +177,10 @@ export const useWindowsStore = defineStore("windows", () => {
 		title: string;
 		kind: Kind;
 		params: WindowItemMap[Kind]["params"];
-		x?: number;
-		y?: number;
-		width?: number;
-		height?: number;
+		x?: number | string; // string support added for "px" and "%" typed values
+		y?: number | string;
+		width?: number | string;
+		height?: number | string;
 	}) {
 		const rootElement = document.getElementById(windowRootId);
 		if (rootElement == null) return;
@@ -274,12 +273,21 @@ export const useWindowsStore = defineStore("windows", () => {
 
 	function serializeWindowStates() {
 		const windowStates: Array<WindowStateInferred> = [];
+
+		const rootElement = document.getElementById(windowRootId);
+		if (rootElement == null) return;
+		const viewport = rootElement.getBoundingClientRect();
+
+		function viewportPercentageWith2DigitPrecision(x: number, dir: "height" | "width") {
+			return Math.floor((10000 * x) / viewport[dir]) / 100;
+		}
+
 		registry.value.forEach((w) => {
 			windowStates.push({
-				x: w.winbox.x as number,
-				y: w.winbox.y as number,
-				width: w.winbox.width as number,
-				height: w.winbox.height as number,
+				x: viewportPercentageWith2DigitPrecision(w.winbox.x as number, "width"),
+				y: viewportPercentageWith2DigitPrecision(w.winbox.y as number, "height"),
+				width: viewportPercentageWith2DigitPrecision(w.winbox.width as number, "width"),
+				height: viewportPercentageWith2DigitPrecision(w.winbox.height as number, "height"),
 				kind: w.kind,
 				title: w.winbox.title,
 				params: w.params,

From e26ad5e5621c2e3d4d93ce843b33ca4ecbea16c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lev=20Z=20Kir=C3=A1ly?= <LeventeZoltan.Kiraly@oeaw.ac.at>
Date: Wed, 22 Nov 2023 16:54:03 +0100
Subject: [PATCH 14/30] Add z-index to window state recovery #4

---
 stores/use-windows-store.ts | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/stores/use-windows-store.ts b/stores/use-windows-store.ts
index 378a63d..da47544 100644
--- a/stores/use-windows-store.ts
+++ b/stores/use-windows-store.ts
@@ -96,6 +96,7 @@ export type WindowArrangement = keyof typeof arrangements;
 const WindowState = z.object({
 	x: z.number(),
 	y: z.number(),
+	z: z.number(),
 	width: z.number(),
 	height: z.number(),
 	kind: z.string(),
@@ -158,6 +159,7 @@ export const useWindowsStore = defineStore("windows", () => {
 					params: w.params,
 					x: String(w.x) + "%",
 					y: String(w.y) + "%",
+					zIndex: w.z,
 					height: String(w.height) + "%",
 					width: String(w.width) + "%",
 				});
@@ -181,6 +183,7 @@ export const useWindowsStore = defineStore("windows", () => {
 		y?: number | string;
 		width?: number | string;
 		height?: number | string;
+		zIndex?: number;
 	}) {
 		const rootElement = document.getElementById(windowRootId);
 		if (rootElement == null) return;
@@ -201,10 +204,14 @@ export const useWindowsStore = defineStore("windows", () => {
 		const winbox = new WinBox({
 			id,
 			title,
+			index: params.zIndex ? params.zIndex : undefined,
 			x: params.x ? params.x : "center",
 			y: params.y ? params.y : "center",
 			width: params.width,
 			height: params.height,
+			onfocus() {
+				updateUrl();
+			},
 			onresize() {
 				updateUrl();
 			},
@@ -286,6 +293,7 @@ export const useWindowsStore = defineStore("windows", () => {
 			windowStates.push({
 				x: viewportPercentageWith2DigitPrecision(w.winbox.x as number, "width"),
 				y: viewportPercentageWith2DigitPrecision(w.winbox.y as number, "height"),
+				z: w.winbox.index,
 				width: viewportPercentageWith2DigitPrecision(w.winbox.width as number, "width"),
 				height: viewportPercentageWith2DigitPrecision(w.winbox.height as number, "height"),
 				kind: w.kind,

From caa1d8f63be46a5944e5d8853db21abd45276084 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lev=20Z=20Kir=C3=A1ly?= <LeventeZoltan.Kiraly@oeaw.ac.at>
Date: Thu, 23 Nov 2023 12:51:01 +0100
Subject: [PATCH 15/30] Encode (base64) window states object in url #4

---
 stores/use-windows-store.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/stores/use-windows-store.ts b/stores/use-windows-store.ts
index da47544..9e52e9f 100644
--- a/stores/use-windows-store.ts
+++ b/stores/use-windows-store.ts
@@ -126,10 +126,11 @@ export const useWindowsStore = defineStore("windows", () => {
 			await initializeScreen();
 			return;
 		}
+		const w = atob(route.query.w);
 
 		let windowStates: Array<WindowStateInferred>;
 		try {
-			windowStates = JSON.parse(route.query.w as string) as Array<WindowStateInferred>;
+			windowStates = JSON.parse(w) as Array<WindowStateInferred>;
 		} catch (e) {
 			toasts.addToast({
 				title: "RestoreState Error: JSON parse failed",
@@ -311,7 +312,7 @@ export const useWindowsStore = defineStore("windows", () => {
 		void navigateTo({
 			path: "/",
 			query: {
-				w: JSON.stringify(windowStates),
+				w: btoa(JSON.stringify(windowStates)),
 				a: arrangement.value,
 			},
 		});

From 2ed1960fbac69ff123c9acd66379ef10a8c1dad2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lev=20Z=20Kir=C3=A1ly?= <LeventeZoltan.Kiraly@oeaw.ac.at>
Date: Thu, 23 Nov 2023 14:06:21 +0100
Subject: [PATCH 16/30] Fiy initial screen window list encoding #4

---
 stores/use-windows-store.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/stores/use-windows-store.ts b/stores/use-windows-store.ts
index 9e52e9f..f1593a9 100644
--- a/stores/use-windows-store.ts
+++ b/stores/use-windows-store.ts
@@ -117,7 +117,7 @@ export const useWindowsStore = defineStore("windows", () => {
 	async function initializeScreen() {
 		await navigateTo({
 			path: "/",
-			query: { w: "[]", a: arrangement.value },
+			query: { w: atob("[]"), a: arrangement.value },
 		});
 	}
 

From 67f073d0642c56f65aad34b4471d66e03a471bd9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lev=20Z=20Kir=C3=A1ly?= <LeventeZoltan.Kiraly@oeaw.ac.at>
Date: Thu, 23 Nov 2023 14:09:15 +0100
Subject: [PATCH 17/30] Fix the initial screen window list encoding again #4

---
 stores/use-windows-store.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/stores/use-windows-store.ts b/stores/use-windows-store.ts
index f1593a9..0edaf8f 100644
--- a/stores/use-windows-store.ts
+++ b/stores/use-windows-store.ts
@@ -117,7 +117,7 @@ export const useWindowsStore = defineStore("windows", () => {
 	async function initializeScreen() {
 		await navigateTo({
 			path: "/",
-			query: { w: atob("[]"), a: arrangement.value },
+			query: { w: btoa("[]"), a: arrangement.value },
 		});
 	}
 

From 5209cda45139ae0533fad513c8ac7366649b1072 Mon Sep 17 00:00:00 2001
From: ctot-nondef <christoph.hoffmann@oeaw.ac.at>
Date: Mon, 27 Nov 2023 09:56:00 +0100
Subject: [PATCH 18/30] fix: moving base64 decode to try catch block #78

---
 stores/use-windows-store.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/stores/use-windows-store.ts b/stores/use-windows-store.ts
index 0edaf8f..b508548 100644
--- a/stores/use-windows-store.ts
+++ b/stores/use-windows-store.ts
@@ -126,10 +126,10 @@ export const useWindowsStore = defineStore("windows", () => {
 			await initializeScreen();
 			return;
 		}
-		const w = atob(route.query.w);
 
 		let windowStates: Array<WindowStateInferred>;
 		try {
+			const w = atob(route.query.w as string);
 			windowStates = JSON.parse(w) as Array<WindowStateInferred>;
 		} catch (e) {
 			toasts.addToast({

From eac3d02eae11c36c59e65d9b5e03a1de0d9fc702 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lev=20Z=20Kir=C3=A1ly?= <LeventeZoltan.Kiraly@oeaw.ac.at>
Date: Mon, 27 Nov 2023 16:31:56 +0100
Subject: [PATCH 19/30] Add maximize arrange algorithm to WM #77

---
 stores/use-windows-store.ts |  7 ++++
 utils/window-arrangement.ts | 66 ++++++++++++++++++++-----------------
 2 files changed, 43 insertions(+), 30 deletions(-)

diff --git a/stores/use-windows-store.ts b/stores/use-windows-store.ts
index 0edaf8f..eb581e1 100644
--- a/stores/use-windows-store.ts
+++ b/stores/use-windows-store.ts
@@ -7,6 +7,8 @@ import * as arrange from "@/utils/window-arrangement";
 
 import { useToastsStore } from "./use-toasts-store";
 
+const narrowScreenBreakpoint = 1024;
+
 interface WindowItemBase {
 	id: string;
 	winbox: WinBox;
@@ -251,6 +253,11 @@ export const useWindowsStore = defineStore("windows", () => {
 		const viewport = rootElement.getBoundingClientRect();
 		const windows = Array.from(registry.value.values());
 
+		if (viewport.width < narrowScreenBreakpoint) {
+			arrange.maximize(viewport, windows);
+			return;
+		}
+
 		switch (arrangement.value) {
 			case "cascade": {
 				arrange.cascade(viewport, windows);
diff --git a/utils/window-arrangement.ts b/utils/window-arrangement.ts
index b874599..abd3937 100644
--- a/utils/window-arrangement.ts
+++ b/utils/window-arrangement.ts
@@ -1,3 +1,5 @@
+import type WinBox from "winbox";
+
 export function cascade(viewport: DOMRect, windows: Array<WindowItem>): void {
 	const windowWidth = Math.floor(viewport.width / 2);
 	const windowHeight = Math.floor(viewport.height / 2);
@@ -9,26 +11,22 @@ export function cascade(viewport: DOMRect, windows: Array<WindowItem>): void {
 		const y =
 			index * 40 > viewport.height - windowHeight ? viewport.height - windowHeight : index * 40;
 
-		item.winbox
-			.resize(windowWidth, windowHeight)
-			.move(x, y)
-			.addClass("no-min")
-			.addClass("no-max")
-			.addClass("no-full")
-			.addClass("no-resize")
-			.addClass("no-move");
+		item.winbox.resize(windowWidth, windowHeight).move(x, y);
+		removeWindowControls(item.winbox);
+	});
+}
+
+export function maximize(viewport: DOMRect, windows: Array<WindowItem>): void {
+	windows.forEach((item) => {
+		item.winbox.maximize();
+		removeWindowControls(item.winbox);
 	});
 }
 
 export function none(viewport: DOMRect, windows: Array<WindowItem>): void {
-	windows.forEach((item) =>
-		item.winbox
-			.removeClass("no-min")
-			.removeClass("no-max")
-			.removeClass("no-full")
-			.removeClass("no-resize")
-			.removeClass("no-move"),
-	);
+	windows.forEach((item) => {
+		addWindowControls(item.winbox);
+	});
 }
 
 export function smartTile(viewport: DOMRect, windows: Array<WindowItem>): void {
@@ -53,12 +51,8 @@ export function smartTile(viewport: DOMRect, windows: Array<WindowItem>): void {
 
 		item.winbox
 			.resize(windowWidth, windowHeight)
-			.move(windowWidth * columnNumber, windowHeight * rowNumber)
-			.addClass("no-min")
-			.addClass("no-max")
-			.addClass("no-full")
-			.addClass("no-resize")
-			.addClass("no-move");
+			.move(windowWidth * columnNumber, windowHeight * rowNumber);
+		removeWindowControls(item.winbox);
 	});
 }
 
@@ -73,13 +67,25 @@ export function tile(viewport: DOMRect, windows: Array<WindowItem>): void {
 		const x = windowWidth * (index % cols);
 		const y = windowHeight * Math.floor(index / cols);
 
-		item.winbox
-			.resize(windowWidth, windowHeight)
-			.move(x, y)
-			.addClass("no-min")
-			.addClass("no-max")
-			.addClass("no-full")
-			.addClass("no-resize")
-			.addClass("no-move");
+		item.winbox.resize(windowWidth, windowHeight).move(x, y);
+		removeWindowControls(item.winbox);
 	});
 }
+
+function removeWindowControls(winbox: WinBox) {
+	winbox
+		.addClass("no-min")
+		.addClass("no-max")
+		.addClass("no-full")
+		.addClass("no-resize")
+		.addClass("no-move");
+}
+
+function addWindowControls(winbox: WinBox) {
+	winbox
+		.removeClass("no-min")
+		.removeClass("no-max")
+		.removeClass("no-full")
+		.removeClass("no-resize")
+		.removeClass("no-move");
+}

From 1e825275572868a44fe8677020ef5cf356461420 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lev=20Z=20Kir=C3=A1ly?= <LeventeZoltan.Kiraly@oeaw.ac.at>
Date: Mon, 27 Nov 2023 17:33:18 +0100
Subject: [PATCH 20/30] Fix Toaster parent element DOM position #78

---
 layouts/default.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/layouts/default.vue b/layouts/default.vue
index 43cd7c8..b49b0e3 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -123,12 +123,10 @@ const isWindowManagerVisible = computed(() => {
 
 			<div :class="{ hidden: !isWindowManagerVisible }" class="relative isolate grid h-full w-full">
 				<WindowManager />
+				<Toaster />
 				<AppFooter />
 			</div>
 		</MainContent>
-
-		<Toaster />
-
 		<RouteAnnouncer />
 	</div>
 </template>

From 9b2f1e45d31a989d1cc33c8eb0814caeae5ecfed Mon Sep 17 00:00:00 2001
From: ctot-nondef <christoph.hoffmann@oeaw.ac.at>
Date: Tue, 28 Nov 2023 09:44:56 +0100
Subject: [PATCH 21/30] feat: make footer work with toasts + less intrusive

---
 components/app-footer.vue                 | 51 +++++++++++++++++------
 components/app-header.vue                 |  2 -
 components/app-navigation-menu.vue        |  2 +-
 components/app-navigation-mobile-menu.vue |  2 +-
 components/window-list-dropdown.vue       |  6 ++-
 layouts/default.vue                       |  6 +--
 stores/use-windows-store.ts               |  1 -
 7 files changed, 46 insertions(+), 24 deletions(-)

diff --git a/components/app-footer.vue b/components/app-footer.vue
index 81122bd..7126768 100644
--- a/components/app-footer.vue
+++ b/components/app-footer.vue
@@ -1,10 +1,24 @@
 <script setup lang="ts"></script>
 
 <template>
-	<footer class="absolute inset-x-0 bottom-0 bg-surface text-on-surface">
-		<div class="mb-0 w-full bg-neutral-50 px-0 py-8 text-gray-900">
+	<footer
+		class="absolute inset-x-0 bottom-0 h-7 bg-surface text-on-surface transition duration-500 hover:-translate-y-80 active:-translate-y-80"
+	>
+		<div class="flex items-center justify-center gap-2 px-8 py-1.5 text-xs">
+			<span class="flex gap-1">
+				<span>&copy; {{ new Date().getUTCFullYear() }}</span>
+				<a class="hover:underline hover:underline-offset-2" href="https://www.oeaw.ac.at/acdh">
+					ACDH-CH
+				</a>
+			</span>
+			<span>|</span>
+			<NuxtLink class="hover:underline hover:underline-offset-2" href="/imprint">Imprint</NuxtLink>
+		</div>
+		<div class="mb-0 w-full bg-neutral-50 px-0 text-gray-900">
 			<div id="footer-full-content" class="mx-auto w-full px-4" tabindex="-1">
-				<div class="footer-logo-widget mb-4 flex items-center border-b pb-4 pt-2 text-sm font-semibold">
+				<div
+					class="footer-logo-widget mb-4 flex items-center border-b pb-4 pt-2 text-sm font-semibold"
+				>
 					<svg
 						xmlns="http://www.w3.org/2000/svg"
 						width="24"
@@ -81,16 +95,6 @@
 				</div>
 			</div>
 		</div>
-		<div class="flex items-center justify-center gap-2 px-8 py-1.5 text-xs">
-			<span class="flex gap-1">
-				<span>&copy; {{ new Date().getUTCFullYear() }}</span>
-				<a class="hover:underline hover:underline-offset-2" href="https://www.oeaw.ac.at/acdh">
-					ACDH-CH
-				</a>
-			</span>
-			<span>|</span>
-			<NuxtLink class="hover:underline hover:underline-offset-2" href="/imprint">Imprint</NuxtLink>
-		</div>
 	</footer>
 </template>
 
@@ -132,4 +136,25 @@
 	flex: 0 0 33.333%;
 	max-width: 33.333%;
 }
+
+@keyframes slide-in-out {
+	0% {
+		transform: translateY(0);
+	}
+
+	50% {
+		transform: translateY(-20rem);
+	}
+
+	100% {
+		transform: translateY(0);
+	}
+}
+
+footer {
+	animation-name: slide-in-out;
+	animation-duration: 2s !important;
+	animation-timing-function: ease-in-out;
+	animation-delay: 500ms;
+}
 </style>
diff --git a/components/app-header.vue b/components/app-header.vue
index 7145d40..cdf6e09 100644
--- a/components/app-header.vue
+++ b/components/app-header.vue
@@ -21,8 +21,6 @@ const titlestring = computed(() => {
 	return data.value?.projectConfig?.logo?.string;
 });
 
-
-
 function createWindowId(_item: ItemType) {
 	/**
 	 * We intentionally do *not* use `item.target` for window id, because we don't want to
diff --git a/components/app-navigation-menu.vue b/components/app-navigation-menu.vue
index 54f4d63..8dc9e0f 100644
--- a/components/app-navigation-menu.vue
+++ b/components/app-navigation-menu.vue
@@ -49,6 +49,6 @@ onScopeDispose(() => {
 				</template>
 			</MenubarContent>
 		</MenubarMenu>
-		<WindowListDropdown :isMobile="false" />
+		<WindowListDropdown :is-mobile="false" />
 	</Menubar>
 </template>
diff --git a/components/app-navigation-mobile-menu.vue b/components/app-navigation-mobile-menu.vue
index def8337..3973b95 100644
--- a/components/app-navigation-mobile-menu.vue
+++ b/components/app-navigation-mobile-menu.vue
@@ -31,7 +31,7 @@ onScopeDispose(() => {
 <template>
 	<Sheet v-model:open="isSidepanelOpen">
 		<Menubar class="w-full border-none">
-			<WindowListDropdown :isMobile="true" />
+			<WindowListDropdown :is-mobile="true" />
 		</Menubar>
 		<SheetTrigger aria-label="Toggle menu" class="cursor-default">
 			<MenuIcon class="mx-3 my-1.5 h-5 w-5" />
diff --git a/components/window-list-dropdown.vue b/components/window-list-dropdown.vue
index e67e50d..e45b019 100644
--- a/components/window-list-dropdown.vue
+++ b/components/window-list-dropdown.vue
@@ -1,7 +1,9 @@
 <script setup lang="ts">
 import { AppWindowIcon, CheckIcon } from "lucide-vue-next";
 
-const props = defineProps(["isMobile"]);
+const props = defineProps<{
+	isMobile: boolean;
+}>();
 
 const router = useRouter();
 const route = useRoute();
@@ -45,7 +47,7 @@ const { arrangement: currentArrangement, registry } = storeToRefs(windowsStore);
 				>
 					{{ item.winbox.title }}
 				</MenubarItem>
-				<template v-if="$props.isMobile === false">
+				<template v-if="!props.isMobile">
 					<MenubarSeparator />
 					<MenubarLabel>Arrangement</MenubarLabel>
 					<MenubarSeparator />
diff --git a/layouts/default.vue b/layouts/default.vue
index 43cd7c8..d93800d 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -114,7 +114,7 @@ const isWindowManagerVisible = computed(() => {
 </script>
 
 <template>
-	<div class="grid min-h-full grid-rows-[auto_1fr_auto] bg-neutral-50">
+	<div class="grid max-h-screen min-h-full grid-rows-[auto_1fr_auto] overflow-hidden bg-neutral-50">
 		<SkipLink :target-id="mainContentId">Skip to main content</SkipLink>
 
 		<AppHeader />
@@ -123,12 +123,10 @@ const isWindowManagerVisible = computed(() => {
 
 			<div :class="{ hidden: !isWindowManagerVisible }" class="relative isolate grid h-full w-full">
 				<WindowManager />
-				<AppFooter />
 			</div>
 		</MainContent>
-
+		<AppFooter />
 		<Toaster />
-
 		<RouteAnnouncer />
 	</div>
 </template>
diff --git a/stores/use-windows-store.ts b/stores/use-windows-store.ts
index b508548..f2e0cf1 100644
--- a/stores/use-windows-store.ts
+++ b/stores/use-windows-store.ts
@@ -302,7 +302,6 @@ export const useWindowsStore = defineStore("windows", () => {
 				params: w.params,
 			} as WindowStateInferred);
 		});
-		console.log(JSON.stringify(windowStates));
 		return windowStates;
 	}
 

From e4a70a3cf6919e4dcf2e8fe25654d32cf0707416 Mon Sep 17 00:00:00 2001
From: ctot-nondef <christoph.hoffmann@oeaw.ac.at>
Date: Tue, 28 Nov 2023 09:47:30 +0100
Subject: [PATCH 22/30] fix: minor type fixes

---
 stores/use-windows-store.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/stores/use-windows-store.ts b/stores/use-windows-store.ts
index f2e0cf1..d977c2d 100644
--- a/stores/use-windows-store.ts
+++ b/stores/use-windows-store.ts
@@ -292,10 +292,14 @@ export const useWindowsStore = defineStore("windows", () => {
 
 		registry.value.forEach((w) => {
 			windowStates.push({
+				// @ts-expect-error Property missing in upstream types.
 				x: viewportPercentageWith2DigitPrecision(w.winbox.x as number, "width"),
+				// @ts-expect-error Property missing in upstream types.
 				y: viewportPercentageWith2DigitPrecision(w.winbox.y as number, "height"),
 				z: w.winbox.index,
+				// @ts-expect-error Property missing in upstream types.
 				width: viewportPercentageWith2DigitPrecision(w.winbox.width as number, "width"),
+				// @ts-expect-error Property missing in upstream types.
 				height: viewportPercentageWith2DigitPrecision(w.winbox.height as number, "height"),
 				kind: w.kind,
 				title: w.winbox.title,

From e4f690f80529156546414b8d0b72bd530e041d90 Mon Sep 17 00:00:00 2001
From: ctot-nondef <christoph.hoffmann@oeaw.ac.at>
Date: Tue, 28 Nov 2023 10:09:24 +0100
Subject: [PATCH 23/30] fix: remove top level scrollbar

---
 styles/index.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/styles/index.css b/styles/index.css
index 2f0622d..8c910ce 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -35,6 +35,7 @@
 :root,
 body,
 #__nuxt {
+	overflow: hidden;
 	block-size: 100%;
 }
 

From 50b5887799ad65b8687045bdfb81653d23a480bf Mon Sep 17 00:00:00 2001
From: ctot-nondef <christoph.hoffmann@oeaw.ac.at>
Date: Tue, 28 Nov 2023 10:23:57 +0100
Subject: [PATCH 24/30] feat: footer top border

---
 components/app-footer.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/app-footer.vue b/components/app-footer.vue
index 7126768..28ec41e 100644
--- a/components/app-footer.vue
+++ b/components/app-footer.vue
@@ -4,7 +4,7 @@
 	<footer
 		class="absolute inset-x-0 bottom-0 h-7 bg-surface text-on-surface transition duration-500 hover:-translate-y-80 active:-translate-y-80"
 	>
-		<div class="flex items-center justify-center gap-2 px-8 py-1.5 text-xs">
+		<div class="flex items-center justify-center gap-2 border px-8 py-1.5 text-xs">
 			<span class="flex gap-1">
 				<span>&copy; {{ new Date().getUTCFullYear() }}</span>
 				<a class="hover:underline hover:underline-offset-2" href="https://www.oeaw.ac.at/acdh">

From 60387732c1f5052e58a33194a6671b863515e787 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lev=20Z=20Kir=C3=A1ly?= <LeventeZoltan.Kiraly@oeaw.ac.at>
Date: Tue, 28 Nov 2023 12:34:26 +0100
Subject: [PATCH 25/30] FIx bug when resizing browser #77

---
 utils/window-arrangement.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/utils/window-arrangement.ts b/utils/window-arrangement.ts
index abd3937..8e7b8ee 100644
--- a/utils/window-arrangement.ts
+++ b/utils/window-arrangement.ts
@@ -18,7 +18,7 @@ export function cascade(viewport: DOMRect, windows: Array<WindowItem>): void {
 
 export function maximize(viewport: DOMRect, windows: Array<WindowItem>): void {
 	windows.forEach((item) => {
-		item.winbox.maximize();
+		item.winbox.resize(viewport.width, viewport.height).move(0, 0);
 		removeWindowControls(item.winbox);
 	});
 }

From 42c357d673b777aefbbe43f203d0d7d9e9827e6d Mon Sep 17 00:00:00 2001
From: ctot-nondef <christoph.hoffmann@oeaw.ac.at>
Date: Tue, 28 Nov 2023 12:56:12 +0100
Subject: [PATCH 26/30] fix: footer position relative

---
 components/app-footer.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/app-footer.vue b/components/app-footer.vue
index 28ec41e..3358079 100644
--- a/components/app-footer.vue
+++ b/components/app-footer.vue
@@ -2,7 +2,7 @@
 
 <template>
 	<footer
-		class="absolute inset-x-0 bottom-0 h-7 bg-surface text-on-surface transition duration-500 hover:-translate-y-80 active:-translate-y-80"
+		class="inset-x-0 bottom-0 h-7 bg-surface text-on-surface transition duration-500 hover:-translate-y-80"
 	>
 		<div class="flex items-center justify-center gap-2 border px-8 py-1.5 text-xs">
 			<span class="flex gap-1">

From b25ec282c39843396dd261980d0b44d645d26879 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lev=20Z=20Kir=C3=A1ly?= <LeventeZoltan.Kiraly@oeaw.ac.at>
Date: Tue, 28 Nov 2023 13:48:35 +0100
Subject: [PATCH 27/30] Fix imprint page bug #85

---
 pages/imprint.vue           | 6 +++++-
 stores/use-windows-store.ts | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/pages/imprint.vue b/pages/imprint.vue
index 647028a..6ff4e10 100644
--- a/pages/imprint.vue
+++ b/pages/imprint.vue
@@ -17,7 +17,11 @@ const imprint = await useFetch(String(createImprintUrl(defaultLocale, redmineId)
 
 <template>
 	<div class="prose mx-auto w-full max-w-3xl py-8">
-		<NuxtLink class="float-right no-underline hover:underline hover:underline-offset-2" href="/">
+		<NuxtLink
+			aria-label="Navigate Back"
+			class="float-right no-underline hover:underline hover:underline-offset-2"
+			@click="useRouter().go(-1)"
+		>
 			×
 		</NuxtLink>
 		<h1>Imprint</h1>
diff --git a/stores/use-windows-store.ts b/stores/use-windows-store.ts
index d977c2d..0703cbb 100644
--- a/stores/use-windows-store.ts
+++ b/stores/use-windows-store.ts
@@ -310,6 +310,7 @@ export const useWindowsStore = defineStore("windows", () => {
 	}
 
 	function updateUrl() {
+		if (route.path === "/imprint") return;
 		const windowStates = serializeWindowStates();
 		// TODO: check url length, it may be too long. Note: shortest limit is 2047 (MS Edge) https://serpstat.com/blog/how-long-should-be-the-page-url-length-for-seo/
 		void navigateTo({

From 7d9e73525c7f8dd4cb144dd02a0b9ec23dc34f1b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lev=20Z=20Kir=C3=A1ly?= <LeventeZoltan.Kiraly@oeaw.ac.at>
Date: Tue, 28 Nov 2023 13:49:19 +0100
Subject: [PATCH 28/30] Clean up comment [skip ci]

---
 layouts/default.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/layouts/default.vue b/layouts/default.vue
index d93800d..e0f5a65 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -106,7 +106,6 @@ useHead({
  *
  * We always render the window manager in the layout, to avoid remounting the window root,
  * and consequently having to manually mount/unmount every single window.
- * of every single window.
  */
 const isWindowManagerVisible = computed(() => {
 	return route.path === "/";

From a38ffe339585a7d0858b35d1647a3cbed53c6e76 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lev=20Z=20Kir=C3=A1ly?= <LeventeZoltan.Kiraly@oeaw.ac.at>
Date: Tue, 28 Nov 2023 14:17:04 +0100
Subject: [PATCH 29/30] Remove console log

---
 stores/use-windows-store.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/stores/use-windows-store.ts b/stores/use-windows-store.ts
index eb581e1..be44607 100644
--- a/stores/use-windows-store.ts
+++ b/stores/use-windows-store.ts
@@ -309,7 +309,6 @@ export const useWindowsStore = defineStore("windows", () => {
 				params: w.params,
 			} as WindowStateInferred);
 		});
-		console.log(JSON.stringify(windowStates));
 		return windowStates;
 	}
 

From 251d61cb12260ebf04144be9162444507cbfd89c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lev=20Z=20Kir=C3=A1ly?= <LeventeZoltan.Kiraly@oeaw.ac.at>
Date: Wed, 29 Nov 2023 16:42:43 +0100
Subject: [PATCH 30/30] Fix window-content dump bug #91

---
 components/window-content.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/window-content.vue b/components/window-content.vue
index 3ea38a9..3cc2763 100644
--- a/components/window-content.vue
+++ b/components/window-content.vue
@@ -8,6 +8,6 @@ const props = defineProps<Props>();
 
 <template>
 	<GeoMapWindowContent v-if="props.item.kind === 'geo-map'" :params="props.item.params" />
-	<TextWindowContent v-if="props.item.kind === 'text'" :params="props.item.params" />
+	<TextWindowContent v-else-if="props.item.kind === 'text'" :params="props.item.params" />
 	<pre v-else>{{ props }}</pre>
 </template>