diff --git a/package-lock.json b/package-lock.json
index cc0ba2909..b04d0d651 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7375,55 +7375,21 @@
 			"dev": true,
 			"license": "MIT"
 		},
-		"node_modules/@typescript-eslint/eslint-plugin": {
-			"version": "7.5.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.5.0.tgz",
-			"integrity": "sha512-HpqNTH8Du34nLxbKgVMGljZMG0rJd2O9ecvr2QLYp+7512ty1j42KnsFwspPXg1Vh8an9YImf6CokUBltisZFQ==",
-			"dev": true,
-			"dependencies": {
-				"@eslint-community/regexpp": "^4.5.1",
-				"@typescript-eslint/scope-manager": "7.5.0",
-				"@typescript-eslint/type-utils": "7.5.0",
-				"@typescript-eslint/utils": "7.5.0",
-				"@typescript-eslint/visitor-keys": "7.5.0",
-				"debug": "^4.3.4",
-				"graphemer": "^1.4.0",
-				"ignore": "^5.2.4",
-				"natural-compare": "^1.4.0",
-				"semver": "^7.5.4",
-				"ts-api-utils": "^1.0.1"
-			},
-			"engines": {
-				"node": "^18.18.0 || >=20.0.0"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/typescript-eslint"
-			},
-			"peerDependencies": {
-				"@typescript-eslint/parser": "^7.0.0",
-				"eslint": "^8.56.0"
-			},
-			"peerDependenciesMeta": {
-				"typescript": {
-					"optional": true
-				}
-			}
-		},
 		"node_modules/@typescript-eslint/parser": {
-			"version": "7.1.0",
+			"version": "7.18.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.18.0.tgz",
+			"integrity": "sha512-4Z+L8I2OqhZV8qA132M4wNL30ypZGYOQVBfMgxDH/K5UX0PNqTu1c6za9ST5r9+tavvHiTWmBnKzpCJ/GlVFtg==",
 			"dev": true,
-			"license": "BSD-2-Clause",
 			"peer": true,
 			"dependencies": {
-				"@typescript-eslint/scope-manager": "7.1.0",
-				"@typescript-eslint/types": "7.1.0",
-				"@typescript-eslint/typescript-estree": "7.1.0",
-				"@typescript-eslint/visitor-keys": "7.1.0",
+				"@typescript-eslint/scope-manager": "7.18.0",
+				"@typescript-eslint/types": "7.18.0",
+				"@typescript-eslint/typescript-estree": "7.18.0",
+				"@typescript-eslint/visitor-keys": "7.18.0",
 				"debug": "^4.3.4"
 			},
 			"engines": {
-				"node": "^16.0.0 || >=18.0.0"
+				"node": "^18.18.0 || >=20.0.0"
 			},
 			"funding": {
 				"type": "opencollective",
@@ -7438,48 +7404,14 @@
 				}
 			}
 		},
-		"node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/scope-manager": {
-			"version": "7.1.0",
-			"dev": true,
-			"license": "MIT",
-			"peer": true,
-			"dependencies": {
-				"@typescript-eslint/types": "7.1.0",
-				"@typescript-eslint/visitor-keys": "7.1.0"
-			},
-			"engines": {
-				"node": "^16.0.0 || >=18.0.0"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/typescript-eslint"
-			}
-		},
-		"node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/visitor-keys": {
-			"version": "7.1.0",
-			"dev": true,
-			"license": "MIT",
-			"peer": true,
-			"dependencies": {
-				"@typescript-eslint/types": "7.1.0",
-				"eslint-visitor-keys": "^3.4.1"
-			},
-			"engines": {
-				"node": "^16.0.0 || >=18.0.0"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/typescript-eslint"
-			}
-		},
 		"node_modules/@typescript-eslint/scope-manager": {
-			"version": "7.5.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.5.0.tgz",
-			"integrity": "sha512-Z1r7uJY0MDeUlql9XJ6kRVgk/sP11sr3HKXn268HZyqL7i4cEfrdFuSSY/0tUqT37l5zT0tJOsuDP16kio85iA==",
+			"version": "7.18.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.18.0.tgz",
+			"integrity": "sha512-jjhdIE/FPF2B7Z1uzc6i3oWKbGcHb87Qw7AWj6jmEqNOfDFbJWtjt/XfwCpvNkpGWlcJaog5vTR+VV8+w9JflA==",
 			"dev": true,
 			"dependencies": {
-				"@typescript-eslint/types": "7.5.0",
-				"@typescript-eslint/visitor-keys": "7.5.0"
+				"@typescript-eslint/types": "7.18.0",
+				"@typescript-eslint/visitor-keys": "7.18.0"
 			},
 			"engines": {
 				"node": "^18.18.0 || >=20.0.0"
@@ -7489,29 +7421,16 @@
 				"url": "https://opencollective.com/typescript-eslint"
 			}
 		},
-		"node_modules/@typescript-eslint/scope-manager/node_modules/@typescript-eslint/types": {
-			"version": "7.5.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.5.0.tgz",
-			"integrity": "sha512-tv5B4IHeAdhR7uS4+bf8Ov3k793VEVHd45viRRkehIUZxm0WF82VPiLgHzA/Xl4TGPg1ZD49vfxBKFPecD5/mg==",
-			"dev": true,
-			"engines": {
-				"node": "^18.18.0 || >=20.0.0"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/typescript-eslint"
-			}
-		},
 		"node_modules/@typescript-eslint/type-utils": {
-			"version": "7.5.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.5.0.tgz",
-			"integrity": "sha512-A021Rj33+G8mx2Dqh0nMO9GyjjIBK3MqgVgZ2qlKf6CJy51wY/lkkFqq3TqqnH34XyAHUkq27IjlUkWlQRpLHw==",
+			"version": "7.18.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.18.0.tgz",
+			"integrity": "sha512-XL0FJXuCLaDuX2sYqZUUSOJ2sG5/i1AAze+axqmLnSkNEVMVYLF+cbwlB2w8D1tinFuSikHmFta+P+HOofrLeA==",
 			"dev": true,
 			"dependencies": {
-				"@typescript-eslint/typescript-estree": "7.5.0",
-				"@typescript-eslint/utils": "7.5.0",
+				"@typescript-eslint/typescript-estree": "7.18.0",
+				"@typescript-eslint/utils": "7.18.0",
 				"debug": "^4.3.4",
-				"ts-api-utils": "^1.0.1"
+				"ts-api-utils": "^1.3.0"
 			},
 			"engines": {
 				"node": "^18.18.0 || >=20.0.0"
@@ -7529,54 +7448,13 @@
 				}
 			}
 		},
-		"node_modules/@typescript-eslint/type-utils/node_modules/@typescript-eslint/types": {
-			"version": "7.5.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.5.0.tgz",
-			"integrity": "sha512-tv5B4IHeAdhR7uS4+bf8Ov3k793VEVHd45viRRkehIUZxm0WF82VPiLgHzA/Xl4TGPg1ZD49vfxBKFPecD5/mg==",
-			"dev": true,
-			"engines": {
-				"node": "^18.18.0 || >=20.0.0"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/typescript-eslint"
-			}
-		},
-		"node_modules/@typescript-eslint/type-utils/node_modules/@typescript-eslint/typescript-estree": {
-			"version": "7.5.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.5.0.tgz",
-			"integrity": "sha512-YklQQfe0Rv2PZEueLTUffiQGKQneiIEKKnfIqPIOxgM9lKSZFCjT5Ad4VqRKj/U4+kQE3fa8YQpskViL7WjdPQ==",
-			"dev": true,
-			"dependencies": {
-				"@typescript-eslint/types": "7.5.0",
-				"@typescript-eslint/visitor-keys": "7.5.0",
-				"debug": "^4.3.4",
-				"globby": "^11.1.0",
-				"is-glob": "^4.0.3",
-				"minimatch": "9.0.3",
-				"semver": "^7.5.4",
-				"ts-api-utils": "^1.0.1"
-			},
-			"engines": {
-				"node": "^18.18.0 || >=20.0.0"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/typescript-eslint"
-			},
-			"peerDependenciesMeta": {
-				"typescript": {
-					"optional": true
-				}
-			}
-		},
 		"node_modules/@typescript-eslint/types": {
-			"version": "7.1.0",
+			"version": "7.18.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.18.0.tgz",
+			"integrity": "sha512-iZqi+Ds1y4EDYUtlOOC+aUmxnE9xS/yCigkjA7XpTKV6nCBd3Hp/PRGGmdwnfkV2ThMyYldP1wRpm/id99spTQ==",
 			"dev": true,
-			"license": "MIT",
-			"peer": true,
 			"engines": {
-				"node": "^16.0.0 || >=18.0.0"
+				"node": "^18.18.0 || >=20.0.0"
 			},
 			"funding": {
 				"type": "opencollective",
@@ -7584,22 +7462,22 @@
 			}
 		},
 		"node_modules/@typescript-eslint/typescript-estree": {
-			"version": "7.1.0",
+			"version": "7.18.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.18.0.tgz",
+			"integrity": "sha512-aP1v/BSPnnyhMHts8cf1qQ6Q1IFwwRvAQGRvBFkWlo3/lH29OXA3Pts+c10nxRxIBrDnoMqzhgdwVe5f2D6OzA==",
 			"dev": true,
-			"license": "BSD-2-Clause",
-			"peer": true,
 			"dependencies": {
-				"@typescript-eslint/types": "7.1.0",
-				"@typescript-eslint/visitor-keys": "7.1.0",
+				"@typescript-eslint/types": "7.18.0",
+				"@typescript-eslint/visitor-keys": "7.18.0",
 				"debug": "^4.3.4",
 				"globby": "^11.1.0",
 				"is-glob": "^4.0.3",
-				"minimatch": "9.0.3",
-				"semver": "^7.5.4",
-				"ts-api-utils": "^1.0.1"
+				"minimatch": "^9.0.4",
+				"semver": "^7.6.0",
+				"ts-api-utils": "^1.3.0"
 			},
 			"engines": {
-				"node": "^16.0.0 || >=18.0.0"
+				"node": "^18.18.0 || >=20.0.0"
 			},
 			"funding": {
 				"type": "opencollective",
@@ -7611,36 +7489,16 @@
 				}
 			}
 		},
-		"node_modules/@typescript-eslint/typescript-estree/node_modules/@typescript-eslint/visitor-keys": {
-			"version": "7.1.0",
-			"dev": true,
-			"license": "MIT",
-			"peer": true,
-			"dependencies": {
-				"@typescript-eslint/types": "7.1.0",
-				"eslint-visitor-keys": "^3.4.1"
-			},
-			"engines": {
-				"node": "^16.0.0 || >=18.0.0"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/typescript-eslint"
-			}
-		},
 		"node_modules/@typescript-eslint/utils": {
-			"version": "7.5.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.5.0.tgz",
-			"integrity": "sha512-3vZl9u0R+/FLQcpy2EHyRGNqAS/ofJ3Ji8aebilfJe+fobK8+LbIFmrHciLVDxjDoONmufDcnVSF38KwMEOjzw==",
+			"version": "7.18.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.18.0.tgz",
+			"integrity": "sha512-kK0/rNa2j74XuHVcoCZxdFBMF+aq/vH83CXAOHieC+2Gis4mF8jJXT5eAfyD3K0sAxtPuwxaIOIOvhwzVDt/kw==",
 			"dev": true,
 			"dependencies": {
 				"@eslint-community/eslint-utils": "^4.4.0",
-				"@types/json-schema": "^7.0.12",
-				"@types/semver": "^7.5.0",
-				"@typescript-eslint/scope-manager": "7.5.0",
-				"@typescript-eslint/types": "7.5.0",
-				"@typescript-eslint/typescript-estree": "7.5.0",
-				"semver": "^7.5.4"
+				"@typescript-eslint/scope-manager": "7.18.0",
+				"@typescript-eslint/types": "7.18.0",
+				"@typescript-eslint/typescript-estree": "7.18.0"
 			},
 			"engines": {
 				"node": "^18.18.0 || >=20.0.0"
@@ -7653,55 +7511,14 @@
 				"eslint": "^8.56.0"
 			}
 		},
-		"node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/types": {
-			"version": "7.5.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.5.0.tgz",
-			"integrity": "sha512-tv5B4IHeAdhR7uS4+bf8Ov3k793VEVHd45viRRkehIUZxm0WF82VPiLgHzA/Xl4TGPg1ZD49vfxBKFPecD5/mg==",
-			"dev": true,
-			"engines": {
-				"node": "^18.18.0 || >=20.0.0"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/typescript-eslint"
-			}
-		},
-		"node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/typescript-estree": {
-			"version": "7.5.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.5.0.tgz",
-			"integrity": "sha512-YklQQfe0Rv2PZEueLTUffiQGKQneiIEKKnfIqPIOxgM9lKSZFCjT5Ad4VqRKj/U4+kQE3fa8YQpskViL7WjdPQ==",
-			"dev": true,
-			"dependencies": {
-				"@typescript-eslint/types": "7.5.0",
-				"@typescript-eslint/visitor-keys": "7.5.0",
-				"debug": "^4.3.4",
-				"globby": "^11.1.0",
-				"is-glob": "^4.0.3",
-				"minimatch": "9.0.3",
-				"semver": "^7.5.4",
-				"ts-api-utils": "^1.0.1"
-			},
-			"engines": {
-				"node": "^18.18.0 || >=20.0.0"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/typescript-eslint"
-			},
-			"peerDependenciesMeta": {
-				"typescript": {
-					"optional": true
-				}
-			}
-		},
 		"node_modules/@typescript-eslint/visitor-keys": {
-			"version": "7.5.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.5.0.tgz",
-			"integrity": "sha512-mcuHM/QircmA6O7fy6nn2w/3ditQkj+SgtOc8DW3uQ10Yfj42amm2i+6F2K4YAOPNNTmE6iM1ynM6lrSwdendA==",
+			"version": "7.18.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.18.0.tgz",
+			"integrity": "sha512-cDF0/Gf81QpY3xYyJKDV14Zwdmid5+uuENhjH2EqFaF0ni+yAyq/LzMaIJdhNJXZI7uLzwIlA+V7oWoyn6Curg==",
 			"dev": true,
 			"dependencies": {
-				"@typescript-eslint/types": "7.5.0",
-				"eslint-visitor-keys": "^3.4.1"
+				"@typescript-eslint/types": "7.18.0",
+				"eslint-visitor-keys": "^3.4.3"
 			},
 			"engines": {
 				"node": "^18.18.0 || >=20.0.0"
@@ -7711,19 +7528,6 @@
 				"url": "https://opencollective.com/typescript-eslint"
 			}
 		},
-		"node_modules/@typescript-eslint/visitor-keys/node_modules/@typescript-eslint/types": {
-			"version": "7.5.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.5.0.tgz",
-			"integrity": "sha512-tv5B4IHeAdhR7uS4+bf8Ov3k793VEVHd45viRRkehIUZxm0WF82VPiLgHzA/Xl4TGPg1ZD49vfxBKFPecD5/mg==",
-			"dev": true,
-			"engines": {
-				"node": "^18.18.0 || >=20.0.0"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/typescript-eslint"
-			}
-		},
 		"node_modules/@ungap/structured-clone": {
 			"version": "1.2.0",
 			"dev": true,
@@ -10910,9 +10714,9 @@
 			}
 		},
 		"node_modules/eslint-plugin-vue": {
-			"version": "9.24.0",
-			"resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.24.0.tgz",
-			"integrity": "sha512-9SkJMvF8NGMT9aQCwFc5rj8Wo1XWSMSHk36i7ZwdI614BU7sIOR28ZjuFPKp8YGymZN12BSEbiSwa7qikp+PBw==",
+			"version": "9.28.0",
+			"resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.28.0.tgz",
+			"integrity": "sha512-ShrihdjIhOTxs+MfWun6oJWuk+g/LAhN+CiuOl/jjkG3l0F2AuK5NMTaWqyvBgkFtpYmyks6P4603mLmhNJW8g==",
 			"dev": true,
 			"dependencies": {
 				"@eslint-community/eslint-utils": "^4.4.0",
@@ -10920,15 +10724,15 @@
 				"natural-compare": "^1.4.0",
 				"nth-check": "^2.1.1",
 				"postcss-selector-parser": "^6.0.15",
-				"semver": "^7.6.0",
-				"vue-eslint-parser": "^9.4.2",
+				"semver": "^7.6.3",
+				"vue-eslint-parser": "^9.4.3",
 				"xml-name-validator": "^4.0.0"
 			},
 			"engines": {
 				"node": "^14.17.0 || >=16.0.0"
 			},
 			"peerDependencies": {
-				"eslint": "^6.2.0 || ^7.0.0 || ^8.0.0"
+				"eslint": "^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0"
 			}
 		},
 		"node_modules/eslint-scope": {
@@ -15662,16 +15466,6 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
-		"node_modules/lru-cache": {
-			"version": "6.0.0",
-			"license": "ISC",
-			"dependencies": {
-				"yallist": "^4.0.0"
-			},
-			"engines": {
-				"node": ">=10"
-			}
-		},
 		"node_modules/lz-string": {
 			"version": "1.5.0",
 			"dev": true,
@@ -17288,9 +17082,10 @@
 			}
 		},
 		"node_modules/minimatch": {
-			"version": "9.0.3",
+			"version": "9.0.5",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+			"integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
 			"dev": true,
-			"license": "ISC",
 			"dependencies": {
 				"brace-expansion": "^2.0.1"
 			},
@@ -20144,11 +19939,9 @@
 			}
 		},
 		"node_modules/semver": {
-			"version": "7.6.0",
-			"license": "ISC",
-			"dependencies": {
-				"lru-cache": "^6.0.0"
-			},
+			"version": "7.6.3",
+			"resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+			"integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
 			"bin": {
 				"semver": "bin/semver.js"
 			},
@@ -21189,9 +20982,10 @@
 			}
 		},
 		"node_modules/ts-api-utils": {
-			"version": "1.2.1",
+			"version": "1.3.0",
+			"resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.3.0.tgz",
+			"integrity": "sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==",
 			"dev": true,
-			"license": "MIT",
 			"engines": {
 				"node": ">=16"
 			},
@@ -22661,9 +22455,10 @@
 			}
 		},
 		"node_modules/vue-eslint-parser": {
-			"version": "9.4.2",
+			"version": "9.4.3",
+			"resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.3.tgz",
+			"integrity": "sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==",
 			"dev": true,
-			"license": "MIT",
 			"dependencies": {
 				"debug": "^4.3.4",
 				"eslint-scope": "^7.1.1",
@@ -23141,19 +22936,52 @@
 				"@types/google.maps": "3.55.5",
 				"@types/mapbox-gl": "3.1.0",
 				"@types/marked": "^6.0.0",
-				"@typescript-eslint/eslint-plugin": "7.5.0",
+				"@typescript-eslint/eslint-plugin": "7.18.0",
 				"@vitejs/plugin-vue": "^5.0.4",
 				"@vue/eslint-config-prettier": "^9.0.0",
 				"eslint": "^8.39.0",
 				"eslint-plugin-prettier": "5.1.3",
 				"eslint-plugin-storybook": "0.8.0",
-				"eslint-plugin-vue": "^9.24.0",
+				"eslint-plugin-vue": "^9.28.0",
 				"prettier": "3.2.5",
 				"storybook": "8.0.5",
 				"vite": "^5.2.7",
 				"volar-service-vetur": "*"
 			}
 		},
+		"src/ui/node_modules/@typescript-eslint/eslint-plugin": {
+			"version": "7.18.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.18.0.tgz",
+			"integrity": "sha512-94EQTWZ40mzBc42ATNIBimBEDltSJ9RQHCC8vc/PDbxi4k8dVwUAv4o98dk50M1zB+JGFxp43FP7f8+FP8R6Sw==",
+			"dev": true,
+			"dependencies": {
+				"@eslint-community/regexpp": "^4.10.0",
+				"@typescript-eslint/scope-manager": "7.18.0",
+				"@typescript-eslint/type-utils": "7.18.0",
+				"@typescript-eslint/utils": "7.18.0",
+				"@typescript-eslint/visitor-keys": "7.18.0",
+				"graphemer": "^1.4.0",
+				"ignore": "^5.3.1",
+				"natural-compare": "^1.4.0",
+				"ts-api-utils": "^1.3.0"
+			},
+			"engines": {
+				"node": "^18.18.0 || >=20.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			},
+			"peerDependencies": {
+				"@typescript-eslint/parser": "^7.0.0",
+				"eslint": "^8.56.0"
+			},
+			"peerDependenciesMeta": {
+				"typescript": {
+					"optional": true
+				}
+			}
+		},
 		"tests/e2e": {
 			"name": "writer-e2e",
 			"version": "1.0.0",
diff --git a/src/ui/.eslintrc.cjs b/src/ui/.eslintrc.cjs
index 5a769cf32..20728b6e8 100644
--- a/src/ui/.eslintrc.cjs
+++ b/src/ui/.eslintrc.cjs
@@ -1,8 +1,19 @@
 module.exports = {
 	rules: {
 		indent: "off",
-		"no-unused-vars": "warn",
-		"@typescript-eslint/no-unused-vars": "warn",
+		"no-unused-vars": "off",
+		"@typescript-eslint/no-unused-vars": [
+			"warn",
+			{
+				args: "all",
+				argsIgnorePattern: "^_",
+				caughtErrors: "all",
+				caughtErrorsIgnorePattern: "^_",
+				destructuredArrayIgnorePattern: "^_",
+				varsIgnorePattern: "^_",
+				ignoreRestSiblings: true,
+			},
+		],
 		"@typescript-eslint/no-explicit-any": "warn",
 		"@typescript-eslint/ban-types": "warn",
 		"prettier/prettier": [2, { useTabs: true, endOfLine: "auto" }],
diff --git a/src/ui/package.json b/src/ui/package.json
index aabcd24cd..aaffca429 100644
--- a/src/ui/package.json
+++ b/src/ui/package.json
@@ -39,18 +39,6 @@
 		"vue-dompurify-html": "^5.0.1"
 	},
 	"devDependencies": {
-		"@types/google.maps": "3.55.5",
-		"@types/mapbox-gl": "3.1.0",
-		"@types/marked": "^6.0.0",
-		"@typescript-eslint/eslint-plugin": "7.5.0",
-		"@vitejs/plugin-vue": "^5.0.4",
-		"@vue/eslint-config-prettier": "^9.0.0",
-		"eslint": "^8.39.0",
-		"eslint-plugin-prettier": "5.1.3",
-		"eslint-plugin-vue": "^9.24.0",
-		"prettier": "3.2.5",
-		"vite": "^5.2.7",
-		"volar-service-vetur": "*",
 		"@chromatic-com/storybook": "1.2.26",
 		"@storybook/addon-essentials": "8.0.5",
 		"@storybook/addon-interactions": "8.0.5",
@@ -59,7 +47,19 @@
 		"@storybook/test": "8.0.5",
 		"@storybook/vue3": "8.0.5",
 		"@storybook/vue3-vite": "8.0.5",
+		"@types/google.maps": "3.55.5",
+		"@types/mapbox-gl": "3.1.0",
+		"@types/marked": "^6.0.0",
+		"@typescript-eslint/eslint-plugin": "7.18.0",
+		"@vitejs/plugin-vue": "^5.0.4",
+		"@vue/eslint-config-prettier": "^9.0.0",
+		"eslint": "^8.39.0",
+		"eslint-plugin-prettier": "5.1.3",
 		"eslint-plugin-storybook": "0.8.0",
-		"storybook": "8.0.5"
+		"eslint-plugin-vue": "^9.28.0",
+		"prettier": "3.2.5",
+		"storybook": "8.0.5",
+		"vite": "^5.2.7",
+		"volar-service-vetur": "*"
 	}
 }
diff --git a/src/ui/src/builder/BuilderComponentShortcuts.vue b/src/ui/src/builder/BuilderComponentShortcuts.vue
index 6eabffc56..a905dd515 100644
--- a/src/ui/src/builder/BuilderComponentShortcuts.vue
+++ b/src/ui/src/builder/BuilderComponentShortcuts.vue
@@ -213,7 +213,7 @@ const validChildrenTypes = computed(() => {
 function addComponent(event: Event) {
 	const definitionName = (event.target as HTMLInputElement).value;
 	const matchingTypes = Object.entries(validChildrenTypes.value).filter(
-		([type, definition]) => {
+		([_, definition]) => {
 			if (definition.name == definitionName) return true;
 			return false;
 		},
diff --git a/src/ui/src/builder/BuilderFieldsPadding.vue b/src/ui/src/builder/BuilderFieldsPadding.vue
index 9a0d7b2c5..77f4bceba 100644
--- a/src/ui/src/builder/BuilderFieldsPadding.vue
+++ b/src/ui/src/builder/BuilderFieldsPadding.vue
@@ -143,8 +143,6 @@ import { Component } from "@/writerTypes";
 import { useComponentActions } from "./useComponentActions";
 import injectionKeys from "../injectionKeys";
 import BuilderSelect from "./BuilderSelect.vue";
-import { languages } from "monaco-editor";
-import css = languages.css;
 import BuilderTemplateInput from "./BuilderTemplateInput.vue";
 
 const wf = inject(injectionKeys.core);
@@ -380,14 +378,6 @@ const handleInputs = (ev: Event, subMode: SubMode, inputType?: string) => {
 	}
 };
 
-const handleInputXYsides = (ev: Event) => {
-	setContentValue(
-		component.value.id,
-		fieldKey.value,
-		(ev.target as HTMLInputElement).value + "px",
-	);
-};
-
 onMounted(() => {
 	rootEl.value.addEventListener("focus", autofocus);
 });
diff --git a/src/ui/src/builder/BuilderModal.vue b/src/ui/src/builder/BuilderModal.vue
index 8668226ae..331349be7 100644
--- a/src/ui/src/builder/BuilderModal.vue
+++ b/src/ui/src/builder/BuilderModal.vue
@@ -37,7 +37,7 @@ import { toRefs } from "vue";
 
 export type ModalAction = {
 	desc: string;
-	fn: Function;
+	fn: (..._args: unknown[]) => unknown;
 };
 
 const props = defineProps<{
diff --git a/src/ui/src/builder/BuilderStateExplorerTreeBranch.vue b/src/ui/src/builder/BuilderStateExplorerTreeBranch.vue
index b7f95e0ae..32f89b8b7 100644
--- a/src/ui/src/builder/BuilderStateExplorerTreeBranch.vue
+++ b/src/ui/src/builder/BuilderStateExplorerTreeBranch.vue
@@ -80,7 +80,7 @@ const rootValue = computed(() => {
 	return getStateValue(rootAccessors.value);
 });
 
-function isStateObject(v: any) {
+function isStateObject(v: unknown): v is Record<string, unknown> {
 	return typeof v == "object" && v !== null && !Array.isArray(v);
 }
 
diff --git a/src/ui/src/components/core/content/CorePlotlyGraph.vue b/src/ui/src/components/core/content/CorePlotlyGraph.vue
index 690afd75b..b6d8d0089 100644
--- a/src/ui/src/components/core/content/CorePlotlyGraph.vue
+++ b/src/ui/src/components/core/content/CorePlotlyGraph.vue
@@ -121,7 +121,7 @@ function bindPlotlyEvents() {
 	);
 }
 
-function extractKeyInfoFromPoint(point: any) {
+function extractKeyInfoFromPoint(point) {
 	return {
 		curveNumber: point.curveNumber,
 		pointNumber: point.pointNumber,
@@ -142,10 +142,10 @@ function extractKeyInfoFromPoint(point: any) {
 }
 
 function getPlotlyEventHandler(eventType: string) {
-	return (plotlyEventData: any) => {
+	return (plotlyEventData) => {
 		const event = new CustomEvent(eventType, {
 			detail: {
-				payload: plotlyEventData?.points?.map((p: any) =>
+				payload: plotlyEventData?.points?.map((p) =>
 					extractKeyInfoFromPoint(p),
 				),
 			},
diff --git a/src/ui/src/components/core/embed/CoreGoogleMaps.vue b/src/ui/src/components/core/embed/CoreGoogleMaps.vue
index 360022297..a0aaf0798 100644
--- a/src/ui/src/components/core/embed/CoreGoogleMaps.vue
+++ b/src/ui/src/components/core/embed/CoreGoogleMaps.vue
@@ -121,7 +121,7 @@ const initMap = async () => {
 		mapId: fields.mapId.value,
 	});
 
-	map.addListener("click", (e: any) => {
+	map.addListener("click", (e) => {
 		const event = new CustomEvent("gmap-click", {
 			detail: {
 				payload: e.latLng.toJSON(),
diff --git a/src/ui/src/components/core/input/CoreSelectInput.vue b/src/ui/src/components/core/input/CoreSelectInput.vue
index 287da6c50..a19d78759 100644
--- a/src/ui/src/components/core/input/CoreSelectInput.vue
+++ b/src/ui/src/components/core/input/CoreSelectInput.vue
@@ -17,7 +17,7 @@
 </template>
 
 <script lang="ts">
-import { computed, inject, Ref } from "vue";
+import { computed, inject } from "vue";
 import { ref } from "vue";
 import { FieldCategory, FieldType } from "@/writerTypes";
 import {
diff --git a/src/ui/src/components/core/other/CoreHtml.vue b/src/ui/src/components/core/other/CoreHtml.vue
index 1619b3f16..08804aee1 100644
--- a/src/ui/src/components/core/other/CoreHtml.vue
+++ b/src/ui/src/components/core/other/CoreHtml.vue
@@ -59,7 +59,7 @@ export default {
 			cssClasses,
 		},
 	},
-	setup(props, { slots }) {
+	setup(_, { slots }) {
 		const fields = inject(injectionKeys.evaluatedFields);
 		return () => {
 			let insideHtmlNode = undefined;
diff --git a/src/ui/src/components/core/other/CorePagination.vue b/src/ui/src/components/core/other/CorePagination.vue
index 2d76cb4ae..f91817c97 100644
--- a/src/ui/src/components/core/other/CorePagination.vue
+++ b/src/ui/src/components/core/other/CorePagination.vue
@@ -183,10 +183,16 @@ const wf = inject(injectionKeys.core);
 const rootEl: Ref<HTMLElement> = ref(null);
 const instancePath = inject(injectionKeys.instancePath);
 
-const { formValue: pageValue, handleInput: handlePageInput } =
-	useFormValueBroker(wf, instancePath, rootEl);
-const { formValue: pageSizeValue, handleInput: handlePageSizeInput } =
-	useFormValueBroker(wf, instancePath, rootEl);
+const { handleInput: handlePageInput } = useFormValueBroker(
+	wf,
+	instancePath,
+	rootEl,
+);
+const { handleInput: handlePageSizeInput } = useFormValueBroker(
+	wf,
+	instancePath,
+	rootEl,
+);
 const pagesizeEnabled = computed(
 	() =>
 		fields.pageSizeOptions.value !== "" ||
diff --git a/src/ui/src/components/core/other/CoreRepeater.vue b/src/ui/src/components/core/other/CoreRepeater.vue
index c00c3b577..b8c6ff9ca 100644
--- a/src/ui/src/components/core/other/CoreRepeater.vue
+++ b/src/ui/src/components/core/other/CoreRepeater.vue
@@ -40,7 +40,7 @@ export default {
 			},
 		},
 	},
-	setup(props, { slots }) {
+	setup(_, { slots }) {
 		const wf = inject(injectionKeys.core);
 		const componentId = inject(injectionKeys.componentId);
 		const fields = inject(injectionKeys.evaluatedFields);
@@ -59,7 +59,7 @@ export default {
 
 			const repeatedChildrenVNodes = Object.values(
 				fields.repeaterObject.value,
-			).map((item, itemIndex) =>
+			).map((_item, itemIndex) =>
 				children.value.map((childComponent) =>
 					renderProxiedComponent(childComponent.id, itemIndex),
 				),
diff --git a/src/ui/src/components/workflows/WorkflowsRoot.vue b/src/ui/src/components/workflows/WorkflowsRoot.vue
index 7057b6d06..87840e9ae 100644
--- a/src/ui/src/components/workflows/WorkflowsRoot.vue
+++ b/src/ui/src/components/workflows/WorkflowsRoot.vue
@@ -10,10 +10,6 @@
 </template>
 
 <script lang="ts">
-import { FieldType } from "@/writerTypes";
-import { nextTick } from "vue";
-import { useEvaluator } from "@/renderer/useEvaluator";
-
 const description =
 	"The root component of the application, which serves as the starting point of the component hierarchy.";
 
@@ -33,7 +29,6 @@ import { computed, inject, ref, Ref } from "vue";
 import injectionKeys from "@/injectionKeys";
 
 const wf = inject(injectionKeys.core);
-const ssbm = inject(injectionKeys.builderManager);
 const getChildrenVNodes = inject(injectionKeys.getChildrenVNodes);
 const rootEl: Ref<HTMLElement> = ref(null);
 
diff --git a/src/ui/src/components/workflows/WorkflowsWorkflow.vue b/src/ui/src/components/workflows/WorkflowsWorkflow.vue
index 5c28dbe7e..d6f70444c 100644
--- a/src/ui/src/components/workflows/WorkflowsWorkflow.vue
+++ b/src/ui/src/components/workflows/WorkflowsWorkflow.vue
@@ -105,7 +105,6 @@ const renderProxiedComponent = inject(injectionKeys.renderProxiedComponent);
 
 const rootEl: Ref<HTMLElement | null> = ref(null);
 const nodeContainerEl: Ref<HTMLElement | null> = ref(null);
-const fields = inject(injectionKeys.evaluatedFields);
 const wf = inject(injectionKeys.core);
 const wfbm = inject(injectionKeys.builderManager);
 const arrows: Ref<WorkflowArrowData[]> = ref([]);
@@ -136,8 +135,6 @@ function refreshArrows() {
 		return;
 	}
 
-	const arrowSlot: Record<Component["id"], number> = {};
-
 	nodes.value
 		.filter((node) => node.outs?.length > 0)
 		.forEach((node) => {
diff --git a/src/ui/src/components/workflows/abstract/WorkflowsNode.vue b/src/ui/src/components/workflows/abstract/WorkflowsNode.vue
index 25b9eea23..7142b638c 100644
--- a/src/ui/src/components/workflows/abstract/WorkflowsNode.vue
+++ b/src/ui/src/components/workflows/abstract/WorkflowsNode.vue
@@ -31,8 +31,6 @@
 </template>
 
 <script lang="ts">
-import { FieldCategory, FieldType } from "@/writerTypes";
-
 export default {
 	writer: {
 		name: "Node",
@@ -47,7 +45,6 @@ export default {
 </script>
 <script setup lang="ts">
 import { computed, inject, watch } from "vue";
-import { Component } from "@/writerTypes";
 import injectionKeys from "@/injectionKeys";
 
 const emit = defineEmits(["outSelect", "engaged"]);
diff --git a/src/ui/src/components/workflows/base/WorkflowArrow.vue b/src/ui/src/components/workflows/base/WorkflowArrow.vue
index a672821c0..63a65e2aa 100644
--- a/src/ui/src/components/workflows/base/WorkflowArrow.vue
+++ b/src/ui/src/components/workflows/base/WorkflowArrow.vue
@@ -46,7 +46,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref } from "vue";
+import { computed } from "vue";
 import { type WorkflowArrowData } from "../WorkflowsWorkflow.vue";
 
 const PROTRUSION_LENGTH = 30;
diff --git a/src/ui/src/renderer/ComponentProxy.vue b/src/ui/src/renderer/ComponentProxy.vue
index 99c0bd5d3..56a09e107 100644
--- a/src/ui/src/renderer/ComponentProxy.vue
+++ b/src/ui/src/renderer/ComponentProxy.vue
@@ -28,7 +28,7 @@ export default {
 	props: {
 		componentId: { type: String, required: true },
 		instancePath: { type: Array as PropType<InstancePath>, required: true },
-		instanceData: { validator: () => true, required: true },
+		instanceData: { type: Array, required: true },
 	},
 	setup(props) {
 		const wf = inject(injectionKeys.core);
@@ -111,7 +111,7 @@ export default {
 		const getChildrenVNodes = (
 			instanceNumber: InstancePathItem["instanceNumber"] = 0,
 			slotName: string = "default",
-			componentFilter: (c: Component) => boolean = () => true,
+			componentFilter: (_c: Component) => boolean = () => true,
 			positionlessSlot: boolean = false,
 		): VNode[] => {
 			const renderInsertionSlot = (position: number): VNode[] => {
@@ -163,7 +163,7 @@ export default {
 		provide(injectionKeys.isBeingEdited, isBeingEdited);
 		provide(injectionKeys.isDisabled, isDisabled);
 		provide(injectionKeys.instancePath, instancePath);
-		provide(injectionKeys.instanceData, instanceData as any);
+		provide(injectionKeys.instanceData, instanceData);
 		provide(injectionKeys.renderProxiedComponent, renderProxiedComponent);
 		provide(injectionKeys.getChildrenVNodes, getChildrenVNodes);
 		provide(injectionKeys.flattenedInstancePath, flattenedInstancePath);
@@ -232,7 +232,7 @@ export default {
 				const pageKey = handlerFunctionName.substring(
 					"$goToPage_".length,
 				);
-				return (ev: Event) => wf.setActivePageFromKey(pageKey);
+				return (_ev: Event) => wf.setActivePageFromKey(pageKey);
 			}
 			return null;
 		};
@@ -351,7 +351,7 @@ export default {
 			}: {
 				instanceNumber: number;
 				slotName: string;
-				componentFilter: (c: Component) => boolean;
+				componentFilter: (_c: Component) => boolean;
 				positionlessSlot: boolean;
 			}) => {
 				if (isChildless.value) {
diff --git a/src/ui/src/renderer/ComponentRenderer.vue b/src/ui/src/renderer/ComponentRenderer.vue
index 0729687eb..121e9143e 100644
--- a/src/ui/src/renderer/ComponentRenderer.vue
+++ b/src/ui/src/renderer/ComponentRenderer.vue
@@ -129,7 +129,7 @@ async function importModule(moduleKey: string, specifier: string) {
 async function handleFunctionCall(
 	moduleKey: string,
 	functionName: string,
-	args: any[],
+	args: unknown[],
 ) {
 	const specifier = importedModulesSpecifiers[moduleKey];
 	const m = await import(/* @vite-ignore */ specifier);
@@ -208,7 +208,7 @@ function addMailSubscriptions() {
 		}: {
 			moduleKey: string;
 			functionName: string;
-			args: any[];
+			args: unknown[];
 		}) => {
 			handleFunctionCall(moduleKey, functionName, args);
 		},