From a02d2ebfd7889cd7e9be50f2a8a9a6d9d225f3b2 Mon Sep 17 00:00:00 2001
From: Shubham Anand Gupta <81542648+shubhattin@users.noreply.github.com>
Date: Thu, 24 Oct 2024 12:12:16 +0530
Subject: [PATCH 1/5] init

---
 package.json                       |   4 +-
 pnpm-lock.yaml                     | 228 ++++++++++++++---------------
 src/components/ImageSpan.svelte    |  12 +-
 src/components/Modal.svelte        |  69 +++++----
 src/components/PreviewExcel.svelte |  18 ++-
 src/components/Select.svelte       |  56 ++++---
 src/components/ThemeChanger.svelte |   6 +-
 src/components/TopAppBar.svelte    |  44 +++---
 8 files changed, 232 insertions(+), 205 deletions(-)

diff --git a/package.json b/package.json
index c9a49048..4e090cc9 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,7 @@
     "@sveltejs/adapter-auto": "^3.2.5",
     "@sveltejs/adapter-vercel": "^5.4.5",
     "@sveltejs/kit": "^2.7.1",
-    "@sveltejs/vite-plugin-svelte": "^3.1.2",
+    "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "@tanstack/svelte-query-devtools": "^5.59.13",
     "@types/cli-progress": "^3.11.6",
     "@types/js-yaml": "^4.0.9",
@@ -40,7 +40,7 @@
     "prettier": "^3.3.3",
     "prettier-plugin-svelte": "^3.2.7",
     "sass": "1.78.0",
-    "svelte": "^4.2.19",
+    "svelte": "^5.0.5",
     "svelte-check": "^4.0.5",
     "trpc-sveltekit": "^3.6.2",
     "tslib": "^2.8.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index bb19fce1..3c4bd961 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -25,7 +25,7 @@ importers:
         version: 0.9.5
       '@skeletonlabs/skeleton':
         specifier: ^2.10.2
-        version: 2.10.2(svelte@4.2.19)
+        version: 2.10.2(svelte@5.0.5)
       '@skeletonlabs/tw-plugin':
         specifier: ^0.4.0
         version: 0.4.0(tailwindcss@3.4.14)
@@ -34,7 +34,7 @@ importers:
         version: 0.5.9(tailwindcss@3.4.14)
       '@tanstack/svelte-query':
         specifier: ^5.59.13
-        version: 5.59.13(svelte@4.2.19)
+        version: 5.59.13(svelte@5.0.5)
       '@trpc/client':
         specifier: ^10.45.2
         version: 10.45.2(@trpc/server@10.45.2)
@@ -46,7 +46,7 @@ importers:
         version: 0.7.34
       ai:
         specifier: ^3.4.16
-        version: 3.4.16(openai@4.68.1(zod@3.23.8))(react@18.3.1)(sswr@2.1.0(svelte@4.2.19))(svelte@4.2.19)(vue@3.5.12(typescript@5.6.3))(zod@3.23.8)
+        version: 3.4.16(openai@4.68.1(zod@3.23.8))(react@18.3.1)(sswr@2.1.0(svelte@5.0.5))(svelte@5.0.5)(vue@3.5.12(typescript@5.6.3))(zod@3.23.8)
       autoprefixer:
         specifier: ^10.4.20
         version: 10.4.20(postcss@8.4.47)
@@ -76,7 +76,7 @@ importers:
         version: 3.10.1
       mode-watcher:
         specifier: ^0.4.1
-        version: 0.4.1(svelte@4.2.19)
+        version: 0.4.1(svelte@5.0.5)
       ms:
         specifier: ^2.1.3
         version: 2.1.3
@@ -91,13 +91,13 @@ importers:
         version: 6.0.1(jiti@1.21.6)(postcss@8.4.47)(tsx@4.19.1)(yaml@2.6.0)
       prettier-plugin-tailwindcss:
         specifier: ^0.6.8
-        version: 0.6.8(prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@4.2.19))(prettier@3.3.3)
+        version: 0.6.8(prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@5.0.5))(prettier@3.3.3)
       superjson:
         specifier: ^2.2.1
         version: 2.2.1
       svelte-icons-pack:
         specifier: ^3.1.3
-        version: 3.1.3(svelte@4.2.19)
+        version: 3.1.3(svelte@5.0.5)
       tailwind-merge:
         specifier: ^2.5.4
         version: 2.5.4
@@ -106,7 +106,7 @@ importers:
         version: 3.4.14
       trpc-svelte-query:
         specifier: ^2.1.0
-        version: 2.1.0(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(@tanstack/svelte-query@5.59.13(svelte@4.2.19))(@trpc/client@10.45.2(@trpc/server@10.45.2))(@trpc/server@10.45.2)(svelte@4.2.19)
+        version: 2.1.0(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(@tanstack/svelte-query@5.59.13(svelte@5.0.5))(@trpc/client@10.45.2(@trpc/server@10.45.2))(@trpc/server@10.45.2)(svelte@5.0.5)
       vite-plugin-tailwind-purgecss:
         specifier: ^0.3.3
         version: 0.3.3(tailwindcss@3.4.14)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
@@ -119,19 +119,19 @@ importers:
         version: 1.1.0(rollup@4.24.0)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
       '@sveltejs/adapter-auto':
         specifier: ^3.2.5
-        version: 3.2.5(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))
+        version: 3.2.5(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))
       '@sveltejs/adapter-vercel':
         specifier: ^5.4.5
-        version: 5.4.5(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))
+        version: 5.4.5(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))
       '@sveltejs/kit':
         specifier: ^2.7.1
-        version: 2.7.2(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
+        version: 2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
       '@sveltejs/vite-plugin-svelte':
-        specifier: ^3.1.2
-        version: 3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
+        specifier: ^4.0.0
+        version: 4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
       '@tanstack/svelte-query-devtools':
         specifier: ^5.59.13
-        version: 5.59.13(@tanstack/svelte-query@5.59.13(svelte@4.2.19))(svelte@4.2.19)
+        version: 5.59.13(@tanstack/svelte-query@5.59.13(svelte@5.0.5))(svelte@5.0.5)
       '@types/cli-progress':
         specifier: ^3.11.6
         version: 3.11.6
@@ -176,19 +176,19 @@ importers:
         version: 3.3.3
       prettier-plugin-svelte:
         specifier: ^3.2.7
-        version: 3.2.7(prettier@3.3.3)(svelte@4.2.19)
+        version: 3.2.7(prettier@3.3.3)(svelte@5.0.5)
       sass:
         specifier: 1.78.0
         version: 1.78.0
       svelte:
-        specifier: ^4.2.19
-        version: 4.2.19
+        specifier: ^5.0.5
+        version: 5.0.5
       svelte-check:
         specifier: ^4.0.5
-        version: 4.0.5(picomatch@4.0.2)(svelte@4.2.19)(typescript@5.6.3)
+        version: 4.0.5(picomatch@4.0.2)(svelte@5.0.5)(typescript@5.6.3)
       trpc-sveltekit:
         specifier: ^3.6.2
-        version: 3.6.2(@sveltejs/adapter-node@5.2.8(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))))(@trpc/client@10.45.2(@trpc/server@10.45.2))(@trpc/server@10.45.2)(ws@8.18.0)
+        version: 3.6.2(@sveltejs/adapter-node@5.2.8(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))))(@trpc/client@10.45.2(@trpc/server@10.45.2))(@trpc/server@10.45.2)(ws@8.18.0)
       tslib:
         specifier: ^2.8.0
         version: 2.8.0
@@ -1108,19 +1108,19 @@ packages:
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.3
 
-  '@sveltejs/vite-plugin-svelte-inspector@2.1.0':
-    resolution: {integrity: sha512-9QX28IymvBlSCqsCll5t0kQVxipsfhFFL+L2t3nTWfXnddYwxBuAEtTtlaVQpRz9c37BhJjltSeY4AJSC03SSg==}
-    engines: {node: ^18.0.0 || >=20}
+  '@sveltejs/vite-plugin-svelte-inspector@3.0.1':
+    resolution: {integrity: sha512-2CKypmj1sM4GE7HjllT7UKmo4Q6L5xFRd7VMGEWhYnZ+wc6AUVU01IBd7yUi6WnFndEwWoMNOd6e8UjoN0nbvQ==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22}
     peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^3.0.0
-      svelte: ^4.0.0 || ^5.0.0-next.0
+      '@sveltejs/vite-plugin-svelte': ^4.0.0-next.0||^4.0.0
+      svelte: ^5.0.0-next.96 || ^5.0.0
       vite: ^5.0.0
 
-  '@sveltejs/vite-plugin-svelte@3.1.2':
-    resolution: {integrity: sha512-Txsm1tJvtiYeLUVRNqxZGKR/mI+CzuIQuc2gn+YCs9rMTowpNZ2Nqt53JdL8KF9bLhAf2ruR/dr9eZCwdTriRA==}
-    engines: {node: ^18.0.0 || >=20}
+  '@sveltejs/vite-plugin-svelte@4.0.0':
+    resolution: {integrity: sha512-kpVJwF+gNiMEsoHaw+FJL76IYiwBikkxYU83+BpqQLdVMff19KeRKLd2wisS8niNBMJ2omv5gG+iGDDwd8jzag==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22}
     peerDependencies:
-      svelte: ^4.0.0 || ^5.0.0-next.0
+      svelte: ^5.0.0-next.96 || ^5.0.0
       vite: ^5.0.0
 
   '@tailwindcss/forms@0.5.9':
@@ -1290,6 +1290,11 @@ packages:
     peerDependencies:
       acorn: ^8
 
+  acorn-typescript@1.4.13:
+    resolution: {integrity: sha512-xsc9Xv0xlVfwp2o7sQ+GCQ1PgbkdcpWdTzrwXxO3xDMTAywVS3oXVOcOHuRjAPkS4P9b+yc/qNF15460v+jp4Q==}
+    peerDependencies:
+      acorn: '>=8.9.0'
+
   acorn-walk@8.3.4:
     resolution: {integrity: sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==}
     engines: {node: '>=0.4.0'}
@@ -1516,9 +1521,6 @@ packages:
     resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
     engines: {node: '>=6'}
 
-  code-red@1.0.4:
-    resolution: {integrity: sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==}
-
   color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
     engines: {node: '>=7.0.0'}
@@ -1842,6 +1844,9 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
+  esrap@1.2.2:
+    resolution: {integrity: sha512-F2pSJklxx1BlQIQgooczXCPHmcWpn6EsP5oo73LQfonG9fIlIENQ8vMmfGXeojP9MrkzUNAfyU5vdFlR9shHAw==}
+
   estraverse@5.3.0:
     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
     engines: {node: '>=4.0'}
@@ -2389,9 +2394,6 @@ packages:
     resolution: {integrity: sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA==}
     engines: {node: '>= 14.16'}
 
-  periscopic@3.1.0:
-    resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
-
   pg-int8@1.0.1:
     resolution: {integrity: sha512-WCtabS6t3c8SkpDBUlb1kjOs7l66xsGdKpIPZsg4wR+B3+u9UAum2odSsF9tnvxg80h4ZxLWMy4pRjOsFIqQpw==}
     engines: {node: '>=4.0.0'}
@@ -2802,20 +2804,14 @@ packages:
       svelte: ^4.0.0 || ^5.0.0-next.0
       typescript: '>=5.0.0'
 
-  svelte-hmr@0.16.0:
-    resolution: {integrity: sha512-Gyc7cOS3VJzLlfj7wKS0ZnzDVdv3Pn2IuVeJPk9m2skfhcu5bq3wtIZyQGggr7/Iim5rH5cncyQft/kRLupcnA==}
-    engines: {node: ^12.20 || ^14.13.1 || >= 16}
-    peerDependencies:
-      svelte: ^3.19.0 || ^4.0.0
-
   svelte-icons-pack@3.1.3:
     resolution: {integrity: sha512-sJ/ZiFkbim5zfU+T8V/kEendOluEYtJ7rp207Gc2c/NFgaj4CvWScUbuiByZrdf3Xm8n731Fug36IiXuLTkR9A==}
     peerDependencies:
       svelte: ^3.44.0 || ^4.0.0 || ^5.0.0-next.1
 
-  svelte@4.2.19:
-    resolution: {integrity: sha512-IY1rnGr6izd10B0A8LqsBfmlT5OILVuZ7XsI0vdGPEvuonFV7NYEUK4dAkm9Zg2q0Um92kYjTpS1CAP3Nh/KWw==}
-    engines: {node: '>=16'}
+  svelte@5.0.5:
+    resolution: {integrity: sha512-f4WBlP5g8W6pEoDfx741lewMlemy+LIGpEqjGPWqnHVP92wqlQXl87U5O5Bi2tkSUrO95OxOoqwU8qlqiHmFKA==}
+    engines: {node: '>=18'}
 
   swr@2.2.5:
     resolution: {integrity: sha512-QtxqyclFeAsxEUeZIYmsaQ0UjimSq1RZ9Un7I68/0ClKK/U3LoyQunwkQfJZr2fc22DfIXLNDc2wFyTEikCUpg==}
@@ -3024,10 +3020,10 @@ packages:
       terser:
         optional: true
 
-  vitefu@0.2.5:
-    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
+  vitefu@1.0.3:
+    resolution: {integrity: sha512-iKKfOMBHob2WxEJbqbJjHAkmYgvFDPhuqrO82om83S8RLk+17FtyMBfcyeH8GqD0ihShtkMW/zzJgiA51hCNCQ==}
     peerDependencies:
-      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0-beta.0
     peerDependenciesMeta:
       vite:
         optional: true
@@ -3146,6 +3142,9 @@ packages:
     engines: {node: '>= 14'}
     hasBin: true
 
+  zimmerframe@1.1.2:
+    resolution: {integrity: sha512-rAbqEGa8ovJy4pyBxZM70hg4pE6gDgaQ0Sl9M3enG3I0d6H4XSAM3GeNGLKnsBpuijUow064sf7ww1nutC5/3w==}
+
   zip-stream@4.1.1:
     resolution: {integrity: sha512-9qv4rlDiopXg4E69k+vMHjNN63YFMe9sZMrdlvKnCjlCRWeCBswPPMPUfx+ipsAWq1LXHe70RcbaHdJJpS6hyQ==}
     engines: {node: '>= 10'}
@@ -3195,13 +3194,13 @@ snapshots:
     transitivePeerDependencies:
       - zod
 
-  '@ai-sdk/svelte@0.0.52(svelte@4.2.19)(zod@3.23.8)':
+  '@ai-sdk/svelte@0.0.52(svelte@5.0.5)(zod@3.23.8)':
     dependencies:
       '@ai-sdk/provider-utils': 1.0.20(zod@3.23.8)
       '@ai-sdk/ui-utils': 0.0.46(zod@3.23.8)
-      sswr: 2.1.0(svelte@4.2.19)
+      sswr: 2.1.0(svelte@5.0.5)
     optionalDependencies:
-      svelte: 4.2.19
+      svelte: 5.0.5
     transitivePeerDependencies:
       - zod
 
@@ -3738,40 +3737,40 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.24.0':
     optional: true
 
-  '@skeletonlabs/skeleton@2.10.2(svelte@4.2.19)':
+  '@skeletonlabs/skeleton@2.10.2(svelte@5.0.5)':
     dependencies:
       esm-env: 1.0.0
-      svelte: 4.2.19
+      svelte: 5.0.5
 
   '@skeletonlabs/tw-plugin@0.4.0(tailwindcss@3.4.14)':
     dependencies:
       tailwindcss: 3.4.14
 
-  '@sveltejs/adapter-auto@3.2.5(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))':
+  '@sveltejs/adapter-auto@3.2.5(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))':
     dependencies:
-      '@sveltejs/kit': 2.7.2(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
+      '@sveltejs/kit': 2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
       import-meta-resolve: 4.1.0
 
-  '@sveltejs/adapter-node@5.2.8(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))':
+  '@sveltejs/adapter-node@5.2.8(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))':
     dependencies:
       '@rollup/plugin-commonjs': 28.0.1(rollup@4.24.0)
       '@rollup/plugin-json': 6.1.0(rollup@4.24.0)
       '@rollup/plugin-node-resolve': 15.3.0(rollup@4.24.0)
-      '@sveltejs/kit': 2.7.2(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
+      '@sveltejs/kit': 2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
       rollup: 4.24.0
 
-  '@sveltejs/adapter-vercel@5.4.5(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))':
+  '@sveltejs/adapter-vercel@5.4.5(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))':
     dependencies:
-      '@sveltejs/kit': 2.7.2(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
+      '@sveltejs/kit': 2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
       '@vercel/nft': 0.27.4
       esbuild: 0.21.5
     transitivePeerDependencies:
       - encoding
       - supports-color
 
-  '@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))':
+  '@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
+      '@sveltejs/vite-plugin-svelte': 4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 5.1.1
@@ -3783,30 +3782,29 @@ snapshots:
       sade: 1.8.1
       set-cookie-parser: 2.7.0
       sirv: 3.0.0
-      svelte: 4.2.19
+      svelte: 5.0.5
       tiny-glob: 0.2.9
       vite: 5.4.9(@types/node@22.7.7)(sass@1.78.0)
 
-  '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))':
+  '@sveltejs/vite-plugin-svelte-inspector@3.0.1(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
+      '@sveltejs/vite-plugin-svelte': 4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
       debug: 4.3.7
-      svelte: 4.2.19
+      svelte: 5.0.5
       vite: 5.4.9(@types/node@22.7.7)(sass@1.78.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))':
+  '@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
+      '@sveltejs/vite-plugin-svelte-inspector': 3.0.1(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
       debug: 4.3.7
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.12
-      svelte: 4.2.19
-      svelte-hmr: 0.16.0(svelte@4.2.19)
+      svelte: 5.0.5
       vite: 5.4.9(@types/node@22.7.7)(sass@1.78.0)
-      vitefu: 0.2.5(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
+      vitefu: 1.0.3(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
     transitivePeerDependencies:
       - supports-color
 
@@ -3819,17 +3817,17 @@ snapshots:
 
   '@tanstack/query-devtools@5.58.0': {}
 
-  '@tanstack/svelte-query-devtools@5.59.13(@tanstack/svelte-query@5.59.13(svelte@4.2.19))(svelte@4.2.19)':
+  '@tanstack/svelte-query-devtools@5.59.13(@tanstack/svelte-query@5.59.13(svelte@5.0.5))(svelte@5.0.5)':
     dependencies:
       '@tanstack/query-devtools': 5.58.0
-      '@tanstack/svelte-query': 5.59.13(svelte@4.2.19)
+      '@tanstack/svelte-query': 5.59.13(svelte@5.0.5)
       esm-env: 1.0.0
-      svelte: 4.2.19
+      svelte: 5.0.5
 
-  '@tanstack/svelte-query@5.59.13(svelte@4.2.19)':
+  '@tanstack/svelte-query@5.59.13(svelte@5.0.5)':
     dependencies:
       '@tanstack/query-core': 5.59.13
-      svelte: 4.2.19
+      svelte: 5.0.5
 
   '@tootallnate/once@2.0.0':
     optional: true
@@ -4030,6 +4028,10 @@ snapshots:
     dependencies:
       acorn: 8.13.0
 
+  acorn-typescript@1.4.13(acorn@8.13.0):
+    dependencies:
+      acorn: 8.13.0
+
   acorn-walk@8.3.4:
     dependencies:
       acorn: 8.13.0
@@ -4047,13 +4049,13 @@ snapshots:
     dependencies:
       humanize-ms: 1.2.1
 
-  ai@3.4.16(openai@4.68.1(zod@3.23.8))(react@18.3.1)(sswr@2.1.0(svelte@4.2.19))(svelte@4.2.19)(vue@3.5.12(typescript@5.6.3))(zod@3.23.8):
+  ai@3.4.16(openai@4.68.1(zod@3.23.8))(react@18.3.1)(sswr@2.1.0(svelte@5.0.5))(svelte@5.0.5)(vue@3.5.12(typescript@5.6.3))(zod@3.23.8):
     dependencies:
       '@ai-sdk/provider': 0.0.24
       '@ai-sdk/provider-utils': 1.0.20(zod@3.23.8)
       '@ai-sdk/react': 0.0.64(react@18.3.1)(zod@3.23.8)
       '@ai-sdk/solid': 0.0.50(zod@3.23.8)
-      '@ai-sdk/svelte': 0.0.52(svelte@4.2.19)(zod@3.23.8)
+      '@ai-sdk/svelte': 0.0.52(svelte@5.0.5)(zod@3.23.8)
       '@ai-sdk/ui-utils': 0.0.46(zod@3.23.8)
       '@ai-sdk/vue': 0.0.55(vue@3.5.12(typescript@5.6.3))(zod@3.23.8)
       '@opentelemetry/api': 1.9.0
@@ -4066,8 +4068,8 @@ snapshots:
     optionalDependencies:
       openai: 4.68.1(zod@3.23.8)
       react: 18.3.1
-      sswr: 2.1.0(svelte@4.2.19)
-      svelte: 4.2.19
+      sswr: 2.1.0(svelte@5.0.5)
+      svelte: 5.0.5
       zod: 3.23.8
     transitivePeerDependencies:
       - solid-js
@@ -4275,14 +4277,6 @@ snapshots:
 
   clsx@2.1.1: {}
 
-  code-red@1.0.4:
-    dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.0
-      '@types/estree': 1.0.6
-      acorn: 8.13.0
-      estree-walker: 3.0.3
-      periscopic: 3.1.0
-
   color-convert@2.0.1:
     dependencies:
       color-name: 1.1.4
@@ -4577,6 +4571,11 @@ snapshots:
   esprima@4.0.1:
     optional: true
 
+  esrap@1.2.2:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.0
+      '@types/estree': 1.0.6
+
   estraverse@5.3.0:
     optional: true
 
@@ -5009,9 +5008,9 @@ snapshots:
 
   mkdirp@1.0.4: {}
 
-  mode-watcher@0.4.1(svelte@4.2.19):
+  mode-watcher@0.4.1(svelte@5.0.5):
     dependencies:
-      svelte: 4.2.19
+      svelte: 5.0.5
 
   mri@1.2.0: {}
 
@@ -5112,12 +5111,6 @@ snapshots:
 
   pathval@2.0.0: {}
 
-  periscopic@3.1.0:
-    dependencies:
-      '@types/estree': 1.0.6
-      estree-walker: 3.0.3
-      is-reference: 3.0.2
-
   pg-int8@1.0.1: {}
 
   pg-numeric@1.0.2: {}
@@ -5204,16 +5197,16 @@ snapshots:
 
   postgres@3.4.4: {}
 
-  prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@4.2.19):
+  prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@5.0.5):
     dependencies:
       prettier: 3.3.3
-      svelte: 4.2.19
+      svelte: 5.0.5
 
-  prettier-plugin-tailwindcss@0.6.8(prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@4.2.19))(prettier@3.3.3):
+  prettier-plugin-tailwindcss@0.6.8(prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@5.0.5))(prettier@3.3.3):
     dependencies:
       prettier: 3.3.3
     optionalDependencies:
-      prettier-plugin-svelte: 3.2.7(prettier@3.3.3)(svelte@4.2.19)
+      prettier-plugin-svelte: 3.2.7(prettier@3.3.3)(svelte@5.0.5)
 
   prettier@3.3.3: {}
 
@@ -5406,9 +5399,9 @@ snapshots:
 
   source-map@0.6.1: {}
 
-  sswr@2.1.0(svelte@4.2.19):
+  sswr@2.1.0(svelte@5.0.5):
     dependencies:
-      svelte: 4.2.19
+      svelte: 5.0.5
       swrev: 4.0.0
 
   stackback@0.0.2: {}
@@ -5459,42 +5452,37 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  svelte-check@4.0.5(picomatch@4.0.2)(svelte@4.2.19)(typescript@5.6.3):
+  svelte-check@4.0.5(picomatch@4.0.2)(svelte@5.0.5)(typescript@5.6.3):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       chokidar: 4.0.1
       fdir: 6.4.2(picomatch@4.0.2)
       picocolors: 1.1.1
       sade: 1.8.1
-      svelte: 4.2.19
+      svelte: 5.0.5
       typescript: 5.6.3
     transitivePeerDependencies:
       - picomatch
 
-  svelte-hmr@0.16.0(svelte@4.2.19):
+  svelte-icons-pack@3.1.3(svelte@5.0.5):
     dependencies:
-      svelte: 4.2.19
+      svelte: 5.0.5
 
-  svelte-icons-pack@3.1.3(svelte@4.2.19):
-    dependencies:
-      svelte: 4.2.19
-
-  svelte@4.2.19:
+  svelte@5.0.5:
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@jridgewell/sourcemap-codec': 1.5.0
-      '@jridgewell/trace-mapping': 0.3.25
       '@types/estree': 1.0.6
       acorn: 8.13.0
+      acorn-typescript: 1.4.13(acorn@8.13.0)
       aria-query: 5.3.2
       axobject-query: 4.1.0
-      code-red: 1.0.4
-      css-tree: 2.3.1
-      estree-walker: 3.0.3
+      esm-env: 1.0.0
+      esrap: 1.2.2
       is-reference: 3.0.2
       locate-character: 3.0.0
       magic-string: 0.30.12
-      periscopic: 3.1.0
+      zimmerframe: 1.1.2
 
   swr@2.2.5(react@18.3.1):
     dependencies:
@@ -5614,18 +5602,18 @@ snapshots:
 
   traverse@0.3.9: {}
 
-  trpc-svelte-query@2.1.0(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(@tanstack/svelte-query@5.59.13(svelte@4.2.19))(@trpc/client@10.45.2(@trpc/server@10.45.2))(@trpc/server@10.45.2)(svelte@4.2.19):
+  trpc-svelte-query@2.1.0(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(@tanstack/svelte-query@5.59.13(svelte@5.0.5))(@trpc/client@10.45.2(@trpc/server@10.45.2))(@trpc/server@10.45.2)(svelte@5.0.5):
     dependencies:
-      '@sveltejs/kit': 2.7.2(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
-      '@tanstack/svelte-query': 5.59.13(svelte@4.2.19)
+      '@sveltejs/kit': 2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
+      '@tanstack/svelte-query': 5.59.13(svelte@5.0.5)
       '@trpc/client': 10.45.2(@trpc/server@10.45.2)
       '@trpc/server': 10.45.2
       esm-env: 1.0.0
-      svelte: 4.2.19
+      svelte: 5.0.5
 
-  trpc-sveltekit@3.6.2(@sveltejs/adapter-node@5.2.8(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))))(@trpc/client@10.45.2(@trpc/server@10.45.2))(@trpc/server@10.45.2)(ws@8.18.0):
+  trpc-sveltekit@3.6.2(@sveltejs/adapter-node@5.2.8(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))))(@trpc/client@10.45.2(@trpc/server@10.45.2))(@trpc/server@10.45.2)(ws@8.18.0):
     dependencies:
-      '@sveltejs/adapter-node': 5.2.8(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))
+      '@sveltejs/adapter-node': 5.2.8(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))
       '@trpc/client': 10.45.2(@trpc/server@10.45.2)
       '@trpc/server': 10.45.2
       ws: 8.18.0
@@ -5720,7 +5708,7 @@ snapshots:
       fsevents: 2.3.3
       sass: 1.78.0
 
-  vitefu@0.2.5(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)):
+  vitefu@1.0.3(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)):
     optionalDependencies:
       vite: 5.4.9(@types/node@22.7.7)(sass@1.78.0)
 
@@ -5839,6 +5827,8 @@ snapshots:
 
   yaml@2.6.0: {}
 
+  zimmerframe@1.1.2: {}
+
   zip-stream@4.1.1:
     dependencies:
       archiver-utils: 3.0.4
diff --git a/src/components/ImageSpan.svelte b/src/components/ImageSpan.svelte
index d8488bb5..6ce1fb72 100644
--- a/src/components/ImageSpan.svelte
+++ b/src/components/ImageSpan.svelte
@@ -1,8 +1,12 @@
 <script lang="ts">
   import { cl_join } from '~/tools/cl_join';
-  let className = '';
-  export { className as class };
-  export let src: string;
+  
+  interface Props {
+    class?: string;
+    src: string;
+  }
+
+  let { class: className = '', src }: Props = $props();
 </script>
 
-<span class={cl_join('inline-block bg-cover', className)} style:background-image={`url(${src})`} />
+<span class={cl_join('inline-block bg-cover', className)} style:background-image={`url(${src})`}></span>
diff --git a/src/components/Modal.svelte b/src/components/Modal.svelte
index 126a39f0..66e506ac 100644
--- a/src/components/Modal.svelte
+++ b/src/components/Modal.svelte
@@ -1,24 +1,39 @@
 <script lang="ts">
   import { cl_join } from '~/tools/cl_join';
-  import { onDestroy, onMount } from 'svelte';
-  import { type Writable } from 'svelte/store';
-  import { scale, slide, fly } from 'svelte/transition';
+  import { onMount } from 'svelte';
+  import { scale, slide } from 'svelte/transition';
   import { AiOutlineClose } from 'svelte-icons-pack/ai';
   import Icon from '~/tools/Icon.svelte';
+  import { untrack } from 'svelte';
 
-  let className: string | null = null!;
-  export { className as class };
-  export let outterClass: string | null = null!;
-  export let modal_open: Writable<boolean>;
-  export let cancel_btn_txt: string | null = null!;
-  export let confirm_btn_txt: string | null = null!;
-  export let onOpen: () => void = null!;
-  export let onClose: () => void = null!;
-  export let onConfirm: () => void = null!;
-  export let close_on_click_outside = true;
+  interface Props {
+    class?: string | null;
+    outterClass?: string | null;
+    modal_open: boolean;
+    cancel_btn_txt?: string | null;
+    confirm_btn_txt?: string | null;
+    onOpen?: () => void;
+    onClose?: () => void;
+    onConfirm?: () => void;
+    close_on_click_outside?: boolean;
+    children?: import('svelte').Snippet;
+  }
 
-  let modalElement: HTMLElement;
-  let opened = false;
+  let {
+    class: className = null!,
+    outterClass = null!,
+    modal_open = $bindable(),
+    cancel_btn_txt = null!,
+    confirm_btn_txt = null!,
+    onOpen = null!,
+    onClose = null!,
+    onConfirm = null!,
+    close_on_click_outside = true,
+    children
+  }: Props = $props();
+
+  let modalElement = $state<HTMLElement>();
+  let opened = $state(false);
 
   const lockScroll = () => {
     document.body.style.overflow = 'hidden';
@@ -29,13 +44,13 @@
   };
 
   const animationDuration = 400;
-  let is_closing = false; // to fix transition not being displayed while exiting
+  let is_closing = $state(false); // to fix transition not being displayed while exiting
   let visibleModal: HTMLElement | null = null;
 
   const openModal = () => {
     if (opened) return;
     setTimeout(() => {
-      visibleModal = modalElement;
+      modalElement && (visibleModal = modalElement);
     }, animationDuration);
     opened = true;
     lockScroll();
@@ -49,7 +64,7 @@
       opened = false;
       is_closing = false;
       unlockScroll();
-      $modal_open = false;
+      modal_open = false;
       if (onClose) onClose();
     }, animationDuration);
   };
@@ -70,12 +85,10 @@
       }
     });
   });
-  const mode_open_unsubscriber = modal_open.subscribe((value) => {
-    if (value && !opened) openModal();
-    else if (!value && opened) closeModal();
-  });
-  onDestroy(() => {
-    mode_open_unsubscriber();
+  $effect(() => {
+    const _opened = untrack(() => opened);
+    if (modal_open && !_opened) openModal();
+    else if (!modal_open && _opened) closeModal();
   });
 </script>
 
@@ -99,22 +112,22 @@
         <button
           aria-label="Close"
           class="absolute cursor-pointer text-gray-500 hover:text-gray-700"
-          on:click={closeModal}><Icon src={AiOutlineClose} /></button
+          onclick={closeModal}><Icon src={AiOutlineClose} /></button
         >
       </div>
       <article class="overflow-scroll rounded-lg bg-white p-3 pt-2 shadow-lg dark:bg-gray-800">
-        <slot />
+        {@render children?.()}
         {#if cancel_btn_txt || confirm_btn_txt}
           <footer class="mt-4 flex justify-end space-x-2">
             {#if cancel_btn_txt}
-              <button class="variant-outline-error btn rounded-lg px-2.5 py-2" on:click={closeModal}
+              <button class="variant-outline-error btn rounded-lg px-2.5 py-2" onclick={closeModal}
                 >{cancel_btn_txt}</button
               >
             {/if}
             {#if confirm_btn_txt}
               <button
                 class="variant-filled-secondary btn rounded-lg px-2.5 py-2"
-                on:click={() => {
+                onclick={() => {
                   closeModal();
                   if (onConfirm) onConfirm();
                 }}>{confirm_btn_txt}</button
diff --git a/src/components/PreviewExcel.svelte b/src/components/PreviewExcel.svelte
index 7429cd16..1a614fe3 100644
--- a/src/components/PreviewExcel.svelte
+++ b/src/components/PreviewExcel.svelte
@@ -9,12 +9,16 @@
   import { get_text_font_class } from '~/tools/font_tools';
   import type { script_and_lang_list_type } from '~/tools/lang_list';
 
-  export let file_link: string;
-  export let workbook: Workbook;
-  export let file_name: string;
-  export let file_preview_opened: Writable<boolean>;
+  type Props = {
+    file_link: string;
+    workbook: Workbook;
+    file_name: string;
+    file_preview_opened: Writable<boolean>;
+  };
+
+  let { file_link, workbook, file_name, file_preview_opened }: Props = $props();
 
-  let sheet_number = 0;
+  let sheet_number = $state(0);
 
   const get_lang_code_of_columnn = (worksheet: Worksheet, column_i: number) => {
     const lang = normalize_lang_code(
@@ -23,7 +27,7 @@
     return lang || '';
   };
 
-  let overflow_behavior = 'hidden';
+  let overflow_behavior: 'hidden' | 'scroll' = $state('hidden');
 </script>
 
 <div>
@@ -55,7 +59,7 @@
           <span class="font-bold">{worksheet.name}</span>
         </Tab>
       {/each}
-      <div slot="panel" class="overflow-scroll">
+      <div class="overflow-scroll" slot="panel">
         {@const worksheet = workbook.worksheets[sheet_number]}
         <table class="table table-hover table-compact table-cell-fit">
           <thead>
diff --git a/src/components/Select.svelte b/src/components/Select.svelte
index 35fbf8e0..f1b02fd7 100644
--- a/src/components/Select.svelte
+++ b/src/components/Select.svelte
@@ -1,37 +1,45 @@
 <script lang="ts">
   import { onMount } from 'svelte';
-  import { createEventDispatcher } from 'svelte';
   import { z } from 'zod';
 
-  export let zodType: any = z.string();
-  export let value: any;
-  let className: string = undefined!;
-  export let disabled = false;
-  export { className as class };
-  export let options: {
+  type Props = {
+    zodType?: any;
     value: any;
-    text: string;
-    className?: string | undefined;
-  }[];
-  export let resize = false;
-
-  const dispatch = createEventDispatcher<{
-    change: {
+    class?: string;
+    disabled?: boolean;
+    options: {
       value: any;
-      currentTarget: HTMLSelectElement;
-    };
-  }>();
+      text: string;
+      className?: string | undefined;
+    }[];
+    resize?: boolean;
+    onchange?: (
+      e: Event & {
+        currentTarget: EventTarget & HTMLSelectElement;
+      }
+    ) => void;
+  };
+
+  let {
+    zodType = z.string(),
+    value = $bindable(),
+    class: className = undefined!,
+    disabled = false,
+    options,
+    resize = false,
+    onchange
+  }: Props = $props();
 
-  let width = 0;
-  let mounted = false;
+  let width = $state(0);
+  let mounted = $state(false);
   onMount(() => {
-    if (resize) width = resize_select(elm);
+    if (resize && elm) width = resize_select(elm);
     mounted = true;
   });
 
-  let elm: HTMLSelectElement;
+  let elm = $state<HTMLSelectElement>();
 
-  const on_change = (
+  const on_change_func = (
     e: Event & {
       currentTarget: EventTarget & HTMLSelectElement;
     }
@@ -39,7 +47,7 @@
     const { currentTarget } = e;
     if (resize) width = resize_select(currentTarget);
     value = zodType.parse(currentTarget.value);
-    dispatch('change', { value, currentTarget });
+    onchange && onchange(e);
   };
 
   const replace_all = (str: string, replaceWhat: string, replaceTo: string) => {
@@ -66,7 +74,7 @@
 <select
   bind:this={elm}
   {disabled}
-  on:change={on_change}
+  onchange={on_change_func}
   class={className}
   style:width={resize && mounted ? `${width}px` : null}
 >
diff --git a/src/components/ThemeChanger.svelte b/src/components/ThemeChanger.svelte
index 47bd11ee..4a925813 100644
--- a/src/components/ThemeChanger.svelte
+++ b/src/components/ThemeChanger.svelte
@@ -7,7 +7,7 @@
 
 <button
   class="group btn-xl -mb-1 ml-0 mr-0 inline-flex items-center p-0 outline-none"
-  on:click={() => setMode('system')}
+  onclick={() => setMode('system')}
 >
   <Icon
     src={SlScreenDesktop}
@@ -16,13 +16,13 @@
 </button>
 <button
   class="group btn-xl -mb-1 ml-0 mr-0 inline-flex items-center p-0 outline-none"
-  on:click={() => setMode('light')}
+  onclick={() => setMode('light')}
 >
   <Icon src={LuSun} class="h-5 w-5 rotate-0 scale-100 dark:group-hover:text-yellow-300" />
 </button>
 <button
   class="group btn-xl -mb-1 ml-0 mr-0 inline-flex items-center p-0 outline-none"
-  on:click={() => setMode('dark')}
+  onclick={() => setMode('dark')}
 >
   <Icon
     src={LuMoon}
diff --git a/src/components/TopAppBar.svelte b/src/components/TopAppBar.svelte
index a2b6c3f5..a067c3a3 100644
--- a/src/components/TopAppBar.svelte
+++ b/src/components/TopAppBar.svelte
@@ -12,9 +12,17 @@
   import { main_app_bar_info } from '~/state/app_bar';
   import { PAGE_TITLES } from '~/state/page_titles';
 
-  $: page_url = $page.url.pathname;
+  type Props = {
+    start?: import('svelte').Snippet;
+    headline?: import('svelte').Snippet;
+    end?: import('svelte').Snippet;
+  };
+
+  let { start, headline, end }: Props = $props();
+
+  let page_url = $derived($page.url.pathname);
 
-  $: {
+  $effect(() => {
     if (page_url in PAGE_TITLES) {
       const [TITLE, CLASS]: string[] = PAGE_TITLES[page_url as keyof typeof PAGE_TITLES];
       main_app_bar_info.set({
@@ -27,7 +35,7 @@
         className: null
       });
     }
-  }
+  });
 
   const app_menu_popup: PopupSettings = {
     event: 'click',
@@ -38,25 +46,25 @@
 </script>
 
 <AppBar>
-  <svelte:fragment slot="lead">
-    <slot name="start" />
+  {#snippet lead()}
+    {@render start?.()}
     <!-- {#if page_url !== '/'}
-      <a class="mr-2 text-xl" href="/" title="श्रीरामायणम्">
-        <Icon
-          src={BiArrowBack}
-          class="-mt-1 mr-1 text-2xl hover:fill-blue-600 dark:hover:fill-sky-500"
-        />
-      </a>
-    {/if} -->
-    <slot name="headline">
+        <a class="mr-2 text-xl" href="/" title="श्रीरामायणम्">
+          <Icon
+            src={BiArrowBack}
+            class="-mt-1 mr-1 text-2xl hover:fill-blue-600 dark:hover:fill-sky-500"
+          />
+        </a>
+      {/if} -->
+    {#if headline}{@render headline()}{:else}
       <span class={$main_app_bar_info.className ?? ''}>{$main_app_bar_info.title ?? ''}</span>
-    </slot>
-  </svelte:fragment>
+    {/if}
+  {/snippet}
   <!-- <svelte:fragment slot="headline">
 		<slot name="headline"><span></span></slot>
 	</svelte:fragment> -->
-  <svelte:fragment slot="trail">
-    <slot name="end"></slot>
+  {#snippet trail()}
+    {@render end?.()}
     <div class="space-x-2">
       {#if page_url !== '/convert'}
         <a class="text-xl" href="/convert" title="Lipi Parivartak">
@@ -120,5 +128,5 @@
         <ThemeChanger />
       </div>
     </div>
-  </svelte:fragment>
+  {/snippet}
 </AppBar>

From 6b1d43e3d5693cfed69fc94b3d18375e64bd5a73 Mon Sep 17 00:00:00 2001
From: Shubham Anand Gupta <81542648+shubhattin@users.noreply.github.com>
Date: Fri, 25 Oct 2024 07:39:28 +0530
Subject: [PATCH 2/5] svelte basic migration done

---
 src/components/PreviewExcel.svelte            |   7 +-
 src/components/TypingAssistance.svelte        |  81 +++--
 .../pages/main_page/MainPage.svelte           | 154 ++++----
 .../main_page/ai/AIImageGenerator.svelte      |  91 ++---
 .../main_page/display/SargaDisplay.svelte     |  38 +-
 .../main_page/display/SargaUtility.svelte     |  27 +-
 .../pages/main_page/display/SaveEdit.svelte   |   4 +-
 .../main_page/display/ShlokaDisplay.svelte    |  43 ++-
 .../image_tool/ImageDownloader.svelte         |  18 +-
 .../main_page/image_tool/ImageOptions.svelte  | 339 +++++++++---------
 .../main_page/image_tool/ImageTool.svelte     | 127 ++++---
 .../pages/main_page/user/Authenticate.svelte  |  36 +-
 .../pages/main_page/user/ManageUser.svelte    |  94 +++--
 .../pages/main_page/user/NewUser.svelte       |  36 +-
 .../main_page/user/UpdatePassword.svelte      |  17 +-
 .../pages/main_page/user/User.svelte          |  20 +-
 src/components/tags/GA.svelte                 |   4 +-
 src/components/tags/MetaTags.svelte           |   8 +-
 src/components/tags/PartyTown.svelte          |   2 +-
 src/routes/+layout.svelte                     |   8 +-
 src/routes/convert/+page.svelte               |  31 +-
 src/routes/excel_tool/+page.svelte            |  56 +--
 src/tools/Icon.svelte                         |  32 +-
 src/tools/query.ts                            |   5 +-
 24 files changed, 688 insertions(+), 590 deletions(-)

diff --git a/src/components/PreviewExcel.svelte b/src/components/PreviewExcel.svelte
index 1a614fe3..33c3a5ea 100644
--- a/src/components/PreviewExcel.svelte
+++ b/src/components/PreviewExcel.svelte
@@ -2,7 +2,6 @@
   import Icon from '~/tools/Icon.svelte';
   import { RiSystemDownloadLine } from 'svelte-icons-pack/ri';
   import { TabGroup, Tab } from '@skeletonlabs/skeleton';
-  import type { Writable } from 'svelte/store';
   import type { Workbook, Worksheet } from 'exceljs';
   import Modal from '~/components/Modal.svelte';
   import { normalize_lang_code } from '~/tools/converter';
@@ -13,10 +12,10 @@
     file_link: string;
     workbook: Workbook;
     file_name: string;
-    file_preview_opened: Writable<boolean>;
+    file_preview_opened: boolean;
   };
 
-  let { file_link, workbook, file_name, file_preview_opened }: Props = $props();
+  let { file_link, workbook, file_name, file_preview_opened = $bindable() }: Props = $props();
 
   let sheet_number = $state(0);
 
@@ -32,7 +31,7 @@
 
 <div>
   <Modal
-    modal_open={file_preview_opened}
+    bind:modal_open={file_preview_opened}
     close_on_click_outside={false}
     class="rounded-lg border-2 border-blue-700 bg-[aliceblue] dark:border-blue-500 dark:bg-slate-800"
   >
diff --git a/src/components/TypingAssistance.svelte b/src/components/TypingAssistance.svelte
index b5887459..2537dd3f 100644
--- a/src/components/TypingAssistance.svelte
+++ b/src/components/TypingAssistance.svelte
@@ -1,61 +1,66 @@
 <script lang="ts">
-  import { createQuery, useIsFetching } from '@tanstack/svelte-query';
+  import { createQuery } from '@tanstack/svelte-query';
   import { load_parivartak_lang_data } from '~/tools/converter';
   import { delay } from '~/tools/delay';
   import { ALL_LANG_SCRIPT_LIST } from '~/tools/lang_list';
   import Modal from '~/components/Modal.svelte';
-  import type { Writable } from 'svelte/store';
   import { cl_join } from '~/tools/cl_join';
   import { onDestroy } from 'svelte';
 
-  export let sync_lang_script: Writable<string>;
-  export let modal_opended: Writable<boolean>;
-  $: typing_assistance_lang = $sync_lang_script;
+  interface Props {
+    sync_lang_script: string;
+    modal_opened: boolean;
+  }
+
+  let { sync_lang_script, modal_opened = $bindable() }: Props = $props();
+  let typing_assistance_lang = $state(sync_lang_script);
 
   const IMAGE_SCALING = 0.85;
   const ONE_PX = 1;
   const HEIGHT = 682 * IMAGE_SCALING;
   const WIDTH = 658 * IMAGE_SCALING;
 
-  $: usage_table = createQuery({
-    queryKey: ['usage_table', typing_assistance_lang],
-    enabled: $modal_opended,
-    queryFn: async () => {
-      await delay(700);
-      await load_parivartak_lang_data(typing_assistance_lang);
-      const IMAGE_URLS = import.meta.glob('/src/tools/converter/resources/images/*.png', {
-        eager: true,
-        query: '?url'
-      });
-      const image_lang =
-        typing_assistance_lang === 'Devanagari' ? 'Sanskrit' : typing_assistance_lang;
-      const url = (IMAGE_URLS[`/src/tools/converter/resources/images/${image_lang}.png`] as any)
-        .default as string;
-      const get_image_dimensiona = async (url: string) => {
-        return new Promise<{ width: number; height: number }>((resolve, reject) => {
-          let img = new Image();
-          img.onload = function () {
-            resolve({
-              // @ts-ignore
-              width: this.width * ONE_PX * IMAGE_SCALING,
-              // @ts-ignore
-              height: this.height * ONE_PX * IMAGE_SCALING
-            });
-          };
-          img.src = url;
+  let usage_table = $derived(
+    createQuery({
+      queryKey: ['usage_table', typing_assistance_lang],
+      enabled: modal_opened,
+      queryFn: async () => {
+        await delay(700);
+        await load_parivartak_lang_data(typing_assistance_lang);
+        const IMAGE_URLS = import.meta.glob('/src/tools/converter/resources/images/*.png', {
+          eager: true,
+          query: '?url'
         });
-      };
-      const { height, width } = await get_image_dimensiona(url);
-      return { url, height, width };
-    }
-  });
+        const image_lang =
+          typing_assistance_lang === 'Devanagari' ? 'Sanskrit' : typing_assistance_lang;
+        const url = (IMAGE_URLS[`/src/tools/converter/resources/images/${image_lang}.png`] as any)
+          .default as string;
+        const get_image_dimensiona = async (url: string) => {
+          return new Promise<{ width: number; height: number }>((resolve, reject) => {
+            let img = new Image();
+            img.onload = function () {
+              resolve({
+                // @ts-ignore
+                width: this.width * ONE_PX * IMAGE_SCALING,
+                // @ts-ignore
+                height: this.height * ONE_PX * IMAGE_SCALING
+              });
+            };
+            img.src = url;
+          });
+        };
+        const { height, width } = await get_image_dimensiona(url);
+        return { url, height, width };
+      }
+    })
+  );
   onDestroy(() => {
-    $modal_opended = false;
+    modal_opened = false;
   });
 </script>
 
 <div>
-  <Modal modal_open={modal_opended} outterClass="mt-0">
+  <Modal bind:modal_open={modal_opened} outterClass="mt-0">
     <select class="select w-40" bind:value={typing_assistance_lang}>
       {#each ALL_LANG_SCRIPT_LIST as lang_script}
         <option value={lang_script}>{lang_script}</option>
diff --git a/src/components/pages/main_page/MainPage.svelte b/src/components/pages/main_page/MainPage.svelte
index 3a43db64..87b07b8a 100644
--- a/src/components/pages/main_page/MainPage.svelte
+++ b/src/components/pages/main_page/MainPage.svelte
@@ -1,8 +1,9 @@
 <script lang="ts">
+  import { untrack } from 'svelte';
   import Icon from '~/tools/Icon.svelte';
-  import { onDestroy, onMount } from 'svelte';
+  import { onMount } from 'svelte';
   import { delay } from '~/tools/delay';
-  import { writable, type Unsubscriber } from 'svelte/store';
+  import { writable } from 'svelte/store';
   import { LANG_LIST, SCRIPT_LIST, type script_list_type } from '~/tools/lang_list';
   import LipiLekhikA, { load_parivartak_lang_data, lipi_parivartak_async } from '~/tools/converter';
   import { LanguageIcon } from '~/components/icons';
@@ -41,10 +42,9 @@
   import MetaTags from '~/components/tags/MetaTags.svelte';
   import { loadLocalConfig } from './load_local_config';
 
-  const unsubscribers: Unsubscriber[] = [];
   const query_client = useQueryClient();
 
-  let mounted = false;
+  let mounted = $state(false);
   onMount(async () => {
     if (browser) await ensure_auth_access_status();
     try {
@@ -97,14 +97,13 @@
       if (update_viewing_script_selection) $viewing_script_selection = script;
     }
   });
-  unsubscribers.push(
-    viewing_script_selection.subscribe(async (script) => {
-      $viewing_script_mut.mutate({
-        script,
-        update_viewing_script_selection: false
-      });
-    })
-  );
+  $effect(() => {
+    const _viewing_script_mut = untrack(() => $viewing_script_mut);
+    _viewing_script_mut.mutate({
+      script: $viewing_script_selection,
+      update_viewing_script_selection: false
+    });
+  });
 
   let trans_lang_selection = writable<typeof $trans_lang>('--');
   $trans_lang = $trans_lang_selection;
@@ -127,11 +126,10 @@
       query_client.invalidateQueries({ queryKey: ['sanskrit_mode_texts'] });
     }
   });
-  unsubscribers.push(
-    trans_lang_selection.subscribe(async (lang) => {
-      $trans_lang_mut.mutate(lang);
-    })
-  );
+  $effect(() => {
+    const _trans_lang_mut = untrack(() => $trans_lang_mut);
+    _trans_lang_mut.mutate($trans_lang_selection);
+  });
   // the trans_lang_mut is used to get the translation language
   // this could be removed in future in favour of a simple query
 
@@ -139,60 +137,62 @@
     return `/${kANDa}${sarga ? `/${sarga}` : ''}`;
   };
 
-  let kANDa_names = rAmAyaNam_map.map((kANDa) => kANDa.name_devanagari);
-  $: get_kANDa_names($viewing_script).then((names) => (kANDa_names = names));
-  let sarga_names =
+  let kANDa_names = $state(rAmAyaNam_map.map((kANDa) => kANDa.name_devanagari));
+  $effect(() => {
+    get_kANDa_names($viewing_script).then((names) => (kANDa_names = names));
+  });
+  let sarga_names = $state(
     $kANDa_selected !== 0
       ? rAmAyaNam_map[$kANDa_selected - 1].sarga_data.map((sarga) => sarga.name_devanagari)
-      : [];
-  $: get_sarga_names($kANDa_selected, $viewing_script).then((names) => (sarga_names = names));
-
-  unsubscribers.push(
-    sarga_selected.subscribe(async () => {
-      if ($kANDa_selected === 0 || $sarga_selected === 0) return;
-      if (!browser) return;
-      if (browser && mounted) {
-        // console.log([$kANDa_selected, $sarga_selected]);
-        goto(get_ramayanam_page_link($kANDa_selected, $sarga_selected));
-      }
-    })
+      : []
   );
-  unsubscribers.push(
-    kANDa_selected.subscribe(() => {
-      browser && mounted && ($sarga_selected = 0);
-      if (browser && mounted) {
-        if ($kANDa_selected !== 0 && $sarga_selected === 0) {
-          // console.log('kanda page', [$kANDa_selected, $sarga_selected]);
-          goto(get_ramayanam_page_link($kANDa_selected));
-        } else if (mounted && $kANDa_selected == 0 && $sarga_selected == 0) {
-          // console.log('home');
-          goto('/');
-        }
-      }
-    })
-  );
-  onDestroy(() => {
-    unsubscribers.forEach((unsub) => unsub());
+  $effect(() => {
+    get_sarga_names($kANDa_selected, $viewing_script).then((names) => (sarga_names = names));
   });
 
-  // Language Typing for Schwa Deletion
-  $: sanskrit_mode_texts = createQuery({
-    queryKey: ['sanskrit_mode_texts'],
-    enabled: browser && $editing_status_on && $trans_lang !== '--',
-    queryFn: () =>
-      Promise.all(
-        ['राम्', 'राम'].map((text) => lipi_parivartak_async(text, BASE_SCRIPT, $trans_lang))
-      ),
-    placeholderData: ['राम्', 'राम']
+  $effect(() => {
+    // only sarga_selected should be subscribed
+    const _kANDa_selected = untrack(() => $kANDa_selected);
+    if (_kANDa_selected === 0 || $sarga_selected === 0) return;
+    if (!browser) return;
+    if (browser && untrack(() => mounted)) {
+      // console.log([_kANDa_selected, $sarga_selected]);
+      goto(get_ramayanam_page_link(_kANDa_selected, $sarga_selected));
+    }
+  });
+  $effect(() => {
+    // only kANDa_selected should be subscribed
+    const _mounted = untrack(() => mounted);
+    $kANDa_selected; // seems this needs to be here for $kANDa_selected to be tracked
+    if (!browser || !_mounted) return;
+    $sarga_selected = 0;
+    const _sarga_selected = untrack(() => $sarga_selected);
+    if ($kANDa_selected !== 0 && _sarga_selected === 0) {
+      // console.log('kanda page', [$kANDa_selected, _sarga_selected]);
+      goto(get_ramayanam_page_link($kANDa_selected));
+    } else if (_mounted && $kANDa_selected == 0 && _sarga_selected == 0) {
+      // console.log('home');
+      goto('/');
+    }
   });
-  onMount(() => {
-    unsubscribers.push(
-      sanskrit_mode_texts.subscribe(({ isFetching, isSuccess }) => {
-        if (!$editing_status_on || isFetching || !isSuccess) return;
-        const lng = LipiLekhikA.k.normalize($trans_lang);
-        $sanskrit_mode = (LipiLekhikA.k.akSharAH as any)[lng].sa;
-      })
-    );
+  // Language Typing for Schwa Deletion
+  let sanskrit_mode_texts = $derived(
+    createQuery({
+      queryKey: ['sanskrit_mode_texts'],
+      enabled: browser && $editing_status_on && $trans_lang !== '--',
+      queryFn: () =>
+        Promise.all(
+          ['राम्', 'राम'].map((text) => lipi_parivartak_async(text, BASE_SCRIPT, $trans_lang))
+        ),
+      placeholderData: ['राम्', 'राम']
+    })
+  );
+  $effect(() => {
+    if (!$editing_status_on || $sanskrit_mode_texts.isFetching || !$sanskrit_mode_texts.isSuccess)
+      return;
+    if ($trans_lang === '--') return;
+    const lng = LipiLekhikA.k.normalize(untrack(() => $trans_lang));
+    $sanskrit_mode = (LipiLekhikA.k.akSharAH as any)[lng].sa;
   });
 
   const get_page_info = () => {
@@ -217,12 +217,12 @@
       description
     };
   };
-  let PAGE_INFO = get_page_info();
-  $: {
+  let PAGE_INFO = $state(get_page_info());
+  $effect(() => {
     $kANDa_selected;
     $sarga_selected;
     PAGE_INFO = get_page_info();
-  }
+  });
 </script>
 
 <MetaTags title={PAGE_INFO.title} description={PAGE_INFO.description} />
@@ -243,7 +243,7 @@
     </label>
     <User />
   </div>
-  <!-- svelte-ignore a11y-label-has-associated-control -->
+  <!-- svelte-ignore a11y_label_has_associated_control -->
   <label class="space-x-4">
     <span class="font-bold">Select kANDa</span>
     <Select
@@ -261,7 +261,7 @@
   </label>
   {#if $kANDa_selected !== 0}
     <div class="space-x-8">
-      <!-- svelte-ignore a11y-label-has-associated-control -->
+      <!-- svelte-ignore a11y_label_has_associated_control -->
       <label class="inline-block space-x-4">
         <span class="font-bold">Select Sarga</span>
         <Select
@@ -289,7 +289,7 @@
     <div class="space-x-3">
       {#if $sarga_selected !== 1}
         <button
-          on:click={() => ($sarga_selected -= 1)}
+          onclick={() => ($sarga_selected -= 1)}
           in:scale
           out:slide
           disabled={$editing_status_on}
@@ -301,7 +301,7 @@
       {/if}
       {#if $sarga_selected !== kANDa.sarga_data.length}
         <button
-          on:click={() => ($sarga_selected += 1)}
+          onclick={() => ($sarga_selected += 1)}
           in:scale
           out:slide
           disabled={$editing_status_on}
@@ -314,7 +314,7 @@
       {#if !($ai_tool_opened && $user_info && $user_info.user_type === 'admin')}
         {#if !$view_translation_status}
           <button
-            on:click={() => {
+            onclick={() => {
               $view_translation_status = true;
             }}
             class="btn bg-primary-800 px-2 py-1 font-bold text-white dark:bg-primary-700"
@@ -342,7 +342,7 @@
           {#if !$editing_status_on && $user_allowed_langs.isSuccess && $user_info}
             {#if $trans_lang !== '--' && (get_possibily_not_undefined($user_info).user_type === 'admin' || $user_allowed_langs.data.indexOf($trans_lang) !== -1)}
               <button
-                on:click={() => ($editing_status_on = true)}
+                onclick={() => ($editing_status_on = true)}
                 class="btn my-1 rounded-lg bg-tertiary-700 px-2 py-1 font-bold text-white dark:bg-tertiary-600"
               >
                 <Icon src={BiEdit} class="mr-1 text-2xl" />
@@ -350,7 +350,7 @@
               </button>
             {:else if $trans_lang === '--' && (get_possibily_not_undefined($user_info).user_type === 'admin' || $user_allowed_langs.data.indexOf('English') !== -1)}
               <button
-                on:click={() => ($editing_status_on = true)}
+                onclick={() => ($editing_status_on = true)}
                 class="btn my-1 rounded-lg bg-tertiary-700 px-2 py-1 font-bold text-white dark:bg-tertiary-600"
               >
                 <Icon src={BiEdit} class="mr-1 text-2xl" />
@@ -372,7 +372,7 @@
         >
           <Icon src={BsKeyboard} class="text-4xl" />
         </SlideToggle>
-        {#if $edit_language_typer_status && $sanskrit_mode_texts.isSuccess && !$sanskrit_mode_texts.isFetching}
+        {#if $trans_lang !== '--' && $edit_language_typer_status && $sanskrit_mode_texts.isSuccess && !$sanskrit_mode_texts.isFetching}
           <select
             transition:scale
             bind:value={$sanskrit_mode}
@@ -385,7 +385,7 @@
         <button
           class="btn rounded-md p-0 text-sm"
           title={'Language Typing Assistance'}
-          on:click={() => ($typing_assistance_modal_opened = true)}
+          onclick={() => ($typing_assistance_modal_opened = true)}
         >
           <Icon src={BiHelpCircle} class="mt-1 text-3xl text-sky-500 dark:text-sky-400" />
         </button>
diff --git a/src/components/pages/main_page/ai/AIImageGenerator.svelte b/src/components/pages/main_page/ai/AIImageGenerator.svelte
index 69ff3baa..a42b7c6c 100644
--- a/src/components/pages/main_page/ai/AIImageGenerator.svelte
+++ b/src/components/pages/main_page/ai/AIImageGenerator.svelte
@@ -1,3 +1,4 @@
+<!-- @migration-task Error while migrating Svelte code: Cannot subscribe to stores that are not declared at the top level of the component -->
 <script lang="ts">
   import { rAmAyaNam_map, sarga_data, trans_en_data } from '~/state/main_page/data';
   import { BASE_SCRIPT, kANDa_selected, sarga_selected } from '~/state/main_page/main_state';
@@ -21,9 +22,9 @@
   import { OiCopy16 } from 'svelte-icons-pack/oi';
   import { BsClipboard2Check } from 'svelte-icons-pack/bs';
 
-  $: kANDa_info = rAmAyaNam_map[$kANDa_selected - 1];
-  $: sarga_info = kANDa_info.sarga_data[$sarga_selected - 1];
-  $: shloka_count = sarga_info.shloka_count_extracted;
+  let kANDa_info = $derived(rAmAyaNam_map[$kANDa_selected - 1]);
+  let sarga_info = $derived(kANDa_info.sarga_data[$sarga_selected - 1]);
+  let shloka_count = $derived(sarga_info.shloka_count_extracted);
 
   onMount(async () => {
     if (import.meta.env.DEV) {
@@ -32,22 +33,24 @@
     }
   });
 
-  $: if ($sarga_selected) {
-    $shloka_numb = 1;
-  }
+  $effect(() => {
+    if ($sarga_selected) {
+      $shloka_numb = 1;
+    }
+  });
   let shloka_numb = writable(1);
   let base_user_prompt = writable<string>(base_prompts[0].content);
   let auto_gen_image = writable(false);
   let additional_prompt_info = writable('');
   let shloka_text_prompt = writable('');
   let image_prompt = writable('');
-  let load_ai_sample_data = false;
-  let image_prompt_request_error = false;
+  let load_ai_sample_data = $state(false);
+  let image_prompt_request_error = $state(false);
 
   type image_models_type = Parameters<
     typeof client.ai.get_generated_images.mutate
   >[0]['image_model'];
-  let image_model: image_models_type = 'dall-e-3';
+  let image_model: image_models_type = $state('dall-e-3');
   const IMAGE_MODELS: Record<image_models_type, [string, string]> = {
     'dall-e-3': ['DALL-E 3', '$0.04 (₹3.4) / image'],
     'sd3-core': ['SD3 Core', '$0.03 (₹2.5) / image']
@@ -55,24 +58,30 @@
     // 'dall-e-2': ['DALL-E 2', '$0.02 (₹1.68) / image']
   };
 
-  $: $additional_prompt_info =
-    `The Shloka will be from Sarga ${sarga_info.index} named ${sarga_info.name_normal}, Kanda ${kANDa_info.index} ` +
-    `named ${kANDa_info.name_normal} from Ancient Indian Epic(itihAsa) vAlmIkIrAmAyaNam.`;
-  $: base_prompts[0].content = $base_user_prompt + $additional_prompt_info;
+  $effect(() => {
+    $additional_prompt_info =
+      `The Shloka will be from Sarga ${sarga_info.index} named ${sarga_info.name_normal}, Kanda ${kANDa_info.index} ` +
+      `named ${kANDa_info.name_normal} from Ancient Indian Epic(itihAsa) vAlmIkIrAmAyaNam.`;
+  });
+  $effect(() => {
+    base_prompts[0].content = $base_user_prompt + $additional_prompt_info;
+  });
 
-  $: !$trans_en_data.isFetching &&
-    $trans_en_data.isSuccess &&
-    !$sarga_data.isFetching &&
-    $sarga_data.isSuccess &&
-    (async () => {
-      const shloka_text = $sarga_data.data![$shloka_numb];
-      const shloka_text_normal = await lipi_parivartak_async(shloka_text, BASE_SCRIPT, 'Normal');
-      let prompt = shloka_text + '\n' + shloka_text_normal;
+  $effect(() => {
+    !$trans_en_data.isFetching &&
+      $trans_en_data.isSuccess &&
+      !$sarga_data.isFetching &&
+      $sarga_data.isSuccess &&
+      (async () => {
+        const shloka_text = $sarga_data.data![$shloka_numb];
+        const shloka_text_normal = await lipi_parivartak_async(shloka_text, BASE_SCRIPT, 'Normal');
+        let prompt = shloka_text + '\n' + shloka_text_normal;
 
-      const trans_en_all = $trans_en_data.data!;
-      if (trans_en_all.has($shloka_numb)) prompt += '\n\n' + trans_en_all.get($shloka_numb);
-      $shloka_text_prompt = prompt;
-    })();
+        const trans_en_all = $trans_en_data.data!;
+        if (trans_en_all.has($shloka_numb)) prompt += '\n\n' + trans_en_all.get($shloka_numb);
+        $shloka_text_prompt = prompt;
+      })();
+  });
 
   const generate_image_prompt = async () => {
     await $image_prompt_mut.mutateAsync({
@@ -100,9 +109,9 @@
     });
   };
   const image_prompt_mut = client_q.ai.get_image_prompt.mutation({
-    async onSuccess({ image_prompt }) {
-      if (image_prompt) {
-        $image_prompt = image_prompt;
+    async onSuccess(dt) {
+      if (dt.image_prompt) {
+        $image_prompt = dt.image_prompt;
         if ($auto_gen_image) generate_image();
         image_prompt_request_error = false;
       } else {
@@ -128,8 +137,10 @@
       download_file_in_browser(image.url, `${file_name}.png`);
   };
 
-  let copied_text_status = false;
-  $: copied_text_status && setTimeout(() => (copied_text_status = false), 1400);
+  let copied_text_status = $state(false);
+  $effect(() => {
+    copied_text_status && setTimeout(() => (copied_text_status = false), 1400);
+  });
   const copy_text_with_indicator = (text: string) => {
     copy_text_to_clipboard(text);
     copied_text_status = true;
@@ -150,7 +161,7 @@
       <span class="font-bold">Base Prompt</span>
       <button
         class="btn m-0 p-0 outline-none"
-        on:click={() => copy_text_to_clipboard($base_user_prompt + $additional_prompt_info)}
+        onclick={() => copy_text_to_clipboard($base_user_prompt + $additional_prompt_info)}
         title="Copy Base Prompt"
       >
         <Icon src={LuCopy} />
@@ -158,7 +169,7 @@
       <button
         class="btn m-0 p-0 outline-none"
         title="Copy Full Prompt"
-        on:click={() =>
+        onclick={() =>
           copy_text_to_clipboard(
             $base_user_prompt + $additional_prompt_info + '\n\n\n' + $shloka_text_prompt
           )}
@@ -175,10 +186,10 @@
   <div class="break-words text-xs text-stone-500 dark:text-stone-400">
     {$additional_prompt_info}
   </div>
-  <!-- svelte-ignore a11y-no-static-element-interactions -->
+  <!-- svelte-ignore a11y_no_static_element_interactions -->
   <div
     class="text-xs text-slate-600 dark:text-slate-400"
-    on:dblclick={() => copy_text_with_indicator($shloka_text_prompt)}
+    ondblclick={() => copy_text_with_indicator($shloka_text_prompt)}
   >
     {#each $shloka_text_prompt.split('\n') as line}
       <div>
@@ -192,7 +203,7 @@
     <button
       class="btn m-0 p-0"
       disabled={$shloka_numb === 0}
-      on:click={() => {
+      onclick={() => {
         if ($shloka_numb !== -1) $shloka_numb -= 1;
         else $shloka_numb = shloka_count;
       }}
@@ -208,7 +219,7 @@
     </select>
     <button
       class="btn m-0 p-0"
-      on:click={() => {
+      onclick={() => {
         if ($shloka_numb !== shloka_count) $shloka_numb += 1;
         else $shloka_numb = -1;
       }}
@@ -218,7 +229,7 @@
     </button>
   </span>
   <button
-    on:click={generate_image_prompt}
+    onclick={generate_image_prompt}
     disabled={$image_prompt_mut.isPending}
     class="btn rounded-md bg-surface-600 px-2 py-1 font-bold text-white dark:bg-surface-600"
   >
@@ -249,14 +260,14 @@
       <span class="font-bold">Image Prompt</span>
       <button
         disabled={$image_mut.isPending}
-        on:click={generate_image}
+        onclick={generate_image}
         class="btn rounded-md bg-tertiary-800 px-1 py-0 font-bold text-white dark:bg-tertiary-700"
         >Generate Image</button
       >
       <button
         class="btn m-0 p-0 outline-none"
         title="Copy Image Prompt"
-        on:click={() => copy_text_to_clipboard($image_prompt)}
+        onclick={() => copy_text_to_clipboard($image_prompt)}
       >
         <Icon src={BsCopy} class="text-lg" />
       </button>
@@ -288,7 +299,7 @@
                   />
                   <div class="flex items-center justify-center space-x-3">
                     <button
-                      on:click={() => download_image(image)}
+                      onclick={() => download_image(image)}
                       class="btn rounded-md bg-surface-600 px-1 py-1 outline-none dark:bg-surface-500"
                     >
                       <Icon src={BsDownload} class="text-xl text-white" />
diff --git a/src/components/pages/main_page/display/SargaDisplay.svelte b/src/components/pages/main_page/display/SargaDisplay.svelte
index c655ec26..d099535c 100644
--- a/src/components/pages/main_page/display/SargaDisplay.svelte
+++ b/src/components/pages/main_page/display/SargaDisplay.svelte
@@ -32,13 +32,15 @@
   const query_client = useQueryClient();
   const unsubscribers: Unsubscriber[] = [];
 
-  let transliterated_sarga_data: string[] = [];
-  $: Promise.all(
-    ($sarga_data.data ?? []).map((shloka_lines) =>
-      lipi_parivartak_async(shloka_lines, BASE_SCRIPT, $viewing_script)
-    )
-  ).then((data) => {
-    transliterated_sarga_data = data;
+  let transliterated_sarga_data = $state<string[]>([]);
+  $effect(() => {
+    Promise.all(
+      ($sarga_data.data ?? []).map((shloka_lines) =>
+        lipi_parivartak_async(shloka_lines, BASE_SCRIPT, $viewing_script)
+      )
+    ).then((data) => {
+      transliterated_sarga_data = data;
+    });
   });
 
   onDestroy(() => {
@@ -61,15 +63,17 @@
   }
   // clipboard related
   let enable_copy_to_clipbaord = true;
-  let copied_text_status = false;
-  $: copied_text_status && setTimeout(() => (copied_text_status = false), 1400);
+  let copied_text_status = $state(false);
+  $effect(() => {
+    copied_text_status && setTimeout(() => (copied_text_status = false), 1400);
+  });
   const copy_text = (text: string) => {
     if (!enable_copy_to_clipbaord) return;
     copy_text_to_clipboard(text);
     copied_text_status = true;
   };
 
-  let sarga_hovered = false;
+  let sarga_hovered = $state(false);
 
   const copy_sarga = () => {
     copy_text(transliterated_sarga_data.join('\n\n'));
@@ -92,15 +96,15 @@
     <button
       transition:fade={{ duration: 150 }}
       title="Copy Sarga Text"
-      on:click={copy_sarga}
+      onclick={copy_sarga}
       class={cl_join('btn absolute right-5 top-2 z-20 select-none p-0 outline-none')}
-      on:mouseenter={() => (sarga_hovered = true)}
+      onmouseenter={() => (sarga_hovered = true)}
     >
       <Icon src={OiCopy16} class="text-lg" />
     </button>
   {/if}
 </div>
-<!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y_no_static_element_interactions -->
 <div
   class={cl_join(
     'h-[85vh] overflow-scroll rounded-xl border-2 border-gray-400 p-0 dark:border-gray-600',
@@ -108,8 +112,8 @@
     $trans_lang_data.isSuccess && 'h-[95vh]',
     $editing_status_on && 'h-[100vh]'
   )}
-  on:mouseenter={() => (sarga_hovered = true)}
-  on:mouseleave={() => (sarga_hovered = false)}
+  onmouseenter={() => (sarga_hovered = true)}
+  onmouseleave={() => (sarga_hovered = false)}
 >
   {#if !$sarga_data.isFetching}
     <div transition:fade={{ duration: 250 }} class="space-y-[0.15rem]">
@@ -136,8 +140,8 @@
 {#if $typing_assistance_modal_opened}
   {#await import('~/components/TypingAssistance.svelte') then TypingAssistance}
     <TypingAssistance.default
-      sync_lang_script={trans_lang}
-      modal_opended={typing_assistance_modal_opened}
+      sync_lang_script={$trans_lang}
+      bind:modal_opened={$typing_assistance_modal_opened}
     />
   {/await}
 {/if}
diff --git a/src/components/pages/main_page/display/SargaUtility.svelte b/src/components/pages/main_page/display/SargaUtility.svelte
index 1f07a382..dbd1969a 100644
--- a/src/components/pages/main_page/display/SargaUtility.svelte
+++ b/src/components/pages/main_page/display/SargaUtility.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { browser } from '$app/environment';
-  import { get_translations, sarga_data, rAmAyaNam_map } from '~/state/main_page/data';
+  import { sarga_data, rAmAyaNam_map } from '~/state/main_page/data';
   import {
     sarga_selected,
     kANDa_selected,
@@ -21,17 +21,16 @@
   import Modal from '~/components/Modal.svelte';
   import { BiImage } from 'svelte-icons-pack/bi';
   import type { Workbook } from 'exceljs';
-  import { writable } from 'svelte/store';
   import { TrOutlineFileTypeTxt } from 'svelte-icons-pack/tr';
   import { download_file_in_browser } from '~/tools/download_file_browser';
   import { lipi_parivartak_async } from '~/tools/converter';
   import { user_info } from '~/state/main_page/user';
   import { RiUserFacesRobot2Line } from 'svelte-icons-pack/ri';
 
-  let current_workbook: Workbook;
-  let current_file_name: string;
-  let current_dowbload_link: string;
-  let excel_preview_opened = writable(false);
+  let current_workbook = $state<Workbook>(null!);
+  let current_file_name = $state<string>(null!);
+  let current_dowbload_link = $state<string>(null!);
+  let excel_preview_opened = $state(false);
 
   const download_excel_file = createMutation({
     mutationKey: ['sarga', 'download_excel_data'],
@@ -88,7 +87,7 @@
       current_dowbload_link = URL.createObjectURL(blob);
       current_file_name = `${$kANDa_selected}-${$sarga_selected}. ${sarga_name}.xlsx`;
       current_workbook = workbook;
-      $excel_preview_opened = true;
+      excel_preview_opened = true;
     }
   });
 
@@ -139,7 +138,7 @@
 </button>
 <div class="card z-50 space-y-1 rounded-lg px-1 py-1 shadow-xl" data-popup="sarga_options">
   <button
-    on:click={() => $download_excel_file.mutate()}
+    onclick={() => $download_excel_file.mutate()}
     class="btn block w-full rounded-md px-2 py-1 hover:bg-gray-200 dark:hover:bg-gray-700"
   >
     <Icon
@@ -149,7 +148,7 @@
     Download Excel File
   </button>
   <button
-    on:click={() => image_tool_opened.set(true)}
+    onclick={() => image_tool_opened.set(true)}
     class="btn block w-full rounded-md px-2 py-1 text-start hover:bg-gray-200 dark:hover:bg-gray-700"
   >
     <Icon src={BiImage} class="-mt-1 fill-sky-500 text-2xl dark:fill-sky-400" />
@@ -157,7 +156,7 @@
   </button>
   {#if $user_info && $user_info.user_type === 'admin'}
     <button
-      on:click={() => {
+      onclick={() => {
         $ai_tool_opened = true;
         $view_translation_status = true;
       }}
@@ -172,25 +171,25 @@
   {/if}
   <button
     class="btn block w-full rounded-md px-2 py-1 text-start hover:bg-gray-200 dark:hover:bg-gray-700"
-    on:click={() => $download_text_file.mutate()}
+    onclick={() => $download_text_file.mutate()}
   >
     <Icon src={TrOutlineFileTypeTxt} class=" mr-1 text-2xl" />
     Download Text File
   </button>
 </div>
 <div>
-  <Modal modal_open={image_tool_opened} close_on_click_outside={false}>
+  <Modal bind:modal_open={$image_tool_opened} close_on_click_outside={false}>
     {#await import('../image_tool/ImageTool.svelte') then ImageTool}
       <ImageTool.default />
     {/await}
   </Modal>
 </div>
-{#if $excel_preview_opened}
+{#if excel_preview_opened}
   {#await import('~/components/PreviewExcel.svelte') then PreviewExcel}
     <PreviewExcel.default
       file_link={current_dowbload_link}
       file_name={current_file_name}
-      file_preview_opened={excel_preview_opened}
+      bind:file_preview_opened={excel_preview_opened}
       workbook={current_workbook}
     />
   {/await}
diff --git a/src/components/pages/main_page/display/SaveEdit.svelte b/src/components/pages/main_page/display/SaveEdit.svelte
index 899c5d0c..60157a97 100644
--- a/src/components/pages/main_page/display/SaveEdit.svelte
+++ b/src/components/pages/main_page/display/SaveEdit.svelte
@@ -113,7 +113,7 @@
 </script>
 
 <button
-  on:click={save_data_func}
+  onclick={save_data_func}
   in:slide
   out:scale
   disabled={$save_data.isPending}
@@ -123,7 +123,7 @@
   <span>Save</span>
 </button>
 <button
-  on:click={cancel_edit_func}
+  onclick={cancel_edit_func}
   in:slide
   out:scale
   disabled={$cancel_edit_data.isPending}
diff --git a/src/components/pages/main_page/display/ShlokaDisplay.svelte b/src/components/pages/main_page/display/ShlokaDisplay.svelte
index ef2a3ae1..db8c8fe9 100644
--- a/src/components/pages/main_page/display/ShlokaDisplay.svelte
+++ b/src/components/pages/main_page/display/ShlokaDisplay.svelte
@@ -18,16 +18,25 @@
   import { RiSystemAddLargeLine } from 'svelte-icons-pack/ri';
   import LipiLekhikA from '~/tools/converter';
 
-  export let trans_index: number;
-  export let shloka_lines: string;
-  export let update_trans_lang_data: (index: number, text: string) => Promise<void>;
-  export let copy_text: (text: string) => void;
+  interface Props {
+    trans_index: number;
+    shloka_lines: string;
+    update_trans_lang_data: (index: number, text: string) => Promise<void>;
+    copy_text: (text: string) => void;
+  }
 
-  $: main_text_font_info = get_font_family_and_size($viewing_script);
-  $: trans_text_font_info = get_font_family_and_size($trans_lang as lang_list_type);
+  let {
+    trans_index,
+    shloka_lines,
+    update_trans_lang_data,
+    copy_text
+  }: Props = $props();
+
+  let main_text_font_info = $derived(get_font_family_and_size($viewing_script));
+  let trans_text_font_info = $derived(get_font_family_and_size($trans_lang as lang_list_type));
   const en_trans_text_font_info = get_font_family_and_size('English');
 
-  $: line_split = shloka_lines.split('\n');
+  let line_split = $derived(shloka_lines.split('\n'));
 
   const input_func = (
     e: Event & {
@@ -58,11 +67,11 @@
 </script>
 
 <div class="mt-0 w-full space-y-1">
-  <!-- svelte-ignore a11y-no-static-element-interactions -->
+  <!-- svelte-ignore a11y_no_static_element_interactions -->
   <div
     style:font-size={`${main_text_font_info.size}rem`}
     style:font-family={main_text_font_info.family}
-    on:dblclick={() => copy_text(shloka_lines)}
+    ondblclick={() => copy_text(shloka_lines)}
   >
     {#each line_split as line_shlk}
       <!-- if needed add 'whitespace-pre-wrap'2 -->
@@ -76,7 +85,7 @@
       <div transition:slide>
         {#if !$trans_en_data.data?.has(trans_index)}
           <button
-            on:click={async () => {
+            onclick={async () => {
               await update_trans_lang_data(trans_index, '');
               $added_translations_indexes.push(trans_index);
             }}
@@ -86,7 +95,7 @@
           </button>
         {:else}
           <textarea
-            on:input={input_func}
+            oninput={input_func}
             class="textarea h-16 w-full"
             value={$trans_en_data.data?.get(trans_index)}
             style:font-size={`${en_trans_text_font_info.size}rem`}
@@ -95,9 +104,9 @@
         {/if}
       </div>
     {:else if $trans_en_data.data.size !== 0}
-      <!-- svelte-ignore a11y-no-static-element-interactions -->
+      <!-- svelte-ignore a11y_no_static_element_interactions -->
       <div
-        on:dblclick={() =>
+        ondblclick={() =>
           copy_text(get_possibily_not_undefined($trans_en_data.data.get(trans_index)))}
         class="text-stone-500 dark:text-slate-400"
         style:font-size={`${en_trans_text_font_info.size}rem`}
@@ -117,7 +126,7 @@
       <div transition:slide>
         {#if !$trans_lang_data.data?.has(trans_index)}
           <button
-            on:click={async () => {
+            onclick={async () => {
               await update_trans_lang_data(trans_index, '');
               $added_translations_indexes.push(trans_index);
             }}
@@ -127,7 +136,7 @@
           </button>
         {:else}
           <textarea
-            on:input={input_func}
+            oninput={input_func}
             class="textarea h-16 w-full"
             value={$trans_lang_data.data?.get(trans_index)}
             style:font-size={`${trans_text_font_info.size}rem`}
@@ -136,9 +145,9 @@
         {/if}
       </div>
     {:else if $trans_lang !== '--' && $trans_lang_data.data.size !== 0}
-      <!-- svelte-ignore a11y-no-static-element-interactions -->
+      <!-- svelte-ignore a11y_no_static_element_interactions -->
       <div
-        on:dblclick={() =>
+        ondblclick={() =>
           copy_text(get_possibily_not_undefined($trans_lang_data.data?.get(trans_index)))}
         class="text-yellow-700 dark:text-yellow-500"
         style:font-size={`${trans_text_font_info.size}rem`}
diff --git a/src/components/pages/main_page/image_tool/ImageDownloader.svelte b/src/components/pages/main_page/image_tool/ImageDownloader.svelte
index 9a4ec4ee..f244511f 100644
--- a/src/components/pages/main_page/image_tool/ImageDownloader.svelte
+++ b/src/components/pages/main_page/image_tool/ImageDownloader.svelte
@@ -22,8 +22,8 @@
   import Icon from '~/tools/Icon.svelte';
   import { render_all_texts } from './render_text';
 
-  $: kANDa_info = rAmAyaNam_map[$image_kANDa - 1];
-  $: shloka_count = kANDa_info.sarga_data[$image_sarga - 1].shloka_count_extracted;
+  let kANDa_info = $derived(rAmAyaNam_map[$image_kANDa - 1]);
+  let shloka_count = $derived(kANDa_info.sarga_data[$image_sarga - 1].shloka_count_extracted);
 
   const remove_background_image = async () => {
     $canvas.getObjects().forEach((obj) => {
@@ -140,7 +140,7 @@
     target: 'image_download',
     placement: 'bottom'
   }}
-  on:dblclick={() => download_image_as_png(true)}
+  ondblclick={() => download_image_as_png(true)}
   class="btn inline-flex rounded-lg p-1 text-sm"
 >
   <Icon src={BsDownload} class="-mt-1 mr-1 text-2xl" />
@@ -148,19 +148,19 @@
 <div class="card z-50 space-y-0 rounded-md p-1 shadow-xl" data-popup="image_download">
   <div class="flex items-center justify-center space-x-2">
     <button
-      on:click={() => download_image_as_svg()}
+      onclick={() => download_image_as_svg()}
       class="btn rounded-md p-1 text-sm hover:bg-gray-200 dark:hover:bg-gray-700"
     >
       SVG
     </button>
     <button
-      on:click={() => download_image_as_png(true)}
+      onclick={() => download_image_as_png(true)}
       class="btn rounded-md p-1 text-sm hover:bg-gray-200 dark:hover:bg-gray-700"
     >
       PNG
     </button>
     <button
-      on:click={() => download_image_as_png(false)}
+      onclick={() => download_image_as_png(false)}
       class="btn rounded-md p-1 text-xs hover:bg-gray-200 dark:hover:bg-gray-700"
     >
       PNG (with background)
@@ -168,19 +168,19 @@
   </div>
   <div class="flex items-center justify-center space-x-2">
     <button
-      on:click={() => download_svg_zip()}
+      onclick={() => download_svg_zip()}
       class="btn rounded-md p-1 text-sm hover:bg-gray-200 dark:hover:bg-gray-700"
     >
       SVG Zip
     </button>
     <button
-      on:click={() => download_png_zip(true)}
+      onclick={() => download_png_zip(true)}
       class="btn rounded-md p-1 text-sm hover:bg-gray-200 dark:hover:bg-gray-700"
     >
       PNG Zip
     </button>
     <button
-      on:click={() => download_png_zip(false)}
+      onclick={() => download_png_zip(false)}
       class=" btn rounded-md p-1 text-xs hover:bg-gray-200 dark:hover:bg-gray-700"
     >
       PNG Zip (with background)
diff --git a/src/components/pages/main_page/image_tool/ImageOptions.svelte b/src/components/pages/main_page/image_tool/ImageOptions.svelte
index aa4b5ed2..bbc6e862 100644
--- a/src/components/pages/main_page/image_tool/ImageOptions.svelte
+++ b/src/components/pages/main_page/image_tool/ImageOptions.svelte
@@ -30,10 +30,10 @@
   } from './settings';
   import { copy_plain_object } from '~/tools/kry';
 
-  $: kANDa_info = rAmAyaNam_map[$image_kANDa - 1];
-  $: shloka_count = kANDa_info.sarga_data[$image_sarga - 1].shloka_count_extracted;
+  let kANDa_info = $derived(rAmAyaNam_map[$image_kANDa - 1]);
+  let shloka_count = $derived(kANDa_info.sarga_data[$image_sarga - 1].shloka_count_extracted);
 
-  let settings_tab: 'depend' | 'non-depend' = 'non-depend';
+  let settings_tab: 'depend' | 'non-depend' = $state('non-depend');
 
   const reset_func = () => {
     $shloka_configs[$current_shloka_type] = copy_plain_object(
@@ -51,7 +51,7 @@
     <button
       class="btn m-0 p-0"
       disabled={$image_shloka === 0}
-      on:click={() => {
+      onclick={() => {
         if ($image_shloka !== -1) $image_shloka -= 1;
         else $image_shloka = shloka_count;
       }}
@@ -67,7 +67,7 @@
     </select>
     <button
       class="btn m-0 p-0"
-      on:click={() => {
+      onclick={() => {
         if ($image_shloka !== shloka_count) $image_shloka += 1;
         else $image_shloka = -1;
       }}
@@ -100,7 +100,7 @@
   </span>
   <span class="flex flex-col items-center justify-center">
     <button
-      on:click={reset_func}
+      onclick={reset_func}
       class="btn m-0 rounded-md bg-surface-700 px-1 py-1 text-xs font-bold text-white dark:bg-surface-500"
       >Reset</button
     >
@@ -108,192 +108,197 @@
 </div>
 <Accordion>
   <AccordionItem open={false}>
-    <svelte:fragment slot="lead"><Icon src={IoOptions} class="text-2xl" /></svelte:fragment>
-    <svelte:fragment slot="summary"
-      ><span class="text-sm font-bold">Change Default Options</span>
-    </svelte:fragment>
-    <div slot="content" class="space-y-2">
-      <TabGroup>
-        <Tab bind:group={settings_tab} name="tab1" value={'non-depend'}>Shloka Type Independent</Tab
-        >
-        <Tab bind:group={settings_tab} name="tab2" value={'depend'}>Shloka Type Dependent</Tab>
-        <svelte:fragment slot="panel">
-          {#if settings_tab === 'non-depend'}
-            <div class="flex justify-center space-x-16">
-              <div class=" flex flex-col justify-center space-y-1">
-                <div class="text-center text-sm font-semibold">Spaces</div>
-                <div class="space-y-1 text-center">
-                  <label>
-                    <span class="text-sm">Above Reference Line</span>
-                    <input
-                      type="number"
-                      class="input w-12 rounded-md px-1 py-0 text-sm"
-                      bind:value={$SPACE_ABOVE_REFERENCE_LINE}
-                      min={0}
-                      max={40}
-                    />
-                  </label>
-                  <label>
-                    <span class="text-sm">Between Main and Normal</span>
-                    <input
-                      type="number"
-                      class="input w-12 rounded-md px-1 py-0 text-sm"
-                      bind:value={$main_text_font_configs[$image_script]
-                        .space_between_main_and_normal}
-                      min={0}
-                      max={20}
-                    />
-                  </label>
-                </div>
-              </div>
-              <div class="flex flex-col justify-center space-y-1">
-                <div class="text-center text-sm font-semibold">Text Scaling factors</div>
-                <div class="flex justify-center space-x-3 text-center">
-                  <div class="flex flex-col justify-center space-y-1">
-                    <label class="space-x-1">
-                      <span class="text-sm">Main</span>
+    {#snippet lead()}
+      <Icon src={IoOptions} class="text-2xl" />
+    {/snippet}
+    {#snippet summary()}
+      <span class="text-sm font-bold">Change Default Options</span>
+    {/snippet}
+    {#snippet content()}
+      <div class="space-y-2">
+        <TabGroup>
+          <Tab bind:group={settings_tab} name="tab1" value={'non-depend'}
+            >Shloka Type Independent</Tab
+          >
+          <Tab bind:group={settings_tab} name="tab2" value={'depend'}>Shloka Type Dependent</Tab>
+          <svelte:fragment slot="panel">
+            {#if settings_tab === 'non-depend'}
+              <div class="flex justify-center space-x-16">
+                <div class=" flex flex-col justify-center space-y-1">
+                  <div class="text-center text-sm font-semibold">Spaces</div>
+                  <div class="space-y-1 text-center">
+                    <label>
+                      <span class="text-sm">Above Reference Line</span>
                       <input
                         type="number"
-                        class="input w-16 rounded-md px-1 py-0 text-sm"
-                        bind:value={$main_text_font_configs[$image_script].size}
+                        class="input w-12 rounded-md px-1 py-0 text-sm"
+                        bind:value={$SPACE_ABOVE_REFERENCE_LINE}
                         min={0}
-                        max={10}
-                        step={0.05}
+                        max={40}
                       />
                     </label>
-                    <label class="space-x-1">
-                      <span class="text-sm">Normal</span>
+                    <label>
+                      <span class="text-sm">Between Main and Normal</span>
                       <input
                         type="number"
-                        class="input w-16 rounded-md px-1 py-0 text-sm"
-                        bind:value={$normal_text_font_config.size}
+                        class="input w-12 rounded-md px-1 py-0 text-sm"
+                        bind:value={$main_text_font_configs[$image_script]
+                          .space_between_main_and_normal}
                         min={0}
-                        max={10}
-                        step={0.05}
+                        max={20}
                       />
                     </label>
                   </div>
-                  <div class="flex flex-col justify-center space-y-1">
-                    <label class="space-x-1">
-                      <span class="text-sm">Translation</span>
-                      <input
-                        type="number"
-                        class="input w-16 rounded-md px-1 py-0 text-sm"
-                        bind:value={$trans_text_font_configs[$image_lang].size}
-                        min={0}
-                        max={10}
-                        step={0.05}
-                      />
-                    </label>
-                    <label class="space-x-1">
-                      <span class="text-sm">Line Spacing</span>
-                      <input
-                        type="number"
-                        class="input w-16 rounded-md px-1 py-0 text-sm"
-                        bind:value={$trans_text_font_configs[$image_lang].new_line_spacing}
-                        min={0}
-                        max={10}
-                        step={0.05}
-                      />
-                    </label>
+                </div>
+                <div class="flex flex-col justify-center space-y-1">
+                  <div class="text-center text-sm font-semibold">Text Scaling factors</div>
+                  <div class="flex justify-center space-x-3 text-center">
+                    <div class="flex flex-col justify-center space-y-1">
+                      <label class="space-x-1">
+                        <span class="text-sm">Main</span>
+                        <input
+                          type="number"
+                          class="input w-16 rounded-md px-1 py-0 text-sm"
+                          bind:value={$main_text_font_configs[$image_script].size}
+                          min={0}
+                          max={10}
+                          step={0.05}
+                        />
+                      </label>
+                      <label class="space-x-1">
+                        <span class="text-sm">Normal</span>
+                        <input
+                          type="number"
+                          class="input w-16 rounded-md px-1 py-0 text-sm"
+                          bind:value={$normal_text_font_config.size}
+                          min={0}
+                          max={10}
+                          step={0.05}
+                        />
+                      </label>
+                    </div>
+                    <div class="flex flex-col justify-center space-y-1">
+                      <label class="space-x-1">
+                        <span class="text-sm">Translation</span>
+                        <input
+                          type="number"
+                          class="input w-16 rounded-md px-1 py-0 text-sm"
+                          bind:value={$trans_text_font_configs[$image_lang].size}
+                          min={0}
+                          max={10}
+                          step={0.05}
+                        />
+                      </label>
+                      <label class="space-x-1">
+                        <span class="text-sm">Line Spacing</span>
+                        <input
+                          type="number"
+                          class="input w-16 rounded-md px-1 py-0 text-sm"
+                          bind:value={$trans_text_font_configs[$image_lang].new_line_spacing}
+                          min={0}
+                          max={10}
+                          step={0.05}
+                        />
+                      </label>
+                    </div>
                   </div>
                 </div>
               </div>
-            </div>
-          {:else if settings_tab === 'depend'}
-            <div class="flex items-center justify-center space-x-4 text-sm">
-              <span class="text-base font-bold">
-                Current Shloka Type : {$current_shloka_type}
-              </span>
-            </div>
-            <div class="flex justify-center space-x-16">
-              <div class="flex flex-col justify-center space-y-1">
-                <label class="space-x-1">
-                  <span class="text-sm">Main Text</span>
-                  <input
-                    type="number"
-                    class="input w-16 rounded-md px-1 py-0 text-sm"
-                    bind:value={$shloka_configs[$current_shloka_type].main_text_font_size}
-                    min={10}
-                  />
-                </label>
-                <label class="space-x-1">
-                  <span class="text-sm">Normal Text</span>
-                  <input
-                    type="number"
-                    class="input w-16 rounded-md px-1 py-0 text-sm"
-                    bind:value={$shloka_configs[$current_shloka_type].norm_text_font_size}
-                    min={10}
-                  />
-                </label>
-                <label class="space-x-1">
-                  <span class="text-sm">Translation Text</span>
-                  <input
-                    type="number"
-                    class="input w-16 rounded-md px-1 py-0 text-sm"
-                    bind:value={$shloka_configs[$current_shloka_type].trans_text_font_size}
-                    min={10}
-                  />
-                </label>
+            {:else if settings_tab === 'depend'}
+              <div class="flex items-center justify-center space-x-4 text-sm">
+                <span class="text-base font-bold">
+                  Current Shloka Type : {$current_shloka_type}
+                </span>
               </div>
-              <div class="flex flex-col items-center justify-center space-y-2">
-                <div class="text-sm font-semibold">Boundaries</div>
-                <input
-                  type="number"
-                  class="input block w-14 rounded-sm px-1 py-0 text-sm"
-                  bind:value={$shloka_configs[$current_shloka_type].bounding_coords.top}
-                  min={0}
-                  max={1080}
-                />
-                <div class="space-x-6">
+              <div class="flex justify-center space-x-16">
+                <div class="flex flex-col justify-center space-y-1">
+                  <label class="space-x-1">
+                    <span class="text-sm">Main Text</span>
+                    <input
+                      type="number"
+                      class="input w-16 rounded-md px-1 py-0 text-sm"
+                      bind:value={$shloka_configs[$current_shloka_type].main_text_font_size}
+                      min={10}
+                    />
+                  </label>
+                  <label class="space-x-1">
+                    <span class="text-sm">Normal Text</span>
+                    <input
+                      type="number"
+                      class="input w-16 rounded-md px-1 py-0 text-sm"
+                      bind:value={$shloka_configs[$current_shloka_type].norm_text_font_size}
+                      min={10}
+                    />
+                  </label>
+                  <label class="space-x-1">
+                    <span class="text-sm">Translation Text</span>
+                    <input
+                      type="number"
+                      class="input w-16 rounded-md px-1 py-0 text-sm"
+                      bind:value={$shloka_configs[$current_shloka_type].trans_text_font_size}
+                      min={10}
+                    />
+                  </label>
+                </div>
+                <div class="flex flex-col items-center justify-center space-y-2">
+                  <div class="text-sm font-semibold">Boundaries</div>
                   <input
                     type="number"
-                    class="input w-16 rounded-sm px-1 py-0 text-sm"
-                    bind:value={$shloka_configs[$current_shloka_type].bounding_coords.left}
+                    class="input block w-14 rounded-sm px-1 py-0 text-sm"
+                    bind:value={$shloka_configs[$current_shloka_type].bounding_coords.top}
                     min={0}
-                    max={1920}
+                    max={1080}
                   />
+                  <div class="space-x-6">
+                    <input
+                      type="number"
+                      class="input w-16 rounded-sm px-1 py-0 text-sm"
+                      bind:value={$shloka_configs[$current_shloka_type].bounding_coords.left}
+                      min={0}
+                      max={1920}
+                    />
+                    <input
+                      type="number"
+                      class="input w-16 rounded-sm px-1 py-0 text-sm"
+                      bind:value={$shloka_configs[$current_shloka_type].bounding_coords.right}
+                      min={0}
+                      max={1920}
+                    />
+                  </div>
                   <input
                     type="number"
                     class="input w-16 rounded-sm px-1 py-0 text-sm"
-                    bind:value={$shloka_configs[$current_shloka_type].bounding_coords.right}
+                    bind:value={$shloka_configs[$current_shloka_type].bounding_coords.bottom}
                     min={0}
-                    max={1920}
+                    max={1080}
                   />
                 </div>
-                <input
-                  type="number"
-                  class="input w-16 rounded-sm px-1 py-0 text-sm"
-                  bind:value={$shloka_configs[$current_shloka_type].bounding_coords.bottom}
-                  min={0}
-                  max={1080}
-                />
-              </div>
-              <div class="flex flex-col items-center justify-center space-y-1">
-                <div class="font-semibold">Reference Lines</div>
-                <label class="inline-block space-x-1">
-                  <span class="text-sm">Top Start</span>
-                  <input
-                    type="number"
-                    class="input w-16 rounded-md px-1 py-0 text-sm"
-                    bind:value={$shloka_configs[$current_shloka_type].reference_lines.top}
-                    min={10}
-                  />
-                </label>
-                <label class="inline-block space-x-1">
-                  <span class="text-sm">Spacing</span>
-                  <input
-                    type="number"
-                    class="input w-16 rounded-md px-1 py-0 text-sm"
-                    bind:value={$shloka_configs[$current_shloka_type].reference_lines.spacing}
-                    min={10}
-                  />
-                </label>
+                <div class="flex flex-col items-center justify-center space-y-1">
+                  <div class="font-semibold">Reference Lines</div>
+                  <label class="inline-block space-x-1">
+                    <span class="text-sm">Top Start</span>
+                    <input
+                      type="number"
+                      class="input w-16 rounded-md px-1 py-0 text-sm"
+                      bind:value={$shloka_configs[$current_shloka_type].reference_lines.top}
+                      min={10}
+                    />
+                  </label>
+                  <label class="inline-block space-x-1">
+                    <span class="text-sm">Spacing</span>
+                    <input
+                      type="number"
+                      class="input w-16 rounded-md px-1 py-0 text-sm"
+                      bind:value={$shloka_configs[$current_shloka_type].reference_lines.spacing}
+                      min={10}
+                    />
+                  </label>
+                </div>
               </div>
-            </div>
-          {/if}
-        </svelte:fragment>
-      </TabGroup>
-    </div>
+            {/if}
+          </svelte:fragment>
+        </TabGroup>
+      </div>
+    {/snippet}
   </AccordionItem>
 </Accordion>
diff --git a/src/components/pages/main_page/image_tool/ImageTool.svelte b/src/components/pages/main_page/image_tool/ImageTool.svelte
index dfa1b098..1d0e8443 100644
--- a/src/components/pages/main_page/image_tool/ImageTool.svelte
+++ b/src/components/pages/main_page/image_tool/ImageTool.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-  import { onMount } from 'svelte';
+  import { onMount, untrack } from 'svelte';
   import * as fabric from 'fabric';
   import {
-    canvas,
+    canvas as canvas_obj,
     background_image,
     scaling_factor,
     get_units,
@@ -20,7 +20,6 @@
     main_text_font_configs,
     normal_text_font_config
   } from './state';
-  import { get, writable } from 'svelte/store';
   import {
     sarga_selected,
     kANDa_selected,
@@ -39,7 +38,7 @@
   import { render_all_texts } from './render_text';
   import ImageOptions from './ImageOptions.svelte';
 
-  let mounted = writable(false);
+  let mounted = $state(false);
 
   // in our case we dont need to initialize inside of onMount
   $image_kANDa = $kANDa_selected;
@@ -54,31 +53,41 @@
       window.removeEventListener('resize', update_scaling_factor);
     };
     paint_init_convas().then(() => {
-      $mounted = true;
+      mounted = true;
     });
     return unsub_func;
   });
 
-  let kANDa_names: string[] = [];
-  $: get_kANDa_names($image_script).then((names) => (kANDa_names = names));
-  let sarga_names: string[] = [];
-  $: get_sarga_names($image_kANDa, $image_script).then((names) => (sarga_names = names));
+  let kANDa_names: string[] = $state([]);
+  $effect(() => {
+    get_kANDa_names($image_script).then((names) => (kANDa_names = names));
+  });
+  let sarga_names: string[] = $state([]);
+  $effect(() => {
+    get_sarga_names($image_kANDa, $image_script).then((names) => (sarga_names = names));
+  });
 
-  $: if ($image_kANDa && get(mounted)) {
-    // ^ accessing writable's value without $ wont trigger it on change
-    $image_sarga = 1;
-    $image_shloka = 1;
-  }
-  $: $image_script = get_script_for_lang($image_lang);
+  $effect(() => {
+    if ($image_kANDa && untrack(() => mounted)) {
+      // ^ accessing writable's value without $ wont trigger it on change
+      $image_sarga = 1;
+      $image_shloka = 1;
+    }
+  });
+  $effect(() => {
+    $image_script = get_script_for_lang($image_lang);
+  });
 
-  $: if ($image_sarga) {
-    $image_shloka = 1;
-    // reset after change
-  }
+  $effect(() => {
+    if ($image_sarga) {
+      $image_shloka = 1;
+      // reset after change
+    }
+  });
 
-  $: sarga_loading = $image_sarga_data.isFetching || !$image_sarga_data.isSuccess;
+  let sarga_loading = $derived($image_sarga_data.isFetching || !$image_sarga_data.isSuccess);
 
-  let canvas_element: HTMLCanvasElement;
+  let canvas_element = $state<HTMLCanvasElement>(null!);
 
   function update_scaling_factor() {
     // we can improve the method of calculating the scaling factor later on
@@ -90,7 +99,7 @@
   }
 
   const paint_init_convas = async () => {
-    $canvas = new fabric.Canvas(canvas_element, {
+    $canvas_obj = new fabric.Canvas(canvas_element, {
       width: get_units(IMAGE_DIMENSIONS[0]),
       height: get_units(IMAGE_DIMENSIONS[1]),
       backgroundColor: 'transparent'
@@ -106,16 +115,16 @@
       selection: false
     });
     // Add the image to the canvas
-    $canvas.add($background_image);
+    $canvas_obj.add($background_image);
 
-    $canvas.requestRenderAll();
+    $canvas_obj.requestRenderAll();
   };
 
   const update_canvas_dimensions = () => {
-    if (!$canvas || !mounted) return;
+    if (!$canvas_obj || !mounted) return;
     // Update canvas dimensions
-    $canvas.setWidth(get_units(IMAGE_DIMENSIONS[0]));
-    $canvas.setHeight(get_units(IMAGE_DIMENSIONS[1]));
+    $canvas_obj.setWidth(get_units(IMAGE_DIMENSIONS[0]));
+    $canvas_obj.setHeight(get_units(IMAGE_DIMENSIONS[1]));
     const prev_scaling_factor = $background_image.scaleX;
     // Scale background image
     $background_image.scaleX = $scaling_factor;
@@ -178,34 +187,46 @@
       obj.setCoords();
     };
     // Update positions and scales of text objects
-    $canvas.getObjects().forEach(scale_object);
-    $canvas.requestRenderAll();
+    $canvas_obj.getObjects().forEach(scale_object);
+    $canvas_obj.requestRenderAll();
   };
-  $: $mounted && $scaling_factor && update_canvas_dimensions();
-  $: $mounted && set_background_image_type($shaded_background_image_status);
+  $effect(() => {
+    mounted && $scaling_factor && update_canvas_dimensions();
+  });
+  $effect(() => {
+    mounted && set_background_image_type($shaded_background_image_status);
+  });
 
-  $: mounted &&
-    $image_tool_opened &&
-    setTimeout(async () => {
-      await render_all_texts(get(image_shloka), get(image_script), get(image_lang));
-    }, 600);
+  $effect(() => {
+    mounted &&
+      $image_tool_opened &&
+      setTimeout(async () => {
+        await render_all_texts(
+          untrack(() => $image_shloka),
+          untrack(() => $image_script),
+          untrack(() => $image_lang)
+        );
+      }, 600);
+  });
   // ^ This is to try to fix the issue of text not rendering after opening the image tool second time
 
-  $: mounted &&
-    !$image_sarga_data.isFetching &&
-    $image_sarga_data.isSuccess &&
-    !$image_trans_data.isFetching &&
-    $image_trans_data.isSuccess &&
-    $SPACE_ABOVE_REFERENCE_LINE &&
-    $image_sarga &&
-    $image_kANDa &&
-    $shloka_configs &&
-    $normal_text_font_config &&
-    $trans_text_font_configs &&
-    $main_text_font_configs &&
-    (async () => {
-      await render_all_texts($image_shloka, $image_script, $image_lang);
-    })();
+  $effect(() => {
+    mounted &&
+      !$image_sarga_data.isFetching &&
+      $image_sarga_data.isSuccess &&
+      !$image_trans_data.isFetching &&
+      $image_trans_data.isSuccess &&
+      $SPACE_ABOVE_REFERENCE_LINE &&
+      $image_sarga &&
+      $image_kANDa &&
+      $shloka_configs &&
+      $normal_text_font_config &&
+      $trans_text_font_configs &&
+      $main_text_font_configs &&
+      (async () => {
+        await render_all_texts($image_shloka, $image_script, $image_lang);
+      })();
+  });
 </script>
 
 <div class="space-y-2">
@@ -231,7 +252,7 @@
       <button
         class="btn m-0 p-0"
         disabled={$image_sarga === 1 || sarga_loading}
-        on:click={() => ($image_sarga -= 1)}
+        onclick={() => ($image_sarga -= 1)}
       >
         <Icon src={TiArrowBackOutline} class="-mt-1 text-lg" />
       </button>
@@ -247,7 +268,7 @@
       />
       <button
         class="btn m-0 p-0"
-        on:click={() => ($image_sarga += 1)}
+        onclick={() => ($image_sarga += 1)}
         disabled={$image_sarga === rAmAyaNam_map[$image_kANDa - 1].sarga_count || sarga_loading}
       >
         <Icon src={TiArrowForwardOutline} class="-mt-1 text-lg" />
diff --git a/src/components/pages/main_page/user/Authenticate.svelte b/src/components/pages/main_page/user/Authenticate.svelte
index 7f46df57..57e497dc 100644
--- a/src/components/pages/main_page/user/Authenticate.svelte
+++ b/src/components/pages/main_page/user/Authenticate.svelte
@@ -7,17 +7,26 @@
   import Icon from '~/tools/Icon.svelte';
   import { BiLogIn } from 'svelte-icons-pack/bi';
 
-  export let on_verify: (verified: boolean, id_token: string, access_token: string) => void = null!;
-  export let is_verified: Writable<boolean>;
-  export let show_always = false;
-  let pass_input_element: Writable<HTMLInputElement> = writable(null!);
+  let pass_input_element = $state<HTMLInputElement>(null!);
 
-  export let user_input_element: Writable<HTMLInputElement> = writable(null!);
+  interface Props {
+    on_verify?: (verified: boolean, id_token: string, access_token: string) => void;
+    is_verified: Writable<boolean>;
+    show_always?: boolean;
+    user_input_element?: Writable<HTMLInputElement>;
+  }
 
-  let username_or_email: string;
-  let password: string;
-  let wrong_pass_status = false;
-  let user_not_found_status = false;
+  let {
+    on_verify = null!,
+    is_verified,
+    show_always = false,
+    user_input_element = writable(null!)
+  }: Props = $props();
+
+  let username_or_email = $state('');
+  let password = $state('');
+  let wrong_pass_status = $state(false);
+  let user_not_found_status = $state(false);
 
   const check_pass = client_q.auth.verify_pass.mutation({
     onSuccess(res) {
@@ -30,7 +39,7 @@
           user_not_found_status = true;
         } else if (res.err_code === 'wrong_password') {
           password = '';
-          $pass_input_element.focus();
+          pass_input_element.focus();
           wrong_pass_status = true;
         }
       } else {
@@ -40,7 +49,8 @@
       }
     }
   });
-  const check_pass_func = async () => {
+  const check_pass_func = async (e: Event) => {
+    e.preventDefault();
     if (password === '') return;
     $check_pass.mutate({
       username_or_email: username_or_email,
@@ -51,7 +61,7 @@
 
 {#if show_always || !$is_verified}
   <div class="text-2xl font-bold text-orange-600 dark:text-yellow-500">Authentication</div>
-  <form on:submit|preventDefault={check_pass_func} class="mt-2 space-y-2.5">
+  <form onsubmit={check_pass_func} class="mt-2 space-y-2.5">
     <label class="space-y-1">
       <div class="space-x-3 font-bold">
         <span class="font-bold">Username/Email</span>
@@ -79,7 +89,7 @@
         placeholder="Password"
         bind:value={password}
         required
-        bind:this={$pass_input_element}
+        bind:this={pass_input_element}
       />
     </label>
     <button
diff --git a/src/components/pages/main_page/user/ManageUser.svelte b/src/components/pages/main_page/user/ManageUser.svelte
index 7f24d025..85c167c2 100644
--- a/src/components/pages/main_page/user/ManageUser.svelte
+++ b/src/components/pages/main_page/user/ManageUser.svelte
@@ -3,30 +3,30 @@
   import { client_q } from '~/api/client';
   import { getModalStore, popup } from '@skeletonlabs/skeleton';
   import { RiSystemAddLargeFill, RiSystemCloseLargeLine } from 'svelte-icons-pack/ri';
-  import { onDestroy, onMount } from 'svelte';
   import { browser } from '$app/environment';
   import { LanguageIcon } from '~/components/icons';
   import { FiEdit3 } from 'svelte-icons-pack/fi';
   import { LANG_LIST } from '~/tools/lang_list';
   import { user_info } from '~/state/main_page/user';
-  import type { Unsubscriber } from 'svelte/store';
   import { useQueryClient } from '@tanstack/svelte-query';
+  import { untrack } from 'svelte';
 
   const modal_store = getModalStore();
   const query_client = useQueryClient();
 
-  const unsubscribers: Unsubscriber[] = [];
   const currrent_user_info = $user_info!;
-  let admin_users_index: number[] = [];
-  let normal_users_index: number[] = [];
-  let unverified_normal_users_index: number[] = [];
-  let selected_langs_index: string[][] = [];
+  let admin_users_index = $state<number[]>([]);
+  let normal_users_index = $state<number[]>([]);
+  let unverified_normal_users_index: number[] = $state([]);
+  let selected_langs_index: string[][] = $state([]);
 
-  $: users_info = client_q.user_info.get_all_users_info.query(undefined, {
-    enabled: browser && $user_info?.user_type === 'admin',
-    placeholderData: [],
-    refetchOnMount: 'always'
-  });
+  let users_info = $derived(
+    client_q.user_info.get_all_users_info.query(undefined, {
+      enabled: browser && $user_info?.user_type === 'admin',
+      placeholderData: [],
+      refetchOnMount: 'always'
+    })
+  );
   // the built in invaliadte in `svelte-trpc-query` is not working! so manually invalidate the query
   const USERS_INFO_QUERY_KEY = [['user_info', 'get_all_users_info'], { type: 'query' }];
   const invaliadte_users_info = () =>
@@ -34,29 +34,28 @@
       queryKey: USERS_INFO_QUERY_KEY,
       exact: true
     });
-  onMount(() => {
-    unsubscribers.push(
-      users_info.subscribe((v) => {
-        if (!v.isSuccess) return;
-        // this is simulate onSucess
-        const info = v.data;
-        admin_users_index = [];
-        normal_users_index = [];
-        unverified_normal_users_index = [];
-        selected_langs_index = [];
-        for (let i = 0; i < info.length; i++) {
-          const user = info[i];
-          if (user.user_type === 'admin') {
-            admin_users_index.push(i);
-          } else {
-            if (!user.user_verification_requests) {
-              normal_users_index.push(i);
-              selected_langs_index.push(user.allowed_langs ? user.allowed_langs : []);
-            } else unverified_normal_users_index.push(i);
-          }
+
+  $effect(() => {
+    if (!$users_info.isSuccess) return;
+    // this is simulate onSucess
+    untrack(() => {
+      const info = $users_info.data;
+      admin_users_index = [];
+      normal_users_index = [];
+      unverified_normal_users_index = [];
+      selected_langs_index = [];
+      for (let i = 0; i < info.length; i++) {
+        const user = info[i];
+        if (user.user_type === 'admin') {
+          admin_users_index.push(i);
+        } else {
+          if (!user.user_verification_requests) {
+            normal_users_index.push(i);
+            selected_langs_index.push(user.allowed_langs ? user.allowed_langs : []);
+          } else unverified_normal_users_index.push(i);
         }
-      })
-    );
+      }
+    });
   });
 
   const add_allowed_lang = client_q.auth.add_user_allowed_langs.mutation({
@@ -95,9 +94,6 @@
       }
     });
   };
-  onDestroy(() => {
-    unsubscribers.forEach((u) => u());
-  });
 </script>
 
 <div class="text-2xl font-bold text-orange-600 dark:text-yellow-500">Manage User Settings</div>
@@ -160,7 +156,7 @@
                       {/each}
                     </select>
                     <button
-                      on:click={() =>
+                      onclick={() =>
                         $add_allowed_lang.mutateAsync({
                           id: user.id,
                           langs: selected_langs_index[i]
@@ -169,7 +165,7 @@
                       >Update</button
                     >
                   </div>
-                  <div class="bg-surface-100-800-token arrow" />
+                  <div class="bg-surface-100-800-token arrow"></div>
                 </div>
               </span>
             </div>
@@ -187,14 +183,14 @@
                 <span class="text text-sm text-gray-500 dark:text-gray-400">({user.user_id})</span>
                 <button
                   title="Verify User"
-                  on:click={() => add_unverified_user_func(user.id, user.user_id)}
+                  onclick={() => add_unverified_user_func(user.id, user.user_id)}
                   class="btn mx-1 inline-block p-0"
                 >
                   <Icon src={RiSystemAddLargeFill} class="text-xl" />
                 </button>
                 <button
                   title="Remove User"
-                  on:click={() => remove_unverified_user_func(user.id, user.user_id)}
+                  onclick={() => remove_unverified_user_func(user.id, user.user_id)}
                   class="btn mx-1 inline-block p-0"
                 >
                   <Icon src={RiSystemCloseLargeLine} class="text-xl" />
@@ -208,17 +204,17 @@
       <section class="card w-full space-y-3">
         {#each Array.from({ length: 3 }) as _, i}
           <div class="space-y-2">
-            <div class="placeholder animate-pulse" />
+            <div class="placeholder animate-pulse"></div>
             <div class="grid grid-cols-3 gap-8">
-              <div class="placeholder animate-pulse" />
-              <div class="placeholder animate-pulse" />
-              <div class="placeholder animate-pulse" />
+              <div class="placeholder animate-pulse"></div>
+              <div class="placeholder animate-pulse"></div>
+              <div class="placeholder animate-pulse"></div>
             </div>
             <div class="grid grid-cols-4 gap-4">
-              <div class="placeholder animate-pulse" />
-              <div class="placeholder animate-pulse" />
-              <div class="placeholder animate-pulse" />
-              <div class="placeholder animate-pulse" />
+              <div class="placeholder animate-pulse"></div>
+              <div class="placeholder animate-pulse"></div>
+              <div class="placeholder animate-pulse"></div>
+              <div class="placeholder animate-pulse"></div>
             </div>
           </div>
         {/each}
diff --git a/src/components/pages/main_page/user/NewUser.svelte b/src/components/pages/main_page/user/NewUser.svelte
index 65b94a25..ad935be5 100644
--- a/src/components/pages/main_page/user/NewUser.svelte
+++ b/src/components/pages/main_page/user/NewUser.svelte
@@ -5,21 +5,26 @@
   import Icon from '~/tools/Icon.svelte';
   import { client_q } from '~/api/client';
   import { z } from 'zod';
-  export let on_verify: () => void = null!;
-  export let name_input_element: Writable<HTMLInputElement>;
-  let username_input_element: HTMLInputElement = null!;
-  let email_input_element: HTMLInputElement = null!;
 
-  let username: string;
-  let name: string;
-  let password: string;
-  let email: string;
-  let contact_number: string;
+  interface Props {
+    on_verify?: () => void;
+    name_input_element: Writable<HTMLInputElement>;
+  }
 
-  let user_already_exists = false;
-  let email_already_exists = false;
+  let { on_verify = null!, name_input_element }: Props = $props();
+  let username_input_element: HTMLInputElement = $state(null!);
+  let email_input_element: HTMLInputElement = $state(null!);
 
-  let user_created_status = false;
+  let username = $state('');
+  let name = $state('');
+  let password = $state('');
+  let email = $state('');
+  let contact_number = $state('');
+
+  let user_already_exists = $state(false);
+  let email_already_exists = $state(false);
+
+  let user_created_status = $state(false);
 
   const create_new_user = client_q.auth.add_new_user.mutation({
     onSuccess(res) {
@@ -40,7 +45,8 @@
       }
     }
   });
-  const create_new_user_func = async () => {
+  const create_new_user_func = async (e: Event) => {
+    e.preventDefault();
     if (
       [username, name, password, email].some((v) => !v || v === '') ||
       !z.string().email().safeParse(email).success
@@ -67,13 +73,13 @@
     </div>
     <button
       class="variant-outline-primary btn"
-      on:click={() => {
+      onclick={() => {
         if (on_verify) on_verify();
       }}>Continue</button
     >
   </div>
 {:else}
-  <form on:submit|preventDefault={create_new_user_func} class="mt-2 space-y-2.5 text-base">
+  <form onsubmit={create_new_user_func} class="mt-2 space-y-2.5 text-base">
     <label class="space-y-1">
       <div class="space-x-3 font-bold">
         <span>Name</span>
diff --git a/src/components/pages/main_page/user/UpdatePassword.svelte b/src/components/pages/main_page/user/UpdatePassword.svelte
index cfa501d0..e131dacd 100644
--- a/src/components/pages/main_page/user/UpdatePassword.svelte
+++ b/src/components/pages/main_page/user/UpdatePassword.svelte
@@ -1,12 +1,16 @@
 <script lang="ts">
   import { client_q } from '~/api/client';
 
-  export let on_done: () => void = null!;
+  interface Props {
+    on_done?: () => void;
+  }
 
-  let current_password: string;
-  let new_password: string;
+  let { on_done = null! }: Props = $props();
 
-  let pass_wrong_status = false;
+  let current_password = $state('');
+  let new_password = $state('');
+
+  let pass_wrong_status = $state(false);
 
   const update_password = client_q.auth.update_password.mutation({
     onSuccess(res) {
@@ -18,7 +22,8 @@
       on_done();
     }
   });
-  const update_password_func = async () => {
+  const update_password_func = async (e: Event) => {
+    e.preventDefault();
     if (!current_password || !new_password) return;
     $update_password.mutate({
       current_password: current_password,
@@ -28,7 +33,7 @@
 </script>
 
 <div class="text-2xl font-bold text-orange-600 dark:text-yellow-500">Update Password</div>
-<form on:submit|preventDefault={update_password_func} class="mt-1 space-y-2.5 text-base">
+<form onsubmit={update_password_func} class="mt-1 space-y-2.5 text-base">
   <label class="space-y-1">
     <div class="space-x-2 font-bold">
       <span>Current Password</span>
diff --git a/src/components/pages/main_page/user/User.svelte b/src/components/pages/main_page/user/User.svelte
index 1c4113a3..0e015ff1 100644
--- a/src/components/pages/main_page/user/User.svelte
+++ b/src/components/pages/main_page/user/User.svelte
@@ -94,7 +94,7 @@
         {#if $user_info.user_type === 'admin'}
           <button
             disabled={$editing_status_on}
-            on:click={() => ($manage_user_modal_status = true)}
+            onclick={() => ($manage_user_modal_status = true)}
             class="btn space-x-2 rounded-md bg-primary-800 pb-1 pl-1 pr-2 pt-1 font-bold text-white"
           >
             <Icon class="text-2xl" src={LuSettings} />
@@ -103,7 +103,7 @@
         {/if}
         <button
           disabled={$editing_status_on}
-          on:click={log_out}
+          onclick={log_out}
           class="variant-filled-error btn m-0 rounded-md pb-1 pl-1 pr-2 pt-0 font-bold"
         >
           <Icon class="text-2xl" src={BiLogOut} />
@@ -112,7 +112,7 @@
       </div>
       <button
         disabled={$editing_status_on}
-        on:click={() => ($update_password_modal_status = true)}
+        onclick={() => ($update_password_modal_status = true)}
         class="btn m-0 rounded-md bg-secondary-800 pb-1 pl-1 pr-2 pt-0 font-bold text-white dark:bg-secondary-700"
       >
         <Icon class="text-2xl" src={BiLock} />
@@ -128,7 +128,7 @@
       {/if}
       {#if $user_info.user_type === 'admin'}
         <button
-          on:click={trigger_translations_update}
+          onclick={trigger_translations_update}
           disabled={$editing_status_on}
           class="btn m-0 block rounded-md bg-primary-900 px-1 py-0 font-bold text-white dark:bg-primary-900"
         >
@@ -140,7 +140,7 @@
   {:else}
     <div class="space-y-2">
       <button
-        on:click={() => {
+        onclick={() => {
           $pass_enterer_status = true;
           setTimeout(() => {
             $user_input_elmnt_login.focus();
@@ -155,7 +155,7 @@
         <span>Login</span>
       </button>
       <button
-        on:click={() => {
+        onclick={() => {
           $user_create_modal_status = true;
           setTimeout(() => {
             $user_input_elmnt_login.focus();
@@ -172,7 +172,7 @@
     </div>
   {/if}
 </div>
-<Modal modal_open={pass_enterer_status}>
+<Modal bind:modal_open={$pass_enterer_status}>
   <div class="p-2">
     <Authenticate
       is_verified={writable(false)}
@@ -187,7 +187,7 @@
     />
   </div>
 </Modal>
-<Modal modal_open={user_create_modal_status} close_on_click_outside={false}>
+<Modal bind:modal_open={$user_create_modal_status} close_on_click_outside={false}>
   <div class="p-2">
     <NewUser
       name_input_element={name_input_elmnt_new_user}
@@ -197,11 +197,11 @@
     />
   </div>
 </Modal>
-<Modal modal_open={manage_user_modal_status} close_on_click_outside={false}>
+<Modal bind:modal_open={$manage_user_modal_status} close_on_click_outside={false}>
   <div class="p-2">
     <ManageUser />
   </div>
 </Modal>
-<Modal modal_open={update_password_modal_status}>
+<Modal bind:modal_open={$update_password_modal_status}>
   <UpdatePassword on_done={() => ($update_password_modal_status = false)} />
 </Modal>
diff --git a/src/components/tags/GA.svelte b/src/components/tags/GA.svelte
index a81d406f..2f1d1a2f 100644
--- a/src/components/tags/GA.svelte
+++ b/src/components/tags/GA.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
   const ID: string = import.meta.env.VITE_GA_ID;
 
-  let html = `
+  let html = $state(`
         window.dataLayer = window.dataLayer || [];
         function gtag() {
           dataLayer.push(arguments);
         }
         gtag('js', new Date());
         gtag('config', '${ID}');
-      `;
+      `);
 </script>
 
 <svelte:head>
diff --git a/src/components/tags/MetaTags.svelte b/src/components/tags/MetaTags.svelte
index 22b8129b..98f21032 100644
--- a/src/components/tags/MetaTags.svelte
+++ b/src/components/tags/MetaTags.svelte
@@ -1,6 +1,10 @@
 <script lang="ts">
-  export let title: string;
-  export let description: string | null = null;
+  interface Props {
+    title: string;
+    description?: string | null;
+  }
+
+  let { title, description = null }: Props = $props();
 </script>
 
 <svelte:head>
diff --git a/src/components/tags/PartyTown.svelte b/src/components/tags/PartyTown.svelte
index 83bb537a..30c68e1c 100644
--- a/src/components/tags/PartyTown.svelte
+++ b/src/components/tags/PartyTown.svelte
@@ -2,7 +2,7 @@
   import { onMount } from 'svelte';
   import { partytownSnippet } from '@builder.io/partytown/integration';
 
-  let scriptEl;
+  let scriptEl = $state();
   onMount(() => {
     if (scriptEl) {
       scriptEl.textContent = partytownSnippet();
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index bb2432be..6a7755de 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -11,6 +11,12 @@
   import { SvelteQueryDevtools } from '@tanstack/svelte-query-devtools';
   import { queryClient } from '~/state/query';
 
+  interface Props {
+    children?: import('svelte').Snippet;
+  }
+
+  let { children }: Props = $props();
+
   initializeStores();
   storePopup.set({ computePosition, autoUpdate, offset, shift, flip, arrow });
 </script>
@@ -25,7 +31,7 @@
   <div class="contaiiner mx-auto mb-1 max-w-screen-lg">
     <TopAppBar />
     <div class="mx-2">
-      <slot />
+      {@render children?.()}
     </div>
   </div>
   <SvelteQueryDevtools initialIsOpen={false} />
diff --git a/src/routes/convert/+page.svelte b/src/routes/convert/+page.svelte
index ffead390..712fcca8 100644
--- a/src/routes/convert/+page.svelte
+++ b/src/routes/convert/+page.svelte
@@ -20,13 +20,13 @@
   let from_text = writable('');
   let to_text = writable('');
 
-  let from_text_type_enabled = true;
-  let to_text_type_enabled = true;
+  let from_text_type_enabled = $state(true);
+  let to_text_type_enabled = $state(true);
 
-  $: {
+  $effect(() => {
     load_parivartak_lang_data($from_lang);
     load_parivartak_lang_data($to_lang);
-  }
+  });
 
   async function convert_text(
     source_text: string,
@@ -48,8 +48,8 @@
 
   let typing_assistance_modal_opened = writable(false);
 
-  $: from_text_font_info = get_font_family_and_size($from_lang);
-  $: to_text_font_info = get_font_family_and_size($to_lang);
+  let from_text_font_info = $derived(get_font_family_and_size($from_lang));
+  let to_text_font_info = $derived(get_font_family_and_size($to_lang));
 </script>
 
 <MetaTags title={PAGE_INFO.title} description={PAGE_INFO.description} />
@@ -65,7 +65,7 @@
       <button
         title="Copy Text"
         class="btn m-0 select-none p-0 outline-none dark:hover:text-gray-400"
-        on:click={() => copy_text_to_clipboard($from_text)}
+        onclick={() => copy_text_to_clipboard($from_text)}
       >
         <Icon src={OiCopy16} class="text-xl" />
       </button>
@@ -85,7 +85,7 @@
       bind:value={$from_text}
       style:font-size={`${from_text_font_info.size}rem`}
       style:font-family={from_text_font_info.family}
-      on:input={(e) => {
+      oninput={(e) => {
         if (from_text_type_enabled)
           // @ts-ignore
           LipiLekhikA.mukhya(e.target, e.data, $from_lang, true, (val) => {
@@ -98,7 +98,7 @@
   <div class="my-3 flex justify-center space-x-3">
     <button
       class="btn m-0 p-0"
-      on:click={() => convert_text($to_text, from_text, $to_lang, $from_lang)}
+      onclick={() => convert_text($to_text, from_text, $to_lang, $from_lang)}
       ><Icon
         src={FaCircleUp}
         class="text-3xl hover:text-gray-500 dark:hover:text-gray-400"
@@ -106,7 +106,7 @@
     >
     <button
       class="btn m-0 p-0"
-      on:click={() => convert_text($from_text, to_text, $from_lang, $to_lang)}
+      onclick={() => convert_text($from_text, to_text, $from_lang, $to_lang)}
       ><Icon
         src={FaCircleDown}
         class="text-3xl hover:text-gray-500 dark:hover:text-gray-400"
@@ -115,7 +115,7 @@
     <button
       class="btn rounded-md p-0 text-sm"
       title={'Language Typing Assistance'}
-      on:click={() => ($typing_assistance_modal_opened = true)}
+      onclick={() => ($typing_assistance_modal_opened = true)}
     >
       <Icon src={BiHelpCircle} class="text-4xl text-sky-500 dark:text-sky-400" />
     </button>
@@ -130,7 +130,7 @@
       <button
         title="Copy Text"
         class="btn m-0 select-none p-0 outline-none dark:hover:text-gray-400"
-        on:click={() => copy_text_to_clipboard($to_text)}
+        onclick={() => copy_text_to_clipboard($to_text)}
       >
         <Icon src={OiCopy16} class="text-xl" />
       </button>
@@ -150,7 +150,7 @@
       style:font-size={`${to_text_font_info.size}rem`}
       style:font-family={to_text_font_info.family}
       placeholder={`Enter text in ${$to_lang}`}
-      on:input={(e) => {
+      oninput={(e) => {
         if (to_text_type_enabled)
           // @ts-ignore
           LipiLekhikA.mukhya(e.target, e.data, $to_lang, true, (val) => {
@@ -161,4 +161,7 @@
     ></textarea>
   </div>
 </div>
-<TypingAssistance modal_opended={typing_assistance_modal_opened} sync_lang_script={from_lang} />
+<TypingAssistance
+  bind:modal_opened={$typing_assistance_modal_opened}
+  sync_lang_script={$from_lang}
+/>
diff --git a/src/routes/excel_tool/+page.svelte b/src/routes/excel_tool/+page.svelte
index 981a96ce..e1d7faa7 100644
--- a/src/routes/excel_tool/+page.svelte
+++ b/src/routes/excel_tool/+page.svelte
@@ -24,23 +24,23 @@
 
   export const modalStore = getModalStore();
 
-  let file_download_links: string[] = [];
-  let file_workbooks: Workbook[] = [];
-  let file_list: FileList;
+  let file_download_links: string[] = $state([]);
+  let file_workbooks: Workbook[] = $state([]);
+  let file_list: FileList = $state(null!);
   // let file_list = [{ name: 'vAlamIki.xlsx' }, { name: 'nArada.xlxs' }]; // @warn
 
   // default options
-  let lang_row_index = 1;
-  let text_col_index = 2;
-  let text_row_start_index = 2;
-  let base_lang_code = 'Sanskrit';
-  let file_name_prefix = '';
-  let file_name_postfix = '_transliterated';
+  let lang_row_index = $state(1);
+  let text_col_index = $state(2);
+  let text_row_start_index = $state(2);
+  let base_lang_code = $state('Sanskrit');
+  let file_name_prefix = $state('');
+  let file_name_postfix = $state('_transliterated');
 
-  let file_preview_opened = writable(false);
-  let current_workbook: Workbook;
-  let current_file_preview_link: string;
-  let current_file_name: string;
+  let file_preview_opened = $state(false);
+  let current_workbook: Workbook = $state(null!);
+  let current_file_preview_link = $state('');
+  let current_file_name = $state('');
 
   const excel_transliteration = createMutation({
     mutationKey: ['excel', 'start_transliteration'],
@@ -55,7 +55,7 @@
       response: (resp: boolean) => {
         if (!resp) return;
         file_list = null!;
-        $file_preview_opened = false;
+        file_preview_opened = false;
         current_workbook = null!;
         current_file_name = null!;
         current_file_preview_link = null!;
@@ -151,11 +151,13 @@
     <Accordion>
       <!-- @warn -->
       <AccordionItem open={false}>
-        <svelte:fragment slot="lead"><Icon src={IoOptions} class="text-3xl" /></svelte:fragment>
-        <svelte:fragment slot="summary"
-          ><span class="font-bold">Change Default Options</span></svelte:fragment
-        >
-        <svelte:fragment slot="content">
+        {#snippet lead()}
+          <Icon src={IoOptions} class="text-3xl" />
+        {/snippet}
+        {#snippet summary()}
+          <span class="font-bold">Change Default Options</span>
+        {/snippet}
+        {#snippet content()}
           <label class="block space-x-2">
             <span>Language Row Number</span>
             <input type="number" bind:value={lang_row_index} class="input w-16 rounded-lg" />
@@ -187,10 +189,10 @@
               {/each}
             </select>
           </label>
-        </svelte:fragment>
+        {/snippet}
       </AccordionItem>
     </Accordion>
-    <button class="variant-filled-error btn flex" on:click={clear_file_list}>
+    <button class="variant-filled-error btn flex" onclick={clear_file_list}>
       <Icon src={AiOutlineDelete} class="mr-1 text-2xl" />
       Clear File List
     </button>
@@ -213,7 +215,7 @@
                 <button
                   class="btn m-0 p-0"
                   disabled={$excel_transliteration.isPending}
-                  on:click={() => download_file(file_index)}
+                  onclick={() => download_file(file_index)}
                   ><Icon
                     src={BiSolidDownload}
                     class="text-xl hover:text-gray-500 active:text-green-600 dark:hover:text-gray-400"
@@ -222,11 +224,11 @@
                 <button
                   class="btn m-0 p-0"
                   disabled={$excel_transliteration.isPending}
-                  on:click={() => {
+                  onclick={() => {
                     current_workbook = file_workbooks[file_index];
                     current_file_preview_link = file_download_links[file_index];
                     current_file_name = get_file_name_with_prefix_postfix(file.name);
-                    $file_preview_opened = true;
+                    file_preview_opened = true;
                   }}
                   ><Icon
                     src={VscPreview}
@@ -242,17 +244,17 @@
     </ul>
 
     <button
-      on:click={() => $excel_transliteration.mutate()}
+      onclick={() => $excel_transliteration.mutate()}
       disabled={$excel_transliteration.isPending}
       class="variant-outline-success btn flex font-bold text-green-700 dark:text-white"
     >
       <Icon src={VscDebugStart} class="mr-1 text-2xl" />
       Start Transliteration
     </button>
-    {#if $file_preview_opened}
+    {#if file_preview_opened}
       <PreviewExcel
         workbook={current_workbook}
-        {file_preview_opened}
+        bind:file_preview_opened
         file_name={current_file_name}
         file_link={current_file_preview_link}
       />
diff --git a/src/tools/Icon.svelte b/src/tools/Icon.svelte
index fa744b0a..08cb5b67 100644
--- a/src/tools/Icon.svelte
+++ b/src/tools/Icon.svelte
@@ -1,17 +1,27 @@
 <script lang="ts">
   import type { IconType } from 'svelte-icons-pack';
   import { cl_join } from './cl_join';
-  export let src: IconType;
-  export let title: string | undefined = undefined;
-  export let outerClass: string | undefined = undefined;
-  let className = '';
-  export { className as class };
-  export let viewBox: string | undefined = undefined;
-  let innerHtml: string;
-
-  $: {
-    innerHtml = (title ? `<title>${title}</title>` : '') + src.c;
+  
+  interface Props {
+    src: IconType;
+    title?: string | undefined;
+    outerClass?: string | undefined;
+    class?: string;
+    viewBox?: string | undefined;
+    children?: import('svelte').Snippet;
   }
+
+  let {
+    src,
+    title = undefined,
+    outerClass = undefined,
+    class: className = '',
+    viewBox = undefined,
+    children
+  }: Props = $props();
+  let innerHtml: string = $derived((title ? `<title>${title}</title>` : '') + src.c);
+
+  
 </script>
 
 <span class={outerClass}>
@@ -28,5 +38,5 @@
   >
     {@html innerHtml}
   </svg>
-  <slot />
+  {@render children?.()}
 </span>
diff --git a/src/tools/query.ts b/src/tools/query.ts
index 4952fca4..483a9d59 100644
--- a/src/tools/query.ts
+++ b/src/tools/query.ts
@@ -1,7 +1,10 @@
 import type { CreateQueryResult } from '@tanstack/svelte-query';
-import type { Readable, StoresValues } from 'svelte/store';
+import type { Readable } from 'svelte/store';
 import { derived } from 'svelte/store';
 
+type StoresValues<T> =
+  T extends Readable<infer U> ? U : { [K in keyof T]: T[K] extends Readable<infer U> ? U : never };
+
 /**
  * Get a derived store from a `svelte-query` function and a list of stores
  */

From d6be83a88777da16038c6a4f4af50414dfb76530 Mon Sep 17 00:00:00 2001
From: Shubham Anand Gupta <81542648+shubhattin@users.noreply.github.com>
Date: Fri, 25 Oct 2024 09:09:45 +0530
Subject: [PATCH 3/5] tried to remove Writable type use

---
 .../pages/main_page/user/Authenticate.svelte  | 20 +++++++++----------
 .../pages/main_page/user/NewUser.svelte       |  7 +++----
 .../pages/main_page/user/User.svelte          |  8 ++++----
 3 files changed, 16 insertions(+), 19 deletions(-)

diff --git a/src/components/pages/main_page/user/Authenticate.svelte b/src/components/pages/main_page/user/Authenticate.svelte
index 57e497dc..2e67c20a 100644
--- a/src/components/pages/main_page/user/Authenticate.svelte
+++ b/src/components/pages/main_page/user/Authenticate.svelte
@@ -1,8 +1,6 @@
 <script lang="ts">
   import { client_q } from '~/api/client';
   import { storeAuthInfo } from '~/tools/auth_tools';
-  import { writable } from 'svelte/store';
-  import type { Writable } from 'svelte/store';
   import { cl_join } from '~/tools/cl_join';
   import Icon from '~/tools/Icon.svelte';
   import { BiLogIn } from 'svelte-icons-pack/bi';
@@ -11,16 +9,16 @@
 
   interface Props {
     on_verify?: (verified: boolean, id_token: string, access_token: string) => void;
-    is_verified: Writable<boolean>;
+    is_verified: boolean;
     show_always?: boolean;
-    user_input_element?: Writable<HTMLInputElement>;
+    user_input_element?: HTMLInputElement;
   }
 
   let {
     on_verify = null!,
-    is_verified,
+    is_verified = $bindable(),
     show_always = false,
-    user_input_element = writable(null!)
+    user_input_element = $bindable(null!)
   }: Props = $props();
 
   let username_or_email = $state('');
@@ -35,7 +33,7 @@
       if (!res.verified) {
         if (res.err_code === 'user_not_found') {
           username_or_email = '';
-          $user_input_element.focus();
+          user_input_element.focus();
           user_not_found_status = true;
         } else if (res.err_code === 'wrong_password') {
           password = '';
@@ -43,9 +41,9 @@
           wrong_pass_status = true;
         }
       } else {
-        $is_verified = true;
+        is_verified = true;
         storeAuthInfo(res);
-        if (on_verify) on_verify($is_verified, res.id_token, res.access_token);
+        if (on_verify) on_verify(is_verified, res.id_token, res.access_token);
       }
     }
   });
@@ -59,7 +57,7 @@
   };
 </script>
 
-{#if show_always || !$is_verified}
+{#if show_always || !is_verified}
   <div class="text-2xl font-bold text-orange-600 dark:text-yellow-500">Authentication</div>
   <form onsubmit={check_pass_func} class="mt-2 space-y-2.5">
     <label class="space-y-1">
@@ -72,7 +70,7 @@
       <input
         name="username"
         type="text"
-        bind:this={$user_input_element}
+        bind:this={user_input_element}
         bind:value={username_or_email}
         required
         class="input variant-form-material"
diff --git a/src/components/pages/main_page/user/NewUser.svelte b/src/components/pages/main_page/user/NewUser.svelte
index ad935be5..bdb85be9 100644
--- a/src/components/pages/main_page/user/NewUser.svelte
+++ b/src/components/pages/main_page/user/NewUser.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-  import type { Writable } from 'svelte/store';
   import { cl_join } from '~/tools/cl_join';
   import { LuUserPlus } from 'svelte-icons-pack/lu';
   import Icon from '~/tools/Icon.svelte';
@@ -8,10 +7,10 @@
 
   interface Props {
     on_verify?: () => void;
-    name_input_element: Writable<HTMLInputElement>;
+    name_input_element: HTMLInputElement;
   }
 
-  let { on_verify = null!, name_input_element }: Props = $props();
+  let { on_verify = null!, name_input_element = $bindable() }: Props = $props();
   let username_input_element: HTMLInputElement = $state(null!);
   let email_input_element: HTMLInputElement = $state(null!);
 
@@ -88,7 +87,7 @@
         name="name"
         type="text"
         bind:value={name}
-        bind:this={$name_input_element}
+        bind:this={name_input_element}
         minlength={4}
         maxlength={50}
         required
diff --git a/src/components/pages/main_page/user/User.svelte b/src/components/pages/main_page/user/User.svelte
index 0e015ff1..2147170c 100644
--- a/src/components/pages/main_page/user/User.svelte
+++ b/src/components/pages/main_page/user/User.svelte
@@ -158,7 +158,7 @@
         onclick={() => {
           $user_create_modal_status = true;
           setTimeout(() => {
-            $user_input_elmnt_login.focus();
+            $name_input_elmnt_new_user.focus();
           }, 500);
         }}
         class="group flex w-full space-x-2 rounded-md px-2 py-1 font-bold hover:bg-gray-200 dark:hover:bg-gray-700"
@@ -175,9 +175,9 @@
 <Modal bind:modal_open={$pass_enterer_status}>
   <div class="p-2">
     <Authenticate
-      is_verified={writable(false)}
+      is_verified={false}
       show_always={true}
-      user_input_element={user_input_elmnt_login}
+      bind:user_input_element={$user_input_elmnt_login}
       on_verify={(verified) => {
         if (verified) {
           $pass_enterer_status = false;
@@ -190,7 +190,7 @@
 <Modal bind:modal_open={$user_create_modal_status} close_on_click_outside={false}>
   <div class="p-2">
     <NewUser
-      name_input_element={name_input_elmnt_new_user}
+      bind:name_input_element={$name_input_elmnt_new_user}
       on_verify={() => {
         $user_create_modal_status = false;
       }}

From 014bd5bf75c2f383299e9e1f40dfc105459d8fe7 Mon Sep 17 00:00:00 2001
From: Shubham Anand Gupta <81542648+shubhattin@users.noreply.github.com>
Date: Fri, 25 Oct 2024 09:18:16 +0530
Subject: [PATCH 4/5] version update

---
 package.json                                  |  23 +-
 pnpm-lock.yaml                                | 423 ++++++++----------
 .../main_page/image_tool/ImageTool.svelte     |   1 -
 3 files changed, 206 insertions(+), 241 deletions(-)

diff --git a/package.json b/package.json
index 4e090cc9..17ee5cb6 100644
--- a/package.json
+++ b/package.json
@@ -19,16 +19,13 @@
   },
   "devDependencies": {
     "@modyfi/vite-plugin-yaml": "^1.1.0",
-    "@sveltejs/adapter-auto": "^3.2.5",
     "@sveltejs/adapter-vercel": "^5.4.5",
-    "@sveltejs/kit": "^2.7.1",
+    "@sveltejs/kit": "^2.7.2",
     "@sveltejs/vite-plugin-svelte": "^4.0.0",
-    "@tanstack/svelte-query-devtools": "^5.59.13",
+    "@tanstack/svelte-query-devtools": "^5.59.16",
     "@types/cli-progress": "^3.11.6",
     "@types/js-yaml": "^4.0.9",
-    "@types/node": "^22.7.7",
-    "@types/react": "^18.3.11",
-    "@types/react-dom": "^18.3.1",
+    "@types/node": "^22.7.9",
     "@vitest/ui": "^2.1.3",
     "chalk": "^5.3.0",
     "cli-progress": "^3.12.0",
@@ -40,13 +37,13 @@
     "prettier": "^3.3.3",
     "prettier-plugin-svelte": "^3.2.7",
     "sass": "1.78.0",
-    "svelte": "^5.0.5",
+    "svelte": "^5.1.2",
     "svelte-check": "^4.0.5",
     "trpc-sveltekit": "^3.6.2",
     "tslib": "^2.8.0",
     "tsx": "^4.19.1",
     "typescript": "^5.6.3",
-    "vite": "^5.4.9",
+    "vite": "^5.4.10",
     "vite-node": "^2.1.3",
     "vitest": "^2.1.3"
   },
@@ -57,14 +54,14 @@
     "@floating-ui/dom": "^1.6.11",
     "@fontsource/roboto": "^5.1.0",
     "@neondatabase/serverless": "^0.9.5",
-    "@skeletonlabs/skeleton": "^2.10.2",
+    "@skeletonlabs/skeleton": "^2.10.3",
     "@skeletonlabs/tw-plugin": "^0.4.0",
     "@tailwindcss/forms": "^0.5.9",
-    "@tanstack/svelte-query": "^5.59.13",
+    "@tanstack/svelte-query": "^5.59.16",
     "@trpc/client": "^10.45.2",
     "@trpc/server": "^10.45.2",
     "@types/ms": "^0.7.34",
-    "ai": "^3.4.16",
+    "ai": "^3.4.18",
     "autoprefixer": "^10.4.20",
     "clsx": "^2.1.1",
     "devalue": "^5.1.1",
@@ -72,11 +69,11 @@
     "drizzle-zod": "^0.5.1",
     "exceljs": "^4.4.0",
     "fabric": "^6.4.3",
-    "jose": "^5.9.4",
+    "jose": "^5.9.6",
     "jszip": "^3.10.1",
     "mode-watcher": "^0.4.1",
     "ms": "^2.1.3",
-    "openai": "^4.68.1",
+    "openai": "^4.68.4",
     "postcss": "^8.4.47",
     "postcss-load-config": "^6.0.1",
     "prettier-plugin-tailwindcss": "^0.6.8",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3c4bd961..46b62546 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -24,8 +24,8 @@ importers:
         specifier: ^0.9.5
         version: 0.9.5
       '@skeletonlabs/skeleton':
-        specifier: ^2.10.2
-        version: 2.10.2(svelte@5.0.5)
+        specifier: ^2.10.3
+        version: 2.10.3(svelte@5.1.2)
       '@skeletonlabs/tw-plugin':
         specifier: ^0.4.0
         version: 0.4.0(tailwindcss@3.4.14)
@@ -33,8 +33,8 @@ importers:
         specifier: ^0.5.9
         version: 0.5.9(tailwindcss@3.4.14)
       '@tanstack/svelte-query':
-        specifier: ^5.59.13
-        version: 5.59.13(svelte@5.0.5)
+        specifier: ^5.59.16
+        version: 5.59.16(svelte@5.1.2)
       '@trpc/client':
         specifier: ^10.45.2
         version: 10.45.2(@trpc/server@10.45.2)
@@ -45,8 +45,8 @@ importers:
         specifier: ^0.7.34
         version: 0.7.34
       ai:
-        specifier: ^3.4.16
-        version: 3.4.16(openai@4.68.1(zod@3.23.8))(react@18.3.1)(sswr@2.1.0(svelte@5.0.5))(svelte@5.0.5)(vue@3.5.12(typescript@5.6.3))(zod@3.23.8)
+        specifier: ^3.4.18
+        version: 3.4.18(openai@4.68.4(zod@3.23.8))(react@18.3.1)(sswr@2.1.0(svelte@5.1.2))(svelte@5.1.2)(vue@3.5.12(typescript@5.6.3))(zod@3.23.8)
       autoprefixer:
         specifier: ^10.4.20
         version: 10.4.20(postcss@8.4.47)
@@ -58,10 +58,10 @@ importers:
         version: 5.1.1
       drizzle-orm:
         specifier: ^0.33.0
-        version: 0.33.0(@neondatabase/serverless@0.9.5)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(@types/react@18.3.11)(postgres@3.4.4)(react@18.3.1)
+        version: 0.33.0(@neondatabase/serverless@0.9.5)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(@types/react@18.3.12)(postgres@3.4.4)(react@18.3.1)
       drizzle-zod:
         specifier: ^0.5.1
-        version: 0.5.1(drizzle-orm@0.33.0(@neondatabase/serverless@0.9.5)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(@types/react@18.3.11)(postgres@3.4.4)(react@18.3.1))(zod@3.23.8)
+        version: 0.5.1(drizzle-orm@0.33.0(@neondatabase/serverless@0.9.5)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(@types/react@18.3.12)(postgres@3.4.4)(react@18.3.1))(zod@3.23.8)
       exceljs:
         specifier: ^4.4.0
         version: 4.4.0
@@ -69,20 +69,20 @@ importers:
         specifier: ^6.4.3
         version: 6.4.3
       jose:
-        specifier: ^5.9.4
-        version: 5.9.4
+        specifier: ^5.9.6
+        version: 5.9.6
       jszip:
         specifier: ^3.10.1
         version: 3.10.1
       mode-watcher:
         specifier: ^0.4.1
-        version: 0.4.1(svelte@5.0.5)
+        version: 0.4.1(svelte@5.1.2)
       ms:
         specifier: ^2.1.3
         version: 2.1.3
       openai:
-        specifier: ^4.68.1
-        version: 4.68.1(zod@3.23.8)
+        specifier: ^4.68.4
+        version: 4.68.4(zod@3.23.8)
       postcss:
         specifier: ^8.4.47
         version: 8.4.47
@@ -91,13 +91,13 @@ importers:
         version: 6.0.1(jiti@1.21.6)(postcss@8.4.47)(tsx@4.19.1)(yaml@2.6.0)
       prettier-plugin-tailwindcss:
         specifier: ^0.6.8
-        version: 0.6.8(prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@5.0.5))(prettier@3.3.3)
+        version: 0.6.8(prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@5.1.2))(prettier@3.3.3)
       superjson:
         specifier: ^2.2.1
         version: 2.2.1
       svelte-icons-pack:
         specifier: ^3.1.3
-        version: 3.1.3(svelte@5.0.5)
+        version: 3.1.3(svelte@5.1.2)
       tailwind-merge:
         specifier: ^2.5.4
         version: 2.5.4
@@ -106,32 +106,29 @@ importers:
         version: 3.4.14
       trpc-svelte-query:
         specifier: ^2.1.0
-        version: 2.1.0(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(@tanstack/svelte-query@5.59.13(svelte@5.0.5))(@trpc/client@10.45.2(@trpc/server@10.45.2))(@trpc/server@10.45.2)(svelte@5.0.5)
+        version: 2.1.0(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(@tanstack/svelte-query@5.59.16(svelte@5.1.2))(@trpc/client@10.45.2(@trpc/server@10.45.2))(@trpc/server@10.45.2)(svelte@5.1.2)
       vite-plugin-tailwind-purgecss:
         specifier: ^0.3.3
-        version: 0.3.3(tailwindcss@3.4.14)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
+        version: 0.3.3(tailwindcss@3.4.14)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))
       zod:
         specifier: ^3.23.8
         version: 3.23.8
     devDependencies:
       '@modyfi/vite-plugin-yaml':
         specifier: ^1.1.0
-        version: 1.1.0(rollup@4.24.0)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
-      '@sveltejs/adapter-auto':
-        specifier: ^3.2.5
-        version: 3.2.5(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))
+        version: 1.1.0(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))
       '@sveltejs/adapter-vercel':
         specifier: ^5.4.5
-        version: 5.4.5(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))
+        version: 5.4.5(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))
       '@sveltejs/kit':
-        specifier: ^2.7.1
-        version: 2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
+        specifier: ^2.7.2
+        version: 2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))
       '@sveltejs/vite-plugin-svelte':
         specifier: ^4.0.0
-        version: 4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
+        version: 4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))
       '@tanstack/svelte-query-devtools':
-        specifier: ^5.59.13
-        version: 5.59.13(@tanstack/svelte-query@5.59.13(svelte@5.0.5))(svelte@5.0.5)
+        specifier: ^5.59.16
+        version: 5.59.16(@tanstack/svelte-query@5.59.16(svelte@5.1.2))(svelte@5.1.2)
       '@types/cli-progress':
         specifier: ^3.11.6
         version: 3.11.6
@@ -139,14 +136,8 @@ importers:
         specifier: ^4.0.9
         version: 4.0.9
       '@types/node':
-        specifier: ^22.7.7
-        version: 22.7.7
-      '@types/react':
-        specifier: ^18.3.11
-        version: 18.3.11
-      '@types/react-dom':
-        specifier: ^18.3.1
-        version: 18.3.1
+        specifier: ^22.7.9
+        version: 22.7.9
       '@vitest/ui':
         specifier: ^2.1.3
         version: 2.1.3(vitest@2.1.3)
@@ -176,19 +167,19 @@ importers:
         version: 3.3.3
       prettier-plugin-svelte:
         specifier: ^3.2.7
-        version: 3.2.7(prettier@3.3.3)(svelte@5.0.5)
+        version: 3.2.7(prettier@3.3.3)(svelte@5.1.2)
       sass:
         specifier: 1.78.0
         version: 1.78.0
       svelte:
-        specifier: ^5.0.5
-        version: 5.0.5
+        specifier: ^5.1.2
+        version: 5.1.2
       svelte-check:
         specifier: ^4.0.5
-        version: 4.0.5(picomatch@4.0.2)(svelte@5.0.5)(typescript@5.6.3)
+        version: 4.0.5(picomatch@4.0.2)(svelte@5.1.2)(typescript@5.6.3)
       trpc-sveltekit:
         specifier: ^3.6.2
-        version: 3.6.2(@sveltejs/adapter-node@5.2.8(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))))(@trpc/client@10.45.2(@trpc/server@10.45.2))(@trpc/server@10.45.2)(ws@8.18.0)
+        version: 3.6.2(@sveltejs/adapter-node@5.2.8(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))))(@trpc/client@10.45.2(@trpc/server@10.45.2))(@trpc/server@10.45.2)(ws@8.18.0)
       tslib:
         specifier: ^2.8.0
         version: 2.8.0
@@ -199,14 +190,14 @@ importers:
         specifier: ^5.6.3
         version: 5.6.3
       vite:
-        specifier: ^5.4.9
-        version: 5.4.9(@types/node@22.7.7)(sass@1.78.0)
+        specifier: ^5.4.10
+        version: 5.4.10(@types/node@22.7.9)(sass@1.78.0)
       vite-node:
         specifier: ^2.1.3
-        version: 2.1.3(@types/node@22.7.7)(sass@1.78.0)
+        version: 2.1.3(@types/node@22.7.9)(sass@1.78.0)
       vitest:
         specifier: ^2.1.3
-        version: 2.1.3(@types/node@22.7.7)(@vitest/ui@2.1.3)(jsdom@20.0.3(canvas@2.11.2))(sass@1.78.0)
+        version: 2.1.3(@types/node@22.7.9)(@vitest/ui@2.1.3)(jsdom@20.0.3(canvas@2.11.2))(sass@1.78.0)
 
 packages:
 
@@ -285,21 +276,21 @@ packages:
     resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
     engines: {node: '>=6.0.0'}
 
-  '@babel/helper-string-parser@7.25.7':
-    resolution: {integrity: sha512-CbkjYdsJNHFk8uqpEkpCvRs3YRp9tY6FmFY7wLMSYuGYkrdUi7r2lc4/wqsvlHoMznX3WJ9IP8giGPq68T/Y6g==}
+  '@babel/helper-string-parser@7.25.9':
+    resolution: {integrity: sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-identifier@7.25.7':
-    resolution: {integrity: sha512-AM6TzwYqGChO45oiuPqwL2t20/HdMC1rTPAesnBCgPCSF1x3oN9MVUwQV2iyz4xqWrctwK5RNC8LV22kaQCNYg==}
+  '@babel/helper-validator-identifier@7.25.9':
+    resolution: {integrity: sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/parser@7.25.8':
-    resolution: {integrity: sha512-HcttkxzdPucv3nNFmfOOMfFf64KgdJVqm1KaCm25dPGMLElo9nsLvXeJECQg8UzPuBGLyTSA0ZzqCtDSzKTEoQ==}
+  '@babel/parser@7.25.9':
+    resolution: {integrity: sha512-aI3jjAAO1fh7vY/pBGsn1i9LDbRP43+asrRlkPuTXW5yHXtd1NgTEMudbBoDDxrf1daEEfPJqR+JBMakzrR4Dg==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  '@babel/types@7.25.8':
-    resolution: {integrity: sha512-JWtuCu8VQsMladxVz/P4HzHUGCAwpuqacmowgXFs5XjxIgKuNjnLokQzuVjlTvIzODaDmpjT3oxcC48vyk9EWg==}
+  '@babel/types@7.25.9':
+    resolution: {integrity: sha512-OwS2CM5KocvQ/k7dFJa8i5bNGJP0hXWfVCfDkqRFP1IreH1JDC7wG6eCYCi0+McbfT8OR/kNqsI0UU0xP9H6PQ==}
     engines: {node: '>=6.9.0'}
 
   '@builder.io/partytown@0.10.2':
@@ -985,8 +976,8 @@ packages:
       rollup:
         optional: true
 
-  '@rollup/pluginutils@5.1.2':
-    resolution: {integrity: sha512-/FIdS3PyZ39bjZlwqFnWqCOVnW7o963LtKMwQOD0NhQqw22gSr2YY1afu3FxRip4ZCZNsD5jq6Aaz6QV3D/Njw==}
+  '@rollup/pluginutils@5.1.3':
+    resolution: {integrity: sha512-Pnsb6f32CD2W3uCaLZIzDmeFyQ2b8UWMFI7xtwUezpcGBDVDW6y9XgAWIlARiGAo6eNF5FK5aQTr0LFyNyqq5A==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
@@ -1074,21 +1065,16 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@skeletonlabs/skeleton@2.10.2':
-    resolution: {integrity: sha512-TV2yWjvHpmtaF1F5luB8n7UbjKZcsrJMMiiJQHbZvqXjBWvudAcL8zywhE/NFKW5rYU//MtgOODdMZPZxvKu6w==}
+  '@skeletonlabs/skeleton@2.10.3':
+    resolution: {integrity: sha512-O1RecF68zEVvZl3GgRS4emqWMUIQLHvTOFoqGOw/2OXCPE06IxUQrHQf2hnxCPxtGZNXY2YX8UNV38l+eH8GNQ==}
     peerDependencies:
-      svelte: ^3.56.0 || ^4.0.0
+      svelte: ^3.56.0 || ^4.0.0 || ^5.0.0
 
   '@skeletonlabs/tw-plugin@0.4.0':
     resolution: {integrity: sha512-v6Y4deBq9ByRx3kTRGgekhhYkWEYgNNNu8UXOwJngCStB7w8SwmbNFSeHkluxMbgCgMnJyp220EMpw9nj/rEsQ==}
     peerDependencies:
       tailwindcss: '>=3.0.0'
 
-  '@sveltejs/adapter-auto@3.2.5':
-    resolution: {integrity: sha512-27LR+uKccZ62lgq4N/hvyU2G+hTP9fxWEAfnZcl70HnyfAjMSsGk1z/SjAPXNCD1mVJIE7IFu3TQ8cQ/UH3c0A==}
-    peerDependencies:
-      '@sveltejs/kit': ^2.0.0
-
   '@sveltejs/adapter-node@5.2.8':
     resolution: {integrity: sha512-wll164mO8pX/0Ak6/64h0OzO4Id24PBmTla3zRlGEdbdQGkGb2WZPZOuvcWi6IEpwekA4RVFe58fjbkIV0Bslw==}
     peerDependencies:
@@ -1128,20 +1114,20 @@ packages:
     peerDependencies:
       tailwindcss: '>=3.0.0 || >= 3.0.0-alpha.1 || >= 4.0.0-alpha.20'
 
-  '@tanstack/query-core@5.59.13':
-    resolution: {integrity: sha512-Oou0bBu/P8+oYjXsJQ11j+gcpLAMpqW42UlokQYEz4dE7+hOtVO9rVuolJKgEccqzvyFzqX4/zZWY+R/v1wVsQ==}
+  '@tanstack/query-core@5.59.16':
+    resolution: {integrity: sha512-crHn+G3ltqb5JG0oUv6q+PMz1m1YkjpASrXTU+sYWW9pLk0t2GybUHNRqYPZWhxgjPaVGC4yp92gSFEJgYEsPw==}
 
   '@tanstack/query-devtools@5.58.0':
     resolution: {integrity: sha512-iFdQEFXaYYxqgrv63ots+65FGI+tNp5ZS5PdMU1DWisxk3fez5HG3FyVlbUva+RdYS5hSLbxZ9aw3yEs97GNTw==}
 
-  '@tanstack/svelte-query-devtools@5.59.13':
-    resolution: {integrity: sha512-LuJsxU0wC60+OAbLdHvugvaUAmVOx+g+081/uipnoVdCHWAQWz1usdsfxAehSjH8iIvPZ7js818jnFS6QX2nFQ==}
+  '@tanstack/svelte-query-devtools@5.59.16':
+    resolution: {integrity: sha512-ITgIwMs0U0pq2N9X5L8/UXcuGgJFetmBVxUqpIBmzpFMLoHfSN6xPYSue00RpW1khHO0cAjLOwLI1HjOOhMSdg==}
     peerDependencies:
-      '@tanstack/svelte-query': ^5.59.13
+      '@tanstack/svelte-query': ^5.59.16
       svelte: ^3.54.0 || ^4.0.0 || ^5.0.0-next.0
 
-  '@tanstack/svelte-query@5.59.13':
-    resolution: {integrity: sha512-ulyvUFl6nTfpC4z0ljk1venGOGnDGCd3EZhkeFV+EkjI/skJeXbk/Z1TqDL6oZ5QvtT+F9DjObsZihP5ht39Ng==}
+  '@tanstack/svelte-query@5.59.16':
+    resolution: {integrity: sha512-s0CRtjUK0Lo+uvRU+XFxWjmTRV1hr0fe+Z/R+wDGnTzbMKSyaSKYeC0aZSQKZdAO6R/DvEVrD9tgjof1ojufnQ==}
     peerDependencies:
       svelte: ^3.54.0 || ^4.0.0 || ^5.0.0-next.0
 
@@ -1181,11 +1167,11 @@ packages:
   '@types/node@14.18.63':
     resolution: {integrity: sha512-fAtCfv4jJg+ExtXhvCkCqUKZ+4ok/JQk01qDKhL5BDDoS3AxKXhV5/MAVUZyQnSEd2GT92fkgZl0pz0Q0AzcIQ==}
 
-  '@types/node@18.19.57':
-    resolution: {integrity: sha512-I2ioBd/IPrYDMv9UNR5NlPElOZ68QB7yY5V2EsLtSrTO0LM0PnCEFF9biLWHf5k+sIy4ohueCV9t4gk1AEdlVA==}
+  '@types/node@18.19.59':
+    resolution: {integrity: sha512-vizm2EqwV/7Zay+A6J3tGl9Lhr7CjZe2HmWS988sefiEmsyP9CeXEleho6i4hJk/8UtZAo0bWN4QPZZr83RxvQ==}
 
-  '@types/node@22.7.7':
-    resolution: {integrity: sha512-SRxCrrg9CL/y54aiMCG3edPKdprgMVGDXjA3gB8UmmBW5TcXzRUYAh8EWzTnSJFAd1rgImPELza+A3bJ+qxz8Q==}
+  '@types/node@22.7.9':
+    resolution: {integrity: sha512-jrTfRC7FM6nChvU7X2KqcrgquofrWLFDeYC1hKfwNWomVvrn7JIksqf344WN2X/y8xrgqBd2dJATZV4GbatBfg==}
 
   '@types/pg@8.11.6':
     resolution: {integrity: sha512-/2WmmBXHLsfRqzfHW7BNZ8SbYzE8OSk7i3WjFYvfgRHj7S1xj+16Je5fUKv3lVdVzk/zn9TXOqf+avFCFIE0yQ==}
@@ -1193,17 +1179,14 @@ packages:
   '@types/prop-types@15.7.13':
     resolution: {integrity: sha512-hCZTSvwbzWGvhqxp/RqVqwU999pBf2vp7hzIjiYOsl8wqOmUxkQ6ddw1cV3l8811+kdUFus/q4d1Y3E3SyEifA==}
 
-  '@types/react-dom@18.3.1':
-    resolution: {integrity: sha512-qW1Mfv8taImTthu4KoXgDfLuk4bydU6Q/TkADnDWWHwi4NX4BR+LWfTp2sVmTqRrsHvyDDTelgelxJ+SsejKKQ==}
-
-  '@types/react@18.3.11':
-    resolution: {integrity: sha512-r6QZ069rFTjrEYgFdOck1gK7FLVsgJE7tTz0pQBczlBNUhBNk0MQH4UbnFSwjpQLMkLzgqvBBa+qGpLje16eTQ==}
+  '@types/react@18.3.12':
+    resolution: {integrity: sha512-D2wOSq/d6Agt28q7rSI3jhU7G6aiuzljDGZ2hTZHIkrTLUI+AF3WMeKkEZ9nN2fkBAlcktT6vcZjDFiIhMYEQw==}
 
   '@types/resolve@1.20.2':
     resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
 
-  '@vercel/nft@0.27.4':
-    resolution: {integrity: sha512-Rioz3LJkEKicKCi9BSyc1RXZ5R6GmXosFMeBSThh6msWSOiArKhb7c75MiWwZEgPL7x0/l3TAfH/l0cxKNuUFA==}
+  '@vercel/nft@0.27.5':
+    resolution: {integrity: sha512-b2A7M+4yMHdWKY7xCC+kBEcnMrpaSE84CnuauTjhKKoCEeej0byJMAB8h/RBVnw/HdZOAFVcxR0Izr3LL24FwA==}
     engines: {node: '>=16'}
     hasBin: true
 
@@ -1312,8 +1295,8 @@ packages:
     resolution: {integrity: sha512-5GG/5IbQQpC9FpkRGsSvZI5QYeSCzlJHdpBQntCsuTOxhKD8lqKhrleg2Yi7yvMIf82Ycmmqln9U8V9qwEiJew==}
     engines: {node: '>= 8.0.0'}
 
-  ai@3.4.16:
-    resolution: {integrity: sha512-j7QJRF2PTLrVmCU3w5/eUNa4et7yOLEF8zodJM4dgF+RAWQ+XQU2pbdEAFuC93DnsGVAqOjCGEgnORIlrnNuRg==}
+  ai@3.4.18:
+    resolution: {integrity: sha512-dc6rSBDgaRMX4VgTBsUZwEN5tBWMpJd+MJxB05E2cL4ft9mOmQEZNS6yeu4Ci5rUDj4ZhnmvANHrP7td8Ko9Og==}
     engines: {node: '>=18'}
     peerDependencies:
       openai: ^4.42.0
@@ -1446,8 +1429,8 @@ packages:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
 
-  browserslist@4.24.0:
-    resolution: {integrity: sha512-Rmb62sR1Zpjql25eSanFGEhAxcFwfA1K0GuQcLoaJBAcENegrQut3hYdhXFF1obQfiDyqIW/cLM5HSJ/9k884A==}
+  browserslist@4.24.2:
+    resolution: {integrity: sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
@@ -1483,8 +1466,8 @@ packages:
     resolution: {integrity: sha512-ItanGBMrmRV7Py2Z+Xhs7cT+FNt5K0vPL4p9EZ/UX/Mu7hFbkxSjKF2KVtPwX7UYWp7dRKnrTvReflgrItJbdw==}
     engines: {node: '>=6'}
 
-  chai@5.1.1:
-    resolution: {integrity: sha512-pT1ZgP8rPNqUgieVaEY+ryQr6Q4HXNg8Ei9UnLUrjN4IA7dvQC5JB+/kxVcPNDHyBcc/26CXPkbNzq3qwrOEKA==}
+  chai@5.1.2:
+    resolution: {integrity: sha512-aGtmf24DW6MLHHG5gCx4zaI3uBq3KRtxeVs0DjFH6Z0rDNbsvTxFASFvdj79pxjxZ8/5u3PIiN3IwEIQkiiuPw==}
     engines: {node: '>=12'}
 
   chainsaw@0.1.0:
@@ -1786,8 +1769,8 @@ packages:
   eastasianwidth@0.2.0:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
 
-  electron-to-chromium@1.5.41:
-    resolution: {integrity: sha512-dfdv/2xNjX0P8Vzme4cfzHqnPm5xsZXwsolTYr0eyW18IUmNyG08vL+fttvinTfhKfIKdRoqkDIC9e9iWQCNYQ==}
+  electron-to-chromium@1.5.45:
+    resolution: {integrity: sha512-vOzZS6uZwhhbkZbcRyiy99Wg+pYFV5hk+5YaECvx0+Z31NR3Tt5zS6dze2OepT6PCTzVzT0dIJItti+uAW5zmw==}
 
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
@@ -2081,8 +2064,8 @@ packages:
     resolution: {integrity: sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==}
     hasBin: true
 
-  jose@5.9.4:
-    resolution: {integrity: sha512-WBBl6au1qg6OHj67yCffCgFR3BADJBXN8MdRvCgJDuMv3driV2nHr7jdGvaKX9IolosAsn+M0XRArqLXUhyJHQ==}
+  jose@5.9.6:
+    resolution: {integrity: sha512-AMlnetc9+CV9asI19zHmrgS/WYsWUwCn2R7RzlbJWD7F9eWYUTGyBmU9o6PxngtLGOiDGPRu+Uc4fhKzbpteZQ==}
 
   js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
@@ -2351,8 +2334,8 @@ packages:
   once@1.4.0:
     resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
 
-  openai@4.68.1:
-    resolution: {integrity: sha512-C9XmYRHgra1U1G4GGFNqRHQEjxhoOWbQYR85IibfJ0jpHUhOm4/lARiKaC/h3zThvikwH9Dx/XOKWPNVygIS3g==}
+  openai@4.68.4:
+    resolution: {integrity: sha512-LRinV8iU9VQplkr25oZlyrsYGPGasIwYN8KFMAAFTHHLHjHhejtJ5BALuLFrkGzY4wfbKhOhuT+7lcHZ+F3iEA==}
     hasBin: true
     peerDependencies:
       zod: ^3.23.8
@@ -2701,8 +2684,8 @@ packages:
   set-blocking@2.0.0:
     resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
 
-  set-cookie-parser@2.7.0:
-    resolution: {integrity: sha512-lXLOiqpkUumhRdFF3k1osNXCy9akgx/dyPZ5p8qAg9seJzXr5ZrlqZuWIMuY6ejOsVLE6flJ5/h3lsn57fQ/PQ==}
+  set-cookie-parser@2.7.1:
+    resolution: {integrity: sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ==}
 
   setimmediate@1.0.5:
     resolution: {integrity: sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==}
@@ -2809,8 +2792,8 @@ packages:
     peerDependencies:
       svelte: ^3.44.0 || ^4.0.0 || ^5.0.0-next.1
 
-  svelte@5.0.5:
-    resolution: {integrity: sha512-f4WBlP5g8W6pEoDfx741lewMlemy+LIGpEqjGPWqnHVP92wqlQXl87U5O5Bi2tkSUrO95OxOoqwU8qlqiHmFKA==}
+  svelte@5.1.2:
+    resolution: {integrity: sha512-IovgkB3eQq0CdqQB1rd1F4SZbg8Z7VBSbAqhD2eE9t8l0KfJXZ/iHmfqnW5pxs5Lr89/cpIZTLU5buemsydYRw==}
     engines: {node: '>=18'}
 
   swr@2.2.5:
@@ -2881,10 +2864,6 @@ packages:
     resolution: {integrity: sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w==}
     engines: {node: '>=14.14'}
 
-  to-fast-properties@2.0.0:
-    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
-    engines: {node: '>=4'}
-
   to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
@@ -2989,8 +2968,8 @@ packages:
       tailwindcss: ^3.3.0
       vite: ^4.1.1 || ^5.0.0
 
-  vite@5.4.9:
-    resolution: {integrity: sha512-20OVpJHh0PAM0oSOELa5GaZNWeDjcAvQjGXy2Uyr+Tp+/D2/Hdz6NLgpJLsarPTA2QJ6v8mX2P1ZfbsSKvdMkg==}
+  vite@5.4.10:
+    resolution: {integrity: sha512-1hvaPshuPUtxeQ0hsVH3Mud0ZanOLwVTneA1EgbAM5LhaZEqyPWGRQ7BtaMvUrTDeEaC8pxtj6a6jku3x4z6SQ==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
@@ -3194,13 +3173,13 @@ snapshots:
     transitivePeerDependencies:
       - zod
 
-  '@ai-sdk/svelte@0.0.52(svelte@5.0.5)(zod@3.23.8)':
+  '@ai-sdk/svelte@0.0.52(svelte@5.1.2)(zod@3.23.8)':
     dependencies:
       '@ai-sdk/provider-utils': 1.0.20(zod@3.23.8)
       '@ai-sdk/ui-utils': 0.0.46(zod@3.23.8)
-      sswr: 2.1.0(svelte@5.0.5)
+      sswr: 2.1.0(svelte@5.1.2)
     optionalDependencies:
-      svelte: 5.0.5
+      svelte: 5.1.2
     transitivePeerDependencies:
       - zod
 
@@ -3231,19 +3210,18 @@ snapshots:
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
 
-  '@babel/helper-string-parser@7.25.7': {}
+  '@babel/helper-string-parser@7.25.9': {}
 
-  '@babel/helper-validator-identifier@7.25.7': {}
+  '@babel/helper-validator-identifier@7.25.9': {}
 
-  '@babel/parser@7.25.8':
+  '@babel/parser@7.25.9':
     dependencies:
-      '@babel/types': 7.25.8
+      '@babel/types': 7.25.9
 
-  '@babel/types@7.25.8':
+  '@babel/types@7.25.9':
     dependencies:
-      '@babel/helper-string-parser': 7.25.7
-      '@babel/helper-validator-identifier': 7.25.7
-      to-fast-properties: 2.0.0
+      '@babel/helper-string-parser': 7.25.9
+      '@babel/helper-validator-identifier': 7.25.9
 
   '@builder.io/partytown@0.10.2': {}
 
@@ -3608,12 +3586,12 @@ snapshots:
       - encoding
       - supports-color
 
-  '@modyfi/vite-plugin-yaml@1.1.0(rollup@4.24.0)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))':
+  '@modyfi/vite-plugin-yaml@1.1.0(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))':
     dependencies:
       '@rollup/pluginutils': 5.1.0(rollup@4.24.0)
       js-yaml: 4.1.0
       tosource: 2.0.0-alpha.3
-      vite: 5.4.9(@types/node@22.7.7)(sass@1.78.0)
+      vite: 5.4.10(@types/node@22.7.9)(sass@1.78.0)
     transitivePeerDependencies:
       - rollup
 
@@ -3642,7 +3620,7 @@ snapshots:
 
   '@rollup/plugin-commonjs@28.0.1(rollup@4.24.0)':
     dependencies:
-      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+      '@rollup/pluginutils': 5.1.3(rollup@4.24.0)
       commondir: 1.0.1
       estree-walker: 2.0.2
       fdir: 6.4.2(picomatch@4.0.2)
@@ -3654,13 +3632,13 @@ snapshots:
 
   '@rollup/plugin-json@6.1.0(rollup@4.24.0)':
     dependencies:
-      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+      '@rollup/pluginutils': 5.1.3(rollup@4.24.0)
     optionalDependencies:
       rollup: 4.24.0
 
   '@rollup/plugin-node-resolve@15.3.0(rollup@4.24.0)':
     dependencies:
-      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+      '@rollup/pluginutils': 5.1.3(rollup@4.24.0)
       '@types/resolve': 1.20.2
       deepmerge: 4.3.1
       is-module: 1.0.0
@@ -3681,11 +3659,11 @@ snapshots:
     optionalDependencies:
       rollup: 4.24.0
 
-  '@rollup/pluginutils@5.1.2(rollup@4.24.0)':
+  '@rollup/pluginutils@5.1.3(rollup@4.24.0)':
     dependencies:
       '@types/estree': 1.0.6
       estree-walker: 2.0.2
-      picomatch: 2.3.1
+      picomatch: 4.0.2
     optionalDependencies:
       rollup: 4.24.0
 
@@ -3737,40 +3715,35 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.24.0':
     optional: true
 
-  '@skeletonlabs/skeleton@2.10.2(svelte@5.0.5)':
+  '@skeletonlabs/skeleton@2.10.3(svelte@5.1.2)':
     dependencies:
       esm-env: 1.0.0
-      svelte: 5.0.5
+      svelte: 5.1.2
 
   '@skeletonlabs/tw-plugin@0.4.0(tailwindcss@3.4.14)':
     dependencies:
       tailwindcss: 3.4.14
 
-  '@sveltejs/adapter-auto@3.2.5(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))':
-    dependencies:
-      '@sveltejs/kit': 2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
-      import-meta-resolve: 4.1.0
-
-  '@sveltejs/adapter-node@5.2.8(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))':
+  '@sveltejs/adapter-node@5.2.8(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))':
     dependencies:
       '@rollup/plugin-commonjs': 28.0.1(rollup@4.24.0)
       '@rollup/plugin-json': 6.1.0(rollup@4.24.0)
       '@rollup/plugin-node-resolve': 15.3.0(rollup@4.24.0)
-      '@sveltejs/kit': 2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
+      '@sveltejs/kit': 2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))
       rollup: 4.24.0
 
-  '@sveltejs/adapter-vercel@5.4.5(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))':
+  '@sveltejs/adapter-vercel@5.4.5(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))':
     dependencies:
-      '@sveltejs/kit': 2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
-      '@vercel/nft': 0.27.4
+      '@sveltejs/kit': 2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))
+      '@vercel/nft': 0.27.5
       esbuild: 0.21.5
     transitivePeerDependencies:
       - encoding
       - supports-color
 
-  '@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))':
+  '@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
+      '@sveltejs/vite-plugin-svelte': 4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 5.1.1
@@ -3780,31 +3753,31 @@ snapshots:
       magic-string: 0.30.12
       mrmime: 2.0.0
       sade: 1.8.1
-      set-cookie-parser: 2.7.0
+      set-cookie-parser: 2.7.1
       sirv: 3.0.0
-      svelte: 5.0.5
+      svelte: 5.1.2
       tiny-glob: 0.2.9
-      vite: 5.4.9(@types/node@22.7.7)(sass@1.78.0)
+      vite: 5.4.10(@types/node@22.7.9)(sass@1.78.0)
 
-  '@sveltejs/vite-plugin-svelte-inspector@3.0.1(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))':
+  '@sveltejs/vite-plugin-svelte-inspector@3.0.1(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
+      '@sveltejs/vite-plugin-svelte': 4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))
       debug: 4.3.7
-      svelte: 5.0.5
-      vite: 5.4.9(@types/node@22.7.7)(sass@1.78.0)
+      svelte: 5.1.2
+      vite: 5.4.10(@types/node@22.7.9)(sass@1.78.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))':
+  '@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 3.0.1(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
+      '@sveltejs/vite-plugin-svelte-inspector': 3.0.1(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))
       debug: 4.3.7
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.12
-      svelte: 5.0.5
-      vite: 5.4.9(@types/node@22.7.7)(sass@1.78.0)
-      vitefu: 1.0.3(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
+      svelte: 5.1.2
+      vite: 5.4.10(@types/node@22.7.9)(sass@1.78.0)
+      vitefu: 1.0.3(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))
     transitivePeerDependencies:
       - supports-color
 
@@ -3813,21 +3786,21 @@ snapshots:
       mini-svg-data-uri: 1.4.4
       tailwindcss: 3.4.14
 
-  '@tanstack/query-core@5.59.13': {}
+  '@tanstack/query-core@5.59.16': {}
 
   '@tanstack/query-devtools@5.58.0': {}
 
-  '@tanstack/svelte-query-devtools@5.59.13(@tanstack/svelte-query@5.59.13(svelte@5.0.5))(svelte@5.0.5)':
+  '@tanstack/svelte-query-devtools@5.59.16(@tanstack/svelte-query@5.59.16(svelte@5.1.2))(svelte@5.1.2)':
     dependencies:
       '@tanstack/query-devtools': 5.58.0
-      '@tanstack/svelte-query': 5.59.13(svelte@5.0.5)
+      '@tanstack/svelte-query': 5.59.16(svelte@5.1.2)
       esm-env: 1.0.0
-      svelte: 5.0.5
+      svelte: 5.1.2
 
-  '@tanstack/svelte-query@5.59.13(svelte@5.0.5)':
+  '@tanstack/svelte-query@5.59.16(svelte@5.1.2)':
     dependencies:
-      '@tanstack/query-core': 5.59.13
-      svelte: 5.0.5
+      '@tanstack/query-core': 5.59.16
+      svelte: 5.1.2
 
   '@tootallnate/once@2.0.0':
     optional: true
@@ -3840,7 +3813,7 @@ snapshots:
 
   '@types/cli-progress@3.11.6':
     dependencies:
-      '@types/node': 22.7.7
+      '@types/node': 22.7.9
 
   '@types/cookie@0.6.0': {}
 
@@ -3854,39 +3827,37 @@ snapshots:
 
   '@types/node-fetch@2.6.11':
     dependencies:
-      '@types/node': 22.7.7
+      '@types/node': 22.7.9
       form-data: 4.0.1
 
   '@types/node@14.18.63': {}
 
-  '@types/node@18.19.57':
+  '@types/node@18.19.59':
     dependencies:
       undici-types: 5.26.5
 
-  '@types/node@22.7.7':
+  '@types/node@22.7.9':
     dependencies:
       undici-types: 6.19.8
 
   '@types/pg@8.11.6':
     dependencies:
-      '@types/node': 22.7.7
+      '@types/node': 22.7.9
       pg-protocol: 1.7.0
       pg-types: 4.0.2
 
-  '@types/prop-types@15.7.13': {}
-
-  '@types/react-dom@18.3.1':
-    dependencies:
-      '@types/react': 18.3.11
+  '@types/prop-types@15.7.13':
+    optional: true
 
-  '@types/react@18.3.11':
+  '@types/react@18.3.12':
     dependencies:
       '@types/prop-types': 15.7.13
       csstype: 3.1.3
+    optional: true
 
   '@types/resolve@1.20.2': {}
 
-  '@vercel/nft@0.27.4':
+  '@vercel/nft@0.27.5':
     dependencies:
       '@mapbox/node-pre-gyp': 1.0.11
       '@rollup/pluginutils': 4.2.1
@@ -3908,16 +3879,16 @@ snapshots:
     dependencies:
       '@vitest/spy': 2.1.3
       '@vitest/utils': 2.1.3
-      chai: 5.1.1
+      chai: 5.1.2
       tinyrainbow: 1.2.0
 
-  '@vitest/mocker@2.1.3(@vitest/spy@2.1.3)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))':
+  '@vitest/mocker@2.1.3(@vitest/spy@2.1.3)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))':
     dependencies:
       '@vitest/spy': 2.1.3
       estree-walker: 3.0.3
       magic-string: 0.30.12
     optionalDependencies:
-      vite: 5.4.9(@types/node@22.7.7)(sass@1.78.0)
+      vite: 5.4.10(@types/node@22.7.9)(sass@1.78.0)
 
   '@vitest/pretty-format@2.1.3':
     dependencies:
@@ -3947,7 +3918,7 @@ snapshots:
       sirv: 2.0.4
       tinyglobby: 0.2.9
       tinyrainbow: 1.2.0
-      vitest: 2.1.3(@types/node@22.7.7)(@vitest/ui@2.1.3)(jsdom@20.0.3(canvas@2.11.2))(sass@1.78.0)
+      vitest: 2.1.3(@types/node@22.7.9)(@vitest/ui@2.1.3)(jsdom@20.0.3(canvas@2.11.2))(sass@1.78.0)
 
   '@vitest/utils@2.1.3':
     dependencies:
@@ -3957,7 +3928,7 @@ snapshots:
 
   '@vue/compiler-core@3.5.12':
     dependencies:
-      '@babel/parser': 7.25.8
+      '@babel/parser': 7.25.9
       '@vue/shared': 3.5.12
       entities: 4.5.0
       estree-walker: 2.0.2
@@ -3970,7 +3941,7 @@ snapshots:
 
   '@vue/compiler-sfc@3.5.12':
     dependencies:
-      '@babel/parser': 7.25.8
+      '@babel/parser': 7.25.9
       '@vue/compiler-core': 3.5.12
       '@vue/compiler-dom': 3.5.12
       '@vue/compiler-ssr': 3.5.12
@@ -4049,13 +4020,13 @@ snapshots:
     dependencies:
       humanize-ms: 1.2.1
 
-  ai@3.4.16(openai@4.68.1(zod@3.23.8))(react@18.3.1)(sswr@2.1.0(svelte@5.0.5))(svelte@5.0.5)(vue@3.5.12(typescript@5.6.3))(zod@3.23.8):
+  ai@3.4.18(openai@4.68.4(zod@3.23.8))(react@18.3.1)(sswr@2.1.0(svelte@5.1.2))(svelte@5.1.2)(vue@3.5.12(typescript@5.6.3))(zod@3.23.8):
     dependencies:
       '@ai-sdk/provider': 0.0.24
       '@ai-sdk/provider-utils': 1.0.20(zod@3.23.8)
       '@ai-sdk/react': 0.0.64(react@18.3.1)(zod@3.23.8)
       '@ai-sdk/solid': 0.0.50(zod@3.23.8)
-      '@ai-sdk/svelte': 0.0.52(svelte@5.0.5)(zod@3.23.8)
+      '@ai-sdk/svelte': 0.0.52(svelte@5.1.2)(zod@3.23.8)
       '@ai-sdk/ui-utils': 0.0.46(zod@3.23.8)
       '@ai-sdk/vue': 0.0.55(vue@3.5.12(typescript@5.6.3))(zod@3.23.8)
       '@opentelemetry/api': 1.9.0
@@ -4066,10 +4037,10 @@ snapshots:
       secure-json-parse: 2.7.0
       zod-to-json-schema: 3.23.2(zod@3.23.8)
     optionalDependencies:
-      openai: 4.68.1(zod@3.23.8)
+      openai: 4.68.4(zod@3.23.8)
       react: 18.3.1
-      sswr: 2.1.0(svelte@5.0.5)
-      svelte: 5.0.5
+      sswr: 2.1.0(svelte@5.1.2)
+      svelte: 5.1.2
       zod: 3.23.8
     transitivePeerDependencies:
       - solid-js
@@ -4151,7 +4122,7 @@ snapshots:
 
   autoprefixer@10.4.20(postcss@8.4.47):
     dependencies:
-      browserslist: 4.24.0
+      browserslist: 4.24.2
       caniuse-lite: 1.0.30001669
       fraction.js: 4.3.7
       normalize-range: 0.1.2
@@ -4199,12 +4170,12 @@ snapshots:
     dependencies:
       fill-range: 7.1.1
 
-  browserslist@4.24.0:
+  browserslist@4.24.2:
     dependencies:
       caniuse-lite: 1.0.30001669
-      electron-to-chromium: 1.5.41
+      electron-to-chromium: 1.5.45
       node-releases: 2.0.18
-      update-browserslist-db: 1.1.1(browserslist@4.24.0)
+      update-browserslist-db: 1.1.1(browserslist@4.24.2)
 
   buffer-crc32@0.2.13: {}
 
@@ -4235,7 +4206,7 @@ snapshots:
       - supports-color
     optional: true
 
-  chai@5.1.1:
+  chai@5.1.2:
     dependencies:
       assertion-error: 2.0.1
       check-error: 2.1.1
@@ -4412,18 +4383,18 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  drizzle-orm@0.33.0(@neondatabase/serverless@0.9.5)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(@types/react@18.3.11)(postgres@3.4.4)(react@18.3.1):
+  drizzle-orm@0.33.0(@neondatabase/serverless@0.9.5)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(@types/react@18.3.12)(postgres@3.4.4)(react@18.3.1):
     optionalDependencies:
       '@neondatabase/serverless': 0.9.5
       '@opentelemetry/api': 1.9.0
       '@types/pg': 8.11.6
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       postgres: 3.4.4
       react: 18.3.1
 
-  drizzle-zod@0.5.1(drizzle-orm@0.33.0(@neondatabase/serverless@0.9.5)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(@types/react@18.3.11)(postgres@3.4.4)(react@18.3.1))(zod@3.23.8):
+  drizzle-zod@0.5.1(drizzle-orm@0.33.0(@neondatabase/serverless@0.9.5)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(@types/react@18.3.12)(postgres@3.4.4)(react@18.3.1))(zod@3.23.8):
     dependencies:
-      drizzle-orm: 0.33.0(@neondatabase/serverless@0.9.5)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(@types/react@18.3.11)(postgres@3.4.4)(react@18.3.1)
+      drizzle-orm: 0.33.0(@neondatabase/serverless@0.9.5)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(@types/react@18.3.12)(postgres@3.4.4)(react@18.3.1)
       zod: 3.23.8
 
   duplexer2@0.1.4:
@@ -4432,7 +4403,7 @@ snapshots:
 
   eastasianwidth@0.2.0: {}
 
-  electron-to-chromium@1.5.41: {}
+  electron-to-chromium@1.5.45: {}
 
   emoji-regex@8.0.0: {}
 
@@ -4829,7 +4800,7 @@ snapshots:
 
   jiti@1.21.6: {}
 
-  jose@5.9.4: {}
+  jose@5.9.6: {}
 
   js-tokens@4.0.0: {}
 
@@ -5008,9 +4979,9 @@ snapshots:
 
   mkdirp@1.0.4: {}
 
-  mode-watcher@0.4.1(svelte@5.0.5):
+  mode-watcher@0.4.1(svelte@5.1.2):
     dependencies:
-      svelte: 5.0.5
+      svelte: 5.1.2
 
   mri@1.2.0: {}
 
@@ -5069,9 +5040,9 @@ snapshots:
     dependencies:
       wrappy: 1.0.2
 
-  openai@4.68.1(zod@3.23.8):
+  openai@4.68.4(zod@3.23.8):
     dependencies:
-      '@types/node': 18.19.57
+      '@types/node': 18.19.59
       '@types/node-fetch': 2.6.11
       abort-controller: 3.0.0
       agentkeepalive: 4.5.0
@@ -5197,16 +5168,16 @@ snapshots:
 
   postgres@3.4.4: {}
 
-  prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@5.0.5):
+  prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@5.1.2):
     dependencies:
       prettier: 3.3.3
-      svelte: 5.0.5
+      svelte: 5.1.2
 
-  prettier-plugin-tailwindcss@0.6.8(prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@5.0.5))(prettier@3.3.3):
+  prettier-plugin-tailwindcss@0.6.8(prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@5.1.2))(prettier@3.3.3):
     dependencies:
       prettier: 3.3.3
     optionalDependencies:
-      prettier-plugin-svelte: 3.2.7(prettier@3.3.3)(svelte@5.0.5)
+      prettier-plugin-svelte: 3.2.7(prettier@3.3.3)(svelte@5.1.2)
 
   prettier@3.3.3: {}
 
@@ -5352,7 +5323,7 @@ snapshots:
 
   set-blocking@2.0.0: {}
 
-  set-cookie-parser@2.7.0: {}
+  set-cookie-parser@2.7.1: {}
 
   setimmediate@1.0.5: {}
 
@@ -5399,9 +5370,9 @@ snapshots:
 
   source-map@0.6.1: {}
 
-  sswr@2.1.0(svelte@5.0.5):
+  sswr@2.1.0(svelte@5.1.2):
     dependencies:
-      svelte: 5.0.5
+      svelte: 5.1.2
       swrev: 4.0.0
 
   stackback@0.0.2: {}
@@ -5452,23 +5423,23 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  svelte-check@4.0.5(picomatch@4.0.2)(svelte@5.0.5)(typescript@5.6.3):
+  svelte-check@4.0.5(picomatch@4.0.2)(svelte@5.1.2)(typescript@5.6.3):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       chokidar: 4.0.1
       fdir: 6.4.2(picomatch@4.0.2)
       picocolors: 1.1.1
       sade: 1.8.1
-      svelte: 5.0.5
+      svelte: 5.1.2
       typescript: 5.6.3
     transitivePeerDependencies:
       - picomatch
 
-  svelte-icons-pack@3.1.3(svelte@5.0.5):
+  svelte-icons-pack@3.1.3(svelte@5.1.2):
     dependencies:
-      svelte: 5.0.5
+      svelte: 5.1.2
 
-  svelte@5.0.5:
+  svelte@5.1.2:
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@jridgewell/sourcemap-codec': 1.5.0
@@ -5575,8 +5546,6 @@ snapshots:
 
   tmp@0.2.3: {}
 
-  to-fast-properties@2.0.0: {}
-
   to-regex-range@5.0.1:
     dependencies:
       is-number: 7.0.0
@@ -5602,18 +5571,18 @@ snapshots:
 
   traverse@0.3.9: {}
 
-  trpc-svelte-query@2.1.0(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(@tanstack/svelte-query@5.59.13(svelte@5.0.5))(@trpc/client@10.45.2(@trpc/server@10.45.2))(@trpc/server@10.45.2)(svelte@5.0.5):
+  trpc-svelte-query@2.1.0(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(@tanstack/svelte-query@5.59.16(svelte@5.1.2))(@trpc/client@10.45.2(@trpc/server@10.45.2))(@trpc/server@10.45.2)(svelte@5.1.2):
     dependencies:
-      '@sveltejs/kit': 2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
-      '@tanstack/svelte-query': 5.59.13(svelte@5.0.5)
+      '@sveltejs/kit': 2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))
+      '@tanstack/svelte-query': 5.59.16(svelte@5.1.2)
       '@trpc/client': 10.45.2(@trpc/server@10.45.2)
       '@trpc/server': 10.45.2
       esm-env: 1.0.0
-      svelte: 5.0.5
+      svelte: 5.1.2
 
-  trpc-sveltekit@3.6.2(@sveltejs/adapter-node@5.2.8(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))))(@trpc/client@10.45.2(@trpc/server@10.45.2))(@trpc/server@10.45.2)(ws@8.18.0):
+  trpc-sveltekit@3.6.2(@sveltejs/adapter-node@5.2.8(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))))(@trpc/client@10.45.2(@trpc/server@10.45.2))(@trpc/server@10.45.2)(ws@8.18.0):
     dependencies:
-      '@sveltejs/adapter-node': 5.2.8(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))(svelte@5.0.5)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)))
+      '@sveltejs/adapter-node': 5.2.8(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))
       '@trpc/client': 10.45.2(@trpc/server@10.45.2)
       '@trpc/server': 10.45.2
       ws: 8.18.0
@@ -5651,9 +5620,9 @@ snapshots:
       readable-stream: 2.3.8
       setimmediate: 1.0.5
 
-  update-browserslist-db@1.1.1(browserslist@4.24.0):
+  update-browserslist-db@1.1.1(browserslist@4.24.2):
     dependencies:
-      browserslist: 4.24.0
+      browserslist: 4.24.2
       escalade: 3.2.0
       picocolors: 1.1.1
 
@@ -5671,12 +5640,12 @@ snapshots:
 
   uuid@8.3.2: {}
 
-  vite-node@2.1.3(@types/node@22.7.7)(sass@1.78.0):
+  vite-node@2.1.3(@types/node@22.7.9)(sass@1.78.0):
     dependencies:
       cac: 6.7.14
       debug: 4.3.7
       pathe: 1.1.2
-      vite: 5.4.9(@types/node@22.7.7)(sass@1.78.0)
+      vite: 5.4.10(@types/node@22.7.9)(sass@1.78.0)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -5688,7 +5657,7 @@ snapshots:
       - supports-color
       - terser
 
-  vite-plugin-tailwind-purgecss@0.3.3(tailwindcss@3.4.14)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)):
+  vite-plugin-tailwind-purgecss@0.3.3(tailwindcss@3.4.14)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)):
     dependencies:
       chalk: 5.3.0
       css-tree: 2.3.1
@@ -5696,32 +5665,32 @@ snapshots:
       purgecss: 6.0.0
       purgecss-from-html: 6.0.0
       tailwindcss: 3.4.14
-      vite: 5.4.9(@types/node@22.7.7)(sass@1.78.0)
+      vite: 5.4.10(@types/node@22.7.9)(sass@1.78.0)
 
-  vite@5.4.9(@types/node@22.7.7)(sass@1.78.0):
+  vite@5.4.10(@types/node@22.7.9)(sass@1.78.0):
     dependencies:
       esbuild: 0.21.5
       postcss: 8.4.47
       rollup: 4.24.0
     optionalDependencies:
-      '@types/node': 22.7.7
+      '@types/node': 22.7.9
       fsevents: 2.3.3
       sass: 1.78.0
 
-  vitefu@1.0.3(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0)):
+  vitefu@1.0.3(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)):
     optionalDependencies:
-      vite: 5.4.9(@types/node@22.7.7)(sass@1.78.0)
+      vite: 5.4.10(@types/node@22.7.9)(sass@1.78.0)
 
-  vitest@2.1.3(@types/node@22.7.7)(@vitest/ui@2.1.3)(jsdom@20.0.3(canvas@2.11.2))(sass@1.78.0):
+  vitest@2.1.3(@types/node@22.7.9)(@vitest/ui@2.1.3)(jsdom@20.0.3(canvas@2.11.2))(sass@1.78.0):
     dependencies:
       '@vitest/expect': 2.1.3
-      '@vitest/mocker': 2.1.3(@vitest/spy@2.1.3)(vite@5.4.9(@types/node@22.7.7)(sass@1.78.0))
+      '@vitest/mocker': 2.1.3(@vitest/spy@2.1.3)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))
       '@vitest/pretty-format': 2.1.3
       '@vitest/runner': 2.1.3
       '@vitest/snapshot': 2.1.3
       '@vitest/spy': 2.1.3
       '@vitest/utils': 2.1.3
-      chai: 5.1.1
+      chai: 5.1.2
       debug: 4.3.7
       magic-string: 0.30.12
       pathe: 1.1.2
@@ -5730,11 +5699,11 @@ snapshots:
       tinyexec: 0.3.1
       tinypool: 1.0.1
       tinyrainbow: 1.2.0
-      vite: 5.4.9(@types/node@22.7.7)(sass@1.78.0)
-      vite-node: 2.1.3(@types/node@22.7.7)(sass@1.78.0)
+      vite: 5.4.10(@types/node@22.7.9)(sass@1.78.0)
+      vite-node: 2.1.3(@types/node@22.7.9)(sass@1.78.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
-      '@types/node': 22.7.7
+      '@types/node': 22.7.9
       '@vitest/ui': 2.1.3(vitest@2.1.3)
       jsdom: 20.0.3(canvas@2.11.2)
     transitivePeerDependencies:
diff --git a/src/components/pages/main_page/image_tool/ImageTool.svelte b/src/components/pages/main_page/image_tool/ImageTool.svelte
index 1d0e8443..e803836c 100644
--- a/src/components/pages/main_page/image_tool/ImageTool.svelte
+++ b/src/components/pages/main_page/image_tool/ImageTool.svelte
@@ -69,7 +69,6 @@
 
   $effect(() => {
     if ($image_kANDa && untrack(() => mounted)) {
-      // ^ accessing writable's value without $ wont trigger it on change
       $image_sarga = 1;
       $image_shloka = 1;
     }

From 3f680d9008d18842c41642b869157424e7c57e60 Mon Sep 17 00:00:00 2001
From: Shubham Anand Gupta <81542648+shubhattin@users.noreply.github.com>
Date: Sun, 27 Oct 2024 19:06:06 +0530
Subject: [PATCH 5/5] done

---
 package.json                                  |  14 +-
 pnpm-lock.yaml                                | 604 +++++++++---------
 .../main_page/image_tool/ImageTool.svelte     |  26 +-
 3 files changed, 339 insertions(+), 305 deletions(-)

diff --git a/package.json b/package.json
index 17ee5cb6..593ff43c 100644
--- a/package.json
+++ b/package.json
@@ -19,13 +19,13 @@
   },
   "devDependencies": {
     "@modyfi/vite-plugin-yaml": "^1.1.0",
-    "@sveltejs/adapter-vercel": "^5.4.5",
-    "@sveltejs/kit": "^2.7.2",
+    "@sveltejs/adapter-vercel": "^5.4.6",
+    "@sveltejs/kit": "^2.7.3",
     "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "@tanstack/svelte-query-devtools": "^5.59.16",
     "@types/cli-progress": "^3.11.6",
     "@types/js-yaml": "^4.0.9",
-    "@types/node": "^22.7.9",
+    "@types/node": "^22.8.1",
     "@vitest/ui": "^2.1.3",
     "chalk": "^5.3.0",
     "cli-progress": "^3.12.0",
@@ -33,15 +33,15 @@
     "drizzle-kit": "^0.24.2",
     "js-yaml": "^4.1.0",
     "json-2-csv": "^5.5.6",
-    "postgres": "^3.4.4",
+    "postgres": "^3.4.5",
     "prettier": "^3.3.3",
     "prettier-plugin-svelte": "^3.2.7",
     "sass": "1.78.0",
-    "svelte": "^5.1.2",
+    "svelte": "^5.1.3",
     "svelte-check": "^4.0.5",
     "trpc-sveltekit": "^3.6.2",
     "tslib": "^2.8.0",
-    "tsx": "^4.19.1",
+    "tsx": "^4.19.2",
     "typescript": "^5.6.3",
     "vite": "^5.4.10",
     "vite-node": "^2.1.3",
@@ -61,7 +61,7 @@
     "@trpc/client": "^10.45.2",
     "@trpc/server": "^10.45.2",
     "@types/ms": "^0.7.34",
-    "ai": "^3.4.18",
+    "ai": "^3.4.20",
     "autoprefixer": "^10.4.20",
     "clsx": "^2.1.1",
     "devalue": "^5.1.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 46b62546..c9efd7aa 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -25,7 +25,7 @@ importers:
         version: 0.9.5
       '@skeletonlabs/skeleton':
         specifier: ^2.10.3
-        version: 2.10.3(svelte@5.1.2)
+        version: 2.10.3(svelte@5.1.3)
       '@skeletonlabs/tw-plugin':
         specifier: ^0.4.0
         version: 0.4.0(tailwindcss@3.4.14)
@@ -34,7 +34,7 @@ importers:
         version: 0.5.9(tailwindcss@3.4.14)
       '@tanstack/svelte-query':
         specifier: ^5.59.16
-        version: 5.59.16(svelte@5.1.2)
+        version: 5.59.16(svelte@5.1.3)
       '@trpc/client':
         specifier: ^10.45.2
         version: 10.45.2(@trpc/server@10.45.2)
@@ -45,8 +45,8 @@ importers:
         specifier: ^0.7.34
         version: 0.7.34
       ai:
-        specifier: ^3.4.18
-        version: 3.4.18(openai@4.68.4(zod@3.23.8))(react@18.3.1)(sswr@2.1.0(svelte@5.1.2))(svelte@5.1.2)(vue@3.5.12(typescript@5.6.3))(zod@3.23.8)
+        specifier: ^3.4.20
+        version: 3.4.20(openai@4.68.4(zod@3.23.8))(react@18.3.1)(sswr@2.1.0(svelte@5.1.3))(svelte@5.1.3)(vue@3.5.12(typescript@5.6.3))(zod@3.23.8)
       autoprefixer:
         specifier: ^10.4.20
         version: 10.4.20(postcss@8.4.47)
@@ -58,10 +58,10 @@ importers:
         version: 5.1.1
       drizzle-orm:
         specifier: ^0.33.0
-        version: 0.33.0(@neondatabase/serverless@0.9.5)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(@types/react@18.3.12)(postgres@3.4.4)(react@18.3.1)
+        version: 0.33.0(@neondatabase/serverless@0.9.5)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(@types/react@18.3.12)(postgres@3.4.5)(react@18.3.1)
       drizzle-zod:
         specifier: ^0.5.1
-        version: 0.5.1(drizzle-orm@0.33.0(@neondatabase/serverless@0.9.5)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(@types/react@18.3.12)(postgres@3.4.4)(react@18.3.1))(zod@3.23.8)
+        version: 0.5.1(drizzle-orm@0.33.0(@neondatabase/serverless@0.9.5)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(@types/react@18.3.12)(postgres@3.4.5)(react@18.3.1))(zod@3.23.8)
       exceljs:
         specifier: ^4.4.0
         version: 4.4.0
@@ -76,7 +76,7 @@ importers:
         version: 3.10.1
       mode-watcher:
         specifier: ^0.4.1
-        version: 0.4.1(svelte@5.1.2)
+        version: 0.4.1(svelte@5.1.3)
       ms:
         specifier: ^2.1.3
         version: 2.1.3
@@ -88,16 +88,16 @@ importers:
         version: 8.4.47
       postcss-load-config:
         specifier: ^6.0.1
-        version: 6.0.1(jiti@1.21.6)(postcss@8.4.47)(tsx@4.19.1)(yaml@2.6.0)
+        version: 6.0.1(jiti@1.21.6)(postcss@8.4.47)(tsx@4.19.2)(yaml@2.6.0)
       prettier-plugin-tailwindcss:
         specifier: ^0.6.8
-        version: 0.6.8(prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@5.1.2))(prettier@3.3.3)
+        version: 0.6.8(prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@5.1.3))(prettier@3.3.3)
       superjson:
         specifier: ^2.2.1
         version: 2.2.1
       svelte-icons-pack:
         specifier: ^3.1.3
-        version: 3.1.3(svelte@5.1.2)
+        version: 3.1.3(svelte@5.1.3)
       tailwind-merge:
         specifier: ^2.5.4
         version: 2.5.4
@@ -106,29 +106,29 @@ importers:
         version: 3.4.14
       trpc-svelte-query:
         specifier: ^2.1.0
-        version: 2.1.0(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(@tanstack/svelte-query@5.59.16(svelte@5.1.2))(@trpc/client@10.45.2(@trpc/server@10.45.2))(@trpc/server@10.45.2)(svelte@5.1.2)
+        version: 2.1.0(@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0)))(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0)))(@tanstack/svelte-query@5.59.16(svelte@5.1.3))(@trpc/client@10.45.2(@trpc/server@10.45.2))(@trpc/server@10.45.2)(svelte@5.1.3)
       vite-plugin-tailwind-purgecss:
         specifier: ^0.3.3
-        version: 0.3.3(tailwindcss@3.4.14)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))
+        version: 0.3.3(tailwindcss@3.4.14)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0))
       zod:
         specifier: ^3.23.8
         version: 3.23.8
     devDependencies:
       '@modyfi/vite-plugin-yaml':
         specifier: ^1.1.0
-        version: 1.1.0(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))
+        version: 1.1.0(rollup@4.24.1)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0))
       '@sveltejs/adapter-vercel':
-        specifier: ^5.4.5
-        version: 5.4.5(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))
+        specifier: ^5.4.6
+        version: 5.4.6(@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0)))(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0)))
       '@sveltejs/kit':
-        specifier: ^2.7.2
-        version: 2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))
+        specifier: ^2.7.3
+        version: 2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0)))(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0))
       '@sveltejs/vite-plugin-svelte':
         specifier: ^4.0.0
-        version: 4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))
+        version: 4.0.0(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0))
       '@tanstack/svelte-query-devtools':
         specifier: ^5.59.16
-        version: 5.59.16(@tanstack/svelte-query@5.59.16(svelte@5.1.2))(svelte@5.1.2)
+        version: 5.59.16(@tanstack/svelte-query@5.59.16(svelte@5.1.3))(svelte@5.1.3)
       '@types/cli-progress':
         specifier: ^3.11.6
         version: 3.11.6
@@ -136,8 +136,8 @@ importers:
         specifier: ^4.0.9
         version: 4.0.9
       '@types/node':
-        specifier: ^22.7.9
-        version: 22.7.9
+        specifier: ^22.8.1
+        version: 22.8.1
       '@vitest/ui':
         specifier: ^2.1.3
         version: 2.1.3(vitest@2.1.3)
@@ -160,44 +160,44 @@ importers:
         specifier: ^5.5.6
         version: 5.5.6
       postgres:
-        specifier: ^3.4.4
-        version: 3.4.4
+        specifier: ^3.4.5
+        version: 3.4.5
       prettier:
         specifier: ^3.3.3
         version: 3.3.3
       prettier-plugin-svelte:
         specifier: ^3.2.7
-        version: 3.2.7(prettier@3.3.3)(svelte@5.1.2)
+        version: 3.2.7(prettier@3.3.3)(svelte@5.1.3)
       sass:
         specifier: 1.78.0
         version: 1.78.0
       svelte:
-        specifier: ^5.1.2
-        version: 5.1.2
+        specifier: ^5.1.3
+        version: 5.1.3
       svelte-check:
         specifier: ^4.0.5
-        version: 4.0.5(picomatch@4.0.2)(svelte@5.1.2)(typescript@5.6.3)
+        version: 4.0.5(picomatch@4.0.2)(svelte@5.1.3)(typescript@5.6.3)
       trpc-sveltekit:
         specifier: ^3.6.2
-        version: 3.6.2(@sveltejs/adapter-node@5.2.8(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))))(@trpc/client@10.45.2(@trpc/server@10.45.2))(@trpc/server@10.45.2)(ws@8.18.0)
+        version: 3.6.2(@sveltejs/adapter-node@5.2.8(@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0)))(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0))))(@trpc/client@10.45.2(@trpc/server@10.45.2))(@trpc/server@10.45.2)(ws@8.18.0)
       tslib:
         specifier: ^2.8.0
         version: 2.8.0
       tsx:
-        specifier: ^4.19.1
-        version: 4.19.1
+        specifier: ^4.19.2
+        version: 4.19.2
       typescript:
         specifier: ^5.6.3
         version: 5.6.3
       vite:
         specifier: ^5.4.10
-        version: 5.4.10(@types/node@22.7.9)(sass@1.78.0)
+        version: 5.4.10(@types/node@22.8.1)(sass@1.78.0)
       vite-node:
         specifier: ^2.1.3
-        version: 2.1.3(@types/node@22.7.9)(sass@1.78.0)
+        version: 2.1.3(@types/node@22.8.1)(sass@1.78.0)
       vitest:
         specifier: ^2.1.3
-        version: 2.1.3(@types/node@22.7.9)(@vitest/ui@2.1.3)(jsdom@20.0.3(canvas@2.11.2))(sass@1.78.0)
+        version: 2.1.3(@types/node@22.8.1)(@vitest/ui@2.1.3)(jsdom@20.0.3(canvas@2.11.2))(sass@1.78.0)
 
 packages:
 
@@ -216,12 +216,25 @@ packages:
       zod:
         optional: true
 
+  '@ai-sdk/provider-utils@1.0.22':
+    resolution: {integrity: sha512-YHK2rpj++wnLVc9vPGzGFP3Pjeld2MwhKinetA0zKXOoHAT/Jit5O8kZsxcSlJPu9wvcGT1UGZEjZrtO7PfFOQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      zod: ^3.0.0
+    peerDependenciesMeta:
+      zod:
+        optional: true
+
   '@ai-sdk/provider@0.0.24':
     resolution: {integrity: sha512-XMsNGJdGO+L0cxhhegtqZ8+T6nn4EoShS819OvCgI2kLbYTIvk0GWFGD0AXJmxkxs3DrpsJxKAFukFR7bvTkgQ==}
     engines: {node: '>=18'}
 
-  '@ai-sdk/react@0.0.64':
-    resolution: {integrity: sha512-4LN2vleyA6rYHZ4Rk9CdxnJgaVkNPJDD4Wx1brUhc5RvUxj3TODcm2UwGOR/mxv4pcydtZGELfQQs/i/tkAUCw==}
+  '@ai-sdk/provider@0.0.26':
+    resolution: {integrity: sha512-dQkfBDs2lTYpKM8389oopPdQgIU007GQyCbuPPrV+K6MtSII3HBfE0stUIMXUb44L+LK1t6GXPP7wjSzjO6uKg==}
+    engines: {node: '>=18'}
+
+  '@ai-sdk/react@0.0.66':
+    resolution: {integrity: sha512-hSHm+KR8/ciq2NksxZVyRIibODVrEKPbBrdAzHXI/tmFbpz/9/a/VibgX2+EIlj/M9K8Hkt1epxGLWKRwIfBwg==}
     engines: {node: '>=18'}
     peerDependencies:
       react: ^18 || ^19
@@ -232,8 +245,8 @@ packages:
       zod:
         optional: true
 
-  '@ai-sdk/solid@0.0.50':
-    resolution: {integrity: sha512-JF+KKOgGAgcROgae6FU+hAtxMRhR896SzwI3H1h5hFOZrjqYeYzemJoKzA5MR5IBnPSK4FzEjunc8G5L67TyzQ==}
+  '@ai-sdk/solid@0.0.52':
+    resolution: {integrity: sha512-DPTWHLbMlrOMs8VAXW/finVLSlZDA2JbUKCH6fnlrr29L6Go9C1+xai92iBFF7GVb/bM/pVXXmuuoXWOGWknUQ==}
     engines: {node: '>=18'}
     peerDependencies:
       solid-js: ^1.7.7
@@ -241,8 +254,8 @@ packages:
       solid-js:
         optional: true
 
-  '@ai-sdk/svelte@0.0.52':
-    resolution: {integrity: sha512-ZGd81ruVuqpOh1Suma+HwBMBywcOV0IUzi96Q3knIoZIz99sVwebSKH8ExMofXm49bQdCTRa73Wn8sTs6QDIYg==}
+  '@ai-sdk/svelte@0.0.54':
+    resolution: {integrity: sha512-ZON1RjiKmFYYFB2ukswE2Q6Ca/MjfFlpwCjtmFYPDa6BAXS63ZcgId9l2BkbmOJLJWzZFwmlo905iaNFQDaWAw==}
     engines: {node: '>=18'}
     peerDependencies:
       svelte: ^3.0.0 || ^4.0.0
@@ -250,8 +263,8 @@ packages:
       svelte:
         optional: true
 
-  '@ai-sdk/ui-utils@0.0.46':
-    resolution: {integrity: sha512-ZG/wneyJG+6w5Nm/hy1AKMuRgjPQToAxBsTk61c9sVPUTaxo+NNjM2MhXQMtmsja2N5evs8NmHie+ExEgpL3cA==}
+  '@ai-sdk/ui-utils@0.0.48':
+    resolution: {integrity: sha512-kKol0xTG4OFDqu77WqVVpPvpABXIXs67Ivlqg6qxD69pD/cFZ2zQVliBcDxPBJoz08Oyf5BxU5Ht9i8J99QKcA==}
     engines: {node: '>=18'}
     peerDependencies:
       zod: ^3.0.0
@@ -259,8 +272,8 @@ packages:
       zod:
         optional: true
 
-  '@ai-sdk/vue@0.0.55':
-    resolution: {integrity: sha512-NZ89CeRPO3D9GjI7GmK3vC+YXjsaWi3iCIvxlGqfQYt0JFKcjgM6dfeq8Nkk+qWI9OoxoOhV/yQdqWQKPv3RRg==}
+  '@ai-sdk/vue@0.0.57':
+    resolution: {integrity: sha512-p4wwEO/KRfZaRUZu7UIOlb0odHDHTuUsFEFQ2zlFQK0IlCoTvtqJkSyQl26o+6whiUUUNVqZepluX+WHGSrAaA==}
     engines: {node: '>=18'}
     peerDependencies:
       vue: ^3.3.4
@@ -284,13 +297,13 @@ packages:
     resolution: {integrity: sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/parser@7.25.9':
-    resolution: {integrity: sha512-aI3jjAAO1fh7vY/pBGsn1i9LDbRP43+asrRlkPuTXW5yHXtd1NgTEMudbBoDDxrf1daEEfPJqR+JBMakzrR4Dg==}
+  '@babel/parser@7.26.1':
+    resolution: {integrity: sha512-reoQYNiAJreZNsJzyrDNzFQ+IQ5JFiIzAHJg9bn94S3l+4++J7RsIhNMoB+lgP/9tpmiAQqspv+xfdxTSzREOw==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  '@babel/types@7.25.9':
-    resolution: {integrity: sha512-OwS2CM5KocvQ/k7dFJa8i5bNGJP0hXWfVCfDkqRFP1IreH1JDC7wG6eCYCi0+McbfT8OR/kNqsI0UU0xP9H6PQ==}
+  '@babel/types@7.26.0':
+    resolution: {integrity: sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==}
     engines: {node: '>=6.9.0'}
 
   '@builder.io/partytown@0.10.2':
@@ -985,83 +998,88 @@ packages:
       rollup:
         optional: true
 
-  '@rollup/rollup-android-arm-eabi@4.24.0':
-    resolution: {integrity: sha512-Q6HJd7Y6xdB48x8ZNVDOqsbh2uByBhgK8PiQgPhwkIw/HC/YX5Ghq2mQY5sRMZWHb3VsFkWooUVOZHKr7DmDIA==}
+  '@rollup/rollup-android-arm-eabi@4.24.1':
+    resolution: {integrity: sha512-j2llrtCTwNu68yp1wybgkTUW8CrR8AZvGZzIO/qwNAetVP3FHidylyz1s0dU2zXG9uqqpoUIhWKmMypGMcdM2Q==}
     cpu: [arm]
     os: [android]
 
-  '@rollup/rollup-android-arm64@4.24.0':
-    resolution: {integrity: sha512-ijLnS1qFId8xhKjT81uBHuuJp2lU4x2yxa4ctFPtG+MqEE6+C5f/+X/bStmxapgmwLwiL3ih122xv8kVARNAZA==}
+  '@rollup/rollup-android-arm64@4.24.1':
+    resolution: {integrity: sha512-y65R3hM9sJVAXV3qh/dJ5o2OCVzwy6d994qmi+rGw1i1onYY5AoV9dREDYoizaZvc9esEqOs07CyFgPzz4DBqg==}
     cpu: [arm64]
     os: [android]
 
-  '@rollup/rollup-darwin-arm64@4.24.0':
-    resolution: {integrity: sha512-bIv+X9xeSs1XCk6DVvkO+S/z8/2AMt/2lMqdQbMrmVpgFvXlmde9mLcbQpztXm1tajC3raFDqegsH18HQPMYtA==}
+  '@rollup/rollup-darwin-arm64@4.24.1':
+    resolution: {integrity: sha512-K9iOc75U9HpDffjop9qVPwNoBEPXS0Q6RrVSvh13gs38ynurJ2+HuS7NJbsx+fwiDA+eJYfBi7sablI8G2/3oA==}
     cpu: [arm64]
     os: [darwin]
 
-  '@rollup/rollup-darwin-x64@4.24.0':
-    resolution: {integrity: sha512-X6/nOwoFN7RT2svEQWUsW/5C/fYMBe4fnLK9DQk4SX4mgVBiTA9h64kjUYPvGQ0F/9xwJ5U5UfTbl6BEjaQdBQ==}
+  '@rollup/rollup-darwin-x64@4.24.1':
+    resolution: {integrity: sha512-Ufz0fX79W9937euBI4qEdh2xLb0Lzo4GiZ7xxDpueEZxWdPbow6gnTRokSzSgtqRFs1vFgcgm7Ci/KnOo15MIg==}
     cpu: [x64]
     os: [darwin]
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.24.0':
-    resolution: {integrity: sha512-0KXvIJQMOImLCVCz9uvvdPgfyWo93aHHp8ui3FrtOP57svqrF/roSSR5pjqL2hcMp0ljeGlU4q9o/rQaAQ3AYA==}
+  '@rollup/rollup-freebsd-x64@4.24.1':
+    resolution: {integrity: sha512-IfG1khuwe10V2EBfFIrcd7P6X0stdhHQM71NyaG5TPgy6dXr2nzAa5TMNFA35tr41gihUPqp/w8StayYG7jXYw==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.24.1':
+    resolution: {integrity: sha512-W+drJRBL1+N1/zaq+8y/CtQ3VP5wxMXwCy7obFl9r5jJ5EFNEYAqchuPfYTleYOoA46bwXAprCL+OVK3BTrWWw==}
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm-musleabihf@4.24.0':
-    resolution: {integrity: sha512-it2BW6kKFVh8xk/BnHfakEeoLPv8STIISekpoF+nBgWM4d55CZKc7T4Dx1pEbTnYm/xEKMgy1MNtYuoA8RFIWw==}
+  '@rollup/rollup-linux-arm-musleabihf@4.24.1':
+    resolution: {integrity: sha512-mKngr0zxo4FMSDqiq4F4G/1IPqjpNO7MyjAM6+YxDIADO4ZSI4m05bZYD4po12Jid6+n9YJRWdIcvi4JztMVcw==}
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-gnu@4.24.0':
-    resolution: {integrity: sha512-i0xTLXjqap2eRfulFVlSnM5dEbTVque/3Pi4g2y7cxrs7+a9De42z4XxKLYJ7+OhE3IgxvfQM7vQc43bwTgPwA==}
+  '@rollup/rollup-linux-arm64-gnu@4.24.1':
+    resolution: {integrity: sha512-Rh12WITgvLydYFR9XAjmCRArU71nMfi5lDVLhpRV8dR2sCGtZESVkfD66mi3owp4q1scwysT35nNMPleRTQOow==}
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-musl@4.24.0':
-    resolution: {integrity: sha512-9E6MKUJhDuDh604Qco5yP/3qn3y7SLXYuiC0Rpr89aMScS2UAmK1wHP2b7KAa1nSjWJc/f/Lc0Wl1L47qjiyQw==}
+  '@rollup/rollup-linux-arm64-musl@4.24.1':
+    resolution: {integrity: sha512-zOLu7V1iBpJMIrrmZjpmAZ9txFlnGgqQMnjNmRrqmV1vQaou9SIT3qI3JE1kt+DQE8zCdB3n2/mAjIU90AfjEg==}
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.24.0':
-    resolution: {integrity: sha512-2XFFPJ2XMEiF5Zi2EBf4h73oR1V/lycirxZxHZNc93SqDN/IWhYYSYj8I9381ikUFXZrz2v7r2tOVk2NBwxrWw==}
+  '@rollup/rollup-linux-powerpc64le-gnu@4.24.1':
+    resolution: {integrity: sha512-h9ipTGhMzTBAJL/bg1HsElhGPWLGeCKE8JkxgvrJ5O/S1MXH9RxMUTl++tzlpzxdOBCAGqygZIMBj3wIDf/kJw==}
     cpu: [ppc64]
     os: [linux]
 
-  '@rollup/rollup-linux-riscv64-gnu@4.24.0':
-    resolution: {integrity: sha512-M3Dg4hlwuntUCdzU7KjYqbbd+BLq3JMAOhCKdBE3TcMGMZbKkDdJ5ivNdehOssMCIokNHFOsv7DO4rlEOfyKpg==}
+  '@rollup/rollup-linux-riscv64-gnu@4.24.1':
+    resolution: {integrity: sha512-PNKCMA1xRBARR7/j6KXMSB1z0/eGenC/t2wdQl5et3jnrHA+igIaLVNUEPfnVjmZIZJign7u/dobvV2VkPxMiw==}
     cpu: [riscv64]
     os: [linux]
 
-  '@rollup/rollup-linux-s390x-gnu@4.24.0':
-    resolution: {integrity: sha512-mjBaoo4ocxJppTorZVKWFpy1bfFj9FeCMJqzlMQGjpNPY9JwQi7OuS1axzNIk0nMX6jSgy6ZURDZ2w0QW6D56g==}
+  '@rollup/rollup-linux-s390x-gnu@4.24.1':
+    resolution: {integrity: sha512-mkl3uWq/ix18gAfzBUIecSwioPyJkbR6QXVaNuOGM7Qbs7f1EfDLP4XtLSJx4GL6mO8GrKhB3cmhUc3zjUrQSg==}
     cpu: [s390x]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-gnu@4.24.0':
-    resolution: {integrity: sha512-ZXFk7M72R0YYFN5q13niV0B7G8/5dcQ9JDp8keJSfr3GoZeXEoMHP/HlvqROA3OMbMdfr19IjCeNAnPUG93b6A==}
+  '@rollup/rollup-linux-x64-gnu@4.24.1':
+    resolution: {integrity: sha512-j0RPQWteEXAAxRQI+IcX3i7WQb7hFe7CW94H3l0edBVyJMIPOlr/hqc5CGG1FBDW9gNr0ZC2IzwSta1iSNJIoA==}
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-musl@4.24.0':
-    resolution: {integrity: sha512-w1i+L7kAXZNdYl+vFvzSZy8Y1arS7vMgIy8wusXJzRrPyof5LAb02KGr1PD2EkRcl73kHulIID0M501lN+vobQ==}
+  '@rollup/rollup-linux-x64-musl@4.24.1':
+    resolution: {integrity: sha512-UrwXowd3gyT+/ijoeSzMyHHGUaV3WhiJL77eTZE8/Pq+9K6auacIJ264biAUhHJ3FjAHsXNhzEmxGnj4tpDz2g==}
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-win32-arm64-msvc@4.24.0':
-    resolution: {integrity: sha512-VXBrnPWgBpVDCVY6XF3LEW0pOU51KbaHhccHw6AS6vBWIC60eqsH19DAeeObl+g8nKAz04QFdl/Cefta0xQtUQ==}
+  '@rollup/rollup-win32-arm64-msvc@4.24.1':
+    resolution: {integrity: sha512-wexHPBkBa2/tPhbGcxLqOM2AFZ7BQsZ0pk3dVxRL5Ec0SsXnkpcMucZ4j4woyoD5DbRdFP6Roptd9TRsGVTvUA==}
     cpu: [arm64]
     os: [win32]
 
-  '@rollup/rollup-win32-ia32-msvc@4.24.0':
-    resolution: {integrity: sha512-xrNcGDU0OxVcPTH/8n/ShH4UevZxKIO6HJFK0e15XItZP2UcaiLFd5kiX7hJnqCbSztUF8Qot+JWBC/QXRPYWQ==}
+  '@rollup/rollup-win32-ia32-msvc@4.24.1':
+    resolution: {integrity: sha512-IW2axCCdiC+kgj5/50Mt5v8qG0LYaDichBGKXM4Oo2NaWStAs0oQp1dqVzCV1XOXNvNNDRFw0EaT+JMs6BX+WQ==}
     cpu: [ia32]
     os: [win32]
 
-  '@rollup/rollup-win32-x64-msvc@4.24.0':
-    resolution: {integrity: sha512-fbMkAF7fufku0N2dE5TBXcNlg0pt0cJue4xBRE2Qc5Vqikxr4VCgKj/ht6SMdFcOacVA9rqF70APJ8RN/4vMJw==}
+  '@rollup/rollup-win32-x64-msvc@4.24.1':
+    resolution: {integrity: sha512-b9IK2buRXwm7owl4Hd8fselCQ7/gr2WaErv0e/IPgRQuJfFS+O0cFJA4t13+FKAZeQh97iEyBG06g613IJLirQ==}
     cpu: [x64]
     os: [win32]
 
@@ -1080,13 +1098,13 @@ packages:
     peerDependencies:
       '@sveltejs/kit': ^2.4.0
 
-  '@sveltejs/adapter-vercel@5.4.5':
-    resolution: {integrity: sha512-SROpUbjSZ1Xni4xuS22dunXFLjYzvTZwppqixIQFzTrf9oWcZEm2OfO+VgnrOT67LOcWQefJp7VSrpmjV691yQ==}
+  '@sveltejs/adapter-vercel@5.4.6':
+    resolution: {integrity: sha512-jUFc5NEPgBzcqxDgwAMk/lIxFuYA8MP8KcPh/UWFZH3fDZ/igi1h/do/nKsEmPxF5NuJVvI2mxX6TaJZzHcpTg==}
     peerDependencies:
       '@sveltejs/kit': ^2.4.0
 
-  '@sveltejs/kit@2.7.2':
-    resolution: {integrity: sha512-bFwrl+0bNr0/DHQZM0INwwSPNYqDjfsKRhUoa6rj9d8tDZzszBrJ3La6/HVFxWGONEigtG+SzHXa1BEa1BLdwA==}
+  '@sveltejs/kit@2.7.3':
+    resolution: {integrity: sha512-Vx7nq5MJ86I8qXYsVidC5PX6xm+uxt8DydvOdmJoyOK7LvGP18OFEG359yY+aa51t6pENvqZAMqAREQQx1OI2Q==}
     engines: {node: '>=18.13'}
     hasBin: true
     peerDependencies:
@@ -1170,8 +1188,8 @@ packages:
   '@types/node@18.19.59':
     resolution: {integrity: sha512-vizm2EqwV/7Zay+A6J3tGl9Lhr7CjZe2HmWS988sefiEmsyP9CeXEleho6i4hJk/8UtZAo0bWN4QPZZr83RxvQ==}
 
-  '@types/node@22.7.9':
-    resolution: {integrity: sha512-jrTfRC7FM6nChvU7X2KqcrgquofrWLFDeYC1hKfwNWomVvrn7JIksqf344WN2X/y8xrgqBd2dJATZV4GbatBfg==}
+  '@types/node@22.8.1':
+    resolution: {integrity: sha512-k6Gi8Yyo8EtrNtkHXutUu2corfDf9su95VYVP10aGYMMROM6SAItZi0w1XszA6RtWTHSVp5OeFof37w0IEqCQg==}
 
   '@types/pg@8.11.6':
     resolution: {integrity: sha512-/2WmmBXHLsfRqzfHW7BNZ8SbYzE8OSk7i3WjFYvfgRHj7S1xj+16Je5fUKv3lVdVzk/zn9TXOqf+avFCFIE0yQ==}
@@ -1282,8 +1300,8 @@ packages:
     resolution: {integrity: sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==}
     engines: {node: '>=0.4.0'}
 
-  acorn@8.13.0:
-    resolution: {integrity: sha512-8zSiw54Oxrdym50NlZ9sUusyO1Z1ZchgRLWRaK6c86XJFClyCgFKetdowBg5bKxyp/u+CDBJG4Mpp0m3HLZl9w==}
+  acorn@8.14.0:
+    resolution: {integrity: sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==}
     engines: {node: '>=0.4.0'}
     hasBin: true
 
@@ -1295,8 +1313,8 @@ packages:
     resolution: {integrity: sha512-5GG/5IbQQpC9FpkRGsSvZI5QYeSCzlJHdpBQntCsuTOxhKD8lqKhrleg2Yi7yvMIf82Ycmmqln9U8V9qwEiJew==}
     engines: {node: '>= 8.0.0'}
 
-  ai@3.4.18:
-    resolution: {integrity: sha512-dc6rSBDgaRMX4VgTBsUZwEN5tBWMpJd+MJxB05E2cL4ft9mOmQEZNS6yeu4Ci5rUDj4ZhnmvANHrP7td8Ko9Og==}
+  ai@3.4.20:
+    resolution: {integrity: sha512-UnU7VoIzwx0sql5W+39oLazmiovNRqX+AUkvLwuzlRWrp0O9BjqA/ZlvdmfBxhBPZMruzvL659q8ET38l04fUw==}
     engines: {node: '>=18'}
     peerDependencies:
       openai: ^4.42.0
@@ -1459,8 +1477,8 @@ packages:
     resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
     engines: {node: '>= 6'}
 
-  caniuse-lite@1.0.30001669:
-    resolution: {integrity: sha512-DlWzFDJqstqtIVx1zeSpIMLjunf5SmwOw0N2Ck/QSQdS8PLS4+9HrLaYei4w8BIAL7IB/UEDu889d8vhCTPA0w==}
+  caniuse-lite@1.0.30001672:
+    resolution: {integrity: sha512-XhW1vRo1ob6aeK2w3rTohwTPBLse/rvjq+s3RTSBwnlZqoFFjx9cHsShJjAIbLsLjyoacaTxpLZy9v3gg6zypw==}
 
   canvas@2.11.2:
     resolution: {integrity: sha512-ItanGBMrmRV7Py2Z+Xhs7cT+FNt5K0vPL4p9EZ/UX/Mu7hFbkxSjKF2KVtPwX7UYWp7dRKnrTvReflgrItJbdw==}
@@ -1769,8 +1787,8 @@ packages:
   eastasianwidth@0.2.0:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
 
-  electron-to-chromium@1.5.45:
-    resolution: {integrity: sha512-vOzZS6uZwhhbkZbcRyiy99Wg+pYFV5hk+5YaECvx0+Z31NR3Tt5zS6dze2OepT6PCTzVzT0dIJItti+uAW5zmw==}
+  electron-to-chromium@1.5.47:
+    resolution: {integrity: sha512-zS5Yer0MOYw4rtK2iq43cJagHZ8sXN0jDHDKzB+86gSBSAI4v07S97mcq+Gs2vclAxSh1j7vOAHxSVgduiiuVQ==}
 
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
@@ -2489,8 +2507,8 @@ packages:
   postgres-range@1.1.4:
     resolution: {integrity: sha512-i/hbxIE9803Alj/6ytL7UHQxRvZkI9O4Sy+J3HGc4F4oo/2eQAjTSNJ0bfxyse3bH0nuVesCk+3IRLaMtG3H6w==}
 
-  postgres@3.4.4:
-    resolution: {integrity: sha512-IbyN+9KslkqcXa8AO9fxpk97PA4pzewvpi2B3Dwy9u4zpV32QicaEdgmF3eSQUzdRk7ttDHQejNgAEr4XoeH4A==}
+  postgres@3.4.5:
+    resolution: {integrity: sha512-cDWgoah1Gez9rN3H4165peY9qfpEo+SA61oQv65O3cRUE1pOEoJWwddwcqKE8XZYjbblOJlYDlLV4h67HrEVDg==}
     engines: {node: '>=12'}
 
   prettier-plugin-svelte@3.2.7:
@@ -2635,8 +2653,8 @@ packages:
     deprecated: Rimraf versions prior to v4 are no longer supported
     hasBin: true
 
-  rollup@4.24.0:
-    resolution: {integrity: sha512-DOmrlGSXNk1DM0ljiQA+i+o0rSLhtii1je5wgk60j49d1jHT5YYttBv1iWOnYSTG+fZZESUOSNiAl89SIet+Cg==}
+  rollup@4.24.1:
+    resolution: {integrity: sha512-2lhtdsnyxlfBAZVh9tfriEc1nV9HxjQGnqEpd7z7cWXuLbI4jHWDhAvw6JGs0AVcnYqv0gL7Mjuj/utxW2wPBw==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
@@ -2792,8 +2810,8 @@ packages:
     peerDependencies:
       svelte: ^3.44.0 || ^4.0.0 || ^5.0.0-next.1
 
-  svelte@5.1.2:
-    resolution: {integrity: sha512-IovgkB3eQq0CdqQB1rd1F4SZbg8Z7VBSbAqhD2eE9t8l0KfJXZ/iHmfqnW5pxs5Lr89/cpIZTLU5buemsydYRw==}
+  svelte@5.1.3:
+    resolution: {integrity: sha512-Sl8UFHlBvF54aK8MElFvyvaUfPE2REOz6LnhR2pBClCL11MU4qpn4V+KgAggaXxDyrP2iQixvHbtpHqL/zXlSQ==}
     engines: {node: '>=18'}
 
   swr@2.2.5:
@@ -2844,8 +2862,8 @@ packages:
   tinyexec@0.3.1:
     resolution: {integrity: sha512-WiCJLEECkO18gwqIp6+hJg0//p23HXp4S+gGtAKu3mI2F2/sXC4FvHvXvB0zJVVaTPhx1/tOwdbRsa1sOBIKqQ==}
 
-  tinyglobby@0.2.9:
-    resolution: {integrity: sha512-8or1+BGEdk1Zkkw2ii16qSS7uVrQJPre5A9o/XkWPATkk23FZh/15BKFxPnlTy6vkljZxLqYCzzBMj30ZrSvjw==}
+  tinyglobby@0.2.10:
+    resolution: {integrity: sha512-Zc+8eJlFMvgatPZTl6A9L/yht8QqdmUNtURHaKZLmKBE12hNPSrqNkUp2cs3M/UKmNVVAMFQYSjYIVHDjW5zew==}
     engines: {node: '>=12.0.0'}
 
   tinypool@1.0.1:
@@ -2913,8 +2931,8 @@ packages:
   tslib@2.8.0:
     resolution: {integrity: sha512-jWVzBLplnCmoaTr13V9dYbiQ99wvZRd0vNWaDRg+aVYRcjDF3nDksxFDE/+fkXnKhpnUUkmx5pK/v8mCtLVqZA==}
 
-  tsx@4.19.1:
-    resolution: {integrity: sha512-0flMz1lh74BR4wOvBjuh9olbnwqCPc35OOlfyzHba0Dc+QNUeWX/Gq2YTbnwcWPO3BMd8fkzRVrHcsR+a7z7rA==}
+  tsx@4.19.2:
+    resolution: {integrity: sha512-pOUl6Vo2LUq/bSa8S5q7b91cgNSjctn9ugq/+Mvow99qW6x/UZYwzxy/3NmqoT66eHYfCVvFvACC58UBPFf28g==}
     engines: {node: '>=18.0.0'}
     hasBin: true
 
@@ -3128,8 +3146,8 @@ packages:
     resolution: {integrity: sha512-9qv4rlDiopXg4E69k+vMHjNN63YFMe9sZMrdlvKnCjlCRWeCBswPPMPUfx+ipsAWq1LXHe70RcbaHdJJpS6hyQ==}
     engines: {node: '>= 10'}
 
-  zod-to-json-schema@3.23.2:
-    resolution: {integrity: sha512-uSt90Gzc/tUfyNqxnjlfBs8W6WSGpNBv0rVsNxP/BVSMHMKGdthPYff4xtCHYloJGM0CFxFsb3NbC0eqPhfImw==}
+  zod-to-json-schema@3.23.5:
+    resolution: {integrity: sha512-5wlSS0bXfF/BrL4jPAbz9da5hDlDptdEppYfe+x4eIJ7jioqKG9uUxOwPzqof09u/XeVdrgFu29lZi+8XNDJtA==}
     peerDependencies:
       zod: ^3.23.3
 
@@ -3153,50 +3171,63 @@ snapshots:
     optionalDependencies:
       zod: 3.23.8
 
+  '@ai-sdk/provider-utils@1.0.22(zod@3.23.8)':
+    dependencies:
+      '@ai-sdk/provider': 0.0.26
+      eventsource-parser: 1.1.2
+      nanoid: 3.3.7
+      secure-json-parse: 2.7.0
+    optionalDependencies:
+      zod: 3.23.8
+
   '@ai-sdk/provider@0.0.24':
     dependencies:
       json-schema: 0.4.0
 
-  '@ai-sdk/react@0.0.64(react@18.3.1)(zod@3.23.8)':
+  '@ai-sdk/provider@0.0.26':
     dependencies:
-      '@ai-sdk/provider-utils': 1.0.20(zod@3.23.8)
-      '@ai-sdk/ui-utils': 0.0.46(zod@3.23.8)
+      json-schema: 0.4.0
+
+  '@ai-sdk/react@0.0.66(react@18.3.1)(zod@3.23.8)':
+    dependencies:
+      '@ai-sdk/provider-utils': 1.0.22(zod@3.23.8)
+      '@ai-sdk/ui-utils': 0.0.48(zod@3.23.8)
       swr: 2.2.5(react@18.3.1)
     optionalDependencies:
       react: 18.3.1
       zod: 3.23.8
 
-  '@ai-sdk/solid@0.0.50(zod@3.23.8)':
+  '@ai-sdk/solid@0.0.52(zod@3.23.8)':
     dependencies:
-      '@ai-sdk/provider-utils': 1.0.20(zod@3.23.8)
-      '@ai-sdk/ui-utils': 0.0.46(zod@3.23.8)
+      '@ai-sdk/provider-utils': 1.0.22(zod@3.23.8)
+      '@ai-sdk/ui-utils': 0.0.48(zod@3.23.8)
     transitivePeerDependencies:
       - zod
 
-  '@ai-sdk/svelte@0.0.52(svelte@5.1.2)(zod@3.23.8)':
+  '@ai-sdk/svelte@0.0.54(svelte@5.1.3)(zod@3.23.8)':
     dependencies:
-      '@ai-sdk/provider-utils': 1.0.20(zod@3.23.8)
-      '@ai-sdk/ui-utils': 0.0.46(zod@3.23.8)
-      sswr: 2.1.0(svelte@5.1.2)
+      '@ai-sdk/provider-utils': 1.0.22(zod@3.23.8)
+      '@ai-sdk/ui-utils': 0.0.48(zod@3.23.8)
+      sswr: 2.1.0(svelte@5.1.3)
     optionalDependencies:
-      svelte: 5.1.2
+      svelte: 5.1.3
     transitivePeerDependencies:
       - zod
 
-  '@ai-sdk/ui-utils@0.0.46(zod@3.23.8)':
+  '@ai-sdk/ui-utils@0.0.48(zod@3.23.8)':
     dependencies:
-      '@ai-sdk/provider': 0.0.24
-      '@ai-sdk/provider-utils': 1.0.20(zod@3.23.8)
+      '@ai-sdk/provider': 0.0.26
+      '@ai-sdk/provider-utils': 1.0.22(zod@3.23.8)
       json-schema: 0.4.0
       secure-json-parse: 2.7.0
-      zod-to-json-schema: 3.23.2(zod@3.23.8)
+      zod-to-json-schema: 3.23.5(zod@3.23.8)
     optionalDependencies:
       zod: 3.23.8
 
-  '@ai-sdk/vue@0.0.55(vue@3.5.12(typescript@5.6.3))(zod@3.23.8)':
+  '@ai-sdk/vue@0.0.57(vue@3.5.12(typescript@5.6.3))(zod@3.23.8)':
     dependencies:
-      '@ai-sdk/provider-utils': 1.0.20(zod@3.23.8)
-      '@ai-sdk/ui-utils': 0.0.46(zod@3.23.8)
+      '@ai-sdk/provider-utils': 1.0.22(zod@3.23.8)
+      '@ai-sdk/ui-utils': 0.0.48(zod@3.23.8)
       swrv: 1.0.4(vue@3.5.12(typescript@5.6.3))
     optionalDependencies:
       vue: 3.5.12(typescript@5.6.3)
@@ -3214,11 +3245,11 @@ snapshots:
 
   '@babel/helper-validator-identifier@7.25.9': {}
 
-  '@babel/parser@7.25.9':
+  '@babel/parser@7.26.1':
     dependencies:
-      '@babel/types': 7.25.9
+      '@babel/types': 7.26.0
 
-  '@babel/types@7.25.9':
+  '@babel/types@7.26.0':
     dependencies:
       '@babel/helper-string-parser': 7.25.9
       '@babel/helper-validator-identifier': 7.25.9
@@ -3586,12 +3617,12 @@ snapshots:
       - encoding
       - supports-color
 
-  '@modyfi/vite-plugin-yaml@1.1.0(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))':
+  '@modyfi/vite-plugin-yaml@1.1.0(rollup@4.24.1)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0))':
     dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@4.24.0)
+      '@rollup/pluginutils': 5.1.0(rollup@4.24.1)
       js-yaml: 4.1.0
       tosource: 2.0.0-alpha.3
-      vite: 5.4.10(@types/node@22.7.9)(sass@1.78.0)
+      vite: 5.4.10(@types/node@22.8.1)(sass@1.78.0)
     transitivePeerDependencies:
       - rollup
 
@@ -3618,9 +3649,9 @@ snapshots:
 
   '@polka/url@1.0.0-next.28': {}
 
-  '@rollup/plugin-commonjs@28.0.1(rollup@4.24.0)':
+  '@rollup/plugin-commonjs@28.0.1(rollup@4.24.1)':
     dependencies:
-      '@rollup/pluginutils': 5.1.3(rollup@4.24.0)
+      '@rollup/pluginutils': 5.1.3(rollup@4.24.1)
       commondir: 1.0.1
       estree-walker: 2.0.2
       fdir: 6.4.2(picomatch@4.0.2)
@@ -3628,122 +3659,125 @@ snapshots:
       magic-string: 0.30.12
       picomatch: 4.0.2
     optionalDependencies:
-      rollup: 4.24.0
+      rollup: 4.24.1
 
-  '@rollup/plugin-json@6.1.0(rollup@4.24.0)':
+  '@rollup/plugin-json@6.1.0(rollup@4.24.1)':
     dependencies:
-      '@rollup/pluginutils': 5.1.3(rollup@4.24.0)
+      '@rollup/pluginutils': 5.1.3(rollup@4.24.1)
     optionalDependencies:
-      rollup: 4.24.0
+      rollup: 4.24.1
 
-  '@rollup/plugin-node-resolve@15.3.0(rollup@4.24.0)':
+  '@rollup/plugin-node-resolve@15.3.0(rollup@4.24.1)':
     dependencies:
-      '@rollup/pluginutils': 5.1.3(rollup@4.24.0)
+      '@rollup/pluginutils': 5.1.3(rollup@4.24.1)
       '@types/resolve': 1.20.2
       deepmerge: 4.3.1
       is-module: 1.0.0
       resolve: 1.22.8
     optionalDependencies:
-      rollup: 4.24.0
+      rollup: 4.24.1
 
   '@rollup/pluginutils@4.2.1':
     dependencies:
       estree-walker: 2.0.2
       picomatch: 2.3.1
 
-  '@rollup/pluginutils@5.1.0(rollup@4.24.0)':
+  '@rollup/pluginutils@5.1.0(rollup@4.24.1)':
     dependencies:
       '@types/estree': 1.0.6
       estree-walker: 2.0.2
       picomatch: 2.3.1
     optionalDependencies:
-      rollup: 4.24.0
+      rollup: 4.24.1
 
-  '@rollup/pluginutils@5.1.3(rollup@4.24.0)':
+  '@rollup/pluginutils@5.1.3(rollup@4.24.1)':
     dependencies:
       '@types/estree': 1.0.6
       estree-walker: 2.0.2
       picomatch: 4.0.2
     optionalDependencies:
-      rollup: 4.24.0
+      rollup: 4.24.1
+
+  '@rollup/rollup-android-arm-eabi@4.24.1':
+    optional: true
 
-  '@rollup/rollup-android-arm-eabi@4.24.0':
+  '@rollup/rollup-android-arm64@4.24.1':
     optional: true
 
-  '@rollup/rollup-android-arm64@4.24.0':
+  '@rollup/rollup-darwin-arm64@4.24.1':
     optional: true
 
-  '@rollup/rollup-darwin-arm64@4.24.0':
+  '@rollup/rollup-darwin-x64@4.24.1':
     optional: true
 
-  '@rollup/rollup-darwin-x64@4.24.0':
+  '@rollup/rollup-freebsd-x64@4.24.1':
     optional: true
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.24.0':
+  '@rollup/rollup-linux-arm-gnueabihf@4.24.1':
     optional: true
 
-  '@rollup/rollup-linux-arm-musleabihf@4.24.0':
+  '@rollup/rollup-linux-arm-musleabihf@4.24.1':
     optional: true
 
-  '@rollup/rollup-linux-arm64-gnu@4.24.0':
+  '@rollup/rollup-linux-arm64-gnu@4.24.1':
     optional: true
 
-  '@rollup/rollup-linux-arm64-musl@4.24.0':
+  '@rollup/rollup-linux-arm64-musl@4.24.1':
     optional: true
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.24.0':
+  '@rollup/rollup-linux-powerpc64le-gnu@4.24.1':
     optional: true
 
-  '@rollup/rollup-linux-riscv64-gnu@4.24.0':
+  '@rollup/rollup-linux-riscv64-gnu@4.24.1':
     optional: true
 
-  '@rollup/rollup-linux-s390x-gnu@4.24.0':
+  '@rollup/rollup-linux-s390x-gnu@4.24.1':
     optional: true
 
-  '@rollup/rollup-linux-x64-gnu@4.24.0':
+  '@rollup/rollup-linux-x64-gnu@4.24.1':
     optional: true
 
-  '@rollup/rollup-linux-x64-musl@4.24.0':
+  '@rollup/rollup-linux-x64-musl@4.24.1':
     optional: true
 
-  '@rollup/rollup-win32-arm64-msvc@4.24.0':
+  '@rollup/rollup-win32-arm64-msvc@4.24.1':
     optional: true
 
-  '@rollup/rollup-win32-ia32-msvc@4.24.0':
+  '@rollup/rollup-win32-ia32-msvc@4.24.1':
     optional: true
 
-  '@rollup/rollup-win32-x64-msvc@4.24.0':
+  '@rollup/rollup-win32-x64-msvc@4.24.1':
     optional: true
 
-  '@skeletonlabs/skeleton@2.10.3(svelte@5.1.2)':
+  '@skeletonlabs/skeleton@2.10.3(svelte@5.1.3)':
     dependencies:
       esm-env: 1.0.0
-      svelte: 5.1.2
+      svelte: 5.1.3
 
   '@skeletonlabs/tw-plugin@0.4.0(tailwindcss@3.4.14)':
     dependencies:
       tailwindcss: 3.4.14
 
-  '@sveltejs/adapter-node@5.2.8(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))':
+  '@sveltejs/adapter-node@5.2.8(@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0)))(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0)))':
     dependencies:
-      '@rollup/plugin-commonjs': 28.0.1(rollup@4.24.0)
-      '@rollup/plugin-json': 6.1.0(rollup@4.24.0)
-      '@rollup/plugin-node-resolve': 15.3.0(rollup@4.24.0)
-      '@sveltejs/kit': 2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))
-      rollup: 4.24.0
+      '@rollup/plugin-commonjs': 28.0.1(rollup@4.24.1)
+      '@rollup/plugin-json': 6.1.0(rollup@4.24.1)
+      '@rollup/plugin-node-resolve': 15.3.0(rollup@4.24.1)
+      '@sveltejs/kit': 2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0)))(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0))
+      rollup: 4.24.1
 
-  '@sveltejs/adapter-vercel@5.4.5(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))':
+  '@sveltejs/adapter-vercel@5.4.6(@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0)))(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0)))':
     dependencies:
-      '@sveltejs/kit': 2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))
+      '@sveltejs/kit': 2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0)))(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0))
       '@vercel/nft': 0.27.5
       esbuild: 0.21.5
     transitivePeerDependencies:
       - encoding
       - supports-color
 
-  '@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))':
+  '@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0)))(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))
+      '@sveltejs/vite-plugin-svelte': 4.0.0(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0))
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 5.1.1
@@ -3755,29 +3789,29 @@ snapshots:
       sade: 1.8.1
       set-cookie-parser: 2.7.1
       sirv: 3.0.0
-      svelte: 5.1.2
+      svelte: 5.1.3
       tiny-glob: 0.2.9
-      vite: 5.4.10(@types/node@22.7.9)(sass@1.78.0)
+      vite: 5.4.10(@types/node@22.8.1)(sass@1.78.0)
 
-  '@sveltejs/vite-plugin-svelte-inspector@3.0.1(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))':
+  '@sveltejs/vite-plugin-svelte-inspector@3.0.1(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0)))(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))
+      '@sveltejs/vite-plugin-svelte': 4.0.0(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0))
       debug: 4.3.7
-      svelte: 5.1.2
-      vite: 5.4.10(@types/node@22.7.9)(sass@1.78.0)
+      svelte: 5.1.3
+      vite: 5.4.10(@types/node@22.8.1)(sass@1.78.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))':
+  '@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 3.0.1(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))
+      '@sveltejs/vite-plugin-svelte-inspector': 3.0.1(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0)))(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0))
       debug: 4.3.7
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.12
-      svelte: 5.1.2
-      vite: 5.4.10(@types/node@22.7.9)(sass@1.78.0)
-      vitefu: 1.0.3(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))
+      svelte: 5.1.3
+      vite: 5.4.10(@types/node@22.8.1)(sass@1.78.0)
+      vitefu: 1.0.3(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0))
     transitivePeerDependencies:
       - supports-color
 
@@ -3790,17 +3824,17 @@ snapshots:
 
   '@tanstack/query-devtools@5.58.0': {}
 
-  '@tanstack/svelte-query-devtools@5.59.16(@tanstack/svelte-query@5.59.16(svelte@5.1.2))(svelte@5.1.2)':
+  '@tanstack/svelte-query-devtools@5.59.16(@tanstack/svelte-query@5.59.16(svelte@5.1.3))(svelte@5.1.3)':
     dependencies:
       '@tanstack/query-devtools': 5.58.0
-      '@tanstack/svelte-query': 5.59.16(svelte@5.1.2)
+      '@tanstack/svelte-query': 5.59.16(svelte@5.1.3)
       esm-env: 1.0.0
-      svelte: 5.1.2
+      svelte: 5.1.3
 
-  '@tanstack/svelte-query@5.59.16(svelte@5.1.2)':
+  '@tanstack/svelte-query@5.59.16(svelte@5.1.3)':
     dependencies:
       '@tanstack/query-core': 5.59.16
-      svelte: 5.1.2
+      svelte: 5.1.3
 
   '@tootallnate/once@2.0.0':
     optional: true
@@ -3813,7 +3847,7 @@ snapshots:
 
   '@types/cli-progress@3.11.6':
     dependencies:
-      '@types/node': 22.7.9
+      '@types/node': 22.8.1
 
   '@types/cookie@0.6.0': {}
 
@@ -3827,7 +3861,7 @@ snapshots:
 
   '@types/node-fetch@2.6.11':
     dependencies:
-      '@types/node': 22.7.9
+      '@types/node': 22.8.1
       form-data: 4.0.1
 
   '@types/node@14.18.63': {}
@@ -3836,13 +3870,13 @@ snapshots:
     dependencies:
       undici-types: 5.26.5
 
-  '@types/node@22.7.9':
+  '@types/node@22.8.1':
     dependencies:
       undici-types: 6.19.8
 
   '@types/pg@8.11.6':
     dependencies:
-      '@types/node': 22.7.9
+      '@types/node': 22.8.1
       pg-protocol: 1.7.0
       pg-types: 4.0.2
 
@@ -3861,8 +3895,8 @@ snapshots:
     dependencies:
       '@mapbox/node-pre-gyp': 1.0.11
       '@rollup/pluginutils': 4.2.1
-      acorn: 8.13.0
-      acorn-import-attributes: 1.9.5(acorn@8.13.0)
+      acorn: 8.14.0
+      acorn-import-attributes: 1.9.5(acorn@8.14.0)
       async-sema: 3.1.1
       bindings: 1.5.0
       estree-walker: 2.0.2
@@ -3882,13 +3916,13 @@ snapshots:
       chai: 5.1.2
       tinyrainbow: 1.2.0
 
-  '@vitest/mocker@2.1.3(@vitest/spy@2.1.3)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))':
+  '@vitest/mocker@2.1.3(@vitest/spy@2.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0))':
     dependencies:
       '@vitest/spy': 2.1.3
       estree-walker: 3.0.3
       magic-string: 0.30.12
     optionalDependencies:
-      vite: 5.4.10(@types/node@22.7.9)(sass@1.78.0)
+      vite: 5.4.10(@types/node@22.8.1)(sass@1.78.0)
 
   '@vitest/pretty-format@2.1.3':
     dependencies:
@@ -3916,9 +3950,9 @@ snapshots:
       flatted: 3.3.1
       pathe: 1.1.2
       sirv: 2.0.4
-      tinyglobby: 0.2.9
+      tinyglobby: 0.2.10
       tinyrainbow: 1.2.0
-      vitest: 2.1.3(@types/node@22.7.9)(@vitest/ui@2.1.3)(jsdom@20.0.3(canvas@2.11.2))(sass@1.78.0)
+      vitest: 2.1.3(@types/node@22.8.1)(@vitest/ui@2.1.3)(jsdom@20.0.3(canvas@2.11.2))(sass@1.78.0)
 
   '@vitest/utils@2.1.3':
     dependencies:
@@ -3928,7 +3962,7 @@ snapshots:
 
   '@vue/compiler-core@3.5.12':
     dependencies:
-      '@babel/parser': 7.25.9
+      '@babel/parser': 7.26.1
       '@vue/shared': 3.5.12
       entities: 4.5.0
       estree-walker: 2.0.2
@@ -3941,7 +3975,7 @@ snapshots:
 
   '@vue/compiler-sfc@3.5.12':
     dependencies:
-      '@babel/parser': 7.25.9
+      '@babel/parser': 7.26.1
       '@vue/compiler-core': 3.5.12
       '@vue/compiler-dom': 3.5.12
       '@vue/compiler-ssr': 3.5.12
@@ -3991,24 +4025,24 @@ snapshots:
 
   acorn-globals@7.0.1:
     dependencies:
-      acorn: 8.13.0
+      acorn: 8.14.0
       acorn-walk: 8.3.4
     optional: true
 
-  acorn-import-attributes@1.9.5(acorn@8.13.0):
+  acorn-import-attributes@1.9.5(acorn@8.14.0):
     dependencies:
-      acorn: 8.13.0
+      acorn: 8.14.0
 
-  acorn-typescript@1.4.13(acorn@8.13.0):
+  acorn-typescript@1.4.13(acorn@8.14.0):
     dependencies:
-      acorn: 8.13.0
+      acorn: 8.14.0
 
   acorn-walk@8.3.4:
     dependencies:
-      acorn: 8.13.0
+      acorn: 8.14.0
     optional: true
 
-  acorn@8.13.0: {}
+  acorn@8.14.0: {}
 
   agent-base@6.0.2:
     dependencies:
@@ -4020,27 +4054,26 @@ snapshots:
     dependencies:
       humanize-ms: 1.2.1
 
-  ai@3.4.18(openai@4.68.4(zod@3.23.8))(react@18.3.1)(sswr@2.1.0(svelte@5.1.2))(svelte@5.1.2)(vue@3.5.12(typescript@5.6.3))(zod@3.23.8):
+  ai@3.4.20(openai@4.68.4(zod@3.23.8))(react@18.3.1)(sswr@2.1.0(svelte@5.1.3))(svelte@5.1.3)(vue@3.5.12(typescript@5.6.3))(zod@3.23.8):
     dependencies:
-      '@ai-sdk/provider': 0.0.24
-      '@ai-sdk/provider-utils': 1.0.20(zod@3.23.8)
-      '@ai-sdk/react': 0.0.64(react@18.3.1)(zod@3.23.8)
-      '@ai-sdk/solid': 0.0.50(zod@3.23.8)
-      '@ai-sdk/svelte': 0.0.52(svelte@5.1.2)(zod@3.23.8)
-      '@ai-sdk/ui-utils': 0.0.46(zod@3.23.8)
-      '@ai-sdk/vue': 0.0.55(vue@3.5.12(typescript@5.6.3))(zod@3.23.8)
+      '@ai-sdk/provider': 0.0.26
+      '@ai-sdk/provider-utils': 1.0.22(zod@3.23.8)
+      '@ai-sdk/react': 0.0.66(react@18.3.1)(zod@3.23.8)
+      '@ai-sdk/solid': 0.0.52(zod@3.23.8)
+      '@ai-sdk/svelte': 0.0.54(svelte@5.1.3)(zod@3.23.8)
+      '@ai-sdk/ui-utils': 0.0.48(zod@3.23.8)
+      '@ai-sdk/vue': 0.0.57(vue@3.5.12(typescript@5.6.3))(zod@3.23.8)
       '@opentelemetry/api': 1.9.0
       eventsource-parser: 1.1.2
       json-schema: 0.4.0
       jsondiffpatch: 0.6.0
-      nanoid: 3.3.6
       secure-json-parse: 2.7.0
-      zod-to-json-schema: 3.23.2(zod@3.23.8)
+      zod-to-json-schema: 3.23.5(zod@3.23.8)
     optionalDependencies:
       openai: 4.68.4(zod@3.23.8)
       react: 18.3.1
-      sswr: 2.1.0(svelte@5.1.2)
-      svelte: 5.1.2
+      sswr: 2.1.0(svelte@5.1.3)
+      svelte: 5.1.3
       zod: 3.23.8
     transitivePeerDependencies:
       - solid-js
@@ -4123,7 +4156,7 @@ snapshots:
   autoprefixer@10.4.20(postcss@8.4.47):
     dependencies:
       browserslist: 4.24.2
-      caniuse-lite: 1.0.30001669
+      caniuse-lite: 1.0.30001672
       fraction.js: 4.3.7
       normalize-range: 0.1.2
       picocolors: 1.1.1
@@ -4172,8 +4205,8 @@ snapshots:
 
   browserslist@4.24.2:
     dependencies:
-      caniuse-lite: 1.0.30001669
-      electron-to-chromium: 1.5.45
+      caniuse-lite: 1.0.30001672
+      electron-to-chromium: 1.5.47
       node-releases: 2.0.18
       update-browserslist-db: 1.1.1(browserslist@4.24.2)
 
@@ -4194,7 +4227,7 @@ snapshots:
 
   camelcase-css@2.0.1: {}
 
-  caniuse-lite@1.0.30001669: {}
+  caniuse-lite@1.0.30001672: {}
 
   canvas@2.11.2:
     dependencies:
@@ -4383,18 +4416,18 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  drizzle-orm@0.33.0(@neondatabase/serverless@0.9.5)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(@types/react@18.3.12)(postgres@3.4.4)(react@18.3.1):
+  drizzle-orm@0.33.0(@neondatabase/serverless@0.9.5)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(@types/react@18.3.12)(postgres@3.4.5)(react@18.3.1):
     optionalDependencies:
       '@neondatabase/serverless': 0.9.5
       '@opentelemetry/api': 1.9.0
       '@types/pg': 8.11.6
       '@types/react': 18.3.12
-      postgres: 3.4.4
+      postgres: 3.4.5
       react: 18.3.1
 
-  drizzle-zod@0.5.1(drizzle-orm@0.33.0(@neondatabase/serverless@0.9.5)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(@types/react@18.3.12)(postgres@3.4.4)(react@18.3.1))(zod@3.23.8):
+  drizzle-zod@0.5.1(drizzle-orm@0.33.0(@neondatabase/serverless@0.9.5)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(@types/react@18.3.12)(postgres@3.4.5)(react@18.3.1))(zod@3.23.8):
     dependencies:
-      drizzle-orm: 0.33.0(@neondatabase/serverless@0.9.5)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(@types/react@18.3.12)(postgres@3.4.4)(react@18.3.1)
+      drizzle-orm: 0.33.0(@neondatabase/serverless@0.9.5)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(@types/react@18.3.12)(postgres@3.4.5)(react@18.3.1)
       zod: 3.23.8
 
   duplexer2@0.1.4:
@@ -4403,7 +4436,7 @@ snapshots:
 
   eastasianwidth@0.2.0: {}
 
-  electron-to-chromium@1.5.45: {}
+  electron-to-chromium@1.5.47: {}
 
   emoji-regex@8.0.0: {}
 
@@ -4811,7 +4844,7 @@ snapshots:
   jsdom@20.0.3(canvas@2.11.2):
     dependencies:
       abab: 2.0.6
-      acorn: 8.13.0
+      acorn: 8.14.0
       acorn-globals: 7.0.1
       cssom: 0.5.0
       cssstyle: 2.3.0
@@ -4979,9 +5012,9 @@ snapshots:
 
   mkdirp@1.0.4: {}
 
-  mode-watcher@0.4.1(svelte@5.1.2):
+  mode-watcher@0.4.1(svelte@5.1.3):
     dependencies:
-      svelte: 5.1.2
+      svelte: 5.1.3
 
   mri@1.2.0: {}
 
@@ -5127,13 +5160,13 @@ snapshots:
     optionalDependencies:
       postcss: 8.4.47
 
-  postcss-load-config@6.0.1(jiti@1.21.6)(postcss@8.4.47)(tsx@4.19.1)(yaml@2.6.0):
+  postcss-load-config@6.0.1(jiti@1.21.6)(postcss@8.4.47)(tsx@4.19.2)(yaml@2.6.0):
     dependencies:
       lilconfig: 3.1.2
     optionalDependencies:
       jiti: 1.21.6
       postcss: 8.4.47
-      tsx: 4.19.1
+      tsx: 4.19.2
       yaml: 2.6.0
 
   postcss-nested@6.2.0(postcss@8.4.47):
@@ -5166,18 +5199,18 @@ snapshots:
 
   postgres-range@1.1.4: {}
 
-  postgres@3.4.4: {}
+  postgres@3.4.5: {}
 
-  prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@5.1.2):
+  prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@5.1.3):
     dependencies:
       prettier: 3.3.3
-      svelte: 5.1.2
+      svelte: 5.1.3
 
-  prettier-plugin-tailwindcss@0.6.8(prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@5.1.2))(prettier@3.3.3):
+  prettier-plugin-tailwindcss@0.6.8(prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@5.1.3))(prettier@3.3.3):
     dependencies:
       prettier: 3.3.3
     optionalDependencies:
-      prettier-plugin-svelte: 3.2.7(prettier@3.3.3)(svelte@5.1.2)
+      prettier-plugin-svelte: 3.2.7(prettier@3.3.3)(svelte@5.1.3)
 
   prettier@3.3.3: {}
 
@@ -5263,26 +5296,27 @@ snapshots:
     dependencies:
       glob: 7.2.3
 
-  rollup@4.24.0:
+  rollup@4.24.1:
     dependencies:
       '@types/estree': 1.0.6
     optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.24.0
-      '@rollup/rollup-android-arm64': 4.24.0
-      '@rollup/rollup-darwin-arm64': 4.24.0
-      '@rollup/rollup-darwin-x64': 4.24.0
-      '@rollup/rollup-linux-arm-gnueabihf': 4.24.0
-      '@rollup/rollup-linux-arm-musleabihf': 4.24.0
-      '@rollup/rollup-linux-arm64-gnu': 4.24.0
-      '@rollup/rollup-linux-arm64-musl': 4.24.0
-      '@rollup/rollup-linux-powerpc64le-gnu': 4.24.0
-      '@rollup/rollup-linux-riscv64-gnu': 4.24.0
-      '@rollup/rollup-linux-s390x-gnu': 4.24.0
-      '@rollup/rollup-linux-x64-gnu': 4.24.0
-      '@rollup/rollup-linux-x64-musl': 4.24.0
-      '@rollup/rollup-win32-arm64-msvc': 4.24.0
-      '@rollup/rollup-win32-ia32-msvc': 4.24.0
-      '@rollup/rollup-win32-x64-msvc': 4.24.0
+      '@rollup/rollup-android-arm-eabi': 4.24.1
+      '@rollup/rollup-android-arm64': 4.24.1
+      '@rollup/rollup-darwin-arm64': 4.24.1
+      '@rollup/rollup-darwin-x64': 4.24.1
+      '@rollup/rollup-freebsd-x64': 4.24.1
+      '@rollup/rollup-linux-arm-gnueabihf': 4.24.1
+      '@rollup/rollup-linux-arm-musleabihf': 4.24.1
+      '@rollup/rollup-linux-arm64-gnu': 4.24.1
+      '@rollup/rollup-linux-arm64-musl': 4.24.1
+      '@rollup/rollup-linux-powerpc64le-gnu': 4.24.1
+      '@rollup/rollup-linux-riscv64-gnu': 4.24.1
+      '@rollup/rollup-linux-s390x-gnu': 4.24.1
+      '@rollup/rollup-linux-x64-gnu': 4.24.1
+      '@rollup/rollup-linux-x64-musl': 4.24.1
+      '@rollup/rollup-win32-arm64-msvc': 4.24.1
+      '@rollup/rollup-win32-ia32-msvc': 4.24.1
+      '@rollup/rollup-win32-x64-msvc': 4.24.1
       fsevents: 2.3.3
 
   run-parallel@1.2.0:
@@ -5370,9 +5404,9 @@ snapshots:
 
   source-map@0.6.1: {}
 
-  sswr@2.1.0(svelte@5.1.2):
+  sswr@2.1.0(svelte@5.1.3):
     dependencies:
-      svelte: 5.1.2
+      svelte: 5.1.3
       swrev: 4.0.0
 
   stackback@0.0.2: {}
@@ -5423,29 +5457,29 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  svelte-check@4.0.5(picomatch@4.0.2)(svelte@5.1.2)(typescript@5.6.3):
+  svelte-check@4.0.5(picomatch@4.0.2)(svelte@5.1.3)(typescript@5.6.3):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       chokidar: 4.0.1
       fdir: 6.4.2(picomatch@4.0.2)
       picocolors: 1.1.1
       sade: 1.8.1
-      svelte: 5.1.2
+      svelte: 5.1.3
       typescript: 5.6.3
     transitivePeerDependencies:
       - picomatch
 
-  svelte-icons-pack@3.1.3(svelte@5.1.2):
+  svelte-icons-pack@3.1.3(svelte@5.1.3):
     dependencies:
-      svelte: 5.1.2
+      svelte: 5.1.3
 
-  svelte@5.1.2:
+  svelte@5.1.3:
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@jridgewell/sourcemap-codec': 1.5.0
       '@types/estree': 1.0.6
-      acorn: 8.13.0
-      acorn-typescript: 1.4.13(acorn@8.13.0)
+      acorn: 8.14.0
+      acorn-typescript: 1.4.13(acorn@8.14.0)
       aria-query: 5.3.2
       axobject-query: 4.1.0
       esm-env: 1.0.0
@@ -5533,7 +5567,7 @@ snapshots:
 
   tinyexec@0.3.1: {}
 
-  tinyglobby@0.2.9:
+  tinyglobby@0.2.10:
     dependencies:
       fdir: 6.4.2(picomatch@4.0.2)
       picomatch: 4.0.2
@@ -5571,18 +5605,18 @@ snapshots:
 
   traverse@0.3.9: {}
 
-  trpc-svelte-query@2.1.0(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(@tanstack/svelte-query@5.59.16(svelte@5.1.2))(@trpc/client@10.45.2(@trpc/server@10.45.2))(@trpc/server@10.45.2)(svelte@5.1.2):
+  trpc-svelte-query@2.1.0(@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0)))(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0)))(@tanstack/svelte-query@5.59.16(svelte@5.1.3))(@trpc/client@10.45.2(@trpc/server@10.45.2))(@trpc/server@10.45.2)(svelte@5.1.3):
     dependencies:
-      '@sveltejs/kit': 2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))
-      '@tanstack/svelte-query': 5.59.16(svelte@5.1.2)
+      '@sveltejs/kit': 2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0)))(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0))
+      '@tanstack/svelte-query': 5.59.16(svelte@5.1.3)
       '@trpc/client': 10.45.2(@trpc/server@10.45.2)
       '@trpc/server': 10.45.2
       esm-env: 1.0.0
-      svelte: 5.1.2
+      svelte: 5.1.3
 
-  trpc-sveltekit@3.6.2(@sveltejs/adapter-node@5.2.8(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))))(@trpc/client@10.45.2(@trpc/server@10.45.2))(@trpc/server@10.45.2)(ws@8.18.0):
+  trpc-sveltekit@3.6.2(@sveltejs/adapter-node@5.2.8(@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0)))(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0))))(@trpc/client@10.45.2(@trpc/server@10.45.2))(@trpc/server@10.45.2)(ws@8.18.0):
     dependencies:
-      '@sveltejs/adapter-node': 5.2.8(@sveltejs/kit@2.7.2(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))(svelte@5.1.2)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)))
+      '@sveltejs/adapter-node': 5.2.8(@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0)))(svelte@5.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0)))
       '@trpc/client': 10.45.2(@trpc/server@10.45.2)
       '@trpc/server': 10.45.2
       ws: 8.18.0
@@ -5591,7 +5625,7 @@ snapshots:
 
   tslib@2.8.0: {}
 
-  tsx@4.19.1:
+  tsx@4.19.2:
     dependencies:
       esbuild: 0.23.1
       get-tsconfig: 4.8.1
@@ -5640,12 +5674,12 @@ snapshots:
 
   uuid@8.3.2: {}
 
-  vite-node@2.1.3(@types/node@22.7.9)(sass@1.78.0):
+  vite-node@2.1.3(@types/node@22.8.1)(sass@1.78.0):
     dependencies:
       cac: 6.7.14
       debug: 4.3.7
       pathe: 1.1.2
-      vite: 5.4.10(@types/node@22.7.9)(sass@1.78.0)
+      vite: 5.4.10(@types/node@22.8.1)(sass@1.78.0)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -5657,7 +5691,7 @@ snapshots:
       - supports-color
       - terser
 
-  vite-plugin-tailwind-purgecss@0.3.3(tailwindcss@3.4.14)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)):
+  vite-plugin-tailwind-purgecss@0.3.3(tailwindcss@3.4.14)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0)):
     dependencies:
       chalk: 5.3.0
       css-tree: 2.3.1
@@ -5665,26 +5699,26 @@ snapshots:
       purgecss: 6.0.0
       purgecss-from-html: 6.0.0
       tailwindcss: 3.4.14
-      vite: 5.4.10(@types/node@22.7.9)(sass@1.78.0)
+      vite: 5.4.10(@types/node@22.8.1)(sass@1.78.0)
 
-  vite@5.4.10(@types/node@22.7.9)(sass@1.78.0):
+  vite@5.4.10(@types/node@22.8.1)(sass@1.78.0):
     dependencies:
       esbuild: 0.21.5
       postcss: 8.4.47
-      rollup: 4.24.0
+      rollup: 4.24.1
     optionalDependencies:
-      '@types/node': 22.7.9
+      '@types/node': 22.8.1
       fsevents: 2.3.3
       sass: 1.78.0
 
-  vitefu@1.0.3(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0)):
+  vitefu@1.0.3(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0)):
     optionalDependencies:
-      vite: 5.4.10(@types/node@22.7.9)(sass@1.78.0)
+      vite: 5.4.10(@types/node@22.8.1)(sass@1.78.0)
 
-  vitest@2.1.3(@types/node@22.7.9)(@vitest/ui@2.1.3)(jsdom@20.0.3(canvas@2.11.2))(sass@1.78.0):
+  vitest@2.1.3(@types/node@22.8.1)(@vitest/ui@2.1.3)(jsdom@20.0.3(canvas@2.11.2))(sass@1.78.0):
     dependencies:
       '@vitest/expect': 2.1.3
-      '@vitest/mocker': 2.1.3(@vitest/spy@2.1.3)(vite@5.4.10(@types/node@22.7.9)(sass@1.78.0))
+      '@vitest/mocker': 2.1.3(@vitest/spy@2.1.3)(vite@5.4.10(@types/node@22.8.1)(sass@1.78.0))
       '@vitest/pretty-format': 2.1.3
       '@vitest/runner': 2.1.3
       '@vitest/snapshot': 2.1.3
@@ -5699,11 +5733,11 @@ snapshots:
       tinyexec: 0.3.1
       tinypool: 1.0.1
       tinyrainbow: 1.2.0
-      vite: 5.4.10(@types/node@22.7.9)(sass@1.78.0)
-      vite-node: 2.1.3(@types/node@22.7.9)(sass@1.78.0)
+      vite: 5.4.10(@types/node@22.8.1)(sass@1.78.0)
+      vite-node: 2.1.3(@types/node@22.8.1)(sass@1.78.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
-      '@types/node': 22.7.9
+      '@types/node': 22.8.1
       '@vitest/ui': 2.1.3(vitest@2.1.3)
       jsdom: 20.0.3(canvas@2.11.2)
     transitivePeerDependencies:
@@ -5804,7 +5838,7 @@ snapshots:
       compress-commons: 4.1.2
       readable-stream: 3.6.2
 
-  zod-to-json-schema@3.23.2(zod@3.23.8):
+  zod-to-json-schema@3.23.5(zod@3.23.8):
     dependencies:
       zod: 3.23.8
 
diff --git a/src/components/pages/main_page/image_tool/ImageTool.svelte b/src/components/pages/main_page/image_tool/ImageTool.svelte
index e803836c..e1098708 100644
--- a/src/components/pages/main_page/image_tool/ImageTool.svelte
+++ b/src/components/pages/main_page/image_tool/ImageTool.svelte
@@ -190,23 +190,23 @@
     $canvas_obj.requestRenderAll();
   };
   $effect(() => {
-    mounted && $scaling_factor && update_canvas_dimensions();
+    if (mounted && $scaling_factor) untrack(() => update_canvas_dimensions());
   });
   $effect(() => {
-    mounted && set_background_image_type($shaded_background_image_status);
+    if (mounted) untrack(() => set_background_image_type($shaded_background_image_status));
   });
 
-  $effect(() => {
-    mounted &&
-      $image_tool_opened &&
-      setTimeout(async () => {
-        await render_all_texts(
-          untrack(() => $image_shloka),
-          untrack(() => $image_script),
-          untrack(() => $image_lang)
-        );
-      }, 600);
-  });
+  // $effect(() => {
+  // mounted &&
+  //   $image_tool_opened &&
+  //   setTimeout(async () => {
+  //     await render_all_texts(
+  //       untrack(() => $image_shloka),
+  //       untrack(() => $image_script),
+  //       untrack(() => $image_lang)
+  //     );
+  //   }, 600);
+  // });
   // ^ This is to try to fix the issue of text not rendering after opening the image tool second time
 
   $effect(() => {