(change): Updates and sheets title

client/package.json

@@ -17,27 +17,27 @@
 	},
 	"devDependencies": {
 		"@eslint/js": "^10.0.1",
-		"@sveltejs/adapter-node": "^5.5.4",
-		"@sveltejs/kit": "^2.63.0",
-		"@sveltejs/vite-plugin-svelte": "^7.1.2",
-		"@tailwindcss/vite": "^4.3.0",
+		"@sveltejs/adapter-node": "^5.5.7",
+		"@sveltejs/kit": "^2.70.3",
+		"@sveltejs/vite-plugin-svelte": "^7.3.0",
+		"@tailwindcss/vite": "^4.3.3",
 		"@types/better-sqlite3": "^7.6.13",
-		"@types/node": "^24",
+		"@types/node": "^24.13.4",
 		"drizzle-kit": "^0.31.10",
 		"drizzle-orm": "^0.45.2",
-		"eslint": "^10.4.1",
+		"eslint": "^10.10.0",
 		"eslint-config-prettier": "^10.1.8",
-		"eslint-plugin-svelte": "^3.19.0",
-		"globals": "^17.6.0",
-		"prettier": "^3.8.3",
-		"prettier-plugin-svelte": "^4.1.0",
-		"prettier-plugin-tailwindcss": "^0.8.0",
-		"svelte": "^5.56.1",
-		"tailwindcss": "^4.3.0",
-		"vite": "^8.0.16"
+		"eslint-plugin-svelte": "^3.23.0",
+		"globals": "^17.12.0",
+		"prettier": "^3.9.6",
+		"prettier-plugin-svelte": "^4.1.1",
+		"prettier-plugin-tailwindcss": "^0.8.1",
+		"svelte": "^5.57.0",
+		"tailwindcss": "^4.3.3",
+		"vite": "^8.3.0"
 	},
 	"dependencies": {
-		"better-sqlite3": "^12.10.0",
-		"hotkeys-js": "^4.0.4"
+		"better-sqlite3": "^12.11.1",
+		"hotkeys-js": "^4.0.8"
 	}
 }

client/src/routes/settings/auth-keys/+page.svelte

@@ -1,7 +1,7 @@
 <script>
 	import HeaderBar from '$lib/client/components/HeaderBar.svelte';
 	import { resolve } from '$app/paths';
-	import { bS, iS } from '$lib/client/styles';
+	import { bS, iS, tS } from '$lib/client/styles';
 	let { data } = $props();
 	let { tamClientID } = $derived(data);
 
@@ -15,6 +15,7 @@
 	let authKeys = $state([]);
 	let newDesc = $state('');
 	let curKey = $state('');
+	let errorStatus = $state('');
 
 	async function getKeys() {
 		const res = await fetch('/api/auth', {
@@ -26,8 +27,8 @@
 			authKeys = [...resData];
 			curKey = data.authKey;
 		} else {
-			auth.pwd = 'Invalid Password!';
-			setTimeout(() => (auth.pwd = ''), 3000);
+			errorStatus = 'Invalid Password!';
+			setTimeout(() => (errorStatus = ''), 7000);
 		}
 	}
 </script>
@@ -46,9 +47,22 @@
 	{#if !auth.toggle}
 		<div class="flex flex-row gap-1 items-center py-1">
 			<div>Password:</div>
-			<input type="password" id="pwd_input" class={iS.normal} bind:value={auth.pwd} />
+			<input
+				type="password"
+				id="pwd_input"
+				class={iS.normal}
+				onkeydown={(event) => {
+					if (event.key == 'Enter') {
+						getKeys();
+					}
+				}}
+				bind:value={auth.pwd}
+			/>
 			<button class={bS.gray} onclick={getKeys}>Login</button>
 		</div>
+		<div class="py-1">
+			<p class={tS.red}>{errorStatus}</p>
+		</div>
 	{:else}
 		<table class="w-full my-1">
 			<thead class="text-left">
@@ -73,7 +87,10 @@
 										onclick={async () => {
 											const res = await fetch('/api/settings', {
 												method: 'POST',
-												headers: { 'Content-Type': 'application/json', 'TAM-CLIENT-ID': tamClientID },
+												headers: {
+													'Content-Type': 'application/json',
+													'TAM-CLIENT-ID': tamClientID
+												},
 												body: JSON.stringify({ remote_key: key.auth_key })
 											});
 											if (res.ok) {
@@ -113,7 +130,11 @@
 								if (newDesc) {
 									const res = await fetch('/api/auth', {
 										method: 'POST',
-										headers: { 'TAM-PWD': auth.pwd, 'Content-Type': 'application/json', 'TAM-CLIENT-ID': tamClientID },
+										headers: {
+											'TAM-PWD': auth.pwd,
+											'Content-Type': 'application/json',
+											'TAM-CLIENT-ID': tamClientID
+										},
 										body: JSON.stringify({ description: newDesc })
 									});
 									if (res.ok) {

client/src/routes/sheets/+page.svelte

@@ -26,9 +26,12 @@
 	<thead class="sticky top-0">
 		<tr class="print:hidden">
 			<td colspan="50">
-				<HeaderBar>
-					<div>{pageTitle}</div>
-				</HeaderBar>
+				<HeaderBar />
+			</td>
+		</tr>
+		<tr class="print:hidden">
+			<td colspan="50">
+				<h1 class="text-lg font-bold">{pageTitle}</h1>
 			</td>
 		</tr>
 		<tr class="print:hidden">