diff --git a/package-lock.json b/package-lock.json
index 5d4885f9a..02d39ab13 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,16 +13,15 @@
 				"@emotion/react": "^11.14.0",
 				"@emotion/styled": "^11.14.0",
 				"@minoru/react-dnd-treeview": "^3.5.0",
-				"@mui/icons-material": "^6.3.1",
-				"@mui/lab": "^6.0.0-beta.22",
-				"@mui/material": "^6.4.8",
-				"@mui/system": "^6.1.8",
-				"@mui/x-data-grid": "^7.28.1",
+				"@mui/icons-material": "^7.0.2",
+				"@mui/lab": "^7.0.0-beta.11",
+				"@mui/material": "^7.0.2",
+				"@mui/system": "^7.0.2",
+				"@mui/x-data-grid": "^8.0.0",
 				"@testing-library/jest-dom": "^6.6.3",
 				"@testing-library/react": "^16.2.0",
 				"@testing-library/user-event": "^14.6.1",
 				"@types/jest": "^29.5.14",
-				"@types/node": "^22.10.5",
 				"@types/react-dom": "^18.3.1",
 				"@types/signals": "^1.0.4",
 				"@types/throttle-debounce": "^5.0.2",
@@ -35,7 +34,7 @@
 				"jsroot": "^7.8.2",
 				"keycloak-js": "^26.1.4",
 				"ky": "^1.7.3",
-				"material-ui-popup-state": "^5.3.3",
+				"material-ui-popup-state": "^5.3.5",
 				"notistack": "^3.0.2",
 				"object-hash": "^3.0.0",
 				"pyodide": "^0.27.4",
@@ -59,6 +58,7 @@
 			},
 			"devDependencies": {
 				"@total-typescript/ts-reset": "^0.6.1",
+				"@types/node": "^22.14.1",
 				"@types/react": "^18.3.13",
 				"@types/react-async-script": "^1.2.5",
 				"@types/react-copy-to-clipboard": "^5.0.7",
@@ -2112,9 +2112,9 @@
 			}
 		},
 		"node_modules/@babel/runtime": {
-			"version": "7.26.10",
-			"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.10.tgz",
-			"integrity": "sha512-2WJMeRQPHKSPemqk/awGrAiuFfzBmOIPXKizAsVhWH9YJqLZ0H+HS4c8loHGgW6utJ3E/ejXQUsiGaQy2NZ9Fw==",
+			"version": "7.27.0",
+			"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.0.tgz",
+			"integrity": "sha512-VtPOkrdPHZsKc/clNqyi9WUA8TINkZ4cGk63UUE3u4pmB2k+ZMQRDuIOagv8UVd6j7k0T3+RRIb7beKTebNbcw==",
 			"license": "MIT",
 			"dependencies": {
 				"regenerator-runtime": "^0.14.0"
@@ -2812,40 +2812,6 @@
 				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
 			}
 		},
-		"node_modules/@floating-ui/core": {
-			"version": "1.6.8",
-			"resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.8.tgz",
-			"integrity": "sha512-7XJ9cPU+yI2QeLS+FCSlqNFZJq8arvswefkZrYI1yQBbftw6FyrZOxYSh+9S7z7TpeWlRt9zJ5IhM1WIL334jA==",
-			"dependencies": {
-				"@floating-ui/utils": "^0.2.8"
-			}
-		},
-		"node_modules/@floating-ui/dom": {
-			"version": "1.6.12",
-			"resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.12.tgz",
-			"integrity": "sha512-NP83c0HjokcGVEMeoStg317VD9W7eDlGK7457dMBANbKA6GJZdc7rjujdgqzTaz93jkGgc5P/jeWbaCHnMNc+w==",
-			"dependencies": {
-				"@floating-ui/core": "^1.6.0",
-				"@floating-ui/utils": "^0.2.8"
-			}
-		},
-		"node_modules/@floating-ui/react-dom": {
-			"version": "2.1.2",
-			"resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.2.tgz",
-			"integrity": "sha512-06okr5cgPzMNBy+Ycse2A6udMi4bqwW/zgBF/rwjcNqWkyr82Mcg8b0vjX8OJpZFy/FKjJmw6wV7t44kK6kW7A==",
-			"dependencies": {
-				"@floating-ui/dom": "^1.0.0"
-			},
-			"peerDependencies": {
-				"react": ">=16.8.0",
-				"react-dom": ">=16.8.0"
-			}
-		},
-		"node_modules/@floating-ui/utils": {
-			"version": "0.2.8",
-			"resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.8.tgz",
-			"integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig=="
-		},
 		"node_modules/@humanwhocodes/config-array": {
 			"version": "0.13.0",
 			"resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.13.0.tgz",
@@ -4554,41 +4520,10 @@
 				"react-dom": "18.x || 19.x"
 			}
 		},
-		"node_modules/@mui/base": {
-			"version": "5.0.0-beta.68",
-			"resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.68.tgz",
-			"integrity": "sha512-F1JMNeLS9Qhjj3wN86JUQYBtJoXyQvknxlzwNl6eS0ZABo1MiohMONj3/WQzYPSXIKC2bS/ZbyBzdHhi2GnEpA==",
-			"dependencies": {
-				"@babel/runtime": "^7.26.0",
-				"@floating-ui/react-dom": "^2.1.1",
-				"@mui/types": "^7.2.20",
-				"@mui/utils": "^6.3.0",
-				"@popperjs/core": "^2.11.8",
-				"clsx": "^2.1.1",
-				"prop-types": "^15.8.1"
-			},
-			"engines": {
-				"node": ">=14.0.0"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/mui-org"
-			},
-			"peerDependencies": {
-				"@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
-				"react": "^17.0.0 || ^18.0.0 || ^19.0.0",
-				"react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
-			},
-			"peerDependenciesMeta": {
-				"@types/react": {
-					"optional": true
-				}
-			}
-		},
 		"node_modules/@mui/core-downloads-tracker": {
-			"version": "6.4.8",
-			"resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-6.4.8.tgz",
-			"integrity": "sha512-vjP4+A1ybyCRhDZC7r5EPWu/gLseFZxaGyPdDl94vzVvk6Yj6gahdaqcjbhkaCrJjdZj90m3VioltWPAnWF/zw==",
+			"version": "7.0.2",
+			"resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-7.0.2.tgz",
+			"integrity": "sha512-TfeFU9TgN1N06hyb/pV/63FfO34nijZRMqgHk0TJ3gkl4Fbd+wZ73+ZtOd7jag6hMmzO9HSrBc6Vdn591nhkAg==",
 			"license": "MIT",
 			"funding": {
 				"type": "opencollective",
@@ -4596,11 +4531,12 @@
 			}
 		},
 		"node_modules/@mui/icons-material": {
-			"version": "6.3.1",
-			"resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-6.3.1.tgz",
-			"integrity": "sha512-nJmWj1PBlwS3t1PnoqcixIsftE+7xrW3Su7f0yrjPw4tVjYrgkhU0hrRp+OlURfZ3ptdSkoBkalee9Bhf1Erfw==",
+			"version": "7.0.2",
+			"resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-7.0.2.tgz",
+			"integrity": "sha512-Bo57PFLOqXOqPNrXjd8AhzH5s6TCsNUQbvnQ0VKZ8D+lIlteqKnrk/O1luMJUc/BXONK7BfIdTdc7qOnXYbMdw==",
+			"license": "MIT",
 			"dependencies": {
-				"@babel/runtime": "^7.26.0"
+				"@babel/runtime": "^7.27.0"
 			},
 			"engines": {
 				"node": ">=14.0.0"
@@ -4610,7 +4546,7 @@
 				"url": "https://opencollective.com/mui-org"
 			},
 			"peerDependencies": {
-				"@mui/material": "^6.3.1",
+				"@mui/material": "^7.0.2",
 				"@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
 				"react": "^17.0.0 || ^18.0.0 || ^19.0.0"
 			},
@@ -4621,15 +4557,15 @@
 			}
 		},
 		"node_modules/@mui/lab": {
-			"version": "6.0.0-beta.22",
-			"resolved": "https://registry.npmjs.org/@mui/lab/-/lab-6.0.0-beta.22.tgz",
-			"integrity": "sha512-9nwUfBj+UzoQJOCbqV+JcCSJ74T+gGWrM1FMlXzkahtYUcMN+5Zmh2ArlttW3zv2dZyCzp7K5askcnKF0WzFQg==",
+			"version": "7.0.0-beta.11",
+			"resolved": "https://registry.npmjs.org/@mui/lab/-/lab-7.0.0-beta.11.tgz",
+			"integrity": "sha512-VJDEUgiRsjo8V2xDvBEE9Cfs1cSlwzp9UFmD3KzIg6emFMqz9BfYh+9cFI4iQWaoz3Agm3q6bVKlhlX6xw6sVQ==",
+			"license": "MIT",
 			"dependencies": {
-				"@babel/runtime": "^7.26.0",
-				"@mui/base": "5.0.0-beta.68",
-				"@mui/system": "^6.3.1",
-				"@mui/types": "^7.2.21",
-				"@mui/utils": "^6.3.1",
+				"@babel/runtime": "^7.27.0",
+				"@mui/system": "^7.0.2",
+				"@mui/types": "^7.4.1",
+				"@mui/utils": "^7.0.2",
 				"clsx": "^2.1.1",
 				"prop-types": "^15.8.1"
 			},
@@ -4643,8 +4579,8 @@
 			"peerDependencies": {
 				"@emotion/react": "^11.5.0",
 				"@emotion/styled": "^11.3.0",
-				"@mui/material": "^6.3.1",
-				"@mui/material-pigment-css": "^6.3.1",
+				"@mui/material": "^7.0.2",
+				"@mui/material-pigment-css": "^7.0.2",
 				"@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
 				"react": "^17.0.0 || ^18.0.0 || ^19.0.0",
 				"react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
@@ -4665,22 +4601,22 @@
 			}
 		},
 		"node_modules/@mui/material": {
-			"version": "6.4.8",
-			"resolved": "https://registry.npmjs.org/@mui/material/-/material-6.4.8.tgz",
-			"integrity": "sha512-5S9UTjKZZBd9GfbcYh/nYfD9cv6OXmj5Y7NgKYfk7JcSoshp8/pW5zP4wecRiroBSZX8wcrywSgogpVNO+5W0Q==",
+			"version": "7.0.2",
+			"resolved": "https://registry.npmjs.org/@mui/material/-/material-7.0.2.tgz",
+			"integrity": "sha512-rjJlJ13+3LdLfobRplkXbjIFEIkn6LgpetgU/Cs3Xd8qINCCQK9qXQIjjQ6P0FXFTPFzEVMj0VgBR1mN+FhOcA==",
 			"license": "MIT",
 			"dependencies": {
-				"@babel/runtime": "^7.26.0",
-				"@mui/core-downloads-tracker": "^6.4.8",
-				"@mui/system": "^6.4.8",
-				"@mui/types": "~7.2.24",
-				"@mui/utils": "^6.4.8",
+				"@babel/runtime": "^7.27.0",
+				"@mui/core-downloads-tracker": "^7.0.2",
+				"@mui/system": "^7.0.2",
+				"@mui/types": "^7.4.1",
+				"@mui/utils": "^7.0.2",
 				"@popperjs/core": "^2.11.8",
 				"@types/react-transition-group": "^4.4.12",
 				"clsx": "^2.1.1",
 				"csstype": "^3.1.3",
 				"prop-types": "^15.8.1",
-				"react-is": "^19.0.0",
+				"react-is": "^19.1.0",
 				"react-transition-group": "^4.4.5"
 			},
 			"engines": {
@@ -4693,7 +4629,7 @@
 			"peerDependencies": {
 				"@emotion/react": "^11.5.0",
 				"@emotion/styled": "^11.3.0",
-				"@mui/material-pigment-css": "^6.4.8",
+				"@mui/material-pigment-css": "^7.0.2",
 				"@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
 				"react": "^17.0.0 || ^18.0.0 || ^19.0.0",
 				"react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
@@ -4714,18 +4650,19 @@
 			}
 		},
 		"node_modules/@mui/material/node_modules/react-is": {
-			"version": "19.0.0",
-			"resolved": "https://registry.npmjs.org/react-is/-/react-is-19.0.0.tgz",
-			"integrity": "sha512-H91OHcwjZsbq3ClIDHMzBShc1rotbfACdWENsmEf0IFvZ3FgGPtdHMcsv45bQ1hAbgdfiA8SnxTKfDS+x/8m2g=="
+			"version": "19.1.0",
+			"resolved": "https://registry.npmjs.org/react-is/-/react-is-19.1.0.tgz",
+			"integrity": "sha512-Oe56aUPnkHyyDxxkvqtd7KkdQP5uIUfHxd5XTb3wE9d/kRnZLmKbDB0GWk919tdQ+mxxPtG6EAs6RMT6i1qtHg==",
+			"license": "MIT"
 		},
 		"node_modules/@mui/private-theming": {
-			"version": "6.4.8",
-			"resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-6.4.8.tgz",
-			"integrity": "sha512-sWwQoNSn6elsPTAtSqCf+w5aaGoh7AASURNmpy+QTTD/zwJ0Jgwt0ZaaP6mXq2IcgHxYnYloM/+vJgHPMkRKTQ==",
+			"version": "7.0.2",
+			"resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-7.0.2.tgz",
+			"integrity": "sha512-6lt8heDC9wN8YaRqEdhqnm0cFCv08AMf4IlttFvOVn7ZdKd81PNpD/rEtPGLLwQAFyyKSxBG4/2XCgpbcdNKiA==",
 			"license": "MIT",
 			"dependencies": {
-				"@babel/runtime": "^7.26.0",
-				"@mui/utils": "^6.4.8",
+				"@babel/runtime": "^7.27.0",
+				"@mui/utils": "^7.0.2",
 				"prop-types": "^15.8.1"
 			},
 			"engines": {
@@ -4746,12 +4683,12 @@
 			}
 		},
 		"node_modules/@mui/styled-engine": {
-			"version": "6.4.8",
-			"resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-6.4.8.tgz",
-			"integrity": "sha512-oyjx1b1FvUCI85ZMO4trrjNxGm90eLN3Ohy0AP/SqK5gWvRQg1677UjNf7t6iETOKAleHctJjuq0B3aXO2gtmw==",
+			"version": "7.0.2",
+			"resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-7.0.2.tgz",
+			"integrity": "sha512-11Bt4YdHGlh7sB8P75S9mRCUxTlgv7HGbr0UKz6m6Z9KLeiw1Bm9y/t3iqLLVMvSHYB6zL8X8X+LmfTE++gyBw==",
 			"license": "MIT",
 			"dependencies": {
-				"@babel/runtime": "^7.26.0",
+				"@babel/runtime": "^7.27.0",
 				"@emotion/cache": "^11.13.5",
 				"@emotion/serialize": "^1.3.3",
 				"@emotion/sheet": "^1.4.0",
@@ -4780,16 +4717,16 @@
 			}
 		},
 		"node_modules/@mui/system": {
-			"version": "6.4.8",
-			"resolved": "https://registry.npmjs.org/@mui/system/-/system-6.4.8.tgz",
-			"integrity": "sha512-gV7iBHoqlsIenU2BP0wq14BefRoZcASZ/4LeyuQglayBl+DfLX5rEd3EYR3J409V2EZpR0NOM1LATAGlNk2cyA==",
+			"version": "7.0.2",
+			"resolved": "https://registry.npmjs.org/@mui/system/-/system-7.0.2.tgz",
+			"integrity": "sha512-yFUraAWYWuKIISPPEVPSQ1NLeqmTT4qiQ+ktmyS8LO/KwHxB+NNVOacEZaIofh5x1NxY8rzphvU5X2heRZ/RDA==",
 			"license": "MIT",
 			"dependencies": {
-				"@babel/runtime": "^7.26.0",
-				"@mui/private-theming": "^6.4.8",
-				"@mui/styled-engine": "^6.4.8",
-				"@mui/types": "~7.2.24",
-				"@mui/utils": "^6.4.8",
+				"@babel/runtime": "^7.27.0",
+				"@mui/private-theming": "^7.0.2",
+				"@mui/styled-engine": "^7.0.2",
+				"@mui/types": "^7.4.1",
+				"@mui/utils": "^7.0.2",
 				"clsx": "^2.1.1",
 				"csstype": "^3.1.3",
 				"prop-types": "^15.8.1"
@@ -4820,10 +4757,13 @@
 			}
 		},
 		"node_modules/@mui/types": {
-			"version": "7.2.24",
-			"resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.24.tgz",
-			"integrity": "sha512-3c8tRt/CbWZ+pEg7QpSwbdxOk36EfmhbKf6AGZsD1EcLDLTSZoxxJ86FVtcjxvjuhdyBiWKSTGZFaXCnidO2kw==",
+			"version": "7.4.1",
+			"resolved": "https://registry.npmjs.org/@mui/types/-/types-7.4.1.tgz",
+			"integrity": "sha512-gUL8IIAI52CRXP/MixT1tJKt3SI6tVv4U/9soFsTtAsHzaJQptZ42ffdHZV3niX1ei0aUgMvOxBBN0KYqdG39g==",
 			"license": "MIT",
+			"dependencies": {
+				"@babel/runtime": "^7.27.0"
+			},
 			"peerDependencies": {
 				"@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0"
 			},
@@ -4834,17 +4774,17 @@
 			}
 		},
 		"node_modules/@mui/utils": {
-			"version": "6.4.8",
-			"resolved": "https://registry.npmjs.org/@mui/utils/-/utils-6.4.8.tgz",
-			"integrity": "sha512-C86gfiZ5BfZ51KqzqoHi1WuuM2QdSKoFhbkZeAfQRB+jCc4YNhhj11UXFVMMsqBgZ+Zy8IHNJW3M9Wj/LOwRXQ==",
+			"version": "7.0.2",
+			"resolved": "https://registry.npmjs.org/@mui/utils/-/utils-7.0.2.tgz",
+			"integrity": "sha512-72gcuQjPzhj/MLmPHLCgZjy2VjOH4KniR/4qRtXTTXIEwbkgcN+Y5W/rC90rWtMmZbjt9svZev/z+QHUI4j74w==",
 			"license": "MIT",
 			"dependencies": {
-				"@babel/runtime": "^7.26.0",
-				"@mui/types": "~7.2.24",
+				"@babel/runtime": "^7.27.0",
+				"@mui/types": "^7.4.1",
 				"@types/prop-types": "^15.7.14",
 				"clsx": "^2.1.1",
 				"prop-types": "^15.8.1",
-				"react-is": "^19.0.0"
+				"react-is": "^19.1.0"
 			},
 			"engines": {
 				"node": ">=14.0.0"
@@ -4864,23 +4804,24 @@
 			}
 		},
 		"node_modules/@mui/utils/node_modules/react-is": {
-			"version": "19.0.0",
-			"resolved": "https://registry.npmjs.org/react-is/-/react-is-19.0.0.tgz",
-			"integrity": "sha512-H91OHcwjZsbq3ClIDHMzBShc1rotbfACdWENsmEf0IFvZ3FgGPtdHMcsv45bQ1hAbgdfiA8SnxTKfDS+x/8m2g=="
+			"version": "19.1.0",
+			"resolved": "https://registry.npmjs.org/react-is/-/react-is-19.1.0.tgz",
+			"integrity": "sha512-Oe56aUPnkHyyDxxkvqtd7KkdQP5uIUfHxd5XTb3wE9d/kRnZLmKbDB0GWk919tdQ+mxxPtG6EAs6RMT6i1qtHg==",
+			"license": "MIT"
 		},
 		"node_modules/@mui/x-data-grid": {
-			"version": "7.28.1",
-			"resolved": "https://registry.npmjs.org/@mui/x-data-grid/-/x-data-grid-7.28.1.tgz",
-			"integrity": "sha512-uDJcjRB7zfRoquZb4G8iw0NWbhziVVPsHisi/EIzvOPHP+a1ZUnG0bLEnY+cy6eEwDrO1dNzYpwGFCcjl8ZKfA==",
+			"version": "8.0.0",
+			"resolved": "https://registry.npmjs.org/@mui/x-data-grid/-/x-data-grid-8.0.0.tgz",
+			"integrity": "sha512-mfFxqf/lYBI6IV2KwVRKd8/xIXbtaI1ZSJV6KwwA4Ma3VjeANyM/ssp8Pll01Ra66UwI6luRMxKdxZtbGUcnPA==",
 			"license": "MIT",
 			"dependencies": {
-				"@babel/runtime": "^7.25.7",
-				"@mui/utils": "^5.16.6 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta",
-				"@mui/x-internals": "7.28.0",
+				"@babel/runtime": "^7.27.0",
+				"@mui/utils": "^7.0.2",
+				"@mui/x-internals": "8.0.0",
 				"clsx": "^2.1.1",
 				"prop-types": "^15.8.1",
 				"reselect": "^5.1.1",
-				"use-sync-external-store": "^1.0.0"
+				"use-sync-external-store": "^1.5.0"
 			},
 			"engines": {
 				"node": ">=14.0.0"
@@ -4892,8 +4833,8 @@
 			"peerDependencies": {
 				"@emotion/react": "^11.9.0",
 				"@emotion/styled": "^11.8.1",
-				"@mui/material": "^5.15.14 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta",
-				"@mui/system": "^5.15.14 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta",
+				"@mui/material": "^5.15.14 || ^6.0.0 || ^7.0.0",
+				"@mui/system": "^5.15.14 || ^6.0.0 || ^7.0.0",
 				"react": "^17.0.0 || ^18.0.0 || ^19.0.0",
 				"react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
 			},
@@ -4907,13 +4848,13 @@
 			}
 		},
 		"node_modules/@mui/x-internals": {
-			"version": "7.28.0",
-			"resolved": "https://registry.npmjs.org/@mui/x-internals/-/x-internals-7.28.0.tgz",
-			"integrity": "sha512-p4GEp/09bLDumktdIMiw+OF4p+pJOOjTG0VUvzNxjbHB9GxbBKoMcHrmyrURqoBnQpWIeFnN/QAoLMFSpfwQbw==",
+			"version": "8.0.0",
+			"resolved": "https://registry.npmjs.org/@mui/x-internals/-/x-internals-8.0.0.tgz",
+			"integrity": "sha512-yQOWABTEAIW0wiAwpjAJ6uM47rG1cxrfRtL2WsIdje8F9JdCXO6/jAu7ROAiezw4EqhGYYU7DMrK5svn5tdZpQ==",
 			"license": "MIT",
 			"dependencies": {
-				"@babel/runtime": "^7.25.7",
-				"@mui/utils": "^5.16.6 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta"
+				"@babel/runtime": "^7.27.0",
+				"@mui/utils": "^7.0.2"
 			},
 			"engines": {
 				"node": ">=14.0.0"
@@ -5975,11 +5916,12 @@
 			"license": "MIT"
 		},
 		"node_modules/@types/node": {
-			"version": "22.10.5",
-			"resolved": "https://registry.npmjs.org/@types/node/-/node-22.10.5.tgz",
-			"integrity": "sha512-F8Q+SeGimwOo86fiovQh8qiXfFEh2/ocYv7tU5pJ3EXMSSxk1Joj5wefpFK2fHTf/N6HKGSxIDBT9f3gCxXPkQ==",
+			"version": "22.14.1",
+			"resolved": "https://registry.npmjs.org/@types/node/-/node-22.14.1.tgz",
+			"integrity": "sha512-u0HuPQwe/dHrItgHHpmw3N2fYCR6x4ivMNbPHRkBVP4CvN+kiRrKHWk3i8tXiO/joPwXLMYvF9TTF0eqgHIuOw==",
+			"license": "MIT",
 			"dependencies": {
-				"undici-types": "~6.20.0"
+				"undici-types": "~6.21.0"
 			}
 		},
 		"node_modules/@types/node-forge": {
@@ -18917,11 +18859,12 @@
 			}
 		},
 		"node_modules/material-ui-popup-state": {
-			"version": "5.3.3",
-			"resolved": "https://registry.npmjs.org/material-ui-popup-state/-/material-ui-popup-state-5.3.3.tgz",
-			"integrity": "sha512-eaoA4y965neZw1/iPYZ7haCGO369m5QXJT35e0RStzHd4lgrd6PC+UYkYTIRGTrNt+8Vbx8qtYUFDzRjjAGwnw==",
+			"version": "5.3.5",
+			"resolved": "https://registry.npmjs.org/material-ui-popup-state/-/material-ui-popup-state-5.3.5.tgz",
+			"integrity": "sha512-2p+CuTwQiTiFctlCCi5m8iKMB0ruk4TelMlko05GSaH4MDm9mTKUmJDQOx96DjQh5mMLzUVdeHF5vjwleQb4dw==",
+			"license": "MIT",
 			"dependencies": {
-				"@babel/runtime": "^7.20.6",
+				"@babel/runtime": "^7.26.0",
 				"@types/prop-types": "^15.7.3",
 				"classnames": "^2.2.6",
 				"prop-types": "^15.7.2"
@@ -18930,7 +18873,7 @@
 				"node": ">=16"
 			},
 			"peerDependencies": {
-				"@mui/material": "^5.0.0 || ^6.0.0",
+				"@mui/material": "^5.0.0 || ^6.0.0 || ^7.0.0",
 				"@types/react": "^16.8.0 || ^17 || ^18 || ^19",
 				"react": "^16.8.0 || ^17 || ^18 || ^19"
 			},
@@ -25571,9 +25514,10 @@
 			"license": "MIT"
 		},
 		"node_modules/undici-types": {
-			"version": "6.20.0",
-			"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz",
-			"integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg=="
+			"version": "6.21.0",
+			"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+			"integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+			"license": "MIT"
 		},
 		"node_modules/unicode-canonical-property-names-ecmascript": {
 			"version": "2.0.1",
@@ -25822,9 +25766,9 @@
 			}
 		},
 		"node_modules/use-sync-external-store": {
-			"version": "1.4.0",
-			"resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.4.0.tgz",
-			"integrity": "sha512-9WXSPC5fMv61vaupRkCKCxsPxBocVnwakBEkMIHHpkTTg6icbJtg6jzgtLDm4bl3cSHAca52rYWih0k4K3PfHw==",
+			"version": "1.5.0",
+			"resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.5.0.tgz",
+			"integrity": "sha512-Rb46I4cGGVBmjamjphe8L/UnvJD+uPPtTkNvX5mZgqdbavhI4EbgIWJiIHXJ8bc/i9EQGPRh4DwEURJ552Do0A==",
 			"license": "MIT",
 			"peerDependencies": {
 				"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
diff --git a/package.json b/package.json
index eb4f73b11..52fb22be9 100644
--- a/package.json
+++ b/package.json
@@ -11,16 +11,15 @@
 		"@emotion/react": "^11.14.0",
 		"@emotion/styled": "^11.14.0",
 		"@minoru/react-dnd-treeview": "^3.5.0",
-		"@mui/icons-material": "^6.3.1",
-		"@mui/lab": "^6.0.0-beta.22",
-		"@mui/material": "^6.4.8",
-		"@mui/system": "^6.1.8",
-		"@mui/x-data-grid": "^7.28.1",
+		"@mui/icons-material": "^7.0.2",
+		"@mui/lab": "^7.0.0-beta.11",
+		"@mui/material": "^7.0.2",
+		"@mui/system": "^7.0.2",
+		"@mui/x-data-grid": "^8.0.0",
 		"@testing-library/jest-dom": "^6.6.3",
 		"@testing-library/react": "^16.2.0",
 		"@testing-library/user-event": "^14.6.1",
 		"@types/jest": "^29.5.14",
-		"@types/node": "^22.10.5",
 		"@types/react-dom": "^18.3.1",
 		"@types/signals": "^1.0.4",
 		"@types/throttle-debounce": "^5.0.2",
@@ -33,7 +32,7 @@
 		"jsroot": "^7.8.2",
 		"keycloak-js": "^26.1.4",
 		"ky": "^1.7.3",
-		"material-ui-popup-state": "^5.3.3",
+		"material-ui-popup-state": "^5.3.5",
 		"notistack": "^3.0.2",
 		"object-hash": "^3.0.0",
 		"pyodide": "^0.27.4",
@@ -207,6 +206,7 @@
 	},
 	"devDependencies": {
 		"@total-typescript/ts-reset": "^0.6.1",
+		"@types/node": "^22.14.1",
 		"@types/react": "^18.3.13",
 		"@types/react-async-script": "^1.2.5",
 		"@types/react-copy-to-clipboard": "^5.0.7",
diff --git a/src/JsRoot/GraphData.tsx b/src/JsRoot/GraphData.tsx
index 674007390..819f86168 100644
--- a/src/JsRoot/GraphData.tsx
+++ b/src/JsRoot/GraphData.tsx
@@ -185,19 +185,12 @@ export function generateGraphs(
 			return (
 				<Grid
 					key={`graph_${name}${jobId ? '_' + jobId : ''}_${page.name ?? idx}`}
-					item
-					xs={12}>
+					size={12}>
 					<Card>
 						<CardContent>
 							<Grid container>
-								<Grid
-									item
-									xs={8}>
-									{graph}
-								</Grid>
-								<Grid
-									item
-									xs={4}>
+								<Grid size={8}>{graph}</Grid>
+								<Grid size={4}>
 									<Box sx={{ marginTop: '1rem' }}>
 										<Typography variant='h5'>Filter:</Typography>
 										<Typography>{filter?.name ?? 'None'}</Typography>
diff --git a/src/ThreeEditor/components/Sidebar/properties/category/ObjectDimensions.tsx b/src/ThreeEditor/components/Sidebar/properties/category/ObjectDimensions.tsx
index a22fa1efe..64a019e9f 100644
--- a/src/ThreeEditor/components/Sidebar/properties/category/ObjectDimensions.tsx
+++ b/src/ThreeEditor/components/Sidebar/properties/category/ObjectDimensions.tsx
@@ -107,9 +107,7 @@ const WorldZoneCalculateField = (props: { editor: YaptideEditor; object: WorldZo
 
 	return (
 		<>
-			<Grid
-				item
-				xs={12}>
+			<Grid size={12}>
 				<Divider />
 			</Grid>
 			<BooleanPropertyField
@@ -127,9 +125,7 @@ const WorldZoneCalculateField = (props: { editor: YaptideEditor; object: WorldZo
 					);
 				}}
 			/>
-			<Grid
-				item
-				xs={12}>
+			<Grid size={12}>
 				<Button
 					sx={{ width: '100%' }}
 					variant='contained'
diff --git a/src/ThreeEditor/components/Sidebar/properties/category/ObjectInfo.tsx b/src/ThreeEditor/components/Sidebar/properties/category/ObjectInfo.tsx
index 54714675c..3ba6fddb0 100644
--- a/src/ThreeEditor/components/Sidebar/properties/category/ObjectInfo.tsx
+++ b/src/ThreeEditor/components/Sidebar/properties/category/ObjectInfo.tsx
@@ -46,16 +46,11 @@ export function ObjectInfo(props: { editor: YaptideEditor; object: Object3D }) {
 					{isScoringQuantity(watchedObject) && (
 						<>
 							<Grid
-								item
-								xs={4}
+								size={4}
 								sx={{ textAlign: 'right' }}>
 								{'Scoring Type'}
 							</Grid>
-							<Grid
-								item
-								xs={8}>
-								{scoringType}
-							</Grid>
+							<Grid size={8}>{scoringType}</Grid>
 						</>
 					)}
 				</>
diff --git a/src/ThreeEditor/components/Sidebar/properties/category/ObjectMaterial.tsx b/src/ThreeEditor/components/Sidebar/properties/category/ObjectMaterial.tsx
index fd3e88458..b6ffac44d 100644
--- a/src/ThreeEditor/components/Sidebar/properties/category/ObjectMaterial.tsx
+++ b/src/ThreeEditor/components/Sidebar/properties/category/ObjectMaterial.tsx
@@ -1,5 +1,5 @@
 import { Stack } from '@mui/material';
-import Typography from '@mui/material/Typography/Typography';
+import Typography from '@mui/material/Typography';
 import { Object3D } from 'three';
 
 import { SimulatorType } from '../../../../../types/RequestTypes';
diff --git a/src/ThreeEditor/components/Sidebar/properties/category/OutputConfiguration.tsx b/src/ThreeEditor/components/Sidebar/properties/category/OutputConfiguration.tsx
index 75994dfcb..c09e4017a 100644
--- a/src/ThreeEditor/components/Sidebar/properties/category/OutputConfiguration.tsx
+++ b/src/ThreeEditor/components/Sidebar/properties/category/OutputConfiguration.tsx
@@ -142,9 +142,7 @@ export function OutputConfiguration(props: { editor: YaptideEditor; object: Obje
 							onChange={handleChangedZone}
 						/>
 					)}
-					<Grid
-						item
-						xs={12}>
+					<Grid size={12}>
 						<Button
 							sx={{ width: '100%' }}
 							variant='contained'
diff --git a/src/ThreeEditor/components/Sidebar/properties/category/ZoneOperations.tsx b/src/ThreeEditor/components/Sidebar/properties/category/ZoneOperations.tsx
index 8effa617a..f6b6e9cd7 100644
--- a/src/ThreeEditor/components/Sidebar/properties/category/ZoneOperations.tsx
+++ b/src/ThreeEditor/components/Sidebar/properties/category/ZoneOperations.tsx
@@ -76,9 +76,7 @@ export function ZoneOperations(props: { editor: YaptideEditor; object: Object3D
 			category='Zone Operations'
 			visible={visibleFlag}>
 			{watchedObject && (
-				<Grid
-					item
-					xs={12}>
+				<Grid size={12}>
 					<ZoneManagerPanel
 						editor={editor}
 						zone={watchedObject.object}
diff --git a/src/ThreeEditor/components/Sidebar/properties/fields/PropertyField.tsx b/src/ThreeEditor/components/Sidebar/properties/fields/PropertyField.tsx
index 7ef2f59e0..06eb6b948 100644
--- a/src/ThreeEditor/components/Sidebar/properties/fields/PropertyField.tsx
+++ b/src/ThreeEditor/components/Sidebar/properties/fields/PropertyField.tsx
@@ -34,15 +34,13 @@ export function PropertyField(props: { label?: string; disabled?: boolean; child
 		<>
 			{props.label !== undefined && (
 				<Grid
-					item
-					xs={4}
+					size={4}
 					sx={{ textAlign: 'right', opacity: props.disabled ? 0.5 : 'inherit' }}>
 					{props.label}
 				</Grid>
 			)}
 			<Grid
-				item
-				xs={props.label !== undefined ? 8 : 12}
+				size={props.label !== undefined ? 8 : 12}
 				sx={{ opacity: props.disabled ? 0.5 : 'inherit' }}>
 				{props.children}
 			</Grid>
diff --git a/src/ThreeEditor/components/ZoneManagerPanel/GeometryIdSelect.tsx b/src/ThreeEditor/components/ZoneManagerPanel/GeometryIdSelect.tsx
index 862ceead5..e72ee2bf9 100644
--- a/src/ThreeEditor/components/ZoneManagerPanel/GeometryIdSelect.tsx
+++ b/src/ThreeEditor/components/ZoneManagerPanel/GeometryIdSelect.tsx
@@ -1,5 +1,5 @@
 import { MenuItem, Select } from '@mui/material';
-import { SelectProps } from '@mui/material/Select/Select';
+import { SelectProps } from '@mui/material/Select';
 import { useRef } from 'react';
 import { Object3D } from 'three';
 
diff --git a/src/WrapperApp/components/InputEditor/InputEditorPanel.tsx b/src/WrapperApp/components/InputEditor/InputEditorPanel.tsx
index 862e45354..cf5487fe1 100644
--- a/src/WrapperApp/components/InputEditor/InputEditorPanel.tsx
+++ b/src/WrapperApp/components/InputEditor/InputEditorPanel.tsx
@@ -105,6 +105,7 @@ export default function InputEditorPanel({
 					marginBottom: '2rem'
 				}}>
 				<LoadingButton
+					id='generate-from-editor'
 					sx={{
 						marginRight: '1rem'
 					}}
diff --git a/src/WrapperApp/components/Panels/ExamplePanel.tsx b/src/WrapperApp/components/Panels/ExamplePanel.tsx
index 03c8e4ab5..a40a54161 100644
--- a/src/WrapperApp/components/Panels/ExamplePanel.tsx
+++ b/src/WrapperApp/components/Panels/ExamplePanel.tsx
@@ -1,4 +1,4 @@
-import { Box, Grid2, Paper, Typography } from '@mui/material';
+import { Box, Grid, Paper, Typography } from '@mui/material';
 
 import EXAMPLES, { useFetchExampleData } from '../../../examples/examples';
 import { SimulatorType } from '../../../types/RequestTypes';
@@ -24,11 +24,11 @@ export function ExamplePanel({ setTabsValue }: ExamplePanelProps) {
 					</Typography>
 
 					{/* Grid2 of Examples */}
-					<Grid2
+					<Grid
 						container
 						spacing={2}>
 						{Object.entries(EXAMPLES[simulator]).map(([exampleName, fileName]) => (
-							<Grid2
+							<Grid
 								key={fileName}
 								sx={{ width: 200 }}>
 								{' '}
@@ -43,9 +43,9 @@ export function ExamplePanel({ setTabsValue }: ExamplePanelProps) {
 									}}>
 									<Typography variant='body1'>{exampleName}</Typography>
 								</Paper>
-							</Grid2>
+							</Grid>
 						))}
-					</Grid2>
+					</Grid>
 				</Box>
 			))}
 		</Box>
diff --git a/src/WrapperApp/components/Simulation/SimulationCardGrid.tsx b/src/WrapperApp/components/Simulation/SimulationCardGrid.tsx
index 47fcb971e..79c8ac867 100644
--- a/src/WrapperApp/components/Simulation/SimulationCardGrid.tsx
+++ b/src/WrapperApp/components/Simulation/SimulationCardGrid.tsx
@@ -45,18 +45,19 @@ type SimulationCardGridProps = {
 const stylesByLayout: Record<GridLayout, { gridContainerProps: {}; gridItemProps: {} }> = {
 	'grid': {
 		gridContainerProps: {
+			pt: 4,
 			rowSpacing: { sm: 2, md: 4 },
 			columnSpacing: 2,
 			columns: { sm: 1, md: 2, lg: 3, xl: 4 },
 			justifyContent: 'space-evenly'
 		},
-		gridItemProps: { xs: 1 }
+		gridItemProps: { size: 1 }
 	},
 	'inline-list': {
 		gridContainerProps: {
 			spacing: 2
 		},
-		gridItemProps: { xs: 12 }
+		gridItemProps: { size: 12 }
 	},
 	'block-list': {
 		gridContainerProps: {
@@ -83,15 +84,19 @@ export function SimulationCardGrid({
 	handleShowInputFiles,
 	...other
 }: SimulationCardGridProps) {
-	let gridContainerProps: GridProps = { container: true };
-	let gridItemProps: GridProps = { item: true };
+	let gridContainerProps: GridProps = { container: true, width: '100%' };
+	let gridItemProps: GridProps = {}; // default grid item props
 
 	if (validGriLayout(layout)) {
 		gridContainerProps = {
 			...gridContainerProps,
 			...stylesByLayout[layout].gridContainerProps
 		};
-		gridItemProps = { ...gridItemProps, ...stylesByLayout[layout].gridItemProps };
+
+		gridItemProps = {
+			...gridItemProps,
+			...stylesByLayout[layout].gridItemProps
+		};
 	} else {
 		console.warn(`Unknown layout: ${layout}`);
 	}
diff --git a/src/__tests__/FlukaConverter.test.ts b/src/__tests__/FlukaConverter.test.ts
index f60b8c6a9..68b10efbd 100644
--- a/src/__tests__/FlukaConverter.test.ts
+++ b/src/__tests__/FlukaConverter.test.ts
@@ -138,10 +138,9 @@ describe('Fluka Converter', () => {
 		).toBeTruthy();
 
 		//wait until the "generate from editor" button and click it (it takes some time for the button to change from "initializing")
-		//xpath is used as again the id changes every time
-		const generateButton = await driver.findElement(
-			By.xpath("//span[contains(text(),'Generate from Editor')]")
-		);
+		//the ID is now defined in component and is used for element selection
+		const generateButton = await driver.findElement(By.id('generate-from-editor'));
+
 		await driver.wait(until.elementIsEnabled(generateButton), 15_000);
 		await generateButton.click();
 
diff --git a/src/__tests__/ShieldhitConverter.test.ts b/src/__tests__/ShieldhitConverter.test.ts
index 43f7d4acb..6acd9cdfd 100644
--- a/src/__tests__/ShieldhitConverter.test.ts
+++ b/src/__tests__/ShieldhitConverter.test.ts
@@ -143,10 +143,9 @@ describe('ShieldhitConverter', () => {
 		).toBeTruthy();
 
 		//wait until the "generate from editor" button and click it (it takes some time for the button to change from "initializing")
-		//xpath is used as again the id changes every time
-		const generateButton = await driver.findElement(
-			By.xpath("//span[contains(text(),'Generate from Editor')]")
-		);
+		//the ID is now defined in component and is used for element selection
+		const generateButton = await driver.findElement(By.id('generate-from-editor'));
+
 		await driver.wait(until.elementIsEnabled(generateButton), 15_000);
 		await generateButton.click();