indicator

eslint.config.mts

@@ -32,6 +32,9 @@ export default ts.config(
 				// While certain Svelte settings may be statically loaded from svelte.config.js even if you don’t specify it,
 				// explicitly specifying it ensures better compatibility and functionality.
 				svelteConfig,
+				svelteFeatures: {
+					experimentalGenerics: true,
+				},
 			},
 		},
 	},

package.json

@@ -60,7 +60,7 @@
 		"prettier-plugin-tailwindcss": "^0.6.11",
 		"runed": "^0.25.0",
 		"shiki": "^3.4.0",
-		"svelte": "^5.34.8",
+		"svelte": "^5.36.8",
 		"svelte-check": "^4.0.0",
 		"tailwind-merge": "^3.0.2",
 		"tailwindcss": "^4.0.9",
@@ -76,7 +76,7 @@
 	"type": "module",
 	"dependencies": {
 		"dequal": "^2.0.3",
-		"eslint-plugin-svelte": "^3.6.0",
+		"eslint-plugin-svelte": "^3.11.0",
 		"remult": "^3.0.2",
 		"typia": "^8.0.0"
 	},

pnpm-lock.yaml

@@ -12,8 +12,8 @@ importers:
         specifier: ^2.0.3
         version: 2.0.3
       eslint-plugin-svelte:
-        specifier: ^3.6.0
-        version: 3.6.0(eslint@9.22.0(jiti@2.4.2))(svelte@5.34.8)
+        specifier: ^3.11.0
+        version: 3.11.0(eslint@9.22.0(jiti@2.4.2))(svelte@5.36.8)
       remult:
         specifier: ^3.0.2
         version: 3.0.2
@@ -62,16 +62,16 @@ importers:
         version: 3.0.0
       '@sveltejs/adapter-auto':
         specifier: ^3.2.2
-        version: 3.3.1(@sveltejs/kit@2.18.0(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))
+        version: 3.3.1(@sveltejs/kit@2.18.0(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))
       '@sveltejs/adapter-node':
         specifier: ^5.2.0
-        version: 5.2.12(@sveltejs/kit@2.18.0(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))
+        version: 5.2.12(@sveltejs/kit@2.18.0(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))
       '@sveltejs/kit':
         specifier: ^2.5.27
-        version: 2.18.0(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))
+        version: 2.18.0(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))
       '@sveltejs/vite-plugin-svelte':
         specifier: ^4.0.0
-        version: 4.0.4(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))
+        version: 4.0.4(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))
       '@tailwindcss/container-queries':
         specifier: ^0.1.1
         version: 0.1.1(tailwindcss@4.0.9)
@@ -83,7 +83,7 @@ importers:
         version: 6.6.3
       '@testing-library/svelte':
         specifier: ^5.2.4
-        version: 5.2.8(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))(vitest@3.1.4)
+        version: 5.2.8(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))(vitest@3.1.4)
       '@types/node':
         specifier: ^22.14.1
         version: 22.14.1
@@ -122,7 +122,7 @@ importers:
         version: 26.1.0
       melt:
         specifier: ^0.36.0
-        version: 0.36.0(@floating-ui/dom@1.6.13)(svelte@5.34.8)
+        version: 0.36.0(@floating-ui/dom@1.6.13)(svelte@5.36.8)
       openai:
         specifier: ^4.90.0
         version: 4.90.0(ws@8.18.2)
@@ -137,22 +137,22 @@ importers:
         version: 3.5.3
       prettier-plugin-svelte:
         specifier: ^3.4.0
-        version: 3.4.0(prettier@3.5.3)(svelte@5.34.8)
+        version: 3.4.0(prettier@3.5.3)(svelte@5.36.8)
       prettier-plugin-tailwindcss:
         specifier: ^0.6.11
-        version: 0.6.11(prettier-plugin-svelte@3.4.0(prettier@3.5.3)(svelte@5.34.8))(prettier@3.5.3)
+        version: 0.6.11(prettier-plugin-svelte@3.4.0(prettier@3.5.3)(svelte@5.36.8))(prettier@3.5.3)
       runed:
         specifier: ^0.25.0
-        version: 0.25.0(svelte@5.34.8)
+        version: 0.25.0(svelte@5.36.8)
       shiki:
         specifier: ^3.4.0
         version: 3.4.0
       svelte:
-        specifier: ^5.34.8
-        version: 5.34.8
+        specifier: ^5.36.8
+        version: 5.36.8
       svelte-check:
         specifier: ^4.0.0
-        version: 4.1.5(picomatch@4.0.2)(svelte@5.34.8)(typescript@5.8.2)
+        version: 4.1.5(picomatch@4.0.2)(svelte@5.36.8)(typescript@5.8.2)
       tailwind-merge:
         specifier: ^3.0.2
         version: 3.0.2
@@ -173,7 +173,7 @@ importers:
         version: 8.26.1(eslint@9.22.0(jiti@2.4.2))(typescript@5.8.2)
       unplugin-icons:
         specifier: ^22.1.0
-        version: 22.1.0(svelte@5.34.8)
+        version: 22.1.0(svelte@5.36.8)
       vite:
         specifier: ^5.4.4
         version: 5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)
@@ -182,7 +182,7 @@ importers:
         version: 3.1.4(@types/node@22.14.1)(@vitest/browser@3.1.4)(jsdom@26.1.0)(lightningcss@1.29.1)
       vitest-browser-svelte:
         specifier: ^0.1.0
-        version: 0.1.0(@vitest/browser@3.1.4)(svelte@5.34.8)(vitest@3.1.4)
+        version: 0.1.0(@vitest/browser@3.1.4)(svelte@5.36.8)(vitest@3.1.4)
 
 packages:
 
@@ -543,6 +543,12 @@ packages:
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
 
+  '@eslint-community/eslint-utils@4.7.0':
+    resolution: {integrity: sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==}
+    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.1':
     resolution: {integrity: sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
@@ -1673,8 +1679,8 @@ packages:
       eslint-config-prettier:
         optional: true
 
-  eslint-plugin-svelte@3.6.0:
-    resolution: {integrity: sha512-IIf6Cj6yQuCwL7Qd8bX13BZspz+DQsOkClozMF9EkW20FSxI75Ndd5ZzbviCn32DdXRo9FUWXn+YMIL46qPOOg==}
+  eslint-plugin-svelte@3.11.0:
+    resolution: {integrity: sha512-KliWlkieHyEa65aQIkRwUFfHzT5Cn4u3BQQsu3KlkJOs7c1u7ryn84EWaOjEzilbKgttT4OfBURA8Uc4JBSQIw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.1 || ^9.0.0
@@ -1721,8 +1727,8 @@ packages:
     resolution: {integrity: sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==}
     engines: {node: '>=0.10'}
 
-  esrap@1.4.9:
-    resolution: {integrity: sha512-3OMlcd0a03UGuZpPeUC1HxR3nA23l+HEyCiZw3b3FumJIN9KphoGzDJKMXI1S72jVS1dsenDyQC0kJlO1U9E1g==}
+  esrap@2.1.0:
+    resolution: {integrity: sha512-yzmPNpl7TBbMRC5Lj2JlJZNPml0tzqoqP5B1JXycNUwtqma9AKCO0M2wHrdgsHcy1WRW7S9rJknAMtByg3usgA==}
 
   esrecurse@4.3.0:
     resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
@@ -2108,8 +2114,8 @@ packages:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
     engines: {node: '>=6'}
 
-  known-css-properties@0.36.0:
-    resolution: {integrity: sha512-A+9jP+IUmuQsNdsLdcg6Yt7voiMF/D4K83ew0OpJtpu+l34ef7LaohWV0Rc6KNvzw6ZDizkqfyB5JznZnzuKQA==}
+  known-css-properties@0.37.0:
+    resolution: {integrity: sha512-JCDrsP4Z1Sb9JwG0aJ8Eo2r7k4Ou5MwmThS/6lcIe1ICyb7UBJKGRIUUdqc2ASdE/42lgz6zFUnzAIhtXnBVrQ==}
 
   kolorist@1.8.0:
     resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==}
@@ -2829,8 +2835,8 @@ packages:
       svelte: ^4.0.0 || ^5.0.0-next.0
       typescript: '>=5.0.0'
 
-  svelte-eslint-parser@1.2.0:
-    resolution: {integrity: sha512-mbPtajIeuiyU80BEyGvwAktBeTX7KCr5/0l+uRGLq1dafwRNrjfM5kHGJScEBlPG3ipu6dJqfW/k0/fujvIEVw==}
+  svelte-eslint-parser@1.3.0:
+    resolution: {integrity: sha512-VCgMHKV7UtOGcGLGNFSbmdm6kEKjtzo5nnpGU/mnx4OsFY6bZ7QwRF5DUx+Hokw5Lvdyo8dpk8B1m8mliomrNg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       svelte: ^3.37.0 || ^4.0.0 || ^5.0.0
@@ -2838,8 +2844,8 @@ packages:
       svelte:
         optional: true
 
-  svelte@5.34.8:
-    resolution: {integrity: sha512-TF+8irl7rpj3+fpaLuPRX5BqReTAqckp0Fumxa/mCeK3fo0/MnBb9W/Z2bLwtqj3C3r5Lm6NKIAw7YrgIv1Fwg==}
+  svelte@5.36.8:
+    resolution: {integrity: sha512-8JbZWQu96hMjH/oYQPxXW6taeC6Awl6muGHeZzJTxQx7NGRQ/J9wN1hkzRKLOlSDlbS2igiFg7p5xyTp5uXG3A==}
     engines: {node: '>=18'}
 
   symbol-tree@3.2.4:
@@ -3487,6 +3493,11 @@ snapshots:
       eslint: 9.22.0(jiti@2.4.2)
       eslint-visitor-keys: 3.4.3
 
+  '@eslint-community/eslint-utils@4.7.0(eslint@9.22.0(jiti@2.4.2))':
+    dependencies:
+      eslint: 9.22.0(jiti@2.4.2)
+      eslint-visitor-keys: 3.4.3
+
   '@eslint-community/regexpp@4.12.1': {}
 
   '@eslint/config-array@0.19.2':
@@ -3916,22 +3927,22 @@ snapshots:
     dependencies:
       acorn: 8.14.0
 
-  '@sveltejs/adapter-auto@3.3.1(@sveltejs/kit@2.18.0(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))':
+  '@sveltejs/adapter-auto@3.3.1(@sveltejs/kit@2.18.0(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))':
     dependencies:
-      '@sveltejs/kit': 2.18.0(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))
+      '@sveltejs/kit': 2.18.0(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))
       import-meta-resolve: 4.1.0
 
-  '@sveltejs/adapter-node@5.2.12(@sveltejs/kit@2.18.0(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))':
+  '@sveltejs/adapter-node@5.2.12(@sveltejs/kit@2.18.0(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))':
     dependencies:
       '@rollup/plugin-commonjs': 28.0.2(rollup@4.34.9)
       '@rollup/plugin-json': 6.1.0(rollup@4.34.9)
       '@rollup/plugin-node-resolve': 16.0.0(rollup@4.34.9)
-      '@sveltejs/kit': 2.18.0(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))
+      '@sveltejs/kit': 2.18.0(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))
       rollup: 4.34.9
 
-  '@sveltejs/kit@2.18.0(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))':
+  '@sveltejs/kit@2.18.0(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 4.0.4(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))
+      '@sveltejs/vite-plugin-svelte': 4.0.4(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 5.1.1
@@ -3943,26 +3954,26 @@ snapshots:
       sade: 1.8.1
       set-cookie-parser: 2.7.1
       sirv: 3.0.1
-      svelte: 5.34.8
+      svelte: 5.36.8
       vite: 5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)
 
-  '@sveltejs/vite-plugin-svelte-inspector@3.0.1(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))':
+  '@sveltejs/vite-plugin-svelte-inspector@3.0.1(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 4.0.4(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))
+      '@sveltejs/vite-plugin-svelte': 4.0.4(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))
       debug: 4.4.0
-      svelte: 5.34.8
+      svelte: 5.36.8
       vite: 5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))':
+  '@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 3.0.1(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))
+      '@sveltejs/vite-plugin-svelte-inspector': 3.0.1(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)))(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))
       debug: 4.4.0
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.17
-      svelte: 5.34.8
+      svelte: 5.36.8
       vite: 5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)
       vitefu: 1.0.6(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))
     transitivePeerDependencies:
@@ -4055,10 +4066,10 @@ snapshots:
       lodash: 4.17.21
       redent: 3.0.0
 
-  '@testing-library/svelte@5.2.8(svelte@5.34.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))(vitest@3.1.4)':
+  '@testing-library/svelte@5.2.8(svelte@5.36.8)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))(vitest@3.1.4)':
     dependencies:
       '@testing-library/dom': 10.4.0
-      svelte: 5.34.8
+      svelte: 5.36.8
     optionalDependencies:
       vite: 5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)
       vitest: 3.1.4(@types/node@22.14.1)(@vitest/browser@3.1.4)(jsdom@26.1.0)(lightningcss@1.29.1)
@@ -4607,20 +4618,21 @@ snapshots:
     optionalDependencies:
       eslint-config-prettier: 10.1.1(eslint@9.22.0(jiti@2.4.2))
 
-  eslint-plugin-svelte@3.6.0(eslint@9.22.0(jiti@2.4.2))(svelte@5.34.8):
+  eslint-plugin-svelte@3.11.0(eslint@9.22.0(jiti@2.4.2))(svelte@5.36.8):
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.1(eslint@9.22.0(jiti@2.4.2))
+      '@eslint-community/eslint-utils': 4.7.0(eslint@9.22.0(jiti@2.4.2))
       '@jridgewell/sourcemap-codec': 1.5.0
       eslint: 9.22.0(jiti@2.4.2)
       esutils: 2.0.3
-      known-css-properties: 0.36.0
+      globals: 16.0.0
+      known-css-properties: 0.37.0
       postcss: 8.5.3
       postcss-load-config: 3.1.4(postcss@8.5.3)
       postcss-safe-parser: 7.0.1(postcss@8.5.3)
-      semver: 7.7.1
-      svelte-eslint-parser: 1.2.0(svelte@5.34.8)
+      semver: 7.7.2
+      svelte-eslint-parser: 1.3.0(svelte@5.36.8)
     optionalDependencies:
-      svelte: 5.34.8
+      svelte: 5.36.8
     transitivePeerDependencies:
       - ts-node
 
@@ -4689,7 +4701,7 @@ snapshots:
     dependencies:
       estraverse: 5.3.0
 
-  esrap@1.4.9:
+  esrap@2.1.0:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.0
 
@@ -5084,7 +5096,7 @@ snapshots:
 
   kleur@4.1.5: {}
 
-  known-css-properties@0.36.0: {}
+  known-css-properties@0.37.0: {}
 
   kolorist@1.8.0: {}
 
@@ -5195,14 +5207,14 @@ snapshots:
       unist-util-visit: 5.0.0
       vfile: 6.0.3
 
-  melt@0.36.0(@floating-ui/dom@1.6.13)(svelte@5.34.8):
+  melt@0.36.0(@floating-ui/dom@1.6.13)(svelte@5.36.8):
     dependencies:
       '@floating-ui/dom': 1.6.13
       dequal: 2.0.3
       jest-axe: 9.0.0
       nanoid: 5.1.5
-      runed: 0.23.4(svelte@5.34.8)
-      svelte: 5.34.8
+      runed: 0.23.4(svelte@5.36.8)
+      svelte: 5.36.8
 
   merge2@1.4.1: {}
 
@@ -5461,16 +5473,16 @@ snapshots:
     dependencies:
       fast-diff: 1.3.0
 
-  prettier-plugin-svelte@3.4.0(prettier@3.5.3)(svelte@5.34.8):
+  prettier-plugin-svelte@3.4.0(prettier@3.5.3)(svelte@5.36.8):
     dependencies:
       prettier: 3.5.3
-      svelte: 5.34.8
+      svelte: 5.36.8
 
-  prettier-plugin-tailwindcss@0.6.11(prettier-plugin-svelte@3.4.0(prettier@3.5.3)(svelte@5.34.8))(prettier@3.5.3):
+  prettier-plugin-tailwindcss@0.6.11(prettier-plugin-svelte@3.4.0(prettier@3.5.3)(svelte@5.36.8))(prettier@3.5.3):
     dependencies:
       prettier: 3.5.3
     optionalDependencies:
-      prettier-plugin-svelte: 3.4.0(prettier@3.5.3)(svelte@5.34.8)
+      prettier-plugin-svelte: 3.4.0(prettier@3.5.3)(svelte@5.36.8)
 
   prettier@3.5.3: {}
 
@@ -5611,15 +5623,15 @@ snapshots:
     dependencies:
       queue-microtask: 1.2.3
 
-  runed@0.23.4(svelte@5.34.8):
+  runed@0.23.4(svelte@5.36.8):
     dependencies:
       esm-env: 1.2.2
-      svelte: 5.34.8
+      svelte: 5.36.8
 
-  runed@0.25.0(svelte@5.34.8):
+  runed@0.25.0(svelte@5.36.8):
     dependencies:
       esm-env: 1.2.2
-      svelte: 5.34.8
+      svelte: 5.36.8
 
   rxjs@7.8.2:
     dependencies:
@@ -5749,19 +5761,19 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  svelte-check@4.1.5(picomatch@4.0.2)(svelte@5.34.8)(typescript@5.8.2):
+  svelte-check@4.1.5(picomatch@4.0.2)(svelte@5.36.8)(typescript@5.8.2):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       chokidar: 4.0.3
       fdir: 6.4.3(picomatch@4.0.2)
       picocolors: 1.1.1
       sade: 1.8.1
-      svelte: 5.34.8
+      svelte: 5.36.8
       typescript: 5.8.2
     transitivePeerDependencies:
       - picomatch
 
-  svelte-eslint-parser@1.2.0(svelte@5.34.8):
+  svelte-eslint-parser@1.3.0(svelte@5.36.8):
     dependencies:
       eslint-scope: 8.3.0
       eslint-visitor-keys: 4.2.0
@@ -5770,9 +5782,9 @@ snapshots:
       postcss-scss: 4.0.9(postcss@8.5.3)
       postcss-selector-parser: 7.1.0
     optionalDependencies:
-      svelte: 5.34.8
+      svelte: 5.36.8
 
-  svelte@5.34.8:
+  svelte@5.36.8:
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@jridgewell/sourcemap-codec': 1.5.0
@@ -5783,7 +5795,7 @@ snapshots:
       axobject-query: 4.1.0
       clsx: 2.1.1
       esm-env: 1.2.2
-      esrap: 1.4.9
+      esrap: 2.1.0
       is-reference: 3.0.3
       locate-character: 3.0.0
       magic-string: 0.30.17
@@ -5944,7 +5956,7 @@ snapshots:
       unist-util-is: 6.0.0
       unist-util-visit-parents: 6.0.1
 
-  unplugin-icons@22.1.0(svelte@5.34.8):
+  unplugin-icons@22.1.0(svelte@5.36.8):
     dependencies:
       '@antfu/install-pkg': 1.0.0
       '@iconify/utils': 2.3.0
@@ -5952,7 +5964,7 @@ snapshots:
       local-pkg: 1.1.1
       unplugin: 2.2.0
     optionalDependencies:
-      svelte: 5.34.8
+      svelte: 5.36.8
     transitivePeerDependencies:
       - supports-color
 
@@ -6028,10 +6040,10 @@ snapshots:
     optionalDependencies:
       vite: 5.4.14(@types/node@22.14.1)(lightningcss@1.29.1)
 
-  vitest-browser-svelte@0.1.0(@vitest/browser@3.1.4)(svelte@5.34.8)(vitest@3.1.4):
+  vitest-browser-svelte@0.1.0(@vitest/browser@3.1.4)(svelte@5.36.8)(vitest@3.1.4):
     dependencies:
       '@vitest/browser': 3.1.4(playwright@1.52.0)(vite@5.4.14(@types/node@22.14.1)(lightningcss@1.29.1))(vitest@3.1.4)
-      svelte: 5.34.8
+      svelte: 5.36.8
       vitest: 3.1.4(@types/node@22.14.1)(@vitest/browser@3.1.4)(jsdom@26.1.0)(lightningcss@1.29.1)
 
   vitest@3.1.4(@types/node@22.14.1)(@vitest/browser@3.1.4)(jsdom@26.1.0)(lightningcss@1.29.1):

src/lib/components/billing-indicator.svelte

@@ -0,0 +1,75 @@
+<script lang="ts">
+	import { billing } from "$lib/state/billing.svelte";
+	import IconUser from "~icons/carbon/user";
+	import IconGroup from "~icons/carbon/group";
+	import IconWarning from "~icons/carbon/warning";
+	import IconCheckmark from "~icons/carbon/checkmark";
+
+	interface Props {
+		showModal?: () => void;
+	}
+
+	const { showModal }: Props = $props();
+
+	const statusColor = $derived(() => {
+		if (!billing.organization) return "text-gray-600 dark:text-gray-400";
+		if (billing.validating) return "text-yellow-600 dark:text-yellow-400";
+		if (billing.isValid) return "text-green-600 dark:text-green-400";
+		return "text-red-600 dark:text-red-400";
+	});
+
+	const bgColor = $derived(() => {
+		if (!billing.organization) return "bg-gray-50 dark:bg-gray-800";
+		if (billing.validating) return "bg-yellow-50 dark:bg-yellow-900/20";
+		if (billing.isValid) return "bg-green-50 dark:bg-green-900/20";
+		return "bg-red-50 dark:bg-red-900/20";
+	});
+</script>
+
+<button
+	onclick={showModal}
+	class="flex items-center gap-2 rounded-lg px-3 py-2 text-sm transition-colors hover:bg-gray-100 dark:hover:bg-gray-700 {bgColor}"
+>
+	<!-- Avatar or Icon -->
+	{#if billing.organization && billing.organizationInfo?.avatar && billing.isValid}
+		<img src={billing.organizationInfo.avatar} alt={billing.displayName} class="h-5 w-5 rounded-full" />
+	{:else if billing.organization}
+		<IconGroup class="h-4 w-4 {statusColor}" />
+	{:else}
+		<IconUser class="h-4 w-4 {statusColor}" />
+	{/if}
+
+	<!-- Billing info -->
+	<div class="flex flex-col items-start">
+		<div class="flex items-center gap-1">
+			<span class="font-medium {statusColor}">
+				{billing.displayName}
+			</span>
+
+			<!-- Status indicator -->
+			{#if billing.organization}
+				{#if billing.validating}
+					<div class="h-3 w-3 animate-spin rounded-full border border-yellow-600 border-t-transparent"></div>
+				{:else if billing.isValid}
+					<IconCheckmark class="h-3 w-3 text-green-600 dark:text-green-400" />
+				{:else}
+					<IconWarning class="h-3 w-3 text-red-600 dark:text-red-400" />
+				{/if}
+			{/if}
+		</div>
+
+		<span class="text-xs text-gray-500 dark:text-gray-400">
+			{#if billing.organization}
+				{#if billing.validating}
+					Validating organization...
+				{:else if billing.isValid}
+					Organization billing
+				{:else}
+					Organization not found
+				{/if}
+			{:else}
+				Personal billing
+			{/if}
+		</span>
+	</div>
+</button>

src/lib/components/inference-playground/billing-modal.svelte

@@ -44,17 +44,60 @@
 			</div>
 
 			<!-- Current Status -->
-			<div class="flex items-center gap-2">
-				<div class="h-6 w-1 rounded-full bg-neutral-600"></div>
-				<span class="text-sm font-medium text-neutral-800 dark:text-neutral-300">
-					{#if billing.organization}
-						Currently billing to: <strong>{billing.organization}</strong>
-					{:else}
-						Currently using personal billing
-					{/if}
-				</span>
-			</div>
-
+			{#if billing.organization}
+				{#if billing.validating}
+					<div class="rounded-lg bg-yellow-50 p-3 dark:bg-yellow-900/20">
+						<div class="flex items-center gap-2">
+							<div class="h-3 w-3 animate-spin rounded-full border border-yellow-600 border-t-transparent"></div>
+							<span class="text-sm font-medium text-yellow-800 dark:text-yellow-400">
+								Validating organization: <strong>{billing.organization}</strong>
+							</span>
+						</div>
+					</div>
+				{:else if billing.isValid && billing.organizationInfo}
+					<div class="rounded-lg bg-green-50 p-3 dark:bg-green-900/20">
+						<div class="flex items-center gap-3">
+							{#if billing.organizationInfo.avatar}
+								<img
+									src={billing.organizationInfo.avatar}
+									alt={billing.organizationInfo.displayName}
+									class="h-8 w-8 rounded-full"
+								/>
+							{/if}
+							<div class="flex-1">
+								<div class="flex items-center gap-2">
+									<span class="text-sm font-medium text-green-800 dark:text-green-400">
+										Currently billing to: <strong>{billing.organizationInfo.displayName}</strong>
+									</span>
+								</div>
+								{#if billing.organizationInfo.displayName !== billing.organization}
+									<span class="text-xs text-green-700 dark:text-green-300">
+										({billing.organization})
+									</span>
+								{/if}
+							</div>
+						</div>
+					</div>
+				{:else}
+					<div class="rounded-lg bg-red-50 p-3 dark:bg-red-900/20">
+						<div class="flex items-center gap-2">
+							<div class="h-2 w-2 rounded-full bg-red-500"></div>
+							<span class="text-sm font-medium text-red-800 dark:text-red-400">
+								Organization not found: <strong>{billing.organization}</strong>
+							</span>
+						</div>
+						<p class="mt-1 text-xs text-red-700 dark:text-red-300">
+							Please check the organization name or use personal billing.
+						</p>
+					</div>
+				{/if}
+			{:else}
+				<div class="rounded-lg bg-gray-50 p-3 dark:bg-gray-800">
+					<div class="flex items-center gap-2">
+						<span class="text-sm text-gray-600 dark:text-gray-400"> Currently using personal billing </span>
+					</div>
+				</div>
+			{/if}
 			<!-- Actions -->
 			<div class="flex gap-3 pt-2">
 				{#if billing.organization}

src/lib/components/inference-playground/playground.svelte

@@ -13,7 +13,6 @@
 	import IconInfo from "~icons/carbon/information";
 	import IconSettings from "~icons/carbon/settings";
 	import IconShare from "~icons/carbon/share";
-	import IconReceipt from "~icons/carbon/receipt";
 	import { default as IconDelete } from "~icons/carbon/trash-can";
 	import { showShareModal } from "../share-modal.svelte";
 	import Toaster from "../toaster.svelte";
@@ -26,6 +25,7 @@
 	import ModelSelector from "./model-selector.svelte";
 	import ProjectSelect from "./project-select.svelte";
 	import BillingModal from "./billing-modal.svelte";
+	import BillingIndicator from "../billing-indicator.svelte";
 	import { TEST_IDS } from "$lib/constants.js";
 	import MessageTextarea from "./message-textarea.svelte";
 
@@ -223,13 +223,7 @@
 
 					<div class="mt-auto space-y-3">
 						<div class="flex items-center justify-end">
-							<button
-								onclick={() => (billingModalOpen = true)}
-								class="flex items-center gap-1 text-sm text-gray-500 underline decoration-gray-300 hover:text-gray-800 dark:text-gray-400 dark:decoration-gray-600 dark:hover:text-gray-200"
-							>
-								<IconReceipt class="text-xs" />
-								Billing
-							</button>
+							<BillingIndicator showModal={() => (billingModalOpen = true)} />
 						</div>
 						<div class="flex items-center justify-end gap-4 whitespace-nowrap">
 							<button

src/lib/state/billing.svelte.ts

@@ -1,21 +1,68 @@
 import { PersistedState } from "runed";
+import { validateOrganization, type OrganizationInfo } from "$lib/utils/organization.js";
 
 const STORAGE_KEY = "hf_billing_org";
 
 class Billing {
 	#organization = new PersistedState(STORAGE_KEY, "");
+	#organizationInfo = $state<OrganizationInfo | null>(null);
+	#validating = $state(false);
+
+	constructor() {
+		$effect.root(() => {
+			// Validate organization on initialization if one exists
+			$effect(() => {
+				if (this.#organization.current) {
+					this.validateCurrentOrganization();
+				}
+			});
+		});
+	}
 
 	get organization() {
 		return this.#organization.current;
 	}
 
+	get organizationInfo() {
+		return this.#organizationInfo;
+	}
+
+	get validating() {
+		return this.#validating;
+	}
+
+	get displayName() {
+		if (!this.#organization.current) return "Personal Account";
+		return this.#organizationInfo?.displayName || this.#organization.current;
+	}
+
+	get isValid() {
+		if (!this.#organization.current) return true; // Personal account is always valid
+		return this.#organizationInfo?.isValid ?? false;
+	}
+
 	set organization(org: string) {
 		this.#organization.current = org;
+		this.validateCurrentOrganization();
+	}
+
+	private async validateCurrentOrganization() {
+		if (!this.#organization.current) {
+			this.#organizationInfo = null;
+			return;
+		}
+
+		this.#validating = true;
+		try {
+			this.#organizationInfo = await validateOrganization(this.#organization.current);
+		} finally {
+			this.#validating = false;
+		}
 	}
 
 	reset = () => {
 		this.organization = "";
-		localStorage.removeItem(STORAGE_KEY);
+		this.#organizationInfo = null;
 	};
 }
 

src/lib/utils/organization.ts

@@ -0,0 +1,66 @@
+export interface OrganizationInfo {
+	name: string;
+	displayName: string;
+	avatar?: string;
+	isValid: boolean;
+}
+
+const orgCache = new Map<string, OrganizationInfo>();
+
+export async function validateOrganization(orgName: string): Promise<OrganizationInfo> {
+	if (!orgName.trim()) {
+		return {
+			name: "",
+			displayName: "Personal Account",
+			isValid: false,
+		};
+	}
+
+	// Check cache first
+	if (orgCache.has(orgName)) {
+		return orgCache.get(orgName)!;
+	}
+
+	try {
+		const response = await fetch(`https://huggingface.co/api/organizations/${orgName}/overview`);
+
+		if (response.ok) {
+			const data = await response.json();
+			const orgInfo: OrganizationInfo = {
+				name: orgName,
+				displayName: data.displayName || orgName,
+				avatar: data.avatar || `https://huggingface.co/api/organizations/${orgName}/avatar`,
+				isValid: true,
+			};
+
+			// Cache the result
+			orgCache.set(orgName, orgInfo);
+			return orgInfo;
+		} else {
+			const orgInfo: OrganizationInfo = {
+				name: orgName,
+				displayName: orgName,
+				isValid: false,
+			};
+
+			// Cache invalid result for a short time
+			orgCache.set(orgName, orgInfo);
+			return orgInfo;
+		}
+	} catch (error) {
+		console.warn(`Failed to validate organization ${orgName}:`, error);
+		const orgInfo: OrganizationInfo = {
+			name: orgName,
+			displayName: orgName,
+			isValid: false,
+		};
+
+		// Cache error result
+		orgCache.set(orgName, orgInfo);
+		return orgInfo;
+	}
+}
+
+export function clearOrganizationCache() {
+	orgCache.clear();
+}

svelte.config.js

@@ -13,6 +13,12 @@ const config = {
 		// See https://kit.svelte.dev/docs/adapters for more information about adapters.
 		adapter: adapter(),
 	},
+
+	compilerOptions: {
+		experimental: {
+			async: true,
+		},
+	},
 };
 
 export default config;