diff --git a/warpgate-web/.eslintrc.yaml b/warpgate-web/.eslintrc.yaml
deleted file mode 100644
index 602738301..000000000
--- a/warpgate-web/.eslintrc.yaml
+++ /dev/null
@@ -1,165 +0,0 @@
-parser: '@typescript-eslint/parser'
-parserOptions:
-  sourceType: module
-  project:
-    - ./tsconfig.json
-  extraFileExtensions:
-    - .svelte
-env:
-  es6: true
-  browser: true
-extends:
-  - 'plugin:import/recommended'
-  - 'plugin:import/typescript'
-  - 'plugin:@typescript-eslint/all'
-  - 'plugin:svelte/recommended'
-plugins:
-  - import
-  - '@typescript-eslint/eslint-plugin'
-settings:
-  import/resolver:
-    typescript: {}
-rules:
-  '@typescript-eslint/semi':
-    - error
-    - never
-  '@typescript-eslint/indent':
-    - error
-    - 4
-  '@typescript-eslint/explicit-member-accessibility':
-    - error
-    - accessibility: no-public
-      overrides:
-        parameterProperties: explicit
-  '@typescript-eslint/no-require-imports': 'off'
-  '@typescript-eslint/no-parameter-properties': 'off'
-  '@typescript-eslint/explicit-function-return-type': 'off'
-  '@typescript-eslint/no-explicit-any': 'off'
-  '@typescript-eslint/no-magic-numbers': 'off'
-  '@typescript-eslint/member-delimiter-style': 'off'
-  '@typescript-eslint/promise-function-async': 'off'
-  '@typescript-eslint/require-array-sort-compare': 'off'
-  '@typescript-eslint/no-floating-promises': 'off'
-  '@typescript-eslint/prefer-readonly': 'off'
-  '@typescript-eslint/require-await': 'off'
-  '@typescript-eslint/strict-boolean-expressions': 'off'
-  '@typescript-eslint/no-misused-promises':
-    - error
-    - checksVoidReturn: false
-  '@typescript-eslint/typedef': 'off'
-  '@typescript-eslint/consistent-type-imports': 'off'
-  '@typescript-eslint/sort-type-union-intersection-members': 'off'
-  '@typescript-eslint/no-use-before-define':
-    - error
-    - classes: false
-      functions: false
-  no-duplicate-imports: error
-  array-bracket-spacing:
-    - error
-    - never
-  block-scoped-var: error
-  brace-style: 'off'
-  '@typescript-eslint/brace-style':
-    - error
-    - 1tbs
-    - allowSingleLine: true
-  computed-property-spacing:
-    - error
-    - never
-  curly: error
-  eol-last: error
-  eqeqeq:
-    - error
-    - smart
-  max-depth:
-    - 1
-    - 5
-  max-statements:
-    - 1
-    - 80
-  no-multiple-empty-lines: error
-  no-mixed-spaces-and-tabs: error
-  no-trailing-spaces: error
-  '@typescript-eslint/no-unused-vars':
-    - error
-    - vars: all
-      args: after-used
-      argsIgnorePattern: ^_
-  no-undef: error
-  no-var: error
-  object-curly-spacing: 'off'
-  '@typescript-eslint/object-curly-spacing':
-    - error
-    - always
-  quote-props:
-    - warn
-    - as-needed
-    - keywords: true
-      numbers: true
-  quotes: 'off'
-  '@typescript-eslint/quotes':
-    - error
-    - single
-    - allowTemplateLiterals: true
-  '@typescript-eslint/no-confusing-void-expression':
-    - error
-    - ignoreArrowShorthand: true
-  '@typescript-eslint/no-non-null-assertion': 'off'
-  '@typescript-eslint/no-unnecessary-condition':
-    - error
-    - allowConstantLoopConditions: true
-  '@typescript-eslint/restrict-template-expressions': 'off'
-  '@typescript-eslint/prefer-readonly-parameter-types': 'off'
-  '@typescript-eslint/no-unsafe-member-access': 'off'
-  '@typescript-eslint/no-unsafe-call': 'off'
-  '@typescript-eslint/no-unsafe-return': 'off'
-  '@typescript-eslint/no-unsafe-assignment': 'off'
-  '@typescript-eslint/naming-convention': 'off'
-  '@typescript-eslint/lines-between-class-members':
-    - error
-    - always
-    - exceptAfterSingleLine: true
-  '@typescript-eslint/dot-notation': 'off'
-  '@typescript-eslint/no-implicit-any-catch': 'off'
-  '@typescript-eslint/member-ordering': 'off'
-  '@typescript-eslint/no-var-requires': 'off'
-  '@typescript-eslint/no-unsafe-argument': 'off'
-  '@typescript-eslint/restrict-plus-operands': 'off'
-  '@typescript-eslint/space-infix-ops': 'off'
-  '@typescript-eslint/no-type-alias':
-    - error
-    - allowAliases: in-unions-and-intersections
-      allowLiterals: always
-      allowCallbacks: always
-  '@typescript-eslint/comma-dangle':
-  - error
-  - arrays: always-multiline
-    objects: always-multiline
-    imports: always-multiline
-    exports: always-multiline
-    functions: only-multiline
-  '@typescript-eslint/use-unknown-in-catch-callback-variable': off
-
-overrides:
-  - files: '*.svelte'
-    parser: 'svelte-eslint-parser'
-    parserOptions:
-      svelteFeatures:
-        experimentalGenerics: true
-      parser:
-        ts: '@typescript-eslint/parser'
-        js: 'espree'
-        typescript: '@typescript-eslint/parser'
-    rules:
-        # To allow prop definitions
-        '@typescript-eslint/init-declarations': off
-        # False positives for {#if}
-        '@typescript-eslint/no-unnecessary-condition': off
-        # False positives for FontAwesome
-        import/no-named-as-default: off
-        import/no-named-as-default-member: off
-
-ignorePatterns:
-- svelte.config.js
-- vite.config.ts
-- src/*/lib/api-client/**
diff --git a/warpgate-web/eslint.config.mjs b/warpgate-web/eslint.config.mjs
new file mode 100644
index 000000000..d17afdda1
--- /dev/null
+++ b/warpgate-web/eslint.config.mjs
@@ -0,0 +1,178 @@
+// eslint.config.cjs
+
+import globals from "globals";
+import eslintPluginSvelte from 'eslint-plugin-svelte';
+import js from '@eslint/js';
+import svelteParser from 'svelte-eslint-parser';
+import tsEslint from 'typescript-eslint';
+import tsParser from '@typescript-eslint/parser';
+import stylistic from '@stylistic/eslint-plugin'
+
+export default [
+  js.configs.recommended,
+  ...tsEslint.configs.strict,
+  ...eslintPluginSvelte.configs['flat/recommended'],
+  {
+    ignores: ["**/svelte.config.js", "**/vite.config.ts", "src/*/lib/api-client/**/*"],
+  },
+  {
+    plugins: {
+        '@stylistic': stylistic,
+    },
+    languageOptions: {
+      parser: svelteParser,
+      parserOptions: {
+        projectService: true,
+        tsconfigRootDir: import.meta.dirname,
+        parser: tsParser,
+        extraFileExtensions: [".svelte"],
+      },
+      globals: {
+          ...globals.browser,
+      },
+    },
+    rules: {
+        "@stylistic/semi": ["error", "never"],
+        "@stylistic/indent": ["error", 4],
+
+        "@typescript-eslint/explicit-member-accessibility": ["error", {
+            accessibility: "no-public",
+
+            overrides: {
+                parameterProperties: "explicit",
+            },
+        }],
+
+        "@typescript-eslint/no-require-imports": "off",
+        "@typescript-eslint/no-parameter-properties": "off",
+        "@typescript-eslint/explicit-function-return-type": "off",
+        "@typescript-eslint/no-explicit-any": "off",
+        "@typescript-eslint/no-magic-numbers": "off",
+        "@typescript-eslint/member-delimiter-style": "off",
+        "@typescript-eslint/promise-function-async": "off",
+        "@typescript-eslint/require-array-sort-compare": "off",
+        "@typescript-eslint/no-floating-promises": "off",
+        "@typescript-eslint/prefer-readonly": "off",
+        "@typescript-eslint/require-await": "off",
+        "@typescript-eslint/strict-boolean-expressions": "off",
+        "@typescript-eslint/explicit-module-boundary-types": "error",
+
+        // "@typescript-eslint/no-misused-promises": ["error", {
+        //     checksVoidReturn: false,
+        // }],
+
+        "@typescript-eslint/typedef": "off",
+        "@typescript-eslint/consistent-type-imports": "off",
+        "@typescript-eslint/sort-type-union-intersection-members": "off",
+
+        "@typescript-eslint/no-use-before-define": ["error", {
+            classes: false,
+            functions: false,
+        }],
+
+        "no-duplicate-imports": "error",
+        "array-bracket-spacing": ["error", "never"],
+        "block-scoped-var": "error",
+        "brace-style": "off",
+
+        "@stylistic/brace-style": ["error", "1tbs", {
+            allowSingleLine: true,
+        }],
+
+        "computed-property-spacing": ["error", "never"],
+        curly: "error",
+        "eol-last": "error",
+        eqeqeq: ["error", "smart"],
+        "max-depth": [1, 5],
+        "max-statements": [1, 80],
+        "no-multiple-empty-lines": "error",
+        "no-mixed-spaces-and-tabs": "error",
+        "no-trailing-spaces": "error",
+
+        "@typescript-eslint/no-unused-vars": ["error", {
+            vars: "all",
+            args: "after-used",
+            argsIgnorePattern: "^_",
+        }],
+
+        "no-undef": "error",
+        "no-var": "error",
+        "object-curly-spacing": "off",
+        "@stylistic/object-curly-spacing": ["error", "always"],
+
+        "quote-props": ["warn", "as-needed", {
+            keywords: true,
+            numbers: true,
+        }],
+
+        quotes: "off",
+
+        "@stylistic/quotes": ["error", "single", {
+            allowTemplateLiterals: true,
+        }],
+
+        "@typescript-eslint/no-confusing-void-expression": ["error", {
+            ignoreArrowShorthand: true,
+        }],
+
+        "@typescript-eslint/no-non-null-assertion": "off",
+
+        // "@typescript-eslint/no-unnecessary-condition": ["error", {
+        //     allowConstantLoopConditions: true,
+        // }],
+
+        "@typescript-eslint/restrict-template-expressions": "off",
+        "@typescript-eslint/prefer-readonly-parameter-types": "off",
+        "@typescript-eslint/no-unsafe-member-access": "off",
+        "@typescript-eslint/no-unsafe-call": "off",
+        "@typescript-eslint/no-unsafe-return": "off",
+        "@typescript-eslint/no-unsafe-assignment": "off",
+        "@typescript-eslint/naming-convention": "off",
+
+        "@stylistic/lines-between-class-members": ["error", "always", {
+            exceptAfterSingleLine: true,
+        }],
+
+        "@typescript-eslint/dot-notation": "off",
+        "@typescript-eslint/no-implicit-any-catch": "off",
+        "@typescript-eslint/member-ordering": "off",
+        "@typescript-eslint/no-var-requires": "off",
+        "@typescript-eslint/no-unsafe-argument": "off",
+        "@typescript-eslint/restrict-plus-operands": "off",
+        "@typescript-eslint/space-infix-ops": "off",
+
+        "@typescript-eslint/no-type-alias": ["error", {
+            allowAliases: "in-unions-and-intersections",
+            allowLiterals: "always",
+            allowCallbacks: "always",
+        }],
+
+        "@stylistic/comma-dangle": ["error", {
+            arrays: "always-multiline",
+            objects: "always-multiline",
+            imports: "always-multiline",
+            exports: "always-multiline",
+            functions: "only-multiline",
+        }],
+
+        "@typescript-eslint/use-unknown-in-catch-callback-variable": "off",
+    },
+  },
+  {
+    files: ['**/*.svelte'],
+    languageOptions: {
+      parser: svelteParser,
+      parserOptions: {
+        projectService: true,
+        tsconfigRootDir: import.meta.dirname,
+        parser: tsParser,
+      },
+    },
+    rules: {
+      'svelte/no-target-blank': 'error',
+      'svelte/no-at-debug-tags': 'error',
+      'svelte/no-reactive-functions': 'error',
+      'svelte/no-reactive-literals': 'error',
+    },
+  },
+];
diff --git a/warpgate-web/package.json b/warpgate-web/package.json
index e9f673d09..089fa916d 100644
--- a/warpgate-web/package.json
+++ b/warpgate-web/package.json
@@ -25,17 +25,17 @@
     "@otplib/plugin-base32-enc-dec": "^12.0.1",
     "@otplib/plugin-crypto-js": "^12.0.1",
     "@otplib/preset-browser": "^12.0.1",
-    "@sveltejs/vite-plugin-svelte": "^3.1.2",
+    "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "@sveltestrap/sveltestrap": "^6.2.7",
     "@tsconfig/svelte": "^5.0.0",
     "@types/qrcode": "^1.5.0",
     "@types/ua-parser-js": "^0.7.36",
-    "@typescript-eslint/eslint-plugin": "^7.17.0",
-    "@typescript-eslint/parser": "^7.18.0",
+    "@xterm/addon-serialize": "^0.13",
+    "@xterm/xterm": "^5.5",
     "bootstrap": "^5.3.3",
     "copy-text-to-clipboard": "^3.0.1",
     "date-fns": "^4.1.0",
-    "eslint": "^8",
+    "eslint": "^9.13.0",
     "eslint-config-standard": "^17.1.0",
     "eslint-import-resolver-typescript": "^3.6.3",
     "eslint-plugin-import": "^2.31.0",
@@ -43,9 +43,10 @@
     "eslint-plugin-promise": "^7.1.0",
     "eslint-plugin-svelte": "^2.46.0",
     "format-duration": "^3.0.2",
+    "otpauth": "^9.3.4",
     "qrcode": "^1.5.4",
-    "sass": "^1.80.4",
-    "svelte": "^4.2.19",
+    "sass": "~1.78",
+    "svelte": "^5.1.3",
     "svelte-check": "^4.0.5",
     "svelte-fa": "^4.0.3",
     "svelte-intersection-observer": "^1.0.0",
@@ -58,9 +59,10 @@
     "ua-parser-js": "^1.0.39",
     "vite": "^5.4.10",
     "vite-plugin-checker": "^0.8.0",
-    "vite-tsconfig-paths": "^4.3.2",
-    "@xterm/xterm": "^5.5",
-    "@xterm/addon-serialize": "^0.13",
-    "otpauth": "^9.3.4"
+    "vite-tsconfig-paths": "^4.3.2"
+  },
+  "dependencies": {
+    "@stylistic/eslint-plugin": "^2.9.0",
+    "typescript-eslint": "^8.11.0"
   }
 }
diff --git a/warpgate-web/src/admin/App.svelte b/warpgate-web/src/admin/App.svelte
index c6eace525..9ca5c8020 100644
--- a/warpgate-web/src/admin/App.svelte
+++ b/warpgate-web/src/admin/App.svelte
@@ -17,46 +17,46 @@ init()
 
 const routes = {
     '/': wrap({
-        asyncComponent: () => import('./Home.svelte'),
+        asyncComponent: () => import('./Home.svelte') as any,
     }),
     '/sessions/:id': wrap({
-        asyncComponent: () => import('./Session.svelte'),
+        asyncComponent: () => import('./Session.svelte') as any,
     }),
     '/recordings/:id': wrap({
-        asyncComponent: () => import('./Recording.svelte'),
+        asyncComponent: () => import('./Recording.svelte') as any,
     }),
     '/tickets': wrap({
-        asyncComponent: () => import('./Tickets.svelte'),
+        asyncComponent: () => import('./Tickets.svelte') as any,
     }),
     '/tickets/create': wrap({
-        asyncComponent: () => import('./CreateTicket.svelte'),
+        asyncComponent: () => import('./CreateTicket.svelte') as any,
     }),
     '/config': wrap({
-        asyncComponent: () => import('./Config.svelte'),
+        asyncComponent: () => import('./Config.svelte') as any,
     }),
     '/targets/create': wrap({
-        asyncComponent: () => import('./CreateTarget.svelte'),
+        asyncComponent: () => import('./CreateTarget.svelte') as any,
     }),
     '/targets/:id': wrap({
-        asyncComponent: () => import('./Target.svelte'),
+        asyncComponent: () => import('./Target.svelte') as any,
     }),
     '/roles/create': wrap({
-        asyncComponent: () => import('./CreateRole.svelte'),
+        asyncComponent: () => import('./CreateRole.svelte') as any,
     }),
     '/roles/:id': wrap({
-        asyncComponent: () => import('./Role.svelte'),
+        asyncComponent: () => import('./Role.svelte') as any,
     }),
     '/users/create': wrap({
-        asyncComponent: () => import('./CreateUser.svelte'),
+        asyncComponent: () => import('./CreateUser.svelte') as any,
     }),
     '/users/:id': wrap({
-        asyncComponent: () => import('./User.svelte'),
+        asyncComponent: () => import('./User.svelte') as any,
     }),
     '/ssh': wrap({
-        asyncComponent: () => import('./SSH.svelte'),
+        asyncComponent: () => import('./SSH.svelte') as any,
     }),
     '/log': wrap({
-        asyncComponent: () => import('./Log.svelte'),
+        asyncComponent: () => import('./Log.svelte') as any,
     }),
 }
 </script>
diff --git a/warpgate-web/src/admin/AuthPolicyEditor.svelte b/warpgate-web/src/admin/AuthPolicyEditor.svelte
index 8752f8a4f..0c64dbed1 100644
--- a/warpgate-web/src/admin/AuthPolicyEditor.svelte
+++ b/warpgate-web/src/admin/AuthPolicyEditor.svelte
@@ -1,12 +1,20 @@
 <script lang="ts">
 import { Input } from '@sveltestrap/sveltestrap'
-
 import { CredentialKind, type User, type UserRequireCredentialsPolicy } from './lib/api'
 
-export let user: User
-export let value: UserRequireCredentialsPolicy
-export let possibleCredentials: Set<CredentialKind>
-export let protocolId: 'http' | 'ssh' | 'mysql' | 'postgres'
+interface Props {
+    user: User;
+    value: UserRequireCredentialsPolicy;
+    possibleCredentials: Set<CredentialKind>;
+    protocolId: 'http' | 'ssh' | 'mysql' | 'postgres';
+}
+
+let {
+    user,
+    value = $bindable(),
+    possibleCredentials,
+    protocolId,
+}: Props = $props()
 
 const labels = {
     Password: 'Password',
@@ -16,17 +24,17 @@ const labels = {
     WebUserApproval: 'In-browser auth',
 }
 
-let isAny = false
-let validCredentials = new Set<CredentialKind>()
+let isAny = $state(false)
+const validCredentials = $derived.by(() => {
+    let vc = new Set<CredentialKind>()
+    vc = new Set(user.credentials.map(x => x.kind as CredentialKind))
+    vc.add(CredentialKind.WebUserApproval)
+    return vc
+})
 
-$: {
-    validCredentials = new Set(user.credentials.map(x => x.kind as CredentialKind))
-    validCredentials.add(CredentialKind.WebUserApproval)
-
-    setTimeout(() => {
-        isAny = !value[protocolId]
-    })
-}
+$effect(() => {
+    isAny = !value[protocolId]
+})
 
 function updateAny () {
     if (isAny) {
diff --git a/warpgate-web/src/admin/Config.svelte b/warpgate-web/src/admin/Config.svelte
index 2421e10b1..e76aeae60 100644
--- a/warpgate-web/src/admin/Config.svelte
+++ b/warpgate-web/src/admin/Config.svelte
@@ -48,32 +48,33 @@
         </div>
 
         <ItemList load={getTargets} showSearch={true}>
-            <a
-                slot="item" let:item={target}
-                class="list-group-item list-group-item-action"
-                href="/targets/{target.id}"
-                use:link>
-                <strong class="me-auto">
-                    {target.name}
-                </strong>
-                <small class="text-muted ms-auto">
-                    {#if target.options.kind === 'Http'}
-                        HTTP
-                    {/if}
-                    {#if target.options.kind === 'MySql'}
-                        MySQL
-                    {/if}
-                    {#if target.options.kind === 'Postgres'}
-                        PostgreSQL
-                    {/if}
-                    {#if target.options.kind === 'Ssh'}
-                        SSH
-                    {/if}
-                    {#if target.options.kind === 'WebAdmin'}
-                        This web admin interface
-                    {/if}
-                </small>
-            </a>
+            {#snippet item({ item: target })}
+                <a
+                    class="list-group-item list-group-item-action"
+                    href="/targets/{target.id}"
+                    use:link>
+                    <strong class="me-auto">
+                        {target.name}
+                    </strong>
+                    <small class="text-muted ms-auto">
+                        {#if target.options.kind === 'Http'}
+                            HTTP
+                        {/if}
+                        {#if target.options.kind === 'MySql'}
+                            MySQL
+                        {/if}
+                        {#if target.options.kind === 'Postgres'}
+                            PostgreSQL
+                        {/if}
+                        {#if target.options.kind === 'Ssh'}
+                            SSH
+                        {/if}
+                        {#if target.options.kind === 'WebAdmin'}
+                            This web admin interface
+                        {/if}
+                    </small>
+                </a>
+                    {/snippet}
         </ItemList>
     </div>
 
@@ -89,15 +90,16 @@
         </div>
 
         <ItemList load={getUsers} showSearch={true}>
-            <a
-                slot="item" let:item={user}
-                class="list-group-item list-group-item-action"
-                href="/users/{user.id}"
-                use:link>
-                <strong class="me-auto">
-                    {user.username}
-                </strong>
-            </a>
+            {#snippet item({ item: user })}
+                <a
+                    class="list-group-item list-group-item-action"
+                    href="/users/{user.id}"
+                    use:link>
+                    <strong class="me-auto">
+                        {user.username}
+                    </strong>
+                </a>
+            {/snippet}
         </ItemList>
 
         <div class="page-summary-bar mt-4">
@@ -111,15 +113,16 @@
         </div>
 
         <ItemList load={getRoles} showSearch={true}>
-            <a
-                slot="item" let:item={role}
-                class="list-group-item list-group-item-action"
-                href="/roles/{role.id}"
-                use:link>
-                <strong class="me-auto">
-                    {role.name}
-                </strong>
-            </a>
+            {#snippet item({ item: role })}
+                <a
+                    class="list-group-item list-group-item-action"
+                    href="/roles/{role.id}"
+                    use:link>
+                    <strong class="me-auto">
+                        {role.name}
+                    </strong>
+                </a>
+            {/snippet}
         </ItemList>
     </div>
 </div>
diff --git a/warpgate-web/src/admin/CreateRole.svelte b/warpgate-web/src/admin/CreateRole.svelte
index c974bd7d1..f7ea5fe2e 100644
--- a/warpgate-web/src/admin/CreateRole.svelte
+++ b/warpgate-web/src/admin/CreateRole.svelte
@@ -2,11 +2,12 @@
 import { api } from 'admin/lib/api'
 import AsyncButton from 'common/AsyncButton.svelte'
 import { replace } from 'svelte-spa-router'
-import { Alert, FormGroup } from '@sveltestrap/sveltestrap'
+import { FormGroup } from '@sveltestrap/sveltestrap'
 import { stringifyError } from 'common/errors'
+import Alert from 'common/Alert.svelte'
 
-let error: string|null = null
-let name = ''
+let error: string|null = $state(null)
+let name = $state('')
 
 async function create () {
     if (!name) {
@@ -36,7 +37,7 @@ async function create () {
 </div>
 
 <FormGroup floating label="Name">
-    <input class="form-control" bind:value={name} />
+    <input class="form-control" bind:value={name} required />
 </FormGroup>
 
 <AsyncButton
diff --git a/warpgate-web/src/admin/CreateTarget.svelte b/warpgate-web/src/admin/CreateTarget.svelte
index fe5827ccd..31ae77848 100644
--- a/warpgate-web/src/admin/CreateTarget.svelte
+++ b/warpgate-web/src/admin/CreateTarget.svelte
@@ -2,12 +2,13 @@
 import { api, type TargetOptions, TlsMode } from 'admin/lib/api'
 import AsyncButton from 'common/AsyncButton.svelte'
 import { replace } from 'svelte-spa-router'
-import { Alert, FormGroup } from '@sveltestrap/sveltestrap'
+import { FormGroup } from '@sveltestrap/sveltestrap'
 import { stringifyError } from 'common/errors'
+import Alert from 'common/Alert.svelte'
 
-let error: string|null = null
-let name = ''
-let type: 'Http' | 'MySql' | 'Ssh' | 'Postgres' = 'Ssh'
+let error: string|null = $state(null)
+let name = $state('')
+let type: 'Http' | 'MySql' | 'Ssh' | 'Postgres' = $state('Ssh')
 
 async function create () {
     if (!name || !type) {
diff --git a/warpgate-web/src/admin/CreateTicket.svelte b/warpgate-web/src/admin/CreateTicket.svelte
index 2b1c364f3..a3784719b 100644
--- a/warpgate-web/src/admin/CreateTicket.svelte
+++ b/warpgate-web/src/admin/CreateTicket.svelte
@@ -4,18 +4,19 @@ import AsyncButton from 'common/AsyncButton.svelte'
 import ConnectionInstructions from 'common/ConnectionInstructions.svelte'
 import { TargetKind } from 'gateway/lib/api'
 import { link } from 'svelte-spa-router'
-import { Alert, FormGroup } from '@sveltestrap/sveltestrap'
+import { FormGroup } from '@sveltestrap/sveltestrap'
 import { firstBy } from 'thenby'
 import { stringifyError } from 'common/errors'
+import Alert from 'common/Alert.svelte'
 
-let error: string|null = null
-let targets: Target[]|undefined
-let users: User[]|undefined
-let selectedTarget: Target|undefined
-let selectedUser: User|undefined
-let selectedExpiry: string|undefined
-let selectedNumberOfUses: number|undefined
-let result: TicketAndSecret|undefined
+let error: string|null = $state(null)
+let targets: Target[]|undefined = $state()
+let users: User[]|undefined = $state()
+let selectedTarget: Target|undefined = $state()
+let selectedUser: User|undefined = $state()
+let selectedExpiry: string|undefined = $state()
+let selectedNumberOfUses: number|undefined = $state()
+let result: TicketAndSecret|undefined = $state()
 
 async function load () {
     [targets, users] = await Promise.all([
diff --git a/warpgate-web/src/admin/CreateUser.svelte b/warpgate-web/src/admin/CreateUser.svelte
index 0d8bd8bd3..70961d08e 100644
--- a/warpgate-web/src/admin/CreateUser.svelte
+++ b/warpgate-web/src/admin/CreateUser.svelte
@@ -2,11 +2,12 @@
 import { api } from 'admin/lib/api'
 import AsyncButton from 'common/AsyncButton.svelte'
 import { replace } from 'svelte-spa-router'
-import { Alert, FormGroup } from '@sveltestrap/sveltestrap'
+import { FormGroup } from '@sveltestrap/sveltestrap'
 import { stringifyError } from 'common/errors'
+import Alert from 'common/Alert.svelte'
 
-let error: string|null = null
-let username = ''
+let error: string|null = $state(null)
+let username = $state('')
 
 async function create () {
     if (!username) {
diff --git a/warpgate-web/src/admin/Home.svelte b/warpgate-web/src/admin/Home.svelte
index 72cc51066..d548e7312 100644
--- a/warpgate-web/src/admin/Home.svelte
+++ b/warpgate-web/src/admin/Home.svelte
@@ -15,7 +15,7 @@
     let [showActiveOnly, showActiveOnly$] = autosave('sessions-list:show-active-only', false)
     let [showLoggedInOnly, showLoggedInOnly$] = autosave('sessions-list:show-logged-in-only', true)
 
-    let activeSessionCount: number|undefined
+    let activeSessionCount: number|undefined = $state()
 
     let socket = new WebSocket(`wss://${location.host}/@warpgate/admin/api/sessions/changes`)
     let sessionChanges$ = fromEvent(socket, 'message')
@@ -80,39 +80,43 @@
 {/if}
 
 <ItemList load={loadSessions} pageSize={100}>
-    <div slot="header" class="d-flex align-items-center mb-1 w-100">
-        <div class="ms-auto"></div>
-        <Input class="ms-3" type="switch" label="Active only" bind:checked={$showActiveOnly} />
-        <Input class="ms-3" type="switch" label="Logged in only" bind:checked={$showLoggedInOnly} />
-    </div>
-
-    <a
-        slot="item" let:item={session}
-        class="list-group-item list-group-item-action"
-        href="/sessions/{session.id}"
-        use:link>
-        <div class="main">
-            <div class="icon" class:text-success={!session.ended}>
-                {#if !session.ended}
-                    <Fa icon={iconActive} fw />
-                {/if}
-            </div>
-            <div class="protocol text-muted me-2">{session.protocol}</div>
-            <strong>
-                {describeSession(session)}
-            </strong>
-
-            <div class="meta">
-                {#if session.ended }
-                    {formatDistance(new Date(session.started), new Date(session.ended))}
-                {/if}
-            </div>
-
-            <div class="meta ms-auto">
-                <RelativeDate date={session.started} />
-            </div>
+    {#snippet header()}
+        <div  class="d-flex align-items-center mb-1 w-100">
+            <div class="ms-auto"></div>
+            <Input class="ms-3" type="switch" label="Active only" bind:checked={$showActiveOnly} />
+            <Input class="ms-3" type="switch" label="Logged in only" bind:checked={$showLoggedInOnly} />
         </div>
-    </a>
+    {/snippet}
+
+    {#snippet item({ item: session })}
+        <a
+
+            class="list-group-item list-group-item-action"
+            href="/sessions/{session.id}"
+            use:link>
+            <div class="main">
+                <div class="icon" class:text-success={!session.ended}>
+                    {#if !session.ended}
+                        <Fa icon={iconActive} fw />
+                    {/if}
+                </div>
+                <div class="protocol text-muted me-2">{session.protocol}</div>
+                <strong>
+                    {describeSession(session)}
+                </strong>
+
+                <div class="meta">
+                    {#if session.ended }
+                        {formatDistance(new Date(session.started), new Date(session.ended))}
+                    {/if}
+                </div>
+
+                <div class="meta ms-auto">
+                    <RelativeDate date={session.started} />
+                </div>
+            </div>
+        </a>
+    {/snippet}
 </ItemList>
 
 <style lang="scss">
diff --git a/warpgate-web/src/admin/LogViewer.svelte b/warpgate-web/src/admin/LogViewer.svelte
index 2c48265c5..57cdffb99 100644
--- a/warpgate-web/src/admin/LogViewer.svelte
+++ b/warpgate-web/src/admin/LogViewer.svelte
@@ -1,26 +1,30 @@
 <script lang="ts">
 import { api, type LogEntry } from 'admin/lib/api'
-import { Alert } from '@sveltestrap/sveltestrap'
 import { firstBy } from 'thenby'
 import IntersectionObserver from 'svelte-intersection-observer'
 import { link } from 'svelte-spa-router'
 import { onDestroy, onMount } from 'svelte'
 import { stringifyError } from 'common/errors'
+import Alert from 'common/Alert.svelte'
 
-export let filters: {
-    sessionId?: string,
-} | undefined
+interface Props {
+    filters: {
+        sessionId?: string,
+    } | undefined;
+}
+
+let { filters }: Props = $props()
 
-let error: string|null = null
+let error: string|null = $state(null)
 let items: LogEntry[]|undefined
-let visibleItems: LogEntry[]|undefined
-let loading = true
-let endReached = false
-let loadOlderButton: HTMLButtonElement|undefined
+let visibleItems: LogEntry[]|undefined = $state()
+let loading = $state(true)
+let endReached = $state(false)
+let loadOlderButton: HTMLButtonElement|undefined = $state()
 let reloadInterval: any
-let lastUpdate = new Date()
-let isLive = true
-let searchQuery = ''
+let lastUpdate = $state(new Date())
+let isLive = $state(true)
+let searchQuery = $state('')
 const PAGE_SIZE = 1000
 
 function addItems (newItems: LogEntry[]) {
@@ -121,56 +125,57 @@ onDestroy(() => {
     type="text"
     class="form-control form-control-sm mb-2"
     bind:value={searchQuery}
-    on:keyup={() => search()} />
+    onkeyup={() => search()} />
 
 {#if visibleItems}
     <div class="table-wrapper">
         <table class="w-100">
-            <tr>
-                <th>Time</th>
-                {#if !filters?.sessionId}
-                    <th>User</th>
-                    <th>Session</th>
-                {/if}
-                <th class="d-flex">
-                    <div class="me-auto">Message</div>
-                    {#if isLive}
-                        <span class="badge bg-danger">Live</span>
-                    {:else}
-                        <small><em>Last update: {stringifyDate(lastUpdate)}</em></small>
-                    {/if}
-                </th>
-            </tr>
-            {#each visibleItems as item}
+            <tbody>
                 <tr>
-                    <td class="timestamp pe-4">
-                        {stringifyDate(item.timestamp)}
-                    </td>
+                    <th>Time</th>
                     {#if !filters?.sessionId}
-                        <td class="username pe-4">
-                            {#if item.username}
-                                {item.username}
-                            {/if}
-                        </td>
-                        <td class="session pe-4">
-                            {#if item.sessionId}
-                                <a href="/sessions/{item.sessionId}" use:link>
-                                    {item.sessionId}
-                                </a>
-                            {/if}
-                        </td>
+                        <th>User</th>
+                        <th>Session</th>
                     {/if}
-                    <td class="content">
-                        <span class="text">
-                            {item.text}
-                        </span>
-
-                        {#each Object.entries(item.values ?? {}) as pair}
-                            <span class="key">{pair[0]}:</span>
-                            <span class="value">{pair[1]}</span>
-                        {/each}
-                    </td>
+                    <th class="d-flex">
+                        <div class="me-auto">Message</div>
+                        {#if isLive}
+                            <span class="badge bg-danger">Live</span>
+                        {:else}
+                            <small><em>Last update: {stringifyDate(lastUpdate)}</em></small>
+                        {/if}
+                    </th>
                 </tr>
+                {#each visibleItems as item}
+                    <tr>
+                        <td class="timestamp pe-4">
+                            {stringifyDate(item.timestamp)}
+                        </td>
+                        {#if !filters?.sessionId}
+                            <td class="username pe-4">
+                                {#if item.username}
+                                    {item.username}
+                                {/if}
+                            </td>
+                            <td class="session pe-4">
+                                {#if item.sessionId}
+                                    <a href="/sessions/{item.sessionId}" use:link>
+                                        {item.sessionId}
+                                    </a>
+                                {/if}
+                            </td>
+                        {/if}
+                        <td class="content">
+                            <span class="text">
+                                {item.text}
+                            </span>
+
+                            {#each Object.entries(item.values ?? {}) as pair}
+                                <span class="key">{pair[0]}:</span>
+                                <span class="value">{pair[1]}</span>
+                            {/each}
+                        </td>
+                    </tr>
                 {/each}
                 {#if !endReached}
                     {#if !loading}
@@ -184,7 +189,7 @@ onDestroy(() => {
                                     <button
                                         bind:this={loadOlderButton}
                                         class="btn btn-light"
-                                        on:click={() => loadOlder()}
+                                        onclick={() => loadOlder()}
                                         disabled={loading}
                                     >
                                         Load older
@@ -203,6 +208,7 @@ onDestroy(() => {
                         <td class="text">End of the log</td>
                     </tr>
                 {/if}
+            </tbody>
         </table>
     </div>
 {/if}
diff --git a/warpgate-web/src/admin/Recording.svelte b/warpgate-web/src/admin/Recording.svelte
index dbe8d6cf5..f95a004cf 100644
--- a/warpgate-web/src/admin/Recording.svelte
+++ b/warpgate-web/src/admin/Recording.svelte
@@ -1,14 +1,18 @@
 <script lang="ts">
 import { api, type Recording } from 'admin/lib/api'
-import { Alert } from '@sveltestrap/sveltestrap'
 import TerminalRecordingPlayer from 'admin/player/TerminalRecordingPlayer.svelte'
+import Alert from 'common/Alert.svelte'
 import DelayedSpinner from 'common/DelayedSpinner.svelte'
 import { stringifyError } from 'common/errors'
 
-export let params = { id: '' }
+interface Props {
+    params: { id: string }
+}
+
+let { params = { id: '' } }: Props = $props()
 
-let error: string|null = null
-let recording: Recording|null = null
+let error: string|null = $state(null)
+let recording: Recording|null = $state(null)
 
 async function load () {
     recording = await api.getRecording(params)
diff --git a/warpgate-web/src/admin/RelativeDate.svelte b/warpgate-web/src/admin/RelativeDate.svelte
index b46bf8930..429468a71 100644
--- a/warpgate-web/src/admin/RelativeDate.svelte
+++ b/warpgate-web/src/admin/RelativeDate.svelte
@@ -1,6 +1,10 @@
 <script lang="ts">
 import { timeAgo } from 'admin/lib/time'
-export let date: any
+interface Props {
+    date: Date;
+}
+
+let { date }: Props = $props()
 </script>
 
-<span title={date}>{timeAgo(date)}</span>
+<span title={date.toLocaleString()}>{timeAgo(date)}</span>
diff --git a/warpgate-web/src/admin/Role.svelte b/warpgate-web/src/admin/Role.svelte
index a809c250f..291919fc6 100644
--- a/warpgate-web/src/admin/Role.svelte
+++ b/warpgate-web/src/admin/Role.svelte
@@ -3,13 +3,18 @@ import { api, type Role } from 'admin/lib/api'
 import AsyncButton from 'common/AsyncButton.svelte'
 import DelayedSpinner from 'common/DelayedSpinner.svelte'
 import { replace } from 'svelte-spa-router'
-import { Alert, FormGroup } from '@sveltestrap/sveltestrap'
+import { FormGroup } from '@sveltestrap/sveltestrap'
 import { stringifyError } from 'common/errors'
+import Alert from 'common/Alert.svelte'
 
-export let params: { id: string }
+interface Props {
+    params: { id: string };
+}
+
+let { params }: Props = $props()
 
-let error: string|null = null
-let role: Role
+let error: string|null = $state(null)
+let role: Role | undefined = $state()
 
 async function load () {
     try {
@@ -23,7 +28,7 @@ async function update () {
     try {
         role = await api.updateRole({
             id: params.id,
-            roleDataRequest: role,
+            roleDataRequest: role!,
         })
     } catch (err) {
         error = await stringifyError(err)
@@ -31,8 +36,8 @@ async function update () {
 }
 
 async function remove () {
-    if (confirm(`Delete role ${role.name}?`)) {
-        await api.deleteRole(role)
+    if (confirm(`Delete role ${role!.name}?`)) {
+        await api.deleteRole(role!)
         replace('/config')
     }
 }
@@ -43,13 +48,13 @@ async function remove () {
 {:then}
     <div class="page-summary-bar">
         <div>
-            <h1>{role.name}</h1>
+            <h1>{role!.name}</h1>
             <div class="text-muted">Role</div>
         </div>
     </div>
 
     <FormGroup floating label="Name">
-        <input class="form-control" bind:value={role.name} />
+        <input class="form-control" bind:value={role!.name} />
     </FormGroup>
 {/await}
 
diff --git a/warpgate-web/src/admin/SSH.svelte b/warpgate-web/src/admin/SSH.svelte
index 239b3c209..2550f4141 100644
--- a/warpgate-web/src/admin/SSH.svelte
+++ b/warpgate-web/src/admin/SSH.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
 import { api, type SSHKey, type SSHKnownHost } from 'admin/lib/api'
+import Alert from 'common/Alert.svelte'
 import CopyButton from 'common/CopyButton.svelte'
-import { Alert } from '@sveltestrap/sveltestrap'
 import { stringifyError } from 'common/errors'
 
-let error: string|undefined
-let knownHosts: SSHKnownHost[]|undefined
-let ownKeys: SSHKey[]|undefined
+let error: string|undefined = $state()
+let knownHosts: SSHKnownHost[]|undefined = $state()
+let ownKeys: SSHKey[]|undefined = $state()
 
 async function load () {
     ownKeys = await api.getSshOwnKeys()
@@ -62,7 +62,10 @@ async function deleteHost (host: SSHKnownHost) {
                         {host.host}:{host.port}
                     </strong>
 
-                    <a class="ms-auto" href={''} on:click|preventDefault={() => deleteHost(host)}>Delete</a>
+                    <a class="ms-auto" href={''} onclick={e => {
+                        e.preventDefault()
+                        deleteHost(host)
+                    }}>Delete</a>
                 </div>
                 <pre>{host.keyType} {host.keyBase64}</pre>
             </div>
diff --git a/warpgate-web/src/admin/Session.svelte b/warpgate-web/src/admin/Session.svelte
index bfc0887f9..112e93060 100644
--- a/warpgate-web/src/admin/Session.svelte
+++ b/warpgate-web/src/admin/Session.svelte
@@ -6,16 +6,20 @@ import DelayedSpinner from 'common/DelayedSpinner.svelte'
 import { formatDistance, formatDistanceToNow } from 'date-fns'
 import { onDestroy } from 'svelte'
 import { link } from 'svelte-spa-router'
-import { Alert } from '@sveltestrap/sveltestrap'
 import LogViewer from './LogViewer.svelte'
 import RelativeDate from './RelativeDate.svelte'
 import { stringifyError } from 'common/errors'
+import Alert from 'common/Alert.svelte'
 
-export let params = { id: '' }
+interface Props {
+    params: { id: string }
+}
+
+let { params = { id: '' } }: Props = $props()
 
-let error: string|null = null
-let session: SessionSnapshot|null = null
-let recordings: Recording[]|null = null
+let error: string|null = $state(null)
+let session: SessionSnapshot|null = $state(null)
+let recordings: Recording[]|null = $state(null)
 
 async function load () {
     session = await api.getSession(params)
diff --git a/warpgate-web/src/admin/Target.svelte b/warpgate-web/src/admin/Target.svelte
index 7692f99e2..457b9ef33 100644
--- a/warpgate-web/src/admin/Target.svelte
+++ b/warpgate-web/src/admin/Target.svelte
@@ -8,17 +8,22 @@ import { TargetKind } from 'gateway/lib/api'
 import { serverInfo } from 'gateway/lib/store'
 import Fa from 'svelte-fa'
 import { replace } from 'svelte-spa-router'
-import { Alert, FormGroup, Input } from '@sveltestrap/sveltestrap'
+import { FormGroup, Input } from '@sveltestrap/sveltestrap'
 import TlsConfiguration from './TlsConfiguration.svelte'
 import { stringifyError } from 'common/errors'
+import Alert from 'common/Alert.svelte'
 
-export let params: { id: string }
+interface Props {
+    params: { id: string };
+}
+
+let { params }: Props = $props()
 
-let error: string|undefined
-let selectedUser: User|undefined
-let target: Target
-let allRoles: Role[] = []
-let roleIsAllowed: Record<string, any> = {}
+let error: string|undefined = $state()
+let selectedUser: User|undefined = $state()
+let target: Target | undefined = $state()
+let allRoles: Role[] = $state([])
+let roleIsAllowed: Record<string, any> = $state({})
 
 async function load () {
     try {
@@ -30,19 +35,18 @@ async function load () {
 
 async function loadRoles () {
     allRoles = await api.getRoles()
-    const allowedRoles = await api.getTargetRoles(target)
+    const allowedRoles = await api.getTargetRoles(target!)
     roleIsAllowed = Object.fromEntries(allowedRoles.map(r => [r.id, true]))
 }
 
 async function update () {
     try {
-        if (target.options.kind === 'Http') {
-            // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
-            target.options.externalHost = target.options.externalHost || undefined
+        if (target!.options.kind === 'Http') {
+            target!.options.externalHost = target!.options.externalHost || undefined
         }
         target = await api.updateTarget({
             id: params.id,
-            targetDataRequest: target,
+            targetDataRequest: target!,
         })
     } catch (err) {
         error = await stringifyError(err)
@@ -50,8 +54,8 @@ async function update () {
 }
 
 async function remove () {
-    if (confirm(`Delete target ${target.name}?`)) {
-        await api.deleteTarget(target)
+    if (confirm(`Delete target ${target!.name}?`)) {
+        await api.deleteTarget(target!)
         replace('/config')
     }
 }
@@ -59,13 +63,13 @@ async function remove () {
 async function toggleRole (role: Role) {
     if (roleIsAllowed[role.id]) {
         await api.deleteTargetRole({
-            id: target.id,
+            id: target!.id,
             roleId: role.id,
         })
         roleIsAllowed = { ...roleIsAllowed, [role.id]: false }
     } else {
         await api.addTargetRole({
-            id: target.id,
+            id: target!.id,
             roleId: role.id,
         })
         roleIsAllowed = { ...roleIsAllowed, [role.id]: true }
@@ -76,6 +80,7 @@ async function toggleRole (role: Role) {
 {#await load()}
     <DelayedSpinner />
 {:then}
+{#if target}
     <div class="page-summary-bar">
         <div>
             <h1>{target.name}</h1>
@@ -254,6 +259,7 @@ async function toggleRole (role: Role) {
             {/each}
         </div>
     {/await}
+{/if}
 {/await}
 
 {#if error}
diff --git a/warpgate-web/src/admin/Tickets.svelte b/warpgate-web/src/admin/Tickets.svelte
index be6db1b23..dfa7fbe72 100644
--- a/warpgate-web/src/admin/Tickets.svelte
+++ b/warpgate-web/src/admin/Tickets.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
 import { api, type Ticket } from 'admin/lib/api'
 import { link } from 'svelte-spa-router'
-import { Alert } from '@sveltestrap/sveltestrap'
 import RelativeDate from './RelativeDate.svelte'
 import Fa from 'svelte-fa'
 import { faCalendarXmark, faCalendarCheck, faSquareXmark, faSquareCheck } from '@fortawesome/free-solid-svg-icons'
 import { stringifyError } from 'common/errors'
+import Alert from 'common/Alert.svelte'
 
-let error: string|undefined
-let tickets: Ticket[]|undefined
+let error: string|undefined = $state()
+let tickets: Ticket[]|undefined = $state()
 
 async function load () {
     tickets = await api.getTickets()
@@ -71,7 +71,10 @@ async function deleteTicket (ticket: Ticket) {
                     <small class="text-muted me-4 ms-auto">
                         <RelativeDate date={ticket.created} />
                     </small>
-                    <a href={''} on:click|preventDefault={() => deleteTicket(ticket)}>Delete</a>
+                    <a href={''} onclick={e => {
+                        deleteTicket(ticket)
+                        e.preventDefault()
+                    }}>Delete</a>
                 </div>
             {/each}
         </div>
diff --git a/warpgate-web/src/admin/TlsConfiguration.svelte b/warpgate-web/src/admin/TlsConfiguration.svelte
index 240fecc01..aecaadfd8 100644
--- a/warpgate-web/src/admin/TlsConfiguration.svelte
+++ b/warpgate-web/src/admin/TlsConfiguration.svelte
@@ -1,8 +1,12 @@
 <script lang="ts">
-import { type Tls, TlsMode } from 'admin/lib/api'
-import { FormGroup, Input } from '@sveltestrap/sveltestrap'
+    import { type Tls, TlsMode } from 'admin/lib/api'
+    import { FormGroup, Input } from '@sveltestrap/sveltestrap'
 
-export let value: Tls
+    interface Props {
+        value: Tls;
+    }
+
+    let { value = $bindable() }: Props = $props()
 
 </script>
 
diff --git a/warpgate-web/src/admin/User.svelte b/warpgate-web/src/admin/User.svelte
index 0a50498c1..f8b2a094f 100644
--- a/warpgate-web/src/admin/User.svelte
+++ b/warpgate-web/src/admin/User.svelte
@@ -1,247 +1,257 @@
 <script lang="ts">
-import { faIdBadge, faKey, faKeyboard, faMobileScreen } from '@fortawesome/free-solid-svg-icons'
-import { api, CredentialKind, type Role, type User, type UserAuthCredential, type UserRequireCredentialsPolicy } from 'admin/lib/api'
-import AsyncButton from 'common/AsyncButton.svelte'
-import DelayedSpinner from 'common/DelayedSpinner.svelte'
-import Fa from 'svelte-fa'
-import { replace } from 'svelte-spa-router'
-import { Alert, Button, FormGroup, Input } from '@sveltestrap/sveltestrap'
-import AuthPolicyEditor from './AuthPolicyEditor.svelte'
-import UserCredentialModal from './UserCredentialModal.svelte'
-import { stringifyError } from 'common/errors'
+    import { faIdBadge, faKey, faKeyboard, faMobileScreen } from '@fortawesome/free-solid-svg-icons'
+    import { api, CredentialKind, type Role, type User, type UserAuthCredential, type UserRequireCredentialsPolicy } from 'admin/lib/api'
+    import AsyncButton from 'common/AsyncButton.svelte'
+    import DelayedSpinner from 'common/DelayedSpinner.svelte'
+    import Fa from 'svelte-fa'
+    import { replace } from 'svelte-spa-router'
+    import { Button, FormGroup, Input } from '@sveltestrap/sveltestrap'
+    import AuthPolicyEditor from './AuthPolicyEditor.svelte'
+    import UserCredentialModal from './UserCredentialModal.svelte'
+    import { stringifyError } from 'common/errors'
+    import Alert from 'common/Alert.svelte'
 
-export let params: { id: string }
-
-let error: string|null = null
-let user: User
-let editingCredential: UserAuthCredential|undefined
-let policy: UserRequireCredentialsPolicy
-let allRoles: Role[] = []
-let roleIsAllowed: Record<string, any> = {}
+    interface Props {
+        params: { id: string };
+    }
 
-const policyProtocols: { id: 'ssh' | 'http' | 'mysql' | 'postgres', name: string }[] = [
-    { id: 'ssh', name: 'SSH' },
-    { id: 'http', name: 'HTTP' },
-    { id: 'mysql', name: 'MySQL' },
-    { id: 'postgres', name: 'PostgreSQL' },
-]
+    let { params }: Props = $props()
 
-const possibleCredentials: Record<string, Set<CredentialKind>> = {
-    ssh: new Set([CredentialKind.Password, CredentialKind.PublicKey, CredentialKind.Totp, CredentialKind.WebUserApproval]),
-    http: new Set([CredentialKind.Password, CredentialKind.Totp, CredentialKind.Sso]),
-    mysql: new Set([CredentialKind.Password]),
-    postgres: new Set([CredentialKind.Password]),
-}
+    let error: string|null = $state(null)
+    let user: User | undefined = $state()
+    let editingCredential: UserAuthCredential|undefined = $state()
+    let policy: UserRequireCredentialsPolicy | undefined = $state()
+    let allRoles: Role[] = $state([])
+    let roleIsAllowed: Record<string, any> = $state({})
 
-async function load () {
-    try {
-        user = await api.getUser({ id: params.id })
-        policy = user.credentialPolicy ?? {}
-        user.credentialPolicy = policy
+    const policyProtocols: { id: 'ssh' | 'http' | 'mysql' | 'postgres', name: string }[] = [
+        { id: 'ssh', name: 'SSH' },
+        { id: 'http', name: 'HTTP' },
+        { id: 'mysql', name: 'MySQL' },
+        { id: 'postgres', name: 'PostgreSQL' },
+    ]
 
-        allRoles = await api.getRoles()
-        const allowedRoles = await api.getUserRoles(user)
-        roleIsAllowed = Object.fromEntries(allowedRoles.map(r => [r.id, true]))
-    } catch (err) {
-        error = await stringifyError(err)
+    const possibleCredentials: Record<string, Set<CredentialKind>> = {
+        ssh: new Set([CredentialKind.Password, CredentialKind.PublicKey, CredentialKind.Totp, CredentialKind.WebUserApproval]),
+        http: new Set([CredentialKind.Password, CredentialKind.Totp, CredentialKind.Sso]),
+        mysql: new Set([CredentialKind.Password]),
+        postgres: new Set([CredentialKind.Password]),
     }
-}
 
-function deleteCredential (credential: UserAuthCredential) {
-    user.credentials = user.credentials.filter(c => c !== credential)
-}
+    async function load () {
+        try {
+            user = await api.getUser({ id: params.id })
+            policy = user.credentialPolicy ?? {}
+            user.credentialPolicy = policy
 
-function abbreviatePublicKey (key: string) {
-    return key.slice(0, 16) + '...' + key.slice(-8)
-}
+            allRoles = await api.getRoles()
+            const allowedRoles = await api.getUserRoles(user)
+            roleIsAllowed = Object.fromEntries(allowedRoles.map(r => [r.id, true]))
+        } catch (err) {
+            error = await stringifyError(err)
+        }
+    }
 
-async function update () {
-    try {
-        user = await api.updateUser({
-            id: params.id,
-            userDataRequest: user,
-        })
-    } catch (err) {
-        error = await stringifyError(err)
+    function deleteCredential (credential: UserAuthCredential) {
+        user!.credentials = user!.credentials.filter(c => c !== credential)
     }
-}
 
-async function remove () {
-    if (confirm(`Delete user ${user.username}?`)) {
-        await api.deleteUser(user)
-        replace('/config')
+    function abbreviatePublicKey (key: string) {
+        return key.slice(0, 16) + '...' + key.slice(-8)
     }
-}
 
-async function toggleRole (role: Role) {
-    if (roleIsAllowed[role.id]) {
-        await api.deleteUserRole({
-            id: user.id,
-            roleId: role.id,
-        })
-        roleIsAllowed = { ...roleIsAllowed, [role.id]: false }
-    } else {
-        await api.addUserRole({
-            id: user.id,
-            roleId: role.id,
-        })
-        roleIsAllowed = { ...roleIsAllowed, [role.id]: true }
+    async function update () {
+        try {
+            user = await api.updateUser({
+                id: params.id,
+                userDataRequest: user!,
+            })
+        } catch (err) {
+            error = await stringifyError(err)
+        }
     }
-}
 
-function saveCredential () {
-    if (!editingCredential) {
-        return
+    async function remove () {
+        if (confirm(`Delete user ${user!.username}?`)) {
+            await api.deleteUser(user!)
+            replace('/config')
+        }
     }
-    if (user.credentials.includes(editingCredential)) {
-        user.credentials = [...user.credentials]
-    } else {
-        user.credentials.push(editingCredential)
-        for (const protocol of ['http', 'ssh'] as ('http'|'ssh')[]) {
-            for (const ck of [CredentialKind.Password, CredentialKind.PublicKey]) {
-                if (
-                    editingCredential.kind === CredentialKind.Totp
+
+    async function toggleRole (role: Role) {
+        if (roleIsAllowed[role.id]) {
+            await api.deleteUserRole({
+                id: user!.id,
+                roleId: role.id,
+            })
+            roleIsAllowed = { ...roleIsAllowed, [role.id]: false }
+        } else {
+            await api.addUserRole({
+                id: user!.id,
+                roleId: role.id,
+            })
+            roleIsAllowed = { ...roleIsAllowed, [role.id]: true }
+        }
+    }
+
+    function saveCredential () {
+        if (!editingCredential || !user) {
+            return
+        }
+        if (user.credentials.includes(editingCredential)) {
+            user.credentials = [...user.credentials]
+        } else {
+            user.credentials.push(editingCredential)
+            for (const protocol of ['http', 'ssh'] as ('http'|'ssh')[]) {
+                for (const ck of [CredentialKind.Password, CredentialKind.PublicKey]) {
+                    if (
+                        editingCredential.kind === CredentialKind.Totp
                     && !user.credentialPolicy?.[protocol]
                     && user.credentials.some(x => x.kind === ck)
                     && possibleCredentials[protocol]?.has(ck)
-                ) {
-                    user.credentialPolicy = {
-                        ...user.credentialPolicy ?? {},
-                        [protocol]: [ck, CredentialKind.Totp],
+                    ) {
+                        user.credentialPolicy = {
+                            ...user.credentialPolicy ?? {},
+                            [protocol]: [ck, CredentialKind.Totp],
+                        }
+                        policy = user.credentialPolicy
                     }
-                    policy = user.credentialPolicy
                 }
             }
         }
+        editingCredential = undefined
     }
-    editingCredential = undefined
-}
 
-function assertDefined<T>(value: T|undefined): T {
-    if (value === undefined) {
-        throw new Error('Value is undefined')
+    function assertDefined<T>(value: T|undefined): T {
+        if (value === undefined) {
+            throw new Error('Value is undefined')
+        }
+        return value
     }
-    return value
-}
 </script>
 
 {#await load()}
-    <DelayedSpinner />
+<DelayedSpinner />
 {:then}
-    <div class="page-summary-bar">
-        <div>
-            <h1>{user.username}</h1>
-            <div class="text-muted">User</div>
-        </div>
+{#if user}
+<div class="page-summary-bar">
+    <div>
+        <h1>{user.username}</h1>
+        <div class="text-muted">User</div>
     </div>
+</div>
 
-    <FormGroup floating label="Username">
-        <Input bind:value={user.username} />
-    </FormGroup>
-
-    <div class="d-flex align-items-center mt-4 mb-2">
-        <h4 class="m-0">Credentials</h4>
-        <span class="ms-auto"></span>
-        <Button size="sm" color="link" on:click={() => editingCredential = {
-            kind: 'Password',
-            hash: '',
-        }}>Add password</Button>
-        <Button size="sm" color="link" on:click={() => editingCredential = {
-            kind: 'PublicKey',
-            key: '',
-        }}>Add public key</Button>
-        <Button size="sm" color="link" on:click={() => editingCredential = {
-            kind: 'Totp',
-            key: [],
-        }}>Add OTP</Button>
-        <Button size="sm" color="link" on:click={() => editingCredential = {
-            kind: 'Sso',
-            email: '',
-        }}>Add SSO</Button>
-    </div>
+<FormGroup floating label="Username">
+    <Input bind:value={user.username} />
+</FormGroup>
 
-    <div class="list-group list-group-flush mb-3">
-        {#each user.credentials as credential}
-            <div class="list-group-item credential">
-                {#if credential.kind === 'Password'}
-                    <Fa fw icon={faKeyboard} />
-                    <span class="type">Password</span>
-                {/if}
-                {#if credential.kind === 'PublicKey'}
-                    <Fa fw icon={faKey} />
-                    <span class="type">Public key</span>
-                    <span class="text-muted ms-2">{abbreviatePublicKey(credential.key)}</span>
-                {/if}
-                {#if credential.kind === 'Totp'}
-                    <Fa fw icon={faMobileScreen} />
-                    <span class="type">One-time password</span>
-                {/if}
-                {#if credential.kind === 'Sso'}
-                    <Fa fw icon={faIdBadge} />
-                    <span class="type">Single sign-on</span>
-                    <span class="text-muted ms-2">
-                        {credential.email}
-                        {#if credential.provider} ({credential.provider}){/if}
-                    </span>
-                {/if}
+<div class="d-flex align-items-center mt-4 mb-2">
+    <h4 class="m-0">Credentials</h4>
+    <span class="ms-auto"></span>
+    <Button size="sm" color="link" on:click={() => editingCredential = {
+        kind: 'Password',
+        hash: '',
+    }}>Add password</Button>
+    <Button size="sm" color="link" on:click={() => editingCredential = {
+        kind: 'PublicKey',
+        key: '',
+    }}>Add public key</Button>
+    <Button size="sm" color="link" on:click={() => editingCredential = {
+        kind: 'Totp',
+        key: [],
+    }}>Add OTP</Button>
+    <Button size="sm" color="link" on:click={() => editingCredential = {
+        kind: 'Sso',
+        email: '',
+    }}>Add SSO</Button>
+</div>
 
-                <span class="ms-auto"></span>
-                <a
-                    class="ms-2"
-                    href={''}
-                    on:click|preventDefault={() =>
-                        editingCredential = credential
-                    }>
-                    Change
-                </a>
-                <a
-                    class="ms-2"
-                    href={''}
-                    on:click|preventDefault={() => deleteCredential(credential)}>
-                    Delete
-                </a>
-            </div>
-        {/each}
-    </div>
+<div class="list-group list-group-flush mb-3">
+    {#each user.credentials as credential}
+    <div class="list-group-item credential">
+        {#if credential.kind === 'Password'}
+            <Fa fw icon={faKeyboard} />
+            <span class="type">Password</span>
+        {/if}
+        {#if credential.kind === 'PublicKey'}
+            <Fa fw icon={faKey} />
+            <span class="type">Public key</span>
+            <span class="text-muted ms-2">{abbreviatePublicKey(credential.key)}</span>
+        {/if}
+        {#if credential.kind === 'Totp'}
+            <Fa fw icon={faMobileScreen} />
+            <span class="type">One-time password</span>
+        {/if}
+        {#if credential.kind === 'Sso'}
+            <Fa fw icon={faIdBadge} />
+            <span class="type">Single sign-on</span>
+            <span class="text-muted ms-2">
+                {credential.email}
+                {#if credential.provider} ({credential.provider}){/if}
+            </span>
+        {/if}
 
-    <h4>Auth policy</h4>
-    <div class="list-group list-group-flush mb-3">
-        {#each policyProtocols as protocol}
-            <div class="list-group-item">
-                <div>
-                    <strong>{protocol.name}</strong>
-                </div>
-                {#if possibleCredentials[protocol.id]}
-                    {@const _possibleCredentials = assertDefined(possibleCredentials[protocol.id])}
-                    <AuthPolicyEditor
-                        user={user}
-                        bind:value={policy}
-                        possibleCredentials={_possibleCredentials}
-                        protocolId={protocol.id}
-                    />
-                {/if}
-            </div>
-        {/each}
-    </div>
+        <span class="ms-auto"></span>
+        <a
+            class="ms-2"
+            href={''}
+            onclick={e => {
+                editingCredential = credential
+                e.preventDefault()
+            }}>
+            Change
+        </a>
+        <a
+        class="ms-2"
+        href={''}
+        onclick={e => {
+            deleteCredential(credential)
+            e.preventDefault()
+        }}>
+        Delete
+    </a>
+</div>
+{/each}
+</div>
 
-    <h4 class="mt-4">User roles</h4>
-    <div class="list-group list-group-flush mb-3">
-        {#each allRoles as role}
-            <label
-                for="role-{role.id}"
-                class="list-group-item list-group-item-action d-flex align-items-center"
-            >
-                <Input
-                    id="role-{role.id}"
-                    class="mb-0 me-2"
-                    type="switch"
-                    on:change={() => toggleRole(role)}
-                    checked={roleIsAllowed[role.id]} />
-                <div>{role.name}</div>
-            </label>
-        {/each}
+<h4>Auth policy</h4>
+<div class="list-group list-group-flush mb-3">
+    {#each policyProtocols as protocol}
+    <div class="list-group-item">
+        <div>
+            <strong>{protocol.name}</strong>
+        </div>
+        {#if possibleCredentials[protocol.id]}
+        {@const _possibleCredentials = assertDefined(possibleCredentials[protocol.id])}
+        <AuthPolicyEditor
+        user={user}
+        bind:value={policy!}
+        possibleCredentials={_possibleCredentials}
+        protocolId={protocol.id}
+        />
+        {/if}
     </div>
+    {/each}
+</div>
 
+<h4 class="mt-4">User roles</h4>
+<div class="list-group list-group-flush mb-3">
+    {#each allRoles as role}
+        <label
+            for="role-{role.id}"
+            class="list-group-item list-group-item-action d-flex align-items-center"
+        >
+            <Input
+            id="role-{role.id}"
+            class="mb-0 me-2"
+            type="switch"
+            on:change={() => toggleRole(role)}
+            checked={roleIsAllowed[role.id]} />
+            <div>{role.name}</div>
+        </label>
+    {/each}
+</div>
+{/if}
 {/await}
 
 {#if error}
@@ -266,7 +276,7 @@ function assertDefined<T>(value: T|undefined): T {
 {#if editingCredential}
 <UserCredentialModal
     credential={editingCredential}
-    username={user.username}
+    username={user!.username}
     save={saveCredential}
     cancel={() => editingCredential = undefined}
 />
diff --git a/warpgate-web/src/admin/UserCredentialModal.svelte b/warpgate-web/src/admin/UserCredentialModal.svelte
index 78f03f917..ff67f79c0 100644
--- a/warpgate-web/src/admin/UserCredentialModal.svelte
+++ b/warpgate-web/src/admin/UserCredentialModal.svelte
@@ -1,157 +1,166 @@
 <script lang="ts">
-import { onMount } from 'svelte'
-import {
-    Alert,
-    Button,
-    FormGroup,
-    Input,
-    Modal,
-    ModalBody,
-    ModalFooter,
-    ModalHeader,
-} from '@sveltestrap/sveltestrap'
-import QRCode from 'qrcode'
-import * as OTPAuth from 'otpauth'
-import { faClipboard, faRefresh } from '@fortawesome/free-solid-svg-icons'
-import Fa from 'svelte-fa'
-import base32Encode from 'base32-encode'
+    import {
+        Alert,
+        Button,
+        FormGroup,
+        Input,
+        Modal,
+        ModalBody,
+        ModalFooter,
+    } from '@sveltestrap/sveltestrap'
+    import QRCode from 'qrcode'
+    import * as OTPAuth from 'otpauth'
+    import { faClipboard, faRefresh } from '@fortawesome/free-solid-svg-icons'
+    import Fa from 'svelte-fa'
+    import base32Encode from 'base32-encode'
 
-import { api } from 'gateway/lib/api'
-import type { UserAuthCredential, UserTotpCredential } from './lib/api'
+    import { api } from 'gateway/lib/api'
+    import type { UserAuthCredential, UserTotpCredential } from './lib/api'
+    import ModalHeader from 'common/ModalHeader.svelte'
+    import { onMount } from 'svelte'
 
-export let credential: UserAuthCredential
-export let username: string
-export let save: () => void
-export let cancel: () => void
-let visible = true
-let newPassword = ''
-let field: HTMLInputElement|undefined
-let qrImage: HTMLImageElement|undefined
-let totpUri: string|undefined
-let totpValidationValue: string|undefined
-let validationFeedback: string|undefined
-let totpValid = false
-let passwordValid = false
+    interface Props {
+        credential: UserAuthCredential;
+        username: string;
+        save: () => void;
+        cancel: () => void;
+    }
 
-export const totp = new OTPAuth.TOTP({
-    issuer: 'Warpgate',
-    digits: 6,
-    period: 30,
-    algorithm: 'SHA1',
-})
+    let {
+        credential = $bindable(),
+        username,
+        save,
+        cancel,
+    }: Props = $props()
+    let visible = $state(true)
+    let newPassword = $state('')
+    let field: HTMLInputElement|undefined = $state()
+    let qrImage: HTMLImageElement|undefined = $state()
+    let totpUri: string|undefined = $state()
+    let totpValidationValue: string|undefined = $state()
+    let validationFeedback: string|undefined = $state()
+    let totpValid = $state(false)
+    let passwordValid = $state(false)
 
-function _save () {
+    export const totp = $state(new OTPAuth.TOTP({
+        issuer: 'Warpgate',
+        digits: 6,
+        period: 30,
+        algorithm: 'SHA1',
+    }))
 
-    if (credential.kind === 'Password') {
-        if (!newPassword) {
-            return
+    function _save () {
+
+        if (credential.kind === 'Password') {
+            if (!newPassword) {
+                return
+            }
+            credential.hash = newPassword
         }
-        credential.hash = newPassword
-    }
-    if (credential.kind === 'PublicKey') {
-        if (credential.key.includes(' ')) {
-            const parts = credential.key.split(' ').filter(x => x)
-            credential.key = `${parts[0]} ${parts[1]}`
+        if (credential.kind === 'PublicKey') {
+            if (credential.key.includes(' ')) {
+                const parts = credential.key.split(' ').filter(x => x)
+                credential.key = `${parts[0]} ${parts[1]}`
+            }
         }
+        visible = false
+        save()
     }
-    visible = false
-    save()
-}
 
-function _validate () : boolean {
-    console.debug(`Validating credentials of kind "${credential.kind}"`)
+    function _validate () : boolean {
+        console.debug(`Validating credentials of kind "${credential.kind}"`)
 
-    if (credential.kind === 'Totp' && totpValidationValue) {
-        totp.secret ??= OTPAuth.Secret.fromBase32(encodeTotpSecret(credential))
-        totpValid = totp.validate({ token: totpValidationValue, window: 1 }) !== null
+        if (credential.kind === 'Totp' && totpValidationValue) {
+            totp.secret ??= OTPAuth.Secret.fromBase32(encodeTotpSecret(credential))
+            totpValid = totp.validate({ token: totpValidationValue, window: 1 }) !== null
 
-        if (!totpValid) {
-            validationFeedback = 'The TOTP code is not valid'
-        } else {
-            validationFeedback = undefined
-        }
+            if (!totpValid) {
+                validationFeedback = 'The TOTP code is not valid'
+            } else {
+                validationFeedback = undefined
+            }
 
-        return totpValid
-    } else if (credential.kind === 'Password') {
-        passwordValid = newPassword.trim().length > 1
+            return totpValid
+        } else if (credential.kind === 'Password') {
+            passwordValid = newPassword.trim().length > 1
+
+            if (!passwordValid) {
+                validationFeedback = 'Password cannot be empty or whitespace'
+            } else {
+                validationFeedback = undefined
+            }
 
-        if (!passwordValid) {
-            validationFeedback = 'Password cannot be empty or whitespace'
+            return passwordValid
         } else {
-            validationFeedback = undefined
+            // TODO: Further validation
+            return true
         }
-
-        return passwordValid
-    } else {
-        // TODO: Further validation
-        return true
     }
-}
 
-function generateNewTotpKey () {
-    if (credential.kind === 'Totp') {
-        credential.key = Array.from({ length: 32 }, () => Math.floor(Math.random() * 255))
+    function generateNewTotpKey () {
+        if (credential.kind === 'Totp') {
+            credential.key = Array.from({ length: 32 }, () => Math.floor(Math.random() * 255))
+        }
     }
-}
 
-/**
- * Copies the TOTP URI to the system clipboard if it is defined.
- *
- * @return {Promise<void>} A promise that resolves when the TOTP URI has been copied to the clipboard.
- */
-async function copyTotpUri () : Promise<void> {
-    if (totpUri === undefined) {
-        return
-    }
+    /**
+    * Copies the TOTP URI to the system clipboard if it is defined.
+    *
+    * @return {Promise<void>} A promise that resolves when the TOTP URI has been copied to the clipboard.
+    */
+    async function copyTotpUri () : Promise<void> {
+        if (totpUri === undefined) {
+            return
+        }
 
-    const { clipboard } = navigator
-    return clipboard.writeText(totpUri)
-}
+        const { clipboard } = navigator
+        return clipboard.writeText(totpUri)
+    }
 
-function _cancel () {
-    visible = false
-    cancel()
-}
+    function _cancel () {
+        visible = false
+        cancel()
+    }
 
-onMount(() => {
-    setTimeout(() => {
-        field?.focus()
+    onMount(() => {
+        setTimeout(() => {
+            field?.focus()
+        })
     })
-})
 
 
-/**
- * Generates a TOTP (Time-based One-Time Password) secret key encoded in base32.
- *
- * @param {UserTotpCredential} cred - The credential containing a key for TOTP generation.
- * @return {string} The base32 encoded TOTP secret key.
- */
-function encodeTotpSecret (cred: UserTotpCredential) : string {
-    return base32Encode(new Uint8Array(cred.key), 'RFC4648')
-}
+    /**
+    * Generates a TOTP (Time-based One-Time Password) secret key encoded in base32.
+    *
+    * @param {UserTotpCredential} cred - The credential containing a key for TOTP generation.
+    * @return {string} The base32 encoded TOTP secret key.
+    */
+    function encodeTotpSecret (cred: UserTotpCredential) : string {
+        return base32Encode(new Uint8Array(cred.key), 'RFC4648')
+    }
 
-$: {
-    if (credential.kind === 'Totp') {
-        if (!credential.key.length) {
-            generateNewTotpKey()
-        }
+    $effect(() => {
+        if (credential.kind === 'Totp') {
+            if (!credential.key.length) {
+                generateNewTotpKey()
+            }
 
-        totp.label = username
-        totp.secret = OTPAuth.Secret.fromBase32(encodeTotpSecret(credential))
-        totpUri = totp.toString()
+            totp.label = username
+            totp.secret = OTPAuth.Secret.fromBase32(encodeTotpSecret(credential))
+            totpUri = totp.toString()
 
-        QRCode.toDataURL(totpUri, (err: Error | null | undefined, imageUrl: string) => {
-            if (err) {
-                return
-            }
-            if (qrImage) {
-                qrImage.src = imageUrl
-            }
-        })
-    }
+            QRCode.toDataURL(totpUri, (err: Error | null | undefined, imageUrl: string) => {
+                if (err) {
+                    return
+                }
+                if (qrImage) {
+                    qrImage.src = imageUrl
+                }
+            })
+        }
 
-    _validate()
-}
+        _validate()
+    })
 </script>
 
 <Modal toggle={cancel} isOpen={visible}>
diff --git a/warpgate-web/src/admin/index.ts b/warpgate-web/src/admin/index.ts
index df03b1676..4dcb4979f 100644
--- a/warpgate-web/src/admin/index.ts
+++ b/warpgate-web/src/admin/index.ts
@@ -1,9 +1,9 @@
+import { mount } from 'svelte'
 import '../theme'
 import App from './App.svelte'
 
-new App({
+mount(App, {
     target: document.getElementById('app')!,
 })
 
-// eslint-disable-next-line @typescript-eslint/no-useless-empty-export
 export { }
diff --git a/warpgate-web/src/common/Alert.svelte b/warpgate-web/src/common/Alert.svelte
new file mode 100644
index 000000000..e53356ae0
--- /dev/null
+++ b/warpgate-web/src/common/Alert.svelte
@@ -0,0 +1,67 @@
+<script lang="ts">
+    // Copied from Sveltestrap and tweaked for S5 compatibility
+
+    import { fade as fadeTransition } from 'svelte/transition'
+    import { classnames } from './_sveltestrapUtils'
+
+    /**
+    * Additional CSS classes for container element.
+    * @type {string}
+    * @default ''
+    */
+
+    interface Props {
+        class?: string;
+        closeAriaLabel?: string;
+        closeClassName?: string;
+        color?: string;
+        dismissible?: boolean;
+        fade?: boolean;
+        heading?: string;
+        isOpen?: boolean;
+        toggle?: CallableFunction;
+        theme?: string | undefined;
+        transition?: object;
+        headingSlot?: import('svelte').Snippet;
+        children: () => any
+        [key: string]: any
+    }
+
+    let {
+        'class': className = '',
+        closeAriaLabel = 'Close',
+        closeClassName = '',
+        color = 'success',
+        dismissible = false,
+        fade = true,
+        heading = '',
+        isOpen = $bindable(true),
+        toggle = undefined,
+        theme = undefined,
+        transition = { duration: fade ? 400 : 0 },
+        headingSlot,
+        children,
+        ...rest
+    }: Props = $props()
+
+    let showClose = $derived(dismissible || toggle)
+    let handleToggle = $derived(toggle ?? (() => (isOpen = false)))
+    let classes = $derived(classnames(className, 'alert', `alert-${color}`, {
+        'alert-dismissible': showClose,
+    }))
+    let closeClassNames = $derived(classnames('btn-close', closeClassName))
+</script>
+
+{#if isOpen}
+<div {...rest} data-bs-theme={theme} transition:fadeTransition={transition} class={classes} role="alert">
+    {#if heading || headingSlot}
+    <h4 class="alert-heading">
+        {heading}{@render headingSlot?.()}
+    </h4>
+    {/if}
+    {#if showClose}
+    <button type="button" class={closeClassNames} aria-label={closeAriaLabel} onclick={handleToggle as any}></button>
+    {/if}
+    {@render children?.()}
+</div>
+{/if}
diff --git a/warpgate-web/src/common/AsyncButton.svelte b/warpgate-web/src/common/AsyncButton.svelte
index b29b2ebed..7d1c3e0a0 100644
--- a/warpgate-web/src/common/AsyncButton.svelte
+++ b/warpgate-web/src/common/AsyncButton.svelte
@@ -3,6 +3,7 @@ import { faCheck } from '@fortawesome/free-solid-svg-icons'
 import Fa from 'svelte-fa'
 import { Button, Spinner, type Color } from '@sveltestrap/sveltestrap'
 
+// svelte-ignore non_reactive_update
 enum State {
     Normal = 'n',
     Progress = 'p',
@@ -10,30 +11,40 @@ enum State {
     Done = 'd'
 }
 
-export let click: CallableFunction
-export let color: Color | 'link' = 'secondary'
-export let disabled = false
-export let outline = false
-export let type = 'submit'
-let button: HTMLElement
-let lastWidth = 0
-let state = State.Normal
+interface Props {
+    click: CallableFunction
+    color?: Color | 'link'
+    disabled?: boolean
+    outline?: boolean
+    type?: 'button' | 'submit' | 'reset'
+    class?: string
+    children: () => any
+}
+
+let { children, click, color  = 'secondary', disabled = false, outline = false, type = 'submit', 'class': cls = '' }: Props = $props()
+
+let button: HTMLElement | undefined = $state()
+let lastWidth = $state(0)
+let st = $state(State.Normal)
 
 async function _click () {
+    if (!button) {
+        return
+    }
     lastWidth = button.offsetWidth
-    state = State.Progress
+    st = State.Progress
     setTimeout(() => {
-        if (state === State.Progress) {
-            state = State.ProgressWithSpinner
+        if (st === State.Progress) {
+            st = State.ProgressWithSpinner
         }
     }, 500)
     try {
         await click()
     } finally {
-        state = State.Done
+        st = State.Done
         setTimeout(() => {
-            if (state === State.Done) {
-                state = State.Normal
+            if (st === State.Done) {
+                st = State.Normal
                 lastWidth = 0
             }
         }, 1000)
@@ -46,20 +57,20 @@ async function _click () {
     on:click={_click}
     bind:inner={button}
     style="min-width: {lastWidth}px"
-    class={$$props.class}
+    class={cls}
     outline={outline}
     color={color}
     type={type}
-    disabled={disabled || state === State.Progress || state === State.ProgressWithSpinner}
+    disabled={disabled || st === State.Progress || st === State.ProgressWithSpinner}
 >
-    {#if state === State.Normal || state === State.Progress}
-        <slot />
+    {#if st === State.Normal || st === State.Progress}
+        {@render children?.()}
     {/if}
     <div class="overlay">
-        {#if state === State.ProgressWithSpinner}
+        {#if st === State.ProgressWithSpinner}
             <Spinner size="sm" />
         {/if}
-        {#if state === State.Done}
+        {#if st === State.Done}
             <Fa icon={faCheck} fw />
         {/if}
     </div>
diff --git a/warpgate-web/src/common/ConnectionInstructions.svelte b/warpgate-web/src/common/ConnectionInstructions.svelte
index ee8612e7c..8b852f719 100644
--- a/warpgate-web/src/common/ConnectionInstructions.svelte
+++ b/warpgate-web/src/common/ConnectionInstructions.svelte
@@ -1,33 +1,44 @@
 <script lang="ts">
-    import { Alert, FormGroup } from '@sveltestrap/sveltestrap'
+    import { FormGroup } from '@sveltestrap/sveltestrap'
     import { TargetKind } from 'gateway/lib/api'
     import { serverInfo } from 'gateway/lib/store'
     import { makeExampleSSHCommand, makeSSHUsername, makeExampleMySQLCommand, makeExampleMySQLURI, makeMySQLUsername, makeTargetURL, makeExamplePostgreSQLCommand, makePostgreSQLUsername, makeExamplePostgreSQLURI } from 'common/protocols'
     import CopyButton from 'common/CopyButton.svelte'
+    import Alert from './Alert.svelte'
 
-    export let targetName: string|undefined
-    export let targetKind: TargetKind
-    export let targetExternalHost: string|undefined = undefined
-    export let username: string|undefined
-    export let ticketSecret: string|undefined = undefined
+    interface Props {
+        targetName?: string;
+        targetKind: TargetKind;
+        targetExternalHost?: string;
+        username?: string;
+        ticketSecret?: string;
+    }
 
-    $: opts = {
+    let {
+        targetName,
+        targetKind,
+        targetExternalHost = undefined,
+        username,
+        ticketSecret = undefined,
+    }: Props = $props()
+
+    let opts = $derived({
         targetName,
         username,
         serverInfo: $serverInfo,
         ticketSecret,
         targetExternalHost,
-    }
-    $: sshUsername = makeSSHUsername(opts)
-    $: exampleSSHCommand = makeExampleSSHCommand(opts)
-    $: mySQLUsername = makeMySQLUsername(opts)
-    $: exampleMySQLCommand = makeExampleMySQLCommand(opts)
-    $: exampleMySQLURI = makeExampleMySQLURI(opts)
-    $: postgreSQLUsername = makePostgreSQLUsername(opts)
-    $: examplePostgreSQLCommand = makeExamplePostgreSQLCommand(opts)
-    $: examplePostgreSQLURI = makeExamplePostgreSQLURI(opts)
-    $: targetURL = targetName ? makeTargetURL(opts) : ''
-    $: authHeader = `Authorization: Warpgate ${ticketSecret}`
+    })
+    let sshUsername = $derived(makeSSHUsername(opts))
+    let exampleSSHCommand = $derived(makeExampleSSHCommand(opts))
+    let mySQLUsername = $derived(makeMySQLUsername(opts))
+    let exampleMySQLCommand = $derived(makeExampleMySQLCommand(opts))
+    let exampleMySQLURI = $derived(makeExampleMySQLURI(opts))
+    let postgreSQLUsername = $derived(makePostgreSQLUsername(opts))
+    let examplePostgreSQLCommand = $derived(makeExamplePostgreSQLCommand(opts))
+    let examplePostgreSQLURI = $derived(makeExamplePostgreSQLURI(opts))
+    let targetURL = $derived(targetName ? makeTargetURL(opts) : '')
+    let authHeader = $derived(`Authorization: Warpgate ${ticketSecret}`)
 </script>
 
 {#if targetKind === TargetKind.Ssh}
diff --git a/warpgate-web/src/common/CopyButton.svelte b/warpgate-web/src/common/CopyButton.svelte
index 06035f90c..9603aec44 100644
--- a/warpgate-web/src/common/CopyButton.svelte
+++ b/warpgate-web/src/common/CopyButton.svelte
@@ -1,62 +1,79 @@
 <script lang="ts">
-import { faCheck, faCopy } from '@fortawesome/free-solid-svg-icons'
-import Fa from 'svelte-fa'
-import { Button, type Color } from '@sveltestrap/sveltestrap'
-import copyTextToClipboard from 'copy-text-to-clipboard'
+    import { faCheck, faCopy } from '@fortawesome/free-solid-svg-icons'
+    import Fa from 'svelte-fa'
+    import { Button, type Color } from '@sveltestrap/sveltestrap'
+    import copyTextToClipboard from 'copy-text-to-clipboard'
 
-export let text: string
-export let disabled = false
-export let outline = false
-export let link = false
-export let color: Color | 'link' = 'link'
-let successVisible = false
-let button: HTMLElement
+    interface Props {
+        text: string;
+        disabled?: boolean;
+        outline?: boolean;
+        link?: boolean;
+        color?: Color | 'link';
+        class?: string;
+        children?: import('svelte').Snippet;
+    }
+
+    let {
+        text,
+        disabled = false,
+        outline = false,
+        link = false,
+        color = 'link',
+        'class': className = '',
+        children,
+    }: Props = $props()
+    let successVisible = $state(false)
+    let button: HTMLElement | undefined = $state()
 
-async function _click () {
-    if (disabled) {
-        return
+    async function _click () {
+        if (disabled) {
+            return
+        }
+        successVisible = true
+        copyTextToClipboard(text)
+        setTimeout(() => {
+            successVisible = false
+        }, 2000)
     }
-    successVisible = true
-    copyTextToClipboard(text)
-    setTimeout(() => {
-        successVisible = false
-    }, 2000)
-}
 
 </script>
 
 {#if link}
-    <!-- svelte-ignore a11y-invalid-attribute -->
+    <!-- svelte-ignore a11y_invalid_attribute -->
     <a
         href="#"
-        class={$$props.class}
+        class={className}
         class:disabled={disabled}
-        on:click|preventDefault={_click}
+        onclick={e => {
+            _click()
+            e.preventDefault()
+        }}
         bind:this={button}
     >
-        <slot>
+        {#if children}{@render children()}{:else}
             {#if successVisible}
                 Copied
             {:else}
                 Copy
             {/if}
-        </slot>
+        {/if}
     </a>
 {:else}
     <Button
-        class={$$props.class}
+        class={className}
         bind:inner={button}
         on:click={_click}
         outline={outline}
         color={color}
         disabled={disabled}
     >
-        <slot>
+        {#if children}{@render children()}{:else}
             {#if successVisible}
                 <Fa fw icon={faCheck} />
             {:else}
                 <Fa fw icon={faCopy} />
             {/if}
-        </slot>
+        {/if}
     </Button>
 {/if}
diff --git a/warpgate-web/src/common/DelayedSpinner.svelte b/warpgate-web/src/common/DelayedSpinner.svelte
index 9ccffe6f7..c87869dc9 100644
--- a/warpgate-web/src/common/DelayedSpinner.svelte
+++ b/warpgate-web/src/common/DelayedSpinner.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 import { Spinner } from '@sveltestrap/sveltestrap'
 
-let visible = false
+let visible = $state(false)
 
 setTimeout(() => {
     visible = true
diff --git a/warpgate-web/src/common/ItemList.svelte b/warpgate-web/src/common/ItemList.svelte
index 9ddabacf6..90a4f075d 100644
--- a/warpgate-web/src/common/ItemList.svelte
+++ b/warpgate-web/src/common/ItemList.svelte
@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
     export interface LoadOptions {
         search?: string
         offset: number
@@ -13,20 +13,36 @@
 </script>
 
 <script lang="ts" generics="T">
-    import { onDestroy } from 'svelte'
     import { Subject, switchMap, map, Observable, distinctUntilChanged, share, combineLatest, tap, debounceTime } from 'rxjs'
     import Pagination from './Pagination.svelte'
     import { observe } from 'svelte-observable'
     import { Input } from '@sveltestrap/sveltestrap'
     import DelayedSpinner from './DelayedSpinner.svelte'
+    import { onDestroy } from 'svelte'
+
+    interface Props {
+        page?: number
+        pageSize?: number|undefined
+        // eslint-disable-next-line no-undef
+        load: (_: LoadOptions) => Observable<PaginatedResponse<T>>
+        showSearch?: boolean
+        header?: import('svelte').Snippet<[any]>
+        item?: import('svelte').Snippet<[any]>
+        footer?: import('svelte').Snippet<[any]>
+    }
 
-    export let page = 0
-    export let pageSize: number|undefined = undefined
-    export let load: (_: LoadOptions) => Observable<PaginatedResponse<T>>
-    export let showSearch = false
+    let {
+        page = $bindable(0),
+        pageSize = undefined,
+        load,
+        showSearch = false,
+        header,
+        item,
+        footer,
+    }: Props = $props()
 
-    let filter = ''
-    let loaded = false
+    let filter = $state('')
+    let loaded = $state(false)
 
     const page$ = new Subject<number>()
     const filter$ = new Subject<string>()
@@ -57,6 +73,7 @@
     )
 
     const total = observe<number>(responses.pipe(map(x => x.total)), 0)
+    // eslint-disable-next-line no-undef
     const items = observe<T[]|null>(responses.pipe(map(x => x.items)), null)
 
     onDestroy(() => {
@@ -64,8 +81,12 @@
         filter$.complete()
     })
 
-    $: page$.next(page)
-    $: filter$.next(filter)
+    $effect(() => {
+        page$.next(page)
+    })
+    $effect(() => {
+        filter$.next(filter)
+    })
 
     filter$.subscribe(() => {
         page = 0
@@ -76,18 +97,18 @@
     {#if showSearch}
         <Input bind:value={filter} placeholder="Search..." class="flex-grow-1 border-0" />
     {/if}
-    <slot name="header" items={items} />
+    {@render header?.({ items })}
 </div>
 {#await $items}
     <DelayedSpinner />
 {:then _items}
     {#if _items}
         <div class="list-group list-group-flush mb-3">
-            {#each _items as item}
-                <slot name="item" item={item} />
+            {#each _items as _item}
+                {@render item?.({ item: _item })}
             {/each}
         </div>
-        <slot name="footer" items={_items} />
+        {@render footer?.({ items: _items })}
     {:else}
         <DelayedSpinner />
     {/if}
diff --git a/warpgate-web/src/common/Logo.svelte b/warpgate-web/src/common/Logo.svelte
index f8fe12409..7edafb930 100644
--- a/warpgate-web/src/common/Logo.svelte
+++ b/warpgate-web/src/common/Logo.svelte
@@ -1,14 +1,11 @@
 <script lang="ts">
-// eslint-disable-next-line import/no-duplicates
 import { onDestroy, onMount } from 'svelte'
-// eslint-disable-next-line import/no-duplicates
 import { get } from 'svelte/store'
 import { currentThemeFile } from 'theme'
 import logo from '../../public/assets/logo.svg?raw'
 
-let element: HTMLElement|undefined
+let element: HTMLElement|undefined = $state()
 
-// eslint-disable-next-line @typescript-eslint/max-params
 function colorize (r: number, g: number, b: number, dr: number, dg: number, db: number) {
     element?.querySelectorAll('path').forEach((p, idx) => {
         let d = idx
diff --git a/warpgate-web/src/common/ModalHeader.svelte b/warpgate-web/src/common/ModalHeader.svelte
new file mode 100644
index 000000000..cd4f960fc
--- /dev/null
+++ b/warpgate-web/src/common/ModalHeader.svelte
@@ -0,0 +1,36 @@
+<script>
+    import { classnames } from './_sveltestrapUtils'
+
+    /**
+    * @typedef {Object} Props
+    * @property {string} [class]
+    * @property {boolean | CallableFunction | undefined} [toggle] - Determines whether the modal header includes a close button.
+    * @property {string} [closeAriaLabel] - The aria-label for the close button.
+    * @property {string} [id] - The unique id of the modal header.
+    * @property {any} [children]
+    * @property {import('svelte').Snippet} [children]
+    * @property {import('svelte').Snippet} [close]
+    */
+
+    /** @type {Props & { [key: string]: any }} */
+    let {
+        'class': className = '',
+        toggle = undefined,
+        closeAriaLabel = 'Close',
+        children,
+        close,
+    } = $props()
+
+    let classes = $derived(classnames(className, 'modal-header'))
+</script>
+
+<div class={classes}>
+    <h5 class="modal-title">
+        {@render children()}
+    </h5>
+    {#if close}{@render close()}{:else}
+    {#if typeof toggle === 'function'}
+    <button type="button" onclick={() => toggle()} class="btn-close" aria-label={closeAriaLabel}></button>
+    {/if}
+    {/if}
+</div>
diff --git a/warpgate-web/src/common/Pagination.svelte b/warpgate-web/src/common/Pagination.svelte
index 85673d281..6040d8a9a 100644
--- a/warpgate-web/src/common/Pagination.svelte
+++ b/warpgate-web/src/common/Pagination.svelte
@@ -1,27 +1,31 @@
 <script lang="ts">
-import { faAngleLeft, faAngleRight } from '@fortawesome/free-solid-svg-icons'
-import Fa from 'svelte-fa'
-import { Pagination, PaginationItem, PaginationLink } from '@sveltestrap/sveltestrap'
+    import { faAngleLeft, faAngleRight } from '@fortawesome/free-solid-svg-icons'
+    import Fa from 'svelte-fa'
+    import { Pagination, PaginationItem, PaginationLink } from '@sveltestrap/sveltestrap'
 
-export let page = 0
-export let pageSize = 1
-export let total = 1
+    interface Props {
+        page?: number;
+        pageSize?: number;
+        total?: number;
+    }
+
+    let { page = $bindable(0), pageSize = 1, total = 1 }: Props = $props()
 
-let pages: (number|null)[] = []
+    let pages: (number|null)[] = $state([])
 
-$: {
-    let i = 0
-    pages = []
-    let totalPages = Math.floor((total - 1) / pageSize + 1)
-    while (i < totalPages) {
-        if (i < 2 || i > totalPages - 3 || Math.abs(i - page) < 3) {
-            pages.push(i)
-        } else if (pages[pages.length - 1]) {
-            pages.push(null)
+    $effect(() => {
+        let i = 0
+        pages = []
+        let totalPages = Math.floor((total - 1) / pageSize + 1)
+        while (i < totalPages) {
+            if (i < 2 || i > totalPages - 3 || Math.abs(i - page) < 3) {
+                pages.push(i)
+            } else if (pages[pages.length - 1]) {
+                pages.push(null)
+            }
+            i++
         }
-        i++
-    }
-}
+    })
 </script>
 
 <Pagination>
diff --git a/warpgate-web/src/common/_sveltestrapUtils.ts b/warpgate-web/src/common/_sveltestrapUtils.ts
new file mode 100644
index 000000000..7232f9377
--- /dev/null
+++ b/warpgate-web/src/common/_sveltestrapUtils.ts
@@ -0,0 +1,25 @@
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+export function toClassName(value: any) {
+    let result = ''
+
+    if (typeof value === 'string' || typeof value === 'number') {
+        result += value
+    } else if (typeof value === 'object') {
+        if (Array.isArray(value)) {
+            result = value.map(toClassName).filter(Boolean).join(' ')
+        } else {
+            for (const key in value) {
+                if (value[key]) {
+                    // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+                    result && (result += ' ')
+                    result += key
+                }
+            }
+        }
+    }
+
+    return result
+}
+
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+export const classnames = (...args: any[]) => args.map(toClassName).filter(Boolean).join(' ')
diff --git a/warpgate-web/src/embed/index.ts b/warpgate-web/src/embed/index.ts
index 896e0245d..6d2ae20bf 100644
--- a/warpgate-web/src/embed/index.ts
+++ b/warpgate-web/src/embed/index.ts
@@ -1,7 +1,6 @@
 import { api } from 'gateway/lib/api'
 import EmbeddedUI from './EmbeddedUI.svelte'
 
-// eslint-disable-next-line @typescript-eslint/no-useless-empty-export
 export { }
 
 navigator.serviceWorker.getRegistrations().then(registrations => {
diff --git a/warpgate-web/src/gateway/App.svelte b/warpgate-web/src/gateway/App.svelte
index cf1236ae1..49172ce3e 100644
--- a/warpgate-web/src/gateway/App.svelte
+++ b/warpgate-web/src/gateway/App.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-import { Alert } from '@sveltestrap/sveltestrap'
 import Router, { push, type RouteDetail } from 'svelte-spa-router'
 import { wrap } from 'svelte-spa-router/wrap'
 import { get } from 'svelte/store'
@@ -8,6 +7,7 @@ import ThemeSwitcher from 'common/ThemeSwitcher.svelte'
 import Logo from 'common/Logo.svelte'
 import DelayedSpinner from 'common/DelayedSpinner.svelte'
 import AuthBar from 'common/AuthBar.svelte'
+import Alert from 'common/Alert.svelte'
 
 let redirecting = false
 let serverInfoPromise = reloadServerInfo()
@@ -36,17 +36,17 @@ async function requireLogin (detail: RouteDetail) {
 
 const routes = {
     '/': wrap({
-        asyncComponent: () => import('./TargetList.svelte'),
+        asyncComponent: () => import('./TargetList.svelte') as any,
         props: {
             'on:navigation': () => redirecting = true,
         },
         conditions: [requireLogin],
     }),
     '/login': wrap({
-        asyncComponent: () => import('./Login.svelte'),
+        asyncComponent: () => import('./Login.svelte') as any,
     }),
     '/login/:stateId': wrap({
-        asyncComponent: () => import('./OutOfBandAuth.svelte'),
+        asyncComponent: () => import('./OutOfBandAuth.svelte') as any,
         conditions: [requireLogin],
     }),
 }
diff --git a/warpgate-web/src/gateway/Login.svelte b/warpgate-web/src/gateway/Login.svelte
index 641815c70..19fc420d0 100644
--- a/warpgate-web/src/gateway/Login.svelte
+++ b/warpgate-web/src/gateway/Login.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 import { get } from 'svelte/store'
 import { querystring, replace } from 'svelte-spa-router'
-import { Alert, FormGroup } from '@sveltestrap/sveltestrap'
+import { FormGroup } from '@sveltestrap/sveltestrap'
 import Fa from 'svelte-fa'
 import { faArrowRight } from '@fortawesome/free-solid-svg-icons'
 import { faGoogle, faMicrosoft, faApple } from '@fortawesome/free-brands-svg-icons'
@@ -11,16 +11,15 @@ import { reloadServerInfo } from 'gateway/lib/store'
 import AsyncButton from 'common/AsyncButton.svelte'
 import DelayedSpinner from 'common/DelayedSpinner.svelte'
 import { stringifyError } from 'common/errors'
-
-export const params: { stateId?: string } = {}
-
-let error: string|null = null
-let username = ''
-let password = ''
-let otp = ''
-let busy = false
-let otpInput: HTMLInputElement|undefined
-let authState: ApiAuthState|undefined
+import Alert from 'common/Alert.svelte'
+
+let error: string|null = $state(null)
+let username = $state('')
+let password = $state('')
+let otp = $state('')
+let busy = $state(false)
+let otpInput: HTMLInputElement|undefined = $state()
+let authState: ApiAuthState|undefined = $state()
 let ssoProvidersPromise = api.getSsoProviders()
 
 const nextURL = new URLSearchParams(get(querystring)).get('next') ?? undefined
@@ -148,11 +147,11 @@ async function startSSO (provider: SsoProviderDescription) {
         </div>
         {#if authState === ApiAuthState.OtpNeeded}
             <FormGroup floating label="One-time password">
-                <!-- svelte-ignore a11y-autofocus -->
+                <!-- svelte-ignore a11y_autofocus -->
                 <input
                     bind:value={otp}
                     bind:this={otpInput}
-                    on:keypress={onInputKey}
+                    onkeypress={onInputKey}
                     name="otp"
                     autofocus
                     disabled={busy}
@@ -161,10 +160,10 @@ async function startSSO (provider: SsoProviderDescription) {
         {/if}
         {#if authState === ApiAuthState.NotStarted || authState === ApiAuthState.PasswordNeeded || authState === ApiAuthState.Failed}
             <FormGroup floating label="Username">
-                <!-- svelte-ignore a11y-autofocus -->
+                <!-- svelte-ignore a11y_autofocus -->
                 <input
                     bind:value={username}
-                    on:keypress={onInputKey}
+                    onkeypress={onInputKey}
                     name="username"
                     autocomplete="username"
                     disabled={busy}
@@ -175,7 +174,7 @@ async function startSSO (provider: SsoProviderDescription) {
             <FormGroup floating label="Password">
                 <input
                     bind:value={password}
-                    on:keypress={onInputKey}
+                    onkeypress={onInputKey}
                     name="password"
                     type="password"
                     autocomplete="current-password"
@@ -213,7 +212,7 @@ async function startSSO (provider: SsoProviderDescription) {
                     <button
                         class="btn d-flex align-items-center w-100 mb-2 btn-outline-primary"
                         disabled={busy}
-                        on:click={() => startSSO(ssoProvider)}
+                        onclick={() => startSSO(ssoProvider)}
                     >
                         <span class="m-auto">
                             {#if ssoProvider.kind === SsoProviderKind.Google}
@@ -236,7 +235,7 @@ async function startSSO (provider: SsoProviderDescription) {
     {#if authState !== ApiAuthState.NotStarted && authState !== ApiAuthState.Failed}
         <button
             class="btn w-100 mt-3 btn-outline-secondary"
-            on:click={cancel}
+            onclick={cancel}
         >
             Cancel
         </button>
diff --git a/warpgate-web/src/gateway/OutOfBandAuth.svelte b/warpgate-web/src/gateway/OutOfBandAuth.svelte
index d234de838..9a38a49c9 100644
--- a/warpgate-web/src/gateway/OutOfBandAuth.svelte
+++ b/warpgate-web/src/gateway/OutOfBandAuth.svelte
@@ -1,13 +1,17 @@
 <script lang="ts">
-import { Alert } from '@sveltestrap/sveltestrap'
-
 import { api, ApiAuthState, type AuthStateResponseInternal } from 'gateway/lib/api'
 import AsyncButton from 'common/AsyncButton.svelte'
 import DelayedSpinner from 'common/DelayedSpinner.svelte'
 import RelativeDate from 'admin/RelativeDate.svelte'
+import Alert from 'common/Alert.svelte'
+
+interface Props {
+    params: { stateId: string };
+}
+
+let { params }: Props = $props()
 
-export let params: { stateId: string }
-let authState: AuthStateResponseInternal
+let authState: AuthStateResponseInternal | undefined = $state()
 
 async function reload () {
     authState = await api.getAuthState({ id: params.stateId })
@@ -46,6 +50,7 @@ async function reject () {
 {#await init()}
     <DelayedSpinner />
 {:then}
+{#if authState}
     <div class="page-summary-bar">
         <h1>Authorization request</h1>
     </div>
@@ -53,7 +58,7 @@ async function reject () {
     <div class="mb-5">
         <div class="mb-2">Ensure this security key matches your authentication prompt:</div>
         <div class="identification-string">
-            {#each authState.identificationString as char}
+            {#each authState?.identificationString as char}
                 <div class="card bg-secondary text-light">
                     <div class="card-body">{char}</div>
                 </div>
@@ -97,4 +102,5 @@ async function reject () {
             </AsyncButton>
         </div>
     {/if}
+{/if}
 {/await}
diff --git a/warpgate-web/src/gateway/TargetList.svelte b/warpgate-web/src/gateway/TargetList.svelte
index b42d55c18..84baf2cc7 100644
--- a/warpgate-web/src/gateway/TargetList.svelte
+++ b/warpgate-web/src/gateway/TargetList.svelte
@@ -4,15 +4,13 @@ import { faArrowRight } from '@fortawesome/free-solid-svg-icons'
 import ConnectionInstructions from 'common/ConnectionInstructions.svelte'
 import ItemList, { type LoadOptions, type PaginatedResponse } from 'common/ItemList.svelte'
 import { api, type TargetSnapshot, TargetKind } from 'gateway/lib/api'
-import { createEventDispatcher } from 'svelte'
 import Fa from 'svelte-fa'
-import { Modal, ModalBody, ModalHeader } from '@sveltestrap/sveltestrap'
+import { Modal, ModalBody } from '@sveltestrap/sveltestrap'
 import { serverInfo } from './lib/store'
 import { firstBy } from 'thenby'
+import ModalHeader from 'common/ModalHeader.svelte'
 
-const dispatch = createEventDispatcher()
-
-let selectedTarget: TargetSnapshot|undefined
+let selectedTarget: TargetSnapshot|undefined = $state()
 
 function loadTargets (options: LoadOptions): Observable<PaginatedResponse<TargetSnapshot>> {
     return from(api.getTargets({ search: options.search })).pipe(
@@ -41,52 +39,53 @@ function selectTarget (target: TargetSnapshot) {
 }
 
 function loadURL (url: string) {
-    dispatch('navigation')
     location.href = url
 }
 
 </script>
 
 <ItemList load={loadTargets} showSearch={true}>
-    <a
-        slot="item" let:item={target}
-        class="list-group-item list-group-item-action target-item"
-        href={
-            target.kind === TargetKind.WebAdmin
-                ? '/@warpgate/admin'
-                : target.kind === TargetKind.Http
-                    ? `/?warpgate-target=${target.name}`
-                    : '/@warpgate/admin'
-        }
-        on:click|preventDefault={e => {
-            if (e.metaKey || e.ctrlKey) {
-                return
+    {#snippet item({ item: target })}
+        <a
+            class="list-group-item list-group-item-action target-item"
+            href={
+                target.kind === TargetKind.WebAdmin
+                    ? '/@warpgate/admin'
+                    : target.kind === TargetKind.Http
+                        ? `/?warpgate-target=${target.name}`
+                        : '/@warpgate/admin'
             }
-            selectTarget(target)
-        }}
-    >
-        <span class="me-auto">
-            {#if target.kind === TargetKind.WebAdmin}
-                Manage Warpgate
-            {:else}
-                {target.name}
-            {/if}
-        </span>
-        <small class="protocol text-muted ms-auto">
-            {#if target.kind === TargetKind.Ssh}
-                SSH
-            {/if}
-            {#if target.kind === TargetKind.MySql}
-                MySQL
-            {/if}
-            {#if target.kind === TargetKind.Postgres}
-                PostgreSQL
+            onclick={e => {
+                if (e.metaKey || e.ctrlKey) {
+                    return
+                }
+                e.preventDefault()
+                selectTarget(target)
+            }}
+        >
+            <span class="me-auto">
+                {#if target.kind === TargetKind.WebAdmin}
+                    Manage Warpgate
+                {:else}
+                    {target.name}
+                {/if}
+            </span>
+            <small class="protocol text-muted ms-auto">
+                {#if target.kind === TargetKind.Ssh}
+                    SSH
+                {/if}
+                {#if target.kind === TargetKind.MySql}
+                    MySQL
+                {/if}
+                {#if target.kind === TargetKind.Postgres}
+                    PostgreSQL
+                {/if}
+            </small>
+            {#if target.kind === TargetKind.Http || target.kind === TargetKind.WebAdmin}
+                <Fa icon={faArrowRight} fw />
             {/if}
-        </small>
-        {#if target.kind === TargetKind.Http || target.kind === TargetKind.WebAdmin}
-            <Fa icon={faArrowRight} fw />
-        {/if}
-    </a>
+        </a>
+    {/snippet}
 </ItemList>
 
 <Modal isOpen={!!selectedTarget} toggle={() => selectedTarget = undefined}>
diff --git a/warpgate-web/src/gateway/index.ts b/warpgate-web/src/gateway/index.ts
index df03b1676..4dcb4979f 100644
--- a/warpgate-web/src/gateway/index.ts
+++ b/warpgate-web/src/gateway/index.ts
@@ -1,9 +1,9 @@
+import { mount } from 'svelte'
 import '../theme'
 import App from './App.svelte'
 
-new App({
+mount(App, {
     target: document.getElementById('app')!,
 })
 
-// eslint-disable-next-line @typescript-eslint/no-useless-empty-export
 export { }
diff --git a/warpgate-web/src/gateway/lib/shellEscape.ts b/warpgate-web/src/gateway/lib/shellEscape.ts
index 9bb05dbaa..46ea55f2f 100644
--- a/warpgate-web/src/gateway/lib/shellEscape.ts
+++ b/warpgate-web/src/gateway/lib/shellEscape.ts
@@ -1,14 +1,14 @@
 import { UAParser } from 'ua-parser-js'
 
 function escapeUnix (arg: string): string {
-    if (!/^[A-Za-z0-9_\/-]+$/.test(arg)) {
+    if (!/^[A-Za-z0-9_/-]+$/.test(arg)) {
         return ('\'' + arg.replace(/'/g, '\'"\'"\'') + '\'').replace(/''/g, '')
     }
     return arg
 }
 
 function escapeWin (arg: string): string {
-    if (!/^[A-Za-z0-9_\/-]+$/.test(arg)) {
+    if (!/^[A-Za-z0-9_/-]+$/.test(arg)) {
         return '"' + arg.replace(/"/g, '""') + '"'
     }
     return arg
diff --git a/warpgate-web/src/gateway/login.ts b/warpgate-web/src/gateway/login.ts
index 1bb14580f..a7c74ac6d 100644
--- a/warpgate-web/src/gateway/login.ts
+++ b/warpgate-web/src/gateway/login.ts
@@ -1,7 +1,8 @@
+import { mount } from 'svelte'
 import Login from './Login.svelte'
 
 const app = {}
-new Login({
+mount(Login, {
     target: document.getElementById('app')!,
 })
 
diff --git a/warpgate-web/src/theme/index.ts b/warpgate-web/src/theme/index.ts
index d6fcc3beb..5e5060164 100644
--- a/warpgate-web/src/theme/index.ts
+++ b/warpgate-web/src/theme/index.ts
@@ -37,7 +37,6 @@ export function setCurrentTheme (theme: ThemeName): void {
     localStorage.setItem('theme', theme)
     currentTheme.set(theme)
     if (theme === 'auto') {
-        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
         if (window.matchMedia?.('(prefers-color-scheme: dark)').matches) {
             loadTheme('dark')
         } else {
diff --git a/warpgate-web/svelte.config.js b/warpgate-web/svelte.config.js
index fdc91f1b3..8f5b524ca 100644
--- a/warpgate-web/svelte.config.js
+++ b/warpgate-web/svelte.config.js
@@ -5,6 +5,9 @@ const config = {
     compilerOptions: {
         enableSourcemap: true,
         dev: true,
+        compatibility: {
+          componentApi: 4,
+        },
     },
     preprocess: sveltePreprocess({
         sourceMap: true,
diff --git a/warpgate-web/yarn.lock b/warpgate-web/yarn.lock
index 623a1b77e..28affcbc3 100644
--- a/warpgate-web/yarn.lock
+++ b/warpgate-web/yarn.lock
@@ -2,7 +2,7 @@
 # yarn lockfile v1
 
 
-"@ampproject/remapping@^2.2.1":
+"@ampproject/remapping@^2.3.0":
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.3.0.tgz#ed441b6fa600072520ce18b43d2c8cc8caecc7f4"
   integrity sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==
@@ -162,30 +162,61 @@
   dependencies:
     eslint-visitor-keys "^3.3.0"
 
-"@eslint-community/regexpp@^4.10.0", "@eslint-community/regexpp@^4.6.1":
+"@eslint-community/regexpp@^4.10.0":
   version "4.11.0"
   resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.11.0.tgz#b0ffd0312b4a3fd2d6f77237e7248a5ad3a680ae"
   integrity sha512-G/M/tIiMrTAxEWRfLfQJMmGNX28IxBg4PBz8XqQhqUHLFI6TL2htpIB1iQCj144V5ee/JaKyT9/WZ0MGZWfA7A==
 
-"@eslint/eslintrc@^2.1.4":
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.1.4.tgz#388a269f0f25c1b6adc317b5a2c55714894c70ad"
-  integrity sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==
+"@eslint-community/regexpp@^4.11.0":
+  version "4.11.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.11.1.tgz#a547badfc719eb3e5f4b556325e542fbe9d7a18f"
+  integrity sha512-m4DVN9ZqskZoLU5GlWZadwDnYo3vAEydiUayB9widCl9ffWx2IvPnp6n3on5rJmziJSw9Bv+Z3ChDVdMwXCY8Q==
+
+"@eslint/config-array@^0.18.0":
+  version "0.18.0"
+  resolved "https://registry.yarnpkg.com/@eslint/config-array/-/config-array-0.18.0.tgz#37d8fe656e0d5e3dbaea7758ea56540867fd074d"
+  integrity sha512-fTxvnS1sRMu3+JjXwJG0j/i4RT9u4qJ+lqS/yCGap4lH4zZGzQ7tu+xZqQmcMZq5OBZDL4QRxQzRjkWcGt8IVw==
+  dependencies:
+    "@eslint/object-schema" "^2.1.4"
+    debug "^4.3.1"
+    minimatch "^3.1.2"
+
+"@eslint/core@^0.7.0":
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/@eslint/core/-/core-0.7.0.tgz#a1bb4b6a4e742a5ff1894b7ee76fbf884ec72bd3"
+  integrity sha512-xp5Jirz5DyPYlPiKat8jaq0EmYvDXKKpzTbxXMpT9eqlRJkRKIz9AGMdlvYjih+im+QlhWrpvVjl8IPC/lHlUw==
+
+"@eslint/eslintrc@^3.1.0":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-3.1.0.tgz#dbd3482bfd91efa663cbe7aa1f506839868207b6"
+  integrity sha512-4Bfj15dVJdoy3RfZmmo86RK1Fwzn6SstsvK9JS+BaVKqC6QQQQyXekNaC+g+LKNgkQ+2VhGAzm6hO40AhMR3zQ==
   dependencies:
     ajv "^6.12.4"
     debug "^4.3.2"
-    espree "^9.6.0"
-    globals "^13.19.0"
+    espree "^10.0.1"
+    globals "^14.0.0"
     ignore "^5.2.0"
     import-fresh "^3.2.1"
     js-yaml "^4.1.0"
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
-"@eslint/js@8.57.1":
-  version "8.57.1"
-  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.57.1.tgz#de633db3ec2ef6a3c89e2f19038063e8a122e2c2"
-  integrity sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==
+"@eslint/js@9.13.0":
+  version "9.13.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.13.0.tgz#c5f89bcd57eb54d5d4fa8b77693e9c28dc97e547"
+  integrity sha512-IFLyoY4d72Z5y/6o/BazFBezupzI/taV8sGumxTAVw3lXG9A6md1Dc34T9s1FoD/an9pJH8RHbAxsaEbBed9lA==
+
+"@eslint/object-schema@^2.1.4":
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/@eslint/object-schema/-/object-schema-2.1.4.tgz#9e69f8bb4031e11df79e03db09f9dbbae1740843"
+  integrity sha512-BsWiH1yFGjXXS2yvrf5LyuoSIIbPrGUWob917o+BTKuZ7qJdxX8aJLRxs1fS9n6r7vESrq1OUqb68dANcFXuQQ==
+
+"@eslint/plugin-kit@^0.2.0":
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/@eslint/plugin-kit/-/plugin-kit-0.2.1.tgz#cd14fe2db79fa639839dfef4105e83bad1814482"
+  integrity sha512-HFZ4Mp26nbWk9d/BpvP0YNL6W4UoZF0VFcTw/aPPA8RpOxeFQgK+ClABGgAUXs9Y/RGX/l1vOmrqz1MQt9MNuw==
+  dependencies:
+    levn "^0.4.1"
 
 "@fontsource/work-sans@^4.5.12":
   version "4.5.14"
@@ -218,24 +249,28 @@
   dependencies:
     "@fortawesome/fontawesome-common-types" "6.6.0"
 
-"@humanwhocodes/config-array@^0.13.0":
-  version "0.13.0"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.13.0.tgz#fb907624df3256d04b9aa2df50d7aa97ec648748"
-  integrity sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==
+"@humanfs/core@^0.19.0":
+  version "0.19.0"
+  resolved "https://registry.yarnpkg.com/@humanfs/core/-/core-0.19.0.tgz#08db7a8c73bb07673d9ebd925f2dad746411fcec"
+  integrity sha512-2cbWIHbZVEweE853g8jymffCA+NCMiuqeECeBBLm8dg2oFdjuGJhgN4UAbI+6v0CKbbhvtXA4qV8YR5Ji86nmw==
+
+"@humanfs/node@^0.16.5":
+  version "0.16.5"
+  resolved "https://registry.yarnpkg.com/@humanfs/node/-/node-0.16.5.tgz#a9febb7e7ad2aff65890fdc630938f8d20aa84ba"
+  integrity sha512-KSPA4umqSG4LHYRodq31VDwKAvaTF4xmVlzM8Aeh4PlU1JQ3IG0wiA8C25d3RQ9nJyM3mBHyI53K06VVL/oFFg==
   dependencies:
-    "@humanwhocodes/object-schema" "^2.0.3"
-    debug "^4.3.1"
-    minimatch "^3.0.5"
+    "@humanfs/core" "^0.19.0"
+    "@humanwhocodes/retry" "^0.3.0"
 
 "@humanwhocodes/module-importer@^1.0.1":
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
   integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
 
-"@humanwhocodes/object-schema@^2.0.3":
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz#4a2868d75d6d6963e423bcf90b7fd1be343409d3"
-  integrity sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==
+"@humanwhocodes/retry@^0.3.0", "@humanwhocodes/retry@^0.3.1":
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/retry/-/retry-0.3.1.tgz#c72a5c76a9fbaf3488e231b13dc52c0da7bab42a"
+  integrity sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==
 
 "@jridgewell/gen-mapping@^0.3.5":
   version "0.3.5"
@@ -261,7 +296,7 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz#3188bcb273a414b0d215fd22a58540b989b9409a"
   integrity sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==
 
-"@jridgewell/trace-mapping@^0.3.18", "@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25":
+"@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25":
   version "0.3.25"
   resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0"
   integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
@@ -318,7 +353,7 @@
   resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
   integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
 
-"@nodelib/fs.walk@^1.2.3", "@nodelib/fs.walk@^1.2.8":
+"@nodelib/fs.walk@^1.2.3":
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
   integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
@@ -391,89 +426,6 @@
   resolved "https://registry.yarnpkg.com/@otplib/preset-browser/-/preset-browser-12.0.1.tgz#3f7f4dec25f8fcb5eed533c90df76784f219f088"
   integrity sha512-64Eb6JLRRcER2NuIIVQIVNb3yn4mJLUwN1i3icmmNpTS+r4izwdM3eQs9wbeRjjX46kgfMZqPFYsC9JuGM0TKw==
 
-"@parcel/watcher-android-arm64@2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.4.1.tgz#c2c19a3c442313ff007d2d7a9c2c1dd3e1c9ca84"
-  integrity sha512-LOi/WTbbh3aTn2RYddrO8pnapixAziFl6SMxHM69r3tvdSm94JtCenaKgk1GRg5FJ5wpMCpHeW+7yqPlvZv7kg==
-
-"@parcel/watcher-darwin-arm64@2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.4.1.tgz#c817c7a3b4f3a79c1535bfe54a1c2818d9ffdc34"
-  integrity sha512-ln41eihm5YXIY043vBrrHfn94SIBlqOWmoROhsMVTSXGh0QahKGy77tfEywQ7v3NywyxBBkGIfrWRHm0hsKtzA==
-
-"@parcel/watcher-darwin-x64@2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.4.1.tgz#1a3f69d9323eae4f1c61a5f480a59c478d2cb020"
-  integrity sha512-yrw81BRLjjtHyDu7J61oPuSoeYWR3lDElcPGJyOvIXmor6DEo7/G2u1o7I38cwlcoBHQFULqF6nesIX3tsEXMg==
-
-"@parcel/watcher-freebsd-x64@2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.4.1.tgz#0d67fef1609f90ba6a8a662bc76a55fc93706fc8"
-  integrity sha512-TJa3Pex/gX3CWIx/Co8k+ykNdDCLx+TuZj3f3h7eOjgpdKM+Mnix37RYsYU4LHhiYJz3DK5nFCCra81p6g050w==
-
-"@parcel/watcher-linux-arm-glibc@2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.4.1.tgz#ce5b340da5829b8e546bd00f752ae5292e1c702d"
-  integrity sha512-4rVYDlsMEYfa537BRXxJ5UF4ddNwnr2/1O4MHM5PjI9cvV2qymvhwZSFgXqbS8YoTk5i/JR0L0JDs69BUn45YA==
-
-"@parcel/watcher-linux-arm64-glibc@2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.4.1.tgz#6d7c00dde6d40608f9554e73998db11b2b1ff7c7"
-  integrity sha512-BJ7mH985OADVLpbrzCLgrJ3TOpiZggE9FMblfO65PlOCdG++xJpKUJ0Aol74ZUIYfb8WsRlUdgrZxKkz3zXWYA==
-
-"@parcel/watcher-linux-arm64-musl@2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.4.1.tgz#bd39bc71015f08a4a31a47cd89c236b9d6a7f635"
-  integrity sha512-p4Xb7JGq3MLgAfYhslU2SjoV9G0kI0Xry0kuxeG/41UfpjHGOhv7UoUDAz/jb1u2elbhazy4rRBL8PegPJFBhA==
-
-"@parcel/watcher-linux-x64-glibc@2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.4.1.tgz#0ce29966b082fb6cdd3de44f2f74057eef2c9e39"
-  integrity sha512-s9O3fByZ/2pyYDPoLM6zt92yu6P4E39a03zvO0qCHOTjxmt3GHRMLuRZEWhWLASTMSrrnVNWdVI/+pUElJBBBg==
-
-"@parcel/watcher-linux-x64-musl@2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.4.1.tgz#d2ebbf60e407170bb647cd6e447f4f2bab19ad16"
-  integrity sha512-L2nZTYR1myLNST0O632g0Dx9LyMNHrn6TOt76sYxWLdff3cB22/GZX2UPtJnaqQPdCRoszoY5rcOj4oMTtp5fQ==
-
-"@parcel/watcher-win32-arm64@2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.4.1.tgz#eb4deef37e80f0b5e2f215dd6d7a6d40a85f8adc"
-  integrity sha512-Uq2BPp5GWhrq/lcuItCHoqxjULU1QYEcyjSO5jqqOK8RNFDBQnenMMx4gAl3v8GiWa59E9+uDM7yZ6LxwUIfRg==
-
-"@parcel/watcher-win32-ia32@2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.4.1.tgz#94fbd4b497be39fd5c8c71ba05436927842c9df7"
-  integrity sha512-maNRit5QQV2kgHFSYwftmPBxiuK5u4DXjbXx7q6eKjq5dsLXZ4FJiVvlcw35QXzk0KrUecJmuVFbj4uV9oYrcw==
-
-"@parcel/watcher-win32-x64@2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.4.1.tgz#4bf920912f67cae5f2d264f58df81abfea68dadf"
-  integrity sha512-+DvS92F9ezicfswqrvIRM2njcYJbd5mb9CUgtrHCHmvn7pPPa+nMDRu1o1bYYz/l5IB2NVGNJWiH7h1E58IF2A==
-
-"@parcel/watcher@^2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@parcel/watcher/-/watcher-2.4.1.tgz#a50275151a1bb110879c6123589dba90c19f1bf8"
-  integrity sha512-HNjmfLQEVRZmHRET336f20H/8kOozUGwk7yajvsonjNxbj2wBTK1WsQuHkD5yYh9RxFGL2EyDHryOihOwUoKDA==
-  dependencies:
-    detect-libc "^1.0.3"
-    is-glob "^4.0.3"
-    micromatch "^4.0.5"
-    node-addon-api "^7.0.0"
-  optionalDependencies:
-    "@parcel/watcher-android-arm64" "2.4.1"
-    "@parcel/watcher-darwin-arm64" "2.4.1"
-    "@parcel/watcher-darwin-x64" "2.4.1"
-    "@parcel/watcher-freebsd-x64" "2.4.1"
-    "@parcel/watcher-linux-arm-glibc" "2.4.1"
-    "@parcel/watcher-linux-arm64-glibc" "2.4.1"
-    "@parcel/watcher-linux-arm64-musl" "2.4.1"
-    "@parcel/watcher-linux-x64-glibc" "2.4.1"
-    "@parcel/watcher-linux-x64-musl" "2.4.1"
-    "@parcel/watcher-win32-arm64" "2.4.1"
-    "@parcel/watcher-win32-ia32" "2.4.1"
-    "@parcel/watcher-win32-x64" "2.4.1"
-
 "@popperjs/core@^2.11.8":
   version "2.11.8"
   resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.8.tgz#6b79032e760a0899cd4204710beede972a3a185f"
@@ -564,25 +516,35 @@
   resolved "https://registry.yarnpkg.com/@rtsao/scc/-/scc-1.1.0.tgz#927dd2fae9bc3361403ac2c7a00c32ddce9ad7e8"
   integrity sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==
 
-"@sveltejs/vite-plugin-svelte-inspector@^2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-2.1.0.tgz#116ba2b73be43c1d7d93de749f37becc7e45bb8c"
-  integrity sha512-9QX28IymvBlSCqsCll5t0kQVxipsfhFFL+L2t3nTWfXnddYwxBuAEtTtlaVQpRz9c37BhJjltSeY4AJSC03SSg==
+"@stylistic/eslint-plugin@^2.9.0":
+  version "2.9.0"
+  resolved "https://registry.yarnpkg.com/@stylistic/eslint-plugin/-/eslint-plugin-2.9.0.tgz#5ab3326303915e020ddaf39154290e2800a84bcd"
+  integrity sha512-OrDyFAYjBT61122MIY1a3SfEgy3YCMgt2vL4eoPmvTwDBwyQhAXurxNQznlRD/jESNfYWfID8Ej+31LljvF7Xg==
   dependencies:
-    debug "^4.3.4"
+    "@typescript-eslint/utils" "^8.8.0"
+    eslint-visitor-keys "^4.1.0"
+    espree "^10.2.0"
+    estraverse "^5.3.0"
+    picomatch "^4.0.2"
 
-"@sveltejs/vite-plugin-svelte@^3.1.2":
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-3.1.2.tgz#be3120b52e6d9facb55d58392b0dad9e5a35ba6f"
-  integrity sha512-Txsm1tJvtiYeLUVRNqxZGKR/mI+CzuIQuc2gn+YCs9rMTowpNZ2Nqt53JdL8KF9bLhAf2ruR/dr9eZCwdTriRA==
+"@sveltejs/vite-plugin-svelte-inspector@^3.0.0-next.0||^3.0.0":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-3.0.1.tgz#006bcab6ea90e09c65459133d4e3eaa6b1e83e28"
+  integrity sha512-2CKypmj1sM4GE7HjllT7UKmo4Q6L5xFRd7VMGEWhYnZ+wc6AUVU01IBd7yUi6WnFndEwWoMNOd6e8UjoN0nbvQ==
   dependencies:
-    "@sveltejs/vite-plugin-svelte-inspector" "^2.1.0"
-    debug "^4.3.4"
+    debug "^4.3.7"
+
+"@sveltejs/vite-plugin-svelte@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-4.0.0.tgz#4e7c2fe6fd262f6bbd7dc82085a76654cbaeafe5"
+  integrity sha512-kpVJwF+gNiMEsoHaw+FJL76IYiwBikkxYU83+BpqQLdVMff19KeRKLd2wisS8niNBMJ2omv5gG+iGDDwd8jzag==
+  dependencies:
+    "@sveltejs/vite-plugin-svelte-inspector" "^3.0.0-next.0||^3.0.0"
+    debug "^4.3.7"
     deepmerge "^4.3.1"
     kleur "^4.1.5"
-    magic-string "^0.30.10"
-    svelte-hmr "^0.16.0"
-    vitefu "^0.2.5"
+    magic-string "^0.30.12"
+    vitefu "^1.0.3"
 
 "@sveltestrap/sveltestrap@^6.2.7":
   version "6.2.7"
@@ -601,11 +563,21 @@
   resolved "https://registry.yarnpkg.com/@tsconfig/svelte/-/svelte-5.0.4.tgz#8bd0254472bd39a5e750f1b4a05ecb18c9f3bf80"
   integrity sha512-BV9NplVgLmSi4mwKzD8BD/NQ8erOY/nUE/GpgWe2ckx+wIQF5RyRirn/QsSSCPeulVpc3RA/iJt6DpfTIZps0Q==
 
-"@types/estree@*", "@types/estree@1.0.5", "@types/estree@^1.0.0", "@types/estree@^1.0.1":
+"@types/estree@*", "@types/estree@1.0.5", "@types/estree@^1.0.1":
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.5.tgz#a6ce3e556e00fd9895dd872dd172ad0d4bd687f4"
   integrity sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==
 
+"@types/estree@^1.0.5", "@types/estree@^1.0.6":
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.6.tgz#628effeeae2064a1b4e79f78e81d87b7e5fc7b50"
+  integrity sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==
+
+"@types/json-schema@^7.0.15":
+  version "7.0.15"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841"
+  integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
+
 "@types/json5@^0.0.29":
   version "0.0.29"
   resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
@@ -630,92 +602,87 @@
   resolved "https://registry.yarnpkg.com/@types/ua-parser-js/-/ua-parser-js-0.7.39.tgz#832c58e460c9435e4e34bb866e85e9146e12cdbb"
   integrity sha512-P/oDfpofrdtF5xw433SPALpdSchtJmY7nsJItf8h3KXqOslkbySh8zq4dSWXH2oTjRvJ5PczVEoCZPow6GicLg==
 
-"@typescript-eslint/eslint-plugin@^7.17.0":
-  version "7.18.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.18.0.tgz#b16d3cf3ee76bf572fdf511e79c248bdec619ea3"
-  integrity sha512-94EQTWZ40mzBc42ATNIBimBEDltSJ9RQHCC8vc/PDbxi4k8dVwUAv4o98dk50M1zB+JGFxp43FP7f8+FP8R6Sw==
+"@typescript-eslint/eslint-plugin@8.11.0":
+  version "8.11.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.11.0.tgz#c3f087d20715fa94310b30666c08b3349e0ab084"
+  integrity sha512-KhGn2LjW1PJT2A/GfDpiyOfS4a8xHQv2myUagTM5+zsormOmBlYsnQ6pobJ8XxJmh6hnHwa2Mbe3fPrDJoDhbA==
   dependencies:
     "@eslint-community/regexpp" "^4.10.0"
-    "@typescript-eslint/scope-manager" "7.18.0"
-    "@typescript-eslint/type-utils" "7.18.0"
-    "@typescript-eslint/utils" "7.18.0"
-    "@typescript-eslint/visitor-keys" "7.18.0"
+    "@typescript-eslint/scope-manager" "8.11.0"
+    "@typescript-eslint/type-utils" "8.11.0"
+    "@typescript-eslint/utils" "8.11.0"
+    "@typescript-eslint/visitor-keys" "8.11.0"
     graphemer "^1.4.0"
     ignore "^5.3.1"
     natural-compare "^1.4.0"
     ts-api-utils "^1.3.0"
 
-"@typescript-eslint/parser@^7.18.0":
-  version "7.18.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-7.18.0.tgz#83928d0f1b7f4afa974098c64b5ce6f9051f96a0"
-  integrity sha512-4Z+L8I2OqhZV8qA132M4wNL30ypZGYOQVBfMgxDH/K5UX0PNqTu1c6za9ST5r9+tavvHiTWmBnKzpCJ/GlVFtg==
+"@typescript-eslint/parser@8.11.0":
+  version "8.11.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-8.11.0.tgz#2ad1481388dc1c937f50b2d138c9ca57cc6c5cce"
+  integrity sha512-lmt73NeHdy1Q/2ul295Qy3uninSqi6wQI18XwSpm8w0ZbQXUpjCAWP1Vlv/obudoBiIjJVjlztjQ+d/Md98Yxg==
   dependencies:
-    "@typescript-eslint/scope-manager" "7.18.0"
-    "@typescript-eslint/types" "7.18.0"
-    "@typescript-eslint/typescript-estree" "7.18.0"
-    "@typescript-eslint/visitor-keys" "7.18.0"
+    "@typescript-eslint/scope-manager" "8.11.0"
+    "@typescript-eslint/types" "8.11.0"
+    "@typescript-eslint/typescript-estree" "8.11.0"
+    "@typescript-eslint/visitor-keys" "8.11.0"
     debug "^4.3.4"
 
-"@typescript-eslint/scope-manager@7.18.0":
-  version "7.18.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-7.18.0.tgz#c928e7a9fc2c0b3ed92ab3112c614d6bd9951c83"
-  integrity sha512-jjhdIE/FPF2B7Z1uzc6i3oWKbGcHb87Qw7AWj6jmEqNOfDFbJWtjt/XfwCpvNkpGWlcJaog5vTR+VV8+w9JflA==
+"@typescript-eslint/scope-manager@8.11.0":
+  version "8.11.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-8.11.0.tgz#9d399ce624118966732824878bc9a83593a30405"
+  integrity sha512-Uholz7tWhXmA4r6epo+vaeV7yjdKy5QFCERMjs1kMVsLRKIrSdM6o21W2He9ftp5PP6aWOVpD5zvrvuHZC0bMQ==
   dependencies:
-    "@typescript-eslint/types" "7.18.0"
-    "@typescript-eslint/visitor-keys" "7.18.0"
+    "@typescript-eslint/types" "8.11.0"
+    "@typescript-eslint/visitor-keys" "8.11.0"
 
-"@typescript-eslint/type-utils@7.18.0":
-  version "7.18.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-7.18.0.tgz#2165ffaee00b1fbbdd2d40aa85232dab6998f53b"
-  integrity sha512-XL0FJXuCLaDuX2sYqZUUSOJ2sG5/i1AAze+axqmLnSkNEVMVYLF+cbwlB2w8D1tinFuSikHmFta+P+HOofrLeA==
+"@typescript-eslint/type-utils@8.11.0":
+  version "8.11.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-8.11.0.tgz#b7f9e6120c1ddee8a1a07615646642ad85fc91b5"
+  integrity sha512-ItiMfJS6pQU0NIKAaybBKkuVzo6IdnAhPFZA/2Mba/uBjuPQPet/8+zh5GtLHwmuFRShZx+8lhIs7/QeDHflOg==
   dependencies:
-    "@typescript-eslint/typescript-estree" "7.18.0"
-    "@typescript-eslint/utils" "7.18.0"
+    "@typescript-eslint/typescript-estree" "8.11.0"
+    "@typescript-eslint/utils" "8.11.0"
     debug "^4.3.4"
     ts-api-utils "^1.3.0"
 
-"@typescript-eslint/types@7.18.0":
-  version "7.18.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-7.18.0.tgz#b90a57ccdea71797ffffa0321e744f379ec838c9"
-  integrity sha512-iZqi+Ds1y4EDYUtlOOC+aUmxnE9xS/yCigkjA7XpTKV6nCBd3Hp/PRGGmdwnfkV2ThMyYldP1wRpm/id99spTQ==
+"@typescript-eslint/types@8.11.0":
+  version "8.11.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-8.11.0.tgz#7c766250502097f49bbc2e651132e6bf489e20b8"
+  integrity sha512-tn6sNMHf6EBAYMvmPUaKaVeYvhUsrE6x+bXQTxjQRp360h1giATU0WvgeEys1spbvb5R+VpNOZ+XJmjD8wOUHw==
 
-"@typescript-eslint/typescript-estree@7.18.0":
-  version "7.18.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-7.18.0.tgz#b5868d486c51ce8f312309ba79bdb9f331b37931"
-  integrity sha512-aP1v/BSPnnyhMHts8cf1qQ6Q1IFwwRvAQGRvBFkWlo3/lH29OXA3Pts+c10nxRxIBrDnoMqzhgdwVe5f2D6OzA==
+"@typescript-eslint/typescript-estree@8.11.0":
+  version "8.11.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.11.0.tgz#35fe5d3636fc5727c52429393415412e552e222b"
+  integrity sha512-yHC3s1z1RCHoCz5t06gf7jH24rr3vns08XXhfEqzYpd6Hll3z/3g23JRi0jM8A47UFKNc3u/y5KIMx8Ynbjohg==
   dependencies:
-    "@typescript-eslint/types" "7.18.0"
-    "@typescript-eslint/visitor-keys" "7.18.0"
+    "@typescript-eslint/types" "8.11.0"
+    "@typescript-eslint/visitor-keys" "8.11.0"
     debug "^4.3.4"
-    globby "^11.1.0"
+    fast-glob "^3.3.2"
     is-glob "^4.0.3"
     minimatch "^9.0.4"
     semver "^7.6.0"
     ts-api-utils "^1.3.0"
 
-"@typescript-eslint/utils@7.18.0":
-  version "7.18.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-7.18.0.tgz#bca01cde77f95fc6a8d5b0dbcbfb3d6ca4be451f"
-  integrity sha512-kK0/rNa2j74XuHVcoCZxdFBMF+aq/vH83CXAOHieC+2Gis4mF8jJXT5eAfyD3K0sAxtPuwxaIOIOvhwzVDt/kw==
+"@typescript-eslint/utils@8.11.0", "@typescript-eslint/utils@^8.8.0":
+  version "8.11.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-8.11.0.tgz#4480d1e9f2bb18ea3510c79f870a1aefc118103d"
+  integrity sha512-CYiX6WZcbXNJV7UNB4PLDIBtSdRmRI/nb0FMyqHPTQD1rMjA0foPLaPUV39C/MxkTd/QKSeX+Gb34PPsDVC35g==
   dependencies:
     "@eslint-community/eslint-utils" "^4.4.0"
-    "@typescript-eslint/scope-manager" "7.18.0"
-    "@typescript-eslint/types" "7.18.0"
-    "@typescript-eslint/typescript-estree" "7.18.0"
+    "@typescript-eslint/scope-manager" "8.11.0"
+    "@typescript-eslint/types" "8.11.0"
+    "@typescript-eslint/typescript-estree" "8.11.0"
 
-"@typescript-eslint/visitor-keys@7.18.0":
-  version "7.18.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-7.18.0.tgz#0564629b6124d67607378d0f0332a0495b25e7d7"
-  integrity sha512-cDF0/Gf81QpY3xYyJKDV14Zwdmid5+uuENhjH2EqFaF0ni+yAyq/LzMaIJdhNJXZI7uLzwIlA+V7oWoyn6Curg==
+"@typescript-eslint/visitor-keys@8.11.0":
+  version "8.11.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.11.0.tgz#273de1cbffe63d9f9cd7dfc20b5a5af66310cb92"
+  integrity sha512-EaewX6lxSjRJnc+99+dqzTeoDZUfyrA52d2/HRrkI830kgovWsmIiTfmr0NZorzqic7ga+1bS60lRBUgR3n/Bw==
   dependencies:
-    "@typescript-eslint/types" "7.18.0"
+    "@typescript-eslint/types" "8.11.0"
     eslint-visitor-keys "^3.4.3"
 
-"@ungap/structured-clone@^1.2.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406"
-  integrity sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==
-
 "@xterm/addon-serialize@^0.13":
   version "0.13.0"
   resolved "https://registry.yarnpkg.com/@xterm/addon-serialize/-/addon-serialize-0.13.0.tgz#f6e687708cacae67c4fc717fad37b9d11065897b"
@@ -731,7 +698,17 @@ acorn-jsx@^5.3.2:
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
   integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
 
-acorn@^8.10.0, acorn@^8.9.0:
+acorn-typescript@^1.4.13:
+  version "1.4.13"
+  resolved "https://registry.yarnpkg.com/acorn-typescript/-/acorn-typescript-1.4.13.tgz#5f851c8bdda0aa716ffdd5f6ac084df8acc6f5ea"
+  integrity sha512-xsc9Xv0xlVfwp2o7sQ+GCQ1PgbkdcpWdTzrwXxO3xDMTAywVS3oXVOcOHuRjAPkS4P9b+yc/qNF15460v+jp4Q==
+
+acorn@^8.12.0, acorn@^8.12.1:
+  version "8.13.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.13.0.tgz#2a30d670818ad16ddd6a35d3842dacec9e5d7ca3"
+  integrity sha512-8zSiw54Oxrdym50NlZ9sUusyO1Z1ZchgRLWRaK6c86XJFClyCgFKetdowBg5bKxyp/u+CDBJG4Mpp0m3HLZl9w==
+
+acorn@^8.9.0:
   version "8.12.1"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.12.1.tgz#71616bdccbe25e27a54439e0046e89ca76df2248"
   integrity sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==
@@ -792,12 +769,10 @@ argparse@^2.0.1:
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
   integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
 
-aria-query@^5.3.0:
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.3.0.tgz#650c569e41ad90b51b3d7df5e5eed1c7549c103e"
-  integrity sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==
-  dependencies:
-    dequal "^2.0.3"
+aria-query@^5.3.1:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.3.2.tgz#93f81a43480e33a338f19163a3d10a50c01dcd59"
+  integrity sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==
 
 array-buffer-byte-length@^1.0.1:
   version "1.0.1"
@@ -819,11 +794,6 @@ array-includes@^3.1.8:
     get-intrinsic "^1.2.4"
     is-string "^1.0.7"
 
-array-union@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
-  integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
-
 array.prototype.findlastindex@^1.2.5:
   version "1.2.5"
   resolved "https://registry.yarnpkg.com/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.5.tgz#8c35a755c72908719453f87145ca011e39334d0d"
@@ -898,7 +868,7 @@ axios@1.7.7:
     form-data "^4.0.0"
     proxy-from-env "^1.1.0"
 
-axobject-query@^4.0.0:
+axobject-query@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-4.1.0.tgz#28768c76d0e3cff21bc62a9e2d0b6ac30042a1ee"
   integrity sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==
@@ -1022,7 +992,7 @@ chardet@^0.7.0:
   resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
   integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==
 
-chokidar@^3.5.1:
+"chokidar@>=3.0.0 <4.0.0", chokidar@^3.5.1:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
   integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
@@ -1037,7 +1007,7 @@ chokidar@^3.5.1:
   optionalDependencies:
     fsevents "~2.3.2"
 
-chokidar@^4.0.0, chokidar@^4.0.1:
+chokidar@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-4.0.1.tgz#4a6dff66798fb0f72a94f616abbd7e1a19f31d41"
   integrity sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==
@@ -1084,17 +1054,6 @@ clone@^1.0.2:
   resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
   integrity sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==
 
-code-red@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/code-red/-/code-red-1.0.4.tgz#59ba5c9d1d320a4ef795bc10a28bd42bfebe3e35"
-  integrity sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==
-  dependencies:
-    "@jridgewell/sourcemap-codec" "^1.4.15"
-    "@types/estree" "^1.0.1"
-    acorn "^8.10.0"
-    estree-walker "^3.0.3"
-    periscopic "^3.1.0"
-
 color-convert@^1.9.0:
   version "1.9.3"
   resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
@@ -1186,14 +1145,6 @@ crypto-js@^3.1.9-1:
   resolved "https://registry.yarnpkg.com/crypto-js/-/crypto-js-3.3.0.tgz#846dd1cce2f68aacfa156c8578f926a609b7976b"
   integrity sha512-DIT51nX0dCfKltpRiXV+/TVZq+Qq2NgF4644+K7Ttnla7zEzqc+kjJyiB96BHNyUTBxyjzRcZYpUdZa+QAqi6Q==
 
-css-tree@^2.3.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.3.1.tgz#10264ce1e5442e8572fc82fbe490644ff54b5c20"
-  integrity sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==
-  dependencies:
-    mdn-data "2.0.30"
-    source-map-js "^1.0.1"
-
 cssesc@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
@@ -1243,7 +1194,7 @@ date-fns@^4.1.0:
   resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-4.1.0.tgz#64b3d83fff5aa80438f5b1a633c2e83b8a1c2d14"
   integrity sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==
 
-debug@4, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4, debug@^4.3.5:
+debug@4, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4, debug@^4.3.5, debug@^4.3.7:
   version "4.3.7"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.7.tgz#87945b4151a011d76d95a198d7111c865c360a52"
   integrity sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==
@@ -1311,28 +1262,11 @@ delayed-stream@~1.0.0:
   resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
   integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
 
-dequal@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/dequal/-/dequal-2.0.3.tgz#2644214f1997d39ed0ee0ece72335490a7ac67be"
-  integrity sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==
-
-detect-libc@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
-  integrity sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==
-
 dijkstrajs@^1.0.1:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/dijkstrajs/-/dijkstrajs-1.0.3.tgz#4c8dbdea1f0f6478bff94d9c49c784d623e4fc23"
   integrity sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA==
 
-dir-glob@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
-  integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
-  dependencies:
-    path-type "^4.0.0"
-
 doctrine@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
@@ -1340,13 +1274,6 @@ doctrine@^2.1.0:
   dependencies:
     esutils "^2.0.2"
 
-doctrine@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-3.0.0.tgz#addebead72a6574db783639dc87a121773973961"
-  integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
-  dependencies:
-    esutils "^2.0.2"
-
 easy-table@1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/easy-table/-/easy-table-1.1.0.tgz#86f9ab4c102f0371b7297b92a651d5824bc8cb73"
@@ -1635,6 +1562,14 @@ eslint-scope@^7.2.2:
     esrecurse "^4.3.0"
     estraverse "^5.2.0"
 
+eslint-scope@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-8.1.0.tgz#70214a174d4cbffbc3e8a26911d8bf51b9ae9d30"
+  integrity sha512-14dSvlhaVhKKsa9Fx1l8A17s7ah7Ef7wCakJ10LYk6+GYmP9yDti2oq2SEwcyndt6knfcZyhyxwY3i9yL78EQw==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^5.2.0"
+
 eslint-utils@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-2.1.0.tgz#d2de5e03424e707dc10c74068ddedae708741b27"
@@ -1652,51 +1587,67 @@ eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
   integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
 
-eslint@^8:
-  version "8.57.1"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.57.1.tgz#7df109654aba7e3bbe5c8eae533c5e461d3c6ca9"
-  integrity sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==
+eslint-visitor-keys@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.1.0.tgz#1f785cc5e81eb7534523d85922248232077d2f8c"
+  integrity sha512-Q7lok0mqMUSf5a/AdAZkA5a/gHcO6snwQClVNNvFKCAVlxXucdU8pKydU5ZVZjBx5xr37vGbFFWtLQYreLzrZg==
+
+eslint@^9.13.0:
+  version "9.13.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.13.0.tgz#7659014b7dda1ff876ecbd990f726e11c61596e6"
+  integrity sha512-EYZK6SX6zjFHST/HRytOdA/zE72Cq/bfw45LSyuwrdvcclb/gqV8RRQxywOBEWO2+WDpva6UZa4CcDeJKzUCFA==
   dependencies:
     "@eslint-community/eslint-utils" "^4.2.0"
-    "@eslint-community/regexpp" "^4.6.1"
-    "@eslint/eslintrc" "^2.1.4"
-    "@eslint/js" "8.57.1"
-    "@humanwhocodes/config-array" "^0.13.0"
+    "@eslint-community/regexpp" "^4.11.0"
+    "@eslint/config-array" "^0.18.0"
+    "@eslint/core" "^0.7.0"
+    "@eslint/eslintrc" "^3.1.0"
+    "@eslint/js" "9.13.0"
+    "@eslint/plugin-kit" "^0.2.0"
+    "@humanfs/node" "^0.16.5"
     "@humanwhocodes/module-importer" "^1.0.1"
-    "@nodelib/fs.walk" "^1.2.8"
-    "@ungap/structured-clone" "^1.2.0"
+    "@humanwhocodes/retry" "^0.3.1"
+    "@types/estree" "^1.0.6"
+    "@types/json-schema" "^7.0.15"
     ajv "^6.12.4"
     chalk "^4.0.0"
     cross-spawn "^7.0.2"
     debug "^4.3.2"
-    doctrine "^3.0.0"
     escape-string-regexp "^4.0.0"
-    eslint-scope "^7.2.2"
-    eslint-visitor-keys "^3.4.3"
-    espree "^9.6.1"
-    esquery "^1.4.2"
+    eslint-scope "^8.1.0"
+    eslint-visitor-keys "^4.1.0"
+    espree "^10.2.0"
+    esquery "^1.5.0"
     esutils "^2.0.2"
     fast-deep-equal "^3.1.3"
-    file-entry-cache "^6.0.1"
+    file-entry-cache "^8.0.0"
     find-up "^5.0.0"
     glob-parent "^6.0.2"
-    globals "^13.19.0"
-    graphemer "^1.4.0"
     ignore "^5.2.0"
     imurmurhash "^0.1.4"
     is-glob "^4.0.0"
-    is-path-inside "^3.0.3"
-    js-yaml "^4.1.0"
     json-stable-stringify-without-jsonify "^1.0.1"
-    levn "^0.4.1"
     lodash.merge "^4.6.2"
     minimatch "^3.1.2"
     natural-compare "^1.4.0"
     optionator "^0.9.3"
-    strip-ansi "^6.0.1"
     text-table "^0.2.0"
 
-espree@^9.6.0, espree@^9.6.1:
+esm-env@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/esm-env/-/esm-env-1.0.0.tgz#b124b40b180711690a4cb9b00d16573391950413"
+  integrity sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==
+
+espree@^10.0.1, espree@^10.2.0:
+  version "10.2.0"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-10.2.0.tgz#f4bcead9e05b0615c968e85f83816bc386a45df6"
+  integrity sha512-upbkBJbckcCNBDBDXEbuhjbP68n+scUd3k/U2EkyM9nw+I/jPiL4cLF/Al06CF96wRltFda16sxDFrxsI1v0/g==
+  dependencies:
+    acorn "^8.12.0"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^4.1.0"
+
+espree@^9.6.1:
   version "9.6.1"
   resolved "https://registry.yarnpkg.com/espree/-/espree-9.6.1.tgz#a2a17b8e434690a5432f2f8018ce71d331a48c6f"
   integrity sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==
@@ -1710,13 +1661,21 @@ esprima@^4.0.1:
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
-esquery@^1.4.2:
+esquery@^1.5.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.6.0.tgz#91419234f804d852a82dceec3e16cdc22cf9dae7"
   integrity sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==
   dependencies:
     estraverse "^5.1.0"
 
+esrap@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/esrap/-/esrap-1.2.2.tgz#b9e3afee3f12238563a763b7fa86220de2c53203"
+  integrity sha512-F2pSJklxx1BlQIQgooczXCPHmcWpn6EsP5oo73LQfonG9fIlIENQ8vMmfGXeojP9MrkzUNAfyU5vdFlR9shHAw==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.4.15"
+    "@types/estree" "^1.0.1"
+
 esrecurse@^4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
@@ -1724,18 +1683,11 @@ esrecurse@^4.3.0:
   dependencies:
     estraverse "^5.2.0"
 
-estraverse@^5.1.0, estraverse@^5.2.0:
+estraverse@^5.1.0, estraverse@^5.2.0, estraverse@^5.3.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
   integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
 
-estree-walker@^3.0.0, estree-walker@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-3.0.3.tgz#67c3e549ec402a487b4fc193d1953a524752340d"
-  integrity sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==
-  dependencies:
-    "@types/estree" "^1.0.0"
-
 esutils@^2.0.2, esutils@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
@@ -1755,7 +1707,7 @@ fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
-fast-glob@^3.2.7, fast-glob@^3.2.9, fast-glob@^3.3.2:
+fast-glob@^3.2.7, fast-glob@^3.3.2:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.2.tgz#a904501e57cfdd2ffcded45e99a54fef55e46129"
   integrity sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==
@@ -1800,12 +1752,12 @@ figures@^3.0.0:
   dependencies:
     escape-string-regexp "^1.0.5"
 
-file-entry-cache@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
-  integrity sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==
+file-entry-cache@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-8.0.0.tgz#7787bddcf1131bffb92636c69457bbc0edd6d81f"
+  integrity sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==
   dependencies:
-    flat-cache "^3.0.4"
+    flat-cache "^4.0.0"
 
 fill-range@^7.1.1:
   version "7.1.1"
@@ -1830,14 +1782,13 @@ find-up@^5.0.0:
     locate-path "^6.0.0"
     path-exists "^4.0.0"
 
-flat-cache@^3.0.4:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.2.0.tgz#2c0c2d5040c99b1632771a9d105725c0115363ee"
-  integrity sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==
+flat-cache@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-4.0.1.tgz#0ece39fcb14ee012f4b0410bd33dd9c1f011127c"
+  integrity sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==
   dependencies:
     flatted "^3.2.9"
-    keyv "^4.5.3"
-    rimraf "^3.0.2"
+    keyv "^4.5.4"
 
 flatted@^3.2.9:
   version "3.3.1"
@@ -1984,24 +1935,10 @@ glob@9.3.5:
     minipass "^4.2.4"
     path-scurry "^1.6.1"
 
-glob@^7.1.3:
-  version "7.2.3"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
-  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
-  dependencies:
-    fs.realpath "^1.0.0"
-    inflight "^1.0.4"
-    inherits "2"
-    minimatch "^3.1.1"
-    once "^1.3.0"
-    path-is-absolute "^1.0.0"
-
-globals@^13.19.0:
-  version "13.24.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-13.24.0.tgz#8432a19d78ce0c1e833949c36adb345400bb1171"
-  integrity sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==
-  dependencies:
-    type-fest "^0.20.2"
+globals@^14.0.0:
+  version "14.0.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-14.0.0.tgz#898d7413c29babcf6bafe56fcadded858ada724e"
+  integrity sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==
 
 globalthis@^1.0.3:
   version "1.0.4"
@@ -2011,18 +1948,6 @@ globalthis@^1.0.3:
     define-properties "^1.2.1"
     gopd "^1.0.1"
 
-globby@^11.1.0:
-  version "11.1.0"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
-  integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
-  dependencies:
-    array-union "^2.1.0"
-    dir-glob "^3.0.1"
-    fast-glob "^3.2.9"
-    ignore "^5.2.0"
-    merge2 "^1.4.1"
-    slash "^3.0.0"
-
 globrex@^0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/globrex/-/globrex-0.1.2.tgz#dd5d9ec826232730cd6793a5e33a9302985e6098"
@@ -2142,15 +2067,7 @@ imurmurhash@^0.1.4:
   resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
   integrity sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==
 
-inflight@^1.0.4:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
-  integrity sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==
-  dependencies:
-    once "^1.3.0"
-    wrappy "1"
-
-inherits@2, inherits@^2.0.3, inherits@^2.0.4:
+inherits@^2.0.3, inherits@^2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
@@ -2295,12 +2212,7 @@ is-number@^7.0.0:
   resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
   integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
 
-is-path-inside@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
-  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
-
-is-reference@^3.0.0, is-reference@^3.0.1:
+is-reference@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/is-reference/-/is-reference-3.0.2.tgz#154747a01f45cd962404ee89d43837af2cba247c"
   integrity sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==
@@ -2418,7 +2330,7 @@ jsonfile@^6.0.1:
   optionalDependencies:
     graceful-fs "^4.1.6"
 
-keyv@^4.5.3:
+keyv@^4.5.4:
   version "4.5.4"
   resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93"
   integrity sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==
@@ -2495,24 +2407,19 @@ lru-cache@^7.14.1:
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-7.18.3.tgz#f793896e0fd0e954a59dfdd82f0773808df6aa89"
   integrity sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==
 
-magic-string@^0.30.10, magic-string@^0.30.4:
-  version "0.30.11"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.11.tgz#301a6f93b3e8c2cb13ac1a7a673492c0dfd12954"
-  integrity sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==
+magic-string@^0.30.11, magic-string@^0.30.12:
+  version "0.30.12"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.12.tgz#9eb11c9d072b9bcb4940a5b2c2e1a217e4ee1a60"
+  integrity sha512-Ea8I3sQMVXr8JhN4z+H/d8zwo+tYDgHE9+5G4Wnrwhs0gaK9fXTKx0Tw5Xwsd/bCPTTZNRAdpyzvoeORe9LYpw==
   dependencies:
     "@jridgewell/sourcemap-codec" "^1.5.0"
 
-mdn-data@2.0.30:
-  version "2.0.30"
-  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.30.tgz#ce4df6f80af6cfbe218ecd5c552ba13c4dfa08cc"
-  integrity sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==
-
-merge2@^1.3.0, merge2@^1.4.1:
+merge2@^1.3.0:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
 
-micromatch@^4.0.4, micromatch@^4.0.5:
+micromatch@^4.0.4:
   version "4.0.8"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.8.tgz#d66fa18f3a47076789320b9b1af32bd86d9fa202"
   integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==
@@ -2537,7 +2444,7 @@ mimic-fn@^2.1.0:
   resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
   integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
 
-minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
+minimatch@^3.0.4, minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
   integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
@@ -2603,11 +2510,6 @@ netmask@^2.0.2:
   resolved "https://registry.yarnpkg.com/netmask/-/netmask-2.0.2.tgz#8b01a07644065d536383835823bc52004ebac5e7"
   integrity sha512-dBpDMdxv9Irdq66304OLfEmQ9tbNRFnFTuZiLo+bD+r332bBmMJ8GBLXklIXXgxd3+v9+KUnZaUR5PJMa75Gsg==
 
-node-addon-api@^7.0.0:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-7.1.1.tgz#1aba6693b0f255258a049d621329329322aad558"
-  integrity sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==
-
 node-fetch@^2.6.1:
   version "2.7.0"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.7.0.tgz#d0f0fa6e3e2dc1d27efcd8ad99d550bda94d187d"
@@ -2675,13 +2577,6 @@ object.values@^1.2.0:
     define-properties "^1.2.1"
     es-object-atoms "^1.0.0"
 
-once@^1.3.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
-  integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
-  dependencies:
-    wrappy "1"
-
 onetime@^5.1.0:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
@@ -2795,11 +2690,6 @@ path-exists@^4.0.0:
   resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
   integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
 
-path-is-absolute@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
-  integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
-
 path-key@^3.0.0, path-key@^3.1.0:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
@@ -2823,20 +2713,6 @@ path-to-regexp@3.3.0:
   resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-3.3.0.tgz#f7f31d32e8518c2660862b644414b6d5c63a611b"
   integrity sha512-qyCH421YQPS2WFDxDjftfc1ZR5WKQzVzqsp4n9M2kQhVOo/ByahFoUNJfl58kOcEGfQ//7weFTDhm+ss8Ecxgw==
 
-path-type@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
-  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
-
-periscopic@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/periscopic/-/periscopic-3.1.0.tgz#7e9037bf51c5855bd33b48928828db4afa79d97a"
-  integrity sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==
-  dependencies:
-    "@types/estree" "^1.0.0"
-    estree-walker "^3.0.0"
-    is-reference "^3.0.0"
-
 picocolors@^1.0.0, picocolors@^1.0.1:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.0.tgz#5358b76a78cde483ba5cef6a9dc9671440b27d59"
@@ -2847,6 +2723,11 @@ picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
 
+picomatch@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-4.0.2.tgz#77c742931e8f3b8820946c76cd0c1f13730d1dab"
+  integrity sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==
+
 pngjs@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/pngjs/-/pngjs-5.0.0.tgz#e79dd2b215767fd9c04561c01236df960bce7fbb"
@@ -3028,13 +2909,6 @@ reusify@^1.0.4:
   resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
   integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
 
-rimraf@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
-  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
-  dependencies:
-    glob "^7.1.3"
-
 rollup@^4.20.0:
   version "4.22.4"
   resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.22.4.tgz#4135a6446671cd2a2453e1ad42a45d5973ec3a0f"
@@ -3122,13 +2996,12 @@ safe-regex-test@^1.0.3:
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
-sass@^1.80.4:
-  version "1.80.4"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.80.4.tgz#bc0418fd796cad2f1a1309d8b4d7fe44b7027de0"
-  integrity sha512-rhMQ2tSF5CsuuspvC94nPM9rToiAFw2h3JTrLlgmNw1MH79v8Cr3DH6KF6o6r+8oofY3iYVPUf66KzC8yuVN1w==
+sass@~1.78:
+  version "1.78.0"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.78.0.tgz#cef369b2f9dc21ea1d2cf22c979f52365da60841"
+  integrity sha512-AaIqGSrjo5lA2Yg7RvFZrlXDBCp3nV4XP73GrLGvdRWWwk+8H3l0SDvq/5bA4eF+0RFPLuWUk3E+P1U/YqnpsQ==
   dependencies:
-    "@parcel/watcher" "^2.4.1"
-    chokidar "^4.0.0"
+    chokidar ">=3.0.0 <4.0.0"
     immutable "^4.0.0"
     source-map-js ">=0.6.2 <2.0.0"
 
@@ -3196,11 +3069,6 @@ signal-exit@^3.0.2:
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
   integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
 
-slash@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
-  integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
-
 smart-buffer@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/smart-buffer/-/smart-buffer-4.2.0.tgz#6e1d71fa4f18c05f7d0ff216dd16a481d0e8d9ae"
@@ -3223,7 +3091,7 @@ socks@^2.8.3:
     ip-address "^9.0.5"
     smart-buffer "^4.2.0"
 
-"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.1, source-map-js@^1.2.0:
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.2.0:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46"
   integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==
@@ -3357,11 +3225,6 @@ svelte-fa@^4.0.3:
   resolved "https://registry.yarnpkg.com/svelte-fa/-/svelte-fa-4.0.3.tgz#64aed1a809f86f4a070dbcf733211b29f2b5c4dd"
   integrity sha512-saZ8yACM0k9Aexey+2NXU1W0MBosU5lBsRgqFCJKM+Taw7d0HyimPaPAjmvY/Xkyi3UwEYL/Sdu1IZJv/p0Flw==
 
-svelte-hmr@^0.16.0:
-  version "0.16.0"
-  resolved "https://registry.yarnpkg.com/svelte-hmr/-/svelte-hmr-0.16.0.tgz#9f345b7d1c1662f1613747ed7e82507e376c1716"
-  integrity sha512-Gyc7cOS3VJzLlfj7wKS0ZnzDVdv3Pn2IuVeJPk9m2skfhcu5bq3wtIZyQGggr7/Iim5rH5cncyQft/kRLupcnA==
-
 svelte-intersection-observer@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/svelte-intersection-observer/-/svelte-intersection-observer-1.0.0.tgz#9ab73fc6f2d3697a0b9236a1d665023c39b6acb5"
@@ -3384,25 +3247,24 @@ svelte-spa-router@^4.0.1:
   dependencies:
     regexparam "2.0.2"
 
-svelte@^4.2.19:
-  version "4.2.19"
-  resolved "https://registry.yarnpkg.com/svelte/-/svelte-4.2.19.tgz#4e6e84a8818e2cd04ae0255fcf395bc211e61d4c"
-  integrity sha512-IY1rnGr6izd10B0A8LqsBfmlT5OILVuZ7XsI0vdGPEvuonFV7NYEUK4dAkm9Zg2q0Um92kYjTpS1CAP3Nh/KWw==
+svelte@^5.1.3:
+  version "5.1.3"
+  resolved "https://registry.yarnpkg.com/svelte/-/svelte-5.1.3.tgz#aad91b71ed020872dc147ace134d3b6eef632bf9"
+  integrity sha512-Sl8UFHlBvF54aK8MElFvyvaUfPE2REOz6LnhR2pBClCL11MU4qpn4V+KgAggaXxDyrP2iQixvHbtpHqL/zXlSQ==
   dependencies:
-    "@ampproject/remapping" "^2.2.1"
-    "@jridgewell/sourcemap-codec" "^1.4.15"
-    "@jridgewell/trace-mapping" "^0.3.18"
-    "@types/estree" "^1.0.1"
-    acorn "^8.9.0"
-    aria-query "^5.3.0"
-    axobject-query "^4.0.0"
-    code-red "^1.0.3"
-    css-tree "^2.3.1"
-    estree-walker "^3.0.3"
-    is-reference "^3.0.1"
+    "@ampproject/remapping" "^2.3.0"
+    "@jridgewell/sourcemap-codec" "^1.5.0"
+    "@types/estree" "^1.0.5"
+    acorn "^8.12.1"
+    acorn-typescript "^1.4.13"
+    aria-query "^5.3.1"
+    axobject-query "^4.1.0"
+    esm-env "^1.0.0"
+    esrap "^1.2.2"
+    is-reference "^3.0.2"
     locate-character "^3.0.0"
-    magic-string "^0.30.4"
-    periscopic "^3.1.0"
+    magic-string "^0.30.11"
+    zimmerframe "^1.1.2"
 
 tapable@^2.2.0:
   version "2.2.1"
@@ -3500,11 +3362,6 @@ type-check@^0.4.0, type-check@~0.4.0:
   dependencies:
     prelude-ls "^1.2.1"
 
-type-fest@^0.20.2:
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
-  integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
-
 type-fest@^0.21.3:
   version "0.21.3"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.21.3.tgz#d260a24b0198436e133fa26a524a6d65fa3b2e37"
@@ -3554,6 +3411,15 @@ typed-array-length@^1.0.6:
     is-typed-array "^1.1.13"
     possible-typed-array-names "^1.0.0"
 
+typescript-eslint@^8.11.0:
+  version "8.11.0"
+  resolved "https://registry.yarnpkg.com/typescript-eslint/-/typescript-eslint-8.11.0.tgz#74a0551972d675b4141672cec3acc5139b7399c0"
+  integrity sha512-cBRGnW3FSlxaYwU8KfAewxFK5uzeOAp0l2KebIlPDOT5olVi65KDG/yjBooPBG0kGW/HLkoz1c/iuBFehcS3IA==
+  dependencies:
+    "@typescript-eslint/eslint-plugin" "8.11.0"
+    "@typescript-eslint/parser" "8.11.0"
+    "@typescript-eslint/utils" "8.11.0"
+
 typescript@^5.6.3:
   version "5.6.3"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.6.3.tgz#5f3449e31c9d94febb17de03cc081dd56d81db5b"
@@ -3643,10 +3509,10 @@ vite@^5.4.10:
   optionalDependencies:
     fsevents "~2.3.3"
 
-vitefu@^0.2.5:
-  version "0.2.5"
-  resolved "https://registry.yarnpkg.com/vitefu/-/vitefu-0.2.5.tgz#c1b93c377fbdd3e5ddd69840ea3aa70b40d90969"
-  integrity sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==
+vitefu@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/vitefu/-/vitefu-1.0.3.tgz#0467c75ee2be951c35246605b7fdbdbfd03b65d1"
+  integrity sha512-iKKfOMBHob2WxEJbqbJjHAkmYgvFDPhuqrO82om83S8RLk+17FtyMBfcyeH8GqD0ihShtkMW/zzJgiA51hCNCQ==
 
 vscode-jsonrpc@6.0.0:
   version "6.0.0"
@@ -3769,11 +3635,6 @@ wrap-ansi@^7.0.0:
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
-wrappy@1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
-  integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
-
 y18n@^4.0.0:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.3.tgz#b5f259c82cd6e336921efd7bfd8bf560de9eeedf"
@@ -3836,3 +3697,8 @@ yocto-queue@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
   integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
+
+zimmerframe@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/zimmerframe/-/zimmerframe-1.1.2.tgz#5b75f1fa83b07ae2a428d51e50f58e2ae6855e5e"
+  integrity sha512-rAbqEGa8ovJy4pyBxZM70hg4pE6gDgaQ0Sl9M3enG3I0d6H4XSAM3GeNGLKnsBpuijUow064sf7ww1nutC5/3w==