diff --git a/CLAUDE.md b/CLAUDE.md
index 948d86b..5dd564c 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -794,8 +794,8 @@ index.ts  → imports spacetimedb from ./schema, defines reducers
 
 ```
 src/module_bindings/ → Generated (spacetime generate)
-src/main.tsx         → Provider, connection setup
-src/App.tsx          → UI components
+src/main.ts           → Provider, connection setup
+src/App.svelte         → UI components
 src/config.ts        → MODULE_NAME, SPACETIMEDB_URI
 ```
 
diff --git a/index.html b/index.html
index e4b78ea..1e6caf8 100644
--- a/index.html
+++ b/index.html
@@ -4,10 +4,10 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    <title>Vite + Svelte + TS</title>
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
+    <script type="module" src="/src/main.ts"></script>
   </body>
 </html>
diff --git a/package.json b/package.json
index d19ec91..7df79ac 100644
--- a/package.json
+++ b/package.json
@@ -16,33 +16,28 @@
     "spacetime:publish": "spacetime publish --module-path server --server maincloud"
   },
   "dependencies": {
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@testing-library/svelte": "^5.3.1",
     "oidc-client-ts": "^3.5.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-oidc-context": "^3.3.1",
-    "spacetimedb": "^2.1.0"
+    "spacetimedb": "^2.1.0",
+    "svelte": "^5.55.1",
+    "svelte-check": "^4.4.6"
   },
   "devDependencies": {
     "@eslint/js": "^9.17.0",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.2.0",
     "@testing-library/user-event": "^14.6.1",
-    "@types/react": "^18.3.18",
-    "@types/react-dom": "^18.3.5",
+    "@types/node": "^25.5.0",
     "@typescript-eslint/eslint-plugin": "^8.57.2",
     "@typescript-eslint/parser": "^8.57.2",
     "@vitejs/plugin-basic-ssl": "^2.3.0",
-    "@vitejs/plugin-react": "^5.0.2",
     "eslint": "^9.17.0",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.16",
     "globals": "^15.14.0",
     "jsdom": "^26.0.0",
     "prettier": "^3.3.3",
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.18.2",
-    "vite": "^7.1.5",
+    "vite": "^8.0.3",
     "vitest": "3.2.4"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7aa0640..123a831 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,70 +1,56 @@
-lockfileVersion: "9.0"
+lockfileVersion: '9.0'
 
 settings:
   autoInstallPeers: true
   excludeLinksFromLockfile: false
 
 importers:
+
   .:
     dependencies:
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^7.0.0
+        version: 7.0.0(svelte@5.55.1)(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.4))
+      '@testing-library/svelte':
+        specifier: ^5.3.1
+        version: 5.3.1(svelte@5.55.1)(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.4))(vitest@3.2.4(@types/node@25.5.0)(jsdom@26.1.0)(lightningcss@1.32.0))
       oidc-client-ts:
         specifier: ^3.5.0
         version: 3.5.0
-      react:
-        specifier: ^18.3.1
-        version: 18.3.1
-      react-dom:
-        specifier: ^18.3.1
-        version: 18.3.1(react@18.3.1)
-      react-oidc-context:
-        specifier: ^3.3.1
-        version: 3.3.1(oidc-client-ts@3.5.0)(react@18.3.1)
       spacetimedb:
         specifier: ^2.1.0
-        version: 2.1.0(react@18.3.1)
+        version: 2.1.0(react@18.3.1)(svelte@5.55.1)
+      svelte:
+        specifier: ^5.55.1
+        version: 5.55.1
+      svelte-check:
+        specifier: ^4.4.6
+        version: 4.4.6(picomatch@4.0.4)(svelte@5.55.1)(typescript@5.6.3)
     devDependencies:
-      "@eslint/js":
+      '@eslint/js':
         specifier: ^9.17.0
         version: 9.39.4
-      "@testing-library/jest-dom":
+      '@testing-library/jest-dom':
         specifier: ^6.6.3
         version: 6.9.1
-      "@testing-library/react":
-        specifier: ^16.2.0
-        version: 16.3.2(@testing-library/dom@10.4.1)(@types/react-dom@18.3.7(@types/react@18.3.28))(@types/react@18.3.28)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      "@testing-library/user-event":
+      '@testing-library/user-event':
         specifier: ^14.6.1
         version: 14.6.1(@testing-library/dom@10.4.1)
-      "@types/react":
-        specifier: ^18.3.18
-        version: 18.3.28
-      "@types/react-dom":
-        specifier: ^18.3.5
-        version: 18.3.7(@types/react@18.3.28)
-      "@typescript-eslint/eslint-plugin":
+      '@types/node':
+        specifier: ^25.5.0
+        version: 25.5.0
+      '@typescript-eslint/eslint-plugin':
         specifier: ^8.57.2
         version: 8.57.2(@typescript-eslint/parser@8.57.2(eslint@9.39.4)(typescript@5.6.3))(eslint@9.39.4)(typescript@5.6.3)
-      "@typescript-eslint/parser":
+      '@typescript-eslint/parser':
         specifier: ^8.57.2
         version: 8.57.2(eslint@9.39.4)(typescript@5.6.3)
-      "@vitejs/plugin-basic-ssl":
+      '@vitejs/plugin-basic-ssl':
         specifier: ^2.3.0
-        version: 2.3.0(vite@7.3.1)
-      "@vitejs/plugin-react":
-        specifier: ^5.0.2
-        version: 5.2.0(vite@7.3.1)
+        version: 2.3.0(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.4))
       eslint:
         specifier: ^9.17.0
         version: 9.39.4
-      eslint-plugin-react:
-        specifier: ^7.37.5
-        version: 7.37.5(eslint@9.39.4)
-      eslint-plugin-react-hooks:
-        specifier: ^5.0.0
-        version: 5.2.0(eslint@9.39.4)
-      eslint-plugin-react-refresh:
-        specifier: ^0.4.16
-        version: 0.4.26(eslint@9.39.4)
       globals:
         specifier: ^15.14.0
         version: 15.15.0
@@ -81,1025 +67,679 @@ importers:
         specifier: ^8.18.2
         version: 8.57.2(eslint@9.39.4)(typescript@5.6.3)
       vite:
-        specifier: ^7.1.5
-        version: 7.3.1
+        specifier: ^8.0.3
+        version: 8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.4)
       vitest:
         specifier: 3.2.4
-        version: 3.2.4(jsdom@26.1.0)
+        version: 3.2.4(@types/node@25.5.0)(jsdom@26.1.0)(lightningcss@1.32.0)
 
 packages:
-  "@adobe/css-tools@4.4.4":
-    resolution:
-      {
-        integrity: sha512-Elp+iwUx5rN5+Y8xLt5/GRoG20WGoDCQ/1Fb+1LiGtvwbDavuSk0jhD/eZdckHAuzcDzccnkv+rEjyWfRx18gg==,
-      }
 
-  "@asamuzakjp/css-color@3.2.0":
-    resolution:
-      {
-        integrity: sha512-K1A6z8tS3XsmCMM86xoWdn7Fkdn9m6RSVtocUrJYIwZnFVkng/PvkEoWtOWmP+Scc6saYWHWZYbndEEXxl24jw==,
-      }
+  '@adobe/css-tools@4.4.4':
+    resolution: {integrity: sha512-Elp+iwUx5rN5+Y8xLt5/GRoG20WGoDCQ/1Fb+1LiGtvwbDavuSk0jhD/eZdckHAuzcDzccnkv+rEjyWfRx18gg==}
 
-  "@babel/code-frame@7.29.0":
-    resolution:
-      {
-        integrity: sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==,
-      }
-    engines: { node: ">=6.9.0" }
+  '@asamuzakjp/css-color@3.2.0':
+    resolution: {integrity: sha512-K1A6z8tS3XsmCMM86xoWdn7Fkdn9m6RSVtocUrJYIwZnFVkng/PvkEoWtOWmP+Scc6saYWHWZYbndEEXxl24jw==}
 
-  "@babel/compat-data@7.29.0":
-    resolution:
-      {
-        integrity: sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==,
-      }
-    engines: { node: ">=6.9.0" }
+  '@babel/code-frame@7.29.0':
+    resolution: {integrity: sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==}
+    engines: {node: '>=6.9.0'}
 
-  "@babel/core@7.29.0":
-    resolution:
-      {
-        integrity: sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==,
-      }
-    engines: { node: ">=6.9.0" }
+  '@babel/helper-validator-identifier@7.28.5':
+    resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
+    engines: {node: '>=6.9.0'}
 
-  "@babel/generator@7.29.1":
-    resolution:
-      {
-        integrity: sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==,
-      }
-    engines: { node: ">=6.9.0" }
+  '@babel/runtime@7.29.2':
+    resolution: {integrity: sha512-JiDShH45zKHWyGe4ZNVRrCjBz8Nh9TMmZG1kh4QTK8hCBTWBi8Da+i7s1fJw7/lYpM4ccepSNfqzZ/QvABBi5g==}
+    engines: {node: '>=6.9.0'}
 
-  "@babel/helper-compilation-targets@7.28.6":
-    resolution:
-      {
-        integrity: sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==,
-      }
-    engines: { node: ">=6.9.0" }
+  '@csstools/color-helpers@5.1.0':
+    resolution: {integrity: sha512-S11EXWJyy0Mz5SYvRmY8nJYTFFd1LCNV+7cXyAgQtOOuzb4EsgfqDufL+9esx72/eLhsRdGZwaldu/h+E4t4BA==}
+    engines: {node: '>=18'}
 
-  "@babel/helper-globals@7.28.0":
-    resolution:
-      {
-        integrity: sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==,
-      }
-    engines: { node: ">=6.9.0" }
-
-  "@babel/helper-module-imports@7.28.6":
-    resolution:
-      {
-        integrity: sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==,
-      }
-    engines: { node: ">=6.9.0" }
-
-  "@babel/helper-module-transforms@7.28.6":
-    resolution:
-      {
-        integrity: sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==,
-      }
-    engines: { node: ">=6.9.0" }
+  '@csstools/css-calc@2.1.4':
+    resolution: {integrity: sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==}
+    engines: {node: '>=18'}
     peerDependencies:
-      "@babel/core": ^7.0.0
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
 
-  "@babel/helper-plugin-utils@7.28.6":
-    resolution:
-      {
-        integrity: sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==,
-      }
-    engines: { node: ">=6.9.0" }
-
-  "@babel/helper-string-parser@7.27.1":
-    resolution:
-      {
-        integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==,
-      }
-    engines: { node: ">=6.9.0" }
-
-  "@babel/helper-validator-identifier@7.28.5":
-    resolution:
-      {
-        integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==,
-      }
-    engines: { node: ">=6.9.0" }
-
-  "@babel/helper-validator-option@7.27.1":
-    resolution:
-      {
-        integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==,
-      }
-    engines: { node: ">=6.9.0" }
-
-  "@babel/helpers@7.29.2":
-    resolution:
-      {
-        integrity: sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==,
-      }
-    engines: { node: ">=6.9.0" }
-
-  "@babel/parser@7.29.2":
-    resolution:
-      {
-        integrity: sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==,
-      }
-    engines: { node: ">=6.0.0" }
-    hasBin: true
-
-  "@babel/plugin-transform-react-jsx-self@7.27.1":
-    resolution:
-      {
-        integrity: sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==,
-      }
-    engines: { node: ">=6.9.0" }
+  '@csstools/css-color-parser@3.1.0':
+    resolution: {integrity: sha512-nbtKwh3a6xNVIp/VRuXV64yTKnb1IjTAEEh3irzS+HkKjAOYLTGNb9pmVNntZ8iVBHcWDA2Dof0QtPgFI1BaTA==}
+    engines: {node: '>=18'}
     peerDependencies:
-      "@babel/core": ^7.0.0-0
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
 
-  "@babel/plugin-transform-react-jsx-source@7.27.1":
-    resolution:
-      {
-        integrity: sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==,
-      }
-    engines: { node: ">=6.9.0" }
+  '@csstools/css-parser-algorithms@3.0.5':
+    resolution: {integrity: sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==}
+    engines: {node: '>=18'}
     peerDependencies:
-      "@babel/core": ^7.0.0-0
+      '@csstools/css-tokenizer': ^3.0.4
 
-  "@babel/runtime@7.29.2":
-    resolution:
-      {
-        integrity: sha512-JiDShH45zKHWyGe4ZNVRrCjBz8Nh9TMmZG1kh4QTK8hCBTWBi8Da+i7s1fJw7/lYpM4ccepSNfqzZ/QvABBi5g==,
-      }
-    engines: { node: ">=6.9.0" }
+  '@csstools/css-tokenizer@3.0.4':
+    resolution: {integrity: sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==}
+    engines: {node: '>=18'}
 
-  "@babel/template@7.28.6":
-    resolution:
-      {
-        integrity: sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==,
-      }
-    engines: { node: ">=6.9.0" }
+  '@emnapi/core@1.9.1':
+    resolution: {integrity: sha512-mukuNALVsoix/w1BJwFzwXBN/dHeejQtuVzcDsfOEsdpCumXb/E9j8w11h5S54tT1xhifGfbbSm/ICrObRb3KA==}
 
-  "@babel/traverse@7.29.0":
-    resolution:
-      {
-        integrity: sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==,
-      }
-    engines: { node: ">=6.9.0" }
+  '@emnapi/runtime@1.9.1':
+    resolution: {integrity: sha512-VYi5+ZVLhpgK4hQ0TAjiQiZ6ol0oe4mBx7mVv7IflsiEp0OWoVsp/+f9Vc1hOhE0TtkORVrI1GvzyreqpgWtkA==}
 
-  "@babel/types@7.29.0":
-    resolution:
-      {
-        integrity: sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==,
-      }
-    engines: { node: ">=6.9.0" }
+  '@emnapi/wasi-threads@1.2.0':
+    resolution: {integrity: sha512-N10dEJNSsUx41Z6pZsXU8FjPjpBEplgH24sfkmITrBED1/U2Esum9F3lfLrMjKHHjmi557zQn7kR9R+XWXu5Rg==}
 
-  "@csstools/color-helpers@5.1.0":
-    resolution:
-      {
-        integrity: sha512-S11EXWJyy0Mz5SYvRmY8nJYTFFd1LCNV+7cXyAgQtOOuzb4EsgfqDufL+9esx72/eLhsRdGZwaldu/h+E4t4BA==,
-      }
-    engines: { node: ">=18" }
-
-  "@csstools/css-calc@2.1.4":
-    resolution:
-      {
-        integrity: sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==,
-      }
-    engines: { node: ">=18" }
-    peerDependencies:
-      "@csstools/css-parser-algorithms": ^3.0.5
-      "@csstools/css-tokenizer": ^3.0.4
-
-  "@csstools/css-color-parser@3.1.0":
-    resolution:
-      {
-        integrity: sha512-nbtKwh3a6xNVIp/VRuXV64yTKnb1IjTAEEh3irzS+HkKjAOYLTGNb9pmVNntZ8iVBHcWDA2Dof0QtPgFI1BaTA==,
-      }
-    engines: { node: ">=18" }
-    peerDependencies:
-      "@csstools/css-parser-algorithms": ^3.0.5
-      "@csstools/css-tokenizer": ^3.0.4
-
-  "@csstools/css-parser-algorithms@3.0.5":
-    resolution:
-      {
-        integrity: sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==,
-      }
-    engines: { node: ">=18" }
-    peerDependencies:
-      "@csstools/css-tokenizer": ^3.0.4
-
-  "@csstools/css-tokenizer@3.0.4":
-    resolution:
-      {
-        integrity: sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==,
-      }
-    engines: { node: ">=18" }
-
-  "@esbuild/aix-ppc64@0.27.4":
-    resolution:
-      {
-        integrity: sha512-cQPwL2mp2nSmHHJlCyoXgHGhbEPMrEEU5xhkcy3Hs/O7nGZqEpZ2sUtLaL9MORLtDfRvVl2/3PAuEkYZH0Ty8Q==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/aix-ppc64@0.27.4':
+    resolution: {integrity: sha512-cQPwL2mp2nSmHHJlCyoXgHGhbEPMrEEU5xhkcy3Hs/O7nGZqEpZ2sUtLaL9MORLtDfRvVl2/3PAuEkYZH0Ty8Q==}
+    engines: {node: '>=18'}
     cpu: [ppc64]
     os: [aix]
 
-  "@esbuild/android-arm64@0.27.4":
-    resolution:
-      {
-        integrity: sha512-gdLscB7v75wRfu7QSm/zg6Rx29VLdy9eTr2t44sfTW7CxwAtQghZ4ZnqHk3/ogz7xao0QAgrkradbBzcqFPasw==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/android-arm64@0.27.4':
+    resolution: {integrity: sha512-gdLscB7v75wRfu7QSm/zg6Rx29VLdy9eTr2t44sfTW7CxwAtQghZ4ZnqHk3/ogz7xao0QAgrkradbBzcqFPasw==}
+    engines: {node: '>=18'}
     cpu: [arm64]
     os: [android]
 
-  "@esbuild/android-arm@0.27.4":
-    resolution:
-      {
-        integrity: sha512-X9bUgvxiC8CHAGKYufLIHGXPJWnr0OCdR0anD2e21vdvgCI8lIfqFbnoeOz7lBjdrAGUhqLZLcQo6MLhTO2DKQ==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/android-arm@0.27.4':
+    resolution: {integrity: sha512-X9bUgvxiC8CHAGKYufLIHGXPJWnr0OCdR0anD2e21vdvgCI8lIfqFbnoeOz7lBjdrAGUhqLZLcQo6MLhTO2DKQ==}
+    engines: {node: '>=18'}
     cpu: [arm]
     os: [android]
 
-  "@esbuild/android-x64@0.27.4":
-    resolution:
-      {
-        integrity: sha512-PzPFnBNVF292sfpfhiyiXCGSn9HZg5BcAz+ivBuSsl6Rk4ga1oEXAamhOXRFyMcjwr2DVtm40G65N3GLeH1Lvw==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/android-x64@0.27.4':
+    resolution: {integrity: sha512-PzPFnBNVF292sfpfhiyiXCGSn9HZg5BcAz+ivBuSsl6Rk4ga1oEXAamhOXRFyMcjwr2DVtm40G65N3GLeH1Lvw==}
+    engines: {node: '>=18'}
     cpu: [x64]
     os: [android]
 
-  "@esbuild/darwin-arm64@0.27.4":
-    resolution:
-      {
-        integrity: sha512-b7xaGIwdJlht8ZFCvMkpDN6uiSmnxxK56N2GDTMYPr2/gzvfdQN8rTfBsvVKmIVY/X7EM+/hJKEIbbHs9oA4tQ==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/darwin-arm64@0.27.4':
+    resolution: {integrity: sha512-b7xaGIwdJlht8ZFCvMkpDN6uiSmnxxK56N2GDTMYPr2/gzvfdQN8rTfBsvVKmIVY/X7EM+/hJKEIbbHs9oA4tQ==}
+    engines: {node: '>=18'}
     cpu: [arm64]
     os: [darwin]
 
-  "@esbuild/darwin-x64@0.27.4":
-    resolution:
-      {
-        integrity: sha512-sR+OiKLwd15nmCdqpXMnuJ9W2kpy0KigzqScqHI3Hqwr7IXxBp3Yva+yJwoqh7rE8V77tdoheRYataNKL4QrPw==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/darwin-x64@0.27.4':
+    resolution: {integrity: sha512-sR+OiKLwd15nmCdqpXMnuJ9W2kpy0KigzqScqHI3Hqwr7IXxBp3Yva+yJwoqh7rE8V77tdoheRYataNKL4QrPw==}
+    engines: {node: '>=18'}
     cpu: [x64]
     os: [darwin]
 
-  "@esbuild/freebsd-arm64@0.27.4":
-    resolution:
-      {
-        integrity: sha512-jnfpKe+p79tCnm4GVav68A7tUFeKQwQyLgESwEAUzyxk/TJr4QdGog9sqWNcUbr/bZt/O/HXouspuQDd9JxFSw==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/freebsd-arm64@0.27.4':
+    resolution: {integrity: sha512-jnfpKe+p79tCnm4GVav68A7tUFeKQwQyLgESwEAUzyxk/TJr4QdGog9sqWNcUbr/bZt/O/HXouspuQDd9JxFSw==}
+    engines: {node: '>=18'}
     cpu: [arm64]
     os: [freebsd]
 
-  "@esbuild/freebsd-x64@0.27.4":
-    resolution:
-      {
-        integrity: sha512-2kb4ceA/CpfUrIcTUl1wrP/9ad9Atrp5J94Lq69w7UwOMolPIGrfLSvAKJp0RTvkPPyn6CIWrNy13kyLikZRZQ==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/freebsd-x64@0.27.4':
+    resolution: {integrity: sha512-2kb4ceA/CpfUrIcTUl1wrP/9ad9Atrp5J94Lq69w7UwOMolPIGrfLSvAKJp0RTvkPPyn6CIWrNy13kyLikZRZQ==}
+    engines: {node: '>=18'}
     cpu: [x64]
     os: [freebsd]
 
-  "@esbuild/linux-arm64@0.27.4":
-    resolution:
-      {
-        integrity: sha512-7nQOttdzVGth1iz57kxg9uCz57dxQLHWxopL6mYuYthohPKEK0vU0C3O21CcBK6KDlkYVcnDXY099HcCDXd9dA==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/linux-arm64@0.27.4':
+    resolution: {integrity: sha512-7nQOttdzVGth1iz57kxg9uCz57dxQLHWxopL6mYuYthohPKEK0vU0C3O21CcBK6KDlkYVcnDXY099HcCDXd9dA==}
+    engines: {node: '>=18'}
     cpu: [arm64]
     os: [linux]
 
-  "@esbuild/linux-arm@0.27.4":
-    resolution:
-      {
-        integrity: sha512-aBYgcIxX/wd5n2ys0yESGeYMGF+pv6g0DhZr3G1ZG4jMfruU9Tl1i2Z+Wnj9/KjGz1lTLCcorqE2viePZqj4Eg==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/linux-arm@0.27.4':
+    resolution: {integrity: sha512-aBYgcIxX/wd5n2ys0yESGeYMGF+pv6g0DhZr3G1ZG4jMfruU9Tl1i2Z+Wnj9/KjGz1lTLCcorqE2viePZqj4Eg==}
+    engines: {node: '>=18'}
     cpu: [arm]
     os: [linux]
 
-  "@esbuild/linux-ia32@0.27.4":
-    resolution:
-      {
-        integrity: sha512-oPtixtAIzgvzYcKBQM/qZ3R+9TEUd1aNJQu0HhGyqtx6oS7qTpvjheIWBbes4+qu1bNlo2V4cbkISr8q6gRBFA==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/linux-ia32@0.27.4':
+    resolution: {integrity: sha512-oPtixtAIzgvzYcKBQM/qZ3R+9TEUd1aNJQu0HhGyqtx6oS7qTpvjheIWBbes4+qu1bNlo2V4cbkISr8q6gRBFA==}
+    engines: {node: '>=18'}
     cpu: [ia32]
     os: [linux]
 
-  "@esbuild/linux-loong64@0.27.4":
-    resolution:
-      {
-        integrity: sha512-8mL/vh8qeCoRcFH2nM8wm5uJP+ZcVYGGayMavi8GmRJjuI3g1v6Z7Ni0JJKAJW+m0EtUuARb6Lmp4hMjzCBWzA==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/linux-loong64@0.27.4':
+    resolution: {integrity: sha512-8mL/vh8qeCoRcFH2nM8wm5uJP+ZcVYGGayMavi8GmRJjuI3g1v6Z7Ni0JJKAJW+m0EtUuARb6Lmp4hMjzCBWzA==}
+    engines: {node: '>=18'}
     cpu: [loong64]
     os: [linux]
 
-  "@esbuild/linux-mips64el@0.27.4":
-    resolution:
-      {
-        integrity: sha512-1RdrWFFiiLIW7LQq9Q2NES+HiD4NyT8Itj9AUeCl0IVCA459WnPhREKgwrpaIfTOe+/2rdntisegiPWn/r/aAw==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/linux-mips64el@0.27.4':
+    resolution: {integrity: sha512-1RdrWFFiiLIW7LQq9Q2NES+HiD4NyT8Itj9AUeCl0IVCA459WnPhREKgwrpaIfTOe+/2rdntisegiPWn/r/aAw==}
+    engines: {node: '>=18'}
     cpu: [mips64el]
     os: [linux]
 
-  "@esbuild/linux-ppc64@0.27.4":
-    resolution:
-      {
-        integrity: sha512-tLCwNG47l3sd9lpfyx9LAGEGItCUeRCWeAx6x2Jmbav65nAwoPXfewtAdtbtit/pJFLUWOhpv0FpS6GQAmPrHA==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/linux-ppc64@0.27.4':
+    resolution: {integrity: sha512-tLCwNG47l3sd9lpfyx9LAGEGItCUeRCWeAx6x2Jmbav65nAwoPXfewtAdtbtit/pJFLUWOhpv0FpS6GQAmPrHA==}
+    engines: {node: '>=18'}
     cpu: [ppc64]
     os: [linux]
 
-  "@esbuild/linux-riscv64@0.27.4":
-    resolution:
-      {
-        integrity: sha512-BnASypppbUWyqjd1KIpU4AUBiIhVr6YlHx/cnPgqEkNoVOhHg+YiSVxM1RLfiy4t9cAulbRGTNCKOcqHrEQLIw==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/linux-riscv64@0.27.4':
+    resolution: {integrity: sha512-BnASypppbUWyqjd1KIpU4AUBiIhVr6YlHx/cnPgqEkNoVOhHg+YiSVxM1RLfiy4t9cAulbRGTNCKOcqHrEQLIw==}
+    engines: {node: '>=18'}
     cpu: [riscv64]
     os: [linux]
 
-  "@esbuild/linux-s390x@0.27.4":
-    resolution:
-      {
-        integrity: sha512-+eUqgb/Z7vxVLezG8bVB9SfBie89gMueS+I0xYh2tJdw3vqA/0ImZJ2ROeWwVJN59ihBeZ7Tu92dF/5dy5FttA==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/linux-s390x@0.27.4':
+    resolution: {integrity: sha512-+eUqgb/Z7vxVLezG8bVB9SfBie89gMueS+I0xYh2tJdw3vqA/0ImZJ2ROeWwVJN59ihBeZ7Tu92dF/5dy5FttA==}
+    engines: {node: '>=18'}
     cpu: [s390x]
     os: [linux]
 
-  "@esbuild/linux-x64@0.27.4":
-    resolution:
-      {
-        integrity: sha512-S5qOXrKV8BQEzJPVxAwnryi2+Iq5pB40gTEIT69BQONqR7JH1EPIcQ/Uiv9mCnn05jff9umq/5nqzxlqTOg9NA==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/linux-x64@0.27.4':
+    resolution: {integrity: sha512-S5qOXrKV8BQEzJPVxAwnryi2+Iq5pB40gTEIT69BQONqR7JH1EPIcQ/Uiv9mCnn05jff9umq/5nqzxlqTOg9NA==}
+    engines: {node: '>=18'}
     cpu: [x64]
     os: [linux]
 
-  "@esbuild/netbsd-arm64@0.27.4":
-    resolution:
-      {
-        integrity: sha512-xHT8X4sb0GS8qTqiwzHqpY00C95DPAq7nAwX35Ie/s+LO9830hrMd3oX0ZMKLvy7vsonee73x0lmcdOVXFzd6Q==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/netbsd-arm64@0.27.4':
+    resolution: {integrity: sha512-xHT8X4sb0GS8qTqiwzHqpY00C95DPAq7nAwX35Ie/s+LO9830hrMd3oX0ZMKLvy7vsonee73x0lmcdOVXFzd6Q==}
+    engines: {node: '>=18'}
     cpu: [arm64]
     os: [netbsd]
 
-  "@esbuild/netbsd-x64@0.27.4":
-    resolution:
-      {
-        integrity: sha512-RugOvOdXfdyi5Tyv40kgQnI0byv66BFgAqjdgtAKqHoZTbTF2QqfQrFwa7cHEORJf6X2ht+l9ABLMP0dnKYsgg==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/netbsd-x64@0.27.4':
+    resolution: {integrity: sha512-RugOvOdXfdyi5Tyv40kgQnI0byv66BFgAqjdgtAKqHoZTbTF2QqfQrFwa7cHEORJf6X2ht+l9ABLMP0dnKYsgg==}
+    engines: {node: '>=18'}
     cpu: [x64]
     os: [netbsd]
 
-  "@esbuild/openbsd-arm64@0.27.4":
-    resolution:
-      {
-        integrity: sha512-2MyL3IAaTX+1/qP0O1SwskwcwCoOI4kV2IBX1xYnDDqthmq5ArrW94qSIKCAuRraMgPOmG0RDTA74mzYNQA9ow==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/openbsd-arm64@0.27.4':
+    resolution: {integrity: sha512-2MyL3IAaTX+1/qP0O1SwskwcwCoOI4kV2IBX1xYnDDqthmq5ArrW94qSIKCAuRraMgPOmG0RDTA74mzYNQA9ow==}
+    engines: {node: '>=18'}
     cpu: [arm64]
     os: [openbsd]
 
-  "@esbuild/openbsd-x64@0.27.4":
-    resolution:
-      {
-        integrity: sha512-u8fg/jQ5aQDfsnIV6+KwLOf1CmJnfu1ShpwqdwC0uA7ZPwFws55Ngc12vBdeUdnuWoQYx/SOQLGDcdlfXhYmXQ==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/openbsd-x64@0.27.4':
+    resolution: {integrity: sha512-u8fg/jQ5aQDfsnIV6+KwLOf1CmJnfu1ShpwqdwC0uA7ZPwFws55Ngc12vBdeUdnuWoQYx/SOQLGDcdlfXhYmXQ==}
+    engines: {node: '>=18'}
     cpu: [x64]
     os: [openbsd]
 
-  "@esbuild/openharmony-arm64@0.27.4":
-    resolution:
-      {
-        integrity: sha512-JkTZrl6VbyO8lDQO3yv26nNr2RM2yZzNrNHEsj9bm6dOwwu9OYN28CjzZkH57bh4w0I2F7IodpQvUAEd1mbWXg==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/openharmony-arm64@0.27.4':
+    resolution: {integrity: sha512-JkTZrl6VbyO8lDQO3yv26nNr2RM2yZzNrNHEsj9bm6dOwwu9OYN28CjzZkH57bh4w0I2F7IodpQvUAEd1mbWXg==}
+    engines: {node: '>=18'}
     cpu: [arm64]
     os: [openharmony]
 
-  "@esbuild/sunos-x64@0.27.4":
-    resolution:
-      {
-        integrity: sha512-/gOzgaewZJfeJTlsWhvUEmUG4tWEY2Spp5M20INYRg2ZKl9QPO3QEEgPeRtLjEWSW8FilRNacPOg8R1uaYkA6g==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/sunos-x64@0.27.4':
+    resolution: {integrity: sha512-/gOzgaewZJfeJTlsWhvUEmUG4tWEY2Spp5M20INYRg2ZKl9QPO3QEEgPeRtLjEWSW8FilRNacPOg8R1uaYkA6g==}
+    engines: {node: '>=18'}
     cpu: [x64]
     os: [sunos]
 
-  "@esbuild/win32-arm64@0.27.4":
-    resolution:
-      {
-        integrity: sha512-Z9SExBg2y32smoDQdf1HRwHRt6vAHLXcxD2uGgO/v2jK7Y718Ix4ndsbNMU/+1Qiem9OiOdaqitioZwxivhXYg==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/win32-arm64@0.27.4':
+    resolution: {integrity: sha512-Z9SExBg2y32smoDQdf1HRwHRt6vAHLXcxD2uGgO/v2jK7Y718Ix4ndsbNMU/+1Qiem9OiOdaqitioZwxivhXYg==}
+    engines: {node: '>=18'}
     cpu: [arm64]
     os: [win32]
 
-  "@esbuild/win32-ia32@0.27.4":
-    resolution:
-      {
-        integrity: sha512-DAyGLS0Jz5G5iixEbMHi5KdiApqHBWMGzTtMiJ72ZOLhbu/bzxgAe8Ue8CTS3n3HbIUHQz/L51yMdGMeoxXNJw==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/win32-ia32@0.27.4':
+    resolution: {integrity: sha512-DAyGLS0Jz5G5iixEbMHi5KdiApqHBWMGzTtMiJ72ZOLhbu/bzxgAe8Ue8CTS3n3HbIUHQz/L51yMdGMeoxXNJw==}
+    engines: {node: '>=18'}
     cpu: [ia32]
     os: [win32]
 
-  "@esbuild/win32-x64@0.27.4":
-    resolution:
-      {
-        integrity: sha512-+knoa0BDoeXgkNvvV1vvbZX4+hizelrkwmGJBdT17t8FNPwG2lKemmuMZlmaNQ3ws3DKKCxpb4zRZEIp3UxFCg==,
-      }
-    engines: { node: ">=18" }
+  '@esbuild/win32-x64@0.27.4':
+    resolution: {integrity: sha512-+knoa0BDoeXgkNvvV1vvbZX4+hizelrkwmGJBdT17t8FNPwG2lKemmuMZlmaNQ3ws3DKKCxpb4zRZEIp3UxFCg==}
+    engines: {node: '>=18'}
     cpu: [x64]
     os: [win32]
 
-  "@eslint-community/eslint-utils@4.9.1":
-    resolution:
-      {
-        integrity: sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==,
-      }
-    engines: { node: ^12.22.0 || ^14.17.0 || >=16.0.0 }
+  '@eslint-community/eslint-utils@4.9.1':
+    resolution: {integrity: sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
 
-  "@eslint-community/regexpp@4.12.2":
-    resolution:
-      {
-        integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==,
-      }
-    engines: { node: ^12.0.0 || ^14.0.0 || >=16.0.0 }
+  '@eslint-community/regexpp@4.12.2':
+    resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
-  "@eslint/config-array@0.21.2":
-    resolution:
-      {
-        integrity: sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==,
-      }
-    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+  '@eslint/config-array@0.21.2':
+    resolution: {integrity: sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  "@eslint/config-helpers@0.4.2":
-    resolution:
-      {
-        integrity: sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==,
-      }
-    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+  '@eslint/config-helpers@0.4.2':
+    resolution: {integrity: sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  "@eslint/core@0.17.0":
-    resolution:
-      {
-        integrity: sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==,
-      }
-    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+  '@eslint/core@0.17.0':
+    resolution: {integrity: sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  "@eslint/eslintrc@3.3.5":
-    resolution:
-      {
-        integrity: sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==,
-      }
-    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+  '@eslint/eslintrc@3.3.5':
+    resolution: {integrity: sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  "@eslint/js@9.39.4":
-    resolution:
-      {
-        integrity: sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==,
-      }
-    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+  '@eslint/js@9.39.4':
+    resolution: {integrity: sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  "@eslint/object-schema@2.1.7":
-    resolution:
-      {
-        integrity: sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==,
-      }
-    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+  '@eslint/object-schema@2.1.7':
+    resolution: {integrity: sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  "@eslint/plugin-kit@0.4.1":
-    resolution:
-      {
-        integrity: sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==,
-      }
-    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+  '@eslint/plugin-kit@0.4.1':
+    resolution: {integrity: sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  "@humanfs/core@0.19.1":
-    resolution:
-      {
-        integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==,
-      }
-    engines: { node: ">=18.18.0" }
+  '@humanfs/core@0.19.1':
+    resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==}
+    engines: {node: '>=18.18.0'}
 
-  "@humanfs/node@0.16.7":
-    resolution:
-      {
-        integrity: sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==,
-      }
-    engines: { node: ">=18.18.0" }
+  '@humanfs/node@0.16.7':
+    resolution: {integrity: sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==}
+    engines: {node: '>=18.18.0'}
 
-  "@humanwhocodes/module-importer@1.0.1":
-    resolution:
-      {
-        integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==,
-      }
-    engines: { node: ">=12.22" }
+  '@humanwhocodes/module-importer@1.0.1':
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
 
-  "@humanwhocodes/retry@0.4.3":
-    resolution:
-      {
-        integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==,
-      }
-    engines: { node: ">=18.18" }
+  '@humanwhocodes/retry@0.4.3':
+    resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
+    engines: {node: '>=18.18'}
 
-  "@jridgewell/gen-mapping@0.3.13":
-    resolution:
-      {
-        integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==,
-      }
+  '@jridgewell/gen-mapping@0.3.13':
+    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
 
-  "@jridgewell/remapping@2.3.5":
-    resolution:
-      {
-        integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==,
-      }
+  '@jridgewell/remapping@2.3.5':
+    resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
 
-  "@jridgewell/resolve-uri@3.1.2":
-    resolution:
-      {
-        integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==,
-      }
-    engines: { node: ">=6.0.0" }
+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
 
-  "@jridgewell/sourcemap-codec@1.5.5":
-    resolution:
-      {
-        integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==,
-      }
+  '@jridgewell/sourcemap-codec@1.5.5':
+    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
 
-  "@jridgewell/trace-mapping@0.3.31":
-    resolution:
-      {
-        integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==,
-      }
+  '@jridgewell/trace-mapping@0.3.31':
+    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
 
-  "@rolldown/pluginutils@1.0.0-rc.3":
-    resolution:
-      {
-        integrity: sha512-eybk3TjzzzV97Dlj5c+XrBFW57eTNhzod66y9HrBlzJ6NsCrWCp/2kaPS3K9wJmurBC0Tdw4yPjXKZqlznim3Q==,
-      }
+  '@napi-rs/wasm-runtime@1.1.2':
+    resolution: {integrity: sha512-sNXv5oLJ7ob93xkZ1XnxisYhGYXfaG9f65/ZgYuAu3qt7b3NadcOEhLvx28hv31PgX8SZJRYrAIPQilQmFpLVw==}
+    peerDependencies:
+      '@emnapi/core': ^1.7.1
+      '@emnapi/runtime': ^1.7.1
 
-  "@rollup/rollup-android-arm-eabi@4.60.0":
-    resolution:
-      {
-        integrity: sha512-WOhNW9K8bR3kf4zLxbfg6Pxu2ybOUbB2AjMDHSQx86LIF4rH4Ft7vmMwNt0loO0eonglSNy4cpD3MKXXKQu0/A==,
-      }
-    cpu: [arm]
-    os: [android]
+  '@oxc-project/types@0.122.0':
+    resolution: {integrity: sha512-oLAl5kBpV4w69UtFZ9xqcmTi+GENWOcPF7FCrczTiBbmC0ibXxCwyvZGbO39rCVEuLGAZM84DH0pUIyyv/YJzA==}
 
-  "@rollup/rollup-android-arm64@4.60.0":
-    resolution:
-      {
-        integrity: sha512-u6JHLll5QKRvjciE78bQXDmqRqNs5M/3GVqZeMwvmjaNODJih/WIrJlFVEihvV0MiYFmd+ZyPr9wxOVbPAG2Iw==,
-      }
+  '@rolldown/binding-android-arm64@1.0.0-rc.12':
+    resolution: {integrity: sha512-pv1y2Fv0JybcykuiiD3qBOBdz6RteYojRFY1d+b95WVuzx211CRh+ytI/+9iVyWQ6koTh5dawe4S/yRfOFjgaA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [android]
 
-  "@rollup/rollup-darwin-arm64@4.60.0":
-    resolution:
-      {
-        integrity: sha512-qEF7CsKKzSRc20Ciu2Zw1wRrBz4g56F7r/vRwY430UPp/nt1x21Q/fpJ9N5l47WWvJlkNCPJz3QRVw008fi7yA==,
-      }
+  '@rolldown/binding-darwin-arm64@1.0.0-rc.12':
+    resolution: {integrity: sha512-cFYr6zTG/3PXXF3pUO+umXxt1wkRK/0AYT8lDwuqvRC+LuKYWSAQAQZjCWDQpAH172ZV6ieYrNnFzVVcnSflAg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [darwin]
 
-  "@rollup/rollup-darwin-x64@4.60.0":
-    resolution:
-      {
-        integrity: sha512-WADYozJ4QCnXCH4wPB+3FuGmDPoFseVCUrANmA5LWwGmC6FL14BWC7pcq+FstOZv3baGX65tZ378uT6WG8ynTw==,
-      }
+  '@rolldown/binding-darwin-x64@1.0.0-rc.12':
+    resolution: {integrity: sha512-ZCsYknnHzeXYps0lGBz8JrF37GpE9bFVefrlmDrAQhOEi4IOIlcoU1+FwHEtyXGx2VkYAvhu7dyBf75EJQffBw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [darwin]
 
-  "@rollup/rollup-freebsd-arm64@4.60.0":
-    resolution:
-      {
-        integrity: sha512-6b8wGHJlDrGeSE3aH5mGNHBjA0TTkxdoNHik5EkvPHCt351XnigA4pS7Wsj/Eo9Y8RBU6f35cjN9SYmCFBtzxw==,
-      }
-    cpu: [arm64]
-    os: [freebsd]
-
-  "@rollup/rollup-freebsd-x64@4.60.0":
-    resolution:
-      {
-        integrity: sha512-h25Ga0t4jaylMB8M/JKAyrvvfxGRjnPQIR8lnCayyzEjEOx2EJIlIiMbhpWxDRKGKF8jbNH01NnN663dH638mA==,
-      }
+  '@rolldown/binding-freebsd-x64@1.0.0-rc.12':
+    resolution: {integrity: sha512-dMLeprcVsyJsKolRXyoTH3NL6qtsT0Y2xeuEA8WQJquWFXkEC4bcu1rLZZSnZRMtAqwtrF/Ib9Ddtpa/Gkge9Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [freebsd]
 
-  "@rollup/rollup-linux-arm-gnueabihf@4.60.0":
-    resolution:
-      {
-        integrity: sha512-RzeBwv0B3qtVBWtcuABtSuCzToo2IEAIQrcyB/b2zMvBWVbjo8bZDjACUpnaafaxhTw2W+imQbP2BD1usasK4g==,
-      }
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.12':
+    resolution: {integrity: sha512-YqWjAgGC/9M1lz3GR1r1rP79nMgo3mQiiA+Hfo+pvKFK1fAJ1bCi0ZQVh8noOqNacuY1qIcfyVfP6HoyBRZ85Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm]
     os: [linux]
-    libc: [glibc]
 
-  "@rollup/rollup-linux-arm-musleabihf@4.60.0":
-    resolution:
-      {
-        integrity: sha512-Sf7zusNI2CIU1HLzuu9Tc5YGAHEZs5Lu7N1ssJG4Tkw6e0MEsN7NdjUDDfGNHy2IU+ENyWT+L2obgWiguWibWQ==,
-      }
-    cpu: [arm]
-    os: [linux]
-    libc: [musl]
-
-  "@rollup/rollup-linux-arm64-gnu@4.60.0":
-    resolution:
-      {
-        integrity: sha512-DX2x7CMcrJzsE91q7/O02IJQ5/aLkVtYFryqCjduJhUfGKG6yJV8hxaw8pZa93lLEpPTP/ohdN4wFz7yp/ry9A==,
-      }
+  '@rolldown/binding-linux-arm64-gnu@1.0.0-rc.12':
+    resolution: {integrity: sha512-/I5AS4cIroLpslsmzXfwbe5OmWvSsrFuEw3mwvbQ1kDxJ822hFHIx+vsN/TAzNVyepI/j/GSzrtCIwQPeKCLIg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
     libc: [glibc]
 
-  "@rollup/rollup-linux-arm64-musl@4.60.0":
-    resolution:
-      {
-        integrity: sha512-09EL+yFVbJZlhcQfShpswwRZ0Rg+z/CsSELFCnPt3iK+iqwGsI4zht3secj5vLEs957QvFFXnzAT0FFPIxSrkQ==,
-      }
+  '@rolldown/binding-linux-arm64-musl@1.0.0-rc.12':
+    resolution: {integrity: sha512-V6/wZztnBqlx5hJQqNWwFdxIKN0m38p8Jas+VoSfgH54HSj9tKTt1dZvG6JRHcjh6D7TvrJPWFGaY9UBVOaWPw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
     libc: [musl]
 
-  "@rollup/rollup-linux-loong64-gnu@4.60.0":
-    resolution:
-      {
-        integrity: sha512-i9IcCMPr3EXm8EQg5jnja0Zyc1iFxJjZWlb4wr7U2Wx/GrddOuEafxRdMPRYVaXjgbhvqalp6np07hN1w9kAKw==,
-      }
-    cpu: [loong64]
-    os: [linux]
-    libc: [glibc]
-
-  "@rollup/rollup-linux-loong64-musl@4.60.0":
-    resolution:
-      {
-        integrity: sha512-DGzdJK9kyJ+B78MCkWeGnpXJ91tK/iKA6HwHxF4TAlPIY7GXEvMe8hBFRgdrR9Ly4qebR/7gfUs9y2IoaVEyog==,
-      }
-    cpu: [loong64]
-    os: [linux]
-    libc: [musl]
-
-  "@rollup/rollup-linux-ppc64-gnu@4.60.0":
-    resolution:
-      {
-        integrity: sha512-RwpnLsqC8qbS8z1H1AxBA1H6qknR4YpPR9w2XX0vo2Sz10miu57PkNcnHVaZkbqyw/kUWfKMI73jhmfi9BRMUQ==,
-      }
+  '@rolldown/binding-linux-ppc64-gnu@1.0.0-rc.12':
+    resolution: {integrity: sha512-AP3E9BpcUYliZCxa3w5Kwj9OtEVDYK6sVoUzy4vTOJsjPOgdaJZKFmN4oOlX0Wp0RPV2ETfmIra9x1xuayFB7g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [ppc64]
     os: [linux]
     libc: [glibc]
 
-  "@rollup/rollup-linux-ppc64-musl@4.60.0":
-    resolution:
-      {
-        integrity: sha512-Z8pPf54Ly3aqtdWC3G4rFigZgNvd+qJlOE52fmko3KST9SoGfAdSRCwyoyG05q1HrrAblLbk1/PSIV+80/pxLg==,
-      }
-    cpu: [ppc64]
-    os: [linux]
-    libc: [musl]
-
-  "@rollup/rollup-linux-riscv64-gnu@4.60.0":
-    resolution:
-      {
-        integrity: sha512-3a3qQustp3COCGvnP4SvrMHnPQ9d1vzCakQVRTliaz8cIp/wULGjiGpbcqrkv0WrHTEp8bQD/B3HBjzujVWLOA==,
-      }
-    cpu: [riscv64]
-    os: [linux]
-    libc: [glibc]
-
-  "@rollup/rollup-linux-riscv64-musl@4.60.0":
-    resolution:
-      {
-        integrity: sha512-pjZDsVH/1VsghMJ2/kAaxt6dL0psT6ZexQVrijczOf+PeP2BUqTHYejk3l6TlPRydggINOeNRhvpLa0AYpCWSQ==,
-      }
-    cpu: [riscv64]
-    os: [linux]
-    libc: [musl]
-
-  "@rollup/rollup-linux-s390x-gnu@4.60.0":
-    resolution:
-      {
-        integrity: sha512-3ObQs0BhvPgiUVZrN7gqCSvmFuMWvWvsjG5ayJ3Lraqv+2KhOsp+pUbigqbeWqueGIsnn+09HBw27rJ+gYK4VQ==,
-      }
+  '@rolldown/binding-linux-s390x-gnu@1.0.0-rc.12':
+    resolution: {integrity: sha512-nWwpvUSPkoFmZo0kQazZYOrT7J5DGOJ/+QHHzjvNlooDZED8oH82Yg67HvehPPLAg5fUff7TfWFHQS8IV1n3og==}
+    engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [s390x]
     os: [linux]
     libc: [glibc]
 
-  "@rollup/rollup-linux-x64-gnu@4.60.0":
-    resolution:
-      {
-        integrity: sha512-EtylprDtQPdS5rXvAayrNDYoJhIz1/vzN2fEubo3yLE7tfAw+948dO0g4M0vkTVFhKojnF+n6C8bDNe+gDRdTg==,
-      }
+  '@rolldown/binding-linux-x64-gnu@1.0.0-rc.12':
+    resolution: {integrity: sha512-RNrafz5bcwRy+O9e6P8Z/OCAJW/A+qtBczIqVYwTs14pf4iV1/+eKEjdOUta93q2TsT/FI0XYDP3TCky38LMAg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
     libc: [glibc]
 
-  "@rollup/rollup-linux-x64-musl@4.60.0":
-    resolution:
-      {
-        integrity: sha512-k09oiRCi/bHU9UVFqD17r3eJR9bn03TyKraCrlz5ULFJGdJGi7VOmm9jl44vOJvRJ6P7WuBi/s2A97LxxHGIdw==,
-      }
+  '@rolldown/binding-linux-x64-musl@1.0.0-rc.12':
+    resolution: {integrity: sha512-Jpw/0iwoKWx3LJ2rc1yjFrj+T7iHZn2JDg1Yny1ma0luviFS4mhAIcd1LFNxK3EYu3DHWCps0ydXQ5i/rrJ2ig==}
+    engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
     libc: [musl]
 
-  "@rollup/rollup-openbsd-x64@4.60.0":
-    resolution:
-      {
-        integrity: sha512-1o/0/pIhozoSaDJoDcec+IVLbnRtQmHwPV730+AOD29lHEEo4F5BEUB24H0OBdhbBBDwIOSuf7vgg0Ywxdfiiw==,
-      }
-    cpu: [x64]
-    os: [openbsd]
-
-  "@rollup/rollup-openharmony-arm64@4.60.0":
-    resolution:
-      {
-        integrity: sha512-pESDkos/PDzYwtyzB5p/UoNU/8fJo68vcXM9ZW2V0kjYayj1KaaUfi1NmTUTUpMn4UhU4gTuK8gIaFO4UGuMbA==,
-      }
+  '@rolldown/binding-openharmony-arm64@1.0.0-rc.12':
+    resolution: {integrity: sha512-vRugONE4yMfVn0+7lUKdKvN4D5YusEiPilaoO2sgUWpCvrncvWgPMzK00ZFFJuiPgLwgFNP5eSiUlv2tfc+lpA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [openharmony]
 
-  "@rollup/rollup-win32-arm64-msvc@4.60.0":
-    resolution:
-      {
-        integrity: sha512-hj1wFStD7B1YBeYmvY+lWXZ7ey73YGPcViMShYikqKT1GtstIKQAtfUI6yrzPjAy/O7pO0VLXGmUVWXQMaYgTQ==,
-      }
+  '@rolldown/binding-wasm32-wasi@1.0.0-rc.12':
+    resolution: {integrity: sha512-ykGiLr/6kkiHc0XnBfmFJuCjr5ZYKKofkx+chJWDjitX+KsJuAmrzWhwyOMSHzPhzOHOy7u9HlFoa5MoAOJ/Zg==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+
+  '@rolldown/binding-win32-arm64-msvc@1.0.0-rc.12':
+    resolution: {integrity: sha512-5eOND4duWkwx1AzCxadcOrNeighiLwMInEADT0YM7xeEOOFcovWZCq8dadXgcRHSf3Ulh1kFo/qvzoFiCLOL1Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [win32]
 
-  "@rollup/rollup-win32-ia32-msvc@4.60.0":
-    resolution:
-      {
-        integrity: sha512-SyaIPFoxmUPlNDq5EHkTbiKzmSEmq/gOYFI/3HHJ8iS/v1mbugVa7dXUzcJGQfoytp9DJFLhHH4U3/eTy2Bq4w==,
-      }
+  '@rolldown/binding-win32-x64-msvc@1.0.0-rc.12':
+    resolution: {integrity: sha512-PyqoipaswDLAZtot351MLhrlrh6lcZPo2LSYE+VDxbVk24LVKAGOuE4hb8xZQmrPAuEtTZW8E6D2zc5EUZX4Lw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@rolldown/pluginutils@1.0.0-rc.12':
+    resolution: {integrity: sha512-HHMwmarRKvoFsJorqYlFeFRzXZqCt2ETQlEDOb9aqssrnVBB1/+xgTGtuTrIk5vzLNX1MjMtTf7W9z3tsSbrxw==}
+
+  '@rollup/rollup-android-arm-eabi@4.60.0':
+    resolution: {integrity: sha512-WOhNW9K8bR3kf4zLxbfg6Pxu2ybOUbB2AjMDHSQx86LIF4rH4Ft7vmMwNt0loO0eonglSNy4cpD3MKXXKQu0/A==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.60.0':
+    resolution: {integrity: sha512-u6JHLll5QKRvjciE78bQXDmqRqNs5M/3GVqZeMwvmjaNODJih/WIrJlFVEihvV0MiYFmd+ZyPr9wxOVbPAG2Iw==}
+    cpu: [arm64]
+    os: [android]
+
+  '@rollup/rollup-darwin-arm64@4.60.0':
+    resolution: {integrity: sha512-qEF7CsKKzSRc20Ciu2Zw1wRrBz4g56F7r/vRwY430UPp/nt1x21Q/fpJ9N5l47WWvJlkNCPJz3QRVw008fi7yA==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-x64@4.60.0':
+    resolution: {integrity: sha512-WADYozJ4QCnXCH4wPB+3FuGmDPoFseVCUrANmA5LWwGmC6FL14BWC7pcq+FstOZv3baGX65tZ378uT6WG8ynTw==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rollup/rollup-freebsd-arm64@4.60.0':
+    resolution: {integrity: sha512-6b8wGHJlDrGeSE3aH5mGNHBjA0TTkxdoNHik5EkvPHCt351XnigA4pS7Wsj/Eo9Y8RBU6f35cjN9SYmCFBtzxw==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-x64@4.60.0':
+    resolution: {integrity: sha512-h25Ga0t4jaylMB8M/JKAyrvvfxGRjnPQIR8lnCayyzEjEOx2EJIlIiMbhpWxDRKGKF8jbNH01NnN663dH638mA==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.60.0':
+    resolution: {integrity: sha512-RzeBwv0B3qtVBWtcuABtSuCzToo2IEAIQrcyB/b2zMvBWVbjo8bZDjACUpnaafaxhTw2W+imQbP2BD1usasK4g==}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-arm-musleabihf@4.60.0':
+    resolution: {integrity: sha512-Sf7zusNI2CIU1HLzuu9Tc5YGAHEZs5Lu7N1ssJG4Tkw6e0MEsN7NdjUDDfGNHy2IU+ENyWT+L2obgWiguWibWQ==}
+    cpu: [arm]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-arm64-gnu@4.60.0':
+    resolution: {integrity: sha512-DX2x7CMcrJzsE91q7/O02IJQ5/aLkVtYFryqCjduJhUfGKG6yJV8hxaw8pZa93lLEpPTP/ohdN4wFz7yp/ry9A==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-arm64-musl@4.60.0':
+    resolution: {integrity: sha512-09EL+yFVbJZlhcQfShpswwRZ0Rg+z/CsSELFCnPt3iK+iqwGsI4zht3secj5vLEs957QvFFXnzAT0FFPIxSrkQ==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-loong64-gnu@4.60.0':
+    resolution: {integrity: sha512-i9IcCMPr3EXm8EQg5jnja0Zyc1iFxJjZWlb4wr7U2Wx/GrddOuEafxRdMPRYVaXjgbhvqalp6np07hN1w9kAKw==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-loong64-musl@4.60.0':
+    resolution: {integrity: sha512-DGzdJK9kyJ+B78MCkWeGnpXJ91tK/iKA6HwHxF4TAlPIY7GXEvMe8hBFRgdrR9Ly4qebR/7gfUs9y2IoaVEyog==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-ppc64-gnu@4.60.0':
+    resolution: {integrity: sha512-RwpnLsqC8qbS8z1H1AxBA1H6qknR4YpPR9w2XX0vo2Sz10miu57PkNcnHVaZkbqyw/kUWfKMI73jhmfi9BRMUQ==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-ppc64-musl@4.60.0':
+    resolution: {integrity: sha512-Z8pPf54Ly3aqtdWC3G4rFigZgNvd+qJlOE52fmko3KST9SoGfAdSRCwyoyG05q1HrrAblLbk1/PSIV+80/pxLg==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.60.0':
+    resolution: {integrity: sha512-3a3qQustp3COCGvnP4SvrMHnPQ9d1vzCakQVRTliaz8cIp/wULGjiGpbcqrkv0WrHTEp8bQD/B3HBjzujVWLOA==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-riscv64-musl@4.60.0':
+    resolution: {integrity: sha512-pjZDsVH/1VsghMJ2/kAaxt6dL0psT6ZexQVrijczOf+PeP2BUqTHYejk3l6TlPRydggINOeNRhvpLa0AYpCWSQ==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-s390x-gnu@4.60.0':
+    resolution: {integrity: sha512-3ObQs0BhvPgiUVZrN7gqCSvmFuMWvWvsjG5ayJ3Lraqv+2KhOsp+pUbigqbeWqueGIsnn+09HBw27rJ+gYK4VQ==}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-x64-gnu@4.60.0':
+    resolution: {integrity: sha512-EtylprDtQPdS5rXvAayrNDYoJhIz1/vzN2fEubo3yLE7tfAw+948dO0g4M0vkTVFhKojnF+n6C8bDNe+gDRdTg==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-x64-musl@4.60.0':
+    resolution: {integrity: sha512-k09oiRCi/bHU9UVFqD17r3eJR9bn03TyKraCrlz5ULFJGdJGi7VOmm9jl44vOJvRJ6P7WuBi/s2A97LxxHGIdw==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-openbsd-x64@4.60.0':
+    resolution: {integrity: sha512-1o/0/pIhozoSaDJoDcec+IVLbnRtQmHwPV730+AOD29lHEEo4F5BEUB24H0OBdhbBBDwIOSuf7vgg0Ywxdfiiw==}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@rollup/rollup-openharmony-arm64@4.60.0':
+    resolution: {integrity: sha512-pESDkos/PDzYwtyzB5p/UoNU/8fJo68vcXM9ZW2V0kjYayj1KaaUfi1NmTUTUpMn4UhU4gTuK8gIaFO4UGuMbA==}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rollup/rollup-win32-arm64-msvc@4.60.0':
+    resolution: {integrity: sha512-hj1wFStD7B1YBeYmvY+lWXZ7ey73YGPcViMShYikqKT1GtstIKQAtfUI6yrzPjAy/O7pO0VLXGmUVWXQMaYgTQ==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rollup/rollup-win32-ia32-msvc@4.60.0':
+    resolution: {integrity: sha512-SyaIPFoxmUPlNDq5EHkTbiKzmSEmq/gOYFI/3HHJ8iS/v1mbugVa7dXUzcJGQfoytp9DJFLhHH4U3/eTy2Bq4w==}
     cpu: [ia32]
     os: [win32]
 
-  "@rollup/rollup-win32-x64-gnu@4.60.0":
-    resolution:
-      {
-        integrity: sha512-RdcryEfzZr+lAr5kRm2ucN9aVlCCa2QNq4hXelZxb8GG0NJSazq44Z3PCCc8wISRuCVnGs0lQJVX5Vp6fKA+IA==,
-      }
+  '@rollup/rollup-win32-x64-gnu@4.60.0':
+    resolution: {integrity: sha512-RdcryEfzZr+lAr5kRm2ucN9aVlCCa2QNq4hXelZxb8GG0NJSazq44Z3PCCc8wISRuCVnGs0lQJVX5Vp6fKA+IA==}
     cpu: [x64]
     os: [win32]
 
-  "@rollup/rollup-win32-x64-msvc@4.60.0":
-    resolution:
-      {
-        integrity: sha512-PrsWNQ8BuE00O3Xsx3ALh2Df8fAj9+cvvX9AIA6o4KpATR98c9mud4XtDWVvsEuyia5U4tVSTKygawyJkjm60w==,
-      }
+  '@rollup/rollup-win32-x64-msvc@4.60.0':
+    resolution: {integrity: sha512-PrsWNQ8BuE00O3Xsx3ALh2Df8fAj9+cvvX9AIA6o4KpATR98c9mud4XtDWVvsEuyia5U4tVSTKygawyJkjm60w==}
     cpu: [x64]
     os: [win32]
 
-  "@testing-library/dom@10.4.1":
-    resolution:
-      {
-        integrity: sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==,
-      }
-    engines: { node: ">=18" }
-
-  "@testing-library/jest-dom@6.9.1":
-    resolution:
-      {
-        integrity: sha512-zIcONa+hVtVSSep9UT3jZ5rizo2BsxgyDYU7WFD5eICBE7no3881HGeb/QkGfsJs6JTkY1aQhT7rIPC7e+0nnA==,
-      }
-    engines: { node: ">=14", npm: ">=6", yarn: ">=1" }
-
-  "@testing-library/react@16.3.2":
-    resolution:
-      {
-        integrity: sha512-XU5/SytQM+ykqMnAnvB2umaJNIOsLF3PVv//1Ew4CTcpz0/BRyy/af40qqrt7SjKpDdT1saBMc42CUok5gaw+g==,
-      }
-    engines: { node: ">=18" }
+  '@sveltejs/acorn-typescript@1.0.9':
+    resolution: {integrity: sha512-lVJX6qEgs/4DOcRTpo56tmKzVPtoWAaVbL4hfO7t7NVwl9AAXzQR6cihesW1BmNMPl+bK6dreu2sOKBP2Q9CIA==}
     peerDependencies:
-      "@testing-library/dom": ^10.0.0
-      "@types/react": ^18.0.0 || ^19.0.0
-      "@types/react-dom": ^18.0.0 || ^19.0.0
-      react: ^18.0.0 || ^19.0.0
-      react-dom: ^18.0.0 || ^19.0.0
+      acorn: ^8.9.0
+
+  '@sveltejs/vite-plugin-svelte@7.0.0':
+    resolution: {integrity: sha512-ILXmxC7HAsnkK2eslgPetrqqW1BKSL7LktsFgqzNj83MaivMGZzluWq32m25j2mDOjmSKX7GGWahePhuEs7P/g==}
+    engines: {node: ^20.19 || ^22.12 || >=24}
+    peerDependencies:
+      svelte: ^5.46.4
+      vite: ^8.0.0-beta.7 || ^8.0.0
+
+  '@testing-library/dom@10.4.1':
+    resolution: {integrity: sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==}
+    engines: {node: '>=18'}
+
+  '@testing-library/jest-dom@6.9.1':
+    resolution: {integrity: sha512-zIcONa+hVtVSSep9UT3jZ5rizo2BsxgyDYU7WFD5eICBE7no3881HGeb/QkGfsJs6JTkY1aQhT7rIPC7e+0nnA==}
+    engines: {node: '>=14', npm: '>=6', yarn: '>=1'}
+
+  '@testing-library/svelte-core@1.0.0':
+    resolution: {integrity: sha512-VkUePoLV6oOYwSUvX6ShA8KLnJqZiYMIbP2JW2t0GLWLkJxKGvuH5qrrZBV/X7cXFnLGuFQEC7RheYiZOW68KQ==}
+    engines: {node: '>=16'}
+    peerDependencies:
+      svelte: ^3 || ^4 || ^5 || ^5.0.0-next.0
+
+  '@testing-library/svelte@5.3.1':
+    resolution: {integrity: sha512-8Ez7ZOqW5geRf9PF5rkuopODe5RGy3I9XR+kc7zHh26gBiktLaxTfKmhlGaSHYUOTQE7wFsLMN9xCJVCszw47w==}
+    engines: {node: '>= 10'}
+    peerDependencies:
+      svelte: ^3 || ^4 || ^5 || ^5.0.0-next.0
+      vite: '*'
+      vitest: '*'
     peerDependenciesMeta:
-      "@types/react":
+      vite:
         optional: true
-      "@types/react-dom":
+      vitest:
         optional: true
 
-  "@testing-library/user-event@14.6.1":
-    resolution:
-      {
-        integrity: sha512-vq7fv0rnt+QTXgPxr5Hjc210p6YKq2kmdziLgnsZGgLJ9e6VAShx1pACLuRjd/AS/sr7phAR58OIIpf0LlmQNw==,
-      }
-    engines: { node: ">=12", npm: ">=6" }
+  '@testing-library/user-event@14.6.1':
+    resolution: {integrity: sha512-vq7fv0rnt+QTXgPxr5Hjc210p6YKq2kmdziLgnsZGgLJ9e6VAShx1pACLuRjd/AS/sr7phAR58OIIpf0LlmQNw==}
+    engines: {node: '>=12', npm: '>=6'}
     peerDependencies:
-      "@testing-library/dom": ">=7.21.4"
+      '@testing-library/dom': '>=7.21.4'
 
-  "@types/aria-query@5.0.4":
-    resolution:
-      {
-        integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==,
-      }
+  '@tybys/wasm-util@0.10.1':
+    resolution: {integrity: sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==}
 
-  "@types/babel__core@7.20.5":
-    resolution:
-      {
-        integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==,
-      }
+  '@types/aria-query@5.0.4':
+    resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==}
 
-  "@types/babel__generator@7.27.0":
-    resolution:
-      {
-        integrity: sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==,
-      }
+  '@types/chai@5.2.3':
+    resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==}
 
-  "@types/babel__template@7.4.4":
-    resolution:
-      {
-        integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==,
-      }
+  '@types/deep-eql@4.0.2':
+    resolution: {integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==}
 
-  "@types/babel__traverse@7.28.0":
-    resolution:
-      {
-        integrity: sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==,
-      }
+  '@types/estree@1.0.8':
+    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
 
-  "@types/chai@5.2.3":
-    resolution:
-      {
-        integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==,
-      }
+  '@types/json-schema@7.0.15':
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
-  "@types/deep-eql@4.0.2":
-    resolution:
-      {
-        integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==,
-      }
+  '@types/node@25.5.0':
+    resolution: {integrity: sha512-jp2P3tQMSxWugkCUKLRPVUpGaL5MVFwF8RDuSRztfwgN1wmqJeMSbKlnEtQqU8UrhTmzEmZdu2I6v2dpp7XIxw==}
 
-  "@types/estree@1.0.8":
-    resolution:
-      {
-        integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==,
-      }
+  '@types/trusted-types@2.0.7':
+    resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
 
-  "@types/json-schema@7.0.15":
-    resolution:
-      {
-        integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==,
-      }
-
-  "@types/prop-types@15.7.15":
-    resolution:
-      {
-        integrity: sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==,
-      }
-
-  "@types/react-dom@18.3.7":
-    resolution:
-      {
-        integrity: sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==,
-      }
+  '@typescript-eslint/eslint-plugin@8.57.2':
+    resolution: {integrity: sha512-NZZgp0Fm2IkD+La5PR81sd+g+8oS6JwJje+aRWsDocxHkjyRw0J5L5ZTlN3LI1LlOcGL7ph3eaIUmTXMIjLk0w==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      "@types/react": ^18.0.0
-
-  "@types/react@18.3.28":
-    resolution:
-      {
-        integrity: sha512-z9VXpC7MWrhfWipitjNdgCauoMLRdIILQsAEV+ZesIzBq/oUlxk0m3ApZuMFCXdnS4U7KrI+l3WRUEGQ8K1QKw==,
-      }
-
-  "@typescript-eslint/eslint-plugin@8.57.2":
-    resolution:
-      {
-        integrity: sha512-NZZgp0Fm2IkD+La5PR81sd+g+8oS6JwJje+aRWsDocxHkjyRw0J5L5ZTlN3LI1LlOcGL7ph3eaIUmTXMIjLk0w==,
-      }
-    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
-    peerDependencies:
-      "@typescript-eslint/parser": ^8.57.2
+      '@typescript-eslint/parser': ^8.57.2
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
-      typescript: ">=4.8.4 <6.0.0"
+      typescript: '>=4.8.4 <6.0.0'
 
-  "@typescript-eslint/parser@8.57.2":
-    resolution:
-      {
-        integrity: sha512-30ScMRHIAD33JJQkgfGW1t8CURZtjc2JpTrq5n2HFhOefbAhb7ucc7xJwdWcrEtqUIYJ73Nybpsggii6GtAHjA==,
-      }
-    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+  '@typescript-eslint/parser@8.57.2':
+    resolution: {integrity: sha512-30ScMRHIAD33JJQkgfGW1t8CURZtjc2JpTrq5n2HFhOefbAhb7ucc7xJwdWcrEtqUIYJ73Nybpsggii6GtAHjA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
-      typescript: ">=4.8.4 <6.0.0"
+      typescript: '>=4.8.4 <6.0.0'
 
-  "@typescript-eslint/project-service@8.57.2":
-    resolution:
-      {
-        integrity: sha512-FuH0wipFywXRTHf+bTTjNyuNQQsQC3qh/dYzaM4I4W0jrCqjCVuUh99+xd9KamUfmCGPvbO8NDngo/vsnNVqgw==,
-      }
-    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+  '@typescript-eslint/project-service@8.57.2':
+    resolution: {integrity: sha512-FuH0wipFywXRTHf+bTTjNyuNQQsQC3qh/dYzaM4I4W0jrCqjCVuUh99+xd9KamUfmCGPvbO8NDngo/vsnNVqgw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      typescript: ">=4.8.4 <6.0.0"
+      typescript: '>=4.8.4 <6.0.0'
 
-  "@typescript-eslint/scope-manager@8.57.2":
-    resolution:
-      {
-        integrity: sha512-snZKH+W4WbWkrBqj4gUNRIGb/jipDW3qMqVJ4C9rzdFc+wLwruxk+2a5D+uoFcKPAqyqEnSb4l2ULuZf95eSkw==,
-      }
-    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+  '@typescript-eslint/scope-manager@8.57.2':
+    resolution: {integrity: sha512-snZKH+W4WbWkrBqj4gUNRIGb/jipDW3qMqVJ4C9rzdFc+wLwruxk+2a5D+uoFcKPAqyqEnSb4l2ULuZf95eSkw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  "@typescript-eslint/tsconfig-utils@8.57.2":
-    resolution:
-      {
-        integrity: sha512-3Lm5DSM+DCowsUOJC+YqHHnKEfFh5CoGkj5Z31NQSNF4l5wdOwqGn99wmwN/LImhfY3KJnmordBq/4+VDe2eKw==,
-      }
-    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+  '@typescript-eslint/tsconfig-utils@8.57.2':
+    resolution: {integrity: sha512-3Lm5DSM+DCowsUOJC+YqHHnKEfFh5CoGkj5Z31NQSNF4l5wdOwqGn99wmwN/LImhfY3KJnmordBq/4+VDe2eKw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      typescript: ">=4.8.4 <6.0.0"
+      typescript: '>=4.8.4 <6.0.0'
 
-  "@typescript-eslint/type-utils@8.57.2":
-    resolution:
-      {
-        integrity: sha512-Co6ZCShm6kIbAM/s+oYVpKFfW7LBc6FXoPXjTRQ449PPNBY8U0KZXuevz5IFuuUj2H9ss40atTaf9dlGLzbWZg==,
-      }
-    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+  '@typescript-eslint/type-utils@8.57.2':
+    resolution: {integrity: sha512-Co6ZCShm6kIbAM/s+oYVpKFfW7LBc6FXoPXjTRQ449PPNBY8U0KZXuevz5IFuuUj2H9ss40atTaf9dlGLzbWZg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
-      typescript: ">=4.8.4 <6.0.0"
+      typescript: '>=4.8.4 <6.0.0'
 
-  "@typescript-eslint/types@8.57.2":
-    resolution:
-      {
-        integrity: sha512-/iZM6FnM4tnx9csuTxspMW4BOSegshwX5oBDznJ7S4WggL7Vczz5d2W11ecc4vRrQMQHXRSxzrCsyG5EsPPTbA==,
-      }
-    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+  '@typescript-eslint/types@8.57.2':
+    resolution: {integrity: sha512-/iZM6FnM4tnx9csuTxspMW4BOSegshwX5oBDznJ7S4WggL7Vczz5d2W11ecc4vRrQMQHXRSxzrCsyG5EsPPTbA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  "@typescript-eslint/typescript-estree@8.57.2":
-    resolution:
-      {
-        integrity: sha512-2MKM+I6g8tJxfSmFKOnHv2t8Sk3T6rF20A1Puk0svLK+uVapDZB/4pfAeB7nE83uAZrU6OxW+HmOd5wHVdXwXA==,
-      }
-    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+  '@typescript-eslint/typescript-estree@8.57.2':
+    resolution: {integrity: sha512-2MKM+I6g8tJxfSmFKOnHv2t8Sk3T6rF20A1Puk0svLK+uVapDZB/4pfAeB7nE83uAZrU6OxW+HmOd5wHVdXwXA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      typescript: ">=4.8.4 <6.0.0"
+      typescript: '>=4.8.4 <6.0.0'
 
-  "@typescript-eslint/utils@8.57.2":
-    resolution:
-      {
-        integrity: sha512-krRIbvPK1ju1WBKIefiX+bngPs+odIQUtR7kymzPfo1POVw3jlF+nLkmexdSSd4UCbDcQn+wMBATOOmpBbqgKg==,
-      }
-    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+  '@typescript-eslint/utils@8.57.2':
+    resolution: {integrity: sha512-krRIbvPK1ju1WBKIefiX+bngPs+odIQUtR7kymzPfo1POVw3jlF+nLkmexdSSd4UCbDcQn+wMBATOOmpBbqgKg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
-      typescript: ">=4.8.4 <6.0.0"
+      typescript: '>=4.8.4 <6.0.0'
 
-  "@typescript-eslint/visitor-keys@8.57.2":
-    resolution:
-      {
-        integrity: sha512-zhahknjobV2FiD6Ee9iLbS7OV9zi10rG26odsQdfBO/hjSzUQbkIYgda+iNKK1zNiW2ey+Lf8MU5btN17V3dUw==,
-      }
-    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+  '@typescript-eslint/visitor-keys@8.57.2':
+    resolution: {integrity: sha512-zhahknjobV2FiD6Ee9iLbS7OV9zi10rG26odsQdfBO/hjSzUQbkIYgda+iNKK1zNiW2ey+Lf8MU5btN17V3dUw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  "@vitejs/plugin-basic-ssl@2.3.0":
-    resolution:
-      {
-        integrity: sha512-bdyo8rB3NnQbikdMpHaML9Z1OZPBu6fFOBo+OtxsBlvMJtysWskmBcnbIDhUqgC8tcxNv/a+BcV5U+2nQMm1OQ==,
-      }
-    engines: { node: ^18.0.0 || ^20.0.0 || >=22.0.0 }
+  '@vitejs/plugin-basic-ssl@2.3.0':
+    resolution: {integrity: sha512-bdyo8rB3NnQbikdMpHaML9Z1OZPBu6fFOBo+OtxsBlvMJtysWskmBcnbIDhUqgC8tcxNv/a+BcV5U+2nQMm1OQ==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     peerDependencies:
       vite: ^6.0.0 || ^7.0.0 || ^8.0.0
 
-  "@vitejs/plugin-react@5.2.0":
-    resolution:
-      {
-        integrity: sha512-YmKkfhOAi3wsB1PhJq5Scj3GXMn3WvtQ/JC0xoopuHoXSdmtdStOpFrYaT1kie2YgFBcIe64ROzMYRjCrYOdYw==,
-      }
-    engines: { node: ^20.19.0 || >=22.12.0 }
-    peerDependencies:
-      vite: ^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
+  '@vitest/expect@3.2.4':
+    resolution: {integrity: sha512-Io0yyORnB6sikFlt8QW5K7slY4OjqNX9jmJQ02QDda8lyM6B5oNgVWoSoKPac8/kgnCUzuHQKrSLtu/uOqqrig==}
 
-  "@vitest/expect@3.2.4":
-    resolution:
-      {
-        integrity: sha512-Io0yyORnB6sikFlt8QW5K7slY4OjqNX9jmJQ02QDda8lyM6B5oNgVWoSoKPac8/kgnCUzuHQKrSLtu/uOqqrig==,
-      }
-
-  "@vitest/mocker@3.2.4":
-    resolution:
-      {
-        integrity: sha512-46ryTE9RZO/rfDd7pEqFl7etuyzekzEhUbTW3BvmeO/BcCMEgq59BKhek3dXDWgAj4oMK6OZi+vRr1wPW6qjEQ==,
-      }
+  '@vitest/mocker@3.2.4':
+    resolution: {integrity: sha512-46ryTE9RZO/rfDd7pEqFl7etuyzekzEhUbTW3BvmeO/BcCMEgq59BKhek3dXDWgAj4oMK6OZi+vRr1wPW6qjEQ==}
     peerDependencies:
       msw: ^2.4.9
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0-0
@@ -1109,678 +749,269 @@ packages:
       vite:
         optional: true
 
-  "@vitest/pretty-format@3.2.4":
-    resolution:
-      {
-        integrity: sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==,
-      }
+  '@vitest/pretty-format@3.2.4':
+    resolution: {integrity: sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==}
 
-  "@vitest/runner@3.2.4":
-    resolution:
-      {
-        integrity: sha512-oukfKT9Mk41LreEW09vt45f8wx7DordoWUZMYdY/cyAk7w5TWkTRCNZYF7sX7n2wB7jyGAl74OxgwhPgKaqDMQ==,
-      }
+  '@vitest/runner@3.2.4':
+    resolution: {integrity: sha512-oukfKT9Mk41LreEW09vt45f8wx7DordoWUZMYdY/cyAk7w5TWkTRCNZYF7sX7n2wB7jyGAl74OxgwhPgKaqDMQ==}
 
-  "@vitest/snapshot@3.2.4":
-    resolution:
-      {
-        integrity: sha512-dEYtS7qQP2CjU27QBC5oUOxLE/v5eLkGqPE0ZKEIDGMs4vKWe7IjgLOeauHsR0D5YuuycGRO5oSRXnwnmA78fQ==,
-      }
+  '@vitest/snapshot@3.2.4':
+    resolution: {integrity: sha512-dEYtS7qQP2CjU27QBC5oUOxLE/v5eLkGqPE0ZKEIDGMs4vKWe7IjgLOeauHsR0D5YuuycGRO5oSRXnwnmA78fQ==}
 
-  "@vitest/spy@3.2.4":
-    resolution:
-      {
-        integrity: sha512-vAfasCOe6AIK70iP5UD11Ac4siNUNJ9i/9PZ3NKx07sG6sUxeag1LWdNrMWeKKYBLlzuK+Gn65Yd5nyL6ds+nw==,
-      }
+  '@vitest/spy@3.2.4':
+    resolution: {integrity: sha512-vAfasCOe6AIK70iP5UD11Ac4siNUNJ9i/9PZ3NKx07sG6sUxeag1LWdNrMWeKKYBLlzuK+Gn65Yd5nyL6ds+nw==}
 
-  "@vitest/utils@3.2.4":
-    resolution:
-      {
-        integrity: sha512-fB2V0JFrQSMsCo9HiSq3Ezpdv4iYaXRG1Sx8edX3MwxfyNn83mKiGzOcH+Fkxt4MHxr3y42fQi1oeAInqgX2QA==,
-      }
+  '@vitest/utils@3.2.4':
+    resolution: {integrity: sha512-fB2V0JFrQSMsCo9HiSq3Ezpdv4iYaXRG1Sx8edX3MwxfyNn83mKiGzOcH+Fkxt4MHxr3y42fQi1oeAInqgX2QA==}
 
   acorn-jsx@5.3.2:
-    resolution:
-      {
-        integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==,
-      }
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
 
   acorn@8.16.0:
-    resolution:
-      {
-        integrity: sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==,
-      }
-    engines: { node: ">=0.4.0" }
+    resolution: {integrity: sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==}
+    engines: {node: '>=0.4.0'}
     hasBin: true
 
   agent-base@7.1.4:
-    resolution:
-      {
-        integrity: sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==,
-      }
-    engines: { node: ">= 14" }
+    resolution: {integrity: sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==}
+    engines: {node: '>= 14'}
 
   ajv@6.14.0:
-    resolution:
-      {
-        integrity: sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==,
-      }
+    resolution: {integrity: sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==}
 
   ansi-regex@5.0.1:
-    resolution:
-      {
-        integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==,
-      }
-    engines: { node: ">=8" }
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
 
   ansi-styles@4.3.0:
-    resolution:
-      {
-        integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==,
-      }
-    engines: { node: ">=8" }
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
 
   ansi-styles@5.2.0:
-    resolution:
-      {
-        integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==,
-      }
-    engines: { node: ">=10" }
+    resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==}
+    engines: {node: '>=10'}
 
   argparse@2.0.1:
-    resolution:
-      {
-        integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==,
-      }
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
   aria-query@5.3.0:
-    resolution:
-      {
-        integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==,
-      }
+    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
+
+  aria-query@5.3.1:
+    resolution: {integrity: sha512-Z/ZeOgVl7bcSYZ/u/rh0fOpvEpq//LZmdbkXyc7syVzjPAhfOa9ebsdTSjEBDU4vs5nC98Kfduj1uFo0qyET3g==}
+    engines: {node: '>= 0.4'}
 
   aria-query@5.3.2:
-    resolution:
-      {
-        integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==,
-      }
-    engines: { node: ">= 0.4" }
-
-  array-buffer-byte-length@1.0.2:
-    resolution:
-      {
-        integrity: sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==,
-      }
-    engines: { node: ">= 0.4" }
-
-  array-includes@3.1.9:
-    resolution:
-      {
-        integrity: sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==,
-      }
-    engines: { node: ">= 0.4" }
-
-  array.prototype.findlast@1.2.5:
-    resolution:
-      {
-        integrity: sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==,
-      }
-    engines: { node: ">= 0.4" }
-
-  array.prototype.flat@1.3.3:
-    resolution:
-      {
-        integrity: sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==,
-      }
-    engines: { node: ">= 0.4" }
-
-  array.prototype.flatmap@1.3.3:
-    resolution:
-      {
-        integrity: sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==,
-      }
-    engines: { node: ">= 0.4" }
-
-  array.prototype.tosorted@1.1.4:
-    resolution:
-      {
-        integrity: sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==,
-      }
-    engines: { node: ">= 0.4" }
-
-  arraybuffer.prototype.slice@1.0.4:
-    resolution:
-      {
-        integrity: sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
+    engines: {node: '>= 0.4'}
 
   assertion-error@2.0.1:
-    resolution:
-      {
-        integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==,
-      }
-    engines: { node: ">=12" }
+    resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
+    engines: {node: '>=12'}
 
-  async-function@1.0.0:
-    resolution:
-      {
-        integrity: sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==,
-      }
-    engines: { node: ">= 0.4" }
-
-  available-typed-arrays@1.0.7:
-    resolution:
-      {
-        integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==,
-      }
-    engines: { node: ">= 0.4" }
+  axobject-query@4.1.0:
+    resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
+    engines: {node: '>= 0.4'}
 
   balanced-match@1.0.2:
-    resolution:
-      {
-        integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==,
-      }
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
   balanced-match@4.0.4:
-    resolution:
-      {
-        integrity: sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==,
-      }
-    engines: { node: 18 || 20 || >=22 }
+    resolution: {integrity: sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==}
+    engines: {node: 18 || 20 || >=22}
 
   base64-js@1.5.1:
-    resolution:
-      {
-        integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==,
-      }
-
-  baseline-browser-mapping@2.10.12:
-    resolution:
-      {
-        integrity: sha512-qyq26DxfY4awP2gIRXhhLWfwzwI+N5Nxk6iQi8EFizIaWIjqicQTE4sLnZZVdeKPRcVNoJOkkpfzoIYuvCKaIQ==,
-      }
-    engines: { node: ">=6.0.0" }
-    hasBin: true
+    resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
 
   brace-expansion@1.1.13:
-    resolution:
-      {
-        integrity: sha512-9ZLprWS6EENmhEOpjCYW2c8VkmOvckIJZfkr7rBW6dObmfgJ/L1GpSYW5Hpo9lDz4D1+n0Ckz8rU7FwHDQiG/w==,
-      }
+    resolution: {integrity: sha512-9ZLprWS6EENmhEOpjCYW2c8VkmOvckIJZfkr7rBW6dObmfgJ/L1GpSYW5Hpo9lDz4D1+n0Ckz8rU7FwHDQiG/w==}
 
   brace-expansion@5.0.5:
-    resolution:
-      {
-        integrity: sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==,
-      }
-    engines: { node: 18 || 20 || >=22 }
-
-  browserslist@4.28.1:
-    resolution:
-      {
-        integrity: sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==,
-      }
-    engines: { node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7 }
-    hasBin: true
+    resolution: {integrity: sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==}
+    engines: {node: 18 || 20 || >=22}
 
   cac@6.7.14:
-    resolution:
-      {
-        integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==,
-      }
-    engines: { node: ">=8" }
-
-  call-bind-apply-helpers@1.0.2:
-    resolution:
-      {
-        integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==,
-      }
-    engines: { node: ">= 0.4" }
-
-  call-bind@1.0.8:
-    resolution:
-      {
-        integrity: sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==,
-      }
-    engines: { node: ">= 0.4" }
-
-  call-bound@1.0.4:
-    resolution:
-      {
-        integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
+    engines: {node: '>=8'}
 
   callsites@3.1.0:
-    resolution:
-      {
-        integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==,
-      }
-    engines: { node: ">=6" }
-
-  caniuse-lite@1.0.30001781:
-    resolution:
-      {
-        integrity: sha512-RdwNCyMsNBftLjW6w01z8bKEvT6e/5tpPVEgtn22TiLGlstHOVecsX2KHFkD5e/vRnIE4EGzpuIODb3mtswtkw==,
-      }
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
 
   chai@5.3.3:
-    resolution:
-      {
-        integrity: sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==}
+    engines: {node: '>=18'}
 
   chalk@4.1.2:
-    resolution:
-      {
-        integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==,
-      }
-    engines: { node: ">=10" }
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
 
   check-error@2.1.3:
-    resolution:
-      {
-        integrity: sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==,
-      }
-    engines: { node: ">= 16" }
+    resolution: {integrity: sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==}
+    engines: {node: '>= 16'}
+
+  chokidar@4.0.3:
+    resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
+    engines: {node: '>= 14.16.0'}
+
+  clsx@2.1.1:
+    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
+    engines: {node: '>=6'}
 
   color-convert@2.0.1:
-    resolution:
-      {
-        integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==,
-      }
-    engines: { node: ">=7.0.0" }
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
 
   color-name@1.1.4:
-    resolution:
-      {
-        integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==,
-      }
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
 
   concat-map@0.0.1:
-    resolution:
-      {
-        integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==,
-      }
-
-  convert-source-map@2.0.0:
-    resolution:
-      {
-        integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==,
-      }
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
 
   cross-spawn@7.0.6:
-    resolution:
-      {
-        integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==,
-      }
-    engines: { node: ">= 8" }
+    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
+    engines: {node: '>= 8'}
 
   css.escape@1.5.1:
-    resolution:
-      {
-        integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==,
-      }
+    resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==}
 
   cssstyle@4.6.0:
-    resolution:
-      {
-        integrity: sha512-2z+rWdzbbSZv6/rhtvzvqeZQHrBaqgogqt85sqFNbabZOuFbCVFb8kPeEtZjiKkbrm395irpNKiYeFeLiQnFPg==,
-      }
-    engines: { node: ">=18" }
-
-  csstype@3.2.3:
-    resolution:
-      {
-        integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==,
-      }
+    resolution: {integrity: sha512-2z+rWdzbbSZv6/rhtvzvqeZQHrBaqgogqt85sqFNbabZOuFbCVFb8kPeEtZjiKkbrm395irpNKiYeFeLiQnFPg==}
+    engines: {node: '>=18'}
 
   data-urls@5.0.0:
-    resolution:
-      {
-        integrity: sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==,
-      }
-    engines: { node: ">=18" }
-
-  data-view-buffer@1.0.2:
-    resolution:
-      {
-        integrity: sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==,
-      }
-    engines: { node: ">= 0.4" }
-
-  data-view-byte-length@1.0.2:
-    resolution:
-      {
-        integrity: sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==,
-      }
-    engines: { node: ">= 0.4" }
-
-  data-view-byte-offset@1.0.1:
-    resolution:
-      {
-        integrity: sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==}
+    engines: {node: '>=18'}
 
   debug@4.4.3:
-    resolution:
-      {
-        integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==,
-      }
-    engines: { node: ">=6.0" }
+    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
+    engines: {node: '>=6.0'}
     peerDependencies:
-      supports-color: "*"
+      supports-color: '*'
     peerDependenciesMeta:
       supports-color:
         optional: true
 
   decimal.js@10.6.0:
-    resolution:
-      {
-        integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==,
-      }
+    resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
 
   deep-eql@5.0.2:
-    resolution:
-      {
-        integrity: sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==,
-      }
-    engines: { node: ">=6" }
+    resolution: {integrity: sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==}
+    engines: {node: '>=6'}
 
   deep-is@0.1.4:
-    resolution:
-      {
-        integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==,
-      }
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
-  define-data-property@1.1.4:
-    resolution:
-      {
-        integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==,
-      }
-    engines: { node: ">= 0.4" }
-
-  define-properties@1.2.1:
-    resolution:
-      {
-        integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==,
-      }
-    engines: { node: ">= 0.4" }
+  deepmerge@4.3.1:
+    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
+    engines: {node: '>=0.10.0'}
 
   dequal@2.0.3:
-    resolution:
-      {
-        integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==,
-      }
-    engines: { node: ">=6" }
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
 
-  doctrine@2.1.0:
-    resolution:
-      {
-        integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==,
-      }
-    engines: { node: ">=0.10.0" }
+  detect-libc@2.1.2:
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
+    engines: {node: '>=8'}
+
+  devalue@5.6.4:
+    resolution: {integrity: sha512-Gp6rDldRsFh/7XuouDbxMH3Mx8GMCcgzIb1pDTvNyn8pZGQ22u+Wa+lGV9dQCltFQ7uVw0MhRyb8XDskNFOReA==}
 
   dom-accessibility-api@0.5.16:
-    resolution:
-      {
-        integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==,
-      }
+    resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
 
   dom-accessibility-api@0.6.3:
-    resolution:
-      {
-        integrity: sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==,
-      }
-
-  dunder-proto@1.0.1:
-    resolution:
-      {
-        integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==,
-      }
-    engines: { node: ">= 0.4" }
-
-  electron-to-chromium@1.5.328:
-    resolution:
-      {
-        integrity: sha512-QNQ5l45DzYytThO21403XN3FvK0hOkWDG8viNf6jqS42msJ8I4tGDSpBCgvDRRPnkffafiwAym2X2eHeGD2V0w==,
-      }
+    resolution: {integrity: sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==}
 
   entities@6.0.1:
-    resolution:
-      {
-        integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==,
-      }
-    engines: { node: ">=0.12" }
-
-  es-abstract@1.24.1:
-    resolution:
-      {
-        integrity: sha512-zHXBLhP+QehSSbsS9Pt23Gg964240DPd6QCf8WpkqEXxQ7fhdZzYsocOr5u7apWonsS5EjZDmTF+/slGMyasvw==,
-      }
-    engines: { node: ">= 0.4" }
-
-  es-define-property@1.0.1:
-    resolution:
-      {
-        integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==,
-      }
-    engines: { node: ">= 0.4" }
-
-  es-errors@1.3.0:
-    resolution:
-      {
-        integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==,
-      }
-    engines: { node: ">= 0.4" }
-
-  es-iterator-helpers@1.3.1:
-    resolution:
-      {
-        integrity: sha512-zWwRvqWiuBPr0muUG/78cW3aHROFCNIQ3zpmYDpwdbnt2m+xlNyRWpHBpa2lJjSBit7BQ+RXA1iwbSmu5yJ/EQ==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==}
+    engines: {node: '>=0.12'}
 
   es-module-lexer@1.7.0:
-    resolution:
-      {
-        integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==,
-      }
-
-  es-object-atoms@1.1.1:
-    resolution:
-      {
-        integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==,
-      }
-    engines: { node: ">= 0.4" }
-
-  es-set-tostringtag@2.1.0:
-    resolution:
-      {
-        integrity: sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==,
-      }
-    engines: { node: ">= 0.4" }
-
-  es-shim-unscopables@1.1.0:
-    resolution:
-      {
-        integrity: sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==,
-      }
-    engines: { node: ">= 0.4" }
-
-  es-to-primitive@1.3.0:
-    resolution:
-      {
-        integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==}
 
   esbuild@0.27.4:
-    resolution:
-      {
-        integrity: sha512-Rq4vbHnYkK5fws5NF7MYTU68FPRE1ajX7heQ/8QXXWqNgqqJ/GkmmyxIzUnf2Sr/bakf8l54716CcMGHYhMrrQ==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-Rq4vbHnYkK5fws5NF7MYTU68FPRE1ajX7heQ/8QXXWqNgqqJ/GkmmyxIzUnf2Sr/bakf8l54716CcMGHYhMrrQ==}
+    engines: {node: '>=18'}
     hasBin: true
 
-  escalade@3.2.0:
-    resolution:
-      {
-        integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==,
-      }
-    engines: { node: ">=6" }
-
   escape-string-regexp@4.0.0:
-    resolution:
-      {
-        integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==,
-      }
-    engines: { node: ">=10" }
-
-  eslint-plugin-react-hooks@5.2.0:
-    resolution:
-      {
-        integrity: sha512-+f15FfK64YQwZdJNELETdn5ibXEUQmW1DZL6KXhNnc2heoy/sg9VJJeT7n8TlMWouzWqSWavFkIhHyIbIAEapg==,
-      }
-    engines: { node: ">=10" }
-    peerDependencies:
-      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
-
-  eslint-plugin-react-refresh@0.4.26:
-    resolution:
-      {
-        integrity: sha512-1RETEylht2O6FM/MvgnyvT+8K21wLqDNg4qD51Zj3guhjt433XbnnkVttHMyaVyAFD03QSV4LPS5iE3VQmO7XQ==,
-      }
-    peerDependencies:
-      eslint: ">=8.40"
-
-  eslint-plugin-react@7.37.5:
-    resolution:
-      {
-        integrity: sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==,
-      }
-    engines: { node: ">=4" }
-    peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
 
   eslint-scope@8.4.0:
-    resolution:
-      {
-        integrity: sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==,
-      }
-    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+    resolution: {integrity: sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   eslint-visitor-keys@3.4.3:
-    resolution:
-      {
-        integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==,
-      }
-    engines: { node: ^12.22.0 || ^14.17.0 || >=16.0.0 }
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
   eslint-visitor-keys@4.2.1:
-    resolution:
-      {
-        integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==,
-      }
-    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+    resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   eslint-visitor-keys@5.0.1:
-    resolution:
-      {
-        integrity: sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==,
-      }
-    engines: { node: ^20.19.0 || ^22.13.0 || >=24 }
+    resolution: {integrity: sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
   eslint@9.39.4:
-    resolution:
-      {
-        integrity: sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==,
-      }
-    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+    resolution: {integrity: sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     hasBin: true
     peerDependencies:
-      jiti: "*"
+      jiti: '*'
     peerDependenciesMeta:
       jiti:
         optional: true
 
+  esm-env@1.2.2:
+    resolution: {integrity: sha512-Epxrv+Nr/CaL4ZcFGPJIYLWFom+YeV1DqMLHJoEd9SYRxNbaFruBwfEX/kkHUJf55j2+TUbmDcmuilbP1TmXHA==}
+
   espree@10.4.0:
-    resolution:
-      {
-        integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==,
-      }
-    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+    resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   esquery@1.7.0:
-    resolution:
-      {
-        integrity: sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==,
-      }
-    engines: { node: ">=0.10" }
+    resolution: {integrity: sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==}
+    engines: {node: '>=0.10'}
+
+  esrap@2.2.4:
+    resolution: {integrity: sha512-suICpxAmZ9A8bzJjEl/+rLJiDKC0X4gYWUxT6URAWBLvlXmtbZd5ySMu/N2ZGEtMCAmflUDPSehrP9BQcsGcSg==}
 
   esrecurse@4.3.0:
-    resolution:
-      {
-        integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==,
-      }
-    engines: { node: ">=4.0" }
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
 
   estraverse@5.3.0:
-    resolution:
-      {
-        integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==,
-      }
-    engines: { node: ">=4.0" }
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
 
   estree-walker@3.0.3:
-    resolution:
-      {
-        integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==,
-      }
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
 
   esutils@2.0.3:
-    resolution:
-      {
-        integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==,
-      }
-    engines: { node: ">=0.10.0" }
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
 
   expect-type@1.3.0:
-    resolution:
-      {
-        integrity: sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==,
-      }
-    engines: { node: ">=12.0.0" }
+    resolution: {integrity: sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==}
+    engines: {node: '>=12.0.0'}
 
   fast-deep-equal@3.1.3:
-    resolution:
-      {
-        integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==,
-      }
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
   fast-json-stable-stringify@2.1.0:
-    resolution:
-      {
-        integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==,
-      }
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
 
   fast-levenshtein@2.0.6:
-    resolution:
-      {
-        integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==,
-      }
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
 
   fdir@6.5.0:
-    resolution:
-      {
-        integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==,
-      }
-    engines: { node: ">=12.0.0" }
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
     peerDependencies:
       picomatch: ^3 || ^4
     peerDependenciesMeta:
@@ -1788,1108 +1019,422 @@ packages:
         optional: true
 
   file-entry-cache@8.0.0:
-    resolution:
-      {
-        integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==,
-      }
-    engines: { node: ">=16.0.0" }
+    resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
+    engines: {node: '>=16.0.0'}
 
   find-up@5.0.0:
-    resolution:
-      {
-        integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==,
-      }
-    engines: { node: ">=10" }
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
 
   flat-cache@4.0.1:
-    resolution:
-      {
-        integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==,
-      }
-    engines: { node: ">=16" }
+    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
+    engines: {node: '>=16'}
 
   flatted@3.4.2:
-    resolution:
-      {
-        integrity: sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==,
-      }
-
-  for-each@0.3.5:
-    resolution:
-      {
-        integrity: sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==}
 
   fsevents@2.3.3:
-    resolution:
-      {
-        integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==,
-      }
-    engines: { node: ^8.16.0 || ^10.6.0 || >=11.0.0 }
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
     os: [darwin]
 
-  function-bind@1.1.2:
-    resolution:
-      {
-        integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==,
-      }
-
-  function.prototype.name@1.1.8:
-    resolution:
-      {
-        integrity: sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==,
-      }
-    engines: { node: ">= 0.4" }
-
-  functions-have-names@1.2.3:
-    resolution:
-      {
-        integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==,
-      }
-
-  generator-function@2.0.1:
-    resolution:
-      {
-        integrity: sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==,
-      }
-    engines: { node: ">= 0.4" }
-
-  gensync@1.0.0-beta.2:
-    resolution:
-      {
-        integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==,
-      }
-    engines: { node: ">=6.9.0" }
-
-  get-intrinsic@1.3.0:
-    resolution:
-      {
-        integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==,
-      }
-    engines: { node: ">= 0.4" }
-
-  get-proto@1.0.1:
-    resolution:
-      {
-        integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==,
-      }
-    engines: { node: ">= 0.4" }
-
-  get-symbol-description@1.1.0:
-    resolution:
-      {
-        integrity: sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==,
-      }
-    engines: { node: ">= 0.4" }
-
   glob-parent@6.0.2:
-    resolution:
-      {
-        integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==,
-      }
-    engines: { node: ">=10.13.0" }
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
 
   globals@14.0.0:
-    resolution:
-      {
-        integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
+    engines: {node: '>=18'}
 
   globals@15.15.0:
-    resolution:
-      {
-        integrity: sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==,
-      }
-    engines: { node: ">=18" }
-
-  globalthis@1.0.4:
-    resolution:
-      {
-        integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==,
-      }
-    engines: { node: ">= 0.4" }
-
-  gopd@1.2.0:
-    resolution:
-      {
-        integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==,
-      }
-    engines: { node: ">= 0.4" }
-
-  has-bigints@1.1.0:
-    resolution:
-      {
-        integrity: sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==}
+    engines: {node: '>=18'}
 
   has-flag@4.0.0:
-    resolution:
-      {
-        integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==,
-      }
-    engines: { node: ">=8" }
-
-  has-property-descriptors@1.0.2:
-    resolution:
-      {
-        integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==,
-      }
-
-  has-proto@1.2.0:
-    resolution:
-      {
-        integrity: sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==,
-      }
-    engines: { node: ">= 0.4" }
-
-  has-symbols@1.1.0:
-    resolution:
-      {
-        integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==,
-      }
-    engines: { node: ">= 0.4" }
-
-  has-tostringtag@1.0.2:
-    resolution:
-      {
-        integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==,
-      }
-    engines: { node: ">= 0.4" }
-
-  hasown@2.0.2:
-    resolution:
-      {
-        integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
 
   headers-polyfill@4.0.3:
-    resolution:
-      {
-        integrity: sha512-IScLbePpkvO846sIwOtOTDjutRMWdXdJmXdMvk6gCBHxFO8d+QKOQedyZSxFTTFYRSmlgSTDtXqqq4pcenBXLQ==,
-      }
+    resolution: {integrity: sha512-IScLbePpkvO846sIwOtOTDjutRMWdXdJmXdMvk6gCBHxFO8d+QKOQedyZSxFTTFYRSmlgSTDtXqqq4pcenBXLQ==}
 
   html-encoding-sniffer@4.0.0:
-    resolution:
-      {
-        integrity: sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==}
+    engines: {node: '>=18'}
 
   http-proxy-agent@7.0.2:
-    resolution:
-      {
-        integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==,
-      }
-    engines: { node: ">= 14" }
+    resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
+    engines: {node: '>= 14'}
 
   https-proxy-agent@7.0.6:
-    resolution:
-      {
-        integrity: sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==,
-      }
-    engines: { node: ">= 14" }
+    resolution: {integrity: sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==}
+    engines: {node: '>= 14'}
 
   iconv-lite@0.6.3:
-    resolution:
-      {
-        integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==,
-      }
-    engines: { node: ">=0.10.0" }
+    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
+    engines: {node: '>=0.10.0'}
 
   ignore@5.3.2:
-    resolution:
-      {
-        integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==,
-      }
-    engines: { node: ">= 4" }
+    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
+    engines: {node: '>= 4'}
 
   ignore@7.0.5:
-    resolution:
-      {
-        integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==,
-      }
-    engines: { node: ">= 4" }
+    resolution: {integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==}
+    engines: {node: '>= 4'}
 
   import-fresh@3.3.1:
-    resolution:
-      {
-        integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==,
-      }
-    engines: { node: ">=6" }
+    resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
+    engines: {node: '>=6'}
 
   imurmurhash@0.1.4:
-    resolution:
-      {
-        integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==,
-      }
-    engines: { node: ">=0.8.19" }
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
 
   indent-string@4.0.0:
-    resolution:
-      {
-        integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==,
-      }
-    engines: { node: ">=8" }
-
-  internal-slot@1.1.0:
-    resolution:
-      {
-        integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==,
-      }
-    engines: { node: ">= 0.4" }
-
-  is-array-buffer@3.0.5:
-    resolution:
-      {
-        integrity: sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==,
-      }
-    engines: { node: ">= 0.4" }
-
-  is-async-function@2.1.1:
-    resolution:
-      {
-        integrity: sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==,
-      }
-    engines: { node: ">= 0.4" }
-
-  is-bigint@1.1.0:
-    resolution:
-      {
-        integrity: sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==,
-      }
-    engines: { node: ">= 0.4" }
-
-  is-boolean-object@1.2.2:
-    resolution:
-      {
-        integrity: sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==,
-      }
-    engines: { node: ">= 0.4" }
-
-  is-callable@1.2.7:
-    resolution:
-      {
-        integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==,
-      }
-    engines: { node: ">= 0.4" }
-
-  is-core-module@2.16.1:
-    resolution:
-      {
-        integrity: sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==,
-      }
-    engines: { node: ">= 0.4" }
-
-  is-data-view@1.0.2:
-    resolution:
-      {
-        integrity: sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==,
-      }
-    engines: { node: ">= 0.4" }
-
-  is-date-object@1.1.0:
-    resolution:
-      {
-        integrity: sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
+    engines: {node: '>=8'}
 
   is-extglob@2.1.1:
-    resolution:
-      {
-        integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==,
-      }
-    engines: { node: ">=0.10.0" }
-
-  is-finalizationregistry@1.1.1:
-    resolution:
-      {
-        integrity: sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==,
-      }
-    engines: { node: ">= 0.4" }
-
-  is-generator-function@1.1.2:
-    resolution:
-      {
-        integrity: sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
 
   is-glob@4.0.3:
-    resolution:
-      {
-        integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==,
-      }
-    engines: { node: ">=0.10.0" }
-
-  is-map@2.0.3:
-    resolution:
-      {
-        integrity: sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==,
-      }
-    engines: { node: ">= 0.4" }
-
-  is-negative-zero@2.0.3:
-    resolution:
-      {
-        integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==,
-      }
-    engines: { node: ">= 0.4" }
-
-  is-number-object@1.1.1:
-    resolution:
-      {
-        integrity: sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
 
   is-potential-custom-element-name@1.0.1:
-    resolution:
-      {
-        integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==,
-      }
+    resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
 
-  is-regex@1.2.1:
-    resolution:
-      {
-        integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==,
-      }
-    engines: { node: ">= 0.4" }
-
-  is-set@2.0.3:
-    resolution:
-      {
-        integrity: sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==,
-      }
-    engines: { node: ">= 0.4" }
-
-  is-shared-array-buffer@1.0.4:
-    resolution:
-      {
-        integrity: sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==,
-      }
-    engines: { node: ">= 0.4" }
-
-  is-string@1.1.1:
-    resolution:
-      {
-        integrity: sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==,
-      }
-    engines: { node: ">= 0.4" }
-
-  is-symbol@1.1.1:
-    resolution:
-      {
-        integrity: sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==,
-      }
-    engines: { node: ">= 0.4" }
-
-  is-typed-array@1.1.15:
-    resolution:
-      {
-        integrity: sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==,
-      }
-    engines: { node: ">= 0.4" }
-
-  is-weakmap@2.0.2:
-    resolution:
-      {
-        integrity: sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==,
-      }
-    engines: { node: ">= 0.4" }
-
-  is-weakref@1.1.1:
-    resolution:
-      {
-        integrity: sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==,
-      }
-    engines: { node: ">= 0.4" }
-
-  is-weakset@2.0.4:
-    resolution:
-      {
-        integrity: sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==,
-      }
-    engines: { node: ">= 0.4" }
-
-  isarray@2.0.5:
-    resolution:
-      {
-        integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==,
-      }
+  is-reference@3.0.3:
+    resolution: {integrity: sha512-ixkJoqQvAP88E6wLydLGGqCJsrFUnqoH6HnaczB8XmDH1oaWU+xxdptvikTgaEhtZ53Ky6YXiBuUI2WXLMCwjw==}
 
   isexe@2.0.0:
-    resolution:
-      {
-        integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==,
-      }
-
-  iterator.prototype@1.1.5:
-    resolution:
-      {
-        integrity: sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
 
   js-tokens@4.0.0:
-    resolution:
-      {
-        integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==,
-      }
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
   js-tokens@9.0.1:
-    resolution:
-      {
-        integrity: sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==,
-      }
+    resolution: {integrity: sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==}
 
   js-yaml@4.1.1:
-    resolution:
-      {
-        integrity: sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==,
-      }
+    resolution: {integrity: sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==}
     hasBin: true
 
   jsdom@26.1.0:
-    resolution:
-      {
-        integrity: sha512-Cvc9WUhxSMEo4McES3P7oK3QaXldCfNWp7pl2NNeiIFlCoLr3kfq9kb1fxftiwk1FLV7CvpvDfonxtzUDeSOPg==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-Cvc9WUhxSMEo4McES3P7oK3QaXldCfNWp7pl2NNeiIFlCoLr3kfq9kb1fxftiwk1FLV7CvpvDfonxtzUDeSOPg==}
+    engines: {node: '>=18'}
     peerDependencies:
       canvas: ^3.0.0
     peerDependenciesMeta:
       canvas:
         optional: true
 
-  jsesc@3.1.0:
-    resolution:
-      {
-        integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==,
-      }
-    engines: { node: ">=6" }
-    hasBin: true
-
   json-buffer@3.0.1:
-    resolution:
-      {
-        integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==,
-      }
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
 
   json-schema-traverse@0.4.1:
-    resolution:
-      {
-        integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==,
-      }
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
 
   json-stable-stringify-without-jsonify@1.0.1:
-    resolution:
-      {
-        integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==,
-      }
-
-  json5@2.2.3:
-    resolution:
-      {
-        integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==,
-      }
-    engines: { node: ">=6" }
-    hasBin: true
-
-  jsx-ast-utils@3.3.5:
-    resolution:
-      {
-        integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==,
-      }
-    engines: { node: ">=4.0" }
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
 
   jwt-decode@4.0.0:
-    resolution:
-      {
-        integrity: sha512-+KJGIyHgkGuIq3IEBNftfhW/LfWhXUIY6OmyVWjliu5KH1y0fw7VQ8YndE2O4qZdMSd9SqbnC8GOcZEy0Om7sA==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-+KJGIyHgkGuIq3IEBNftfhW/LfWhXUIY6OmyVWjliu5KH1y0fw7VQ8YndE2O4qZdMSd9SqbnC8GOcZEy0Om7sA==}
+    engines: {node: '>=18'}
 
   keyv@4.5.4:
-    resolution:
-      {
-        integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==,
-      }
+    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
 
   levn@0.4.1:
-    resolution:
-      {
-        integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==,
-      }
-    engines: { node: ">= 0.8.0" }
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+
+  lightningcss-android-arm64@1.32.0:
+    resolution: {integrity: sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  lightningcss-darwin-arm64@1.32.0:
+    resolution: {integrity: sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.32.0:
+    resolution: {integrity: sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.32.0:
+    resolution: {integrity: sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.32.0:
+    resolution: {integrity: sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.32.0:
+    resolution: {integrity: sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-arm64-musl@1.32.0:
+    resolution: {integrity: sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-linux-x64-gnu@1.32.0:
+    resolution: {integrity: sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-x64-musl@1.32.0:
+    resolution: {integrity: sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-win32-arm64-msvc@1.32.0:
+    resolution: {integrity: sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.32.0:
+    resolution: {integrity: sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.32.0:
+    resolution: {integrity: sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==}
+    engines: {node: '>= 12.0.0'}
+
+  locate-character@3.0.0:
+    resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==}
 
   locate-path@6.0.0:
-    resolution:
-      {
-        integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==,
-      }
-    engines: { node: ">=10" }
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
 
   lodash.merge@4.6.2:
-    resolution:
-      {
-        integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==,
-      }
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
 
   loose-envify@1.4.0:
-    resolution:
-      {
-        integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==,
-      }
+    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
     hasBin: true
 
   loupe@3.2.1:
-    resolution:
-      {
-        integrity: sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==,
-      }
+    resolution: {integrity: sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==}
 
   lru-cache@10.4.3:
-    resolution:
-      {
-        integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==,
-      }
-
-  lru-cache@5.1.1:
-    resolution:
-      {
-        integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==,
-      }
+    resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
 
   lz-string@1.5.0:
-    resolution:
-      {
-        integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==,
-      }
+    resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
     hasBin: true
 
   magic-string@0.30.21:
-    resolution:
-      {
-        integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==,
-      }
-
-  math-intrinsics@1.1.0:
-    resolution:
-      {
-        integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
 
   min-indent@1.0.1:
-    resolution:
-      {
-        integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==,
-      }
-    engines: { node: ">=4" }
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+    engines: {node: '>=4'}
 
   minimatch@10.2.4:
-    resolution:
-      {
-        integrity: sha512-oRjTw/97aTBN0RHbYCdtF1MQfvusSIBQM0IZEgzl6426+8jSC0nF1a/GmnVLpfB9yyr6g6FTqWqiZVbxrtaCIg==,
-      }
-    engines: { node: 18 || 20 || >=22 }
+    resolution: {integrity: sha512-oRjTw/97aTBN0RHbYCdtF1MQfvusSIBQM0IZEgzl6426+8jSC0nF1a/GmnVLpfB9yyr6g6FTqWqiZVbxrtaCIg==}
+    engines: {node: 18 || 20 || >=22}
 
   minimatch@3.1.5:
-    resolution:
-      {
-        integrity: sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==,
-      }
+    resolution: {integrity: sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==}
+
+  mri@1.2.0:
+    resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
+    engines: {node: '>=4'}
 
   ms@2.1.3:
-    resolution:
-      {
-        integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==,
-      }
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
   nanoid@3.3.11:
-    resolution:
-      {
-        integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==,
-      }
-    engines: { node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1 }
+    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
   natural-compare@1.4.0:
-    resolution:
-      {
-        integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==,
-      }
-
-  node-exports-info@1.6.0:
-    resolution:
-      {
-        integrity: sha512-pyFS63ptit/P5WqUkt+UUfe+4oevH+bFeIiPPdfb0pFeYEu/1ELnJu5l+5EcTKYL5M7zaAa7S8ddywgXypqKCw==,
-      }
-    engines: { node: ">= 0.4" }
-
-  node-releases@2.0.36:
-    resolution:
-      {
-        integrity: sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==,
-      }
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
   nwsapi@2.2.23:
-    resolution:
-      {
-        integrity: sha512-7wfH4sLbt4M0gCDzGE6vzQBo0bfTKjU7Sfpqy/7gs1qBfYz2vEJH6vXcBKpO3+6Yu1telwd0t9HpyOoLEQQbIQ==,
-      }
-
-  object-assign@4.1.1:
-    resolution:
-      {
-        integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==,
-      }
-    engines: { node: ">=0.10.0" }
+    resolution: {integrity: sha512-7wfH4sLbt4M0gCDzGE6vzQBo0bfTKjU7Sfpqy/7gs1qBfYz2vEJH6vXcBKpO3+6Yu1telwd0t9HpyOoLEQQbIQ==}
 
   object-inspect@1.13.4:
-    resolution:
-      {
-        integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
+    engines: {node: '>= 0.4'}
 
-  object-keys@1.1.1:
-    resolution:
-      {
-        integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==,
-      }
-    engines: { node: ">= 0.4" }
-
-  object.assign@4.1.7:
-    resolution:
-      {
-        integrity: sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==,
-      }
-    engines: { node: ">= 0.4" }
-
-  object.entries@1.1.9:
-    resolution:
-      {
-        integrity: sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==,
-      }
-    engines: { node: ">= 0.4" }
-
-  object.fromentries@2.0.8:
-    resolution:
-      {
-        integrity: sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==,
-      }
-    engines: { node: ">= 0.4" }
-
-  object.values@1.2.1:
-    resolution:
-      {
-        integrity: sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==,
-      }
-    engines: { node: ">= 0.4" }
+  obug@2.1.1:
+    resolution: {integrity: sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==}
 
   oidc-client-ts@3.5.0:
-    resolution:
-      {
-        integrity: sha512-l2q8l9CTCTOlbX+AnK4p3M+4CEpKpyQhle6blQkdFhm0IsBqsxm15bYaSa11G7pWdsYr6epdsRZxJpCyCRbT8A==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-l2q8l9CTCTOlbX+AnK4p3M+4CEpKpyQhle6blQkdFhm0IsBqsxm15bYaSa11G7pWdsYr6epdsRZxJpCyCRbT8A==}
+    engines: {node: '>=18'}
 
   optionator@0.9.4:
-    resolution:
-      {
-        integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==,
-      }
-    engines: { node: ">= 0.8.0" }
-
-  own-keys@1.0.1:
-    resolution:
-      {
-        integrity: sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
+    engines: {node: '>= 0.8.0'}
 
   p-limit@3.1.0:
-    resolution:
-      {
-        integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==,
-      }
-    engines: { node: ">=10" }
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
 
   p-locate@5.0.0:
-    resolution:
-      {
-        integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==,
-      }
-    engines: { node: ">=10" }
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
 
   parent-module@1.0.1:
-    resolution:
-      {
-        integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==,
-      }
-    engines: { node: ">=6" }
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
 
   parse5@7.3.0:
-    resolution:
-      {
-        integrity: sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==,
-      }
+    resolution: {integrity: sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==}
 
   path-exists@4.0.0:
-    resolution:
-      {
-        integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==,
-      }
-    engines: { node: ">=8" }
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
 
   path-key@3.1.1:
-    resolution:
-      {
-        integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==,
-      }
-    engines: { node: ">=8" }
-
-  path-parse@1.0.7:
-    resolution:
-      {
-        integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==,
-      }
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
 
   pathe@2.0.3:
-    resolution:
-      {
-        integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==,
-      }
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
 
   pathval@2.0.1:
-    resolution:
-      {
-        integrity: sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==,
-      }
-    engines: { node: ">= 14.16" }
+    resolution: {integrity: sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==}
+    engines: {node: '>= 14.16'}
 
   picocolors@1.1.1:
-    resolution:
-      {
-        integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==,
-      }
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
   picomatch@4.0.4:
-    resolution:
-      {
-        integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==,
-      }
-    engines: { node: ">=12" }
-
-  possible-typed-array-names@1.1.0:
-    resolution:
-      {
-        integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==}
+    engines: {node: '>=12'}
 
   postcss@8.5.8:
-    resolution:
-      {
-        integrity: sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==,
-      }
-    engines: { node: ^10 || ^12 || >=14 }
+    resolution: {integrity: sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==}
+    engines: {node: ^10 || ^12 || >=14}
 
   prelude-ls@1.2.1:
-    resolution:
-      {
-        integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==,
-      }
-    engines: { node: ">= 0.8.0" }
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
 
   prettier@3.8.1:
-    resolution:
-      {
-        integrity: sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==,
-      }
-    engines: { node: ">=14" }
+    resolution: {integrity: sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==}
+    engines: {node: '>=14'}
     hasBin: true
 
   pretty-format@27.5.1:
-    resolution:
-      {
-        integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==,
-      }
-    engines: { node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0 }
-
-  prop-types@15.8.1:
-    resolution:
-      {
-        integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==,
-      }
+    resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==}
+    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
 
   punycode@2.3.1:
-    resolution:
-      {
-        integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==,
-      }
-    engines: { node: ">=6" }
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
 
   pure-rand@7.0.1:
-    resolution:
-      {
-        integrity: sha512-oTUZM/NAZS8p7ANR3SHh30kXB+zK2r2BPcEn/awJIbOvq82WoMN4p62AWWp3Hhw50G0xMsw1mhIBLqHw64EcNQ==,
-      }
-
-  react-dom@18.3.1:
-    resolution:
-      {
-        integrity: sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==,
-      }
-    peerDependencies:
-      react: ^18.3.1
-
-  react-is@16.13.1:
-    resolution:
-      {
-        integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==,
-      }
+    resolution: {integrity: sha512-oTUZM/NAZS8p7ANR3SHh30kXB+zK2r2BPcEn/awJIbOvq82WoMN4p62AWWp3Hhw50G0xMsw1mhIBLqHw64EcNQ==}
 
   react-is@17.0.2:
-    resolution:
-      {
-        integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==,
-      }
-
-  react-oidc-context@3.3.1:
-    resolution:
-      {
-        integrity: sha512-/Azvm9W4DhhOtSDBE73kFInh1b6zZRRfILKbgmk2syExMF0PCYJOn/dGdOOi2BFX8x0rCeUe45NXHU+/+xDcrQ==,
-      }
-    engines: { node: ">=18" }
-    peerDependencies:
-      oidc-client-ts: ^3.1.0
-      react: ">=16.14.0"
-
-  react-refresh@0.18.0:
-    resolution:
-      {
-        integrity: sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw==,
-      }
-    engines: { node: ">=0.10.0" }
+    resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
 
   react@18.3.1:
-    resolution:
-      {
-        integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==,
-      }
-    engines: { node: ">=0.10.0" }
+    resolution: {integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==}
+    engines: {node: '>=0.10.0'}
+
+  readdirp@4.1.2:
+    resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
+    engines: {node: '>= 14.18.0'}
 
   redent@3.0.0:
-    resolution:
-      {
-        integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==,
-      }
-    engines: { node: ">=8" }
-
-  reflect.getprototypeof@1.0.10:
-    resolution:
-      {
-        integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==,
-      }
-    engines: { node: ">= 0.4" }
-
-  regexp.prototype.flags@1.5.4:
-    resolution:
-      {
-        integrity: sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
+    engines: {node: '>=8'}
 
   resolve-from@4.0.0:
-    resolution:
-      {
-        integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==,
-      }
-    engines: { node: ">=4" }
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
 
-  resolve@2.0.0-next.6:
-    resolution:
-      {
-        integrity: sha512-3JmVl5hMGtJ3kMmB3zi3DL25KfkCEyy3Tw7Gmw7z5w8M9WlwoPFnIvwChzu1+cF3iaK3sp18hhPz8ANeimdJfA==,
-      }
-    engines: { node: ">= 0.4" }
+  rolldown@1.0.0-rc.12:
+    resolution: {integrity: sha512-yP4USLIMYrwpPHEFB5JGH1uxhcslv6/hL0OyvTuY+3qlOSJvZ7ntYnoWpehBxufkgN0cvXxppuTu5hHa/zPh+A==}
+    engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
 
   rollup@4.60.0:
-    resolution:
-      {
-        integrity: sha512-yqjxruMGBQJ2gG4HtjZtAfXArHomazDHoFwFFmZZl0r7Pdo7qCIXKqKHZc8yeoMgzJJ+pO6pEEHa+V7uzWlrAQ==,
-      }
-    engines: { node: ">=18.0.0", npm: ">=8.0.0" }
+    resolution: {integrity: sha512-yqjxruMGBQJ2gG4HtjZtAfXArHomazDHoFwFFmZZl0r7Pdo7qCIXKqKHZc8yeoMgzJJ+pO6pEEHa+V7uzWlrAQ==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
   rrweb-cssom@0.8.0:
-    resolution:
-      {
-        integrity: sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==,
-      }
+    resolution: {integrity: sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==}
 
-  safe-array-concat@1.1.3:
-    resolution:
-      {
-        integrity: sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==,
-      }
-    engines: { node: ">=0.4" }
-
-  safe-push-apply@1.0.0:
-    resolution:
-      {
-        integrity: sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==,
-      }
-    engines: { node: ">= 0.4" }
-
-  safe-regex-test@1.1.0:
-    resolution:
-      {
-        integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==,
-      }
-    engines: { node: ">= 0.4" }
+  sade@1.8.1:
+    resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
+    engines: {node: '>=6'}
 
   safe-stable-stringify@2.5.0:
-    resolution:
-      {
-        integrity: sha512-b3rppTKm9T+PsVCBEOUR46GWI7fdOs00VKZ1+9c1EWDaDMvjQc6tUwuFyIprgGgTcWoVHSKrU8H31ZHA2e0RHA==,
-      }
-    engines: { node: ">=10" }
+    resolution: {integrity: sha512-b3rppTKm9T+PsVCBEOUR46GWI7fdOs00VKZ1+9c1EWDaDMvjQc6tUwuFyIprgGgTcWoVHSKrU8H31ZHA2e0RHA==}
+    engines: {node: '>=10'}
 
   safer-buffer@2.1.2:
-    resolution:
-      {
-        integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==,
-      }
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
   saxes@6.0.0:
-    resolution:
-      {
-        integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==,
-      }
-    engines: { node: ">=v12.22.7" }
-
-  scheduler@0.23.2:
-    resolution:
-      {
-        integrity: sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==,
-      }
-
-  semver@6.3.1:
-    resolution:
-      {
-        integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==,
-      }
-    hasBin: true
+    resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
+    engines: {node: '>=v12.22.7'}
 
   semver@7.7.4:
-    resolution:
-      {
-        integrity: sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==,
-      }
-    engines: { node: ">=10" }
+    resolution: {integrity: sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==}
+    engines: {node: '>=10'}
     hasBin: true
 
-  set-function-length@1.2.2:
-    resolution:
-      {
-        integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==,
-      }
-    engines: { node: ">= 0.4" }
-
-  set-function-name@2.0.2:
-    resolution:
-      {
-        integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==,
-      }
-    engines: { node: ">= 0.4" }
-
-  set-proto@1.0.0:
-    resolution:
-      {
-        integrity: sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==,
-      }
-    engines: { node: ">= 0.4" }
-
   shebang-command@2.0.0:
-    resolution:
-      {
-        integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==,
-      }
-    engines: { node: ">=8" }
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
 
   shebang-regex@3.0.0:
-    resolution:
-      {
-        integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==,
-      }
-    engines: { node: ">=8" }
-
-  side-channel-list@1.0.0:
-    resolution:
-      {
-        integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==,
-      }
-    engines: { node: ">= 0.4" }
-
-  side-channel-map@1.0.1:
-    resolution:
-      {
-        integrity: sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==,
-      }
-    engines: { node: ">= 0.4" }
-
-  side-channel-weakmap@1.0.2:
-    resolution:
-      {
-        integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==,
-      }
-    engines: { node: ">= 0.4" }
-
-  side-channel@1.1.0:
-    resolution:
-      {
-        integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
 
   siginfo@2.0.0:
-    resolution:
-      {
-        integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==,
-      }
+    resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
 
   source-map-js@1.2.1:
-    resolution:
-      {
-        integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==,
-      }
-    engines: { node: ">=0.10.0" }
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+    engines: {node: '>=0.10.0'}
 
   spacetimedb@2.1.0:
-    resolution:
-      {
-        integrity: sha512-Kzs+HXCRj15ryld03ztU4a2uQg0M8ivV/9Bk/gvMpb59lLc/A2/r7UkGCYBePsBL7Zwqgr8gE8FeufoZVXtPnA==,
-      }
+    resolution: {integrity: sha512-Kzs+HXCRj15ryld03ztU4a2uQg0M8ivV/9Bk/gvMpb59lLc/A2/r7UkGCYBePsBL7Zwqgr8gE8FeufoZVXtPnA==}
     peerDependencies:
-      "@angular/core": ">=17.0.0"
-      "@tanstack/react-query": ^5.0.0
+      '@angular/core': '>=17.0.0'
+      '@tanstack/react-query': ^5.0.0
       react: ^18.0.0 || ^19.0.0-0 || ^19.0.0
       svelte: ^4.0.0 || ^5.0.0
       undici: ^6.19.2
       vue: ^3.3.0
     peerDependenciesMeta:
-      "@angular/core":
+      '@angular/core':
         optional: true
-      "@tanstack/react-query":
+      '@tanstack/react-query':
         optional: true
       react:
         optional: true
@@ -2901,291 +1446,139 @@ packages:
         optional: true
 
   stackback@0.0.2:
-    resolution:
-      {
-        integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==,
-      }
+    resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
 
   statuses@2.0.2:
-    resolution:
-      {
-        integrity: sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==,
-      }
-    engines: { node: ">= 0.8" }
+    resolution: {integrity: sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==}
+    engines: {node: '>= 0.8'}
 
   std-env@3.10.0:
-    resolution:
-      {
-        integrity: sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==,
-      }
-
-  stop-iteration-iterator@1.1.0:
-    resolution:
-      {
-        integrity: sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==,
-      }
-    engines: { node: ">= 0.4" }
-
-  string.prototype.matchall@4.0.12:
-    resolution:
-      {
-        integrity: sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==,
-      }
-    engines: { node: ">= 0.4" }
-
-  string.prototype.repeat@1.0.0:
-    resolution:
-      {
-        integrity: sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==,
-      }
-
-  string.prototype.trim@1.2.10:
-    resolution:
-      {
-        integrity: sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==,
-      }
-    engines: { node: ">= 0.4" }
-
-  string.prototype.trimend@1.0.9:
-    resolution:
-      {
-        integrity: sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==,
-      }
-    engines: { node: ">= 0.4" }
-
-  string.prototype.trimstart@1.0.8:
-    resolution:
-      {
-        integrity: sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==}
 
   strip-indent@3.0.0:
-    resolution:
-      {
-        integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==,
-      }
-    engines: { node: ">=8" }
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
 
   strip-json-comments@3.1.1:
-    resolution:
-      {
-        integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==,
-      }
-    engines: { node: ">=8" }
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
 
   strip-literal@3.1.0:
-    resolution:
-      {
-        integrity: sha512-8r3mkIM/2+PpjHoOtiAW8Rg3jJLHaV7xPwG+YRGrv6FP0wwk/toTpATxWYOW0BKdWwl82VT2tFYi5DlROa0Mxg==,
-      }
+    resolution: {integrity: sha512-8r3mkIM/2+PpjHoOtiAW8Rg3jJLHaV7xPwG+YRGrv6FP0wwk/toTpATxWYOW0BKdWwl82VT2tFYi5DlROa0Mxg==}
 
   supports-color@7.2.0:
-    resolution:
-      {
-        integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==,
-      }
-    engines: { node: ">=8" }
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
 
-  supports-preserve-symlinks-flag@1.0.0:
-    resolution:
-      {
-        integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==,
-      }
-    engines: { node: ">= 0.4" }
+  svelte-check@4.4.6:
+    resolution: {integrity: sha512-kP1zG81EWaFe9ZyTv4ZXv44Csi6Pkdpb7S3oj6m+K2ec/IcDg/a8LsFsnVLqm2nxtkSwsd5xPj/qFkTBgXHXjg==}
+    engines: {node: '>= 18.0.0'}
+    hasBin: true
+    peerDependencies:
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      typescript: '>=5.0.0'
+
+  svelte@5.55.1:
+    resolution: {integrity: sha512-QjvU7EFemf6mRzdMGlAFttMWtAAVXrax61SZYHdkD6yoVGQ89VeyKfZD4H1JrV1WLmJBxWhFch9H6ig/87VGjw==}
+    engines: {node: '>=18'}
 
   symbol-tree@3.2.4:
-    resolution:
-      {
-        integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==,
-      }
+    resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
 
   tinybench@2.9.0:
-    resolution:
-      {
-        integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==,
-      }
+    resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
 
   tinyexec@0.3.2:
-    resolution:
-      {
-        integrity: sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==,
-      }
+    resolution: {integrity: sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==}
 
   tinyglobby@0.2.15:
-    resolution:
-      {
-        integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==,
-      }
-    engines: { node: ">=12.0.0" }
+    resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
+    engines: {node: '>=12.0.0'}
 
   tinypool@1.1.1:
-    resolution:
-      {
-        integrity: sha512-Zba82s87IFq9A9XmjiX5uZA/ARWDrB03OHlq+Vw1fSdt0I+4/Kutwy8BP4Y/y/aORMo61FQ0vIb5j44vSo5Pkg==,
-      }
-    engines: { node: ^18.0.0 || >=20.0.0 }
+    resolution: {integrity: sha512-Zba82s87IFq9A9XmjiX5uZA/ARWDrB03OHlq+Vw1fSdt0I+4/Kutwy8BP4Y/y/aORMo61FQ0vIb5j44vSo5Pkg==}
+    engines: {node: ^18.0.0 || >=20.0.0}
 
   tinyrainbow@2.0.0:
-    resolution:
-      {
-        integrity: sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==,
-      }
-    engines: { node: ">=14.0.0" }
+    resolution: {integrity: sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==}
+    engines: {node: '>=14.0.0'}
 
   tinyspy@4.0.4:
-    resolution:
-      {
-        integrity: sha512-azl+t0z7pw/z958Gy9svOTuzqIk6xq+NSheJzn5MMWtWTFywIacg2wUlzKFGtt3cthx0r2SxMK0yzJOR0IES7Q==,
-      }
-    engines: { node: ">=14.0.0" }
+    resolution: {integrity: sha512-azl+t0z7pw/z958Gy9svOTuzqIk6xq+NSheJzn5MMWtWTFywIacg2wUlzKFGtt3cthx0r2SxMK0yzJOR0IES7Q==}
+    engines: {node: '>=14.0.0'}
 
   tldts-core@6.1.86:
-    resolution:
-      {
-        integrity: sha512-Je6p7pkk+KMzMv2XXKmAE3McmolOQFdxkKw0R8EYNr7sELW46JqnNeTX8ybPiQgvg1ymCoF8LXs5fzFaZvJPTA==,
-      }
+    resolution: {integrity: sha512-Je6p7pkk+KMzMv2XXKmAE3McmolOQFdxkKw0R8EYNr7sELW46JqnNeTX8ybPiQgvg1ymCoF8LXs5fzFaZvJPTA==}
 
   tldts@6.1.86:
-    resolution:
-      {
-        integrity: sha512-WMi/OQ2axVTf/ykqCQgXiIct+mSQDFdH2fkwhPwgEwvJ1kSzZRiinb0zF2Xb8u4+OqPChmyI6MEu4EezNJz+FQ==,
-      }
+    resolution: {integrity: sha512-WMi/OQ2axVTf/ykqCQgXiIct+mSQDFdH2fkwhPwgEwvJ1kSzZRiinb0zF2Xb8u4+OqPChmyI6MEu4EezNJz+FQ==}
     hasBin: true
 
   tough-cookie@5.1.2:
-    resolution:
-      {
-        integrity: sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==,
-      }
-    engines: { node: ">=16" }
+    resolution: {integrity: sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==}
+    engines: {node: '>=16'}
 
   tr46@5.1.1:
-    resolution:
-      {
-        integrity: sha512-hdF5ZgjTqgAntKkklYw0R03MG2x/bSzTtkxmIRw/sTNV8YXsCJ1tfLAX23lhxhHJlEf3CRCOCGGWw3vI3GaSPw==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-hdF5ZgjTqgAntKkklYw0R03MG2x/bSzTtkxmIRw/sTNV8YXsCJ1tfLAX23lhxhHJlEf3CRCOCGGWw3vI3GaSPw==}
+    engines: {node: '>=18'}
 
   ts-api-utils@2.5.0:
-    resolution:
-      {
-        integrity: sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==,
-      }
-    engines: { node: ">=18.12" }
+    resolution: {integrity: sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==}
+    engines: {node: '>=18.12'}
     peerDependencies:
-      typescript: ">=4.8.4"
+      typescript: '>=4.8.4'
+
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
   type-check@0.4.0:
-    resolution:
-      {
-        integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==,
-      }
-    engines: { node: ">= 0.8.0" }
-
-  typed-array-buffer@1.0.3:
-    resolution:
-      {
-        integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==,
-      }
-    engines: { node: ">= 0.4" }
-
-  typed-array-byte-length@1.0.3:
-    resolution:
-      {
-        integrity: sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==,
-      }
-    engines: { node: ">= 0.4" }
-
-  typed-array-byte-offset@1.0.4:
-    resolution:
-      {
-        integrity: sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==,
-      }
-    engines: { node: ">= 0.4" }
-
-  typed-array-length@1.0.7:
-    resolution:
-      {
-        integrity: sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
 
   typescript-eslint@8.57.2:
-    resolution:
-      {
-        integrity: sha512-VEPQ0iPgWO/sBaZOU1xo4nuNdODVOajPnTIbog2GKYr31nIlZ0fWPoCQgGfF3ETyBl1vn63F/p50Um9Z4J8O8A==,
-      }
-    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+    resolution: {integrity: sha512-VEPQ0iPgWO/sBaZOU1xo4nuNdODVOajPnTIbog2GKYr31nIlZ0fWPoCQgGfF3ETyBl1vn63F/p50Um9Z4J8O8A==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
-      typescript: ">=4.8.4 <6.0.0"
+      typescript: '>=4.8.4 <6.0.0'
 
   typescript@5.6.3:
-    resolution:
-      {
-        integrity: sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==,
-      }
-    engines: { node: ">=14.17" }
+    resolution: {integrity: sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==}
+    engines: {node: '>=14.17'}
     hasBin: true
 
-  unbox-primitive@1.1.0:
-    resolution:
-      {
-        integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==,
-      }
-    engines: { node: ">= 0.4" }
-
-  update-browserslist-db@1.2.3:
-    resolution:
-      {
-        integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==,
-      }
-    hasBin: true
-    peerDependencies:
-      browserslist: ">= 4.21.0"
+  undici-types@7.18.2:
+    resolution: {integrity: sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w==}
 
   uri-js@4.4.1:
-    resolution:
-      {
-        integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==,
-      }
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
   url-polyfill@1.1.14:
-    resolution:
-      {
-        integrity: sha512-p4f3TTAG6ADVF3mwbXw7hGw+QJyw5CnNGvYh5fCuQQZIiuKUswqcznyV3pGDP9j0TSmC4UvRKm8kl1QsX1diiQ==,
-      }
+    resolution: {integrity: sha512-p4f3TTAG6ADVF3mwbXw7hGw+QJyw5CnNGvYh5fCuQQZIiuKUswqcznyV3pGDP9j0TSmC4UvRKm8kl1QsX1diiQ==}
 
   vite-node@3.2.4:
-    resolution:
-      {
-        integrity: sha512-EbKSKh+bh1E1IFxeO0pg1n4dvoOTt0UDiXMd/qn++r98+jPO1xtJilvXldeuQ8giIB5IkpjCgMleHMNEsGH6pg==,
-      }
-    engines: { node: ^18.0.0 || ^20.0.0 || >=22.0.0 }
+    resolution: {integrity: sha512-EbKSKh+bh1E1IFxeO0pg1n4dvoOTt0UDiXMd/qn++r98+jPO1xtJilvXldeuQ8giIB5IkpjCgMleHMNEsGH6pg==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
 
   vite@7.3.1:
-    resolution:
-      {
-        integrity: sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==,
-      }
-    engines: { node: ^20.19.0 || >=22.12.0 }
+    resolution: {integrity: sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
     peerDependencies:
-      "@types/node": ^20.19.0 || >=22.12.0
-      jiti: ">=1.21.0"
+      '@types/node': ^20.19.0 || >=22.12.0
+      jiti: '>=1.21.0'
       less: ^4.0.0
       lightningcss: ^1.21.0
       sass: ^1.70.0
       sass-embedded: ^1.70.0
-      stylus: ">=0.54.8"
+      stylus: '>=0.54.8'
       sugarss: ^5.0.0
       terser: ^5.16.0
       tsx: ^4.8.1
       yaml: ^2.4.2
     peerDependenciesMeta:
-      "@types/node":
+      '@types/node':
         optional: true
       jiti:
         optional: true
@@ -3208,31 +1601,79 @@ packages:
       yaml:
         optional: true
 
-  vitest@3.2.4:
-    resolution:
-      {
-        integrity: sha512-LUCP5ev3GURDysTWiP47wRRUpLKMOfPh+yKTx3kVIEiu5KOMeqzpnYNsKyOoVrULivR8tLcks4+lga33Whn90A==,
-      }
-    engines: { node: ^18.0.0 || ^20.0.0 || >=22.0.0 }
+  vite@8.0.3:
+    resolution: {integrity: sha512-B9ifbFudT1TFhfltfaIPgjo9Z3mDynBTJSUYxTjOQruf/zHH+ezCQKcoqO+h7a9Pw9Nm/OtlXAiGT1axBgwqrQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
     peerDependencies:
-      "@edge-runtime/vm": "*"
-      "@types/debug": ^4.1.12
-      "@types/node": ^18.0.0 || ^20.0.0 || >=22.0.0
-      "@vitest/browser": 3.2.4
-      "@vitest/ui": 3.2.4
-      happy-dom: "*"
-      jsdom: "*"
+      '@types/node': ^20.19.0 || >=22.12.0
+      '@vitejs/devtools': ^0.1.0
+      esbuild: ^0.27.0
+      jiti: '>=1.21.0'
+      less: ^4.0.0
+      sass: ^1.70.0
+      sass-embedded: ^1.70.0
+      stylus: '>=0.54.8'
+      sugarss: ^5.0.0
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
     peerDependenciesMeta:
-      "@edge-runtime/vm":
+      '@types/node':
         optional: true
-      "@types/debug":
+      '@vitejs/devtools':
         optional: true
-      "@types/node":
+      esbuild:
         optional: true
-      "@vitest/browser":
+      jiti:
         optional: true
-      "@vitest/ui":
+      less:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
+  vitefu@1.1.2:
+    resolution: {integrity: sha512-zpKATdUbzbsycPFBN71nS2uzBUQiVnFoOrr2rvqv34S1lcAgMKKkjWleLGeiJlZ8lwCXvtWaRn7R3ZC16SYRuw==}
+    peerDependencies:
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-beta.0
+    peerDependenciesMeta:
+      vite:
+        optional: true
+
+  vitest@3.2.4:
+    resolution: {integrity: sha512-LUCP5ev3GURDysTWiP47wRRUpLKMOfPh+yKTx3kVIEiu5KOMeqzpnYNsKyOoVrULivR8tLcks4+lga33Whn90A==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
+    hasBin: true
+    peerDependencies:
+      '@edge-runtime/vm': '*'
+      '@types/debug': ^4.1.12
+      '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0
+      '@vitest/browser': 3.2.4
+      '@vitest/ui': 3.2.4
+      happy-dom: '*'
+      jsdom: '*'
+    peerDependenciesMeta:
+      '@edge-runtime/vm':
+        optional: true
+      '@types/debug':
+        optional: true
+      '@types/node':
+        optional: true
+      '@vitest/browser':
+        optional: true
+      '@vitest/ui':
         optional: true
       happy-dom:
         optional: true
@@ -3240,101 +1681,46 @@ packages:
         optional: true
 
   w3c-xmlserializer@5.0.0:
-    resolution:
-      {
-        integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==}
+    engines: {node: '>=18'}
 
   webidl-conversions@7.0.0:
-    resolution:
-      {
-        integrity: sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==,
-      }
-    engines: { node: ">=12" }
+    resolution: {integrity: sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==}
+    engines: {node: '>=12'}
 
   whatwg-encoding@3.1.1:
-    resolution:
-      {
-        integrity: sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==}
+    engines: {node: '>=18'}
     deprecated: Use @exodus/bytes instead for a more spec-conformant and faster implementation
 
   whatwg-mimetype@4.0.0:
-    resolution:
-      {
-        integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==}
+    engines: {node: '>=18'}
 
   whatwg-url@14.2.0:
-    resolution:
-      {
-        integrity: sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==,
-      }
-    engines: { node: ">=18" }
-
-  which-boxed-primitive@1.1.1:
-    resolution:
-      {
-        integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==,
-      }
-    engines: { node: ">= 0.4" }
-
-  which-builtin-type@1.2.1:
-    resolution:
-      {
-        integrity: sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==,
-      }
-    engines: { node: ">= 0.4" }
-
-  which-collection@1.0.2:
-    resolution:
-      {
-        integrity: sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==,
-      }
-    engines: { node: ">= 0.4" }
-
-  which-typed-array@1.1.20:
-    resolution:
-      {
-        integrity: sha512-LYfpUkmqwl0h9A2HL09Mms427Q1RZWuOHsukfVcKRq9q95iQxdw0ix1JQrqbcDR9PH1QDwf5Qo8OZb5lksZ8Xg==,
-      }
-    engines: { node: ">= 0.4" }
+    resolution: {integrity: sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==}
+    engines: {node: '>=18'}
 
   which@2.0.2:
-    resolution:
-      {
-        integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==,
-      }
-    engines: { node: ">= 8" }
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
     hasBin: true
 
   why-is-node-running@2.3.0:
-    resolution:
-      {
-        integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==,
-      }
-    engines: { node: ">=8" }
+    resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
+    engines: {node: '>=8'}
     hasBin: true
 
   word-wrap@1.2.5:
-    resolution:
-      {
-        integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==,
-      }
-    engines: { node: ">=0.10.0" }
+    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
+    engines: {node: '>=0.10.0'}
 
   ws@8.20.0:
-    resolution:
-      {
-        integrity: sha512-sAt8BhgNbzCtgGbt2OxmpuryO63ZoDk/sqaB/znQm94T4fCEsy/yV+7CdC1kJhOU9lboAEU7R3kquuycDoibVA==,
-      }
-    engines: { node: ">=10.0.0" }
+    resolution: {integrity: sha512-sAt8BhgNbzCtgGbt2OxmpuryO63ZoDk/sqaB/znQm94T4fCEsy/yV+7CdC1kJhOU9lboAEU7R3kquuycDoibVA==}
+    engines: {node: '>=10.0.0'}
     peerDependencies:
       bufferutil: ^4.0.1
-      utf-8-validate: ">=5.0.2"
+      utf-8-validate: '>=5.0.2'
     peerDependenciesMeta:
       bufferutil:
         optional: true
@@ -3342,278 +1728,179 @@ packages:
         optional: true
 
   xml-name-validator@5.0.0:
-    resolution:
-      {
-        integrity: sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==,
-      }
-    engines: { node: ">=18" }
+    resolution: {integrity: sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==}
+    engines: {node: '>=18'}
 
   xmlchars@2.2.0:
-    resolution:
-      {
-        integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==,
-      }
-
-  yallist@3.1.1:
-    resolution:
-      {
-        integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==,
-      }
+    resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
 
   yocto-queue@0.1.0:
-    resolution:
-      {
-        integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==,
-      }
-    engines: { node: ">=10" }
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+
+  zimmerframe@1.1.4:
+    resolution: {integrity: sha512-B58NGBEoc8Y9MWWCQGl/gq9xBCe4IiKM0a2x7GZdQKOW5Exr8S1W24J6OgM1njK8xCRGvAJIL/MxXHf6SkmQKQ==}
 
 snapshots:
-  "@adobe/css-tools@4.4.4": {}
 
-  "@asamuzakjp/css-color@3.2.0":
+  '@adobe/css-tools@4.4.4': {}
+
+  '@asamuzakjp/css-color@3.2.0':
     dependencies:
-      "@csstools/css-calc": 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
-      "@csstools/css-color-parser": 3.1.0(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
-      "@csstools/css-parser-algorithms": 3.0.5(@csstools/css-tokenizer@3.0.4)
-      "@csstools/css-tokenizer": 3.0.4
+      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-color-parser': 3.1.0(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
       lru-cache: 10.4.3
 
-  "@babel/code-frame@7.29.0":
+  '@babel/code-frame@7.29.0':
     dependencies:
-      "@babel/helper-validator-identifier": 7.28.5
+      '@babel/helper-validator-identifier': 7.28.5
       js-tokens: 4.0.0
       picocolors: 1.1.1
 
-  "@babel/compat-data@7.29.0": {}
+  '@babel/helper-validator-identifier@7.28.5': {}
 
-  "@babel/core@7.29.0":
+  '@babel/runtime@7.29.2': {}
+
+  '@csstools/color-helpers@5.1.0': {}
+
+  '@csstools/css-calc@2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
     dependencies:
-      "@babel/code-frame": 7.29.0
-      "@babel/generator": 7.29.1
-      "@babel/helper-compilation-targets": 7.28.6
-      "@babel/helper-module-transforms": 7.28.6(@babel/core@7.29.0)
-      "@babel/helpers": 7.29.2
-      "@babel/parser": 7.29.2
-      "@babel/template": 7.28.6
-      "@babel/traverse": 7.29.0
-      "@babel/types": 7.29.0
-      "@jridgewell/remapping": 2.3.5
-      convert-source-map: 2.0.0
-      debug: 4.4.3
-      gensync: 1.0.0-beta.2
-      json5: 2.2.3
-      semver: 6.3.1
-    transitivePeerDependencies:
-      - supports-color
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
 
-  "@babel/generator@7.29.1":
+  '@csstools/css-color-parser@3.1.0(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
     dependencies:
-      "@babel/parser": 7.29.2
-      "@babel/types": 7.29.0
-      "@jridgewell/gen-mapping": 0.3.13
-      "@jridgewell/trace-mapping": 0.3.31
-      jsesc: 3.1.0
+      '@csstools/color-helpers': 5.1.0
+      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
 
-  "@babel/helper-compilation-targets@7.28.6":
+  '@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4)':
     dependencies:
-      "@babel/compat-data": 7.29.0
-      "@babel/helper-validator-option": 7.27.1
-      browserslist: 4.28.1
-      lru-cache: 5.1.1
-      semver: 6.3.1
+      '@csstools/css-tokenizer': 3.0.4
 
-  "@babel/helper-globals@7.28.0": {}
+  '@csstools/css-tokenizer@3.0.4': {}
 
-  "@babel/helper-module-imports@7.28.6":
+  '@emnapi/core@1.9.1':
     dependencies:
-      "@babel/traverse": 7.29.0
-      "@babel/types": 7.29.0
-    transitivePeerDependencies:
-      - supports-color
+      '@emnapi/wasi-threads': 1.2.0
+      tslib: 2.8.1
+    optional: true
 
-  "@babel/helper-module-transforms@7.28.6(@babel/core@7.29.0)":
+  '@emnapi/runtime@1.9.1':
     dependencies:
-      "@babel/core": 7.29.0
-      "@babel/helper-module-imports": 7.28.6
-      "@babel/helper-validator-identifier": 7.28.5
-      "@babel/traverse": 7.29.0
-    transitivePeerDependencies:
-      - supports-color
+      tslib: 2.8.1
+    optional: true
 
-  "@babel/helper-plugin-utils@7.28.6": {}
-
-  "@babel/helper-string-parser@7.27.1": {}
-
-  "@babel/helper-validator-identifier@7.28.5": {}
-
-  "@babel/helper-validator-option@7.27.1": {}
-
-  "@babel/helpers@7.29.2":
+  '@emnapi/wasi-threads@1.2.0':
     dependencies:
-      "@babel/template": 7.28.6
-      "@babel/types": 7.29.0
-
-  "@babel/parser@7.29.2":
-    dependencies:
-      "@babel/types": 7.29.0
-
-  "@babel/plugin-transform-react-jsx-self@7.27.1(@babel/core@7.29.0)":
-    dependencies:
-      "@babel/core": 7.29.0
-      "@babel/helper-plugin-utils": 7.28.6
-
-  "@babel/plugin-transform-react-jsx-source@7.27.1(@babel/core@7.29.0)":
-    dependencies:
-      "@babel/core": 7.29.0
-      "@babel/helper-plugin-utils": 7.28.6
-
-  "@babel/runtime@7.29.2": {}
-
-  "@babel/template@7.28.6":
-    dependencies:
-      "@babel/code-frame": 7.29.0
-      "@babel/parser": 7.29.2
-      "@babel/types": 7.29.0
-
-  "@babel/traverse@7.29.0":
-    dependencies:
-      "@babel/code-frame": 7.29.0
-      "@babel/generator": 7.29.1
-      "@babel/helper-globals": 7.28.0
-      "@babel/parser": 7.29.2
-      "@babel/template": 7.28.6
-      "@babel/types": 7.29.0
-      debug: 4.4.3
-    transitivePeerDependencies:
-      - supports-color
-
-  "@babel/types@7.29.0":
-    dependencies:
-      "@babel/helper-string-parser": 7.27.1
-      "@babel/helper-validator-identifier": 7.28.5
-
-  "@csstools/color-helpers@5.1.0": {}
-
-  "@csstools/css-calc@2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)":
-    dependencies:
-      "@csstools/css-parser-algorithms": 3.0.5(@csstools/css-tokenizer@3.0.4)
-      "@csstools/css-tokenizer": 3.0.4
-
-  "@csstools/css-color-parser@3.1.0(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)":
-    dependencies:
-      "@csstools/color-helpers": 5.1.0
-      "@csstools/css-calc": 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
-      "@csstools/css-parser-algorithms": 3.0.5(@csstools/css-tokenizer@3.0.4)
-      "@csstools/css-tokenizer": 3.0.4
-
-  "@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4)":
-    dependencies:
-      "@csstools/css-tokenizer": 3.0.4
-
-  "@csstools/css-tokenizer@3.0.4": {}
-
-  "@esbuild/aix-ppc64@0.27.4":
+      tslib: 2.8.1
     optional: true
 
-  "@esbuild/android-arm64@0.27.4":
+  '@esbuild/aix-ppc64@0.27.4':
     optional: true
 
-  "@esbuild/android-arm@0.27.4":
+  '@esbuild/android-arm64@0.27.4':
     optional: true
 
-  "@esbuild/android-x64@0.27.4":
+  '@esbuild/android-arm@0.27.4':
     optional: true
 
-  "@esbuild/darwin-arm64@0.27.4":
+  '@esbuild/android-x64@0.27.4':
     optional: true
 
-  "@esbuild/darwin-x64@0.27.4":
+  '@esbuild/darwin-arm64@0.27.4':
     optional: true
 
-  "@esbuild/freebsd-arm64@0.27.4":
+  '@esbuild/darwin-x64@0.27.4':
     optional: true
 
-  "@esbuild/freebsd-x64@0.27.4":
+  '@esbuild/freebsd-arm64@0.27.4':
     optional: true
 
-  "@esbuild/linux-arm64@0.27.4":
+  '@esbuild/freebsd-x64@0.27.4':
     optional: true
 
-  "@esbuild/linux-arm@0.27.4":
+  '@esbuild/linux-arm64@0.27.4':
     optional: true
 
-  "@esbuild/linux-ia32@0.27.4":
+  '@esbuild/linux-arm@0.27.4':
     optional: true
 
-  "@esbuild/linux-loong64@0.27.4":
+  '@esbuild/linux-ia32@0.27.4':
     optional: true
 
-  "@esbuild/linux-mips64el@0.27.4":
+  '@esbuild/linux-loong64@0.27.4':
     optional: true
 
-  "@esbuild/linux-ppc64@0.27.4":
+  '@esbuild/linux-mips64el@0.27.4':
     optional: true
 
-  "@esbuild/linux-riscv64@0.27.4":
+  '@esbuild/linux-ppc64@0.27.4':
     optional: true
 
-  "@esbuild/linux-s390x@0.27.4":
+  '@esbuild/linux-riscv64@0.27.4':
     optional: true
 
-  "@esbuild/linux-x64@0.27.4":
+  '@esbuild/linux-s390x@0.27.4':
     optional: true
 
-  "@esbuild/netbsd-arm64@0.27.4":
+  '@esbuild/linux-x64@0.27.4':
     optional: true
 
-  "@esbuild/netbsd-x64@0.27.4":
+  '@esbuild/netbsd-arm64@0.27.4':
     optional: true
 
-  "@esbuild/openbsd-arm64@0.27.4":
+  '@esbuild/netbsd-x64@0.27.4':
     optional: true
 
-  "@esbuild/openbsd-x64@0.27.4":
+  '@esbuild/openbsd-arm64@0.27.4':
     optional: true
 
-  "@esbuild/openharmony-arm64@0.27.4":
+  '@esbuild/openbsd-x64@0.27.4':
     optional: true
 
-  "@esbuild/sunos-x64@0.27.4":
+  '@esbuild/openharmony-arm64@0.27.4':
     optional: true
 
-  "@esbuild/win32-arm64@0.27.4":
+  '@esbuild/sunos-x64@0.27.4':
     optional: true
 
-  "@esbuild/win32-ia32@0.27.4":
+  '@esbuild/win32-arm64@0.27.4':
     optional: true
 
-  "@esbuild/win32-x64@0.27.4":
+  '@esbuild/win32-ia32@0.27.4':
     optional: true
 
-  "@eslint-community/eslint-utils@4.9.1(eslint@9.39.4)":
+  '@esbuild/win32-x64@0.27.4':
+    optional: true
+
+  '@eslint-community/eslint-utils@4.9.1(eslint@9.39.4)':
     dependencies:
       eslint: 9.39.4
       eslint-visitor-keys: 3.4.3
 
-  "@eslint-community/regexpp@4.12.2": {}
+  '@eslint-community/regexpp@4.12.2': {}
 
-  "@eslint/config-array@0.21.2":
+  '@eslint/config-array@0.21.2':
     dependencies:
-      "@eslint/object-schema": 2.1.7
+      '@eslint/object-schema': 2.1.7
       debug: 4.4.3
       minimatch: 3.1.5
     transitivePeerDependencies:
       - supports-color
 
-  "@eslint/config-helpers@0.4.2":
+  '@eslint/config-helpers@0.4.2':
     dependencies:
-      "@eslint/core": 0.17.0
+      '@eslint/core': 0.17.0
 
-  "@eslint/core@0.17.0":
+  '@eslint/core@0.17.0':
     dependencies:
-      "@types/json-schema": 7.0.15
+      '@types/json-schema': 7.0.15
 
-  "@eslint/eslintrc@3.3.5":
+  '@eslint/eslintrc@3.3.5':
     dependencies:
       ajv: 6.14.0
       debug: 4.4.3
@@ -3627,209 +1914,263 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  "@eslint/js@9.39.4": {}
+  '@eslint/js@9.39.4': {}
 
-  "@eslint/object-schema@2.1.7": {}
+  '@eslint/object-schema@2.1.7': {}
 
-  "@eslint/plugin-kit@0.4.1":
+  '@eslint/plugin-kit@0.4.1':
     dependencies:
-      "@eslint/core": 0.17.0
+      '@eslint/core': 0.17.0
       levn: 0.4.1
 
-  "@humanfs/core@0.19.1": {}
+  '@humanfs/core@0.19.1': {}
 
-  "@humanfs/node@0.16.7":
+  '@humanfs/node@0.16.7':
     dependencies:
-      "@humanfs/core": 0.19.1
-      "@humanwhocodes/retry": 0.4.3
+      '@humanfs/core': 0.19.1
+      '@humanwhocodes/retry': 0.4.3
 
-  "@humanwhocodes/module-importer@1.0.1": {}
+  '@humanwhocodes/module-importer@1.0.1': {}
 
-  "@humanwhocodes/retry@0.4.3": {}
+  '@humanwhocodes/retry@0.4.3': {}
 
-  "@jridgewell/gen-mapping@0.3.13":
+  '@jridgewell/gen-mapping@0.3.13':
     dependencies:
-      "@jridgewell/sourcemap-codec": 1.5.5
-      "@jridgewell/trace-mapping": 0.3.31
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/trace-mapping': 0.3.31
 
-  "@jridgewell/remapping@2.3.5":
+  '@jridgewell/remapping@2.3.5':
     dependencies:
-      "@jridgewell/gen-mapping": 0.3.13
-      "@jridgewell/trace-mapping": 0.3.31
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
 
-  "@jridgewell/resolve-uri@3.1.2": {}
+  '@jridgewell/resolve-uri@3.1.2': {}
 
-  "@jridgewell/sourcemap-codec@1.5.5": {}
+  '@jridgewell/sourcemap-codec@1.5.5': {}
 
-  "@jridgewell/trace-mapping@0.3.31":
+  '@jridgewell/trace-mapping@0.3.31':
     dependencies:
-      "@jridgewell/resolve-uri": 3.1.2
-      "@jridgewell/sourcemap-codec": 1.5.5
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.5
 
-  "@rolldown/pluginutils@1.0.0-rc.3": {}
-
-  "@rollup/rollup-android-arm-eabi@4.60.0":
-    optional: true
-
-  "@rollup/rollup-android-arm64@4.60.0":
-    optional: true
-
-  "@rollup/rollup-darwin-arm64@4.60.0":
-    optional: true
-
-  "@rollup/rollup-darwin-x64@4.60.0":
-    optional: true
-
-  "@rollup/rollup-freebsd-arm64@4.60.0":
-    optional: true
-
-  "@rollup/rollup-freebsd-x64@4.60.0":
-    optional: true
-
-  "@rollup/rollup-linux-arm-gnueabihf@4.60.0":
-    optional: true
-
-  "@rollup/rollup-linux-arm-musleabihf@4.60.0":
-    optional: true
-
-  "@rollup/rollup-linux-arm64-gnu@4.60.0":
-    optional: true
-
-  "@rollup/rollup-linux-arm64-musl@4.60.0":
-    optional: true
-
-  "@rollup/rollup-linux-loong64-gnu@4.60.0":
-    optional: true
-
-  "@rollup/rollup-linux-loong64-musl@4.60.0":
-    optional: true
-
-  "@rollup/rollup-linux-ppc64-gnu@4.60.0":
-    optional: true
-
-  "@rollup/rollup-linux-ppc64-musl@4.60.0":
-    optional: true
-
-  "@rollup/rollup-linux-riscv64-gnu@4.60.0":
-    optional: true
-
-  "@rollup/rollup-linux-riscv64-musl@4.60.0":
-    optional: true
-
-  "@rollup/rollup-linux-s390x-gnu@4.60.0":
-    optional: true
-
-  "@rollup/rollup-linux-x64-gnu@4.60.0":
-    optional: true
-
-  "@rollup/rollup-linux-x64-musl@4.60.0":
-    optional: true
-
-  "@rollup/rollup-openbsd-x64@4.60.0":
-    optional: true
-
-  "@rollup/rollup-openharmony-arm64@4.60.0":
-    optional: true
-
-  "@rollup/rollup-win32-arm64-msvc@4.60.0":
-    optional: true
-
-  "@rollup/rollup-win32-ia32-msvc@4.60.0":
-    optional: true
-
-  "@rollup/rollup-win32-x64-gnu@4.60.0":
-    optional: true
-
-  "@rollup/rollup-win32-x64-msvc@4.60.0":
-    optional: true
-
-  "@testing-library/dom@10.4.1":
+  '@napi-rs/wasm-runtime@1.1.2(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)':
     dependencies:
-      "@babel/code-frame": 7.29.0
-      "@babel/runtime": 7.29.2
-      "@types/aria-query": 5.0.4
+      '@emnapi/core': 1.9.1
+      '@emnapi/runtime': 1.9.1
+      '@tybys/wasm-util': 0.10.1
+    optional: true
+
+  '@oxc-project/types@0.122.0': {}
+
+  '@rolldown/binding-android-arm64@1.0.0-rc.12':
+    optional: true
+
+  '@rolldown/binding-darwin-arm64@1.0.0-rc.12':
+    optional: true
+
+  '@rolldown/binding-darwin-x64@1.0.0-rc.12':
+    optional: true
+
+  '@rolldown/binding-freebsd-x64@1.0.0-rc.12':
+    optional: true
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.12':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-gnu@1.0.0-rc.12':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-musl@1.0.0-rc.12':
+    optional: true
+
+  '@rolldown/binding-linux-ppc64-gnu@1.0.0-rc.12':
+    optional: true
+
+  '@rolldown/binding-linux-s390x-gnu@1.0.0-rc.12':
+    optional: true
+
+  '@rolldown/binding-linux-x64-gnu@1.0.0-rc.12':
+    optional: true
+
+  '@rolldown/binding-linux-x64-musl@1.0.0-rc.12':
+    optional: true
+
+  '@rolldown/binding-openharmony-arm64@1.0.0-rc.12':
+    optional: true
+
+  '@rolldown/binding-wasm32-wasi@1.0.0-rc.12(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)':
+    dependencies:
+      '@napi-rs/wasm-runtime': 1.1.2(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)
+    transitivePeerDependencies:
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+    optional: true
+
+  '@rolldown/binding-win32-arm64-msvc@1.0.0-rc.12':
+    optional: true
+
+  '@rolldown/binding-win32-x64-msvc@1.0.0-rc.12':
+    optional: true
+
+  '@rolldown/pluginutils@1.0.0-rc.12': {}
+
+  '@rollup/rollup-android-arm-eabi@4.60.0':
+    optional: true
+
+  '@rollup/rollup-android-arm64@4.60.0':
+    optional: true
+
+  '@rollup/rollup-darwin-arm64@4.60.0':
+    optional: true
+
+  '@rollup/rollup-darwin-x64@4.60.0':
+    optional: true
+
+  '@rollup/rollup-freebsd-arm64@4.60.0':
+    optional: true
+
+  '@rollup/rollup-freebsd-x64@4.60.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.60.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm-musleabihf@4.60.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-gnu@4.60.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-musl@4.60.0':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-gnu@4.60.0':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-musl@4.60.0':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-gnu@4.60.0':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-musl@4.60.0':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-gnu@4.60.0':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-musl@4.60.0':
+    optional: true
+
+  '@rollup/rollup-linux-s390x-gnu@4.60.0':
+    optional: true
+
+  '@rollup/rollup-linux-x64-gnu@4.60.0':
+    optional: true
+
+  '@rollup/rollup-linux-x64-musl@4.60.0':
+    optional: true
+
+  '@rollup/rollup-openbsd-x64@4.60.0':
+    optional: true
+
+  '@rollup/rollup-openharmony-arm64@4.60.0':
+    optional: true
+
+  '@rollup/rollup-win32-arm64-msvc@4.60.0':
+    optional: true
+
+  '@rollup/rollup-win32-ia32-msvc@4.60.0':
+    optional: true
+
+  '@rollup/rollup-win32-x64-gnu@4.60.0':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.60.0':
+    optional: true
+
+  '@sveltejs/acorn-typescript@1.0.9(acorn@8.16.0)':
+    dependencies:
+      acorn: 8.16.0
+
+  '@sveltejs/vite-plugin-svelte@7.0.0(svelte@5.55.1)(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.4))':
+    dependencies:
+      deepmerge: 4.3.1
+      magic-string: 0.30.21
+      obug: 2.1.1
+      svelte: 5.55.1
+      vite: 8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.4)
+      vitefu: 1.1.2(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.4))
+
+  '@testing-library/dom@10.4.1':
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      '@babel/runtime': 7.29.2
+      '@types/aria-query': 5.0.4
       aria-query: 5.3.0
       dom-accessibility-api: 0.5.16
       lz-string: 1.5.0
       picocolors: 1.1.1
       pretty-format: 27.5.1
 
-  "@testing-library/jest-dom@6.9.1":
+  '@testing-library/jest-dom@6.9.1':
     dependencies:
-      "@adobe/css-tools": 4.4.4
+      '@adobe/css-tools': 4.4.4
       aria-query: 5.3.2
       css.escape: 1.5.1
       dom-accessibility-api: 0.6.3
       picocolors: 1.1.1
       redent: 3.0.0
 
-  "@testing-library/react@16.3.2(@testing-library/dom@10.4.1)(@types/react-dom@18.3.7(@types/react@18.3.28))(@types/react@18.3.28)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)":
+  '@testing-library/svelte-core@1.0.0(svelte@5.55.1)':
     dependencies:
-      "@babel/runtime": 7.29.2
-      "@testing-library/dom": 10.4.1
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      svelte: 5.55.1
+
+  '@testing-library/svelte@5.3.1(svelte@5.55.1)(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.4))(vitest@3.2.4(@types/node@25.5.0)(jsdom@26.1.0)(lightningcss@1.32.0))':
+    dependencies:
+      '@testing-library/dom': 10.4.1
+      '@testing-library/svelte-core': 1.0.0(svelte@5.55.1)
+      svelte: 5.55.1
     optionalDependencies:
-      "@types/react": 18.3.28
-      "@types/react-dom": 18.3.7(@types/react@18.3.28)
+      vite: 8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.4)
+      vitest: 3.2.4(@types/node@25.5.0)(jsdom@26.1.0)(lightningcss@1.32.0)
 
-  "@testing-library/user-event@14.6.1(@testing-library/dom@10.4.1)":
+  '@testing-library/user-event@14.6.1(@testing-library/dom@10.4.1)':
     dependencies:
-      "@testing-library/dom": 10.4.1
+      '@testing-library/dom': 10.4.1
 
-  "@types/aria-query@5.0.4": {}
-
-  "@types/babel__core@7.20.5":
+  '@tybys/wasm-util@0.10.1':
     dependencies:
-      "@babel/parser": 7.29.2
-      "@babel/types": 7.29.0
-      "@types/babel__generator": 7.27.0
-      "@types/babel__template": 7.4.4
-      "@types/babel__traverse": 7.28.0
+      tslib: 2.8.1
+    optional: true
 
-  "@types/babel__generator@7.27.0":
-    dependencies:
-      "@babel/types": 7.29.0
+  '@types/aria-query@5.0.4': {}
 
-  "@types/babel__template@7.4.4":
+  '@types/chai@5.2.3':
     dependencies:
-      "@babel/parser": 7.29.2
-      "@babel/types": 7.29.0
-
-  "@types/babel__traverse@7.28.0":
-    dependencies:
-      "@babel/types": 7.29.0
-
-  "@types/chai@5.2.3":
-    dependencies:
-      "@types/deep-eql": 4.0.2
+      '@types/deep-eql': 4.0.2
       assertion-error: 2.0.1
 
-  "@types/deep-eql@4.0.2": {}
+  '@types/deep-eql@4.0.2': {}
 
-  "@types/estree@1.0.8": {}
+  '@types/estree@1.0.8': {}
 
-  "@types/json-schema@7.0.15": {}
+  '@types/json-schema@7.0.15': {}
 
-  "@types/prop-types@15.7.15": {}
-
-  "@types/react-dom@18.3.7(@types/react@18.3.28)":
+  '@types/node@25.5.0':
     dependencies:
-      "@types/react": 18.3.28
+      undici-types: 7.18.2
 
-  "@types/react@18.3.28":
-    dependencies:
-      "@types/prop-types": 15.7.15
-      csstype: 3.2.3
+  '@types/trusted-types@2.0.7': {}
 
-  "@typescript-eslint/eslint-plugin@8.57.2(@typescript-eslint/parser@8.57.2(eslint@9.39.4)(typescript@5.6.3))(eslint@9.39.4)(typescript@5.6.3)":
+  '@typescript-eslint/eslint-plugin@8.57.2(@typescript-eslint/parser@8.57.2(eslint@9.39.4)(typescript@5.6.3))(eslint@9.39.4)(typescript@5.6.3)':
     dependencies:
-      "@eslint-community/regexpp": 4.12.2
-      "@typescript-eslint/parser": 8.57.2(eslint@9.39.4)(typescript@5.6.3)
-      "@typescript-eslint/scope-manager": 8.57.2
-      "@typescript-eslint/type-utils": 8.57.2(eslint@9.39.4)(typescript@5.6.3)
-      "@typescript-eslint/utils": 8.57.2(eslint@9.39.4)(typescript@5.6.3)
-      "@typescript-eslint/visitor-keys": 8.57.2
+      '@eslint-community/regexpp': 4.12.2
+      '@typescript-eslint/parser': 8.57.2(eslint@9.39.4)(typescript@5.6.3)
+      '@typescript-eslint/scope-manager': 8.57.2
+      '@typescript-eslint/type-utils': 8.57.2(eslint@9.39.4)(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.57.2(eslint@9.39.4)(typescript@5.6.3)
+      '@typescript-eslint/visitor-keys': 8.57.2
       eslint: 9.39.4
       ignore: 7.0.5
       natural-compare: 1.4.0
@@ -3838,41 +2179,41 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  "@typescript-eslint/parser@8.57.2(eslint@9.39.4)(typescript@5.6.3)":
+  '@typescript-eslint/parser@8.57.2(eslint@9.39.4)(typescript@5.6.3)':
     dependencies:
-      "@typescript-eslint/scope-manager": 8.57.2
-      "@typescript-eslint/types": 8.57.2
-      "@typescript-eslint/typescript-estree": 8.57.2(typescript@5.6.3)
-      "@typescript-eslint/visitor-keys": 8.57.2
+      '@typescript-eslint/scope-manager': 8.57.2
+      '@typescript-eslint/types': 8.57.2
+      '@typescript-eslint/typescript-estree': 8.57.2(typescript@5.6.3)
+      '@typescript-eslint/visitor-keys': 8.57.2
       debug: 4.4.3
       eslint: 9.39.4
       typescript: 5.6.3
     transitivePeerDependencies:
       - supports-color
 
-  "@typescript-eslint/project-service@8.57.2(typescript@5.6.3)":
+  '@typescript-eslint/project-service@8.57.2(typescript@5.6.3)':
     dependencies:
-      "@typescript-eslint/tsconfig-utils": 8.57.2(typescript@5.6.3)
-      "@typescript-eslint/types": 8.57.2
+      '@typescript-eslint/tsconfig-utils': 8.57.2(typescript@5.6.3)
+      '@typescript-eslint/types': 8.57.2
       debug: 4.4.3
       typescript: 5.6.3
     transitivePeerDependencies:
       - supports-color
 
-  "@typescript-eslint/scope-manager@8.57.2":
+  '@typescript-eslint/scope-manager@8.57.2':
     dependencies:
-      "@typescript-eslint/types": 8.57.2
-      "@typescript-eslint/visitor-keys": 8.57.2
+      '@typescript-eslint/types': 8.57.2
+      '@typescript-eslint/visitor-keys': 8.57.2
 
-  "@typescript-eslint/tsconfig-utils@8.57.2(typescript@5.6.3)":
+  '@typescript-eslint/tsconfig-utils@8.57.2(typescript@5.6.3)':
     dependencies:
       typescript: 5.6.3
 
-  "@typescript-eslint/type-utils@8.57.2(eslint@9.39.4)(typescript@5.6.3)":
+  '@typescript-eslint/type-utils@8.57.2(eslint@9.39.4)(typescript@5.6.3)':
     dependencies:
-      "@typescript-eslint/types": 8.57.2
-      "@typescript-eslint/typescript-estree": 8.57.2(typescript@5.6.3)
-      "@typescript-eslint/utils": 8.57.2(eslint@9.39.4)(typescript@5.6.3)
+      '@typescript-eslint/types': 8.57.2
+      '@typescript-eslint/typescript-estree': 8.57.2(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.57.2(eslint@9.39.4)(typescript@5.6.3)
       debug: 4.4.3
       eslint: 9.39.4
       ts-api-utils: 2.5.0(typescript@5.6.3)
@@ -3880,14 +2221,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  "@typescript-eslint/types@8.57.2": {}
+  '@typescript-eslint/types@8.57.2': {}
 
-  "@typescript-eslint/typescript-estree@8.57.2(typescript@5.6.3)":
+  '@typescript-eslint/typescript-estree@8.57.2(typescript@5.6.3)':
     dependencies:
-      "@typescript-eslint/project-service": 8.57.2(typescript@5.6.3)
-      "@typescript-eslint/tsconfig-utils": 8.57.2(typescript@5.6.3)
-      "@typescript-eslint/types": 8.57.2
-      "@typescript-eslint/visitor-keys": 8.57.2
+      '@typescript-eslint/project-service': 8.57.2(typescript@5.6.3)
+      '@typescript-eslint/tsconfig-utils': 8.57.2(typescript@5.6.3)
+      '@typescript-eslint/types': 8.57.2
+      '@typescript-eslint/visitor-keys': 8.57.2
       debug: 4.4.3
       minimatch: 10.2.4
       semver: 7.7.4
@@ -3897,77 +2238,65 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  "@typescript-eslint/utils@8.57.2(eslint@9.39.4)(typescript@5.6.3)":
+  '@typescript-eslint/utils@8.57.2(eslint@9.39.4)(typescript@5.6.3)':
     dependencies:
-      "@eslint-community/eslint-utils": 4.9.1(eslint@9.39.4)
-      "@typescript-eslint/scope-manager": 8.57.2
-      "@typescript-eslint/types": 8.57.2
-      "@typescript-eslint/typescript-estree": 8.57.2(typescript@5.6.3)
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.4)
+      '@typescript-eslint/scope-manager': 8.57.2
+      '@typescript-eslint/types': 8.57.2
+      '@typescript-eslint/typescript-estree': 8.57.2(typescript@5.6.3)
       eslint: 9.39.4
       typescript: 5.6.3
     transitivePeerDependencies:
       - supports-color
 
-  "@typescript-eslint/visitor-keys@8.57.2":
+  '@typescript-eslint/visitor-keys@8.57.2':
     dependencies:
-      "@typescript-eslint/types": 8.57.2
+      '@typescript-eslint/types': 8.57.2
       eslint-visitor-keys: 5.0.1
 
-  "@vitejs/plugin-basic-ssl@2.3.0(vite@7.3.1)":
+  '@vitejs/plugin-basic-ssl@2.3.0(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.4))':
     dependencies:
-      vite: 7.3.1
+      vite: 8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.4)
 
-  "@vitejs/plugin-react@5.2.0(vite@7.3.1)":
+  '@vitest/expect@3.2.4':
     dependencies:
-      "@babel/core": 7.29.0
-      "@babel/plugin-transform-react-jsx-self": 7.27.1(@babel/core@7.29.0)
-      "@babel/plugin-transform-react-jsx-source": 7.27.1(@babel/core@7.29.0)
-      "@rolldown/pluginutils": 1.0.0-rc.3
-      "@types/babel__core": 7.20.5
-      react-refresh: 0.18.0
-      vite: 7.3.1
-    transitivePeerDependencies:
-      - supports-color
-
-  "@vitest/expect@3.2.4":
-    dependencies:
-      "@types/chai": 5.2.3
-      "@vitest/spy": 3.2.4
-      "@vitest/utils": 3.2.4
+      '@types/chai': 5.2.3
+      '@vitest/spy': 3.2.4
+      '@vitest/utils': 3.2.4
       chai: 5.3.3
       tinyrainbow: 2.0.0
 
-  "@vitest/mocker@3.2.4(vite@7.3.1)":
+  '@vitest/mocker@3.2.4(vite@7.3.1(@types/node@25.5.0)(lightningcss@1.32.0))':
     dependencies:
-      "@vitest/spy": 3.2.4
+      '@vitest/spy': 3.2.4
       estree-walker: 3.0.3
       magic-string: 0.30.21
     optionalDependencies:
-      vite: 7.3.1
+      vite: 7.3.1(@types/node@25.5.0)(lightningcss@1.32.0)
 
-  "@vitest/pretty-format@3.2.4":
+  '@vitest/pretty-format@3.2.4':
     dependencies:
       tinyrainbow: 2.0.0
 
-  "@vitest/runner@3.2.4":
+  '@vitest/runner@3.2.4':
     dependencies:
-      "@vitest/utils": 3.2.4
+      '@vitest/utils': 3.2.4
       pathe: 2.0.3
       strip-literal: 3.1.0
 
-  "@vitest/snapshot@3.2.4":
+  '@vitest/snapshot@3.2.4':
     dependencies:
-      "@vitest/pretty-format": 3.2.4
+      '@vitest/pretty-format': 3.2.4
       magic-string: 0.30.21
       pathe: 2.0.3
 
-  "@vitest/spy@3.2.4":
+  '@vitest/spy@3.2.4':
     dependencies:
       tinyspy: 4.0.4
 
-  "@vitest/utils@3.2.4":
+  '@vitest/utils@3.2.4':
     dependencies:
-      "@vitest/pretty-format": 3.2.4
+      '@vitest/pretty-format': 3.2.4
       loupe: 3.2.1
       tinyrainbow: 2.0.0
 
@@ -4000,72 +2329,13 @@ snapshots:
     dependencies:
       dequal: 2.0.3
 
+  aria-query@5.3.1: {}
+
   aria-query@5.3.2: {}
 
-  array-buffer-byte-length@1.0.2:
-    dependencies:
-      call-bound: 1.0.4
-      is-array-buffer: 3.0.5
-
-  array-includes@3.1.9:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-abstract: 1.24.1
-      es-object-atoms: 1.1.1
-      get-intrinsic: 1.3.0
-      is-string: 1.1.1
-      math-intrinsics: 1.1.0
-
-  array.prototype.findlast@1.2.5:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.1
-      es-errors: 1.3.0
-      es-object-atoms: 1.1.1
-      es-shim-unscopables: 1.1.0
-
-  array.prototype.flat@1.3.3:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.1
-      es-shim-unscopables: 1.1.0
-
-  array.prototype.flatmap@1.3.3:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.1
-      es-shim-unscopables: 1.1.0
-
-  array.prototype.tosorted@1.1.4:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.1
-      es-errors: 1.3.0
-      es-shim-unscopables: 1.1.0
-
-  arraybuffer.prototype.slice@1.0.4:
-    dependencies:
-      array-buffer-byte-length: 1.0.2
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.1
-      es-errors: 1.3.0
-      get-intrinsic: 1.3.0
-      is-array-buffer: 3.0.5
-
   assertion-error@2.0.1: {}
 
-  async-function@1.0.0: {}
-
-  available-typed-arrays@1.0.7:
-    dependencies:
-      possible-typed-array-names: 1.1.0
+  axobject-query@4.1.0: {}
 
   balanced-match@1.0.2: {}
 
@@ -4073,8 +2343,6 @@ snapshots:
 
   base64-js@1.5.1: {}
 
-  baseline-browser-mapping@2.10.12: {}
-
   brace-expansion@1.1.13:
     dependencies:
       balanced-match: 1.0.2
@@ -4084,37 +2352,10 @@ snapshots:
     dependencies:
       balanced-match: 4.0.4
 
-  browserslist@4.28.1:
-    dependencies:
-      baseline-browser-mapping: 2.10.12
-      caniuse-lite: 1.0.30001781
-      electron-to-chromium: 1.5.328
-      node-releases: 2.0.36
-      update-browserslist-db: 1.2.3(browserslist@4.28.1)
-
   cac@6.7.14: {}
 
-  call-bind-apply-helpers@1.0.2:
-    dependencies:
-      es-errors: 1.3.0
-      function-bind: 1.1.2
-
-  call-bind@1.0.8:
-    dependencies:
-      call-bind-apply-helpers: 1.0.2
-      es-define-property: 1.0.1
-      get-intrinsic: 1.3.0
-      set-function-length: 1.2.2
-
-  call-bound@1.0.4:
-    dependencies:
-      call-bind-apply-helpers: 1.0.2
-      get-intrinsic: 1.3.0
-
   callsites@3.1.0: {}
 
-  caniuse-lite@1.0.30001781: {}
-
   chai@5.3.3:
     dependencies:
       assertion-error: 2.0.1
@@ -4130,6 +2371,12 @@ snapshots:
 
   check-error@2.1.3: {}
 
+  chokidar@4.0.3:
+    dependencies:
+      readdirp: 4.1.2
+
+  clsx@2.1.1: {}
+
   color-convert@2.0.1:
     dependencies:
       color-name: 1.1.4
@@ -4138,8 +2385,6 @@ snapshots:
 
   concat-map@0.0.1: {}
 
-  convert-source-map@2.0.0: {}
-
   cross-spawn@7.0.6:
     dependencies:
       path-key: 3.1.1
@@ -4150,34 +2395,14 @@ snapshots:
 
   cssstyle@4.6.0:
     dependencies:
-      "@asamuzakjp/css-color": 3.2.0
+      '@asamuzakjp/css-color': 3.2.0
       rrweb-cssom: 0.8.0
 
-  csstype@3.2.3: {}
-
   data-urls@5.0.0:
     dependencies:
       whatwg-mimetype: 4.0.0
       whatwg-url: 14.2.0
 
-  data-view-buffer@1.0.2:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      is-data-view: 1.0.2
-
-  data-view-byte-length@1.0.2:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      is-data-view: 1.0.2
-
-  data-view-byte-offset@1.0.1:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      is-data-view: 1.0.2
-
   debug@4.4.3:
     dependencies:
       ms: 2.1.3
@@ -4188,205 +2413,53 @@ snapshots:
 
   deep-is@0.1.4: {}
 
-  define-data-property@1.1.4:
-    dependencies:
-      es-define-property: 1.0.1
-      es-errors: 1.3.0
-      gopd: 1.2.0
-
-  define-properties@1.2.1:
-    dependencies:
-      define-data-property: 1.1.4
-      has-property-descriptors: 1.0.2
-      object-keys: 1.1.1
+  deepmerge@4.3.1: {}
 
   dequal@2.0.3: {}
 
-  doctrine@2.1.0:
-    dependencies:
-      esutils: 2.0.3
+  detect-libc@2.1.2: {}
+
+  devalue@5.6.4: {}
 
   dom-accessibility-api@0.5.16: {}
 
   dom-accessibility-api@0.6.3: {}
 
-  dunder-proto@1.0.1:
-    dependencies:
-      call-bind-apply-helpers: 1.0.2
-      es-errors: 1.3.0
-      gopd: 1.2.0
-
-  electron-to-chromium@1.5.328: {}
-
   entities@6.0.1: {}
 
-  es-abstract@1.24.1:
-    dependencies:
-      array-buffer-byte-length: 1.0.2
-      arraybuffer.prototype.slice: 1.0.4
-      available-typed-arrays: 1.0.7
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      data-view-buffer: 1.0.2
-      data-view-byte-length: 1.0.2
-      data-view-byte-offset: 1.0.1
-      es-define-property: 1.0.1
-      es-errors: 1.3.0
-      es-object-atoms: 1.1.1
-      es-set-tostringtag: 2.1.0
-      es-to-primitive: 1.3.0
-      function.prototype.name: 1.1.8
-      get-intrinsic: 1.3.0
-      get-proto: 1.0.1
-      get-symbol-description: 1.1.0
-      globalthis: 1.0.4
-      gopd: 1.2.0
-      has-property-descriptors: 1.0.2
-      has-proto: 1.2.0
-      has-symbols: 1.1.0
-      hasown: 2.0.2
-      internal-slot: 1.1.0
-      is-array-buffer: 3.0.5
-      is-callable: 1.2.7
-      is-data-view: 1.0.2
-      is-negative-zero: 2.0.3
-      is-regex: 1.2.1
-      is-set: 2.0.3
-      is-shared-array-buffer: 1.0.4
-      is-string: 1.1.1
-      is-typed-array: 1.1.15
-      is-weakref: 1.1.1
-      math-intrinsics: 1.1.0
-      object-inspect: 1.13.4
-      object-keys: 1.1.1
-      object.assign: 4.1.7
-      own-keys: 1.0.1
-      regexp.prototype.flags: 1.5.4
-      safe-array-concat: 1.1.3
-      safe-push-apply: 1.0.0
-      safe-regex-test: 1.1.0
-      set-proto: 1.0.0
-      stop-iteration-iterator: 1.1.0
-      string.prototype.trim: 1.2.10
-      string.prototype.trimend: 1.0.9
-      string.prototype.trimstart: 1.0.8
-      typed-array-buffer: 1.0.3
-      typed-array-byte-length: 1.0.3
-      typed-array-byte-offset: 1.0.4
-      typed-array-length: 1.0.7
-      unbox-primitive: 1.1.0
-      which-typed-array: 1.1.20
-
-  es-define-property@1.0.1: {}
-
-  es-errors@1.3.0: {}
-
-  es-iterator-helpers@1.3.1:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-abstract: 1.24.1
-      es-errors: 1.3.0
-      es-set-tostringtag: 2.1.0
-      function-bind: 1.1.2
-      get-intrinsic: 1.3.0
-      globalthis: 1.0.4
-      gopd: 1.2.0
-      has-property-descriptors: 1.0.2
-      has-proto: 1.2.0
-      has-symbols: 1.1.0
-      internal-slot: 1.1.0
-      iterator.prototype: 1.1.5
-      math-intrinsics: 1.1.0
-      safe-array-concat: 1.1.3
-
   es-module-lexer@1.7.0: {}
 
-  es-object-atoms@1.1.1:
-    dependencies:
-      es-errors: 1.3.0
-
-  es-set-tostringtag@2.1.0:
-    dependencies:
-      es-errors: 1.3.0
-      get-intrinsic: 1.3.0
-      has-tostringtag: 1.0.2
-      hasown: 2.0.2
-
-  es-shim-unscopables@1.1.0:
-    dependencies:
-      hasown: 2.0.2
-
-  es-to-primitive@1.3.0:
-    dependencies:
-      is-callable: 1.2.7
-      is-date-object: 1.1.0
-      is-symbol: 1.1.1
-
   esbuild@0.27.4:
     optionalDependencies:
-      "@esbuild/aix-ppc64": 0.27.4
-      "@esbuild/android-arm": 0.27.4
-      "@esbuild/android-arm64": 0.27.4
-      "@esbuild/android-x64": 0.27.4
-      "@esbuild/darwin-arm64": 0.27.4
-      "@esbuild/darwin-x64": 0.27.4
-      "@esbuild/freebsd-arm64": 0.27.4
-      "@esbuild/freebsd-x64": 0.27.4
-      "@esbuild/linux-arm": 0.27.4
-      "@esbuild/linux-arm64": 0.27.4
-      "@esbuild/linux-ia32": 0.27.4
-      "@esbuild/linux-loong64": 0.27.4
-      "@esbuild/linux-mips64el": 0.27.4
-      "@esbuild/linux-ppc64": 0.27.4
-      "@esbuild/linux-riscv64": 0.27.4
-      "@esbuild/linux-s390x": 0.27.4
-      "@esbuild/linux-x64": 0.27.4
-      "@esbuild/netbsd-arm64": 0.27.4
-      "@esbuild/netbsd-x64": 0.27.4
-      "@esbuild/openbsd-arm64": 0.27.4
-      "@esbuild/openbsd-x64": 0.27.4
-      "@esbuild/openharmony-arm64": 0.27.4
-      "@esbuild/sunos-x64": 0.27.4
-      "@esbuild/win32-arm64": 0.27.4
-      "@esbuild/win32-ia32": 0.27.4
-      "@esbuild/win32-x64": 0.27.4
-
-  escalade@3.2.0: {}
+      '@esbuild/aix-ppc64': 0.27.4
+      '@esbuild/android-arm': 0.27.4
+      '@esbuild/android-arm64': 0.27.4
+      '@esbuild/android-x64': 0.27.4
+      '@esbuild/darwin-arm64': 0.27.4
+      '@esbuild/darwin-x64': 0.27.4
+      '@esbuild/freebsd-arm64': 0.27.4
+      '@esbuild/freebsd-x64': 0.27.4
+      '@esbuild/linux-arm': 0.27.4
+      '@esbuild/linux-arm64': 0.27.4
+      '@esbuild/linux-ia32': 0.27.4
+      '@esbuild/linux-loong64': 0.27.4
+      '@esbuild/linux-mips64el': 0.27.4
+      '@esbuild/linux-ppc64': 0.27.4
+      '@esbuild/linux-riscv64': 0.27.4
+      '@esbuild/linux-s390x': 0.27.4
+      '@esbuild/linux-x64': 0.27.4
+      '@esbuild/netbsd-arm64': 0.27.4
+      '@esbuild/netbsd-x64': 0.27.4
+      '@esbuild/openbsd-arm64': 0.27.4
+      '@esbuild/openbsd-x64': 0.27.4
+      '@esbuild/openharmony-arm64': 0.27.4
+      '@esbuild/sunos-x64': 0.27.4
+      '@esbuild/win32-arm64': 0.27.4
+      '@esbuild/win32-ia32': 0.27.4
+      '@esbuild/win32-x64': 0.27.4
 
   escape-string-regexp@4.0.0: {}
 
-  eslint-plugin-react-hooks@5.2.0(eslint@9.39.4):
-    dependencies:
-      eslint: 9.39.4
-
-  eslint-plugin-react-refresh@0.4.26(eslint@9.39.4):
-    dependencies:
-      eslint: 9.39.4
-
-  eslint-plugin-react@7.37.5(eslint@9.39.4):
-    dependencies:
-      array-includes: 3.1.9
-      array.prototype.findlast: 1.2.5
-      array.prototype.flatmap: 1.3.3
-      array.prototype.tosorted: 1.1.4
-      doctrine: 2.1.0
-      es-iterator-helpers: 1.3.1
-      eslint: 9.39.4
-      estraverse: 5.3.0
-      hasown: 2.0.2
-      jsx-ast-utils: 3.3.5
-      minimatch: 3.1.5
-      object.entries: 1.1.9
-      object.fromentries: 2.0.8
-      object.values: 1.2.1
-      prop-types: 15.8.1
-      resolve: 2.0.0-next.6
-      semver: 6.3.1
-      string.prototype.matchall: 4.0.12
-      string.prototype.repeat: 1.0.0
-
   eslint-scope@8.4.0:
     dependencies:
       esrecurse: 4.3.0
@@ -4400,18 +2473,18 @@ snapshots:
 
   eslint@9.39.4:
     dependencies:
-      "@eslint-community/eslint-utils": 4.9.1(eslint@9.39.4)
-      "@eslint-community/regexpp": 4.12.2
-      "@eslint/config-array": 0.21.2
-      "@eslint/config-helpers": 0.4.2
-      "@eslint/core": 0.17.0
-      "@eslint/eslintrc": 3.3.5
-      "@eslint/js": 9.39.4
-      "@eslint/plugin-kit": 0.4.1
-      "@humanfs/node": 0.16.7
-      "@humanwhocodes/module-importer": 1.0.1
-      "@humanwhocodes/retry": 0.4.3
-      "@types/estree": 1.0.8
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.4)
+      '@eslint-community/regexpp': 4.12.2
+      '@eslint/config-array': 0.21.2
+      '@eslint/config-helpers': 0.4.2
+      '@eslint/core': 0.17.0
+      '@eslint/eslintrc': 3.3.5
+      '@eslint/js': 9.39.4
+      '@eslint/plugin-kit': 0.4.1
+      '@humanfs/node': 0.16.7
+      '@humanwhocodes/module-importer': 1.0.1
+      '@humanwhocodes/retry': 0.4.3
+      '@types/estree': 1.0.8
       ajv: 6.14.0
       chalk: 4.1.2
       cross-spawn: 7.0.6
@@ -4437,6 +2510,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  esm-env@1.2.2: {}
+
   espree@10.4.0:
     dependencies:
       acorn: 8.16.0
@@ -4447,6 +2522,11 @@ snapshots:
     dependencies:
       estraverse: 5.3.0
 
+  esrap@2.2.4:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@typescript-eslint/types': 8.57.2
+
   esrecurse@4.3.0:
     dependencies:
       estraverse: 5.3.0
@@ -4455,7 +2535,7 @@ snapshots:
 
   estree-walker@3.0.3:
     dependencies:
-      "@types/estree": 1.0.8
+      '@types/estree': 1.0.8
 
   esutils@2.0.3: {}
 
@@ -4487,54 +2567,9 @@ snapshots:
 
   flatted@3.4.2: {}
 
-  for-each@0.3.5:
-    dependencies:
-      is-callable: 1.2.7
-
   fsevents@2.3.3:
     optional: true
 
-  function-bind@1.1.2: {}
-
-  function.prototype.name@1.1.8:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      functions-have-names: 1.2.3
-      hasown: 2.0.2
-      is-callable: 1.2.7
-
-  functions-have-names@1.2.3: {}
-
-  generator-function@2.0.1: {}
-
-  gensync@1.0.0-beta.2: {}
-
-  get-intrinsic@1.3.0:
-    dependencies:
-      call-bind-apply-helpers: 1.0.2
-      es-define-property: 1.0.1
-      es-errors: 1.3.0
-      es-object-atoms: 1.1.1
-      function-bind: 1.1.2
-      get-proto: 1.0.1
-      gopd: 1.2.0
-      has-symbols: 1.1.0
-      hasown: 2.0.2
-      math-intrinsics: 1.1.0
-
-  get-proto@1.0.1:
-    dependencies:
-      dunder-proto: 1.0.1
-      es-object-atoms: 1.1.1
-
-  get-symbol-description@1.1.0:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      get-intrinsic: 1.3.0
-
   glob-parent@6.0.2:
     dependencies:
       is-glob: 4.0.3
@@ -4543,35 +2578,8 @@ snapshots:
 
   globals@15.15.0: {}
 
-  globalthis@1.0.4:
-    dependencies:
-      define-properties: 1.2.1
-      gopd: 1.2.0
-
-  gopd@1.2.0: {}
-
-  has-bigints@1.1.0: {}
-
   has-flag@4.0.0: {}
 
-  has-property-descriptors@1.0.2:
-    dependencies:
-      es-define-property: 1.0.1
-
-  has-proto@1.2.0:
-    dependencies:
-      dunder-proto: 1.0.1
-
-  has-symbols@1.1.0: {}
-
-  has-tostringtag@1.0.2:
-    dependencies:
-      has-symbols: 1.1.0
-
-  hasown@2.0.2:
-    dependencies:
-      function-bind: 1.1.2
-
   headers-polyfill@4.0.3: {}
 
   html-encoding-sniffer@4.0.0:
@@ -4609,133 +2617,20 @@ snapshots:
 
   indent-string@4.0.0: {}
 
-  internal-slot@1.1.0:
-    dependencies:
-      es-errors: 1.3.0
-      hasown: 2.0.2
-      side-channel: 1.1.0
-
-  is-array-buffer@3.0.5:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      get-intrinsic: 1.3.0
-
-  is-async-function@2.1.1:
-    dependencies:
-      async-function: 1.0.0
-      call-bound: 1.0.4
-      get-proto: 1.0.1
-      has-tostringtag: 1.0.2
-      safe-regex-test: 1.1.0
-
-  is-bigint@1.1.0:
-    dependencies:
-      has-bigints: 1.1.0
-
-  is-boolean-object@1.2.2:
-    dependencies:
-      call-bound: 1.0.4
-      has-tostringtag: 1.0.2
-
-  is-callable@1.2.7: {}
-
-  is-core-module@2.16.1:
-    dependencies:
-      hasown: 2.0.2
-
-  is-data-view@1.0.2:
-    dependencies:
-      call-bound: 1.0.4
-      get-intrinsic: 1.3.0
-      is-typed-array: 1.1.15
-
-  is-date-object@1.1.0:
-    dependencies:
-      call-bound: 1.0.4
-      has-tostringtag: 1.0.2
-
   is-extglob@2.1.1: {}
 
-  is-finalizationregistry@1.1.1:
-    dependencies:
-      call-bound: 1.0.4
-
-  is-generator-function@1.1.2:
-    dependencies:
-      call-bound: 1.0.4
-      generator-function: 2.0.1
-      get-proto: 1.0.1
-      has-tostringtag: 1.0.2
-      safe-regex-test: 1.1.0
-
   is-glob@4.0.3:
     dependencies:
       is-extglob: 2.1.1
 
-  is-map@2.0.3: {}
-
-  is-negative-zero@2.0.3: {}
-
-  is-number-object@1.1.1:
-    dependencies:
-      call-bound: 1.0.4
-      has-tostringtag: 1.0.2
-
   is-potential-custom-element-name@1.0.1: {}
 
-  is-regex@1.2.1:
+  is-reference@3.0.3:
     dependencies:
-      call-bound: 1.0.4
-      gopd: 1.2.0
-      has-tostringtag: 1.0.2
-      hasown: 2.0.2
-
-  is-set@2.0.3: {}
-
-  is-shared-array-buffer@1.0.4:
-    dependencies:
-      call-bound: 1.0.4
-
-  is-string@1.1.1:
-    dependencies:
-      call-bound: 1.0.4
-      has-tostringtag: 1.0.2
-
-  is-symbol@1.1.1:
-    dependencies:
-      call-bound: 1.0.4
-      has-symbols: 1.1.0
-      safe-regex-test: 1.1.0
-
-  is-typed-array@1.1.15:
-    dependencies:
-      which-typed-array: 1.1.20
-
-  is-weakmap@2.0.2: {}
-
-  is-weakref@1.1.1:
-    dependencies:
-      call-bound: 1.0.4
-
-  is-weakset@2.0.4:
-    dependencies:
-      call-bound: 1.0.4
-      get-intrinsic: 1.3.0
-
-  isarray@2.0.5: {}
+      '@types/estree': 1.0.8
 
   isexe@2.0.0: {}
 
-  iterator.prototype@1.1.5:
-    dependencies:
-      define-data-property: 1.1.4
-      es-object-atoms: 1.1.1
-      get-intrinsic: 1.3.0
-      get-proto: 1.0.1
-      has-symbols: 1.1.0
-      set-function-name: 2.0.2
-
   js-tokens@4.0.0: {}
 
   js-tokens@9.0.1: {}
@@ -4771,23 +2666,12 @@ snapshots:
       - supports-color
       - utf-8-validate
 
-  jsesc@3.1.0: {}
-
   json-buffer@3.0.1: {}
 
   json-schema-traverse@0.4.1: {}
 
   json-stable-stringify-without-jsonify@1.0.1: {}
 
-  json5@2.2.3: {}
-
-  jsx-ast-utils@3.3.5:
-    dependencies:
-      array-includes: 3.1.9
-      array.prototype.flat: 1.3.3
-      object.assign: 4.1.7
-      object.values: 1.2.1
-
   jwt-decode@4.0.0: {}
 
   keyv@4.5.4:
@@ -4799,6 +2683,57 @@ snapshots:
       prelude-ls: 1.2.1
       type-check: 0.4.0
 
+  lightningcss-android-arm64@1.32.0:
+    optional: true
+
+  lightningcss-darwin-arm64@1.32.0:
+    optional: true
+
+  lightningcss-darwin-x64@1.32.0:
+    optional: true
+
+  lightningcss-freebsd-x64@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.32.0:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.32.0:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.32.0:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.32.0:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.32.0:
+    optional: true
+
+  lightningcss@1.32.0:
+    dependencies:
+      detect-libc: 2.1.2
+    optionalDependencies:
+      lightningcss-android-arm64: 1.32.0
+      lightningcss-darwin-arm64: 1.32.0
+      lightningcss-darwin-x64: 1.32.0
+      lightningcss-freebsd-x64: 1.32.0
+      lightningcss-linux-arm-gnueabihf: 1.32.0
+      lightningcss-linux-arm64-gnu: 1.32.0
+      lightningcss-linux-arm64-musl: 1.32.0
+      lightningcss-linux-x64-gnu: 1.32.0
+      lightningcss-linux-x64-musl: 1.32.0
+      lightningcss-win32-arm64-msvc: 1.32.0
+      lightningcss-win32-x64-msvc: 1.32.0
+
+  locate-character@3.0.0: {}
+
   locate-path@6.0.0:
     dependencies:
       p-locate: 5.0.0
@@ -4808,22 +2743,17 @@ snapshots:
   loose-envify@1.4.0:
     dependencies:
       js-tokens: 4.0.0
+    optional: true
 
   loupe@3.2.1: {}
 
   lru-cache@10.4.3: {}
 
-  lru-cache@5.1.1:
-    dependencies:
-      yallist: 3.1.1
-
   lz-string@1.5.0: {}
 
   magic-string@0.30.21:
     dependencies:
-      "@jridgewell/sourcemap-codec": 1.5.5
-
-  math-intrinsics@1.1.0: {}
+      '@jridgewell/sourcemap-codec': 1.5.5
 
   min-indent@1.0.1: {}
 
@@ -4835,58 +2765,19 @@ snapshots:
     dependencies:
       brace-expansion: 1.1.13
 
+  mri@1.2.0: {}
+
   ms@2.1.3: {}
 
   nanoid@3.3.11: {}
 
   natural-compare@1.4.0: {}
 
-  node-exports-info@1.6.0:
-    dependencies:
-      array.prototype.flatmap: 1.3.3
-      es-errors: 1.3.0
-      object.entries: 1.1.9
-      semver: 6.3.1
-
-  node-releases@2.0.36: {}
-
   nwsapi@2.2.23: {}
 
-  object-assign@4.1.1: {}
-
   object-inspect@1.13.4: {}
 
-  object-keys@1.1.1: {}
-
-  object.assign@4.1.7:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-object-atoms: 1.1.1
-      has-symbols: 1.1.0
-      object-keys: 1.1.1
-
-  object.entries@1.1.9:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-object-atoms: 1.1.1
-
-  object.fromentries@2.0.8:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.1
-      es-object-atoms: 1.1.1
-
-  object.values@1.2.1:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-object-atoms: 1.1.1
+  obug@2.1.1: {}
 
   oidc-client-ts@3.5.0:
     dependencies:
@@ -4901,12 +2792,6 @@ snapshots:
       type-check: 0.4.0
       word-wrap: 1.2.5
 
-  own-keys@1.0.1:
-    dependencies:
-      get-intrinsic: 1.3.0
-      object-keys: 1.1.1
-      safe-push-apply: 1.0.0
-
   p-limit@3.1.0:
     dependencies:
       yocto-queue: 0.1.0
@@ -4927,8 +2812,6 @@ snapshots:
 
   path-key@3.1.1: {}
 
-  path-parse@1.0.7: {}
-
   pathe@2.0.3: {}
 
   pathval@2.0.1: {}
@@ -4937,8 +2820,6 @@ snapshots:
 
   picomatch@4.0.4: {}
 
-  possible-typed-array-names@1.1.0: {}
-
   postcss@8.5.8:
     dependencies:
       nanoid: 3.3.11
@@ -4955,124 +2836,86 @@ snapshots:
       ansi-styles: 5.2.0
       react-is: 17.0.2
 
-  prop-types@15.8.1:
-    dependencies:
-      loose-envify: 1.4.0
-      object-assign: 4.1.1
-      react-is: 16.13.1
-
   punycode@2.3.1: {}
 
   pure-rand@7.0.1: {}
 
-  react-dom@18.3.1(react@18.3.1):
-    dependencies:
-      loose-envify: 1.4.0
-      react: 18.3.1
-      scheduler: 0.23.2
-
-  react-is@16.13.1: {}
-
   react-is@17.0.2: {}
 
-  react-oidc-context@3.3.1(oidc-client-ts@3.5.0)(react@18.3.1):
-    dependencies:
-      oidc-client-ts: 3.5.0
-      react: 18.3.1
-
-  react-refresh@0.18.0: {}
-
   react@18.3.1:
     dependencies:
       loose-envify: 1.4.0
+    optional: true
+
+  readdirp@4.1.2: {}
 
   redent@3.0.0:
     dependencies:
       indent-string: 4.0.0
       strip-indent: 3.0.0
 
-  reflect.getprototypeof@1.0.10:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.1
-      es-errors: 1.3.0
-      es-object-atoms: 1.1.1
-      get-intrinsic: 1.3.0
-      get-proto: 1.0.1
-      which-builtin-type: 1.2.1
-
-  regexp.prototype.flags@1.5.4:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-errors: 1.3.0
-      get-proto: 1.0.1
-      gopd: 1.2.0
-      set-function-name: 2.0.2
-
   resolve-from@4.0.0: {}
 
-  resolve@2.0.0-next.6:
+  rolldown@1.0.0-rc.12(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1):
     dependencies:
-      es-errors: 1.3.0
-      is-core-module: 2.16.1
-      node-exports-info: 1.6.0
-      object-keys: 1.1.1
-      path-parse: 1.0.7
-      supports-preserve-symlinks-flag: 1.0.0
+      '@oxc-project/types': 0.122.0
+      '@rolldown/pluginutils': 1.0.0-rc.12
+    optionalDependencies:
+      '@rolldown/binding-android-arm64': 1.0.0-rc.12
+      '@rolldown/binding-darwin-arm64': 1.0.0-rc.12
+      '@rolldown/binding-darwin-x64': 1.0.0-rc.12
+      '@rolldown/binding-freebsd-x64': 1.0.0-rc.12
+      '@rolldown/binding-linux-arm-gnueabihf': 1.0.0-rc.12
+      '@rolldown/binding-linux-arm64-gnu': 1.0.0-rc.12
+      '@rolldown/binding-linux-arm64-musl': 1.0.0-rc.12
+      '@rolldown/binding-linux-ppc64-gnu': 1.0.0-rc.12
+      '@rolldown/binding-linux-s390x-gnu': 1.0.0-rc.12
+      '@rolldown/binding-linux-x64-gnu': 1.0.0-rc.12
+      '@rolldown/binding-linux-x64-musl': 1.0.0-rc.12
+      '@rolldown/binding-openharmony-arm64': 1.0.0-rc.12
+      '@rolldown/binding-wasm32-wasi': 1.0.0-rc.12(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)
+      '@rolldown/binding-win32-arm64-msvc': 1.0.0-rc.12
+      '@rolldown/binding-win32-x64-msvc': 1.0.0-rc.12
+    transitivePeerDependencies:
+      - '@emnapi/core'
+      - '@emnapi/runtime'
 
   rollup@4.60.0:
     dependencies:
-      "@types/estree": 1.0.8
+      '@types/estree': 1.0.8
     optionalDependencies:
-      "@rollup/rollup-android-arm-eabi": 4.60.0
-      "@rollup/rollup-android-arm64": 4.60.0
-      "@rollup/rollup-darwin-arm64": 4.60.0
-      "@rollup/rollup-darwin-x64": 4.60.0
-      "@rollup/rollup-freebsd-arm64": 4.60.0
-      "@rollup/rollup-freebsd-x64": 4.60.0
-      "@rollup/rollup-linux-arm-gnueabihf": 4.60.0
-      "@rollup/rollup-linux-arm-musleabihf": 4.60.0
-      "@rollup/rollup-linux-arm64-gnu": 4.60.0
-      "@rollup/rollup-linux-arm64-musl": 4.60.0
-      "@rollup/rollup-linux-loong64-gnu": 4.60.0
-      "@rollup/rollup-linux-loong64-musl": 4.60.0
-      "@rollup/rollup-linux-ppc64-gnu": 4.60.0
-      "@rollup/rollup-linux-ppc64-musl": 4.60.0
-      "@rollup/rollup-linux-riscv64-gnu": 4.60.0
-      "@rollup/rollup-linux-riscv64-musl": 4.60.0
-      "@rollup/rollup-linux-s390x-gnu": 4.60.0
-      "@rollup/rollup-linux-x64-gnu": 4.60.0
-      "@rollup/rollup-linux-x64-musl": 4.60.0
-      "@rollup/rollup-openbsd-x64": 4.60.0
-      "@rollup/rollup-openharmony-arm64": 4.60.0
-      "@rollup/rollup-win32-arm64-msvc": 4.60.0
-      "@rollup/rollup-win32-ia32-msvc": 4.60.0
-      "@rollup/rollup-win32-x64-gnu": 4.60.0
-      "@rollup/rollup-win32-x64-msvc": 4.60.0
+      '@rollup/rollup-android-arm-eabi': 4.60.0
+      '@rollup/rollup-android-arm64': 4.60.0
+      '@rollup/rollup-darwin-arm64': 4.60.0
+      '@rollup/rollup-darwin-x64': 4.60.0
+      '@rollup/rollup-freebsd-arm64': 4.60.0
+      '@rollup/rollup-freebsd-x64': 4.60.0
+      '@rollup/rollup-linux-arm-gnueabihf': 4.60.0
+      '@rollup/rollup-linux-arm-musleabihf': 4.60.0
+      '@rollup/rollup-linux-arm64-gnu': 4.60.0
+      '@rollup/rollup-linux-arm64-musl': 4.60.0
+      '@rollup/rollup-linux-loong64-gnu': 4.60.0
+      '@rollup/rollup-linux-loong64-musl': 4.60.0
+      '@rollup/rollup-linux-ppc64-gnu': 4.60.0
+      '@rollup/rollup-linux-ppc64-musl': 4.60.0
+      '@rollup/rollup-linux-riscv64-gnu': 4.60.0
+      '@rollup/rollup-linux-riscv64-musl': 4.60.0
+      '@rollup/rollup-linux-s390x-gnu': 4.60.0
+      '@rollup/rollup-linux-x64-gnu': 4.60.0
+      '@rollup/rollup-linux-x64-musl': 4.60.0
+      '@rollup/rollup-openbsd-x64': 4.60.0
+      '@rollup/rollup-openharmony-arm64': 4.60.0
+      '@rollup/rollup-win32-arm64-msvc': 4.60.0
+      '@rollup/rollup-win32-ia32-msvc': 4.60.0
+      '@rollup/rollup-win32-x64-gnu': 4.60.0
+      '@rollup/rollup-win32-x64-msvc': 4.60.0
       fsevents: 2.3.3
 
   rrweb-cssom@0.8.0: {}
 
-  safe-array-concat@1.1.3:
+  sade@1.8.1:
     dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      get-intrinsic: 1.3.0
-      has-symbols: 1.1.0
-      isarray: 2.0.5
-
-  safe-push-apply@1.0.0:
-    dependencies:
-      es-errors: 1.3.0
-      isarray: 2.0.5
-
-  safe-regex-test@1.1.0:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      is-regex: 1.2.1
+      mri: 1.2.0
 
   safe-stable-stringify@2.5.0: {}
 
@@ -5082,75 +2925,19 @@ snapshots:
     dependencies:
       xmlchars: 2.2.0
 
-  scheduler@0.23.2:
-    dependencies:
-      loose-envify: 1.4.0
-
-  semver@6.3.1: {}
-
   semver@7.7.4: {}
 
-  set-function-length@1.2.2:
-    dependencies:
-      define-data-property: 1.1.4
-      es-errors: 1.3.0
-      function-bind: 1.1.2
-      get-intrinsic: 1.3.0
-      gopd: 1.2.0
-      has-property-descriptors: 1.0.2
-
-  set-function-name@2.0.2:
-    dependencies:
-      define-data-property: 1.1.4
-      es-errors: 1.3.0
-      functions-have-names: 1.2.3
-      has-property-descriptors: 1.0.2
-
-  set-proto@1.0.0:
-    dependencies:
-      dunder-proto: 1.0.1
-      es-errors: 1.3.0
-      es-object-atoms: 1.1.1
-
   shebang-command@2.0.0:
     dependencies:
       shebang-regex: 3.0.0
 
   shebang-regex@3.0.0: {}
 
-  side-channel-list@1.0.0:
-    dependencies:
-      es-errors: 1.3.0
-      object-inspect: 1.13.4
-
-  side-channel-map@1.0.1:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      get-intrinsic: 1.3.0
-      object-inspect: 1.13.4
-
-  side-channel-weakmap@1.0.2:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      get-intrinsic: 1.3.0
-      object-inspect: 1.13.4
-      side-channel-map: 1.0.1
-
-  side-channel@1.1.0:
-    dependencies:
-      es-errors: 1.3.0
-      object-inspect: 1.13.4
-      side-channel-list: 1.0.0
-      side-channel-map: 1.0.1
-      side-channel-weakmap: 1.0.2
-
   siginfo@2.0.0: {}
 
   source-map-js@1.2.1: {}
 
-  spacetimedb@2.1.0(react@18.3.1):
+  spacetimedb@2.1.0(react@18.3.1)(svelte@5.55.1):
     dependencies:
       base64-js: 1.5.1
       headers-polyfill: 4.0.3
@@ -5162,6 +2949,7 @@ snapshots:
       url-polyfill: 1.1.14
     optionalDependencies:
       react: 18.3.1
+      svelte: 5.55.1
 
   stackback@0.0.2: {}
 
@@ -5169,55 +2957,6 @@ snapshots:
 
   std-env@3.10.0: {}
 
-  stop-iteration-iterator@1.1.0:
-    dependencies:
-      es-errors: 1.3.0
-      internal-slot: 1.1.0
-
-  string.prototype.matchall@4.0.12:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-abstract: 1.24.1
-      es-errors: 1.3.0
-      es-object-atoms: 1.1.1
-      get-intrinsic: 1.3.0
-      gopd: 1.2.0
-      has-symbols: 1.1.0
-      internal-slot: 1.1.0
-      regexp.prototype.flags: 1.5.4
-      set-function-name: 2.0.2
-      side-channel: 1.1.0
-
-  string.prototype.repeat@1.0.0:
-    dependencies:
-      define-properties: 1.2.1
-      es-abstract: 1.24.1
-
-  string.prototype.trim@1.2.10:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-data-property: 1.1.4
-      define-properties: 1.2.1
-      es-abstract: 1.24.1
-      es-object-atoms: 1.1.1
-      has-property-descriptors: 1.0.2
-
-  string.prototype.trimend@1.0.9:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-object-atoms: 1.1.1
-
-  string.prototype.trimstart@1.0.8:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-object-atoms: 1.1.1
-
   strip-indent@3.0.0:
     dependencies:
       min-indent: 1.0.1
@@ -5232,7 +2971,36 @@ snapshots:
     dependencies:
       has-flag: 4.0.0
 
-  supports-preserve-symlinks-flag@1.0.0: {}
+  svelte-check@4.4.6(picomatch@4.0.4)(svelte@5.55.1)(typescript@5.6.3):
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      chokidar: 4.0.3
+      fdir: 6.5.0(picomatch@4.0.4)
+      picocolors: 1.1.1
+      sade: 1.8.1
+      svelte: 5.55.1
+      typescript: 5.6.3
+    transitivePeerDependencies:
+      - picomatch
+
+  svelte@5.55.1:
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@sveltejs/acorn-typescript': 1.0.9(acorn@8.16.0)
+      '@types/estree': 1.0.8
+      '@types/trusted-types': 2.0.7
+      acorn: 8.16.0
+      aria-query: 5.3.1
+      axobject-query: 4.1.0
+      clsx: 2.1.1
+      devalue: 5.6.4
+      esm-env: 1.2.2
+      esrap: 2.2.4
+      is-reference: 3.0.3
+      locate-character: 3.0.0
+      magic-string: 0.30.21
+      zimmerframe: 1.1.4
 
   symbol-tree@3.2.4: {}
 
@@ -5269,49 +3037,19 @@ snapshots:
     dependencies:
       typescript: 5.6.3
 
+  tslib@2.8.1:
+    optional: true
+
   type-check@0.4.0:
     dependencies:
       prelude-ls: 1.2.1
 
-  typed-array-buffer@1.0.3:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      is-typed-array: 1.1.15
-
-  typed-array-byte-length@1.0.3:
-    dependencies:
-      call-bind: 1.0.8
-      for-each: 0.3.5
-      gopd: 1.2.0
-      has-proto: 1.2.0
-      is-typed-array: 1.1.15
-
-  typed-array-byte-offset@1.0.4:
-    dependencies:
-      available-typed-arrays: 1.0.7
-      call-bind: 1.0.8
-      for-each: 0.3.5
-      gopd: 1.2.0
-      has-proto: 1.2.0
-      is-typed-array: 1.1.15
-      reflect.getprototypeof: 1.0.10
-
-  typed-array-length@1.0.7:
-    dependencies:
-      call-bind: 1.0.8
-      for-each: 0.3.5
-      gopd: 1.2.0
-      is-typed-array: 1.1.15
-      possible-typed-array-names: 1.1.0
-      reflect.getprototypeof: 1.0.10
-
   typescript-eslint@8.57.2(eslint@9.39.4)(typescript@5.6.3):
     dependencies:
-      "@typescript-eslint/eslint-plugin": 8.57.2(@typescript-eslint/parser@8.57.2(eslint@9.39.4)(typescript@5.6.3))(eslint@9.39.4)(typescript@5.6.3)
-      "@typescript-eslint/parser": 8.57.2(eslint@9.39.4)(typescript@5.6.3)
-      "@typescript-eslint/typescript-estree": 8.57.2(typescript@5.6.3)
-      "@typescript-eslint/utils": 8.57.2(eslint@9.39.4)(typescript@5.6.3)
+      '@typescript-eslint/eslint-plugin': 8.57.2(@typescript-eslint/parser@8.57.2(eslint@9.39.4)(typescript@5.6.3))(eslint@9.39.4)(typescript@5.6.3)
+      '@typescript-eslint/parser': 8.57.2(eslint@9.39.4)(typescript@5.6.3)
+      '@typescript-eslint/typescript-estree': 8.57.2(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.57.2(eslint@9.39.4)(typescript@5.6.3)
       eslint: 9.39.4
       typescript: 5.6.3
     transitivePeerDependencies:
@@ -5319,18 +3057,7 @@ snapshots:
 
   typescript@5.6.3: {}
 
-  unbox-primitive@1.1.0:
-    dependencies:
-      call-bound: 1.0.4
-      has-bigints: 1.1.0
-      has-symbols: 1.1.0
-      which-boxed-primitive: 1.1.1
-
-  update-browserslist-db@1.2.3(browserslist@4.28.1):
-    dependencies:
-      browserslist: 4.28.1
-      escalade: 3.2.0
-      picocolors: 1.1.1
+  undici-types@7.18.2: {}
 
   uri-js@4.4.1:
     dependencies:
@@ -5338,15 +3065,15 @@ snapshots:
 
   url-polyfill@1.1.14: {}
 
-  vite-node@3.2.4:
+  vite-node@3.2.4(@types/node@25.5.0)(lightningcss@1.32.0):
     dependencies:
       cac: 6.7.14
       debug: 4.4.3
       es-module-lexer: 1.7.0
       pathe: 2.0.3
-      vite: 7.3.1
+      vite: 7.3.1(@types/node@25.5.0)(lightningcss@1.32.0)
     transitivePeerDependencies:
-      - "@types/node"
+      - '@types/node'
       - jiti
       - less
       - lightningcss
@@ -5359,7 +3086,7 @@ snapshots:
       - tsx
       - yaml
 
-  vite@7.3.1:
+  vite@7.3.1(@types/node@25.5.0)(lightningcss@1.32.0):
     dependencies:
       esbuild: 0.27.4
       fdir: 6.5.0(picomatch@4.0.4)
@@ -5368,18 +3095,39 @@ snapshots:
       rollup: 4.60.0
       tinyglobby: 0.2.15
     optionalDependencies:
+      '@types/node': 25.5.0
       fsevents: 2.3.3
+      lightningcss: 1.32.0
 
-  vitest@3.2.4(jsdom@26.1.0):
+  vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.4):
     dependencies:
-      "@types/chai": 5.2.3
-      "@vitest/expect": 3.2.4
-      "@vitest/mocker": 3.2.4(vite@7.3.1)
-      "@vitest/pretty-format": 3.2.4
-      "@vitest/runner": 3.2.4
-      "@vitest/snapshot": 3.2.4
-      "@vitest/spy": 3.2.4
-      "@vitest/utils": 3.2.4
+      lightningcss: 1.32.0
+      picomatch: 4.0.4
+      postcss: 8.5.8
+      rolldown: 1.0.0-rc.12(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)
+      tinyglobby: 0.2.15
+    optionalDependencies:
+      '@types/node': 25.5.0
+      esbuild: 0.27.4
+      fsevents: 2.3.3
+    transitivePeerDependencies:
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+
+  vitefu@1.1.2(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.4)):
+    optionalDependencies:
+      vite: 8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.4)
+
+  vitest@3.2.4(@types/node@25.5.0)(jsdom@26.1.0)(lightningcss@1.32.0):
+    dependencies:
+      '@types/chai': 5.2.3
+      '@vitest/expect': 3.2.4
+      '@vitest/mocker': 3.2.4(vite@7.3.1(@types/node@25.5.0)(lightningcss@1.32.0))
+      '@vitest/pretty-format': 3.2.4
+      '@vitest/runner': 3.2.4
+      '@vitest/snapshot': 3.2.4
+      '@vitest/spy': 3.2.4
+      '@vitest/utils': 3.2.4
       chai: 5.3.3
       debug: 4.4.3
       expect-type: 1.3.0
@@ -5392,10 +3140,11 @@ snapshots:
       tinyglobby: 0.2.15
       tinypool: 1.1.1
       tinyrainbow: 2.0.0
-      vite: 7.3.1
-      vite-node: 3.2.4
+      vite: 7.3.1(@types/node@25.5.0)(lightningcss@1.32.0)
+      vite-node: 3.2.4(@types/node@25.5.0)(lightningcss@1.32.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
+      '@types/node': 25.5.0
       jsdom: 26.1.0
     transitivePeerDependencies:
       - jiti
@@ -5428,47 +3177,6 @@ snapshots:
       tr46: 5.1.1
       webidl-conversions: 7.0.0
 
-  which-boxed-primitive@1.1.1:
-    dependencies:
-      is-bigint: 1.1.0
-      is-boolean-object: 1.2.2
-      is-number-object: 1.1.1
-      is-string: 1.1.1
-      is-symbol: 1.1.1
-
-  which-builtin-type@1.2.1:
-    dependencies:
-      call-bound: 1.0.4
-      function.prototype.name: 1.1.8
-      has-tostringtag: 1.0.2
-      is-async-function: 2.1.1
-      is-date-object: 1.1.0
-      is-finalizationregistry: 1.1.1
-      is-generator-function: 1.1.2
-      is-regex: 1.2.1
-      is-weakref: 1.1.1
-      isarray: 2.0.5
-      which-boxed-primitive: 1.1.1
-      which-collection: 1.0.2
-      which-typed-array: 1.1.20
-
-  which-collection@1.0.2:
-    dependencies:
-      is-map: 2.0.3
-      is-set: 2.0.3
-      is-weakmap: 2.0.2
-      is-weakset: 2.0.4
-
-  which-typed-array@1.1.20:
-    dependencies:
-      available-typed-arrays: 1.0.7
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      for-each: 0.3.5
-      get-proto: 1.0.1
-      gopd: 1.2.0
-      has-tostringtag: 1.0.2
-
   which@2.0.2:
     dependencies:
       isexe: 2.0.0
@@ -5486,6 +3194,6 @@ snapshots:
 
   xmlchars@2.2.0: {}
 
-  yallist@3.1.1: {}
-
   yocto-queue@0.1.0: {}
+
+  zimmerframe@1.1.4: {}
diff --git a/src/App.css b/src/App.css
index 325274d..0093b32 100644
--- a/src/App.css
+++ b/src/App.css
@@ -576,7 +576,7 @@ body {
   width: 100%;
 }
 
-/* We'll add a row-container to wrap only the row items in VideoGrid.tsx */
+/* We'll add a row-container to wrap only the row items in VideoGrid.svelte */
 .video-participants-row {
   display: flex;
   gap: 12px;
diff --git a/src/App.integration.test.tsx b/src/App.integration.test.tsx
deleted file mode 100644
index b478052..0000000
--- a/src/App.integration.test.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import { render, screen, waitFor } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import { describe, it, expect } from "vitest";
-import App from "./App";
-import { SpacetimeDBProvider } from "spacetimedb/react";
-import { DbConnection } from "./module_bindings";
-
-describe("App Integration Test", () => {
-  it("connects to the DB, allows name change and message sending", async () => {
-    const connectionBuilder = DbConnection.builder()
-      .withUri("ws://localhost:3000")
-      .withDatabaseName("quickstart-chat")
-      .withToken(
-        localStorage.getItem(
-          "ws://localhost:3000/quickstart-chat/auth_token",
-        ) || "",
-      );
-    render(
-      <SpacetimeDBProvider connectionBuilder={connectionBuilder}>
-        <App />
-      </SpacetimeDBProvider>,
-    );
-
-    // Initially, we should see "Connecting..."
-    expect(screen.getByText(/Connecting.../i)).toBeInTheDocument();
-
-    // Wait until "Connecting..." is gone (meaning we've connected)
-    // This might require the actual DB to accept the connection
-    await waitFor(
-      () =>
-        expect(screen.queryByText(/Connecting.../i)).not.toBeInTheDocument(),
-      { timeout: 10000 },
-    );
-
-    // The profile section should show the default name or truncated identity
-    // For example, you can check if the text is rendered.
-    // If your default identity is something like 'abcdef12' or 'Unknown'
-    // we do a generic check:
-    expect(
-      screen.getByRole("heading", { name: /profile/i }),
-    ).toBeInTheDocument();
-
-    // Let's change the user's name
-    const editNameButton = screen.getByText(/Edit Name/i);
-    await userEvent.click(editNameButton);
-
-    const nameInput = screen.getByRole("textbox", { name: /name input/i });
-    await userEvent.clear(nameInput);
-    await userEvent.type(nameInput, "TestUser");
-    const submitNameButton = screen.getByRole("button", { name: /submit/i });
-    await userEvent.click(submitNameButton);
-
-    // If your DB or UI updates instantly, we can check that the new name shows up
-    await waitFor(
-      () => {
-        expect(screen.getByText("TestUser")).toBeInTheDocument();
-      },
-      { timeout: 10000 },
-    );
-
-    // Now let's send a message
-    const textarea = screen.getByRole("textbox", { name: /message input/i });
-    await userEvent.type(textarea, "Hello from GH Actions!");
-
-    const sendButton = screen.getByRole("button", { name: /send/i });
-    await userEvent.click(sendButton);
-
-    // Wait for message to appear in the UI
-    await waitFor(
-      () => {
-        expect(screen.getByText("Hello from GH Actions!")).toBeInTheDocument();
-      },
-      { timeout: 10000 },
-    );
-  });
-});
diff --git a/src/App.svelte b/src/App.svelte
new file mode 100644
index 0000000..9f4d9de
--- /dev/null
+++ b/src/App.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+  import { onMount } from "svelte";
+  import { createSpacetimeDBProvider } from "spacetimedb/svelte";
+  import { connectionBuilder } from "./config";
+  import { AuthGate } from "./auth";
+  import { ChatContainer } from "./chat";
+  import "./App.css";
+
+  // Initialize SpacetimeDB provider
+  // This sets up the context for useTable and useReducer
+  const db = createSpacetimeDBProvider(connectionBuilder());
+
+  $effect(() => {
+    console.log("App: SpacetimeDB State:", $db);
+  });
+</script>
+
+<AuthGate>
+  {#if $db.identity}
+    <ChatContainer />
+  {:else}
+    <div class="login-screen">
+      <h1>Connecting to SpacetimeDB...</h1>
+    </div>
+  {/if}
+</AuthGate>
diff --git a/src/App.tsx b/src/App.tsx
deleted file mode 100644
index b5e5971..0000000
--- a/src/App.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from "react";
-import "./App.css";
-// Remove all imports related to SpacetimeDB, auth, and chat logic that are now in ChatContainer or other modules
-// import { tables, reducers } from './module_bindings';
-// import type * as Types from './module_bindings/types';
-// import { useSpacetimeDB, useTable, useReducer } from 'spacetimedb/react';
-// import { Identity } from 'spacetimedb';
-// import { useAuth } from "react-oidc-context";
-// import { TOKEN_KEY } from './main';
-
-// Import the new ChatContainer component
-import { ChatContainer } from "./chat"; // Import from index.ts
-
-function App() {
-  // All the state, effects, reducers, table fetches, and UI rendering logic
-  // related to chat and authentication have been moved to ChatContainer and its sub-components.
-  // App.tsx now simply renders the ChatContainer.
-
-  return <ChatContainer />;
-}
-
-export default App;
diff --git a/src/assets/react.svg b/src/assets/react.svg
deleted file mode 100644
index 6c87de9..0000000
--- a/src/assets/react.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>
\ No newline at end of file
diff --git a/src/auth/AuthGate.svelte b/src/auth/AuthGate.svelte
new file mode 100644
index 0000000..dcea188
--- /dev/null
+++ b/src/auth/AuthGate.svelte
@@ -0,0 +1,77 @@
+<script lang="ts">
+  import { onMount } from "svelte";
+  import { auth } from "./auth.svelte";
+  import UsernamePasswordAuth from "./UsernamePasswordAuth.svelte";
+  import { TOKEN_KEY } from "../config";
+
+  let { children } = $props<{ children: any }>();
+
+  let authError = $state<string | null>(null);
+  let hasStoredToken = $state(false);
+
+  onMount(() => {
+    hasStoredToken = !!localStorage.getItem(TOKEN_KEY);
+  });
+
+  function handleUsernamePasswordLoginSuccess() {
+    console.log("Username/Password login successful. AuthGate will re-render.");
+    hasStoredToken = true;
+  }
+
+  function handleUsernamePasswordRegisterSuccess() {
+    console.log(
+      "Username/Password registration successful. AuthGate will re-render.",
+    );
+    hasStoredToken = true;
+  }
+
+  function handleAuthError(error: string | null) {
+    authError = error;
+  }
+
+  const isBypassEnabled = 
+    import.meta.env.VITE_BYPASS_AUTH === "true" || 
+    new URLSearchParams(window.location.search).has("bypass_auth");
+
+  const isAuthenticated = $derived(auth.isAuthenticated || hasStoredToken || isBypassEnabled);
+
+  $effect(() => {
+    console.log("AuthGate: auth.isLoading:", auth.isLoading);
+    console.log("AuthGate: auth.isAuthenticated:", auth.isAuthenticated);
+    console.log("AuthGate: hasStoredToken:", hasStoredToken);
+    console.log("AuthGate: isBypassEnabled:", isBypassEnabled);
+  });
+</script>
+
+{#if auth.isLoading && !isBypassEnabled}
+  <div class="login-screen">
+    <h1>Loading Authentication...</h1>
+  </div>
+{:else if isAuthenticated}
+  {@render children()}
+{:else}
+  <div class="login-screen">
+    <div class="login-card">
+      <h1>Welcome!</h1>
+      <p>Please log in to continue to the chat.</p>
+      {#if authError}
+        <p style="color: #da373c; margin-bottom: 10px;">{authError}</p>
+      {/if}
+
+      <button
+        onclick={() => auth.signinRedirect()}
+        disabled={auth.isLoading}
+        class="btn-primary"
+        style="width: 100%; margin-bottom: 10px;"
+      >
+        {auth.isLoading ? "Loading..." : "Login with OIDC"}
+      </button>
+
+      <UsernamePasswordAuth
+        onLoginSuccess={handleUsernamePasswordLoginSuccess}
+        onRegisterSuccess={handleUsernamePasswordRegisterSuccess}
+        onError={handleAuthError}
+      />
+    </div>
+  </div>
+{/if}
diff --git a/src/auth/AuthGate.tsx b/src/auth/AuthGate.tsx
deleted file mode 100644
index d34a868..0000000
--- a/src/auth/AuthGate.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-// src/auth/AuthGate.tsx
-import React, { useState, useContext, useEffect } from "react";
-import { useAuth } from "react-oidc-context";
-import UsernamePasswordAuth from "./UsernamePasswordAuth";
-import App from "../App";
-import { TOKEN_KEY } from "../main.tsx";
-
-interface AuthGateProps {
-  children: React.ReactNode; // This will be SpacetimeDBWrapper
-}
-
-function AuthGate({ children }: AuthGateProps) {
-  const auth = useAuth();
-  const [authError, setAuthError] = useState<string | null>(null);
-  const [hasStoredToken, setHasStoredToken] = useState(
-    !!localStorage.getItem(TOKEN_KEY),
-  );
-
-  // Logging authentication state
-  console.log("AuthGate: auth.isLoading:", auth.isLoading);
-  console.log("AuthGate: auth.isAuthenticated:", auth.isAuthenticated);
-  console.log("AuthGate: hasStoredToken:", hasStoredToken);
-
-  const handleUsernamePasswordLoginSuccess = () => {
-    console.log("Username/Password login successful. AuthGate will re-render.");
-    setHasStoredToken(true);
-  };
-
-  const handleUsernamePasswordRegisterSuccess = () => {
-    console.log(
-      "Username/Password registration successful. AuthGate will re-render.",
-    );
-    setHasStoredToken(true);
-  };
-
-  const handleAuthError = (error: string | null) => {
-    setAuthError(error);
-  };
-
-  const isAuthenticated = auth.isAuthenticated || hasStoredToken;
-
-  if (auth.isLoading) {
-    // Show a loading indicator instead of a blank white screen
-    console.log("AuthGate: Authentication is loading...");
-    return (
-      <div className="login-screen">
-        <h1>Loading Authentication...</h1>
-      </div>
-    );
-  }
-
-  if (isAuthenticated) {
-    console.log("AuthGate: Authenticated. Rendering children.");
-    return <>{children}</>;
-  }
-
-  // If not authenticated, show login options
-  console.log("AuthGate: Not authenticated. Showing login options.");
-  return (
-    <div className="login-screen">
-      <div className="login-card">
-        <h1>Welcome!</h1>
-        <p>Please log in to continue to the chat.</p>
-        {authError && (
-          <p style={{ color: "#da373c", marginBottom: "10px" }}>{authError}</p>
-        )}
-
-        <button
-          onClick={() => auth.signinRedirect()}
-          disabled={auth.isLoading}
-          className="btn-primary"
-          style={{ width: "100%", marginBottom: "10px" }}
-        >
-          {auth.isLoading ? "Loading..." : "Login with OIDC"}
-        </button>
-
-        <UsernamePasswordAuth
-          onLoginSuccess={handleUsernamePasswordLoginSuccess}
-          onRegisterSuccess={handleUsernamePasswordRegisterSuccess}
-          onError={handleAuthError}
-        />
-      </div>
-    </div>
-  );
-}
-
-export default AuthGate;
diff --git a/src/auth/OidcProvider.tsx b/src/auth/OidcProvider.tsx
deleted file mode 100644
index 10340bc..0000000
--- a/src/auth/OidcProvider.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-// src/auth/OidcProvider.tsx
-import { ReactNode } from "react";
-import { AuthProvider } from "react-oidc-context";
-
-// OIDC Configuration - User should replace these with their own provider values
-export const oidcConfig = {
-  authority:
-    import.meta.env.VITE_OIDC_AUTHORITY ?? "https://accounts.google.com",
-  client_id: import.meta.env.VITE_OIDC_CLIENT_ID ?? "REPLACE_ME",
-  redirect_uri: window.location.origin,
-  scope: "openid profile email",
-  response_type: "code",
-  onSigninCallback: () => {
-    window.history.replaceState({}, document.title, window.location.pathname);
-  },
-};
-
-interface OidcProviderProps {
-  children: ReactNode;
-}
-
-export function OidcProvider({ children }: OidcProviderProps) {
-  return <AuthProvider {...oidcConfig}>{children}</AuthProvider>;
-}
diff --git a/src/auth/UsernamePasswordAuth.svelte b/src/auth/UsernamePasswordAuth.svelte
new file mode 100644
index 0000000..e967453
--- /dev/null
+++ b/src/auth/UsernamePasswordAuth.svelte
@@ -0,0 +1,119 @@
+<script lang="ts">
+  import { useSpacetimeDB } from "spacetimedb/svelte";
+  import { auth } from "./auth.svelte";
+
+  import { get } from "svelte/store";
+
+  let { onLoginSuccess, onRegisterSuccess, onError } = $props<{
+    onLoginSuccess: () => void;
+    onRegisterSuccess: () => void;
+    onError: (error: string | null) => void;
+  }>();
+
+  let username = $state("");
+  let password = $state("");
+  let isLoading = $state(false);
+
+  // Get the SpacetimeDB connection instance using the Svelte hook
+  const spacetime = useSpacetimeDB();
+
+  async function handleLogin() {
+    const conn = get(spacetime).getConnection();
+    if (!conn) {
+      onError("Database connection not available.");
+      return;
+    }
+    if (!username || !password) {
+      onError("Please enter both username and password.");
+      return;
+    }
+    isLoading = true;
+    onError(null);
+    try {
+      conn.reducers.login({ username, password });
+      onLoginSuccess();
+    } catch (e: any) {
+      onError(`Login error: ${e.message || "Unknown error"}`);
+      console.error("Login error:", e);
+    } finally {
+      isLoading = false;
+    }
+  }
+
+  async function handleRegister() {
+    const conn = get(spacetime).getConnection();
+    if (!conn) {
+      onError("Database connection not available.");
+      return;
+    }
+    if (!username || !password) {
+      onError("Please enter both username and password.");
+      return;
+    }
+    isLoading = true;
+    onError(null);
+    try {
+      conn.reducers.register({ username, password });
+      onRegisterSuccess();
+    } catch (e: any) {
+      onError(`Registration error: ${e.message || "Unknown error"}`);
+      console.error("Registration error:", e);
+    } finally {
+      isLoading = false;
+    }
+  }
+</script>
+
+<div
+  style="padding: 20px; border: 1px solid #ccc; border-radius: 8px; margin-bottom: 20px;"
+>
+  <h3 style="margin-top: 0;">Username/Password Authentication</h3>
+  <form onsubmit={(e) => e.preventDefault()}>
+    <div style="margin-bottom: 10px;">
+      <input
+        id="username"
+        name="username"
+        type="text"
+        placeholder="Username"
+        bind:value={username}
+        style="padding: 8px; margin-right: 10px; border-radius: 4px; border: 1px solid #ccc;"
+        disabled={isLoading}
+      />
+    </div>
+    <div style="margin-bottom: 10px;">
+      <input
+        id="password"
+        name="password"
+        type="password"
+        placeholder="Password"
+        bind:value={password}
+        style="padding: 8px; margin-right: 10px; border-radius: 4px; border: 1px solid #ccc;"
+        disabled={isLoading}
+      />
+    </div>
+    <div style="display: flex; gap: 10px;">
+      <button
+        type="button"
+        onclick={handleLogin}
+        disabled={isLoading || !get(spacetime).isActive}
+        style="padding: 10px 15px; border-radius: 4px; cursor: {isLoading ||
+        !get(spacetime).isActive
+          ? 'not-allowed'
+          : 'pointer'};"
+      >
+        {isLoading ? "Logging in..." : "Login"}
+      </button>
+      <button
+        type="button"
+        onclick={handleRegister}
+        disabled={isLoading || !get(spacetime).isActive}
+        style="padding: 10px 15px; border-radius: 4px; cursor: {isLoading ||
+        !get(spacetime).isActive
+          ? 'not-allowed'
+          : 'pointer'};"
+      >
+        {isLoading ? "Registering..." : "Register"}
+      </button>
+    </div>
+  </form>
+</div>
diff --git a/src/auth/UsernamePasswordAuth.tsx b/src/auth/UsernamePasswordAuth.tsx
deleted file mode 100644
index e4a5db1..0000000
--- a/src/auth/UsernamePasswordAuth.tsx
+++ /dev/null
@@ -1,148 +0,0 @@
-// src/auth/UsernamePasswordAuth.tsx
-import React, { useState, useEffect, useContext } from "react";
-import { Identity } from "spacetimedb";
-import { useSpacetimeDB } from "spacetimedb/react"; // Correct hook for SpacetimeDB connection
-import { TOKEN_KEY } from "../main.tsx"; // Import the token key
-
-// Define the expected shape of the DbConnection instance from the hook
-interface SpacetimeDBConnection {
-  call: <T>(reducerName: string, args: any[]) => Promise<T>;
-  // Add other DbConnection properties/methods if needed
-}
-
-interface UsernamePasswordAuthProps {
-  onLoginSuccess: () => void; // Callback on successful login
-  onRegisterSuccess: () => void; // Callback on successful registration
-  onError: (error: string | null) => void; // Callback for errors
-}
-
-function UsernamePasswordAuth({
-  onLoginSuccess,
-  onRegisterSuccess,
-  onError,
-}: UsernamePasswordAuthProps) {
-  const [username, setUsername] = useState("");
-  const [password, setPassword] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-
-  // Get the SpacetimeDB connection instance using the correct hook
-  const { conn } = useSpacetimeDB() as any;
-
-  const handleLogin = async () => {
-    if (!conn) {
-      onError("Database connection not available.");
-      return;
-    }
-    if (!username || !password) {
-      onError("Please enter both username and password.");
-      return;
-    }
-    setIsLoading(true);
-    onError(null); // Clear previous errors
-    try {
-      // Correct way to call reducers in SpacetimeDB TS SDK:
-      // conn.reducers.reducerName({ arg1: value1, ... })
-      conn.reducers.login({ username, password });
-
-      // Since reducers are asynchronous and don't return values to the caller,
-      // we assume success if no error is thrown immediately.
-      // The actual state update will come through the subscription.
-      onLoginSuccess();
-    } catch (e: any) {
-      onError(`Login error: ${e.message || "Unknown error"}`);
-      console.error("Login error:", e);
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  const handleRegister = async () => {
-    if (!conn) {
-      onError("Database connection not available.");
-      return;
-    }
-    if (!username || !password) {
-      onError("Please enter both username and password.");
-      return;
-    }
-    setIsLoading(true);
-    onError(null); // Clear previous errors
-    try {
-      conn.reducers.register({ username, password });
-      onRegisterSuccess();
-    } catch (e: any) {
-      onError(`Registration error: ${e.message || "Unknown error"}`);
-      console.error("Registration error:", e);
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  return (
-    <div
-      style={{
-        padding: "20px",
-        border: "1px solid #ccc",
-        borderRadius: "8px",
-        marginBottom: "20px",
-      }}
-    >
-      <h3 style={{ marginTop: "0" }}>Username/Password Authentication</h3>
-      <div style={{ marginBottom: "10px" }}>
-        <input
-          type="text"
-          placeholder="Username"
-          value={username}
-          onChange={(e) => setUsername(e.target.value)}
-          style={{
-            padding: "8px",
-            marginRight: "10px",
-            borderRadius: "4px",
-            border: "1px solid #ccc",
-          }}
-          disabled={isLoading}
-        />
-      </div>
-      <div style={{ marginBottom: "10px" }}>
-        <input
-          type="password"
-          placeholder="Password"
-          value={password}
-          onChange={(e) => setPassword(e.target.value)}
-          style={{
-            padding: "8px",
-            marginRight: "10px",
-            borderRadius: "4px",
-            border: "1px solid #ccc",
-          }}
-          disabled={isLoading}
-        />
-      </div>
-      <button
-        onClick={handleLogin}
-        disabled={isLoading || !conn}
-        style={{
-          padding: "10px 15px",
-          marginRight: "10px",
-          borderRadius: "4px",
-          cursor: isLoading || !conn ? "not-allowed" : "pointer",
-        }}
-      >
-        {isLoading ? "Logging in..." : "Login"}
-      </button>
-      <button
-        onClick={handleRegister}
-        disabled={isLoading || !conn}
-        style={{
-          padding: "10px 15px",
-          borderRadius: "4px",
-          cursor: isLoading || !conn ? "not-allowed" : "pointer",
-        }}
-      >
-        {isLoading ? "Registering..." : "Register"}
-      </button>
-    </div>
-  );
-}
-
-export default UsernamePasswordAuth;
diff --git a/src/auth/auth.svelte.ts b/src/auth/auth.svelte.ts
new file mode 100644
index 0000000..cf8f278
--- /dev/null
+++ b/src/auth/auth.svelte.ts
@@ -0,0 +1,122 @@
+import { UserManager, type User, type UserManagerSettings } from "oidc-client-ts";
+
+// OIDC Configuration - User should replace these with their own provider values
+export const oidcConfig: UserManagerSettings = {
+  authority:
+    import.meta.env.VITE_OIDC_AUTHORITY ?? "https://accounts.google.com",
+  client_id: import.meta.env.VITE_OIDC_CLIENT_ID ?? "REPLACE_ME",
+  redirect_uri: window.location.origin,
+  scope: "openid profile email",
+  response_type: "code",
+};
+
+class AuthStore {
+  #userManager: UserManager;
+  #user = $state<User | null | undefined>(null);
+  #isLoading = $state(true);
+
+  constructor(settings: UserManagerSettings) {
+    this.#userManager = new UserManager(settings);
+
+    // Check if we are in a callback from the OIDC provider
+    if (
+      window.location.search.includes("code=") &&
+      window.location.search.includes("state=")
+    ) {
+      this.signinCallback();
+    } else {
+      this.#userManager
+        .getUser()
+        .then((user) => {
+          this.#user = user;
+        })
+        .finally(() => {
+          this.#isLoading = false;
+        });
+    }
+
+    this.#userManager.events.addUserLoaded((user) => {
+      this.#user = user;
+    });
+
+    this.#userManager.events.addUserUnloaded(() => {
+      this.#user = null;
+    });
+  }
+
+  get user() {
+    return this.#user;
+  }
+
+  get isLoading() {
+    return this.#isLoading;
+  }
+
+  get isAuthenticated() {
+    return !!this.#user;
+  }
+
+  async signinRedirect() {
+    this.#isLoading = true;
+    try {
+      await this.#userManager.signinRedirect();
+    } catch (error) {
+      console.error("Signin redirect error:", error);
+      this.#isLoading = false;
+    }
+  }
+
+  async signinCallback() {
+    this.#isLoading = true;
+    try {
+      const user = await this.#userManager.signinCallback();
+      this.#user = user;
+      window.history.replaceState({}, document.title, window.location.pathname);
+    } catch (error) {
+      console.error("Signin callback error:", error);
+    } finally {
+      this.#isLoading = false;
+    }
+  }
+
+  async signoutRedirect() {
+    this.#isLoading = true;
+    try {
+      await this.#userManager.signoutRedirect();
+    } catch (error) {
+      console.error("Signout redirect error:", error);
+    } finally {
+      this.#isLoading = false;
+    }
+  }
+
+  async logout() {
+    this.#isLoading = true;
+    try {
+      // Clear all potential SpacetimeDB tokens from local storage
+      for (let i = 0; i < localStorage.length; i++) {
+        const key = localStorage.key(i);
+        if (key && key.includes("auth_token")) {
+          localStorage.removeItem(key);
+        }
+      }
+      
+      if (this.#user) {
+        await this.#userManager.signoutRedirect();
+      } else {
+        // If not OIDC, just reload to clear state
+        window.location.reload();
+      }
+    } catch (error) {
+      console.error("Logout error:", error);
+    } finally {
+      this.#isLoading = false;
+    }
+  }
+
+  async clearStaleState() {
+    await this.#userManager.clearStaleState();
+  }
+}
+
+export const auth = new AuthStore(oidcConfig);
diff --git a/src/auth/index.ts b/src/auth/index.ts
index 8bc491a..b9593ad 100644
--- a/src/auth/index.ts
+++ b/src/auth/index.ts
@@ -1,4 +1,4 @@
 // src/auth/index.ts
-export { OidcProvider, oidcConfig } from "./OidcProvider";
-export { default as AuthGate } from "./AuthGate";
-export { default as UsernamePasswordAuth } from "./UsernamePasswordAuth";
+export { auth } from "./auth.svelte";
+export { default as AuthGate } from "./AuthGate.svelte";
+export { default as UsernamePasswordAuth } from "./UsernamePasswordAuth.svelte";
diff --git a/src/chat/ChatContainer.svelte b/src/chat/ChatContainer.svelte
new file mode 100644
index 0000000..bfc85ed
--- /dev/null
+++ b/src/chat/ChatContainer.svelte
@@ -0,0 +1,172 @@
+<script lang="ts">
+  import { useSpacetimeDB } from "spacetimedb/svelte";
+  import { setContext } from "svelte";
+  import { ChatService } from "./services/chat.svelte";
+  import { WebRTCService } from "./services/webrtc/webrtc.svelte";
+  import ServerList from "./components/ServerList.svelte";
+  import ChannelList from "./components/ChannelList.svelte";
+  import MessageList from "./components/MessageList.svelte";
+  import MessageInput from "./components/MessageInput.svelte";
+  import MemberList from "./components/MemberList.svelte";
+  import ThreadView from "./components/ThreadView.svelte";
+  import ServerDiscovery from "./components/ServerDiscovery.svelte";
+  import VideoGrid from "./components/VideoGrid.svelte";
+  import SettingsPanel from "./components/SettingsPanel.svelte";
+
+  const spacetime = useSpacetimeDB();
+  // identity is guaranteed to be non-null here because of the guard in App.svelte
+  const identity = $derived($spacetime.identity!);
+
+  const chat = new ChatService(null);
+  const webrtc = new WebRTCService(null, undefined);
+
+  // Provide services via context
+  setContext("chat", chat);
+  setContext("webrtc", webrtc);
+
+  let showSettings = $state(false);
+  let showMemberList = $state(true);
+
+  $effect(() => {
+    chat.identity = identity;
+    webrtc.identity = identity;
+    webrtc.connectedChannelId = chat.connectedVoiceChannel?.id;
+  });
+
+  function handleGlobalClick() {
+    webrtc?.voice.peerManager.getAudioContext();
+  }
+</script>
+
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<!-- svelte-ignore a11y_click_events_have_key_events -->
+<div class="chat-container" onclick={handleGlobalClick}>
+  <ServerList />
+
+  <div class="sidebar-container">
+    <ChannelList />
+    
+    {#if chat.connectedVoiceChannel}
+      <div class="voice-status-bar">
+        <div class="voice-info">
+          <div class="voice-connected-text">
+            <span style="margin-right: 4px">📶</span>
+            Voice Connected
+          </div>
+          <div class="voice-channel-name">
+            {chat.connectedVoiceChannel.name} / {chat.activeServer?.name}
+          </div>
+        </div>
+        <div class="voice-actions">
+          <button
+            class="icon-btn"
+            onclick={chat.handleLeaveVoice}
+            title="Disconnect"
+            style="color: #f23f43"
+          >
+            <span style="font-size: 1.2rem">✕</span>
+          </button>
+        </div>
+      </div>
+    {/if}
+
+    <div class="user-info-bar">
+      <div class="user-info-main">
+        <div class="avatar small">
+          {chat.currentUser?.name?.[0]?.toUpperCase() ||
+            identity?.toHexString().substring(0, 2).toUpperCase()}
+        </div>
+        <div class="user-details">
+          <div class="user-display-name">
+            {chat.currentUser?.name || identity?.toHexString().substring(0, 8)}
+          </div>
+          <div class="user-status">
+            <div class="status-dot green" style="width: 8px; height: 8px;"></div>
+            Online
+          </div>
+        </div>
+      </div>
+      <div class="user-actions">
+        <button
+          class="icon-btn {webrtc.isMuted ? 'active' : ''}"
+          onclick={webrtc.toggleMute}
+          title={webrtc.isMuted ? "Unmute" : "Mute"}
+        >
+          {webrtc.isMuted ? "🎙️❌" : "🎙️"}
+        </button>
+        <button
+          class="icon-btn {webrtc.isDeafened ? 'active' : ''}"
+          onclick={webrtc.toggleDeafen}
+          title={webrtc.isDeafened ? "Undeafen" : "Deafen"}
+        >
+          {webrtc.isDeafened ? "🎧❌" : "🎧"}
+        </button>
+        <button
+          class="icon-btn"
+          onclick={() => (showSettings = true)}
+          title="User Settings"
+        >
+          ⚙️
+        </button>
+      </div>
+    </div>
+  </div>
+
+  <div
+    class="main-content {showMemberList || chat.activeThreadId ? 'has-right-sidebar' : ''}"
+  >
+    <div class="chat-header">
+      <div style="display: flex; align-items: center; gap: 8px; flex: 1;">
+        <span class="channel-item-hash">
+          {chat.isActiveChannelVoice ? "🔊" : "#"}
+        </span>
+        {chat.activeChannel?.name || "Select a channel"}
+      </div>
+
+      <div style="display: flex; align-items: center; gap: 12px;">
+        {#if chat.isActiveChannelVoice && chat.connectedVoiceChannel?.id === chat.activeChannel?.id}
+          <button
+            class="screen-share-btn {webrtc.isSharingScreen ? 'active' : ''}"
+            onclick={webrtc.isSharingScreen ? webrtc.stopScreenShare : webrtc.startScreenShare}
+          >
+            {webrtc.isSharingScreen ? "Stop Sharing" : "Share Screen"}
+          </button>
+        {/if}
+
+        {#if !chat.activeThreadId}
+          <button
+            class="icon-btn {showMemberList ? 'active' : ''}"
+            onclick={() => (showMemberList = !showMemberList)}
+            title={showMemberList ? "Hide Member List" : "Show Member List"}
+          >
+            👥
+          </button>
+        {/if}
+      </div>
+    </div>
+
+    {#if chat.isActiveChannelVoice}
+      <VideoGrid />
+    {:else}
+      <MessageList />
+      <MessageInput />
+    {/if}
+  </div>
+
+  {#if chat.activeThreadId}
+    <ThreadView />
+  {:else if showMemberList}
+    <MemberList />
+  {/if}
+
+  {#if chat.showDiscoveryModal}
+    <ServerDiscovery />
+  {/if}
+
+  {#if showSettings}
+    <SettingsPanel
+      currentUser={chat.currentUser}
+      onClose={() => (showSettings = false)}
+    />
+  {/if}
+</div>
diff --git a/src/chat/ChatContainer.tsx b/src/chat/ChatContainer.tsx
deleted file mode 100644
index b700bf3..0000000
--- a/src/chat/ChatContainer.tsx
+++ /dev/null
@@ -1,277 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { useChat, useWebRTC } from "./services";
-import ServerList from "./components/ServerList";
-import ChannelList from "./components/ChannelList";
-import MessageList from "./components/MessageList";
-import MessageInput from "./components/MessageInput";
-import MemberList from "./components/MemberList";
-import ThreadView from "./components/ThreadView";
-import ServerDiscovery from "./components/ServerDiscovery";
-import { VideoGrid } from "./components/VideoGrid";
-import { SettingsPanel } from "./components/SettingsPanel";
-import { useSpacetimeDB } from "spacetimedb/react";
-
-const ChatContainer: React.FC = () => {
-  const chat = useChat();
-  const { identity } = useSpacetimeDB();
-  const [showSettings, setShowSettings] = useState(false);
-  const [showMemberList, setShowMemberList] = useState(true);
-
-  const {
-    peerStatuses,
-    peers,
-    localScreenStream,
-    startScreenShare,
-    stopScreenShare,
-    isSharingScreen,
-    startWatching,
-    stopWatching,
-    watching,
-    isMuted,
-    isDeafened,
-    toggleMute,
-    toggleDeafen,
-    peerStats,
-    setPeerAudioPreference,
-  } = useWebRTC(chat.connectedVoiceChannel?.id);
-
-  useEffect(() => {
-    console.log("ChatContainer mounted. Identity:", identity?.toHexString());
-  }, [identity]);
-
-  return (
-    <div className="chat-container">
-      <ServerList
-        joinedServers={chat.joinedServers}
-        activeServerId={chat.activeServerId}
-        setActiveServerId={chat.setActiveServerId}
-        isFullyAuthenticated={chat.isFullyAuthenticated}
-        identity={identity ?? null}
-        users={chat.users}
-        showCreateServerModal={chat.showCreateServerModal}
-        setShowCreateServerModal={chat.setShowCreateServerModal}
-        newServerName={chat.newServerName}
-        setNewServerName={chat.setNewServerName}
-        handleCreateServer={chat.handleCreateServer}
-        setShowDiscoveryModal={chat.setShowDiscoveryModal}
-        handleLeaveServer={chat.handleLeaveServer}
-      />
-
-      <div className="sidebar-container">
-        <ChannelList
-          activeServerId={chat.activeServerId}
-          activeChannelId={chat.activeChannelId}
-          setActiveChannelId={chat.setActiveChannelId}
-          setActiveThreadId={chat.setActiveThreadId}
-          channels={chat.channels}
-          servers={chat.servers}
-          users={chat.users}
-          identity={identity ?? null}
-          voiceStates={chat.voiceStates}
-          currentVoiceState={chat.currentVoiceState}
-          connectedVoiceChannel={chat.connectedVoiceChannel}
-          isFullyAuthenticated={chat.isFullyAuthenticated}
-          showCreateChannelModal={chat.showCreateChannelModal}
-          setShowCreateChannelModal={chat.setShowCreateChannelModal}
-          newChannelName={chat.newChannelName}
-          setNewChannelName={chat.setNewChannelName}
-          isVoiceChannel={chat.isVoiceChannel}
-          setIsVoiceChannel={chat.setIsVoiceChannel}
-          handleCreateChannel={chat.handleCreateChannel}
-          handleJoinVoice={chat.handleJoinVoice}
-          handleLeaveVoice={chat.handleLeaveVoice}
-          handleLeaveServer={chat.handleLeaveServer}
-          peerStatuses={peerStatuses}
-          watching={watching}
-          peerStats={peerStats}
-          setPeerAudioPreference={setPeerAudioPreference}
-          voiceActivity={chat.voiceActivity}
-        />
-        {/* Voice Connected Status Bar */}
-        {chat.connectedVoiceChannel && (
-          <div className="voice-status-bar">
-            <div className="voice-info">
-              <div className="voice-connected-text">
-                <span style={{ marginRight: "4px" }}>📶</span>
-                Voice Connected
-              </div>
-              <div className="voice-channel-name">
-                {chat.connectedVoiceChannel.name} / {chat.activeServer?.name}
-              </div>
-            </div>
-            <div className="voice-actions">
-              <button
-                className="icon-btn"
-                onClick={chat.handleLeaveVoice}
-                title="Disconnect"
-                style={{ color: "#f23f43" }}
-              >
-                <span style={{ fontSize: "1.2rem" }}>✕</span>
-              </button>
-            </div>
-          </div>
-        )}
-
-        {/* User Info Bar */}
-        <div className="user-info-bar">
-          <div className="user-info-main">
-            <div className="avatar small">
-              {chat.currentUser?.name?.[0]?.toUpperCase() ||
-                identity?.toHexString().substring(0, 2).toUpperCase()}
-            </div>
-            <div className="user-details">
-              <div className="user-display-name">
-                {chat.currentUser?.name ||
-                  identity?.toHexString().substring(0, 8)}
-              </div>
-              <div className="user-status">Online</div>
-            </div>
-          </div>
-          <div className="user-actions">
-            <button
-              className={`icon-btn ${isMuted ? "active" : ""}`}
-              onClick={toggleMute}
-              title={isMuted ? "Unmute" : "Mute"}
-            >
-              {isMuted ? "🎙️❌" : "🎙️"}
-            </button>
-            <button
-              className={`icon-btn ${isDeafened ? "active" : ""}`}
-              onClick={toggleDeafen}
-              title={isDeafened ? "Undeafen" : "Deafen"}
-            >
-              {isDeafened ? "🎧❌" : "🎧"}
-            </button>
-            <button
-              className="icon-btn"
-              onClick={() => setShowSettings(true)}
-              title="User Settings"
-            >
-              ⚙️
-            </button>
-          </div>
-        </div>
-      </div>
-
-      <div
-        className={`main-content ${showMemberList || chat.activeThreadId ? "has-right-sidebar" : ""}`}
-      >
-        <div className="chat-header">
-          <div
-            style={{
-              display: "flex",
-              alignItems: "center",
-              gap: "8px",
-              flex: 1,
-            }}
-          >
-            <span className="channel-item-hash">
-              {chat.isActiveChannelVoice ? "🔊" : "#"}
-            </span>
-            {chat.activeChannel?.name || "Select a channel"}
-          </div>
-
-          <div style={{ display: "flex", alignItems: "center", gap: "12px" }}>
-            {chat.isActiveChannelVoice &&
-              chat.connectedVoiceChannel?.id === chat.activeChannel?.id && (
-                <button
-                  className={`screen-share-btn ${isSharingScreen ? "active" : ""}`}
-                  onClick={isSharingScreen ? stopScreenShare : startScreenShare}
-                >
-                  {isSharingScreen ? "Stop Sharing" : "Share Screen"}
-                </button>
-              )}
-
-            {!chat.activeThreadId && (
-              <button
-                className={`icon-btn ${showMemberList ? "active" : ""}`}
-                onClick={() => setShowMemberList(!showMemberList)}
-                title={showMemberList ? "Hide Member List" : "Show Member List"}
-              >
-                👥
-              </button>
-            )}
-          </div>
-        </div>
-
-        {chat.isActiveChannelVoice ? (
-          <VideoGrid
-            peers={peers}
-            localScreenStream={localScreenStream}
-            connectedChannelId={chat.activeChannel!.id}
-            startWatching={startWatching}
-            stopWatching={stopWatching}
-            watching={watching}
-            users={chat.users}
-            voiceStates={chat.voiceStates}
-            voiceActivity={chat.voiceActivity}
-          />
-        ) : (
-          <>
-            <MessageList
-              messages={chat.channelMessages}
-              activeThreadId={chat.activeThreadId}
-              setActiveThreadId={chat.setActiveThreadId}
-              users={chat.users}
-              identity={identity ?? null}
-              handleStartThread={chat.handleStartThread}
-              isFullyAuthenticated={chat.isFullyAuthenticated}
-              allThreads={chat.allThreads}
-            />
-            <MessageInput
-              activeChannelId={chat.activeChannelId}
-              activeThreadId={chat.activeThreadId}
-              isFullyAuthenticated={chat.isFullyAuthenticated}
-              sendMessageReducer={chat.sendMessageReducer}
-            />
-          </>
-        )}
-      </div>
-
-      {chat.activeThreadId ? (
-        <ThreadView
-          activeThreadId={chat.activeThreadId}
-          setActiveThreadId={chat.setActiveThreadId}
-          activeChannelId={chat.activeChannelId}
-          activeServer={chat.activeServer}
-          isFullyAuthenticated={chat.isFullyAuthenticated}
-          users={chat.users}
-          identity={identity ?? null}
-          allThreads={chat.allThreads}
-          allMessages={chat.allMessages}
-        />
-      ) : (
-        showMemberList && (
-          <MemberList
-            activeServerMembers={chat.activeServerMembers}
-            users={chat.users}
-            identity={identity ?? null}
-            activeServer={chat.activeServer}
-            voiceStates={chat.voiceStates}
-            currentVoiceState={chat.currentVoiceState}
-            connectedVoiceChannel={chat.connectedVoiceChannel}
-            voiceActivity={chat.voiceActivity}
-          />
-        )
-      )}
-
-      {chat.showDiscoveryModal && (
-        <ServerDiscovery
-          availableServers={chat.availableServers}
-          handleJoinServer={chat.handleJoinServer}
-          onClose={() => chat.setShowDiscoveryModal(false)}
-          isFullyAuthenticated={chat.isFullyAuthenticated}
-        />
-      )}
-
-      {showSettings && (
-        <SettingsPanel
-          currentUser={chat.currentUser}
-          onClose={() => setShowSettings(false)}
-        />
-      )}
-    </div>
-  );
-};
-
-export default ChatContainer;
diff --git a/src/chat/components/ChannelList.svelte b/src/chat/components/ChannelList.svelte
new file mode 100644
index 0000000..e08b891
--- /dev/null
+++ b/src/chat/components/ChannelList.svelte
@@ -0,0 +1,452 @@
+<script lang="ts">
+  import { getContext, onMount } from "svelte";
+  import type { ChatService } from "../services/chat.svelte";
+  import type { WebRTCService } from "../services/webrtc/webrtc.svelte";
+  import type { WebRTCStats } from "../services/webrtc/types";
+  import type * as Types from "../../module_bindings/types";
+
+  const chat = getContext<ChatService>("chat");
+  const webrtc = getContext<WebRTCService>("webrtc");
+
+  let hoveredPeer = $state<string | null>(null);
+  let showServerDropdown = $state(false);
+  let contextMenu = $state<{
+    peerIdHex: string;
+    name: string;
+    x: number;
+    y: number;
+  } | null>(null);
+
+  const getStatusColor = (
+    status: string | undefined,
+  ): "green" | "yellow" | "red" => {
+    if (!status) return "yellow";
+    const [iceState] = status.toLowerCase().split("/");
+
+    if (iceState.includes("connected") || iceState.includes("completed"))
+      return "green";
+    if (
+      iceState.includes("connecting") ||
+      iceState.includes("checking") ||
+      iceState.includes("new")
+    )
+      return "yellow";
+    if (
+      iceState.includes("failed") ||
+      iceState.includes("disconnected") ||
+      iceState.includes("closed")
+    )
+      return "red";
+
+    return "yellow";
+  };
+
+  const formatBitrate = (bps: number) => {
+    if (bps > 1000000) return `${(bps / 1000000).toFixed(2)} Mbps`;
+    if (bps > 1000) return `${(bps / 1000).toFixed(1)} Kbps`;
+    return `${bps.toFixed(0)} bps`;
+  };
+
+  // Voice Context Menu state
+  let volume = $state(1.0);
+  let isMuted = $state(false);
+
+  function handleVolumeChange(e: Event, peerIdHex: string) {
+    const val = parseFloat((e.target as HTMLInputElement).value);
+    volume = val;
+    webrtc.setPeerAudioPreference(peerIdHex, { volume: val });
+  }
+
+  function toggleMute(peerIdHex: string) {
+    isMuted = !isMuted;
+    webrtc.setPeerAudioPreference(peerIdHex, { muted: isMuted });
+  }
+
+  onMount(() => {
+    const handleClick = () => {
+      contextMenu = null;
+    };
+    window.addEventListener("click", handleClick);
+    return () => window.removeEventListener("click", handleClick);
+  });
+</script>
+
+{#if !chat.activeServer}
+  <div class="channel-sidebar">
+    <div class="server-header">Select a Server</div>
+  </div>
+{:else}
+  <div class="channel-sidebar">
+    <button
+      class="server-header clickable"
+      onclick={() => (showServerDropdown = !showServerDropdown)}
+    >
+      <h3
+        style="margin: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;"
+      >
+        {chat.activeServer.name}
+      </h3>
+      <span style="font-size: 0.8rem; opacity: 0.6; margin-left: 4px;">
+        {showServerDropdown ? "▲" : "▼"}
+      </span>
+    </button>
+
+    {#if showServerDropdown}
+      <div class="server-dropdown">
+        <button
+          class="server-dropdown-item danger muted"
+          onclick={() => {
+            if (chat.activeServerId) {
+              chat.handleLeaveServer(chat.activeServerId);
+              showServerDropdown = false;
+            }
+          }}
+        >
+          Leave Server
+        </button>
+      </div>
+    {/if}
+
+    <div class="channel-section">
+      <div class="section-header">
+        <span>TEXT CHANNELS</span>
+        <button
+          class="add-btn"
+          onclick={() => {
+            chat.isVoiceChannel = false;
+            chat.showCreateChannelModal = true;
+          }}
+        >
+          +
+        </button>
+      </div>
+      {#each chat.textChannels as channel (channel.id.toString())}
+        <button
+          class="channel-item {chat.activeChannelId === channel.id ? 'active' : ''}"
+          onclick={() => {
+            chat.activeChannelId = channel.id;
+            chat.activeThreadId = null;
+          }}
+        >
+          <span class="channel-item-hash">#</span>
+          {channel.name}
+        </button>
+      {/each}
+    </div>
+
+    <div class="channel-section">
+      <div class="section-header">
+        <span>VOICE CHANNELS</span>
+        <button
+          class="add-btn"
+          onclick={() => {
+            chat.isVoiceChannel = true;
+            chat.showCreateChannelModal = true;
+          }}
+        >
+          +
+        </button>
+      </div>
+      {#each chat.voiceChannels as channel (channel.id.toString())}
+        <div>
+          <button
+            class="channel-item {chat.activeChannelId === channel.id ? 'active' : ''}"
+            onclick={() => {
+              chat.handleJoinVoice(channel.id);
+              chat.activeChannelId = channel.id;
+              chat.activeThreadId = null;
+            }}
+            style="cursor: {chat.isFullyAuthenticated ? 'pointer' : 'not-allowed'};"
+          >
+            <span class="channel-item-hash">🔊</span>
+            {channel.name}
+          </button>
+
+          <!-- Voice Channel Members -->
+          <div class="voice-member-list">
+            {#each chat.voiceStates.filter((vs) => vs.channelId === channel.id) as vs (vs.identity.toHexString())}
+              {@const peerIdHex = vs.identity.toHexString()}
+              {@const isMe = chat.identity?.isEqual(vs.identity)}
+              {@const status = webrtc.peerStatuses.get(peerIdHex)}
+              {@const isTalking = chat.voiceActivity.find((va) => va.identity.isEqual(vs.identity))?.isTalking || false}
+              {@const isSharing = vs.isSharingScreen}
+              {@const voiceStatusColor = isMe ? "green" : getStatusColor(status)}
+              {@const videoStatusColor = isMe ? (isSharing ? "green" : undefined) : (isSharing ? getStatusColor(status) : undefined)}
+              {@const isLocalUserInThisChannel = chat.connectedVoiceChannel?.id === channel.id}
+
+              <div
+                class="voice-member-item"
+                oncontextmenu={(e) => {
+                  if (isMe) return;
+                  e.preventDefault();
+                  contextMenu = {
+                    peerIdHex,
+                    name: chat.getUsername(vs.identity),
+                    x: e.clientX,
+                    y: e.clientY,
+                  };
+                }}
+                role="button"
+                tabindex="-1"
+              >
+                <div class="avatar tiny {isTalking ? 'talking' : ''}">
+                  {chat.getUsername(vs.identity).substring(0, 2).toUpperCase()}
+                </div>
+                <span class="voice-member-name {isTalking ? 'talking' : ''}">
+                  {chat.getUsername(vs.identity)}
+                </span>
+                {#if isSharing}
+                  <span class="sharing-badge">LIVE</span>
+                {/if}
+                <div
+                  class="voice-member-status-container"
+                  onmouseenter={() => isLocalUserInThisChannel && (hoveredPeer = peerIdHex)}
+                  onmouseleave={() => (hoveredPeer = null)}
+                  role="presentation"
+                >
+                  <div class="voice-member-indicators">
+                    {#if vs.isDeafened}
+                      <span class="voice-indicator-icon" title="Deafened">🎧❌</span>
+                    {:else if vs.isMuted}
+                      <span class="voice-indicator-icon" title="Muted">🎙️❌</span>
+                    {/if}
+                  </div>
+                  {#if isLocalUserInThisChannel}
+                    <div class="status-dot {voiceStatusColor}"></div>
+                  {/if}
+                </div>
+
+                {#if isLocalUserInThisChannel && hoveredPeer === peerIdHex}
+                  {@const stats = webrtc.peerStats.get(peerIdHex)}
+                  <div class="connection-popover">
+                    <div class="popover-header">
+                      <span class="popover-name">{chat.getUsername(vs.identity)}</span>
+                      <span class="popover-status {voiceStatusColor}">
+                        {isMe ? "connected" : status || "connecting"}
+                      </span>
+                    </div>
+
+                    {#if isMe}
+                      <div class="popover-info">Local connection (sending only)</div>
+                    {:else if stats}
+                      <div class="popover-stats">
+                        <div class="stats-section">
+                          <div class="section-title">AUDIO</div>
+                          <div class="stat-row">
+                            <span>Bitrate</span>
+                            <span>{formatBitrate(stats.audio.bitrate)}</span>
+                          </div>
+                          <div class="stat-row">
+                            <span>Jitter</span>
+                            <span>{(stats.audio.jitter * 1000).toFixed(2)} ms</span>
+                          </div>
+                          <div class="stat-row">
+                            <span>Loss</span>
+                            <span>{stats.audio.packetsLost} pkts</span>
+                          </div>
+                        </div>
+                        {#if stats.video.bitrate > 0}
+                          <div class="stats-section">
+                            <div class="section-title">VIDEO</div>
+                            <div class="stat-row">
+                              <span>Bitrate</span>
+                              <span>{formatBitrate(stats.video.bitrate)}</span>
+                            </div>
+                            <div class="stat-row">
+                              <span>Res</span>
+                              <span>{stats.video.frameWidth}x{stats.video.frameHeight}</span>
+                            </div>
+                            <div class="stat-row">
+                              <span>FPS</span>
+                              <span>{stats.video.framesPerSecond.toFixed(0)}</span>
+                            </div>
+                          </div>
+                        {/if}
+                      </div>
+                    {:else}
+                      <div class="popover-info">Waiting for statistics...</div>
+                    {/if}
+                  </div>
+                {/if}
+              </div>
+            {/each}
+          </div>
+        </div>
+      {/each}
+    </div>
+
+    {#if chat.showCreateChannelModal}
+      <div
+        class="modal-overlay"
+        onclick={() => (chat.showCreateChannelModal = false)}
+        role="button"
+        tabindex="-1"
+        onkeydown={(e) => e.key === 'Escape' && (chat.showCreateChannelModal = false)}
+      >
+        <form
+          class="modal-content"
+          onclick={(e) => e.stopPropagation()}
+          onsubmit={chat.handleCreateChannel}
+        >
+          <h2>Create {chat.isVoiceChannel ? "Voice" : "Text"} Channel</h2>
+          <div class="settings-section">
+            <label
+              for="channel-name"
+              style="display: block; margin-bottom: 8px; font-size: 0.75rem; font-weight: bold; color: var(--text-muted); text-transform: uppercase;"
+            >
+              Channel Name
+            </label>
+            <input
+              id="channel-name"
+              name="channel-name"
+              type="text"
+              autofocus
+              placeholder="Enter channel name"
+              bind:value={chat.newChannelName}
+              style="width: 100%; box-sizing: border-box;"
+            />
+          </div>
+          <div class="modal-actions">
+            <button
+              type="button"
+              class="icon-btn"
+              style="padding: 8px 16px; font-size: 0.9rem;"
+              onclick={() => (chat.showCreateChannelModal = false)}
+            >
+              Cancel
+            </button>
+            <button
+              type="submit"
+              class="btn-primary"
+              disabled={!chat.isFullyAuthenticated}
+            >
+              Create Channel
+            </button>
+          </div>
+        </form>
+      </div>
+    {/if}
+
+    {#if contextMenu}
+      <div
+        class="context-menu"
+        style="top: {contextMenu.y}px; left: {contextMenu.x}px;"
+        onclick={(e) => e.stopPropagation()}
+        role="presentation"
+      >
+        <div class="context-menu-header">{contextMenu.name}</div>
+        <button class="context-menu-item" onclick={() => toggleMute(contextMenu!.peerIdHex)}>
+          <span>{isMuted ? "Unmute" : "Mute"}</span>
+          <span class="context-menu-icon">{isMuted ? "🔈" : "🔊"}</span>
+        </button>
+        <div class="context-menu-section">
+          <label for="volume-slider">User Volume</label>
+          <input
+            id="volume-slider"
+            type="range"
+            min="0"
+            max="2"
+            step="0.01"
+            value={volume}
+            oninput={(e) => handleVolumeChange(e, contextMenu!.peerIdHex)}
+            class="volume-slider"
+          />
+          <div style="font-size: 0.7rem; text-align: right; margin-top: 4px;">
+            {Math.round(volume * 100)}%
+          </div>
+        </div>
+      </div>
+    {/if}
+  </div>
+{/if}
+
+<style>
+  .channel-sidebar {
+    background-color: var(--background-secondary);
+    display: flex;
+    flex-direction: column;
+    width: 240px;
+  }
+
+  .server-header {
+    padding: 12px 16px;
+    height: 48px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    border-bottom: 1px solid var(--background-tertiary);
+    background: none;
+    border-left: none;
+    border-right: none;
+    border-top: none;
+    color: var(--text-normal);
+    cursor: pointer;
+    font-weight: bold;
+    width: 100%;
+  }
+
+  .server-header:hover {
+    background-color: var(--background-modifier-hover);
+  }
+
+  .channel-item {
+    display: flex;
+    align-items: center;
+    padding: 6px 8px;
+    margin: 2px 8px;
+    border-radius: 4px;
+    cursor: pointer;
+    color: var(--channels-default);
+    background: none;
+    border: none;
+    width: calc(100% - 16px);
+    text-align: left;
+    font-size: 1rem;
+  }
+
+  .channel-item:hover {
+    background-color: var(--background-modifier-hover);
+    color: var(--interactive-hover);
+  }
+
+  .channel-item.active {
+    background-color: var(--background-modifier-selected);
+    color: var(--interactive-active);
+  }
+
+  .server-dropdown-item {
+    background: none;
+    border: none;
+    color: var(--text-normal);
+    width: 100%;
+    text-align: left;
+    padding: 8px;
+    cursor: pointer;
+  }
+
+  .server-dropdown-item:hover {
+    background-color: var(--brand);
+    color: white;
+  }
+
+  .server-dropdown-item.danger:hover {
+    background-color: var(--status-danger);
+  }
+
+  .context-menu-item {
+    background: none;
+    border: none;
+    color: var(--text-normal);
+    width: 100%;
+    text-align: left;
+    padding: 8px;
+    display: flex;
+    justify-content: space-between;
+    cursor: pointer;
+  }
+
+  .context-menu-item:hover {
+    background-color: var(--brand);
+    color: white;
+  }
+</style>
diff --git a/src/chat/components/ChannelList.tsx b/src/chat/components/ChannelList.tsx
deleted file mode 100644
index 12b6710..0000000
--- a/src/chat/components/ChannelList.tsx
+++ /dev/null
@@ -1,542 +0,0 @@
-import React from "react";
-import { Identity } from "spacetimedb";
-import { useSpacetimeDB } from "spacetimedb/react";
-import * as Types from "../../module_bindings/types";
-import { WebRTCStats } from "../services";
-
-interface ChannelListProps {
-  activeServerId: bigint | null;
-  activeChannelId: bigint | null;
-  setActiveChannelId: (channelId: bigint | null) => void;
-  setActiveThreadId: (threadId: bigint | null) => void;
-  channels: readonly Types.Channel[];
-  servers: readonly Types.Server[];
-  users: readonly Types.User[];
-  identity: Identity | null;
-  voiceStates: readonly Types.VoiceState[];
-  currentVoiceState: Types.VoiceState | undefined;
-  connectedVoiceChannel: Types.Channel | undefined;
-  isFullyAuthenticated: boolean;
-  voiceActivity: readonly Types.VoiceActivity[];
-
-  // Modal state and handlers
-  showCreateChannelModal: boolean;
-  setShowCreateChannelModal: (show: boolean) => void;
-  newChannelName: string;
-  setNewChannelName: (name: string) => void;
-  isVoiceChannel: boolean;
-  setIsVoiceChannel: (isVoice: boolean) => void;
-  handleCreateChannel: (e: React.FormEvent) => void;
-  handleJoinVoice: (channelId: bigint) => void;
-  handleLeaveVoice: () => void;
-  handleLeaveServer: (serverId: bigint) => void;
-  peerStatuses: Map<string, string>;
-  watching: readonly Types.Watching[];
-  peerStats: Map<string, WebRTCStats>;
-  setPeerAudioPreference: (
-    peerIdHex: string,
-    preference: { volume?: number; muted?: boolean },
-  ) => void;
-}
-
-const VoiceContextMenu: React.FC<{
-  peerIdHex: string;
-  name: string;
-  onClose: () => void;
-  setPreference: (
-    peerIdHex: string,
-    preference: { volume?: number; muted?: boolean },
-  ) => void;
-  x: number;
-  y: number;
-}> = ({ peerIdHex, name, onClose, setPreference, x, y }) => {
-  const [volume, setVolume] = React.useState(1.0);
-  const [isMuted, setIsMuted] = React.useState(false);
-
-  // We don't have a way to easily fetch current preference from usePeerManager here
-  // without more complex plumbing, so we'll just start at defaults or let it be.
-  // In a real app, we might store this in a context or global state.
-
-  const handleVolumeChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const val = parseFloat(e.target.value);
-    setVolume(val);
-    setPreference(peerIdHex, { volume: val });
-  };
-
-  const toggleMute = () => {
-    const next = !isMuted;
-    setIsMuted(next);
-    setPreference(peerIdHex, { muted: next });
-  };
-
-  React.useEffect(() => {
-    const handleClick = () => onClose();
-    window.addEventListener("click", handleClick);
-    return () => window.removeEventListener("click", handleClick);
-  }, [onClose]);
-
-  return (
-    <div
-      className="context-menu"
-      style={{ top: y, left: x }}
-      onClick={(e) => e.stopPropagation()}
-    >
-      <div className="context-menu-header">{name}</div>
-      <div className="context-menu-item" onClick={toggleMute}>
-        <span>{isMuted ? "Unmute" : "Mute"}</span>
-        <span className="context-menu-icon">{isMuted ? "🔈" : "🔊"}</span>
-      </div>
-      <div className="context-menu-section">
-        <label>User Volume</label>
-        <input
-          type="range"
-          min="0"
-          max="2"
-          step="0.01"
-          value={volume}
-          onChange={handleVolumeChange}
-          className="volume-slider"
-        />
-        <div
-          style={{ fontSize: "0.7rem", textAlign: "right", marginTop: "4px" }}
-        >
-          {Math.round(volume * 100)}%
-        </div>
-      </div>
-    </div>
-  );
-};
-
-// Helper function (extracted from App.tsx)
-const getUsername = (
-  userIdentity: Identity | null,
-  users: readonly Types.User[],
-) => {
-  if (!userIdentity) return "Unknown";
-  const user = users.find((u) => u.identity?.isEqual(userIdentity));
-  return user?.name || userIdentity.toHexString().substring(0, 8);
-};
-
-const getStatusColor = (
-  status: string | undefined,
-): "green" | "yellow" | "red" => {
-  if (status === "connected" || status === "completed") return "green";
-  if (
-    status === "connecting" ||
-    status === "checking" ||
-    status === "new" ||
-    !status
-  )
-    return "yellow";
-  return "red";
-};
-
-const formatBitrate = (bps: number) => {
-  if (bps > 1000000) return `${(bps / 1000000).toFixed(2)} Mbps`;
-  if (bps > 1000) return `${(bps / 1000).toFixed(1)} Kbps`;
-  return `${bps.toFixed(0)} bps`;
-};
-
-const ConnectionPopover: React.FC<{
-  stats?: WebRTCStats;
-  status: string;
-  name: string;
-  isMe: boolean;
-}> = ({ stats, status, name, isMe }) => {
-  return (
-    <div className="connection-popover">
-      <div className="popover-header">
-        <span className="popover-name">{name}</span>
-        <span className={`popover-status ${getStatusColor(status)}`}>
-          {status}
-        </span>
-      </div>
-
-      {isMe ? (
-        <div className="popover-info">Local connection (sending only)</div>
-      ) : stats ? (
-        <div className="popover-stats">
-          <div className="stats-section">
-            <div className="section-title">AUDIO</div>
-            <div className="stat-row">
-              <span>Bitrate</span>
-              <span>{formatBitrate(stats.audio.bitrate)}</span>
-            </div>
-            <div className="stat-row">
-              <span>Jitter</span>
-              <span>{(stats.audio.jitter * 1000).toFixed(2)} ms</span>
-            </div>
-            <div className="stat-row">
-              <span>Loss</span>
-              <span>{stats.audio.packetsLost} pkts</span>
-            </div>
-          </div>
-          {stats.video.bitrate > 0 && (
-            <div className="stats-section">
-              <div className="section-title">VIDEO</div>
-              <div className="stat-row">
-                <span>Bitrate</span>
-                <span>{formatBitrate(stats.video.bitrate)}</span>
-              </div>
-              <div className="stat-row">
-                <span>Res</span>
-                <span>
-                  {stats.video.frameWidth}x{stats.video.frameHeight}
-                </span>
-              </div>
-              <div className="stat-row">
-                <span>FPS</span>
-                <span>{stats.video.framesPerSecond.toFixed(0)}</span>
-              </div>
-            </div>
-          )}
-        </div>
-      ) : (
-        <div className="popover-info">Waiting for statistics...</div>
-      )}
-    </div>
-  );
-};
-
-export const ChannelList: React.FC<ChannelListProps> = ({
-  activeServerId,
-  activeChannelId,
-  setActiveChannelId,
-  setActiveThreadId,
-  channels,
-  servers,
-  users,
-  identity,
-  voiceStates,
-  currentVoiceState,
-  connectedVoiceChannel,
-  isFullyAuthenticated,
-  voiceActivity,
-  showCreateChannelModal,
-  setShowCreateChannelModal,
-  newChannelName,
-  setNewChannelName,
-  isVoiceChannel,
-  setIsVoiceChannel,
-  handleCreateChannel,
-  handleJoinVoice,
-  handleLeaveVoice,
-  handleLeaveServer,
-  peerStatuses,
-  watching,
-  peerStats,
-  setPeerAudioPreference,
-}) => {
-  const [hoveredPeer, setHoveredPeer] = React.useState<string | null>(null);
-  const [showServerDropdown, setShowServerDropdown] = React.useState(false);
-  const [contextMenu, setContextMenu] = React.useState<{
-    peerIdHex: string;
-    name: string;
-    x: number;
-    y: number;
-  } | null>(null);
-
-  const activeServer = React.useMemo(
-    () => servers.find((s) => s.id === activeServerId),
-    [servers, activeServerId],
-  );
-
-  const textChannels = React.useMemo(
-    () =>
-      channels.filter(
-        (c) => c.serverId === activeServerId && c.kind.tag === "Text",
-      ),
-    [channels, activeServerId],
-  );
-
-  const voiceChannels = React.useMemo(
-    () =>
-      channels.filter(
-        (c) => c.serverId === activeServerId && c.kind.tag === "Voice",
-      ),
-    [channels, activeServerId],
-  );
-
-  if (!activeServer) {
-    return (
-      <div className="channel-sidebar">
-        <div className="server-header">Select a Server</div>
-      </div>
-    );
-  }
-
-  return (
-    <div className="channel-sidebar">
-      <div
-        className="server-header clickable"
-        onClick={() => setShowServerDropdown(!showServerDropdown)}
-      >
-        <h3
-          style={{
-            margin: 0,
-            flex: 1,
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-            whiteSpace: "nowrap",
-          }}
-        >
-          {activeServer.name}
-        </h3>
-        <span style={{ fontSize: "0.8rem", opacity: 0.6, marginLeft: "4px" }}>
-          {showServerDropdown ? "▲" : "▼"}
-        </span>
-      </div>
-
-      {showServerDropdown && (
-        <div className="server-dropdown">
-          <div
-            className="server-dropdown-item danger muted"
-            onClick={() => {
-              if (activeServerId) {
-                handleLeaveServer(activeServerId);
-                setShowServerDropdown(false);
-              }
-            }}
-          >
-            Leave Server
-          </div>
-        </div>
-      )}
-
-      <div className="channel-section">
-        <div className="section-header">
-          <span>TEXT CHANNELS</span>
-          <button
-            className="add-btn"
-            onClick={() => {
-              setIsVoiceChannel(false);
-              setShowCreateChannelModal(true);
-            }}
-          >
-            +
-          </button>
-        </div>
-        {textChannels.map((channel) => (
-          <div
-            key={channel.id.toString()}
-            className={`channel-item ${activeChannelId === channel.id ? "active" : ""}`}
-            onClick={() => {
-              setActiveChannelId(channel.id);
-              setActiveThreadId(null);
-            }}
-          >
-            <span className="channel-item-hash">#</span>
-            {channel.name}
-          </div>
-        ))}
-      </div>
-
-      <div className="channel-section">
-        <div className="section-header">
-          <span>VOICE CHANNELS</span>
-          <button
-            className="add-btn"
-            onClick={() => {
-              setIsVoiceChannel(true);
-              setShowCreateChannelModal(true);
-            }}
-          >
-            +
-          </button>
-        </div>
-        {voiceChannels.map((channel) => (
-          <div key={channel.id.toString()}>
-            <div
-              className={`channel-item ${activeChannelId === channel.id ? "active" : ""}`}
-              onClick={() => {
-                handleJoinVoice(channel.id);
-                setActiveChannelId(channel.id);
-                setActiveThreadId(null);
-              }}
-              style={{
-                cursor: isFullyAuthenticated ? "pointer" : "not-allowed",
-              }}
-            >
-              <span className="channel-item-hash">🔊</span>
-              {channel.name}
-            </div>
-
-            {/* Voice Channel Members */}
-            <div className="voice-member-list">
-              {voiceStates
-                .filter((vs) => vs.channelId === channel.id)
-                .map((vs) => {
-                  const peerIdHex = vs.identity.toHexString();
-                  const isMe = identity?.isEqual(vs.identity);
-                  const status = peerStatuses.get(peerIdHex);
-                  const isTalking =
-                    voiceActivity.find((va) => va.identity.isEqual(vs.identity))
-                      ?.isTalking || false;
-                  const isSharing = vs.isSharingScreen;
-
-                  const voiceStatusColor = isMe
-                    ? "green"
-                    : getStatusColor(status);
-                  const videoStatusColor = isMe
-                    ? isSharing
-                      ? "green"
-                      : undefined
-                    : isSharing
-                      ? getStatusColor(status)
-                      : undefined;
-
-                  let finalStatusColor: "green" | "yellow" | "red" =
-                    voiceStatusColor;
-                  if (videoStatusColor === "red") finalStatusColor = "red";
-                  else if (
-                    videoStatusColor === "yellow" &&
-                    finalStatusColor === "green"
-                  )
-                    finalStatusColor = "yellow";
-
-                  const isLocalUserInThisChannel =
-                    currentVoiceState?.channelId === channel.id;
-
-                  return (
-                    <div
-                      key={peerIdHex}
-                      className="voice-member-item"
-                      onContextMenu={(e) => {
-                        if (isMe) return; // Can't adjust own volume here
-                        e.preventDefault();
-                        setContextMenu({
-                          peerIdHex,
-                          name: getUsername(vs.identity, users),
-                          x: e.clientX,
-                          y: e.clientY,
-                        });
-                      }}
-                    >
-                      <div
-                        className={`avatar tiny ${isTalking ? "talking" : ""}`}
-                      >
-                        {getUsername(vs.identity, users)
-                          .substring(0, 2)
-                          .toUpperCase()}
-                      </div>
-                      <span
-                        className={`voice-member-name ${isTalking ? "talking" : ""}`}
-                      >
-                        {getUsername(vs.identity, users)}
-                      </span>
-                      {isSharing && <span className="sharing-badge">LIVE</span>}
-                      <div
-                        className="voice-member-status-container"
-                        onMouseEnter={() =>
-                          isLocalUserInThisChannel && setHoveredPeer(peerIdHex)
-                        }
-                        onMouseLeave={() => setHoveredPeer(null)}
-                      >
-                        <div className="voice-member-indicators">
-                          {vs.isDeafened && (
-                            <span
-                              className="voice-indicator-icon"
-                              title="Deafened"
-                            >
-                              🎧❌
-                            </span>
-                          )}
-                          {!vs.isDeafened && vs.isMuted && (
-                            <span
-                              className="voice-indicator-icon"
-                              title="Muted"
-                            >
-                              🎙️❌
-                            </span>
-                          )}
-                        </div>
-                        {isLocalUserInThisChannel && (
-                          <div className={`status-dot ${finalStatusColor}`} />
-                        )}
-                      </div>
-
-                      {isLocalUserInThisChannel &&
-                        hoveredPeer === peerIdHex && (
-                          <ConnectionPopover
-                            stats={peerStats.get(peerIdHex)}
-                            status={isMe ? "connected" : status || "connecting"}
-                            name={getUsername(vs.identity, users)}
-                            isMe={!!isMe}
-                          />
-                        )}
-                    </div>
-                  );
-                })}
-            </div>
-          </div>
-        ))}
-      </div>
-
-      {showCreateChannelModal && (
-        <div
-          className="modal-overlay"
-          onClick={() => setShowCreateChannelModal(false)}
-        >
-          <form
-            className="modal-content"
-            onClick={(e) => e.stopPropagation()}
-            onSubmit={handleCreateChannel}
-          >
-            <h2>Create {isVoiceChannel ? "Voice" : "Text"} Channel</h2>
-            <div className="settings-section">
-              <label
-                style={{
-                  display: "block",
-                  marginBottom: "8px",
-                  fontSize: "0.75rem",
-                  fontWeight: "bold",
-                  color: "var(--text-muted)",
-                  textTransform: "uppercase",
-                }}
-              >
-                Channel Name
-              </label>
-              <input
-                autoFocus
-                placeholder="Enter channel name"
-                value={newChannelName}
-                onChange={(e) => setNewChannelName(e.target.value)}
-                style={{ width: "100%", boxSizing: "border-box" }}
-              />
-            </div>
-            <div className="modal-actions">
-              <button
-                type="button"
-                className="icon-btn"
-                style={{ padding: "8px 16px", fontSize: "0.9rem" }}
-                onClick={() => setShowCreateChannelModal(false)}
-              >
-                Cancel
-              </button>
-              <button
-                type="submit"
-                className="btn-primary"
-                disabled={!isFullyAuthenticated}
-              >
-                Create Channel
-              </button>
-            </div>
-          </form>
-        </div>
-      )}
-
-      {contextMenu && (
-        <VoiceContextMenu
-          peerIdHex={contextMenu.peerIdHex}
-          name={contextMenu.name}
-          x={contextMenu.x}
-          y={contextMenu.y}
-          onClose={() => setContextMenu(null)}
-          setPreference={setPeerAudioPreference}
-        />
-      )}
-    </div>
-  );
-};
-
-export default ChannelList;
diff --git a/src/chat/components/MemberList.svelte b/src/chat/components/MemberList.svelte
new file mode 100644
index 0000000..5802279
--- /dev/null
+++ b/src/chat/components/MemberList.svelte
@@ -0,0 +1,80 @@
+<script lang="ts">
+  import { getContext } from "svelte";
+  import type { ChatService } from "../services/chat.svelte";
+  import type * as Types from "../../module_bindings/types";
+
+  const chat = getContext<ChatService>("chat");
+
+  let onlineMembers = $derived(chat.activeServerMembers.filter((m) => m.online));
+  let offlineMembers = $derived(chat.activeServerMembers.filter((m) => !m.online));
+
+  function isTalking(user: Types.User) {
+    return chat.voiceActivity.find((va) => va.identity.isEqual(user.identity))?.isTalking || false;
+  }
+
+  function isSharing(user: Types.User) {
+    const userVoiceState = chat.voiceStates.find((vs) => vs.identity.isEqual(user.identity));
+    return userVoiceState?.isSharingScreen || false;
+  }
+
+  function isMe(user: Types.User) {
+    return chat.identity?.isEqual(user.identity);
+  }
+</script>
+
+<div class="right-sidebar">
+  <div class="member-list">
+    {#if onlineMembers.length > 0}
+      <div class="member-list-section-header">
+        ONLINE — {onlineMembers.length}
+      </div>
+      {#each onlineMembers as user (user.identity.toHexString())}
+        <div class="member-item">
+          <div class="avatar tiny {isTalking(user) ? 'talking' : ''}">
+            {(user.name || user.identity.toHexString()).substring(0, 2).toUpperCase()}
+          </div>
+          <span class="member-name {isTalking(user) ? 'talking' : ''}">
+            {user.name || user.identity.toHexString().substring(0, 8)}
+            {#if isMe(user)}
+              <span class="me-badge">(You)</span>
+            {/if}
+          </span>
+          <div style="flex: 1;"></div>
+          {#if isSharing(user)}
+            <span class="sharing-badge">LIVE</span>
+          {/if}
+          <div class="status-dot green"></div>
+        </div>
+      {/each}
+    {/if}
+
+    {#if offlineMembers.length > 0}
+      <div class="member-list-section-header">
+        OFFLINE — {offlineMembers.length}
+      </div>
+      {#each offlineMembers as user (user.identity.toHexString())}
+        <div class="member-item offline">
+          <div class="avatar tiny">
+            {(user.name || user.identity.toHexString()).substring(0, 2).toUpperCase()}
+          </div>
+          <span class="member-name">
+            {user.name || user.identity.toHexString().substring(0, 8)}
+            {#if isMe(user)}
+              <span class="me-badge">(You)</span>
+            {/if}
+          </span>
+          <div style="flex: 1;"></div>
+          <div class="status-dot grey"></div>
+        </div>
+      {/each}
+    {/if}
+  </div>
+</div>
+
+<style>
+  .me-badge {
+    font-size: 0.7rem;
+    opacity: 0.6;
+    margin-left: 4px;
+  }
+</style>
diff --git a/src/chat/components/MemberList.tsx b/src/chat/components/MemberList.tsx
deleted file mode 100644
index d67f766..0000000
--- a/src/chat/components/MemberList.tsx
+++ /dev/null
@@ -1,105 +0,0 @@
-// src/chat/components/MemberList.tsx
-import React, { useMemo } from "react";
-import { Identity } from "spacetimedb";
-import type * as Types from "../../module_bindings/types";
-
-// Helper function (extracted from App.tsx)
-const getUsername = (
-  userIdentity: Identity | null,
-  users: readonly Types.User[],
-) => {
-  if (!userIdentity) return "Unknown";
-  const user = users.find((u) => u.identity?.isEqual(userIdentity));
-  return user?.name || userIdentity.toHexString().substring(0, 8);
-};
-
-interface MemberListProps {
-  activeServerMembers: readonly Types.User[];
-  users: readonly Types.User[];
-  identity: Identity | null;
-  activeServer: Types.Server | undefined;
-  voiceStates: readonly Types.VoiceState[];
-  currentVoiceState: Types.VoiceState | undefined;
-  connectedVoiceChannel: Types.Channel | undefined;
-  voiceActivity: readonly Types.VoiceActivity[];
-}
-
-function MemberList({
-  activeServerMembers,
-  users,
-  identity,
-  activeServer,
-  voiceStates,
-  currentVoiceState,
-  connectedVoiceChannel,
-  voiceActivity,
-}: MemberListProps) {
-  // Categorize members into Online and Offline
-  const onlineMembers = useMemo(
-    () => activeServerMembers.filter((m) => m.online),
-    [activeServerMembers],
-  );
-  const offlineMembers = useMemo(
-    () => activeServerMembers.filter((m) => !m.online),
-    [activeServerMembers],
-  );
-
-  const renderMember = (user: Types.User, isOffline: boolean = false) => {
-    const userVoiceState = voiceStates.find((vs) =>
-      vs.identity.isEqual(user.identity),
-    );
-    const isTalking =
-      voiceActivity.find((va) => va.identity.isEqual(user.identity))
-        ?.isTalking || false;
-    const isSharing = userVoiceState?.isSharingScreen || false;
-    const isMe = identity?.isEqual(user.identity);
-
-    return (
-      <div
-        key={user.identity.toHexString()}
-        className={`member-item ${isOffline ? "offline" : ""}`}
-      >
-        <div
-          className={`avatar tiny ${isTalking && !isOffline ? "talking" : ""}`}
-        >
-          {(user.name || user.identity.toHexString())
-            .substring(0, 2)
-            .toUpperCase()}
-        </div>
-        <span
-          className={`member-name ${isTalking && !isOffline ? "talking" : ""}`}
-        >
-          {user.name || user.identity.toHexString().substring(0, 8)}
-          {isMe && <span className="me-badge">(You)</span>}
-        </span>
-        {isSharing && !isOffline && <span className="sharing-badge">LIVE</span>}
-      </div>
-    );
-  };
-
-  return (
-    <div className="right-sidebar">
-      <div className="member-list">
-        {onlineMembers.length > 0 && (
-          <>
-            <div className="member-list-section-header">
-              ONLINE — {onlineMembers.length}
-            </div>
-            {onlineMembers.map((user) => renderMember(user))}
-          </>
-        )}
-
-        {offlineMembers.length > 0 && (
-          <>
-            <div className="member-list-section-header">
-              OFFLINE — {offlineMembers.length}
-            </div>
-            {offlineMembers.map((user) => renderMember(user, true))}
-          </>
-        )}
-      </div>
-    </div>
-  );
-}
-
-export default MemberList;
diff --git a/src/chat/components/MessageInput.svelte b/src/chat/components/MessageInput.svelte
new file mode 100644
index 0000000..6db1711
--- /dev/null
+++ b/src/chat/components/MessageInput.svelte
@@ -0,0 +1,45 @@
+<script lang="ts">
+  let { 
+    activeChannelId, 
+    activeThreadId, 
+    isFullyAuthenticated, 
+    sendMessageReducer 
+  } = $props<{
+    activeChannelId: bigint | null;
+    activeThreadId: bigint | null;
+    isFullyAuthenticated: boolean;
+    sendMessageReducer: (args: any) => void;
+  }>();
+
+  let messageText = $state("");
+
+  function handleSubmit(e: Event) {
+    e.preventDefault();
+    if (!messageText.trim() || !activeChannelId) return;
+
+    // Call the sendMessage reducer
+    sendMessageReducer({
+      text: messageText,
+      channelId: activeChannelId,
+      threadId: activeThreadId,
+    });
+    messageText = "";
+  }
+</script>
+
+<div class="chat-input-container">
+  <form class="chat-input" onsubmit={handleSubmit}>
+    <input
+      id="chat-message"
+      name="chat-message"
+      type="text"
+      placeholder={
+        isFullyAuthenticated
+          ? `Message ${activeThreadId ? "in thread..." : "#channel"}`
+          : "Log in to chat"
+      }
+      disabled={!isFullyAuthenticated || !activeChannelId}
+      bind:value={messageText}
+    />
+  </form>
+</div>
diff --git a/src/chat/components/MessageInput.tsx b/src/chat/components/MessageInput.tsx
deleted file mode 100644
index 0fe28a8..0000000
--- a/src/chat/components/MessageInput.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-// src/chat/components/MessageInput.tsx
-import React, { useState } from "react";
-
-interface MessageInputProps {
-  activeChannelId: bigint | null;
-  activeThreadId: bigint | null;
-  isFullyAuthenticated: boolean;
-  sendMessageReducer: (args: any) => void;
-}
-
-function MessageInput({
-  activeChannelId,
-  activeThreadId,
-  isFullyAuthenticated,
-  sendMessageReducer,
-}: MessageInputProps) {
-  const [messageText, setMessageText] = useState("");
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    if (!messageText.trim() || !activeChannelId) return;
-
-    // Call the sendMessage reducer
-    sendMessageReducer({
-      text: messageText,
-      channelId: activeChannelId,
-      threadId: activeThreadId,
-    });
-    setMessageText("");
-  };
-
-  return (
-    <div className="chat-input-container">
-      <form className="chat-input" onSubmit={handleSubmit}>
-        <input
-          placeholder={
-            isFullyAuthenticated
-              ? `Message ${activeThreadId ? "in thread..." : "#channel"}`
-              : "Log in to chat"
-          }
-          disabled={!isFullyAuthenticated || !activeChannelId}
-          value={messageText}
-          onChange={(e) => setMessageText(e.target.value)}
-        />
-      </form>
-    </div>
-  );
-}
-
-export default MessageInput;
diff --git a/src/chat/components/MessageList.svelte b/src/chat/components/MessageList.svelte
new file mode 100644
index 0000000..cad57f2
--- /dev/null
+++ b/src/chat/components/MessageList.svelte
@@ -0,0 +1,67 @@
+<script lang="ts">
+  import { getContext, tick } from "svelte";
+  import type { ChatService } from "../services/chat.svelte";
+  import RichText from "./RichText.svelte";
+
+  const chat = getContext<ChatService>("chat");
+
+  let messagesEndRef = $state<HTMLDivElement | null>(null);
+
+  $effect(() => {
+    if (chat.channelMessages.length > 0) {
+      tick().then(() => {
+        messagesEndRef?.scrollIntoView({ behavior: "smooth" });
+      });
+    }
+  });
+</script>
+
+<div class="message-list">
+  {#each chat.channelMessages as msg (msg.id.toString())}
+    {@const msgUsername = chat.getUsername(msg.sender)}
+    {@const existingThread = chat.allThreads.find((t) => t.parentMessageId === msg.id)}
+
+    <div class="message-item">
+      <div class="avatar message-avatar">
+        {msgUsername.substring(0, 2).toUpperCase()}
+      </div>
+      <div class="message-content">
+        <div class="message-header">
+          <span class="user-name">{msgUsername}</span>
+          <span class="message-time">{chat.formatTime(msg.sent)}</span>
+          {#if !existingThread && chat.isFullyAuthenticated}
+            <button
+              class="start-thread-icon-btn"
+              onclick={() => chat.handleStartThread(msg)}
+              title="Start Thread"
+              style="background: none; border: none; cursor: pointer; font-size: 0.9rem; opacity: 0.6; margin-left: 8px; padding: 2px 4px; border-radius: 4px;"
+            >
+              💬
+            </button>
+          {/if}
+        </div>
+        <div class="message-text">
+          <RichText text={msg.text} />
+        </div>
+
+        {#if existingThread}
+          <button
+            class="thread-link"
+            onclick={() => (chat.activeThreadId = existingThread.id)}
+            style="margin-top: 4px; padding-left: 12px; border-left: 2px solid var(--background-accent); display: flex; align-items: center; gap: 4px; font-size: 0.85rem; background: none; border-top: none; border-right: none; border-bottom: none; color: var(--text-link); cursor: pointer;"
+          >
+            <span style="font-size: 0.8rem;">↳</span>
+            View Thread ({existingThread.name})
+          </button>
+        {/if}
+      </div>
+    </div>
+  {/each}
+  <div bind:this={messagesEndRef}></div>
+</div>
+
+<style>
+  .thread-link:hover {
+    text-decoration: underline;
+  }
+</style>
diff --git a/src/chat/components/MessageList.tsx b/src/chat/components/MessageList.tsx
deleted file mode 100644
index 5a10534..0000000
--- a/src/chat/components/MessageList.tsx
+++ /dev/null
@@ -1,119 +0,0 @@
-// src/chat/components/MessageList.tsx
-import React, { useRef, useEffect, useMemo } from "react";
-import { Identity } from "spacetimedb";
-import type * as Types from "../../module_bindings/types";
-
-import RichText from "./RichText";
-
-// Helper function (extracted from App.tsx)
-const getUsername = (
-  userIdentity: Identity | null,
-  users: readonly Types.User[],
-) => {
-  if (!userIdentity) return "Unknown";
-  const user = users.find((u) => u.identity?.isEqual(userIdentity));
-  return user?.name || userIdentity.toHexString().substring(0, 8);
-};
-
-const formatTime = (ts: any) => {
-  const date = new Date(Number(ts.microsSinceUnixEpoch / 1000n));
-  return date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
-};
-
-interface MessageListProps {
-  messages: readonly Types.Message[];
-  activeThreadId: bigint | null;
-  setActiveThreadId: (threadId: bigint | null) => void;
-  users: readonly Types.User[];
-  identity: Identity | null;
-  handleStartThread: (msg: Types.Message) => void;
-  isFullyAuthenticated: boolean;
-  allThreads: readonly Types.Thread[];
-}
-
-function MessageList({
-  messages,
-  activeThreadId,
-  setActiveThreadId,
-  users,
-  identity,
-  handleStartThread,
-  isFullyAuthenticated,
-  allThreads,
-}: MessageListProps) {
-  const messagesEndRef = useRef<HTMLDivElement>(null);
-
-  // Auto-scroll to bottom when messages change
-  useEffect(() => {
-    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
-  }, [messages]);
-
-  return (
-    <div className="message-list">
-      {messages.map((msg) => {
-        const msgUsername = getUsername(msg.sender, users);
-        const existingThread = allThreads.find(
-          (t) => t.parentMessageId === msg.id,
-        );
-
-        return (
-          <div key={msg.id.toString()} className="message-item">
-            <div className="avatar message-avatar">
-              {msgUsername.substring(0, 2).toUpperCase()}
-            </div>
-            <div className="message-content">
-              <div className="message-header">
-                <span className="user-name">{msgUsername}</span>
-                <span className="message-time">{formatTime(msg.sent)}</span>
-                {!existingThread && isFullyAuthenticated && (
-                  <button
-                    className="start-thread-icon-btn"
-                    onClick={() => handleStartThread(msg)}
-                    title="Start Thread"
-                    style={{
-                      background: "none",
-                      border: "none",
-                      cursor: "pointer",
-                      fontSize: "0.9rem",
-                      opacity: 0.6,
-                      marginLeft: "8px",
-                      padding: "2px 4px",
-                      borderRadius: "4px",
-                    }}
-                  >
-                    💬
-                  </button>
-                )}
-              </div>
-              <div className="message-text">
-                <RichText text={msg.text} />
-              </div>
-
-              {existingThread && (
-                <div
-                  className="thread-link"
-                  onClick={() => setActiveThreadId(existingThread.id)}
-                  style={{
-                    marginTop: "4px",
-                    paddingLeft: "12px",
-                    borderLeft: "2px solid var(--background-accent)",
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "4px",
-                    fontSize: "0.85rem",
-                  }}
-                >
-                  <span style={{ fontSize: "0.8rem" }}>↳</span>
-                  View Thread ({existingThread.name})
-                </div>
-              )}
-            </div>
-          </div>
-        );
-      })}
-      <div ref={messagesEndRef} />
-    </div>
-  );
-}
-
-export default MessageList;
diff --git a/src/chat/components/RichText.svelte b/src/chat/components/RichText.svelte
new file mode 100644
index 0000000..94cc742
--- /dev/null
+++ b/src/chat/components/RichText.svelte
@@ -0,0 +1,52 @@
+<script lang="ts">
+  let { text } = $props<{ text: string }>();
+
+  const isImageUrl = (url: string) => {
+    return url.match(/\.(jpeg|jpg|gif|png|webp|svg)$/i) != null;
+  };
+
+  const urlRegex = /(https?:\/\/[^\s]+)/g;
+  const parts = $derived(text.split(urlRegex));
+
+  function onImageLoad(e: Event) {
+    const img = e.currentTarget as HTMLImageElement;
+    const list = img.closest(".message-list");
+    if (list) {
+      list.scrollTop = list.scrollHeight;
+    }
+  }
+
+  function onImageClick(url: string) {
+    window.open(url, "_blank");
+  }
+</script>
+
+<div class="rich-text">
+  {#each parts as part}
+    {#if part.match(urlRegex)}
+      <a
+        href={part}
+        target="_blank"
+        rel="noopener noreferrer"
+        class="url-link"
+      >
+        {part}
+      </a>
+      {#if isImageUrl(part)}
+        <div class="message-image-container">
+          <!-- svelte-ignore a11y_click_events_have_key_events -->
+          <!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
+          <img
+            src={part}
+            alt="attachment"
+            class="message-image"
+            onload={onImageLoad}
+            onclick={() => onImageClick(part)}
+          />
+        </div>
+      {/if}
+    {:else}
+      <span style="white-space: pre-wrap;">{part}</span>
+    {/if}
+  {/each}
+</div>
diff --git a/src/chat/components/RichText.tsx b/src/chat/components/RichText.tsx
deleted file mode 100644
index 1fc028e..0000000
--- a/src/chat/components/RichText.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import React from "react";
-
-interface RichTextProps {
-  text: string;
-}
-
-const isImageUrl = (url: string) => {
-  return url.match(/\.(jpeg|jpg|gif|png|webp|svg)$/i) != null;
-};
-
-const RichText: React.FC<RichTextProps> = ({ text }) => {
-  const urlRegex = /(https?:\/\/[^\s]+)/g;
-  const parts = text.split(urlRegex);
-
-  return (
-    <div className="rich-text">
-      {parts.map((part, i) => {
-        if (part.match(urlRegex)) {
-          return (
-            <React.Fragment key={i}>
-              <a
-                href={part}
-                target="_blank"
-                rel="noopener noreferrer"
-                className="url-link"
-              >
-                {part}
-              </a>
-              {isImageUrl(part) && (
-                <div className="message-image-container">
-                  <img
-                    src={part}
-                    alt="attachment"
-                    className="message-image"
-                    onLoad={(e) => {
-                      // Trigger scroll to bottom when image loads by finding closest scrollable list
-                      const list = e.currentTarget.closest(".message-list");
-                      if (list) {
-                        list.scrollTop = list.scrollHeight;
-                      }
-                    }}
-                    onClick={() => window.open(part, "_blank")}
-                  />
-                </div>
-              )}
-            </React.Fragment>
-          );
-        }
-        return (
-          <span key={i} style={{ whiteSpace: "pre-wrap" }}>
-            {part}
-          </span>
-        );
-      })}
-    </div>
-  );
-};
-
-export default RichText;
diff --git a/src/chat/components/ServerDiscovery.svelte b/src/chat/components/ServerDiscovery.svelte
new file mode 100644
index 0000000..d15533c
--- /dev/null
+++ b/src/chat/components/ServerDiscovery.svelte
@@ -0,0 +1,79 @@
+<script lang="ts">
+  import { getContext } from "svelte";
+  import type { ChatService } from "../services/chat.svelte";
+
+  const chat = getContext<ChatService>("chat");
+
+  let searchTerm = $state("");
+
+  let filteredServers = $derived(
+    chat.availableServers.filter((s) =>
+      s.name.toLowerCase().includes(searchTerm.toLowerCase())
+    )
+  );
+</script>
+
+<div class="modal-overlay" onclick={() => (chat.showDiscoveryModal = false)} role="button" tabindex="-1" onkeydown={(e) => e.key === 'Escape' && (chat.showDiscoveryModal = false)}>
+  <div
+    class="modal-content"
+    onclick={(e) => e.stopPropagation()}
+    style="width: 500px; max-height: 80vh; display: flex; flexDirection: column;"
+    role="presentation"
+  >
+    <div
+      style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;"
+    >
+      <h2 style="margin: 0;">Discover Servers</h2>
+      <button
+        type="button"
+        class="close-btn"
+        onclick={() => (chat.showDiscoveryModal = false)}
+      >
+        ×
+      </button>
+    </div>
+
+    <input
+      id="server-search"
+      name="server-search"
+      type="text"
+      autofocus
+      placeholder="Search for servers..."
+      bind:value={searchTerm}
+      style="margin-bottom: 16px; width: 100%; box-sizing: border-box;"
+    />
+
+    <div
+      style="overflow-y: auto; flex-grow: 1; display: flex; flex-direction: column; gap: 8px;"
+    >
+      {#if filteredServers.length === 0}
+        <p style="text-align: center; color: var(--text-muted);">
+          No servers found.
+        </p>
+      {:else}
+        {#each filteredServers as server (server.id.toString())}
+          <div
+            style="display: flex; justify-content: space-between; align-items: center; padding: 12px; background-color: var(--background-secondary); border-radius: 8px;"
+          >
+            <div style="display: flex; align-items: center; gap: 12px;">
+              <div
+                class="server-icon"
+                style="width: 40px; height: 40px; font-size: 0.9rem;"
+              >
+                {server.name.substring(0, 2).toUpperCase()}
+              </div>
+              <span style="font-weight: bold;">{server.name}</span>
+            </div>
+            <button
+              class="btn-primary"
+              onclick={() => chat.handleJoinServer(server.id)}
+              disabled={!chat.isFullyAuthenticated}
+            >
+              Join
+            </button>
+          </div>
+        {/each}
+      {/if}
+    </div>
+  </div>
+</div>
diff --git a/src/chat/components/ServerDiscovery.tsx b/src/chat/components/ServerDiscovery.tsx
deleted file mode 100644
index 4a747cc..0000000
--- a/src/chat/components/ServerDiscovery.tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-import React, { useState, useMemo } from "react";
-import type * as Types from "../../module_bindings/types";
-
-interface ServerDiscoveryProps {
-  availableServers: readonly Types.Server[];
-  handleJoinServer: (serverId: bigint) => void;
-  onClose: () => void;
-  isFullyAuthenticated: boolean;
-}
-
-function ServerDiscovery({
-  availableServers,
-  handleJoinServer,
-  onClose,
-  isFullyAuthenticated,
-}: ServerDiscoveryProps) {
-  const [searchTerm, setSearchTerm] = useState("");
-
-  const filteredServers = useMemo(() => {
-    return availableServers.filter((s) =>
-      s.name.toLowerCase().includes(searchTerm.toLowerCase()),
-    );
-  }, [availableServers, searchTerm]);
-
-  return (
-    <div className="modal-overlay">
-      <div
-        className="modal-content"
-        style={{
-          width: "500px",
-          maxHeight: "80vh",
-          display: "flex",
-          flexDirection: "column",
-        }}
-      >
-        <div
-          style={{
-            display: "flex",
-            justifyContent: "space-between",
-            alignItems: "center",
-            marginBottom: "16px",
-          }}
-        >
-          <h2 style={{ margin: 0 }}>Discover Servers</h2>
-          <button type="button" className="close-btn" onClick={onClose}>
-            ×
-          </button>
-        </div>
-
-        <input
-          autoFocus
-          placeholder="Search for servers..."
-          value={searchTerm}
-          onChange={(e) => setSearchTerm(e.target.value)}
-          style={{ marginBottom: "16px" }}
-        />
-
-        <div
-          style={{
-            overflowY: "auto",
-            flexGrow: 1,
-            display: "flex",
-            flexDirection: "column",
-            gap: "8px",
-          }}
-        >
-          {filteredServers.length === 0 ? (
-            <p style={{ textAlign: "center", color: "var(--text-muted)" }}>
-              No servers found.
-            </p>
-          ) : (
-            filteredServers.map((server) => (
-              <div
-                key={server.id.toString()}
-                style={{
-                  display: "flex",
-                  justifyContent: "space-between",
-                  alignItems: "center",
-                  padding: "12px",
-                  backgroundColor: "var(--background-secondary)",
-                  borderRadius: "8px",
-                }}
-              >
-                <div
-                  style={{ display: "flex", alignItems: "center", gap: "12px" }}
-                >
-                  <div
-                    className="server-icon"
-                    style={{
-                      width: "40px",
-                      height: "40px",
-                      fontSize: "0.9rem",
-                    }}
-                  >
-                    {server.name.substring(0, 2).toUpperCase()}
-                  </div>
-                  <span style={{ fontWeight: "bold" }}>{server.name}</span>
-                </div>
-                <button
-                  className="btn-primary"
-                  onClick={() => handleJoinServer(server.id)}
-                  disabled={!isFullyAuthenticated}
-                >
-                  Join
-                </button>
-              </div>
-            ))
-          )}
-        </div>
-      </div>
-    </div>
-  );
-}
-
-export default ServerDiscovery;
diff --git a/src/chat/components/ServerList.svelte b/src/chat/components/ServerList.svelte
new file mode 100644
index 0000000..243f82c
--- /dev/null
+++ b/src/chat/components/ServerList.svelte
@@ -0,0 +1,128 @@
+<script lang="ts">
+  import { getContext } from "svelte";
+  import type { ChatService } from "../services/chat.svelte";
+
+  const chat = getContext<ChatService>("chat");
+</script>
+
+<div class="server-list">
+  {#each chat.joinedServers as server (server.id.toString())}
+    <div style="position: relative;">
+      <button
+        class="server-icon {chat.activeServerId === server.id ? 'active' : ''}"
+        onclick={() => (chat.activeServerId = server.id)}
+        title={server.name}
+      >
+        {server.name.substring(0, 2).toUpperCase()}
+      </button>
+      {#if chat.activeServerId === server.id}
+        <button
+          onclick={(e) => {
+            e.stopPropagation();
+            chat.handleLeaveServer(server.id);
+          }}
+          style="position: absolute; top: -5px; right: -5px; background-color: #da373c; border-radius: 50%; width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; font-size: 10px; cursor: pointer; border: 2px solid var(--background-tertiary); color: white; padding: 0;"
+          title="Leave Server"
+        >
+          ×
+        </button>
+      {/if}
+    </div>
+  {/each}
+
+  <button
+    class="server-icon"
+    onclick={() => (chat.showCreateServerModal = true)}
+    style="cursor: {chat.isFullyAuthenticated ? 'pointer' : 'not-allowed'};"
+    title="Create Server"
+  >
+    +
+  </button>
+  <button
+    class="server-icon"
+    onclick={() => (chat.showDiscoveryModal = true)}
+    style="color: #23a559;"
+    title="Discover Servers"
+  >
+    🔍
+  </button>
+
+  <!-- Create Server Modal -->
+  {#if chat.showCreateServerModal}
+    <div
+      class="modal-overlay"
+      onclick={() => (chat.showCreateServerModal = false)}
+      role="button"
+      tabindex="-1"
+      onkeydown={(e) => e.key === 'Escape' && (chat.showCreateServerModal = false)}
+    >
+      <form
+        class="modal-content"
+        onclick={(e) => e.stopPropagation()}
+        onsubmit={chat.handleCreateServer}
+      >
+        <h2>Create Server</h2>
+        <div class="settings-section">
+          <label
+            for="server-name"
+            style="display: block; margin-bottom: 8px; font-size: 0.75rem; font-weight: bold; color: var(--text-muted); text-transform: uppercase;"
+          >
+            Server Name
+          </label>
+          <input
+            id="server-name"
+            name="server-name"
+            type="text"
+            autofocus
+            placeholder="Enter server name"
+            bind:value={chat.newServerName}
+            style="width: 100%; box-sizing: border-box;"
+          />
+        </div>
+        <div class="modal-actions">
+          <button
+            type="button"
+            class="icon-btn"
+            style="padding: 8px 16px; font-size: 0.9rem;"
+            onclick={() => (chat.showCreateServerModal = false)}
+          >
+            Cancel
+          </button>
+          <button
+            type="submit"
+            class="btn-primary"
+            disabled={!chat.isFullyAuthenticated}
+          >
+            Create Server
+          </button>
+        </div>
+      </form>
+    </div>
+  {/if}
+</div>
+
+<style>
+  .server-icon {
+    border: none;
+    background: var(--background-primary);
+    color: var(--text-normal);
+    cursor: pointer;
+    font-size: 1rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s ease-in-out;
+  }
+
+  .server-icon:hover {
+    border-radius: 16px;
+    background-color: var(--brand);
+    color: white;
+  }
+
+  .server-icon.active {
+    border-radius: 16px;
+    background-color: var(--brand);
+    color: white;
+  }
+</style>
diff --git a/src/chat/components/ServerList.tsx b/src/chat/components/ServerList.tsx
deleted file mode 100644
index 696ff65..0000000
--- a/src/chat/components/ServerList.tsx
+++ /dev/null
@@ -1,158 +0,0 @@
-// src/chat/components/ServerList.tsx
-import React, { useState, useMemo } from "react";
-import { Identity } from "spacetimedb";
-import type * as Types from "../../module_bindings/types";
-
-// Helper function (extracted from App.tsx)
-const getUsername = (userIdentity: Identity | null, users: Types.User[]) => {
-  if (!userIdentity) return "Unknown";
-  const user = users.find((u) => u.identity?.isEqual(userIdentity));
-  return user?.name || userIdentity.toHexString().substring(0, 8);
-};
-
-interface ServerListProps {
-  joinedServers: readonly Types.Server[];
-  activeServerId: bigint | null;
-  setActiveServerId: (serverId: bigint | null) => void;
-  isFullyAuthenticated: boolean;
-  identity: Identity | null;
-  users: readonly Types.User[];
-  // Modal state and handlers
-  showCreateServerModal: boolean;
-  setShowCreateServerModal: (show: boolean) => void;
-  newServerName: string;
-  setNewServerName: (name: string) => void;
-  handleCreateServer: (e: React.FormEvent) => void;
-  setShowDiscoveryModal: (show: boolean) => void;
-  handleLeaveServer: (serverId: bigint) => void;
-}
-
-function ServerList({
-  joinedServers,
-  activeServerId,
-  setActiveServerId,
-  isFullyAuthenticated,
-  identity,
-  users,
-  showCreateServerModal,
-  setShowCreateServerModal,
-  newServerName,
-  setNewServerName,
-  handleCreateServer,
-  setShowDiscoveryModal,
-  handleLeaveServer,
-}: ServerListProps) {
-  return (
-    <div className="server-list">
-      {joinedServers.map((server) => (
-        <div key={server.id.toString()} style={{ position: "relative" }}>
-          <div
-            className={`server-icon ${activeServerId === server.id ? "active" : ""}`}
-            onClick={() => setActiveServerId(server.id)}
-            title={server.name}
-          >
-            {server.name.substring(0, 2).toUpperCase()}
-          </div>
-          {activeServerId === server.id && (
-            <div
-              onClick={(e) => {
-                e.stopPropagation();
-                handleLeaveServer(server.id);
-              }}
-              style={{
-                position: "absolute",
-                top: -5,
-                right: -5,
-                backgroundColor: "#da373c",
-                borderRadius: "50%",
-                width: 16,
-                height: 16,
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                fontSize: 10,
-                cursor: "pointer",
-                border: "2px solid var(--background-tertiary)",
-              }}
-              title="Leave Server"
-            >
-              ×
-            </div>
-          )}
-        </div>
-      ))}
-      <div
-        className="server-icon"
-        onClick={() => setShowCreateServerModal(true)}
-        style={{ cursor: isFullyAuthenticated ? "pointer" : "not-allowed" }}
-        title="Create Server"
-      >
-        +
-      </div>
-      <div
-        className="server-icon"
-        onClick={() => setShowDiscoveryModal(true)}
-        style={{ color: "#23a559" }}
-        title="Discover Servers"
-      >
-        🔍
-      </div>
-
-      {/* Create Server Modal */}
-      {showCreateServerModal && (
-        <div
-          className="modal-overlay"
-          onClick={() => setShowCreateServerModal(false)}
-        >
-          <form
-            className="modal-content"
-            onClick={(e) => e.stopPropagation()}
-            onSubmit={handleCreateServer}
-          >
-            <h2>Create Server</h2>
-            <div className="settings-section">
-              <label
-                style={{
-                  display: "block",
-                  marginBottom: "8px",
-                  fontSize: "0.75rem",
-                  fontWeight: "bold",
-                  color: "var(--text-muted)",
-                  textTransform: "uppercase",
-                }}
-              >
-                Server Name
-              </label>
-              <input
-                autoFocus
-                placeholder="Enter server name"
-                value={newServerName}
-                onChange={(e) => setNewServerName(e.target.value)}
-                style={{ width: "100%", boxSizing: "border-box" }}
-              />
-            </div>
-            <div className="modal-actions">
-              <button
-                type="button"
-                className="icon-btn"
-                style={{ padding: "8px 16px", fontSize: "0.9rem" }}
-                onClick={() => setShowCreateServerModal(false)}
-              >
-                Cancel
-              </button>
-              <button
-                type="submit"
-                className="btn-primary"
-                disabled={!isFullyAuthenticated}
-              >
-                Create Server
-              </button>
-            </div>
-          </form>
-        </div>
-      )}
-    </div>
-  );
-}
-
-export default ServerList;
diff --git a/src/chat/components/SettingsPanel.svelte b/src/chat/components/SettingsPanel.svelte
new file mode 100644
index 0000000..e51735d
--- /dev/null
+++ b/src/chat/components/SettingsPanel.svelte
@@ -0,0 +1,80 @@
+<script lang="ts">
+  import { reducers } from "../../module_bindings";
+  import { useReducer } from "spacetimedb/svelte";
+  import { auth } from "../../auth/auth.svelte";
+  import type * as Types from "../../module_bindings/types";
+
+  let { onClose, currentUser }: { onClose: () => void, currentUser: Types.User | undefined } = $props();
+
+  let name = $state("");
+  const setNameReducer = useReducer(reducers.setName);
+
+  $effect(() => {
+    if (currentUser?.name && !name) {
+      name = currentUser.name;
+    }
+  });
+
+  const handleSave = () => {
+    if (name.trim()) {
+      setNameReducer({ name: name.trim() });
+      onClose();
+    }
+  };
+
+  const handleOverlayClick = (e: MouseEvent) => {
+    if (e.target === e.currentTarget) {
+      onClose();
+    }
+  };
+</script>
+
+<!-- svelte-ignore a11y_click_events_have_key_events -->
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<div class="modal-overlay" onclick={handleOverlayClick}>
+  <div class="modal-content" onclick={(e) => e.stopPropagation()}>
+    <h2>User Settings</h2>
+    <div class="settings-section">
+      <label
+        for="display-name"
+        style="display: block; margin-bottom: 8px; font-size: 0.75rem; font-weight: bold; color: var(--text-muted); text-transform: uppercase;"
+      >
+        Display Name
+      </label>
+      <!-- svelte-ignore a11y_autofocus -->
+      <input
+        id="display-name"
+        name="display-name"
+        type="text"
+        bind:value={name}
+        placeholder="Enter your display name"
+        autofocus
+        style="width: 100%; box-sizing: border-box"
+      />
+    </div>
+
+    <div class="settings-section" style="border-top: 1px solid var(--background-accent); padding-top: 16px;">
+      <h3 style="font-size: 0.9rem; margin-top: 0;">Danger Zone</h3>
+      <button 
+        class="icon-btn" 
+        style="padding: 8px 16px; font-size: 0.9rem; color: #f23f43; background: var(--background-secondary); border: 1px solid #f23f43; width: 100%;"
+        onclick={() => auth.logout()}
+      >
+        Logout
+      </button>
+    </div>
+
+    <div class="modal-actions">
+      <button
+        class="icon-btn"
+        style="padding: 8px 16px; font-size: 0.9rem"
+        onclick={onClose}
+      >
+        Cancel
+      </button>
+      <button class="btn-primary" onclick={handleSave}>
+        Save Changes
+      </button>
+    </div>
+  </div>
+</div>
diff --git a/src/chat/components/SettingsPanel.tsx b/src/chat/components/SettingsPanel.tsx
deleted file mode 100644
index 672beca..0000000
--- a/src/chat/components/SettingsPanel.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import React, { useState } from "react";
-import { useReducer, useSpacetimeDB } from "spacetimedb/react";
-import { reducers } from "../../module_bindings";
-import * as Types from "../../module_bindings/types";
-
-interface SettingsPanelProps {
-  onClose: () => void;
-  currentUser: Types.User | undefined;
-}
-
-export const SettingsPanel: React.FC<SettingsPanelProps> = ({
-  onClose,
-  currentUser,
-}) => {
-  const { identity } = useSpacetimeDB();
-  const [name, setNameInput] = useState(currentUser?.name || "");
-  const setNameReducer = useReducer(reducers.setName);
-
-  const handleSave = () => {
-    if (name.trim()) {
-      setNameReducer({ name: name.trim() });
-      onClose();
-    }
-  };
-
-  return (
-    <div className="modal-overlay" onClick={onClose}>
-      <div className="modal-content" onClick={(e) => e.stopPropagation()}>
-        <h2>User Settings</h2>
-        <div className="settings-section">
-          <label
-            style={{
-              display: "block",
-              marginBottom: "8px",
-              fontSize: "0.75rem",
-              fontWeight: "bold",
-              color: "var(--text-muted)",
-              textTransform: "uppercase",
-            }}
-          >
-            Display Name
-          </label>
-          <input
-            type="text"
-            value={name}
-            onChange={(e) => setNameInput(e.target.value)}
-            placeholder="Enter your display name"
-            autoFocus
-            style={{ width: "100%", boxSizing: "border-box" }}
-          />
-        </div>
-        <div className="modal-actions">
-          <button
-            className="icon-btn"
-            style={{ padding: "8px 16px", fontSize: "0.9rem" }}
-            onClick={onClose}
-          >
-            Cancel
-          </button>
-          <button className="btn-primary" onClick={handleSave}>
-            Save Changes
-          </button>
-        </div>
-      </div>
-    </div>
-  );
-};
diff --git a/src/chat/components/ThreadMessageInput.svelte b/src/chat/components/ThreadMessageInput.svelte
new file mode 100644
index 0000000..cc5873f
--- /dev/null
+++ b/src/chat/components/ThreadMessageInput.svelte
@@ -0,0 +1,47 @@
+<script lang="ts">
+  let { 
+    activeChannelId, 
+    activeThreadId, 
+    isFullyAuthenticated, 
+    sendMessageReducer 
+  }: {
+    activeChannelId: bigint | null,
+    activeThreadId: bigint | null,
+    isFullyAuthenticated: boolean,
+    sendMessageReducer: (args: any) => void
+  } = $props();
+
+  let threadMessageText = $state("");
+
+  const handleSubmit = (e: SubmitEvent) => {
+    e.preventDefault();
+    if (!threadMessageText.trim() || !activeChannelId || !activeThreadId)
+      return;
+
+    sendMessageReducer({
+      text: threadMessageText,
+      channelId: activeChannelId,
+      threadId: activeThreadId,
+    });
+    threadMessageText = "";
+  };
+</script>
+
+<div class="chat-input-container" style="padding: 8px">
+  <form class="chat-input-wrapper" onsubmit={handleSubmit}>
+    <input
+      id="thread-message"
+      name="thread-message"
+      type="text"
+      class="chat-input"
+      style="font-size: 0.85rem"
+      placeholder={
+        isFullyAuthenticated ? "Reply in thread..." : "Log in to chat"
+      }
+      disabled={
+        !isFullyAuthenticated || !activeChannelId || !activeThreadId
+      }
+      bind:value={threadMessageText}
+    />
+  </form>
+</div>
diff --git a/src/chat/components/ThreadMessageInput.tsx b/src/chat/components/ThreadMessageInput.tsx
deleted file mode 100644
index 0c6cc19..0000000
--- a/src/chat/components/ThreadMessageInput.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-// src/chat/components/ThreadMessageInput.tsx
-import React, { useState } from "react";
-import { tables, reducers } from "../../module_bindings";
-
-interface ThreadMessageInputProps {
-  activeChannelId: bigint | null; // Still needed by sendMessage reducer
-  activeThreadId: bigint | null;
-  isFullyAuthenticated: boolean;
-  sendMessageReducer: (args: any) => void;
-}
-
-function ThreadMessageInput({
-  activeChannelId,
-  activeThreadId,
-  isFullyAuthenticated,
-  sendMessageReducer,
-}: ThreadMessageInputProps) {
-  const [threadMessageText, setThreadMessageText] = useState("");
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    if (!threadMessageText.trim() || !activeChannelId || !activeThreadId)
-      return;
-
-    sendMessageReducer({
-      text: threadMessageText,
-      channelId: activeChannelId,
-      threadId: activeThreadId,
-    });
-    setThreadMessageText("");
-  };
-
-  return (
-    <div className="chat-input-container" style={{ padding: "8px" }}>
-      <form className="chat-input-wrapper" onSubmit={handleSubmit}>
-        <input
-          className="chat-input"
-          style={{ fontSize: "0.85rem" }}
-          placeholder={
-            isFullyAuthenticated ? "Reply in thread..." : "Log in to chat"
-          }
-          disabled={
-            !isFullyAuthenticated || !activeChannelId || !activeThreadId
-          }
-          value={threadMessageText}
-          onChange={(e) => setThreadMessageText(e.target.value)}
-        />
-      </form>
-    </div>
-  );
-}
-
-export default ThreadMessageInput;
diff --git a/src/chat/components/ThreadMessageList.svelte b/src/chat/components/ThreadMessageList.svelte
new file mode 100644
index 0000000..73e6733
--- /dev/null
+++ b/src/chat/components/ThreadMessageList.svelte
@@ -0,0 +1,58 @@
+<script lang="ts">
+  import { Identity } from "spacetimedb";
+  import type * as Types from "../../module_bindings/types";
+  import RichText from "./RichText.svelte";
+
+  let { 
+    threadMessages, 
+    users, 
+    identity 
+  }: {
+    threadMessages: readonly Types.Message[],
+    users: readonly Types.User[],
+    identity: Identity | null
+  } = $props();
+
+  let threadMessagesEndRef = $state<HTMLDivElement | null>(null);
+
+  const getUsername = (
+    userIdentity: Identity | null,
+    users: readonly Types.User[],
+  ) => {
+    if (!userIdentity) return "Unknown";
+    const user = users.find((u) => u.identity?.isEqual(userIdentity));
+    return user?.name || userIdentity.toHexString().substring(0, 8);
+  };
+
+  // Auto-scroll to bottom when messages change
+  $effect(() => {
+    if (threadMessages) {
+      threadMessagesEndRef?.scrollIntoView({ behavior: "smooth" });
+    }
+  });
+</script>
+
+<div
+  class="message-list thread-messages-list"
+  style="padding: 8px"
+>
+  {#each threadMessages as msg (msg.id.toString())}
+    {@const msgUsername = getUsername(msg.sender, users)}
+    <div
+      class="message-item thread-message-item"
+    >
+      <div class="avatar small message-avatar">
+        {msgUsername.substring(0, 2).toUpperCase()}
+      </div>
+      <div class="message-content">
+        <div class="message-header">
+          <span class="user-name">{msgUsername}</span>
+        </div>
+        <div class="message-text">
+          <RichText text={msg.text} />
+        </div>
+      </div>
+    </div>
+  {/each}
+  <div bind:this={threadMessagesEndRef}></div>
+</div>
diff --git a/src/chat/components/ThreadMessageList.tsx b/src/chat/components/ThreadMessageList.tsx
deleted file mode 100644
index 8199fb3..0000000
--- a/src/chat/components/ThreadMessageList.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-// src/chat/components/ThreadMessageList.tsx
-import React, { useRef, useEffect } from "react";
-import { Identity } from "spacetimedb";
-import type * as Types from "../../module_bindings/types";
-import RichText from "./RichText";
-
-// Helper function (extracted from App.tsx)
-const getUsername = (
-  userIdentity: Identity | null,
-  users: readonly Types.User[],
-) => {
-  if (!userIdentity) return "Unknown";
-  const user = users.find((u) => u.identity?.isEqual(userIdentity));
-  return user?.name || userIdentity.toHexString().substring(0, 8);
-};
-
-interface ThreadMessageListProps {
-  threadMessages: Types.Message[];
-  users: readonly Types.User[];
-  identity: Identity | null;
-}
-
-function ThreadMessageList({
-  threadMessages,
-  users,
-  identity,
-}: ThreadMessageListProps) {
-  const threadMessagesEndRef = useRef<HTMLDivElement>(null);
-
-  // Auto-scroll to bottom when messages change
-  useEffect(() => {
-    threadMessagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
-  }, [threadMessages]);
-
-  return (
-    <div
-      className="message-list thread-messages-list"
-      style={{ padding: "8px" }}
-    >
-      {threadMessages.map((msg) => {
-        const msgUsername = getUsername(msg.sender, users);
-
-        return (
-          <div
-            key={msg.id.toString()}
-            className="message-item thread-message-item"
-          >
-            <div className="avatar small message-avatar">
-              {msgUsername.substring(0, 2).toUpperCase()}
-            </div>
-            <div className="message-content">
-              <div className="message-header">
-                <span className="user-name">{msgUsername}</span>
-              </div>
-              <div className="message-text">
-                <RichText text={msg.text} />
-              </div>
-            </div>
-          </div>
-        );
-      })}
-      <div ref={threadMessagesEndRef} />
-    </div>
-  );
-}
-
-export default ThreadMessageList;
diff --git a/src/chat/components/ThreadView.svelte b/src/chat/components/ThreadView.svelte
new file mode 100644
index 0000000..8aeb14c
--- /dev/null
+++ b/src/chat/components/ThreadView.svelte
@@ -0,0 +1,82 @@
+<script lang="ts">
+  import { Identity } from "spacetimedb";
+  import type * as Types from "../../module_bindings/types";
+  import { useReducer } from "spacetimedb/svelte";
+  import { reducers } from "../../module_bindings";
+  import ThreadMessageList from "./ThreadMessageList.svelte";
+  import ThreadMessageInput from "./ThreadMessageInput.svelte";
+
+  let { 
+    activeThreadId, 
+    setActiveThreadId, 
+    activeChannelId, 
+    activeServer, 
+    isFullyAuthenticated, 
+    users, 
+    identity, 
+    allThreads, 
+    allMessages 
+  }: {
+    activeThreadId: bigint,
+    setActiveThreadId: (id: bigint | null) => void,
+    activeChannelId: bigint | null,
+    activeServer: Types.Server | undefined,
+    isFullyAuthenticated: boolean,
+    users: readonly Types.User[],
+    identity: Identity | null,
+    allThreads: readonly Types.Thread[],
+    allMessages: readonly Types.Message[]
+  } = $props();
+
+  const sendMessageReducer = useReducer(reducers.sendMessage);
+
+  const activeThread = $derived(allThreads.find((t) => t.id === activeThreadId));
+
+  const threadMessages = $derived.by(() => {
+    if (!activeThreadId) return [];
+    return allMessages
+      .filter((m) => m.threadId === activeThreadId)
+      .sort((a, b) =>
+        a.sent.microsSinceUnixEpoch < b.sent.microsSinceUnixEpoch ? -1 : 1
+      );
+  });
+</script>
+
+{#if activeThreadId && activeThread}
+  <div class="thread-view">
+    <div
+      class="thread-header"
+      style="border-bottom: 1px solid var(--background-accent); padding: 8px; display: flex; justify-content: space-between; align-items: center;"
+    >
+      <div style="display: flex; align-items: center; gap: 8px">
+        <!-- svelte-ignore a11y_click_events_have_key_events -->
+        <!-- svelte-ignore a11y_no_static_element_interactions -->
+        <span
+          style="color: var(--brand); cursor: pointer; font-size: 1.2rem;"
+          onclick={() => setActiveThreadId(null)}
+        >
+          ←
+        </span>
+        <span style="font-weight: bold; font-size: 0.9rem">
+          {activeThread.name}
+        </span>
+      </div>
+      <button class="close-btn" onclick={() => setActiveThreadId(null)}>
+        ×
+      </button>
+    </div>
+
+    <ThreadMessageList
+      {threadMessages}
+      {users}
+      {identity}
+    />
+
+    <ThreadMessageInput
+      {activeChannelId}
+      {activeThreadId}
+      {isFullyAuthenticated}
+      {sendMessageReducer}
+    />
+  </div>
+{/if}
diff --git a/src/chat/components/ThreadView.tsx b/src/chat/components/ThreadView.tsx
deleted file mode 100644
index 4728ba5..0000000
--- a/src/chat/components/ThreadView.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-// src/chat/components/ThreadView.tsx
-import React, { useState, useMemo } from "react";
-import { Identity } from "spacetimedb";
-import type * as Types from "../../module_bindings/types";
-import { useReducer } from "spacetimedb/react"; // Assuming useTable and useReducer are available
-import { reducers } from "../../module_bindings";
-import ThreadMessageList from "./ThreadMessageList";
-import ThreadMessageInput from "./ThreadMessageInput";
-
-interface ThreadViewProps {
-  activeThreadId: bigint;
-  setActiveThreadId: (id: bigint | null) => void;
-  activeChannelId: bigint | null;
-  activeServer: Types.Server | undefined;
-  isFullyAuthenticated: boolean;
-  users: readonly Types.User[];
-  identity: Identity | null;
-  allThreads: readonly Types.Thread[];
-  allMessages: readonly Types.Message[];
-}
-
-function ThreadView({
-  activeThreadId,
-  setActiveThreadId,
-  activeChannelId,
-  activeServer,
-  isFullyAuthenticated,
-  users,
-  identity,
-  allThreads,
-  allMessages,
-}: ThreadViewProps) {
-  const sendMessageReducer = useReducer(
-    useMemo(() => reducers.sendMessage, []),
-  ); // Assuming reducers are accessible
-
-  const activeThread = useMemo(
-    () => allThreads.find((t) => t.id === activeThreadId),
-    [allThreads, activeThreadId],
-  );
-
-  const threadMessages = useMemo(() => {
-    if (!activeThreadId) return [];
-    return allMessages
-      .filter((m) => m.threadId === activeThreadId)
-      .sort((a, b) =>
-        a.sent.microsSinceUnixEpoch < b.sent.microsSinceUnixEpoch ? -1 : 1,
-      );
-  }, [allMessages, activeThreadId]);
-
-  if (!activeThreadId || !activeThread) {
-    return null; // Don't render anything if no active thread
-  }
-
-  return (
-    <div className="thread-view">
-      <div
-        className="thread-header"
-        style={{
-          borderBottom: "1px solid var(--background-accent)",
-          padding: "8px",
-          display: "flex",
-          justifyContent: "space-between",
-          alignItems: "center",
-        }}
-      >
-        <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
-          <span
-            style={{
-              color: "var(--brand)",
-              cursor: "pointer",
-              fontSize: "1.2rem",
-            }}
-            onClick={() => setActiveThreadId(null)}
-          >
-            ←
-          </span>
-          <span style={{ fontWeight: "bold", fontSize: "0.9rem" }}>
-            {activeThread.name}
-          </span>
-        </div>
-        <button className="close-btn" onClick={() => setActiveThreadId(null)}>
-          ×
-        </button>
-      </div>
-
-      <ThreadMessageList
-        threadMessages={threadMessages}
-        users={users}
-        identity={identity}
-      />
-
-      <ThreadMessageInput
-        activeChannelId={activeChannelId}
-        activeThreadId={activeThreadId}
-        isFullyAuthenticated={isFullyAuthenticated}
-        sendMessageReducer={sendMessageReducer}
-      />
-    </div>
-  );
-}
-
-export default ThreadView;
diff --git a/src/chat/components/VideoGrid.svelte b/src/chat/components/VideoGrid.svelte
new file mode 100644
index 0000000..2cf81f3
--- /dev/null
+++ b/src/chat/components/VideoGrid.svelte
@@ -0,0 +1,153 @@
+<script lang="ts">
+  import { getContext } from "svelte";
+  import { Identity } from "spacetimedb";
+  import type { ChatService } from "../services/chat.svelte";
+  import type { WebRTCService } from "../services/webrtc/webrtc.svelte";
+  import VideoTile from "./VideoTile.svelte";
+
+  const chat = getContext<ChatService>("chat");
+  const webrtc = getContext<WebRTCService>("webrtc");
+
+  let focusedIdentity = $state<Identity | null>(null);
+
+  const participants = $derived(
+    chat.voiceStates.filter((vs) => vs.channelId === webrtc.connectedChannelId),
+  );
+
+  const localSharing = $derived(!!webrtc.localScreenStream);
+  const remoteSharerVs = $derived(
+    participants.find((vs) => {
+      if (vs.identity.isEqual(webrtc.identity!)) return false;
+      return vs.isSharingScreen;
+    }),
+  );
+
+  const defaultSharerIdentity = $derived(
+    localSharing ? webrtc.identity : remoteSharerVs?.identity,
+  );
+
+  const primarySharerIdentity = $derived(focusedIdentity || defaultSharerIdentity);
+
+  function isWatchingPeer(peerIdHex: string) {
+    return webrtc.watching.some(
+      (w) =>
+        w.watcher.isEqual(webrtc.identity!) &&
+        w.watchee.toHexString() === peerIdHex,
+    );
+  }
+
+  function toggleWatch(peerIdentity: Identity) {
+    if (isWatchingPeer(peerIdentity.toHexString())) {
+      webrtc.stopWatching(peerIdentity);
+    } else {
+      webrtc.startWatching(peerIdentity);
+    }
+  }
+
+  const heroVs = $derived(
+    participants.find((vs) =>
+      vs.identity.isEqual(primarySharerIdentity || Identity.zero()),
+    ),
+  );
+  const rowParticipants = $derived(
+    participants.filter(
+      (vs) => !vs.identity.isEqual(primarySharerIdentity || Identity.zero()),
+    ),
+  );
+</script>
+
+<div class="video-grid {primarySharerIdentity ? 'has-sharer' : ''}">
+  <div class="video-grid-content">
+    {#if primarySharerIdentity}
+      {#if heroVs}
+        <div
+          class="video-tile-container is-hero"
+          onclick={() => (focusedIdentity = heroVs.identity)}
+          role="button"
+          tabindex="0"
+          onkeydown={(e) => e.key === "Enter" && (focusedIdentity = heroVs.identity)}
+          style="cursor: pointer;"
+        >
+          <VideoTile
+            identity={heroVs.identity}
+            stream={heroVs.identity.isEqual(webrtc.identity!)
+              ? webrtc.localScreenStream || undefined
+              : webrtc.peers.get(heroVs.identity.toHexString())?.videoStream}
+            isLocal={heroVs.identity.isEqual(webrtc.identity!)}
+            isTalking={chat.voiceActivity.find((va) =>
+              va.identity.isEqual(heroVs.identity),
+            )?.isTalking || false}
+            isWatching={isWatchingPeer(heroVs.identity.toHexString())}
+            isSharing={heroVs.identity.isEqual(webrtc.identity!)
+              ? localSharing
+              : heroVs.isSharingScreen}
+            onToggleWatch={() => toggleWatch(heroVs.identity)}
+            isHero={true}
+            users={chat.users}
+          />
+        </div>
+      {/if}
+      {#if rowParticipants.length > 0}
+        <div class="video-participants-row">
+          {#each rowParticipants as vs (vs.identity.toHexString())}
+            <div
+              class="video-tile-container is-row"
+              onclick={() => (focusedIdentity = vs.identity)}
+              role="button"
+              tabindex="0"
+              onkeydown={(e) => e.key === "Enter" && (focusedIdentity = vs.identity)}
+              style="cursor: pointer;"
+            >
+              <VideoTile
+                identity={vs.identity}
+                stream={vs.identity.isEqual(webrtc.identity!)
+                  ? webrtc.localScreenStream || undefined
+                  : webrtc.peers.get(vs.identity.toHexString())?.videoStream}
+                isLocal={vs.identity.isEqual(webrtc.identity!)}
+                isTalking={chat.voiceActivity.find((va) =>
+                  va.identity.isEqual(vs.identity),
+                )?.isTalking || false}
+                isWatching={isWatchingPeer(vs.identity.toHexString())}
+                isSharing={vs.identity.isEqual(webrtc.identity!)
+                  ? localSharing
+                  : vs.isSharingScreen}
+                onToggleWatch={() => toggleWatch(vs.identity)}
+                isHero={false}
+                users={chat.users}
+              />
+            </div>
+          {/each}
+        </div>
+      {/if}
+    {:else}
+      {#each participants as vs (vs.identity.toHexString())}
+        <div
+          class="video-tile-container is-grid"
+          onclick={() => (focusedIdentity = vs.identity)}
+          role="button"
+          tabindex="0"
+          onkeydown={(e) => e.key === "Enter" && (focusedIdentity = vs.identity)}
+          style="cursor: pointer;"
+        >
+          <VideoTile
+            identity={vs.identity}
+            stream={vs.identity.isEqual(webrtc.identity!)
+              ? webrtc.localScreenStream || undefined
+              : webrtc.peers.get(vs.identity.toHexString())?.videoStream}
+            isLocal={vs.identity.isEqual(webrtc.identity!)}
+            isTalking={chat.voiceActivity.find((va) =>
+              va.identity.isEqual(vs.identity),
+            )?.isTalking || false}
+            isWatching={isWatchingPeer(vs.identity.toHexString())}
+            isSharing={vs.identity.isEqual(webrtc.identity!)
+              ? localSharing
+              : vs.isSharingScreen}
+            onToggleWatch={() => toggleWatch(vs.identity)}
+            isHero={false}
+            users={chat.users}
+          />
+        </div>
+      {/each}
+    {/if}
+  </div>
+</div>
diff --git a/src/chat/components/VideoGrid.tsx b/src/chat/components/VideoGrid.tsx
deleted file mode 100644
index 1c5e15d..0000000
--- a/src/chat/components/VideoGrid.tsx
+++ /dev/null
@@ -1,294 +0,0 @@
-import React, { useEffect, useRef } from "react";
-import { Identity } from "spacetimedb";
-import { useSpacetimeDB } from "spacetimedb/react";
-import * as Types from "../../module_bindings/types";
-
-interface VideoGridProps {
-  peers: Map<string, { audio?: HTMLAudioElement; videoStream?: MediaStream }>;
-  localScreenStream: MediaStream | null;
-  connectedChannelId: bigint;
-  startWatching: (peerIdentity: Identity) => void;
-  stopWatching: (peerIdentity: Identity) => void;
-  watching: readonly Types.Watching[];
-  users: readonly Types.User[];
-  voiceStates: readonly Types.VoiceState[];
-  voiceActivity: readonly Types.VoiceActivity[];
-}
-
-const VideoTile = ({
-  identity,
-  stream,
-  isLocal,
-  isTalking,
-  onToggleWatch,
-  isWatching,
-  isSharing,
-  isHero,
-  users,
-}: {
-  identity: Identity;
-  stream?: MediaStream;
-  isLocal?: boolean;
-  isTalking?: boolean;
-  onToggleWatch?: () => void;
-  isWatching?: boolean;
-  isSharing?: boolean;
-  isHero?: boolean;
-  users: readonly Types.User[];
-}) => {
-  const videoRef = useRef<HTMLVideoElement>(null);
-  const containerRef = useRef<HTMLDivElement>(null);
-  const [isMuted, setIsMuted] = React.useState(false);
-  const [volume, setVolume] = React.useState(1.0);
-  const user = users.find((u) => u.identity.isEqual(identity));
-  const name =
-    user?.name || user?.username || identity.toHexString().substring(0, 8);
-
-  useEffect(() => {
-    const video = videoRef.current;
-    const shouldShow = isLocal || isWatching;
-
-    if (video && stream && shouldShow) {
-      if (video.srcObject !== stream) {
-        video.srcObject = stream;
-      }
-
-      // Control volume directly on the video element for screen sharing
-      video.muted = isMuted;
-      video.volume = Math.min(1, isMuted ? 0 : volume);
-
-      video.play().catch((err) => {
-        if (err.name !== "AbortError") {
-          console.warn(`[VideoTile] Play failed for ${name}:`, err);
-        }
-      });
-    } else if (video) {
-      if (video.srcObject) {
-        video.srcObject = null;
-      }
-    }
-  }, [stream, isLocal, isWatching, name, isSharing, isMuted, volume]);
-
-  const handleFullscreen = (e: React.MouseEvent) => {
-    e.stopPropagation();
-    if (containerRef.current?.requestFullscreen) {
-      containerRef.current.requestFullscreen();
-    }
-  };
-
-  const toggleMute = (e: React.MouseEvent) => {
-    e.stopPropagation();
-    setIsMuted((prev) => !prev);
-  };
-
-  const handleVolumeChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const val = parseFloat(e.target.value);
-    setVolume(val);
-    if (val > 0 && isMuted) {
-      setIsMuted(false);
-    } else if (val === 0 && !isMuted) {
-      setIsMuted(true);
-    }
-  };
-
-  const showStream = (isLocal || isWatching) && stream;
-
-  return (
-    <div
-      ref={containerRef}
-      className={`video-tile ${isTalking ? "talking" : ""} ${isHero ? "hero" : ""}`}
-    >
-      {showStream ? (
-        <>
-          <video ref={videoRef} autoPlay playsInline />
-          <div className="video-controls">
-            {!isLocal && (
-              <button
-                className="watch-btn active"
-                onClick={(e) => {
-                  e.stopPropagation();
-                  onToggleWatch?.();
-                }}
-                title="Stop Watching"
-              >
-                Stop Watching
-              </button>
-            )}
-            <button
-              className="fullscreen-btn"
-              onClick={handleFullscreen}
-              title="Toggle Fullscreen"
-            >
-              ⛶
-            </button>
-          </div>
-        </>
-      ) : (
-        <div className="avatar-placeholder-container">
-          <div className="avatar-placeholder">{name[0].toUpperCase()}</div>
-          {!isLocal && isSharing && (
-            <button
-              className="watch-btn"
-              onClick={(e) => {
-                e.stopPropagation();
-                onToggleWatch?.();
-              }}
-            >
-              Watch Stream
-            </button>
-          )}
-        </div>
-      )}
-
-      {/* Control screen share volume directly via video element volume slider */}
-      {!isLocal &&
-        isWatching &&
-        stream &&
-        stream.getAudioTracks().length > 0 && (
-          <div className="tile-actions-right">
-            <div
-              className="volume-control-container"
-              onClick={(e) => e.stopPropagation()}
-            >
-              <input
-                type="range"
-                min="0"
-                max="2"
-                step="0.01"
-                value={isMuted ? 0 : volume}
-                onChange={handleVolumeChange}
-                className="volume-slider"
-              />
-              <button
-                className="mute-tile-btn"
-                onClick={toggleMute}
-                title={isMuted ? "Unmute" : "Mute"}
-              >
-                {isMuted || volume === 0 ? "🔈" : "🔊"}
-              </button>
-            </div>
-          </div>
-        )}
-
-      <div className="tile-info">
-        <span className="user-name">
-          {name} {isLocal ? "(You)" : ""}
-        </span>
-        {isSharing && <span className="sharing-badge">LIVE</span>}
-      </div>
-    </div>
-  );
-};
-
-export const VideoGrid: React.FC<VideoGridProps> = ({
-  peers,
-  localScreenStream,
-  connectedChannelId,
-  startWatching,
-  stopWatching,
-  watching,
-  users,
-  voiceStates,
-  voiceActivity,
-}) => {
-  const { identity: localIdentity } = useSpacetimeDB();
-  const [focusedIdentity, setFocusedIdentity] = React.useState<Identity | null>(
-    null,
-  );
-
-  const participants = voiceStates.filter(
-    (vs) => vs.channelId === connectedChannelId,
-  );
-
-  const isWatchingPeer = (peerIdHex: string) => {
-    return watching.some(
-      (w) =>
-        w.watcher.isEqual(localIdentity!) &&
-        w.watchee.toHexString() === peerIdHex,
-    );
-  };
-
-  const toggleWatch = (peerIdentity: Identity) => {
-    if (isWatchingPeer(peerIdentity.toHexString())) {
-      stopWatching(peerIdentity);
-    } else {
-      startWatching(peerIdentity);
-    }
-  };
-
-  const localSharing = !!localScreenStream;
-  const remoteSharerVs = participants.find((vs) => {
-    if (vs.identity.isEqual(localIdentity!)) return false;
-    return vs.isSharingScreen;
-  });
-
-  const defaultSharerIdentity = localSharing
-    ? localIdentity
-    : remoteSharerVs?.identity;
-
-  const primarySharerIdentity = focusedIdentity || defaultSharerIdentity;
-
-  const renderTile = (vs: Types.VoiceState) => {
-    const isLocal = vs.identity.isEqual(localIdentity!);
-    const peerIdHex = vs.identity.toHexString();
-    const peer = peers.get(peerIdHex);
-    const isTalking =
-      voiceActivity.find((va) => va.identity.isEqual(vs.identity))?.isTalking ||
-      false;
-
-    // Determine the role of this tile based on the overall layout
-    let roleClass = "is-grid";
-    if (primarySharerIdentity) {
-      roleClass = primarySharerIdentity.isEqual(vs.identity)
-        ? "is-hero"
-        : "is-row";
-    }
-
-    return (
-      <div
-        key={peerIdHex}
-        className={`video-tile-container ${roleClass}`}
-        onClick={() => setFocusedIdentity(vs.identity)}
-        style={{ cursor: "pointer" }}
-      >
-        <VideoTile
-          identity={vs.identity}
-          stream={isLocal ? localScreenStream || undefined : peer?.videoStream}
-          isLocal={isLocal}
-          isTalking={isTalking}
-          isWatching={isWatchingPeer(peerIdHex)}
-          isSharing={isLocal ? localSharing : vs.isSharingScreen}
-          onToggleWatch={() => toggleWatch(vs.identity)}
-          isHero={roleClass === "is-hero"}
-          users={users}
-        />
-      </div>
-    );
-  };
-
-  const heroVs = participants.find((vs) =>
-    vs.identity.isEqual(primarySharerIdentity || Identity.zero()),
-  );
-  const rowParticipants = participants.filter(
-    (vs) => !vs.identity.isEqual(primarySharerIdentity || Identity.zero()),
-  );
-
-  return (
-    <div className={`video-grid ${primarySharerIdentity ? "has-sharer" : ""}`}>
-      <div className="video-grid-content">
-        {primarySharerIdentity ? (
-          <>
-            {heroVs && renderTile(heroVs)}
-            {rowParticipants.length > 0 && (
-              <div className="video-participants-row">
-                {rowParticipants.map((vs) => renderTile(vs))}
-              </div>
-            )}
-          </>
-        ) : (
-          participants.map((vs) => renderTile(vs))
-        )}
-      </div>
-    </div>
-  );
-};
diff --git a/src/chat/components/VideoTile.svelte b/src/chat/components/VideoTile.svelte
new file mode 100644
index 0000000..d46e46b
--- /dev/null
+++ b/src/chat/components/VideoTile.svelte
@@ -0,0 +1,164 @@
+<script lang="ts">
+  import { Identity } from "spacetimedb";
+  import type * as Types from "../../module_bindings/types";
+
+  let {
+    identity,
+    stream,
+    isLocal,
+    isTalking,
+    onToggleWatch,
+    isWatching,
+    isSharing,
+    isHero,
+    users,
+  } = $props<{
+    identity: Identity;
+    stream?: MediaStream;
+    isLocal?: boolean;
+    isTalking?: boolean;
+    onToggleWatch?: () => void;
+    isWatching?: boolean;
+    isSharing?: boolean;
+    isHero?: boolean;
+    users: readonly Types.User[];
+  }>();
+
+  let videoRef = $state<HTMLVideoElement | null>(null);
+  let containerRef = $state<HTMLDivElement | null>(null);
+  let isMuted = $state(false);
+  let volume = $state(1.0);
+
+  const user = $derived(users.find((u) => u.identity.isEqual(identity)));
+  const name = $derived(
+    user?.name || user?.username || identity.toHexString().substring(0, 8),
+  );
+
+  $effect(() => {
+    const video = videoRef;
+    const shouldShow = isLocal || isWatching;
+
+    if (video && stream && shouldShow) {
+      if (video.srcObject !== stream) {
+        video.srcObject = stream;
+      }
+
+      video.muted = isMuted;
+      video.volume = Math.min(1, isMuted ? 0 : volume);
+
+      video.play().catch((err) => {
+        if (err.name !== "AbortError") {
+          console.warn(`[VideoTile] Play failed for ${name}:`, err);
+        }
+      });
+    } else if (video) {
+      if (video.srcObject) {
+        video.srcObject = null;
+      }
+    }
+  });
+
+  function handleFullscreen(e: MouseEvent) {
+    e.stopPropagation();
+    if (containerRef?.requestFullscreen) {
+      containerRef.requestFullscreen();
+    }
+  }
+
+  function toggleMute(e: MouseEvent) {
+    e.stopPropagation();
+    isMuted = !isMuted;
+  }
+
+  function handleVolumeChange(e: Event) {
+    const val = parseFloat((e.target as HTMLInputElement).value);
+    volume = val;
+    if (val > 0 && isMuted) {
+      isMuted = false;
+    } else if (val === 0 && !isMuted) {
+      isMuted = true;
+    }
+  }
+
+  const showStream = $derived((isLocal || isWatching) && !!stream);
+</script>
+
+<div
+  bind:this={containerRef}
+  class="video-tile {isTalking ? 'talking' : ''} {isHero ? 'hero' : ''}"
+>
+  {#if showStream}
+    <video bind:this={videoRef} autoplay playsinline>
+      <track kind="captions" />
+    </video>
+    <div class="video-controls">
+      {#if !isLocal}
+        <button
+          class="watch-btn active"
+          onclick={(e) => {
+            e.stopPropagation();
+            onToggleWatch?.();
+          }}
+          title="Stop Watching"
+        >
+          Stop Watching
+        </button>
+      {/if}
+      <button
+        class="fullscreen-btn"
+        onclick={handleFullscreen}
+        title="Toggle Fullscreen"
+      >
+        ⛶
+      </button>
+    </div>
+  {:else}
+    <div class="avatar-placeholder-container">
+      <div class="avatar-placeholder">{name[0].toUpperCase()}</div>
+      {#if !isLocal && isSharing}
+        <button
+          class="watch-btn"
+          onclick={(e) => {
+            e.stopPropagation();
+            onToggleWatch?.();
+          }}
+        >
+          Watch Stream
+        </button>
+      {/if}
+    </div>
+  {/if}
+
+  {#if !isLocal && isWatching && stream && stream.getAudioTracks().length > 0}
+    <div class="tile-actions-right">
+      <div class="volume-control-container" onclick={(e) => e.stopPropagation()}>
+        <input
+          type="range"
+          min="0"
+          max="2"
+          step="0.01"
+          value={isMuted ? 0 : volume}
+          oninput={handleVolumeChange}
+          class="volume-slider"
+        />
+        <button
+          class="mute-tile-btn"
+          onclick={toggleMute}
+          title={isMuted ? "Unmute" : "Mute"}
+        >
+          {isMuted || volume === 0 ? "🔈" : "🔊"}
+        </button>
+      </div>
+    </div>
+  {/if}
+
+  <div class="tile-info">
+    <span class="user-name">
+      {name}
+      {isLocal ? "(You)" : ""}
+    </span>
+    {#if isSharing}
+      <span class="sharing-badge">LIVE</span>
+    {/if}
+  </div>
+</div>
diff --git a/src/chat/index.ts b/src/chat/index.ts
index 7da2c34..65c5480 100644
--- a/src/chat/index.ts
+++ b/src/chat/index.ts
@@ -1,3 +1,4 @@
 // src/chat/index.ts
-export { default as ChatContainer } from "./ChatContainer";
-export { useChat } from "./services/useChat";
+export { default as ChatContainer } from "./ChatContainer.svelte";
+export * from "./services";
+export * from "./utils";
diff --git a/src/chat/services/chat.svelte.ts b/src/chat/services/chat.svelte.ts
new file mode 100644
index 0000000..433ed5d
--- /dev/null
+++ b/src/chat/services/chat.svelte.ts
@@ -0,0 +1,292 @@
+import { tables, reducers } from "../../module_bindings";
+import { useTable, useReducer } from "spacetimedb/svelte";
+import { Identity } from "spacetimedb";
+import * as Types from "../../module_bindings/types";
+import { getUsername, formatTime } from "../utils";
+import { get } from "svelte/store";
+
+export class ChatService {
+  identity = $state<Identity | null>(null);
+
+  // Navigation State
+  activeServerId = $state<bigint | null>(null);
+  activeChannelId = $state<bigint | null>(null);
+  activeThreadId = $state<bigint | null>(null);
+
+  // Modal/UI State
+  showCreateServerModal = $state(false);
+  newServerName = $state("");
+  showCreateChannelModal = $state(false);
+  newChannelName = $state("");
+  isVoiceChannel = $state(false);
+  showSetNameModal = $state(false);
+  newName = $state("");
+  messageText = $state("");
+  threadMessageText = $state("");
+  showDiscoveryModal = $state(false);
+  authError = $state("");
+
+  // Subscriptions Data
+  servers = $state<readonly Types.Server[]>([]);
+  channels = $state<readonly Types.Channel[]>([]);
+  users = $state<readonly Types.User[]>([]);
+  serverMembers = $state<readonly Types.ServerMember[]>([]);
+  allMessages = $state<readonly Types.Message[]>([]);
+  allThreads = $state<readonly Types.Thread[]>([]);
+  voiceStates = $state<readonly Types.VoiceState[]>([]);
+  voiceActivity = $state<readonly Types.VoiceActivity[]>([]);
+  isUsersReady = $state(false);
+
+  // Reducers
+  #createServerReducer = useReducer(reducers.createServer);
+  #createChannelReducer = useReducer(reducers.createChannel);
+  #createThreadReducer = useReducer(reducers.createThread);
+  #sendMessageReducer = useReducer(reducers.sendMessage);
+  #joinVoiceReducer = useReducer(reducers.joinVoice);
+  #leaveVoiceReducer = useReducer(reducers.leaveVoice);
+  #setNameReducer = useReducer(reducers.setName);
+  #joinServerReducer = useReducer(reducers.joinServer);
+  #leaveServerReducer = useReducer(reducers.leaveServer);
+
+  constructor(identity: Identity | null) {
+    this.identity = identity;
+
+    // Initialize base subscriptions
+    const [serversStore] = useTable(tables.server);
+    const [channelsStore] = useTable(tables.channel);
+    const [usersStore, usersReadyStore] = useTable(tables.user);
+    const [voiceStatesStore] = useTable(tables.voice_state);
+    const [serverMembersStore] = useTable(tables.server_member);
+    const [messagesStore] = useTable(tables.message);
+    const [threadsStore] = useTable(tables.thread);
+    const [voiceActivityStore] = useTable(tables.voice_activity);
+
+    // Sync stores to $state
+    serversStore.subscribe(v => this.servers = v);
+    channelsStore.subscribe(v => this.channels = v);
+    usersStore.subscribe(v => this.users = v);
+    usersReadyStore.subscribe(v => this.isUsersReady = v);
+    voiceStatesStore.subscribe(v => this.voiceStates = v);
+    serverMembersStore.subscribe(v => this.serverMembers = v);
+    messagesStore.subscribe(v => this.allMessages = v);
+    threadsStore.subscribe(v => this.allThreads = v);
+    voiceActivityStore.subscribe(v => this.voiceActivity = v);
+
+    // Navigation logic from useNavigation.ts
+    $effect(() => {
+      if (!this.activeServerId && this.joinedServers.length > 0) {
+        this.activeServerId = this.joinedServers[0].id;
+      }
+    });
+
+    $effect(() => {
+      if (this.activeServerId) {
+        const serverChannels = this.channels.filter(
+          (c) => c.serverId === this.activeServerId && c.kind.tag === "Text",
+        );
+        if (serverChannels.length > 0) {
+          if (
+            !this.activeChannelId ||
+            !this.channels.some(
+              (c) => c.id === this.activeChannelId && c.serverId === this.activeServerId,
+            )
+          ) {
+            this.activeChannelId = serverChannels[0].id;
+          }
+        } else {
+          this.activeChannelId = null;
+        }
+      }
+    });
+  }
+
+  #updateServerMembers() {
+    // This is tricky because we have multiple dynamic subscriptions.
+    // In React it was easier because useSubscriptions was re-called.
+    // In Svelte, we can just fetch all memberships from the underlying DB if needed,
+    // or keep track of the stores.
+    
+    // For simplicity, let's just use useTable on the whole server_member table if it's not too big,
+    // or use a more reactive approach.
+    // Given the React code used specific queries, let's try to replicate that.
+    
+    // Actually, spacetimedb/svelte useTable is just a wrapper around the table.
+    // We can just subscribe to the whole table if we want, but it might be inefficient.
+    // The React code did:
+    // const [activeServerMembers] = useTable(activeServerId ? tables.server_member.where(...) : ...);
+    // const [ownMemberships] = useTable(identity ? tables.server_member.where(...) : ...);
+
+    // Let's use a single subscription for all relevant members if possible, 
+    // or just subscribe to the whole table for now if it's small enough.
+    // Looking at the original code, it was trying to be efficient.
+  }
+
+  // Derived State (Runes)
+  joinedServerIds = $derived.by(() => {
+    if (!this.identity) return new Set<bigint>();
+    // We need to access serverMembers here.
+    // Let's just subscribe to the whole server_member table for simplicity in Svelte.
+    return new Set(
+      this.serverMembers
+        .filter((m) => m.identity.isEqual(this.identity!))
+        .map((m) => m.serverId),
+    );
+  });
+
+  joinedServers = $derived(this.servers.filter((s) => this.joinedServerIds.has(s.id)));
+  availableServers = $derived(this.servers.filter((s) => !this.joinedServerIds.has(s.id)));
+
+  activeServer = $derived(this.servers.find((s) => s.id === this.activeServerId));
+  activeChannel = $derived(this.channels.find((c) => c.id === this.activeChannelId));
+  activeThread = $derived(this.allThreads.find((t) => t.id === this.activeThreadId));
+
+  currentUser = $derived(this.users.find((u) => u.identity?.isEqual(this.identity || Identity.zero())));
+
+  isFullyAuthenticated = $derived.by(() => {
+    const isBypassEnabled = 
+      import.meta.env.VITE_BYPASS_AUTH === "true" || 
+      new URLSearchParams(window.location.search).has("bypass_auth");
+    
+    if (isBypassEnabled) return true;
+
+    if (!this.currentUser) return false;
+    const hasOidc = !!(this.currentUser.issuer && this.currentUser.subject);
+    const hasCreds = !!(this.currentUser.username && this.currentUser.password);
+    return hasOidc || hasCreds;
+  });
+
+  channelMessages = $derived(
+    this.allMessages
+      .filter((m) => m.channelId === this.activeChannelId && m.threadId === undefined)
+      .sort((a, b) => (a.sent.microsSinceUnixEpoch < b.sent.microsSinceUnixEpoch ? -1 : 1))
+  );
+
+  threadMessages = $derived(
+    this.allMessages
+      .filter((m) => m.threadId === this.activeThreadId)
+      .sort((a, b) => (a.sent.microsSinceUnixEpoch < b.sent.microsSinceUnixEpoch ? -1 : 1))
+  );
+
+  isActiveChannelVoice = $derived(this.activeChannel?.kind.tag === "Voice");
+  isActiveChannelText = $derived(this.activeChannel?.kind.tag === "Text");
+
+  textChannels = $derived(
+    this.channels.filter((c) => c.serverId === this.activeServerId && c.kind.tag === "Text")
+  );
+
+  voiceChannels = $derived(
+    this.channels.filter((c) => c.serverId === this.activeServerId && c.kind.tag === "Voice")
+  );
+
+  activeServerMembers = $derived.by(() => {
+    if (!this.activeServerId) return [];
+    const memberIdentities = new Set(
+      this.serverMembers
+        .filter((m) => m.serverId === this.activeServerId)
+        .map((m) => m.identity.toHexString())
+    );
+    return this.users.filter((u) => memberIdentities.has(u.identity.toHexString()));
+  });
+
+  currentVoiceState = $derived(
+    this.voiceStates.find((vs) => vs.identity?.isEqual(this.identity || Identity.zero()))
+  );
+
+  connectedVoiceChannel = $derived(
+    this.channels.find((c) => c.id === this.currentVoiceState?.channelId)
+  );
+
+  onlineUsers = $derived(
+    this.users.filter((u) => u.online || this.identity?.isEqual(u.identity))
+  );
+
+  // Actions
+  handleCreateServer = (e: Event) => {
+    e.preventDefault();
+    if (this.newServerName.trim()) {
+      this.#createServerReducer({ name: this.newServerName });
+      this.newServerName = "";
+      this.showCreateServerModal = false;
+    }
+  };
+
+  handleCreateChannel = (e: Event) => {
+    e.preventDefault();
+    if (this.newChannelName.trim() && this.activeServerId) {
+      this.#createChannelChannelReducer({
+        serverId: this.activeServerId,
+        name: this.newChannelName,
+        isVoice: this.isVoiceChannel,
+      });
+      this.newChannelName = "";
+      this.showCreateChannelModal = false;
+    }
+  };
+
+  // Helper for createChannel reducer (mapping name mismatch)
+  #createChannelChannelReducer = (params: { serverId: bigint, name: string, isVoice: boolean }) => {
+      this.#createChannelReducer(params);
+  }
+
+  handleStartThread = (msg: Types.Message) => {
+    const threadName = `Thread for ${msg.text.substring(0, 20)}...`;
+    this.#createThreadReducer({
+      name: threadName,
+      channelId: msg.channelId,
+      parentMessageId: msg.id,
+    });
+  };
+
+  handleSendMessage = (e: Event) => {
+    e.preventDefault();
+    if (this.messageText.trim() && this.activeChannelId) {
+      this.#sendMessageReducer({
+        channelId: this.activeChannelId,
+        text: this.messageText,
+        threadId: this.activeThreadId || undefined,
+      });
+      this.messageText = "";
+    }
+  };
+
+  handleSendThreadMessage = (e: Event) => {
+    e.preventDefault();
+    if (this.threadMessageText.trim() && this.activeChannelId && this.activeThreadId) {
+      this.#sendMessageReducer({
+        channelId: this.activeChannelId,
+        text: this.threadMessageText,
+        threadId: this.activeThreadId,
+      });
+      this.threadMessageText = "";
+    }
+  };
+
+  handleJoinVoice = (channelId: bigint) => {
+    this.#joinVoiceReducer({ channelId });
+  };
+
+  handleLeaveVoice = () => {
+    this.#leaveVoiceReducer();
+  };
+
+  handleSetName = (e: Event) => {
+    e.preventDefault();
+    if (this.newName.trim()) {
+      this.#setNameReducer({ name: this.newName });
+      this.newName = "";
+      this.showSetNameModal = false;
+    }
+  };
+
+  handleJoinServer = (serverId: bigint) => {
+    this.#joinServerReducer({ serverId });
+  };
+
+  handleLeaveServer = (serverId: bigint) => {
+    this.#leaveServerReducer({ serverId });
+  };
+
+  // Helper functions
+  getUsername = (userIdentity: Identity | null) => getUsername(userIdentity, this.users);
+  formatTime = (ts: any) => formatTime(ts);
+}
diff --git a/src/chat/services/hooks/useActions.ts b/src/chat/services/hooks/useActions.ts
deleted file mode 100644
index 8045726..0000000
--- a/src/chat/services/hooks/useActions.ts
+++ /dev/null
@@ -1,195 +0,0 @@
-import { useState, useMemo, useCallback } from "react";
-import { useReducer } from "spacetimedb/react";
-import { reducers } from "../../../module_bindings";
-import * as Types from "../../../module_bindings/types";
-
-export const useActions = (
-  activeServerId: bigint | null,
-  activeChannelId: bigint | null,
-  activeThreadId: bigint | null,
-) => {
-  // Modal states
-  const [showCreateServerModal, setShowCreateServerModal] = useState(false);
-  const [newServerName, setNewServerName] = useState("");
-  const [showCreateChannelModal, setShowCreateChannelModal] = useState(false);
-  const [newChannelName, setNewChannelName] = useState("");
-  const [isVoiceChannel, setIsVoiceChannel] = useState(false);
-  const [showSetNameModal, setShowSetNameModal] = useState(false);
-  const [newName, setNewName] = useState("");
-  const [messageText, setMessageText] = useState("");
-  const [threadMessageText, setThreadMessageText] = useState("");
-
-  // Reducers
-  const createServerReducer = useReducer(
-    useMemo(() => reducers.createServer, []),
-  );
-  const createChannelReducer = useReducer(
-    useMemo(() => reducers.createChannel, []),
-  );
-  const createThreadReducer = useReducer(
-    useMemo(() => reducers.createThread, []),
-  );
-  const sendMessageReducer = useReducer(
-    useMemo(() => reducers.sendMessage, []),
-  );
-  const joinVoiceReducer = useReducer(useMemo(() => reducers.joinVoice, []));
-  const leaveVoiceReducer = useReducer(useMemo(() => reducers.leaveVoice, []));
-  const setNameReducer = useReducer(useMemo(() => reducers.setName, []));
-  const joinServerReducer = useReducer(useMemo(() => reducers.joinServer, []));
-  const leaveServerReducer = useReducer(
-    useMemo(() => reducers.leaveServer, []),
-  );
-
-  // Handlers
-  const handleCreateServer = useCallback(
-    (e: React.FormEvent) => {
-      e.preventDefault();
-      if (newServerName.trim()) {
-        createServerReducer({ name: newServerName });
-        setNewServerName("");
-        setShowCreateServerModal(false);
-      }
-    },
-    [newServerName, createServerReducer],
-  );
-
-  const handleCreateChannel = useCallback(
-    (e: React.FormEvent) => {
-      e.preventDefault();
-      if (newChannelName.trim() && activeServerId) {
-        createChannelReducer({
-          serverId: activeServerId,
-          name: newChannelName,
-          isVoice: isVoiceChannel,
-        });
-        setNewChannelName("");
-        setShowCreateChannelModal(false);
-      }
-    },
-    [newChannelName, activeServerId, isVoiceChannel, createChannelReducer],
-  );
-
-  const handleStartThread = useCallback(
-    (msg: Types.Message) => {
-      const threadName = `Thread for ${msg.text.substring(0, 20)}...`;
-      createThreadReducer({
-        name: threadName,
-        channelId: msg.channelId,
-        parentMessageId: msg.id,
-      });
-    },
-    [createThreadReducer],
-  );
-
-  const handleSendMessage = useCallback(
-    (e: React.FormEvent) => {
-      e.preventDefault();
-      if (messageText.trim() && activeChannelId) {
-        sendMessageReducer({
-          channelId: activeChannelId,
-          text: messageText,
-          threadId: activeThreadId || undefined,
-        });
-        setMessageText("");
-      }
-    },
-    [messageText, activeChannelId, activeThreadId, sendMessageReducer],
-  );
-
-  const handleSendThreadMessage = useCallback(
-    (e: React.FormEvent) => {
-      e.preventDefault();
-      if (threadMessageText.trim() && activeChannelId && activeThreadId) {
-        sendMessageReducer({
-          channelId: activeChannelId,
-          text: threadMessageText,
-          threadId: activeThreadId,
-        });
-        setThreadMessageText("");
-      }
-    },
-    [threadMessageText, activeChannelId, activeThreadId, sendMessageReducer],
-  );
-
-  const handleJoinVoice = useCallback(
-    (channelId: bigint) => {
-      joinVoiceReducer({ channelId });
-    },
-    [joinVoiceReducer],
-  );
-
-  const handleLeaveVoice = useCallback(() => {
-    leaveVoiceReducer();
-  }, [leaveVoiceReducer]);
-
-  const handleSetName = useCallback(
-    (e: React.FormEvent) => {
-      e.preventDefault();
-      if (newName.trim()) {
-        setNameReducer({ name: newName });
-        setNewName("");
-        setShowSetNameModal(false);
-      }
-    },
-    [newName, setNameReducer],
-  );
-
-  const handleJoinServer = useCallback(
-    (serverId: bigint) => {
-      joinServerReducer({ serverId });
-    },
-    [joinServerReducer],
-  );
-
-  const handleLeaveServer = useCallback(
-    (serverId: bigint) => {
-      leaveServerReducer({ serverId });
-    },
-    [leaveServerReducer],
-  );
-
-  return {
-    // Modal states & setters
-    showCreateServerModal,
-    setShowCreateServerModal,
-    newServerName,
-    setNewServerName,
-    showCreateChannelModal,
-    setShowCreateChannelModal,
-    newChannelName,
-    setNewChannelName,
-    isVoiceChannel,
-    setIsVoiceChannel,
-    showSetNameModal,
-    setShowSetNameModal,
-    newName,
-    setNewName,
-    messageText,
-    setMessageText,
-    threadMessageText,
-    setThreadMessageText,
-
-    // Handlers
-    handleCreateServer,
-    handleCreateChannel,
-    handleStartThread,
-    handleSendMessage,
-    handleSendThreadMessage,
-    handleJoinVoice,
-    handleLeaveVoice,
-    handleSetName,
-    handleJoinServer,
-    handleLeaveServer,
-
-    // Raw Reducers (if needed)
-    createServerReducer,
-    createChannelReducer,
-    createThreadReducer,
-    sendMessageReducer,
-    joinVoiceReducer,
-    leaveVoiceReducer,
-    setNameReducer,
-    joinServerReducer,
-    leaveServerReducer,
-  };
-};
diff --git a/src/chat/services/hooks/useDiscovery.ts b/src/chat/services/hooks/useDiscovery.ts
deleted file mode 100644
index 710e1d5..0000000
--- a/src/chat/services/hooks/useDiscovery.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { useState } from "react";
-
-export const useDiscovery = () => {
-  const [showDiscoveryModal, setShowDiscoveryModal] = useState(false);
-  const [authError, setAuthError] = useState("");
-
-  return {
-    showDiscoveryModal,
-    setShowDiscoveryModal,
-    authError,
-    setAuthError,
-  };
-};
diff --git a/src/chat/services/hooks/useNavigation.ts b/src/chat/services/hooks/useNavigation.ts
deleted file mode 100644
index 37e901a..0000000
--- a/src/chat/services/hooks/useNavigation.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { useState, useMemo, useEffect } from "react";
-import { Identity } from "spacetimedb";
-import * as Types from "../../../module_bindings/types";
-
-export const useNavigation = (
-  identity: Identity | null,
-  servers: readonly Types.Server[],
-  channels: readonly Types.Channel[],
-  serverMembers: readonly Types.ServerMember[],
-) => {
-  const [activeServerId, setActiveServerId] = useState<bigint | null>(null);
-  const [activeChannelId, setActiveChannelId] = useState<bigint | null>(null);
-  const [activeThreadId, setActiveThreadId] = useState<bigint | null>(null);
-
-  const joinedServerIds = useMemo(() => {
-    if (!identity) return new Set<bigint>();
-    return new Set(
-      serverMembers
-        .filter((m) => m.identity.isEqual(identity))
-        .map((m) => m.serverId),
-    );
-  }, [serverMembers, identity]);
-
-  const joinedServers = useMemo(() => {
-    return servers.filter((s) => joinedServerIds.has(s.id));
-  }, [servers, joinedServerIds]);
-
-  const availableServers = useMemo(() => {
-    return servers.filter((s) => !joinedServerIds.has(s.id));
-  }, [servers, joinedServerIds]);
-
-  // Initial server selection
-  useEffect(() => {
-    if (!activeServerId && joinedServers.length > 0) {
-      setActiveServerId(joinedServers[0].id);
-    }
-  }, [joinedServers, activeServerId]);
-
-  // Initial channel selection when server changes
-  useEffect(() => {
-    if (activeServerId) {
-      const serverChannels = channels.filter(
-        (c) => c.serverId === activeServerId && c.kind.tag === "Text",
-      );
-      if (serverChannels.length > 0) {
-        if (
-          !activeChannelId ||
-          !channels.some(
-            (c) => c.id === activeChannelId && c.serverId === activeServerId,
-          )
-        ) {
-          setActiveChannelId(serverChannels[0].id);
-        }
-      } else {
-        setActiveChannelId(null);
-      }
-    }
-  }, [activeServerId, channels, activeChannelId]);
-
-  const activeServer = useMemo(
-    () => servers.find((s) => s.id === activeServerId),
-    [servers, activeServerId],
-  );
-
-  const activeChannel = useMemo(
-    () => channels.find((c) => c.id === activeChannelId),
-    [channels, activeChannelId],
-  );
-
-  return {
-    activeServerId,
-    setActiveServerId,
-    activeChannelId,
-    setActiveChannelId,
-    activeThreadId,
-    setActiveThreadId,
-    activeServer,
-    activeChannel,
-    joinedServers,
-    availableServers,
-  };
-};
diff --git a/src/chat/services/hooks/useSubscriptions.ts b/src/chat/services/hooks/useSubscriptions.ts
deleted file mode 100644
index 9665947..0000000
--- a/src/chat/services/hooks/useSubscriptions.ts
+++ /dev/null
@@ -1,102 +0,0 @@
-import { useMemo } from "react";
-import { Identity } from "spacetimedb";
-import { useTable } from "spacetimedb/react";
-import { tables } from "../../../module_bindings";
-import * as Types from "../../../module_bindings/types";
-
-export const useSubscriptions = (
-  identity: Identity | null,
-  activeServerId: bigint | null,
-  activeChannelId: bigint | null,
-  connectedVoiceChannelId: bigint | null = null,
-  discovery: boolean = false,
-) => {
-  const [activeServerMembers] = useTable(
-    useMemo(
-      () =>
-        activeServerId
-          ? tables.server_member.where((r) => r.serverId.eq(activeServerId))
-          : tables.server_member.where((r) => r.id.eq(-1n)),
-      [activeServerId],
-    ),
-  );
-
-  // User's own memberships
-  const [ownMemberships] = useTable(
-    useMemo(
-      () =>
-        identity
-          ? tables.server_member.where((r) => r.identity.eq(identity))
-          : tables.server_member.where((r) => r.id.eq(-1n)),
-      [identity],
-    ),
-  );
-
-  const joinedServerIds = useMemo(
-    () => (ownMemberships || []).map((m) => m.serverId),
-    [ownMemberships],
-  );
-
-  const [servers] = useTable(useMemo(() => tables.server, []));
-
-  const serverMembers = useMemo(() => {
-    const combined = [...(activeServerMembers || []), ...(ownMemberships || [])];
-    // De-duplicate
-    const seen = new Set();
-    return combined.filter((m) => {
-      const id = m.id.toString();
-      if (seen.has(id)) return false;
-      seen.add(id);
-      return true;
-    });
-  }, [activeServerMembers, ownMemberships]);
-
-  const [channels] = useTable(useMemo(() => tables.channel, []));
-
-  const [users, isUsersReady] = useTable(useMemo(() => tables.user, []));
-
-  const [allMessages] = useTable(
-    useMemo(
-      () =>
-        activeChannelId
-          ? tables.message.where((r) => r.channelId.eq(activeChannelId))
-          : tables.message.where((r) => r.id.eq(-1n)),
-      [activeChannelId],
-    ),
-  );
-
-  const [allThreads] = useTable(
-    useMemo(
-      () =>
-        activeChannelId
-          ? tables.thread.where((r) => r.channelId.eq(activeChannelId))
-          : tables.thread.where((r) => r.id.eq(-1n)),
-      [activeChannelId],
-    ),
-  );
-
-  const [voiceStates] = useTable(useMemo(() => tables.voice_state, []));
-  const [voiceActivity] = useTable(
-    useMemo(
-      () =>
-        connectedVoiceChannelId
-          ? tables.voice_activity.where((va) =>
-              va.channelId.eq(connectedVoiceChannelId),
-            )
-          : tables.voice_activity.where((va) => va.identity.eq(Identity.zero())),
-      [connectedVoiceChannelId],
-    ),
-  );
-
-  return {
-    servers: servers as readonly Types.Server[],
-    serverMembers: serverMembers as readonly Types.ServerMember[],
-    channels: (channels || []) as readonly Types.Channel[],
-    users: users as readonly Types.User[],
-    isUsersReady,
-    allMessages: (allMessages || []) as readonly Types.Message[],
-    allThreads: (allThreads || []) as readonly Types.Thread[],
-    voiceStates: voiceStates as readonly Types.VoiceState[],
-    voiceActivity: voiceActivity as readonly Types.VoiceActivity[],
-  };
-};
diff --git a/src/chat/services/hooks/useVoiceStatus.ts b/src/chat/services/hooks/useVoiceStatus.ts
deleted file mode 100644
index b347dca..0000000
--- a/src/chat/services/hooks/useVoiceStatus.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { useMemo } from "react";
-import { Identity } from "spacetimedb";
-import * as Types from "../../../module_bindings/types";
-
-export const useVoiceStatus = (
-  identity: Identity | null,
-  voiceStates: readonly Types.VoiceState[],
-  channels: readonly Types.Channel[],
-  users: readonly Types.User[],
-) => {
-  const currentVoiceState = useMemo(
-    () =>
-      voiceStates.find((vs) =>
-        vs.identity?.isEqual(identity || Identity.zero()),
-      ),
-    [voiceStates, identity],
-  );
-
-  const connectedVoiceChannel = useMemo(
-    () => channels.find((c) => c.id === currentVoiceState?.channelId),
-    [channels, currentVoiceState],
-  );
-
-  const onlineUsers = useMemo(
-    () => users.filter((u) => u.online || identity?.isEqual(u.identity)),
-    [users, identity],
-  );
-
-  return {
-    currentVoiceState,
-    connectedVoiceChannel,
-    onlineUsers,
-  };
-};
diff --git a/src/chat/services/index.ts b/src/chat/services/index.ts
index 6691f3c..cc22ec3 100644
--- a/src/chat/services/index.ts
+++ b/src/chat/services/index.ts
@@ -1,3 +1,4 @@
-export { useChat } from "./useChat";
-export { useWebRTC } from "./webrtc/useWebRTC";
+// src/chat/services/index.ts
+export { ChatService } from "./chat.svelte";
+export { WebRTCService } from "./webrtc/webrtc.svelte";
 export type { WebRTCStats } from "./webrtc/types";
diff --git a/src/chat/services/useChat.ts b/src/chat/services/useChat.ts
deleted file mode 100644
index d8c920b..0000000
--- a/src/chat/services/useChat.ts
+++ /dev/null
@@ -1,273 +0,0 @@
-// src/chat/services/useChat.ts
-import { useMemo, useCallback } from "react";
-import { useSpacetimeDB } from "spacetimedb/react";
-import { Identity } from "spacetimedb";
-import * as Types from "../../module_bindings/types";
-
-// Import specialized hooks
-import { useNavigation } from "./hooks/useNavigation";
-import { useSubscriptions } from "./hooks/useSubscriptions";
-import { useActions } from "./hooks/useActions";
-import { useVoiceStatus } from "./hooks/useVoiceStatus";
-import { useDiscovery } from "./hooks/useDiscovery";
-
-// Import utilities
-import { getUsername, formatTime } from "../utils";
-
-// Define interface for the hook's return value
-export interface ChatState {
-  activeServerId: bigint | null;
-  activeChannelId: bigint | null;
-  activeThreadId: bigint | null;
-  messageText: string;
-  threadMessageText: string;
-  showCreateServerModal: boolean;
-  newServerName: string;
-  showCreateChannelModal: boolean;
-  newChannelName: string;
-  isVoiceChannel: boolean;
-  showSetNameModal: boolean;
-  newName: string;
-  showDiscoveryModal: boolean;
-  authError: string;
-
-  servers: readonly Types.Server[];
-  joinedServers: readonly Types.Server[];
-  availableServers: readonly Types.Server[];
-  channels: readonly Types.Channel[];
-  users: readonly Types.User[];
-  allMessages: readonly Types.Message[];
-  allThreads: readonly Types.Thread[];
-  voiceStates: readonly Types.VoiceState[];
-  voiceActivity: readonly Types.VoiceActivity[];
-  currentVoiceState: Types.VoiceState | undefined;
-  connectedVoiceChannel: Types.Channel | undefined;
-  onlineUsers: readonly Types.User[];
-  activeServerMembers: readonly Types.User[];
-  currentUser: Types.User | undefined;
-  activeServer: Types.Server | undefined;
-  activeChannel: Types.Channel | undefined;
-  activeThread: Types.Thread | undefined;
-  isActiveChannelVoice: boolean;
-  isActiveChannelText: boolean;
-  channelMessages: readonly Types.Message[];
-  threadMessages: readonly Types.Message[];
-  textChannels: readonly Types.Channel[];
-  voiceChannels: readonly Types.Channel[];
-
-  // Actions/Reducers
-  handleSendMessage: (e: React.FormEvent) => void;
-  handleSendThreadMessage: (e: React.FormEvent) => void;
-  handleCreateServer: (e: React.FormEvent) => void;
-  handleCreateChannel: (e: React.FormEvent) => void;
-  handleStartThread: (msg: Types.Message) => void;
-  handleJoinVoice: (channelId: bigint) => void;
-  handleLeaveVoice: () => void;
-  handleSetName: (e: React.FormEvent) => void;
-  handleJoinServer: (serverId: bigint) => void;
-  handleLeaveServer: (serverId: bigint) => void;
-
-  // Setters
-  setActiveServerId: (id: bigint | null) => void;
-  setActiveChannelId: (id: bigint | null) => void;
-  setActiveThreadId: (id: bigint | null) => void;
-  setMessageText: (text: string) => void;
-  setThreadMessageText: (text: string) => void;
-  setShowCreateServerModal: (show: boolean) => void;
-  setNewServerName: (name: string) => void;
-  setShowCreateChannelModal: (show: boolean) => void;
-  setNewChannelName: (name: string) => void;
-  setIsVoiceChannel: (isVoice: boolean) => void;
-  setShowSetNameModal: (show: boolean) => void;
-  setNewName: (name: string) => void;
-  setShowDiscoveryModal: (show: boolean) => void;
-  setAuthError: (error: string) => void;
-
-  // Derived status
-  isFullyAuthenticated: boolean;
-
-  // Reducers (Direct access if needed)
-  createServerReducer: (params: { name: string }) => void;
-  createChannelReducer: (params: {
-    serverId: bigint;
-    name: string;
-    isVoice: boolean;
-  }) => void;
-  createThreadReducer: (params: {
-    name: string;
-    channelId: bigint;
-    parentMessageId: bigint;
-  }) => void;
-  sendMessageReducer: (params: {
-    channelId: bigint;
-    text: string;
-    threadId: bigint | undefined;
-  }) => void;
-  joinVoiceReducer: (params: { channelId: bigint }) => void;
-  leaveVoiceReducer: () => void;
-  setNameReducer: (params: { name: string }) => void;
-  joinServerReducer: (params: { serverId: bigint }) => void;
-  leaveServerReducer: (params: { serverId: bigint }) => void;
-
-  // Helper functions
-  getUsername: (userIdentity: Identity | null) => string;
-  formatTime: (ts: any) => string;
-}
-
-export function useChat(): ChatState {
-  // 1. Get current identity from SpacetimeDB
-  const { identity } = useSpacetimeDB();
-
-  // 2. Setup navigation and subscriptions (order matters)
-  // We need initial subscriptions to get server list, etc. even before we have an active server.
-  const bootstrapSubs = useSubscriptions(identity || null, null, null);
-
-  const navigation = useNavigation(
-    identity || null,
-    bootstrapSubs.servers,
-    bootstrapSubs.channels,
-    bootstrapSubs.serverMembers,
-  );
-
-  const discovery = useDiscovery();
-
-  const actions = useActions(
-    navigation.activeServerId,
-    navigation.activeChannelId,
-    navigation.activeThreadId,
-  );
-
-  const voiceStatus = useVoiceStatus(
-    identity || null,
-    bootstrapSubs.voiceStates,
-    bootstrapSubs.channels,
-    bootstrapSubs.users,
-  );
-
-  // Now we can have specialized subscriptions based on navigation
-  // Note: SpacetimeDB useTable is smart about duplicate subscriptions.
-  // We call useSubscriptions again with the actual IDs to trigger indexed fetching.
-  const activeSubs = useSubscriptions(
-    identity || null,
-    navigation.activeServerId,
-    navigation.activeChannelId,
-    voiceStatus.connectedVoiceChannel?.id || null,
-    discovery.showDiscoveryModal,
-  );
-
-  // Derived Data (Moved back to main orchestrator for now as they use multiple hook results)
-  const isFullyAuthenticated = useMemo(() => {
-    const user = activeSubs.users.find((u) =>
-      u.identity?.isEqual(identity || Identity.zero()),
-    );
-    if (!user) return false;
-    const hasOidc = !!(user.issuer && user.subject);
-    const hasCreds = !!(user.username && user.password);
-    return hasOidc || hasCreds;
-  }, [activeSubs.users, identity]);
-
-  const currentUser = useMemo(
-    () =>
-      activeSubs.users.find((u) =>
-        u.identity?.isEqual(identity || Identity.zero()),
-      ),
-    [activeSubs.users, identity],
-  );
-
-  const channelMessages = useMemo(
-    () =>
-      activeSubs.allMessages
-        .filter(
-          (m) =>
-            m.channelId === navigation.activeChannelId &&
-            m.threadId === undefined,
-        )
-        .sort((a, b) =>
-          a.sent.microsSinceUnixEpoch < b.sent.microsSinceUnixEpoch ? -1 : 1,
-        ),
-    [activeSubs.allMessages, navigation.activeChannelId],
-  );
-
-  const threadMessages = useMemo(
-    () =>
-      activeSubs.allMessages
-        .filter((m) => m.threadId === navigation.activeThreadId)
-        .sort((a, b) =>
-          a.sent.microsSinceUnixEpoch < b.sent.microsSinceUnixEpoch ? -1 : 1,
-        ),
-    [activeSubs.allMessages, navigation.activeThreadId],
-  );
-
-  const activeThread = useMemo(
-    () => activeSubs.allThreads.find((t) => t.id === navigation.activeThreadId),
-    [activeSubs.allThreads, navigation.activeThreadId],
-  );
-
-  const isActiveChannelVoice = useMemo(
-    () => navigation.activeChannel?.kind.tag === "Voice",
-    [navigation.activeChannel],
-  );
-
-  const isActiveChannelText = useMemo(
-    () => navigation.activeChannel?.kind.tag === "Text",
-    [navigation.activeChannel],
-  );
-
-  const textChannels = useMemo(
-    () =>
-      activeSubs.channels.filter(
-        (c) =>
-          c.serverId === navigation.activeServerId && c.kind.tag === "Text",
-      ),
-    [activeSubs.channels, navigation.activeServerId],
-  );
-
-  const voiceChannels = useMemo(
-    () =>
-      activeSubs.channels.filter(
-        (c) =>
-          c.serverId === navigation.activeServerId && c.kind.tag === "Voice",
-      ),
-    [activeSubs.channels, navigation.activeServerId],
-  );
-
-  const activeServerMembers = useMemo(() => {
-    if (!navigation.activeServerId) return [];
-    const memberIdentities = new Set(
-      activeSubs.serverMembers
-        .filter((m) => m.serverId === navigation.activeServerId)
-        .map((m) => m.identity.toHexString()),
-    );
-    return activeSubs.users.filter((u) =>
-      memberIdentities.has(u.identity.toHexString()),
-    );
-  }, [activeSubs.serverMembers, activeSubs.users, navigation.activeServerId]);
-
-  return {
-    ...navigation,
-    ...activeSubs,
-    ...actions,
-    ...voiceStatus,
-    ...discovery,
-
-    isFullyAuthenticated,
-    currentUser,
-    channelMessages,
-    threadMessages,
-    activeThread,
-    isActiveChannelVoice,
-    isActiveChannelText,
-    textChannels,
-    voiceChannels,
-    activeServerMembers,
-    voiceActivity: activeSubs.voiceActivity,
-
-    // Helper functions
-    getUsername: useCallback(
-      (userIdentity: Identity | null) =>
-        getUsername(userIdentity, activeSubs.users),
-      [activeSubs.users],
-    ),
-    formatTime: useCallback((ts: any) => formatTime(ts), []),
-  };
-}
diff --git a/src/chat/services/webrtc/channel-audio-webrtc.svelte.ts b/src/chat/services/webrtc/channel-audio-webrtc.svelte.ts
new file mode 100644
index 0000000..fe467f3
--- /dev/null
+++ b/src/chat/services/webrtc/channel-audio-webrtc.svelte.ts
@@ -0,0 +1,287 @@
+import { Identity } from "spacetimedb";
+import { tables, reducers } from "../../../module_bindings";
+import { useTable, useReducer } from "spacetimedb/svelte";
+import { PeerManagerService } from "./peer-manager.svelte";
+import * as Types from "../../../module_bindings/types";
+
+export class ChannelAudioWebRTCService {
+  voiceStates = $state<readonly Types.VoiceState[]>([]);
+  offers = $state<readonly Types.VoiceSdpOffer[]>([]);
+  answers = $state<readonly Types.VoiceSdpAnswer[]>([]);
+  iceCandidates = $state<readonly Types.VoiceIceCandidate[]>([]);
+
+  #sendSdpOffer = useReducer(reducers.sendVoiceSdpOffer);
+  #sendSdpAnswer = useReducer(reducers.sendVoiceSdpAnswer);
+  #sendIceCandidate = useReducer(reducers.sendVoiceIceCandidate);
+
+  // --- Signaling State ---
+  makingOffer = new Map<string, boolean>();
+  ignoreOffer = new Map<string, boolean>();
+  signalingQueue = new Map<string, Promise<void>>();
+
+  processedOffers = new Set<bigint>();
+  processedAnswers = new Set<bigint>();
+  processedCandidates = new Set<bigint>();
+  candidateQueue = new Map<string, any[]>();
+
+  identity = $state<Identity | null>(null);
+  connectedChannelId = $state<bigint | undefined>();
+  localStream = $state<MediaStream | null>(null);
+  isDeafened = $state(false);
+
+  peerManager: PeerManagerService;
+
+  constructor(
+    identity: Identity | null,
+    connectedChannelId: bigint | undefined,
+    localStream: MediaStream | null,
+    isDeafened: boolean
+  ) {
+    this.identity = identity;
+    this.connectedChannelId = connectedChannelId;
+    this.localStream = localStream;
+    this.isDeafened = isDeafened;
+
+    const [vsStore] = useTable(tables.voice_state);
+    vsStore.subscribe(v => this.voiceStates = v);
+
+    const [offStore] = useTable(tables.voice_sdp_offer);
+    const [ansStore] = useTable(tables.voice_sdp_answer);
+    const [iceStore] = useTable(tables.voice_ice_candidate);
+
+    offStore.subscribe(v => this.offers = v);
+    ansStore.subscribe(v => this.answers = v);
+    iceStore.subscribe(v => this.iceCandidates = v);
+
+    this.peerManager = new PeerManagerService(
+      identity,
+      "voice",
+      isDeafened,
+      this.onNegotiationNeeded.bind(this),
+      this.onIceCandidate.bind(this)
+    );
+
+    // Sync state to peerManager
+    $effect(() => {
+        this.peerManager.identity = this.identity;
+        this.peerManager.isDeafened = this.isDeafened;
+    });
+
+    // Track Syncing
+    $effect(() => {
+      const audioTrack = this.localStream?.getAudioTracks()[0] || null;
+      // Accessing peers and peerStatuses to trigger effect on changes
+      const _statuses = this.peerManager.peerStatuses;
+      this.peerManager.peers.forEach(async (peer, peerIdHex) => {
+        const transceivers = peer.pc.getTransceivers();
+        if (transceivers[0] && transceivers[0].sender.track !== audioTrack) {
+          try {
+            console.log(`[WebRTC][voice] Syncing track for ${peerIdHex} (track: ${audioTrack?.id})`);
+            await transceivers[0].sender.replaceTrack(audioTrack);
+            
+            // If we just attached a real track and we are stable, 
+            // we might need to negotiate if the remote side didn't know we have a track.
+            // But replaceTrack usually doesn't need negotiation if the transceiver was already sendrecv.
+            if (audioTrack && peer.pc.signalingState === "stable") {
+                this.onNegotiationNeeded(peerIdHex, peer.pc);
+            }
+          } catch (e) {
+            console.error(`[WebRTC][voice] Track sync failed for ${peerIdHex}`, e);
+          }
+        }
+      });
+    });
+
+    // Lifecycle Mesh Management
+    $effect(() => {
+      if (!this.connectedChannelId || !this.identity) {
+        console.log(`[WebRTC][voice] Cleaning up channel state`);
+        this.peerManager.peers.forEach((_, id) => this.peerManager.closePeer(id));
+        this.processedOffers.clear();
+        this.processedAnswers.clear();
+        this.processedCandidates.clear();
+        this.makingOffer.clear();
+        this.ignoreOffer.clear();
+        this.signalingQueue.clear();
+        return;
+      }
+
+      const peersToConnect = new Set(
+        this.voiceStates
+          .filter(vs => vs.channelId === this.connectedChannelId && !vs.identity.isEqual(this.identity!))
+          .map(vs => vs.identity.toHexString())
+      );
+
+      peersToConnect.forEach(id => {
+        if (!this.peerManager.peers.has(id)) {
+          console.log(`[WebRTC][voice] Initiating mesh connection to ${id}`);
+          this.peerManager.createPeerConnection(id, [
+            this.localStream?.getAudioTracks()[0] || null,
+          ]);
+        }
+      });
+
+      this.peerManager.peers.forEach((_, id) => {
+        if (!peersToConnect.has(id)) {
+          console.log(`[WebRTC][voice] Peer ${id} left channel, closing`);
+          this.peerManager.closePeer(id);
+          this.makingOffer.delete(id);
+          this.ignoreOffer.delete(id);
+          this.signalingQueue.delete(id);
+        }
+      });
+    });
+
+    // Signaling Processors
+    $effect(() => {
+        if (!this.connectedChannelId || !this.identity) return;
+        
+        // Handle Offers
+        const myOffers = this.offers.filter(o => 
+            o.channelId === this.connectedChannelId && 
+            o.receiver.isEqual(this.identity!)
+        );
+        for (const offerRow of myOffers) {
+            if (this.processedOffers.has(offerRow.id)) continue;
+            this.processedOffers.add(offerRow.id);
+            this.handleOffer(offerRow);
+        }
+        
+        // Handle Answers
+        const myAnswers = this.answers.filter(a => 
+            a.channelId === this.connectedChannelId && 
+            a.receiver.isEqual(this.identity!)
+        );
+        for (const answerRow of myAnswers) {
+            if (this.processedAnswers.has(answerRow.id)) continue;
+            this.processedAnswers.add(answerRow.id);
+            this.handleAnswer(answerRow);
+        }
+        
+        // Handle ICE
+        const myIce = this.iceCandidates.filter(c => 
+            c.channelId === this.connectedChannelId && 
+            c.receiver.isEqual(this.identity!)
+        );
+        for (const candRow of myIce) {
+            if (this.processedCandidates.has(candRow.id)) continue;
+            this.processedCandidates.add(candRow.id);
+            this.handleIceCandidate(candRow);
+        }
+    });
+  }
+
+  enqueueSignalingTask(peerIdHex: string, task: () => Promise<void>) {
+    const currentQueue = this.signalingQueue.get(peerIdHex) || Promise.resolve();
+    const nextQueue = currentQueue.then(async () => {
+      try {
+        await task();
+      } catch (e) {
+        console.error(`[WebRTC][voice] Signaling task failed for ${peerIdHex}`, e);
+      }
+    });
+    this.signalingQueue.set(peerIdHex, nextQueue);
+  }
+
+  async drainCandidateQueue(peerIdHex: string, pc: RTCPeerConnection) {
+    const queue = this.candidateQueue.get(peerIdHex) || [];
+    if (queue.length === 0 || !pc.remoteDescription) return;
+    for (const cand of queue) {
+      try {
+        await pc.addIceCandidate(new RTCIceCandidate(cand));
+      } catch (e) {
+        console.warn(`[WebRTC][voice] Error adding queued ICE for ${peerIdHex}`, e);
+      }
+    }
+    this.candidateQueue.set(peerIdHex, []);
+  }
+
+  async onNegotiationNeeded(peerIdHex: string, pc: RTCPeerConnection) {
+    this.enqueueSignalingTask(peerIdHex, async () => {
+      if (!this.connectedChannelId || pc.signalingState !== "stable" || this.makingOffer.get(peerIdHex)) return;
+      try {
+        this.makingOffer.set(peerIdHex, true);
+        await pc.setLocalDescription();
+        this.#sendSdpOffer({
+          receiver: Identity.fromString(peerIdHex),
+          sdp: JSON.stringify(pc.localDescription),
+          channelId: this.connectedChannelId,
+        });
+      } finally {
+        this.makingOffer.set(peerIdHex, false);
+      }
+    });
+  }
+
+  onIceCandidate(peerIdHex: string, candidate: RTCIceCandidate) {
+    if (this.connectedChannelId) {
+      this.#sendIceCandidate({
+        receiver: Identity.fromString(peerIdHex),
+        candidate: JSON.stringify(candidate),
+        channelId: this.connectedChannelId,
+      });
+    }
+  }
+
+  handleOffer(offerRow: Types.VoiceSdpOffer) {
+    const peerIdHex = offerRow.sender.toHexString();
+    this.enqueueSignalingTask(peerIdHex, async () => {
+      const pc = this.peerManager.createPeerConnection(peerIdHex);
+      if (!pc) return;
+      try {
+        const isPolite = this.identity!.toHexString() < peerIdHex;
+        const offerCollision = pc.signalingState !== "stable" || !!this.makingOffer.get(peerIdHex);
+        const ignoreOffer = !isPolite && offerCollision;
+        this.ignoreOffer.set(peerIdHex, ignoreOffer);
+        if (ignoreOffer) return;
+
+        if (offerCollision) await pc.setLocalDescription({ type: "rollback" });
+        await pc.setRemoteDescription(new RTCSessionDescription(JSON.parse(offerRow.sdp)));
+        const answer = await pc.createAnswer();
+        await pc.setLocalDescription(answer);
+        this.#sendSdpAnswer({
+          receiver: offerRow.sender,
+          sdp: JSON.stringify(answer),
+          channelId: this.connectedChannelId!,
+        });
+        await this.drainCandidateQueue(peerIdHex, pc);
+      } catch (e) {
+        console.error(`[WebRTC][voice] Failed to handle offer from ${peerIdHex}`, e);
+      }
+    });
+  }
+
+  handleAnswer(answerRow: Types.VoiceSdpAnswer) {
+    const peerIdHex = answerRow.sender.toHexString();
+    this.enqueueSignalingTask(peerIdHex, async () => {
+      const peer = this.peerManager.getPeer(peerIdHex);
+      if (!peer) return;
+      try {
+        await peer.pc.setRemoteDescription(new RTCSessionDescription(JSON.parse(answerRow.sdp)));
+        await this.drainCandidateQueue(peerIdHex, peer.pc);
+      } catch (e) {
+        console.error(`[WebRTC][voice] Failed to handle answer from ${peerIdHex}`, e);
+      }
+    });
+  }
+
+  handleIceCandidate(candRow: Types.VoiceIceCandidate) {
+    const peerIdHex = candRow.sender.toHexString();
+    this.enqueueSignalingTask(peerIdHex, async () => {
+      const pc = this.peerManager.createPeerConnection(peerIdHex);
+      if (!pc) return;
+      try {
+        const candidate = JSON.parse(candRow.candidate);
+        if (pc.remoteDescription) {
+          await pc.addIceCandidate(new RTCIceCandidate(candidate));
+        } else if (!this.ignoreOffer.get(peerIdHex)) {
+          const queue = this.candidateQueue.get(peerIdHex) || [];
+          queue.push(candidate);
+          this.candidateQueue.set(peerIdHex, queue);
+        }
+      } catch (e) {
+        console.error(`[WebRTC][voice] Failed to handle ICE from ${peerIdHex}`, e);
+      }
+    });
+  }
+}
diff --git a/src/chat/services/webrtc/local-media.svelte.ts b/src/chat/services/webrtc/local-media.svelte.ts
new file mode 100644
index 0000000..52ef145
--- /dev/null
+++ b/src/chat/services/webrtc/local-media.svelte.ts
@@ -0,0 +1,140 @@
+import { reducers } from "../../../module_bindings";
+import { useReducer } from "spacetimedb/svelte";
+
+export class LocalMediaService {
+  localStream = $state<MediaStream | null>(null);
+  localScreenStream = $state<MediaStream | null>(null);
+  isMuted = $state(false);
+  isDeafened = $state(false);
+  isTalking = $state(false);
+
+  #setTalking = useReducer(reducers.setTalking);
+  #setSharingScreen = useReducer(reducers.setSharingScreen);
+
+  connectedChannelId: bigint | undefined = $state();
+
+  constructor(connectedChannelId: bigint | undefined) {
+    this.connectedChannelId = connectedChannelId;
+
+    // Handle Mute/Deafen effect on tracks
+    $effect(() => {
+      if (this.localStream) {
+        this.localStream.getAudioTracks().forEach((track) => {
+          track.enabled = !this.isMuted && !this.isDeafened;
+        });
+      }
+    });
+
+    // Voice Activity Detection
+    $effect(() => {
+      if (!this.localStream || this.isMuted || this.isDeafened || !this.connectedChannelId) {
+        if (this.isTalking) {
+          this.#setTalking({ talking: false, channelId: this.connectedChannelId || 0n });
+          this.isTalking = false;
+        }
+        return;
+      }
+
+      const audioContext = new AudioContext();
+      const analyser = audioContext.createAnalyser();
+      const source = audioContext.createMediaStreamSource(this.localStream);
+      analyser.fftSize = 256;
+      source.connect(analyser);
+      const dataArray = new Uint8Array(analyser.frequencyBinCount);
+      const threshold = 15;
+      let silenceFrames = 0;
+      const maxSilenceFrames = 10;
+
+      const checkAudio = setInterval(() => {
+        analyser.getByteFrequencyData(dataArray);
+        let sum = 0;
+        for (let i = 0; i < dataArray.length; i++) sum += dataArray[i];
+        const average = sum / dataArray.length;
+
+        if (average > threshold) {
+          silenceFrames = 0;
+          if (!this.isTalking) {
+            this.#setTalking({ talking: true, channelId: this.connectedChannelId! });
+            this.isTalking = true;
+          }
+        } else {
+          silenceFrames++;
+          if (silenceFrames > maxSilenceFrames && this.isTalking) {
+            this.#setTalking({ talking: false, channelId: this.connectedChannelId! });
+            this.isTalking = false;
+          }
+        }
+      }, 50);
+
+      return () => {
+        clearInterval(checkAudio);
+        audioContext.close();
+      };
+    });
+  }
+
+  get isSharingScreen() {
+    return !!this.localScreenStream;
+  }
+
+  toggleMute = () => {
+    this.isMuted = !this.isMuted;
+  };
+
+  toggleDeafen = () => {
+    this.isDeafened = !this.isDeafened;
+  };
+
+  requestMic = async () => {
+    if (this.localStream) return;
+    try {
+      console.log("[WebRTC] Requesting mic permission...");
+      const stream = await navigator.mediaDevices.getUserMedia({
+        audio: true,
+        video: false,
+      });
+      this.localStream = stream;
+    } catch (err) {
+      console.error("[WebRTC] Failed to get mic:", err);
+    }
+  };
+
+  releaseMic = () => {
+    if (this.localStream) {
+      this.localStream.getTracks().forEach((track) => track.stop());
+      this.localStream = null;
+    }
+  };
+
+  startScreenShare = async (onTrackReady: (track: MediaStreamTrack) => void) => {
+    try {
+      console.log("[WebRTC] Requesting screen share...");
+      const stream = await navigator.mediaDevices.getDisplayMedia({
+        video: true,
+        audio: true,
+      });
+      this.localScreenStream = stream;
+      this.#setSharingScreen({ sharing: true });
+
+      const videoTrack = stream.getVideoTracks()[0];
+      if (videoTrack) {
+        onTrackReady(videoTrack);
+        videoTrack.onended = () =>
+          this.stopScreenShare(() => onTrackReady(null as any));
+      }
+    } catch (err) {
+      console.error("[WebRTC] Failed to start screen share:", err);
+    }
+  };
+
+  stopScreenShare = (onTrackCleared: (track: MediaStreamTrack | null) => void) => {
+    if (this.localScreenStream) {
+      this.localScreenStream
+        .getTracks()
+        .forEach((track) => track.stop());
+      this.localScreenStream = null;
+      this.#setSharingScreen({ sharing: false });
+      onTrackCleared(null);
+    }
+  };
+}
diff --git a/src/chat/services/webrtc/peer-manager.svelte.ts b/src/chat/services/webrtc/peer-manager.svelte.ts
new file mode 100644
index 0000000..182bc73
--- /dev/null
+++ b/src/chat/services/webrtc/peer-manager.svelte.ts
@@ -0,0 +1,317 @@
+import { Identity } from "spacetimedb";
+import type { Peer, WebRTCStats } from "./types";
+
+const ICE_SERVERS: RTCConfiguration = {
+  iceServers: [{ urls: "stun:stun.l.google.com:19302" }],
+};
+
+export class PeerManagerService {
+  peers = $state<Map<string, Peer>>(new Map());
+  peerStatuses = $state<Map<string, string>>(new Map());
+  peerStats = $state<Map<string, WebRTCStats>>(new Map());
+
+  peerAudioPreferences = new Map<string, { volume: number; muted: boolean }>();
+  audioContext: AudioContext | null = null;
+
+  identity = $state<Identity | null>(null);
+  mediaType = $state<"voice" | "screen">("voice");
+  isDeafened = $state(false);
+  onNegotiationNeeded: (peerIdHex: string, pc: RTCPeerConnection) => void;
+  onIceCandidate: (peerIdHex: string, candidate: RTCIceCandidate) => void;
+
+  constructor(
+    identity: Identity | null,
+    mediaType: "voice" | "screen",
+    isDeafened: boolean,
+    onNegotiationNeeded: (peerIdHex: string, pc: RTCPeerConnection) => void,
+    onIceCandidate: (peerIdHex: string, candidate: RTCIceCandidate) => void
+  ) {
+    this.identity = identity;
+    this.mediaType = mediaType;
+    this.isDeafened = isDeafened;
+    this.onNegotiationNeeded = onNegotiationNeeded;
+    this.onIceCandidate = onIceCandidate;
+
+    $effect(() => {
+      if (this.mediaType === "voice") {
+        this.peers.forEach((peer, peerIdHex) => {
+          const pref = this.peerAudioPreferences.get(peerIdHex) || {
+            volume: 1,
+            muted: false,
+          };
+          if (peer.gainNode) {
+            peer.gainNode.gain.value = this.isDeafened || pref.muted ? 0 : pref.volume;
+          } else if (peer.audio) {
+            peer.audio.muted = this.isDeafened || pref.muted;
+          }
+        });
+      }
+    });
+
+    $effect(() => {
+      if (this.peers.size === 0) {
+        if (this.peerStats.size > 0) {
+          this.peerStats = new Map();
+        }
+        return;
+      }
+
+      const interval = setInterval(async () => {
+        const newStats = new Map(this.peerStats);
+        for (const [peerIdHex, peer] of this.peers.entries()) {
+          try {
+            const stats = await peer.pc.getStats();
+            const prevStats = this.peerStats.get(peerIdHex);
+            const currentStats: WebRTCStats = {
+              audio: { bytesReceived: 0, jitter: 0, packetsLost: 0, bitrate: 0 },
+              video: {
+                bytesReceived: 0,
+                frameWidth: 0,
+                frameHeight: 0,
+                framesPerSecond: 0,
+                bitrate: 0,
+              },
+              timestamp: Date.now(),
+            };
+
+            stats.forEach((report) => {
+              if (report.type === "inbound-rtp") {
+                const kind = report.kind;
+                if (kind === "audio" || kind === "video") {
+                  const target = kind === "audio" ? currentStats.audio : currentStats.video;
+                  target.bytesReceived = report.bytesReceived || 0;
+                  if (kind === "audio") {
+                    currentStats.audio.jitter = report.jitter || 0;
+                    currentStats.audio.packetsLost = report.packetsLost || 0;
+                  } else {
+                    currentStats.video.frameWidth = report.frameWidth || 0;
+                    currentStats.video.frameHeight = report.frameHeight || 0;
+                    currentStats.video.framesPerSecond = report.framesPerSecond || 0;
+                  }
+
+                  if (prevStats) {
+                    const prevTarget = kind === "audio" ? prevStats.audio : prevStats.video;
+                    const deltaBytes = target.bytesReceived - prevTarget.bytesReceived;
+                    const deltaTime = (currentStats.timestamp - prevStats.timestamp) / 1000;
+                    if (deltaTime > 0) {
+                      target.bitrate = Math.max(0, (deltaBytes * 8) / deltaTime);
+                    }
+                  }
+                }
+              }
+            });
+            newStats.set(peerIdHex, currentStats);
+          } catch (e) {
+            console.warn(`[WebRTC][${this.mediaType}] Failed to get stats for ${peerIdHex}`, e);
+          }
+        }
+        this.peerStats = newStats;
+      }, 2000);
+
+      return () => clearInterval(interval);
+    });
+  }
+
+  getAudioContext = () => {
+    if (!this.audioContext) {
+      this.audioContext = new (window.AudioContext || (window as any).webkitAudioContext)();
+    }
+    if (this.audioContext.state === "suspended") {
+      this.audioContext.resume();
+    }
+    return this.audioContext;
+  };
+
+  setPeerAudioPreference = (peerIdHex: string, preference: { volume?: number; muted?: boolean }) => {
+    const current = this.peerAudioPreferences.get(peerIdHex) || {
+      volume: 1,
+      muted: false,
+    };
+    const next = { ...current, ...preference };
+    this.peerAudioPreferences.set(peerIdHex, next);
+
+    const ctx = this.audioContext;
+    if (ctx && ctx.state === "suspended") {
+      ctx.resume();
+    }
+
+    const peer = this.peers.get(peerIdHex);
+    if (peer) {
+      if (peer.gainNode) {
+        peer.gainNode.gain.value = this.isDeafened || next.muted ? 0 : next.volume;
+      } else if (peer.audio) {
+        peer.audio.volume = Math.min(1, next.volume);
+        peer.audio.muted = this.isDeafened || next.muted;
+      }
+    }
+  };
+
+  closePeer = (peerIdHex: string) => {
+    const peer = this.peers.get(peerIdHex);
+    if (peer) {
+      console.log(`[WebRTC][${this.mediaType}] Closing peer connection for ${peerIdHex}`);
+      peer.pc.close();
+      if (peer.gainNode) {
+        peer.gainNode.disconnect();
+      }
+      if (peer.audio) {
+        peer.audio.pause();
+        peer.audio.srcObject = null;
+      }
+      const nextPeers = new Map(this.peers);
+      nextPeers.delete(peerIdHex);
+      this.peers = nextPeers;
+
+      const nextStatuses = new Map(this.peerStatuses);
+      nextStatuses.delete(peerIdHex);
+      this.peerStatuses = nextStatuses;
+    }
+  };
+
+  createPeerConnection = (peerIdHex: string, initialTracks: (MediaStreamTrack | null)[] = []) => {
+    if (this.peers.has(peerIdHex)) return this.peers.get(peerIdHex)!.pc;
+
+    if (this.identity && peerIdHex === this.identity.toHexString()) {
+      console.warn(`[WebRTC][${this.mediaType}] Attempted to create a PeerConnection to self (${peerIdHex}). Ignoring.`);
+      return null as any;
+    }
+
+    console.log(`[WebRTC][${this.mediaType}] Creating new PeerConnection for ${peerIdHex}`);
+    const pc = new RTCPeerConnection(ICE_SERVERS);
+
+    pc.onnegotiationneeded = () => {
+      console.log(`[WebRTC][${this.mediaType}] onnegotiationneeded fired for ${peerIdHex}`);
+      this.onNegotiationNeeded(peerIdHex, pc);
+    };
+
+    pc.onicecandidate = (event) => {
+      if (event.candidate) {
+        this.onIceCandidate(peerIdHex, event.candidate);
+      }
+    };
+
+    pc.oniceconnectionstatechange = () => {
+      console.log(`[WebRTC][${this.mediaType}] ICE state for ${peerIdHex}: ${pc.iceConnectionState}`);
+      const nextStatuses = new Map(this.peerStatuses);
+      nextStatuses.set(peerIdHex, `${pc.iceConnectionState}/${pc.signalingState}`);
+      this.peerStatuses = nextStatuses;
+
+      if (pc.iceConnectionState === "failed") {
+        console.log(`[WebRTC][${this.mediaType}] ICE failed for ${peerIdHex}, closing peer for retry`);
+        this.closePeer(peerIdHex);
+      }
+    };
+
+    pc.onsignalingstatechange = () => {
+      console.log(`[WebRTC][${this.mediaType}] Signaling state for ${peerIdHex}: ${pc.signalingState}`);
+      const nextStatuses = new Map(this.peerStatuses);
+      nextStatuses.set(peerIdHex, `${pc.iceConnectionState}/${pc.signalingState}`);
+      this.peerStatuses = nextStatuses;
+    };
+
+    pc.onconnectionstatechange = () => {
+      console.log(`[WebRTC][${this.mediaType}] Connection state for ${peerIdHex}: ${pc.connectionState}`);
+      if (pc.connectionState === "failed" || pc.connectionState === "closed") {
+        console.log(`[WebRTC][${this.mediaType}] Connection ${pc.connectionState} for ${peerIdHex}, cleaning up`);
+        this.closePeer(peerIdHex);
+      }
+    };
+
+    pc.ontrack = (event) => {
+      console.log(`[WebRTC][${this.mediaType}] Received track from ${peerIdHex}: ${event.track.kind} (id: ${event.track.id})`);
+      const nextPeers = new Map(this.peers);
+      const existingPeer = { ...(nextPeers.get(peerIdHex) || { pc }) };
+
+      if (event.track.kind === "audio") {
+        if (this.mediaType === "voice") {
+          const pref = this.peerAudioPreferences.get(peerIdHex) || {
+            volume: 1,
+            muted: false,
+          };
+
+          try {
+            const ctx = this.getAudioContext();
+            const stream = new MediaStream([event.track]);
+
+            if (!existingPeer.audio) {
+              existingPeer.audio = new Audio();
+              existingPeer.audio.muted = true;
+            }
+            existingPeer.audio.srcObject = stream;
+            existingPeer.audio.play().catch((err) => {
+              if (err.name !== "AbortError")
+                console.warn(`[WebRTC][voice] Dummy audio play failed for ${peerIdHex}`, err);
+            });
+
+            const source = ctx.createMediaStreamSource(stream);
+            const gainNode = ctx.createGain();
+
+            gainNode.gain.value = this.isDeafened || pref.muted ? 0 : pref.volume;
+            source.connect(gainNode);
+            gainNode.connect(ctx.destination);
+
+            existingPeer.gainNode = gainNode;
+            console.log(`[WebRTC][voice] Web Audio graph connected for ${peerIdHex} (volume: ${pref.volume})`);
+          } catch (e) {
+            console.error(`[WebRTC][voice] Failed to setup Web Audio for ${peerIdHex}, falling back to HTMLAudioElement`, e);
+            if (!existingPeer.audio) {
+              existingPeer.audio = new Audio();
+              existingPeer.audio.autoplay = true;
+
+              const pref = this.peerAudioPreferences.get(peerIdHex) || {
+                volume: 1,
+                muted: false,
+              };
+              existingPeer.audio.volume = Math.min(1, pref.volume);
+              existingPeer.audio.muted = this.isDeafened || pref.muted;
+            }
+
+            const stream = new MediaStream([event.track]);
+            existingPeer.audio.srcObject = stream;
+            existingPeer.audio.play().catch((err) => {
+              if (err.name !== "AbortError")
+                console.error(`[WebRTC][voice] Error playing audio for ${peerIdHex}`, err);
+            });
+          }
+        } else {
+          const currentStream = existingPeer.videoStream || new MediaStream();
+          if (!currentStream.getTracks().find((t) => t.id === event.track.id)) {
+            currentStream.addTrack(event.track);
+          }
+          existingPeer.videoStream = new MediaStream(currentStream.getTracks());
+        }
+      } else if (event.track.kind === "video") {
+        const currentStream = existingPeer.videoStream || new MediaStream();
+        if (!currentStream.getTracks().find((t) => t.id === event.track.id)) {
+          currentStream.addTrack(event.track);
+        }
+        existingPeer.videoStream = new MediaStream(currentStream.getTracks());
+      }
+
+      nextPeers.set(peerIdHex, existingPeer);
+      this.peers = nextPeers;
+    };
+
+    if (this.mediaType === "voice") {
+      pc.addTransceiver("audio", { direction: "sendrecv" });
+    } else {
+      pc.addTransceiver("video", { direction: "sendrecv" });
+      pc.addTransceiver("audio", { direction: "sendrecv" });
+    }
+
+    const transceivers = pc.getTransceivers();
+    initialTracks.forEach((track, i) => {
+      if (track && transceivers[i]) {
+        console.log(`[WebRTC][${this.mediaType}] Attaching initial track ${i} to ${peerIdHex}`);
+        transceivers[i].sender.replaceTrack(track);
+      }
+    });
+
+    const nextPeers = new Map(this.peers);
+    nextPeers.set(peerIdHex, { pc });
+    this.peers = nextPeers;
+    return pc;
+  };
+
+  getPeer = (peerIdHex: string) => this.peers.get(peerIdHex);
+}
diff --git a/src/chat/services/webrtc/screen-sharing-webrtc.svelte.ts b/src/chat/services/webrtc/screen-sharing-webrtc.svelte.ts
new file mode 100644
index 0000000..ec40e9b
--- /dev/null
+++ b/src/chat/services/webrtc/screen-sharing-webrtc.svelte.ts
@@ -0,0 +1,284 @@
+import { Identity } from "spacetimedb";
+import { tables, reducers } from "../../../module_bindings";
+import { useTable, useReducer } from "spacetimedb/svelte";
+import { PeerManagerService } from "./peer-manager.svelte";
+import * as Types from "../../../module_bindings/types";
+
+export class ScreenSharingWebRTCService {
+  watching = $state<readonly Types.Watching[]>([]);
+  offers = $state<readonly Types.ScreenSdpOffer[]>([]);
+  answers = $state<readonly Types.ScreenSdpAnswer[]>([]);
+  iceCandidates = $state<readonly Types.ScreenIceCandidate[]>([]);
+
+  #sendSdpOffer = useReducer(reducers.sendScreenSdpOffer);
+  #sendSdpAnswer = useReducer(reducers.sendScreenSdpAnswer);
+  #sendIceCandidate = useReducer(reducers.sendScreenIceCandidate);
+
+  // --- Signaling State ---
+  makingOffer = new Map<string, boolean>();
+  ignoreOffer = new Map<string, boolean>();
+  signalingQueue = new Map<string, Promise<void>>();
+
+  processedOffers = new Set<bigint>();
+  processedAnswers = new Set<bigint>();
+  processedCandidates = new Set<bigint>();
+  candidateQueue = new Map<string, any[]>();
+
+  identity = $state<Identity | null>(null);
+  connectedChannelId = $state<bigint | undefined>();
+  localScreenStream = $state<MediaStream | null>(null);
+
+  peerManager: PeerManagerService;
+
+  constructor(
+    identity: Identity | null,
+    connectedChannelId: bigint | undefined,
+    localScreenStream: MediaStream | null
+  ) {
+    this.identity = identity;
+    this.connectedChannelId = connectedChannelId;
+    this.localScreenStream = localScreenStream;
+
+    const [wStore] = useTable(tables.watching);
+    wStore.subscribe(v => this.watching = v);
+
+    const [offStore] = useTable(tables.screen_sdp_offer);
+    const [ansStore] = useTable(tables.screen_sdp_answer);
+    const [iceStore] = useTable(tables.screen_ice_candidate);
+
+    offStore.subscribe(v => this.offers = v);
+    ansStore.subscribe(v => this.answers = v);
+    iceStore.subscribe(v => this.iceCandidates = v);
+
+    this.peerManager = new PeerManagerService(
+      identity,
+      "screen",
+      false,
+      this.onNegotiationNeeded.bind(this),
+      this.onIceCandidate.bind(this)
+    );
+
+    // Sync state to peerManager
+    $effect(() => {
+        this.peerManager.identity = this.identity;
+    });
+
+    // Track Syncing
+    $effect(() => {
+      const videoTrack = this.localScreenStream?.getVideoTracks()[0] || null;
+      const audioTrack = this.localScreenStream?.getAudioTracks()[0] || null;
+      // Accessing peers and peerStatuses to trigger effect on changes
+      const _statuses = this.peerManager.peerStatuses;
+      this.peerManager.peers.forEach(async (peer, peerIdHex) => {
+        const transceivers = peer.pc.getTransceivers();
+        let changed = false;
+        if (transceivers[0] && transceivers[0].sender.track !== videoTrack) {
+          console.log(`[WebRTC][screen] Syncing video track for ${peerIdHex} (track: ${videoTrack?.id})`);
+          await transceivers[0].sender.replaceTrack(videoTrack);
+          changed = true;
+        }
+        if (transceivers[1] && transceivers[1].sender.track !== audioTrack) {
+          console.log(`[WebRTC][screen] Syncing audio track for ${peerIdHex} (track: ${audioTrack?.id})`);
+          await transceivers[1].sender.replaceTrack(audioTrack);
+          changed = true;
+        }
+        if (changed && peer.pc.signalingState === "stable") {
+          this.onNegotiationNeeded(peerIdHex, peer.pc);
+        }
+      });
+    });
+
+    // Lifecycle Mesh Management
+    $effect(() => {
+      if (!this.connectedChannelId || !this.identity) {
+        console.log(`[WebRTC][screen] Cleaning up screen state`);
+        this.peerManager.peers.forEach((_, id) => this.peerManager.closePeer(id));
+        this.processedOffers.clear();
+        this.processedAnswers.clear();
+        this.processedCandidates.clear();
+        this.makingOffer.clear();
+        this.ignoreOffer.clear();
+        this.signalingQueue.clear();
+        return;
+      }
+
+      const screenPeersToConnect = new Set<string>();
+      this.watching.forEach((w) => {
+        if (w.channelId === this.connectedChannelId) {
+          if (w.watcher.isEqual(this.identity!)) screenPeersToConnect.add(w.watchee.toHexString());
+          else if (w.watchee.isEqual(this.identity!)) screenPeersToConnect.add(w.watcher.toHexString());
+        }
+      });
+
+      screenPeersToConnect.forEach(id => {
+        if (!this.peerManager.peers.has(id)) {
+          console.log(`[WebRTC][screen] Connecting to watched peer ${id}`);
+          this.peerManager.createPeerConnection(id, [
+            this.localScreenStream?.getVideoTracks()[0] || null,
+            this.localScreenStream?.getAudioTracks()[0] || null,
+          ]);
+        }
+      });
+
+      this.peerManager.peers.forEach((_, id) => {
+        if (!screenPeersToConnect.has(id)) {
+          console.log(`[WebRTC][screen] Peer ${id} no longer watched, closing`);
+          this.peerManager.closePeer(id);
+          this.makingOffer.delete(id);
+          this.ignoreOffer.delete(id);
+          this.signalingQueue.delete(id);
+        }
+      });
+    });
+
+    // Signaling Processors
+    $effect(() => {
+        if (!this.connectedChannelId || !this.identity) return;
+
+        const myOffers = this.offers.filter(o => 
+            o.channelId === this.connectedChannelId && 
+            o.receiver.isEqual(this.identity!)
+        );
+        for (const offerRow of myOffers) {
+            if (this.processedOffers.has(offerRow.id)) continue;
+            this.processedOffers.add(offerRow.id);
+            this.handleOffer(offerRow);
+        }
+
+        const myAnswers = this.answers.filter(a => 
+            a.channelId === this.connectedChannelId && 
+            a.receiver.isEqual(this.identity!)
+        );
+        for (const answerRow of myAnswers) {
+            if (this.processedAnswers.has(answerRow.id)) continue;
+            this.processedAnswers.add(answerRow.id);
+            this.handleAnswer(answerRow);
+        }
+
+        const myIce = this.iceCandidates.filter(c => 
+            c.channelId === this.connectedChannelId && 
+            c.receiver.isEqual(this.identity!)
+        );
+        for (const candRow of myIce) {
+            if (this.processedCandidates.has(candRow.id)) continue;
+            this.processedCandidates.add(candRow.id);
+            this.handleIceCandidate(candRow);
+        }
+    });
+
+  }
+
+  enqueueSignalingTask(peerIdHex: string, task: () => Promise<void>) {
+    const currentQueue = this.signalingQueue.get(peerIdHex) || Promise.resolve();
+    const nextQueue = currentQueue.then(async () => {
+      try {
+        await task();
+      } catch (e) {
+        console.error(`[WebRTC][screen] Signaling task failed for ${peerIdHex}`, e);
+      }
+    });
+    this.signalingQueue.set(peerIdHex, nextQueue);
+  }
+
+  async drainCandidateQueue(peerIdHex: string, pc: RTCPeerConnection) {
+    const queue = this.candidateQueue.get(peerIdHex) || [];
+    if (queue.length === 0 || !pc.remoteDescription) return;
+    for (const cand of queue) {
+      try {
+        await pc.addIceCandidate(new RTCIceCandidate(cand));
+      } catch (e) {
+        console.warn(`[WebRTC][screen] Error adding queued ICE for ${peerIdHex}`, e);
+      }
+    }
+    this.candidateQueue.set(peerIdHex, []);
+  }
+
+  async onNegotiationNeeded(peerIdHex: string, pc: RTCPeerConnection) {
+    this.enqueueSignalingTask(peerIdHex, async () => {
+      if (!this.connectedChannelId || pc.signalingState !== "stable" || this.makingOffer.get(peerIdHex)) return;
+      try {
+        this.makingOffer.set(peerIdHex, true);
+        await pc.setLocalDescription();
+        this.#sendSdpOffer({
+          receiver: Identity.fromString(peerIdHex),
+          sdp: JSON.stringify(pc.localDescription),
+          channelId: this.connectedChannelId,
+        });
+      } finally {
+        this.makingOffer.set(peerIdHex, false);
+      }
+    });
+  }
+
+  onIceCandidate(peerIdHex: string, candidate: RTCIceCandidate) {
+    if (this.connectedChannelId) {
+      this.#sendIceCandidate({
+        receiver: Identity.fromString(peerIdHex),
+        candidate: JSON.stringify(candidate),
+        channelId: this.connectedChannelId,
+      });
+    }
+  }
+
+  handleOffer(offerRow: Types.ScreenSdpOffer) {
+    const peerIdHex = offerRow.sender.toHexString();
+    this.enqueueSignalingTask(peerIdHex, async () => {
+      const pc = this.peerManager.createPeerConnection(peerIdHex);
+      if (!pc) return;
+      try {
+        const isPolite = this.identity!.toHexString() < peerIdHex;
+        const offerCollision = pc.signalingState !== "stable" || !!this.makingOffer.get(peerIdHex);
+        const ignoreOffer = !isPolite && offerCollision;
+        this.ignoreOffer.set(peerIdHex, ignoreOffer);
+        if (ignoreOffer) return;
+
+        if (offerCollision) await pc.setLocalDescription({ type: "rollback" });
+        await pc.setRemoteDescription(new RTCSessionDescription(JSON.parse(offerRow.sdp)));
+        const answer = await pc.createAnswer();
+        await pc.setLocalDescription(answer);
+        this.#sendSdpAnswer({
+          receiver: offerRow.sender,
+          sdp: JSON.stringify(answer),
+          channelId: this.connectedChannelId!,
+        });
+        await this.drainCandidateQueue(peerIdHex, pc);
+      } catch (e) {
+        console.error(`[WebRTC][screen] Failed to handle offer from ${peerIdHex}`, e);
+      }
+    });
+  }
+
+  handleAnswer(answerRow: Types.ScreenSdpAnswer) {
+    const peerIdHex = answerRow.sender.toHexString();
+    this.enqueueSignalingTask(peerIdHex, async () => {
+      const peer = this.peerManager.getPeer(peerIdHex);
+      if (!peer) return;
+      try {
+        await peer.pc.setRemoteDescription(new RTCSessionDescription(JSON.parse(answerRow.sdp)));
+        await this.drainCandidateQueue(peerIdHex, peer.pc);
+      } catch (e) {
+        console.error(`[WebRTC][screen] Failed to handle answer from ${peerIdHex}`, e);
+      }
+    });
+  }
+
+  handleIceCandidate(candRow: Types.ScreenIceCandidate) {
+    const peerIdHex = candRow.sender.toHexString();
+    this.enqueueSignalingTask(peerIdHex, async () => {
+      const pc = this.peerManager.createPeerConnection(peerIdHex);
+      if (!pc) return;
+      try {
+        const candidate = JSON.parse(candRow.candidate);
+        if (pc.remoteDescription) {
+          await pc.addIceCandidate(new RTCIceCandidate(candidate));
+        } else if (!this.ignoreOffer.get(peerIdHex)) {
+          const queue = this.candidateQueue.get(peerIdHex) || [];
+          queue.push(candidate);
+          this.candidateQueue.set(peerIdHex, queue);
+        }
+      } catch (e) {
+        console.error(`[WebRTC][screen] Failed to handle ICE from ${peerIdHex}`, e);
+      }
+    });
+  }
+}
diff --git a/src/chat/services/webrtc/useChannelAudioWebRTC.ts b/src/chat/services/webrtc/useChannelAudioWebRTC.ts
deleted file mode 100644
index a155d8a..0000000
--- a/src/chat/services/webrtc/useChannelAudioWebRTC.ts
+++ /dev/null
@@ -1,381 +0,0 @@
-import { useEffect, useCallback, useMemo, useRef } from "react";
-import { Identity } from "spacetimedb";
-import { useTable, useReducer } from "spacetimedb/react";
-import { tables, reducers } from "../../../module_bindings";
-import { usePeerManager } from "./usePeerManager";
-
-export const useChannelAudioWebRTC = (
-  connectedChannelId: bigint | undefined,
-  identity: Identity | null,
-  localStream: MediaStream | null,
-  isDeafened: boolean,
-) => {
-  const [voiceStates] = useTable(tables.voice_state);
-  const [offers] = useTable(
-    useMemo(
-      () =>
-        identity
-          ? tables.voice_sdp_offer.where((o) => o.receiver.eq(identity))
-          : tables.voice_sdp_offer.where(() => false),
-      [identity],
-    ),
-  );
-  const [answers] = useTable(
-    useMemo(
-      () =>
-        identity
-          ? tables.voice_sdp_answer.where((o) => o.receiver.eq(identity))
-          : tables.voice_sdp_answer.where(() => false),
-      [identity],
-    ),
-  );
-  const [iceCandidates] = useTable(
-    useMemo(
-      () =>
-        identity
-          ? tables.voice_ice_candidate.where((o) => o.receiver.eq(identity))
-          : tables.voice_ice_candidate.where(() => false),
-      [identity],
-    ),
-  );
-
-  const sendSdpOffer = useReducer(reducers.sendVoiceSdpOffer);
-  const sendSdpAnswer = useReducer(reducers.sendVoiceSdpAnswer);
-  const sendIceCandidate = useReducer(reducers.sendVoiceIceCandidate);
-
-  // --- Refs for Coordination ---
-  const makingOfferRef = useRef<Map<string, boolean>>(new Map());
-  const ignoreOfferRef = useRef<Map<string, boolean>>(new Map());
-  const signalingQueueRef = useRef<Map<string, Promise<void>>>(new Map());
-
-  const processedOffersRef = useRef<Set<bigint>>(new Set());
-  const processedAnswersRef = useRef<Set<bigint>>(new Set());
-  const processedCandidatesRef = useRef<Set<bigint>>(new Set());
-  const candidateQueueRef = useRef<Map<string, any[]>>(new Map());
-
-  const connectedChannelIdRef = useRef(connectedChannelId);
-  useEffect(() => {
-    connectedChannelIdRef.current = connectedChannelId;
-  }, [connectedChannelId]);
-
-  // --- Helper: Serialized Signaling Queue ---
-  const enqueueSignalingTask = useCallback(
-    (peerIdHex: string, task: () => Promise<void>) => {
-      const currentQueue =
-        signalingQueueRef.current.get(peerIdHex) || Promise.resolve();
-      const nextQueue = currentQueue.then(async () => {
-        try {
-          await task();
-        } catch (e) {
-          console.error(
-            `[WebRTC][voice] Signaling task failed for ${peerIdHex}`,
-            e,
-          );
-        }
-      });
-      signalingQueueRef.current.set(peerIdHex, nextQueue);
-    },
-    [],
-  );
-
-  const drainCandidateQueue = useCallback(
-    async (peerIdHex: string, pc: RTCPeerConnection) => {
-      const queue = candidateQueueRef.current.get(peerIdHex) || [];
-      if (queue.length === 0 || !pc.remoteDescription) return;
-      console.log(
-        `[WebRTC][voice] Draining ${queue.length} candidates for ${peerIdHex}`,
-      );
-      for (const cand of queue) {
-        try {
-          await pc.addIceCandidate(new RTCIceCandidate(cand));
-        } catch (e) {
-          console.warn(
-            `[WebRTC][voice] Error adding queued ICE for ${peerIdHex}`,
-            e,
-          );
-        }
-      }
-      candidateQueueRef.current.set(peerIdHex, []);
-    },
-    [],
-  );
-
-  const onNegotiationNeeded = useCallback(
-    async (peerIdHex: string, pc: RTCPeerConnection) => {
-      enqueueSignalingTask(peerIdHex, async () => {
-        const channelId = connectedChannelIdRef.current;
-        if (
-          !channelId ||
-          pc.signalingState !== "stable" ||
-          makingOfferRef.current.get(peerIdHex)
-        ) {
-          console.log(
-            `[WebRTC][voice] Skipping negotiation for ${peerIdHex}: state=${pc.signalingState}, makingOffer=${makingOfferRef.current.get(peerIdHex)}`,
-          );
-          return;
-        }
-        try {
-          makingOfferRef.current.set(peerIdHex, true);
-          console.log(`[WebRTC][voice] Creating offer for ${peerIdHex}...`);
-          await pc.setLocalDescription();
-          sendSdpOffer({
-            receiver: Identity.fromString(peerIdHex),
-            sdp: JSON.stringify(pc.localDescription),
-            channelId,
-          });
-        } finally {
-          makingOfferRef.current.set(peerIdHex, false);
-        }
-      });
-    },
-    [sendSdpOffer, enqueueSignalingTask],
-  );
-
-  const onIceCandidate = useCallback(
-    (peerIdHex: string, candidate: RTCIceCandidate) => {
-      const channelId = connectedChannelIdRef.current;
-      if (channelId) {
-        sendIceCandidate({
-          receiver: Identity.fromString(peerIdHex),
-          candidate: JSON.stringify(candidate),
-          channelId,
-        });
-      }
-    },
-    [sendIceCandidate],
-  );
-
-  const peerManager = usePeerManager(
-    identity,
-    "voice",
-    isDeafened,
-    onNegotiationNeeded,
-    onIceCandidate,
-  );
-
-  // --- Signaling Processors ---
-  useEffect(() => {
-    if (!connectedChannelId || !identity) return;
-
-    // 1. Handle Offers
-    const myOffers = offers.filter(
-      (o) =>
-        o.receiver.isEqual(identity) &&
-        !o.sender.isEqual(identity) &&
-        o.channelId === connectedChannelId,
-    );
-    for (const offerRow of myOffers) {
-      if (processedOffersRef.current.has(offerRow.id)) continue;
-      processedOffersRef.current.add(offerRow.id);
-
-      const peerIdHex = offerRow.sender.toHexString();
-      enqueueSignalingTask(peerIdHex, async () => {
-        const pc = peerManager.createPeerConnection(peerIdHex);
-        if (!pc) return;
-
-        try {
-          const isPolite = identity.toHexString() < peerIdHex;
-          const makingOffer = makingOfferRef.current.get(peerIdHex) || false;
-          const offerCollision = pc.signalingState !== "stable" || makingOffer;
-          const ignoreOffer = !isPolite && offerCollision;
-
-          ignoreOfferRef.current.set(peerIdHex, ignoreOffer);
-          if (ignoreOffer) {
-            console.log(
-              `[WebRTC][voice] Ignoring offer glare from ${peerIdHex} (impolite)`,
-            );
-            return;
-          }
-
-          if (offerCollision) {
-            console.log(
-              `[WebRTC][voice] Rolling back for offer glare from ${peerIdHex} (polite)`,
-            );
-            await pc.setLocalDescription({ type: "rollback" as RTCSdpType });
-          }
-
-          console.log(`[WebRTC][voice] Processing offer from ${peerIdHex}`);
-          await pc.setRemoteDescription(
-            new RTCSessionDescription(JSON.parse(offerRow.sdp)),
-          );
-          const answer = await pc.createAnswer();
-          await pc.setLocalDescription(answer);
-          sendSdpAnswer({
-            receiver: offerRow.sender,
-            sdp: JSON.stringify(answer),
-            channelId: connectedChannelId,
-          });
-          await drainCandidateQueue(peerIdHex, pc);
-        } catch (e) {
-          console.error(
-            `[WebRTC][voice] Failed to handle offer from ${peerIdHex}`,
-            e,
-          );
-        }
-      });
-    }
-
-    // 2. Handle Answers
-    const myAnswers = answers.filter(
-      (a) =>
-        a.receiver.isEqual(identity) &&
-        !a.sender.isEqual(identity) &&
-        a.channelId === connectedChannelId,
-    );
-    for (const answerRow of myAnswers) {
-      if (processedAnswersRef.current.has(answerRow.id)) continue;
-      processedAnswersRef.current.add(answerRow.id);
-
-      const peerIdHex = answerRow.sender.toHexString();
-      enqueueSignalingTask(peerIdHex, async () => {
-        const peer = peerManager.getPeer(peerIdHex);
-        if (!peer) return;
-        try {
-          console.log(`[WebRTC][voice] Processing answer from ${peerIdHex}`);
-          await peer.pc.setRemoteDescription(
-            new RTCSessionDescription(JSON.parse(answerRow.sdp)),
-          );
-          await drainCandidateQueue(peerIdHex, peer.pc);
-        } catch (e) {
-          console.error(
-            `[WebRTC][voice] Failed to handle answer from ${peerIdHex}`,
-            e,
-          );
-        }
-      });
-    }
-
-    // 3. Handle ICE Candidates
-    const myCandidates = iceCandidates.filter(
-      (c) =>
-        c.receiver.isEqual(identity) &&
-        !c.sender.isEqual(identity) &&
-        c.channelId === connectedChannelId,
-    );
-    for (const candRow of myCandidates) {
-      if (processedCandidatesRef.current.has(candRow.id)) continue;
-      processedCandidatesRef.current.add(candRow.id);
-
-      const peerIdHex = candRow.sender.toHexString();
-      enqueueSignalingTask(peerIdHex, async () => {
-        const pc = peerManager.createPeerConnection(peerIdHex);
-        if (!pc) return;
-        try {
-          const candidate = JSON.parse(candRow.candidate);
-          const ignoreOffer = ignoreOfferRef.current.get(peerIdHex) || false;
-
-          if (pc.remoteDescription) {
-            await pc.addIceCandidate(new RTCIceCandidate(candidate));
-          } else if (!ignoreOffer) {
-            const queue = candidateQueueRef.current.get(peerIdHex) || [];
-            queue.push(candidate);
-            candidateQueueRef.current.set(peerIdHex, queue);
-          }
-        } catch (e) {
-          console.error(
-            `[WebRTC][voice] Failed to handle ICE from ${peerIdHex}`,
-            e,
-          );
-        }
-      });
-    }
-  }, [
-    offers,
-    answers,
-    iceCandidates,
-    connectedChannelId,
-    identity,
-    peerManager,
-    sendSdpAnswer,
-    enqueueSignalingTask,
-    drainCandidateQueue,
-  ]);
-
-  // --- Track Syncing ---
-  useEffect(() => {
-    const audioTrack = localStream?.getAudioTracks()[0] || null;
-    peerManager.peersRef.current.forEach(async (peer, peerIdHex) => {
-      const transceivers = peer.pc.getTransceivers();
-      if (transceivers[0] && transceivers[0].sender.track !== audioTrack) {
-        try {
-          console.log(`[WebRTC][voice] Syncing track for ${peerIdHex}`);
-          await transceivers[0].sender.replaceTrack(audioTrack);
-          if (peer.pc.signalingState === "stable")
-            onNegotiationNeeded(peerIdHex, peer.pc);
-        } catch (e) {
-          console.error(
-            `[WebRTC][voice] Track sync failed for ${peerIdHex}`,
-            e,
-          );
-        }
-      }
-    });
-  }, [
-    localStream,
-    peerManager.peers,
-    onNegotiationNeeded,
-    peerManager.peersRef,
-  ]);
-
-  // --- Lifecycle Mesh Management ---
-  const voicePeersToConnect = useMemo(() => {
-    if (!identity || !connectedChannelId) return new Set<string>();
-    return new Set(
-      voiceStates
-        .filter(
-          (vs) =>
-            vs.channelId === connectedChannelId &&
-            !vs.identity.isEqual(identity),
-        )
-        .map((vs) => vs.identity.toHexString()),
-    );
-  }, [voiceStates, identity, connectedChannelId]);
-
-  useEffect(() => {
-    if (!connectedChannelId || !identity) {
-      console.log(`[WebRTC][voice] Cleaning up channel state`);
-      peerManager.peersRef.current.forEach((_, id) =>
-        peerManager.closePeer(id),
-      );
-      processedOffersRef.current.clear();
-      processedAnswersRef.current.clear();
-      processedCandidatesRef.current.clear();
-      makingOfferRef.current.clear();
-      ignoreOfferRef.current.clear();
-      signalingQueueRef.current.clear();
-      return;
-    }
-
-    voicePeersToConnect.forEach((id) => {
-      if (!peerManager.peersRef.current.has(id)) {
-        console.log(`[WebRTC][voice] Initiating mesh connection to ${id}`);
-        peerManager.createPeerConnection(id, [
-          localStream?.getAudioTracks()[0] || null,
-        ]);
-      }
-    });
-
-    peerManager.peersRef.current.forEach((_, id) => {
-      if (!voicePeersToConnect.has(id)) {
-        console.log(`[WebRTC][voice] Peer ${id} left channel, closing`);
-        peerManager.closePeer(id);
-        makingOfferRef.current.delete(id);
-        ignoreOfferRef.current.delete(id);
-        signalingQueueRef.current.delete(id);
-      }
-    });
-  }, [
-    voicePeersToConnect,
-    connectedChannelId,
-    identity,
-    peerManager,
-    localStream,
-  ]);
-
-  return {
-    peerStatuses: peerManager.peerStatuses,
-    peerStats: peerManager.peerStats,
-    setPeerAudioPreference: peerManager.setPeerAudioPreference,
-    peers: peerManager.peers,
-  };
-};
diff --git a/src/chat/services/webrtc/useLocalMedia.ts b/src/chat/services/webrtc/useLocalMedia.ts
deleted file mode 100644
index 7abbabf..0000000
--- a/src/chat/services/webrtc/useLocalMedia.ts
+++ /dev/null
@@ -1,161 +0,0 @@
-import { useState, useRef, useEffect, useCallback } from "react";
-import { useReducer } from "spacetimedb/react";
-import { reducers } from "../../../module_bindings";
-
-export const useLocalMedia = (connectedChannelId: bigint | undefined) => {
-  const [localStream, setLocalStream] = useState<MediaStream | null>(null);
-  const [localScreenStream, setLocalScreenStream] =
-    useState<MediaStream | null>(null);
-  const [isMuted, setIsMuted] = useState(false);
-  const [isDeafened, setIsDeafened] = useState(false);
-  const [isTalking, setIsTalking] = useState(false);
-
-  const localStreamRef = useRef<MediaStream | null>(null);
-  const localScreenStreamRef = useRef<MediaStream | null>(null);
-  const isTalkingRef = useRef(false);
-
-  const setTalking = useReducer(reducers.setTalking);
-  const setSharingScreen = useReducer(reducers.setSharingScreen);
-
-  const toggleMute = useCallback(() => setIsMuted((prev) => !prev), []);
-  const toggleDeafen = useCallback(() => setIsDeafened((prev) => !prev), []);
-
-  const requestMic = useCallback(async () => {
-    if (localStreamRef.current) return;
-    try {
-      console.log("[WebRTC] Requesting mic permission...");
-      const stream = await navigator.mediaDevices.getUserMedia({
-        audio: true,
-        video: false,
-      });
-      setLocalStream(stream);
-      localStreamRef.current = stream;
-    } catch (err) {
-      console.error("[WebRTC] Failed to get mic:", err);
-    }
-  }, []);
-
-  const releaseMic = useCallback(() => {
-    if (localStreamRef.current) {
-      localStreamRef.current.getTracks().forEach((track) => track.stop());
-      setLocalStream(null);
-      localStreamRef.current = null;
-    }
-  }, []);
-
-  const startScreenShare = useCallback(
-    async (onTrackReady: (track: MediaStreamTrack) => void) => {
-      try {
-        console.log("[WebRTC] Requesting screen share...");
-        const stream = await navigator.mediaDevices.getDisplayMedia({
-          video: true,
-          audio: true,
-        });
-        setLocalScreenStream(stream);
-        localScreenStreamRef.current = stream;
-        setSharingScreen({ sharing: true });
-
-        const videoTrack = stream.getVideoTracks()[0];
-        if (videoTrack) {
-          onTrackReady(videoTrack);
-          videoTrack.onended = () =>
-            stopScreenShare(() => onTrackReady(null as any));
-        }
-      } catch (err) {
-        console.error("[WebRTC] Failed to start screen share:", err);
-      }
-    },
-    [setSharingScreen],
-  );
-
-  const stopScreenShare = useCallback(
-    (onTrackCleared: (track: MediaStreamTrack | null) => void) => {
-      if (localScreenStreamRef.current) {
-        localScreenStreamRef.current
-          .getTracks()
-          .forEach((track) => track.stop());
-        setLocalScreenStream(null);
-        localScreenStreamRef.current = null;
-        setSharingScreen({ sharing: false });
-        onTrackCleared(null);
-      }
-    },
-    [setSharingScreen],
-  );
-
-  // Handle Mute/Deafen effect on tracks
-  useEffect(() => {
-    if (localStreamRef.current) {
-      localStreamRef.current.getAudioTracks().forEach((track) => {
-        track.enabled = !isMuted && !isDeafened;
-      });
-    }
-  }, [isMuted, isDeafened]);
-
-  // Voice Activity Detection
-  useEffect(() => {
-    if (!localStream || isMuted || isDeafened || !connectedChannelId) {
-      if (isTalkingRef.current) {
-        setTalking({ talking: false, channelId: connectedChannelId || 0n });
-        isTalkingRef.current = false;
-        setIsTalking(false);
-      }
-      return;
-    }
-
-    const audioContext = new AudioContext();
-    const analyser = audioContext.createAnalyser();
-    const source = audioContext.createMediaStreamSource(localStream);
-    analyser.fftSize = 256;
-    source.connect(analyser);
-    const dataArray = new Uint8Array(analyser.frequencyBinCount);
-    const threshold = 15;
-    let silenceFrames = 0;
-    const maxSilenceFrames = 10;
-
-    const checkAudio = setInterval(() => {
-      analyser.getByteFrequencyData(dataArray);
-      let sum = 0;
-      for (let i = 0; i < dataArray.length; i++) sum += dataArray[i];
-      const average = sum / dataArray.length;
-
-      if (average > threshold) {
-        silenceFrames = 0;
-        if (!isTalkingRef.current) {
-          setTalking({ talking: true, channelId: connectedChannelId });
-          isTalkingRef.current = true;
-          setIsTalking(true);
-        }
-      } else {
-        silenceFrames++;
-        if (silenceFrames > maxSilenceFrames && isTalkingRef.current) {
-          setTalking({ talking: false, channelId: connectedChannelId });
-          isTalkingRef.current = false;
-          setIsTalking(false);
-        }
-      }
-    }, 50);
-
-    return () => {
-      clearInterval(checkAudio);
-      audioContext.close();
-    };
-  }, [localStream, setTalking, isMuted, isDeafened, connectedChannelId]);
-
-  return {
-    localStream,
-    localScreenStream,
-    isMuted,
-    isDeafened,
-    isTalking,
-    isSharingScreen: !!localScreenStream,
-    toggleMute,
-    toggleDeafen,
-    startScreenShare,
-    stopScreenShare,
-    requestMic,
-    releaseMic,
-    localStreamRef,
-    localScreenStreamRef,
-  };
-};
diff --git a/src/chat/services/webrtc/usePeerManager.ts b/src/chat/services/webrtc/usePeerManager.ts
deleted file mode 100644
index b42a28d..0000000
--- a/src/chat/services/webrtc/usePeerManager.ts
+++ /dev/null
@@ -1,435 +0,0 @@
-import { useState, useRef, useEffect, useCallback, useMemo } from "react";
-import { Identity } from "spacetimedb";
-import { Peer, WebRTCStats } from "./types";
-
-const ICE_SERVERS: RTCConfiguration = {
-  iceServers: [{ urls: "stun:stun.l.google.com:19302" }],
-};
-
-export const usePeerManager = (
-  identity: Identity | null,
-  mediaType: "voice" | "screen",
-  isDeafened: boolean, // Only relevant for voice
-  onNegotiationNeeded: (peerIdHex: string, pc: RTCPeerConnection) => void,
-  onIceCandidate: (peerIdHex: string, candidate: RTCIceCandidate) => void,
-) => {
-  const [peers, setPeers] = useState<Map<string, Peer>>(new Map());
-  const [peerStatuses, setPeerStatuses] = useState<Map<string, string>>(
-    new Map(),
-  );
-  const [peerStats, setPeerStats] = useState<Map<string, WebRTCStats>>(
-    new Map(),
-  );
-  const peersRef = useRef<Map<string, Peer>>(new Map());
-  const peerStatsRef = useRef<Map<string, WebRTCStats>>(new Map());
-  const peerAudioPreferencesRef = useRef<
-    Map<string, { volume: number; muted: boolean }>
-  >(new Map());
-  const audioContextRef = useRef<AudioContext | null>(null);
-
-  const getAudioContext = useCallback(() => {
-    if (!audioContextRef.current) {
-      audioContextRef.current = new (window.AudioContext ||
-        (window as any).webkitAudioContext)();
-    }
-    if (audioContextRef.current.state === "suspended") {
-      audioContextRef.current.resume();
-    }
-    return audioContextRef.current;
-  }, []);
-
-  // Use refs for callbacks to avoid re-creating PC when UI state changes
-  const onNegotiationNeededRef = useRef(onNegotiationNeeded);
-  const onIceCandidateRef = useRef(onIceCandidate);
-  const isDeafenedRef = useRef(isDeafened);
-
-  useEffect(() => {
-    onNegotiationNeededRef.current = onNegotiationNeeded;
-  }, [onNegotiationNeeded]);
-  useEffect(() => {
-    onIceCandidateRef.current = onIceCandidate;
-  }, [onIceCandidate]);
-  useEffect(() => {
-    isDeafenedRef.current = isDeafened;
-  }, [isDeafened]);
-
-  const setPeerAudioPreference = useCallback(
-    (peerIdHex: string, preference: { volume?: number; muted?: boolean }) => {
-      const current = peerAudioPreferencesRef.current.get(peerIdHex) || {
-        volume: 1,
-        muted: false,
-      };
-      const next = { ...current, ...preference };
-      peerAudioPreferencesRef.current.set(peerIdHex, next);
-
-      const ctx = audioContextRef.current;
-      if (ctx && ctx.state === "suspended") {
-        ctx.resume();
-      }
-
-      const peer = peersRef.current.get(peerIdHex);
-      if (peer) {
-        if (peer.gainNode) {
-          peer.gainNode.gain.value =
-            isDeafenedRef.current || next.muted ? 0 : next.volume;
-        } else if (peer.audio) {
-          peer.audio.volume = Math.min(1, next.volume);
-          peer.audio.muted = isDeafenedRef.current || next.muted;
-        }
-      }
-      // For screen sharing audio, the VideoTile component handles its own volume/mute,
-      // so we only manage the background voice audio here.
-    },
-    [],
-  );
-
-  const closePeer = useCallback(
-    (peerIdHex: string) => {
-      const peer = peersRef.current.get(peerIdHex);
-      if (peer) {
-        console.log(
-          `[WebRTC][${mediaType}] Closing peer connection for ${peerIdHex}`,
-        );
-        peer.pc.close();
-        if (peer.gainNode) {
-          peer.gainNode.disconnect();
-        }
-        if (peer.audio) {
-          peer.audio.pause();
-          peer.audio.srcObject = null;
-        }
-        peersRef.current.delete(peerIdHex);
-        setPeers(new Map(peersRef.current));
-        setPeerStatuses((prev) => {
-          const next = new Map(prev);
-          next.delete(peerIdHex);
-          return next;
-        });
-      }
-    },
-    [mediaType],
-  );
-
-  const createPeerConnection = useCallback(
-    (peerIdHex: string, initialTracks: (MediaStreamTrack | null)[] = []) => {
-      if (peersRef.current.has(peerIdHex))
-        return peersRef.current.get(peerIdHex)!.pc;
-
-      if (identity && peerIdHex === identity.toHexString()) {
-        console.warn(
-          `[WebRTC][${mediaType}] Attempted to create a PeerConnection to self (${peerIdHex}). Ignoring.`,
-        );
-        return null as any;
-      }
-
-      console.log(
-        `[WebRTC][${mediaType}] Creating new PeerConnection for ${peerIdHex}`,
-      );
-      const pc = new RTCPeerConnection(ICE_SERVERS);
-
-      pc.onnegotiationneeded = () => {
-        console.log(
-          `[WebRTC][${mediaType}] onnegotiationneeded fired for ${peerIdHex}`,
-        );
-        onNegotiationNeededRef.current(peerIdHex, pc);
-      };
-
-      pc.onicecandidate = (event) => {
-        if (event.candidate) {
-          onIceCandidateRef.current(peerIdHex, event.candidate);
-        }
-      };
-
-      pc.oniceconnectionstatechange = () => {
-        console.log(
-          `[WebRTC][${mediaType}] ICE state for ${peerIdHex}: ${pc.iceConnectionState}`,
-        );
-        setPeerStatuses((prev) => {
-          const next = new Map(prev);
-          next.set(peerIdHex, pc.iceConnectionState);
-          return next;
-        });
-
-        if (pc.iceConnectionState === "failed") {
-          console.log(
-            `[WebRTC][${mediaType}] ICE failed for ${peerIdHex}, closing peer for retry`,
-          );
-          closePeer(peerIdHex);
-        }
-      };
-
-      pc.onconnectionstatechange = () => {
-        console.log(
-          `[WebRTC][${mediaType}] Connection state for ${peerIdHex}: ${pc.connectionState}`,
-        );
-        if (
-          pc.connectionState === "failed" ||
-          pc.connectionState === "closed"
-        ) {
-          console.log(
-            `[WebRTC][${mediaType}] Connection ${pc.connectionState} for ${peerIdHex}, cleaning up`,
-          );
-          closePeer(peerIdHex);
-        }
-      };
-
-      pc.ontrack = (event) => {
-        console.log(
-          `[WebRTC][${mediaType}] Received track from ${peerIdHex}: ${event.track.kind} (id: ${event.track.id})`,
-        );
-        setPeers((prev) => {
-          const next = new Map(prev);
-          const existingPeer = { ...(next.get(peerIdHex) || { pc }) };
-
-          if (event.track.kind === "audio") {
-            if (mediaType === "voice") {
-              const pref = peerAudioPreferencesRef.current.get(peerIdHex) || {
-                volume: 1,
-                muted: false,
-              };
-
-              // Use Web Audio API for voice to support > 100% volume
-              try {
-                const ctx = getAudioContext();
-                const stream = new MediaStream([event.track]);
-
-                // Chrome quirk: Remote WebRTC streams must be attached to an HTMLMediaElement
-                // to "pump" the audio, even if you're using Web Audio API for destination.
-                if (!existingPeer.audio) {
-                  existingPeer.audio = new Audio();
-                  existingPeer.audio.muted = true; // Mute the element, we'll play through Web Audio
-                }
-                existingPeer.audio.srcObject = stream;
-                existingPeer.audio.play().catch((err) => {
-                  if (err.name !== "AbortError")
-                    console.warn(
-                      `[WebRTC][voice] Dummy audio play failed for ${peerIdHex}`,
-                      err,
-                    );
-                });
-
-                const source = ctx.createMediaStreamSource(stream);
-                const gainNode = ctx.createGain();
-
-                gainNode.gain.value =
-                  isDeafenedRef.current || pref.muted ? 0 : pref.volume;
-                source.connect(gainNode);
-                gainNode.connect(ctx.destination);
-
-                existingPeer.gainNode = gainNode;
-                console.log(
-                  `[WebRTC][voice] Web Audio graph connected for ${peerIdHex} (volume: ${pref.volume})`,
-                );
-              } catch (e) {
-                console.error(
-                  `[WebRTC][voice] Failed to setup Web Audio for ${peerIdHex}, falling back to HTMLAudioElement`,
-                  e,
-                );
-                if (!existingPeer.audio) {
-                  existingPeer.audio = new Audio();
-                  existingPeer.audio.autoplay = true;
-
-                  const pref = peerAudioPreferencesRef.current.get(
-                    peerIdHex,
-                  ) || {
-                    volume: 1,
-                    muted: false,
-                  };
-                  existingPeer.audio.volume = Math.min(1, pref.volume);
-                  existingPeer.audio.muted =
-                    isDeafenedRef.current || pref.muted;
-                }
-
-                const stream = new MediaStream([event.track]);
-                existingPeer.audio.srcObject = stream;
-
-                existingPeer.audio
-                  .play()
-                  .then(() => {
-                    console.log(
-                      `[WebRTC][voice] Background voice audio playing for ${peerIdHex}`,
-                    );
-                  })
-                  .catch((err) => {
-                    if (err.name !== "AbortError")
-                      console.error(
-                        `[WebRTC][voice] Error playing audio for ${peerIdHex}`,
-                        err,
-                      );
-                  });
-              }
-            } else {
-              // For screen sharing, we add the audio track to the video stream object.
-              // VideoTile will manage the volume/mute state of the <video> element.
-              const currentStream =
-                existingPeer.videoStream || new MediaStream();
-              if (
-                !currentStream.getTracks().find((t) => t.id === event.track.id)
-              ) {
-                currentStream.addTrack(event.track);
-              }
-              existingPeer.videoStream = new MediaStream(
-                currentStream.getTracks(),
-              );
-              console.log(
-                `[WebRTC][screen] Attached audio track to videoStream for ${peerIdHex}`,
-              );
-            }
-          } else if (event.track.kind === "video") {
-            const currentStream = existingPeer.videoStream || new MediaStream();
-            if (
-              !currentStream.getTracks().find((t) => t.id === event.track.id)
-            ) {
-              currentStream.addTrack(event.track);
-            }
-            existingPeer.videoStream = new MediaStream(
-              currentStream.getTracks(),
-            );
-          }
-
-          next.set(peerIdHex, existingPeer);
-          peersRef.current = next;
-          return next;
-        });
-      };
-
-      if (mediaType === "voice") {
-        pc.addTransceiver("audio", { direction: "sendrecv" });
-      } else {
-        pc.addTransceiver("video", { direction: "sendrecv" });
-        pc.addTransceiver("audio", { direction: "sendrecv" });
-      }
-
-      const transceivers = pc.getTransceivers();
-      initialTracks.forEach((track, i) => {
-        if (track && transceivers[i]) {
-          console.log(
-            `[WebRTC][${mediaType}] Attaching initial track ${i} to ${peerIdHex}`,
-          );
-          transceivers[i].sender.replaceTrack(track);
-        }
-      });
-
-      peersRef.current.set(peerIdHex, { pc });
-      setPeers(new Map(peersRef.current));
-      return pc;
-    },
-    [identity, mediaType, closePeer],
-  );
-
-  const getPeer = useCallback(
-    (peerIdHex: string) => peersRef.current.get(peerIdHex),
-    [],
-  );
-
-  useEffect(() => {
-    if (mediaType === "voice") {
-      peersRef.current.forEach((peer, peerIdHex) => {
-        const pref = peerAudioPreferencesRef.current.get(peerIdHex) || {
-          volume: 1,
-          muted: false,
-        };
-        if (peer.gainNode) {
-          peer.gainNode.gain.value = isDeafened || pref.muted ? 0 : pref.volume;
-        } else if (peer.audio) {
-          peer.audio.muted = isDeafened || pref.muted;
-        }
-      });
-    }
-  }, [isDeafened, mediaType]);
-
-  useEffect(() => {
-    if (peers.size === 0) {
-      if (peerStatsRef.current.size > 0) {
-        peerStatsRef.current = new Map();
-        setPeerStats(new Map());
-      }
-      return;
-    }
-
-    const interval = setInterval(async () => {
-      const newStats = new Map(peerStatsRef.current);
-      for (const [peerIdHex, peer] of peers.entries()) {
-        try {
-          const stats = await peer.pc.getStats();
-          const prevStats = peerStatsRef.current.get(peerIdHex);
-          const currentStats: WebRTCStats = {
-            audio: { bytesReceived: 0, jitter: 0, packetsLost: 0, bitrate: 0 },
-            video: {
-              bytesReceived: 0,
-              frameWidth: 0,
-              frameHeight: 0,
-              framesPerSecond: 0,
-              bitrate: 0,
-            },
-            timestamp: Date.now(),
-          };
-
-          stats.forEach((report) => {
-            if (report.type === "inbound-rtp") {
-              const kind = report.kind;
-              if (kind === "audio" || kind === "video") {
-                const target =
-                  kind === "audio" ? currentStats.audio : currentStats.video;
-                target.bytesReceived = report.bytesReceived || 0;
-                if (kind === "audio") {
-                  currentStats.audio.jitter = report.jitter || 0;
-                  currentStats.audio.packetsLost = report.packetsLost || 0;
-                } else {
-                  currentStats.video.frameWidth = report.frameWidth || 0;
-                  currentStats.video.frameHeight = report.frameHeight || 0;
-                  currentStats.video.framesPerSecond =
-                    report.framesPerSecond || 0;
-                }
-
-                if (prevStats) {
-                  const prevTarget =
-                    kind === "audio" ? prevStats.audio : prevStats.video;
-                  const deltaBytes =
-                    target.bytesReceived - prevTarget.bytesReceived;
-                  const deltaTime =
-                    (currentStats.timestamp - prevStats.timestamp) / 1000;
-                  if (deltaTime > 0) {
-                    target.bitrate = Math.max(0, (deltaBytes * 8) / deltaTime);
-                  }
-                }
-              }
-            }
-          });
-          newStats.set(peerIdHex, currentStats);
-        } catch (e) {
-          console.warn(
-            `[WebRTC][${mediaType}] Failed to get stats for ${peerIdHex}`,
-            e,
-          );
-        }
-      }
-      peerStatsRef.current = newStats;
-      setPeerStats(newStats);
-    }, 2000);
-
-    return () => clearInterval(interval);
-  }, [peers, mediaType]);
-
-  return useMemo(
-    () => ({
-      peers,
-      peerStatuses,
-      peerStats,
-      createPeerConnection,
-      closePeer,
-      getPeer,
-      setPeerAudioPreference,
-      peersRef,
-    }),
-    [
-      peers,
-      peerStatuses,
-      peerStats,
-      createPeerConnection,
-      closePeer,
-      getPeer,
-      setPeerAudioPreference,
-    ],
-  );
-};
diff --git a/src/chat/services/webrtc/useScreenSharingWebRTC.ts b/src/chat/services/webrtc/useScreenSharingWebRTC.ts
deleted file mode 100644
index 55c4b64..0000000
--- a/src/chat/services/webrtc/useScreenSharingWebRTC.ts
+++ /dev/null
@@ -1,379 +0,0 @@
-import { useEffect, useCallback, useMemo, useRef } from "react";
-import { Identity } from "spacetimedb";
-import { useTable, useReducer, useSpacetimeDB } from "spacetimedb/react";
-import { tables, reducers } from "../../../module_bindings";
-import { usePeerManager } from "./usePeerManager";
-
-export const useScreenSharingWebRTC = (
-  connectedChannelId: bigint | undefined,
-  localScreenStream: MediaStream | null,
-) => {
-  const { identity } = useSpacetimeDB();
-  const [watching] = useTable(tables.watching);
-  const [offers] = useTable(
-    useMemo(
-      () =>
-        identity
-          ? tables.screen_sdp_offer.where((o) => o.receiver.eq(identity))
-          : tables.screen_sdp_offer.where(() => false),
-      [identity],
-    ),
-  );
-  const [answers] = useTable(
-    useMemo(
-      () =>
-        identity
-          ? tables.screen_sdp_answer.where((o) => o.receiver.eq(identity))
-          : tables.screen_sdp_answer.where(() => false),
-      [identity],
-    ),
-  );
-  const [iceCandidates] = useTable(
-    useMemo(
-      () =>
-        identity
-          ? tables.screen_ice_candidate.where((o) => o.receiver.eq(identity))
-          : tables.screen_ice_candidate.where(() => false),
-      [identity],
-    ),
-  );
-
-  const sendSdpOffer = useReducer(reducers.sendScreenSdpOffer);
-  const sendSdpAnswer = useReducer(reducers.sendScreenSdpAnswer);
-  const sendIceCandidate = useReducer(reducers.sendScreenIceCandidate);
-
-  // --- Refs for Coordination ---
-  const makingOfferRef = useRef<Map<string, boolean>>(new Map());
-  const ignoreOfferRef = useRef<Map<string, boolean>>(new Map());
-  const signalingQueueRef = useRef<Map<string, Promise<void>>>(new Map());
-
-  const processedOffersRef = useRef<Set<bigint>>(new Set());
-  const processedAnswersRef = useRef<Set<bigint>>(new Set());
-  const processedCandidatesRef = useRef<Set<bigint>>(new Set());
-  const candidateQueueRef = useRef<Map<string, any[]>>(new Map());
-
-  const connectedChannelIdRef = useRef(connectedChannelId);
-  useEffect(() => {
-    connectedChannelIdRef.current = connectedChannelId;
-  }, [connectedChannelId]);
-
-  // --- Helper: Serialized Signaling Queue ---
-  const enqueueSignalingTask = useCallback(
-    (peerIdHex: string, task: () => Promise<void>) => {
-      const currentQueue =
-        signalingQueueRef.current.get(peerIdHex) || Promise.resolve();
-      const nextQueue = currentQueue.then(async () => {
-        try {
-          await task();
-        } catch (e) {
-          console.error(
-            `[WebRTC][screen] Signaling task failed for ${peerIdHex}`,
-            e,
-          );
-        }
-      });
-      signalingQueueRef.current.set(peerIdHex, nextQueue);
-    },
-    [],
-  );
-
-  const drainCandidateQueue = useCallback(
-    async (peerIdHex: string, pc: RTCPeerConnection) => {
-      const queue = candidateQueueRef.current.get(peerIdHex) || [];
-      if (queue.length === 0 || !pc.remoteDescription) return;
-      console.log(
-        `[WebRTC][screen] Draining ${queue.length} candidates for ${peerIdHex}`,
-      );
-      for (const cand of queue) {
-        try {
-          await pc.addIceCandidate(new RTCIceCandidate(cand));
-        } catch (e) {
-          console.warn(
-            `[WebRTC][screen] Error adding queued ICE for ${peerIdHex}`,
-            e,
-          );
-        }
-      }
-      candidateQueueRef.current.set(peerIdHex, []);
-    },
-    [],
-  );
-
-  const onNegotiationNeeded = useCallback(
-    async (peerIdHex: string, pc: RTCPeerConnection) => {
-      enqueueSignalingTask(peerIdHex, async () => {
-        const channelId = connectedChannelIdRef.current;
-        if (
-          !channelId ||
-          pc.signalingState !== "stable" ||
-          makingOfferRef.current.get(peerIdHex)
-        ) {
-          console.log(
-            `[WebRTC][screen] Skipping negotiation for ${peerIdHex}: state=${pc.signalingState}, makingOffer=${makingOfferRef.current.get(peerIdHex)}`,
-          );
-          return;
-        }
-        try {
-          makingOfferRef.current.set(peerIdHex, true);
-          console.log(`[WebRTC][screen] Creating offer for ${peerIdHex}...`);
-          await pc.setLocalDescription();
-          sendSdpOffer({
-            receiver: Identity.fromString(peerIdHex),
-            sdp: JSON.stringify(pc.localDescription),
-            channelId,
-          });
-        } finally {
-          makingOfferRef.current.set(peerIdHex, false);
-        }
-      });
-    },
-    [sendSdpOffer, enqueueSignalingTask],
-  );
-
-  const onIceCandidate = useCallback(
-    (peerIdHex: string, candidate: RTCIceCandidate) => {
-      const channelId = connectedChannelIdRef.current;
-      if (channelId) {
-        sendIceCandidate({
-          receiver: Identity.fromString(peerIdHex),
-          candidate: JSON.stringify(candidate),
-          channelId,
-        });
-      }
-    },
-    [sendIceCandidate],
-  );
-
-  const peerManager = usePeerManager(
-    identity || null,
-    "screen",
-    false,
-    onNegotiationNeeded,
-    onIceCandidate,
-  );
-
-  // --- Signaling Processors ---
-  useEffect(() => {
-    if (!connectedChannelId || !identity) return;
-
-    // 1. Handle Offers
-    const myOffers = offers.filter(
-      (o) =>
-        o.receiver.isEqual(identity) &&
-        !o.sender.isEqual(identity) &&
-        o.channelId === connectedChannelId,
-    );
-    for (const offerRow of myOffers) {
-      if (processedOffersRef.current.has(offerRow.id)) continue;
-      processedOffersRef.current.add(offerRow.id);
-
-      const peerIdHex = offerRow.sender.toHexString();
-      enqueueSignalingTask(peerIdHex, async () => {
-        const pc = peerManager.createPeerConnection(peerIdHex);
-        if (!pc) return;
-
-        try {
-          const isPolite = identity.toHexString() < peerIdHex;
-          const makingOffer = makingOfferRef.current.get(peerIdHex) || false;
-          const offerCollision = pc.signalingState !== "stable" || makingOffer;
-          const ignoreOffer = !isPolite && offerCollision;
-
-          ignoreOfferRef.current.set(peerIdHex, ignoreOffer);
-          if (ignoreOffer) {
-            console.log(
-              `[WebRTC][screen] Ignoring offer glare from ${peerIdHex} (impolite)`,
-            );
-            return;
-          }
-
-          if (offerCollision) {
-            console.log(
-              `[WebRTC][screen] Rolling back for offer glare from ${peerIdHex} (polite)`,
-            );
-            await pc.setLocalDescription({ type: "rollback" as RTCSdpType });
-          }
-
-          console.log(`[WebRTC][screen] Processing offer from ${peerIdHex}`);
-          await pc.setRemoteDescription(
-            new RTCSessionDescription(JSON.parse(offerRow.sdp)),
-          );
-          const answer = await pc.createAnswer();
-          await pc.setLocalDescription(answer);
-          sendSdpAnswer({
-            receiver: offerRow.sender,
-            sdp: JSON.stringify(answer),
-            channelId: connectedChannelId,
-          });
-          await drainCandidateQueue(peerIdHex, pc);
-        } catch (e) {
-          console.error(
-            `[WebRTC][screen] Failed to handle offer from ${peerIdHex}`,
-            e,
-          );
-        }
-      });
-    }
-
-    // 2. Handle Answers
-    const myAnswers = answers.filter(
-      (a) =>
-        a.receiver.isEqual(identity) &&
-        !a.sender.isEqual(identity) &&
-        a.channelId === connectedChannelId,
-    );
-    for (const answerRow of myAnswers) {
-      if (processedAnswersRef.current.has(answerRow.id)) continue;
-      processedAnswersRef.current.add(answerRow.id);
-
-      const peerIdHex = answerRow.sender.toHexString();
-      enqueueSignalingTask(peerIdHex, async () => {
-        const peer = peerManager.getPeer(peerIdHex);
-        if (!peer) return;
-        try {
-          console.log(`[WebRTC][screen] Processing answer from ${peerIdHex}`);
-          await peer.pc.setRemoteDescription(
-            new RTCSessionDescription(JSON.parse(answerRow.sdp)),
-          );
-          await drainCandidateQueue(peerIdHex, peer.pc);
-        } catch (e) {
-          console.error(
-            `[WebRTC][screen] Failed to handle answer from ${peerIdHex}`,
-            e,
-          );
-        }
-      });
-    }
-
-    // 3. Handle ICE Candidates
-    const myCandidates = iceCandidates.filter(
-      (c) =>
-        c.receiver.isEqual(identity) &&
-        !c.sender.isEqual(identity) &&
-        c.channelId === connectedChannelId,
-    );
-    for (const candRow of myCandidates) {
-      if (processedCandidatesRef.current.has(candRow.id)) continue;
-      processedCandidatesRef.current.add(candRow.id);
-
-      const peerIdHex = candRow.sender.toHexString();
-      enqueueSignalingTask(peerIdHex, async () => {
-        const pc = peerManager.createPeerConnection(peerIdHex);
-        if (!pc) return;
-        try {
-          const candidate = JSON.parse(candRow.candidate);
-          const ignoreOffer = ignoreOfferRef.current.get(peerIdHex) || false;
-
-          if (pc.remoteDescription) {
-            await pc.addIceCandidate(new RTCIceCandidate(candidate));
-          } else if (!ignoreOffer) {
-            const queue = candidateQueueRef.current.get(peerIdHex) || [];
-            queue.push(candidate);
-            candidateQueueRef.current.set(peerIdHex, queue);
-          }
-        } catch (e) {
-          console.error(
-            `[WebRTC][screen] Failed to handle ICE from ${peerIdHex}`,
-            e,
-          );
-        }
-      });
-    }
-  }, [
-    offers,
-    answers,
-    iceCandidates,
-    connectedChannelId,
-    identity,
-    peerManager,
-    sendSdpAnswer,
-    enqueueSignalingTask,
-    drainCandidateQueue,
-  ]);
-
-  // --- Track Syncing ---
-  useEffect(() => {
-    const videoTrack = localScreenStream?.getVideoTracks()[0] || null;
-    const audioTrack = localScreenStream?.getAudioTracks()[0] || null;
-    peerManager.peersRef.current.forEach(async (peer, peerIdHex) => {
-      const transceivers = peer.pc.getTransceivers();
-      let changed = false;
-      if (transceivers[0] && transceivers[0].sender.track !== videoTrack) {
-        await transceivers[0].sender.replaceTrack(videoTrack);
-        changed = true;
-      }
-      if (transceivers[1] && transceivers[1].sender.track !== audioTrack) {
-        await transceivers[1].sender.replaceTrack(audioTrack);
-        changed = true;
-      }
-      if (changed && peer.pc.signalingState === "stable") {
-        console.log(`[WebRTC][screen] Syncing track for ${peerIdHex}`);
-        onNegotiationNeeded(peerIdHex, peer.pc);
-      }
-    });
-  }, [
-    localScreenStream,
-    peerManager.peers,
-    onNegotiationNeeded,
-    peerManager.peersRef,
-  ]);
-
-  // --- Lifecycle Mesh Management ---
-  const screenPeersToConnect = useMemo(() => {
-    if (!identity || !connectedChannelId) return new Set<string>();
-    const peerIds = new Set<string>();
-    watching.forEach((w) => {
-      if (w.channelId === connectedChannelId) {
-        if (w.watcher.isEqual(identity)) peerIds.add(w.watchee.toHexString());
-        else if (w.watchee.isEqual(identity))
-          peerIds.add(w.watcher.toHexString());
-      }
-    });
-    return peerIds;
-  }, [watching, identity, connectedChannelId]);
-
-  useEffect(() => {
-    if (!connectedChannelId || !identity) {
-      console.log(`[WebRTC][screen] Cleaning up screen state`);
-      peerManager.peersRef.current.forEach((_, id) =>
-        peerManager.closePeer(id),
-      );
-      processedOffersRef.current.clear();
-      processedAnswersRef.current.clear();
-      processedCandidatesRef.current.clear();
-      makingOfferRef.current.clear();
-      ignoreOfferRef.current.clear();
-      signalingQueueRef.current.clear();
-      return;
-    }
-
-    screenPeersToConnect.forEach((id) => {
-      if (!peerManager.peersRef.current.has(id)) {
-        console.log(`[WebRTC][screen] Connecting to watched peer ${id}`);
-        peerManager.createPeerConnection(id, [
-          localScreenStream?.getVideoTracks()[0] || null,
-          localScreenStream?.getAudioTracks()[0] || null,
-        ]);
-      }
-    });
-
-    peerManager.peersRef.current.forEach((_, id) => {
-      if (!screenPeersToConnect.has(id)) {
-        console.log(`[WebRTC][screen] Peer ${id} no longer watched, closing`);
-        peerManager.closePeer(id);
-        makingOfferRef.current.delete(id);
-        ignoreOfferRef.current.delete(id);
-        signalingQueueRef.current.delete(id);
-      }
-    });
-  }, [
-    screenPeersToConnect,
-    connectedChannelId,
-    identity,
-    peerManager,
-    localScreenStream,
-  ]);
-
-  return {
-    peers: peerManager.peers,
-  };
-};
diff --git a/src/chat/services/webrtc/useWebRTC.ts b/src/chat/services/webrtc/useWebRTC.ts
deleted file mode 100644
index cbe62f5..0000000
--- a/src/chat/services/webrtc/useWebRTC.ts
+++ /dev/null
@@ -1,119 +0,0 @@
-import { useCallback, useEffect, useMemo } from "react";
-import { Identity } from "spacetimedb";
-import { useTable, useReducer, useSpacetimeDB } from "spacetimedb/react";
-import { tables, reducers } from "../../../module_bindings";
-import { useLocalMedia } from "./useLocalMedia";
-import { useChannelAudioWebRTC } from "./useChannelAudioWebRTC";
-import { useScreenSharingWebRTC } from "./useScreenSharingWebRTC";
-
-export const useWebRTC = (connectedChannelId: bigint | undefined) => {
-  const { identity } = useSpacetimeDB();
-  const [watching] = useTable(tables.watching);
-
-  const startWatchingReducer = useReducer(reducers.startWatching);
-  const stopWatchingReducer = useReducer(reducers.stopWatching);
-  const setMuteReducer = useReducer(reducers.setMute);
-  const setDeafenReducer = useReducer(reducers.setDeafen);
-
-  const {
-    localStream,
-    localScreenStream,
-    isMuted,
-    isDeafened,
-    isSharingScreen,
-    toggleMute: toggleLocalMute,
-    toggleDeafen: toggleLocalDeafen,
-    startScreenShare: startLocalScreenShare,
-    stopScreenShare: stopLocalScreenShare,
-    requestMic,
-    releaseMic,
-  } = useLocalMedia(connectedChannelId);
-
-  // Sync mute/deafen to DB
-  useEffect(() => {
-    if (connectedChannelId) {
-      setMuteReducer({ muted: isMuted });
-    }
-  }, [isMuted, connectedChannelId, setMuteReducer]);
-
-  useEffect(() => {
-    if (connectedChannelId) {
-      setDeafenReducer({ deafened: isDeafened });
-    }
-  }, [isDeafened, connectedChannelId, setDeafenReducer]);
-
-  // --- Specialized Hooks ---
-  const voice = useChannelAudioWebRTC(
-    connectedChannelId,
-    identity || null,
-    localStream,
-    isDeafened,
-  );
-
-  const screen = useScreenSharingWebRTC(
-    connectedChannelId,
-    localScreenStream,
-  );
-
-  // --- Orchestration ---
-  useEffect(() => {
-    if (connectedChannelId && identity) {
-      console.log(
-        `[WebRTC] Joined channel ${connectedChannelId}, requesting mic...`,
-      );
-      requestMic();
-    } else {
-      console.log("[WebRTC] Left channel, releasing mic.");
-      releaseMic();
-    }
-  }, [connectedChannelId, identity, requestMic, releaseMic]);
-
-  // --- Actions ---
-  const startScreenShare = useCallback(() => {
-    startLocalScreenShare(() => {});
-  }, [startLocalScreenShare]);
-
-  const stopScreenShare = useCallback(() => {
-    stopLocalScreenShare(() => {});
-  }, [stopLocalScreenShare]);
-
-  const startWatching = useCallback(
-    (peerIdentity: Identity) => {
-      if (connectedChannelId) {
-        startWatchingReducer({
-          watchee: peerIdentity,
-          channelId: connectedChannelId,
-        });
-      }
-    },
-    [connectedChannelId, startWatchingReducer],
-  );
-
-  const stopWatching = useCallback(
-    (peerIdentity: Identity) => {
-      stopWatchingReducer({ watchee: peerIdentity });
-    },
-    [stopWatchingReducer],
-  );
-
-  return {
-    localStream,
-    localScreenStream,
-    peerStatuses: voice.peerStatuses,
-    peers: screen.peers, // For VideoGrid to show streams
-    startScreenShare,
-    stopScreenShare,
-    isSharingScreen,
-    startWatching,
-    stopWatching,
-    watching,
-    isMuted,
-    isDeafened,
-    toggleMute: toggleLocalMute,
-    toggleDeafen: toggleLocalDeafen,
-    peerStats: voice.peerStats,
-    setPeerAudioPreference: voice.setPeerAudioPreference,
-  };
-};
-
-export default useWebRTC;
diff --git a/src/chat/services/webrtc/webrtc.svelte.ts b/src/chat/services/webrtc/webrtc.svelte.ts
new file mode 100644
index 0000000..6475640
--- /dev/null
+++ b/src/chat/services/webrtc/webrtc.svelte.ts
@@ -0,0 +1,117 @@
+import { Identity } from "spacetimedb";
+import { tables, reducers } from "../../../module_bindings";
+import { useTable, useReducer } from "spacetimedb/svelte";
+import { LocalMediaService } from "./local-media.svelte";
+import { ChannelAudioWebRTCService } from "./channel-audio-webrtc.svelte";
+import { ScreenSharingWebRTCService } from "./screen-sharing-webrtc.svelte";
+import * as Types from "../../../module_bindings/types";
+
+export class WebRTCService {
+  identity = $state<Identity | null>(null);
+  connectedChannelId = $state<bigint | undefined>();
+  watching = $state<readonly Types.Watching[]>([]);
+
+  #startWatchingReducer = useReducer(reducers.startWatching);
+  #stopWatchingReducer = useReducer(reducers.stopWatching);
+  #setMuteReducer = useReducer(reducers.setMute);
+  #setDeafenReducer = useReducer(reducers.setDeafen);
+
+  localMedia: LocalMediaService;
+  voice: ChannelAudioWebRTCService;
+  screen: ScreenSharingWebRTCService;
+
+  constructor(identity: Identity | null, connectedChannelId: bigint | undefined) {
+    this.identity = identity;
+    this.connectedChannelId = connectedChannelId;
+
+    const [wStore] = useTable(tables.watching);
+    wStore.subscribe(v => this.watching = v);
+
+    this.localMedia = new LocalMediaService(connectedChannelId);
+    
+    // Pass localMedia's stream and deafen state to voice
+    this.voice = new ChannelAudioWebRTCService(
+      identity,
+      connectedChannelId,
+      this.localMedia.localStream,
+      this.localMedia.isDeafened
+    );
+
+    this.screen = new ScreenSharingWebRTCService(
+      identity,
+      connectedChannelId,
+      this.localMedia.localScreenStream
+    );
+
+    // Sync state to sub-services
+    $effect(() => {
+        this.localMedia.connectedChannelId = this.connectedChannelId;
+        this.voice.identity = this.identity;
+        this.voice.connectedChannelId = this.connectedChannelId;
+        this.voice.localStream = this.localMedia.localStream;
+        this.voice.isDeafened = this.localMedia.isDeafened;
+        this.screen.identity = this.identity;
+        this.screen.connectedChannelId = this.connectedChannelId;
+        this.screen.localScreenStream = this.localMedia.localScreenStream;
+    });
+
+    // Sync mute/deafen to DB
+    $effect(() => {
+      if (this.connectedChannelId) {
+        this.#setMuteReducer({ muted: this.localMedia.isMuted });
+      }
+    });
+
+    $effect(() => {
+      if (this.connectedChannelId) {
+        this.#setDeafenReducer({ deafened: this.localMedia.isDeafened });
+      }
+    });
+
+    // Orchestration
+    $effect(() => {
+      if (this.connectedChannelId && this.identity) {
+        console.log(`[WebRTC] Joined channel ${this.connectedChannelId}, requesting mic...`);
+        this.localMedia.requestMic();
+      } else {
+        console.log("[WebRTC] Left channel, releasing mic.");
+        this.localMedia.releaseMic();
+      }
+    });
+  }
+
+  startScreenShare = () => {
+    this.localMedia.startScreenShare(() => {});
+  };
+
+  stopScreenShare = () => {
+    this.localMedia.stopScreenShare(() => {});
+  };
+
+  startWatching = (peerIdentity: Identity) => {
+    if (this.connectedChannelId) {
+      this.#startWatchingReducer({
+        watchee: peerIdentity,
+        channelId: this.connectedChannelId,
+      });
+    }
+  };
+
+  stopWatching = (peerIdentity: Identity) => {
+    this.#stopWatchingReducer({ watchee: peerIdentity });
+  };
+
+  // Facade getters
+  get localStream() { return this.localMedia.localStream; }
+  get localScreenStream() { return this.localMedia.localScreenStream; }
+  get peerStatuses() { return this.voice.peerManager.peerStatuses; }
+  get peers() { return this.screen.peerManager.peers; }
+  get isSharingScreen() { return this.localMedia.isSharingScreen; }
+  get isMuted() { return this.localMedia.isMuted; }
+  get isDeafened() { return this.localMedia.isDeafened; }
+  get peerStats() { return this.voice.peerManager.peerStats; }
+
+  toggleMute = () => this.localMedia.toggleMute();
+  toggleDeafen = () => this.localMedia.toggleDeafen();
+  setPeerAudioPreference = (peerIdHex: string, pref: any) => this.voice.peerManager.setPeerAudioPreference(peerIdHex, pref);
+}
diff --git a/src/config.ts b/src/config.ts
new file mode 100644
index 0000000..14f759f
--- /dev/null
+++ b/src/config.ts
@@ -0,0 +1,47 @@
+// src/config.ts
+import { DbConnection } from "./module_bindings/index.ts";
+import { auth } from "./auth";
+
+export const HOST =
+  import.meta.env.VITE_SPACETIMEDB_HOST ?? "wss://maincloud.spacetimedb.com";
+export const DB_NAME =
+  import.meta.env.VITE_SPACETIMEDB_DB_NAME ?? "my-spacetime-app-jdhdg";
+export const TOKEN_KEY = `${HOST}/${DB_NAME}/auth_token`;
+
+const onConnect = (_conn: any, identity: any, token: string) => {
+  localStorage.setItem(TOKEN_KEY, token);
+  console.log(
+    "Connected to SpacetimeDB with identity:",
+    identity.toHexString(),
+  );
+};
+
+const onDisconnect = () => {
+  console.log("Disconnected from SpacetimeDB");
+};
+
+const onConnectError = (_ctx: any, err: Error) => {
+  console.log("Error connecting to SpacetimeDB:", err);
+};
+
+export const connectionBuilder = () => {
+  const builder = DbConnection.builder()
+    .withUri(HOST)
+    .withDatabaseName(DB_NAME)
+    .onConnect(onConnect)
+    .onDisconnect(onDisconnect)
+    .onConnectError(onConnectError);
+
+  const storedToken = localStorage.getItem(TOKEN_KEY);
+
+  if (auth.isAuthenticated && auth.user?.id_token) {
+    console.log("SpacetimeDBWrapper: Connecting with OIDC token");
+    return builder.withToken(auth.user.id_token);
+  } else if (storedToken) {
+    console.log("SpacetimeDBWrapper: Connecting with stored SpacetimeDB token");
+    return builder.withToken(storedToken);
+  } else {
+    console.log("SpacetimeDBWrapper: No token available, proceeding without.");
+    return builder;
+  }
+};
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..35554f9
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,10 @@
+// src/main.ts
+import { mount } from "svelte";
+import "./index.css";
+import App from "./App.svelte";
+
+const app = mount(App, {
+  target: document.getElementById("root")!,
+});
+
+export default app;
diff --git a/src/main.tsx b/src/main.tsx
deleted file mode 100644
index 49adb2b..0000000
--- a/src/main.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import { StrictMode, useMemo } from "react";
-import { createRoot } from "react-dom/client";
-import "./index.css";
-import App from "./App.tsx";
-import { Identity } from "spacetimedb";
-import { SpacetimeDBProvider } from "spacetimedb/react";
-import { DbConnection, ErrorContext } from "./module_bindings/index.ts";
-import { OidcProvider } from "./auth"; // Import from index.ts
-import { AuthGate } from "./auth"; // Import from index.ts
-
-// We still need useAuth from react-oidc-context if SpacetimeDBWrapper directly uses it
-// which it does. SpacetimeDBWrapper relies on useAuth to get the OIDC token.
-import { useAuth } from "react-oidc-context";
-
-const HOST =
-  import.meta.env.VITE_SPACETIMEDB_HOST ?? "wss://maincloud.spacetimedb.com";
-const DB_NAME =
-  import.meta.env.VITE_SPACETIMEDB_DB_NAME ?? "my-spacetime-app-jdhdg";
-export const TOKEN_KEY = `${HOST}/${DB_NAME}/auth_token`;
-
-const onConnect = (conn: DbConnection, identity: Identity, token: string) => {
-  localStorage.setItem(TOKEN_KEY, token);
-  console.log(
-    "Connected to SpacetimeDB with identity:",
-    identity.toHexString(),
-  );
-};
-
-const onDisconnect = () => {
-  console.log("Disconnected from SpacetimeDB");
-};
-
-const onConnectError = (_ctx: ErrorContext, err: Error) => {
-  console.log("Error connecting to SpacetimeDB:", err);
-};
-
-// This component remains responsible for the SpacetimeDB connection logic.
-// It now wraps its children with SpacetimeDBProvider.
-function SpacetimeDBWrapper({ children }: { children: React.ReactNode }) {
-  const auth = useAuth();
-
-  // Logging authentication and token status
-  console.log("SpacetimeDBWrapper: auth.isLoading:", auth.isLoading);
-  console.log(
-    "SpacetimeDBWrapper: auth.isAuthenticated:",
-    auth.isAuthenticated,
-  );
-  console.log("SpacetimeDBWrapper: auth.user?.id_token:", auth.user?.id_token);
-  const storedToken = localStorage.getItem(TOKEN_KEY);
-  console.log("SpacetimeDBWrapper: localStorage TOKEN_KEY:", storedToken);
-
-  const connectionBuilder = useMemo(() => {
-    const builder = DbConnection.builder()
-      .withUri(HOST)
-      .withDatabaseName(DB_NAME)
-      .onConnect(onConnect)
-      .onDisconnect(onDisconnect)
-      .onConnectError(onConnectError);
-
-    // If we have an OIDC token, use it. Otherwise, use the stored SpacetimeDB token.
-    // This fallback mechanism is important for username/password login too.
-    if (auth.isAuthenticated && auth.user?.id_token) {
-      console.log("SpacetimeDBWrapper: Connecting with OIDC token");
-      return builder.withToken(auth.user.id_token);
-    } else if (storedToken) {
-      console.log(
-        "SpacetimeDBWrapper: Connecting with stored SpacetimeDB token",
-      );
-      return builder.withToken(storedToken);
-    } else {
-      console.log(
-        "SpacetimeDBWrapper: No token available, proceeding without.",
-      );
-      return builder; // Proceed without a token if none is available
-    }
-  }, [auth.isAuthenticated, auth.user?.id_token, storedToken]); // Include storedToken in dependencies
-
-  console.log("SpacetimeDBWrapper: connectionBuilder created.");
-
-  return (
-    <SpacetimeDBProvider connectionBuilder={connectionBuilder}>
-      {children}
-    </SpacetimeDBProvider>
-  );
-}
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <OidcProvider>
-      <SpacetimeDBWrapper>
-        {/* AuthGate will decide whether to show login options or the main App */}
-        <AuthGate>
-          <App />
-        </AuthGate>
-      </SpacetimeDBWrapper>
-    </OidcProvider>
-  </StrictMode>,
-);
diff --git a/src/setupTests.ts b/src/setupTests.ts
deleted file mode 100644
index d0de870..0000000
--- a/src/setupTests.ts
+++ /dev/null
@@ -1 +0,0 @@
-import "@testing-library/jest-dom";
diff --git a/tsconfig.app.json b/tsconfig.app.json
index 11b9d35..5aa3c33 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -14,7 +14,6 @@
     "isolatedModules": true,
     "moduleDetection": "force",
     "noEmit": true,
-    "jsx": "react-jsx",
 
     /* Linting */
     "strict": true,
diff --git a/vite.config.ts b/vite.config.ts
index 577fb18..1402016 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,11 +1,10 @@
 import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
+import { svelte } from "@sveltejs/vite-plugin-svelte";
 import basicSsl from "@vitejs/plugin-basic-ssl";
 
 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [react(), basicSsl()],
+  plugins: [svelte(), basicSsl()],
   server: {
-    https: true,
   },
 });
diff --git a/vitest.config.ts b/vitest.config.ts
index 38da4a8..5065664 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -1,13 +1,12 @@
 import { defineConfig } from "vitest/config";
-import react from "@vitejs/plugin-react";
+import { svelte } from "@sveltejs/vite-plugin-svelte";
 
 export default defineConfig({
-  plugins: [react()],
+  plugins: [svelte() as any],
   test: {
     globals: true,
-    environment: "jsdom", // or "node" if you're not testing DOM
-    setupFiles: "./src/setupTests.ts",
-    testTimeout: 15_000, // give extra time for real connections
+    environment: "jsdom",
+    testTimeout: 15_000,
     hookTimeout: 15_000,
   },
 });
