updates

.env

@@ -112,7 +112,7 @@ MODELS=`[
       "repetition_penalty": 1.2,
       "top_k": 50,
       "truncate": 1000,
-      "max_new_tokens": 45
+      "max_new_tokens": 512
     }
   }
 ]`
@@ -122,13 +122,7 @@ PUBLIC_ORIGIN=#https://huggingface.co
 PUBLIC_SHARE_PREFIX=#https://hf.co/chat
 PUBLIC_GOOGLE_ANALYTICS_ID=#G-XXXXXXXX / Leave empty to disable
 PUBLIC_DEPRECATED_GOOGLE_ANALYTICS_ID=#UA-XXXXXXXX-X / Leave empty to disable
-PUBLIC_ANNOUNCEMENT_BANNERS=`[
-    {
-    "title": "Private Llama 2 70b integration coming soon",
-    "linkTitle": "Join our Beta",
-    "linkHref": "https://www.mithrilsecurity.io/beta-registration-for-private-llama2-chat"
-  }
-]`
+PUBLIC_ANNOUNCEMENT_BANNERS=`[]`
 
 PARQUET_EXPORT_DATASET=
 PARQUET_EXPORT_HF_TOKEN=
@@ -137,8 +131,9 @@ PARQUET_EXPORT_SECRET=
 RATE_LIMIT= # requests per minute
 MESSAGES_BEFORE_LOGIN=# how many messages a user can send in a conversation before having to login. set to 0 to force login right away
 
-PUBLIC_APP_NAME=ChatUI # name used as title throughout the app
+PUBLIC_APP_NAME=BlindChat # name used as title throughout the app
 PUBLIC_APP_ASSETS=chatui # used to find logos & favicons in static/$PUBLIC_APP_ASSETS
 PUBLIC_APP_COLOR=blue # can be any of tailwind colors: https://tailwindcss.com/docs/customizing-colors#default-color-palette
-PUBLIC_APP_DATA_SHARING=#set to 1 to enable options & text regarding data sharing
-PUBLIC_APP_DISCLAIMER=#set to 1 to show a disclaimer on login page
+PUBLIC_APP_DATA_SHARING=0#set to 1 to enable options & text regarding data sharing
+PUBLIC_APP_DISCLAIMER=#set to 1 to show a disclaimer on login page
+PUBLIC_SHOW_LOCAL_MODELS_WARNING=true # show warning that advise not to use local models on mobile devices

.env.local

@@ -1,5 +0,0 @@
-# Use .env.local to change these variables
-# DO NOT EDIT THIS FILE WITH SENSITIVE DATA
-
-PUBLIC_APP_NAME=BlindChat
-PUBLIC_APP_DATA_SHARING=false

package-lock.json

@@ -1,12 +1,12 @@
 {
 	"name": "chat-ui",
-	"version": "0.0.8",
+	"version": "0.1.0",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "chat-ui",
-			"version": "0.0.8",
+			"version": "0.1.0",
 			"dependencies": {
 				"@huggingface/hub": "^0.5.1",
 				"@huggingface/inference": "^2.2.0",
@@ -27,6 +27,7 @@
 				"save": "^2.9.0",
 				"serpapi": "^1.1.1",
 				"svelte-device-info": "^1.0.0",
+				"svelte-overlay": "^1.4.1",
 				"tailwind-scrollbar": "^3.0.0",
 				"tailwindcss": "^3.3.1",
 				"urijs": "^1.19.11",
@@ -53,6 +54,7 @@
 				"prettier-plugin-tailwindcss": "^0.2.7",
 				"svelte": "^3.58.0",
 				"svelte-check": "^3.2.0",
+				"svelte-mui": "^0.5.8",
 				"tslib": "^2.4.1",
 				"typescript": "^4.9.3",
 				"unplugin-icons": "^0.16.1",
@@ -103,9 +105,9 @@
 			}
 		},
 		"node_modules/@babel/runtime": {
-			"version": "7.22.15",
-			"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.15.tgz",
-			"integrity": "sha512-T0O+aa+4w0u06iNmapipJXMV4HoUir03hpx3/YqXXhu9xim3w+dVphjFWl1OH8NbZHw5Lbm9k45drDkgq2VNNA==",
+			"version": "7.23.2",
+			"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz",
+			"integrity": "sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==",
 			"dependencies": {
 				"regenerator-runtime": "^0.14.0"
 			},
@@ -481,9 +483,9 @@
 			}
 		},
 		"node_modules/@eslint-community/regexpp": {
-			"version": "4.8.1",
-			"resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.8.1.tgz",
-			"integrity": "sha512-PWiOzLIUAjN/w5K17PoF4n6sKBw0gqLHPhywmYHP4t1VFQQVYeb1yWsJwnMVEMl3tUHME7X/SJPZLmtG7XBDxQ==",
+			"version": "4.9.1",
+			"resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.9.1.tgz",
+			"integrity": "sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==",
 			"dev": true,
 			"engines": {
 				"node": "^12.0.0 || ^14.0.0 || >=16.0.0"
@@ -513,14 +515,22 @@
 			}
 		},
 		"node_modules/@eslint/js": {
-			"version": "8.49.0",
-			"resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.49.0.tgz",
-			"integrity": "sha512-1S8uAY/MTJqVx0SC4epBq+N2yhuwtNwLbJYNZyhL2pO1ZVKn5HFXav5T41Ryzy9K9V7ZId2JB2oy/W4aCd9/2w==",
+			"version": "8.52.0",
+			"resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.52.0.tgz",
+			"integrity": "sha512-mjZVbpaeMZludF2fsWLD0Z9gCref1Tk4i9+wddjRvpUNqqcndPkBD09N/Mapey0b3jaXbLm2kICwFv2E64QinA==",
 			"dev": true,
 			"engines": {
 				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
 			}
 		},
+		"node_modules/@fastify/busboy": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/@fastify/busboy/-/busboy-2.0.0.tgz",
+			"integrity": "sha512-JUFJad5lv7jxj926GPgymrWQxxjPYuJNiNjNMzqT+HiuP6Vl3dk5xzG+8sTX96np0ZAluvaMzPsjhHZ5rNuNQQ==",
+			"engines": {
+				"node": ">=14"
+			}
+		},
 		"node_modules/@huggingface/hub": {
 			"version": "0.5.1",
 			"resolved": "https://registry.npmjs.org/@huggingface/hub/-/hub-0.5.1.tgz",
@@ -533,20 +543,20 @@
 			}
 		},
 		"node_modules/@huggingface/inference": {
-			"version": "2.6.1",
-			"resolved": "https://registry.npmjs.org/@huggingface/inference/-/inference-2.6.1.tgz",
-			"integrity": "sha512-qFYchgOCPeEkZJKiSr7Kz62QwukJtgkeQCT7Q0SSKUcvHpTQVNJp6i/JrJMR4dBdzQysJ1SZDC0pLBBnnskTag==",
+			"version": "2.6.4",
+			"resolved": "https://registry.npmjs.org/@huggingface/inference/-/inference-2.6.4.tgz",
+			"integrity": "sha512-Xna7arltBSBoKaH3diGi3sYvkExgJMd/pF4T6vl2YbmDccbr1G/X5EPZ2048p+YgrJYG1jTYFCtY6Dr3HvJaow==",
 			"engines": {
 				"node": ">=18"
 			}
 		},
 		"node_modules/@humanwhocodes/config-array": {
-			"version": "0.11.11",
-			"resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.11.tgz",
-			"integrity": "sha512-N2brEuAadi0CcdeMXUkhbZB84eskAc8MEX1By6qEchoVywSgXPIjou4rYsl0V3Hj0ZnuGycGCjdNgockbzeWNA==",
+			"version": "0.11.13",
+			"resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz",
+			"integrity": "sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==",
 			"dev": true,
 			"dependencies": {
-				"@humanwhocodes/object-schema": "^1.2.1",
+				"@humanwhocodes/object-schema": "^2.0.1",
 				"debug": "^4.1.1",
 				"minimatch": "^3.0.5"
 			},
@@ -568,9 +578,9 @@
 			}
 		},
 		"node_modules/@humanwhocodes/object-schema": {
-			"version": "1.2.1",
-			"resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
-			"integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz",
+			"integrity": "sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==",
 			"dev": true
 		},
 		"node_modules/@iconify-json/carbon": {
@@ -598,9 +608,9 @@
 			"dev": true
 		},
 		"node_modules/@iconify/utils": {
-			"version": "2.1.10",
-			"resolved": "https://registry.npmjs.org/@iconify/utils/-/utils-2.1.10.tgz",
-			"integrity": "sha512-0/+5hxjzCZ9RoYpqxnOzbnpQyMdZRuHcMxPJeuX+x/aZkAAD/N4TajDjAPT7LpX+M0bfLExj/p0bbDkUfp0lrg==",
+			"version": "2.1.11",
+			"resolved": "https://registry.npmjs.org/@iconify/utils/-/utils-2.1.11.tgz",
+			"integrity": "sha512-M/w3PkN8zQYXi8N6qK/KhnYMfEbbb6Sk8RZVn8g+Pmmu5ybw177RpsaGwpziyHeUsu4etrexYSWq3rwnIqzYCg==",
 			"dev": true,
 			"dependencies": {
 				"@antfu/install-pkg": "^0.1.1",
@@ -646,9 +656,9 @@
 			"integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
 		},
 		"node_modules/@jridgewell/trace-mapping": {
-			"version": "0.3.19",
-			"resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.19.tgz",
-			"integrity": "sha512-kf37QtfW+Hwx/buWGMPcR60iF9ziHa6r/CZJIHbmcm4+0qrXiVdxegAH0F6yddEVQ7zdkjcGCgCzUu+BcbhQxw==",
+			"version": "0.3.20",
+			"resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz",
+			"integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==",
 			"dependencies": {
 				"@jridgewell/resolve-uri": "^3.1.0",
 				"@jridgewell/sourcemap-codec": "^1.4.14"
@@ -747,9 +757,9 @@
 			"integrity": "sha512-Vvn3zZrhQZkkBE8LSuW3em98c0FwgO4nxzv6OdSxPKJIEKY2bGbHn+mhGIPerzI4twdxaP8/0+06HBpwf345Lw=="
 		},
 		"node_modules/@rollup/plugin-commonjs": {
-			"version": "25.0.4",
-			"resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-25.0.4.tgz",
-			"integrity": "sha512-L92Vz9WUZXDnlQQl3EwbypJR4+DM2EbsO+/KOcEkP4Mc6Ct453EeDB2uH9lgRwj4w5yflgNpq9pHOiY8aoUXBQ==",
+			"version": "25.0.7",
+			"resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-25.0.7.tgz",
+			"integrity": "sha512-nEvcR+LRjEjsaSsc4x3XZfCCvZIaSMenZu/OiwOKGN2UhQpAYI7ru7czFvyWbErlpoGjnSX3D5Ch5FcMA3kRWQ==",
 			"dev": true,
 			"dependencies": {
 				"@rollup/pluginutils": "^5.0.1",
@@ -757,13 +767,13 @@
 				"estree-walker": "^2.0.2",
 				"glob": "^8.0.3",
 				"is-reference": "1.2.1",
-				"magic-string": "^0.27.0"
+				"magic-string": "^0.30.3"
 			},
 			"engines": {
 				"node": ">=14.0.0"
 			},
 			"peerDependencies": {
-				"rollup": "^2.68.0||^3.0.0"
+				"rollup": "^2.68.0||^3.0.0||^4.0.0"
 			},
 			"peerDependenciesMeta": {
 				"rollup": {
@@ -772,9 +782,9 @@
 			}
 		},
 		"node_modules/@rollup/plugin-json": {
-			"version": "6.0.0",
-			"resolved": "https://registry.npmjs.org/@rollup/plugin-json/-/plugin-json-6.0.0.tgz",
-			"integrity": "sha512-i/4C5Jrdr1XUarRhVu27EEwjt4GObltD7c+MkCIpO2QIbojw8MUs+CCTqOphQi3Qtg1FLmYt+l+6YeoIf51J7w==",
+			"version": "6.0.1",
+			"resolved": "https://registry.npmjs.org/@rollup/plugin-json/-/plugin-json-6.0.1.tgz",
+			"integrity": "sha512-RgVfl5hWMkxN1h/uZj8FVESvPuBJ/uf6ly6GTj0GONnkfoBN5KC0MSz+PN2OLDgYXMhtG0mWpTrkiOjoxAIevw==",
 			"dev": true,
 			"dependencies": {
 				"@rollup/pluginutils": "^5.0.1"
@@ -783,7 +793,7 @@
 				"node": ">=14.0.0"
 			},
 			"peerDependencies": {
-				"rollup": "^1.20.0||^2.0.0||^3.0.0"
+				"rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
 			},
 			"peerDependenciesMeta": {
 				"rollup": {
@@ -792,9 +802,9 @@
 			}
 		},
 		"node_modules/@rollup/plugin-node-resolve": {
-			"version": "15.2.1",
-			"resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.2.1.tgz",
-			"integrity": "sha512-nsbUg588+GDSu8/NS8T4UAshO6xeaOfINNuXeVHcKV02LJtoRaM1SiOacClw4kws1SFiNhdLGxlbMY9ga/zs/w==",
+			"version": "15.2.3",
+			"resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.2.3.tgz",
+			"integrity": "sha512-j/lym8nf5E21LwBT4Df1VD6hRO2L2iwUeUmP7litikRsVp1H6NWx20NEp0Y7su+7XGc476GnXXc4kFeZNGmaSQ==",
 			"dev": true,
 			"dependencies": {
 				"@rollup/pluginutils": "^5.0.1",
@@ -808,7 +818,7 @@
 				"node": ">=14.0.0"
 			},
 			"peerDependencies": {
-				"rollup": "^2.78.0||^3.0.0"
+				"rollup": "^2.78.0||^3.0.0||^4.0.0"
 			},
 			"peerDependenciesMeta": {
 				"rollup": {
@@ -817,9 +827,9 @@
 			}
 		},
 		"node_modules/@rollup/pluginutils": {
-			"version": "5.0.4",
-			"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.4.tgz",
-			"integrity": "sha512-0KJnIoRI8A+a1dqOYLxH8vBf8bphDmty5QvIm2hqm7oFCFYKCAZWWd2hXgMibaPsNDhI0AtpYfQZJG47pt/k4g==",
+			"version": "5.0.5",
+			"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.5.tgz",
+			"integrity": "sha512-6aEYR910NyP73oHiJglti74iRyOwgFU4x3meH/H8OJx6Ry0j6cOVZ5X/wTvub7G7Ao6qaHBEaNsV3GLJkSsF+Q==",
 			"dev": true,
 			"dependencies": {
 				"@types/estree": "^1.0.0",
@@ -830,7 +840,7 @@
 				"node": ">=14.0.0"
 			},
 			"peerDependencies": {
-				"rollup": "^1.20.0||^2.0.0||^3.0.0"
+				"rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
 			},
 			"peerDependenciesMeta": {
 				"rollup": {
@@ -854,9 +864,9 @@
 			}
 		},
 		"node_modules/@sveltejs/kit": {
-			"version": "1.25.0",
-			"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.25.0.tgz",
-			"integrity": "sha512-+VqMWJJYtcLoF8hYkdqY2qs/MPaawrMwA/gNBJW2o2UrcuYdNiy0ZZnjQQuPD33df/VcAulnoeyzF5ZtaajFEw==",
+			"version": "1.27.0",
+			"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.27.0.tgz",
+			"integrity": "sha512-a1wPIq2uO3RsTmV+KbA4venOgCJDbfHTXFe+g7eJR3N8l46DSuulUONJ1qnk2EnZWYC1Uj3Wbp3US0WFocIzXg==",
 			"dev": true,
 			"hasInstallScript": true,
 			"dependencies": {
@@ -867,12 +877,12 @@
 				"esm-env": "^1.0.0",
 				"kleur": "^4.1.5",
 				"magic-string": "^0.30.0",
-				"mime": "^3.0.0",
+				"mrmime": "^1.0.1",
 				"sade": "^1.8.1",
 				"set-cookie-parser": "^2.6.0",
 				"sirv": "^2.0.2",
 				"tiny-glob": "^0.2.9",
-				"undici": "~5.23.0"
+				"undici": "~5.26.2"
 			},
 			"bin": {
 				"svelte-kit": "svelte-kit.js"
@@ -885,18 +895,6 @@
 				"vite": "^4.0.0"
 			}
 		},
-		"node_modules/@sveltejs/kit/node_modules/magic-string": {
-			"version": "0.30.3",
-			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.3.tgz",
-			"integrity": "sha512-B7xGbll2fG/VjP+SWg4sX3JynwIU0mjoTc6MPpKNuIvftk6u6vqhDnk1R80b8C2GBR6ywqy+1DcKBrevBg+bmw==",
-			"dev": true,
-			"dependencies": {
-				"@jridgewell/sourcemap-codec": "^1.4.15"
-			},
-			"engines": {
-				"node": ">=12"
-			}
-		},
 		"node_modules/@sveltejs/vite-plugin-svelte": {
 			"version": "2.4.6",
 			"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.4.6.tgz",
@@ -936,18 +934,6 @@
 				"vite": "^4.0.0"
 			}
 		},
-		"node_modules/@sveltejs/vite-plugin-svelte/node_modules/magic-string": {
-			"version": "0.30.3",
-			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.3.tgz",
-			"integrity": "sha512-B7xGbll2fG/VjP+SWg4sX3JynwIU0mjoTc6MPpKNuIvftk6u6vqhDnk1R80b8C2GBR6ywqy+1DcKBrevBg+bmw==",
-			"dev": true,
-			"dependencies": {
-				"@jridgewell/sourcemap-codec": "^1.4.15"
-			},
-			"engines": {
-				"node": ">=12"
-			}
-		},
 		"node_modules/@tailwindcss/typography": {
 			"version": "0.5.10",
 			"resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.10.tgz",
@@ -972,36 +958,36 @@
 			}
 		},
 		"node_modules/@types/chai": {
-			"version": "4.3.6",
-			"resolved": "https://registry.npmjs.org/@types/chai/-/chai-4.3.6.tgz",
-			"integrity": "sha512-VOVRLM1mBxIRxydiViqPcKn6MIxZytrbMpd6RJLIWKxUNr3zux8no0Oc7kJx0WAPIitgZ0gkrDS+btlqQpubpw==",
+			"version": "4.3.9",
+			"resolved": "https://registry.npmjs.org/@types/chai/-/chai-4.3.9.tgz",
+			"integrity": "sha512-69TtiDzu0bcmKQv3yg1Zx409/Kd7r0b5F1PfpYJfSHzLGtB53547V4u+9iqKYsTu/O2ai6KTb0TInNpvuQ3qmg==",
 			"dev": true
 		},
 		"node_modules/@types/chai-subset": {
-			"version": "1.3.3",
-			"resolved": "https://registry.npmjs.org/@types/chai-subset/-/chai-subset-1.3.3.tgz",
-			"integrity": "sha512-frBecisrNGz+F4T6bcc+NLeolfiojh5FxW2klu669+8BARtyQv2C/GkNW6FUodVe4BroGMP/wER/YDGc7rEllw==",
+			"version": "1.3.4",
+			"resolved": "https://registry.npmjs.org/@types/chai-subset/-/chai-subset-1.3.4.tgz",
+			"integrity": "sha512-CCWNXrJYSUIojZ1149ksLl3AN9cmZ5djf+yUoVVV+NuYrtydItQVlL2ZDqyC6M6O9LWRnVf8yYDxbXHO2TfQZg==",
 			"dev": true,
 			"dependencies": {
 				"@types/chai": "*"
 			}
 		},
 		"node_modules/@types/cookie": {
-			"version": "0.5.2",
-			"resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.5.2.tgz",
-			"integrity": "sha512-DBpRoJGKJZn7RY92dPrgoMew8xCWc2P71beqsjyhEI/Ds9mOyVmBwtekyfhpwFIVt1WrxTonFifiOZ62V8CnNA==",
+			"version": "0.5.3",
+			"resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.5.3.tgz",
+			"integrity": "sha512-SLg07AS9z1Ab2LU+QxzU8RCmzsja80ywjf/t5oqw+4NSH20gIGlhLOrBDm1L3PBWzPa4+wkgFQVZAjE6Ioj2ug==",
 			"dev": true
 		},
 		"node_modules/@types/estree": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.1.tgz",
-			"integrity": "sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==",
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.3.tgz",
+			"integrity": "sha512-CS2rOaoQ/eAgAfcTfq6amKG7bsN+EMcgGY4FAFQdvSj2y1ixvOZTUA9mOtCai7E1SYu283XNw7urKK30nP3wkQ==",
 			"dev": true
 		},
 		"node_modules/@types/jsdom": {
-			"version": "21.1.3",
-			"resolved": "https://registry.npmjs.org/@types/jsdom/-/jsdom-21.1.3.tgz",
-			"integrity": "sha512-1zzqSP+iHJYV4lB3lZhNBa012pubABkj9yG/GuXuf6LZH1cSPIJBqFDrm5JX65HHt6VOnNYdTui/0ySerRbMgA==",
+			"version": "21.1.4",
+			"resolved": "https://registry.npmjs.org/@types/jsdom/-/jsdom-21.1.4.tgz",
+			"integrity": "sha512-NzAMLEV0KQ4cBaDx3Ls8VfJUElyDUm1xrtYRmcMK0gF8L5xYbujFVaQlJ50yinQ/d47j2rEP1XUzkiYrw4YRFA==",
 			"dev": true,
 			"dependencies": {
 				"@types/node": "*",
@@ -1010,9 +996,9 @@
 			}
 		},
 		"node_modules/@types/json-schema": {
-			"version": "7.0.13",
-			"resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.13.tgz",
-			"integrity": "sha512-RbSSoHliUbnXj3ny0CNFOoxrIDV6SUGyStHsvDqosw6CkdPV8TtWGlfecuK4ToyMEAql6pzNxgCFKanovUzlgQ==",
+			"version": "7.0.14",
+			"resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.14.tgz",
+			"integrity": "sha512-U3PUjAudAdJBeC2pgN8uTIKgxrb4nlDF3SF0++EldXQvQBGkpFZMSnwQiIoDU77tv45VgNkl/L4ouD+rEomujw==",
 			"dev": true
 		},
 		"node_modules/@types/long": {
@@ -1021,38 +1007,41 @@
 			"integrity": "sha512-MqTGEo5bj5t157U6fA/BiDynNkn0YknVdh48CMPkTSpFTVmvao5UQmm7uEF6xBEo7qIMAlY/JSleYaE6VOdpaA=="
 		},
 		"node_modules/@types/marked": {
-			"version": "4.3.1",
-			"resolved": "https://registry.npmjs.org/@types/marked/-/marked-4.3.1.tgz",
-			"integrity": "sha512-vSSbKZFbNktrQ15v7o1EaH78EbWV+sPQbPjHG+Cp8CaNcPFUEfjZ0Iml/V0bFDwsTlYe8o6XC5Hfdp91cqPV2g==",
+			"version": "4.3.2",
+			"resolved": "https://registry.npmjs.org/@types/marked/-/marked-4.3.2.tgz",
+			"integrity": "sha512-a79Yc3TOk6dGdituy8hmTTJXjOkZ7zsFYV10L337ttq/rec8lRMDBpV7fL3uLx6TgbFCa5DU/h8FmIBQPSbU0w==",
 			"dev": true
 		},
 		"node_modules/@types/node": {
-			"version": "20.6.2",
-			"resolved": "https://registry.npmjs.org/@types/node/-/node-20.6.2.tgz",
-			"integrity": "sha512-Y+/1vGBHV/cYk6OI1Na/LHzwnlNCAfU3ZNGrc1LdRe/LAIbdDPTTv/HU3M7yXN448aTVDq3eKRm2cg7iKLb8gw=="
+			"version": "20.8.8",
+			"resolved": "https://registry.npmjs.org/@types/node/-/node-20.8.8.tgz",
+			"integrity": "sha512-YRsdVxq6OaLfmR9Hy816IMp33xOBjfyOgUd77ehqg96CFywxAPbDbXvAsuN2KVg2HOT8Eh6uAfU+l4WffwPVrQ==",
+			"dependencies": {
+				"undici-types": "~5.25.1"
+			}
 		},
 		"node_modules/@types/node-int64": {
-			"version": "0.4.29",
-			"resolved": "https://registry.npmjs.org/@types/node-int64/-/node-int64-0.4.29.tgz",
-			"integrity": "sha512-rHXvenLTj/CcsmNAebaBOhxQ2MqEGl3yXZZcZ21XYR+gzGTTcpOy2N4IxpvTCz48loyQNatHvfn6GhIbbZ1R3Q==",
+			"version": "0.4.31",
+			"resolved": "https://registry.npmjs.org/@types/node-int64/-/node-int64-0.4.31.tgz",
+			"integrity": "sha512-nkuJrHfmjsE3oJzbkygfRYX1tDMhBxj5LTZzP/GIGbBze6QXM6Juz6vxh9K8Y5OJODqAciY6gxdYNRqNgxsaEA==",
 			"dev": true,
 			"dependencies": {
 				"@types/node": "*"
 			}
 		},
 		"node_modules/@types/parquetjs": {
-			"version": "0.10.3",
-			"resolved": "https://registry.npmjs.org/@types/parquetjs/-/parquetjs-0.10.3.tgz",
-			"integrity": "sha512-n0xVEor3+3qHfCmFAf0pO4m/Pxc5JEmiVkEWWqJexN+p11/Nr+rqABKcIEj4X6tGKF1cnVIeBqy67mW2Yd+Kbg==",
+			"version": "0.10.5",
+			"resolved": "https://registry.npmjs.org/@types/parquetjs/-/parquetjs-0.10.5.tgz",
+			"integrity": "sha512-3qhqy+6LRCtr9gkc9AchsGG/31kd4SZOH++sUGEhFXHvbzBEWqvFRLsh4QGpbv6JQpgpF3z0jVKtA3YHm9ylig==",
 			"dev": true,
 			"dependencies": {
 				"@types/node-int64": "*"
 			}
 		},
 		"node_modules/@types/pug": {
-			"version": "2.0.6",
-			"resolved": "https://registry.npmjs.org/@types/pug/-/pug-2.0.6.tgz",
-			"integrity": "sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==",
+			"version": "2.0.8",
+			"resolved": "https://registry.npmjs.org/@types/pug/-/pug-2.0.8.tgz",
+			"integrity": "sha512-QzhsZ1dMGyJbn/D9V80zp4GIA4J4rfAjCCxc3MP+new0E8dyVdSkR735Lx+n3LIaHNFcjHL5+TbziccuT+fdoQ==",
 			"dev": true
 		},
 		"node_modules/@types/resolve": {
@@ -1062,21 +1051,21 @@
 			"dev": true
 		},
 		"node_modules/@types/semver": {
-			"version": "7.5.2",
-			"resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.2.tgz",
-			"integrity": "sha512-7aqorHYgdNO4DM36stTiGO3DvKoex9TQRwsJU6vMaFGyqpBA1MNZkz+PG3gaNUPpTAOYhT1WR7M1JyA3fbS9Cw==",
+			"version": "7.5.4",
+			"resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.4.tgz",
+			"integrity": "sha512-MMzuxN3GdFwskAnb6fz0orFvhfqi752yjaXylr0Rp4oDg5H0Zn1IuyRhDVvYOwAXoJirx2xuS16I3WjxnAIHiQ==",
 			"dev": true
 		},
 		"node_modules/@types/tough-cookie": {
-			"version": "4.0.3",
-			"resolved": "https://registry.npmjs.org/@types/tough-cookie/-/tough-cookie-4.0.3.tgz",
-			"integrity": "sha512-THo502dA5PzG/sfQH+42Lw3fvmYkceefOspdCwpHRul8ik2Jv1K8I5OZz1AT3/rs46kwgMCe9bSBmDLYkkOMGg==",
+			"version": "4.0.4",
+			"resolved": "https://registry.npmjs.org/@types/tough-cookie/-/tough-cookie-4.0.4.tgz",
+			"integrity": "sha512-95Sfz4nvMAb0Nl9DTxN3j64adfwfbBPEYq14VN7zT5J5O2M9V6iZMIIQU1U+pJyl9agHYHNCqhCXgyEtIRRa5A==",
 			"dev": true
 		},
 		"node_modules/@types/urijs": {
-			"version": "1.19.20",
-			"resolved": "https://registry.npmjs.org/@types/urijs/-/urijs-1.19.20.tgz",
-			"integrity": "sha512-77Mq/2BeHU894J364dUv9tSwxxyCLtcX228Pc8TwZpP5bvOoMns+gZoftp3LYl3FBH8vChpWbuagKGiMki2c1A==",
+			"version": "1.19.22",
+			"resolved": "https://registry.npmjs.org/@types/urijs/-/urijs-1.19.22.tgz",
+			"integrity": "sha512-qnYBwfN7O/+i6E1Kr8JaCKsrCLpRCiQ1XxkSxNIYuJ/5Aagt0+HlMX78DJMUrNzDULMz0eu2gcprlxJaDtACOw==",
 			"dev": true
 		},
 		"node_modules/@typescript-eslint/eslint-plugin": {
@@ -1267,6 +1256,12 @@
 				"url": "https://opencollective.com/typescript-eslint"
 			}
 		},
+		"node_modules/@ungap/structured-clone": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
+			"integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
+			"dev": true
+		},
 		"node_modules/@vitest/expect": {
 			"version": "0.31.4",
 			"resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-0.31.4.tgz",
@@ -1337,18 +1332,6 @@
 				"url": "https://opencollective.com/vitest"
 			}
 		},
-		"node_modules/@vitest/snapshot/node_modules/magic-string": {
-			"version": "0.30.3",
-			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.3.tgz",
-			"integrity": "sha512-B7xGbll2fG/VjP+SWg4sX3JynwIU0mjoTc6MPpKNuIvftk6u6vqhDnk1R80b8C2GBR6ywqy+1DcKBrevBg+bmw==",
-			"dev": true,
-			"dependencies": {
-				"@jridgewell/sourcemap-codec": "^1.4.15"
-			},
-			"engines": {
-				"node": ">=12"
-			}
-		},
 		"node_modules/@vitest/spy": {
 			"version": "0.31.4",
 			"resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-0.31.4.tgz",
@@ -1376,9 +1359,9 @@
 			}
 		},
 		"node_modules/@xenova/transformers": {
-			"version": "2.6.1",
-			"resolved": "https://registry.npmjs.org/@xenova/transformers/-/transformers-2.6.1.tgz",
-			"integrity": "sha512-fK1SkZUCvTdH1gEWmBUU5rvugZBqqu0ibkaBmUIr5t9Kf+Z8W4n0IszSRS2+M5ZHxRKS3SE7pFpsMDXByIzmQw==",
+			"version": "2.7.0",
+			"resolved": "https://registry.npmjs.org/@xenova/transformers/-/transformers-2.7.0.tgz",
+			"integrity": "sha512-py5RqZt9lL/FFUT5X6St+TOSBoVaEmDETI98lK9ApEOvlWeX4bTS2nMQDFe3nFMpv24+wllhmPw2Www/f/ubJA==",
 			"dependencies": {
 				"onnxruntime-web": "1.14.0",
 				"sharp": "^0.32.0"
@@ -1530,9 +1513,9 @@
 			"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
 		},
 		"node_modules/autoprefixer": {
-			"version": "10.4.15",
-			"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.15.tgz",
-			"integrity": "sha512-KCuPB8ZCIqFdA4HwKXsvz7j6gvSDNhDP7WnUjBleRkKjPdvCmHFuQ77ocavI8FT6NdvlBnE2UFr2H4Mycn8Vew==",
+			"version": "10.4.16",
+			"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz",
+			"integrity": "sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==",
 			"funding": [
 				{
 					"type": "opencollective",
@@ -1549,8 +1532,8 @@
 			],
 			"dependencies": {
 				"browserslist": "^4.21.10",
-				"caniuse-lite": "^1.0.30001520",
-				"fraction.js": "^4.2.0",
+				"caniuse-lite": "^1.0.30001538",
+				"fraction.js": "^4.3.6",
 				"normalize-range": "^0.1.2",
 				"picocolors": "^1.0.0",
 				"postcss-value-parser": "^4.2.0"
@@ -1658,9 +1641,9 @@
 			}
 		},
 		"node_modules/browserslist": {
-			"version": "4.21.10",
-			"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.10.tgz",
-			"integrity": "sha512-bipEBdZfVH5/pwrvqc+Ub0kUPVfGUhlKxbvfD+z1BDnPEO/X98ruXGA1WP5ASpAFKan7Qr6j736IacbZQuAlKQ==",
+			"version": "4.22.1",
+			"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz",
+			"integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==",
 			"funding": [
 				{
 					"type": "opencollective",
@@ -1676,10 +1659,10 @@
 				}
 			],
 			"dependencies": {
-				"caniuse-lite": "^1.0.30001517",
-				"electron-to-chromium": "^1.4.477",
+				"caniuse-lite": "^1.0.30001541",
+				"electron-to-chromium": "^1.4.535",
 				"node-releases": "^2.0.13",
-				"update-browserslist-db": "^1.0.11"
+				"update-browserslist-db": "^1.0.13"
 			},
 			"bin": {
 				"browserslist": "cli.js"
@@ -1688,6 +1671,14 @@
 				"node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
 			}
 		},
+		"node_modules/bson": {
+			"version": "1.1.6",
+			"resolved": "https://registry.npmjs.org/bson/-/bson-1.1.6.tgz",
+			"integrity": "sha512-EvVNVeGo4tHxwi8L6bPj3y3itEvStdwvvlojVxxbyYfoaxJ6keLgrTuKdyfEAszFK+H3olzBuafE0yoh0D1gdg==",
+			"engines": {
+				"node": ">=0.6.19"
+			}
+		},
 		"node_modules/buffer": {
 			"version": "5.7.1",
 			"resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
@@ -1732,17 +1723,6 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
-		"node_modules/busboy": {
-			"version": "1.6.0",
-			"resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
-			"integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
-			"dependencies": {
-				"streamsearch": "^1.1.0"
-			},
-			"engines": {
-				"node": ">=10.16.0"
-			}
-		},
 		"node_modules/cac": {
 			"version": "6.7.14",
 			"resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
@@ -1770,9 +1750,9 @@
 			}
 		},
 		"node_modules/caniuse-lite": {
-			"version": "1.0.30001538",
-			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001538.tgz",
-			"integrity": "sha512-HWJnhnID+0YMtGlzcp3T9drmBJUVDchPJ08tpUGFLs9CYlwWPH2uLgpHn8fND5pCgXVtnGS3H4QR9XLMHVNkHw==",
+			"version": "1.0.30001553",
+			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001553.tgz",
+			"integrity": "sha512-N0ttd6TrFfuqKNi+pMgWJTb9qrdJu4JSpgPFLe/lrD19ugC6fZgF0pUewRowDwzdDnb9V41mFcdlYgl/PyKf4A==",
 			"funding": [
 				{
 					"type": "opencollective",
@@ -1789,18 +1769,18 @@
 			]
 		},
 		"node_modules/chai": {
-			"version": "4.3.8",
-			"resolved": "https://registry.npmjs.org/chai/-/chai-4.3.8.tgz",
-			"integrity": "sha512-vX4YvVVtxlfSZ2VecZgFUTU5qPCYsobVI2O9FmwEXBhDigYGQA6jRXCycIs1yJnnWbZ6/+a2zNIF5DfVCcJBFQ==",
+			"version": "4.3.10",
+			"resolved": "https://registry.npmjs.org/chai/-/chai-4.3.10.tgz",
+			"integrity": "sha512-0UXG04VuVbruMUYbJ6JctvH0YnC/4q3/AkT18q4NaITo91CUm0liMS9VqzT9vZhVQ/1eqPanMWjBM+Juhfb/9g==",
 			"dev": true,
 			"dependencies": {
 				"assertion-error": "^1.1.0",
-				"check-error": "^1.0.2",
-				"deep-eql": "^4.1.2",
-				"get-func-name": "^2.0.0",
-				"loupe": "^2.3.1",
+				"check-error": "^1.0.3",
+				"deep-eql": "^4.1.3",
+				"get-func-name": "^2.0.2",
+				"loupe": "^2.3.6",
 				"pathval": "^1.1.1",
-				"type-detect": "^4.0.5"
+				"type-detect": "^4.0.8"
 			},
 			"engines": {
 				"node": ">=4"
@@ -1823,10 +1803,13 @@
 			}
 		},
 		"node_modules/check-error": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/check-error/-/check-error-1.0.2.tgz",
-			"integrity": "sha512-BrgHpW9NURQgzoNyjfq0Wu6VFO6D7IZEmJNdtgNqpzGG8RuNFHt2jQxWlAs4HMe119chBnv+34syEZtc6IhLtA==",
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/check-error/-/check-error-1.0.3.tgz",
+			"integrity": "sha512-iKEoDYaRmd1mxM90a2OEfWhjsjPpYPuQ+lMYsoxB126+t8fw7ySEO48nmDg5COTjxDI65/Y2OWpeEHk3ZOe8zg==",
 			"dev": true,
+			"dependencies": {
+				"get-func-name": "^2.0.2"
+			},
 			"engines": {
 				"node": "*"
 			}
@@ -2215,9 +2198,9 @@
 			"integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg=="
 		},
 		"node_modules/electron-to-chromium": {
-			"version": "1.4.523",
-			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.523.tgz",
-			"integrity": "sha512-9AreocSUWnzNtvLcbpng6N+GkXnCcBR80IQkxRC9Dfdyg4gaWNUPBujAHUpKkiUkoSoR9UlhA4zD/IgBklmhzg=="
+			"version": "1.4.565",
+			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.565.tgz",
+			"integrity": "sha512-XbMoT6yIvg2xzcbs5hCADi0dXBh4//En3oFXmtPX+jiyyiCTiM9DGFT2SLottjpEs9Z8Mh8SqahbR96MaHfuSg=="
 		},
 		"node_modules/end-of-stream": {
 			"version": "1.4.4",
@@ -2302,18 +2285,19 @@
 			}
 		},
 		"node_modules/eslint": {
-			"version": "8.49.0",
-			"resolved": "https://registry.npmjs.org/eslint/-/eslint-8.49.0.tgz",
-			"integrity": "sha512-jw03ENfm6VJI0jA9U+8H5zfl5b+FvuU3YYvZRdZHOlU2ggJkxrlkJH4HcDrZpj6YwD8kuYqvQM8LyesoazrSOQ==",
+			"version": "8.52.0",
+			"resolved": "https://registry.npmjs.org/eslint/-/eslint-8.52.0.tgz",
+			"integrity": "sha512-zh/JHnaixqHZsolRB/w9/02akBk9EPrOs9JwcTP2ek7yL5bVvXuRariiaAjjoJ5DvuwQ1WAE/HsMz+w17YgBCg==",
 			"dev": true,
 			"dependencies": {
 				"@eslint-community/eslint-utils": "^4.2.0",
 				"@eslint-community/regexpp": "^4.6.1",
 				"@eslint/eslintrc": "^2.1.2",
-				"@eslint/js": "8.49.0",
-				"@humanwhocodes/config-array": "^0.11.11",
+				"@eslint/js": "8.52.0",
+				"@humanwhocodes/config-array": "^0.11.13",
 				"@humanwhocodes/module-importer": "^1.0.1",
 				"@nodelib/fs.walk": "^1.2.8",
+				"@ungap/structured-clone": "^1.2.0",
 				"ajv": "^6.12.4",
 				"chalk": "^4.0.0",
 				"cross-spawn": "^7.0.2",
@@ -2368,9 +2352,9 @@
 			}
 		},
 		"node_modules/eslint-plugin-svelte": {
-			"version": "2.33.1",
-			"resolved": "https://registry.npmjs.org/eslint-plugin-svelte/-/eslint-plugin-svelte-2.33.1.tgz",
-			"integrity": "sha512-veYmyjsbt8ikXdaa6pLsgytdlzJpZZKw9vRaQlRBNKaLNmrbsdJulwiWfcDZ7tYJdaVpRB4iDFn/fuPeebxUVg==",
+			"version": "2.34.0",
+			"resolved": "https://registry.npmjs.org/eslint-plugin-svelte/-/eslint-plugin-svelte-2.34.0.tgz",
+			"integrity": "sha512-4RYUgNai7wr0v+T/kljMiYSjC/oqwgq5i+cPppawryAayj4C7WK1ixFlWCGmNmBppnoKCl4iA4ZPzPtlHcb4CA==",
 			"dev": true,
 			"dependencies": {
 				"@eslint-community/eslint-utils": "^4.2.0",
@@ -2701,12 +2685,12 @@
 			}
 		},
 		"node_modules/flat-cache": {
-			"version": "3.1.0",
-			"resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.1.0.tgz",
-			"integrity": "sha512-OHx4Qwrrt0E4jEIcI5/Xb+f+QmJYNj2rrK8wiIdQOIrB9WrrJL8cjZvXdXuBTkkEwEqLycb5BeZDV1o2i9bTew==",
+			"version": "3.1.1",
+			"resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.1.1.tgz",
+			"integrity": "sha512-/qM2b3LUIaIgviBQovTLvijfyOQXPtSRnRK26ksj2J7rzPIecePUIpJsZ4T02Qg+xiAEKIs5K8dsHEd+VaKa/Q==",
 			"dev": true,
 			"dependencies": {
-				"flatted": "^3.2.7",
+				"flatted": "^3.2.9",
 				"keyv": "^4.5.3",
 				"rimraf": "^3.0.2"
 			},
@@ -2739,9 +2723,9 @@
 			}
 		},
 		"node_modules/fraction.js": {
-			"version": "4.3.6",
-			"resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.6.tgz",
-			"integrity": "sha512-n2aZ9tNfYDwaHhvFTkhFErqOMIb8uyzSQ+vGJBjZyanAKZVbGUQ1sngfk9FdkBw7G26O7AgNjLcecLffD1c7eg==",
+			"version": "4.3.7",
+			"resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
+			"integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
 			"engines": {
 				"node": "*"
 			},
@@ -2779,9 +2763,12 @@
 			}
 		},
 		"node_modules/function-bind": {
-			"version": "1.1.1",
-			"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-			"integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+			"integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
 		},
 		"node_modules/get-func-name": {
 			"version": "2.0.2",
@@ -2861,9 +2848,9 @@
 			}
 		},
 		"node_modules/globals": {
-			"version": "13.21.0",
-			"resolved": "https://registry.npmjs.org/globals/-/globals-13.21.0.tgz",
-			"integrity": "sha512-ybyme3s4yy/t/3s35bewwXKOf7cvzfreG2lH0lZl0JB7I4GxRP2ghxOK/Nb9EkRXdbBXZLfq/p/0W2JUONB/Gg==",
+			"version": "13.23.0",
+			"resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
+			"integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==",
 			"dev": true,
 			"dependencies": {
 				"type-fest": "^0.20.2"
@@ -2944,17 +2931,6 @@
 				"uglify-js": "^3.1.4"
 			}
 		},
-		"node_modules/has": {
-			"version": "1.0.3",
-			"resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
-			"integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-			"dependencies": {
-				"function-bind": "^1.1.1"
-			},
-			"engines": {
-				"node": ">= 0.4.0"
-			}
-		},
 		"node_modules/has-flag": {
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
@@ -2965,14 +2941,25 @@
 			}
 		},
 		"node_modules/hash-wasm": {
-			"version": "4.9.0",
-			"resolved": "https://registry.npmjs.org/hash-wasm/-/hash-wasm-4.9.0.tgz",
-			"integrity": "sha512-7SW7ejyfnRxuOc7ptQHSf4LDoZaWOivfzqw+5rpcQku0nHfmicPKE51ra9BiRLAmT8+gGLestr1XroUkqdjL6w=="
+			"version": "4.10.0",
+			"resolved": "https://registry.npmjs.org/hash-wasm/-/hash-wasm-4.10.0.tgz",
+			"integrity": "sha512-a0NjBNWjavvMalm/pPSEJ00MPDjRG8rv9D5BK7dBQTLGwAOVWqnTEUggaYs5szATB5UK5ULeIQr7QJXbczAZYA=="
+		},
+		"node_modules/hasown": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz",
+			"integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
+			"dependencies": {
+				"function-bind": "^1.1.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
 		},
 		"node_modules/highlight.js": {
-			"version": "11.8.0",
-			"resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.8.0.tgz",
-			"integrity": "sha512-MedQhoqVdr0U6SSnWPzfiadUcDHfN/Wzq25AkXiQv9oiOO/sG0S7XkvpFIqWBl9Yq1UYyYOOVORs5UW2XlPyzg==",
+			"version": "11.9.0",
+			"resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.9.0.tgz",
+			"integrity": "sha512-fJ7cW7fQGCYAkgv4CPfwFHrfd/cLS4Hau96JuJ+ZTOWhjnhoeN1ub1tFmALm/+lW5z4WCAuAV9bm05AP0mS6Gw==",
 			"engines": {
 				"node": ">=12.0.0"
 			}
@@ -3142,11 +3129,11 @@
 			}
 		},
 		"node_modules/is-core-module": {
-			"version": "2.13.0",
-			"resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.0.tgz",
-			"integrity": "sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==",
+			"version": "2.13.1",
+			"resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
+			"integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
 			"dependencies": {
-				"has": "^1.0.3"
+				"hasown": "^2.0.0"
 			},
 			"funding": {
 				"url": "https://github.com/sponsors/ljharb"
@@ -3235,9 +3222,9 @@
 			}
 		},
 		"node_modules/jose": {
-			"version": "4.14.6",
-			"resolved": "https://registry.npmjs.org/jose/-/jose-4.14.6.tgz",
-			"integrity": "sha512-EqJPEUlZD0/CSUMubKtMaYUOtWe91tZXTWMJZoKSbLk+KtdhNdcvppH8lA9XwVu2V4Ailvsj0GBZJ2ZwDjfesQ==",
+			"version": "4.15.4",
+			"resolved": "https://registry.npmjs.org/jose/-/jose-4.15.4.tgz",
+			"integrity": "sha512-W+oqK4H+r5sITxfxpSU+MMdr/YSWGvgZMQDIsNoBDGGy4i7GBPTtvFKibQzW06n3U3TqHjhvBJsirShsEJ6eeQ==",
 			"funding": {
 				"url": "https://github.com/sponsors/panva"
 			}
@@ -3329,9 +3316,9 @@
 			"dev": true
 		},
 		"node_modules/keyv": {
-			"version": "4.5.3",
-			"resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.3.tgz",
-			"integrity": "sha512-QCiSav9WaX1PgETJ+SpNnx2PRRapJ/oRSXM4VO5OGYGSjrxbKPVFVhB3l2OCbLCk329N8qyAtsJjSjvVBWzEug==",
+			"version": "4.5.4",
+			"resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+			"integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
 			"dev": true,
 			"dependencies": {
 				"json-buffer": "3.0.1"
@@ -3446,12 +3433,12 @@
 			"integrity": "sha512-XsP+KhQif4bjX1kbuSiySJFNAehNxgLb6hPRGJ9QsUr8ajHkuXGdrHmFUTUUXhDwVX2R5bY4JNZEwbUiMhV+MA=="
 		},
 		"node_modules/loupe": {
-			"version": "2.3.6",
-			"resolved": "https://registry.npmjs.org/loupe/-/loupe-2.3.6.tgz",
-			"integrity": "sha512-RaPMZKiMy8/JruncMU5Bt6na1eftNoo++R4Y+N2FrxkDVTrGvcyzFTsaGif4QTeKESheMGegbhw6iUAq+5A8zA==",
+			"version": "2.3.7",
+			"resolved": "https://registry.npmjs.org/loupe/-/loupe-2.3.7.tgz",
+			"integrity": "sha512-zSMINGVYkdpYSOBmLi0D1Uo7JU9nVdQKrHxC8eYlV+9YKK9WePqAlL7lSlorG/U2Fw1w0hTBmaa/jrQ3UbPHtA==",
 			"dev": true,
 			"dependencies": {
-				"get-func-name": "^2.0.0"
+				"get-func-name": "^2.0.1"
 			}
 		},
 		"node_modules/lru-cache": {
@@ -3476,12 +3463,12 @@
 			}
 		},
 		"node_modules/magic-string": {
-			"version": "0.27.0",
-			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz",
-			"integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
+			"version": "0.30.5",
+			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.5.tgz",
+			"integrity": "sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==",
 			"dev": true,
 			"dependencies": {
-				"@jridgewell/sourcemap-codec": "^1.4.13"
+				"@jridgewell/sourcemap-codec": "^1.4.15"
 			},
 			"engines": {
 				"node": ">=12"
@@ -3541,18 +3528,6 @@
 				"node": ">=8.6"
 			}
 		},
-		"node_modules/mime": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/mime/-/mime-3.0.0.tgz",
-			"integrity": "sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==",
-			"dev": true,
-			"bin": {
-				"mime": "cli.js"
-			},
-			"engines": {
-				"node": ">=10.0.0"
-			}
-		},
 		"node_modules/mime-db": {
 			"version": "1.52.0",
 			"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
@@ -3602,9 +3577,9 @@
 			}
 		},
 		"node_modules/mingo": {
-			"version": "6.4.4",
-			"resolved": "https://registry.npmjs.org/mingo/-/mingo-6.4.4.tgz",
-			"integrity": "sha512-GtgwqyBVLxKf8tSvN26TjbK+XAUW5HlWR3D7qBsBh9urQyZznqG2BOx90t3MXklpSxawjvaANiWFUCIxd9xa7w=="
+			"version": "6.4.8",
+			"resolved": "https://registry.npmjs.org/mingo/-/mingo-6.4.8.tgz",
+			"integrity": "sha512-mu7C7byBSpGGj6NllAKXLRr7L8gsZB6Yc4g4R22DDpLryvnH0tK+/X0BorMf3aXAr0pbmaG2O/2in9fUjV8Y8w=="
 		},
 		"node_modules/minimatch": {
 			"version": "3.1.2",
@@ -3727,9 +3702,9 @@
 			"integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw=="
 		},
 		"node_modules/node-abi": {
-			"version": "3.47.0",
-			"resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.47.0.tgz",
-			"integrity": "sha512-2s6B2CWZM//kPgwnuI0KrYwNjfdByE25zvAaEpq9IH4zcNsarH8Ihu/UuX6XMPEogDAxkuUFeZn60pXNHAqn3A==",
+			"version": "3.51.0",
+			"resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.51.0.tgz",
+			"integrity": "sha512-SQkEP4hmNWjlniS5zdnfIXTk1x7Ome85RDzHlTbBtzE97Gfwz/Ipw4v/Ryk20DWIy3yCNVLVlGKApCnmvYoJbA==",
 			"dependencies": {
 				"semver": "^7.3.5"
 			},
@@ -3881,11 +3856,11 @@
 			}
 		},
 		"node_modules/openid-client": {
-			"version": "5.5.0",
-			"resolved": "https://registry.npmjs.org/openid-client/-/openid-client-5.5.0.tgz",
-			"integrity": "sha512-Y7Xl8BgsrkzWLHkVDYuroM67hi96xITyEDSkmWaGUiNX6CkcXC3XyQGdv5aWZ6dukVKBFVQCADi9gCavOmU14w==",
+			"version": "5.6.1",
+			"resolved": "https://registry.npmjs.org/openid-client/-/openid-client-5.6.1.tgz",
+			"integrity": "sha512-PtrWsY+dXg6y8mtMPyL/namZSYVz8pjXz3yJiBNZsEdCnu9miHLB4ELVC85WvneMKo2Rg62Ay7NkuCpM0bgiLQ==",
 			"dependencies": {
-				"jose": "^4.14.4",
+				"jose": "^4.15.1",
 				"lru-cache": "^6.0.0",
 				"object-hash": "^2.2.0",
 				"oidc-token-hash": "^5.0.3"
@@ -3973,14 +3948,6 @@
 				"lzo": "^0.4.0"
 			}
 		},
-		"node_modules/parquetjs/node_modules/bson": {
-			"version": "1.1.6",
-			"resolved": "https://registry.npmjs.org/bson/-/bson-1.1.6.tgz",
-			"integrity": "sha512-EvVNVeGo4tHxwi8L6bPj3y3itEvStdwvvlojVxxbyYfoaxJ6keLgrTuKdyfEAszFK+H3olzBuafE0yoh0D1gdg==",
-			"engines": {
-				"node": ">=0.6.19"
-			}
-		},
 		"node_modules/parse5": {
 			"version": "7.1.2",
 			"resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
@@ -4104,9 +4071,9 @@
 			"integrity": "sha512-fnWVljUchTro6RiCFvCXBbNhJc2NijN7oIQxbwsyL0buWJPG85v81ehlHI9fXrJsMNgTofEoWIQeClKpgxFLrg=="
 		},
 		"node_modules/postcss": {
-			"version": "8.4.30",
-			"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.30.tgz",
-			"integrity": "sha512-7ZEao1g4kd68l97aWG/etQKPKq07us0ieSZ2TnFDk11i0ZfDW2AwKHYU8qv4MZKqN2fdBfg+7q0ES06UA73C1g==",
+			"version": "8.4.31",
+			"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+			"integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
 			"funding": [
 				{
 					"type": "opencollective",
@@ -4240,9 +4207,9 @@
 			}
 		},
 		"node_modules/postcss-scss": {
-			"version": "4.0.8",
-			"resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.8.tgz",
-			"integrity": "sha512-Cr0X8Eu7xMhE96PJck6ses/uVVXDtE5ghUTKNUYgm8ozgP2TkgV3LWs3WgLV1xaSSLq8ZFiXaUrj0LVgG1fGEA==",
+			"version": "4.0.9",
+			"resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.9.tgz",
+			"integrity": "sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==",
 			"dev": true,
 			"funding": [
 				{
@@ -4637,9 +4604,9 @@
 			"integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="
 		},
 		"node_modules/resolve": {
-			"version": "1.22.6",
-			"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.6.tgz",
-			"integrity": "sha512-njhxM7mV12JfufShqGy3Rz8j11RPdLy4xi15UurGJeoHLfJpVXKdh3ueuOqbYUcDZnffr6X739JBo5LzyahEsw==",
+			"version": "1.22.8",
+			"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
+			"integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
 			"dependencies": {
 				"is-core-module": "^2.13.0",
 				"path-parse": "^1.0.7",
@@ -4706,9 +4673,9 @@
 			}
 		},
 		"node_modules/rollup": {
-			"version": "3.29.2",
-			"resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.2.tgz",
-			"integrity": "sha512-CJouHoZ27v6siztc21eEQGo0kIcE5D1gVPA571ez0mMYb25LGYGKnVNXpEj5MGlepmDWGXNjDB5q7uNiPHC11A==",
+			"version": "3.29.4",
+			"resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz",
+			"integrity": "sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==",
 			"dev": true,
 			"bin": {
 				"rollup": "dist/bin/rollup"
@@ -5075,14 +5042,6 @@
 				"through": "~2.3.4"
 			}
 		},
-		"node_modules/streamsearch": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
-			"integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
-			"engines": {
-				"node": ">=10.0.0"
-			}
-		},
 		"node_modules/streamx": {
 			"version": "2.15.1",
 			"resolved": "https://registry.npmjs.org/streamx/-/streamx-2.15.1.tgz",
@@ -5230,9 +5189,9 @@
 			}
 		},
 		"node_modules/svelte-check": {
-			"version": "3.5.1",
-			"resolved": "https://registry.npmjs.org/svelte-check/-/svelte-check-3.5.1.tgz",
-			"integrity": "sha512-+Zb4iHxAhdUtcUg/WJPRjlS1RJalIsWAe9Mz6G1zyznSs7dDkT7VUBdXc3q7Iwg49O/VrZgyJRvOJkjuBfKjFA==",
+			"version": "3.5.2",
+			"resolved": "https://registry.npmjs.org/svelte-check/-/svelte-check-3.5.2.tgz",
+			"integrity": "sha512-5a/YWbiH4c+AqAUP+0VneiV5bP8YOk9JL3jwvN+k2PEPLgpu85bjQc5eE67+eIZBBwUEJzmO3I92OqKcqbp3fw==",
 			"dev": true,
 			"dependencies": {
 				"@jridgewell/trace-mapping": "^0.3.17",
@@ -5270,16 +5229,16 @@
 			"integrity": "sha512-KL5/fXmhKVtM4ogoj9xrFTPjoWtTy/a8VFA5kEooIJiL48+aETCG2/owMvrsoyBRybUkzVf4ixkj+DncpNWMqw=="
 		},
 		"node_modules/svelte-eslint-parser": {
-			"version": "0.33.0",
-			"resolved": "https://registry.npmjs.org/svelte-eslint-parser/-/svelte-eslint-parser-0.33.0.tgz",
-			"integrity": "sha512-5awZ6Bs+Tb/zQwa41PSdcLynAVQTwW0HGyCBjtbAQ59taLZqDgQSMzRlDmapjZdDtzERm0oXDZNE0E+PKJ6ryg==",
+			"version": "0.33.1",
+			"resolved": "https://registry.npmjs.org/svelte-eslint-parser/-/svelte-eslint-parser-0.33.1.tgz",
+			"integrity": "sha512-vo7xPGTlKBGdLH8T5L64FipvTrqv3OQRx9d2z5X05KKZDlF4rQk8KViZO4flKERY+5BiVdOh7zZ7JGJWo5P0uA==",
 			"dev": true,
 			"dependencies": {
 				"eslint-scope": "^7.0.0",
 				"eslint-visitor-keys": "^3.0.0",
 				"espree": "^9.0.0",
-				"postcss": "^8.4.28",
-				"postcss-scss": "^4.0.7"
+				"postcss": "^8.4.29",
+				"postcss-scss": "^4.0.8"
 			},
 			"engines": {
 				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
@@ -5333,6 +5292,20 @@
 				"svelte": "^3.19.0 || ^4.0.0"
 			}
 		},
+		"node_modules/svelte-mui": {
+			"version": "0.5.8",
+			"resolved": "https://registry.npmjs.org/svelte-mui/-/svelte-mui-0.5.8.tgz",
+			"integrity": "sha512-Qh1Z3rpk8PA0rCi8m2FynL6gyRJdBGNKQbyZms+Ywx+e3WLnKStUt3kWmEgwbn5NO1KJDQiq+wpmESegzFgARw==",
+			"dev": true,
+			"peerDependencies": {
+				"svelte": "3.*"
+			}
+		},
+		"node_modules/svelte-overlay": {
+			"version": "1.4.1",
+			"resolved": "https://registry.npmjs.org/svelte-overlay/-/svelte-overlay-1.4.1.tgz",
+			"integrity": "sha512-HNtAvOeywwGNvIdeK4QpBa2IYhUNDSwMmwqpvb2XqAhscUT+R4RMEmRn9pEW5p/wmlcmJiiS8MGJ7ogUGFRS8w=="
+		},
 		"node_modules/svelte-preprocess": {
 			"version": "5.0.4",
 			"resolved": "https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.4.tgz",
@@ -5395,6 +5368,18 @@
 				}
 			}
 		},
+		"node_modules/svelte-preprocess/node_modules/magic-string": {
+			"version": "0.27.0",
+			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz",
+			"integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
+			"dev": true,
+			"dependencies": {
+				"@jridgewell/sourcemap-codec": "^1.4.13"
+			},
+			"engines": {
+				"node": ">=12"
+			}
+		},
 		"node_modules/symbol-tree": {
 			"version": "3.2.4",
 			"resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
@@ -5496,9 +5481,9 @@
 			}
 		},
 		"node_modules/tailwindcss/node_modules/yaml": {
-			"version": "2.3.2",
-			"resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.2.tgz",
-			"integrity": "sha512-N/lyzTPaJasoDmfV7YTrYCI0G/3ivm/9wdG0aHuheKowWQwGTsK0Eoiw6utmzAnI6pkJa0DUVygvp3spqqEKXg==",
+			"version": "2.3.3",
+			"resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.3.tgz",
+			"integrity": "sha512-zw0VAJxgeZ6+++/su5AFoqBbZbrEakwu+X0M5HmcwUiBL7AzcuPKjj5we4xfQLp78LkEMpD0cOnUhmgOVy3KdQ==",
 			"engines": {
 				"node": ">= 14"
 			}
@@ -5601,9 +5586,9 @@
 			}
 		},
 		"node_modules/tinyspy": {
-			"version": "2.1.1",
-			"resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-2.1.1.tgz",
-			"integrity": "sha512-XPJL2uSzcOyBMky6OFrusqWlzfFrXtE0hPuMgW8A2HmaqrPo4ZQHRN/V0QXN3FSjKxpsbRrFc5LI7KOwBsT1/w==",
+			"version": "2.2.0",
+			"resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-2.2.0.tgz",
+			"integrity": "sha512-d2eda04AN/cPOR89F7Xv5bK/jrQEhmcLFe6HFldoeO9AJtps+fqEnh486vnT/8y4bw38pSyxDcTCAq+Ks2aJTg==",
 			"dev": true,
 			"engines": {
 				"node": ">=14.0.0"
@@ -5744,9 +5729,9 @@
 			}
 		},
 		"node_modules/ufo": {
-			"version": "1.3.0",
-			"resolved": "https://registry.npmjs.org/ufo/-/ufo-1.3.0.tgz",
-			"integrity": "sha512-bRn3CsoojyNStCZe0BG0Mt4Nr/4KF+rhFlnNXybgqt5pXHNFRlqinSoQaTrGyzE4X8aHplSb+TorH+COin9Yxw==",
+			"version": "1.3.1",
+			"resolved": "https://registry.npmjs.org/ufo/-/ufo-1.3.1.tgz",
+			"integrity": "sha512-uY/99gMLIOlJPwATcMVYfqDSxUR9//AUcgZMzwfSTJPDKzA1S8mX4VLqa+fiAtveraQUBCz4FFcwVZBGbwBXIw==",
 			"dev": true
 		},
 		"node_modules/uglify-js": {
@@ -5762,16 +5747,21 @@
 			}
 		},
 		"node_modules/undici": {
-			"version": "5.23.0",
-			"resolved": "https://registry.npmjs.org/undici/-/undici-5.23.0.tgz",
-			"integrity": "sha512-1D7w+fvRsqlQ9GscLBwcAJinqcZGHUKjbOmXdlE/v8BvEGXjeWAax+341q44EuTcHXXnfyKNbKRq4Lg7OzhMmg==",
+			"version": "5.26.5",
+			"resolved": "https://registry.npmjs.org/undici/-/undici-5.26.5.tgz",
+			"integrity": "sha512-cSb4bPFd5qgR7qr2jYAi0hlX9n5YKK2ONKkLFkxl+v/9BvC0sOpZjBHDBSXc5lWAf5ty9oZdRXytBIHzgUcerw==",
 			"dependencies": {
-				"busboy": "^1.6.0"
+				"@fastify/busboy": "^2.0.0"
 			},
 			"engines": {
 				"node": ">=14.0"
 			}
 		},
+		"node_modules/undici-types": {
+			"version": "5.25.3",
+			"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.25.3.tgz",
+			"integrity": "sha512-Ga1jfYwRn7+cP9v8auvEXN1rX3sWqlayd4HP7OKk4mZWylEmu3KzXDUGrQUN6Ol7qo1gPvB2e5gX6udnyEPgdA=="
+		},
 		"node_modules/universalify": {
 			"version": "0.2.0",
 			"resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
@@ -5835,9 +5825,9 @@
 			}
 		},
 		"node_modules/update-browserslist-db": {
-			"version": "1.0.11",
-			"resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz",
-			"integrity": "sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==",
+			"version": "1.0.13",
+			"resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
+			"integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
 			"funding": [
 				{
 					"type": "opencollective",
@@ -5909,9 +5899,9 @@
 			"integrity": "sha512-lKxKYG6H03yCZUpAGOPOsMcGxd1RHCu1iKvEHYDPmTyq2HueGhD73ssNBqqQWfvYs04G9iUFRvmAVLW20Jw6ow=="
 		},
 		"node_modules/vite": {
-			"version": "4.4.9",
-			"resolved": "https://registry.npmjs.org/vite/-/vite-4.4.9.tgz",
-			"integrity": "sha512-2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA==",
+			"version": "4.5.0",
+			"resolved": "https://registry.npmjs.org/vite/-/vite-4.5.0.tgz",
+			"integrity": "sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==",
 			"dev": true,
 			"dependencies": {
 				"esbuild": "^0.18.10",
@@ -5987,12 +5977,12 @@
 			}
 		},
 		"node_modules/vitefu": {
-			"version": "0.2.4",
-			"resolved": "https://registry.npmjs.org/vitefu/-/vitefu-0.2.4.tgz",
-			"integrity": "sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g==",
+			"version": "0.2.5",
+			"resolved": "https://registry.npmjs.org/vitefu/-/vitefu-0.2.5.tgz",
+			"integrity": "sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==",
 			"dev": true,
 			"peerDependencies": {
-				"vite": "^3.0.0 || ^4.0.0"
+				"vite": "^3.0.0 || ^4.0.0 || ^5.0.0"
 			},
 			"peerDependenciesMeta": {
 				"vite": {
@@ -6078,18 +6068,6 @@
 				}
 			}
 		},
-		"node_modules/vitest/node_modules/magic-string": {
-			"version": "0.30.3",
-			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.3.tgz",
-			"integrity": "sha512-B7xGbll2fG/VjP+SWg4sX3JynwIU0mjoTc6MPpKNuIvftk6u6vqhDnk1R80b8C2GBR6ywqy+1DcKBrevBg+bmw==",
-			"dev": true,
-			"dependencies": {
-				"@jridgewell/sourcemap-codec": "^1.4.15"
-			},
-			"engines": {
-				"node": ">=12"
-			}
-		},
 		"node_modules/w3c-xmlserializer": {
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz",
@@ -6206,9 +6184,9 @@
 			"integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
 		},
 		"node_modules/ws": {
-			"version": "8.14.1",
-			"resolved": "https://registry.npmjs.org/ws/-/ws-8.14.1.tgz",
-			"integrity": "sha512-4OOseMUq8AzRBI/7SLMUwO+FEDnguetSk7KMb1sHwvF2w2Wv5Hoj0nlifx8vtGsftE/jWHojPy8sMMzYLJ2G/A==",
+			"version": "8.14.2",
+			"resolved": "https://registry.npmjs.org/ws/-/ws-8.14.2.tgz",
+			"integrity": "sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==",
 			"engines": {
 				"node": ">=10.0.0"
 			},
@@ -6265,9 +6243,9 @@
 			}
 		},
 		"node_modules/zod": {
-			"version": "3.22.2",
-			"resolved": "https://registry.npmjs.org/zod/-/zod-3.22.2.tgz",
-			"integrity": "sha512-wvWkphh5WQsJbVk1tbx1l1Ly4yg+XecD+Mq280uBGt9wa5BKSWf4Mhp6GmrkPixhMxmabYY7RbzlwVP32pbGCg==",
+			"version": "3.22.4",
+			"resolved": "https://registry.npmjs.org/zod/-/zod-3.22.4.tgz",
+			"integrity": "sha512-iC+8Io04lddc+mVqQ9AZ7OQ2MrUKGN+oIQyq1vemgt46jwCwLfhq7/pwnBnNXXXZb8VTVLKwp9EDkx+ryxIWmg==",
 			"funding": {
 				"url": "https://github.com/sponsors/colinhacks"
 			}

package.json

@@ -1,10 +1,11 @@
 {
 	"name": "chat-ui",
-	"version": "0.0.8",
+	"version": "0.1.0",
 	"private": true,
 	"packageManager": "npm@9.5.0",
 	"scripts": {
 		"dev": "vite dev",
+		"dev_expose": "vite dev --host",
 		"build": "vite build",
 		"preview": "vite preview",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
@@ -33,6 +34,7 @@
 		"prettier-plugin-tailwindcss": "^0.2.7",
 		"svelte": "^3.58.0",
 		"svelte-check": "^3.2.0",
+		"svelte-mui": "^0.5.8",
 		"tslib": "^2.4.1",
 		"typescript": "^4.9.3",
 		"unplugin-icons": "^0.16.1",
@@ -60,6 +62,7 @@
 		"save": "^2.9.0",
 		"serpapi": "^1.1.1",
 		"svelte-device-info": "^1.0.0",
+		"svelte-overlay": "^1.4.1",
 		"tailwind-scrollbar": "^3.0.0",
 		"tailwindcss": "^3.3.1",
 		"urijs": "^1.19.11",

src/app.html

@@ -4,25 +4,25 @@
 	<head>
 		<!-- Google Tag Manager -->
 		<script>
-		var _paq = window._paq || [];
-		window._paq=_paq;
-		(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-		new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-		j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-		'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-		})(window,document,'script','dataLayer','GTM-TVD93MF');
+			var _paq = window._paq || [];
+			window._paq = _paq;
+			(function (w, d, s, l, i) {
+				w[l] = w[l] || [];
+				w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
+				var f = d.getElementsByTagName(s)[0],
+					j = d.createElement(s),
+					dl = l != "dataLayer" ? "&l=" + l : "";
+				j.async = true;
+				j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
+				f.parentNode.insertBefore(j, f);
+			})(window, document, "script", "dataLayer", "GTM-TVD93MF");
 		</script>
 		<!-- End Google Tag Manager -->
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
 		<meta property="og:image" content="/chatui/thumbnail.jpg" />
 		<script>
-			if (
-				localStorage.theme === "dark" ||
-				(!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches)
-			) {
-				document.documentElement.classList.add("dark");
-			}
+			document.documentElement.classList.add("dark");
 		</script>
 		%sveltekit.head%
 	</head>

src/lib/components/BigModal.svelte

@@ -0,0 +1,62 @@
+<script lang="ts">
+	import { createEventDispatcher, onDestroy, onMount } from "svelte";
+	import { cubicOut } from "svelte/easing";
+	import { fade } from "svelte/transition";
+	import Portal from "./Portal.svelte";
+	import { browser } from "$app/environment";
+
+	export let width = "sm-8-10";
+
+	let backdropEl: HTMLDivElement;
+	let modalEl: HTMLDivElement;
+
+	const dispatch = createEventDispatcher<{ close: void }>();
+
+	function handleKeydown(event: KeyboardEvent) {
+		// close on ESC
+		if (event.key === "Escape") {
+			event.preventDefault();
+			dispatch("close");
+		}
+	}
+
+	function handleBackdropClick(event: MouseEvent) {
+		if (event.target === backdropEl) {
+			dispatch("close");
+		}
+	}
+
+	onMount(() => {
+		document.getElementById("app")?.setAttribute("inert", "true");
+		modalEl.focus();
+	});
+
+	onDestroy(() => {
+		if (!browser) return;
+		// remove inert attribute if this is the last modal
+		if (document.querySelectorAll('[role="dialog"]:not(#app *)').length === 1) {
+			document.getElementById("app")?.removeAttribute("inert");
+		}
+	});
+</script>
+
+<Portal>
+	<div
+		role="presentation"
+		tabindex="-1"
+		bind:this={backdropEl}
+		on:click={handleBackdropClick}
+		transition:fade={{ easing: cubicOut, duration: 300 }}
+		class="fixed inset-0 z-40 flex items-center justify-center bg-black/80 p-8 backdrop-blur-sm dark:bg-black/50"
+	>
+		<div
+			role="dialog"
+			tabindex="-1"
+			bind:this={modalEl}
+			on:keydown={handleKeydown}
+			class="-mt-10 overflow-hidden rounded-2xl shadow-2xl outline-none md:-mt-20 {width}"
+		>
+			<slot />
+		</div>
+	</div>
+</Portal>

src/lib/components/LoadingModal.svelte

@@ -1,7 +1,12 @@
 <script lang="ts">
 	import Modal from "$lib/components/Modal.svelte";
 	import is from "date-fns/locale/is";
-	import { progress_writable, curr_model_writable, map_writable, phi_writable } from "./LoadingModalWritable.js";
+	import {
+		progress_writable,
+		curr_model_writable,
+		map_writable,
+		phi_writable,
+	} from "./LoadingModalWritable.js";
 
 	const forceUpdate = async (_) => {};
 
@@ -24,22 +29,19 @@
 		if (model != undefined && model.startsWith("onnx")) {
 			is_phi_loading = false;
 			loadingMap.set(model, Math.floor(Number(percent)));
-		}
-		else if (model != undefined && model.endsWith("gguf")) {
+		} else if (model != undefined && model.endsWith("gguf")) {
 			is_phi_loading = false;
 			loadingMap.set(model, Math.floor(Number(percent)));
 		}
-		if (loadingMap.size > 0) 
-		{
+		if (loadingMap.size > 0) {
 			is_phi_loading = false;
 			other_loading = true;
 			loadingMap.forEach((per, model, map) => {
 				if (per < 100 && loadingMap.size > 0) {
 					other_loading = false;
 				}
-			})
+			});
 		}
-
 	});
 </script>
 
@@ -50,11 +52,11 @@
 		</div>
 		<br />
 		{#await forceUpdate(pr) then _}
-			{#if other_loading == false} 
-			<div class="text-s flex items-start text-gray-800">
-				Please wait while we download the model. This has to be done only once.
-				<br />
-			</div>
+			{#if other_loading == false}
+				<div class="text-s flex items-start text-gray-800">
+					Please wait while we download the model. This has to be done only once.
+					<br />
+				</div>
 				{#if is_phi_loading == false}
 					<br />
 					{#each [...loadingMap] as [key, value]}
@@ -65,25 +67,47 @@
 						<br />
 					{/each}
 				{:else}
-				<div class="text-left">
-					<div role="status">
-						<svg aria-hidden="true" class="inline w-8 h-8 mr-2 text-gray-200 animate-spin dark:text-gray-600 fill-gray-600 dark:fill-gray-300" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
-							<path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
-							<path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
-						</svg>
-						<span class="sr-only">Loading...</span>
+					<div class="text-left">
+						<div role="status">
+							<svg
+								aria-hidden="true"
+								class="mr-2 inline h-8 w-8 animate-spin fill-gray-600 text-gray-200 dark:fill-gray-300 dark:text-gray-600"
+								viewBox="0 0 100 101"
+								fill="none"
+								xmlns="http://www.w3.org/2000/svg"
+							>
+								<path
+									d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z"
+									fill="currentColor"
+								/>
+								<path
+									d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z"
+									fill="currentFill"
+								/>
+							</svg>
+							<span class="sr-only">Loading...</span>
+						</div>
 					</div>
-				</div>
 				{/if}
 			{:else}
-				<div class="text-s flex items-start text-gray-800">
-					Loading the model into memory...
-				</div>
+				<div class="text-s flex items-start text-gray-800">Loading the model into memory...</div>
 				<div class="text-left">
 					<div role="status">
-						<svg aria-hidden="true" class="inline w-8 h-8 mr-2 text-gray-200 animate-spin dark:text-gray-600 fill-gray-600 dark:fill-gray-300" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
-							<path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
-							<path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
+						<svg
+							aria-hidden="true"
+							class="mr-2 inline h-8 w-8 animate-spin fill-gray-600 text-gray-200 dark:fill-gray-300 dark:text-gray-600"
+							viewBox="0 0 100 101"
+							fill="none"
+							xmlns="http://www.w3.org/2000/svg"
+						>
+							<path
+								d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z"
+								fill="currentColor"
+							/>
+							<path
+								d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z"
+								fill="currentFill"
+							/>
 						</svg>
 						<span class="sr-only">Loading...</span>
 					</div>

src/lib/components/LoadingModalWritable.js

@@ -3,4 +3,4 @@ import { writable } from "svelte/store";
 export const progress_writable = writable(0);
 export const curr_model_writable = writable("");
 export const map_writable = writable(["", ""]);
-export const phi_writable = writable(false);
+export const phi_writable = writable(false);

src/lib/components/Login.svelte

@@ -0,0 +1,346 @@
+<script lang="ts">
+    import { createEventDispatcher } from "svelte";
+    import { PUBLIC_APP_ASSETS, PUBLIC_ORIGIN } from "$env/static/public";
+    import { page } from "$app/stores";
+    import TextModal from "$lib/components/TextModal.svelte";
+    import { Checkbox } from "svelte-mui";
+	import Modal from "$lib/components/BigModal.svelte";
+	import { api_key_writable, email_addr_writable, is_logged_writable, is_magic_writable } from "../../routes/LayoutWritable";
+	import { goto } from "$app/navigation";
+	import { base } from "$app/paths";
+    import { getApiKey } from "../../routes/tools";
+
+    let email = ""; // email for login view
+    let email2 = ""; // email for magic link view
+    let password = "";
+    let showPassword = false;
+    let magicSuccess = false;
+    let loginFail = false;
+    let magicFail = false;
+    let magicView = false;
+    let subscribeNewsletter = true;
+    let error;
+    let hasAccount = true;
+
+    const dispatch = createEventDispatcher<{ close: void }>();
+
+    function toggleAccountStatus() {
+    hasAccount = !hasAccount;
+    magicView = false;
+}
+
+    function setMagicView() {
+        hasAccount = !hasAccount;
+        magicView = true;
+    }
+
+    // async function isLogged() {
+	// 	try {
+	// 		const response = await fetch("https://cloud.mithrilsecurity.io/api/auth/getUserInfo", {
+	// 			method: "GET",
+	// 			credentials: "include",
+	// 			headers: {
+	// 				"Content-Type": "application/json",
+	// 			},
+	// 		});
+	// 		if (response.ok) {
+	// 			const res = await response.text()
+	// 			const json: JSON = JSON.parse(res)
+	// 			email_addr_writable.set(json.email)
+	// 		} 
+	// 		else {
+	// 			// Handle errors here
+	// 			console.error("User is not logged in");
+	// 		}
+	// 	} catch (err) {
+	// 		// Handle network errors here
+	// 		console.error("Network error", err);
+	// 	}
+	// }
+
+    async function sendMagicLink(event: { preventDefault: () => void }) {
+    event.preventDefault();
+
+    const data = {
+        email: email2,
+        subscribeNewsletter,
+    };
+
+    try {
+        const response = await fetch("https://cloud.mithrilsecurity.io/api/auth/blindChatRegister", {
+            method: "POST",
+            credentials: "include",
+            headers: {
+                "Content-Type": "application/json",
+            },
+            body: JSON.stringify(data),
+        });
+        dataLayer.push({'event': 'signup-start'});
+        if (response.ok) {
+            magicSuccess = true;
+        } else {
+            magicFail = true;
+        }
+    } catch (error) {
+        console.error("Network error", error);
+    }
+	}
+
+    async function apiCallLogin(arg: { email: string; password: string; }) {
+        const data = {
+        email,
+        password,
+        };
+        let result = {
+            success:true,
+            error:"",
+        }
+        console.log("logging in...")
+        try {
+        const response = await fetch('https://cloud.mithrilsecurity.io/api/auth/login', {
+            method: 'POST',
+            credentials: "include",
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(data)
+        });
+        if (response.ok)
+        {
+            console.log(await response.text())
+            is_logged_writable.set(true)
+            api_key_writable.set(await getApiKey());
+            isLogged()
+            result.success = true;
+        }
+        else {
+            loginFail = true;
+            console.error("Login failed");
+            result.error = "Login failed";
+        }
+        } catch (error) {
+            console.error("Network error", error);
+            result.error = "Login failed";
+    }
+    return result;
+    }
+
+    async function registerUser(arg: { email: string; }) {
+        const data = {
+        email,
+        };
+        console.log("registering user")
+        try {
+        const response = await fetch('https://cloud.mithrilsecurity.io/api/auth/blindChatRegister', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(data)
+        });
+        dataLayer.push({'event': 'signup-start'});
+        if (response.ok)
+        {
+            magicSuccess = true;
+            api_key_writable.set(await getApiKey());
+        }
+        else {
+            magicFail = true;
+        }
+        } catch (error) {
+        console.error("Network error", error);
+    }
+    }
+
+    function reloadSession() {
+        
+    }
+
+    function submitForm() {
+        if(email && password) { // Basic validation
+            apiCallLogin({email, password}) // TODO: sort out error handling here
+                .then(result => {
+                    console.log(result)
+                    if(result.success) { 
+                        reloadSession();
+                        goto(`${base}/`, { invalidateAll: true });                  
+                    } else {
+                        error = result.error;
+                    }
+                });
+        }
+    }
+
+    // For toggling the password visibility:
+    function handleClickShowPassword() {
+        showPassword = !showPassword;
+    }
+    
+</script>
+
+<Modal on:close>
+    <script>
+		let overlayComp	  
+	  <Overlay bind:this={overlayComp} />
+	  overlayComp.setTheme();
+	</script>
+    <div class="border rounded-2xl border-mithril-border pt-4 px-12 pb-12 bg-login text-white md:min-w-[450px]">
+        <div class = "pb-4 flex justify-end">
+            <div>
+                <!-- Top right link text -->
+                <button type="button" class="underline" on:click={toggleAccountStatus}>                    
+                    {#if hasAccount}
+                        I don't have an account
+                    {:else if magicView}
+                        Return
+                    {:else}
+                        I have an account
+                    {/if}
+                </button>
+            </div>            
+    </div>
+            <div class="flex justify-center">
+                <!-- Title of modal -->
+                <div class="font-bold text-3xl text-mithril-yellow">
+                {#if hasAccount}
+                    Sign in
+                {:else if magicView}
+                    Sign in
+                {:else}
+                    Sign up
+                {/if}
+                </div>
+                </div>
+        <!-- VIEW #1 Classic sign in view -->
+        {#if hasAccount}
+        <script>
+            document.getElementById("login").style.display = "block";
+        </script>
+        <div id="login" class="py-4" style="max-width: 350px">
+        <form on:submit={submitForm}>
+        <div class="pt-4 flex justify-between items-center flex-wrap gap-2.5 border-1 border-gray">
+         <!-- Classic sign in view -->
+        <input id="email1" 
+        class="bg-login rounded-2xl text-white border border-mithril-border p-2 w-full"
+        type="email" bind:value={email} placeholder="Email" />
+        </div>
+        <div class="py-4 flex justify-between items-center flex-wrap gap-2.5 border-1 border-gray relative">
+            <!-- Text input for the "shown" password -->
+                <input 
+                type="text"
+                class="bg-login rounded-2xl text-white border border-mithril-border p-2 w-full"
+                bind:value={password} 
+                placeholder="Password" 
+                class:hidden={!showPassword}
+                />
+                <!-- Password input for the "hidden" password -->              
+                <input
+                class="bg-login rounded-2xl text-white border border-mithril-border p-2 w-full"
+                type="password" 
+                bind:value={password} 
+                placeholder="Password" 
+                class:hidden={showPassword}
+            />
+            {#if !showPassword}
+             <!-- show password icon -->    
+             <img
+             class="css-vubbuv toggle-visibility-icon absolute right-3 top-1/2 transform -translate-y-1/2 cursor-pointer"
+             alt="show password button"
+             src="{PUBLIC_ORIGIN || $page.url.origin}{base}/{PUBLIC_APP_ASSETS}/show-password.png"
+             title="show password button"
+             width="20"  
+             height="20"
+             on:click={handleClickShowPassword}
+            />
+            {:else}
+             <!-- TODO: hide password icon -->    
+             <img
+             class="css-vubbuv toggle-visibility-icon absolute right-3 top-1/2 transform -translate-y-1/2 cursor-pointer"
+             alt="help password button"
+             src="{PUBLIC_ORIGIN || $page.url.origin}{base}/{PUBLIC_APP_ASSETS}/hide-password.png"
+             title="hide password button"
+             width="20"  
+             height="20"
+             on:click={handleClickShowPassword}
+            />
+            {/if}
+        </div>
+        <!-- Sign in button -->
+        <div class="py-3 flex justify-center items-center flex-wrap gap-2.5 border-1 border-gray">
+            <button class="p-3 flex justify-right content-center bg-mithril-yellow text-black rounded-lg min-w-36 py-2 px-3 text-center" 
+            type="submit">
+            Sign in
+            </button>
+        </div>
+        {#if loginFail}
+                <TextModal title="Login failed" text="Please check your credentials try again"  on:close={() => (loginFail = false)}/>    
+        {/if}
+        <div class="p-3 underline justify-right text-right">
+            <!-- TODO Add in forgotten password later
+            <button on:click={resetPassword}>Forgot Password?</button>
+            -->
+        </div>
+    </form>
+        <div class="flex items-center justify-center relative">
+            <div class="absolute top-1/2 left-0 right-0 h-px bg-gray-300"></div>
+            <span class="MuiDivider-wrapper css-c1ovea relative z-10 px-4 bg-login">OR</span>
+        </div>
+        <!-- Magic link screen button -->
+        <div class="pt-4 pb-0 flex justify-center items-center flex-wrap gap-2.5">
+        <button class="bg-login rounded-2xl text-white border border-mithril-yellow p-2 w-full"
+        on:click={setMagicView}>Sign in with magic link ✨</button>
+        </div>
+        </div>
+        <!-- VIEW #2 Magic link -->
+        {:else if magicView}
+            <script>
+                document.getElementById("login").style.display = "none";
+            </script>
+            <div class="relative flex flex-col space-y-4 pt-4" style="max-width: 350px">
+            <div class="py-3 flex justify-between items-center flex-wrap gap-2.5 border-1 border-gray">
+            <input 
+            class="bg-login rounded-2xl text-white border border-mithril-border p-2 w-full"
+            type="email" bind:value={email2} placeholder="Email" />
+            </div>
+            <div class="flex justify-center items-center flex-wrap gap-2.5 border-1 order-gray">
+                <button class="p-3 flex content-center bg-yellow-500 text-black rounded-lg min-w-36 py-2 px-3 text-center" 
+                on:click={sendMagicLink}>Sign in with magic link ✉️ </button>
+                {#if magicSuccess}
+                <TextModal title="Magic link sent" text="✅ Check your emails for your magic login link"  on:close={() => (magicSuccess = false)}/>
+                {:else if magicFail}
+                <TextModal title="Error" text="Please check your email address is valid and try again"  on:close={() => (magicFail = false)}/>
+                {/if}
+                <p class="pt-5">
+                    By using our services, you agree to the{' '}<a class="text-mithril-yellow" href="https://www.mithrilsecurity.io/privacy-policy" target="_blank">Terms of Service</a>.
+                </p>
+            </div>
+        </div>
+        <!-- VIEW #3 Sign up -->
+        {:else if !hasAccount && !magicView}
+        <!-- force get rid of login view in background -->
+        <script>
+            document.getElementById("login").style.display = "none";
+        </script>
+        <div class="relative flex flex-col space-y-4 pt-4" style="max-width: 350px">
+        <!-- email input -->
+        <div class="pt-4 flex justify-between items-center flex-wrap gap-2.5 border-1 border-gray">
+            <input id="email1" 
+            class="bg-login rounded-2xl text-white border border-mithril-border p-2 w-full"
+            type="email" bind:value={email} placeholder="Email" />
+        </div>
+        <div class="flex justify-center items-center flex-wrap gap-2.5 border-1 order-gray">
+            <button class="p-3 flex content-center bg-yellow-500 text-black rounded-lg min-w-36 py-2 px-3 text-center" 
+            on:click={registerUser}>Sign up</button>
+            {#if magicSuccess}
+            <TextModal title="Thank you" text="✅ Please click on the magic link we have sent you to access your account"  on:close={() => (magicSuccess = false)}/>
+            {:else if magicFail}
+            <TextModal title="Error" text="Please check your email address is valid and try again"  on:close={() => (magicFail = false)}/>
+            {/if}
+            <p class="pt-5">
+                By signing up, you agree to the{' '}<a class="text-mithril-yellow" href="https://www.mithrilsecurity.io/privacy-policy" target="_blank">Terms of Service</a>.
+            </p>
+        </div>
+        </div>
+        {/if}   
+    </div>
+</Modal>

src/lib/components/LoginModal.svelte

@@ -8,69 +8,134 @@
 	import type { LayoutData } from "../../routes/$types";
 	import Logo from "./icons/Logo.svelte";
 	export let settings: LayoutData["settings"];
+	import { createEventDispatcher } from "svelte";
+	import { Textfield, Checkbox } from "svelte-mui";
+	import CarbonClose from "~icons/carbon/close";
 
 	const isIframe = browser && window.self !== window.parent;
+
+	let email = ""; // The email value
+	let success = false;
+	let subscribeNewsletter = false; // The subscribeNewsletter value
+
+	const dispatch = createEventDispatcher<{ close: void }>();
+
+	async function handleSubmit(event: { preventDefault: () => void }) {
+		event.preventDefault();
+
+		const data = {
+			email,
+			subscribeNewsletter,
+		};
+
+		try {
+			const response = await fetch("https://cloud.mithrilsecurity.io/api/auth/blindChatRegister", {
+				method: "POST",
+				credentials: "include",
+				headers: {
+					"Content-Type": "application/json",
+				},
+				body: JSON.stringify(data),
+			});
+			dataLayer.push({'event': 'signup-start'});
+			if (response.ok) {
+				// Handle a successful response
+				console.log("Registration successful");
+				success = true;
+			} else {
+				console.log(response);
+				// Handle errors
+				console.error("Registration failed");
+			}
+		} catch (error) {
+			// Handle network errors
+			console.error("Network error", error);
+		}
+	}
+
+	async function apiSubmit(event: { preventDefault: () => void }) {
+		event.preventDefault();
+
+		try {
+			const response = await fetch("https://mithrilsecurity.io/api/apiKeys", {
+				method: "GET",
+				credentials: "include",
+				headers: {
+					"Content-Type": "application/json",
+				},
+			});
+
+			if (response.ok) {
+				// Handle a successful response
+				console.log(response);
+				console.log("Api call successful");
+			} else {
+				// Handle errors
+				console.error("Api call failed");
+			}
+		} catch (error) {
+			// Handle network errors
+			console.error("Network error", error);
+		}
+	}
 </script>
 
 <Modal>
 	<div
-		class="flex w-full flex-col items-center gap-6 bg-gradient-to-t from-primary-500/40 via-primary-500/10 to-primary-500/0 px-4 pb-10 pt-9 text-center"
+		class="max-w-[400px] flex w-full flex-col items-center gap-6 bg-gradient-to-t from-primary-500/40 via-primary-500/10 to-primary-500/0 px-4 pb-10 pt-9 text-center"
 	>
-		<h2 class="flex items-center text-2xl font-semibold text-gray-800">
-			<Logo classNames="mr-1" />
-			{PUBLIC_APP_NAME}
-			<div
-				class="ml-3 flex h-6 items-center rounded-lg border border-gray-100 bg-gray-50 px-2 text-base text-gray-400"
-			>
-				v{PUBLIC_VERSION}
-			</div>
-		</h2>
-		{#if $page.data.requiresLogin}
-			<p
-				class="px-4 text-lg font-semibold leading-snug text-gray-800 sm:px-12"
-				style="text-wrap: balance;"
-			>
-				Please Sign in with Hugging Face to continue
-			</p>
-		{/if}
-		<p class="text-base text-gray-800">
-			Disclaimer: AI is an area of active research with known problems such as biased generation and
-			misinformation. Do not use this application for high-stakes decisions or advice.
-		</p>
-		{#if PUBLIC_APP_DATA_SHARING}
-			<p class="px-2 text-sm text-gray-500">
-				Your conversations will be shared with model authors unless you disable it from your
-				settings.
-			</p>
-		{/if}
-		<form
-			action="{base}/{$page.data.requiresLogin ? 'login' : 'settings'}"
-			target={isIframe ? "_blank" : ""}
-			method="POST"
-			class="flex w-full flex-col items-center gap-2"
-		>
-			{#if $page.data.requiresLogin}
-				<button
-					type="submit"
-					class="mt-2 flex items-center whitespace-nowrap rounded-full bg-black px-5 py-2 text-lg font-semibold text-gray-100 transition-colors hover:bg-primary-500"
+		{#if !success}
+			<h2 class="flex items-center text-2xl font-semibold text-gray-800">
+				<Logo classNames="mr-1" />
+				<div class="text-white">{PUBLIC_APP_NAME}</div>
+				<div
+					class="ml-3 flex h-6 items-center rounded-lg border border-gray-100 bg-gray-50 px-2 text-base text-gray-400"
 				>
-					Sign in
-					{#if PUBLIC_APP_NAME === "HuggingChat"}
-						with <LogoHuggingFaceBorderless classNames="text-xl mr-1 ml-1.5" /> Hugging Face
-					{/if}
+					v{PUBLIC_VERSION}
+				</div>
+				<button type="button" class="group" on:click={() => dispatch("close")}>
+					<CarbonClose class="text-gray-900 group-hover:text-gray-500" />
 				</button>
-			{:else}
-				<input type="hidden" name="ethicsModalAccepted" value={true} />
-				{#each Object.entries(settings) as [key, val]}
-					<input type="hidden" name={key} value={val} />
-				{/each}
+			</h2>
+			{#if $page.data.requiresLogin}
+				<p
+					class="px-4 text-lg font-semibold leading-snug text-gray-800 sm:px-12"
+					style="text-wrap: balance;"
+				>
+					Please Sign in with Mithril Security Cloud to continue
+				</p>
+			{/if}
+			<p class="text-base text-gray-800">
+				Disclaimer: AI is an area of active research with known problems such as biased generation
+				and misinformation. Do not use this application for high-stakes decisions or advice.
+			</p>
+			<form
+				on:submit={handleSubmit}
+				target={isIframe ? "_blank" : ""}
+				class="flex w-full flex-col items-center gap-2"
+			>
+				<div>
+					<Textfield variant="outlined" type="email" bind:value={email} label="Email" required />
+					<Checkbox
+						bind:checked={subscribeNewsletter}
+						label="Subscribe to Newsletter"
+						type="checkbox"
+						id="subscribeNewsletter"
+					>
+						Subscribe to Newsletter
+					</Checkbox>
+				</div>
 				<button
 					type="submit"
-					class="mt-2 rounded-full bg-black px-5 py-2 text-lg font-semibold text-gray-100 transition-colors hover:bg-primary-500"
+					class="mt-2 flex items-center whitespace-nowrap rounded-full bg-black px-5 py-2 text-lg font-semibold text-gray-100 transition-colors hover:bg-primary-500"
 				>
-					Start chatting
+					Magic link 🪄
 				</button>
-			{/if}
-		</form>
+			</form>
+		{:else}
+			<p class="flex items-center text-2xl font-semibold text-gray-800" style="text-wrap: balance;">
+				Magic link sent to your email address. Please check your inbox.
+			</p>
+		{/if}
 	</div>
 </Modal>

src/lib/components/MobileNav.svelte

@@ -30,7 +30,7 @@
 </script>
 
 <nav
-	class="flex h-12 items-center justify-between border-b bg-gray-50 px-4 dark:border-gray-800 dark:bg-gray-800/70 md:hidden"
+	class="font-semibold flex h-12 items-center justify-between border-b bg-gray-50 px-4 dark:border-gray-800 dark:bg-chat md:hidden"
 >
 	<button
 		type="button"
@@ -45,11 +45,11 @@
 	>
 </nav>
 <nav
-	class="fixed inset-0 z-30 grid max-h-screen grid-cols-1 grid-rows-[auto,auto,1fr,auto] bg-white bg-gradient-to-l from-gray-50 dark:bg-gray-900 dark:from-gray-800/30 {isOpen
+	class="fixed inset-0 z-30 grid max-h-screen grid-cols-1 grid-rows-[auto,auto,1fr,auto] dark:bg-chat {isOpen
 		? 'block'
 		: 'hidden'}"
 >
-	<div class="flex h-12 items-center px-4">
+	<div class="bg-[#142343] flex h-12 items-center px-4">
 		<button
 			type="button"
 			class="-mr-3 ml-auto flex h-9 w-9 items-center justify-center"

src/lib/components/NavConversationItem.svelte

@@ -28,11 +28,13 @@
 		params_writable.set(conv.id);
 	}}
 	href="{base}/conversation/{conv.id}"
-	class="group flex h-11 flex-none items-center gap-1.5 rounded-lg pl-3 pr-2 text-gray-500 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700 {conv.id ===
+	class="group flex h-11 flex-none items-center gap-1.5 pl-3 pr-2 rounded-2xl hover:bg-gray-100 dark:hover:bg-gray-700 {conv.id ===
 	$page.params.id
-		? 'bg-gray-100 dark:bg-gray-700'
-		: ''}"
+		? 'border border-[#1E9FE7] dark:text-white'
+		: 'border border-[#0F4A81] dark:text-[#B4B4B4]'}"
 >
+<!-- styling for current chat goes just after question mark above-->
+
 	<div class="flex-1 truncate">
 		{#if confirmDelete}
 			<span class="font-semibold"> Delete </span>
@@ -43,7 +45,7 @@
 	{#if confirmDelete}
 		<button
 			type="button"
-			class="flex h-5 w-5 items-center justify-center rounded md:hidden md:group-hover:flex"
+			class="flex h-5 w-5 items-center justify-center rounded-2xl md:hidden md:group-hover:flex"
 			title="Confirm delete action"
 			on:click|preventDefault={() => dispatch("deleteConversation", conv.id)}
 		>
@@ -51,7 +53,7 @@
 		</button>
 		<button
 			type="button"
-			class="flex h-5 w-5 items-center justify-center rounded md:hidden md:group-hover:flex"
+			class="flex h-5 w-5 items-center justify-center rounded-2xl md:hidden md:group-hover:flex"
 			title="Cancel delete action"
 			on:click|preventDefault={() => {
 				confirmDelete = false;
@@ -62,7 +64,7 @@
 	{:else}
 		<button
 			type="button"
-			class="flex h-5 w-5 items-center justify-center rounded md:hidden md:group-hover:flex"
+			class="flex h-5 w-5 items-center justify-center rounded-2xl md:hidden md:group-hover:flex"
 			title="Edit conversation title"
 			on:click|preventDefault={() => {
 				const newTitle = prompt("Edit this conversation title:", conv.title);
@@ -75,7 +77,7 @@
 
 		<button
 			type="button"
-			class="flex h-5 w-5 items-center justify-center rounded md:hidden md:group-hover:flex"
+			class="flex h-5 w-5 items-center justify-center rounded-2xl md:hidden md:group-hover:flex"
 			title="Delete conversation"
 			on:click|preventDefault={(event) => {
 				if (event.shiftKey) {

src/lib/components/NavMenu.svelte

@@ -1,12 +1,13 @@
 <script lang="ts">
 	import { base } from "$app/paths";
 	import { createEventDispatcher } from "svelte";
-
+	import Login from "$lib/components/Login.svelte";
 	import Logo from "$lib/components/icons/Logo.svelte";
-	import { switchTheme } from "$lib/switchTheme";
-	import { PUBLIC_APP_NAME, PUBLIC_ORIGIN } from "$env/static/public";
+	import { page } from "$app/stores";
+	import { PUBLIC_APP_NAME, PUBLIC_ORIGIN, PUBLIC_APP_ASSETS } from "$env/static/public";
 	import NavConversationItem from "./NavConversationItem.svelte";
 	import type { LayoutData } from "../../routes/$types";
+	import { api_key_writable, is_logged_writable, is_magic_writable, email_addr_writable } from "../../routes/LayoutWritable";
 
 	const dispatch = createEventDispatcher<{
 		shareConversation: { id: string; title: string };
@@ -19,89 +20,146 @@
 		title: string;
 	}> = [];
 
+
 	export let canLogin: boolean;
+	export let signedIn: boolean;
 	export let user: LayoutData["user"];
 
 	export let loginModalVisible;
-</script>
 
-<div class="sticky top-0 flex flex-none items-center justify-between px-3 py-3.5 max-sm:pt-0">
+	let isSubMenuOpen: boolean = false;
+	let magic = false;
+	let isLogged = false;
+
+	is_magic_writable.subscribe((val) => {
+		magic = val;
+	})
+
+	is_logged_writable.subscribe((val) => {
+		isLogged = val;
+	})
+
+	let email_addr = ""
+
+	email_addr_writable.subscribe((val) => {
+		email_addr = val
+	})
+
+	function toggleSubMenu() {
+		isSubMenuOpen = !isSubMenuOpen;
+	}
+
+	async function logoutSubmit(event: { preventDefault: () => void }) {
+		event.preventDefault();
+
+		try {
+			const response = await fetch("https://cloud.mithrilsecurity.io/api/auth/logout", {
+				method: "POST",
+				credentials: "include",
+				headers: {
+					"Content-Type": "application/json",
+				},
+			});
+			if (response.ok) {
+				// Handle a successful response
+				console.log("Logout successful");
+				signedIn = false;
+				is_logged_writable.set(false);
+				api_key_writable.set("");
+				email_addr_writable.set("");
+			} else {
+				// Handle errors
+				console.error("Logout failed");
+			}
+		} catch (error) {
+			// Handle network errors
+			console.error("Network error", error);
+		}
+	}
+
+	function handleKeyDown(event: { key: string; }) {
+    if (event.key === 'Enter') {
+      toggleSubMenu();
+    }
+  }
+
+	function handleTempClick() {
+        loginModalVisible = true;
+        is_magic_writable.set(false);
+    }
+</script>
+<!-- top left corner - remove from class bg-[#141c2a] -->
+<div class="bg-[#142343] sticky top-0 flex flex-none items-center justify-between px-3 py-5 max-sm:pt-0">
 	<a class="flex items-center rounded-xl text-lg font-semibold" href="{PUBLIC_ORIGIN}{base}/">
 		<Logo classNames="mr-1" />
-		{PUBLIC_APP_NAME}
+		<div class = "pl-2 text-white"> {PUBLIC_APP_NAME} </div>
 	</a>
 	<a
 		href={`${base}/`}
-		class="flex rounded-lg border bg-white px-2 py-0.5 text-center shadow-sm hover:shadow-none dark:border-gray-600 dark:bg-gray-700"
+		class="flex rounded-lg border bg-white px-2 py-0.5 text-center shadow-sm hover:shadow-none dark:border-mithril-border dark:bg-sidebar"
 	>
 		New Chat
 	</a>
 </div>
+<!-- left side bar 
+style = "background-color: #141c2a !important;"
+-->
 <div
-	class="scrollbar-custom flex flex-col gap-1 overflow-y-auto rounded-r-xl bg-gradient-to-l from-gray-50 px-3 pb-3 pt-2 dark:from-gray-800/30"
+	class="bg-[#142343] scrollbar-custom flex flex-col gap-1 overflow-y-auto px-3 pb-3 pt-2 dark:from-gray-800/30"
+	
 >
 	{#each conversations as conv (conv.id)}
-		<NavConversationItem on:editConversationTitle on:deleteConversation {conv} />
+		<div class="py-1">
+		<NavConversationItem on:editConversationTitle on:deleteConversation {conv}/>
+		</div>
 	{/each}
 </div>
-<div
-	class="mt-0.5 flex flex-col gap-1 rounded-r-xl bg-gradient-to-l from-gray-50 p-3 text-sm dark:from-gray-800/30"
+<!-- <div class="display position relative inline-block bg-[#142343] flex justify-center items-center pb-4">
+	<div
+    class="rounded-2xl text-center bg-[#0d1830] flex items-center justify-center group h-11 -lg text-white w-[96%] hover:bg-gray-600 font-semibold"
+    on:click={toggleSubMenu}
+    on:keydown={handleKeyDown}
 >
-	{#if user?.username || user?.email}
-		<form
-			action="{base}/logout"
-			method="post"
-			class="group flex items-center gap-1.5 rounded-lg pl-3 pr-2 hover:bg-gray-100 dark:hover:bg-gray-700"
+    {email_addr.length > 0 ? email_addr : "Not logged in"}
+</div>
+
+{#if isSubMenuOpen}
+<script type="text/javascript">
+	document.getElementById("submenu").style.display = "block";
+</script>
+<div class="justify-center items-center rounded-2xl {isSubMenuOpen ? 'open' : ''}" style="position: absolute; bottom: 100%; width: 96%; background-color: #0d1830 !important;">
+	<div>
+		<button
+			on:click={() => dispatch("clickSettings")}
+			type="button"
+			class="px-8 block py-3 text-center h-11 text-white hover:bg-gray-600 rounded-2xl" style="width: 100%;"
 		>
-			<span
-				class="flex h-9 flex-none shrink items-center gap-1.5 truncate pr-2 text-gray-500 dark:text-gray-400"
-				>{user?.username || user?.email}</span
-			>
-			<button
-				type="submit"
-				class="ml-auto h-6 flex-none items-center gap-1.5 rounded-md border bg-white px-2 text-gray-700 shadow-sm group-hover:flex hover:shadow-none dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400 dark:hover:text-gray-300 md:hidden"
-			>
-				Sign Out
-			</button>
-		</form>
-	{/if}
-	{#if canLogin}
+			Settings
+		</button>
+		<div class="flex justify-center" style="position: relative;">
+		<a href="https://1qdag6eehid.typeform.com/to/EFrGfL1u" target="_blank" rel="noopener noreferrer" 
+		class="px-8 block py-3 text-center h-11 text-white hover:bg-gray-600 rounded-2xl w-[100%]">
+			Give Feedback
+		</a>
+		<img
+			class="absolute max-w-[3%] md:max-w-[6%] bottom-[32%] right-[35%] md:right-[20%]"
+			alt="redirect to page in new tab icon"
+			src="{PUBLIC_ORIGIN || $page.url.origin}{base}/{PUBLIC_APP_ASSETS}/link.png"
+			title="link to open new page"
+		   />
+	</div>
+		<div class="justify flex items-center justify-center">
+		<p class="border-t border-mithril-border w-[80%]"></p>
+		</div>
 		<button
-			on:click={() => (loginModalVisible = true)}
+			on:click={logoutSubmit}
 			type="button"
-			class="flex h-9 flex-none items-center gap-1.5 rounded-lg pl-3 pr-2 text-gray-500 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700"
+			class="px-8 py-3 text-center h-11 text-white hover:bg-gray-600 rounded-2xl" 
+			style="width: 100%;"
 		>
-			Login
+			<p class="">Log out</p>
 		</button>
-	{/if}
-	<button
-		on:click={switchTheme}
-		type="button"
-		class="flex h-9 flex-none items-center gap-1.5 rounded-lg pl-3 pr-2 text-gray-500 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700"
-	>
-		Theme
-	</button>
-	<button
-		on:click={() => dispatch("clickSettings")}
-		type="button"
-		class="flex h-9 flex-none items-center gap-1.5 rounded-lg pl-3 pr-2 text-gray-500 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700"
-	>
-		Settings
-	</button>
-	<a
-		href="https://www.mithrilsecurity.io/contact"
-		target="_blank"
-		rel="noreferrer"
-		class="flex h-9 flex-none items-center gap-1.5 rounded-lg pl-3 pr-2 text-gray-500 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700"
-	>
-		Feedback
-	</a>
-	<a
-		href="https://www.mithrilsecurity.io/faq"
-		target="_blank"
-		rel="noreferrer"
-		class="flex h-9 flex-none items-center gap-1.5 rounded-lg pl-3 pr-2 text-gray-500 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700"
-	>
-		About & Privacy
-	</a>
+	</div>
 </div>
+{/if} -->
+<!-- </div> -->

src/lib/components/PleaseWaitModal.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+	import Modal from "$lib/components/Modal.svelte";
+	import { createEventDispatcher } from "svelte";
+	import CarbonClose from "~icons/carbon/close";
+
+	const dispatch = createEventDispatcher<{ close: void }>();
+</script>
+
+<Modal>
+	<div class="flex w-full flex-col gap-0 p-2">
+		<div class="m-2 flex items-start text-xl font-bold text-gray-800">
+			<h1>Please wait...</h1>
+			<br />
+		</div>
+		<br />
+	</div>
+</Modal>

src/lib/components/SettingsModal2.svelte

@@ -0,0 +1,235 @@
+<script lang="ts">
+	import { createEventDispatcher } from "svelte";
+	import Modal from "$lib/components/BigModal.svelte";
+	import Modal2 from "$lib/components/straightModal.svelte";
+	import TextModal from "$lib/components/TextModal.svelte";
+	import { writable } from 'svelte/store';
+	import CarbonClose from "~icons/carbon/close";
+	import type { Model } from "$lib/types/Model";
+	import type { LayoutData } from "../../routes/$types";
+	import { api_key_writable, email_addr_writable, is_logged_writable } from "../../routes/LayoutWritable";
+
+	export let settings: LayoutData["settings"];
+	export let models: Array<Model>;
+
+	let opSuccess = false;
+	let opFail = false;
+	let emailOpSuccess = false;
+	let emailOpFail = false;
+	let mismatch = false;
+	let isConfirmingDeletion = false;
+	let isAccountView: boolean = true;
+	let isThemeView: boolean = false;
+	let newEmail = '';
+	const themeStore = writable(
+		localStorage.theme
+	);
+	
+	const dispatch = createEventDispatcher<{ close: void }>();
+
+	export function switchTheme() {
+	const { classList } = document.querySelector("html") as HTMLElement;
+	classList.add("dark");
+	localStorage.theme = "dark";
+	themeStore.set('dark');
+}
+	function themeViewToggle() {
+		isAccountView = false;
+		isThemeView = true;
+	}
+
+	function accountViewToggle() {
+		isAccountView = true;
+		isThemeView = false;
+	}
+
+	async function deleteAccount() {
+			isConfirmingDeletion = false;
+			try {
+				const response = await fetch('https://cloud.mithrilsecurity.io/api/auth/deleteAccount', {
+				method: "POST",
+				credentials: "include",
+			});
+			if (response.ok) {
+				dispatch("close")
+				is_logged_writable.set(false);
+				api_key_writable.set("");
+				email_addr_writable.set("");
+			} else {
+				opFail = true;
+				}
+			}
+			catch (error) {
+      			console.error('Error:', error);
+    		}
+		}
+	
+	async function changeEmail(newEmail: string) {
+    try {
+	const data = {
+        newEmail,
+    };
+      const response = await fetch('https://cloud.mithrilsecurity.io/api/auth/changeEmail', {
+        method: 'POST',
+		credentials: "include",
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(data),
+      });
+      if (response.ok) {
+		emailOpSuccess = true;
+      } else {
+		emailOpFail = true;
+      }
+    } catch (error) {
+      console.error('Error:', error);
+    }
+	}
+
+	async function changePassword(newPassword: string, confirmPassword: string) {
+    try {
+      if (newPassword !== confirmPassword) {
+        mismatch = true;
+        return;
+    }
+		console.log("ping")
+      	const response = await fetch('https://cloud.mithrilsecurity.io/api/auth/createPassword', {
+        method: 'POST',
+		credentials: "include",
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({ password: newPassword, passwordConfirm: confirmPassword }),
+      });
+
+      if (response.ok) {
+		opSuccess = true;
+      } 
+	  else {
+        opFail = true;
+      }
+    } catch (error) {
+      console.error('Error:', error);
+	  opFail = true;
+    }
+  }
+
+  let newPassword = '';
+  let confirmPassword = '';
+
+  async function handlePasswordChange() {
+    await changePassword(newPassword, confirmPassword);
+  }
+
+  async function handleEmailChange(newEmail: string) {
+    	await changeEmail(newEmail);
+	}
+</script>
+
+<Modal on:close>
+	<script>
+		let overlayComp	  
+	  <Overlay bind:this={overlayComp} />
+	  overlayComp.setTheme();
+	</script>
+	<div class= "border rounded-2xl border-mithril-border py-4 md:pt-4 px-4 md:pb-8 bg-login text-white md:min-w-[500px]>">
+		<!-- Close button div -->
+		<div class="flex justify-end">
+		<button type="button" class="text-xl flex justify-end group text-black dark:text-white" on:click={() => dispatch("close")}>
+			<CarbonClose />
+		</button>
+		</div>
+		
+		<!-- VIEW #1 ACCOUNT VIEW -->
+		{#if isAccountView}
+		<!-- Title div -->
+		<div class="flex justify-center">
+			<div class="font-bold text-2xl text-mithril-yellow">Account</div>
+		</div>
+		{/if}
+	
+	<div id="modal" class="bg-white dark:bg-login dark:text-white md:min-w-[500px]" style="display: flex;">	
+		<div class = "md:min-w-[500px] md:min-h-[400px]" style="flex: 4; margin-right:40px;">
+		<!-- Account modal view -->
+		{#if isAccountView}
+	<script type="text/javascript">
+		document.getElementById("themeView").style.display = "block";
+	</script>
+		<div class="modal-content pl-5" id="accountView"> 
+		
+		<!-- Change email section -->
+		<h2 class="pt-4 md:pt-8 font-semibold text-xl text-mithril-yellow">Change email</h2>
+		<p class="text-base">New email address</p>
+		<div class="flex justify-between items-center flex-wrap gap-2.5">
+		<input type="email" 
+		placeholder="Enter new email" 
+		class="bg-login rounded-lg text-base text-white border border-mithril-border p-2 w-[60%]"
+		style="justify-content: space-between;" 
+		bind:value={newEmail} />
+    	
+		<!-- Yellow change email button -->
+		<button class="bg-yellow-500 text-base text-black rounded-lg min-w-[160px] py-2 px-3 justify-between" on:click={handleEmailChange(newEmail)}>Change Email</button>
+		{#if emailOpSuccess}
+			<TextModal title="Email updated" text="Please click on the confirmation link that has been sent to your updated email address."  on:close={() => (emailOpSuccess = false)}/>
+		{:else if emailOpFail}
+			<TextModal title="Update failed" text="Please check the email address entered is valid" on:close={() => (emailOpFail = false)}/>
+		{/if}
+		</div>
+
+		<!-- Create password section -->
+		<h2 class="pt-8 font-medium font-semibold text-xl text-mithril-yellow">Create password</h2>
+		<p>New password</p>
+		<input type="password" 
+		placeholder="Enter new password"
+		bind:value={newPassword}
+		class="bg-login rounded-lg text-base text-white border border-mithril-border p-2 w-[60%]">
+		<p style="padding-top:20px;">Confirm password</p>
+		
+		<div class="flex justify-between items-center flex-wrap gap-2.5">
+		<input type="password" 
+		placeholder="Confirm new password"
+		class="bg-login rounded-lg text-base text-white border border-mithril-border p-2 w-[60%]" 
+		style="justify-content: space-between;" 
+		bind:value={confirmPassword}/>
+		
+		<button class="bg-yellow-500 text-base text-black rounded-lg min-w-[160px] py-2 px-3 justify-between" on:click={handlePasswordChange}>Change password</button>
+		{#if opSuccess}
+			<TextModal title="Password updated" text="✅ Your password has successfully been created"  on:close={() => (opSuccess = false)}/>
+		{:else if opFail}
+			<TextModal title="Update failed" text={mismatch === true ? "Passwords don't match" : "Unexpected error. Please try again"} on:close={() => (opFail = false, mismatch = false)}/>
+		{/if}
+		</div>
+
+		<!-- Delete account section -->
+		<h2 class="pt-8 font-semibold text-xl text-mithril-yellow">Delete account</h2>
+		<div class="flex justify-between items-center flex-wrap gap-2.5 py-5">
+			<button on:click = {() => (isConfirmingDeletion = true)}
+				class="rounded-lg md:text-base min-w-[160px] py-2 px-3 ml-auto border border-red-700 hover:bg-red-700">Delete account</button>
+			{#if isConfirmingDeletion}
+			<Modal2 on:close={() => (isConfirmingDeletion = false)}>
+				<form class="dark:bg-darkBackground flex w-full flex-col gap-5 p-6 dark:border dark:border-gray-400">
+					<div class="flex items-start justify-between text-xl font-semibold text-gray-800">
+						<h2 class="dark:text-white font-medium text-xl">Are you sure?</h2>
+						<button type="button" class="group" on:click={() => (isConfirmingDeletion = false)}>
+							<CarbonClose class="text-gray-900 dark:text-gray-400 group-hover:text-gray-500"/>
+						</button>
+					</div>
+					<p class="dark:text-gray-400 text-gray-800">This action will delete your account.<br>This cannot be undone.</p>
+					<button
+						type="button"
+						class="mt-2 rounded-full bg-red-700 px-5 py-2 text-lg font-semibold text-gray-100 ring-gray-400 ring-offset-1 transition-all hover:ring focus-visible:outline-none focus-visible:ring"
+						on:click={deleteAccount}
+					>
+						Confirm
+					</button>
+				</form>
+			</Modal2>
+		{/if}
+		</div>
+	</div>
+{/if}
+	</div>
+	</div>
+</div>
+</Modal>

src/lib/components/ShouldLoginModal.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+	import Modal from "$lib/components/Modal.svelte";
+	import { createEventDispatcher } from "svelte";
+	import CarbonClose from "~icons/carbon/close";
+
+	const dispatch = createEventDispatcher<{ close: void }>();
+</script>
+
+<Modal>
+	<div class="flex w-full flex-col gap-0 p-2">
+		<div class="m-2 flex items-start text-xl font-bold text-gray-800">
+			<h1>You need to be logged in before using this model.</h1>
+			<br />
+			<button type="button" class="group" on:click={() => dispatch("close")}>
+				<CarbonClose class="text-gray-900 group-hover:text-gray-500" />
+			</button>
+		</div>
+		<div class="text-m m-2 flex items-start text-gray-800">
+			<br />This model is hosted on a secured enclave. Please login and try again to send your
+			request.<br />
+		</div>
+		<br />
+	</div>
+</Modal>

src/lib/components/TextModal.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+	import Modal from "$lib/components/Modal.svelte";
+	import { createEventDispatcher } from "svelte";
+	import CarbonClose from "~icons/carbon/close";
+
+	export let text="";
+	export let title="";
+	const dispatch = createEventDispatcher<{ close: void }>();
+</script>
+
+<Modal>
+	<div class="border rounded-2xl border-mithril-border p-2 bg-login text-white">
+		<div class = "flex justify-end">
+		  <button type="button" class="justify-end" on:click={() => dispatch("close")}>
+			<CarbonClose class="justify-end dark:text-white text-gray-900 group-hover:text-gray-500" />
+		  </button>
+	  </div>
+	  <div class="pb-6 dark:text-gray-400 m-2 text-gray-800 text-center" style="display: flex; flex-direction: column; align-items: center;">
+		<div class="pb-4 dark:text-mithril-yellow m-2 flex items-center justify-between text-2xl font-bold text-gray-800">
+			<h1>{title}</h1>
+		</div>
+		<div class="text-m">
+		{text}
+	</div>
+	  </div>
+	</div>
+  </Modal>  
+  

src/lib/components/chat/ChatIntroduction.svelte

@@ -33,27 +33,31 @@
 
 	const dispatch = createEventDispatcher<{ message: string }>();
 
+	function getTitles(str: string) {
+		const split = str.split(' ')
+		const map_str = new Map();
+		for (let i = 0; i < split.length; i++) {
+			map_str.set(i, split[i])
+		}
+    	return map_str
+	}
+
 	$: title = env.PUBLIC_APP_NAME;
 </script>
 
-<div class="my-auto grid gap-8 lg:grid-cols-3">
+<div class="my-auto grid gap-8 lg:grid-cols-2">
 	<div class="lg:col-span-1">
 		<div>
 			<div class="mb-3 flex items-center text-2xl font-semibold">
-				<Logo classNames="mr-1 flex-none" />
-				{PUBLIC_APP_NAME}
-				<div
-					class="ml-3 flex h-6 items-center rounded-lg border border-gray-100 bg-gray-50 px-2 text-base text-gray-400 dark:border-gray-700/60 dark:bg-gray-800"
-				>
-					v{PUBLIC_VERSION}
-				</div>
+				<Logo classNames="mr-1flex-none" />
+				<div class = "pl-2 text-white"> {PUBLIC_APP_NAME} </div>
 			</div>
 			<p class="text-base text-gray-600 dark:text-gray-400">
 				Enjoying the best AI models, with privacy
 			</p>
 		</div>
 	</div>
-	<div class="lg:col-span-2 lg:pl-24">
+	<div class="lg:col-span-2 lg:pl-24 w-[50%] flex absolute right-[0%]">
 		{#each announcementBanners as banner}
 			<AnnouncementBanner classNames="mb-4" title={banner.title}>
 				<a
@@ -74,6 +78,7 @@
 				)}
 			/>
 		{/if}
+		{#if models.length > 1}
 		<div class="overflow-hidden rounded-xl border dark:border-gray-800">
 			<div class="flex p-3">
 				<div>
@@ -91,17 +96,27 @@
 			</div>
 			<ModelCardMetadata variant="dark" model={currentModel} />
 		</div>
+		{/if}
 	</div>
 	{#if currentModelMetadata.promptExamples}
-		<div class="lg:col-span-3 lg:mt-6">
+		<div class="lg:col-span-2 lg:mt-6">
 			<div class="grid gap-3 lg:grid-cols-3 lg:gap-5">
 				{#each currentModelMetadata.promptExamples as example}
 					<button
 						type="button"
-						class="rounded-xl border bg-gray-50 p-2.5 text-gray-600 hover:bg-gray-100 dark:border-gray-800 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700 sm:p-4"
-						on:click={() => dispatch("message", example.prompt)}
+						class="rounded-xl border bg-gray-50 p-2.5 text-gray-600 hover:bg-gray-100 dark:border-gray-800 dark:bg-prompts dark:text-gray-300 dark:hover:bg-gray-700 sm:p-4"
+						on:click={() => {
+							dataLayer.push({ event: "prompt", titre_prompt: [example.title] });
+							dispatch("message", example.prompt)}
+					}
 					>
-						{example.title}
+					{#each [...getTitles(example.title)] as [key, value]}
+						{#if key < 3}
+							<b>{value + " "} </b>
+						{:else}
+							{value + " "} 
+						{/if}
+					{/each}
 					</button>
 				{/each}
 			</div>

src/lib/components/chat/ChatMessage.svelte

@@ -28,19 +28,11 @@
 			.replaceAll("<", "&lt;")
 			.trim();
 
-		for (const stop of [...(model.parameters?.stop ?? []), "<|endoftext|>"]) {
-			if (ret.endsWith(stop)) {
-				ret = ret.slice(0, -stop.length).trim();
-			}
-		}
-
 		return ret;
 	}
 	function unsanitizeMd(md: string) {
-		if (md != undefined)
-			return md.replaceAll("&lt;", "<");
-		else
-			return ""
+		if (md != undefined) return md.replaceAll("&lt;", "<");
+		else return "";
 	}
 
 	export let model: Model;
@@ -95,9 +87,6 @@
 		// }
 	});
 
-	$: downloadLink =
-		message.from === "user" ? `${$page.url.pathname}/message/${message.id}/prompt` : undefined;
-
 	let webSearchIsDone = true;
 
 	$: webSearchIsDone =
@@ -107,7 +96,7 @@
 
 {#if message.from === "assistant"}
 	<div
-		class="group relative -mb-8 flex items-start justify-start gap-4 pb-8 leading-relaxed"
+		class="group relative -mb-8 flex items-start justify-start gap-4 pb-8 leading-relaxed max-w-[80%]"
 		on:click={() => (isTapped = !isTapped)}
 		on:keypress={() => (isTapped = !isTapped)}
 	>
@@ -117,7 +106,7 @@
 			class="mt-5 h-3 w-3 flex-none select-none rounded-full shadow-lg"
 		/>
 		<div
-			class="relative min-h-[calc(2rem+theme(spacing[3.5])*2)] min-w-[60px] break-words rounded-2xl border border-gray-100 bg-gradient-to-br from-gray-50 px-5 py-3.5 text-gray-600 prose-pre:my-2 dark:border-gray-800 dark:from-gray-800/40 dark:text-gray-300"
+			class="bg-ai-chat relative min-h-[calc(2rem+theme(spacing[3.5])*2)] min-w-[60px] break-words rounded-2xl border border-gray-100 px-5 py-3.5 prose-pre:my-2 dark:border-gray-800 dark:from-gray-800/40 text-white"
 		>
 			{#if webSearchMessages && webSearchMessages.length > 0}
 				<OpenWebSearchResults
@@ -131,24 +120,26 @@
 			{/if}
 
 			<div
-				class="prose max-w-none dark:prose-invert max-sm:prose-sm prose-headings:font-semibold prose-h1:text-lg prose-h2:text-base prose-h3:text-base prose-pre:bg-gray-800 dark:prose-pre:bg-gray-900"
+				class="prose max-w-none dark:prose-invert max-sm:prose-sm prose-headings:font-semibold prose-h1:text-lg prose-h2:text-base prose-h3:text-base prose-pre:bg-gray-800 dark:prose-pre:bg-gray-900 text-white"
 				bind:this={contentEl}
 			>
-				{#if message.isCode == true}
-					<CodeBlock lang={"python"} code={unsanitizeMd(message.content)} />
+			{#each tokens as token}
+				{#if token.type === "code"}
+					<CodeBlock lang={token.lang} code={unsanitizeMd(token.text)} />
 				{:else}
-					<!-- eslint-disable-next-line svelte/no-at-html-tags -->
-					{@html marked(message.content, options)}
+						<!-- eslint-disable-next-line svelte/no-at-html-tags -->
+						{@html marked(token.raw, options)}
 				{/if}
+			{/each}
 			</div>
 		</div>
 	</div>
 {/if}
 {#if message.from === "user"}
-	<div class="group relative flex items-start justify-start gap-4 max-sm:text-sm">
+	<div class="group relative flex items-start justify-end gap-4">
 		<div class="mt-5 h-3 w-3 flex-none rounded-full" />
 		<div
-			class="max-w-full whitespace-break-spaces break-words rounded-2xl px-5 py-3.5 text-gray-500 dark:text-gray-400"
+			class="bg-user-chat max-w-[80%] whitespace-break-spaces break-words rounded-2xl px-5 py-3.5 text-white prose dark:prose-invert max-sm:prose-sm prose-headings:font-semibold prose-h1:text-lg prose-h2:text-base prose-h3:text-base prose-pre:bg-gray-900 text-white"
 		>
 			{message.content.trim()}
 		</div>

src/lib/components/chat/ChatMessages.svelte

@@ -47,12 +47,13 @@
 		}));
 </script>
 
+<!-- main chat background-->
 <div
-	class="scrollbar-custom mr-1 h-full overflow-y-auto"
+	class="scrollbar-custom mr-1 h-[95%] overflow-y-auto bg-chat"
 	use:snapScrollToBottom={messages.length ? [...messages, ...webSearchMessages] : false}
 	bind:this={chatContainer}
 >
-	<div class="mx-auto flex h-full max-w-3xl flex-col gap-6 px-5 pt-6 sm:gap-8 xl:max-w-4xl">
+	<div class="mx-auto flex h-[95%] max-w-3xl flex-col gap-6 px-5 pt-6 sm:gap-8 xl:max-w-4xl">
 		{#each messages as message, i}
 			<ChatMessage
 				loading={loading && i === messages.length - 1}
@@ -76,8 +77,8 @@
 		{/if}
 		<div class="h-44 flex-none" />
 	</div>
-	<ScrollToBottomBtn
+</div>
+<ScrollToBottomBtn
 		class="bottom-36 right-4 max-md:hidden lg:right-10"
 		scrollNode={chatContainer}
 	/>
-</div>

src/lib/components/chat/ChatWindow.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
 	import type { Message } from "$lib/types/Message";
 	import { createEventDispatcher } from "svelte";
-
+	import Help from "$lib/components/icons/Help.svelte"
 	import CarbonSendAltFilled from "~icons/carbon/send-alt-filled";
-	import CarbonExport from "~icons/carbon/export";
 	import CarbonStopFilledAlt from "~icons/carbon/stop-filled-alt";
 	import EosIconsLoading from "~icons/eos-icons/loading";
-
+	import CarbonClose from "~icons/carbon/close";
+	import { helpMenu } from "../../../routes/LayoutWritable";
 	import ChatMessages from "./ChatMessages.svelte";
 	import ChatInput from "./ChatInput.svelte";
 	import StopGeneratingBtn from "../StopGeneratingBtn.svelte";
@@ -14,9 +14,10 @@
 	import type { LayoutData } from "../../../routes/$types";
 	import WebSearchToggle from "../WebSearchToggle.svelte";
 	import type { WebSearchMessage } from "$lib/types/WebSearch";
-	import LoginModal from "../LoginModal.svelte";
 
 	export let messages: Message[] = [];
+	let isHelpMenuOpen: boolean = false;
+	let isPrivacyBannerOpen: boolean = true;
 	export let loading = false;
 	export let pending = false;
 	export let shared = false;
@@ -31,6 +32,29 @@
 
 	let loginModalOpen = false;
 	let message: string;
+	
+	helpMenu.subscribe((val) => {
+		isHelpMenuOpen = val;
+	})
+
+	function closeHelpMenu() {
+		helpMenu.set(false);
+	}
+
+	function closePrivacyBanner() {
+		isPrivacyBannerOpen = false;
+	}
+
+	function toggleHelpMenu() {
+		helpMenu.set(!isHelpMenuOpen);
+		console.log($helpMenu);
+	}
+
+	function handleKeyDown(event: { key: string; }) {
+    if (event.key === 'Enter') {
+      toggleHelpMenu();
+    }
+  	}
 
 	const dispatch = createEventDispatcher<{
 		message: string;
@@ -45,11 +69,30 @@
 		message = "";
 	};
 </script>
-
-<div class="relative min-h-0 min-w-0">
-	{#if loginModalOpen}
-		<LoginModal {settings} on:close={() => (loginModalOpen = false)} />
-	{/if}
+<div class="bg-chat relative min-h-0 min-w-0">
+	<!-- {#if isPrivacyBannerOpen}
+	<script type="text/javascript">
+		document.getElementById("PrivacyBanner").style.display = "block";
+	</script> -->
+	<!-- <div class="bg-chat" id="privacy-banner">
+		<div class="border-b border-gray-600 flex justify-between px-4">
+			<div class="justify-center items-center text-center flex-1">
+		<p class="px-4 py-3 text-black/white text-xs lg:text-base">
+			🔒 Prompts are end-to-end protected.<br>
+			Not even Mithril Security can read or train on them. Learn more 
+			<a
+				href="https://www.mithrilsecurity.io/privacy-policy#new-pp"
+				target="_blank" 
+				rel="noopener noreferrer"
+				style="text-decoration: underline; color: #f0b92d;">here</a
+			>.</p>
+			</div>
+		<button type="button" class="pt-2" style="align-self: flex-start;" on:click={closePrivacyBanner}>
+			<CarbonClose class="text-white" />
+		</button>
+		</div>
+	</div> -->
+<!-- {/if} -->
 	<ChatMessages
 		{loading}
 		{pending}
@@ -67,8 +110,9 @@
 			if (!loading) dispatch("retry", ev.detail);
 		}}
 	/>
-	<div
-		class="dark:via-gray-80 pointer-events-none absolute inset-x-0 bottom-0 z-0 mx-auto flex w-full max-w-3xl flex-col items-center justify-center bg-gradient-to-t from-white via-white/80 to-white/0 px-3.5 py-4 dark:border-gray-800 dark:from-gray-900 dark:to-gray-900/0 max-md:border-t max-md:bg-white max-md:dark:bg-gray-900 sm:px-5 md:py-8 xl:max-w-4xl [&>*]:pointer-events-auto"
+	<!-- chat input background bg-gradient-to-t from-white via-white/80 to-white/0 -->
+<div
+		class="dark:bg-chat border-0 pointer-events-none absolute inset-x-0 bottom-0 z-0 mx-auto flex w-full max-w-3xl flex-col items-center justify-center px-3.5 py-2 sm:px-5 md:pb-6 md:pt-4 xl:max-w-4xl [&>*]:pointer-events-auto"
 	>
 		<div class="flex w-full pb-3 max-md:justify-between">
 			{#if settings?.searchEnabled}
@@ -88,7 +132,7 @@
 		>
 			<div class="flex w-full flex-1 border-none bg-transparent">
 				<ChatInput
-					placeholder="Ask anything"
+					placeholder="Type here"
 					bind:value={message}
 					on:submit={handleSubmit}
 					on:keypress={() => {
@@ -120,28 +164,62 @@
 					</button>
 				{/if}
 			</div>
-		</form>
-		<div class="mt-2 flex justify-between self-stretch px-1 text-xs text-gray-400/90 max-sm:gap-2">
-			<p>
-				Model: <a
-					href={currentModel.modelUrl || "https://huggingface.co/" + currentModel.name}
-					target="_blank"
-					rel="noreferrer"
-					class="hover:underline">{currentModel.displayName}</a
-				> <span class="max-sm:hidden">·</span><br class="sm:hidden" /> Generated content may be
-				inaccurate or false.
-				<br /><br /> 🔒 All conversations are end-to-end protected
-			</p>
-			<!-- {#if messages.length}
-				<button
-					class="flex flex-none items-center hover:text-gray-400 hover:underline max-sm:rounded-lg max-sm:bg-gray-50 max-sm:px-2.5 dark:max-sm:bg-gray-800"
-					type="button"
-					on:click={() => dispatch("share")}
+			<div class="mt-2 flex justify-end self-stretch text-xs text-gray-400/90 max-sm:gap-2">
+				<div
+				class="pb-2 pr-2 rounded-2xl text-center flex items-center justify-end group h-11 -lg font-semibold text-gray-400 hover:bg-gray-700"
+				on:click={toggleHelpMenu}
+				on:keydown={handleKeyDown}
 				>
-					<CarbonExport class="text-[.6rem] sm:mr-1.5 sm:text-primary-500" />
-					<div class="max-sm:hidden">Share this conversation</div>
-				</button>
-			{/if} -->
-		</div>
+				<Help/>
+				</div>
+			</div>
+		</form>
+		{#if messages.length}
+			<script type="text/javascript">
+				document.getElementById("banner").style.display = "block";
+			</script>
+		{:else}
+			<script type="text/javascript">
+				document.getElementById("banner").style.display = "none";
+			</script>
+		{/if}
+		<!-- {#if messages.length}
+			<button
+				class="flex flex-none items-center hover:text-gray-400 hover:underline max-sm:rounded-lg max-sm:bg-gray-50 max-sm:px-2.5 dark:max-sm:bg-gray-800"
+				type="button"
+				on:click={() => dispatch("share")}
+			>
+				<CarbonExport class="text-[.6rem] sm:mr-1.5 sm:text-primary-500" />
+				<div class="max-sm:hidden">Share this conversation</div>
+			</button>
+		{/if} -->
+		{#if isHelpMenuOpen}
+		<script type="text/javascript">
+			document.getElementById("helpMenu").style.display = "block";
+		</script>
+			<div id="helpMenu" class="bottom-[80%] right-[0%] md:bottom-[45%] md:right-[0%] xl:bottom-[50%] xl:right-[-22%] p-2 border border-gray-600 flex justify-center items-center rounded-2xl bg-[#0d1830] {isHelpMenuOpen ? 'open' : ''}" style="position: absolute;">
+				<div>
+					<div class="justify-center items-center text-center flex-1">
+					<div class="flex justify-between px-2">
+					<a href="https://www.mithrilsecurity.io/contact" target="_blank" rel="noopener noreferrer" class="rounded-2xl px-8 block py-3 text-center h-11 text-white hover:bg-gray-600" style="width: 100%;">
+					Help ⤵️
+					</a>
+					<button type="button" class="pt-2" style="align-self: flex-start;" on:click={closeHelpMenu}>
+						<CarbonClose class="text-white" />
+					</button>
+					</div>
+					</div>
+					<!-- <a href="https://1qdag6eehid.typeform.com/to/EFrGfL1u" target="_blank" rel="noopener noreferrer" class="rounded-2xl px-8 block text-center h-11 py-3 text-white hover:bg-gray-600" style="width: 100%;">
+					Give Feedback ⤵️
+					</a> -->
+					<a href="https://www.mithrilsecurity.io/faq" target="_blank" rel="noopener noreferrer" class="rounded-xl block text-center h-11 py-3 text-white hover:bg-gray-600" style="width: 100%;">
+					FAQ ⤵️
+					</a>
+					<a href="https://github.com/mithril-security/blind_chat/issues" target="_blank" rel="noopener noreferrer" class="rounded-2xl block text-center h-11 pt-3 text-white hover:bg-gray-600" style="width: 100%;">
+					Report an issue ⤵️
+					</a>
+				</div>
+			</div>
+	{/if}
+	</div>
 	</div>
-</div>

src/lib/components/icons/Help.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+	import { page } from "$app/stores";
+	import { PUBLIC_APP_ASSETS, PUBLIC_APP_NAME, PUBLIC_ORIGIN } from "$env/static/public";
+	import { base } from "$app/paths";
+	export let classNames = "";
+	
+	function toggleHelpMenu() {
+	}
+
+	function handleKeyDown(event: { key: string; }) {
+    if (event.key === 'Enter') {
+      toggleHelpMenu();
+    }
+  	}
+
+</script>
+<img
+	alt="help menu button"
+	on:click={toggleHelpMenu}
+	on:keydown={handleKeyDown}
+	class={classNames}
+	src="{PUBLIC_ORIGIN || $page.url.origin}{base}/{PUBLIC_APP_ASSETS}/help.png"
+	title="help button"
+	width="20"  
+	height="20" 
+/>

src/lib/components/icons/Logo.svelte

@@ -9,13 +9,18 @@
 {#if PUBLIC_APP_ASSETS === "chatui"}
 	<object
 		class={classNames}
-		data="{PUBLIC_ORIGIN || $page.url.origin}{base}/{PUBLIC_APP_ASSETS}/chat.png"
+		data="{PUBLIC_ORIGIN || $page.url.origin}{base}/{PUBLIC_APP_ASSETS}/chat-new-logo.png"
 		title="{PUBLIC_APP_NAME} logo"
+		width="60"  
+		height="60" 
+		style="border:none ! important;"
 	/>
 {:else}
 	<object
 		class={classNames}
-		data="{PUBLIC_ORIGIN || $page.url.origin}{base}/{PUBLIC_APP_ASSETS}/favicon.png"
+		data="{PUBLIC_ORIGIN || $page.url.origin}{base}/{PUBLIC_APP_ASSETS}/chat-new-logo.png"
 		title="{PUBLIC_APP_NAME} logo"
+		width="60"  
+		height="60" 
 	/>
 {/if}

src/lib/components/straightModal.svelte

@@ -0,0 +1,61 @@
+<script lang="ts">
+	import { createEventDispatcher, onDestroy, onMount } from "svelte";
+	import { cubicOut } from "svelte/easing";
+	import { fade } from "svelte/transition";
+	import Portal from "./Portal.svelte";
+	import { browser } from "$app/environment";
+
+	export let width = "w-9/10";
+	let backdropEl: HTMLDivElement;
+	let modalEl: HTMLDivElement;
+
+	const dispatch = createEventDispatcher<{ close: void }>();
+
+	function handleKeydown(event: KeyboardEvent) {
+		// close on ESC
+		if (event.key === "Escape") {
+			event.preventDefault();
+			dispatch("close");
+		}
+	}
+
+	function handleBackdropClick(event: MouseEvent) {
+		if (event.target === backdropEl) {
+			dispatch("close");
+		}
+	}
+
+	onMount(() => {
+		document.getElementById("app")?.setAttribute("inert", "true");
+		modalEl.focus();
+	});
+
+	onDestroy(() => {
+		if (!browser) return;
+		// remove inert attribute if this is the last modal
+		if (document.querySelectorAll('[role="dialog"]:not(#app *)').length === 1) {
+			document.getElementById("app")?.removeAttribute("inert");
+		}
+	});
+</script>
+
+<Portal>
+	<div
+		role="presentation"
+		tabindex="-1"
+		bind:this={backdropEl}
+		on:click={handleBackdropClick}
+		transition:fade={{ easing: cubicOut, duration: 300 }}
+		class="fixed inset-0 z-40 flex items-center justify-center bg-black/80 p-8 backdrop-blur-sm dark:bg-black/50"
+	>
+		<div
+			role="dialog"
+			tabindex="-1"
+			bind:this={modalEl}
+			on:keydown={handleKeydown}
+			class="-mt-10 overflow-hidden bg-white shadow-2xl outline-none md:-mt-20 {width}"
+		>
+			<slot />
+		</div>
+	</div>
+</Portal>

src/lib/server/models.ts

@@ -66,6 +66,7 @@ const modelsRaw = z
 			is_local: z.boolean().optional(),
 			is_code: z.boolean().optional(),
 			is_phi: z.boolean().optional(),
+			server_addr: z.string().min(1).optional(),
 			type: z.string().min(1),
 			websiteUrl: z.string().url().optional(),
 			modelUrl: z.string().url().optional(),
@@ -85,8 +86,7 @@ const modelsRaw = z
 						"{{#each messages}}" +
 						"{{#ifUser}}{{@root.userMessageToken}}{{content}}{{@root.userMessageEndToken}}{{/ifUser}}" +
 						"{{#ifAssistant}}{{@root.assistantMessageToken}}{{content}}{{@root.assistantMessageEndToken}}{{/ifAssistant}}" +
-						"{{/each}}" +
-						"{{assistantMessageToken}}"
+						"{{/each}}"
 				),
 			webSearchSummaryPromptTemplate: z
 				.string()

src/lib/switchTheme.ts

@@ -1,10 +1,5 @@
 export function switchTheme() {
 	const { classList } = document.querySelector("html") as HTMLElement;
-	if (classList.contains("dark")) {
-		classList.remove("dark");
-		localStorage.theme = "light";
-	} else {
-		classList.add("dark");
-		localStorage.theme = "dark";
-	}
+	classList.add("dark");
+	localStorage.theme = "dark";
 }

src/lib/utils/template.ts

@@ -1,5 +1,5 @@
 import type { Message } from "$lib/types/Message";
-import type { LegacyParamatersTemplateInput } from "$lib/types/Template";
+import type { ChatTemplateInput, LegacyParamatersTemplateInput } from "$lib/types/Template";
 import Handlebars from "handlebars";
 
 Handlebars.registerHelper("ifUser", function (this: Pick<Message, "from" | "content">, options) {
@@ -26,3 +26,7 @@ export function compileTemplate<T>(input: string, model: LegacyParamatersTemplat
 		return template({ ...model, ...inputs }, options);
 	};
 }
+
+export function compileTemplate2(input: string, model: LegacyParamatersTemplateInput) {
+	return compileTemplate<ChatTemplateInput>(input, model)
+}

src/routes/+layout.server.ts

@@ -43,7 +43,10 @@ export const load: LayoutServerLoad = async ({ locals, depends, url }) => {
 			websiteUrl: model.websiteUrl,
 			modelUrl: model.modelUrl,
 			is_local: model.is_local,
+			userMessageToken: model.userMessageToken,
+			assistantMessageToken: model.assistantMessageToken,
 			is_phi: model.is_phi,
+			server_addr: model.server_addr,
 			is_code: model.is_code,
 			type: model.type,
 			datasetName: model.datasetName,
@@ -53,6 +56,7 @@ export const load: LayoutServerLoad = async ({ locals, depends, url }) => {
 			promptExamples: model.promptExamples,
 			parameters: model.parameters,
 			preprompt: model.preprompt,
+			chatPromptTemplate: model.chatPromptTemplate
 		})),
 		oldModels,
 		user: locals.user && {

src/routes/+layout.svelte

@@ -5,7 +5,11 @@
 	import { browser } from "$app/environment";
 	import "../styles/main.css";
 	import { base } from "$app/paths";
-	import { PUBLIC_ORIGIN, PUBLIC_APP_DISCLAIMER } from "$env/static/public";
+	import {
+		PUBLIC_ORIGIN,
+		PUBLIC_APP_DISCLAIMER,
+		PUBLIC_SHOW_LOCAL_MODELS_WARNING,
+	} from "$env/static/public";
 
 	import { shareConversation } from "$lib/shareConversation";
 	import { UrlDependency } from "$lib/types/UrlDependency";
@@ -15,7 +19,8 @@
 	import NavMenu from "$lib/components/NavMenu.svelte";
 	import Toast from "$lib/components/Toast.svelte";
 	import ConfirmModal from "$lib/components/ConfirmModal.svelte";
-	import SettingsModal from "$lib/components/SettingsModal.svelte";
+	import ShouldLoginModal from "$lib/components/ShouldLoginModal.svelte";
+	import SettingsModal from "$lib/components/SettingsModal2.svelte";
 	import LoadingModal from "$lib/components/LoadingModal.svelte";
 	import LoginModal from "$lib/components/LoginModal.svelte";
 	import { PUBLIC_APP_ASSETS, PUBLIC_APP_NAME } from "$env/static/public";
@@ -24,6 +29,11 @@
 		is_init_writable,
 		refresh_chats_writable,
 		refresh_chats_writable_empty,
+		api_key_writable,
+		is_logged_writable,
+		showLoggedPopup_writable,
+		is_magic_writable,
+		email_addr_writable
 	} from "./LayoutWritable";
 	import {
 		deleteAllChats,
@@ -34,16 +44,22 @@
 	} from "../routes/LocalDB";
 	import { env } from "$env/dynamic/public";
 	import InitModelModal from "$lib/components/InitModelModal.svelte";
+	import { getApiKey } from "./tools";
 
 	export let data;
 	let isloading = false;
 	let isInit = false;
-	let showWarning = true;
+	let showWarning = PUBLIC_SHOW_LOCAL_MODELS_WARNING === "true" ? true : false;
+	let shouldLogin = false;
 
 	let go_to_main = false;
 
 	let conversations_list = [];
 
+	showLoggedPopup_writable.subscribe((value) => {
+		shouldLogin = value;
+	});
+
 	is_init_writable.subscribe((value) => {
 		isInit = value;
 	});
@@ -112,12 +128,7 @@
 	}
 
 	onMount(async () => {
-		try {
-			dataLayer.push({ event: "Avertissement"});
-		} catch (e) {
-			console.log("Google Tag Manager might not be loaded. Ignoring the error");
-			console.log(e);
-		}
+		localStorage.theme = "dark";
 		await refreshChats();
 	});
 
@@ -127,6 +138,7 @@
 
 	$: if ($error) onError();
 
+	data.requiresLogin = true; //
 	const requiresLogin =
 		!$page.error &&
 		!$page.route.id?.startsWith("/r/") &&
@@ -142,11 +154,46 @@
 		conversations_list = ret;
 	}
 	$: title = env.PUBLIC_APP_NAME;
+	let loggedIn = false;
+	// async function isLogged() {
+	// 	try {
+	// 		const response = await fetch("https://cloud.mithrilsecurity.io/api/auth/getUserInfo", {
+	// 			method: "GET",
+	// 			credentials: "include",
+	// 			headers: {
+	// 				"Content-Type": "application/json",
+	// 			},
+	// 		});
+	// 		dataLayer.push({'event': 'login'});
+	// 		if (response.ok) {
+	// 			const res = await response.text()
+	// 			const json: JSON = JSON.parse(res)
+	// 			email_addr_writable.set(json.email)
+	// 			console.log(res)
+	// 			// Handle a successful response here
+	// 			console.log("User is logged in successfully");
+	// 			var apiKey = await getApiKey();
+	// 			loggedIn = true;
+	// 			is_logged_writable.set(loggedIn);
+	// 			api_key_writable.set(apiKey);
+	// 		} 
+	// 		else {
+	// 			// Handle errors here
+	// 			console.error("User is not logged in");
+	// 		}
+	// 	} catch (err) {
+	// 		// Handle network errors here
+	// 		console.error("Network error", err);
+
+	// 	}
+	// 	is_magic_writable.set(true);
+	// }
+	// isLogged();
 </script>
 
 <svelte:head>
 	<title>{PUBLIC_APP_NAME}</title>
-	<meta name="description" content="Private Conversational AI" />
+	<meta name="og:description" content="Private Conversational AI" />
 	<meta property="og:title" content={PUBLIC_APP_NAME} />
 	<meta property="og:type" content="website" />
 	<meta property="og:url" content="{PUBLIC_ORIGIN || $page.url.origin}{base}" />
@@ -193,6 +240,7 @@
 			conversations={conversations_list}
 			user={data.user}
 			canLogin={data.user === undefined && data.requiresLogin}
+			signedIn={loggedIn}
 			bind:loginModalVisible
 			on:shareConversation={(ev) => shareConversation(ev.detail.id, ev.detail.title)}
 			on:deleteConversation={(ev) => deleteConversation(ev.detail)}
@@ -205,6 +253,7 @@
 			conversations={conversations_list}
 			user={data.user}
 			canLogin={data.user === undefined && data.requiresLogin}
+			signedIn={loggedIn}
 			bind:loginModalVisible
 			on:shareConversation={(ev) => shareConversation(ev.detail.id, ev.detail.title)}
 			on:deleteConversation={(ev) => deleteConversation(ev.detail)}
@@ -215,6 +264,9 @@
 	{#if currentError}
 		<Toast message={currentError} />
 	{/if}
+	{#if shouldLogin}
+		<ShouldLoginModal on:close={() => showLoggedPopup_writable.set(false)} />
+	{/if}
 	{#if showWarning}
 		<ConfirmModal on:close={() => (showWarning = false)} />
 	{/if}
@@ -232,8 +284,6 @@
 			models={data.models}
 		/>
 	{/if}
-	{#if (requiresLogin && data.messagesBeforeLogin === 0) || loginModalVisible}
-		<LoginModal settings={data.settings} />
-	{/if}
+	<!-- {#if (requiresLogin && data.messagesBeforeLogin === 0) || loginModalVisible} -->
 	<slot />
 </div>

src/routes/+page.svelte

@@ -1,34 +1,45 @@
 <script lang="ts">
-	import { onMount } from 'svelte';
-	import { goto, invalidate } from "$app/navigation";
+	import { goto } from "$app/navigation";
 	import { base } from "$app/paths";
 	import { PUBLIC_APP_NAME } from "$env/static/public";
 	import ChatWindow from "$lib/components/chat/ChatWindow.svelte";
 	import { ERROR_MESSAGES, error } from "$lib/stores/errors";
 	import { pendingMessage } from "$lib/stores/pendingMessage";
 	import { findCurrentModel } from "$lib/utils/models";
-	import { createChat } from "../routes/LocalDB";
 	import { params_writable } from "../routes/conversation/[id]/ParamsWritable";
-	import { curr_model_writable, curr_model_writable_string } from "./LayoutWritable";
+	import {
+		curr_model_writable,
+		curr_model_writable_string,
+		is_logged_writable,
+		showLoggedPopup_writable,
+		api_key_writable,
+	} from "./LayoutWritable";
 
-	onMount(() => {
-		try {
-			dataLayer.push({ event: "virtualPageview", nom_modele: ["No"] });
-		} catch (e) {
-			console.log("Google Tag Manager might not be loaded. Ignoring the error");
-			console.log(e);
-		}
+	let curr_model_id = 0;
+	let curr_model;
+	let api_key = "";
+
+	export let data;
+	let loading = false;
+	let isLogged = false;
+
+	is_logged_writable.subscribe((val) => {
+		isLogged = val;
 	});
 
-	let curr_model_id = 0;
+	api_key_writable.subscribe((val) => {
+		api_key = val;
+	});
 
 	curr_model_writable.subscribe((val) => {
 		curr_model_id = val;
+		curr_model = findCurrentModel(
+			[...data.models, ...data.oldModels],
+			data.models[curr_model_id].name
+		);
+		console.log(curr_model);
 	});
 
-	export let data;
-	let loading = false;
-
 	// dec2hex :: Integer -> String
 	// i.e. 0-255 -> '00'-'ff'
 	function dec2hex(dec) {
@@ -44,6 +55,14 @@
 
 	async function createConversation(message: string) {
 		try {
+			const is_local = curr_model.is_local ?? true;
+			if (!is_local) {
+				if (!isLogged) {
+					showLoggedPopup_writable.set(true);
+					return;
+				}
+			}
+
 			loading = true;
 
 			const conversationId = generateId(16);

src/routes/LayoutWritable.js

@@ -7,3 +7,11 @@ export const refresh_chats_writable = writable([]);
 export const refresh_chats_writable_empty = writable(false);
 export const curr_model_writable = writable(0);
 export const curr_model_writable_string = writable("");
+export const api_key_writable = writable("");
+export const jwt_writable = writable("");
+export const is_logged_writable = writable(false);
+export const email_addr_writable = writable("");
+export const is_magic_writable = writable(false);
+export const showLoggedPopup_writable = writable(false);
+export const userWritable = writable(undefined);
+export const helpMenu = writable(false);

src/routes/LocalDB.ts

@@ -28,7 +28,7 @@ export class ChatDatabase extends Dexie {
 			chats: null,
 		});
 		this.version(17).stores({
-			chats: null,		
+			chats: null,
 		});
 		this.version(18).stores({
 			chats: "++index, title, createdAt, id, message, model",

src/routes/conversation/[id]/+page.svelte

@@ -20,23 +20,41 @@
 		isloading_writable,
 		curr_model_writable,
 		is_init_writable,
-		cancel_writable,
+		api_key_writable,
+		jwt_writable,
+		is_logged_writable,
+		showLoggedPopup_writable,
 	} from "../../LayoutWritable.js";
 	import { map_writable, phi_writable } from "$lib/components/LoadingModalWritable.js";
 	import { params_writable } from "./ParamsWritable.js";
 	import { addMessageToChat, getChats, getMessages, getTitle, getModel } from "../../LocalDB.js";
 	import { env } from "$env/dynamic/public";
+
 	export let data;
+	let api_key = "";
+	let jwt = "";
+	let isLogged = false;
 
 	let curr_model_id = 0;
 	curr_model_writable.subscribe((val) => {
 		curr_model_id = val;
 	});
 
+	is_logged_writable.subscribe((val) => {
+		isLogged = val;
+	});
+
+	api_key_writable.subscribe((val) => {
+		api_key = val;
+	});
+
+	jwt_writable.subscribe((val) => {
+		jwt = val;
+	});
+
 	let pipelineWorker;
 
 	let pipe: Pipeline;
-
 	let id = "";
 
 	let title_ret = "BlindChat";
@@ -67,7 +85,7 @@
 				try {
 					if (e.data.file == "tokenizer.json")
 						// Avoid to send the tag multiple times
-						dataLayer.push({ event: "debut_chargement_chat", nom_modele: [e.data.name] });
+						dataLayer.push({ event: "debut_chargement_chat", nom_modele: [e.curr_model_obj.name] });
 				} catch (e) {
 					console.log("Google Tag Manager might not be loaded. Ignoring the error");
 					console.log(e);
@@ -89,9 +107,18 @@
 			case "done":
 				break;
 
+			case "error":
+				$error = e.data.error
+				break;
+
+			case "invalid_jwt":
+				api_key_writable.set("");
+				jwt_writable.set("");
+				break;
+
 			case "ready":
 				try {
-					dataLayer.push({ event: "fin_chargement_chat", nom_modele: [e.data.model] });
+					dataLayer.push({ event: "fin_chargement_chat", nom_modele: [e.curr_model_obj.name] });
 				} catch (e) {
 					console.log("Google Tag Manager might not be loaded. Ignoring the error");
 					console.log(e);
@@ -151,6 +178,40 @@
 		let conversationId = $page.params.id;
 		const responseId = randomUUID();
 
+		const is_local = curr_model_obj.is_local ?? true;
+		if (!is_local) {
+			if (!isLogged) {
+				showLoggedPopup_writable.set(true);
+				return;
+			} else {
+				if (jwt === "") {
+					const data = { api_key };
+					const response = await fetch("https://cloud.mithrilsecurity.io/api/auth/licensing", {
+						method: "POST",
+						credentials: "include",
+						headers: {
+							"Content-Type": "application/json",
+						},
+						body: JSON.stringify(data),
+					});
+
+					if (response.ok) {
+						// Handle a successful response
+						console.log("Licensing OK");
+						jwt = await response.text();
+						jwt_writable.set(jwt);
+					} else {
+						console.log(response);
+						// Handle errors
+						console.error("Licensing NOK");
+					}
+				} else {
+					console.log("Using existing JWT");
+					console.log(jwt);
+				}
+			}
+		}
+
 		let opt = "";
 
 		messages = [
@@ -175,27 +236,28 @@
 			isCode: false,
 		};
 
-		try {
-			dataLayer.push({ event: "envoi_message", nom_modele: [curr_model_obj.name] });
-		} catch (e) {
-			console.log("Google Tag Manager might not be loaded. Ignoring the error");
-			console.log(e);
-		}
-
 		addMessageToChat(conversationId, msg, curr_model);
 
 		let lastMessage = messages[messages.length - 1];
 		pipelineWorker.postMessage({
-			is_phi: curr_model_obj.is_phi ?? false,
+			model_obj: curr_model_obj,
 			id_now: id_now,
-			task: curr_model_obj.type,
-			max_new_tokens: curr_model_obj.parameters?.max_new_tokens ?? 256,
-			temperature: curr_model_obj.parameters?.temperature ?? 0.7,
 			model: curr_model,
 			text: inputs,
 			webSearchId: webSearchId,
 			conversationId: conversationId,
+			messages: messages,
+			jwt: jwt,
 		});
+
+		try {
+			dataLayer.push({ event: "envoi_message", nom_modele: [curr_model_obj.name] });
+		} catch (e) {
+			console.log("Google Tag Manager might not be loaded. Ignoring the error");
+			console.log(e);
+		}
+
+		console.log(dataLayer)
 	}
 
 	async function summarizeTitle(id: string) {
@@ -290,7 +352,7 @@
 			}
 			console.error(err);
 		} finally {
-			loading = curr_model_obj.is_phi ?? false;
+			loading = curr_model_obj.is_phi ?? !curr_model_obj.is_local ?? false;
 			pending = false;
 		}
 	}
@@ -342,12 +404,6 @@
 				lastLoadedMessages = res;
 			}
 			id_now = randomUUID();
-			try {
-				dataLayer.push({ event: "virtualPageview", nom_modele: [curr_model] });
-			} catch (e) {
-				console.log("Google Tag Manager might not be loaded. Ignoring the error");
-				console.log(e);
-			}
 		}
 	});
 
@@ -380,13 +436,6 @@
 
 		pipelineWorker.addEventListener("message", onMessageReceived);
 
-		try {
-			dataLayer.push({ event: "virtualPageview", nom_modele: [curr_model] });
-		} catch (e) {
-			console.log("Google Tag Manager might not be loaded. Ignoring the error");
-			console.log(e);
-		}
-
 		if ($pendingMessage) {
 			const val = $pendingMessage;
 			const messageId = $pendingMessageIdToRetry || undefined;

src/routes/conversation/[id]/phi/m.d.ts

@@ -1,65 +1,84 @@
 /* tslint:disable */
 /* eslint-disable */
 /**
-*/
+ */
 export class Model {
-    free(): void;
-  /**
-  * @param {Uint8Array} weights
-  * @param {Uint8Array} tokenizer
-  * @param {boolean} quantized
-  */
-    constructor(weights: Uint8Array, tokenizer: Uint8Array, quantized: boolean);
-  /**
-  * @param {string} prompt
-  * @param {number} temp
-  * @param {number} top_p
-  * @param {number} repeat_penalty
-  * @param {number} repeat_last_n
-  * @param {bigint} seed
-  * @returns {string}
-  */
-    init_with_prompt(prompt: string, temp: number, top_p: number, repeat_penalty: number, repeat_last_n: number, seed: bigint): string;
-  /**
-  * @returns {string}
-  */
-    next_token(): string;
-  }
-  
-  export type InitInput = RequestInfo | URL | Response | BufferSource | WebAssembly.Module;
-  
-  export interface InitOutput {
-    readonly memory: WebAssembly.Memory;
-    readonly __wbg_model_free: (a: number) => void;
-    readonly model_load: (a: number, b: number, c: number, d: number, e: number, f: number) => void;
-    readonly model_init_with_prompt: (a: number, b: number, c: number, d: number, e: number, f: number, g: number, h: number, i: number) => void;
-    readonly model_next_token: (a: number, b: number) => void;
-    readonly main: (a: number, b: number) => number;
-    readonly __wbindgen_add_to_stack_pointer: (a: number) => number;
-    readonly __wbindgen_malloc: (a: number, b: number) => number;
-    readonly __wbindgen_realloc: (a: number, b: number, c: number, d: number) => number;
-    readonly __wbindgen_free: (a: number, b: number, c: number) => void;
-    readonly __wbindgen_exn_store: (a: number) => void;
-    readonly __wbindgen_start: () => void;
-  }
-  
-  export type SyncInitInput = BufferSource | WebAssembly.Module;
-  /**
-  * Instantiates the given `module`, which can either be bytes or
-  * a precompiled `WebAssembly.Module`.
-  *
-  * @param {SyncInitInput} module
-  *
-  * @returns {InitOutput}
-  */
-  export function initSync(module: SyncInitInput): InitOutput;
-  
-  /**
-  * If `module_or_path` is {RequestInfo} or {URL}, makes a request and
-  * for everything else, calls `WebAssembly.instantiate` directly.
-  *
-  * @param {InitInput | Promise<InitInput>} module_or_path
-  *
-  * @returns {Promise<InitOutput>}
-  */
-  export default function __wbg_init (module_or_path?: InitInput | Promise<InitInput>): Promise<InitOutput>;
+	free(): void;
+	/**
+	 * @param {Uint8Array} weights
+	 * @param {Uint8Array} tokenizer
+	 * @param {boolean} quantized
+	 */
+	constructor(weights: Uint8Array, tokenizer: Uint8Array, quantized: boolean);
+	/**
+	 * @param {string} prompt
+	 * @param {number} temp
+	 * @param {number} top_p
+	 * @param {number} repeat_penalty
+	 * @param {number} repeat_last_n
+	 * @param {bigint} seed
+	 * @returns {string}
+	 */
+	init_with_prompt(
+		prompt: string,
+		temp: number,
+		top_p: number,
+		repeat_penalty: number,
+		repeat_last_n: number,
+		seed: bigint
+	): string;
+	/**
+	 * @returns {string}
+	 */
+	next_token(): string;
+}
+
+export type InitInput = RequestInfo | URL | Response | BufferSource | WebAssembly.Module;
+
+export interface InitOutput {
+	readonly memory: WebAssembly.Memory;
+	readonly __wbg_model_free: (a: number) => void;
+	readonly model_load: (a: number, b: number, c: number, d: number, e: number, f: number) => void;
+	readonly model_init_with_prompt: (
+		a: number,
+		b: number,
+		c: number,
+		d: number,
+		e: number,
+		f: number,
+		g: number,
+		h: number,
+		i: number
+	) => void;
+	readonly model_next_token: (a: number, b: number) => void;
+	readonly main: (a: number, b: number) => number;
+	readonly __wbindgen_add_to_stack_pointer: (a: number) => number;
+	readonly __wbindgen_malloc: (a: number, b: number) => number;
+	readonly __wbindgen_realloc: (a: number, b: number, c: number, d: number) => number;
+	readonly __wbindgen_free: (a: number, b: number, c: number) => void;
+	readonly __wbindgen_exn_store: (a: number) => void;
+	readonly __wbindgen_start: () => void;
+}
+
+export type SyncInitInput = BufferSource | WebAssembly.Module;
+/**
+ * Instantiates the given `module`, which can either be bytes or
+ * a precompiled `WebAssembly.Module`.
+ *
+ * @param {SyncInitInput} module
+ *
+ * @returns {InitOutput}
+ */
+export function initSync(module: SyncInitInput): InitOutput;
+
+/**
+ * If `module_or_path` is {RequestInfo} or {URL}, makes a request and
+ * for everything else, calls `WebAssembly.instantiate` directly.
+ *
+ * @param {InitInput | Promise<InitInput>} module_or_path
+ *
+ * @returns {Promise<InitOutput>}
+ */
+export default function __wbg_init(
+	module_or_path?: InitInput | Promise<InitInput>
+): Promise<InitOutput>;

src/routes/conversation/[id]/phi/m.js

@@ -1,21 +1,30 @@
 let wasm;
 
-const cachedTextDecoder = (typeof TextDecoder !== 'undefined' ? new TextDecoder('utf-8', { ignoreBOM: true, fatal: true }) : { decode: () => { throw Error('TextDecoder not available') } } );
-
-if (typeof TextDecoder !== 'undefined') { cachedTextDecoder.decode(); };
+const cachedTextDecoder =
+	typeof TextDecoder !== "undefined"
+		? new TextDecoder("utf-8", { ignoreBOM: true, fatal: true })
+		: {
+				decode: () => {
+					throw Error("TextDecoder not available");
+				},
+		  };
+
+if (typeof TextDecoder !== "undefined") {
+	cachedTextDecoder.decode();
+}
 
 let cachedUint8Memory0 = null;
 
 function getUint8Memory0() {
-    if (cachedUint8Memory0 === null || cachedUint8Memory0.byteLength === 0) {
-        cachedUint8Memory0 = new Uint8Array(wasm.memory.buffer);
-    }
-    return cachedUint8Memory0;
+	if (cachedUint8Memory0 === null || cachedUint8Memory0.byteLength === 0) {
+		cachedUint8Memory0 = new Uint8Array(wasm.memory.buffer);
+	}
+	return cachedUint8Memory0;
 }
 
 function getStringFromWasm0(ptr, len) {
-    ptr = ptr >>> 0;
-    return cachedTextDecoder.decode(getUint8Memory0().subarray(ptr, ptr + len));
+	ptr = ptr >>> 0;
+	return cachedTextDecoder.decode(getUint8Memory0().subarray(ptr, ptr + len));
 }
 
 const heap = new Array(128).fill(undefined);
@@ -25,452 +34,493 @@ heap.push(undefined, null, true, false);
 let heap_next = heap.length;
 
 function addHeapObject(obj) {
-    if (heap_next === heap.length) heap.push(heap.length + 1);
-    const idx = heap_next;
-    heap_next = heap[idx];
+	if (heap_next === heap.length) heap.push(heap.length + 1);
+	const idx = heap_next;
+	heap_next = heap[idx];
 
-    heap[idx] = obj;
-    return idx;
+	heap[idx] = obj;
+	return idx;
 }
 
-function getObject(idx) { return heap[idx]; }
+function getObject(idx) {
+	return heap[idx];
+}
 
 function dropObject(idx) {
-    if (idx < 132) return;
-    heap[idx] = heap_next;
-    heap_next = idx;
+	if (idx < 132) return;
+	heap[idx] = heap_next;
+	heap_next = idx;
 }
 
 function takeObject(idx) {
-    const ret = getObject(idx);
-    dropObject(idx);
-    return ret;
+	const ret = getObject(idx);
+	dropObject(idx);
+	return ret;
 }
 
 let WASM_VECTOR_LEN = 0;
 
 function passArray8ToWasm0(arg, malloc) {
-    const ptr = malloc(arg.length * 1, 1) >>> 0;
-    getUint8Memory0().set(arg, ptr / 1);
-    WASM_VECTOR_LEN = arg.length;
-    return ptr;
+	const ptr = malloc(arg.length * 1, 1) >>> 0;
+	getUint8Memory0().set(arg, ptr / 1);
+	WASM_VECTOR_LEN = arg.length;
+	return ptr;
 }
 
 let cachedInt32Memory0 = null;
 
 function getInt32Memory0() {
-    if (cachedInt32Memory0 === null || cachedInt32Memory0.byteLength === 0) {
-        cachedInt32Memory0 = new Int32Array(wasm.memory.buffer);
-    }
-    return cachedInt32Memory0;
+	if (cachedInt32Memory0 === null || cachedInt32Memory0.byteLength === 0) {
+		cachedInt32Memory0 = new Int32Array(wasm.memory.buffer);
+	}
+	return cachedInt32Memory0;
 }
 
-const cachedTextEncoder = (typeof TextEncoder !== 'undefined' ? new TextEncoder('utf-8') : { encode: () => { throw Error('TextEncoder not available') } } );
-
-const encodeString = (typeof cachedTextEncoder.encodeInto === 'function'
-    ? function (arg, view) {
-    return cachedTextEncoder.encodeInto(arg, view);
-}
-    : function (arg, view) {
-    const buf = cachedTextEncoder.encode(arg);
-    view.set(buf);
-    return {
-        read: arg.length,
-        written: buf.length
-    };
-});
+const cachedTextEncoder =
+	typeof TextEncoder !== "undefined"
+		? new TextEncoder("utf-8")
+		: {
+				encode: () => {
+					throw Error("TextEncoder not available");
+				},
+		  };
+
+const encodeString =
+	typeof cachedTextEncoder.encodeInto === "function"
+		? function (arg, view) {
+				return cachedTextEncoder.encodeInto(arg, view);
+		  }
+		: function (arg, view) {
+				const buf = cachedTextEncoder.encode(arg);
+				view.set(buf);
+				return {
+					read: arg.length,
+					written: buf.length,
+				};
+		  };
 
 function passStringToWasm0(arg, malloc, realloc) {
-
-    if (realloc === undefined) {
-        const buf = cachedTextEncoder.encode(arg);
-        const ptr = malloc(buf.length, 1) >>> 0;
-        getUint8Memory0().subarray(ptr, ptr + buf.length).set(buf);
-        WASM_VECTOR_LEN = buf.length;
-        return ptr;
-    }
-
-    let len = arg.length;
-    let ptr = malloc(len, 1) >>> 0;
-
-    const mem = getUint8Memory0();
-
-    let offset = 0;
-
-    for (; offset < len; offset++) {
-        const code = arg.charCodeAt(offset);
-        if (code > 0x7F) break;
-        mem[ptr + offset] = code;
-    }
-
-    if (offset !== len) {
-        if (offset !== 0) {
-            arg = arg.slice(offset);
-        }
-        ptr = realloc(ptr, len, len = offset + arg.length * 3, 1) >>> 0;
-        const view = getUint8Memory0().subarray(ptr + offset, ptr + len);
-        const ret = encodeString(arg, view);
-
-        offset += ret.written;
-    }
-
-    WASM_VECTOR_LEN = offset;
-    return ptr;
+	if (realloc === undefined) {
+		const buf = cachedTextEncoder.encode(arg);
+		const ptr = malloc(buf.length, 1) >>> 0;
+		getUint8Memory0()
+			.subarray(ptr, ptr + buf.length)
+			.set(buf);
+		WASM_VECTOR_LEN = buf.length;
+		return ptr;
+	}
+
+	let len = arg.length;
+	let ptr = malloc(len, 1) >>> 0;
+
+	const mem = getUint8Memory0();
+
+	let offset = 0;
+
+	for (; offset < len; offset++) {
+		const code = arg.charCodeAt(offset);
+		if (code > 0x7f) break;
+		mem[ptr + offset] = code;
+	}
+
+	if (offset !== len) {
+		if (offset !== 0) {
+			arg = arg.slice(offset);
+		}
+		ptr = realloc(ptr, len, (len = offset + arg.length * 3), 1) >>> 0;
+		const view = getUint8Memory0().subarray(ptr + offset, ptr + len);
+		const ret = encodeString(arg, view);
+
+		offset += ret.written;
+	}
+
+	WASM_VECTOR_LEN = offset;
+	return ptr;
 }
 
 function handleError(f, args) {
-    try {
-        return f.apply(this, args);
-    } catch (e) {
-        wasm.__wbindgen_exn_store(addHeapObject(e));
-    }
+	try {
+		return f.apply(this, args);
+	} catch (e) {
+		wasm.__wbindgen_exn_store(addHeapObject(e));
+	}
 }
 /**
-*/
+ */
 export class Model {
-
-    static __wrap(ptr) {
-        ptr = ptr >>> 0;
-        const obj = Object.create(Model.prototype);
-        obj.__wbg_ptr = ptr;
-
-        return obj;
-    }
-
-    __destroy_into_raw() {
-        const ptr = this.__wbg_ptr;
-        this.__wbg_ptr = 0;
-
-        return ptr;
-    }
-
-    free() {
-        const ptr = this.__destroy_into_raw();
-        wasm.__wbg_model_free(ptr);
-    }
-    /**
-    * @param {Uint8Array} weights
-    * @param {Uint8Array} tokenizer
-    * @param {boolean} quantized
-    */
-    constructor(weights, tokenizer, quantized) {
-        try {
-            const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
-            const ptr0 = passArray8ToWasm0(weights, wasm.__wbindgen_malloc);
-            const len0 = WASM_VECTOR_LEN;
-            const ptr1 = passArray8ToWasm0(tokenizer, wasm.__wbindgen_malloc);
-            const len1 = WASM_VECTOR_LEN;
-            wasm.model_load(retptr, ptr0, len0, ptr1, len1, quantized);
-            var r0 = getInt32Memory0()[retptr / 4 + 0];
-            var r1 = getInt32Memory0()[retptr / 4 + 1];
-            var r2 = getInt32Memory0()[retptr / 4 + 2];
-            if (r2) {
-                throw takeObject(r1);
-            }
-            return Model.__wrap(r0);
-        } finally {
-            wasm.__wbindgen_add_to_stack_pointer(16);
-        }
-    }
-    /**
-    * @param {string} prompt
-    * @param {number} temp
-    * @param {number} top_p
-    * @param {number} repeat_penalty
-    * @param {number} repeat_last_n
-    * @param {bigint} seed
-    * @returns {string}
-    */
-    init_with_prompt(prompt, temp, top_p, repeat_penalty, repeat_last_n, seed) {
-        let deferred3_0;
-        let deferred3_1;
-        try {
-            const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
-            const ptr0 = passStringToWasm0(prompt, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
-            const len0 = WASM_VECTOR_LEN;
-            wasm.model_init_with_prompt(retptr, this.__wbg_ptr, ptr0, len0, temp, top_p, repeat_penalty, repeat_last_n, seed);
-            var r0 = getInt32Memory0()[retptr / 4 + 0];
-            var r1 = getInt32Memory0()[retptr / 4 + 1];
-            var r2 = getInt32Memory0()[retptr / 4 + 2];
-            var r3 = getInt32Memory0()[retptr / 4 + 3];
-            var ptr2 = r0;
-            var len2 = r1;
-            if (r3) {
-                ptr2 = 0; len2 = 0;
-                throw takeObject(r2);
-            }
-            deferred3_0 = ptr2;
-            deferred3_1 = len2;
-            return getStringFromWasm0(ptr2, len2);
-        } finally {
-            wasm.__wbindgen_add_to_stack_pointer(16);
-            wasm.__wbindgen_free(deferred3_0, deferred3_1, 1);
-        }
-    }
-    /**
-    * @returns {string}
-    */
-    next_token() {
-        let deferred2_0;
-        let deferred2_1;
-        try {
-            const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
-            wasm.model_next_token(retptr, this.__wbg_ptr);
-            var r0 = getInt32Memory0()[retptr / 4 + 0];
-            var r1 = getInt32Memory0()[retptr / 4 + 1];
-            var r2 = getInt32Memory0()[retptr / 4 + 2];
-            var r3 = getInt32Memory0()[retptr / 4 + 3];
-            var ptr1 = r0;
-            var len1 = r1;
-            if (r3) {
-                ptr1 = 0; len1 = 0;
-                throw takeObject(r2);
-            }
-            deferred2_0 = ptr1;
-            deferred2_1 = len1;
-            return getStringFromWasm0(ptr1, len1);
-        } finally {
-            wasm.__wbindgen_add_to_stack_pointer(16);
-            wasm.__wbindgen_free(deferred2_0, deferred2_1, 1);
-        }
-    }
+	static __wrap(ptr) {
+		ptr = ptr >>> 0;
+		const obj = Object.create(Model.prototype);
+		obj.__wbg_ptr = ptr;
+
+		return obj;
+	}
+
+	__destroy_into_raw() {
+		const ptr = this.__wbg_ptr;
+		this.__wbg_ptr = 0;
+
+		return ptr;
+	}
+
+	free() {
+		const ptr = this.__destroy_into_raw();
+		wasm.__wbg_model_free(ptr);
+	}
+	/**
+	 * @param {Uint8Array} weights
+	 * @param {Uint8Array} tokenizer
+	 * @param {boolean} quantized
+	 */
+	constructor(weights, tokenizer, quantized) {
+		try {
+			const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
+			const ptr0 = passArray8ToWasm0(weights, wasm.__wbindgen_malloc);
+			const len0 = WASM_VECTOR_LEN;
+			const ptr1 = passArray8ToWasm0(tokenizer, wasm.__wbindgen_malloc);
+			const len1 = WASM_VECTOR_LEN;
+			wasm.model_load(retptr, ptr0, len0, ptr1, len1, quantized);
+			var r0 = getInt32Memory0()[retptr / 4 + 0];
+			var r1 = getInt32Memory0()[retptr / 4 + 1];
+			var r2 = getInt32Memory0()[retptr / 4 + 2];
+			if (r2) {
+				throw takeObject(r1);
+			}
+			return Model.__wrap(r0);
+		} finally {
+			wasm.__wbindgen_add_to_stack_pointer(16);
+		}
+	}
+	/**
+	 * @param {string} prompt
+	 * @param {number} temp
+	 * @param {number} top_p
+	 * @param {number} repeat_penalty
+	 * @param {number} repeat_last_n
+	 * @param {bigint} seed
+	 * @returns {string}
+	 */
+	init_with_prompt(prompt, temp, top_p, repeat_penalty, repeat_last_n, seed) {
+		let deferred3_0;
+		let deferred3_1;
+		try {
+			const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
+			const ptr0 = passStringToWasm0(prompt, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+			const len0 = WASM_VECTOR_LEN;
+			wasm.model_init_with_prompt(
+				retptr,
+				this.__wbg_ptr,
+				ptr0,
+				len0,
+				temp,
+				top_p,
+				repeat_penalty,
+				repeat_last_n,
+				seed
+			);
+			var r0 = getInt32Memory0()[retptr / 4 + 0];
+			var r1 = getInt32Memory0()[retptr / 4 + 1];
+			var r2 = getInt32Memory0()[retptr / 4 + 2];
+			var r3 = getInt32Memory0()[retptr / 4 + 3];
+			var ptr2 = r0;
+			var len2 = r1;
+			if (r3) {
+				ptr2 = 0;
+				len2 = 0;
+				throw takeObject(r2);
+			}
+			deferred3_0 = ptr2;
+			deferred3_1 = len2;
+			return getStringFromWasm0(ptr2, len2);
+		} finally {
+			wasm.__wbindgen_add_to_stack_pointer(16);
+			wasm.__wbindgen_free(deferred3_0, deferred3_1, 1);
+		}
+	}
+	/**
+	 * @returns {string}
+	 */
+	next_token() {
+		let deferred2_0;
+		let deferred2_1;
+		try {
+			const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
+			wasm.model_next_token(retptr, this.__wbg_ptr);
+			var r0 = getInt32Memory0()[retptr / 4 + 0];
+			var r1 = getInt32Memory0()[retptr / 4 + 1];
+			var r2 = getInt32Memory0()[retptr / 4 + 2];
+			var r3 = getInt32Memory0()[retptr / 4 + 3];
+			var ptr1 = r0;
+			var len1 = r1;
+			if (r3) {
+				ptr1 = 0;
+				len1 = 0;
+				throw takeObject(r2);
+			}
+			deferred2_0 = ptr1;
+			deferred2_1 = len1;
+			return getStringFromWasm0(ptr1, len1);
+		} finally {
+			wasm.__wbindgen_add_to_stack_pointer(16);
+			wasm.__wbindgen_free(deferred2_0, deferred2_1, 1);
+		}
+	}
 }
 
 async function __wbg_load(module, imports) {
-    if (typeof Response === 'function' && module instanceof Response) {
-        if (typeof WebAssembly.instantiateStreaming === 'function') {
-            try {
-                return await WebAssembly.instantiateStreaming(module, imports);
-
-            } catch (e) {
-                if (module.headers.get('Content-Type') != 'application/wasm') {
-                    console.warn("`WebAssembly.instantiateStreaming` failed because your server does not serve wasm with `application/wasm` MIME type. Falling back to `WebAssembly.instantiate` which is slower. Original error:\n", e);
-
-                } else {
-                    throw e;
-                }
-            }
-        }
-
-        const bytes = await module.arrayBuffer();
-        return await WebAssembly.instantiate(bytes, imports);
-
-    } else {
-        const instance = await WebAssembly.instantiate(module, imports);
-
-        if (instance instanceof WebAssembly.Instance) {
-            return { instance, module };
-
-        } else {
-            return instance;
-        }
-    }
+	if (typeof Response === "function" && module instanceof Response) {
+		if (typeof WebAssembly.instantiateStreaming === "function") {
+			try {
+				return await WebAssembly.instantiateStreaming(module, imports);
+			} catch (e) {
+				if (module.headers.get("Content-Type") != "application/wasm") {
+					console.warn(
+						"`WebAssembly.instantiateStreaming` failed because your server does not serve wasm with `application/wasm` MIME type. Falling back to `WebAssembly.instantiate` which is slower. Original error:\n",
+						e
+					);
+				} else {
+					throw e;
+				}
+			}
+		}
+
+		const bytes = await module.arrayBuffer();
+		return await WebAssembly.instantiate(bytes, imports);
+	} else {
+		const instance = await WebAssembly.instantiate(module, imports);
+
+		if (instance instanceof WebAssembly.Instance) {
+			return { instance, module };
+		} else {
+			return instance;
+		}
+	}
 }
 
 function __wbg_get_imports() {
-    const imports = {};
-    imports.wbg = {};
-    imports.wbg.__wbindgen_error_new = function(arg0, arg1) {
-        const ret = new Error(getStringFromWasm0(arg0, arg1));
-        return addHeapObject(ret);
-    };
-    imports.wbg.__wbg_new_abda76e883ba8a5f = function() {
-        const ret = new Error();
-        return addHeapObject(ret);
-    };
-    imports.wbg.__wbg_stack_658279fe44541cf6 = function(arg0, arg1) {
-        const ret = getObject(arg1).stack;
-        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
-        const len1 = WASM_VECTOR_LEN;
-        getInt32Memory0()[arg0 / 4 + 1] = len1;
-        getInt32Memory0()[arg0 / 4 + 0] = ptr1;
-    };
-    imports.wbg.__wbg_error_f851667af71bcfc6 = function(arg0, arg1) {
-        let deferred0_0;
-        let deferred0_1;
-        try {
-            deferred0_0 = arg0;
-            deferred0_1 = arg1;
-            console.error(getStringFromWasm0(arg0, arg1));
-        } finally {
-            wasm.__wbindgen_free(deferred0_0, deferred0_1, 1);
-        }
-    };
-    imports.wbg.__wbindgen_object_drop_ref = function(arg0) {
-        takeObject(arg0);
-    };
-    imports.wbg.__wbg_log_ff7e0b5e6573cdff = function(arg0, arg1) {
-        console.log(getStringFromWasm0(arg0, arg1));
-    };
-    imports.wbg.__wbg_crypto_c48a774b022d20ac = function(arg0) {
-        const ret = getObject(arg0).crypto;
-        return addHeapObject(ret);
-    };
-    imports.wbg.__wbindgen_is_object = function(arg0) {
-        const val = getObject(arg0);
-        const ret = typeof(val) === 'object' && val !== null;
-        return ret;
-    };
-    imports.wbg.__wbg_process_298734cf255a885d = function(arg0) {
-        const ret = getObject(arg0).process;
-        return addHeapObject(ret);
-    };
-    imports.wbg.__wbg_versions_e2e78e134e3e5d01 = function(arg0) {
-        const ret = getObject(arg0).versions;
-        return addHeapObject(ret);
-    };
-    imports.wbg.__wbg_node_1cd7a5d853dbea79 = function(arg0) {
-        const ret = getObject(arg0).node;
-        return addHeapObject(ret);
-    };
-    imports.wbg.__wbindgen_is_string = function(arg0) {
-        const ret = typeof(getObject(arg0)) === 'string';
-        return ret;
-    };
-    imports.wbg.__wbg_msCrypto_bcb970640f50a1e8 = function(arg0) {
-        const ret = getObject(arg0).msCrypto;
-        return addHeapObject(ret);
-    };
-    imports.wbg.__wbg_require_8f08ceecec0f4fee = function() { return handleError(function () {
-        const ret = module.require;
-        return addHeapObject(ret);
-    }, arguments) };
-    imports.wbg.__wbindgen_is_function = function(arg0) {
-        const ret = typeof(getObject(arg0)) === 'function';
-        return ret;
-    };
-    imports.wbg.__wbindgen_string_new = function(arg0, arg1) {
-        const ret = getStringFromWasm0(arg0, arg1);
-        return addHeapObject(ret);
-    };
-    imports.wbg.__wbg_getRandomValues_37fa2ca9e4e07fab = function() { return handleError(function (arg0, arg1) {
-        getObject(arg0).getRandomValues(getObject(arg1));
-    }, arguments) };
-    imports.wbg.__wbg_randomFillSync_dc1e9a60c158336d = function() { return handleError(function (arg0, arg1) {
-        getObject(arg0).randomFillSync(takeObject(arg1));
-    }, arguments) };
-    imports.wbg.__wbg_newnoargs_581967eacc0e2604 = function(arg0, arg1) {
-        const ret = new Function(getStringFromWasm0(arg0, arg1));
-        return addHeapObject(ret);
-    };
-    imports.wbg.__wbg_call_cb65541d95d71282 = function() { return handleError(function (arg0, arg1) {
-        const ret = getObject(arg0).call(getObject(arg1));
-        return addHeapObject(ret);
-    }, arguments) };
-    imports.wbg.__wbindgen_object_clone_ref = function(arg0) {
-        const ret = getObject(arg0);
-        return addHeapObject(ret);
-    };
-    imports.wbg.__wbg_self_1ff1d729e9aae938 = function() { return handleError(function () {
-        const ret = self.self;
-        return addHeapObject(ret);
-    }, arguments) };
-    imports.wbg.__wbg_window_5f4faef6c12b79ec = function() { return handleError(function () {
-        const ret = window.window;
-        return addHeapObject(ret);
-    }, arguments) };
-    imports.wbg.__wbg_globalThis_1d39714405582d3c = function() { return handleError(function () {
-        const ret = globalThis.globalThis;
-        return addHeapObject(ret);
-    }, arguments) };
-    imports.wbg.__wbg_global_651f05c6a0944d1c = function() { return handleError(function () {
-        const ret = global.global;
-        return addHeapObject(ret);
-    }, arguments) };
-    imports.wbg.__wbindgen_is_undefined = function(arg0) {
-        const ret = getObject(arg0) === undefined;
-        return ret;
-    };
-    imports.wbg.__wbg_call_01734de55d61e11d = function() { return handleError(function (arg0, arg1, arg2) {
-        const ret = getObject(arg0).call(getObject(arg1), getObject(arg2));
-        return addHeapObject(ret);
-    }, arguments) };
-    imports.wbg.__wbg_now_9c5990bda04c7e53 = function() {
-        const ret = Date.now();
-        return ret;
-    };
-    imports.wbg.__wbg_buffer_085ec1f694018c4f = function(arg0) {
-        const ret = getObject(arg0).buffer;
-        return addHeapObject(ret);
-    };
-    imports.wbg.__wbg_newwithbyteoffsetandlength_6da8e527659b86aa = function(arg0, arg1, arg2) {
-        const ret = new Uint8Array(getObject(arg0), arg1 >>> 0, arg2 >>> 0);
-        return addHeapObject(ret);
-    };
-    imports.wbg.__wbg_new_8125e318e6245eed = function(arg0) {
-        const ret = new Uint8Array(getObject(arg0));
-        return addHeapObject(ret);
-    };
-    imports.wbg.__wbg_set_5cf90238115182c3 = function(arg0, arg1, arg2) {
-        getObject(arg0).set(getObject(arg1), arg2 >>> 0);
-    };
-    imports.wbg.__wbg_newwithlength_e5d69174d6984cd7 = function(arg0) {
-        const ret = new Uint8Array(arg0 >>> 0);
-        return addHeapObject(ret);
-    };
-    imports.wbg.__wbg_subarray_13db269f57aa838d = function(arg0, arg1, arg2) {
-        const ret = getObject(arg0).subarray(arg1 >>> 0, arg2 >>> 0);
-        return addHeapObject(ret);
-    };
-    imports.wbg.__wbindgen_throw = function(arg0, arg1) {
-        throw new Error(getStringFromWasm0(arg0, arg1));
-    };
-    imports.wbg.__wbindgen_memory = function() {
-        const ret = wasm.memory;
-        return addHeapObject(ret);
-    };
-
-    return imports;
+	const imports = {};
+	imports.wbg = {};
+	imports.wbg.__wbindgen_error_new = function (arg0, arg1) {
+		const ret = new Error(getStringFromWasm0(arg0, arg1));
+		return addHeapObject(ret);
+	};
+	imports.wbg.__wbg_new_abda76e883ba8a5f = function () {
+		const ret = new Error();
+		return addHeapObject(ret);
+	};
+	imports.wbg.__wbg_stack_658279fe44541cf6 = function (arg0, arg1) {
+		const ret = getObject(arg1).stack;
+		const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+		const len1 = WASM_VECTOR_LEN;
+		getInt32Memory0()[arg0 / 4 + 1] = len1;
+		getInt32Memory0()[arg0 / 4 + 0] = ptr1;
+	};
+	imports.wbg.__wbg_error_f851667af71bcfc6 = function (arg0, arg1) {
+		let deferred0_0;
+		let deferred0_1;
+		try {
+			deferred0_0 = arg0;
+			deferred0_1 = arg1;
+			console.error(getStringFromWasm0(arg0, arg1));
+		} finally {
+			wasm.__wbindgen_free(deferred0_0, deferred0_1, 1);
+		}
+	};
+	imports.wbg.__wbindgen_object_drop_ref = function (arg0) {
+		takeObject(arg0);
+	};
+	imports.wbg.__wbg_log_ff7e0b5e6573cdff = function (arg0, arg1) {
+		console.log(getStringFromWasm0(arg0, arg1));
+	};
+	imports.wbg.__wbg_crypto_c48a774b022d20ac = function (arg0) {
+		const ret = getObject(arg0).crypto;
+		return addHeapObject(ret);
+	};
+	imports.wbg.__wbindgen_is_object = function (arg0) {
+		const val = getObject(arg0);
+		const ret = typeof val === "object" && val !== null;
+		return ret;
+	};
+	imports.wbg.__wbg_process_298734cf255a885d = function (arg0) {
+		const ret = getObject(arg0).process;
+		return addHeapObject(ret);
+	};
+	imports.wbg.__wbg_versions_e2e78e134e3e5d01 = function (arg0) {
+		const ret = getObject(arg0).versions;
+		return addHeapObject(ret);
+	};
+	imports.wbg.__wbg_node_1cd7a5d853dbea79 = function (arg0) {
+		const ret = getObject(arg0).node;
+		return addHeapObject(ret);
+	};
+	imports.wbg.__wbindgen_is_string = function (arg0) {
+		const ret = typeof getObject(arg0) === "string";
+		return ret;
+	};
+	imports.wbg.__wbg_msCrypto_bcb970640f50a1e8 = function (arg0) {
+		const ret = getObject(arg0).msCrypto;
+		return addHeapObject(ret);
+	};
+	imports.wbg.__wbg_require_8f08ceecec0f4fee = function () {
+		return handleError(function () {
+			const ret = module.require;
+			return addHeapObject(ret);
+		}, arguments);
+	};
+	imports.wbg.__wbindgen_is_function = function (arg0) {
+		const ret = typeof getObject(arg0) === "function";
+		return ret;
+	};
+	imports.wbg.__wbindgen_string_new = function (arg0, arg1) {
+		const ret = getStringFromWasm0(arg0, arg1);
+		return addHeapObject(ret);
+	};
+	imports.wbg.__wbg_getRandomValues_37fa2ca9e4e07fab = function () {
+		return handleError(function (arg0, arg1) {
+			getObject(arg0).getRandomValues(getObject(arg1));
+		}, arguments);
+	};
+	imports.wbg.__wbg_randomFillSync_dc1e9a60c158336d = function () {
+		return handleError(function (arg0, arg1) {
+			getObject(arg0).randomFillSync(takeObject(arg1));
+		}, arguments);
+	};
+	imports.wbg.__wbg_newnoargs_581967eacc0e2604 = function (arg0, arg1) {
+		const ret = new Function(getStringFromWasm0(arg0, arg1));
+		return addHeapObject(ret);
+	};
+	imports.wbg.__wbg_call_cb65541d95d71282 = function () {
+		return handleError(function (arg0, arg1) {
+			const ret = getObject(arg0).call(getObject(arg1));
+			return addHeapObject(ret);
+		}, arguments);
+	};
+	imports.wbg.__wbindgen_object_clone_ref = function (arg0) {
+		const ret = getObject(arg0);
+		return addHeapObject(ret);
+	};
+	imports.wbg.__wbg_self_1ff1d729e9aae938 = function () {
+		return handleError(function () {
+			const ret = self.self;
+			return addHeapObject(ret);
+		}, arguments);
+	};
+	imports.wbg.__wbg_window_5f4faef6c12b79ec = function () {
+		return handleError(function () {
+			const ret = window.window;
+			return addHeapObject(ret);
+		}, arguments);
+	};
+	imports.wbg.__wbg_globalThis_1d39714405582d3c = function () {
+		return handleError(function () {
+			const ret = globalThis.globalThis;
+			return addHeapObject(ret);
+		}, arguments);
+	};
+	imports.wbg.__wbg_global_651f05c6a0944d1c = function () {
+		return handleError(function () {
+			const ret = global.global;
+			return addHeapObject(ret);
+		}, arguments);
+	};
+	imports.wbg.__wbindgen_is_undefined = function (arg0) {
+		const ret = getObject(arg0) === undefined;
+		return ret;
+	};
+	imports.wbg.__wbg_call_01734de55d61e11d = function () {
+		return handleError(function (arg0, arg1, arg2) {
+			const ret = getObject(arg0).call(getObject(arg1), getObject(arg2));
+			return addHeapObject(ret);
+		}, arguments);
+	};
+	imports.wbg.__wbg_now_9c5990bda04c7e53 = function () {
+		const ret = Date.now();
+		return ret;
+	};
+	imports.wbg.__wbg_buffer_085ec1f694018c4f = function (arg0) {
+		const ret = getObject(arg0).buffer;
+		return addHeapObject(ret);
+	};
+	imports.wbg.__wbg_newwithbyteoffsetandlength_6da8e527659b86aa = function (arg0, arg1, arg2) {
+		const ret = new Uint8Array(getObject(arg0), arg1 >>> 0, arg2 >>> 0);
+		return addHeapObject(ret);
+	};
+	imports.wbg.__wbg_new_8125e318e6245eed = function (arg0) {
+		const ret = new Uint8Array(getObject(arg0));
+		return addHeapObject(ret);
+	};
+	imports.wbg.__wbg_set_5cf90238115182c3 = function (arg0, arg1, arg2) {
+		getObject(arg0).set(getObject(arg1), arg2 >>> 0);
+	};
+	imports.wbg.__wbg_newwithlength_e5d69174d6984cd7 = function (arg0) {
+		const ret = new Uint8Array(arg0 >>> 0);
+		return addHeapObject(ret);
+	};
+	imports.wbg.__wbg_subarray_13db269f57aa838d = function (arg0, arg1, arg2) {
+		const ret = getObject(arg0).subarray(arg1 >>> 0, arg2 >>> 0);
+		return addHeapObject(ret);
+	};
+	imports.wbg.__wbindgen_throw = function (arg0, arg1) {
+		throw new Error(getStringFromWasm0(arg0, arg1));
+	};
+	imports.wbg.__wbindgen_memory = function () {
+		const ret = wasm.memory;
+		return addHeapObject(ret);
+	};
+
+	return imports;
 }
 
-function __wbg_init_memory(imports, maybe_memory) {
-
-}
+function __wbg_init_memory(imports, maybe_memory) {}
 
 function __wbg_finalize_init(instance, module) {
-    wasm = instance.exports;
-    __wbg_init.__wbindgen_wasm_module = module;
-    cachedInt32Memory0 = null;
-    cachedUint8Memory0 = null;
+	wasm = instance.exports;
+	__wbg_init.__wbindgen_wasm_module = module;
+	cachedInt32Memory0 = null;
+	cachedUint8Memory0 = null;
 
-    wasm.__wbindgen_start();
-    return wasm;
+	wasm.__wbindgen_start();
+	return wasm;
 }
 
 function initSync(module) {
-    if (wasm !== undefined) return wasm;
+	if (wasm !== undefined) return wasm;
 
-    const imports = __wbg_get_imports();
+	const imports = __wbg_get_imports();
 
-    __wbg_init_memory(imports);
+	__wbg_init_memory(imports);
 
-    if (!(module instanceof WebAssembly.Module)) {
-        module = new WebAssembly.Module(module);
-    }
+	if (!(module instanceof WebAssembly.Module)) {
+		module = new WebAssembly.Module(module);
+	}
 
-    const instance = new WebAssembly.Instance(module, imports);
+	const instance = new WebAssembly.Instance(module, imports);
 
-    return __wbg_finalize_init(instance, module);
+	return __wbg_finalize_init(instance, module);
 }
 
 async function __wbg_init(input) {
-    if (wasm !== undefined) return wasm;
+	if (wasm !== undefined) return wasm;
 
-    if (typeof input === 'undefined') {
-        input = new URL('m_bg.wasm', import.meta.url);
-    }
-    const imports = __wbg_get_imports();
+	if (typeof input === "undefined") {
+		input = new URL("m_bg.wasm", import.meta.url);
+	}
+	const imports = __wbg_get_imports();
 
-    if (typeof input === 'string' || (typeof Request === 'function' && input instanceof Request) || (typeof URL === 'function' && input instanceof URL)) {
-        input = fetch(input);
-    }
+	if (
+		typeof input === "string" ||
+		(typeof Request === "function" && input instanceof Request) ||
+		(typeof URL === "function" && input instanceof URL)
+	) {
+		input = fetch(input);
+	}
 
-    __wbg_init_memory(imports);
+	__wbg_init_memory(imports);
 
-    const { instance, module } = await __wbg_load(await input, imports);
+	const { instance, module } = await __wbg_load(await input, imports);
 
-    return __wbg_finalize_init(instance, module);
+	return __wbg_finalize_init(instance, module);
 }
 
-export { initSync }
-export default __wbg_init;
+export { initSync };
+export default __wbg_init;

src/routes/conversation/[id]/phi/m_bg.wasm.d.ts

@@ -3,7 +3,17 @@
 export const memory: WebAssembly.Memory;
 export function __wbg_model_free(a: number): void;
 export function model_load(a: number, b: number, c: number, d: number, e: number, f: number): void;
-export function model_init_with_prompt(a: number, b: number, c: number, d: number, e: number, f: number, g: number, h: number, i: number): void;
+export function model_init_with_prompt(
+	a: number,
+	b: number,
+	c: number,
+	d: number,
+	e: number,
+	f: number,
+	g: number,
+	h: number,
+	i: number
+): void;
 export function model_next_token(a: number, b: number): void;
 export function main(a: number, b: number): number;
 export function __wbindgen_add_to_stack_pointer(a: number): number;
@@ -11,4 +21,4 @@ export function __wbindgen_malloc(a: number, b: number): number;
 export function __wbindgen_realloc(a: number, b: number, c: number, d: number): number;
 export function __wbindgen_free(a: number, b: number, c: number): void;
 export function __wbindgen_exn_store(a: number): void;
-export function __wbindgen_start(): void;
+export function __wbindgen_start(): void;

src/routes/conversation/[id]/worker.js

@@ -1,100 +1,101 @@
 import { pipeline, env } from "@xenova/transformers";
 import init, { Model } from "./phi/m.js";
-import URI from "urijs"
+import { streamToAsyncIterable } from "$lib/utils/streamToAsyncIterable";
+import URI from "urijs";
+import { compileTemplate2 } from "$lib/utils/template";
 
 // Shamelessly stolen from Transformers.js
 
 export async function tryCache(cache, ...names) {
-    for (let name of names) {
-        try {
-			console.log(name)
-            let result = await cache.match(name);
-            if (result) return result;
-        } catch (e) {
-            continue;
-        }
-    }
-    return undefined;
+	for (let name of names) {
+		try {
+			console.log(name);
+			let result = await cache.match(name);
+			if (result) return result;
+		} catch (e) {
+			continue;
+		}
+	}
+	return undefined;
 }
 
 async function read_stream(url, response) {
 	const reader = response.body.getReader();
-	const contentLength = +response.headers.get('Content-Length');
+	const contentLength = +response.headers.get("Content-Length");
 	let receivedLength = 0;
-	let chunks = []; 
-	let uri = new URI(url)
+	let chunks = [];
+	let uri = new URI(url);
 
-	while(true) {
-		const {done, value} = await reader.read();
+	while (true) {
+		const { done, value } = await reader.read();
 		if (done) {
 			break;
 		}
 		chunks.push(value);
 		receivedLength += value.length;
-		let percent = (receivedLength / contentLength) * 100
+		let percent = (receivedLength / contentLength) * 100;
 		self.postMessage({ status: "progress", file: uri.filename(), progress: percent });
 	}
 
-	let chunksAll = new Uint8Array(receivedLength); 
+	let chunksAll = new Uint8Array(receivedLength);
 	let position = 0;
-	for(let chunk of chunks) {
-		chunksAll.set(chunk, position); 
+	for (let chunk of chunks) {
+		chunksAll.set(chunk, position);
 		position += chunk.length;
 	}
-	return chunksAll
+	return chunksAll;
 }
 
 async function fetchArrayBuffer(url) {
-	let cache = await caches.open('transformers-cache');
+	let cache = await caches.open("transformers-cache");
 
 	const response = await tryCache(cache, url);
 	if (response != undefined) {
-		console.log(url)
-		let res = await read_stream(url, response)
-		cache.put(url, new Response(res, {
-            headers: response.headers
-        }));
+		console.log(url);
+		let res = await read_stream(url, response);
+		cache.put(
+			url,
+			new Response(res, {
+				headers: response.headers,
+			})
+		);
 		return new Uint8Array(res);
-	}
-	else {
+	} else {
 		const response = await fetch(url);
-		let res = await read_stream(url, response)
-		cache.put(url, new Response(res, {
-            headers: response.headers,
-        }));
+		let res = await read_stream(url, response);
+		cache.put(
+			url,
+			new Response(res, {
+				headers: response.headers,
+			})
+		);
 		return new Uint8Array(res);
 	}
-
-
 }
 
 class Phi {
 	static instance = {};
-  
+
 	static async getInstance(weightsURL, modelID, tokenizerURL, quantized) {
-	  // load individual modelID only once
-	  if (!this.instance[modelID]) {
-		await init();
-  
-		self.postMessage({ status: "loading", message: "Loading Model" });
-  
-		const [weightsArrayU8, tokenizerArrayU8] = await Promise.all([
-		  fetchArrayBuffer(weightsURL),
-		  fetchArrayBuffer(tokenizerURL),
-		]);
-
-		self.postMessage({ status: "init_model" });
-  
-		this.instance[modelID] = new Model(
-		  weightsArrayU8,
-		  tokenizerArrayU8,
-		  quantized
-		);
-		self.postMessage({ status: "ready", model: "phi-1_5" });
-	  }
-	  return this.instance[modelID];
+		// load individual modelID only once
+		if (!this.instance[modelID]) {
+			await init();
+
+			self.postMessage({ status: "loading", message: "Loading Model" });
+
+			const [weightsArrayU8, tokenizerArrayU8] = await Promise.all([
+				fetchArrayBuffer(weightsURL),
+				fetchArrayBuffer(tokenizerURL),
+			]);
+
+			self.postMessage({ status: "init_model" });
+
+			this.instance[modelID] = new Model(weightsArrayU8, tokenizerArrayU8, quantized);
+			self.postMessage({ status: "ready", model: "phi-1_5" });
+		}
+		return this.instance[modelID];
 	}
- }
+}
 
 export class FlanPipeline {
 	static curr_model = "";
@@ -119,23 +120,31 @@ let phi_model = null;
 
 // Listen for messages from the main thread
 self.addEventListener("message", async (event) => {
-	if (event.data.command != "abort") {
-		if (event.data.is_phi) {
+	if (event.data.command == "abort") {
+		console.log("ABORT");
+		if (controller != null) {
+			try {
+				controller.abort();
+			} catch (e) {
+				console.log(e);
+			}
+		}
+	} else if (event.data.model_obj.is_local ?? true) {
+		if (event.data.model_obj.is_phi ?? false) {
 			controller = new AbortController();
 			generate_phi(event.data);
-		}
-		else {
+		} else {
 			let pipe = await FlanPipeline.getInstance(
 				(x) => {
 					self.postMessage(x);
 				},
 				event.data.model,
-				event.data.task
+				event.data.model_obj.type
 			);
-		
+
 			let output = await pipe(event.data.text, {
-				max_new_tokens: event.data.max_new_tokens,
-				temperature: event.data.temperature,
+				max_new_tokens: event.data.model_obj.parameters?.max_new_tokens ?? 256,
+				temperature: event.data.model_obj.parameters?.temperature ?? 0.7,
 				callback_function: (x) => {
 					self.postMessage({
 						status: "update",
@@ -144,30 +153,144 @@ self.addEventListener("message", async (event) => {
 					});
 				},
 			});
-		
+
 			// Send the output back to the main thread
 			self.postMessage({
 				status: "complete",
 				output: output,
 				searchID: event.data.searchID,
 				id_now: event.data.id_now,
+				model: "phi-1_5",
 			});
 		}
-	}
-	else {
-		if (controller != null)
-			controller.abort();
-	}
-});
+	} else {
+		const m = {
+			preprompt: event.data.model_obj.preprompt,
+			userMessageToken: event.data.model_obj.userMessageToken,
+			userMessageEndToken: event.data.model_obj.userMessageEndToken,
+			assistantMessageToken: event.data.model_obj.assistantMessageToken,
+			assistantMessageEndToken: event.data.model_obj.assistantMessageEndToken,
+		}
+		console.log(event.data.model_obj.chatPromptTemplate)
+		const t = compileTemplate2(event.data.model_obj.chatPromptTemplate, m)
+		const res = t({messages: event.data.messages, preprompt: m.preprompt})
+		console.log(res)
+		controller = new AbortController();
+		const context = buildContext(event.data);
+		const newParameters = {
+			max_new_tokens: event.data.model_obj.parameters?.max_new_tokens ?? 256,
+			temperature: event.data.model_obj.parameters?.temperature ?? 0.7,
+			truncate: event.data.model_obj.parameters?.truncate ?? 2048,
+			return_full_text: false,
+		};
+		let body = JSON.stringify({
+			inputs: res,
+			parameters: newParameters,
+		});
+		let text_output = "";
+		const server_addr = event.data.model_obj.server_addr ?? ""
+		try {
+			let resp = await fetch(server_addr + "/generate_stream", {
+				headers: {
+					"Content-Type": "application/json",
+					accesstoken: event.data.jwt,
+				},
+				method: "POST",
+				body: body,
+				signal: controller.signal,
+			});
+			if (resp.ok) {
+				let stream1 = resp.body;
+				for await (const input of streamToAsyncIterable(stream1)) {
+					const lines = new TextDecoder()
+						.decode(input)
+						.split("\n")
+						.filter((line) => line.startsWith("data:"));
 
+					for (const message of lines) {
+						let lastIndex = message.lastIndexOf("\ndata:");
+						if (lastIndex === -1) {
+							lastIndex = message.indexOf("data");
+						}
 
+						if (lastIndex === -1) {
+							console.error("Could not parse last message", message);
+						}
+
+						let lastMessage = message.slice(lastIndex).trim().slice("data:".length);
+						if (lastMessage.includes("\n")) {
+							lastMessage = lastMessage.slice(0, lastMessage.indexOf("\n"));
+						}
+
+						try {
+							const lastMessageJSON = JSON.parse(lastMessage);
+							if (!lastMessageJSON.generated_text) {
+								const res = lastMessageJSON.token.text;
+								text_output += res;
+								self.postMessage({
+									status: "update",
+									output: text_output,
+									id_now: event.data.id_now,
+								});
+							}
+						} catch (e) {
+							console.log(lastMessage);
+							console.log(e);
+						}
+					}
+				}
+			} else {
+				if (resp.status == 401 || resp.status == 403) {
+					self.postMessage({
+						status: "invalid_jwt",
+					});
+				}
+				console.log(resp);
+				self.postMessage({
+					status: "aborted",
+					output: text_output,
+					searchID: event.data.searchID,
+					id_now: event.data.id_now,
+				})
+				self.postMessage({
+					status: "error",
+					output: text_output,
+					error: "Error while trying to communicate with the server",
+				})
+				return;
+			}
+		} catch (e) {
+			console.log(e)
+			self.postMessage({
+				status: "aborted",
+				output: text_output,
+				searchID: event.data.searchID,
+				id_now: event.data.id_now,
+			})
+			if (e.name != "AbortError") {
+				self.postMessage({
+					status: "error",
+					output: text_output,
+					error: "Error while trying to communicate with the server",
+				})
+			}
+			return;
+		}
+		self.postMessage({
+			status: "complete",
+			output: text_output,
+			searchID: event.data.searchID,
+			id_now: event.data.id_now,
+		});
+	}
+});
 
 async function generate_phi(data) {
 	const tokenizerURL = "https://huggingface.co/microsoft/phi-1_5/raw/main/tokenizer.json";
 	const weightsURL = "https://huggingface.co/lmz/candle-quantized-phi/resolve/main/model-q4k.gguf";
-	let prompt = data.text
-	let maxSeqLen = data.max_new_tokens
-	let temp = data.temperature
+	let prompt = data.text;
+	let maxSeqLen = data.model_obj.parameters?.max_new_tokens ?? 256;
+	let temp = data.model_obj.parameters?.temperature ?? 0.7;
 	let modelID = 0;
 	let quantized = true;
 	let top_p = 1;
@@ -177,76 +300,89 @@ async function generate_phi(data) {
 	self.postMessage({ status: "initiate", file: "tokenizer.json", name: "phi-1_5" }); // Fake init
 
 	try {
-	  const model = await Phi.getInstance(
-		weightsURL,
-		modelID,
-		tokenizerURL,
-		quantized
-	  );
-  
-	  const firstToken = model.init_with_prompt(
-		prompt,
-		temp,
-		top_p,
-		repeatPenalty,
-		64,
-		BigInt(seed)
-	  );
-	  const seq_len = 2048;
-  
-	  let sentence = firstToken;
-	  let maxTokens = maxSeqLen ? maxSeqLen : seq_len - prompt.length - 1;
-	  let startTime = performance.now();
-	  let tokensCount = 0;
-
-	  while (tokensCount < maxTokens) {
-		await new Promise(async (resolve) => {
-		  if (controller && controller.signal.aborted) {
-			self.postMessage({
-			  status: "aborted",
-			  message: "Aborted",
-			  output: sentence,
-			  searchID: data.searchID,
-			  id_now: data.id_now,
-			});
-			return;
-		  }
-		  const token = await model.next_token();
-		  if (token === "<|endoftext|>") {
-			self.postMessage({
-			  status: "complete",
-			  output: sentence,
-			  searchID: data.searchID,
-			  id_now: data.id_now,
+		const model = await Phi.getInstance(weightsURL, modelID, tokenizerURL, quantized);
+
+		const firstToken = model.init_with_prompt(prompt, temp, top_p, repeatPenalty, 64, BigInt(seed));
+		const seq_len = 2048;
+
+		let sentence = firstToken;
+		let maxTokens = maxSeqLen ? maxSeqLen : seq_len - prompt.length - 1;
+		let startTime = performance.now();
+		let tokensCount = 0;
+
+		while (tokensCount < maxTokens) {
+			await new Promise(async (resolve) => {
+				if (controller && controller.signal.aborted) {
+					self.postMessage({
+						status: "aborted",
+						message: "Aborted",
+						output: sentence,
+						searchID: data.searchID,
+						id_now: data.id_now,
+					});
+					return;
+				}
+				const token = await model.next_token();
+				if (token === "<|endoftext|>") {
+					self.postMessage({
+						status: "complete",
+						output: sentence,
+						searchID: data.searchID,
+						id_now: data.id_now,
+					});
+					return;
+				}
+				const tokensSec = ((tokensCount + 1) / (performance.now() - startTime)) * 1000;
+
+				sentence += token;
+				self.postMessage({
+					status: "update",
+					message: "Generating token",
+					token: token,
+					output: sentence,
+					totalTime: performance.now() - startTime,
+					tokensSec,
+					prompt: prompt,
+					id_now: data.id_now,
+				});
+				setTimeout(resolve, 0);
 			});
-			return;
-		  }
-		  const tokensSec =
-			((tokensCount + 1) / (performance.now() - startTime)) * 1000;
-  
-		  sentence += token;
-		  self.postMessage({
-			status: "update",
-			message: "Generating token",
-			token: token,
+			tokensCount++;
+		}
+		self.postMessage({
+			status: "complete",
 			output: sentence,
-			totalTime: performance.now() - startTime,
-			tokensSec,
-			prompt: prompt,
+			searchID: data.searchID,
 			id_now: data.id_now,
-		  });
-		  setTimeout(resolve, 0);
 		});
-		tokensCount++;
-	  }
-	  self.postMessage({
-		status: "complete",
-		output: sentence,
-		searchID: data.searchID,
-		id_now: data.id_now,
-	  });
 	} catch (e) {
-      console.log(e)
-	  self.postMessage({ error: e });
+		console.log(e);
+		self.postMessage({ error: e });
 	}
-  }
+}
+function buildContext(data) {
+	// Will be replaced by the original contextManager made by HF
+	let context = "";
+	let got_user_prompt = false;
+	for (let message of data.messages) {
+		if (message.content.trim().length > 0) {
+			if (message.from === "user") {
+				if (got_user_prompt == false) {
+					context = context + "<s>[INST] " + message.content;
+					got_user_prompt = true;
+				} else {
+					context = context + " " + message.content;
+				}
+			} else {
+				got_user_prompt = false;
+				context = context + " [/INST]" + message.content + " </s>";
+			}
+		}
+	}
+	if (got_user_prompt == true) {
+		context = context + " [/INST]";
+	} else {
+		context = context + "<s>[INST] " + data.text + " [/INST]";
+	}
+	return context;
+}

src/routes/login/+page.server.ts

@@ -3,7 +3,7 @@ import { getOIDCAuthorizationUrl } from "$lib/server/auth";
 import { base } from "$app/paths";
 
 export const actions = {
-	default: async function ({ url, locals, request }) {
+	default: async function ({ url }: { url: URLSearchParams; locals: any; request: Request }) {
 		// TODO: Handle errors if provider is not responding
 		const referer = request.headers.get("referer");
 		const authorizationUrl = await getOIDCAuthorizationUrl(

src/routes/model/flan/+page.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+	import { goto, invalidate } from "$app/navigation";
+	import { PUBLIC_APP_NAME } from "$env/static/public";
+	import { base } from "$app/paths";
+	import { onMount } from "svelte";
+	import { curr_model_writable } from "../../../routes/LayoutWritable";
+
+	onMount(() => {
+		curr_model_writable.set(0);
+		goto(`/`, { invalidateAll: true });
+	});
+</script>
+
+<svelte:head>
+	<title>{PUBLIC_APP_NAME}</title>
+</svelte:head>

src/routes/model/phi/+page.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+	import { goto, invalidate } from "$app/navigation";
+	import { PUBLIC_APP_NAME } from "$env/static/public";
+	import { base } from "$app/paths";
+	import { onMount } from "svelte";
+	import { curr_model_writable } from "../../../routes/LayoutWritable";
+
+	onMount(() => {
+		curr_model_writable.set(1);
+		goto(`/`, { invalidateAll: true });
+	});
+</script>
+
+<svelte:head>
+	<title>{PUBLIC_APP_NAME}</title>
+</svelte:head>

src/routes/tools.ts

@@ -0,0 +1,27 @@
+export async function getApiKey() {
+    try {
+        const response = await fetch("https://cloud.mithrilsecurity.io/api/apiKeys/chat", {
+            method: "GET",
+            credentials: "include",
+            headers: {
+                "Content-Type": "application/json",
+            },
+        });
+
+        if (response.ok) {
+            // Parse the JSON response
+            const data = await response.json();
+
+            const apiKeyValue = data.value;
+
+            return apiKeyValue;
+        } else {
+            // Handle errors
+            console.error("API Key retrieval failed");
+        }
+    } catch (error) {
+        // Handle network errors
+        console.error("Network error", error);
+    }
+    return "";
+}