diff --git a/package.json b/package.json
index 3153b02..d98831a 100644
--- a/package.json
+++ b/package.json
@@ -3,196 +3,88 @@
   "license": "UNLICENSED",
   "dependencies": {
     "@polymer/polymer": "3.5.1",
-    "@vaadin/a11y-base": "24.3.14",
-    "@vaadin/accordion": "24.3.14",
-    "@vaadin/app-layout": "24.3.14",
-    "@vaadin/avatar": "24.3.14",
-    "@vaadin/avatar-group": "24.3.14",
-    "@vaadin/board": "24.3.14",
-    "@vaadin/bundles": "24.3.14",
-    "@vaadin/button": "24.3.14",
-    "@vaadin/charts": "24.3.14",
-    "@vaadin/checkbox": "24.3.14",
-    "@vaadin/checkbox-group": "24.3.14",
-    "@vaadin/combo-box": "24.3.14",
+    "@vaadin/bundles": "24.4.0",
     "@vaadin/common-frontend": "0.0.19",
-    "@vaadin/component-base": "24.3.14",
-    "@vaadin/confirm-dialog": "24.3.14",
-    "@vaadin/context-menu": "24.3.14",
-    "@vaadin/cookie-consent": "24.3.14",
-    "@vaadin/crud": "24.3.14",
-    "@vaadin/custom-field": "24.3.14",
-    "@vaadin/date-picker": "24.3.14",
-    "@vaadin/date-time-picker": "24.3.14",
-    "@vaadin/details": "24.3.14",
-    "@vaadin/dialog": "24.3.14",
-    "@vaadin/email-field": "24.3.14",
-    "@vaadin/field-base": "24.3.14",
-    "@vaadin/field-highlighter": "24.3.14",
-    "@vaadin/form-layout": "24.3.14",
-    "@vaadin/grid": "24.3.14",
-    "@vaadin/grid-pro": "24.3.14",
-    "@vaadin/horizontal-layout": "24.3.14",
-    "@vaadin/icon": "24.3.14",
-    "@vaadin/icons": "24.3.14",
-    "@vaadin/input-container": "24.3.14",
-    "@vaadin/integer-field": "24.3.14",
-    "@vaadin/item": "24.3.14",
-    "@vaadin/list-box": "24.3.14",
-    "@vaadin/lit-renderer": "24.3.14",
-    "@vaadin/login": "24.3.14",
-    "@vaadin/map": "24.3.14",
-    "@vaadin/menu-bar": "24.3.14",
-    "@vaadin/message-input": "24.3.14",
-    "@vaadin/message-list": "24.3.14",
-    "@vaadin/multi-select-combo-box": "24.3.14",
-    "@vaadin/notification": "24.3.14",
-    "@vaadin/number-field": "24.3.14",
-    "@vaadin/overlay": "24.3.14",
-    "@vaadin/password-field": "24.3.14",
-    "@vaadin/polymer-legacy-adapter": "24.3.14",
-    "@vaadin/progress-bar": "24.3.14",
-    "@vaadin/radio-group": "24.3.14",
-    "@vaadin/rich-text-editor": "24.3.14",
+    "@vaadin/polymer-legacy-adapter": "24.4.0",
+    "@vaadin/react-components": "24.4.0",
+    "@vaadin/react-components-pro": "24.4.0",
     "@vaadin/router": "1.7.5",
-    "@vaadin/scroller": "24.3.14",
-    "@vaadin/select": "24.3.14",
-    "@vaadin/side-nav": "24.3.14",
-    "@vaadin/split-layout": "24.3.14",
-    "@vaadin/tabs": "24.3.14",
-    "@vaadin/tabsheet": "24.3.14",
-    "@vaadin/text-area": "24.3.14",
-    "@vaadin/text-field": "24.3.14",
-    "@vaadin/time-picker": "24.3.14",
-    "@vaadin/tooltip": "24.3.14",
-    "@vaadin/upload": "24.3.14",
     "@vaadin/vaadin-development-mode-detector": "2.0.7",
-    "@vaadin/vaadin-lumo-styles": "24.3.14",
-    "@vaadin/vaadin-material-styles": "24.3.14",
-    "@vaadin/vaadin-themable-mixin": "24.3.14",
+    "@vaadin/vaadin-lumo-styles": "24.4.0",
+    "@vaadin/vaadin-material-styles": "24.4.0",
+    "@vaadin/vaadin-themable-mixin": "24.4.0",
     "@vaadin/vaadin-usage-statistics": "2.1.2",
-    "@vaadin/vertical-layout": "24.3.14",
-    "@vaadin/virtual-list": "24.3.14",
     "construct-style-sheets-polyfill": "3.1.0",
     "date-fns": "2.29.3",
-    "lit": "3.1.2",
-    "proj4": "2.9.2"
+    "lit": "3.1.4",
+    "proj4": "2.11.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-router-dom": "6.23.1"
   },
   "devDependencies": {
-    "@rollup/plugin-replace": "5.0.5",
+    "@babel/preset-react": "7.24.7",
+    "@rollup/plugin-replace": "5.0.7",
     "@rollup/pluginutils": "5.1.0",
-    "@vitejs/plugin-react": "4.2.1",
-    "@vitejs/plugin-react-swc": "3.5.0",
-    "async": "3.2.4",
-    "glob": "10.3.3",
+    "@types/react": "18.3.3",
+    "@types/react-dom": "18.3.0",
+    "@vitejs/plugin-react": "4.3.1",
+    "async": "3.2.5",
+    "glob": "10.4.1",
     "rollup-plugin-brotli": "3.1.0",
     "rollup-plugin-visualizer": "5.12.0",
     "strip-css-comments": "5.0.0",
     "transform-ast": "2.4.4",
-    "typescript": "5.3.3",
-    "vite": "5.1.7",
+    "typescript": "5.4.5",
+    "vite": "5.3.1",
     "vite-plugin-checker": "0.6.4",
-    "workbox-build": "7.0.0",
-    "workbox-core": "7.0.0",
-    "workbox-precaching": "7.0.0"
+    "workbox-build": "7.1.1",
+    "workbox-core": "7.1.0",
+    "workbox-precaching": "7.1.0"
   },
   "vaadin": {
     "dependencies": {
       "@polymer/polymer": "3.5.1",
-      "@vaadin/a11y-base": "24.3.14",
-      "@vaadin/accordion": "24.3.14",
-      "@vaadin/app-layout": "24.3.14",
-      "@vaadin/avatar": "24.3.14",
-      "@vaadin/avatar-group": "24.3.14",
-      "@vaadin/board": "24.3.14",
-      "@vaadin/bundles": "24.3.14",
-      "@vaadin/button": "24.3.14",
-      "@vaadin/charts": "24.3.14",
-      "@vaadin/checkbox": "24.3.14",
-      "@vaadin/checkbox-group": "24.3.14",
-      "@vaadin/combo-box": "24.3.14",
+      "@vaadin/bundles": "24.4.0",
       "@vaadin/common-frontend": "0.0.19",
-      "@vaadin/component-base": "24.3.14",
-      "@vaadin/confirm-dialog": "24.3.14",
-      "@vaadin/context-menu": "24.3.14",
-      "@vaadin/cookie-consent": "24.3.14",
-      "@vaadin/crud": "24.3.14",
-      "@vaadin/custom-field": "24.3.14",
-      "@vaadin/date-picker": "24.3.14",
-      "@vaadin/date-time-picker": "24.3.14",
-      "@vaadin/details": "24.3.14",
-      "@vaadin/dialog": "24.3.14",
-      "@vaadin/email-field": "24.3.14",
-      "@vaadin/field-base": "24.3.14",
-      "@vaadin/field-highlighter": "24.3.14",
-      "@vaadin/form-layout": "24.3.14",
-      "@vaadin/grid": "24.3.14",
-      "@vaadin/grid-pro": "24.3.14",
-      "@vaadin/horizontal-layout": "24.3.14",
-      "@vaadin/icon": "24.3.14",
-      "@vaadin/icons": "24.3.14",
-      "@vaadin/input-container": "24.3.14",
-      "@vaadin/integer-field": "24.3.14",
-      "@vaadin/item": "24.3.14",
-      "@vaadin/list-box": "24.3.14",
-      "@vaadin/lit-renderer": "24.3.14",
-      "@vaadin/login": "24.3.14",
-      "@vaadin/map": "24.3.14",
-      "@vaadin/menu-bar": "24.3.14",
-      "@vaadin/message-input": "24.3.14",
-      "@vaadin/message-list": "24.3.14",
-      "@vaadin/multi-select-combo-box": "24.3.14",
-      "@vaadin/notification": "24.3.14",
-      "@vaadin/number-field": "24.3.14",
-      "@vaadin/overlay": "24.3.14",
-      "@vaadin/password-field": "24.3.14",
-      "@vaadin/polymer-legacy-adapter": "24.3.14",
-      "@vaadin/progress-bar": "24.3.14",
-      "@vaadin/radio-group": "24.3.14",
-      "@vaadin/rich-text-editor": "24.3.14",
+      "@vaadin/polymer-legacy-adapter": "24.4.0",
+      "@vaadin/react-components": "24.4.0",
+      "@vaadin/react-components-pro": "24.4.0",
       "@vaadin/router": "1.7.5",
-      "@vaadin/scroller": "24.3.14",
-      "@vaadin/select": "24.3.14",
-      "@vaadin/side-nav": "24.3.14",
-      "@vaadin/split-layout": "24.3.14",
-      "@vaadin/tabs": "24.3.14",
-      "@vaadin/tabsheet": "24.3.14",
-      "@vaadin/text-area": "24.3.14",
-      "@vaadin/text-field": "24.3.14",
-      "@vaadin/time-picker": "24.3.14",
-      "@vaadin/tooltip": "24.3.14",
-      "@vaadin/upload": "24.3.14",
       "@vaadin/vaadin-development-mode-detector": "2.0.7",
-      "@vaadin/vaadin-lumo-styles": "24.3.14",
-      "@vaadin/vaadin-material-styles": "24.3.14",
-      "@vaadin/vaadin-themable-mixin": "24.3.14",
+      "@vaadin/vaadin-lumo-styles": "24.4.0",
+      "@vaadin/vaadin-material-styles": "24.4.0",
+      "@vaadin/vaadin-themable-mixin": "24.4.0",
       "@vaadin/vaadin-usage-statistics": "2.1.2",
-      "@vaadin/vertical-layout": "24.3.14",
-      "@vaadin/virtual-list": "24.3.14",
       "construct-style-sheets-polyfill": "3.1.0",
       "date-fns": "2.29.3",
-      "lit": "3.1.2",
-      "proj4": "2.9.2"
+      "lit": "3.1.4",
+      "proj4": "2.11.0",
+      "react": "18.3.1",
+      "react-dom": "18.3.1",
+      "react-router-dom": "6.23.1"
     },
     "devDependencies": {
-      "@rollup/plugin-replace": "5.0.5",
+      "@babel/preset-react": "7.24.7",
+      "@rollup/plugin-replace": "5.0.7",
       "@rollup/pluginutils": "5.1.0",
-      "@vitejs/plugin-react": "4.2.1",
-      "@vitejs/plugin-react-swc": "3.5.0",
-      "async": "3.2.4",
-      "glob": "10.3.3",
+      "@types/react": "18.3.3",
+      "@types/react-dom": "18.3.0",
+      "@vitejs/plugin-react": "4.3.1",
+      "async": "3.2.5",
+      "glob": "10.4.1",
       "rollup-plugin-brotli": "3.1.0",
       "rollup-plugin-visualizer": "5.12.0",
       "strip-css-comments": "5.0.0",
       "transform-ast": "2.4.4",
-      "typescript": "5.3.3",
-      "vite": "5.1.7",
+      "typescript": "5.4.5",
+      "vite": "5.3.1",
       "vite-plugin-checker": "0.6.4",
-      "workbox-build": "7.0.0",
-      "workbox-core": "7.0.0",
-      "workbox-precaching": "7.0.0"
+      "workbox-build": "7.1.1",
+      "workbox-core": "7.1.0",
+      "workbox-precaching": "7.1.0"
     },
-    "hash": "7079fb21ff26b0d6381e512865f2fad32e7019653a23d5469a61998cdab56468"
+    "hash": "1109c7619a8c40f47c67a85c49bf9415ab135598b514cd74ec14a291714276d4"
   },
   "overrides": {
     "@vaadin/bundles": "$@vaadin/bundles",
@@ -209,67 +101,11 @@
     "date-fns": "$date-fns",
     "lit": "$lit",
     "proj4": "$proj4",
-    "@vaadin/a11y-base": "$@vaadin/a11y-base",
-    "@vaadin/accordion": "$@vaadin/accordion",
-    "@vaadin/app-layout": "$@vaadin/app-layout",
-    "@vaadin/avatar": "$@vaadin/avatar",
-    "@vaadin/avatar-group": "$@vaadin/avatar-group",
-    "@vaadin/button": "$@vaadin/button",
-    "@vaadin/checkbox": "$@vaadin/checkbox",
-    "@vaadin/checkbox-group": "$@vaadin/checkbox-group",
-    "@vaadin/combo-box": "$@vaadin/combo-box",
-    "@vaadin/component-base": "$@vaadin/component-base",
-    "@vaadin/confirm-dialog": "$@vaadin/confirm-dialog",
-    "@vaadin/context-menu": "$@vaadin/context-menu",
-    "@vaadin/custom-field": "$@vaadin/custom-field",
-    "@vaadin/date-picker": "$@vaadin/date-picker",
-    "@vaadin/date-time-picker": "$@vaadin/date-time-picker",
-    "@vaadin/details": "$@vaadin/details",
-    "@vaadin/dialog": "$@vaadin/dialog",
-    "@vaadin/email-field": "$@vaadin/email-field",
-    "@vaadin/field-base": "$@vaadin/field-base",
-    "@vaadin/field-highlighter": "$@vaadin/field-highlighter",
-    "@vaadin/form-layout": "$@vaadin/form-layout",
-    "@vaadin/grid": "$@vaadin/grid",
-    "@vaadin/horizontal-layout": "$@vaadin/horizontal-layout",
-    "@vaadin/icon": "$@vaadin/icon",
-    "@vaadin/icons": "$@vaadin/icons",
-    "@vaadin/input-container": "$@vaadin/input-container",
-    "@vaadin/integer-field": "$@vaadin/integer-field",
-    "@vaadin/item": "$@vaadin/item",
-    "@vaadin/list-box": "$@vaadin/list-box",
-    "@vaadin/lit-renderer": "$@vaadin/lit-renderer",
-    "@vaadin/login": "$@vaadin/login",
-    "@vaadin/menu-bar": "$@vaadin/menu-bar",
-    "@vaadin/message-input": "$@vaadin/message-input",
-    "@vaadin/message-list": "$@vaadin/message-list",
-    "@vaadin/multi-select-combo-box": "$@vaadin/multi-select-combo-box",
-    "@vaadin/notification": "$@vaadin/notification",
-    "@vaadin/number-field": "$@vaadin/number-field",
-    "@vaadin/overlay": "$@vaadin/overlay",
-    "@vaadin/password-field": "$@vaadin/password-field",
-    "@vaadin/progress-bar": "$@vaadin/progress-bar",
-    "@vaadin/radio-group": "$@vaadin/radio-group",
-    "@vaadin/scroller": "$@vaadin/scroller",
-    "@vaadin/select": "$@vaadin/select",
-    "@vaadin/side-nav": "$@vaadin/side-nav",
-    "@vaadin/split-layout": "$@vaadin/split-layout",
-    "@vaadin/tabs": "$@vaadin/tabs",
-    "@vaadin/tabsheet": "$@vaadin/tabsheet",
-    "@vaadin/text-area": "$@vaadin/text-area",
-    "@vaadin/text-field": "$@vaadin/text-field",
-    "@vaadin/time-picker": "$@vaadin/time-picker",
-    "@vaadin/tooltip": "$@vaadin/tooltip",
-    "@vaadin/upload": "$@vaadin/upload",
-    "@vaadin/vertical-layout": "$@vaadin/vertical-layout",
-    "@vaadin/virtual-list": "$@vaadin/virtual-list",
-    "@vaadin/board": "$@vaadin/board",
-    "@vaadin/charts": "$@vaadin/charts",
-    "@vaadin/cookie-consent": "$@vaadin/cookie-consent",
-    "@vaadin/crud": "$@vaadin/crud",
-    "@vaadin/grid-pro": "$@vaadin/grid-pro",
-    "@vaadin/map": "$@vaadin/map",
-    "@vaadin/rich-text-editor": "$@vaadin/rich-text-editor"
+    "@vaadin/react-components": "$@vaadin/react-components",
+    "@vaadin/react-components-pro": "$@vaadin/react-components-pro",
+    "react-dom": "$react-dom",
+    "react-router-dom": "$react-router-dom",
+    "react": "$react"
   },
   "type": "module"
 }
diff --git a/pom.xml b/pom.xml
index 6b252e9..120c741 100644
--- a/pom.xml
+++ b/pom.xml
@@ -16,7 +16,7 @@
     <properties>
         <java.version>22</java.version>
         <spring-ai.version>1.0.0.M1</spring-ai.version>
-        <vaadin.version>24.3.14</vaadin.version>
+        <vaadin.version>24.4.4</vaadin.version>
         <maven.versions.plugin>2.17.0</maven.versions.plugin>
         <rome.rss.version>2.1.0</rome.rss.version>
         <browserstorage.version>1.0.0</browserstorage.version>
diff --git a/tsconfig.json b/tsconfig.json
index bd1d7c5..cb8f4fa 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -4,7 +4,7 @@
 // You might want to change the configurations to fit your preferences
 // For more information about the configurations, please refer to http://www.typescriptlang.org/docs/handbook/tsconfig-json.html
 {
-  "_version": "9",
+  "_version": "9.1",
   "compilerOptions": {
     "sourceMap": true,
     "jsx": "react-jsx",