bump: v0.0.22 -> v0.0.23

.gitignore

@@ -1,5 +1,7 @@
 .env
 /docker-compose.*
+/build/
+
+# Nix
 /result*
 /.direnv/
-/build/

.scripts/update.sh

@@ -6,8 +6,7 @@ updated=false
 echo "updating nix flake"
 cd "${git_root}"
 nix flake update
-if ! git diff --exit-code flake.nix; then
+if ! git diff --exit-code flake.lock; then
-    git add flake.nix
     git add flake.lock
     git commit -m "build(nix): updated nix dependencies"
 fi
@@ -29,7 +28,7 @@ go mod tidy
 if ! git diff --exit-code go.mod go.sum; then
     git add go.mod
     git add go.sum
-    git commit -m "build(go): updated go dependencies"
+    git commit -m "build(server): updated go dependencies"
     updated=true
 fi
 

.treli.yaml

@@ -39,7 +39,7 @@ apps:
       - ts
       - svelte
     onstart: npx prettier --check .
-    onchange: npx prettier --check . || npx prettier --write .
+    onchange: npx prettier --check .
   
   revive:
     color: "#89dceb"

.vscode/extensions.json

@@ -0,0 +1,9 @@
+{
+  "recommendations": [
+    "golang.go",
+    "dorzey.vscode-sqlfluff",
+    "dbaeumer.vscode-eslint",
+    "svelte.svelte-vscode",
+    "esbenp.prettier-vscode"
+  ]
+}

.vscode/settings.json

@@ -1,7 +1,37 @@
 {
+  "editor.formatOnSave": true,
+
+  // Go
   "go.lintTool": "revive",
-    "go.lintFlags": [
+  "go.formatTool": "goimports",
-        "--config=server/revive.toml"
+  "go.lintFlags": ["--config=server/revive.toml"],
-    ],
+  "gopls": { "ui.semanticTokens": true },
+  "[go]": {
+    "editor.defaultFormatter": "golang.go"
+  },
+
+  // SQLFluff
   "sqlfluff.config": "server/db/.sqlfluff",
+
+  // ESLint
+  "eslint.workingDirectories": ["./client"],
+  "eslint.validate": ["svelte", "javascript", "typescript"],
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  },
+
+  // Svelte
+  "svelte.enable-ts-plugin": true,
+  "[svelte]": {
+    "editor.defaultFormatter": "svelte.svelte-vscode"
+  },
+
+  // Prettier
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
 }

client/.prettierrc

@@ -3,8 +3,21 @@
 	"singleQuote": true,
 	"trailingComma": "none",
 	"printWidth": 100,
-	"plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
+	"plugins": [
+		"prettier-plugin-svelte",
+		"prettier-plugin-tailwindcss",
+		"@ianvs/prettier-plugin-sort-imports"
+	],
 	"tailwindFunctions": ["tv", "cn", "clsx"],
+	"importOrder": [
+		"<TYPES>^(node:)",
+		"<TYPES>",
+		"<TYPES>^[.]",
+		"<BUILTIN_MODULES>",
+		"^(\\$lib/ui)(/.*)$",
+		"<THIRD_PARTY_MODULES>",
+		"^[.]"
+	],
 	"overrides": [
 		{
 			"files": "*.svelte",

client/eslint.config.js

@@ -1,11 +1,12 @@
-import prettier from 'eslint-config-prettier';
+import { fileURLToPath } from 'node:url';
-import js from '@eslint/js';
 import { includeIgnoreFile } from '@eslint/compat';
+import js from '@eslint/js';
+import prettier from 'eslint-config-prettier';
 import svelte from 'eslint-plugin-svelte';
 import globals from 'globals';
-import { fileURLToPath } from 'node:url';
 import ts from 'typescript-eslint';
 import svelteConfig from './svelte.config.js';
+
 const gitignorePath = fileURLToPath(new URL('./.prettierignore', import.meta.url));
 
 export default ts.config(

client/package-lock.json

@@ -1,37 +1,38 @@
 {
 	"name": "trevstack",
-	"version": "0.0.22",
+	"version": "0.0.23",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "trevstack",
-			"version": "0.0.22",
+			"version": "0.0.23",
 			"devDependencies": {
 				"@bufbuild/protovalidate": "^0.1.1",
 				"@connectrpc/connect": "^2.0.2",
 				"@connectrpc/connect-web": "^2.0.2",
 				"@eslint/compat": "^1.2.9",
 				"@eslint/js": "^9.18.0",
+				"@ianvs/prettier-plugin-sort-imports": "^4.4.1",
 				"@lucide/svelte": "^0.479.0",
-				"@scalar/api-reference": "^1.28.32",
+				"@scalar/api-reference": "^1.28.33",
 				"@simplewebauthn/browser": "^13.1.0",
 				"@sveltejs/adapter-static": "^3.0.8",
-				"@sveltejs/kit": "^2.20.8",
+				"@sveltejs/kit": "^2.21.0",
 				"@sveltejs/vite-plugin-svelte": "^5.0.3",
 				"@tailwindcss/vite": "^4.1.6",
 				"bits-ui": "^1.4.8",
 				"clsx": "^2.1.1",
 				"eslint": "^9.26.0",
 				"eslint-config-prettier": "^10.1.5",
-				"eslint-plugin-svelte": "^3.5.1",
+				"eslint-plugin-svelte": "^3.6.0",
 				"fast-deep-equal": "^3.1.3",
 				"globals": "^16.1.0",
 				"mode-watcher": "^1.0.7",
 				"prettier": "^3.5.3",
 				"prettier-plugin-svelte": "^3.3.3",
 				"prettier-plugin-tailwindcss": "^0.6.11",
-				"svelte": "^5.28.2",
+				"svelte": "^5.28.6",
 				"svelte-check": "^4.1.7",
 				"svelte-sonner": "^0.3.28",
 				"tailwind-merge": "^3.3.0",
@@ -39,7 +40,7 @@
 				"tailwindcss": "^4.0.13",
 				"tw-animate-css": "^1.2.9",
 				"typescript": "^5.8.3",
-				"typescript-eslint": "^8.32.0",
+				"typescript-eslint": "^8.32.1",
 				"vite": "^6.3.5"
 			}
 		},
@@ -57,6 +58,38 @@
 				"node": ">=6.0.0"
 			}
 		},
+		"node_modules/@babel/code-frame": {
+			"version": "7.27.1",
+			"resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
+			"integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/helper-validator-identifier": "^7.27.1",
+				"js-tokens": "^4.0.0",
+				"picocolors": "^1.1.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/generator": {
+			"version": "7.27.1",
+			"resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.27.1.tgz",
+			"integrity": "sha512-UnJfnIpc/+JO0/+KRVQNGU+y5taA5vCbwN8+azkX6beii/ZF+enZJSOKo11ZSzGJjlNfJHfQtmQT8H+9TXPG2w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/parser": "^7.27.1",
+				"@babel/types": "^7.27.1",
+				"@jridgewell/gen-mapping": "^0.3.5",
+				"@jridgewell/trace-mapping": "^0.3.25",
+				"jsesc": "^3.0.2"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
 		"node_modules/@babel/helper-string-parser": {
 			"version": "7.27.1",
 			"resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
@@ -93,6 +126,50 @@
 				"node": ">=6.0.0"
 			}
 		},
+		"node_modules/@babel/template": {
+			"version": "7.27.2",
+			"resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
+			"integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/code-frame": "^7.27.1",
+				"@babel/parser": "^7.27.2",
+				"@babel/types": "^7.27.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/traverse": {
+			"version": "7.27.1",
+			"resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.27.1.tgz",
+			"integrity": "sha512-ZCYtZciz1IWJB4U61UPu4KEaqyfj+r5T1Q5mqPo+IBpcG9kHv30Z0aD8LXPgC1trYa6rK0orRyAhqUgk4MjmEg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/code-frame": "^7.27.1",
+				"@babel/generator": "^7.27.1",
+				"@babel/parser": "^7.27.1",
+				"@babel/template": "^7.27.1",
+				"@babel/types": "^7.27.1",
+				"debug": "^4.3.1",
+				"globals": "^11.1.0"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/traverse/node_modules/globals": {
+			"version": "11.12.0",
+			"resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+			"integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=4"
+			}
+		},
 		"node_modules/@babel/types": {
 			"version": "7.27.1",
 			"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.1.tgz",
@@ -1205,6 +1282,29 @@
 				"url": "https://github.com/sponsors/jdesrosiers"
 			}
 		},
+		"node_modules/@ianvs/prettier-plugin-sort-imports": {
+			"version": "4.4.1",
+			"resolved": "https://registry.npmjs.org/@ianvs/prettier-plugin-sort-imports/-/prettier-plugin-sort-imports-4.4.1.tgz",
+			"integrity": "sha512-F0/Hrcfpy8WuxlQyAWJTEren/uxKhYonOGY4OyWmwRdeTvkh9mMSCxowZLjNkhwi/2ipqCgtXwwOk7tW0mWXkA==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@babel/generator": "^7.26.2",
+				"@babel/parser": "^7.26.2",
+				"@babel/traverse": "^7.25.9",
+				"@babel/types": "^7.26.0",
+				"semver": "^7.5.2"
+			},
+			"peerDependencies": {
+				"@vue/compiler-sfc": "2.7.x || 3.x",
+				"prettier": "2 || 3"
+			},
+			"peerDependenciesMeta": {
+				"@vue/compiler-sfc": {
+					"optional": true
+				}
+			}
+		},
 		"node_modules/@internationalized/date": {
 			"version": "3.8.0",
 			"resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.8.0.tgz",
@@ -1785,28 +1885,28 @@
 			]
 		},
 		"node_modules/@scalar/api-client": {
-			"version": "2.3.32",
+			"version": "2.3.33",
-			"resolved": "https://registry.npmjs.org/@scalar/api-client/-/api-client-2.3.32.tgz",
+			"resolved": "https://registry.npmjs.org/@scalar/api-client/-/api-client-2.3.33.tgz",
-			"integrity": "sha512-N5zhCQs4ktrwme4rgnKM1s22PUGfKq0tkSqR6jQ9gKD7FSraLgQaB8uEb9BNoV5kkNeouhLqXFOJ3KB/wsJ4hw==",
+			"integrity": "sha512-kkdBdXkWmclB+CNpNquoVPjVmyKTStbNMi6K/XS55aA5sg0cHJmkpuwCPUI+N3rjt1kB453BvyI81+ji7kHjcw==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"@headlessui/tailwindcss": "^0.2.0",
 				"@headlessui/vue": "^1.7.20",
-				"@scalar/components": "0.13.57",
+				"@scalar/components": "0.13.58",
 				"@scalar/draggable": "0.1.11",
-				"@scalar/icons": "0.3.5",
+				"@scalar/icons": "0.3.6",
-				"@scalar/import": "0.3.25",
+				"@scalar/import": "0.3.26",
-				"@scalar/oas-utils": "0.2.142",
+				"@scalar/oas-utils": "0.2.143",
 				"@scalar/object-utils": "1.1.14",
 				"@scalar/openapi-parser": "0.10.17",
-				"@scalar/openapi-types": "0.2.2",
+				"@scalar/openapi-types": "0.2.3",
-				"@scalar/postman-to-openapi": "0.2.15",
+				"@scalar/postman-to-openapi": "0.2.16",
 				"@scalar/snippetz": "0.2.20",
-				"@scalar/themes": "0.11.1",
+				"@scalar/themes": "0.11.2",
-				"@scalar/types": "0.1.14",
+				"@scalar/types": "0.1.15",
-				"@scalar/use-codemirror": "0.11.102",
+				"@scalar/use-codemirror": "0.11.103",
-				"@scalar/use-hooks": "0.1.48",
+				"@scalar/use-hooks": "0.1.49",
 				"@scalar/use-toasts": "0.7.10",
 				"@scalar/use-tooltip": "1.0.7",
 				"@vueuse/core": "^10.10.0",
@@ -1830,25 +1930,25 @@
 			}
 		},
 		"node_modules/@scalar/api-reference": {
-			"version": "1.28.32",
+			"version": "1.28.33",
-			"resolved": "https://registry.npmjs.org/@scalar/api-reference/-/api-reference-1.28.32.tgz",
+			"resolved": "https://registry.npmjs.org/@scalar/api-reference/-/api-reference-1.28.33.tgz",
-			"integrity": "sha512-VHU+KrNwM33bzq4O2JHKdWPDzG0eZINxJwwp856Nzpy1LE3lkqz9z+2BNHJ2CoPwsxzkLS7hEyG3qE2HwFFuTg==",
+			"integrity": "sha512-50BNZARDh+fNaUZT4Wm3LNb3/kVUJtpdGEiQ1vulrDKY4F/BWvFFfIUeXBy9Zfee8RyNxtukFO2cllbqzQJzHw==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"@floating-ui/vue": "^1.0.2",
 				"@headlessui/vue": "^1.7.20",
-				"@scalar/api-client": "2.3.32",
+				"@scalar/api-client": "2.3.33",
 				"@scalar/code-highlight": "0.0.29",
-				"@scalar/components": "0.13.57",
+				"@scalar/components": "0.13.58",
-				"@scalar/icons": "0.3.5",
+				"@scalar/icons": "0.3.6",
-				"@scalar/oas-utils": "0.2.142",
+				"@scalar/oas-utils": "0.2.143",
 				"@scalar/openapi-parser": "0.10.17",
-				"@scalar/openapi-types": "0.2.2",
+				"@scalar/openapi-types": "0.2.3",
 				"@scalar/snippetz": "0.2.20",
-				"@scalar/themes": "0.11.1",
+				"@scalar/themes": "0.11.2",
-				"@scalar/types": "0.1.14",
+				"@scalar/types": "0.1.15",
-				"@scalar/use-hooks": "0.1.48",
+				"@scalar/use-hooks": "0.1.49",
 				"@scalar/use-toasts": "0.7.10",
 				"@unhead/vue": "^1.11.11",
 				"@vueuse/core": "^10.10.0",
@@ -1894,9 +1994,9 @@
 			}
 		},
 		"node_modules/@scalar/components": {
-			"version": "0.13.57",
+			"version": "0.13.58",
-			"resolved": "https://registry.npmjs.org/@scalar/components/-/components-0.13.57.tgz",
+			"resolved": "https://registry.npmjs.org/@scalar/components/-/components-0.13.58.tgz",
-			"integrity": "sha512-U4MWHqPe1ARPhvK9xNkYpixHy7iY3HDIi3HeLWtJbrwPam+Ofz9I6LJiWyuhkNSkFVUSrawm0rYbDemPt9lKVw==",
+			"integrity": "sha512-uuL9FV3pc2mEW3+3/XTv3AcnpPvaXzYxIFcgUsTtWyoJ+S4/ismeJYrOCTzRxPrfIpjA0U1rhCaLW4t973rcMA==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
@@ -1904,9 +2004,9 @@
 				"@floating-ui/vue": "^1.0.2",
 				"@headlessui/vue": "^1.7.20",
 				"@scalar/code-highlight": "0.0.29",
-				"@scalar/icons": "0.3.5",
+				"@scalar/icons": "0.3.6",
-				"@scalar/themes": "0.11.1",
+				"@scalar/themes": "0.11.2",
-				"@scalar/use-hooks": "0.1.48",
+				"@scalar/use-hooks": "0.1.49",
 				"@scalar/use-toasts": "0.7.10",
 				"@vueuse/core": "^10.10.0",
 				"cva": "1.0.0-beta.2",
@@ -1933,14 +2033,14 @@
 			}
 		},
 		"node_modules/@scalar/icons": {
-			"version": "0.3.5",
+			"version": "0.3.6",
-			"resolved": "https://registry.npmjs.org/@scalar/icons/-/icons-0.3.5.tgz",
+			"resolved": "https://registry.npmjs.org/@scalar/icons/-/icons-0.3.6.tgz",
-			"integrity": "sha512-exzLWScBVopIBqI64+kMOpuoVzDYFplciW+rizl4Fv5XwagV3oErQySRgPLKgWlgr59USge2ogBpwsc/4e6Bmw==",
+			"integrity": "sha512-Er3zt/0+i8rbS0mPTe/N39uBC7stISE9DSZPIdgDl4onG9eFb4sodCyInA7mAxF7NQftHXGuK6VKjry9iAP0OA==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"@phosphor-icons/core": "^2.1.1",
-				"@scalar/use-hooks": "0.1.48",
+				"@scalar/use-hooks": "0.1.49",
 				"@types/node": "^20.17.10",
 				"chalk": "^5.4.1",
 				"vue": "^3.5.12"
@@ -1950,13 +2050,13 @@
 			}
 		},
 		"node_modules/@scalar/import": {
-			"version": "0.3.25",
+			"version": "0.3.26",
-			"resolved": "https://registry.npmjs.org/@scalar/import/-/import-0.3.25.tgz",
+			"resolved": "https://registry.npmjs.org/@scalar/import/-/import-0.3.26.tgz",
-			"integrity": "sha512-hZj+wQHg65prYorzYJGxrslnL/xavGFKIUpWqk6w+JsmXxYhkrS6ob64GjCKfaGIype42mG+Ef1ylqZpqL5NCw==",
+			"integrity": "sha512-UIOPduLhpJCHmQ8bCzlY/btnJ0qWOLVMRX0ZtVVd2gEC4qyKnaiWB1fHweQW5rrWtO7CK90X8Z28n5wY5f365w==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
-				"@scalar/oas-utils": "0.2.142",
+				"@scalar/oas-utils": "0.2.143",
 				"@scalar/openapi-parser": "0.10.17",
 				"yaml": "^2.4.5"
 			},
@@ -1965,18 +2065,18 @@
 			}
 		},
 		"node_modules/@scalar/oas-utils": {
-			"version": "0.2.142",
+			"version": "0.2.143",
-			"resolved": "https://registry.npmjs.org/@scalar/oas-utils/-/oas-utils-0.2.142.tgz",
+			"resolved": "https://registry.npmjs.org/@scalar/oas-utils/-/oas-utils-0.2.143.tgz",
-			"integrity": "sha512-n9aTk9oD2BOv43brFIIvkT8OSnT+wqOiT0HO9lO4/JjihT8Zkh12b2+Dc4lXZfgDwhAb3FcUnjVw8BGgOzmkFQ==",
+			"integrity": "sha512-6waFLR2Nhz/+YUXAHmiupi1r32jHsdIXpEszqjzbGuKjyEmYJwR5rT638Il1CfHVrfIZnmMy60EAw/jmzQtm2A==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"@hyperjump/browser": "^1.1.0",
 				"@hyperjump/json-schema": "^1.9.6",
 				"@scalar/object-utils": "1.1.14",
-				"@scalar/openapi-types": "0.2.2",
+				"@scalar/openapi-types": "0.2.3",
-				"@scalar/themes": "0.11.1",
+				"@scalar/themes": "0.11.2",
-				"@scalar/types": "0.1.14",
+				"@scalar/types": "0.1.15",
 				"flatted": "^3.3.1",
 				"microdiff": "^1.4.0",
 				"nanoid": "^5.1.5",
@@ -2023,9 +2123,9 @@
 			}
 		},
 		"node_modules/@scalar/openapi-types": {
-			"version": "0.2.2",
+			"version": "0.2.3",
-			"resolved": "https://registry.npmjs.org/@scalar/openapi-types/-/openapi-types-0.2.2.tgz",
+			"resolved": "https://registry.npmjs.org/@scalar/openapi-types/-/openapi-types-0.2.3.tgz",
-			"integrity": "sha512-fwWboUf3W5U4qWU7nj4jrs+KYilnfKyVp0d6LC1ejB2aROgWXIAscRtVaPLPaNLpTZOBsMC8XpiAPm3/SlU+mA==",
+			"integrity": "sha512-O1GwqLpcRc3GKXTbeBZ5E12fXR2ltpqGWk4RfhoN4ebKZsPVknV5at5425G97E1SwMy12BporRvn90k1Z+MruQ==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
@@ -2036,14 +2136,14 @@
 			}
 		},
 		"node_modules/@scalar/postman-to-openapi": {
-			"version": "0.2.15",
+			"version": "0.2.16",
-			"resolved": "https://registry.npmjs.org/@scalar/postman-to-openapi/-/postman-to-openapi-0.2.15.tgz",
+			"resolved": "https://registry.npmjs.org/@scalar/postman-to-openapi/-/postman-to-openapi-0.2.16.tgz",
-			"integrity": "sha512-pBxuY1kiLkIoDEXGBgnOALRPqDFq7G4z1ngLbIiovql+wa4V9D5hLPQ20r+7p8P6d/Gu6EcRun4OxVJFjHNymQ==",
+			"integrity": "sha512-gcC8VRwltFn+BrvSXi3nguzcu62c5KIOHgogOUVRpeNF2taYL16MJl4s8kkB9V4C3f4lZqozYml8MJJe/1K5pw==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
-				"@scalar/oas-utils": "0.2.142",
+				"@scalar/oas-utils": "0.2.143",
-				"@scalar/openapi-types": "0.2.2"
+				"@scalar/openapi-types": "0.2.3"
 			},
 			"engines": {
 				"node": ">=18"
@@ -2063,13 +2163,13 @@
 			}
 		},
 		"node_modules/@scalar/themes": {
-			"version": "0.11.1",
+			"version": "0.11.2",
-			"resolved": "https://registry.npmjs.org/@scalar/themes/-/themes-0.11.1.tgz",
+			"resolved": "https://registry.npmjs.org/@scalar/themes/-/themes-0.11.2.tgz",
-			"integrity": "sha512-bPOO10L2JZQdwoirpTp3CWEsLqapU7x/EwydivY1WtU4/FOObluLdjmCQ7Ijw2fzY5t6I/BvTsZbWZRWrLvuUQ==",
+			"integrity": "sha512-3LOKmOzWzpWZHBqqVP62MDLa9QLmsjvb1DpAevMrMc6mSkSSnKU53+BxOZcrBb8CgB1694Lm9eOf4BRBywufaw==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
-				"@scalar/types": "0.1.14",
+				"@scalar/types": "0.1.15",
 				"nanoid": "^5.1.5"
 			},
 			"engines": {
@@ -2077,13 +2177,13 @@
 			}
 		},
 		"node_modules/@scalar/types": {
-			"version": "0.1.14",
+			"version": "0.1.15",
-			"resolved": "https://registry.npmjs.org/@scalar/types/-/types-0.1.14.tgz",
+			"resolved": "https://registry.npmjs.org/@scalar/types/-/types-0.1.15.tgz",
-			"integrity": "sha512-N7qZ9qARJfi4Gl5MEsRfwPHFWs68qDXWQ+jGi05LGExDqErAJStc4PPkEmxt44uSO4+TVx4ADxWB6xNoGMG/Zg==",
+			"integrity": "sha512-qb/kYWD7MKthL9flHEH/FPDgE3uWkkq8os9+M3CwyYMo2OpyXLbnzZ47LiCJ+hfdCx/hfIiSEOum2eNsYM8Lfg==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
-				"@scalar/openapi-types": "0.2.2",
+				"@scalar/openapi-types": "0.2.3",
 				"nanoid": "^5.1.5",
 				"zod": "3.24.1"
 			},
@@ -2092,9 +2192,9 @@
 			}
 		},
 		"node_modules/@scalar/use-codemirror": {
-			"version": "0.11.102",
+			"version": "0.11.103",
-			"resolved": "https://registry.npmjs.org/@scalar/use-codemirror/-/use-codemirror-0.11.102.tgz",
+			"resolved": "https://registry.npmjs.org/@scalar/use-codemirror/-/use-codemirror-0.11.103.tgz",
-			"integrity": "sha512-6ya9TMYX8UQ5mV09cOHKOnk8uytR/K0aUzIeLPlIaTEVlmzIcLiZXR34ThK5fN3XgmL1rXRzihgrooZDhTpEOQ==",
+			"integrity": "sha512-rwa2dn2L6R/Q2vdYp4kNx5kV1zZ7TIhoxXoYREqVOlbqypl7ASAyNot2icuAIozSzA4oyL7mhsSsYtaBhJ3C1A==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
@@ -2113,7 +2213,7 @@
 				"@lezer/highlight": "^1.2.1",
 				"@lezer/lr": "^1.4.2",
 				"@replit/codemirror-css-color-picker": "^6.3.0",
-				"@scalar/components": "0.13.57",
+				"@scalar/components": "0.13.58",
 				"codemirror": "^6.0.0",
 				"style-mod": "^4.1.2",
 				"vue": "^3.5.12"
@@ -2123,13 +2223,13 @@
 			}
 		},
 		"node_modules/@scalar/use-hooks": {
-			"version": "0.1.48",
+			"version": "0.1.49",
-			"resolved": "https://registry.npmjs.org/@scalar/use-hooks/-/use-hooks-0.1.48.tgz",
+			"resolved": "https://registry.npmjs.org/@scalar/use-hooks/-/use-hooks-0.1.49.tgz",
-			"integrity": "sha512-ueAs0caWTFbrVW9jRuKpj+hZYe3r25dnFBkSSbMIhkx5OQkMmgfq0q3Rao2azyXWsA067K+Nujsu7G6hE1ujiw==",
+			"integrity": "sha512-RV/ks0xBdj2e5MUmdto0dJIL3zviixfmaY87fzVkJwU/ptzi50AyppXGFWsmRyatOwB/KYlUy6D2NoNQA8bdDQ==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
-				"@scalar/themes": "0.11.1",
+				"@scalar/themes": "0.11.2",
 				"@scalar/use-toasts": "0.7.10",
 				"@vueuse/core": "^10.10.0",
 				"cva": "1.0.0-beta.2",
@@ -2209,17 +2309,18 @@
 			}
 		},
 		"node_modules/@sveltejs/kit": {
-			"version": "2.20.8",
+			"version": "2.21.0",
-			"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-2.20.8.tgz",
+			"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-2.21.0.tgz",
-			"integrity": "sha512-ep9qTxL7WALhfm0kFecL3VHeuNew8IccbYGqv5TqL/KSqWRKzEgDG8blNlIu1CkLTTua/kHjI+f5T8eCmWIxKw==",
+			"integrity": "sha512-kvu4h9qXduiPk1Q1oqFKDLFGu/7mslEYbVaqpbBcBxjlRJnvNCFwEvEwKt0Mx9TtSi8J77xRelvJobrGlst4nQ==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
+				"@sveltejs/acorn-typescript": "^1.0.5",
 				"@types/cookie": "^0.6.0",
+				"acorn": "^8.14.1",
 				"cookie": "^0.6.0",
 				"devalue": "^5.1.0",
 				"esm-env": "^1.2.2",
-				"import-meta-resolve": "^4.1.0",
 				"kleur": "^4.1.5",
 				"magic-string": "^0.30.5",
 				"mrmime": "^2.0.0",
@@ -2677,19 +2778,19 @@
 			"license": "MIT"
 		},
 		"node_modules/@typescript-eslint/eslint-plugin": {
-			"version": "8.32.0",
+			"version": "8.32.1",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.32.0.tgz",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.32.1.tgz",
-			"integrity": "sha512-/jU9ettcntkBFmWUzzGgsClEi2ZFiikMX5eEQsmxIAWMOn4H3D4rvHssstmAHGVvrYnaMqdWWWg0b5M6IN/MTQ==",
+			"integrity": "sha512-6u6Plg9nP/J1GRpe/vcjjabo6Uc5YQPAMxsgQyGC/I0RuukiG1wIe3+Vtg3IrSCVJDmqK3j8adrtzXSENRtFgg==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"@eslint-community/regexpp": "^4.10.0",
-				"@typescript-eslint/scope-manager": "8.32.0",
+				"@typescript-eslint/scope-manager": "8.32.1",
-				"@typescript-eslint/type-utils": "8.32.0",
+				"@typescript-eslint/type-utils": "8.32.1",
-				"@typescript-eslint/utils": "8.32.0",
+				"@typescript-eslint/utils": "8.32.1",
-				"@typescript-eslint/visitor-keys": "8.32.0",
+				"@typescript-eslint/visitor-keys": "8.32.1",
 				"graphemer": "^1.4.0",
-				"ignore": "^5.3.1",
+				"ignore": "^7.0.0",
 				"natural-compare": "^1.4.0",
 				"ts-api-utils": "^2.1.0"
 			},
@@ -2706,17 +2807,27 @@
 				"typescript": ">=4.8.4 <5.9.0"
 			}
 		},
+		"node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
+			"version": "7.0.4",
+			"resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.4.tgz",
+			"integrity": "sha512-gJzzk+PQNznz8ysRrC0aOkBNVRBDtE1n53IqyqEf3PXrYwomFs5q4pGMizBMJF+ykh03insJ27hB8gSrD2Hn8A==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 4"
+			}
+		},
 		"node_modules/@typescript-eslint/parser": {
-			"version": "8.32.0",
+			"version": "8.32.1",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.32.0.tgz",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.32.1.tgz",
-			"integrity": "sha512-B2MdzyWxCE2+SqiZHAjPphft+/2x2FlO9YBx7eKE1BCb+rqBlQdhtAEhzIEdozHd55DXPmxBdpMygFJjfjjA9A==",
+			"integrity": "sha512-LKMrmwCPoLhM45Z00O1ulb6jwyVr2kr3XJp+G+tSEZcbauNnScewcQwtJqXDhXeYPDEjZ8C1SjXm015CirEmGg==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
-				"@typescript-eslint/scope-manager": "8.32.0",
+				"@typescript-eslint/scope-manager": "8.32.1",
-				"@typescript-eslint/types": "8.32.0",
+				"@typescript-eslint/types": "8.32.1",
-				"@typescript-eslint/typescript-estree": "8.32.0",
+				"@typescript-eslint/typescript-estree": "8.32.1",
-				"@typescript-eslint/visitor-keys": "8.32.0",
+				"@typescript-eslint/visitor-keys": "8.32.1",
 				"debug": "^4.3.4"
 			},
 			"engines": {
@@ -2732,14 +2843,14 @@
 			}
 		},
 		"node_modules/@typescript-eslint/scope-manager": {
-			"version": "8.32.0",
+			"version": "8.32.1",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.32.0.tgz",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.32.1.tgz",
-			"integrity": "sha512-jc/4IxGNedXkmG4mx4nJTILb6TMjL66D41vyeaPWvDUmeYQzF3lKtN15WsAeTr65ce4mPxwopPSo1yUUAWw0hQ==",
+			"integrity": "sha512-7IsIaIDeZn7kffk7qXC3o6Z4UblZJKV3UBpkvRNpr5NSyLji7tvTcvmnMNYuYLyh26mN8W723xpo3i4MlD33vA==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
-				"@typescript-eslint/types": "8.32.0",
+				"@typescript-eslint/types": "8.32.1",
-				"@typescript-eslint/visitor-keys": "8.32.0"
+				"@typescript-eslint/visitor-keys": "8.32.1"
 			},
 			"engines": {
 				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -2750,14 +2861,14 @@
 			}
 		},
 		"node_modules/@typescript-eslint/type-utils": {
-			"version": "8.32.0",
+			"version": "8.32.1",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.32.0.tgz",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.32.1.tgz",
-			"integrity": "sha512-t2vouuYQKEKSLtJaa5bB4jHeha2HJczQ6E5IXPDPgIty9EqcJxpr1QHQ86YyIPwDwxvUmLfP2YADQ5ZY4qddZg==",
+			"integrity": "sha512-mv9YpQGA8iIsl5KyUPi+FGLm7+bA4fgXaeRcFKRDRwDMu4iwrSHeDPipwueNXhdIIZltwCJv+NkxftECbIZWfA==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
-				"@typescript-eslint/typescript-estree": "8.32.0",
+				"@typescript-eslint/typescript-estree": "8.32.1",
-				"@typescript-eslint/utils": "8.32.0",
+				"@typescript-eslint/utils": "8.32.1",
 				"debug": "^4.3.4",
 				"ts-api-utils": "^2.1.0"
 			},
@@ -2774,9 +2885,9 @@
 			}
 		},
 		"node_modules/@typescript-eslint/types": {
-			"version": "8.32.0",
+			"version": "8.32.1",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.32.0.tgz",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.32.1.tgz",
-			"integrity": "sha512-O5Id6tGadAZEMThM6L9HmVf5hQUXNSxLVKeGJYWNhhVseps/0LddMkp7//VDkzwJ69lPL0UmZdcZwggj9akJaA==",
+			"integrity": "sha512-YmybwXUJcgGqgAp6bEsgpPXEg6dcCyPyCSr0CAAueacR/CCBi25G3V8gGQ2kRzQRBNol7VQknxMs9HvVa9Rvfg==",
 			"dev": true,
 			"license": "MIT",
 			"engines": {
@@ -2788,14 +2899,14 @@
 			}
 		},
 		"node_modules/@typescript-eslint/typescript-estree": {
-			"version": "8.32.0",
+			"version": "8.32.1",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.32.0.tgz",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.32.1.tgz",
-			"integrity": "sha512-pU9VD7anSCOIoBFnhTGfOzlVFQIA1XXiQpH/CezqOBaDppRwTglJzCC6fUQGpfwey4T183NKhF1/mfatYmjRqQ==",
+			"integrity": "sha512-Y3AP9EIfYwBb4kWGb+simvPaqQoT5oJuzzj9m0i6FCY6SPvlomY2Ei4UEMm7+FXtlNJbor80ximyslzaQF6xhg==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
-				"@typescript-eslint/types": "8.32.0",
+				"@typescript-eslint/types": "8.32.1",
-				"@typescript-eslint/visitor-keys": "8.32.0",
+				"@typescript-eslint/visitor-keys": "8.32.1",
 				"debug": "^4.3.4",
 				"fast-glob": "^3.3.2",
 				"is-glob": "^4.0.3",
@@ -2841,16 +2952,16 @@
 			}
 		},
 		"node_modules/@typescript-eslint/utils": {
-			"version": "8.32.0",
+			"version": "8.32.1",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.32.0.tgz",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.32.1.tgz",
-			"integrity": "sha512-8S9hXau6nQ/sYVtC3D6ISIDoJzS1NsCK+gluVhLN2YkBPX+/1wkwyUiDKnxRh15579WoOIyVWnoyIf3yGI9REw==",
+			"integrity": "sha512-DsSFNIgLSrc89gpq1LJB7Hm1YpuhK086DRDJSNrewcGvYloWW1vZLHBTIvarKZDcAORIy/uWNx8Gad+4oMpkSA==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"@eslint-community/eslint-utils": "^4.7.0",
-				"@typescript-eslint/scope-manager": "8.32.0",
+				"@typescript-eslint/scope-manager": "8.32.1",
-				"@typescript-eslint/types": "8.32.0",
+				"@typescript-eslint/types": "8.32.1",
-				"@typescript-eslint/typescript-estree": "8.32.0"
+				"@typescript-eslint/typescript-estree": "8.32.1"
 			},
 			"engines": {
 				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -2865,13 +2976,13 @@
 			}
 		},
 		"node_modules/@typescript-eslint/visitor-keys": {
-			"version": "8.32.0",
+			"version": "8.32.1",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.32.0.tgz",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.32.1.tgz",
-			"integrity": "sha512-1rYQTCLFFzOI5Nl0c8LUpJT8HxpwVRn9E4CkMsYfuN6ctmQqExjSTzzSk0Tz2apmXy7WU6/6fyaZVVA/thPN+w==",
+			"integrity": "sha512-ar0tjQfObzhSaW3C3QNmTc5ofj0hDoNQ5XWrCy6zDyabdr0TWhCkClp+rywGNj/odAFBVzzJrK4tEq5M4Hmu4w==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
-				"@typescript-eslint/types": "8.32.0",
+				"@typescript-eslint/types": "8.32.1",
 				"eslint-visitor-keys": "^4.2.0"
 			},
 			"engines": {
@@ -3856,9 +3967,9 @@
 			}
 		},
 		"node_modules/debug": {
-			"version": "4.4.0",
+			"version": "4.4.1",
-			"resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
+			"resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
-			"integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
+			"integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
@@ -4195,16 +4306,16 @@
 			}
 		},
 		"node_modules/eslint-plugin-svelte": {
-			"version": "3.5.1",
+			"version": "3.6.0",
-			"resolved": "https://registry.npmjs.org/eslint-plugin-svelte/-/eslint-plugin-svelte-3.5.1.tgz",
+			"resolved": "https://registry.npmjs.org/eslint-plugin-svelte/-/eslint-plugin-svelte-3.6.0.tgz",
-			"integrity": "sha512-Qn1slddZHfqYiDO6IN8/iN3YL+VuHlgYjm30FT+hh0Jf/TX0jeZMTJXQMajFm5f6f6hURi+XO8P+NPYD+T4jkg==",
+			"integrity": "sha512-IIf6Cj6yQuCwL7Qd8bX13BZspz+DQsOkClozMF9EkW20FSxI75Ndd5ZzbviCn32DdXRo9FUWXn+YMIL46qPOOg==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"@eslint-community/eslint-utils": "^4.4.1",
 				"@jridgewell/sourcemap-codec": "^1.5.0",
 				"esutils": "^2.0.3",
-				"known-css-properties": "^0.35.0",
+				"known-css-properties": "^0.36.0",
 				"postcss": "^8.4.49",
 				"postcss-load-config": "^3.1.4",
 				"postcss-safe-parser": "^7.0.0",
@@ -5316,17 +5427,6 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
-		"node_modules/import-meta-resolve": {
-			"version": "4.1.0",
-			"resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-4.1.0.tgz",
-			"integrity": "sha512-I6fiaX09Xivtk+THaMfAwnA3MVA5Big1WHF1Dfx9hFuvNIWpXnorlkzhcQf6ehrqQiiZECRt1poOAkPmer3ruw==",
-			"dev": true,
-			"license": "MIT",
-			"funding": {
-				"type": "github",
-				"url": "https://github.com/sponsors/wooorm"
-			}
-		},
 		"node_modules/imurmurhash": {
 			"version": "0.1.4",
 			"resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
@@ -5480,6 +5580,13 @@
 				"jiti": "lib/jiti-cli.mjs"
 			}
 		},
+		"node_modules/js-tokens": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+			"integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+			"dev": true,
+			"license": "MIT"
+		},
 		"node_modules/js-yaml": {
 			"version": "4.1.0",
 			"resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
@@ -5493,6 +5600,19 @@
 				"js-yaml": "bin/js-yaml.js"
 			}
 		},
+		"node_modules/jsesc": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+			"integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+			"dev": true,
+			"license": "MIT",
+			"bin": {
+				"jsesc": "bin/jsesc"
+			},
+			"engines": {
+				"node": ">=6"
+			}
+		},
 		"node_modules/json-buffer": {
 			"version": "3.0.1",
 			"resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
@@ -5569,9 +5689,9 @@
 			}
 		},
 		"node_modules/known-css-properties": {
-			"version": "0.35.0",
+			"version": "0.36.0",
-			"resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.35.0.tgz",
+			"resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.36.0.tgz",
-			"integrity": "sha512-a/RAk2BfKk+WFGhhOCAYqSiFLc34k8Mt/6NWRI4joER0EYUzXIcFivjjnoD3+XU1DggLn/tZc3DOAgke7l8a4A==",
+			"integrity": "sha512-A+9jP+IUmuQsNdsLdcg6Yt7voiMF/D4K83ew0OpJtpu+l34ef7LaohWV0Rc6KNvzw6ZDizkqfyB5JznZnzuKQA==",
 			"dev": true,
 			"license": "MIT"
 		},
@@ -7988,9 +8108,9 @@
 			"license": "MIT"
 		},
 		"node_modules/semver": {
-			"version": "7.7.1",
+			"version": "7.7.2",
-			"resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+			"resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
-			"integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+			"integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
 			"dev": true,
 			"license": "ISC",
 			"bin": {
@@ -8288,9 +8408,9 @@
 			}
 		},
 		"node_modules/svelte": {
-			"version": "5.28.2",
+			"version": "5.28.6",
-			"resolved": "https://registry.npmjs.org/svelte/-/svelte-5.28.2.tgz",
+			"resolved": "https://registry.npmjs.org/svelte/-/svelte-5.28.6.tgz",
-			"integrity": "sha512-FbWBxgWOpQfhKvoGJv/TFwzqb4EhJbwCD17dB0tEpQiw1XyUEKZJtgm4nA4xq3LLsMo7hu5UY/BOFmroAxKTMg==",
+			"integrity": "sha512-9qqr7mw8YR9PAnxGFfzCK6PUlNGtns7wVavrhnxyf3fpB1mP/Ol55Z2UnIapsSzNNl3k9qw7cZ22PdE8+xT/jQ==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
@@ -8656,15 +8776,15 @@
 			}
 		},
 		"node_modules/typescript-eslint": {
-			"version": "8.32.0",
+			"version": "8.32.1",
-			"resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.32.0.tgz",
+			"resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.32.1.tgz",
-			"integrity": "sha512-UMq2kxdXCzinFFPsXc9o2ozIpYCCOiEC46MG3yEh5Vipq6BO27otTtEBZA1fQ66DulEUgE97ucQ/3YY66CPg0A==",
+			"integrity": "sha512-D7el+eaDHAmXvrZBy1zpzSNIRqnCOrkwTgZxTu3MUqRWk8k0q9m9Ho4+vPf7iHtgUfrK/o8IZaEApsxPlHTFCg==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
-				"@typescript-eslint/eslint-plugin": "8.32.0",
+				"@typescript-eslint/eslint-plugin": "8.32.1",
-				"@typescript-eslint/parser": "8.32.0",
+				"@typescript-eslint/parser": "8.32.1",
-				"@typescript-eslint/utils": "8.32.0"
+				"@typescript-eslint/utils": "8.32.1"
 			},
 			"engines": {
 				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"

client/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "trevstack",
 	"private": true,
-	"version": "0.0.22",
+	"version": "0.0.23",
 	"type": "module",
 	"scripts": {
 		"dev": "vite dev",
@@ -19,25 +19,26 @@
 		"@connectrpc/connect-web": "^2.0.2",
 		"@eslint/compat": "^1.2.9",
 		"@eslint/js": "^9.18.0",
+		"@ianvs/prettier-plugin-sort-imports": "^4.4.1",
 		"@lucide/svelte": "^0.479.0",
-		"@scalar/api-reference": "^1.28.32",
+		"@scalar/api-reference": "^1.28.33",
 		"@simplewebauthn/browser": "^13.1.0",
 		"@sveltejs/adapter-static": "^3.0.8",
-		"@sveltejs/kit": "^2.20.8",
+		"@sveltejs/kit": "^2.21.0",
 		"@sveltejs/vite-plugin-svelte": "^5.0.3",
 		"@tailwindcss/vite": "^4.1.6",
 		"bits-ui": "^1.4.8",
 		"clsx": "^2.1.1",
 		"eslint": "^9.26.0",
 		"eslint-config-prettier": "^10.1.5",
-		"eslint-plugin-svelte": "^3.5.1",
+		"eslint-plugin-svelte": "^3.6.0",
 		"fast-deep-equal": "^3.1.3",
 		"globals": "^16.1.0",
 		"mode-watcher": "^1.0.7",
 		"prettier": "^3.5.3",
 		"prettier-plugin-svelte": "^3.3.3",
 		"prettier-plugin-tailwindcss": "^0.6.11",
-		"svelte": "^5.28.2",
+		"svelte": "^5.28.6",
 		"svelte-check": "^4.1.7",
 		"svelte-sonner": "^0.3.28",
 		"tailwind-merge": "^3.3.0",
@@ -45,7 +46,7 @@
 		"tailwindcss": "^4.0.13",
 		"tw-animate-css": "^1.2.9",
 		"typescript": "^5.8.3",
-		"typescript-eslint": "^8.32.0",
+		"typescript-eslint": "^8.32.1",
 		"vite": "^6.3.5"
 	}
 }

client/src/app.html

@@ -8,7 +8,7 @@
 		<title>TrevStack</title>
 		%sveltekit.head%
 	</head>
-	<body data-sveltekit-preload-data="tap" class="bg-crust text-text min-h-screen">
+	<body data-sveltekit-preload-data="tap" class="bg-crust text-text min-h-dvh">
 		<div style="display: contents">%sveltekit.body%</div>
 	</body>
 </html>

client/src/lib/coolforms/coolforms.svelte.ts

@@ -1,14 +1,11 @@
-import {
+import type { DescMessage, DescService, MessageInitShape, MessageShape } from '@bufbuild/protobuf';
-	create,
+import type { Violation } from '@bufbuild/protovalidate';
-	type DescMessage,
+import type { Client } from '@connectrpc/connect';
-	type DescService,
-	type MessageShape,
-	type MessageInitShape
-} from '@bufbuild/protobuf';
-import { ValidationError, type Violation } from '@bufbuild/protovalidate';
-import { Validator } from '../transport';
-import { ConnectError, type Client } from '@connectrpc/connect';
 import type { Action } from 'svelte/action';
+import { create } from '@bufbuild/protobuf';
+import { ValidationError } from '@bufbuild/protovalidate';
+import { ConnectError } from '@connectrpc/connect';
+import { Validator } from '../transport';
 
 type Options<Input extends DescMessage, Output extends DescMessage> = {
 	init?: MessageInitShape<Input>;
@@ -30,9 +27,7 @@ export function coolForm<Service extends DescService, Method extends Service['me
 ) {
 	const input = $state(create(method.input as Method['input'], options?.init));
 	const output = $state(create(method.output as Method['output']));
-	const errors: Violations<Method['input']['field']> & {
+	const errors: Violations<Method['input']['field']> & { form?: ConnectError } = $state({});
-		form?: ConnectError;
-	} = $state({});
 	let loading = $state(false);
 
 	const validate = () => {

client/src/lib/coolforms/index.ts

@@ -1,4 +1,4 @@
-import { coolForm } from './coolforms.svelte';
 import { newState } from './conststate.svelte';
+import { coolForm } from './coolforms.svelte';
 
 export { coolForm, newState };

client/src/lib/transport.ts

@@ -1,11 +1,12 @@
-import { createConnectTransport } from '@connectrpc/connect-web';
+import type { Interceptor } from '@connectrpc/connect';
 import { createValidator } from '@bufbuild/protovalidate';
-import { Code, ConnectError, createClient, type Interceptor } from '@connectrpc/connect';
+import { Code, ConnectError, createClient } from '@connectrpc/connect';
-import { AuthService } from '$lib/connect/user/v1/auth_pb';
+import { createConnectTransport } from '@connectrpc/connect-web';
-import { UserService } from '$lib/connect/user/v1/user_pb';
-import { ItemService } from '$lib/connect/item/v1/item_pb';
 import { goto } from '$app/navigation';
 import { page } from '$app/state';
+import { ItemService } from '$lib/connect/item/v1/item_pb';
+import { AuthService } from '$lib/connect/user/v1/auth_pb';
+import { UserService } from '$lib/connect/user/v1/user_pb';
 
 const redirector: Interceptor = (next) => async (req) => {
 	try {

client/src/lib/ui/avatar/avatar-fallback.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Avatar as AvatarPrimitive } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { Avatar as AvatarPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),
@@ -13,7 +13,7 @@
 	bind:ref
 	data-slot="avatar-fallback"
 	class={cn(
-		'bg-surface outline-surface-2 flex size-full items-center justify-center rounded-full text-sm transition-all select-none',
+		'bg-surface flex size-full items-center justify-center rounded-full text-sm transition-all select-none',
 		className
 	)}
 	{...restProps}

client/src/lib/ui/avatar/avatar-image.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Avatar as AvatarPrimitive } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { Avatar as AvatarPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/avatar/avatar.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Avatar as AvatarPrimitive } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { Avatar as AvatarPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),
@@ -13,7 +13,8 @@
 	bind:ref
 	data-slot="avatar"
 	class={cn(
-		'outline-surface-1 relative flex size-9 shrink-0 overflow-hidden rounded-full outline outline-offset-2',
+		'outline-surface-1 relative flex size-9 shrink-0 overflow-hidden rounded-full shadow-xs outline outline-offset-2',
+
 		className
 	)}
 	{...restProps}

client/src/lib/ui/avatar/index.ts

@@ -1,6 +1,6 @@
-import Root from './avatar.svelte';
-import Image from './avatar-image.svelte';
 import Fallback from './avatar-fallback.svelte';
+import Image from './avatar-image.svelte';
+import Root from './avatar.svelte';
 
 export {
 	Root,

client/src/lib/ui/button/button.svelte

@@ -1,13 +1,14 @@
 <script lang="ts" module>
 	import type { WithElementRef } from 'bits-ui';
 	import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements';
-	import { type VariantProps, tv } from 'tailwind-variants';
+	import type { VariantProps } from 'tailwind-variants';
-	import { cn } from '$lib/utils';
 	import { LoaderCircle } from '@lucide/svelte';
+	import { cn } from '$lib/utils';
+	import { tv } from 'tailwind-variants';
 
 	export const buttonVariants = tv({
 		base: cn(
-			'inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap shadow-xs transition-all',
+			'inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all',
 
 			// Focus
 			'focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2',
@@ -24,7 +25,7 @@
 				red: 'text-crust bg-red hover:bg-red/90 shadow-xs',
 				outline: 'text-text border-surface-1 hover:bg-surface border bg-transparent shadow-xs',
 				input: 'text-text border-surface-1 hover:border-overlay border bg-transparent shadow-xs',
-				ghost: 'text-text hover:bg-surface shadow-xs'
+				ghost: 'text-text hover:bg-surface'
 			},
 			size: {
 				default: 'h-9 px-4 py-2 has-[>svg]:px-3',

client/src/lib/ui/button/index.ts

@@ -1,9 +1,5 @@
-import Root, {
+import type { ButtonProps, ButtonSize, ButtonVariant } from './button.svelte';
-	type ButtonProps,
+import Root, { buttonVariants } from './button.svelte';
-	type ButtonSize,
-	type ButtonVariant,
-	buttonVariants
-} from './button.svelte';
 
 export {
 	Root,

client/src/lib/ui/card/card.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { cn } from '$lib/utils';
 	import type { WithElementRef } from 'bits-ui';
 	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn } from '$lib/utils';
 
 	type Props = WithElementRef<HTMLAttributes<HTMLDivElement>>;
 

client/src/lib/ui/daterangepicker/daterangepicker.svelte

@@ -1,16 +1,12 @@
 <script lang="ts">
-	import CalendarIcon from '@lucide/svelte/icons/calendar';
+	import type { DateValue } from '@internationalized/date';
 	import type { DateRange } from 'bits-ui';
-	import {
-		CalendarDate,
-		DateFormatter,
-		type DateValue,
-		getLocalTimeZone
-	} from '@internationalized/date';
-	import { cn } from '$lib/utils.js';
 	import { buttonVariants } from '$lib/ui/button';
-	import { RangeCalendar } from '$lib/ui/range-calendar';
 	import * as Popover from '$lib/ui/popover';
+	import { RangeCalendar } from '$lib/ui/range-calendar';
+	import { CalendarDate, DateFormatter, getLocalTimeZone } from '@internationalized/date';
+	import CalendarIcon from '@lucide/svelte/icons/calendar';
+	import { cn } from '$lib/utils.js';
 
 	let {
 		className,
@@ -41,7 +37,11 @@
 <div class={cn('grid gap-2', className)}>
 	<Popover.Root>
 		<Popover.Trigger
-			class={cn(buttonVariants({ variant: 'input' }), 'bg-based', !value && 'text-subtext')}
+			class={cn(
+				buttonVariants({ variant: 'input' }),
+				'bg-based text-md md:text-sm',
+				!value && 'text-subtext'
+			)}
 		>
 			<CalendarIcon class="mr-2 size-4" />
 			{#if value && value.start}

client/src/lib/ui/dialog/dialog-content.svelte

@@ -1,9 +1,10 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
+	import type { WithoutChildrenOrChild } from 'bits-ui';
-	import X from '@lucide/svelte/icons/x';
 	import type { Snippet } from 'svelte';
-	import * as Dialog from './index.js';
+	import X from '@lucide/svelte/icons/x';
 	import { cn } from '$lib/utils.js';
+	import { Dialog as DialogPrimitive } from 'bits-ui';
+	import * as Dialog from './index.js';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/dialog/dialog-description.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { Dialog as DialogPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/dialog/dialog-header.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from 'svelte/elements';
 	import type { WithElementRef } from 'bits-ui';
+	import type { HTMLAttributes } from 'svelte/elements';
 	import { cn } from '$lib/utils.js';
 
 	let {

client/src/lib/ui/dialog/dialog-overlay.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { Dialog as DialogPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/dialog/dialog-title.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { Dialog as DialogPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/dialog/index.ts

@@ -1,14 +1,13 @@
 import { Dialog as DialogPrimitive } from 'bits-ui';
-
+import Close from './dialog-close.svelte';
-import Root from './dialog.svelte';
+import Content from './dialog-content.svelte';
-import Title from './dialog-title.svelte';
+import Description from './dialog-description.svelte';
 import Footer from './dialog-footer.svelte';
 import Header from './dialog-header.svelte';
 import Overlay from './dialog-overlay.svelte';
-import Content from './dialog-content.svelte';
+import Title from './dialog-title.svelte';
-import Description from './dialog-description.svelte';
 import Trigger from './dialog-trigger.svelte';
-import Close from './dialog-close.svelte';
+import Root from './dialog.svelte';
 
 const Portal = DialogPrimitive.Portal;
 

client/src/lib/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte

@@ -1,9 +1,10 @@
 <script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
+	import type { WithoutChildrenOrChild } from 'bits-ui';
+	import type { Snippet } from 'svelte';
 	import Check from '@lucide/svelte/icons/check';
 	import Minus from '@lucide/svelte/icons/minus';
 	import { cn } from '$lib/utils.js';
-	import type { Snippet } from 'svelte';
+	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/dropdown-menu/dropdown-menu-label.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
+	import type { HTMLAttributes } from 'svelte/elements';
 	import { cn } from '$lib/utils.js';
 	import { type WithElementRef } from 'bits-ui';
-	import type { HTMLAttributes } from 'svelte/elements';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/dropdown-menu/dropdown-menu-radio-item.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive, type WithoutChild } from 'bits-ui';
+	import type { WithoutChild } from 'bits-ui';
 	import Circle from '@lucide/svelte/icons/circle';
 	import { cn } from '$lib/utils.js';
+	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/dropdown-menu/dropdown-menu-separator.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/dropdown-menu/dropdown-menu-shortcut.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { HTMLAttributes } from 'svelte/elements';
-	import { type WithElementRef } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { type WithElementRef } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/dropdown-menu/dropdown-menu-sub-content.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
 	import ChevronRight from '@lucide/svelte/icons/chevron-right';
 	import { cn } from '$lib/utils.js';
+	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/dropdown-menu/index.ts

@@ -3,15 +3,15 @@ import CheckboxItem from './dropdown-menu-checkbox-item.svelte';
 import Content from './dropdown-menu-content.svelte';
 import Group from './dropdown-menu-group.svelte';
 import Item from './dropdown-menu-item.svelte';
-import Link from './dropdown-menu-link.svelte';
 import Label from './dropdown-menu-label.svelte';
+import Link from './dropdown-menu-link.svelte';
 import RadioGroup from './dropdown-menu-radio-group.svelte';
 import RadioItem from './dropdown-menu-radio-item.svelte';
 import Separator from './dropdown-menu-separator.svelte';
 import Shortcut from './dropdown-menu-shortcut.svelte';
-import Trigger from './dropdown-menu-trigger.svelte';
 import SubContent from './dropdown-menu-sub-content.svelte';
 import SubTrigger from './dropdown-menu-sub-trigger.svelte';
+import Trigger from './dropdown-menu-trigger.svelte';
 
 const Sub = DropdownMenuPrimitive.Sub;
 const Root = DropdownMenuPrimitive.Root;

client/src/lib/ui/form/errors.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
-	import { cn } from '$lib/utils';
-	import { getFormContext } from './context.svelte';
-	import type { WithElementRef, WithoutChildren } from 'bits-ui';
-	import type { HTMLAttributes } from 'svelte/elements';
 	import type { Violation } from '@bufbuild/protovalidate';
 	import type { ConnectError } from '@connectrpc/connect';
+	import type { WithElementRef, WithoutChildren } from 'bits-ui';
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn } from '$lib/utils';
+	import { getFormContext } from './context.svelte';
 
 	type Props = WithoutChildren<WithElementRef<HTMLAttributes<HTMLDivElement>>> & {
 		errors?: Violation[] | ConnectError;

client/src/lib/ui/form/field.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import { cn } from '$lib/utils';
-	import { setFormContext } from './context.svelte';
 	import type { WithElementRef } from 'bits-ui';
 	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn } from '$lib/utils';
+	import { setFormContext } from './context.svelte';
 
 	type Props = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
 		name?: string;

client/src/lib/ui/form/index.ts

@@ -1,5 +1,5 @@
-import Field from './field.svelte';
 import Errors from './errors.svelte';
+import Field from './field.svelte';
 import Label from './label.svelte';
 
 export { Field, Errors, Label };

client/src/lib/ui/form/label.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import { cn } from '$lib/utils';
-	import { getFormContext } from './context.svelte';
 	import type { WithElementRef } from 'bits-ui';
 	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn } from '$lib/utils';
+	import { getFormContext } from './context.svelte';
 
 	type Props = WithElementRef<HTMLAttributes<HTMLLabelElement>>;
 	let { ref = $bindable(null), class: className, children, ...restProps }: Props = $props();

client/src/lib/ui/input/input.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLInputAttributes, HTMLInputTypeAttribute } from 'svelte/elements';
 	import type { WithElementRef } from 'bits-ui';
+	import type { HTMLInputAttributes, HTMLInputTypeAttribute } from 'svelte/elements';
 	import { cn } from '$lib/utils.js';
 	import { getFormContext } from '../form/context.svelte';
 

client/src/lib/ui/label/label.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Label as LabelPrimitive } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { Label as LabelPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/pagination/index.ts

@@ -1,10 +1,10 @@
-import Root from './pagination.svelte';
 import Content from './pagination-content.svelte';
+import Ellipsis from './pagination-ellipsis.svelte';
 import Item from './pagination-item.svelte';
 import Link from './pagination-link.svelte';
-import PrevButton from './pagination-prev-button.svelte';
 import NextButton from './pagination-next-button.svelte';
-import Ellipsis from './pagination-ellipsis.svelte';
+import PrevButton from './pagination-prev-button.svelte';
+import Root from './pagination.svelte';
 
 export {
 	Root,

client/src/lib/ui/pagination/pagination-content.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from 'svelte/elements';
 	import type { WithElementRef } from 'bits-ui';
+	import type { HTMLAttributes } from 'svelte/elements';
 	import { cn } from '$lib/utils.js';
 
 	let {

client/src/lib/ui/pagination/pagination-ellipsis.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import Ellipsis from '@lucide/svelte/icons/ellipsis';
 	import type { WithElementRef, WithoutChildren } from 'bits-ui';
 	import type { HTMLAttributes } from 'svelte/elements';
+	import Ellipsis from '@lucide/svelte/icons/ellipsis';
 	import { cn } from '$lib/utils.js';
 
 	let {

client/src/lib/ui/pagination/pagination-item.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLLiAttributes } from 'svelte/elements';
 	import type { WithElementRef } from 'bits-ui';
+	import type { HTMLLiAttributes } from 'svelte/elements';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/pagination/pagination-link.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
-	import { Pagination as PaginationPrimitive } from 'bits-ui';
+	import type { Props } from '$lib/ui/button';
+	import { buttonVariants } from '$lib/ui/button';
 	import { cn } from '$lib/utils.js';
-	import { type Props, buttonVariants } from '$lib/ui/button';
+	import { Pagination as PaginationPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),
@@ -33,7 +34,7 @@
 			size
 		}),
 		'text-text',
-		isActive && 'bg-surface-1',
+		isActive && 'bg-surface',
 		className
 	)}
 	children={children || Fallback}

client/src/lib/ui/pagination/pagination-next-button.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import { Pagination as PaginationPrimitive } from 'bits-ui';
-	import ChevronRight from '@lucide/svelte/icons/chevron-right';
 	import { buttonVariants } from '$lib/ui/button/index.js';
+	import ChevronRight from '@lucide/svelte/icons/chevron-right';
 	import { cn } from '$lib/utils.js';
+	import { Pagination as PaginationPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/pagination/pagination-prev-button.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import { Pagination as PaginationPrimitive } from 'bits-ui';
-	import ChevronLeft from '@lucide/svelte/icons/chevron-left';
 	import { buttonVariants } from '$lib/ui/button/index.js';
+	import ChevronLeft from '@lucide/svelte/icons/chevron-left';
 	import { cn } from '$lib/utils.js';
+	import { Pagination as PaginationPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/pagination/pagination.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
-	import { Pagination as PaginationPrimitive } from 'bits-ui';
-
-	import { cn } from '$lib/utils.js';
 	import { pushState } from '$app/navigation';
+	import { cn } from '$lib/utils.js';
+	import { Pagination as PaginationPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/popover/index.ts

@@ -1,6 +1,7 @@
 import { Popover as PopoverPrimitive } from 'bits-ui';
 import Content from './popover-content.svelte';
 import Trigger from './popover-trigger.svelte';
+
 const Root = PopoverPrimitive.Root;
 const Close = PopoverPrimitive.Close;
 

client/src/lib/ui/range-calendar/index.ts

@@ -1,15 +1,15 @@
 import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
-import Root from './range-calendar.svelte';
 import Cell from './range-calendar-cell.svelte';
 import Day from './range-calendar-day.svelte';
-import Grid from './range-calendar-grid.svelte';
-import Header from './range-calendar-header.svelte';
-import Months from './range-calendar-months.svelte';
 import GridRow from './range-calendar-grid-row.svelte';
-import Heading from './range-calendar-heading.svelte';
+import Grid from './range-calendar-grid.svelte';
 import HeadCell from './range-calendar-head-cell.svelte';
+import Header from './range-calendar-header.svelte';
+import Heading from './range-calendar-heading.svelte';
+import Months from './range-calendar-months.svelte';
 import NextButton from './range-calendar-next-button.svelte';
 import PrevButton from './range-calendar-prev-button.svelte';
+import Root from './range-calendar.svelte';
 
 const GridHead = RangeCalendarPrimitive.GridHead;
 const GridBody = RangeCalendarPrimitive.GridBody;

client/src/lib/ui/range-calendar/range-calendar-cell.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/range-calendar/range-calendar-day.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
 	import { buttonVariants } from '$lib/ui/button/index.js';
 	import { cn } from '$lib/utils.js';
+	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),
@@ -17,7 +17,7 @@
 	class={cn(
 		buttonVariants({ variant: 'ghost' }),
 		'size-9 p-0 font-normal',
-		'[&[data-today]:not([data-selected])]:bg-blue [&[data-today]:not([data-selected])]:text-crust [&[data-today]:not([data-selected])]:rounded-md',
+		'[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-crust [&[data-today]:not([data-selected])]:rounded-md',
 		// Selected
 		'data-[selected]:bg-surface data-[selected]:hover:bg-surface-1 data-[selected]:rounded-none data-[selected]:opacity-100',
 		// Selection Start

client/src/lib/ui/range-calendar/range-calendar-grid-row.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/range-calendar/range-calendar-grid.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/range-calendar/range-calendar-head-cell.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/range-calendar/range-calendar-header.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/range-calendar/range-calendar-heading.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/range-calendar/range-calendar-next-button.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
-	import ChevronRight from '@lucide/svelte/icons/chevron-right';
 	import { buttonVariants } from '$lib/ui/button/index.js';
+	import ChevronRight from '@lucide/svelte/icons/chevron-right';
 	import { cn } from '$lib/utils.js';
+	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/range-calendar/range-calendar-prev-button.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
-	import ChevronLeft from '@lucide/svelte/icons/chevron-left';
 	import { buttonVariants } from '$lib/ui/button/index.js';
+	import ChevronLeft from '@lucide/svelte/icons/chevron-left';
 	import { cn } from '$lib/utils.js';
+	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/range-calendar/range-calendar.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
-	import { RangeCalendar as RangeCalendarPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
+	import type { WithoutChildrenOrChild } from 'bits-ui';
-	import * as RangeCalendar from './index.js';
 	import { cn } from '$lib/utils.js';
+	import { RangeCalendar as RangeCalendarPrimitive } from 'bits-ui';
+	import * as RangeCalendar from './index.js';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/select/index.ts

@@ -1,11 +1,10 @@
 import { Select as SelectPrimitive } from 'bits-ui';
-
-import Group from './select-group.svelte';
-import Label from './select-label.svelte';
-import Item from './select-item.svelte';
 import Content from './select-content.svelte';
-import Trigger from './select-trigger.svelte';
+import Group from './select-group.svelte';
+import Item from './select-item.svelte';
+import Label from './select-label.svelte';
 import Separator from './select-separator.svelte';
+import Trigger from './select-trigger.svelte';
 
 const Root = SelectPrimitive.Root;
 

client/src/lib/ui/select/select-content.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
-	import { Select as SelectPrimitive, type WithoutChild } from 'bits-ui';
+	import type { WithoutChild } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { Select as SelectPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/select/select-item.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
+	import type { WithoutChild } from 'bits-ui';
 	import Check from '@lucide/svelte/icons/check';
-	import { Select as SelectPrimitive, type WithoutChild } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { Select as SelectPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/select/select-label.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
+	import type { HTMLAttributes } from 'svelte/elements';
 	import { cn } from '$lib/utils.js';
 	import { type WithElementRef } from 'bits-ui';
-	import type { HTMLAttributes } from 'svelte/elements';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/select/select-trigger.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
-	import { Select as SelectPrimitive, type WithoutChild } from 'bits-ui';
+	import type { WithoutChild } from 'bits-ui';
 	import ChevronDown from '@lucide/svelte/icons/chevron-down';
 	import { cn } from '$lib/utils.js';
+	import { Select as SelectPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/separator/separator.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Separator as SeparatorPrimitive } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { Separator as SeparatorPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/sheet/index.ts

@@ -1,13 +1,13 @@
 import { Dialog as SheetPrimitive } from 'bits-ui';
-import Root from './sheet.svelte';
-import Trigger from './sheet-trigger.svelte';
 import Close from './sheet-close.svelte';
-import Overlay from './sheet-overlay.svelte';
 import Content from './sheet-content.svelte';
-import Header from './sheet-header.svelte';
-import Footer from './sheet-footer.svelte';
-import Title from './sheet-title.svelte';
 import Description from './sheet-description.svelte';
+import Footer from './sheet-footer.svelte';
+import Header from './sheet-header.svelte';
+import Overlay from './sheet-overlay.svelte';
+import Title from './sheet-title.svelte';
+import Trigger from './sheet-trigger.svelte';
+import Root from './sheet.svelte';
 
 const Portal = SheetPrimitive.Portal;
 

client/src/lib/ui/sheet/sheet-content.svelte

@@ -1,5 +1,7 @@
 <script lang="ts" module>
-	import { tv, type VariantProps } from 'tailwind-variants';
+	import type { VariantProps } from 'tailwind-variants';
+	import { tv } from 'tailwind-variants';
+
 	export const sheetVariants = tv({
 		base: 'bg-mantle border-surface data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 gap-4 p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',
 		variants: {
@@ -21,11 +23,12 @@
 </script>
 
 <script lang="ts">
-	import { Dialog as SheetPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
+	import type { WithoutChildrenOrChild } from 'bits-ui';
-	import X from '@lucide/svelte/icons/x';
 	import type { Snippet } from 'svelte';
-	import SheetOverlay from './sheet-overlay.svelte';
+	import X from '@lucide/svelte/icons/x';
 	import { cn } from '$lib/utils.js';
+	import { Dialog as SheetPrimitive } from 'bits-ui';
+	import SheetOverlay from './sheet-overlay.svelte';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/sheet/sheet-description.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Dialog as SheetPrimitive } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { Dialog as SheetPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/sheet/sheet-header.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from 'svelte/elements';
 	import type { WithElementRef } from 'bits-ui';
+	import type { HTMLAttributes } from 'svelte/elements';
 	import { cn } from '$lib/utils.js';
 
 	let {

client/src/lib/ui/sheet/sheet-overlay.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Dialog as SheetPrimitive } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { Dialog as SheetPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/sheet/sheet-title.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Dialog as SheetPrimitive } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { Dialog as SheetPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/sonner/sonner.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-	import { Toaster as Sonner, type ToasterProps as SonnerProps } from 'svelte-sonner';
+	import type { ToasterProps as SonnerProps } from 'svelte-sonner';
+	import { Toaster as Sonner } from 'svelte-sonner';
 
 	let { ...restProps }: SonnerProps = $props();
 </script>
@@ -12,7 +13,7 @@
 				'bg-based text-sm flex gap-2 px-4 border border-surface-1 p-2 rounded-md items-center text-text w-full min-h-12',
 			title: 'text-text',
 			description: 'text-subtext text-xs',
-			actionButton: 'bg-blue',
+			actionButton: 'bg-accent',
 			cancelButton: 'bg-red',
 			closeButton: 'bg-green'
 		}

client/src/lib/ui/table/index.ts

@@ -1,4 +1,3 @@
-import Root from './table.svelte';
 import Body from './table-body.svelte';
 import Caption from './table-caption.svelte';
 import Cell from './table-cell.svelte';
@@ -6,6 +5,7 @@ import Footer from './table-footer.svelte';
 import Head from './table-head.svelte';
 import Header from './table-header.svelte';
 import Row from './table-row.svelte';
+import Root from './table.svelte';
 
 export {
 	Root,

client/src/lib/ui/table/table-body.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from 'svelte/elements';
 	import type { WithElementRef } from 'bits-ui';
+	import type { HTMLAttributes } from 'svelte/elements';
 	import { cn } from '$lib/utils.js';
 
 	let {

client/src/lib/ui/table/table-caption.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from 'svelte/elements';
 	import type { WithElementRef } from 'bits-ui';
+	import type { HTMLAttributes } from 'svelte/elements';
 	import { cn } from '$lib/utils.js';
 
 	let {

client/src/lib/ui/table/table-cell.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLTdAttributes } from 'svelte/elements';
 	import type { WithElementRef } from 'bits-ui';
+	import type { HTMLTdAttributes } from 'svelte/elements';
 	import { cn } from '$lib/utils.js';
 
 	let {

client/src/lib/ui/table/table-footer.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from 'svelte/elements';
 	import type { WithElementRef } from 'bits-ui';
+	import type { HTMLAttributes } from 'svelte/elements';
 	import { cn } from '$lib/utils.js';
 
 	let {

client/src/lib/ui/table/table-head.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLThAttributes } from 'svelte/elements';
 	import type { WithElementRef } from 'bits-ui';
+	import type { HTMLThAttributes } from 'svelte/elements';
 	import { cn } from '$lib/utils.js';
 
 	let {

client/src/lib/ui/table/table-header.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from 'svelte/elements';
 	import type { WithElementRef } from 'bits-ui';
+	import type { HTMLAttributes } from 'svelte/elements';
 	import { cn } from '$lib/utils.js';
 
 	let {

client/src/lib/ui/table/table-row.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from 'svelte/elements';
 	import type { WithElementRef } from 'bits-ui';
+	import type { HTMLAttributes } from 'svelte/elements';
 	import { cn } from '$lib/utils.js';
 
 	let {

client/src/lib/ui/table/table.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLTableAttributes } from 'svelte/elements';
 	import type { WithElementRef } from 'bits-ui';
+	import type { HTMLTableAttributes } from 'svelte/elements';
 	import { cn } from '$lib/utils.js';
 
 	let {

client/src/lib/ui/tabs/index.ts

@@ -1,7 +1,7 @@
-import Root from './tabs.svelte';
 import Content from './tabs-content.svelte';
 import List from './tabs-list.svelte';
 import Trigger from './tabs-trigger.svelte';
+import Root from './tabs.svelte';
 
 export {
 	Root,

client/src/lib/ui/tabs/tabs-content.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Tabs as TabsPrimitive } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { Tabs as TabsPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/tabs/tabs-list.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Tabs as TabsPrimitive } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { Tabs as TabsPrimitive } from 'bits-ui';
 
 	let { ref = $bindable(null), class: className, ...restProps }: TabsPrimitive.ListProps = $props();
 </script>
@@ -9,7 +9,7 @@
 	bind:ref
 	data-slot="tabs-list"
 	class={cn(
-		'bg-based inline-flex h-9 w-fit items-center justify-center gap-1 rounded-lg p-[3px]',
+		'bg-based inline-flex h-11 w-fit items-center justify-center gap-1 rounded-lg p-[3px]',
 		className
 	)}
 	{...restProps}

client/src/lib/ui/tabs/tabs-trigger.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Tabs as TabsPrimitive } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { Tabs as TabsPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/ui/tabs/tabs.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Tabs as TabsPrimitive } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
+	import { Tabs as TabsPrimitive } from 'bits-ui';
 
 	let {
 		ref = $bindable(null),

client/src/lib/utils.ts

@@ -1,4 +1,5 @@
-import { type ClassValue, clsx } from 'clsx';
+import type { ClassValue } from 'clsx';
+import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 
 export function cn(...inputs: ClassValue[]) {

client/src/routes/(app)/+layout.svelte

@@ -1,26 +1,27 @@
 <script lang="ts">
-	import * as Sheet from '$lib/ui/sheet';
-	import * as DropdownMenu from '$lib/ui/dropdown-menu';
-	import * as Avatar from '$lib/ui/avatar';
-	import {
-		LayoutGrid,
-		LogOut,
-		Menu,
-		LayoutList,
-		Book,
-		House,
-		Sun,
-		Moon,
-		Settings
-	} from '@lucide/svelte';
-	import { Button } from '$lib/ui/button';
-	import { toggleMode } from 'mode-watcher';
-	import { toast } from 'svelte-sonner';
-	import { goto } from '$app/navigation';
-	import { AuthClient, UserClient } from '$lib/transport';
-	import { userState } from '$lib/sharedState.svelte';
 	import type { Snippet } from 'svelte';
 	import type { PageData } from './$types';
+	import * as Avatar from '$lib/ui/avatar';
+	import { Button } from '$lib/ui/button';
+	import * as DropdownMenu from '$lib/ui/dropdown-menu';
+	import * as Sheet from '$lib/ui/sheet';
+	import {
+		Book,
+		House,
+		LayoutGrid,
+		LayoutList,
+		LogOut,
+		Menu,
+		Moon,
+		Settings,
+		Sun
+	} from '@lucide/svelte';
+	import { goto } from '$app/navigation';
+	import { userState } from '$lib/sharedState.svelte';
+	import { AuthClient, UserClient } from '$lib/transport';
+	import { toggleMode } from 'mode-watcher';
+	import { toast } from 'svelte-sonner';
+	import pkg from '../../../package.json' with { type: 'json' };
 
 	interface Props {
 		data: PageData | undefined;
@@ -46,9 +47,9 @@
 	}
 </script>
 
-<div class="flex min-h-screen flex-col justify-between gap-2">
+<div class="flex min-h-dvh flex-col justify-between gap-2">
 	<header
-		class="bg-mantle border-surface text-text flex h-14 w-full items-center justify-between border-b px-4 py-4 lg:px-10"
+		class="bg-mantle border-surface text-text sticky top-0 z-50 flex h-14 w-full items-center justify-between border-b px-4 py-4 lg:px-10"
 	>
 		<!-- Left -->
 		<a href="/" class="flex items-center gap-2 text-2xl font-bold tracking-wider select-none">
@@ -57,7 +58,7 @@
 		</a>
 
 		<!-- Center -->
-		<div class="bg-crust hidden items-center gap-3 rounded-md p-1 lg:flex">
+		<div class="bg-crust hidden items-center gap-2 rounded-md p-1 lg:flex">
 			<Button variant="ghost" class="hover:bg-based" href="/">
 				<House />
 				Home
@@ -80,6 +81,7 @@
 						<Avatar.Root {...props}>
 							{#if userState.user?.profilePictureId}
 								<Avatar.Image
+									class="hover:brightness-125"
 									src={`/file/${userState.user.profilePictureId}`}
 									alt={`${userState.user?.username}'s avatar`}
 								/>
@@ -223,6 +225,6 @@
 	</div>
 
 	<footer class="border-surface text-subtext bg-mantle flex justify-center border-t py-1 text-xs">
-		v. version
+		v. {pkg.version}
 	</footer>
 </div>

client/src/routes/(app)/items/+page.svelte

@@ -1,19 +1,20 @@
 <script lang="ts">
-	import * as Select from '$lib/ui/select';
+	import type { Item } from '$lib/connect/item/v1/item_pb';
+	import { Button } from '$lib/ui/button';
+	import { Card } from '$lib/ui/card';
+	import { DateRangePicker } from '$lib/ui/daterangepicker';
 	import * as Dialog from '$lib/ui/dialog';
 	import * as Form from '$lib/ui/form';
-	import * as Table from '$lib/ui/table';
-	import { ItemClient } from '$lib/transport';
-	import { Skeleton } from '$lib/ui/skeleton';
-	import { Plus, Trash, Pencil, LoaderCircle } from '@lucide/svelte';
-	import { Button } from '$lib/ui/button';
-	import { timestampFromDate, timestampDate } from '@bufbuild/protobuf/wkt';
 	import { Input } from '$lib/ui/input';
-	import { ItemService, type Item } from '$lib/connect/item/v1/item_pb';
-	import { DateRangePicker } from '$lib/ui/daterangepicker';
-	import { coolForm, newState } from '$lib/coolforms';
-	import { Card } from '$lib/ui/card';
 	import { Pager } from '$lib/ui/pager';
+	import * as Select from '$lib/ui/select';
+	import { Skeleton } from '$lib/ui/skeleton';
+	import * as Table from '$lib/ui/table';
+	import { timestampDate, timestampFromDate } from '@bufbuild/protobuf/wkt';
+	import { LoaderCircle, Pencil, Plus, Trash } from '@lucide/svelte';
+	import { ItemService } from '$lib/connect/item/v1/item_pb';
+	import { coolForm, newState } from '$lib/coolforms';
+	import { ItemClient } from '$lib/transport';
 	import { cn } from '$lib/utils';
 
 	const get = coolForm(ItemClient, ItemService.method.getItems, {
@@ -27,11 +28,9 @@
 </script>
 
 <div class="mx-4 my-2 flex flex-wrap items-center justify-center gap-2">
-	<LoaderCircle class={cn('invisible animate-spin', get.loading() && 'visible')} />
-
 	<Input
 		bind:value={get.input.filter}
-		class="bg-based w-md"
+		class="bg-based max-w-sm"
 		placeholder="Filter"
 		onchange={() => {
 			get.submit();
@@ -65,6 +64,8 @@
 			get.submit();
 		}}
 	/>
+
+	<LoaderCircle class={cn('invisible animate-spin', get.loading() && 'visible')} />
 </div>
 
 {#snippet editModal(item: Item)}
@@ -260,9 +261,7 @@
 </div>
 
 <div class="flex flex-wrap justify-center gap-2 px-4 sm:hidden">
-	{#if get.loading() && get.output.items.length == 0}
+	{#if get.output.items.length > 0}
-		<span>Loading</span>
-	{:else}
 		{#each get.output.items as item (item.id)}
 			<Card class="flex flex-wrap gap-4">
 				<div class="flex flex-col">
@@ -296,7 +295,7 @@
 	{/if}
 </div>
 
-<div class="mx-4 mt-2 mb-4 flex justify-end sm:mt-1">
+<div class="mx-4 my-2 flex justify-end">
 	{@render createModal()}
 </div>
 

client/src/routes/(app)/settings/+page.svelte

@@ -1,18 +1,18 @@
 <script lang="ts">
 	import * as Avatar from '$lib/ui/avatar';
+	import { Button } from '$lib/ui/button';
+	import { Card } from '$lib/ui/card';
 	import * as Dialog from '$lib/ui/dialog';
 	import * as Form from '$lib/ui/form';
-	import { UserClient } from '$lib/transport';
-	import { Button } from '$lib/ui/button';
 	import { Input } from '$lib/ui/input';
-	import { toast } from 'svelte-sonner';
-	import { userState } from '$lib/sharedState.svelte';
-	import { coolForm, newState } from '$lib/coolforms';
-	import { UserService } from '$lib/connect/user/v1/user_pb';
-	import { Card } from '$lib/ui/card';
 	import { Separator } from '$lib/ui/separator';
-	import { startRegistration } from '@simplewebauthn/browser';
 	import { ConnectError } from '@connectrpc/connect';
+	import { startRegistration } from '@simplewebauthn/browser';
+	import { UserService } from '$lib/connect/user/v1/user_pb';
+	import { coolForm, newState } from '$lib/coolforms';
+	import { userState } from '$lib/sharedState.svelte';
+	import { UserClient } from '$lib/transport';
+	import { toast } from 'svelte-sonner';
 
 	const updatePassword = coolForm(UserClient, UserService.method.updatePassword, {
 		reset: true,

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

@@ -1,22 +1,25 @@
 <script lang="ts">
-	import * as Tabs from '$lib/ui/tabs';
+	import { Button } from '$lib/ui/button';
+	import { Card } from '$lib/ui/card';
 	import * as Form from '$lib/ui/form';
 	import { Input } from '$lib/ui/input';
-	import { Button } from '$lib/ui/button';
+	import * as Tabs from '$lib/ui/tabs';
-	import { AuthClient } from '$lib/transport';
-	import { toast } from 'svelte-sonner';
-	import { AuthService } from '$lib/connect/user/v1/auth_pb';
-	import { coolForm } from '$lib/coolforms';
-	import { Card } from '$lib/ui/card';
-	import { goto } from '$app/navigation';
-	import { page } from '$app/state';
-	import { startAuthentication } from '@simplewebauthn/browser';
 	import { ConnectError } from '@connectrpc/connect';
 	import { Fingerprint } from '@lucide/svelte';
+	import { startAuthentication } from '@simplewebauthn/browser';
+	import { goto } from '$app/navigation';
+	import { page } from '$app/state';
+	import { AuthService } from '$lib/connect/user/v1/auth_pb';
+	import { coolForm } from '$lib/coolforms';
+	import { AuthClient } from '$lib/transport';
+	import { toast } from 'svelte-sonner';
 
 	let tabValue = $state('login');
 
 	async function redirect() {
+		localStorage.setItem('username', login.input.username);
+		login.input.password = '';
+
 		if (page.url.searchParams.has('redir')) {
 			const uri = decodeURIComponent(page.url.searchParams.get('redir')!);
 			await goto(uri);
@@ -27,6 +30,10 @@
 	}
 
 	const login = coolForm(AuthClient, AuthService.method.login, {
+		init: {
+			username: localStorage.getItem('username') ?? ''
+		},
+		reset: false,
 		onResult: () => {
 			redirect();
 		}
@@ -67,7 +74,7 @@
 	}
 </script>
 
-<div class="flex h-screen flex-col items-center justify-center">
+<div class="flex h-dvh flex-col items-center justify-center">
 	<Tabs.Root bind:value={tabValue} class="min-w-full px-2 sm:min-w-sm">
 		<Tabs.List class="w-full">
 			<Tabs.Trigger value="login">Log In</Tabs.Trigger>
@@ -93,7 +100,7 @@
 					<div class="flex gap-1">
 						<Button type="submit" loading={login.loading()} class="grow">Submit</Button>
 						{#if login.input.username}
-							<Button type="button" onclick={passkeyLogin}><Fingerprint /></Button>
+							<Button type="button" onclick={passkeyLogin} class="min-w-18"><Fingerprint /></Button>
 						{/if}
 					</div>
 				</form>

client/vite.config.ts

@@ -1,6 +1,6 @@
 import { sveltekit } from '@sveltejs/kit/vite';
-import { defineConfig } from 'vite';
 import tailwindcss from '@tailwindcss/vite';
+import { defineConfig } from 'vite';
 
 export default defineConfig({
 	plugins: [tailwindcss(), sveltekit()],
@@ -15,6 +15,9 @@ export default defineConfig({
 				changeOrigin: true
 			}
 		},
+		fs: {
+			allow: ['package.json']
+		},
 		host: '0.0.0.0'
 	}
 });

flake.nix

@@ -21,7 +21,7 @@
     ...
   }: let
     pname = "trevstack";
-    version = "0.0.22";
+    version = "0.0.23";
 
     build-systems = [
       "x86_64-linux"
@@ -126,7 +126,7 @@
           pname = "check-client";
           inherit version;
           src = ./client;
-          npmDepsHash = "sha256-gs4QQYL54/WHexe+amBoyZqDfWXWROU97WnTIXiVsEY=";
+          npmDepsHash = "sha256-Te5HGbp7mKG3p1P4O266IpoPPBN7oQ/dZbttdgKbgWs=";
           dontNpmInstall = true;
 
           buildPhase = ''
@@ -188,7 +188,7 @@
         client = pkgs.buildNpmPackage {
           inherit pname version;
           src = ./client;
-          npmDepsHash = "sha256-gs4QQYL54/WHexe+amBoyZqDfWXWROU97WnTIXiVsEY=";
+          npmDepsHash = "sha256-Te5HGbp7mKG3p1P4O266IpoPPBN7oQ/dZbttdgKbgWs=";
 
           installPhase = ''
             cp -r build "$out"

server/cmd/trevstack/main.go

@@ -6,7 +6,6 @@ import (
 	"errors"
 	"fmt"
 	"log"
-	"log/slog"
 	"net/http"
 	"net/url"
 	"os"
@@ -30,9 +29,6 @@ import (
 )
 
 func main() {
-	logger := slog.New(slog.NewTextHandler(os.Stdout, &slog.HandlerOptions{}))
-	slog.SetDefault(logger)
-
 	// Get env
 	env, err := getEnv()
 	if err != nil {
@@ -91,7 +87,7 @@ func main() {
 	signal.Notify(sigs, syscall.SIGINT, syscall.SIGTERM)
 	go func() {
 		sig := <-sigs
-		slog.Warn(fmt.Sprintf("Received signal %s, exiting", sig))
+		log.Printf("Received signal %s, exiting", sig)
 
 		// Close HTTP server
 		ctx, cancel := context.WithTimeout(context.Background(), 10*time.Second)
@@ -120,7 +116,7 @@ type env struct {
 func getEnv() (*env, error) {
 	err := godotenv.Load()
 	if err != nil {
-		slog.Warn("Failed to load .env file, using environment variables")
+		log.Println("Failed to load .env file, using environment variables")
 	}
 
 	// Create