From 8cecac1e407ab0602f67201ea6461212a08b444e Mon Sep 17 00:00:00 2001
From: Dany <zdanymc@gmail.com>
Date: Tue, 13 Feb 2024 18:53:44 +0100
Subject: [PATCH 1/2] add upgradable plugin key, fix scrollbar color

- update deps
---
 components.d.ts           |   1 +
 package-lock.json         | 827 +++++++++++++++++---------------------
 package.json              |  56 +--
 src/assets/main.css       |  28 +-
 src/views/PluginsView.vue |  59 +--
 5 files changed, 448 insertions(+), 523 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index 963a609..3fda63d 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -16,6 +16,7 @@ declare module 'vue' {
     Header: typeof import('./src/components/Header.vue')['default']
     HeroiconsAdjustmentsVertical: typeof import('~icons/heroicons/adjustments-vertical')['default']
     HeroiconsArrowDown20Solid: typeof import('~icons/heroicons/arrow-down20-solid')['default']
+    HeroiconsArrowUpSolid: typeof import('~icons/heroicons/arrow-up-solid')['default']
     HeroiconsBars3Solid: typeof import('~icons/heroicons/bars3-solid')['default']
     HeroiconsBoltSolid: typeof import('~icons/heroicons/bolt-solid')['default']
     HeroiconsChevronUpDown20Solid: typeof import('~icons/heroicons/chevron-up-down20-solid')['default']
diff --git a/package-lock.json b/package-lock.json
index 08b97e7..b10ce4d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,62 +8,62 @@
 			"name": "ccat-admin",
 			"version": "1.0.0",
 			"dependencies": {
-				"@headlessui/vue": "^1.7.16",
+				"@headlessui/vue": "^1.7.19",
 				"@saehrimnir/druidjs": "github:saehm/DruidJS#ts",
 				"@tailwindcss/forms": "^0.5.7",
 				"@types/lodash": "^4.14.202",
 				"@vee-validate/rules": "^4.11.6",
-				"@vueuse/components": "^10.7.1",
-				"@vueuse/core": "^10.7.1",
+				"@vueuse/components": "^10.7.2",
+				"@vueuse/core": "^10.7.2",
 				"@vueuse/sound": "^2.0.1",
 				"animate.css": "^4.1.1",
-				"apexcharts": "^3.45.1",
-				"axios": "^1.6.3",
-				"ccat-api": "^0.9.1",
-				"daisyui": "^4.4.24",
+				"apexcharts": "^3.45.2",
+				"axios": "^1.6.7",
+				"ccat-api": "^0.9.3",
+				"daisyui": "^4.7.1",
 				"highlight.js": "^11.9.0",
 				"lodash": "^4.17.21",
 				"pinia": "^2.1.7",
 				"remarkable": "^2.0.1",
 				"vee-validate": "^4.11.7",
-				"vite-tsconfig-paths": "^4.2.2",
-				"vue": "^3.3.12",
+				"vite-tsconfig-paths": "^4.3.1",
+				"vue": "^3.4.19",
 				"vue-router": "^4.2.5",
-				"vue3-apexcharts": "^1.4.4"
+				"vue3-apexcharts": "^1.5.2"
 			},
 			"devDependencies": {
 				"@iconify-json/heroicons": "^1.1.19",
-				"@iconify-json/ph": "^1.1.9",
+				"@iconify-json/ph": "^1.1.11",
 				"@pinia/testing": "^0.1.3",
-				"@playwright/test": "^1.40.1",
-				"@rushstack/eslint-patch": "^1.6.1",
+				"@playwright/test": "^1.41.2",
+				"@rushstack/eslint-patch": "^1.7.2",
 				"@tsconfig/node18": "^18.2.2",
 				"@types/jsdom": "^21.1.6",
-				"@types/node": "^20.10.5",
+				"@types/node": "^20.11.17",
 				"@types/remarkable": "^2.0.8",
-				"@vitejs/plugin-vue": "^5.0.0",
-				"@vitest/ui": "^1.1.0",
+				"@vitejs/plugin-vue": "^5.0.4",
+				"@vitest/ui": "^1.2.2",
 				"@vue/eslint-config-typescript": "^12.0.0",
-				"@vue/test-utils": "^2.4.3",
+				"@vue/test-utils": "^2.4.4",
 				"@vue/tsconfig": "^0.5.1",
-				"autoprefixer": "^10.4.16",
+				"autoprefixer": "^10.4.17",
 				"eslint": "^8.56.0",
 				"eslint-config-prettier": "^9.1.0",
-				"eslint-plugin-prettier": "^5.1.2",
-				"eslint-plugin-tailwindcss": "^3.13.0",
-				"eslint-plugin-vue": "^9.19.2",
-				"jsdom": "^23.0.1",
+				"eslint-plugin-prettier": "^5.1.3",
+				"eslint-plugin-tailwindcss": "^3.14.2",
+				"eslint-plugin-vue": "^9.21.1",
+				"jsdom": "^24.0.0",
 				"npm-run-all": "^4.1.5",
-				"postcss": "^8.4.32",
-				"prettier": "3.1.1",
+				"postcss": "^8.4.35",
+				"prettier": "3.2.5",
 				"tailwindcss": "^3.4.1",
 				"typescript": "~5.3.3",
-				"unplugin-auto-import": "^0.17.3",
+				"unplugin-auto-import": "^0.17.5",
 				"unplugin-fonts": "^1.1.1",
-				"unplugin-icons": "^0.18.1",
+				"unplugin-icons": "^0.18.5",
 				"unplugin-vue-components": "^0.26.0",
-				"vite": "^5.0.10",
-				"vitest": "^1.1.0",
+				"vite": "^5.1.1",
+				"vitest": "^1.2.2",
 				"vue-tsc": "^1.8.27"
 			}
 		},
@@ -109,9 +109,9 @@
 			}
 		},
 		"node_modules/@babel/parser": {
-			"version": "7.23.6",
-			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.6.tgz",
-			"integrity": "sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==",
+			"version": "7.23.9",
+			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.9.tgz",
+			"integrity": "sha512-9tcKgqKbs3xGJ+NtKF2ndOBBLVwPjl1SHxPQkd36r3Dlirw3xWUeGaTbqr7uGZcTaxkVNwc+03SVP7aCdWrTlA==",
 			"bin": {
 				"parser": "bin/babel-parser.js"
 			},
@@ -544,9 +544,12 @@
 			}
 		},
 		"node_modules/@headlessui/vue": {
-			"version": "1.7.16",
-			"resolved": "https://registry.npmjs.org/@headlessui/vue/-/vue-1.7.16.tgz",
-			"integrity": "sha512-nKT+nf/q6x198SsyK54mSszaQl/z+QxtASmgMEJtpxSX2Q0OPJX0upS/9daDyiECpeAsvjkoOrm2O/6PyBQ+Qg==",
+			"version": "1.7.19",
+			"resolved": "https://registry.npmjs.org/@headlessui/vue/-/vue-1.7.19.tgz",
+			"integrity": "sha512-VFjKPybogux/5/QYGSq4zgG/x3RcxId15W8uguAJAjPBxelI23dwjOjTx/mIiMkM/Hd3rzFxcf2aIp56eEWRcA==",
+			"dependencies": {
+				"@tanstack/vue-virtual": "^3.0.0-beta.60"
+			},
 			"engines": {
 				"node": ">=10"
 			},
@@ -597,9 +600,9 @@
 			}
 		},
 		"node_modules/@iconify-json/ph": {
-			"version": "1.1.9",
-			"resolved": "https://registry.npmjs.org/@iconify-json/ph/-/ph-1.1.9.tgz",
-			"integrity": "sha512-LcKe7rSp4zm1Rpafsv03DVdta65ePmPMH7IHLErD8nFLL2jNAtt/8CUAJWbaqYztE3V4wEg21az09Ur6yo9CXw==",
+			"version": "1.1.11",
+			"resolved": "https://registry.npmjs.org/@iconify-json/ph/-/ph-1.1.11.tgz",
+			"integrity": "sha512-izLvLZrU7WM03zNwNWNrAySv3i45hM3D3K6USjCGBSQMUG0HB8zxwrMf4O0leDrganmuQBH7Z0DWTgyH1ET/fg==",
 			"dev": true,
 			"dependencies": {
 				"@iconify/types": "*"
@@ -612,9 +615,9 @@
 			"dev": true
 		},
 		"node_modules/@iconify/utils": {
-			"version": "2.1.14",
-			"resolved": "https://registry.npmjs.org/@iconify/utils/-/utils-2.1.14.tgz",
-			"integrity": "sha512-9pKIntkbLbjVVFxH32td21Am3AGGJfyI2KY2d8yDQxkZe4BBZtufJI8NgcamFn8B5QKLU9ai2VMo8OEov8jAtw==",
+			"version": "2.1.22",
+			"resolved": "https://registry.npmjs.org/@iconify/utils/-/utils-2.1.22.tgz",
+			"integrity": "sha512-6UHVzTVXmvO8uS6xFF+L/QTSpTzA/JZxtgU+KYGFyDYMEObZ1bu/b5l+zNJjHy+0leWjHI+C0pXlzGvv3oXZMA==",
 			"dev": true,
 			"dependencies": {
 				"@antfu/install-pkg": "^0.1.1",
@@ -622,7 +625,8 @@
 				"@iconify/types": "^2.0.0",
 				"debug": "^4.3.4",
 				"kolorist": "^1.8.0",
-				"local-pkg": "^0.4.3"
+				"local-pkg": "^0.5.0",
+				"mlly": "^1.5.0"
 			}
 		},
 		"node_modules/@iconify/utils/node_modules/@antfu/install-pkg": {
@@ -694,6 +698,22 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
+		"node_modules/@iconify/utils/node_modules/local-pkg": {
+			"version": "0.5.0",
+			"resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.5.0.tgz",
+			"integrity": "sha512-ok6z3qlYyCDS4ZEU27HaU6x/xZa9Whf8jD4ptH5UZTQYZVYeb9bnZ3ojVhiJNLiXK1Hfc0GNbLXcmZ5plLDDBg==",
+			"dev": true,
+			"dependencies": {
+				"mlly": "^1.4.2",
+				"pkg-types": "^1.0.3"
+			},
+			"engines": {
+				"node": ">=14"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/antfu"
+			}
+		},
 		"node_modules/@iconify/utils/node_modules/mimic-fn": {
 			"version": "2.1.0",
 			"resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
@@ -892,12 +912,12 @@
 			}
 		},
 		"node_modules/@playwright/test": {
-			"version": "1.40.1",
-			"resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.40.1.tgz",
-			"integrity": "sha512-EaaawMTOeEItCRvfmkI9v6rBkF1svM8wjl/YPRrg2N2Wmp+4qJYkWtJsbew1szfKKDm6fPLy4YAanBhIlf9dWw==",
+			"version": "1.41.2",
+			"resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.41.2.tgz",
+			"integrity": "sha512-qQB9h7KbibJzrDpkXkYvsmiDJK14FULCCZgEcoe2AvFAS64oCirWTwzTlAYEbKaRxWs5TFesE1Na6izMv3HfGg==",
 			"dev": true,
 			"dependencies": {
-				"playwright": "1.40.1"
+				"playwright": "1.41.2"
 			},
 			"bin": {
 				"playwright": "cli.js"
@@ -907,9 +927,9 @@
 			}
 		},
 		"node_modules/@polka/url": {
-			"version": "1.0.0-next.23",
-			"resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.23.tgz",
-			"integrity": "sha512-C16M+IYz0rgRhWZdCmK+h58JMv8vijAA61gmz2rspCSwKwzBebpdcsiUmwrtJRdphuY30i6BSLEOP8ppbNLyLg==",
+			"version": "1.0.0-next.24",
+			"resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.24.tgz",
+			"integrity": "sha512-2LuNTFBIO0m7kKIQvvPHN6UE63VjpmL9rnEEaOOaiSPbZK+zUOYIzBAWcED+3XYzhYsd/0mD57VdxAEqqV52CQ==",
 			"dev": true
 		},
 		"node_modules/@rollup/pluginutils": {
@@ -1104,9 +1124,9 @@
 			]
 		},
 		"node_modules/@rushstack/eslint-patch": {
-			"version": "1.6.1",
-			"resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.6.1.tgz",
-			"integrity": "sha512-UY+FGM/2jjMkzQLn8pxcHGMaVLh9aEitG3zY2CiY7XHdLiz3bZOwa6oDxNqEMv7zZkV+cj5DOdz0cQ1BP5Hjgw==",
+			"version": "1.7.2",
+			"resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.7.2.tgz",
+			"integrity": "sha512-RbhOOTCNoCrbfkRyoXODZp75MlpiHMgbE5MEBZAnnnLyQNgrigEj4p0lzsMDyc1zVsJDLrivB58tgg3emX0eEA==",
 			"dev": true
 		},
 		"node_modules/@saehrimnir/druidjs": {
@@ -1134,6 +1154,30 @@
 				"tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1"
 			}
 		},
+		"node_modules/@tanstack/virtual-core": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.0.0.tgz",
+			"integrity": "sha512-SYXOBTjJb05rXa2vl55TTwO40A6wKu0R5i1qQwhJYNDIqaIGF7D0HsLw+pJAyi2OvntlEIVusx3xtbbgSUi6zg==",
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/tannerlinsley"
+			}
+		},
+		"node_modules/@tanstack/vue-virtual": {
+			"version": "3.0.4",
+			"resolved": "https://registry.npmjs.org/@tanstack/vue-virtual/-/vue-virtual-3.0.4.tgz",
+			"integrity": "sha512-SDk3n+dMZnAXEAx+HZ0wQwBN00Ne7Qk4z29QnawJy6jzOOpoajt7Mm6gIEERin1D4ALxW5WpuDqhlnV2TNFQ+A==",
+			"dependencies": {
+				"@tanstack/virtual-core": "3.0.0"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/tannerlinsley"
+			},
+			"peerDependencies": {
+				"vue": "^2.7.0 || ^3.0.0"
+			}
+		},
 		"node_modules/@tsconfig/node18": {
 			"version": "18.2.2",
 			"resolved": "https://registry.npmjs.org/@tsconfig/node18/-/node18-18.2.2.tgz",
@@ -1169,9 +1213,9 @@
 			"integrity": "sha512-OvlIYQK9tNneDlS0VN54LLd5uiPCBOp7gS5Z0f1mjoJYBrtStzgmJBxONW3U6OZqdtNzZPmn9BS/7WI7BFFcFQ=="
 		},
 		"node_modules/@types/node": {
-			"version": "20.10.5",
-			"resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.5.tgz",
-			"integrity": "sha512-nNPsNE65wjMxEKI93yOP+NPGGBJz/PoN3kZsVLee0XMiJolxSekEVD8wRwBUBqkwc7UWop0edW50yrCQW4CyRw==",
+			"version": "20.11.17",
+			"resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.17.tgz",
+			"integrity": "sha512-QmgQZGWu1Yw9TDyAP9ZzpFJKynYNeOvwMJmaxABfieQoVoiVOS6MN1WSpqpRcbeA5+RW82kraAVxCCJg+780Qw==",
 			"dependencies": {
 				"undici-types": "~5.26.4"
 			}
@@ -1434,9 +1478,9 @@
 			}
 		},
 		"node_modules/@vitejs/plugin-vue": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.0.0.tgz",
-			"integrity": "sha512-7x5e8X4J1Wi4NxudGjJBd2OFerAi/0nzF80ojCzvfj347WVr0YSn82C8BSsgwSHzlk9Kw5xnZfj0/7RLnNwP5w==",
+			"version": "5.0.4",
+			"resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.0.4.tgz",
+			"integrity": "sha512-WS3hevEszI6CEVEx28F8RjTX97k3KsrcY6kvTg7+Whm5y3oYvcqzVeGCU3hxSAn4uY2CLCkeokkGKpoctccilQ==",
 			"dev": true,
 			"engines": {
 				"node": "^18.0.0 || >=20.0.0"
@@ -1447,13 +1491,13 @@
 			}
 		},
 		"node_modules/@vitest/expect": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-1.1.0.tgz",
-			"integrity": "sha512-9IE2WWkcJo2BR9eqtY5MIo3TPmS50Pnwpm66A6neb2hvk/QSLfPXBz2qdiwUOQkwyFuuXEUj5380CbwfzW4+/w==",
+			"version": "1.2.2",
+			"resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-1.2.2.tgz",
+			"integrity": "sha512-3jpcdPAD7LwHUUiT2pZTj2U82I2Tcgg2oVPvKxhn6mDI2On6tfvPQTjAI4628GUGDZrCm4Zna9iQHm5cEexOAg==",
 			"dev": true,
 			"dependencies": {
-				"@vitest/spy": "1.1.0",
-				"@vitest/utils": "1.1.0",
+				"@vitest/spy": "1.2.2",
+				"@vitest/utils": "1.2.2",
 				"chai": "^4.3.10"
 			},
 			"funding": {
@@ -1461,12 +1505,12 @@
 			}
 		},
 		"node_modules/@vitest/runner": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-1.1.0.tgz",
-			"integrity": "sha512-zdNLJ00pm5z/uhbWF6aeIJCGMSyTyWImy3Fcp9piRGvueERFlQFbUwCpzVce79OLm2UHk9iwaMSOaU9jVHgNVw==",
+			"version": "1.2.2",
+			"resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-1.2.2.tgz",
+			"integrity": "sha512-JctG7QZ4LSDXr5CsUweFgcpEvrcxOV1Gft7uHrvkQ+fsAVylmWQvnaAr/HDp3LAH1fztGMQZugIheTWjaGzYIg==",
 			"dev": true,
 			"dependencies": {
-				"@vitest/utils": "1.1.0",
+				"@vitest/utils": "1.2.2",
 				"p-limit": "^5.0.0",
 				"pathe": "^1.1.1"
 			},
@@ -1502,9 +1546,9 @@
 			}
 		},
 		"node_modules/@vitest/snapshot": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-1.1.0.tgz",
-			"integrity": "sha512-5O/wyZg09V5qmNmAlUgCBqflvn2ylgsWJRRuPrnHEfDNT6tQpQ8O1isNGgo+VxofISHqz961SG3iVvt3SPK/QQ==",
+			"version": "1.2.2",
+			"resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-1.2.2.tgz",
+			"integrity": "sha512-SmGY4saEw1+bwE1th6S/cZmPxz/Q4JWsl7LvbQIky2tKE35US4gd0Mjzqfr84/4OD0tikGWaWdMja/nWL5NIPA==",
 			"dev": true,
 			"dependencies": {
 				"magic-string": "^0.30.5",
@@ -1516,9 +1560,9 @@
 			}
 		},
 		"node_modules/@vitest/spy": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-1.1.0.tgz",
-			"integrity": "sha512-sNOVSU/GE+7+P76qYo+VXdXhXffzWZcYIPQfmkiRxaNCSPiLANvQx5Mx6ZURJ/ndtEkUJEpvKLXqAYTKEY+lTg==",
+			"version": "1.2.2",
+			"resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-1.2.2.tgz",
+			"integrity": "sha512-k9Gcahssw8d7X3pSLq3e3XEu/0L78mUkCjivUqCQeXJm9clfXR/Td8+AP+VC1O6fKPIDLcHDTAmBOINVuv6+7g==",
 			"dev": true,
 			"dependencies": {
 				"tinyspy": "^2.2.0"
@@ -1528,18 +1572,18 @@
 			}
 		},
 		"node_modules/@vitest/ui": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/@vitest/ui/-/ui-1.1.0.tgz",
-			"integrity": "sha512-7yU1QRFBplz0xJqcgt+agcbrNFdBmLo8UUppdKkFmYx+Ih0+yMYQOyr7kOB+YoggJY/p5ZzXxdbiOz7NBX2y+w==",
+			"version": "1.2.2",
+			"resolved": "https://registry.npmjs.org/@vitest/ui/-/ui-1.2.2.tgz",
+			"integrity": "sha512-CG+5fa8lyoBr+9i+UZGS31Qw81v33QlD10uecHxN2CLJVN+jLnqx4pGzGvFFeJ7jSnUCT0AlbmVWY6fU6NJZmw==",
 			"dev": true,
 			"dependencies": {
-				"@vitest/utils": "1.1.0",
+				"@vitest/utils": "1.2.2",
 				"fast-glob": "^3.3.2",
 				"fflate": "^0.8.1",
 				"flatted": "^3.2.9",
 				"pathe": "^1.1.1",
 				"picocolors": "^1.0.0",
-				"sirv": "^2.0.3"
+				"sirv": "^2.0.4"
 			},
 			"funding": {
 				"url": "https://opencollective.com/vitest"
@@ -1549,12 +1593,13 @@
 			}
 		},
 		"node_modules/@vitest/utils": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-1.1.0.tgz",
-			"integrity": "sha512-z+s510fKmYz4Y41XhNs3vcuFTFhcij2YF7F8VQfMEYAAUfqQh0Zfg7+w9xdgFGhPf3tX3TicAe+8BDITk6ampQ==",
+			"version": "1.2.2",
+			"resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-1.2.2.tgz",
+			"integrity": "sha512-WKITBHLsBHlpjnDQahr+XK6RE7MiAsgrIkr0pGhQ9ygoxBfUeG0lUG5iLlzqjmKSlBv3+j5EGsriBzh+C3Tq9g==",
 			"dev": true,
 			"dependencies": {
 				"diff-sequences": "^29.6.3",
+				"estree-walker": "^3.0.3",
 				"loupe": "^2.3.7",
 				"pretty-format": "^29.7.0"
 			},
@@ -1562,6 +1607,15 @@
 				"url": "https://opencollective.com/vitest"
 			}
 		},
+		"node_modules/@vitest/utils/node_modules/estree-walker": {
+			"version": "3.0.3",
+			"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+			"integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+			"dev": true,
+			"dependencies": {
+				"@types/estree": "^1.0.0"
+			}
+		},
 		"node_modules/@volar/language-core": {
 			"version": "1.11.1",
 			"resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-1.11.1.tgz",
@@ -1591,57 +1645,49 @@
 			}
 		},
 		"node_modules/@vue/compiler-core": {
-			"version": "3.3.13",
-			"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.13.tgz",
-			"integrity": "sha512-bwi9HShGu7uaZLOErZgsH2+ojsEdsjerbf2cMXPwmvcgZfVPZ2BVZzCVnwZBxTAYd6Mzbmf6izcUNDkWnBBQ6A==",
-			"dev": true,
+			"version": "3.4.19",
+			"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.19.tgz",
+			"integrity": "sha512-gj81785z0JNzRcU0Mq98E56e4ltO1yf8k5PQ+tV/7YHnbZkrM0fyFyuttnN8ngJZjbpofWE/m4qjKBiLl8Ju4w==",
 			"dependencies": {
-				"@babel/parser": "^7.23.5",
-				"@vue/shared": "3.3.13",
+				"@babel/parser": "^7.23.9",
+				"@vue/shared": "3.4.19",
+				"entities": "^4.5.0",
 				"estree-walker": "^2.0.2",
 				"source-map-js": "^1.0.2"
 			}
 		},
 		"node_modules/@vue/compiler-dom": {
-			"version": "3.3.13",
-			"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.13.tgz",
-			"integrity": "sha512-EYRDpbLadGtNL0Gph+HoKiYqXLqZ0xSSpR5Dvnu/Ep7ggaCbjRDIus1MMxTS2Qm0koXED4xSlvTZaTnI8cYAsw==",
-			"dev": true,
+			"version": "3.4.19",
+			"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.4.19.tgz",
+			"integrity": "sha512-vm6+cogWrshjqEHTzIDCp72DKtea8Ry/QVpQRYoyTIg9k7QZDX6D8+HGURjtmatfgM8xgCFtJJaOlCaRYRK3QA==",
 			"dependencies": {
-				"@vue/compiler-core": "3.3.13",
-				"@vue/shared": "3.3.13"
+				"@vue/compiler-core": "3.4.19",
+				"@vue/shared": "3.4.19"
 			}
 		},
 		"node_modules/@vue/compiler-sfc": {
-			"version": "3.3.13",
-			"resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.3.13.tgz",
-			"integrity": "sha512-DQVmHEy/EKIgggvnGRLx21hSqnr1smUS9Aq8tfxiiot8UR0/pXKHN9k78/qQ7etyQTFj5em5nruODON7dBeumw==",
-			"dev": true,
-			"optional": true,
-			"peer": true,
-			"dependencies": {
-				"@babel/parser": "^7.23.5",
-				"@vue/compiler-core": "3.3.13",
-				"@vue/compiler-dom": "3.3.13",
-				"@vue/compiler-ssr": "3.3.13",
-				"@vue/reactivity-transform": "3.3.13",
-				"@vue/shared": "3.3.13",
+			"version": "3.4.19",
+			"resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.19.tgz",
+			"integrity": "sha512-LQ3U4SN0DlvV0xhr1lUsgLCYlwQfUfetyPxkKYu7dkfvx7g3ojrGAkw0AERLOKYXuAGnqFsEuytkdcComei3Yg==",
+			"dependencies": {
+				"@babel/parser": "^7.23.9",
+				"@vue/compiler-core": "3.4.19",
+				"@vue/compiler-dom": "3.4.19",
+				"@vue/compiler-ssr": "3.4.19",
+				"@vue/shared": "3.4.19",
 				"estree-walker": "^2.0.2",
-				"magic-string": "^0.30.5",
-				"postcss": "^8.4.32",
+				"magic-string": "^0.30.6",
+				"postcss": "^8.4.33",
 				"source-map-js": "^1.0.2"
 			}
 		},
 		"node_modules/@vue/compiler-ssr": {
-			"version": "3.3.13",
-			"resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.3.13.tgz",
-			"integrity": "sha512-d/P3bCeUGmkJNS1QUZSAvoCIW4fkOKK3l2deE7zrp0ypJEy+En2AcypIkqvcFQOcw3F0zt2VfMvNsA9JmExTaw==",
-			"dev": true,
-			"optional": true,
-			"peer": true,
+			"version": "3.4.19",
+			"resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.19.tgz",
+			"integrity": "sha512-P0PLKC4+u4OMJ8sinba/5Z/iDT84uMRRlrWzadgLA69opCpI1gG4N55qDSC+dedwq2fJtzmGald05LWR5TFfLw==",
 			"dependencies": {
-				"@vue/compiler-dom": "3.3.13",
-				"@vue/shared": "3.3.13"
+				"@vue/compiler-dom": "3.4.19",
+				"@vue/shared": "3.4.19"
 			}
 		},
 		"node_modules/@vue/devtools-api": {
@@ -1723,118 +1769,53 @@
 			}
 		},
 		"node_modules/@vue/reactivity": {
-			"version": "3.3.12",
-			"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.3.12.tgz",
-			"integrity": "sha512-vOJORzO8DlIx88cgTnMLIf2GlLYpoXAKsuoQsK6SGdaqODjxO129pVPTd2s/N/Mb6KKZEFIHIEwWGmtN4YPs+g==",
+			"version": "3.4.19",
+			"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.4.19.tgz",
+			"integrity": "sha512-+VcwrQvLZgEclGZRHx4O2XhyEEcKaBi50WbxdVItEezUf4fqRh838Ix6amWTdX0CNb/b6t3Gkz3eOebfcSt+UA==",
 			"dependencies": {
-				"@vue/shared": "3.3.12"
+				"@vue/shared": "3.4.19"
 			}
 		},
-		"node_modules/@vue/reactivity-transform": {
-			"version": "3.3.13",
-			"resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.3.13.tgz",
-			"integrity": "sha512-oWnydGH0bBauhXvh5KXUy61xr9gKaMbtsMHk40IK9M4gMuKPJ342tKFarY0eQ6jef8906m35q37wwA8DMZOm5Q==",
-			"dev": true,
-			"optional": true,
-			"peer": true,
-			"dependencies": {
-				"@babel/parser": "^7.23.5",
-				"@vue/compiler-core": "3.3.13",
-				"@vue/shared": "3.3.13",
-				"estree-walker": "^2.0.2",
-				"magic-string": "^0.30.5"
-			}
-		},
-		"node_modules/@vue/reactivity/node_modules/@vue/shared": {
-			"version": "3.3.12",
-			"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.12.tgz",
-			"integrity": "sha512-6p0Yin0pclvnER7BLNOQuod9Z+cxSYh8pSh7CzHnWNjAIP6zrTlCdHRvSCb1aYEx6i3Q3kvfuWU7nG16CgG1ag=="
-		},
 		"node_modules/@vue/runtime-core": {
-			"version": "3.3.12",
-			"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.3.12.tgz",
-			"integrity": "sha512-5iL4w7MZrSGKEZU2wFAYhDZdZmgn+s//73EfgDXW1M+ZUOl36md7tlWp1QFK/ladiq4FvQ82shVjo0KiPDPr0A==",
+			"version": "3.4.19",
+			"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.4.19.tgz",
+			"integrity": "sha512-/Z3tFwOrerJB/oyutmJGoYbuoadphDcJAd5jOuJE86THNZji9pYjZroQ2NFsZkTxOq0GJbb+s2kxTYToDiyZzw==",
 			"dependencies": {
-				"@vue/reactivity": "3.3.12",
-				"@vue/shared": "3.3.12"
+				"@vue/reactivity": "3.4.19",
+				"@vue/shared": "3.4.19"
 			}
 		},
-		"node_modules/@vue/runtime-core/node_modules/@vue/shared": {
-			"version": "3.3.12",
-			"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.12.tgz",
-			"integrity": "sha512-6p0Yin0pclvnER7BLNOQuod9Z+cxSYh8pSh7CzHnWNjAIP6zrTlCdHRvSCb1aYEx6i3Q3kvfuWU7nG16CgG1ag=="
-		},
 		"node_modules/@vue/runtime-dom": {
-			"version": "3.3.12",
-			"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.3.12.tgz",
-			"integrity": "sha512-8mMzqiIdl+IYa/OXwKwk6/4ebLq7cYV1pUcwCSwBK2KerUa6cwGosen5xrCL9f8o2DJ9TfPFwbPEvH7OXzUpoA==",
+			"version": "3.4.19",
+			"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.4.19.tgz",
+			"integrity": "sha512-IyZzIDqfNCF0OyZOauL+F4yzjMPN2rPd8nhqPP2N1lBn3kYqJpPHHru+83Rkvo2lHz5mW+rEeIMEF9qY3PB94g==",
 			"dependencies": {
-				"@vue/runtime-core": "3.3.12",
-				"@vue/shared": "3.3.12",
+				"@vue/runtime-core": "3.4.19",
+				"@vue/shared": "3.4.19",
 				"csstype": "^3.1.3"
 			}
 		},
-		"node_modules/@vue/runtime-dom/node_modules/@vue/shared": {
-			"version": "3.3.12",
-			"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.12.tgz",
-			"integrity": "sha512-6p0Yin0pclvnER7BLNOQuod9Z+cxSYh8pSh7CzHnWNjAIP6zrTlCdHRvSCb1aYEx6i3Q3kvfuWU7nG16CgG1ag=="
-		},
 		"node_modules/@vue/server-renderer": {
-			"version": "3.3.12",
-			"resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.3.12.tgz",
-			"integrity": "sha512-OZ0IEK5TU5GXb5J8/wSplyxvGGdIcwEmS8EIO302Vz8K6fGSgSJTU54X0Sb6PaefzZdiN3vHsLXO8XIeF8crQQ==",
+			"version": "3.4.19",
+			"resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.4.19.tgz",
+			"integrity": "sha512-eAj2p0c429RZyyhtMRnttjcSToch+kTWxFPHlzGMkR28ZbF1PDlTcmGmlDxccBuqNd9iOQ7xPRPAGgPVj+YpQw==",
 			"dependencies": {
-				"@vue/compiler-ssr": "3.3.12",
-				"@vue/shared": "3.3.12"
+				"@vue/compiler-ssr": "3.4.19",
+				"@vue/shared": "3.4.19"
 			},
 			"peerDependencies": {
-				"vue": "3.3.12"
+				"vue": "3.4.19"
 			}
 		},
-		"node_modules/@vue/server-renderer/node_modules/@vue/compiler-core": {
-			"version": "3.3.12",
-			"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.12.tgz",
-			"integrity": "sha512-qAtjyG3GBLG0chzp5xGCyRLLe6wFCHmjI82aGzwuGKyznNP+GJJMxjc0wOYWDB2YKfho7niJFdoFpo0CZZQg9w==",
-			"dependencies": {
-				"@babel/parser": "^7.23.5",
-				"@vue/shared": "3.3.12",
-				"estree-walker": "^2.0.2",
-				"source-map-js": "^1.0.2"
-			}
-		},
-		"node_modules/@vue/server-renderer/node_modules/@vue/compiler-dom": {
-			"version": "3.3.12",
-			"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.12.tgz",
-			"integrity": "sha512-RdJU9oEYaoPKUdGXCy0l+i4clesdDeLmbvRlszoc9iagsnBnMmQtYfCPVQ5BHB6o7K4SCucDdJM2Dh3oXB0D6g==",
-			"dependencies": {
-				"@vue/compiler-core": "3.3.12",
-				"@vue/shared": "3.3.12"
-			}
-		},
-		"node_modules/@vue/server-renderer/node_modules/@vue/compiler-ssr": {
-			"version": "3.3.12",
-			"resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.3.12.tgz",
-			"integrity": "sha512-adCiMJPznfWcQyk/9HSuXGja859IaMV+b8UNSVzDatqv7h0PvT9BEeS22+gjkWofDiSg5d78/ZLls3sLA+cn3A==",
-			"dependencies": {
-				"@vue/compiler-dom": "3.3.12",
-				"@vue/shared": "3.3.12"
-			}
-		},
-		"node_modules/@vue/server-renderer/node_modules/@vue/shared": {
-			"version": "3.3.12",
-			"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.12.tgz",
-			"integrity": "sha512-6p0Yin0pclvnER7BLNOQuod9Z+cxSYh8pSh7CzHnWNjAIP6zrTlCdHRvSCb1aYEx6i3Q3kvfuWU7nG16CgG1ag=="
-		},
 		"node_modules/@vue/shared": {
-			"version": "3.3.13",
-			"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.13.tgz",
-			"integrity": "sha512-/zYUwiHD8j7gKx2argXEMCUXVST6q/21DFU0sTfNX0URJroCe3b1UF6vLJ3lQDfLNIiiRl2ONp7Nh5UVWS6QnA==",
-			"dev": true
+			"version": "3.4.19",
+			"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.19.tgz",
+			"integrity": "sha512-/KliRRHMF6LoiThEy+4c1Z4KB/gbPrGjWwJR+crg2otgrf/egKzRaCPvJ51S5oetgsgXLfc4Rm5ZgrKHZrtMSw=="
 		},
 		"node_modules/@vue/test-utils": {
-			"version": "2.4.3",
-			"resolved": "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.4.3.tgz",
-			"integrity": "sha512-F4K7mF+ad++VlTrxMJVRnenKSJmO6fkQt2wpRDiKDesQMkfpniGWsqEi/JevxGBo2qEkwwjvTUAoiGJLNx++CA==",
+			"version": "2.4.4",
+			"resolved": "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.4.4.tgz",
+			"integrity": "sha512-8jkRxz8pNhClAf4Co4ZrpAoFISdvT3nuSkUlY6Ys6rmTpw3DMWG/X3mw3gQ7QJzgCZO9f+zuE2kW57fi09MW7Q==",
 			"dev": true,
 			"dependencies": {
 				"js-beautify": "^1.14.9",
@@ -1857,12 +1838,12 @@
 			"dev": true
 		},
 		"node_modules/@vueuse/components": {
-			"version": "10.7.1",
-			"resolved": "https://registry.npmjs.org/@vueuse/components/-/components-10.7.1.tgz",
-			"integrity": "sha512-bAS5ff1uNhNSeIYL7R3qeR0DP5u+Lutb0mFiTZTMhcicjhBfGiDbahHqoOAr9M/wfpYKNluP1U107y2fUTw4yw==",
+			"version": "10.7.2",
+			"resolved": "https://registry.npmjs.org/@vueuse/components/-/components-10.7.2.tgz",
+			"integrity": "sha512-r39DLLtRo1hEKI/SQzVQjCts7yelwFyUrTxDFi821NdyU3EfQ9GCNNBcMirXcn3IQApFBRKrvTTtQ9cJGrb/+A==",
 			"dependencies": {
-				"@vueuse/core": "10.7.1",
-				"@vueuse/shared": "10.7.1",
+				"@vueuse/core": "10.7.2",
+				"@vueuse/shared": "10.7.2",
 				"vue-demi": ">=0.14.6"
 			}
 		},
@@ -1892,13 +1873,13 @@
 			}
 		},
 		"node_modules/@vueuse/core": {
-			"version": "10.7.1",
-			"resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.7.1.tgz",
-			"integrity": "sha512-74mWHlaesJSWGp1ihg76vAnfVq9NTv1YT0SYhAQ6zwFNdBkkP+CKKJmVOEHcdSnLXCXYiL5e7MaewblfiYLP7g==",
+			"version": "10.7.2",
+			"resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.7.2.tgz",
+			"integrity": "sha512-AOyAL2rK0By62Hm+iqQn6Rbu8bfmbgaIMXcE3TSr7BdQ42wnSFlwIdPjInO62onYsEMK/yDMU8C6oGfDAtZ2qQ==",
 			"dependencies": {
 				"@types/web-bluetooth": "^0.0.20",
-				"@vueuse/metadata": "10.7.1",
-				"@vueuse/shared": "10.7.1",
+				"@vueuse/metadata": "10.7.2",
+				"@vueuse/shared": "10.7.2",
 				"vue-demi": ">=0.14.6"
 			},
 			"funding": {
@@ -1931,17 +1912,17 @@
 			}
 		},
 		"node_modules/@vueuse/metadata": {
-			"version": "10.7.1",
-			"resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.7.1.tgz",
-			"integrity": "sha512-jX8MbX5UX067DYVsbtrmKn6eG6KMcXxLRLlurGkZku5ZYT3vxgBjui2zajvUZ18QLIjrgBkFRsu7CqTAg18QFw==",
+			"version": "10.7.2",
+			"resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.7.2.tgz",
+			"integrity": "sha512-kCWPb4J2KGrwLtn1eJwaJD742u1k5h6v/St5wFe8Quih90+k2a0JP8BS4Zp34XUuJqS2AxFYMb1wjUL8HfhWsQ==",
 			"funding": {
 				"url": "https://github.com/sponsors/antfu"
 			}
 		},
 		"node_modules/@vueuse/shared": {
-			"version": "10.7.1",
-			"resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.7.1.tgz",
-			"integrity": "sha512-v0jbRR31LSgRY/C5i5X279A/WQjD6/JsMzGa+eqt658oJ75IvQXAeONmwvEMrvJQKnRElq/frzBR7fhmWY5uLw==",
+			"version": "10.7.2",
+			"resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.7.2.tgz",
+			"integrity": "sha512-qFbXoxS44pi2FkgFjPvF4h7c9oMDutpyBdcJdMYIMg9XyXli2meFMuaKn+UMgsClo//Th6+beeCgqweT/79BVA==",
 			"dependencies": {
 				"vue-demi": ">=0.14.6"
 			},
@@ -1950,9 +1931,9 @@
 			}
 		},
 		"node_modules/@vueuse/shared/node_modules/vue-demi": {
-			"version": "0.14.6",
-			"resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.6.tgz",
-			"integrity": "sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==",
+			"version": "0.14.7",
+			"resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.7.tgz",
+			"integrity": "sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==",
 			"hasInstallScript": true,
 			"bin": {
 				"vue-demi-fix": "bin/vue-demi-fix.js",
@@ -2029,9 +2010,9 @@
 			"dev": true
 		},
 		"node_modules/acorn": {
-			"version": "8.11.2",
-			"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
-			"integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
+			"version": "8.11.3",
+			"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
+			"integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
 			"dev": true,
 			"bin": {
 				"acorn": "bin/acorn"
@@ -2050,9 +2031,9 @@
 			}
 		},
 		"node_modules/acorn-walk": {
-			"version": "8.3.1",
-			"resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.1.tgz",
-			"integrity": "sha512-TgUZgYvqZprrl7YldZNoa9OciCAyZR+Ejm9eXzKCmjsF5IKp/wgQ7Z/ZpjpGTIUPwrHQIcYeI8qDh4PsEwxMbw==",
+			"version": "8.3.2",
+			"resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.2.tgz",
+			"integrity": "sha512-cjkyv4OtNCIeqhHrfS81QWXoCBPExR/J62oyEqepVw8WaQeSqpW2uhuLPh1m9eWhDuOo/jUXVTlifvesOWp/4A==",
 			"dev": true,
 			"engines": {
 				"node": ">=0.4.0"
@@ -2133,9 +2114,9 @@
 			}
 		},
 		"node_modules/apexcharts": {
-			"version": "3.45.1",
-			"resolved": "https://registry.npmjs.org/apexcharts/-/apexcharts-3.45.1.tgz",
-			"integrity": "sha512-pPjj/SA6dfPvR/IKRZF0STdfBGpBh3WRt7K0DFuW9P8erypYkX17EHu3/molPRfo2zSiQwTVpshHC5ncysqfkA==",
+			"version": "3.45.2",
+			"resolved": "https://registry.npmjs.org/apexcharts/-/apexcharts-3.45.2.tgz",
+			"integrity": "sha512-PpuM4sJWy70sUh5U1IFn1m1p45MdHSChLUNnqEoUUUHSU2IHZugFrsVNhov1S8Q0cvfdrCRCvdBtHGSs6PSAWQ==",
 			"dependencies": {
 				"@yr/monotone-cubic-spline": "^1.0.3",
 				"svg.draggable.js": "^2.2.2",
@@ -2223,9 +2204,9 @@
 			}
 		},
 		"node_modules/autoprefixer": {
-			"version": "10.4.16",
-			"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz",
-			"integrity": "sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==",
+			"version": "10.4.17",
+			"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.17.tgz",
+			"integrity": "sha512-/cpVNRLSfhOtcGflT13P2794gVSgmPgTR+erw5ifnMLZb0UnSlkK4tquLmkd3BhA+nLo5tX8Cu0upUsGKvKbmg==",
 			"dev": true,
 			"funding": [
 				{
@@ -2242,9 +2223,9 @@
 				}
 			],
 			"dependencies": {
-				"browserslist": "^4.21.10",
-				"caniuse-lite": "^1.0.30001538",
-				"fraction.js": "^4.3.6",
+				"browserslist": "^4.22.2",
+				"caniuse-lite": "^1.0.30001578",
+				"fraction.js": "^4.3.7",
 				"normalize-range": "^0.1.2",
 				"picocolors": "^1.0.0",
 				"postcss-value-parser": "^4.2.0"
@@ -2272,11 +2253,11 @@
 			}
 		},
 		"node_modules/axios": {
-			"version": "1.6.3",
-			"resolved": "https://registry.npmjs.org/axios/-/axios-1.6.3.tgz",
-			"integrity": "sha512-fWyNdeawGam70jXSVlKl+SUNVcL6j6W79CuSIPfi6HnDUmSCH6gyUys/HrqHeA/wU0Az41rRgean494d0Jb+ww==",
+			"version": "1.6.7",
+			"resolved": "https://registry.npmjs.org/axios/-/axios-1.6.7.tgz",
+			"integrity": "sha512-/hDJGff6/c7u0hDkvkGxR/oy6CbCs8ziCsC7SqmhjfozqiJGc8Z11wrv9z9lYfY4K8l+H9TpjcMDX0xOZmx+RA==",
 			"dependencies": {
-				"follow-redirects": "^1.15.0",
+				"follow-redirects": "^1.15.4",
 				"form-data": "^4.0.0",
 				"proxy-from-env": "^1.1.0"
 			}
@@ -2321,9 +2302,9 @@
 			}
 		},
 		"node_modules/browserslist": {
-			"version": "4.22.0",
-			"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.0.tgz",
-			"integrity": "sha512-v+Jcv64L2LbfTC6OnRcaxtqJNJuQAVhZKSJfR/6hn7lhnChUXl4amwVviqN1k411BB+3rRoKMitELRn1CojeRA==",
+			"version": "4.22.3",
+			"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.3.tgz",
+			"integrity": "sha512-UAp55yfwNv0klWNapjs/ktHoguxuQNGnOzxYmfnXIS+8AsRDZkSDxg7R1AX3GKzn078SBI5dzwzj/Yx0Or0e3A==",
 			"dev": true,
 			"funding": [
 				{
@@ -2340,9 +2321,9 @@
 				}
 			],
 			"dependencies": {
-				"caniuse-lite": "^1.0.30001539",
-				"electron-to-chromium": "^1.4.530",
-				"node-releases": "^2.0.13",
+				"caniuse-lite": "^1.0.30001580",
+				"electron-to-chromium": "^1.4.648",
+				"node-releases": "^2.0.14",
 				"update-browserslist-db": "^1.0.13"
 			},
 			"bin": {
@@ -2392,9 +2373,9 @@
 			}
 		},
 		"node_modules/caniuse-lite": {
-			"version": "1.0.30001540",
-			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001540.tgz",
-			"integrity": "sha512-9JL38jscuTJBTcuETxm8QLsFr/F6v0CYYTEU6r5+qSM98P2Q0Hmu0eG1dTG5GBUmywU3UlcVOUSIJYY47rdFSw==",
+			"version": "1.0.30001587",
+			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001587.tgz",
+			"integrity": "sha512-HMFNotUmLXn71BQxg8cijvqxnIAofforZOwGsxyXJ0qugTdspUF4sPSJ2vhgprHCB996tIDzEq1ubumPDV8ULA==",
 			"dev": true,
 			"funding": [
 				{
@@ -2412,9 +2393,9 @@
 			]
 		},
 		"node_modules/ccat-api": {
-			"version": "0.9.1",
-			"resolved": "https://registry.npmjs.org/ccat-api/-/ccat-api-0.9.1.tgz",
-			"integrity": "sha512-djb/a9g96mNhXszrHHiKcIe7IQBEURXTEJbSp92Qq3/+pWfrCDilxxpvr42OKNnLlk41BP1UtILxzS+1dQAYFg==",
+			"version": "0.9.3",
+			"resolved": "https://registry.npmjs.org/ccat-api/-/ccat-api-0.9.3.tgz",
+			"integrity": "sha512-eb1QLgcLWqv1A/O25USK6QL2n1dSplq5VjhNZoRCkvohTZEM4DFl65gITcd53YZSAfpCHR8jxGKShWqUgTyTtQ==",
 			"dependencies": {
 				"@types/ws": "^8.5.5",
 				"axios": "^1.4.0",
@@ -2424,9 +2405,9 @@
 			}
 		},
 		"node_modules/chai": {
-			"version": "4.3.10",
-			"resolved": "https://registry.npmjs.org/chai/-/chai-4.3.10.tgz",
-			"integrity": "sha512-0UXG04VuVbruMUYbJ6JctvH0YnC/4q3/AkT18q4NaITo91CUm0liMS9VqzT9vZhVQ/1eqPanMWjBM+Juhfb/9g==",
+			"version": "4.4.1",
+			"resolved": "https://registry.npmjs.org/chai/-/chai-4.4.1.tgz",
+			"integrity": "sha512-13sOfMv2+DWduEU+/xbun3LScLoqN17nBeTLUsmDfKdoiC1fr0n9PU4guu4AhRcOVFk/sW8LyZWHuhWtQZiF+g==",
 			"dev": true,
 			"dependencies": {
 				"assertion-error": "^1.1.0",
@@ -2600,15 +2581,15 @@
 			}
 		},
 		"node_modules/cssstyle": {
-			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-3.0.0.tgz",
-			"integrity": "sha512-N4u2ABATi3Qplzf0hWbVCdjenim8F3ojEXpBDF5hBpjzW182MjNGLqfmQ0SkSPeQ+V86ZXgeH8aXj6kayd4jgg==",
+			"version": "4.0.1",
+			"resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-4.0.1.tgz",
+			"integrity": "sha512-8ZYiJ3A/3OkDd093CBT/0UKDWry7ak4BdPTFP2+QEP7cmhouyq/Up709ASSj2cK02BbZiMgk7kYjZNS4QP5qrQ==",
 			"dev": true,
 			"dependencies": {
 				"rrweb-cssom": "^0.6.0"
 			},
 			"engines": {
-				"node": ">=14"
+				"node": ">=18"
 			}
 		},
 		"node_modules/csstype": {
@@ -2625,9 +2606,9 @@
 			}
 		},
 		"node_modules/daisyui": {
-			"version": "4.4.24",
-			"resolved": "https://registry.npmjs.org/daisyui/-/daisyui-4.4.24.tgz",
-			"integrity": "sha512-u/B3484J08V7N0rIYymnC+SyxOjlYQL+2vyhHWV+/KC+VaUcbEF2Z3H06eCPgdTiZ0J+ml44aH7wBhIymPFQ+g==",
+			"version": "4.7.1",
+			"resolved": "https://registry.npmjs.org/daisyui/-/daisyui-4.7.1.tgz",
+			"integrity": "sha512-ejSUJMBH49Oxge3KkrOiaV5K4CE3/gvOnyRzD1fKR0Uw8IsKHqrrkYSb0hNYh2qw3C1tGKUZL6BrzoD6n3/3VQ==",
 			"dependencies": {
 				"css-selector-tokenizer": "^0.8",
 				"culori": "^3",
@@ -2826,16 +2807,15 @@
 			}
 		},
 		"node_modules/electron-to-chromium": {
-			"version": "1.4.531",
-			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.531.tgz",
-			"integrity": "sha512-H6gi5E41Rn3/mhKlPaT1aIMg/71hTAqn0gYEllSuw9igNWtvQwu185jiCZoZD29n7Zukgh7GVZ3zGf0XvkhqjQ==",
+			"version": "1.4.667",
+			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.667.tgz",
+			"integrity": "sha512-66L3pLlWhTNVUhnmSA5+qDM3fwnXsM6KAqE36e2w4KN0g6pkEtlT5bs41FQtQwVwKnfhNBXiWRLPs30HSxd7Kw==",
 			"dev": true
 		},
 		"node_modules/entities": {
 			"version": "4.5.0",
 			"resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
 			"integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-			"dev": true,
 			"engines": {
 				"node": ">=0.12"
 			},
@@ -2975,9 +2955,9 @@
 			}
 		},
 		"node_modules/escalade": {
-			"version": "3.1.1",
-			"resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-			"integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz",
+			"integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==",
 			"dev": true,
 			"engines": {
 				"node": ">=6"
@@ -3063,9 +3043,9 @@
 			}
 		},
 		"node_modules/eslint-plugin-prettier": {
-			"version": "5.1.2",
-			"resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.1.2.tgz",
-			"integrity": "sha512-dhlpWc9vOwohcWmClFcA+HjlvUpuyynYs0Rf+L/P6/0iQE6vlHW9l5bkfzN62/Stm9fbq8ku46qzde76T1xlSg==",
+			"version": "5.1.3",
+			"resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.1.3.tgz",
+			"integrity": "sha512-C9GCVAs4Eq7ZC/XFQHITLiHJxQngdtraXaM+LoUFoFp/lHNl2Zn8f3WQbe9HvTBBQ9YnKFB0/2Ajdqwo5D1EAw==",
 			"dev": true,
 			"dependencies": {
 				"prettier-linter-helpers": "^1.0.0",
@@ -3093,9 +3073,9 @@
 			}
 		},
 		"node_modules/eslint-plugin-tailwindcss": {
-			"version": "3.13.0",
-			"resolved": "https://registry.npmjs.org/eslint-plugin-tailwindcss/-/eslint-plugin-tailwindcss-3.13.0.tgz",
-			"integrity": "sha512-Fcep4KDRLWaK3KmkQbdyKHG0P4GdXFmXdDaweTIPcgOP60OOuWFbh1++dufRT28Q4zpKTKaHwTsXPJ4O/EjU2Q==",
+			"version": "3.14.2",
+			"resolved": "https://registry.npmjs.org/eslint-plugin-tailwindcss/-/eslint-plugin-tailwindcss-3.14.2.tgz",
+			"integrity": "sha512-fNzdf4poZP2yQC0xC2prQxMuArMSb5mnellLQvwb9HC3NcLzxs+0IVKWIg1BqUqyui0c+bbjMmhWcKUWK67SLQ==",
 			"dev": true,
 			"dependencies": {
 				"fast-glob": "^3.2.5",
@@ -3105,13 +3085,13 @@
 				"node": ">=12.13.0"
 			},
 			"peerDependencies": {
-				"tailwindcss": "^3.3.2"
+				"tailwindcss": "^3.4.0"
 			}
 		},
 		"node_modules/eslint-plugin-vue": {
-			"version": "9.19.2",
-			"resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.19.2.tgz",
-			"integrity": "sha512-CPDqTOG2K4Ni2o4J5wixkLVNwgctKXFu6oBpVJlpNq7f38lh9I80pRTouZSJ2MAebPJlINU/KTFSXyQfBUlymA==",
+			"version": "9.21.1",
+			"resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.21.1.tgz",
+			"integrity": "sha512-XVtI7z39yOVBFJyi8Ljbn7kY9yHzznKXL02qQYn+ta63Iy4A9JFBw6o4OSB9hyD2++tVT+su9kQqetUyCCwhjw==",
 			"dev": true,
 			"dependencies": {
 				"@eslint-community/eslint-utils": "^4.4.0",
@@ -3119,7 +3099,7 @@
 				"nth-check": "^2.1.1",
 				"postcss-selector-parser": "^6.0.13",
 				"semver": "^7.5.4",
-				"vue-eslint-parser": "^9.3.1",
+				"vue-eslint-parser": "^9.4.2",
 				"xml-name-validator": "^4.0.0"
 			},
 			"engines": {
@@ -3373,9 +3353,9 @@
 			"dev": true
 		},
 		"node_modules/follow-redirects": {
-			"version": "1.15.3",
-			"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz",
-			"integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==",
+			"version": "1.15.5",
+			"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
+			"integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==",
 			"funding": [
 				{
 					"type": "individual",
@@ -3414,9 +3394,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==",
 			"dev": true,
 			"engines": {
 				"node": "*"
@@ -4217,12 +4197,12 @@
 			}
 		},
 		"node_modules/jsdom": {
-			"version": "23.0.1",
-			"resolved": "https://registry.npmjs.org/jsdom/-/jsdom-23.0.1.tgz",
-			"integrity": "sha512-2i27vgvlUsGEBO9+/kJQRbtqtm+191b5zAZrU/UezVmnC2dlDAFLgDYJvAEi94T4kjsRKkezEtLQTgsNEsW2lQ==",
+			"version": "24.0.0",
+			"resolved": "https://registry.npmjs.org/jsdom/-/jsdom-24.0.0.tgz",
+			"integrity": "sha512-UDS2NayCvmXSXVP6mpTj+73JnNQadZlr9N68189xib2tx5Mls7swlTNao26IoHv46BZJFvXygyRtyXd1feAk1A==",
 			"dev": true,
 			"dependencies": {
-				"cssstyle": "^3.0.0",
+				"cssstyle": "^4.0.1",
 				"data-urls": "^5.0.0",
 				"decimal.js": "^10.4.3",
 				"form-data": "^4.0.0",
@@ -4241,7 +4221,7 @@
 				"whatwg-encoding": "^3.1.1",
 				"whatwg-mimetype": "^4.0.0",
 				"whatwg-url": "^14.0.0",
-				"ws": "^8.14.2",
+				"ws": "^8.16.0",
 				"xml-name-validator": "^5.0.0"
 			},
 			"engines": {
@@ -4411,9 +4391,9 @@
 			}
 		},
 		"node_modules/magic-string": {
-			"version": "0.30.5",
-			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.5.tgz",
-			"integrity": "sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==",
+			"version": "0.30.7",
+			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.7.tgz",
+			"integrity": "sha512-8vBuFF/I/+OSLRmdf2wwFCJCz+nSn0m6DPvGH1fS/KiQoSaR+sETbov0eIk9KhEKy8CYqIkIAnbohxT/4H0kuA==",
 			"dependencies": {
 				"@jridgewell/sourcemap-codec": "^1.4.15"
 			},
@@ -4507,21 +4487,21 @@
 			}
 		},
 		"node_modules/mlly": {
-			"version": "1.4.2",
-			"resolved": "https://registry.npmjs.org/mlly/-/mlly-1.4.2.tgz",
-			"integrity": "sha512-i/Ykufi2t1EZ6NaPLdfnZk2AX8cs0d+mTzVKuPfqPKPatxLApaBoxJQ9x1/uckXtrS/U5oisPMDkNs0yQTaBRg==",
+			"version": "1.5.0",
+			"resolved": "https://registry.npmjs.org/mlly/-/mlly-1.5.0.tgz",
+			"integrity": "sha512-NPVQvAY1xr1QoVeG0cy8yUYC7FQcOx6evl/RjT1wL5FvzPnzOysoqB/jmx/DhssT2dYa8nxECLAaFI/+gVLhDQ==",
 			"dev": true,
 			"dependencies": {
-				"acorn": "^8.10.0",
-				"pathe": "^1.1.1",
+				"acorn": "^8.11.3",
+				"pathe": "^1.1.2",
 				"pkg-types": "^1.0.3",
-				"ufo": "^1.3.0"
+				"ufo": "^1.3.2"
 			}
 		},
 		"node_modules/mrmime": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/mrmime/-/mrmime-1.0.1.tgz",
-			"integrity": "sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==",
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.0.tgz",
+			"integrity": "sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==",
 			"dev": true,
 			"engines": {
 				"node": ">=10"
@@ -4578,9 +4558,9 @@
 			"dev": true
 		},
 		"node_modules/node-releases": {
-			"version": "2.0.13",
-			"resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
-			"integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==",
+			"version": "2.0.14",
+			"resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
+			"integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
 			"dev": true
 		},
 		"node_modules/nopt": {
@@ -5050,9 +5030,9 @@
 			}
 		},
 		"node_modules/pathe": {
-			"version": "1.1.1",
-			"resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.1.tgz",
-			"integrity": "sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==",
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.2.tgz",
+			"integrity": "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==",
 			"dev": true
 		},
 		"node_modules/pathval": {
@@ -5171,12 +5151,12 @@
 			}
 		},
 		"node_modules/playwright": {
-			"version": "1.40.1",
-			"resolved": "https://registry.npmjs.org/playwright/-/playwright-1.40.1.tgz",
-			"integrity": "sha512-2eHI7IioIpQ0bS1Ovg/HszsN/XKNwEG1kbzSDDmADpclKc7CyqkHw7Mg2JCz/bbCxg25QUPcjksoMW7JcIFQmw==",
+			"version": "1.41.2",
+			"resolved": "https://registry.npmjs.org/playwright/-/playwright-1.41.2.tgz",
+			"integrity": "sha512-v0bOa6H2GJChDL8pAeLa/LZC4feoAMbSQm1/jF/ySsWWoaNItvrMP7GEkvEEFyCTUYKMxjQKaTSg5up7nR6/8A==",
 			"dev": true,
 			"dependencies": {
-				"playwright-core": "1.40.1"
+				"playwright-core": "1.41.2"
 			},
 			"bin": {
 				"playwright": "cli.js"
@@ -5189,9 +5169,9 @@
 			}
 		},
 		"node_modules/playwright-core": {
-			"version": "1.40.1",
-			"resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.40.1.tgz",
-			"integrity": "sha512-+hkOycxPiV534c4HhpfX6yrlawqVUzITRKwHAmYfmsVreltEl6fAZJ3DPfLMOODw0H3s1Itd6MDCWmP1fl/QvQ==",
+			"version": "1.41.2",
+			"resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.41.2.tgz",
+			"integrity": "sha512-VaTvwCA4Y8kxEe+kfm2+uUUw5Lubf38RxF7FpBxLPmGe5sdNkSg5e3ChEigaGrX7qdqT3pt2m/98LiyvU2x6CA==",
 			"dev": true,
 			"bin": {
 				"playwright-core": "cli.js"
@@ -5201,9 +5181,9 @@
 			}
 		},
 		"node_modules/postcss": {
-			"version": "8.4.32",
-			"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.32.tgz",
-			"integrity": "sha512-D/kj5JNu6oo2EIy+XL/26JEDTlIbB8hw85G8StOE6L74RQAVVP5rej6wxCNqyMbR4RkPfqvezVbPw81Ngd6Kcw==",
+			"version": "8.4.35",
+			"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.35.tgz",
+			"integrity": "sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==",
 			"funding": [
 				{
 					"type": "opencollective",
@@ -5334,9 +5314,9 @@
 			}
 		},
 		"node_modules/prettier": {
-			"version": "3.1.1",
-			"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.1.1.tgz",
-			"integrity": "sha512-22UbSzg8luF4UuZtzgiUOfcGM8s4tjBv6dJRT7j275NXsy2jb4aJa4NNveul5x4eqlF1wuhuR2RElK71RvmVaw==",
+			"version": "3.2.5",
+			"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz",
+			"integrity": "sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==",
 			"dev": true,
 			"bin": {
 				"prettier": "bin/prettier.cjs"
@@ -5816,13 +5796,13 @@
 			}
 		},
 		"node_modules/sirv": {
-			"version": "2.0.3",
-			"resolved": "https://registry.npmjs.org/sirv/-/sirv-2.0.3.tgz",
-			"integrity": "sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==",
+			"version": "2.0.4",
+			"resolved": "https://registry.npmjs.org/sirv/-/sirv-2.0.4.tgz",
+			"integrity": "sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==",
 			"dev": true,
 			"dependencies": {
-				"@polka/url": "^1.0.0-next.20",
-				"mrmime": "^1.0.0",
+				"@polka/url": "^1.0.0-next.24",
+				"mrmime": "^2.0.0",
 				"totalist": "^3.0.0"
 			},
 			"engines": {
@@ -6258,18 +6238,18 @@
 			"dev": true
 		},
 		"node_modules/tinypool": {
-			"version": "0.8.1",
-			"resolved": "https://registry.npmjs.org/tinypool/-/tinypool-0.8.1.tgz",
-			"integrity": "sha512-zBTCK0cCgRROxvs9c0CGK838sPkeokNGdQVUUwHAbynHFlmyJYj825f/oRs528HaIJ97lo0pLIlDUzwN+IorWg==",
+			"version": "0.8.2",
+			"resolved": "https://registry.npmjs.org/tinypool/-/tinypool-0.8.2.tgz",
+			"integrity": "sha512-SUszKYe5wgsxnNOVlBYO6IC+8VGWdVGZWAqUxp3UErNBtptZvWbwyUOyzNL59zigz2rCA92QiL3wvG+JDSdJdQ==",
 			"dev": true,
 			"engines": {
 				"node": ">=14.0.0"
 			}
 		},
 		"node_modules/tinyspy": {
-			"version": "2.2.0",
-			"resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-2.2.0.tgz",
-			"integrity": "sha512-d2eda04AN/cPOR89F7Xv5bK/jrQEhmcLFe6HFldoeO9AJtps+fqEnh486vnT/8y4bw38pSyxDcTCAq+Ks2aJTg==",
+			"version": "2.2.1",
+			"resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-2.2.1.tgz",
+			"integrity": "sha512-KYad6Vy5VDWV4GH3fjpseMQ/XU2BhIYP7Vzd0LG44qRWm/Yt2WCOTicFdvmgo6gWaqooMQCawTtILVQJupKu7A==",
 			"dev": true,
 			"engines": {
 				"node": ">=14.0.0"
@@ -6340,17 +6320,17 @@
 			"integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA=="
 		},
 		"node_modules/tsconfck": {
-			"version": "2.1.2",
-			"resolved": "https://registry.npmjs.org/tsconfck/-/tsconfck-2.1.2.tgz",
-			"integrity": "sha512-ghqN1b0puy3MhhviwO2kGF8SeMDNhEbnKxjK7h6+fvY9JAxqvXi8y5NAHSQv687OVboS2uZIByzGd45/YxrRHg==",
+			"version": "3.0.2",
+			"resolved": "https://registry.npmjs.org/tsconfck/-/tsconfck-3.0.2.tgz",
+			"integrity": "sha512-6lWtFjwuhS3XI4HsX4Zg0izOI3FU/AI9EGVlPEUMDIhvLPMD4wkiof0WCoDgW7qY+Dy198g4d9miAqUHWHFH6Q==",
 			"bin": {
 				"tsconfck": "bin/tsconfck.js"
 			},
 			"engines": {
-				"node": "^14.13.1 || ^16 || >=18"
+				"node": "^18 || >=20"
 			},
 			"peerDependencies": {
-				"typescript": "^4.3.5 || ^5.0.0"
+				"typescript": "^5.0.0"
 			},
 			"peerDependenciesMeta": {
 				"typescript": {
@@ -6580,9 +6560,9 @@
 			}
 		},
 		"node_modules/unplugin-auto-import": {
-			"version": "0.17.3",
-			"resolved": "https://registry.npmjs.org/unplugin-auto-import/-/unplugin-auto-import-0.17.3.tgz",
-			"integrity": "sha512-0cn0wr8X579TtdZKUAps0dDVrYzttx38ImdxZjmCeNlMDJX8UuSjO83vFqgS4ClNDIGWAute+xl9j5vRSX+vsw==",
+			"version": "0.17.5",
+			"resolved": "https://registry.npmjs.org/unplugin-auto-import/-/unplugin-auto-import-0.17.5.tgz",
+			"integrity": "sha512-fHNDkDSxv3PGagX1wmKBYBkgaM4AKAgZmdJw/bxjhNljx9KSXSgHpGfX0MwUrq9qw6q1bhHIZVWyOwoY2koo4w==",
 			"dev": true,
 			"dependencies": {
 				"@antfu/utils": "^0.7.7",
@@ -6591,7 +6571,7 @@
 				"local-pkg": "^0.5.0",
 				"magic-string": "^0.30.5",
 				"minimatch": "^9.0.3",
-				"unimport": "^3.7.0",
+				"unimport": "^3.7.1",
 				"unplugin": "^1.6.0"
 			},
 			"engines": {
@@ -6673,18 +6653,18 @@
 			}
 		},
 		"node_modules/unplugin-icons": {
-			"version": "0.18.1",
-			"resolved": "https://registry.npmjs.org/unplugin-icons/-/unplugin-icons-0.18.1.tgz",
-			"integrity": "sha512-WzKu/eoq74YC7vyEAGsFebkRzsZrRkR4FUzLU6gbpfa7WRaVVpQS2n7LSxE1iRUN0scKL5b9bq+i0wucR+ttFQ==",
+			"version": "0.18.5",
+			"resolved": "https://registry.npmjs.org/unplugin-icons/-/unplugin-icons-0.18.5.tgz",
+			"integrity": "sha512-KVNAohXbZ7tVcG1C3p6QaC7wU9Qrj7etv4XvsMMJAxr5LccQZ+Iuv5LOIv/7GtqXaGN1BuFCqRO1ErsHEgEXdQ==",
 			"dev": true,
 			"dependencies": {
-				"@antfu/install-pkg": "^0.3.0",
-				"@antfu/utils": "^0.7.6",
-				"@iconify/utils": "^2.1.12",
+				"@antfu/install-pkg": "^0.3.1",
+				"@antfu/utils": "^0.7.7",
+				"@iconify/utils": "^2.1.22",
 				"debug": "^4.3.4",
 				"kolorist": "^1.8.0",
 				"local-pkg": "^0.5.0",
-				"unplugin": "^1.5.1"
+				"unplugin": "^1.6.0"
 			},
 			"funding": {
 				"url": "https://github.com/sponsors/antfu"
@@ -6879,13 +6859,13 @@
 			}
 		},
 		"node_modules/vite": {
-			"version": "5.0.10",
-			"resolved": "https://registry.npmjs.org/vite/-/vite-5.0.10.tgz",
-			"integrity": "sha512-2P8J7WWgmc355HUMlFrwofacvr98DAjoE52BfdbwQtyLH06XKwaL/FMnmKM2crF0iX4MpmMKoDlNCB1ok7zHCw==",
+			"version": "5.1.1",
+			"resolved": "https://registry.npmjs.org/vite/-/vite-5.1.1.tgz",
+			"integrity": "sha512-wclpAgY3F1tR7t9LL5CcHC41YPkQIpKUGeIuT8MdNwNZr6OqOTLs7JX5vIHAtzqLWXts0T+GDrh9pN2arneKqg==",
 			"devOptional": true,
 			"dependencies": {
 				"esbuild": "^0.19.3",
-				"postcss": "^8.4.32",
+				"postcss": "^8.4.35",
 				"rollup": "^4.2.0"
 			},
 			"bin": {
@@ -6934,9 +6914,9 @@
 			}
 		},
 		"node_modules/vite-node": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/vite-node/-/vite-node-1.1.0.tgz",
-			"integrity": "sha512-jV48DDUxGLEBdHCQvxL1mEh7+naVy+nhUUUaPAZLd3FJgXuxQiewHcfeZebbJ6onDqNGkP4r3MhQ342PRlG81Q==",
+			"version": "1.2.2",
+			"resolved": "https://registry.npmjs.org/vite-node/-/vite-node-1.2.2.tgz",
+			"integrity": "sha512-1as4rDTgVWJO3n1uHmUYqq7nsFgINQ9u+mRcXpjeOMJUmviqNKjcZB7UfRZrlM7MjYXMKpuWp5oGkjaFLnjawg==",
 			"dev": true,
 			"dependencies": {
 				"cac": "^6.7.14",
@@ -6956,13 +6936,13 @@
 			}
 		},
 		"node_modules/vite-tsconfig-paths": {
-			"version": "4.2.2",
-			"resolved": "https://registry.npmjs.org/vite-tsconfig-paths/-/vite-tsconfig-paths-4.2.2.tgz",
-			"integrity": "sha512-dq0FjyxHHDnp0uS3P12WEOX2W7NeuLzX9AWP38D7Zw2CTbFErapwQVlCiT5DMJcVWKQ1MMdTe92PZl/rBQ7qcw==",
+			"version": "4.3.1",
+			"resolved": "https://registry.npmjs.org/vite-tsconfig-paths/-/vite-tsconfig-paths-4.3.1.tgz",
+			"integrity": "sha512-cfgJwcGOsIxXOLU/nELPny2/LUD/lcf1IbfyeKTv2bsupVbTH/xpFtdQlBmIP1GEK2CjjLxYhFfB+QODFAx5aw==",
 			"dependencies": {
 				"debug": "^4.1.1",
 				"globrex": "^0.1.2",
-				"tsconfck": "^2.1.0"
+				"tsconfck": "^3.0.1"
 			},
 			"peerDependencies": {
 				"vite": "*"
@@ -6988,17 +6968,17 @@
 			}
 		},
 		"node_modules/vitest": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/vitest/-/vitest-1.1.0.tgz",
-			"integrity": "sha512-oDFiCrw7dd3Jf06HoMtSRARivvyjHJaTxikFxuqJjO76U436PqlVw1uLn7a8OSPrhSfMGVaRakKpA2lePdw79A==",
+			"version": "1.2.2",
+			"resolved": "https://registry.npmjs.org/vitest/-/vitest-1.2.2.tgz",
+			"integrity": "sha512-d5Ouvrnms3GD9USIK36KG8OZ5bEvKEkITFtnGv56HFaSlbItJuYr7hv2Lkn903+AvRAgSixiamozUVfORUekjw==",
 			"dev": true,
 			"dependencies": {
-				"@vitest/expect": "1.1.0",
-				"@vitest/runner": "1.1.0",
-				"@vitest/snapshot": "1.1.0",
-				"@vitest/spy": "1.1.0",
-				"@vitest/utils": "1.1.0",
-				"acorn-walk": "^8.3.0",
+				"@vitest/expect": "1.2.2",
+				"@vitest/runner": "1.2.2",
+				"@vitest/snapshot": "1.2.2",
+				"@vitest/spy": "1.2.2",
+				"@vitest/utils": "1.2.2",
+				"acorn-walk": "^8.3.2",
 				"cac": "^6.7.14",
 				"chai": "^4.3.10",
 				"debug": "^4.3.4",
@@ -7010,9 +6990,9 @@
 				"std-env": "^3.5.0",
 				"strip-literal": "^1.3.0",
 				"tinybench": "^2.5.1",
-				"tinypool": "^0.8.1",
+				"tinypool": "^0.8.2",
 				"vite": "^5.0.0",
-				"vite-node": "1.1.0",
+				"vite-node": "1.2.2",
 				"why-is-node-running": "^2.2.2"
 			},
 			"bin": {
@@ -7070,15 +7050,15 @@
 			}
 		},
 		"node_modules/vue": {
-			"version": "3.3.12",
-			"resolved": "https://registry.npmjs.org/vue/-/vue-3.3.12.tgz",
-			"integrity": "sha512-jYNv2QmET2OTHsFzfWHMnqgCfqL4zfo97QwofdET+GBRCHhSCHuMTTvNIgeSn0/xF3JRT5OGah6MDwUFN7MPlg==",
+			"version": "3.4.19",
+			"resolved": "https://registry.npmjs.org/vue/-/vue-3.4.19.tgz",
+			"integrity": "sha512-W/7Fc9KUkajFU8dBeDluM4sRGc/aa4YJnOYck8dkjgZoXtVsn3OeTGni66FV1l3+nvPA7VBFYtPioaGKUmEADw==",
 			"dependencies": {
-				"@vue/compiler-dom": "3.3.12",
-				"@vue/compiler-sfc": "3.3.12",
-				"@vue/runtime-dom": "3.3.12",
-				"@vue/server-renderer": "3.3.12",
-				"@vue/shared": "3.3.12"
+				"@vue/compiler-dom": "3.4.19",
+				"@vue/compiler-sfc": "3.4.19",
+				"@vue/runtime-dom": "3.4.19",
+				"@vue/server-renderer": "3.4.19",
+				"@vue/shared": "3.4.19"
 			},
 			"peerDependencies": {
 				"typescript": "*"
@@ -7096,9 +7076,9 @@
 			"dev": true
 		},
 		"node_modules/vue-eslint-parser": {
-			"version": "9.3.1",
-			"resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.3.1.tgz",
-			"integrity": "sha512-Clr85iD2XFZ3lJ52/ppmUDG/spxQu6+MAeHXjjyI4I1NUYZ9xmenQp4N0oaHJhrA8OOxltCVxMRfANGa70vU0g==",
+			"version": "9.4.2",
+			"resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.2.tgz",
+			"integrity": "sha512-Ry9oiGmCAK91HrKMtCrKFWmSFWvYkpGglCeFAIqDdr9zdXmMMpJOmUJS7WWsW7fX81h6mwHmUZCQQ1E0PkSwYQ==",
 			"dev": true,
 			"dependencies": {
 				"debug": "^4.3.4",
@@ -7160,73 +7140,10 @@
 				"typescript": "*"
 			}
 		},
-		"node_modules/vue/node_modules/@vue/compiler-core": {
-			"version": "3.3.12",
-			"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.12.tgz",
-			"integrity": "sha512-qAtjyG3GBLG0chzp5xGCyRLLe6wFCHmjI82aGzwuGKyznNP+GJJMxjc0wOYWDB2YKfho7niJFdoFpo0CZZQg9w==",
-			"dependencies": {
-				"@babel/parser": "^7.23.5",
-				"@vue/shared": "3.3.12",
-				"estree-walker": "^2.0.2",
-				"source-map-js": "^1.0.2"
-			}
-		},
-		"node_modules/vue/node_modules/@vue/compiler-dom": {
-			"version": "3.3.12",
-			"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.12.tgz",
-			"integrity": "sha512-RdJU9oEYaoPKUdGXCy0l+i4clesdDeLmbvRlszoc9iagsnBnMmQtYfCPVQ5BHB6o7K4SCucDdJM2Dh3oXB0D6g==",
-			"dependencies": {
-				"@vue/compiler-core": "3.3.12",
-				"@vue/shared": "3.3.12"
-			}
-		},
-		"node_modules/vue/node_modules/@vue/compiler-sfc": {
-			"version": "3.3.12",
-			"resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.3.12.tgz",
-			"integrity": "sha512-yy5b9e7b79dsGbMmglCe/YnhCQgBkHO7Uf6JfjWPSf2/5XH+MKn18LhzhHyxbHdJgnA4lZCqtXzLaJz8Pd8lMw==",
-			"dependencies": {
-				"@babel/parser": "^7.23.5",
-				"@vue/compiler-core": "3.3.12",
-				"@vue/compiler-dom": "3.3.12",
-				"@vue/compiler-ssr": "3.3.12",
-				"@vue/reactivity-transform": "3.3.12",
-				"@vue/shared": "3.3.12",
-				"estree-walker": "^2.0.2",
-				"magic-string": "^0.30.5",
-				"postcss": "^8.4.32",
-				"source-map-js": "^1.0.2"
-			}
-		},
-		"node_modules/vue/node_modules/@vue/compiler-ssr": {
-			"version": "3.3.12",
-			"resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.3.12.tgz",
-			"integrity": "sha512-adCiMJPznfWcQyk/9HSuXGja859IaMV+b8UNSVzDatqv7h0PvT9BEeS22+gjkWofDiSg5d78/ZLls3sLA+cn3A==",
-			"dependencies": {
-				"@vue/compiler-dom": "3.3.12",
-				"@vue/shared": "3.3.12"
-			}
-		},
-		"node_modules/vue/node_modules/@vue/reactivity-transform": {
-			"version": "3.3.12",
-			"resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.3.12.tgz",
-			"integrity": "sha512-g5TijmML7FyKkLt6QnpqNmA4KD7K/T5SbXa88Bhq+hydNQEkzA8veVXWAQuNqg9rjaFYD0rPf0a9NofKA0ENgg==",
-			"dependencies": {
-				"@babel/parser": "^7.23.5",
-				"@vue/compiler-core": "3.3.12",
-				"@vue/shared": "3.3.12",
-				"estree-walker": "^2.0.2",
-				"magic-string": "^0.30.5"
-			}
-		},
-		"node_modules/vue/node_modules/@vue/shared": {
-			"version": "3.3.12",
-			"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.12.tgz",
-			"integrity": "sha512-6p0Yin0pclvnER7BLNOQuod9Z+cxSYh8pSh7CzHnWNjAIP6zrTlCdHRvSCb1aYEx6i3Q3kvfuWU7nG16CgG1ag=="
-		},
 		"node_modules/vue3-apexcharts": {
-			"version": "1.4.4",
-			"resolved": "https://registry.npmjs.org/vue3-apexcharts/-/vue3-apexcharts-1.4.4.tgz",
-			"integrity": "sha512-TH89uZrxGjaDvkaYAISvj8+k6Bf1rUKFillc8oJirs5XZEPiwM1ELKZQ786wz0rfPqkSHHny2lqqUCK7Rw+LcQ==",
+			"version": "1.5.2",
+			"resolved": "https://registry.npmjs.org/vue3-apexcharts/-/vue3-apexcharts-1.5.2.tgz",
+			"integrity": "sha512-rGbgUJDjtsyjfRF0uzwDjzt8+M7ICSRAbm1N9KCDiczW8BSpbEZuaEsJDJYnJuLFIIVXIGilYzIcjNBf6NbeYA==",
 			"peerDependencies": {
 				"apexcharts": "> 3.0.0",
 				"vue": "> 3.0.0"
@@ -7383,9 +7300,9 @@
 			"integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
 		},
 		"node_modules/ws": {
-			"version": "8.14.2",
-			"resolved": "https://registry.npmjs.org/ws/-/ws-8.14.2.tgz",
-			"integrity": "sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==",
+			"version": "8.16.0",
+			"resolved": "https://registry.npmjs.org/ws/-/ws-8.16.0.tgz",
+			"integrity": "sha512-HS0c//TP7Ina87TfiPUz1rQzMhHrl/SG2guqRcTOIUYD2q8uhUdNHZYJUaQ8aTGPzCh+c6oawMKW35nFl1dxyQ==",
 			"engines": {
 				"node": ">=10.0.0"
 			},
diff --git a/package.json b/package.json
index 61b7ef9..32c0a5d 100644
--- a/package.json
+++ b/package.json
@@ -18,62 +18,62 @@
 		"fix": "run-p lint format"
 	},
 	"dependencies": {
-		"@headlessui/vue": "^1.7.16",
+		"@headlessui/vue": "^1.7.19",
 		"@saehrimnir/druidjs": "github:saehm/DruidJS#ts",
 		"@tailwindcss/forms": "^0.5.7",
 		"@types/lodash": "^4.14.202",
 		"@vee-validate/rules": "^4.11.6",
-		"@vueuse/components": "^10.7.1",
-		"@vueuse/core": "^10.7.1",
+		"@vueuse/components": "^10.7.2",
+		"@vueuse/core": "^10.7.2",
 		"@vueuse/sound": "^2.0.1",
 		"animate.css": "^4.1.1",
-		"apexcharts": "^3.45.1",
-		"axios": "^1.6.3",
-		"ccat-api": "^0.9.1",
-		"daisyui": "^4.4.24",
+		"apexcharts": "^3.45.2",
+		"axios": "^1.6.7",
+		"ccat-api": "^0.9.3",
+		"daisyui": "^4.7.1",
 		"highlight.js": "^11.9.0",
 		"lodash": "^4.17.21",
 		"pinia": "^2.1.7",
 		"remarkable": "^2.0.1",
 		"vee-validate": "^4.11.7",
-		"vite-tsconfig-paths": "^4.2.2",
-		"vue": "^3.3.12",
+		"vite-tsconfig-paths": "^4.3.1",
+		"vue": "^3.4.19",
 		"vue-router": "^4.2.5",
-		"vue3-apexcharts": "^1.4.4"
+		"vue3-apexcharts": "^1.5.2"
 	},
 	"devDependencies": {
 		"@iconify-json/heroicons": "^1.1.19",
-		"@iconify-json/ph": "^1.1.9",
+		"@iconify-json/ph": "^1.1.11",
 		"@pinia/testing": "^0.1.3",
-		"@playwright/test": "^1.40.1",
-		"@rushstack/eslint-patch": "^1.6.1",
+		"@playwright/test": "^1.41.2",
+		"@rushstack/eslint-patch": "^1.7.2",
 		"@tsconfig/node18": "^18.2.2",
 		"@types/jsdom": "^21.1.6",
-		"@types/node": "^20.10.5",
+		"@types/node": "^20.11.17",
 		"@types/remarkable": "^2.0.8",
-		"@vitejs/plugin-vue": "^5.0.0",
-		"@vitest/ui": "^1.1.0",
+		"@vitejs/plugin-vue": "^5.0.4",
+		"@vitest/ui": "^1.2.2",
 		"@vue/eslint-config-typescript": "^12.0.0",
-		"@vue/test-utils": "^2.4.3",
+		"@vue/test-utils": "^2.4.4",
 		"@vue/tsconfig": "^0.5.1",
-		"autoprefixer": "^10.4.16",
+		"autoprefixer": "^10.4.17",
 		"eslint": "^8.56.0",
 		"eslint-config-prettier": "^9.1.0",
-		"eslint-plugin-prettier": "^5.1.2",
-		"eslint-plugin-tailwindcss": "^3.13.0",
-		"eslint-plugin-vue": "^9.19.2",
-		"jsdom": "^23.0.1",
+		"eslint-plugin-prettier": "^5.1.3",
+		"eslint-plugin-tailwindcss": "^3.14.2",
+		"eslint-plugin-vue": "^9.21.1",
+		"jsdom": "^24.0.0",
 		"npm-run-all": "^4.1.5",
-		"postcss": "^8.4.32",
-		"prettier": "3.1.1",
+		"postcss": "^8.4.35",
+		"prettier": "3.2.5",
 		"tailwindcss": "^3.4.1",
 		"typescript": "~5.3.3",
-		"unplugin-auto-import": "^0.17.3",
+		"unplugin-auto-import": "^0.17.5",
 		"unplugin-fonts": "^1.1.1",
-		"unplugin-icons": "^0.18.1",
+		"unplugin-icons": "^0.18.5",
 		"unplugin-vue-components": "^0.26.0",
-		"vite": "^5.0.10",
-		"vitest": "^1.1.0",
+		"vite": "^5.1.1",
+		"vitest": "^1.2.2",
 		"vue-tsc": "^1.8.27"
 	}
 }
diff --git a/src/assets/main.css b/src/assets/main.css
index c12738a..83b6971 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -1,20 +1,4 @@
 @tailwind base;
-
-body {
-	scrollbar-width: 10px;
-	scrollbar-color: hsl(var(--b1)) hsl(var(--n));
-}
-
-::-webkit-scrollbar {
-	width: 10px;
-	height: 10px;
-}
-
-::-webkit-scrollbar-thumb {
-	background: hsl(var(--n));
-	border-radius: 10px;
-}
-
 @tailwind components;
 @tailwind utilities;
 
@@ -29,6 +13,18 @@ body {
 	html {
 		font-family: 'Rubik', system-ui, sans-serif;
 	}
+	body {
+		scrollbar-width: 10px;
+		scrollbar-color: theme(backgroundColor.base-100) theme(backgroundColor.neutral);
+	}
+	::-webkit-scrollbar {
+		width: 10px;
+		height: 10px;
+	}
+	::-webkit-scrollbar-thumb {
+		background: theme(backgroundColor.neutral);
+		border-radius: 10px;
+	}
 	input[type='number'] {
 		@apply !pr-0;
 	}
diff --git a/src/views/PluginsView.vue b/src/views/PluginsView.vue
index 3e0e9ac..6f23a97 100644
--- a/src/views/PluginsView.vue
+++ b/src/views/PluginsView.vue
@@ -138,51 +138,62 @@ watchEffect(() => {
 						</template>
 					</UseImage>
 					<div class="flex grow flex-col">
-						<div class="flex justify-between">
-							<p class="text-sm font-medium text-neutral">
+						<div class="flex justify-between items-center">
+							<p class="flex items-baseline gap-1 text-sm font-medium text-neutral">
 								<span class="text-xl font-bold text-neutral">{{ item.name }}</span>
-								by
 								<a
-									:href="item.author_url"
+									:href="item.plugin_url"
 									target="_blank"
 									class="link"
-									:class="{ 'pointer-events-none no-underline': item.author_url === '' }">
-									{{ item.author_name }}
+									:class="{ 'pointer-events-none no-underline': item.plugin_url === '' }">
+									<span>v{{ item.version }}</span>
+									<span v-if="item.upgrade">➡ {{ item.upgrade }}</span>
 								</a>
 							</p>
-							<button v-if="item.url" class="btn btn-primary btn-xs rounded-md uppercase" @click="installRegistryPlugin(item.url)">
-								<heroicons-cloud-arrow-down-solid class="h-4 w-4" />
-								Install
-							</button>
-							<button
-								v-else-if="item.id !== 'core_plugin'"
-								class="btn btn-error btn-xs rounded-md uppercase text-base-100"
-								@click="openRemoveModal(item)">
-								<heroicons-trash-solid class="h-3 w-3" />
-								Delete
-							</button>
+							<div class="flex gap-2">
+								<button v-if="item.id !== 'core_plugin' && item.upgrade && item.plugin_url" 
+									class="btn btn-primary btn-xs rounded-md uppercase" @click="installRegistryPlugin(item.plugin_url)">
+									<ph-export-bold class="h-4 w-4" />
+									Upgrade
+								</button>
+								<button v-if="item.url" class="btn btn-primary btn-xs rounded-md uppercase" @click="installRegistryPlugin(item.url)">
+									<heroicons-cloud-arrow-down-solid class="h-4 w-4" />
+									Install
+								</button>
+								<button
+									v-else-if="item.id !== 'core_plugin'"
+									class="btn btn-error btn-xs rounded-md uppercase text-base-100"
+									@click="openRemoveModal(item)">
+									<heroicons-trash-solid class="h-3 w-3" />
+									Delete
+								</button>
+							</div>
 						</div>
 						<div class="flex h-6 items-center gap-1 text-sm font-medium text-neutral">
-							<p>v{{ item.version }}</p>
-							<a v-if="item.plugin_url" :href="item.plugin_url" target="_blank" class="btn btn-circle btn-xs">
-								<heroicons-link-20-solid class="h-4 w-4" />
+							<span>by</span>
+							<a
+								:href="item.author_url"
+								target="_blank"
+								class="link"
+								:class="{ 'pointer-events-none no-underline': item.author_url === '' }">
+								{{ item.author_name }}
 							</a>
 						</div>
 						<p class="my-2 text-sm">
 							{{ item.description }}
 						</p>
 						<!--<div v-if="item.hooks && item.tools" class="mb-2 flex items-center gap-2 text-xs">
-							<div v-if="item.hooks.length > 0" class="dropdown-hover dropdown">
+							<div v-if="item.hooks.length > 0" class="dropdown dropdown-hover">
 								<label tabindex="0" class="btn btn-square btn-ghost btn-outline btn-xs hover:bg-base-200">🪝</label>
 								<ul tabindex="0" class="dropdown-content z-10 mt-1 w-max rounded-md bg-base-200 p-2 shadow">
-									<div v-for="(hook, index) of groupBy(item.hooks, p => p.priority)" :key="index">
+									<div v-for="(hook, index) of groupBy(item.hooks, h => h.priority)" :key="index">
 										<span class="font-medium text-primary">Priority {{ index }} :</span>
-										<br/>
+										<br />
 										<p v-for="{ name } in hook" :key="name">- {{ name }}</p>
 									</div>
 								</ul>
 							</div>
-							<div v-if="item.tools.length > 0" class="dropdown-hover dropdown">
+							<div v-if="item.tools.length > 0" class="dropdown dropdown-hover">
 								<label tabindex="0" class="btn btn-square btn-ghost btn-outline btn-xs hover:bg-base-200">🛠️</label>
 								<ul tabindex="0" class="dropdown-content z-10 mt-1 w-max rounded-md bg-base-200 p-2 shadow">
 									<p v-for="{ name } in item.tools" :key="name">- {{ name }}</p>

From 46898bed5068a4f5ce70d3407a967d9f8e43b39a Mon Sep 17 00:00:00 2001
From: Dany <zdanymc@gmail.com>
Date: Tue, 13 Feb 2024 19:57:49 +0100
Subject: [PATCH 2/2] add plugin infos

---
 components.d.ts                 |  1 +
 src/components/DynamicForm.vue  |  8 ++--
 src/components/Header.vue       | 28 ++++++-------
 src/components/InputBox.vue     |  4 +-
 src/components/MemorySelect.vue |  6 +--
 src/components/MessageBox.vue   |  8 ++--
 src/components/Pagination.vue   |  4 +-
 src/components/SelectBox.vue    |  2 +-
 src/components/SidePanel.vue    |  2 +-
 src/components/ThemeButton.vue  |  4 +-
 src/views/EmbeddersView.vue     |  2 +-
 src/views/HomeView.vue          | 22 +++++-----
 src/views/MemoryView.vue        | 14 +++----
 src/views/PluginsView.vue       | 74 +++++++++++++++++++--------------
 src/views/ProvidersView.vue     |  2 +-
 15 files changed, 97 insertions(+), 84 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index 3fda63d..734ed34 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -25,6 +25,7 @@ declare module 'vue' {
     HeroiconsDocumentTextSolid: typeof import('~icons/heroicons/document-text-solid')['default']
     HeroiconsGlobeAlt: typeof import('~icons/heroicons/globe-alt')['default']
     HeroiconsHome20Solid: typeof import('~icons/heroicons/home20-solid')['default']
+    HeroiconsInformationCircleSolid: typeof import('~icons/heroicons/information-circle-solid')['default']
     HeroiconsLink20Solid: typeof import('~icons/heroicons/link20-solid')['default']
     HeroiconsMagnifyingGlass20Solid: typeof import('~icons/heroicons/magnifying-glass20-solid')['default']
     HeroiconsMicrophoneSolid: typeof import('~icons/heroicons/microphone-solid')['default']
diff --git a/src/components/DynamicForm.vue b/src/components/DynamicForm.vue
index 5a74529..1d28bcd 100644
--- a/src/components/DynamicForm.vue
+++ b/src/components/DynamicForm.vue
@@ -58,7 +58,7 @@ defineEmits<{
 					<span v-if="attrs.default === undefined" class="font-bold text-error">*</span>
 					<span class="label-text font-medium">{{ label }}</span>
 					<div v-if="description" class="tooltip tooltip-right" :data-tip="description">
-						<ph-info class="h-4 w-4" />
+						<ph-info class="size-4" />
 					</div>
 				</label>
 				<CheckBox v-if="attrs.type === 'checkbox'" :indeterminate="attrs.default == undefined" :name="name" :rules="attrs.rules" />
@@ -72,7 +72,7 @@ defineEmits<{
 					:class="{
 						'textarea block w-full overflow-auto bg-base-200 !outline-offset-0': attrs.as === 'textarea',
 						'select select-bordered select-sm mb-2 w-full !leading-4': attrs.as === 'select',
-						'input input-primary input-sm mb-2 w-full !transition-all': attrs.as === 'input',
+						'input input-sm input-primary mb-2 w-full !transition-all': attrs.as === 'input',
 					}">
 					<template v-if="children && children.length">
 						<component :is="'option'" v-for="({ text, ...childAttrs }, idx) in children" :key="idx" v-bind="childAttrs">
@@ -85,11 +85,11 @@ defineEmits<{
 		</div>
 		<div class="mt-auto flex gap-2">
 			<button type="reset" class="btn btn-outline btn-sm grow normal-case">
-				<ph-arrow-counter-clockwise-bold class="h-4 w-4" />
+				<ph-arrow-counter-clockwise-bold class="size-4" />
 				Reset
 			</button>
 			<button type="submit" class="btn btn-primary btn-sm grow normal-case" :disabled="disabled || Object.keys(errors).length > 0">
-				<ph-floppy-disk-bold class="h-4 w-4" />
+				<ph-floppy-disk-bold class="size-4" />
 				Save
 			</button>
 		</div>
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 9557244..0fe4ca4 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -4,12 +4,12 @@
 	<div class="navbar sticky top-0 z-30 min-h-fit bg-base-100 font-medium shadow-md md:px-[5%] lg:px-[10%]">
 		<div class="navbar-start">
 			<RouterLink to="/" class="shrink-0 !bg-transparent">
-				<img src="@assets/logo.svg" class="hidden h-12 w-12 cursor-pointer dark:brightness-0 dark:invert md:block" />
+				<img src="@assets/logo.svg" class="hidden size-12 cursor-pointer dark:brightness-0 dark:invert md:block" />
 			</RouterLink>
 			<Menu v-slot="{ open }" as="div" class="relative inline-block rounded-md md:hidden">
 				<MenuButton class="btn btn-circle btn-ghost" title="Menu">
-					<heroicons-x-mark-20-solid v-if="open" class="swap-on h-6 w-6" />
-					<heroicons-bars-3-solid v-else class="swap-off h-6 w-6" />
+					<heroicons-x-mark-20-solid v-if="open" class="swap-on size-6" />
+					<heroicons-bars-3-solid v-else class="swap-off size-6" />
 				</MenuButton>
 				<Transition
 					enterActiveClass="transition duration-200 ease-out"
@@ -22,21 +22,21 @@
 						as="ul"
 						class="menu menu-md absolute left-0 z-50 mt-4 w-min origin-top-left gap-2 whitespace-nowrap rounded-md bg-base-100 shadow-xl">
 						<MenuItem as="li">
-							<RouterLink to="/"> <heroicons-home-20-solid class="h-4 w-4" /> Home </RouterLink>
+							<RouterLink to="/"> <heroicons-home-20-solid class="size-4" /> Home </RouterLink>
 						</MenuItem>
 						<MenuItem as="li">
-							<RouterLink :key="$route.fullPath" :to="{ path: '/memory' }"> <ph-brain-fill class="h-4 w-4" /> Memory </RouterLink>
+							<RouterLink :key="$route.fullPath" :to="{ path: '/memory' }"> <ph-brain-fill class="size-4" /> Memory </RouterLink>
 						</MenuItem>
 						<MenuItem as="li">
-							<RouterLink :key="$route.fullPath" :to="{ path: '/plugins' }"> <ph-plug-fill class="h-4 w-4" /> Plugins </RouterLink>
+							<RouterLink :key="$route.fullPath" :to="{ path: '/plugins' }"> <ph-plug-fill class="size-4" /> Plugins </RouterLink>
 						</MenuItem>
 						<MenuItem as="li">
 							<RouterLink :key="$route.fullPath" :to="{ path: '/settings' }" :class="{ active: $route.path === '/settings' }">
-								<heroicons-cog-6-tooth-20-solid class="h-4 w-4" /> Settings
+								<heroicons-cog-6-tooth-20-solid class="size-4" /> Settings
 							</RouterLink>
 						</MenuItem>
 						<MenuItem as="li">
-							<a href="https://cheshire-cat-ai.github.io/docs/" target="_blank"> <heroicons-document-text-solid class="h-4 w-4" /> Docs </a>
+							<a href="https://cheshire-cat-ai.github.io/docs/" target="_blank"> <heroicons-document-text-solid class="size-4" /> Docs </a>
 						</MenuItem>
 					</MenuItems>
 				</Transition>
@@ -44,25 +44,25 @@
 		</div>
 		<div class="navbar-center">
 			<RouterLink to="/" class="shrink-0 !bg-transparent">
-				<img src="@assets/logo.svg" class="h-12 w-12 cursor-pointer dark:brightness-0 dark:invert md:hidden" />
+				<img src="@assets/logo.svg" class="size-12 cursor-pointer dark:brightness-0 dark:invert md:hidden" />
 			</RouterLink>
 			<ul class="menu menu-horizontal menu-md hidden gap-4 p-0 md:flex">
 				<li>
-					<RouterLink to="/"> <heroicons-home-20-solid class="h-4 w-4" /> Home </RouterLink>
+					<RouterLink to="/"> <heroicons-home-20-solid class="size-4" /> Home </RouterLink>
 				</li>
 				<li>
-					<RouterLink :key="$route.fullPath" :to="{ path: '/memory' }"> <ph-brain-fill class="h-4 w-4" /> Memory </RouterLink>
+					<RouterLink :key="$route.fullPath" :to="{ path: '/memory' }"> <ph-brain-fill class="size-4" /> Memory </RouterLink>
 				</li>
 				<li>
-					<RouterLink :key="$route.fullPath" :to="{ path: '/plugins' }"> <ph-plug-fill class="h-4 w-4" /> Plugins </RouterLink>
+					<RouterLink :key="$route.fullPath" :to="{ path: '/plugins' }"> <ph-plug-fill class="size-4" /> Plugins </RouterLink>
 				</li>
 				<li>
 					<RouterLink :key="$route.fullPath" :to="{ path: '/settings' }" :class="{ active: $route.path === '/settings' }">
-						<heroicons-cog-6-tooth-20-solid class="h-4 w-4" /> Settings
+						<heroicons-cog-6-tooth-20-solid class="size-4" /> Settings
 					</RouterLink>
 				</li>
 				<li>
-					<a href="https://cheshire-cat-ai.github.io/docs/" target="_blank"> <heroicons-document-text-solid class="h-4 w-4" /> Docs </a>
+					<a href="https://cheshire-cat-ai.github.io/docs/" target="_blank"> <heroicons-document-text-solid class="size-4" /> Docs </a>
 				</li>
 			</ul>
 		</div>
diff --git a/src/components/InputBox.vue b/src/components/InputBox.vue
index 4b963b6..9939341 100644
--- a/src/components/InputBox.vue
+++ b/src/components/InputBox.vue
@@ -45,11 +45,11 @@ defineEmits<{
 				:placeholder="placeholder"
 				:disabled="disabled"
 				:autofocus="autofocus"
-				class="input input-primary input-sm w-full shadow-lg !outline-2 !transition-all"
+				class="input input-sm input-primary w-full shadow-lg !outline-2 !transition-all"
 				@keyup.enter="$emit('send')"
 				@input="$emit('update:modelValue', ($event.target as HTMLInputElement).value)" />
 			<button v-if="search" class="btn btn-square btn-ghost btn-sm absolute right-0 top-0" :disabled="disabled" @click="$emit('send')">
-				<heroicons-magnifying-glass-20-solid class="h-5 w-5" />
+				<heroicons-magnifying-glass-20-solid class="size-5" />
 			</button>
 		</div>
 		<label v-if="error" class="label">
diff --git a/src/components/MemorySelect.vue b/src/components/MemorySelect.vue
index f8d67e2..0527f37 100644
--- a/src/components/MemorySelect.vue
+++ b/src/components/MemorySelect.vue
@@ -15,9 +15,9 @@ const selectedCollection = ref('episodic')
 				class="btn-ghost btn-sm inline-flex items-center gap-2 rounded font-semibold capitalize transition-colors hover:bg-primary hover:text-base-100"
 				:class="[selectedCollection === col ? 'bg-primary text-base-100' : 'text-primary']"
 				@click="selectedCollection = col">
-				<ph-chats v-if="col == 'episodic'" class="h-5 w-5" />
-				<ph-files v-if="col == 'declarative'" class="h-5 w-5" />
-				<ph-toolbox v-if="col == 'procedural'" class="h-5 w-5" />
+				<ph-chats v-if="col == 'episodic'" class="size-5" />
+				<ph-files v-if="col == 'declarative'" class="size-5" />
+				<ph-toolbox v-if="col == 'procedural'" class="size-5" />
 				{{ col }}
 			</button>
 		</div>
diff --git a/src/components/MessageBox.vue b/src/components/MessageBox.vue
index c59e528..b5cee70 100644
--- a/src/components/MessageBox.vue
+++ b/src/components/MessageBox.vue
@@ -95,7 +95,7 @@ const fileUrl = computed(() => {
 					</p>
 				</video>
 				<div v-else-if="file" class="flex items-center justify-center gap-2 rounded-lg bg-base-200 p-2 shadow-xl">
-					<ph-file-fill class="h-6 w-6" />
+					<ph-file-fill class="size-6" />
 					<div class="flex flex-col gap-1">
 						<p class="font-bold">{{ file.name.substring(0, file.name.lastIndexOf('.')) }}</p>
 						<p class="text-xs">{{ fileTypeSize }}</p>
@@ -113,17 +113,17 @@ const fileUrl = computed(() => {
 					<div v-for="data in why.intermediate_steps" :key="data[0]">
 						<div class="grid grid-cols-2 grid-rows-1 pt-2">
 							<div class="px-3 py-2">
-								<h2 class="flex items-center justify-center gap-2 pb-1 text-sm font-bold"><ph-nut class="h-5 w-5" />Triggered Tool</h2>
+								<h2 class="flex items-center justify-center gap-2 pb-1 text-sm font-bold"><ph-nut class="size-5" />Triggered Tool</h2>
 								<p class="mx-1 my-2 flex items-center justify-center rounded bg-base-200 px-4 py-2 text-sm">{{ data[0][0] }}</p>
 							</div>
 							<div class="px-3 py-2">
-								<h2 class="flex items-center justify-center gap-2 pb-1 text-sm font-bold"><ph-textbox class="h-5 w-5" />Tool Input</h2>
+								<h2 class="flex items-center justify-center gap-2 pb-1 text-sm font-bold"><ph-textbox class="size-5" />Tool Input</h2>
 								<p class="mx-1 my-2 flex items-center justify-center rounded bg-base-200 px-4 py-2 text-sm">{{ data[0][1] }}</p>
 							</div>
 						</div>
 						<div class="px-3 py-2">
 							<h2 class="flex items-center justify-center gap-2 pb-1 text-sm font-bold">
-								<ph-chat-centered-dots class="h-5 w-5" />Tool Output
+								<ph-chat-centered-dots class="size-5" />Tool Output
 							</h2>
 							<p class="mx-1 my-2 rounded bg-base-200 p-4 text-sm">{{ data[1] }}</p>
 						</div>
diff --git a/src/components/Pagination.vue b/src/components/Pagination.vue
index 5b6a27f..6e18bf2 100644
--- a/src/components/Pagination.vue
+++ b/src/components/Pagination.vue
@@ -45,7 +45,7 @@ defineExpose({
 		<slot :list="currentList" />
 		<div v-if="pageCount > 1" class="join self-center">
 			<button class="btn btn-square join-item btn-neutral btn-sm" :disabled="isFirstPage" @click="prev">
-				<ph-caret-left-fill class="h-5 w-5" />
+				<ph-caret-left-fill class="size-5" />
 			</button>
 			<button class="btn btn-square join-item btn-neutral btn-sm" :class="{ '!btn-primary': currentPage == 1 }" @click="currentPage = 1">
 				1
@@ -66,7 +66,7 @@ defineExpose({
 				</button>
 			</template>
 			<button class="btn btn-square join-item btn-neutral btn-sm" :disabled="isLastPage" @click="next">
-				<ph-caret-right-fill class="h-5 w-5" />
+				<ph-caret-right-fill class="size-5" />
 			</button>
 		</div>
 	</div>
diff --git a/src/components/SelectBox.vue b/src/components/SelectBox.vue
index adbad08..66f39f4 100644
--- a/src/components/SelectBox.vue
+++ b/src/components/SelectBox.vue
@@ -51,7 +51,7 @@ defineExpose({
 				:class="[color, padding]"
 				class="flex w-full cursor-default items-center justify-between gap-1 rounded-md text-left text-sm">
 				<span class="block truncate font-semibold">{{ selected.label }}</span>
-				<heroicons-chevron-up-down-20-solid class="h-6 w-6" />
+				<heroicons-chevron-up-down-20-solid class="size-6" />
 			</ListboxButton>
 			<Transition
 				enterActiveClass="transition duration-200 ease-out"
diff --git a/src/components/SidePanel.vue b/src/components/SidePanel.vue
index b214624..a9a9326 100644
--- a/src/components/SidePanel.vue
+++ b/src/components/SidePanel.vue
@@ -58,7 +58,7 @@ const closeIfNotLoading = () => {
 										</DialogTitle>
 										<button class="btn btn-circle btn-sm" @click="closeIfNotLoading()">
 											<span class="sr-only">Close panel</span>
-											<heroicons-x-mark-20-solid class="h-6 w-6" />
+											<heroicons-x-mark-20-solid class="size-6" />
 										</button>
 									</div>
 									<div class="relative flex flex-1 flex-col overflow-y-auto p-2 md:p-4">
diff --git a/src/components/ThemeButton.vue b/src/components/ThemeButton.vue
index 46f5988..24fae98 100644
--- a/src/components/ThemeButton.vue
+++ b/src/components/ThemeButton.vue
@@ -17,7 +17,7 @@ watchEffect(() => {
 <template>
 	<button class="btn btn-circle btn-ghost swap" @click="toggleDark()">
 		<input v-model="isDark" type="checkbox" class="modal-toggle" />
-		<heroicons-sun-solid class="swap-on h-6 w-6" />
-		<heroicons-moon-solid class="swap-off h-6 w-6" />
+		<heroicons-sun-solid class="swap-on size-6" />
+		<heroicons-moon-solid class="swap-off size-6" />
 	</button>
 </template>
diff --git a/src/views/EmbeddersView.vue b/src/views/EmbeddersView.vue
index a2b3500..a11ff82 100644
--- a/src/views/EmbeddersView.vue
+++ b/src/views/EmbeddersView.vue
@@ -56,7 +56,7 @@ watchDeep(
 			<div class="flex grow flex-col gap-4">
 				<div class="flex items-center gap-1 font-medium">
 					<a v-if="currentSchema?.link" :href="currentSchema.link" target="_blank" class="btn btn-circle btn-primary btn-xs">
-						<heroicons-link-20-solid class="h-4 w-4" />
+						<heroicons-link-20-solid class="size-4" />
 					</a>
 					<span>{{ currentSchema?.description }}</span>
 				</div>
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 0af6535..d528ed0 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -177,7 +177,7 @@ const scrollToBottom = () => {
 			'pb-16 md:pb-20': !isTwoLines,
 			'pb-24 md:pb-28': isTwoLines,
 		}">
-		<div v-if="isOverDropZone" class="flex h-full w-full grow flex-col items-center justify-center py-4 md:pb-0">
+		<div v-if="isOverDropZone" class="flex size-full grow flex-col items-center justify-center py-4 md:pb-0">
 			<div class="relative flex w-full grow items-center justify-center rounded-md border-2 border-dashed border-primary p-2 md:p-4">
 				<p class="text-lg md:text-xl">
 					Drop
@@ -185,7 +185,7 @@ const scrollToBottom = () => {
 					to send to the Cheshire Cat, meow!
 				</p>
 				<button class="btn btn-circle btn-error btn-sm absolute right-2 top-2" @click="isOverDropZone = false">
-					<heroicons-x-mark-20-solid class="h-6 w-6" />
+					<heroicons-x-mark-20-solid class="size-6" />
 				</button>
 			</div>
 		</div>
@@ -229,7 +229,7 @@ const scrollToBottom = () => {
 			<div class="flex w-full max-w-screen-lg items-center gap-2 md:gap-4">
 				<div class="dropdown dropdown-top">
 					<button tabindex="0" :disabled="inputDisabled" class="btn btn-circle btn-primary shadow-lg">
-						<heroicons-bolt-solid class="h-5 w-5" />
+						<heroicons-bolt-solid class="size-5" />
 					</button>
 					<ul tabindex="0" class="dropdown-content join join-vertical !left-0 z-10 mb-6 w-48 p-0 [&>li>*]:bg-base-100">
 						<li>
@@ -238,7 +238,7 @@ const scrollToBottom = () => {
 								class="btn join-item w-full flex-nowrap px-2 text-left font-medium"
 								@click="downloadConversation(messagesState.messages.reduce((p, c) => `${p}${capitalize(c.sender)}: ${c.text}\n`, ''))">
 								<span class="rounded-lg p-1 text-primary">
-									<ph-export-bold class="h-5 w-5" />
+									<ph-export-bold class="size-5" />
 								</span>
 								<span class="grow">Export conversation</span>
 							</button>
@@ -249,7 +249,7 @@ const scrollToBottom = () => {
 								class="btn join-item w-full flex-nowrap px-2 text-left font-medium"
 								@click="uploadFile('memory')">
 								<span class="rounded-lg p-1 text-success">
-									<ph-brain-fill class="h-5 w-5" />
+									<ph-brain-fill class="size-5" />
 								</span>
 								<span class="grow">Upload memories</span>
 							</button>
@@ -260,7 +260,7 @@ const scrollToBottom = () => {
 								class="btn join-item w-full flex-nowrap px-2 text-left font-medium"
 								@click="boxUploadURL?.toggleModal()">
 								<span class="rounded-lg p-1 text-info">
-									<heroicons-globe-alt class="h-5 w-5" />
+									<heroicons-globe-alt class="size-5" />
 								</span>
 								<span class="grow">Upload url</span>
 							</button>
@@ -271,7 +271,7 @@ const scrollToBottom = () => {
 								class="btn join-item w-full flex-nowrap px-2 text-left font-medium"
 								@click="uploadFile('content')">
 								<span class="rounded-lg p-1 text-warning">
-									<heroicons-document-text-solid class="h-5 w-5" />
+									<heroicons-document-text-solid class="size-5" />
 								</span>
 								<span class="grow">Upload file</span>
 							</button>
@@ -279,7 +279,7 @@ const scrollToBottom = () => {
 						<li>
 							<button class="btn join-item w-full flex-nowrap px-2 text-left font-medium" @click="wipeHistory()">
 								<span class="rounded-lg p-1 text-error">
-									<heroicons-trash-solid class="h-5 w-5" />
+									<heroicons-trash-solid class="size-5" />
 								</span>
 								<span class="grow">Clear conversation</span>
 							</button>
@@ -300,7 +300,7 @@ const scrollToBottom = () => {
 							:disabled="inputDisabled || userMessage.length === 0"
 							class="btn btn-circle btn-ghost btn-sm self-center"
 							@click="sendMessage(userMessage)">
-							<heroicons-paper-airplane-solid class="h-6 w-6" />
+							<heroicons-paper-airplane-solid class="size-6" />
 						</button>
 					</div>
 				</div>
@@ -310,14 +310,14 @@ const scrollToBottom = () => {
 					:class="[isListening ? 'glass btn-outline' : '']"
 					:disabled="inputDisabled"
 					@click="toggleListening">
-					<heroicons-microphone-solid class="h-6 w-6" />
+					<heroicons-microphone-solid class="size-6" />
 				</button>
 			</div>
 			<button
 				v-if="isScrollable"
 				class="btn btn-circle btn-outline btn-primary btn-sm absolute bottom-28 right-4 bg-base-100"
 				@click="scrollToBottom">
-				<heroicons-arrow-down-20-solid class="h-5 w-5" />
+				<heroicons-arrow-down-20-solid class="size-5" />
 			</button>
 		</div>
 		<Teleport to="#modal">
diff --git a/src/views/MemoryView.vue b/src/views/MemoryView.vue
index 92a40fc..56bfe4d 100644
--- a/src/views/MemoryView.vue
+++ b/src/views/MemoryView.vue
@@ -202,7 +202,7 @@ const dateFilter = ref(''),
 						:disabled="Boolean(memoryState.error) || memoryState.loading"
 						type="number"
 						min="1"
-						class="input input-primary input-sm w-24 shadow-lg !outline-2" />
+						class="input input-sm input-primary w-24 shadow-lg !outline-2" />
 				</div>
 			</div>
 			<!--<div class="flex flex-wrap justify-center gap-2">
@@ -361,7 +361,7 @@ const dateFilter = ref(''),
 				:disabled="Boolean(memoryState.error) || memoryState.loading"
 				class="btn btn-primary join-item hover:border-error hover:bg-error"
 				@click="boxWipe?.toggleModal()">
-				<heroicons-trash-solid class="h-4 w-4" />
+				<heroicons-trash-solid class="size-4" />
 				Wipe
 			</button>
 			<SelectBox
@@ -384,10 +384,10 @@ const dateFilter = ref(''),
 					<div v-for="(data, key) of clickedPoint" :key="key" className="grid grid-cols-4 grid-rows-1 gap-2 text-sm">
 						<div class="py-2 font-medium">{{ capitalize(key) }}</div>
 						<div v-if="key === 'collection' && typeof data == 'string'" class="col-span-3 inline-flex items-center gap-2 py-2">
-							<ph-chats v-if="data === 'episodic'" class="h-5 w-5" />
-							<ph-files v-if="data === 'declarative'" class="h-5 w-5" />
-							<ph-toolbox v-if="data === 'procedural'" class="h-5 w-5" />
-							<ph-list-magnifying-glass v-if="data === 'query'" class="h-5 w-5" />
+							<ph-chats v-if="data === 'episodic'" class="size-5" />
+							<ph-files v-if="data === 'declarative'" class="size-5" />
+							<ph-toolbox v-if="data === 'procedural'" class="size-5" />
+							<ph-list-magnifying-glass v-if="data === 'query'" class="size-5" />
 							{{ capitalize(data) }}
 						</div>
 						<!-- START THE BUTTON FOR DELETING THE SOURCE - THIS IS JUST EXPERIMENTAL: TO FINALIZE  -->
@@ -406,7 +406,7 @@ const dateFilter = ref(''),
 				v-if="clickedPoint && !['procedural', 'query'].includes(clickedPoint.collection)"
 				class="btn btn-primary btn-sm mt-auto hover:btn-error"
 				@click="deleteMemoryMarker(clickedPoint.collection, clickedPoint.id)">
-				<heroicons-trash-solid class="h-4 w-4" />
+				<heroicons-trash-solid class="size-4" />
 				Delete memory point
 			</button>
 		</SidePanel>
diff --git a/src/views/PluginsView.vue b/src/views/PluginsView.vue
index 6f23a97..524cd13 100644
--- a/src/views/PluginsView.vue
+++ b/src/views/PluginsView.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { upperFirst, isEmpty } from 'lodash'
+import { upperFirst, isEmpty, groupBy } from 'lodash'
 import { type Plugin } from 'ccat-api'
 import { usePlugins } from '@stores/usePlugins'
 import { useSettings } from '@stores/useSettings'
@@ -17,6 +17,7 @@ const { upload: uploadFile } = uploadContent()
 
 const boxRemove = ref<InstanceType<typeof ModalBox>>()
 const settingsPanel = ref<InstanceType<typeof SidePanel>>()
+const infoPanel = ref<InstanceType<typeof SidePanel>>()
 const selectedPageSize = ref(25)
 const searchText = ref('')
 const pluginsList = ref<Plugin[]>([])
@@ -46,6 +47,11 @@ const deletePlugin = async () => {
 	boxRemove.value?.toggleModal()
 }
 
+const openInfo = (plugin: Plugin) => {
+	selectedPlugin.value = plugin
+	infoPanel.value?.togglePanel()
+}
+
 const openSettings = async (plugin: Plugin) => {
 	selectedPlugin.value = plugin
 	currentSettings.value = await getSettings(plugin.id)
@@ -93,7 +99,7 @@ watchEffect(() => {
 				:disabled="pluginsState.loading || Boolean(pluginsState.error)"
 				@send="queryPlugins()" />
 			<div class="flex flex-wrap justify-center gap-2">
-				<heroicons-adjustments-vertical class="h-6 w-6" />
+				<heroicons-adjustments-vertical class="size-6" />
 				<button
 					v-for="(v, k) of pluginsFilters"
 					:key="k"
@@ -112,14 +118,14 @@ watchEffect(() => {
 					href="https://cheshire-cat-ai.github.io/docs/plugins-registry/plugin-from-template/"
 					target="_blank"
 					class="btn btn-outline btn-primary btn-sm rounded-md hover:shadow-lg">
-					<ph-lightbulb-filament-fill class="h-4 w-4" />
+					<ph-lightbulb-filament-fill class="size-4" />
 					Create plugin
 				</a>
 				<button
 					:disabled="pluginsState.loading || Boolean(pluginsState.error)"
 					class="btn btn-primary btn-sm rounded-md hover:shadow-lg"
 					@click="uploadFile('plugin')">
-					<ph-export-bold class="h-4 w-4" />
+					<ph-export-bold class="size-4" />
 					Upload plugin
 				</button>
 			</div>
@@ -128,17 +134,17 @@ watchEffect(() => {
 		<div v-else-if="filteredList.length > 0" class="flex flex-col gap-4">
 			<Pagination v-slot="{ list }" :list="filteredList" :pageSize="selectedPageSize">
 				<div v-for="item in list" :key="item.url ?? item.id" class="flex gap-2 rounded-xl bg-base-100 p-2 shadow md:gap-4 md:p-4">
-					<UseImage :src="item.thumb" class="h-20 w-20 self-center object-contain">
+					<UseImage :src="item.thumb" class="size-20 self-center object-contain">
 						<template #error>
 							<div class="avatar placeholder self-center">
-								<div class="h-20 w-20 rounded-lg bg-gradient-to-b from-accent to-primary text-base-100">
+								<div class="size-20 rounded-lg bg-gradient-to-b from-accent to-primary text-base-100">
 									<span class="text-5xl font-bold leading-3">{{ upperFirst(item.name)[0] }}</span>
 								</div>
 							</div>
 						</template>
 					</UseImage>
 					<div class="flex grow flex-col">
-						<div class="flex justify-between items-center">
+						<div class="flex items-center justify-between">
 							<p class="flex items-baseline gap-1 text-sm font-medium text-neutral">
 								<span class="text-xl font-bold text-neutral">{{ item.name }}</span>
 								<a
@@ -151,20 +157,22 @@ watchEffect(() => {
 								</a>
 							</p>
 							<div class="flex gap-2">
-								<button v-if="item.id !== 'core_plugin' && item.upgrade && item.plugin_url" 
-									class="btn btn-primary btn-xs rounded-md uppercase" @click="installRegistryPlugin(item.plugin_url)">
-									<ph-export-bold class="h-4 w-4" />
+								<button
+									v-if="item.id !== 'core_plugin' && item.upgrade && item.plugin_url"
+									class="btn btn-primary btn-xs rounded-md uppercase"
+									@click="installRegistryPlugin(item.plugin_url)">
+									<ph-export-bold class="size-4" />
 									Upgrade
 								</button>
 								<button v-if="item.url" class="btn btn-primary btn-xs rounded-md uppercase" @click="installRegistryPlugin(item.url)">
-									<heroicons-cloud-arrow-down-solid class="h-4 w-4" />
+									<heroicons-cloud-arrow-down-solid class="size-4" />
 									Install
 								</button>
 								<button
 									v-else-if="item.id !== 'core_plugin'"
 									class="btn btn-error btn-xs rounded-md uppercase text-base-100"
 									@click="openRemoveModal(item)">
-									<heroicons-trash-solid class="h-3 w-3" />
+									<heroicons-trash-solid class="size-3" />
 									Delete
 								</button>
 							</div>
@@ -182,24 +190,6 @@ watchEffect(() => {
 						<p class="my-2 text-sm">
 							{{ item.description }}
 						</p>
-						<!--<div v-if="item.hooks && item.tools" class="mb-2 flex items-center gap-2 text-xs">
-							<div v-if="item.hooks.length > 0" class="dropdown dropdown-hover">
-								<label tabindex="0" class="btn btn-square btn-ghost btn-outline btn-xs hover:bg-base-200">🪝</label>
-								<ul tabindex="0" class="dropdown-content z-10 mt-1 w-max rounded-md bg-base-200 p-2 shadow">
-									<div v-for="(hook, index) of groupBy(item.hooks, h => h.priority)" :key="index">
-										<span class="font-medium text-primary">Priority {{ index }} :</span>
-										<br />
-										<p v-for="{ name } in hook" :key="name">- {{ name }}</p>
-									</div>
-								</ul>
-							</div>
-							<div v-if="item.tools.length > 0" class="dropdown dropdown-hover">
-								<label tabindex="0" class="btn btn-square btn-ghost btn-outline btn-xs hover:bg-base-200">🛠️</label>
-								<ul tabindex="0" class="dropdown-content z-10 mt-1 w-max rounded-md bg-base-200 p-2 shadow">
-									<p v-for="{ name } in item.tools" :key="name">- {{ name }}</p>
-								</ul>
-							</div>
-						</div>-->
 						<div class="flex h-8 items-center justify-between gap-4">
 							<div class="flex flex-wrap gap-1">
 								<div v-for="tag in item.tags.split(',')" :key="tag" class="badge rounded-lg border-neutral font-medium">
@@ -211,7 +201,13 @@ watchEffect(() => {
 									v-if="item.id && !isEmpty(getSchema(item.id)) && item.active"
 									class="btn btn-circle btn-ghost btn-sm"
 									@click="openSettings(item)">
-									<heroicons-cog-6-tooth-20-solid class="h-5 w-5" />
+									<heroicons-cog-6-tooth-20-solid class="size-5" />
+								</button>
+								<button
+									v-if="(item.hooks && item.hooks.length > 0) || (item.tools && item.tools.length > 0)"
+									class="btn btn-circle btn-ghost btn-sm"
+									@click="openInfo(item)">
+									<heroicons-information-circle-solid class="size-5" />
 								</button>
 								<input
 									v-if="item.id !== 'core_plugin' && item.id"
@@ -234,6 +230,22 @@ watchEffect(() => {
 		<div v-else class="flex grow items-center justify-center">
 			<p class="rounded-lg bg-base-200 p-4 text-lg font-medium md:text-xl">No plugins found with this name.</p>
 		</div>
+		<SidePanel v-if="selectedPlugin" ref="infoPanel" title="Plugin Info">
+			<div class="flex flex-col items-center gap-2">
+				<div v-if="selectedPlugin.hooks && selectedPlugin.hooks.length > 0" class="w-full rounded-md bg-base-200 p-4">
+					<h3 class="text-lg font-bold">🪝 Hooks</h3>
+					<div v-for="(hook, index) of groupBy(selectedPlugin.hooks, h => h.priority)" :key="index">
+						<span class="font-medium text-primary">Priority {{ index }} :</span>
+						<br />
+						<p v-for="{ name } in hook" :key="name">- {{ name }}</p>
+					</div>
+				</div>
+				<div v-if="selectedPlugin.tools && selectedPlugin.tools.length > 0" class="w-full rounded-md bg-base-200 p-4">
+					<h3 class="text-lg font-bold">🛠️ Tools</h3>
+					<p v-for="{ name } in selectedPlugin.tools" :key="name">- {{ name }}</p>
+				</div>
+			</div>
+		</SidePanel>
 		<SidePanel ref="settingsPanel" title="Plugin Settings">
 			<DynamicForm :fields="currentFields" :initial="currentSettings" @submit="savePluginSettings" />
 		</SidePanel>
diff --git a/src/views/ProvidersView.vue b/src/views/ProvidersView.vue
index 2c8cb33..0eaed31 100644
--- a/src/views/ProvidersView.vue
+++ b/src/views/ProvidersView.vue
@@ -52,7 +52,7 @@ watchDeep(
 			<div class="flex grow flex-col gap-4">
 				<div class="flex items-center gap-1 font-medium">
 					<a v-if="currentSchema?.link" :href="currentSchema.link" target="_blank" class="btn btn-circle btn-xs text-primary">
-						<heroicons-link-20-solid class="h-4 w-4" />
+						<heroicons-link-20-solid class="size-4" />
 					</a>
 					<span>{{ currentSchema?.description }}</span>
 				</div>