Chg: update image tag in helm values to v3.0.0

Chg: update image tag in helm values to v3.0.0-RC1
Merge pull request #202 from stephb9959/main
2025-10-30 02:12:33 +00:00 · 2023-12-29 15:19:32 +00:00 · 2023-11-27 17:38:20 +00:00 · 2023-11-21 14:48:11 +00:00 · 2023-11-21 14:47:05 +00:00 · 2023-11-13 12:06:49 +02:00
63 changed files with 3410 additions and 318 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -18,3 +18,4 @@
 .env.production.local

 npm-debug.log*
+.vscode/settings.json
--- a/helm/values.yaml
+++ b/helm/values.yaml
@@ -8,7 +8,7 @@ fullnameOverride: ""
 images:
  owgwui:
    repository: tip-tip-wlan-cloud-ucentral.jfrog.io/owgw-ui
-    tag: main
+    tag: v3.0.0
    pullPolicy: Always

 services:
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,16 +1,18 @@
 {
  "name": "ucentral-client",
-  "version": "2.10.0(48)",
+  "version": "3.0.0(1)",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "ucentral-client",
-      "version": "2.10.0(48)",
+      "version": "3.0.0(1)",
      "license": "ISC",
      "dependencies": {
+        "@chakra-ui/anatomy": "^2.1.1",
        "@chakra-ui/icons": "^2.0.18",
        "@chakra-ui/react": "^2.3.6",
+        "@chakra-ui/styled-system": "^2.9.0",
        "@chakra-ui/theme-tools": "^2.0.12",
        "@chakra-ui/utils": "^2.0.14",
        "@emotion/react": "^11.10.6",
@@ -52,7 +54,7 @@
        "react-virtualized-auto-sizer": "^1.0.15",
        "react-window": "^1.8.9",
        "source-map-explorer": "^2.5.3",
-        "typescript": "^4.8.4",
+        "typescript": "^5.0.4",
        "uuid": "^9.0.0",
        "vite": "^4.2.1",
        "yup": "^0.32.11",
@@ -102,11 +104,12 @@
      }
    },
    "node_modules/@babel/code-frame": {
-      "version": "7.21.4",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.21.4.tgz",
-      "integrity": "sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==",
+      "version": "7.22.13",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.13.tgz",
+      "integrity": "sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==",
      "dependencies": {
-        "@babel/highlight": "^7.18.6"
+        "@babel/highlight": "^7.22.13",
+        "chalk": "^2.4.2"
      },
      "engines": {
        "node": ">=6.9.0"
@@ -152,12 +155,12 @@
      }
    },
    "node_modules/@babel/generator": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.5.tgz",
-      "integrity": "sha512-SrKK/sRv8GesIW1bDagf9cCG38IOMYZusoe1dfg0D8aiUe3Amvoj1QtjTPAWcfrZFvIwlleLb0gxzQidL9w14w==",
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.0.tgz",
+      "integrity": "sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==",
      "dev": true,
      "dependencies": {
-        "@babel/types": "^7.21.5",
+        "@babel/types": "^7.23.0",
        "@jridgewell/gen-mapping": "^0.3.2",
        "@jridgewell/trace-mapping": "^0.3.17",
        "jsesc": "^2.5.1"
@@ -295,33 +298,34 @@
      }
    },
    "node_modules/@babel/helper-environment-visitor": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.21.5.tgz",
-      "integrity": "sha512-IYl4gZ3ETsWocUWgsFZLM5i1BYx9SoemminVEXadgLBa9TdeorzgLKm8wWLA6J1N/kT3Kch8XIk1laNzYoHKvQ==",
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
+      "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==",
      "dev": true,
      "engines": {
        "node": ">=6.9.0"
      }
    },
    "node_modules/@babel/helper-function-name": {
-      "version": "7.21.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz",
-      "integrity": "sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==",
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz",
+      "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==",
      "dev": true,
      "dependencies": {
-        "@babel/template": "^7.20.7",
-        "@babel/types": "^7.21.0"
+        "@babel/template": "^7.22.15",
+        "@babel/types": "^7.23.0"
      },
      "engines": {
        "node": ">=6.9.0"
      }
    },
    "node_modules/@babel/helper-hoist-variables": {
-      "version": "7.18.6",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz",
+      "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
      "dev": true,
-      "license": "MIT",
      "dependencies": {
-        "@babel/types": "^7.18.6"
+        "@babel/types": "^7.22.5"
      },
      "engines": {
        "node": ">=6.9.0"
@@ -450,27 +454,29 @@
      }
    },
    "node_modules/@babel/helper-split-export-declaration": {
-      "version": "7.18.6",
+      "version": "7.22.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz",
+      "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==",
      "dev": true,
-      "license": "MIT",
      "dependencies": {
-        "@babel/types": "^7.18.6"
+        "@babel/types": "^7.22.5"
      },
      "engines": {
        "node": ">=6.9.0"
      }
    },
    "node_modules/@babel/helper-string-parser": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.21.5.tgz",
-      "integrity": "sha512-5pTUx3hAJaZIdW99sJ6ZUUgWq/Y+Hja7TowEnLNMm1VivRgZQL3vpBY3qUACVsvw+yQU6+YgfBVmcbLaZtrA1w==",
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz",
+      "integrity": "sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==",
      "engines": {
        "node": ">=6.9.0"
      }
    },
    "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.19.1",
-      "license": "MIT",
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
+      "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
      "engines": {
        "node": ">=6.9.0"
      }
@@ -514,11 +520,12 @@
      }
    },
    "node_modules/@babel/highlight": {
-      "version": "7.18.6",
-      "license": "MIT",
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.20.tgz",
+      "integrity": "sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==",
      "dependencies": {
-        "@babel/helper-validator-identifier": "^7.18.6",
-        "chalk": "^2.0.0",
+        "@babel/helper-validator-identifier": "^7.22.20",
+        "chalk": "^2.4.2",
        "js-tokens": "^4.0.0"
      },
      "engines": {
@@ -526,9 +533,9 @@
      }
    },
    "node_modules/@babel/parser": {
-      "version": "7.21.8",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.8.tgz",
-      "integrity": "sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA==",
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.0.tgz",
+      "integrity": "sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==",
      "dev": true,
      "bin": {
        "parser": "bin/babel-parser.js"
@@ -1682,33 +1689,33 @@
      }
    },
    "node_modules/@babel/template": {
-      "version": "7.20.7",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz",
-      "integrity": "sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==",
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz",
+      "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==",
      "dev": true,
      "dependencies": {
-        "@babel/code-frame": "^7.18.6",
-        "@babel/parser": "^7.20.7",
-        "@babel/types": "^7.20.7"
+        "@babel/code-frame": "^7.22.13",
+        "@babel/parser": "^7.22.15",
+        "@babel/types": "^7.22.15"
      },
      "engines": {
        "node": ">=6.9.0"
      }
    },
    "node_modules/@babel/traverse": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.21.5.tgz",
-      "integrity": "sha512-AhQoI3YjWi6u/y/ntv7k48mcrCXmus0t79J9qPNlk/lAsFlCiJ047RmbfMOawySTHtywXhbXgpx/8nXMYd+oFw==",
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.2.tgz",
+      "integrity": "sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==",
      "dev": true,
      "dependencies": {
-        "@babel/code-frame": "^7.21.4",
-        "@babel/generator": "^7.21.5",
-        "@babel/helper-environment-visitor": "^7.21.5",
-        "@babel/helper-function-name": "^7.21.0",
-        "@babel/helper-hoist-variables": "^7.18.6",
-        "@babel/helper-split-export-declaration": "^7.18.6",
-        "@babel/parser": "^7.21.5",
-        "@babel/types": "^7.21.5",
+        "@babel/code-frame": "^7.22.13",
+        "@babel/generator": "^7.23.0",
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-function-name": "^7.23.0",
+        "@babel/helper-hoist-variables": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/parser": "^7.23.0",
+        "@babel/types": "^7.23.0",
        "debug": "^4.1.0",
        "globals": "^11.1.0"
      },
@@ -1717,12 +1724,12 @@
      }
    },
    "node_modules/@babel/types": {
-      "version": "7.21.5",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.21.5.tgz",
-      "integrity": "sha512-m4AfNvVF2mVC/F7fDEdH2El3HzUg9It/XsCxZiOTTA3m3qYfcSVSbTfM6Q9xG+hYDniZssYhlXKKUMD5m8tF4Q==",
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
+      "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
      "dependencies": {
-        "@babel/helper-string-parser": "^7.21.5",
-        "@babel/helper-validator-identifier": "^7.19.1",
+        "@babel/helper-string-parser": "^7.22.5",
+        "@babel/helper-validator-identifier": "^7.22.20",
        "to-fast-properties": "^2.0.0"
      },
      "engines": {
@@ -1760,8 +1767,9 @@
      }
    },
    "node_modules/@chakra-ui/anatomy": {
-      "version": "2.0.7",
-      "license": "MIT"
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@chakra-ui/anatomy/-/anatomy-2.2.0.tgz",
+      "integrity": "sha512-cD8Ms5C8+dFda0LrORMdxiFhAZwOIY1BSlCadz6/mHUIgNdQy13AHPrXiq6qWdMslqVHq10k5zH7xMPLt6kjFg=="
    },
    "node_modules/@chakra-ui/avatar": {
      "version": "2.2.0",
@@ -2533,6 +2541,15 @@
        "lodash.mergewith": "4.6.2"
      }
    },
+    "node_modules/@chakra-ui/react/node_modules/@chakra-ui/styled-system": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/@chakra-ui/styled-system/-/styled-system-2.3.4.tgz",
+      "integrity": "sha512-Lozbedu+GBj4EbHB/eGv475SFDLApsIEN9gNKiZJBJAE1HIhHn3Seh1iZQSrHC/Beq+D5cQq3Z+yPn3bXtFU7w==",
+      "dependencies": {
+        "csstype": "^3.0.11",
+        "lodash.mergewith": "4.6.2"
+      }
+    },
    "node_modules/@chakra-ui/react/node_modules/@chakra-ui/utils": {
      "version": "2.0.11",
      "resolved": "https://registry.npmjs.org/@chakra-ui/utils/-/utils-2.0.11.tgz",
@@ -2612,13 +2629,20 @@
      }
    },
    "node_modules/@chakra-ui/styled-system": {
-      "version": "2.3.4",
-      "license": "MIT",
+      "version": "2.9.1",
+      "resolved": "https://registry.npmjs.org/@chakra-ui/styled-system/-/styled-system-2.9.1.tgz",
+      "integrity": "sha512-jhYKBLxwOPi9/bQt9kqV3ELa/4CjmNNruTyXlPp5M0v0+pDMUngPp48mVLoskm9RKZGE0h1qpvj/jZ3K7c7t8w==",
      "dependencies": {
+        "@chakra-ui/shared-utils": "2.0.5",
        "csstype": "^3.0.11",
        "lodash.mergewith": "4.6.2"
      }
    },
+    "node_modules/@chakra-ui/styled-system/node_modules/@chakra-ui/shared-utils": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@chakra-ui/shared-utils/-/shared-utils-2.0.5.tgz",
+      "integrity": "sha512-4/Wur0FqDov7Y0nCXl7HbHzCg4aq86h+SXdoUeuCMD3dSj7dpsVnStLYhng1vxvlbUnLpdF4oz5Myt3i/a7N3Q=="
+    },
    "node_modules/@chakra-ui/switch": {
      "version": "2.0.14",
      "license": "MIT",
@@ -2648,6 +2672,15 @@
        "react": ">=18"
      }
    },
+    "node_modules/@chakra-ui/system/node_modules/@chakra-ui/styled-system": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/@chakra-ui/styled-system/-/styled-system-2.3.4.tgz",
+      "integrity": "sha512-Lozbedu+GBj4EbHB/eGv475SFDLApsIEN9gNKiZJBJAE1HIhHn3Seh1iZQSrHC/Beq+D5cQq3Z+yPn3bXtFU7w==",
+      "dependencies": {
+        "csstype": "^3.0.11",
+        "lodash.mergewith": "4.6.2"
+      }
+    },
    "node_modules/@chakra-ui/system/node_modules/@chakra-ui/utils": {
      "version": "2.0.11",
      "resolved": "https://registry.npmjs.org/@chakra-ui/utils/-/utils-2.0.11.tgz",
@@ -2738,6 +2771,11 @@
        "@chakra-ui/styled-system": ">=2.0.0"
      }
    },
+    "node_modules/@chakra-ui/theme-tools/node_modules/@chakra-ui/anatomy": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@chakra-ui/anatomy/-/anatomy-2.0.7.tgz",
+      "integrity": "sha512-vzcB2gcsGCxhrKbldQQV6LnBPys4eSSsH2UA2mLsT+J3WlXw0aodZw0eE/nH7yLxe4zaQ4Gnc0KjkFW4EWNKSg=="
+    },
    "node_modules/@chakra-ui/theme-utils": {
      "version": "2.0.1",
      "license": "MIT",
@@ -2747,6 +2785,20 @@
        "lodash.mergewith": "4.6.2"
      }
    },
+    "node_modules/@chakra-ui/theme-utils/node_modules/@chakra-ui/styled-system": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/@chakra-ui/styled-system/-/styled-system-2.3.4.tgz",
+      "integrity": "sha512-Lozbedu+GBj4EbHB/eGv475SFDLApsIEN9gNKiZJBJAE1HIhHn3Seh1iZQSrHC/Beq+D5cQq3Z+yPn3bXtFU7w==",
+      "dependencies": {
+        "csstype": "^3.0.11",
+        "lodash.mergewith": "4.6.2"
+      }
+    },
+    "node_modules/@chakra-ui/theme/node_modules/@chakra-ui/anatomy": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@chakra-ui/anatomy/-/anatomy-2.0.7.tgz",
+      "integrity": "sha512-vzcB2gcsGCxhrKbldQQV6LnBPys4eSSsH2UA2mLsT+J3WlXw0aodZw0eE/nH7yLxe4zaQ4Gnc0KjkFW4EWNKSg=="
+    },
    "node_modules/@chakra-ui/toast": {
      "version": "4.0.0",
      "license": "MIT",
@@ -2766,6 +2818,15 @@
        "react-dom": ">=18"
      }
    },
+    "node_modules/@chakra-ui/toast/node_modules/@chakra-ui/styled-system": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/@chakra-ui/styled-system/-/styled-system-2.3.4.tgz",
+      "integrity": "sha512-Lozbedu+GBj4EbHB/eGv475SFDLApsIEN9gNKiZJBJAE1HIhHn3Seh1iZQSrHC/Beq+D5cQq3Z+yPn3bXtFU7w==",
+      "dependencies": {
+        "csstype": "^3.0.11",
+        "lodash.mergewith": "4.6.2"
+      }
+    },
    "node_modules/@chakra-ui/tooltip": {
      "version": "2.2.0",
      "license": "MIT",
@@ -2954,10 +3015,55 @@
      "version": "0.3.0",
      "license": "MIT"
    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
+      "integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==",
+      "cpu": [
+        "arm"
+      ],
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz",
+      "integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz",
+      "integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
    "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.17.17",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.17.tgz",
-      "integrity": "sha512-m/gwyiBwH3jqfUabtq3GH31otL/0sE0l34XKpSIqR7NjQ/XHQ3lpmQHLHbG8AHTGCw8Ao059GvV08MS0bhFIJQ==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz",
+      "integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==",
      "cpu": [
        "arm64"
      ],
@@ -2969,6 +3075,276 @@
        "node": ">=12"
      }
    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz",
+      "integrity": "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz",
+      "integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz",
+      "integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz",
+      "integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==",
+      "cpu": [
+        "arm"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz",
+      "integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz",
+      "integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz",
+      "integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==",
+      "cpu": [
+        "loong64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz",
+      "integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==",
+      "cpu": [
+        "mips64el"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz",
+      "integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz",
+      "integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==",
+      "cpu": [
+        "riscv64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz",
+      "integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz",
+      "integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz",
+      "integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz",
+      "integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz",
+      "integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz",
+      "integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz",
+      "integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz",
+      "integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
    "node_modules/@eslint-community/eslint-utils": {
      "version": "4.4.0",
      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
@@ -3917,9 +4293,10 @@
      }
    },
    "node_modules/@typescript-eslint/eslint-plugin/node_modules/semver": {
-      "version": "7.3.8",
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
      "dev": true,
-      "license": "ISC",
      "dependencies": {
        "lru-cache": "^6.0.0"
      },
@@ -4037,9 +4414,10 @@
      }
    },
    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
-      "version": "7.3.8",
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
      "dev": true,
-      "license": "ISC",
      "dependencies": {
        "lru-cache": "^6.0.0"
      },
@@ -4076,9 +4454,10 @@
      }
    },
    "node_modules/@typescript-eslint/utils/node_modules/semver": {
-      "version": "7.3.8",
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
      "dev": true,
-      "license": "ISC",
      "dependencies": {
        "lru-cache": "^6.0.0"
      },
@@ -4205,7 +4584,8 @@
    },
    "node_modules/ansi-styles": {
      "version": "3.2.1",
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
      "dependencies": {
        "color-convert": "^1.9.0"
      },
@@ -4380,9 +4760,9 @@
      }
    },
    "node_modules/axios": {
-      "version": "1.3.5",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.3.5.tgz",
-      "integrity": "sha512-glL/PvG/E+xCWwV8S6nCHcrfg1exGx7vxyUIivIA1iL7BIh6bePylCfVHwp6k13ao7SATxB6imau2kqY+I67kw==",
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.1.tgz",
+      "integrity": "sha512-vfBmhDpKafglh0EldBEbVuoe7DyAavGSLWhuSm5ZSEKQnHhBf0xAAwybbNH1IkrJNGnS/VG4I5yxig1pCEXE4g==",
      "dependencies": {
        "follow-redirects": "^1.15.0",
        "form-data": "^4.0.0",
@@ -4631,7 +5011,8 @@
    },
    "node_modules/chalk": {
      "version": "2.4.2",
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
      "dependencies": {
        "ansi-styles": "^3.2.1",
        "escape-string-regexp": "^1.0.5",
@@ -4643,7 +5024,8 @@
    },
    "node_modules/chalk/node_modules/escape-string-regexp": {
      "version": "1.0.5",
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
      "engines": {
        "node": ">=0.8.0"
      }
@@ -4734,14 +5116,16 @@
    },
    "node_modules/color-convert": {
      "version": "1.9.3",
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
      "dependencies": {
        "color-name": "1.1.3"
      }
    },
    "node_modules/color-name": {
      "version": "1.1.3",
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
    },
    "node_modules/colorette": {
      "version": "2.0.20",
@@ -5138,9 +5522,9 @@
      }
    },
    "node_modules/esbuild": {
-      "version": "0.17.17",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.17.tgz",
-      "integrity": "sha512-/jUywtAymR8jR4qsa2RujlAF7Krpt5VWi72Q2yuLD4e/hvtNcFQ0I1j8m/bxq238pf3/0KO5yuXNpuLx8BE1KA==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
+      "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
      "hasInstallScript": true,
      "bin": {
        "esbuild": "bin/esbuild"
@@ -5149,28 +5533,28 @@
        "node": ">=12"
      },
      "optionalDependencies": {
-        "@esbuild/android-arm": "0.17.17",
-        "@esbuild/android-arm64": "0.17.17",
-        "@esbuild/android-x64": "0.17.17",
-        "@esbuild/darwin-arm64": "0.17.17",
-        "@esbuild/darwin-x64": "0.17.17",
-        "@esbuild/freebsd-arm64": "0.17.17",
-        "@esbuild/freebsd-x64": "0.17.17",
-        "@esbuild/linux-arm": "0.17.17",
-        "@esbuild/linux-arm64": "0.17.17",
-        "@esbuild/linux-ia32": "0.17.17",
-        "@esbuild/linux-loong64": "0.17.17",
-        "@esbuild/linux-mips64el": "0.17.17",
-        "@esbuild/linux-ppc64": "0.17.17",
-        "@esbuild/linux-riscv64": "0.17.17",
-        "@esbuild/linux-s390x": "0.17.17",
-        "@esbuild/linux-x64": "0.17.17",
-        "@esbuild/netbsd-x64": "0.17.17",
-        "@esbuild/openbsd-x64": "0.17.17",
-        "@esbuild/sunos-x64": "0.17.17",
-        "@esbuild/win32-arm64": "0.17.17",
-        "@esbuild/win32-ia32": "0.17.17",
-        "@esbuild/win32-x64": "0.17.17"
+        "@esbuild/android-arm": "0.18.20",
+        "@esbuild/android-arm64": "0.18.20",
+        "@esbuild/android-x64": "0.18.20",
+        "@esbuild/darwin-arm64": "0.18.20",
+        "@esbuild/darwin-x64": "0.18.20",
+        "@esbuild/freebsd-arm64": "0.18.20",
+        "@esbuild/freebsd-x64": "0.18.20",
+        "@esbuild/linux-arm": "0.18.20",
+        "@esbuild/linux-arm64": "0.18.20",
+        "@esbuild/linux-ia32": "0.18.20",
+        "@esbuild/linux-loong64": "0.18.20",
+        "@esbuild/linux-mips64el": "0.18.20",
+        "@esbuild/linux-ppc64": "0.18.20",
+        "@esbuild/linux-riscv64": "0.18.20",
+        "@esbuild/linux-s390x": "0.18.20",
+        "@esbuild/linux-x64": "0.18.20",
+        "@esbuild/netbsd-x64": "0.18.20",
+        "@esbuild/openbsd-x64": "0.18.20",
+        "@esbuild/sunos-x64": "0.18.20",
+        "@esbuild/win32-arm64": "0.18.20",
+        "@esbuild/win32-ia32": "0.18.20",
+        "@esbuild/win32-x64": "0.18.20"
      }
    },
    "node_modules/escalade": {
@@ -6395,7 +6779,8 @@
    },
    "node_modules/has-flag": {
      "version": "3.0.0",
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
      "engines": {
        "node": ">=4"
      }
@@ -8064,9 +8449,9 @@
      }
    },
    "node_modules/postcss": {
-      "version": "8.4.22",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.22.tgz",
-      "integrity": "sha512-XseknLAfRHzVWjCEtdviapiBtfLdgyzExD50Rg2ePaucEesyh8Wv4VPdW0nbyDa1ydbrAxV19jvMT4+LFmcNUA==",
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
      "funding": [
        {
          "type": "opencollective",
@@ -8808,9 +9193,9 @@
      }
    },
    "node_modules/rollup": {
-      "version": "3.21.3",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.21.3.tgz",
-      "integrity": "sha512-VnPfEG51nIv2xPLnZaekkuN06q9ZbnyDcLkaBdJa/W7UddyhOfMP2yOPziYQfeY7k++fZM8FdQIummFN5y14kA==",
+      "version": "3.28.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.28.1.tgz",
+      "integrity": "sha512-R9OMQmIHJm9znrU3m3cpE8uhN0fGdXiawME7aZIpQqvpS/85+Vt1Hq1/yVIcYfOmaQiHjvXkQAoJukvLpau6Yw==",
      "bin": {
        "rollup": "dist/bin/rollup"
      },
@@ -8894,9 +9279,10 @@
      }
    },
    "node_modules/semver": {
-      "version": "6.3.0",
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
      "dev": true,
-      "license": "ISC",
      "bin": {
        "semver": "bin/semver.js"
      }
@@ -9290,7 +9676,8 @@
    },
    "node_modules/supports-color": {
      "version": "5.5.0",
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
      "dependencies": {
        "has-flag": "^3.0.0"
      },
@@ -9541,14 +9928,15 @@
      }
    },
    "node_modules/typescript": {
-      "version": "4.8.4",
-      "license": "Apache-2.0",
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz",
+      "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==",
      "bin": {
        "tsc": "bin/tsc",
        "tsserver": "bin/tsserver"
      },
      "engines": {
-        "node": ">=4.2.0"
+        "node": ">=14.17"
      }
    },
    "node_modules/unbox-primitive": {
@@ -9744,14 +10132,13 @@
      }
    },
    "node_modules/vite": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.2.1.tgz",
-      "integrity": "sha512-7MKhqdy0ISo4wnvwtqZkjke6XN4taqQ2TBaTccLIpOKv7Vp2h4Y+NpmWCnGDeSvvn45KxvWgGyb0MkHvY1vgbg==",
+      "version": "4.4.9",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.4.9.tgz",
+      "integrity": "sha512-2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA==",
      "dependencies": {
-        "esbuild": "^0.17.5",
-        "postcss": "^8.4.21",
-        "resolve": "^1.22.1",
-        "rollup": "^3.18.0"
+        "esbuild": "^0.18.10",
+        "postcss": "^8.4.27",
+        "rollup": "^3.27.1"
      },
      "bin": {
        "vite": "bin/vite.js"
@@ -9759,12 +10146,16 @@
      "engines": {
        "node": "^14.18.0 || >=16.0.0"
      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
      "optionalDependencies": {
        "fsevents": "~2.3.2"
      },
      "peerDependencies": {
        "@types/node": ">= 14",
        "less": "*",
+        "lightningcss": "^1.21.0",
        "sass": "*",
        "stylus": "*",
        "sugarss": "*",
@@ -9777,6 +10168,9 @@
        "less": {
          "optional": true
        },
+        "lightningcss": {
+          "optional": true
+        },
        "sass": {
          "optional": true
        },
@@ -9928,9 +10322,10 @@
      }
    },
    "node_modules/word-wrap": {
-      "version": "1.2.3",
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
      "dev": true,
-      "license": "MIT",
      "engines": {
        "node": ">=0.10.0"
      }
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "ucentral-client",
-  "version": "2.10.0(48)",
+  "version": "3.0.0(1)",
  "description": "",
  "private": true,
  "main": "index.tsx",
@@ -15,8 +15,10 @@
  "author": "",
  "license": "ISC",
  "dependencies": {
+    "@chakra-ui/anatomy": "^2.1.1",
    "@chakra-ui/icons": "^2.0.18",
    "@chakra-ui/react": "^2.3.6",
+    "@chakra-ui/styled-system": "^2.9.0",
    "@chakra-ui/theme-tools": "^2.0.12",
    "@chakra-ui/utils": "^2.0.14",
    "@emotion/react": "^11.10.6",
@@ -58,7 +60,7 @@
    "react-virtualized-auto-sizer": "^1.0.15",
    "react-window": "^1.8.9",
    "source-map-explorer": "^2.5.3",
-    "typescript": "^4.8.4",
+    "typescript": "^5.0.4",
    "uuid": "^9.0.0",
    "vite": "^4.2.1",
    "yup": "^0.32.11",
--- a/public/devices/hfcl_ion4x.png
+++ b/public/devices/hfcl_ion4x.png
--- a/public/devices/hfcl_ion4x_2.png
+++ b/public/devices/hfcl_ion4x_2.png
--- a/public/devices/hfcl_ion4x_w.png
+++ b/public/devices/hfcl_ion4x_w.png
--- a/public/devices/hfcl_ion4xe.png
+++ b/public/devices/hfcl_ion4xe.png
--- a/public/devices/hfcl_ion4xi.png
+++ b/public/devices/hfcl_ion4xi.png
--- a/public/devices/hfcl_ion4xi_HMR.png
+++ b/public/devices/hfcl_ion4xi_HMR.png
--- a/public/devices/hfcl_ion4xi_w.png
+++ b/public/devices/hfcl_ion4xi_w.png
--- a/public/devices/hfcl_ion4xi_wp.png
+++ b/public/devices/hfcl_ion4xi_wp.png
--- a/public/locales/de/translation.json
+++ b/public/locales/de/translation.json
@@ -223,6 +223,7 @@
 		"day": "Tag",
 		"days": "Tage",
 		"default": "Standard",
+		"defaults": "Standardeinstellungen",
 		"description": "Beschreibung",
 		"details": "Einzelheiten",
 		"device_details": "Gerätedetails",
@@ -268,6 +269,7 @@
 		"map": "Karte",
 		"max": "Max",
 		"min": "MINDEST",
+		"miscellaneous": "Verschiedenes",
 		"mode": "Modus",
 		"model": "Modell",
 		"modified": "Geändert",
@@ -702,11 +704,32 @@
 		"venues_under_root": "Veranstaltungsorte können nicht direkt unter der Root-Entität erstellt werden"
 	},
 	"firmware": {
+		"confirm_default_data": "Bitte bestätigen Sie die untenstehenden Informationen und klicken Sie auf „Bestätigen“, sobald Sie bereit sind, den Vorgang zu starten",
+		"create_success": "Neue Standard-Firmware-Einstellungen erstellt!",
 		"db_update_warning": "Dieser Vorgang wird täglich automatisch durchgeführt, ohne dass dieses manuelle Update verwendet werden muss. Die Aktualisierung dieser Datenbank kann bis zu 25 Minuten dauern",
+		"default_created_error_one": "{{count}} Fehler beim Versuch, eine neue Einstellung zu erstellen",
+		"default_created_error_other": "{{count}} Fehler beim Versuch, eine neue Einstellung zu erstellen",
+		"default_created_one": "{{count}} Standard-Firmware-Einstellung erstellt",
+		"default_created_other": "{{count}} Standard-Firmware-Einstellungen erstellt",
+		"default_found_one": "Für den Gerätetyp {{count}} wurde eine gültige Revision gefunden",
+		"default_found_other": "Gültige Revisionen für {{count}} Gerätetypen gefunden",
+		"default_mass_delete_success_one": " {{count}} Standard-Firmware-Einstellung gelöscht!",
+		"default_mass_delete_success_other": " {{count}} Standard-Firmware-Einstellungen gelöscht!",
+		"default_not_found_one": "Keine gültigen Firmware-Versionen für den Gerätetyp {{count}} ",
+		"default_not_found_other": "Keine gültigen Firmware-Versionen für {{count}} Gerätetypen",
+		"default_title": "",
+		"default_update_success": "Standard-Firmware für {{deviceType}}aktualisiert!",
+		"delete_success": "Standard-Firmware-Einstellung gelöscht!",
+		"edit_default_title": "Dies ist die aktuelle Firmware, die als Mindestversion für neue APs vom Typ {{deviceType}}verwendet wird. Wenn ein neuer {{deviceType}} AP eine Verbindung zum Gateway herstellt, wird er automatisch auf diese Version aktualisiert.",
+		"fetching_defaults": "Alle verfügbaren Firmware für ausgewählte Gerätetypen werden abgerufen...",
 		"last_db_update_modal": "Firmware-Datenbank",
 		"last_db_update_title": "Datenbank",
+		"one": "Firmware",
+		"select_default_device_types": "Bitte wählen Sie alle Gerätetypen aus, auf die Sie diese neue Standard-Firmware-Regel anwenden möchten. Wenn Sie den gewünschten Gerätetyp nicht finden können, bedeutet dies, dass bereits eine Regel angewendet wurde.",
+		"select_default_revision": "Sie können jetzt die Mindestversion auswählen, auf die Ihre Gerätetypen abzielen sollen",
 		"start_db_update": "Datenbankaktualisierung starten",
-		"started_db_update": "Datenbankaktualisierung gestartet, dieser Vorgang sollte bis zu 25 Minuten dauern"
+		"started_db_update": "Datenbankaktualisierung gestartet, dieser Vorgang sollte bis zu 25 Minuten dauern",
+		"update_success": "Standard-Firmware-Informationen gespeichert!"
 	},
 	"footer": {
 		"powered_by": "Unterstützt von",
@@ -715,6 +738,7 @@
 	"form": {
 		"captive_web_root_explanation": "Bitte verwenden Sie nur .tar-Dateien (keine komprimierten Dateien wie z. B. .targz)",
 		"certificate_file_explanation": "Bitte verwenden Sie eine .pem-Datei, die mit „-----BEGIN CERTIFICATE-----“ beginnt und mit „-----END CERTIFICATE-----“ endet.",
+		"invalid_alphanumeric_with_dash": "Akzeptierte Zeichen. sind nur alphanumerisch (Buchstaben & Zahlen)",
 		"invalid_cidr": "Ungültige CIDR-IPv4-Adresse. Beispiel: 192.168.0.1/12",
 		"invalid_email": "Ungültige E-Mail",
 		"invalid_file_content": "Ungültiger Dateiinhalt, bitte bestätigen Sie, dass es sich um ein gültiges Format handelt",
@@ -741,7 +765,11 @@
 		"invalid_static_ipv4_e": "Ungültige Adresse, dieser Bereich ist für Experimente reserviert (Klasse E). Das erste Oktett sollte 223 oder niedriger sein",
 		"invalid_third_party": "Ungültige Drittanbieter-JSON-Zeichenfolge. Bitte bestätigen Sie, dass Ihr Wert ein gültiges JSON ist",
 		"key_file_explanation": "Bitte verwenden Sie eine .pem-Datei, die mit „-----BEGIN PRIVATE KEY-----“ beginnt und mit „-----END PRIVATE KEY-----“ endet.",
+		"max_length": "Maximale Länge von {{max}} Zeichen.",
+		"max_value": "Maximalwert von {{max}}",
+		"min_length": "Mindestlänge von {{min}} Zeichen.",
 		"min_max_string": "Der Wert muss eine Länge zwischen {{min}} (einschließlich) und {{max}} (einschließlich) haben.",
+		"min_value": "Mindestwert von {{min}}",
 		"missing_interface_upstream": "Sie müssen mindestens eine Upstream-Schnittstelle haben. Im Moment sind alle Ihre Schnittstellen nachgelagert",
 		"new_email_to_notify": "Neue E-Mail zur Benachrichtigung",
 		"new_phone_to_notify": "Neues Telefon zu benachrichtigen",
@@ -883,6 +911,11 @@
 		"one": "Benachrichtigung",
 		"other": "Benachrichtigungen"
 	},
+	"openroaming": {
+		"pool_strategy": "Pool-Strategie",
+		"radius_endpoint_one": "Radiusendpunkt",
+		"radius_endpoint_other": "Radiusendpunkte"
+	},
 	"operator": {
 		"delete_explanation": "Möchten Sie diesen Operator wirklich löschen? Dieser Vorgang ist nicht umkehrbar",
 		"delete_operator": "Betreiber löschen",
@@ -948,6 +981,27 @@
 		"title": "Beschränkungen",
 		"tty": "TTY-Zugriff"
 	},
+	"roaming": {
+		"account_created": "Neues Konto erstellt!",
+		"account_deleted": "Konto gelöscht!",
+		"account_one": "Konto",
+		"account_other": "Konten",
+		"certificate_deleted": "Zertifikat gelöscht!",
+		"certificate_one": "Zertifikat",
+		"certificate_other": "Zertifikate",
+		"city": "Stadt",
+		"common_name": "Gemeinsamen Namen",
+		"country": "Land",
+		"global_reach": "Globale Reichweite",
+		"global_reach_account_id": "Konto-ID",
+		"invalid_certificate": "Ungültiges Zertifikat",
+		"invalid_key": "Ungültiger privater Schlüssel",
+		"location_details_title": "Ort",
+		"organization": "Organisation",
+		"private_key": "Privat Schlüssel",
+		"province": "Provinz",
+		"state": "Zustand"
+	},
 	"rrm": {
 		"algorithm": "Algorithmus",
 		"algorithm_other": "Algorithmen",
@@ -1008,6 +1062,9 @@
 		"current_live_devices": "Aktuelle Live-Geräte",
 		"currently_running_one": "Derzeit wird {{count}} Simulation ausgeführt",
 		"currently_running_other": "Derzeit laufen {{count}} Simulationen",
+		"delete_devices_confirm": "Sind Sie sicher, dass Sie alle Geräte und deren Statistiken vom Gateway entfernen möchten? Diese Aktion ist nicht rückgängig zu machen",
+		"delete_devices_loading": "Dieser Vorgang kann bis zu 5 Minuten dauern",
+		"delete_simulation_devices": "Geräte löschen",
 		"delete_success": "Gelöschte Simulation!",
 		"duration": "Dauer",
 		"error_devices": "Fehler Geräte",
@@ -1066,6 +1123,7 @@
 		"title": "Abonnenten"
 	},
 	"system": {
+		"advanced": "Erweitert",
 		"backend_logs": "Back-End-Protokolle",
 		"configuration": "Aufbau",
 		"could_not_retrieve": "Fehler: {{name}} Systeminformationen konnten nicht abgerufen werden",
--- a/public/locales/en/translation.json
+++ b/public/locales/en/translation.json
@@ -223,6 +223,7 @@
 		"day": "Day",
 		"days": "Days",
 		"default": "Default",
+		"defaults": "Defaults",
 		"description": "Description",
 		"details": "Details",
 		"device_details": "Device Details",
@@ -268,6 +269,7 @@
 		"map": "Map",
 		"max": "Max",
 		"min": "Min",
+		"miscellaneous": "Miscellaneous",
 		"mode": "Mode",
 		"model": "Model",
 		"modified": "Modified",
@@ -702,11 +704,32 @@
 		"venues_under_root": "Venues cannot be created directly under the root entity"
 	},
 	"firmware": {
+		"confirm_default_data": "Please confirm the information below and click 'Confirm' once you are ready to start the process",
+		"create_success": "Created new default firmware settings!",
 		"db_update_warning": "This operation is done daily automatically without need to use this manual update. Updating this database can take up to 25 minutes",
+		"default_created_error_one": "{{count}} error while trying to create new setting",
+		"default_created_error_other": "{{count}} errors while trying to create new setting",
+		"default_created_one": "{{count}} default firmware setting created",
+		"default_created_other": "{{count}} default firmware settings created",
+		"default_found_one": "Found valid revision for {{count}} device type",
+		"default_found_other": "Found valid revisions for {{count}} device types",
+		"default_mass_delete_success_one": "Deleted {{count}} default firmware setting!",
+		"default_mass_delete_success_other": "Deleted {{count}} default firmware settings!",
+		"default_not_found_one": "No valid firmware versions for {{count}} device type",
+		"default_not_found_other": "No valid firmware versions for {{count}} device types",
+		"default_title": "Default Firmware",
+		"default_update_success": "Updated default firmware for {{deviceType}}!",
+		"delete_success": "Deleted default firmware setting!",
+		"edit_default_title": "This is the current firmware that is used as the minimum version for new APs of type {{deviceType}}. If a new {{deviceType}} AP connects to the gateway, it will be automatically upgraded to this version.",
+		"fetching_defaults": "Fetching all available firmware for selected device types...",
 		"last_db_update_modal": "Firmware Database",
 		"last_db_update_title": "Database",
+		"one": "Firmware",
+		"select_default_device_types": "Please select all device types that you want to target with this new default firmware rule. If you cannot find your desired device type, it means they already have an applied rule.",
+		"select_default_revision": "You can now select the minimum revision you want your device types to target",
 		"start_db_update": "Start Database Update",
-		"started_db_update": "Started database update, this operation should take up to 25 minutes to complete"
+		"started_db_update": "Started database update, this operation should take up to 25 minutes to complete",
+		"update_success": "Saved default firmware information!"
 	},
 	"footer": {
 		"powered_by": "Powered By",
@@ -715,6 +738,7 @@
 	"form": {
 		"captive_web_root_explanation": "Please use .tar files only (no compressed files like .targz, for example)",
 		"certificate_file_explanation": "Please use a .pem file that starts with \"-----BEGIN CERTIFICATE-----\" and ends with \"-----END CERTIFICATE-----\"",
+		"invalid_alphanumeric_with_dash": "Accepted chars. are only alphanumeric (letters & numbers)",
 		"invalid_cidr": "Invalid CIDR IPv4 address. Example: 192.168.0.1/12",
 		"invalid_email": "Invalid Email",
 		"invalid_file_content": "Invalid file content, please confirm that it is of the valid format",
@@ -741,7 +765,11 @@
 		"invalid_static_ipv4_e": "Invalid address, this range reserved for experiments (class E). The first octet should be 223 or lower",
 		"invalid_third_party": "Invalid Third Party JSON string. Please confirm that your value is a valid JSON",
 		"key_file_explanation": "Please use a .pem file that starts with \"-----BEGIN PRIVATE KEY-----\" and ends with \"-----END PRIVATE KEY-----\"",
+		"max_length": "Maximum length of {{max}} chars.",
+		"max_value": "Maximum value of {{max}}",
+		"min_length": "Minimum length of {{min}} chars.",
 		"min_max_string": "Value needs to be of a length between {{min}} (inclusive) and {{max}} (inclusive)",
+		"min_value": "Minimum value of {{min}}",
 		"missing_interface_upstream": "You need to have at least one upstream interface. At the moment, all your interfaces are downstream",
 		"new_email_to_notify": "New email to notify",
 		"new_phone_to_notify": "New phone to notify",
@@ -883,6 +911,11 @@
 		"one": "Notification",
 		"other": "Notifications"
 	},
+	"openroaming": {
+		"pool_strategy": "Pool Strategy",
+		"radius_endpoint_one": "Radius Endpoint",
+		"radius_endpoint_other": "Radius Endpoints"
+	},
 	"operator": {
 		"delete_explanation": "Are you sure you want to delete this operator? This operation is not reversible",
 		"delete_operator": "Delete Operator",
@@ -948,6 +981,27 @@
 		"title": "Restrictions",
 		"tty": "TTY Access"
 	},
+	"roaming": {
+		"account_created": "New account created!",
+		"account_deleted": "Deleted account!",
+		"account_one": "Account",
+		"account_other": "Accounts",
+		"certificate_deleted": "Deleted certificate!",
+		"certificate_one": "Certificate",
+		"certificate_other": "Certificates",
+		"city": "City",
+		"common_name": "Common Name",
+		"country": "Country",
+		"global_reach": "GlobalReach",
+		"global_reach_account_id": " Account ID",
+		"invalid_certificate": "Invalid certificate",
+		"invalid_key": "Invalid private key",
+		"location_details_title": "Location",
+		"organization": "Organization",
+		"private_key": "Private Key",
+		"province": "Province",
+		"state": "State"
+	},
 	"rrm": {
 		"algorithm": "Algorithm",
 		"algorithm_other": "Algorithms",
@@ -1008,6 +1062,9 @@
 		"current_live_devices": "Current Live Devices",
 		"currently_running_one": "There is currently {{count}} simulation running",
 		"currently_running_other": "There are currently {{count}} simulations running",
+		"delete_devices_confirm": "Are you sure you want to remove all devices and their statistics from the gateway? This action is not reversible",
+		"delete_devices_loading": "This process may take up to 5 minutes",
+		"delete_simulation_devices": "Delete Devices",
 		"delete_success": "Deleted Simulation!",
 		"duration": "Duration",
 		"error_devices": "Error Devices",
@@ -1066,6 +1123,7 @@
 		"title": "Subscribers"
 	},
 	"system": {
+		"advanced": "Advanced",
 		"backend_logs": "Back-End Logs",
 		"configuration": "Configuration",
 		"could_not_retrieve": "Error: could not retrieve {{name}} system information",
--- a/public/locales/es/translation.json
+++ b/public/locales/es/translation.json
@@ -223,6 +223,7 @@
 		"day": "Día",
 		"days": "días",
 		"default": "Defecto",
+		"defaults": "Valores predeterminados",
 		"description": "Descripción",
 		"details": "Detalles",
 		"device_details": "Detalles del dispositivo",
@@ -268,6 +269,7 @@
 		"map": "Mapa",
 		"max": "Max",
 		"min": "Min",
+		"miscellaneous": "Diverso",
 		"mode": "Modo",
 		"model": "Modelo",
 		"modified": "Modificado",
@@ -702,11 +704,32 @@
 		"venues_under_root": "Los lugares no se pueden crear directamente bajo la entidad raíz"
 	},
 	"firmware": {
+		"confirm_default_data": "Confirme la información a continuación y haga clic en 'Confirmar' una vez que esté listo para comenzar el proceso",
+		"create_success": "¡Se crearon nuevas configuraciones de firmware predeterminadas!",
 		"db_update_warning": "Esta operación se realiza automáticamente todos los días de forma automática sin necesidad de utilizar esta actualización manual. La actualización de esta base de datos puede tardar hasta 25 minutos",
+		"default_created_error_one": "{{count}} error al intentar crear una nueva configuración",
+		"default_created_error_other": "{{count}} errores al intentar crear una nueva configuración",
+		"default_created_one": "{{count}} configuración de firmware predeterminada creada",
+		"default_created_other": "{{count}} ajustes de firmware predeterminados creados",
+		"default_found_one": "Se encontró una revisión válida para el tipo de dispositivo {{count}} ",
+		"default_found_other": "Se encontraron revisiones válidas para {{count}} tipos de dispositivos",
+		"default_mass_delete_success_one": "¡Se eliminó {{count}} configuración de firmware predeterminada!",
+		"default_mass_delete_success_other": "¡Se eliminaron {{count}} configuraciones de firmware predeterminadas!",
+		"default_not_found_one": "No hay versiones de firmware válidas para el tipo de dispositivo {{count}} ",
+		"default_not_found_other": "No hay versiones de firmware válidas para {{count}} tipos de dispositivos",
+		"default_title": "",
+		"default_update_success": "¡Firmware predeterminado actualizado para {{deviceType}}!",
+		"delete_success": "¡Configuración de firmware predeterminada eliminada!",
+		"edit_default_title": "Este es el firmware actual que se utiliza como versión mínima para los nuevos AP de tipo {{deviceType}}. Si un nuevo AP {{deviceType}} se conecta a la puerta de enlace, se actualizará automáticamente a esta versión.",
+		"fetching_defaults": "Obteniendo todo el firmware disponible para los tipos de dispositivos seleccionados...",
 		"last_db_update_modal": "Base de datos de firmware",
 		"last_db_update_title": "Base de datos",
+		"one": "Firmware",
+		"select_default_device_types": "Seleccione todos los tipos de dispositivos a los que desea apuntar con esta nueva regla de firmware predeterminada. Si no puede encontrar el tipo de dispositivo deseado, significa que ya tienen una regla aplicada.",
+		"select_default_revision": "Ahora puede seleccionar la revisión mínima a la que desea que se dirijan sus tipos de dispositivos",
 		"start_db_update": "Iniciar actualización de la base de datos",
-		"started_db_update": "Actualización de la base de datos iniciada, esta operación debería tardar hasta 25 minutos en completarse"
+		"started_db_update": "Actualización de la base de datos iniciada, esta operación debería tardar hasta 25 minutos en completarse",
+		"update_success": "¡Información de firmware predeterminada guardada!"
 	},
 	"footer": {
 		"powered_by": "energizado por",
@@ -715,6 +738,7 @@
 	"form": {
 		"captive_web_root_explanation": "Utilice únicamente archivos .tar (no archivos comprimidos como .targz, por ejemplo)",
 		"certificate_file_explanation": "Utilice un archivo .pem que comience con \"-----BEGIN CERTIFICATE-----\" y termine con \"-----END CERTIFICATE-----\"",
+		"invalid_alphanumeric_with_dash": "Caracteres aceptados. son solo alfanuméricos (letras y números)",
 		"invalid_cidr": "Dirección IPv4 CIDR no válida. Ejemplo: 192.168.0.1/12",
 		"invalid_email": "Email inválido",
 		"invalid_file_content": "Contenido de archivo no válido, confirme que tiene un formato válido",
@@ -741,7 +765,11 @@
 		"invalid_static_ipv4_e": "Dirección no válida, este rango reservado para experimentos (clase E). El primer octeto debe ser 223 o inferior",
 		"invalid_third_party": "Cadena JSON de terceros no válida. Confirme que su valor es un JSON válido",
 		"key_file_explanation": "Utilice un archivo .pem que comience con \"-----BEGIN PRIVATE KEY-----\" y termine con \"-----END PRIVATE KEY-----\"",
+		"max_length": "Longitud máxima de {{max}} caracteres.",
+		"max_value": "Valor máximo de {{max}}",
+		"min_length": "Longitud mínima de {{min}} caracteres.",
 		"min_max_string": "El valor debe tener una longitud entre {{min}} (inclusive) y {{max}} (inclusive)",
+		"min_value": "Valor mínimo de {{min}}",
 		"missing_interface_upstream": "Debe tener al menos una interfaz ascendente. Por el momento, todas sus interfaces están en sentido descendente",
 		"new_email_to_notify": "Nuevo correo electrónico para notificar",
 		"new_phone_to_notify": "Nuevo teléfono para avisar",
@@ -883,6 +911,11 @@
 		"one": "Notificación",
 		"other": "Notificaciones"
 	},
+	"openroaming": {
+		"pool_strategy": "Estrategia de piscina",
+		"radius_endpoint_one": "Punto final del radio",
+		"radius_endpoint_other": "Puntos finales de radio"
+	},
 	"operator": {
 		"delete_explanation": "¿Está seguro de que desea eliminar este operador? Esta operación no es reversible.",
 		"delete_operator": "Eliminar operador",
@@ -948,6 +981,27 @@
 		"title": "Las restricciones",
 		"tty": "Acceso TTY"
 	},
+	"roaming": {
+		"account_created": "¡Nueva cuenta creada!",
+		"account_deleted": "¡Cuenta eliminada!",
+		"account_one": "Cuenta",
+		"account_other": "Cuentas",
+		"certificate_deleted": "Certificado eliminado!",
+		"certificate_one": "Certificado",
+		"certificate_other": "Certificados",
+		"city": "ciudad",
+		"common_name": "Nombre común",
+		"country": "País",
+		"global_reach": "Alcance global",
+		"global_reach_account_id": "ID de cuenta ",
+		"invalid_certificate": "Certificado inválido",
+		"invalid_key": "Clave privada no válida",
+		"location_details_title": "Ubicación",
+		"organization": "Organización",
+		"private_key": "Llave privada",
+		"province": "Provincia",
+		"state": "Estado"
+	},
 	"rrm": {
 		"algorithm": "Algoritmo",
 		"algorithm_other": "Algoritmos",
@@ -1008,6 +1062,9 @@
 		"current_live_devices": "Dispositivos activos actuales",
 		"currently_running_one": "Actualmente hay {{count}} simulación en ejecución",
 		"currently_running_other": "Actualmente hay {{count}} simulaciones ejecutándose",
+		"delete_devices_confirm": "¿Está seguro de que desea eliminar todos los dispositivos y sus estadísticas de la puerta de enlace? Esta acción no es reversible",
+		"delete_devices_loading": "Este proceso puede tardar hasta 5 minutos.",
+		"delete_simulation_devices": "BORRAR DISPOSITIVOS",
 		"delete_success": "¡Simulación eliminada!",
 		"duration": "Duración",
 		"error_devices": "Dispositivos de error",
@@ -1066,6 +1123,7 @@
 		"title": "Suscriptores"
 	},
 	"system": {
+		"advanced": "Avanzado",
 		"backend_logs": "Registros de back-end",
 		"configuration": "Configuración",
 		"could_not_retrieve": "Error: no se pudo recuperar la información del sistema {{name}} ",
--- a/public/locales/fr/translation.json
+++ b/public/locales/fr/translation.json
@@ -223,6 +223,7 @@
 		"day": "journée",
 		"days": "Journées",
 		"default": "Défaut",
+		"defaults": "Valeurs par défaut",
 		"description": "La description",
 		"details": "Détails",
 		"device_details": "Détails de l'appareil",
@@ -268,6 +269,7 @@
 		"map": "Carte",
 		"max": "Max",
 		"min": "Min",
+		"miscellaneous": "Divers",
 		"mode": "Mode",
 		"model": "Modèle",
 		"modified": "Modifié",
@@ -702,11 +704,32 @@
 		"venues_under_root": "Les lieux ne peuvent pas être créés directement sous l'entité racine"
 	},
 	"firmware": {
+		"confirm_default_data": "Veuillez confirmer les informations ci-dessous et cliquez sur \"Confirmer\" une fois que vous êtes prêt à démarrer le processus",
+		"create_success": "Création de nouveaux paramètres de firmware par défaut !",
 		"db_update_warning": "Cette opération se fait automatiquement quotidiennement sans avoir besoin d'utiliser cette mise à jour manuelle. La mise à jour de cette base de données peut prendre jusqu'à 25 minutes",
+		"default_created_error_one": "{{count}} erreur lors de la tentative de création d'un nouveau paramètre",
+		"default_created_error_other": "{{count}}  erreurs lors de la tentative de création d'un nouveau paramètre",
+		"default_created_one": "{{count}} paramètre de micrologiciel par défaut créé",
+		"default_created_other": "{{count}}  paramètres de micrologiciel par défaut créés",
+		"default_found_one": "Révision valide trouvée pour le type d'appareil {{count}} ",
+		"default_found_other": "Révisions valides trouvées pour {{count}}  types d'appareils",
+		"default_mass_delete_success_one": "Paramètre de micrologiciel par défaut {{count}} supprimé !",
+		"default_mass_delete_success_other": " {{count}}  paramètres de micrologiciel par défaut supprimés !",
+		"default_not_found_one": "Aucune version de micrologiciel valide pour le type d'appareil {{count}} ",
+		"default_not_found_other": "Aucune version de micrologiciel valide pour {{count}}  types d'appareils",
+		"default_title": "",
+		"default_update_success": "Firmware par défaut mis à jour pour {{deviceType}} !",
+		"delete_success": "Paramètre de micrologiciel par défaut supprimé !",
+		"edit_default_title": "Il s'agit du micrologiciel actuel utilisé comme version minimale pour les nouveaux points d'accès de type {{deviceType}}. Si un nouveau point d'accès {{deviceType}} se connecte à la passerelle, il sera automatiquement mis à niveau vers cette version.",
+		"fetching_defaults": "Récupération de tous les micrologiciels disponibles pour les types d'appareils sélectionnés...",
 		"last_db_update_modal": "Base de données du micrologiciel",
 		"last_db_update_title": "Base de données",
+		"one": "Micrologiciel",
+		"select_default_device_types": "Veuillez sélectionner tous les types d'appareils que vous souhaitez cibler avec cette nouvelle règle de micrologiciel par défaut. Si vous ne trouvez pas le type d'appareil souhaité, cela signifie qu'une règle est déjà appliquée.",
+		"select_default_revision": "Vous pouvez maintenant sélectionner la révision minimale que vous souhaitez que vos types d'appareils ciblent",
 		"start_db_update": "Démarrer la mise à jour de la base de données",
-		"started_db_update": "Mise à jour de la base de données démarrée, cette opération devrait prendre jusqu'à 25 minutes"
+		"started_db_update": "Mise à jour de la base de données démarrée, cette opération devrait prendre jusqu'à 25 minutes",
+		"update_success": "Informations sur le micrologiciel par défaut enregistrées !"
 	},
 	"footer": {
 		"powered_by": "Alimenté par",
@@ -715,6 +738,7 @@
 	"form": {
 		"captive_web_root_explanation": "Veuillez utiliser uniquement des fichiers .tar (pas de fichiers compressés comme .targz, par exemple)",
 		"certificate_file_explanation": "Veuillez utiliser un fichier .pem qui commence par \"-----BEGIN CERTIFICATE-----\" et se termine par \"-----END CERTIFICATE-----\"",
+		"invalid_alphanumeric_with_dash": "Caractères acceptés. sont uniquement alphanumériques (lettres et chiffres)",
 		"invalid_cidr": "Adresse IPv4 CIDR non valide. Exemple : 192.168.0.1/12",
 		"invalid_email": "Email Invalide",
 		"invalid_file_content": "Contenu de fichier non valide, veuillez confirmer qu'il est au format valide",
@@ -741,7 +765,11 @@
 		"invalid_static_ipv4_e": "Adresse invalide, cette plage est réservée aux expérimentations (classe E). Le premier octet doit être 223 ou moins",
 		"invalid_third_party": "Chaîne JSON tierce non valide. Veuillez confirmer que votre valeur est un JSON valide",
 		"key_file_explanation": "Veuillez utiliser un fichier .pem qui commence par \"-----BEGIN PRIVATE KEY-----\" et se termine par \"-----END PRIVATE KEY-----\"",
+		"max_length": "Longueur maximale de {{max}}  caractères.",
+		"max_value": "Valeur maximale de  {{max}}",
+		"min_length": "Longueur minimale de {{min}}  caractères.",
 		"min_max_string": "La valeur doit être d'une longueur comprise entre {{min}} (inclus) et {{max}} (inclus)",
+		"min_value": "Valeur minimale de  {{min}}",
 		"missing_interface_upstream": "Vous devez avoir au moins une interface en amont. Pour le moment, toutes vos interfaces sont en aval",
 		"new_email_to_notify": "Nouvel e-mail à notifier",
 		"new_phone_to_notify": "Nouveau téléphone à notifier",
@@ -883,6 +911,11 @@
 		"one": "Notification",
 		"other": "Les notifications"
 	},
+	"openroaming": {
+		"pool_strategy": "Stratégie de pool",
+		"radius_endpoint_one": "Point final de rayon",
+		"radius_endpoint_other": "Points de terminaison du rayon"
+	},
 	"operator": {
 		"delete_explanation": "Voulez-vous vraiment supprimer cet opérateur ? Cette opération n'est pas réversible",
 		"delete_operator": "Supprimer l'opérateur",
@@ -948,6 +981,27 @@
 		"title": "Restrictions",
 		"tty": "Accès ATS"
 	},
+	"roaming": {
+		"account_created": "Nouveau compte créé !",
+		"account_deleted": "Compte supprimé !",
+		"account_one": "Compte",
+		"account_other": "Comptes",
+		"certificate_deleted": "Certificat supprimé !",
+		"certificate_one": "Certificat",
+		"certificate_other": "Certificats",
+		"city": "Ville",
+		"common_name": "Nom commun",
+		"country": "Pays",
+		"global_reach": "Portée mondiale",
+		"global_reach_account_id": "ID de compte ",
+		"invalid_certificate": "certificat invalide",
+		"invalid_key": "Clé privée invalide",
+		"location_details_title": "Emplacement",
+		"organization": "Organisation",
+		"private_key": "Clé privée",
+		"province": "province",
+		"state": "Etat"
+	},
 	"rrm": {
 		"algorithm": "Algorithme",
 		"algorithm_other": "Algorithmes",
@@ -1008,6 +1062,9 @@
 		"current_live_devices": "Appareils en direct actuels",
 		"currently_running_one": "Il y a actuellement {{count}} simulation en cours",
 		"currently_running_other": "Il y a actuellement {{count}}  simulations en cours d'exécution",
+		"delete_devices_confirm": "Voulez-vous vraiment supprimer tous les appareils et leurs statistiques de la passerelle ? Cette action n'est pas réversible",
+		"delete_devices_loading": "Ce processus peut prendre jusqu'à 5 minutes",
+		"delete_simulation_devices": "Supprimer des appareils",
 		"delete_success": "Simulation supprimée !",
 		"duration": "Durée",
 		"error_devices": "Périphériques d'erreur",
@@ -1066,6 +1123,7 @@
 		"title": "Les abonnés"
 	},
 	"system": {
+		"advanced": "Avancée",
 		"backend_logs": "Journaux principaux",
 		"configuration": "Configuration",
 		"could_not_retrieve": "Erreur : impossible de récupérer les informations système {{name}} ",
--- a/public/locales/pt/translation.json
+++ b/public/locales/pt/translation.json
@@ -223,6 +223,7 @@
 		"day": "Dia",
 		"days": "Dias",
 		"default": "Padrão",
+		"defaults": "Predefinições",
 		"description": "Descrição",
 		"details": "Detalhes",
 		"device_details": "Detalhes do dispositivo",
@@ -268,6 +269,7 @@
 		"map": "Mapa",
 		"max": "máximo",
 		"min": "minuto",
+		"miscellaneous": "Diversos",
 		"mode": "Modo",
 		"model": "Modelo",
 		"modified": "Modificado",
@@ -702,11 +704,32 @@
 		"venues_under_root": "Os locais não podem ser criados diretamente na entidade raiz"
 	},
 	"firmware": {
+		"confirm_default_data": "Confirme as informações abaixo e clique em 'Confirmar' quando estiver pronto para iniciar o processo",
+		"create_success": "Criou novas configurações de firmware padrão!",
 		"db_update_warning": "Esta operação é feita automaticamente diariamente sem necessidade de usar esta atualização manual. A atualização deste banco de dados pode levar até 25 minutos",
+		"default_created_error_one": "{{count}} erro ao tentar criar uma nova configuração",
+		"default_created_error_other": "{{count}} erros ao tentar criar uma nova configuração",
+		"default_created_one": "{{count}} configuração de firmware padrão criada",
+		"default_created_other": "{{count}} configurações de firmware padrão criadas",
+		"default_found_one": "Revisão válida encontrada para {{count}} tipo de dispositivo",
+		"default_found_other": "Foram encontradas revisões válidas para {{count}} tipos de dispositivo",
+		"default_mass_delete_success_one": "Configuração de firmware padrão {{count}} excluída!",
+		"default_mass_delete_success_other": "Excluídas {{count}} configurações de firmware padrão!",
+		"default_not_found_one": "Nenhuma versão de firmware válida para {{count}} tipo de dispositivo",
+		"default_not_found_other": "Nenhuma versão de firmware válida para {{count}} tipos de dispositivo",
+		"default_title": "",
+		"default_update_success": "Firmware padrão atualizado para {{deviceType}}!",
+		"delete_success": "Configuração de firmware padrão excluída!",
+		"edit_default_title": "Este é o firmware atual usado como versão mínima para novos APs do tipo {{deviceType}}. Se um novo AP {{deviceType}} se conectar ao gateway, ele será atualizado automaticamente para esta versão.",
+		"fetching_defaults": "Buscando todo o firmware disponível para os tipos de dispositivos selecionados...",
 		"last_db_update_modal": "banco de dados de firmware",
 		"last_db_update_title": "base de dados",
+		"one": "Firmware",
+		"select_default_device_types": "Selecione todos os tipos de dispositivos que deseja segmentar com esta nova regra de firmware padrão. Se você não conseguir encontrar o tipo de dispositivo desejado, significa que eles já têm uma regra aplicada.",
+		"select_default_revision": "Agora você pode selecionar a revisão mínima para a qual deseja que seus tipos de dispositivo sejam direcionados",
 		"start_db_update": "Iniciar atualização do banco de dados",
-		"started_db_update": "Atualização do banco de dados iniciada, esta operação deve levar até 25 minutos para ser concluída"
+		"started_db_update": "Atualização do banco de dados iniciada, esta operação deve levar até 25 minutos para ser concluída",
+		"update_success": "Informações de firmware padrão salvas!"
 	},
 	"footer": {
 		"powered_by": "Distribuído por",
@@ -715,6 +738,7 @@
 	"form": {
 		"captive_web_root_explanation": "Por favor, use apenas arquivos .tar (sem arquivos compactados como .targz, por exemplo)",
 		"certificate_file_explanation": "Use um arquivo .pem que comece com \"-----BEGIN CERTIFICATE-----\" e termine com \"-----END CERTIFICATE-----\"",
+		"invalid_alphanumeric_with_dash": "Caracteres aceitos. são apenas alfanuméricos (letras e números)",
 		"invalid_cidr": "Endereço CIDR IPv4 inválido. Exemplo: 192.168.0.1/12",
 		"invalid_email": "E-mail inválido",
 		"invalid_file_content": "Conteúdo de arquivo inválido. Confirme se está no formato válido",
@@ -741,7 +765,11 @@
 		"invalid_static_ipv4_e": "Endereço inválido, este intervalo é reservado para experimentos (classe E). O primeiro octeto deve ser 223 ou inferior",
 		"invalid_third_party": "String JSON de terceiros inválida. Confirme se seu valor é um JSON válido",
 		"key_file_explanation": "Use um arquivo .pem que comece com \"-----BEGIN PRIVATE KEY-----\" e termine com \"-----END PRIVATE KEY-----\"",
+		"max_length": "Comprimento máximo de {{max}} caracteres.",
+		"max_value": "Valor máximo de {{max}}",
+		"min_length": "Comprimento mínimo de {{min}} caracteres.",
 		"min_max_string": "O valor precisa ter um comprimento entre {{min}} (inclusive) e {{max}} (inclusive)",
+		"min_value": "Valor mínimo de {{min}}",
 		"missing_interface_upstream": "Você precisa ter pelo menos uma interface upstream. No momento, todas as suas interfaces estão downstream",
 		"new_email_to_notify": "Novo e-mail para notificar",
 		"new_phone_to_notify": "Novo telefone para notificar",
@@ -883,6 +911,11 @@
 		"one": "Notificação",
 		"other": "Notificações"
 	},
+	"openroaming": {
+		"pool_strategy": "Estratégia de pool",
+		"radius_endpoint_one": "Ponto final do raio",
+		"radius_endpoint_other": "Pontos finais de raio"
+	},
 	"operator": {
 		"delete_explanation": "Tem certeza de que deseja excluir este operador? Esta operação não é reversível",
 		"delete_operator": "Excluir operador",
@@ -948,6 +981,27 @@
 		"title": "RESTRIÇÕES",
 		"tty": "Acesso TTY"
 	},
+	"roaming": {
+		"account_created": "Nova conta criada!",
+		"account_deleted": "Conta excluída!",
+		"account_one": "Conta",
+		"account_other": "Contas",
+		"certificate_deleted": "Certificado excluído!",
+		"certificate_one": "Certificado",
+		"certificate_other": "Certificados",
+		"city": "Cidade",
+		"common_name": "Nome comum",
+		"country": "País",
+		"global_reach": "Alcance global",
+		"global_reach_account_id": "ID da conta",
+		"invalid_certificate": "Certificado inválido",
+		"invalid_key": "Chave privada inválida",
+		"location_details_title": "Localização",
+		"organization": "Organização",
+		"private_key": "Chave privada",
+		"province": "província",
+		"state": "Estado"
+	},
 	"rrm": {
 		"algorithm": "Algoritmo",
 		"algorithm_other": "Algoritmos",
@@ -1008,6 +1062,9 @@
 		"current_live_devices": "Dispositivos ativos atuais",
 		"currently_running_one": "Atualmente, há {{count}} simulação em execução",
 		"currently_running_other": "Existem atualmente {{count}} simulações em execução",
+		"delete_devices_confirm": "Tem certeza de que deseja remover todos os dispositivos e suas estatísticas do gateway? Esta ação não é reversível",
+		"delete_devices_loading": "Este processo pode levar até 5 minutos",
+		"delete_simulation_devices": "Apagar dispositivos",
 		"delete_success": "Simulação excluída!",
 		"duration": "Duração",
 		"error_devices": "Dispositivos de Erro",
@@ -1066,6 +1123,7 @@
 		"title": "Inscritos"
 	},
 	"system": {
+		"advanced": "Avançado",
 		"backend_logs": "Registros de back-end",
 		"configuration": "Configuração",
 		"could_not_retrieve": "Erro: não foi possível recuperar {{name}} informações do sistema",
--- a/src/@tanstack.react-table.d.ts
+++ b/src/@tanstack.react-table.d.ts
@@ -4,18 +4,22 @@ import '@tanstack/react-table';

 declare module '@tanstack/table-core' {
  interface ColumnMeta<TData extends RowData, TValue> {
+    ref?: React.MutableRefObject<HTMLTableCellElement | null>;
+    customMinWidth?: string;
+    anchored?: boolean;
    stopPropagation?: boolean;
    alwaysShow?: boolean;
-    anchored?: boolean;
    hasPopover?: boolean;
    customMaxWidth?: string;
-    customMinWidth?: string;
    customWidth?: string;
    isMonospace?: boolean;
    isCentered?: boolean;
    columnSelectorOptions?: {
      label?: string;
    };
+    rowContentOptions?: {
+      style?: React.CSSProperties;
+    };
    headerOptions?: {
      tooltip?: string;
    };
--- a/src/components/Buttons/ToggleEditButton/index.tsx
+++ b/src/components/Buttons/ToggleEditButton/index.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { Button, IconButton, Tooltip, useBreakpoint, useDisclosure } from '@chakra-ui/react';
-import { Pencil, X } from '@phosphor-icons/react';
+import { Pencil, Stop } from '@phosphor-icons/react';
 import { useTranslation } from 'react-i18next';
 import { ConfirmCloseAlertModal } from '../../Modals/ConfirmCloseAlert';

@@ -48,7 +48,7 @@ const _ToggleEditButton: React.FC<ToggleEditButtonProps> = ({
          colorScheme="gray"
          type="button"
          onClick={toggle}
-          rightIcon={isEditing ? <X size={20} /> : <Pencil size={20} />}
+          rightIcon={isEditing ? <Stop size={20} /> : <Pencil size={20} />}
          isLoading={isLoading}
          isDisabled={isDisabled}
          ml={ml}
@@ -68,7 +68,7 @@ const _ToggleEditButton: React.FC<ToggleEditButtonProps> = ({
          colorScheme="gray"
          type="button"
          onClick={toggle}
-          icon={isEditing ? <X size={20} /> : <Pencil size={20} />}
+          icon={isEditing ? <Stop size={20} /> : <Pencil size={20} />}
          isLoading={isLoading}
          isDisabled={isDisabled}
          ml={ml}
--- a/src/components/DataTables/DataGrid/CellRow.tsx
+++ b/src/components/DataTables/DataGrid/CellRow.tsx
@@ -24,7 +24,6 @@ export const DataGridCellRow = <TValue extends object>({
        backgroundColor: hoveredRowBg,
      }}
      onClick={onClick}
-      borderRight="1px solid gray"
    >
      {row.getVisibleCells().map((cell) => (
        <Td
@@ -55,6 +54,7 @@ export const DataGridCellRow = <TValue extends object>({
              : undefined
          }
          border="0.5px solid gray"
+          style={cell.column.columnDef.meta?.rowContentOptions?.style}
        >
          {flexRender(cell.column.columnDef.cell, cell.getContext())}
        </Td>
--- a/src/components/DataTables/DataGrid/HeaderRow.tsx
+++ b/src/components/DataTables/DataGrid/HeaderRow.tsx
@@ -8,7 +8,7 @@ export type DataGridHeaderRowProps<TValue extends object> = {
 };

 export const DataGridHeaderRow = <TValue extends object>({ headerGroup }: DataGridHeaderRowProps<TValue>) => (
-  <Tr p={0} borderRight="1px solid gray">
+  <Tr p={0}>
    {headerGroup.headers.map((header) => (
      <Th
        color="gray.400"
--- a/src/components/DataTables/DataGrid/index.tsx
+++ b/src/components/DataTables/DataGrid/index.tsx
@@ -40,13 +40,16 @@ export type DataGridOptions<TValue extends object> = {
  onRowClick?: (row: TValue) => (() => void) | undefined;
  refetch?: () => void;
  showAsCard?: boolean;
+  hideTablePreferences?: boolean;
+  hideTableTitleRow?: boolean;
 };

 export type DataGridProps<TValue extends object> = {
+  innerTableKey?: string | number;
  controller: UseDataGridReturn;
  columns: DataGridColumn<TValue>[];
  header: {
-    title: string;
+    title: string | React.ReactNode;
    objectListed: string;
    leftContent?: React.ReactNode;
    addButton?: React.ReactNode;
@@ -58,6 +61,7 @@ export type DataGridProps<TValue extends object> = {
 };

 export const DataGrid = <TValue extends object>({
+  innerTableKey,
  controller,
  columns,
  header,
@@ -149,7 +153,21 @@ export const DataGrid = <TValue extends object>({
    ...tableOptions,
  });

-  if (isLoading && data.length === 0) {
+  // If this is a manual DataTable, with a page index that is higher than 0 and higher than the max possible page, we send to index 0
+  React.useEffect(() => {
+    if (
+      options.isManual &&
+      !isLoading &&
+      data &&
+      pagination.pageIndex > 0 &&
+      options.count !== undefined &&
+      Math.ceil(options.count / pagination.pageSize) - 1 < pagination.pageIndex
+    ) {
+      controller.onPaginationChange({ pageIndex: 0, pageSize: pagination.pageSize });
+    }
+  }, [options.count, isLoading, pagination, data]);
+
+  if (isLoading && !options.showAsCard && data.length === 0) {
    return (
      <Center>
        <Spinner size="xl" />
@@ -160,25 +178,29 @@ export const DataGrid = <TValue extends object>({
  return options.showAsCard ? (
    <Card>
      <CardHeader>
-        <Heading size="md" my="auto" mr={2}>
-          {header.title}
-        </Heading>
+        {typeof header.title === 'string' ? (
+          <Heading size="md" my="auto" mr={2}>
+            {header.title}
+          </Heading>
+        ) : (
+          header.title
+        )}
        {header.leftContent}
        <Spacer />
        <HStack spacing={2}>
          {header.otherButtons}
          {header.addButton}
-          {
+          {options.hideTablePreferences ? null : (
            // @ts-ignore
            <TableSettingsModal<TValue> controller={controller} columns={columns} />
-          }
+          )}
          {options.refetch ? <RefreshButton onClick={options.refetch} isCompact isFetching={isLoading} /> : null}
        </HStack>
      </CardHeader>
      <CardBody display="flex" flexDirection="column">
        <LoadingOverlay isLoading={isLoading}>
          <TableContainer minH={minimumHeight}>
-            <Table size="small" variant="simple" textColor={textColor} w="100%" fontSize="14px">
+            <Table size="small" variant="simple" textColor={textColor} w="100%" fontSize="14px" key={innerTableKey}>
              <Thead>
                {table.getHeaderGroups().map((headerGroup) => (
                  <DataGridHeaderRow<TValue> key={headerGroup.id} headerGroup={headerGroup} />
@@ -206,7 +228,7 @@ export const DataGrid = <TValue extends object>({
    </Card>
  ) : (
    <Box w="100%">
-      <Flex mb={2}>
+      <Flex mb={2} hidden={options.hideTableTitleRow}>
        <Heading size="md" my="auto" mr={2}>
          {header.title}
        </Heading>
@@ -215,16 +237,16 @@ export const DataGrid = <TValue extends object>({
        <HStack spacing={2}>
          {header.otherButtons}
          {header.addButton}
-          {
+          {options.hideTablePreferences ? null : (
            // @ts-ignore
            <TableSettingsModal<TValue> controller={controller} columns={columns} />
-          }
+          )}
          {options.refetch ? <RefreshButton onClick={options.refetch} isCompact isFetching={isLoading} /> : null}
        </HStack>
      </Flex>
      <LoadingOverlay isLoading={isLoading}>
        <TableContainer minH={minimumHeight}>
-          <Table size="small" variant="simple" textColor={textColor} w="100%" fontSize="14px">
+          <Table size="small" variant="simple" textColor={textColor} w="100%" fontSize="14px" key={innerTableKey}>
            <Thead>
              {table.getHeaderGroups().map((headerGroup) => (
                <DataGridHeaderRow<TValue> key={headerGroup.id} headerGroup={headerGroup} />
--- a/src/components/GlobalSearchBar/index.tsx
+++ b/src/components/GlobalSearchBar/index.tsx
@@ -24,6 +24,11 @@ const chakraStyles: (
  placeholder: (provided) => ({
    ...provided,
    lineHeight: '1',
+    pointerEvents: 'none',
+    userSelect: 'none',
+    MozUserSelect: 'none',
+    WebkitUserSelect: 'none',
+    msUserSelect: 'none',
  }),
  container: (provided) => ({
    ...provided,
@@ -31,6 +36,10 @@ const chakraStyles: (
    backgroundColor: colorMode === 'light' ? 'white' : 'gray.600',
    borderRadius: '15px',
  }),
+  input: (provided) => ({
+    ...provided,
+    gridArea: '1 / 2 / 4 / 4 !important',
+  }),
 });

 interface SearchOption extends OptionBase {
@@ -95,18 +104,43 @@ const GlobalSearchBar = () => {
          .then(() => callback([]));
      }
      if (v.match('^[a-fA-F0-9-*]+$')) {
+        let result: { label: string; value: string; type: 'serial' }[] = [];
+        let tryAgain = true;
+
        await store
          .searchSerialNumber(v)
          .then((res) => {
-            callback(
-              res.map((r) => ({
+            result = res.map((r) => ({
+              label: r,
+              value: r,
+              type: 'serial',
+            }));
+            tryAgain = false;
+          })
+          .catch(() => {
+            result = [];
+          });
+
+        if (tryAgain) {
+          // Wait 1 second and try again
+          await new Promise((resolve) => setTimeout(resolve, 1000));
+
+          await store
+            .searchSerialNumber(v)
+            .then((res) => {
+              result = res.map((r) => ({
                label: r,
                value: r,
                type: 'serial',
-              })),
-            );
-          })
-          .catch(() => []);
+              }));
+              tryAgain = false;
+            })
+            .catch(() => {
+              result = [];
+            });
+        }
+
+        callback(result);
      }
      return callback([]);
    },
--- a/src/components/Modals/ConfigureModal/index.tsx
+++ b/src/components/Modals/ConfigureModal/index.tsx
@@ -30,7 +30,7 @@ export type ConfigureModalProps = {
  };
 };

-export const ConfigureModal = ({ serialNumber, modalProps }: ConfigureModalProps) => {
+const _ConfigureModal = ({ serialNumber, modalProps }: ConfigureModalProps) => {
  const { t } = useTranslation();
  const toast = useToast();
  const configure = useConfigureDevice({ serialNumber });
@@ -45,6 +45,7 @@ export const ConfigureModal = ({ serialNumber, modalProps }: ConfigureModalProps
  const onImportConfiguration = () => {
    setNewConfig(getDevice.data?.configuration ? JSON.stringify(getDevice.data.configuration, null, 4) : '');
  };
+
  const isValid = React.useMemo(() => {
    try {
      JSON.parse(newConfig);
@@ -71,9 +72,19 @@ export const ConfigureModal = ({ serialNumber, modalProps }: ConfigureModalProps
          modalProps.onClose();
        },
      });
-    } catch (e) {}
+    } catch (e) {
+      // do nothing
+    }
  };

+  React.useEffect(() => {
+    if (modalProps.isOpen) {
+      getDevice.refetch();
+    } else {
+      setNewConfig('');
+    }
+  }, [modalProps.isOpen]);
+
  return (
    <Modal
      {...modalProps}
@@ -124,3 +135,5 @@ export const ConfigureModal = ({ serialNumber, modalProps }: ConfigureModalProps
    </Modal>
  );
 };
+
+export const ConfigureModal = React.memo(_ConfigureModal);
--- a/src/components/Modals/FirmwareUpgradeModal/FirmwareList.tsx
+++ b/src/components/Modals/FirmwareUpgradeModal/FirmwareList.tsx
@@ -14,7 +14,7 @@ interface Props {
 const FirmwareList: React.FC<Props> = ({ firmware, upgrade, isLoading }) => {
  const { t } = useTranslation();

-  const sortedFirmware = useMemo(() => firmware.sort((a, b) => b.created - a.created), [firmware]);
+  const sortedFirmware = useMemo(() => firmware.sort((a, b) => b.imageDate - a.imageDate), [firmware]);

  return (
    <Box h="600px" w="100%" overflowY="auto" px={0}>
@@ -34,10 +34,10 @@ const FirmwareList: React.FC<Props> = ({ firmware, upgrade, isLoading }) => {
          </Tr>
        </Thead>
        <Tbody>
-          {sortedFirmware.map(({ created, size, revision, uri }) => (
+          {sortedFirmware.map(({ imageDate, size, revision, uri }) => (
            <Tr key={uuid()}>
              <Td px={0} py={1} w="200px">
-                {compactDate(created)}
+                {compactDate(imageDate)}
              </Td>
              <Td px={0} py={1} width="160px">
                {bytesString(size)}
--- a/src/components/Modals/WifiScanModal/ResultCard.tsx
+++ b/src/components/Modals/WifiScanModal/ResultCard.tsx
@@ -1,18 +1,5 @@
 import React from 'react';
-import {
-  Box,
-  Button,
-  Heading,
-  IconButton,
-  Spacer,
-  Table,
-  Tbody,
-  Td,
-  Th,
-  Thead,
-  Tr,
-  useColorMode,
-} from '@chakra-ui/react';
+import { Box, Button, Center, Heading, IconButton, Spacer, useColorMode } from '@chakra-ui/react';
 import { JsonViewer } from '@textea/json-viewer';
 import { ArrowLeft } from '@phosphor-icons/react';
 import { useTranslation } from 'react-i18next';
@@ -20,21 +7,124 @@ import { v4 as uuid } from 'uuid';
 import { Card } from 'components/Containers/Card';
 import { CardBody } from 'components/Containers/Card/CardBody';
 import { CardHeader } from 'components/Containers/Card/CardHeader';
-import { ScanChannel } from 'models/Device';
+import { DeviceScanResult, ScanChannel } from 'models/Device';
+import { DataGrid } from 'components/DataTables/DataGrid';
+import { DataGridColumn, useDataGrid } from 'components/DataTables/DataGrid/useDataGrid';

 interface Props {
  channelInfo: ScanChannel;
 }
-const ResultCard: React.FC<Props> = ({ channelInfo: { channel, devices } }) => {
+
+const ueCell = (ies: DeviceScanResult['ies'], setIes: (ies: DeviceScanResult['ies']) => void) => (
+  <Button size="sm" colorScheme="blue" onClick={() => setIes(ies)} w="100%">
+    {ies.length}
+  </Button>
+);
+
+const centerIfUndefinedCell = (v?: string | number, suffix?: string) =>
+  v !== undefined ? `${v}${suffix ? `${suffix}` : ''}` : <Center>-</Center>;
+
+const ResultCard = ({ channelInfo: { channel, devices } }: Props) => {
  const { t } = useTranslation();
  const { colorMode } = useColorMode();
  const [ies, setIes] = React.useState<{ content: unknown; name: string; type: number }[] | undefined>();
+  const tableController = useDataGrid({
+    tableSettingsId: 'wifiscan.devices.table',
+    defaultOrder: ['ssid', 'signal', 'actions'],
+    defaultSortBy: [
+      {
+        desc: false,
+        id: 'ssid',
+      },
+    ],
+  });
+
+  const columns: DataGridColumn<DeviceScanResult>[] = React.useMemo(
+    (): DataGridColumn<DeviceScanResult>[] => [
+      {
+        id: 'ssid',
+        header: 'SSID',
+        footer: '',
+        accessorKey: 'ssid',
+        meta: {
+          anchored: true,
+          alwaysShow: true,
+        },
+      },
+      {
+        id: 'signal',
+        header: 'Signal',
+        footer: '',
+        accessorKey: 'signal',
+        cell: (v) => `${v.cell.row.original.signal} db`,
+        meta: {
+          anchored: true,
+          customWidth: '80px',
+          alwaysShow: true,
+          rowContentOptions: {
+            style: {
+              textAlign: 'right',
+            },
+          },
+        },
+      },
+      {
+        id: 'station',
+        header: 'UEs',
+        accessorKey: 'sta_count',
+        cell: (v) => centerIfUndefinedCell(v.cell.row.original.sta_count),
+        meta: {
+          anchored: true,
+          customWidth: '40px',
+          alwaysShow: true,
+          rowContentOptions: {
+            style: {
+              textAlign: 'right',
+            },
+          },
+        },
+      },
+      {
+        id: 'utilization',
+        header: 'Ch. Util.',
+        accessorKey: 'ch_util',
+        cell: (v) => centerIfUndefinedCell(v.cell.row.original.ch_util, '%'),
+        meta: {
+          anchored: true,
+          customWidth: '60px',
+          alwaysShow: true,
+          headerOptions: {
+            tooltip: 'Channel Utilization (%)',
+          },
+          rowContentOptions: {
+            style: {
+              textAlign: 'right',
+            },
+          },
+        },
+      },
+      {
+        id: 'ies',
+        header: 'Ies',
+        footer: '',
+        accessorKey: 'actions',
+        cell: (v) => ueCell(v.cell.row.original.ies ?? [], setIes),
+        meta: {
+          customWidth: '50px',
+          isCentered: true,
+          alwaysShow: true,
+        },
+      },
+    ],
+    [t],
+  );

  return (
-    <Card variant="widget">
+    <Card>
      <CardHeader display="flex">
        <Heading size="md" my="auto">
-          {t('commands.channel')} #{channel} ({devices.length} {t('devices.title')})
+          {t('commands.channel')} #{channel} ({devices.length}{' '}
+          {devices.length === 1 ? t('devices.one') : t('devices.title')})
        </Heading>
        <Spacer />
        {ies && (
@@ -49,52 +139,43 @@ const ResultCard: React.FC<Props> = ({ channelInfo: { channel, devices } }) => {
        )}
      </CardHeader>
      <CardBody>
-        <Box h="400px" w="100%" overflowY="auto" overflowX="auto" px={0}>
-          {ies ? (
-            <Box w="800px">
-              {ies.map(({ content, name, type }) => (
-                <Box key={uuid()} my={2}>
-                  <Heading size="sm" mb={2} textDecor="underline">
-                    {name} ({type})
-                  </Heading>
-                  <JsonViewer
-                    rootName={false}
-                    displayDataTypes={false}
-                    enableClipboard
-                    theme={colorMode === 'light' ? undefined : 'dark'}
-                    value={content as object}
-                    style={{ background: 'unset', display: 'unset' }}
-                  />
-                </Box>
-              ))}
-            </Box>
-          ) : (
-            <Table variant="simple" px={0}>
-              <Thead>
-                <Tr>
-                  <Th>SSID</Th>
-                  <Th width="110px" isNumeric>
-                    {t('commands.signal')}
-                  </Th>
-                  <Th w="10px">IEs</Th>
-                </Tr>
-              </Thead>
-              <Tbody>
-                {devices.map((dev) => (
-                  <Tr key={uuid()}>
-                    <Td>{dev.ssid}</Td>
-                    <Td width="110px">{dev.signal} db</Td>
-                    <Td w="10px">
-                      <Button size="sm" colorScheme="blue" onClick={() => setIes(dev.ies ?? [])}>
-                        {dev.ies?.length ?? 0}
-                      </Button>
-                    </Td>
-                  </Tr>
-                ))}
-              </Tbody>
-            </Table>
-          )}
-        </Box>
+        {ies ? (
+          <Box w="800px">
+            {ies.map(({ content, name, type }) => (
+              <Box key={uuid()} my={2}>
+                <Heading size="sm" mb={2} textDecor="underline">
+                  {name} ({type})
+                </Heading>
+                <JsonViewer
+                  rootName={false}
+                  displayDataTypes={false}
+                  enableClipboard
+                  theme={colorMode === 'light' ? undefined : 'dark'}
+                  value={content as object}
+                  style={{ background: 'unset', display: 'unset' }}
+                />
+              </Box>
+            ))}
+          </Box>
+        ) : (
+          <DataGrid<DeviceScanResult>
+            controller={tableController}
+            header={{
+              title: '',
+              objectListed: t('devices.title'),
+            }}
+            columns={columns}
+            data={devices}
+            options={{
+              count: devices.length,
+              onRowClick: (device) => () => setIes(device.ies ?? []),
+              hideTablePreferences: true,
+              isHidingControls: true,
+              minimumHeight: '0px',
+              hideTableTitleRow: true,
+            }}
+          />
+        )}
      </CardBody>
    </Card>
  );
--- a/src/components/Modals/WifiScanModal/ResultDisplay.tsx
+++ b/src/components/Modals/WifiScanModal/ResultDisplay.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useMemo } from 'react';
-import { Alert, Heading, SimpleGrid } from '@chakra-ui/react';
+import { Alert, Heading, VStack } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
 import { v4 as uuid } from 'uuid';
 import ResultCard from './ResultCard';
@@ -11,7 +11,7 @@ interface Props {
  setCsvData: (data: DeviceScanResult[]) => void;
 }

-const WifiScanResultDisplay: React.FC<Props> = ({ results, setCsvData }) => {
+const WifiScanResultDisplay = ({ results, setCsvData }: Props) => {
  const { t } = useTranslation();

  const scanResults = useMemo(() => {
@@ -54,18 +54,18 @@ const WifiScanResultDisplay: React.FC<Props> = ({ results, setCsvData }) => {
  return (
    <>
      {results.errorCode === 1 && (
-        <Heading size="sm">
+        <Heading size="md">
          <Alert colorScheme="red">{t('commands.wifiscan_error_1')}</Alert>
        </Heading>
      )}
-      <Heading size="sm">
+      <Heading size="md" mb={2}>
        {t('commands.execution_time')}: {Math.floor(results.executionTime / 1000)}s
      </Heading>
-      <SimpleGrid minChildWidth="360px" spacing={2}>
+      <VStack spacing={4} align="stretch">
        {scanResults?.scanList.map((channel) => (
          <ResultCard key={uuid()} channelInfo={channel} />
        ))}
-      </SimpleGrid>
+      </VStack>
    </>
  );
 };
--- a/src/hooks/Network/Commands.ts
+++ b/src/hooks/Network/Commands.ts
@@ -187,6 +187,8 @@ export const useConfigureDevice = ({ serialNumber }: { serialNumber: string }) =
  return useMutation(configureDevice(serialNumber), {
    onSuccess: () => {
      queryClient.invalidateQueries(['commands', serialNumber]);
+      queryClient.invalidateQueries(['device', serialNumber]);
+      queryClient.invalidateQueries(['devices']);
    },
  });
 };
@@ -248,27 +250,14 @@ const startScript = (data: { serialNumber: string; timeout?: number; [k: string]
    })
    .then((response: { data: DeviceCommandHistory }) => response.data);
 export const useDeviceScript = ({ serialNumber }: { serialNumber: string }) => {
-  const { t } = useTranslation();
-  const toast = useToast();
  const queryClient = useQueryClient();

  return useMutation(startScript, {
    onSuccess: () => {
      queryClient.invalidateQueries(['commands', serialNumber]);
    },
-    onError: (e) => {
+    onError: () => {
      queryClient.invalidateQueries(['commands', serialNumber]);
-      if (axios.isAxiosError(e)) {
-        toast({
-          id: 'script-error',
-          title: t('common.error'),
-          description: e?.response?.data?.ErrorDescription,
-          status: 'error',
-          duration: 5000,
-          isClosable: true,
-          position: 'top-right',
-        });
-      }
    },
  });
 };
--- a/src/hooks/Network/DefaultFirmware.ts
+++ b/src/hooks/Network/DefaultFirmware.ts
@@ -0,0 +1,103 @@
+import { QueryFunctionContext, useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import axios from 'axios';
+import { axiosGw } from 'constants/axiosInstances';
+import { AtLeast } from 'models/General';
+
+export type DefaultFirmware = {
+  deviceType: string;
+  description: string;
+  uri: string;
+  revision: string;
+  imageCreationDate: number;
+  created: number;
+  lastModified: number;
+};
+
+export type DefaultFirmwareResponse = {
+  firmwares: DefaultFirmware[];
+};
+
+const getDefaultFirmware = async () =>
+  axiosGw.get('default_firmwares').then((response) => response.data as DefaultFirmwareResponse);
+
+export const useGetDefaultFirmware = () =>
+  useQuery(['default_firmwares', 'all'], getDefaultFirmware, {
+    staleTime: 1000 * 60,
+  });
+
+const getDefaultFirmwareByDeviceType = async (context: QueryFunctionContext<[string, string]>) =>
+  axiosGw.get(`default_firmware/${context.queryKey[1]}`).then((response) => response.data as DefaultFirmware);
+
+export const useGetDefaultFirmwareByDeviceType = (deviceType: string) =>
+  useQuery(['default_firmwares', deviceType], getDefaultFirmwareByDeviceType);
+
+export const createDefaultFirmware = async (defaultFirmware: DefaultFirmware) =>
+  axiosGw
+    .post(`default_firmware/${defaultFirmware.deviceType}`, defaultFirmware)
+    .then((response) => response.data as DefaultFirmware);
+
+export const useCreateDefaultFirmware = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation(createDefaultFirmware, {
+    onSuccess: () => {
+      queryClient.invalidateQueries(['default_firmwares']);
+    },
+  });
+};
+
+const deleteDefaultFirmware = async (deviceType: string) =>
+  axiosGw.delete(`default_firmware/${deviceType}`).then((response) => response.data as DefaultFirmware);
+
+export const useDeleteDefaultFirmware = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation(deleteDefaultFirmware, {
+    onSuccess: () => {
+      queryClient.invalidateQueries(['default_firmwares']);
+    },
+  });
+};
+
+const deleteBatchDefaultFirmware = async (deviceTypes: string[]) => {
+  const promises = deviceTypes.map((deviceType) =>
+    axiosGw
+      .delete(`default_firmware/${deviceType}`)
+      .then(() => ({
+        deviceType,
+        success: true,
+      }))
+      .catch((e) => ({
+        deviceType,
+        error: axios.isAxiosError(e) ? e.response?.data.ErrorDescription : e,
+      })),
+  );
+  const res = await Promise.allSettled(promises);
+
+  return res;
+};
+
+export const useDeleteBatchDefaultFirmware = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation(deleteBatchDefaultFirmware, {
+    onSuccess: () => {
+      queryClient.invalidateQueries(['default_firmwares']);
+    },
+  });
+};
+
+export const updateDefaultFirmware = async (defaultFirmware: AtLeast<DefaultFirmware, 'deviceType'>) =>
+  axiosGw
+    .put(`default_firmware/${defaultFirmware.deviceType}`, defaultFirmware)
+    .then((response) => response.data as DefaultFirmware);
+
+export const useUpdateDefaultFirmware = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation(updateDefaultFirmware, {
+    onSuccess: () => {
+      queryClient.invalidateQueries(['default_firmwares']);
+    },
+  });
+};
--- a/src/hooks/Network/Firmware.ts
+++ b/src/hooks/Network/Firmware.ts
@@ -12,7 +12,7 @@ const getAvailableFirmwareBatch = async (deviceType: string, limit: number, offs
    .get(`firmwares?deviceType=${deviceType}&limit=${limit}&offset=${offset}`)
    .then(({ data }: { data: { firmwares: Firmware[] } }) => data);

-const getAllAvailableFirmware = async (deviceType: string) => {
+export const getAllAvailableFirmware = async (deviceType: string) => {
  const limit = 500;
  let offset = 0;
  let data: { firmwares: Firmware[] } = { firmwares: [] };
--- a/src/hooks/Network/Simulations.ts
+++ b/src/hooks/Network/Simulations.ts
@@ -0,0 +1,173 @@
+import { QueryFunctionContext, useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { axiosGw, axiosOwls } from 'constants/axiosInstances';
+import { AtLeast } from 'models/General';
+
+export type Simulation = {
+  clientInterval: number;
+  concurrentDeviceS: number;
+  deviceType: string;
+  devices: number;
+  gateway: string;
+  healthCheckInterval: number;
+  id: string;
+  keepAlive: number;
+  key: string;
+  macPrefix: string;
+  minAssociations: number;
+  maxAssociations: number;
+  minClients: number;
+  maxClients: number;
+  name: string;
+  reconnectionInterval: number;
+  simulationLength: number;
+  stateInterval: number;
+  threads: number;
+};
+
+const getSimulations = () => async () =>
+  axiosOwls.get(`simulation/*`).then((response) => response.data as { list: Simulation[] });
+
+export const useGetSimulations = () =>
+  useQuery(['simulations'], getSimulations(), {
+    keepPreviousData: true,
+    staleTime: 30000,
+  });
+
+const getSimulation = (id?: string) => async () =>
+  axiosOwls.get(`simulation/${id}`).then((response) => response.data as { list: Simulation[] });
+export const useGetSimulation = ({ id }: { id?: string }) =>
+  useQuery(['simulation', id], getSimulation(id), {
+    keepPreviousData: true,
+    enabled: id !== undefined,
+    staleTime: 30000,
+  });
+
+const createSimulation = async (newSimulation: Partial<Simulation>) => axiosOwls.post(`simulation/0`, newSimulation);
+export const useCreateSimulation = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation(createSimulation, {
+    onSuccess: () => {
+      queryClient.invalidateQueries(['simulations']);
+    },
+  });
+};
+
+const updateSimulation = async (newSimulation: AtLeast<Simulation, 'id'>) =>
+  axiosOwls.put(`simulation/${newSimulation.id}`, newSimulation).then((response) => response.data as Simulation);
+export const useUpdateSimulation = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation(updateSimulation, {
+    onSuccess: (newSimulation) => {
+      queryClient.setQueryData(['simulation'], newSimulation);
+      queryClient.invalidateQueries(['simulations']);
+    },
+  });
+};
+
+const deleteSimulation = async ({ id }: { id: string }) => axiosOwls.delete(`simulation/${id}`);
+export const useDeleteSimulation = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation(deleteSimulation, {
+    onSuccess: () => {
+      queryClient.invalidateQueries(['simulations']);
+    },
+  });
+};
+
+const startSimulation = async ({ id }: { id: string }) => axiosOwls.post(`operation/${id}?operation=start`);
+export const useStartSimulation = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation(startSimulation, {
+    onSuccess: () => {
+      queryClient.invalidateQueries(['simulations', 'status']);
+    },
+  });
+};
+const stopSimulation = async ({ runId, simulationId }: { simulationId: string; runId: string }) =>
+  axiosOwls.post(`operation/${simulationId}?runningId=${runId}&operation=stop`);
+export const useStopSimulation = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation(stopSimulation, {
+    onSuccess: () => {
+      queryClient.invalidateQueries(['simulations', 'status']);
+    },
+  });
+};
+const cancelSimulation = async ({ runId, simulationId }: { simulationId: string; runId: string }) =>
+  axiosOwls.post(`operation/${simulationId}?runningId=${runId}&operation=cancel`);
+export const useCancelSimulation = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation(cancelSimulation, {
+    onSuccess: () => {
+      queryClient.invalidateQueries(['simulations', 'status']);
+    },
+  });
+};
+
+export type SimulationStatus = {
+  endTime: number;
+  errorDevices: number;
+  id: string;
+  liveDevices: number;
+  msgsRx: number;
+  msgsTx: number;
+  owner: string;
+  rx: number;
+  simulationId: string;
+  startTime: number;
+  state: 'running' | 'completed' | 'cancelled' | 'none';
+  timeToFullDevices: number;
+  tx: number;
+};
+const getSimulationsStatus = async () =>
+  axiosOwls.get(`status/*`).then((response) => response.data as SimulationStatus[]);
+export const useGetSimulationsStatus = () =>
+  useQuery(['simulations', 'status'], getSimulationsStatus, {
+    keepPreviousData: true,
+    staleTime: Infinity,
+  });
+
+const getSimulationStatus = async (context: QueryFunctionContext<[string, string, string]>) =>
+  axiosOwls.get(`status/${context.queryKey[2]}`).then((response) => response.data as SimulationStatus);
+export const useGetSimulationStatus = ({ id }: { id: string }) =>
+  useQuery(['simulations', 'status', id], getSimulationStatus, {
+    keepPreviousData: true,
+    staleTime: Infinity,
+  });
+
+const getSimulationHistory = async (context: QueryFunctionContext<[string, string, string]>) =>
+  axiosOwls.get(`results/${context.queryKey[2]}`).then((response) => response.data.list as SimulationStatus[]);
+export const useGetSimulationHistory = ({ id }: { id: string }) =>
+  useQuery(['simulations', 'history', id], getSimulationHistory, {
+    keepPreviousData: true,
+    enabled: !!id,
+  });
+
+const deleteSimulationResult = async ({ id }: { id: string }) => axiosOwls.delete(`results/${id}`);
+export const useDeleteSimulationResult = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation(deleteSimulationResult, {
+    onSuccess: () => {
+      queryClient.invalidateQueries(['simulations', 'history']);
+    },
+  });
+};
+
+const deleteSimulatedDevices = async () => axiosGw.delete('devices?simulatedDevices=true');
+
+export const useDeleteSimulatedDevices = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation(deleteSimulatedDevices, {
+    onSuccess: () => {
+      queryClient.invalidateQueries(['devices']);
+    },
+  });
+};
--- a/src/hooks/Network/System.ts
+++ b/src/hooks/Network/System.ts
@@ -199,3 +199,36 @@ export const useUpdateSystemLogLevels = ({ endpoint, token }: { endpoint: string
    },
  });
 };
+
+export type SystemResources = {
+  currRealMem: number;
+  currVirtMem: number;
+  numberOfFileDescriptors: number;
+  peakRealMem: number;
+  peakVirtMem: number;
+};
+
+export const useGetSystemResources = ({
+  endpoint,
+  token,
+  onSuccess,
+}: {
+  endpoint: string;
+  token: string;
+  onSuccess?: (data: SystemResources) => void;
+}) =>
+  useQuery(
+    ['systemResources', endpoint],
+    () =>
+      axiosInstance
+        .get(`${endpoint}/api/v1/system?command=resources`, {
+          headers: {
+            Authorization: `Bearer ${token}`,
+          },
+        })
+        .then(({ data }: { data: SystemResources }) => data),
+    {
+      refetchInterval: 5 * 1000,
+      onSuccess,
+    },
+  );
--- a/src/hooks/useNotification.ts
+++ b/src/hooks/useNotification.ts
@@ -0,0 +1,80 @@
+import * as React from 'react';
+import { useToast } from '@chakra-ui/react';
+import { useTranslation } from 'react-i18next';
+import { v4 as uuid } from 'uuid';
+import { isApiError } from 'models/Axios';
+
+export type SuccessNotificationProps = {
+  description: string;
+  id?: string;
+};
+
+export type ApiErrorNotificationProps = {
+  e: unknown;
+  fallbackMessage?: string;
+  id?: string;
+};
+
+export const useNotification = () => {
+  const { t } = useTranslation();
+  const toast = useToast();
+
+  const successToast = ({ description, id }: SuccessNotificationProps) => {
+    toast({
+      id: id ?? uuid(),
+      title: t('common.success'),
+      description,
+      status: 'success',
+      duration: 3000,
+      isClosable: true,
+      position: 'top-right',
+    });
+  };
+
+  const apiErrorToast = ({ e, id, fallbackMessage }: ApiErrorNotificationProps) => {
+    if (isApiError(e)) {
+      toast({
+        id: id ?? uuid(),
+        title: t('common.error'),
+        description: e.response?.data.ErrorDescription,
+        status: 'error',
+        duration: 5000,
+        isClosable: true,
+        position: 'top-right',
+      });
+    } else {
+      toast({
+        id: id ?? uuid(),
+        title: t('common.error'),
+        description: fallbackMessage,
+        status: 'error',
+        duration: 5000,
+        isClosable: true,
+        position: 'top-right',
+      });
+    }
+  };
+
+  const errorToast = ({ description, id }: SuccessNotificationProps) => {
+    toast({
+      id: id ?? uuid(),
+      title: t('common.error'),
+      description,
+      status: 'error',
+      duration: 5000,
+      isClosable: true,
+      position: 'top-right',
+    });
+  };
+
+  return React.useMemo(
+    () => ({
+      successToast,
+      errorToast,
+      apiErrorToast,
+    }),
+    [t],
+  );
+};
+
+export type UseNotificationReturn = ReturnType<typeof useNotification>;
--- a/src/layout/Navbar/index.tsx
+++ b/src/layout/Navbar/index.tsx
@@ -17,6 +17,7 @@ import {
  Tooltip,
  useBreakpoint,
  Portal,
+  useDisclosure,
 } from '@chakra-ui/react';
 import { ArrowCircleLeft } from '@phosphor-icons/react';
 import { useTranslation } from 'react-i18next';
@@ -27,11 +28,20 @@ export type NavbarProps = {
  toggleSidebar: () => void;
  activeRoute?: string;
  languageSwitcher?: React.ReactNode;
+  favoritesButton?: React.ReactNode;
+  rightElements?: React.ReactNode;
 };

-export const Navbar = ({ toggleSidebar, activeRoute, languageSwitcher }: NavbarProps) => {
+export const Navbar = ({
+  toggleSidebar,
+  activeRoute,
+  languageSwitcher,
+  favoritesButton,
+  rightElements = null,
+}: NavbarProps) => {
  const { t } = useTranslation();
  const navigate = useNavigate();
+  const menuProps = useDisclosure();
  const [scrolled, setScrolled] = useState(false);
  const breakpoint = useBreakpoint();
  const { colorMode, toggleColorMode } = useColorMode();
@@ -76,6 +86,20 @@ export const Navbar = ({ toggleSidebar, activeRoute, languageSwitcher }: NavbarP

  window.addEventListener('scroll', changeNavbar);

+  let timeout: NodeJS.Timeout;
+  const onMouseEnter = () => {
+    if (timeout) {
+      clearTimeout(timeout);
+    }
+    menuProps.onOpen();
+  };
+  const onMouseLeave = () => {
+    if (timeout) {
+      clearTimeout(timeout);
+    }
+    timeout = setTimeout(() => menuProps.onClose(), 100);
+  };
+
  return (
    <Portal>
      <Flex
@@ -99,6 +123,7 @@ export const Navbar = ({ toggleSidebar, activeRoute, languageSwitcher }: NavbarP
        top="15px"
        border={scrolled ? '0.5px solid' : undefined}
        w={isCompact ? '100%' : 'calc(100% - 254px)'}
+        zIndex={10}
      >
        <Flex
          w="100%"
@@ -109,11 +134,14 @@ export const Navbar = ({ toggleSidebar, activeRoute, languageSwitcher }: NavbarP
          justifyContent="center"
        >
          {isCompact && <HamburgerIcon w="24px" h="24px" onClick={toggleSidebar} mr={10} mt={1} />}
-          <Heading size="lg">{activeRoute}</Heading>
+          {activeRoute && activeRoute.length > 0 ? (
+            <Heading size="lg" mr={4}>
+              {activeRoute}
+            </Heading>
+          ) : null}
          <Tooltip label={t('common.go_back')}>
            <IconButton
              mt={1}
-              ml={4}
              colorScheme="blue"
              aria-label={t('common.go_back')}
              onClick={goBack}
@@ -123,6 +151,8 @@ export const Navbar = ({ toggleSidebar, activeRoute, languageSwitcher }: NavbarP
          </Tooltip>
          <Box ms="auto" w={{ base: 'unset' }}>
            <Flex alignItems="center" flexDirection="row">
+              {rightElements}
+              {favoritesButton}
              <Tooltip hasArrow label={t('common.theme')}>
                <IconButton
                  aria-label={t('common.theme')}
@@ -132,27 +162,33 @@ export const Navbar = ({ toggleSidebar, activeRoute, languageSwitcher }: NavbarP
                />
              </Tooltip>
              {languageSwitcher}
-              <HStack spacing={{ base: '0', md: '6' }} ml={1} mr={4}>
-                <Menu>
-                  <MenuButton py={2} transition="all 0.3s" _focus={{ boxShadow: 'none' }}>
+              <Box ml={1} mr={4}>
+                <Menu {...menuProps} gutter={0}>
+                  <MenuButton
+                    py={2}
+                    transition="all 0.3s"
+                    _focus={{ boxShadow: 'none' }}
+                    onMouseEnter={onMouseEnter}
+                    onMouseLeave={onMouseLeave}
+                  >
                    <HStack>
                      {!isCompact && <Text fontWeight="bold">{user?.name}</Text>}
                      <Avatar h="40px" w="40px" fontSize="0.8rem" lineHeight="2rem" src={avatar} name={user?.name} />
                    </HStack>
                  </MenuButton>
-                  <Portal>
-                    <MenuList
-                      bg={useColorModeValue('white', 'gray.900')}
-                      borderColor={useColorModeValue('gray.200', 'gray.700')}
-                    >
-                      <MenuItem onClick={goToProfile} w="100%">
-                        {t('account.title')}
-                      </MenuItem>
-                      <MenuItem onClick={logout}>{t('common.logout')}</MenuItem>
-                    </MenuList>
-                  </Portal>
+                  <MenuList
+                    bg={useColorModeValue('white', 'gray.900')}
+                    borderColor={useColorModeValue('gray.200', 'gray.700')}
+                    onMouseEnter={onMouseEnter}
+                    onMouseLeave={onMouseLeave}
+                  >
+                    <MenuItem onClick={goToProfile} w="100%">
+                      {t('account.title')}
+                    </MenuItem>
+                    <MenuItem onClick={logout}>{t('common.logout')}</MenuItem>
+                  </MenuList>
                </Menu>
-              </HStack>
+              </Box>
            </Flex>
          </Box>
        </Flex>
--- a/src/layout/Sidebar/index.tsx
+++ b/src/layout/Sidebar/index.tsx
@@ -89,7 +89,7 @@ export const Sidebar = ({ routes, isOpen, toggle, logo, version, topNav, childre
        </Box>
      </>
    ),
-    [user?.userRole, location],
+    [user?.userRole, location, topNav],
  );

  return (
--- a/src/models/Axios.ts
+++ b/src/models/Axios.ts
@@ -1,3 +1,6 @@
-import { AxiosError as Err } from 'axios';
+import { AxiosError as Err, isAxiosError } from 'axios';

 export type AxiosError = Err<{ ErrorDescription: string; ErrorCode: number }>;
+
+export const isApiError = (e: unknown): e is AxiosError =>
+  isAxiosError(e) && (e as AxiosError).response?.data?.ErrorDescription !== undefined;
--- a/src/models/Device.ts
+++ b/src/models/Device.ts
@@ -3,6 +3,7 @@ import { Note } from './Note';

 export interface GatewayDevice {
  UUID: number;
+  certificateExpiryDate: number;
  compatible: string;
  configuration: unknown;
  createdTimestamp: number;
@@ -16,6 +17,7 @@ export interface GatewayDevice {
  lastConfigurationChange: number;
  lastConfigurationDownload: number;
  lastFWUpdate: number;
+  lastRecordedContact: number;
  locale: string;
  location: string;
  macAddress: string;
@@ -112,12 +114,16 @@ interface BssidResult {
  bssid: string;
  capability: number;
  channel: number;
+  /** Channel Utilization percentage (ex.: 28 -> 28% channel utilization) */
+  ch_util?: number;
  frequency: number;
  ht_oper: string;
  ies: { content: unknown; name: string; type: number }[];
  last_seen: number;
  ssid: string;
  signal: number;
+  /** Station count */
+  sta_count?: number;
  tsf: number;
  meshid?: string;
  vht_oper: string;
@@ -142,20 +148,8 @@ export interface WifiScanResult {
  };
 }

-export interface DeviceScanResult {
-  bssid: string;
-  capability: number;
-  channel: number;
-  frequency: number;
-  ht_oper: string;
-  ies: { content: unknown; name: string; type: number }[];
-  last_seen: number;
-  ssid: string;
-  signal: number | string;
-  tsf: number;
-  meshid?: string;
-  vht_oper: string;
-}
+export type DeviceScanResult = BssidResult;
+
 export interface ScanChannel {
  channel: number;
  devices: DeviceScanResult[];
--- a/src/pages/AdvancedSystemPage/index.tsx
+++ b/src/pages/AdvancedSystemPage/index.tsx
@@ -0,0 +1,93 @@
+import * as React from 'react';
+import {
+  Box,
+  Button,
+  Center,
+  Heading,
+  Popover,
+  PopoverArrow,
+  PopoverBody,
+  PopoverCloseButton,
+  PopoverContent,
+  PopoverHeader,
+  PopoverTrigger,
+  Text,
+} from '@chakra-ui/react';
+import { Trash } from '@phosphor-icons/react';
+import { Card } from 'components/Containers/Card';
+import { CardHeader } from 'components/Containers/Card/CardHeader';
+import { CardBody } from 'components/Containers/Card/CardBody';
+import { DeleteButton } from 'components/Buttons/DeleteButton';
+import { useNotification } from 'hooks/useNotification';
+import { useDeleteSimulatedDevices } from 'hooks/Network/Simulations';
+
+const AdvancedSystemPage = () => {
+  const { successToast, apiErrorToast } = useNotification();
+  const deleteSimulatedDevices = useDeleteSimulatedDevices();
+
+  const handleDeleteSimulatedDevices = async () =>
+    deleteSimulatedDevices.mutateAsync(undefined, {
+      onSuccess: () => {
+        successToast({
+          id: 'delete-simulated-devices',
+          description: 'Simulated devices deleted!',
+        });
+      },
+      onError: (e) => {
+        apiErrorToast({
+          id: 'delete-simulated-devices',
+          e,
+          fallbackMessage: 'Error deleting simulated devices',
+        });
+      },
+    });
+
+  return (
+    <Card>
+      <CardHeader>
+        <Heading size="md">Operations</Heading>
+      </CardHeader>
+      <CardBody>
+        <Box>
+          <Heading size="sm">Delete Simulated Devices</Heading>
+          <Text fontStyle="italic">Delete all simulated devices from the database. This action cannot be undone.</Text>
+          <Popover>
+            {({ onClose }) => (
+              <>
+                <PopoverTrigger>
+                  <Button colorScheme="red" rightIcon={<Trash size={20} />}>
+                    Delete
+                  </Button>
+                </PopoverTrigger>
+                <PopoverContent>
+                  <PopoverArrow />
+                  <PopoverCloseButton />
+                  <PopoverHeader>Confirm</PopoverHeader>
+                  <PopoverBody>
+                    <Text>Are you sure you want to delete all simulated devices?</Text>
+                    <Center mt={4}>
+                      <Button onClick={onClose} mr={1}>
+                        Cancel
+                      </Button>
+                      <DeleteButton
+                        ml={1}
+                        isLoading={deleteSimulatedDevices.isLoading}
+                        onClick={async () => {
+                          await handleDeleteSimulatedDevices();
+                          onClose();
+                        }}
+                        isCompact={false}
+                      />
+                    </Center>
+                  </PopoverBody>
+                </PopoverContent>
+              </>
+            )}
+          </Popover>
+        </Box>
+      </CardBody>
+    </Card>
+  );
+};
+
+export default AdvancedSystemPage;
--- a/src/pages/DefaultFirmware/CreateModal/ConfirmDefaultFirmwareCreation.tsx
+++ b/src/pages/DefaultFirmware/CreateModal/ConfirmDefaultFirmwareCreation.tsx
@@ -0,0 +1,188 @@
+/* eslint-disable prefer-promise-reject-errors */
+import * as React from 'react';
+import { CheckCircleIcon, WarningIcon } from '@chakra-ui/icons';
+import {
+  Accordion,
+  AccordionButton,
+  AccordionIcon,
+  AccordionItem,
+  AccordionPanel,
+  Box,
+  Center,
+  Flex,
+  Heading,
+  Spinner,
+  Text,
+} from '@chakra-ui/react';
+import { useQuery } from '@tanstack/react-query';
+import { useTranslation } from 'react-i18next';
+import { compactDate } from 'helpers/dateFormatting';
+import { getRevision } from 'helpers/stringHelper';
+import { DefaultFirmware } from 'hooks/Network/DefaultFirmware';
+import { getAllAvailableFirmware } from 'hooks/Network/Firmware';
+
+const getDefaultFirmware = async (deviceType: string, revision: string) =>
+  getAllAvailableFirmware(deviceType)
+    .then((res) => {
+      const found = res.firmwares.find((firmware) => firmware.revision === revision);
+      if (!found) {
+        return { error: { deviceType, error: 'Could not find available firmware for this revision' } };
+      }
+      return {
+        success: {
+          deviceType,
+          description: '',
+          revision,
+          imageCreationDate: found.imageDate,
+          uri: found.uri,
+          created: 0,
+          lastModified: 0,
+        },
+      };
+    })
+    .catch(() => ({ error: { deviceType, error: 'Could not fetch firmware available for this device type' } }));
+
+const getComputedData = async (deviceTypes: string[], revision: string) => {
+  const defaultFirmwares: DefaultFirmware[] = [];
+  const errors: { deviceType: string; error: string }[] = [];
+
+  const promises = deviceTypes.map((deviceType) => getDefaultFirmware(deviceType, revision));
+  const results = await Promise.allSettled(promises);
+
+  results.forEach((result) => {
+    if (result.status === 'fulfilled') {
+      if (result.value.error) {
+        errors.push(result.value.error);
+      } else if (result.value.success) {
+        defaultFirmwares.push(result.value.success);
+      }
+    }
+  });
+
+  return { defaultFirmwares, errors };
+};
+
+type Props = {
+  deviceTypes: string[];
+  revision: string;
+  goNext: (defaultFirmwares: DefaultFirmware[]) => Promise<void>;
+  setNextCallback: React.Dispatch<React.SetStateAction<(() => (Promise<void> | void) | undefined) | undefined>>;
+};
+
+const ConfirmDefaultFirmwareCreation = ({ deviceTypes, revision, goNext, setNextCallback }: Props) => {
+  const { t } = useTranslation();
+  const getCompleteData = useQuery(
+    ['default_firmware', 'computed_data'],
+    () => getComputedData(deviceTypes, revision),
+    {
+      refetchOnMount: true,
+    },
+  );
+
+  const onNext = async () => {
+    if (getCompleteData.data) {
+      await goNext(getCompleteData.data.defaultFirmwares);
+    }
+  };
+
+  React.useEffect(() => {
+    if (getCompleteData.data) {
+      setNextCallback(() => onNext);
+    } else {
+      setNextCallback(undefined);
+    }
+  }, [getCompleteData.data, setNextCallback]);
+
+  return (
+    <>
+      <Heading mb={4} size="sm">
+        {t('firmware.confirm_default_data')}
+      </Heading>
+      {getCompleteData.isFetching ? (
+        <Center my={4} display="flex" flexDirection="column">
+          <Spinner size="xl" />
+          <Heading size="sm" mt={2}>
+            {t('firmware.fetching_defaults')}
+          </Heading>
+        </Center>
+      ) : null}
+      {getCompleteData.data && !getCompleteData.isFetching ? (
+        <>
+          <Heading size="sm" mb={2}>
+            {t('firmware.one')}: {getRevision(revision)}
+          </Heading>
+          <Accordion allowToggle allowMultiple>
+            <AccordionItem>
+              <h2>
+                <AccordionButton>
+                  <Box as="span" flex="1" textAlign="left">
+                    <CheckCircleIcon color="green.500" mr={2} mt={-0.5} />
+                    {t('firmware.default_found', { count: getCompleteData.data?.defaultFirmwares.length })}
+                  </Box>
+                  <AccordionIcon />
+                </AccordionButton>
+              </h2>
+              <AccordionPanel pb={4}>
+                <Accordion allowToggle allowMultiple>
+                  {getCompleteData.data?.defaultFirmwares.map((data) => (
+                    <AccordionItem key={data.deviceType}>
+                      <h2>
+                        <AccordionButton>
+                          <Box as="span" flex="1" textAlign="left">
+                            {data.deviceType}
+                          </Box>
+                          <AccordionIcon />
+                        </AccordionButton>
+                      </h2>
+                      <AccordionPanel pb={4}>
+                        <Flex>
+                          <Text>Image Date: </Text>
+                          <Text ml={2}>{compactDate(data.imageCreationDate)}</Text>
+                        </Flex>
+                        <Flex>
+                          <Text>URI: </Text>
+                          <Text ml={2}>{data.uri}</Text>
+                        </Flex>
+                      </AccordionPanel>
+                    </AccordionItem>
+                  ))}
+                </Accordion>
+              </AccordionPanel>
+            </AccordionItem>
+            <AccordionItem>
+              <h2>
+                <AccordionButton>
+                  <Box as="span" flex="1" textAlign="left">
+                    <WarningIcon color="red.500" mr={2} mt={-0.5} />
+                    {t('firmware.default_not_found', { count: getCompleteData.data?.errors.length })} (cannot create
+                    valid default firmware)
+                  </Box>
+                  <AccordionIcon />
+                </AccordionButton>
+              </h2>
+              <AccordionPanel pb={4}>
+                <Accordion allowToggle allowMultiple>
+                  {getCompleteData.data?.errors.map((error) => (
+                    <AccordionItem key={error.deviceType}>
+                      <h2>
+                        <AccordionButton>
+                          <Box as="span" flex="1" textAlign="left">
+                            {error.deviceType}
+                          </Box>
+                          <AccordionIcon />
+                        </AccordionButton>
+                      </h2>
+                      <AccordionPanel pb={4}>{error.error}</AccordionPanel>
+                    </AccordionItem>
+                  ))}
+                </Accordion>
+              </AccordionPanel>
+            </AccordionItem>
+          </Accordion>
+        </>
+      ) : null}
+    </>
+  );
+};
+
+export default ConfirmDefaultFirmwareCreation;
--- a/src/pages/DefaultFirmware/CreateModal/CreateDefaultFirmwareResults.tsx
+++ b/src/pages/DefaultFirmware/CreateModal/CreateDefaultFirmwareResults.tsx
@@ -0,0 +1,81 @@
+import * as React from 'react';
+import { CheckCircleIcon, WarningIcon } from '@chakra-ui/icons';
+import {
+  Accordion,
+  AccordionButton,
+  AccordionIcon,
+  AccordionItem,
+  AccordionPanel,
+  Box,
+  Flex,
+  Heading,
+  List,
+  ListItem,
+  Text,
+} from '@chakra-ui/react';
+import { useTranslation } from 'react-i18next';
+import { CreateDefaultFirmwareResult } from './utils';
+
+type Props = {
+  results: CreateDefaultFirmwareResult[];
+};
+
+const CreateDefaultFirmwareResults = ({ results }: Props) => {
+  const { t } = useTranslation();
+
+  const successes = results.filter((result) => !result.error);
+  const errors = results.filter((result) => result.error);
+
+  return (
+    <>
+      <Heading size="sm">{t('controller.devices.results')}: </Heading>
+      <Accordion allowToggle allowMultiple>
+        <AccordionItem>
+          <h2>
+            <AccordionButton>
+              <Box as="span" flex="1" textAlign="left">
+                <CheckCircleIcon color="green.500" mr={2} mt={-0.5} />
+                {t('firmware.default_created', { count: successes.length })}
+              </Box>
+              <AccordionIcon />
+            </AccordionButton>
+          </h2>
+          <AccordionPanel pb={4}>
+            <List>
+              {successes.map((success) => (
+                <ListItem key={success.deviceType}>
+                  <Text>{success.deviceType}</Text>
+                </ListItem>
+              ))}
+            </List>
+          </AccordionPanel>
+        </AccordionItem>
+        <AccordionItem>
+          <h2>
+            <AccordionButton>
+              <Box as="span" flex="1" textAlign="left">
+                <WarningIcon color="red.500" mr={2} mt={-0.5} />
+                {t('firmware.default_created_error_other', { count: errors.length })}
+              </Box>
+              <AccordionIcon />
+            </AccordionButton>
+          </h2>
+          <AccordionPanel pb={4}>
+            <List>
+              {errors.map((error) => (
+                <ListItem key={error.deviceType}>
+                  <Flex>
+                    <Text>{error.deviceType} -</Text>
+                    <Text ml={2}>{error.error}</Text>
+                  </Flex>
+                </ListItem>
+              ))}
+            </List>
+          </AccordionPanel>
+        </AccordionItem>
+      </Accordion>
+    </>
+  );
+};
+
+export default CreateDefaultFirmwareResults;
--- a/src/pages/DefaultFirmware/CreateModal/DeviceTypeSelection.tsx
+++ b/src/pages/DefaultFirmware/CreateModal/DeviceTypeSelection.tsx
@@ -0,0 +1,98 @@
+import * as React from 'react';
+import { Heading } from '@chakra-ui/react';
+import { GroupBase, MultiValue, OptionBase, Select } from 'chakra-react-select';
+import { useTranslation } from 'react-i18next';
+import { useGetDefaultFirmware } from 'hooks/Network/DefaultFirmware';
+import { useGetDeviceTypes } from 'hooks/Network/Firmware';
+
+interface Option extends OptionBase {
+  label: string;
+  value: string;
+}
+
+type Props = {
+  goNext: (deviceTypes: string[]) => void;
+  setNextCallback: React.Dispatch<React.SetStateAction<(() => (Promise<void> | void) | undefined) | undefined>>;
+};
+
+const DeviceTypeSelection = ({ goNext, setNextCallback }: Props) => {
+  const { t } = useTranslation();
+  const getFirmware = useGetDefaultFirmware();
+  const getDeviceTypes = useGetDeviceTypes();
+  const [selectedDeviceTypes, setSelectedDeviceTypes] = React.useState<string[]>([]);
+  const availableDevicesTypes = React.useMemo(() => {
+    const alreadyCreatedDeviceTypes = getFirmware.data?.firmwares.map((firmware) => firmware.deviceType);
+    const deviceTypes = getDeviceTypes.data?.deviceTypes;
+    return deviceTypes?.filter((deviceType) => !alreadyCreatedDeviceTypes?.includes(deviceType));
+  }, [getDeviceTypes.data, getFirmware.data]);
+
+  const handleChange = (newValue: MultiValue<Option>) => {
+    const deviceTypes = newValue.map(({ value }) => value);
+    const allIndex = deviceTypes.indexOf('*');
+    if (allIndex === 0) {
+      setSelectedDeviceTypes(availableDevicesTypes ?? []);
+    } else if (allIndex > 0) {
+      setSelectedDeviceTypes(availableDevicesTypes ?? []);
+    } else {
+      setSelectedDeviceTypes(deviceTypes);
+    }
+  };
+
+  const options = React.useMemo(() => {
+    if (availableDevicesTypes?.length === selectedDeviceTypes.length)
+      return availableDevicesTypes?.map((deviceType) => ({ value: deviceType, label: deviceType })) ?? [];
+
+    return [
+      { value: '*', label: t('common.all') },
+      ...(availableDevicesTypes?.map((deviceType) => ({ value: deviceType, label: deviceType })) ?? []),
+    ];
+  }, [availableDevicesTypes, selectedDeviceTypes.length]);
+
+  const onNext = () => {
+    goNext(selectedDeviceTypes.sort((a, b) => a.localeCompare(b)));
+  };
+
+  React.useEffect(() => {
+    if (selectedDeviceTypes.length === 0) {
+      setNextCallback(undefined);
+    } else {
+      setNextCallback(() => onNext);
+    }
+  }, [selectedDeviceTypes, onNext]);
+
+  return (
+    <>
+      <Heading mb={4} size="sm">
+        {t('firmware.select_default_device_types')}
+      </Heading>
+      <Select<Option, true, GroupBase<Option>>
+        chakraStyles={{
+          control: (provided) => ({
+            ...provided,
+            borderRadius: '15px',
+            border: '2px solid',
+          }),
+          dropdownIndicator: (provided) => ({
+            ...provided,
+            backgroundColor: 'unset',
+            border: 'unset',
+          }),
+        }}
+        isMulti
+        closeMenuOnSelect={false}
+        options={options}
+        value={
+          selectedDeviceTypes.map((value) => ({
+            value,
+            label: value,
+          })) as MultiValue<Option>
+        }
+        isClearable={selectedDeviceTypes.length > 1}
+        onChange={handleChange}
+        isDisabled={!availableDevicesTypes}
+      />
+    </>
+  );
+};
+
+export default DeviceTypeSelection;
--- a/src/pages/DefaultFirmware/CreateModal/SelectRevision.tsx
+++ b/src/pages/DefaultFirmware/CreateModal/SelectRevision.tsx
@@ -0,0 +1,72 @@
+import * as React from 'react';
+import { Box, Flex, Heading, Select, Switch, Text, useBoolean } from '@chakra-ui/react';
+import { useTranslation } from 'react-i18next';
+import { compactDate } from 'helpers/dateFormatting';
+import { getRevision } from 'helpers/stringHelper';
+import { useGetFirmwareDeviceType } from 'hooks/Network/Firmware';
+
+type Props = {
+  deviceTypes: string[];
+  goNext: (revision: string) => void;
+  setNextCallback: React.Dispatch<React.SetStateAction<(() => (Promise<void> | void) | undefined) | undefined>>;
+};
+
+const DefaultFirmwareRevisionSelection = ({ deviceTypes, goNext, setNextCallback }: Props) => {
+  const { t } = useTranslation();
+  const [isShowingDev, setIsShowingDev] = useBoolean();
+  const [revision, setRevision] = React.useState<string>('');
+  const getFirmware = useGetFirmwareDeviceType({
+    deviceType: deviceTypes[0] ?? 'eap_101',
+  });
+
+  const handleChange = (event: React.ChangeEvent<HTMLSelectElement>) => {
+    setRevision(event.target.value);
+  };
+
+  const onNext = () => {
+    goNext(revision);
+  };
+
+  const firmwareOptions = React.useMemo(() => {
+    if (isShowingDev) return getFirmware.data?.sort((a, b) => (a.imageDate > b.imageDate ? -1 : 1));
+    return getFirmware.data
+      ?.filter((fms) => !fms.revision.includes('dev'))
+      ?.sort((a, b) => (a.imageDate > b.imageDate ? -1 : 1));
+  }, [getFirmware.data, isShowingDev]);
+
+  React.useEffect(() => {
+    if (revision.length === 0) {
+      setNextCallback(undefined);
+    } else {
+      setNextCallback(() => onNext);
+    }
+  }, [revision, onNext]);
+
+  return (
+    <>
+      <Heading mb={4} size="sm">
+        {t('firmware.select_default_revision')}
+      </Heading>
+      <Flex mb={2}>
+        <Text>{t('controller.firmware.show_dev_releases')}</Text>
+        <Switch ml={2} isChecked={isShowingDev} onChange={setIsShowingDev.toggle} size="lg" />
+      </Flex>
+      <Box w="unset">
+        <Select w="unset" value={revision} onChange={handleChange}>
+          {revision.length === 0 && (
+            <option key="default" value="" disabled>
+              {' '}
+            </option>
+          )}
+          {firmwareOptions?.map((firmware) => (
+            <option key={firmware.revision} value={firmware.revision}>
+              {compactDate(firmware.imageDate)} - {getRevision(firmware.revision)}
+            </option>
+          ))}
+        </Select>
+      </Box>
+    </>
+  );
+};
+
+export default DefaultFirmwareRevisionSelection;
--- a/src/pages/DefaultFirmware/CreateModal/index.tsx
+++ b/src/pages/DefaultFirmware/CreateModal/index.tsx
@@ -0,0 +1,121 @@
+import React from 'react';
+import { Box, Button, useDisclosure } from '@chakra-ui/react';
+import { ArrowRight } from '@phosphor-icons/react';
+import { useQueryClient } from '@tanstack/react-query';
+import { useTranslation } from 'react-i18next';
+import ConfirmDefaultFirmwareCreation from './ConfirmDefaultFirmwareCreation';
+import CreateDefaultFirmwareResults from './CreateDefaultFirmwareResults';
+import DeviceTypeSelection from './DeviceTypeSelection';
+import DefaultFirmwareRevisionSelection from './SelectRevision';
+import { CreateDefaultFirmwareResult, createDefaultFirmwareBatch } from './utils';
+import { CreateButton } from 'components/Buttons/CreateButton';
+import { ConfirmCloseAlertModal } from 'components/Modals/ConfirmCloseAlert';
+import { Modal } from 'components/Modals/Modal';
+import { DefaultFirmware } from 'hooks/Network/DefaultFirmware';
+
+const CreateDefaultFirmwareModal = () => {
+  const { t } = useTranslation();
+  const queryClient = useQueryClient();
+  const [currentStep, setCurrentStep] = React.useState<'device_type' | 'revision' | 'confirm' | 'result'>(
+    'device_type',
+  );
+  const modalProps = useDisclosure();
+  const closeConfirmModal = useDisclosure();
+  const [deviceTypes, setDeviceTypes] = React.useState<string[]>([]);
+  const [revision, setRevision] = React.useState<string>('');
+  const [results, setResults] = React.useState<CreateDefaultFirmwareResult[]>([]);
+  const [nextCallback, setNextCallback] = React.useState<() => (Promise<void> | void) | undefined>();
+  const [isLoading, setIsLoading] = React.useState(false);
+
+  const closeCancelAndForm = () => {
+    modalProps.onClose();
+    closeConfirmModal.onClose();
+    setCurrentStep('device_type');
+    setDeviceTypes([]);
+    setRevision('');
+    setResults([]);
+  };
+
+  const onClose = () => {
+    if (currentStep === 'device_type' || currentStep === 'result') {
+      closeCancelAndForm();
+    } else {
+      closeConfirmModal.onOpen();
+    }
+  };
+
+  const finishDeviceType = (newDeviceTypes: string[]) => {
+    setDeviceTypes(newDeviceTypes);
+    setCurrentStep('revision');
+    setNextCallback(undefined);
+  };
+
+  const finishRevision = (newRevision: string) => {
+    setRevision(newRevision);
+    setCurrentStep('confirm');
+    setNextCallback(undefined);
+  };
+
+  const startCreation = async (defaults: DefaultFirmware[]) => {
+    setIsLoading(true);
+    const newResults = await createDefaultFirmwareBatch(defaults);
+    setIsLoading(false);
+    queryClient.invalidateQueries(['default_firmwares']);
+    setResults(newResults);
+    setCurrentStep('result');
+    setNextCallback(undefined);
+  };
+
+  return (
+    <>
+      <CreateButton onClick={modalProps.onOpen} mr={2} />
+      <Modal
+        {...modalProps}
+        onClose={onClose}
+        title={`${t('common.create')} ${t('common.default')} ${t('firmware.one')}`}
+        topRightButtons={
+          currentStep === 'result' ? null : (
+            <Button
+              onClick={nextCallback}
+              isDisabled={nextCallback === undefined}
+              rightIcon={<ArrowRight />}
+              colorScheme="blue"
+              isLoading={isLoading}
+            >
+              {currentStep === 'confirm' ? t('common.start') : t('common.next')}
+            </Button>
+          )
+        }
+      >
+        <Box pb={8}>
+          {currentStep === 'device_type' ? (
+            <DeviceTypeSelection goNext={finishDeviceType} setNextCallback={setNextCallback} />
+          ) : null}
+          {currentStep === 'revision' ? (
+            <DefaultFirmwareRevisionSelection
+              deviceTypes={deviceTypes}
+              goNext={finishRevision}
+              setNextCallback={setNextCallback}
+            />
+          ) : null}
+          {currentStep === 'confirm' ? (
+            <ConfirmDefaultFirmwareCreation
+              deviceTypes={deviceTypes}
+              revision={revision}
+              goNext={startCreation}
+              setNextCallback={setNextCallback}
+            />
+          ) : null}
+          {currentStep === 'result' ? <CreateDefaultFirmwareResults results={results} /> : null}
+        </Box>
+      </Modal>
+      <ConfirmCloseAlertModal
+        isOpen={closeConfirmModal.isOpen}
+        confirm={closeCancelAndForm}
+        cancel={closeConfirmModal.onClose}
+      />
+    </>
+  );
+};
+
+export default CreateDefaultFirmwareModal;
--- a/src/pages/DefaultFirmware/CreateModal/utils.ts
+++ b/src/pages/DefaultFirmware/CreateModal/utils.ts
@@ -0,0 +1,30 @@
+import { isAxiosError } from 'axios';
+import { DefaultFirmware, createDefaultFirmware } from 'hooks/Network/DefaultFirmware';
+
+export type CreateDefaultFirmwareResult =
+  | {
+      deviceType: string;
+      error?: undefined;
+    }
+  | {
+      deviceType: string;
+      error: string;
+    };
+
+export const createFms = async (defaultFirmware: DefaultFirmware): Promise<CreateDefaultFirmwareResult> =>
+  createDefaultFirmware(defaultFirmware)
+    .then(() => ({
+      deviceType: defaultFirmware.deviceType,
+    }))
+    .catch((e) => ({
+      deviceType: defaultFirmware.deviceType,
+      error: isAxiosError(e) ? e.response?.data?.ErrorDescription : 'Unknown error',
+    }));
+
+export const createDefaultFirmwareBatch = async (
+  defaultFirmware: DefaultFirmware[],
+): Promise<CreateDefaultFirmwareResult[]> => {
+  const promises = defaultFirmware.map((fms) => createFms(fms));
+  const responses = await Promise.all(promises);
+  return responses;
+};
--- a/src/pages/DefaultFirmware/DeleteButton.tsx
+++ b/src/pages/DefaultFirmware/DeleteButton.tsx
@@ -0,0 +1,80 @@
+import * as React from 'react';
+import {
+  useDisclosure,
+  Box,
+  Button,
+  Center,
+  IconButton,
+  Popover,
+  PopoverArrow,
+  PopoverBody,
+  PopoverCloseButton,
+  PopoverContent,
+  PopoverFooter,
+  PopoverHeader,
+  PopoverTrigger,
+  Tooltip,
+  useToast,
+} from '@chakra-ui/react';
+import { Trash } from '@phosphor-icons/react';
+import { useTranslation } from 'react-i18next';
+import { useDeleteBatchDefaultFirmware, useGetDefaultFirmware } from 'hooks/Network/DefaultFirmware';
+
+const DeleteDefaultFirmwaresButton = () => {
+  const { t } = useTranslation();
+  const toast = useToast();
+  const popoverProps = useDisclosure();
+  const getFirmware = useGetDefaultFirmware();
+  const deleteFirmware = useDeleteBatchDefaultFirmware();
+
+  const handleDelete = () => {
+    deleteFirmware.mutate(getFirmware.data?.firmwares.map((firmware) => firmware.deviceType) ?? [], {
+      onSuccess: () => {
+        toast({
+          id: `firmware-delete-success`,
+          title: t('common.success'),
+          description: t('firmware.default_mass_delete_success', { count: getFirmware.data?.firmwares.length }),
+          status: 'success',
+          duration: 5000,
+          isClosable: true,
+          position: 'top-right',
+        });
+        popoverProps.onClose();
+      },
+    });
+  };
+
+  return (
+    <Popover isOpen={popoverProps.isOpen} onOpen={popoverProps.onOpen} onClose={popoverProps.onClose}>
+      <Tooltip hasArrow label={t('crud.delete')} placement="top" isDisabled={popoverProps.isOpen}>
+        <Box>
+          <PopoverTrigger>
+            <IconButton aria-label={t('crud.delete')} colorScheme="red" icon={<Trash size={20} />} />
+          </PopoverTrigger>
+        </Box>
+      </Tooltip>
+      <PopoverContent>
+        <PopoverArrow />
+        <PopoverCloseButton />
+        <PopoverHeader>
+          {t('crud.delete')} <b>{getFirmware.data?.firmwares.length} Settings</b>
+        </PopoverHeader>
+        <PopoverBody>
+          Are you sure you want to delete these {getFirmware.data?.firmwares.length} default firmware settings?
+        </PopoverBody>
+        <PopoverFooter>
+          <Center>
+            <Button colorScheme="gray" mr="1" onClick={popoverProps.onClose}>
+              {t('common.cancel')}
+            </Button>
+            <Button colorScheme="red" ml="1" onClick={handleDelete} isLoading={deleteFirmware.isLoading}>
+              {t('common.yes')}
+            </Button>
+          </Center>
+        </PopoverFooter>
+      </PopoverContent>
+    </Popover>
+  );
+};
+
+export default DeleteDefaultFirmwaresButton;
--- a/src/pages/DefaultFirmware/List/Actions.tsx
+++ b/src/pages/DefaultFirmware/List/Actions.tsx
@@ -0,0 +1,111 @@
+import React from 'react';
+import {
+  Box,
+  Button,
+  Center,
+  Flex,
+  IconButton,
+  Popover,
+  PopoverArrow,
+  PopoverBody,
+  PopoverCloseButton,
+  PopoverContent,
+  PopoverFooter,
+  PopoverHeader,
+  PopoverTrigger,
+  Tooltip,
+  useDisclosure,
+  useToast,
+} from '@chakra-ui/react';
+import { MagnifyingGlass, Trash } from '@phosphor-icons/react';
+import { useQueryClient } from '@tanstack/react-query';
+import { useTranslation } from 'react-i18next';
+import { DefaultFirmware, useDeleteDefaultFirmware } from 'hooks/Network/DefaultFirmware';
+import { AxiosError } from 'models/Axios';
+
+type Props = {
+  firmware: DefaultFirmware;
+  handleViewDetails: (firmware: DefaultFirmware) => void;
+};
+
+const Actions = ({ firmware, handleViewDetails }: Props) => {
+  const { t } = useTranslation();
+  const queryClient = useQueryClient();
+  const toast = useToast();
+  const { isOpen, onOpen, onClose } = useDisclosure();
+  const deleteFirmware = useDeleteDefaultFirmware();
+
+  const handleDeleteClick = () =>
+    deleteFirmware.mutate(firmware.deviceType, {
+      onSuccess: () => {
+        toast({
+          id: `firmware-delete-success`,
+          title: t('common.success'),
+          description: t('firmware.delete_success'),
+          status: 'success',
+          duration: 5000,
+          isClosable: true,
+          position: 'top-right',
+        });
+        onClose();
+        queryClient.invalidateQueries(['defaultFirmwares']);
+      },
+      onError: (error) => {
+        const e = error as AxiosError;
+        toast({
+          id: `firmware-delete-error`,
+          title: t('common.error'),
+          description: e?.response?.data?.ErrorDescription,
+          status: 'error',
+          duration: 5000,
+          isClosable: true,
+          position: 'top-right',
+        });
+      },
+    });
+  const handleDetailsClick = () => handleViewDetails(firmware);
+
+  return (
+    <Flex>
+      <Popover isOpen={isOpen} onOpen={onOpen} onClose={onClose}>
+        <Tooltip hasArrow label={t('crud.delete')} placement="top" isDisabled={isOpen}>
+          <Box>
+            <PopoverTrigger>
+              <IconButton aria-label={t('crud.delete')} colorScheme="red" icon={<Trash size={20} />} size="sm" />
+            </PopoverTrigger>
+          </Box>
+        </Tooltip>
+        <PopoverContent>
+          <PopoverArrow />
+          <PopoverCloseButton />
+          <PopoverHeader>
+            {t('crud.delete')} <b>{firmware.deviceType}</b>
+          </PopoverHeader>
+          <PopoverBody>{t('crud.delete_confirm', { obj: 'setting' })}</PopoverBody>
+          <PopoverFooter>
+            <Center>
+              <Button colorScheme="gray" mr="1" onClick={onClose}>
+                {t('common.cancel')}
+              </Button>
+              <Button colorScheme="red" ml="1" onClick={handleDeleteClick} isLoading={deleteFirmware.isLoading}>
+                {t('common.yes')}
+              </Button>
+            </Center>
+          </PopoverFooter>
+        </PopoverContent>
+      </Popover>
+      <Tooltip hasArrow label={t('common.view_details')} placement="top">
+        <IconButton
+          aria-label={t('common.view_details')}
+          ml={2}
+          colorScheme="blue"
+          icon={<MagnifyingGlass size={20} />}
+          size="sm"
+          onClick={handleDetailsClick}
+        />
+      </Tooltip>
+    </Flex>
+  );
+};
+
+export default Actions;
--- a/src/pages/DefaultFirmware/List/EditModal.tsx
+++ b/src/pages/DefaultFirmware/List/EditModal.tsx
@@ -0,0 +1,319 @@
+import * as React from 'react';
+import { CopyIcon } from '@chakra-ui/icons';
+import {
+  Alert,
+  AlertDescription,
+  AlertIcon,
+  Box,
+  Flex,
+  Grid,
+  GridItem,
+  Heading,
+  IconButton,
+  Select,
+  Switch,
+  Text,
+  Textarea,
+  Tooltip,
+  UseDisclosureReturn,
+  useBoolean,
+  useClipboard,
+  useDisclosure,
+  useToast,
+} from '@chakra-ui/react';
+import { useTranslation } from 'react-i18next';
+import { DefaultFirmware, useUpdateDefaultFirmware } from 'hooks/Network/DefaultFirmware';
+import { useGetFirmwareDeviceType } from 'hooks/Network/Firmware';
+import { AtLeast } from 'models/General';
+import { AxiosError } from 'models/Axios';
+import { getRevision } from 'helpers/stringHelper';
+import { compactDate } from 'helpers/dateFormatting';
+import { Firmware } from 'models/Firmware';
+import { Modal } from 'components/Modals/Modal';
+import { SaveButton } from 'components/Buttons/SaveButton';
+import { ToggleEditButton } from 'components/Buttons/ToggleEditButton';
+import FormattedDate from 'components/InformationDisplays/FormattedDate';
+import { ConfirmCloseAlertModal } from 'components/Modals/ConfirmCloseAlert';
+
+type Props = {
+  modalProps: UseDisclosureReturn;
+  defaultFirmware: DefaultFirmware;
+};
+const EditDefaultFirmwareModal = ({ modalProps, defaultFirmware }: Props) => {
+  const { t } = useTranslation();
+  const toast = useToast();
+  const copy = useClipboard(defaultFirmware.uri);
+  const warningModalProps = useDisclosure();
+  const [isEditing, setIsEditing] = useBoolean();
+  const updateFirmware = useUpdateDefaultFirmware();
+  const [showDev, setShowDev] = useBoolean(false);
+  const getFirmware = useGetFirmwareDeviceType({ deviceType: defaultFirmware.deviceType });
+  const [formValues, setFormValues] = React.useState<{
+    revision: string;
+    imageDate: number;
+    uri: string;
+    description: string;
+  }>({
+    revision: defaultFirmware.revision,
+    uri: defaultFirmware.uri,
+    imageDate: defaultFirmware.imageCreationDate,
+    description: defaultFirmware.description,
+  });
+
+  const currentFirmware = {
+    revision: defaultFirmware.revision,
+    uri: defaultFirmware.uri,
+    imageDate: defaultFirmware.imageCreationDate,
+  };
+
+  const availableFirmware = React.useMemo(() => {
+    let allAvailable: (
+      | Firmware
+      | {
+          revision: string;
+          uri: string;
+          imageDate: number;
+        }
+    )[] = getFirmware.data ?? [];
+
+    if (!allAvailable.find(({ revision }) => revision === currentFirmware.revision)) {
+      allAvailable = [currentFirmware, ...allAvailable];
+    }
+
+    allAvailable.sort((a, b) => b.imageDate - a.imageDate);
+
+    return allAvailable;
+  }, [getFirmware.data, currentFirmware]);
+
+  const options = availableFirmware
+    ?.filter(({ revision }) => (showDev ? true : !revision.includes('dev')))
+    .map((firmware) => ({
+      value: firmware.revision,
+      label:
+        firmware.revision === currentFirmware.revision
+          ? `${compactDate(firmware.imageDate)} - ${getRevision(firmware.revision)} (Current Value)`
+          : `${compactDate(firmware.imageDate)} - ${getRevision(firmware.revision)}`,
+    }));
+
+  const onSelectChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
+    if (e.target.value === currentFirmware.revision) {
+      setFormValues({
+        ...formValues,
+        revision: currentFirmware.revision,
+        uri: currentFirmware.uri,
+        imageDate: currentFirmware.imageDate,
+      });
+    } else {
+      const found = availableFirmware.find(({ revision }) => revision === e.target.value);
+      if (found) {
+        setFormValues({
+          ...formValues,
+          revision: found.revision,
+          uri: found.uri,
+          imageDate: found.imageDate,
+        });
+      }
+    }
+  };
+
+  const onClose = () => {
+    if (isEditing) {
+      warningModalProps.onOpen();
+    } else {
+      modalProps.onClose();
+    }
+  };
+
+  const onSave = () => {
+    const newValues: AtLeast<DefaultFirmware, 'deviceType'> = {
+      deviceType: defaultFirmware.deviceType,
+      description: formValues.description,
+    };
+
+    if (formValues.revision !== currentFirmware.revision) {
+      newValues.revision = formValues.revision;
+      newValues.uri = formValues.uri;
+      newValues.imageCreationDate = formValues.imageDate;
+    }
+
+    updateFirmware.mutate(newValues, {
+      onSuccess: () => {
+        toast({
+          id: `config-edit-success`,
+          title: t('common.success'),
+          description: t('firmware.default_update_success', { deviceType: defaultFirmware.deviceType }),
+          status: 'success',
+          duration: 5000,
+          isClosable: true,
+          position: 'top-right',
+        });
+        setIsEditing.off();
+        modalProps.onClose();
+      },
+      onError: (error) => {
+        const e = error as AxiosError;
+        toast({
+          id: `config-edit-error`,
+          title: t('common.error'),
+          description: e?.response?.data?.ErrorDescription,
+          status: 'error',
+          duration: 5000,
+          isClosable: true,
+          position: 'top-right',
+        });
+      },
+    });
+  };
+
+  const onCloseAfterWarning = () => {
+    setIsEditing.off();
+    warningModalProps.onClose();
+    modalProps.onClose();
+  };
+
+  React.useEffect(() => {
+    copy.setValue(defaultFirmware.uri);
+    setFormValues({
+      revision: defaultFirmware.revision,
+      description: defaultFirmware.description,
+      uri: defaultFirmware.uri,
+      imageDate: defaultFirmware.imageCreationDate,
+    });
+  }, [defaultFirmware.uri, defaultFirmware.description, defaultFirmware.revision, isEditing]);
+
+  // TODO -> Only thing editable is the firmware and description. Make sure I can deal with a revision not existing anymore
+
+  return (
+    <>
+      <Modal
+        {...modalProps}
+        onClose={onClose}
+        title={defaultFirmware.deviceType}
+        topRightButtons={
+          <>
+            <SaveButton hidden={!isEditing} onClick={onSave} isLoading={updateFirmware.isLoading} />
+            <ToggleEditButton toggleEdit={setIsEditing.toggle} isEditing={isEditing} />
+          </>
+        }
+      >
+        <Box>
+          <Alert status="info">
+            <AlertIcon />
+            <AlertDescription>
+              {t('firmware.edit_default_title', { deviceType: defaultFirmware.deviceType })}
+            </AlertDescription>
+          </Alert>
+          {isEditing ? (
+            <Box mb={4}>
+              <Heading size="md" mb={2}>
+                New Values
+              </Heading>
+              <Heading size="sm">{t('commands.revision')}</Heading>
+              <Flex mb={2}>
+                <Text>{t('controller.firmware.show_dev_releases')}</Text>
+                <Switch ml={2} isChecked={showDev} onChange={setShowDev.toggle} size="md" mt={0.5} />
+              </Flex>
+              <Box display="inline-flex">
+                <Select value={formValues.revision} onChange={onSelectChange}>
+                  {options?.map(({ value, label }) => (
+                    <option key={value} value={value}>
+                      {label}
+                    </option>
+                  ))}
+                </Select>
+              </Box>
+              <Grid>
+                <GridItem colSpan={1} alignContent="center" alignItems="center" display="flex">
+                  <Heading size="sm">URI</Heading>
+                </GridItem>
+                <GridItem colSpan={1} alignContent="center" alignItems="center">
+                  {formValues.uri}
+                </GridItem>
+                <GridItem colSpan={1} alignContent="center" alignItems="center">
+                  <Heading size="sm">{t('commands.image_date')}</Heading>
+                </GridItem>
+                <GridItem colSpan={1} alignContent="center" alignItems="center">
+                  <FormattedDate date={formValues.imageDate} />
+                </GridItem>
+              </Grid>
+              <Heading size="sm">{t('common.description')}</Heading>
+              <Textarea
+                value={formValues.description}
+                onChange={(e) =>
+                  setFormValues({
+                    ...formValues,
+                    description: e.target.value,
+                  })
+                }
+              />
+            </Box>
+          ) : null}
+          <Grid templateColumns="repeat(1, 1fr)" gap={1} mt={4} w="100%">
+            <GridItem colSpan={1} alignContent="center" alignItems="center" hidden={!isEditing}>
+              <Heading size="md">Current Values</Heading>
+            </GridItem>
+            <GridItem colSpan={1} alignContent="center" alignItems="center">
+              <Heading size="sm">{t('commands.revision')}</Heading>
+            </GridItem>
+            <GridItem colSpan={1} alignContent="center" alignItems="center">
+              {getRevision(defaultFirmware.revision)}
+            </GridItem>
+            <GridItem colSpan={1} alignContent="center" alignItems="center" display="flex">
+              <Heading size="sm">URI</Heading>
+              <Tooltip
+                label={copy.hasCopied ? `${t('common.copied')}!` : t('common.copy')}
+                hasArrow
+                closeOnClick={false}
+                shouldWrapChildren
+              >
+                <IconButton
+                  aria-label={t('common.copy')}
+                  icon={<CopyIcon h={4} w={4} />}
+                  onClick={(e) => {
+                    copy.onCopy();
+                    e.stopPropagation();
+                  }}
+                  size="xs"
+                  colorScheme="teal"
+                  mx={0.5}
+                />
+              </Tooltip>
+            </GridItem>
+            <GridItem colSpan={1} alignContent="center" alignItems="center">
+              {defaultFirmware.uri}
+            </GridItem>
+            <GridItem colSpan={1} alignContent="center" alignItems="center">
+              <Heading size="sm">{t('commands.image_date')}</Heading>
+            </GridItem>
+            <GridItem colSpan={1} alignContent="center" alignItems="center">
+              <FormattedDate date={defaultFirmware.imageCreationDate} />
+            </GridItem>
+            <GridItem colSpan={1} alignContent="center" alignItems="center">
+              <Heading size="sm">{t('common.modified')}</Heading>
+            </GridItem>
+            <GridItem colSpan={1} alignContent="center" alignItems="center">
+              <FormattedDate date={defaultFirmware.lastModified} />
+            </GridItem>
+            <GridItem colSpan={1} alignContent="center" alignItems="center">
+              <Heading size="sm">{t('common.description')}</Heading>
+            </GridItem>
+            <GridItem colSpan={1} alignContent="center" alignItems="center">
+              {defaultFirmware.description.length === 0 ? (
+                <Text fontStyle="italic">{t('common.none')}</Text>
+              ) : (
+                <Text>{defaultFirmware.description}</Text>
+              )}
+            </GridItem>
+          </Grid>
+        </Box>
+      </Modal>
+      <ConfirmCloseAlertModal
+        isOpen={warningModalProps.isOpen}
+        confirm={onCloseAfterWarning}
+        cancel={warningModalProps.onClose}
+      />
+    </>
+  );
+};
+
+export default EditDefaultFirmwareModal;
--- a/src/pages/DefaultFirmware/List/index.tsx
+++ b/src/pages/DefaultFirmware/List/index.tsx
@@ -0,0 +1,119 @@
+import * as React from 'react';
+import { Box, useDisclosure } from '@chakra-ui/react';
+import { useTranslation } from 'react-i18next';
+import CreateDefaultFirmwareModal from '../CreateModal';
+import DeleteDefaultFirmwaresButton from '../DeleteButton';
+import Actions from './Actions';
+import EditDefaultFirmware from './EditModal';
+import { DataGridColumn, useDataGrid } from 'components/DataTables/DataGrid/useDataGrid';
+import { DefaultFirmware, useGetDefaultFirmware } from 'hooks/Network/DefaultFirmware';
+import FormattedDate from 'components/InformationDisplays/FormattedDate';
+import { getRevision } from 'helpers/stringHelper';
+import { DataGrid } from 'components/DataTables/DataGrid';
+
+const DefaultFirmwareList = () => {
+  const { t } = useTranslation();
+  const tableController = useDataGrid({
+    tableSettingsId: 'controller.default_firmware.table',
+    defaultOrder: ['deviceType', 'revision', 'modified', 'description', 'actions'],
+    defaultSortBy: [{ id: 'deviceType', desc: true }],
+  });
+  const getFirmware = useGetDefaultFirmware();
+  const modalProps = useDisclosure();
+  const [selectedFirmware, setSelectedFirmware] = React.useState<DefaultFirmware | undefined>();
+
+  const onViewDetails = (config: DefaultFirmware) => {
+    setSelectedFirmware(config);
+    modalProps.onOpen();
+  };
+  const onRowClick = React.useCallback((row: DefaultFirmware) => () => onViewDetails(row), []);
+
+  const dateCell = React.useCallback((v: number) => <FormattedDate date={v} />, []);
+  const actionCell = React.useCallback(
+    (firmware: DefaultFirmware) => <Actions firmware={firmware} handleViewDetails={onViewDetails} />,
+    [],
+  );
+  const revisionCell = React.useCallback((v: string) => getRevision(v), []);
+
+  const columns: DataGridColumn<DefaultFirmware>[] = React.useMemo(
+    () =>
+      [
+        {
+          id: 'deviceType',
+          header: t('common.type'),
+          accessorKey: 'deviceType',
+          meta: {
+            customWidth: '150px',
+            alwaysShow: true,
+            anchored: true,
+          },
+        },
+        {
+          id: 'revision',
+          header: t('commands.revision'),
+          accessorKey: 'revision',
+          cell: ({ cell }) => revisionCell(cell.row.original.revision),
+          meta: {
+            customWidth: '150px',
+            alwaysShow: true,
+          },
+        },
+        {
+          id: 'modified',
+          header: t('common.modified'),
+          accessorKey: 'modified',
+          cell: ({ cell }) => dateCell(cell.row.original.lastModified),
+          meta: {
+            customWidth: '50px',
+          },
+        },
+        {
+          id: 'description',
+          header: t('common.description'),
+          accessorKey: 'description',
+        },
+        {
+          id: 'actions',
+          header: t('common.actions'),
+          accessorKey: 'actions',
+          cell: (v) => actionCell(v.cell.row.original),
+          enableSorting: false,
+          meta: {
+            customWidth: '50px',
+            alwaysShow: true,
+          },
+        },
+      ] satisfies DataGridColumn<DefaultFirmware>[],
+    [dateCell],
+  );
+
+  return (
+    <Box overflowX="auto" w="100%">
+      <DataGrid<DefaultFirmware>
+        controller={tableController}
+        header={{
+          title: `${t('common.default')} ${t('firmware.one')} ${
+            getFirmware.data ? `(${getFirmware.data.firmwares.length})` : ''
+          }`,
+          objectListed: t('analytics.firmware'),
+          otherButtons: <DeleteDefaultFirmwaresButton />,
+          addButton: <CreateDefaultFirmwareModal />,
+        }}
+        columns={columns}
+        data={getFirmware.data?.firmwares}
+        isLoading={getFirmware.isFetching}
+        options={{
+          onRowClick: (firmw) => onRowClick(firmw),
+          refetch: getFirmware.refetch,
+          minimumHeight: '200px',
+          showAsCard: true,
+          isHidingControls: true,
+          isManual: true,
+        }}
+      />
+      {selectedFirmware ? <EditDefaultFirmware modalProps={modalProps} defaultFirmware={selectedFirmware} /> : null}
+    </Box>
+  );
+};
+
+export default DefaultFirmwareList;
--- a/src/pages/DefaultFirmware/index.tsx
+++ b/src/pages/DefaultFirmware/index.tsx
@@ -0,0 +1,6 @@
+import React from 'react';
+import DefaultFirmwareList from './List';
+
+const DefaultFirmwarePage = () => <DefaultFirmwareList />;
+
+export default DefaultFirmwarePage;
--- a/src/pages/DefaultFirmware/schemas.ts
+++ b/src/pages/DefaultFirmware/schemas.ts
@@ -0,0 +1,18 @@
+import * as Yup from 'yup';
+
+export const DefaultFirmwareSchema = (t: (str: string) => string) =>
+  Yup.object()
+    .shape({
+      deviceType: Yup.string().required(t('form.required')),
+      description: Yup.string(),
+      uri: Yup.string().required(t('form.required')),
+      revision: Yup.string().required(t('form.required')),
+      imageCreationDate: Yup.date().required(t('form.required')),
+    })
+    .default({
+      deviceType: '',
+      description: '',
+      uri: '',
+      revision: '',
+      imageCreationDate: '',
+    });
--- a/src/pages/Device/Details.tsx
+++ b/src/pages/Device/Details.tsx
@@ -11,7 +11,6 @@ import { compactDate } from 'helpers/dateFormatting';
 import { useGetDevice } from 'hooks/Network/Devices';
 import { useGetProvUi } from 'hooks/Network/Endpoints';
 import { useGetTag } from 'hooks/Network/Inventory';
-import { DeviceConfiguration } from 'models/Device';

 type Props = {
  serialNumber: string;
@@ -60,7 +59,7 @@ const DeviceDetails = ({ serialNumber }: Props) => {
        <Heading size="md">{t('common.details')}</Heading>
        <Spacer />
        <ViewCapabilitiesModal serialNumber={serialNumber} />
-        <ViewConfigurationModal configuration={getDevice.data?.configuration as DeviceConfiguration} />
+        <ViewConfigurationModal serialNumber={serialNumber} />
      </CardHeader>
      <CardBody display="block">
        <Grid templateColumns="repeat(2, 1fr)" gap={0} w="100%">
--- a/src/pages/Device/StatisticsCard/InterfaceChart.tsx
+++ b/src/pages/Device/StatisticsCard/InterfaceChart.tsx
@@ -175,6 +175,7 @@ const InterfaceChart = ({ data, format }: Props) => {
            },
          },
          y: {
+            beginAtZero: true,
            grid: {
              color: colorMode === 'dark' ? 'white' : undefined,
            },
--- a/src/pages/Device/Summary.tsx
+++ b/src/pages/Device/Summary.tsx
@@ -23,7 +23,7 @@ import { CardHeader } from 'components/Containers/Card/CardHeader';
 import FormattedDate from 'components/InformationDisplays/FormattedDate';
 import COUNTRY_LIST from 'constants/countryList';
 import { compactDate, compactSecondsToDetailed } from 'helpers/dateFormatting';
-import { bytesString, getRevision } from 'helpers/stringHelper';
+import { bytesString, getRevision, uppercaseFirstLetter } from 'helpers/stringHelper';
 import { useGetDevice, useGetDeviceStatus } from 'hooks/Network/Devices';
 import { useGetDeviceLastStats } from 'hooks/Network/Statistics';

@@ -157,7 +157,11 @@ const DeviceSummary = ({ serialNumber }: Props) => {
              <Heading size="sm">{t('analytics.last_contact')}:</Heading>
            </GridItem>
            <GridItem colSpan={1}>
-              {getStatus?.data?.lastContact ? <FormattedDate date={getStatus.data.lastContact} /> : ''}
+              {getStatus?.data?.lastContact && getStatus?.data.lastContact !== 0 ? (
+                <FormattedDate date={getStatus.data.lastContact} />
+              ) : (
+                <FormattedDate date={getDevice.data?.lastRecordedContact} />
+              )}
            </GridItem>
            <GridItem colSpan={1} alignContent="center" alignItems="center">
              <Heading size="sm">{t('analytics.memory')}:</Heading>
@@ -167,8 +171,10 @@ const DeviceSummary = ({ serialNumber }: Props) => {
              <Heading size="sm">{t('devices.certificate_expires_in')}:</Heading>
            </GridItem>
            <GridItem colSpan={1}>
-              {getStatus.data?.certificateExpiryDate && (
-                <FormattedDate date={getStatus.data?.certificateExpiryDate} hidePrefix />
+              {getDevice.data?.certificateExpiryDate ? (
+                <FormattedDate date={getDevice.data?.certificateExpiryDate} hidePrefix />
+              ) : (
+                '-'
              )}
            </GridItem>
            <GridItem colSpan={1} alignContent="center" alignItems="center">
@@ -176,7 +182,7 @@ const DeviceSummary = ({ serialNumber }: Props) => {
            </GridItem>
            <GridItem colSpan={1}>
              {getStatus.data?.connectReason && getStatus.data?.connectReason.length > 0
-                ? getStatus.data?.connectReason
+                ? uppercaseFirstLetter(getStatus.data.connectReason)
                : '-'}
            </GridItem>
          </Grid>
--- a/src/pages/Device/ViewConfigurationModal.tsx
+++ b/src/pages/Device/ViewConfigurationModal.tsx
@@ -7,7 +7,9 @@ import {
  AccordionPanel,
  Box,
  Button,
+  Center,
  IconButton,
+  Spinner,
  Tooltip,
  useClipboard,
  useColorMode,
@@ -17,19 +19,26 @@ import { JsonViewer } from '@textea/json-viewer';
 import { Barcode } from '@phosphor-icons/react';
 import { useTranslation } from 'react-i18next';
 import { Modal } from 'components/Modals/Modal';
-import { DeviceConfiguration } from 'models/Device';
+import { useGetDevice } from 'hooks/Network/Devices';
+import { RefreshButton } from 'components/Buttons/RefreshButton';

-const ViewConfigurationModal = ({ configuration }: { configuration?: DeviceConfiguration }) => {
+const ViewConfigurationModal = ({ serialNumber }: { serialNumber: string }) => {
  const { t } = useTranslation();
+  const getDevice = useGetDevice({ serialNumber });
  const { isOpen, onOpen, onClose } = useDisclosure();
-  const { hasCopied, onCopy, setValue } = useClipboard(JSON.stringify(configuration ?? {}, null, 2));
+  const { hasCopied, onCopy, setValue } = useClipboard(JSON.stringify(getDevice.data?.configuration ?? {}, null, 2));
  const { colorMode } = useColorMode();

  React.useEffect(() => {
-    if (configuration) {
-      setValue(JSON.stringify(configuration, null, 2));
+    if (getDevice.data) {
+      setValue(JSON.stringify(getDevice.data.configuration, null, 2));
    }
-  }, [configuration]);
+  }, [getDevice.data?.configuration]);
+
+  const handleOpenClick = () => {
+    getDevice.refetch();
+    onOpen();
+  };

  return (
    <>
@@ -37,7 +46,7 @@ const ViewConfigurationModal = ({ configuration }: { configuration?: DeviceConfi
        <IconButton
          aria-label={t('configurations.one')}
          icon={<Barcode size={20} />}
-          onClick={onOpen}
+          onClick={handleOpenClick}
          colorScheme="purple"
        />
      </Tooltip>
@@ -45,14 +54,17 @@ const ViewConfigurationModal = ({ configuration }: { configuration?: DeviceConfi
        isOpen={isOpen}
        title={t('configurations.one')}
        topRightButtons={
-          <Button onClick={onCopy} size="md" colorScheme="teal">
-            {hasCopied ? `${t('common.copied')}!` : t('common.copy')}
-          </Button>
+          <>
+            <Button onClick={onCopy} size="md" colorScheme="teal">
+              {hasCopied ? `${t('common.copied')}!` : t('common.copy')}
+            </Button>
+            <RefreshButton onClick={getDevice.refetch} isFetching={getDevice.isFetching} />
+          </>
        }
        onClose={onClose}
      >
        <Box display="inline-block" w="100%">
-          {configuration && (
+          {getDevice.data && !getDevice.isFetching ? (
            <Box maxH="calc(100vh - 250px)" minH="300px" overflowY="auto">
              <Accordion defaultIndex={0} allowToggle>
                <AccordionItem>
@@ -71,7 +83,7 @@ const ViewConfigurationModal = ({ configuration }: { configuration?: DeviceConfi
                      enableClipboard={false}
                      theme={colorMode === 'light' ? undefined : 'dark'}
                      defaultInspectDepth={1}
-                      value={configuration as object}
+                      value={getDevice.data.configuration as object}
                      style={{ background: 'unset', display: 'unset' }}
                    />
                  </AccordionPanel>
@@ -86,11 +98,15 @@ const ViewConfigurationModal = ({ configuration }: { configuration?: DeviceConfi
                    </AccordionButton>
                  </h2>
                  <AccordionPanel pb={4} overflowX="auto">
-                    <pre>{JSON.stringify(configuration, null, 2)}</pre>
+                    <pre>{JSON.stringify(getDevice.data.configuration, null, 2)}</pre>
                  </AccordionPanel>
                </AccordionItem>
              </Accordion>
            </Box>
+          ) : (
+            <Center my={12}>
+              <Spinner size="xl" />
+            </Center>
          )}
        </Box>
      </Modal>
@@ -98,4 +114,4 @@ const ViewConfigurationModal = ({ configuration }: { configuration?: DeviceConfi
  );
 };

-export default ViewConfigurationModal;
+export default React.memo(ViewConfigurationModal);
--- a/src/pages/Device/WifiAnalysis/AssocationsTable.tsx
+++ b/src/pages/Device/WifiAnalysis/AssocationsTable.tsx
@@ -6,6 +6,7 @@ import { ColumnPicker } from 'components/DataTables/ColumnPicker';
 import { DataTable } from 'components/DataTables/DataTable';
 import DataCell from 'components/TableCells/DataCell';
 import { Column } from 'models/Table';
+import IpCell from './IpCell';

 export type ParsedAssociation = {
  radio?: ParsedRadio;
@@ -35,7 +36,7 @@ type Props = {
  isSingle?: boolean;
 };

-const WifiAnalysisAssocationsTable = ({ data, ouis, isSingle }: Props) => {
+const WifiAnalysisAssociationsTable = ({ data, ouis, isSingle }: Props) => {
  const { t } = useTranslation();
  const [hiddenColumns, setHiddenColumns] = React.useState<string[]>([]);

@@ -50,6 +51,10 @@ const WifiAnalysisAssocationsTable = ({ data, ouis, isSingle }: Props) => {
  );
  const dataCell = React.useCallback((v: number) => <DataCell bytes={v} />, []);
  const indexCell = React.useCallback((assoc: ParsedAssociation) => assoc.radio?.band ?? assoc.radio?.deductedBand, []);
+  const ipCell = React.useCallback(
+    (assoc: ParsedAssociation) => <IpCell ipv4={assoc.ips.ipv4} ipv6={assoc.ips.ipv6} />,
+    [],
+  );

  const columns: Column<ParsedAssociation>[] = React.useMemo(
    (): Column<ParsedAssociation>[] => [
@@ -72,6 +77,13 @@ const WifiAnalysisAssocationsTable = ({ data, ouis, isSingle }: Props) => {
        isMonospace: true,
        alwaysShow: true,
      },
+      {
+        id: 'ips',
+        Header: 'IPs',
+        Footer: '',
+        Cell: (v) => ipCell(v.cell.row.original),
+        disableSortBy: true,
+      },
      {
        id: 'vendor',
        Header: t('controller.wifi.vendor'),
@@ -195,4 +207,4 @@ const WifiAnalysisAssocationsTable = ({ data, ouis, isSingle }: Props) => {
  );
 };

-export default WifiAnalysisAssocationsTable;
+export default WifiAnalysisAssociationsTable;
--- a/src/pages/Device/WifiAnalysis/IpCell.tsx
+++ b/src/pages/Device/WifiAnalysis/IpCell.tsx
@@ -0,0 +1,90 @@
+import * as React from 'react';
+import { CopyIcon } from '@chakra-ui/icons';
+import {
+  Button,
+  Flex,
+  Heading,
+  IconButton,
+  ListItem,
+  Popover,
+  PopoverArrow,
+  PopoverBody,
+  PopoverCloseButton,
+  PopoverContent,
+  PopoverHeader,
+  PopoverTrigger,
+  Text,
+  Tooltip,
+  UnorderedList,
+  useBoolean,
+  useClipboard,
+} from '@chakra-ui/react';
+
+const CopyString = ({ str }: { str: string }) => {
+  const [isHovered, setHovered] = useBoolean(false);
+  const copy = useClipboard(str);
+
+  return (
+    <Flex alignItems="center" onMouseEnter={setHovered.on} onMouseLeave={setHovered.off}>
+      <Text>{str}</Text>
+      <Tooltip label={copy.hasCopied ? 'Copied!' : 'Copy'} placement="top">
+        <IconButton
+          aria-label={copy.hasCopied ? 'Copied!' : 'Copy'}
+          size="sm"
+          onClick={copy.onCopy}
+          icon={<CopyIcon />}
+          variant="transparent"
+          opacity={!isHovered ? 0 : 1}
+        />
+      </Tooltip>
+    </Flex>
+  );
+};
+
+type Props = {
+  ipv4: string[];
+  ipv6: string[];
+};
+
+const IpCell = ({ ipv4, ipv6 }: Props) => {
+  const length = ipv4.length + ipv6.length;
+
+  return (
+    <Popover>
+      <PopoverTrigger>
+        <Button colorScheme="teal" size="sm">
+          {length}
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent>
+        <PopoverArrow />
+        <PopoverCloseButton />
+        <PopoverHeader>
+          <Heading size="sm">
+            {length} {length === 1 ? 'IP' : 'IPs'}
+          </Heading>
+        </PopoverHeader>
+        <PopoverBody>
+          <Heading size="sm">IpV4 ({ipv4.length})</Heading>
+          <UnorderedList>
+            {ipv4.map((ip) => (
+              <ListItem key={ip}>
+                <CopyString str={ip} />
+              </ListItem>
+            ))}
+          </UnorderedList>
+          <Heading size="sm">IpV6 ({ipv6.length})</Heading>
+          <UnorderedList>
+            {ipv6.map((ip) => (
+              <ListItem key={ip}>
+                <CopyString str={ip} />
+              </ListItem>
+            ))}
+          </UnorderedList>
+        </PopoverBody>
+      </PopoverContent>
+    </Popover>
+  );
+};
+
+export default IpCell;
--- a/src/pages/Device/WifiAnalysis/index.tsx
+++ b/src/pages/Device/WifiAnalysis/index.tsx
@@ -162,7 +162,7 @@ const WifiAnalysisCard = ({ serialNumber }: Props) => {
            <SliderTrack>
              <SliderFilledTrack />
            </SliderTrack>
-            <SliderThumb />
+            <SliderThumb zIndex={0} />
          </Slider>
        )}
        <Box />
--- a/src/pages/Devices/ListCard/index.tsx
+++ b/src/pages/Devices/ListCard/index.tsx
@@ -694,7 +694,7 @@ const DeviceListCard = () => {
      <DataGrid<DeviceWithStatus>
        controller={tableController}
        header={{
-          title: `${getCount.data?.count} ${t('devices.title')}`,
+          title: `${getCount.data?.count ?? 0} ${t('devices.title')}`,
          objectListed: t('devices.title'),
          leftContent: <GlobalSearchBar />,
          otherButtons: (
--- a/src/pages/Firmware/List/Modal.tsx
+++ b/src/pages/Firmware/List/Modal.tsx
@@ -138,6 +138,7 @@ const FirmwareDetailsModal = ({ modalProps, firmware }: Props) => {

  React.useEffect(() => {
    if (firmware) {
+      copy.setValue(firmware?.uri ?? '');
      setNewDescription(firmware?.description);
    }
  }, [firmware]);
--- a/src/pages/Firmware/List/index.tsx
+++ b/src/pages/Firmware/List/index.tsx
@@ -55,7 +55,7 @@ const FirmwareListTable = () => {
    [],
  );
  const revisionCell = React.useCallback((v: string) => getRevision(v), []);
-  const uriCell = React.useCallback((v: string) => <UriCell uri={v} />, []);
+  const uriCell = React.useCallback((v: string) => <UriCell key={v} uri={v} />, []);
  const actionCell = React.useCallback(
    (firmw: Firmware) => (
      <Tooltip hasArrow label={t('common.view_details')} placement="top">
--- a/src/pages/MonitoringPage/MonitoringSystemCard/index.tsx
+++ b/src/pages/MonitoringPage/MonitoringSystemCard/index.tsx
@@ -0,0 +1,291 @@
+import * as React from 'react';
+import { Box, Center, Divider, Flex, Heading, useBreakpoint, useColorMode } from '@chakra-ui/react';
+import {
+  Chart as ChartJS,
+  CategoryScale,
+  LinearScale,
+  PointElement,
+  LineElement,
+  Title,
+  Tooltip,
+  Legend,
+  CoreChartOptions,
+  ElementChartOptions,
+  PluginChartOptions,
+  DatasetChartOptions,
+  ScaleChartOptions,
+  LineControllerChartOptions,
+} from 'chart.js';
+import { _DeepPartialObject } from 'chart.js/types/utils';
+import { Line } from 'react-chartjs-2';
+import { EndpointApiResponse } from 'hooks/Network/Endpoints';
+import { SystemResources, useGetSystemResources } from 'hooks/Network/System';
+import { Card } from 'components/Containers/Card';
+import { CardHeader } from 'components/Containers/Card/CardHeader';
+import { CardBody } from 'components/Containers/Card/CardBody';
+import { bytesString } from 'helpers/stringHelper';
+
+ChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip, Legend);
+
+const getDivisionFactor = (maxBytes: number) => {
+  if (maxBytes < 1024) {
+    return { factor: 1, unit: 'B' };
+  }
+  if (maxBytes < 1024 * 1024) {
+    return { factor: 1024, unit: 'KB' };
+  }
+  if (maxBytes < 1024 * 1024 * 1024) {
+    return { factor: 1024 * 1024, unit: 'MB' };
+  }
+  return { factor: 1024 * 1024 * 1024, unit: 'GB' };
+};
+
+interface Props {
+  endpoint: EndpointApiResponse;
+  token: string;
+}
+
+const MonitoringSystemCard = ({ endpoint, token }: Props) => {
+  const { colorMode } = useColorMode();
+  const [cumulativeData, setCumulativeData] = React.useState<(SystemResources & { timestamp: Date })[]>([]);
+  const breakpoint = useBreakpoint();
+
+  const isVertical = React.useMemo(
+    () => breakpoint === 'base' || breakpoint === 'sm' || breakpoint === 'md',
+    [breakpoint],
+  );
+
+  const onNewData = (data: SystemResources) => {
+    if (cumulativeData.length > 100) {
+      setCumulativeData((prev) => [...prev.slice(1), { ...data, timestamp: new Date() }]);
+    } else {
+      setCumulativeData((prev) => [...prev, { ...data, timestamp: new Date() }]);
+    }
+  };
+
+  const getResources = useGetSystemResources({ endpoint: endpoint.uri, token, onSuccess: onNewData });
+
+  const data = React.useMemo(() => {
+    const labels = [] as string[];
+    const currentRealMemory = [] as string[];
+    const peakRealMemory = [] as string[];
+    const currentVirtualMemory = [] as string[];
+    const peakVirtualMemory = [] as string[];
+    const numberOfFileDescriptors = [] as number[];
+
+    let highestRealMem = 0;
+    let highestVirtualMem = 0;
+    for (const curr of cumulativeData) {
+      if (curr.currRealMem > highestRealMem) highestRealMem = curr.currRealMem;
+      if (curr.currVirtMem > highestVirtualMem) highestVirtualMem = curr.currVirtMem;
+    }
+
+    const realMemFactor = getDivisionFactor(highestRealMem);
+    const virtualMemFactor = getDivisionFactor(highestVirtualMem);
+
+    for (const curr of cumulativeData) {
+      labels.push(curr.timestamp.toLocaleTimeString());
+      currentRealMemory.push((Math.floor((curr.currRealMem / realMemFactor.factor) * 100) / 100).toFixed(2));
+      peakRealMemory.push((Math.floor((curr.peakRealMem / realMemFactor.factor) * 100) / 100).toFixed(2));
+      currentVirtualMemory.push((Math.floor((curr.currVirtMem / virtualMemFactor.factor) * 100) / 100).toFixed(2));
+      peakVirtualMemory.push((Math.floor((curr.peakVirtMem / virtualMemFactor.factor) * 100) / 100).toFixed(2));
+      numberOfFileDescriptors.push(curr.numberOfFileDescriptors);
+    }
+
+    const datasets = [
+      {
+        label: 'Curr. Real Mem.',
+        data: currentRealMemory,
+        borderColor: 'rgb(255, 99, 132)',
+        backgroundColor: 'rgba(255, 99, 132, 0.5)',
+        pointRadius: 0,
+      },
+      {
+        label: 'Curr. Virt. Mem.',
+        data: currentVirtualMemory,
+        borderColor: 'rgb(75, 192, 192)',
+        backgroundColor: 'rgba(75, 192, 192, 0.5)',
+        pointRadius: 0,
+      },
+      {
+        label: 'File Descriptors',
+        data: numberOfFileDescriptors,
+        borderColor: 'rgb(255, 99, 132)',
+        backgroundColor: 'rgba(255, 99, 132, 0.2)',
+        pointRadius: 0,
+      },
+    ] as const;
+
+    const newData = {
+      labels,
+      realMemFactor,
+      virtualMemFactor,
+      dataTick: (value: number) => {
+        try {
+          const temp = String(value);
+
+          if (temp.includes('.')) {
+            return Number(temp).toFixed(1);
+          }
+
+          return temp;
+        } catch (e) {
+          return value;
+        }
+      },
+      datasets,
+    };
+
+    return newData;
+  }, [cumulativeData]);
+
+  const options: (
+    factor?: number,
+    unit?: string,
+  ) => _DeepPartialObject<
+    CoreChartOptions<'line'> &
+      ElementChartOptions<'line'> &
+      PluginChartOptions<'line'> &
+      DatasetChartOptions<'line'> &
+      ScaleChartOptions<'line'> &
+      LineControllerChartOptions
+  > = React.useMemo(
+    () => (_?: number, unit?: string) => ({
+      maintainAspectRatio: false,
+      responsive: true,
+      plugins: {
+        legend: {
+          display: false,
+        },
+        title: {
+          display: false,
+        },
+        tooltip: {
+          mode: 'index',
+          position: 'nearest',
+          intersect: false,
+
+          callbacks: {
+            label: (context) => `${context.dataset.label}: ${context.formattedValue} ${unit ?? ''}`,
+          },
+        },
+      },
+      scales: {
+        x: {
+          grid: {
+            color: colorMode === 'dark' ? 'white' : undefined,
+          },
+          ticks: {
+            color: colorMode === 'dark' ? 'white' : undefined,
+            maxRotation: 10,
+            autoSkip: true,
+            maxTicksLimit: 10,
+          },
+        },
+        y: {
+          grid: {
+            color: colorMode === 'dark' ? 'white' : undefined,
+          },
+          ticks: {
+            color: colorMode === 'dark' ? 'white' : undefined,
+            callback: (tickValue) => (unit ? `${data.dataTick(tickValue as number)} ${unit}` : tickValue),
+          },
+          beginAtZero: true,
+        },
+      },
+      elements: {
+        line: {
+          tension: 0.4,
+        },
+      },
+      hover: {
+        mode: 'nearest',
+        intersect: true,
+      },
+    }),
+    [colorMode, data],
+  );
+
+  if (getResources.error || getResources.isLoading) return null;
+
+  return (
+    <Card>
+      <CardHeader>
+        <Heading size="md" pt={0}>
+          {endpoint.type}
+        </Heading>
+      </CardHeader>
+      <CardBody>
+        {isVertical ? (
+          <Box w="100%" display="block">
+            <Box mb={4}>
+              <Heading size="sm">Real Memory (Peak: {bytesString(getResources.data?.peakRealMem ?? 0)})</Heading>
+              <Box position="relative" w="100%">
+                <Line
+                  options={options(data.realMemFactor.factor, data.realMemFactor.unit)}
+                  data={{ ...data, datasets: [data.datasets[0]] }}
+                />
+              </Box>
+            </Box>
+            <Box>
+              <Heading size="sm">Virtual Memory (Peak: {bytesString(getResources.data?.peakVirtMem ?? 0)})</Heading>
+              <Box position="relative" w="100%">
+                <Line
+                  options={options(data.virtualMemFactor.factor, data.virtualMemFactor.unit)}
+                  data={{ ...data, datasets: [data.datasets[1]] }}
+                />
+              </Box>
+            </Box>
+            <Box>
+              <Heading size="sm">File Descriptors</Heading>
+              <Box position="relative" w="100%">
+                <Line options={options()} data={{ ...data, datasets: [data.datasets[2]] }} height={180} />
+              </Box>
+            </Box>
+          </Box>
+        ) : (
+          <Box w="100%" display="block">
+            <Flex w="100%">
+              <Box w="100%">
+                <Center>
+                  <Heading size="sm">Real Memory (Peak: {bytesString(getResources.data?.peakRealMem ?? 0)})</Heading>
+                </Center>
+                <Box position="relative" w="100%">
+                  <Line
+                    options={options(data.realMemFactor.factor, data.realMemFactor.unit)}
+                    data={{ ...data, datasets: [data.datasets[0]] }}
+                    height={180}
+                  />
+                </Box>
+              </Box>
+              <Divider height="180px" mx={4} orientation="vertical" />
+              <Box w="100%">
+                <Center>
+                  <Heading size="sm">Virtual Memory (Peak: {bytesString(getResources.data?.peakVirtMem ?? 0)})</Heading>
+                </Center>
+                <Box position="relative" w="100%">
+                  <Line
+                    options={options(data.virtualMemFactor.factor, data.virtualMemFactor.unit)}
+                    data={{ ...data, datasets: [data.datasets[1]] }}
+                    height={180}
+                  />
+                </Box>
+              </Box>
+              <Divider height="180px" mx={4} orientation="vertical" />
+              <Box w="100%">
+                <Center>
+                  <Heading size="sm">File Descriptors</Heading>
+                </Center>
+                <Box position="relative" w="100%">
+                  <Line options={options()} data={{ ...data, datasets: [data.datasets[2]] }} height={180} />
+                </Box>
+              </Box>
+            </Flex>
+          </Box>
+        )}
+      </CardBody>
+    </Card>
+  );
+};
+
+export default MonitoringSystemCard;
--- a/src/pages/MonitoringPage/index.tsx
+++ b/src/pages/MonitoringPage/index.tsx
@@ -0,0 +1,56 @@
+import * as React from 'react';
+import { SimpleGrid, Spacer } from '@chakra-ui/react';
+import { v4 as uuid } from 'uuid';
+import { RefreshButton } from '../../components/Buttons/RefreshButton';
+import SystemTile from './MonitoringSystemCard';
+import { useAuth } from 'contexts/AuthProvider';
+import { useGetEndpoints } from 'hooks/Network/Endpoints';
+import { Card } from 'components/Containers/Card';
+import { CardHeader } from 'components/Containers/Card/CardHeader';
+import { axiosSec } from 'constants/axiosInstances';
+
+type MonitoringPageProps = {
+  isOnlySec?: boolean;
+};
+
+const MonitoringPage = ({ isOnlySec }: MonitoringPageProps) => {
+  const { token } = useAuth();
+  const { data: endpoints, refetch, isFetching } = useGetEndpoints({ onSuccess: () => {} });
+
+  const endpointsList = React.useMemo(() => {
+    if (!token || (!isOnlySec && !endpoints)) return null;
+
+    const endpointList = endpoints ? [...endpoints] : [];
+    endpointList.push({
+      uri: axiosSec.defaults.baseURL?.split('/api/v1')[0] ?? '',
+      type: isOnlySec ? '' : 'owsec',
+      id: 0,
+      vendor: 'owsec',
+      authenticationType: '',
+    });
+
+    return endpointList
+      .sort((a, b) => {
+        if (a.type < b.type) return -1;
+        if (a.type > b.type) return 1;
+        return 0;
+      })
+      .map((endpoint) => <SystemTile key={uuid()} endpoint={endpoint} token={token} />);
+  }, [endpoints, token]);
+
+  return (
+    <>
+      <Card mb="20px">
+        <CardHeader variant="unstyled" px={4} py={2}>
+          <Spacer />
+          <RefreshButton onClick={refetch} isFetching={isFetching} />
+        </CardHeader>
+      </Card>
+      <SimpleGrid minChildWidth="1000px" spacing="20px">
+        {endpointsList}
+      </SimpleGrid>
+    </>
+  );
+};
+
+export default MonitoringPage;
--- a/src/router/routes.tsx
+++ b/src/router/routes.tsx
@@ -2,7 +2,9 @@ import React from 'react';
 import { Barcode, FloppyDisk, Info, ListBullets, TerminalWindow, UsersThree, WifiHigh } from '@phosphor-icons/react';
 import { Route } from 'models/Routes';

+const AdvancedSystemPage = React.lazy(() => import('pages/AdvancedSystemPage'));
 const DefaultConfigurationsPage = React.lazy(() => import('pages/DefaultConfigurations'));
+const DefaultFirmwarePage = React.lazy(() => import('pages/DefaultFirmware'));
 const DevicePage = React.lazy(() => import('pages/Device'));
 const DashboardPage = React.lazy(() => import('pages/Devices/Dashboard'));
 const AllDevicesPage = React.lazy(() => import('pages/Devices/ListCard'));
@@ -16,6 +18,7 @@ const FirmwareDashboard = React.lazy(() => import('pages/Firmware/Dashboard'));
 const ProfilePage = React.lazy(() => import('pages/Profile'));
 const ScriptsPage = React.lazy(() => import('pages/Scripts'));
 const UsersPage = React.lazy(() => import('pages/UsersPage'));
+const MonitoringPage = React.lazy(() => import('pages/MonitoringPage'));
 const EndpointsPage = React.lazy(() => import('pages/EndpointsPage'));
 const SystemConfigurationPage = React.lazy(() => import('pages/SystemConfigurationPage'));

@@ -82,12 +85,26 @@ const routes: Route[] = [
    component: ScriptsPage,
  },
  {
-    id: 'configurations',
+    id: 'defaults-group',
    authorized: ['root', 'partner', 'admin', 'csr', 'system'],
-    path: '/configurations',
-    name: 'configurations.title',
+    name: 'common.defaults',
    icon: () => <Barcode size={28} weight="bold" />,
-    component: DefaultConfigurationsPage,
+    children: [
+      {
+        id: 'configurations',
+        authorized: ['root', 'partner', 'admin', 'csr', 'system'],
+        path: '/configurations',
+        name: 'configurations.title',
+        component: DefaultConfigurationsPage,
+      },
+      {
+        id: 'default_firmware',
+        authorized: ['root', 'partner', 'admin', 'csr', 'system'],
+        path: '/firmware/defaults',
+        name: 'firmware.one',
+        component: DefaultFirmwarePage,
+      },
+    ],
  },
  {
    id: 'logs-group',
@@ -163,11 +180,11 @@ const routes: Route[] = [
    icon: () => <Info size={28} weight="bold" />,
    children: [
      {
-        id: 'system-services',
+        id: 'system-advanced',
        authorized: ['root', 'partner', 'admin', 'csr', 'system'],
-        path: '/services',
-        name: 'system.services',
-        component: EndpointsPage,
+        path: '/systemAdvanced',
+        name: 'system.advanced',
+        component: AdvancedSystemPage,
      },
      {
        id: 'system-configuration',
@@ -176,6 +193,20 @@ const routes: Route[] = [
        name: 'system.configuration',
        component: SystemConfigurationPage,
      },
+      {
+        id: 'system-monitoring',
+        authorized: ['root', 'partner', 'admin', 'csr', 'system'],
+        path: '/systemMonitoring',
+        name: 'analytics.monitoring',
+        component: MonitoringPage,
+      },
+      {
+        id: 'system-services',
+        authorized: ['root', 'partner', 'admin', 'csr', 'system'],
+        path: '/services',
+        name: 'system.services',
+        component: EndpointsPage,
+      },
    ],
  },
 ];
Author	SHA1	Message	Date
TIP Automation User	9e3df09fb2	Chg: update image tag in helm values to v3.0.0	2023-12-29 15:19:32 +00:00
TIP Automation User	2445935627	Chg: update image tag in helm values to v3.0.0-RC1	2023-11-27 17:38:20 +00:00
Charles Bourque	e9f1e4d8da	Merge pull request #202 from stephb9959/main [WIFI-13170] Advanced system page	2023-11-21 14:48:11 +00:00
Charles	f3a995f68f	[WIFI-13170] Advanced system page Signed-off-by: Charles <charles.bourque96@gmail.com>	2023-11-21 14:47:05 +00:00
Charles Bourque	a967163d28	Merge pull request #201 from stephb9959/main [WIFI-13153] Added IP addresses to wifi analysis	2023-11-13 12:06:49 +02:00
Charles	d3514213ca	[WIFI-13153] Added IP addresses to wifi analysis Signed-off-by: Charles <charles.bourque96@gmail.com>	2023-11-13 12:06:18 +02:00
Charles Bourque	a55341f406	Merge pull request #200 from stephb9959/main [WIFI-13136] Display WiFi scan new station count and channel utilization values	2023-11-08 12:22:51 +02:00
Charles	1c9a5bfa18	[WIFI-13136] Display WiFi scan new station count and channel utilization values Signed-off-by: Charles <charles.bourque96@gmail.com>	2023-11-08 12:22:10 +02:00
Charles	179900fab0	[WIFI-13136] Display WiFi scan new station count and channel utilization values Signed-off-by: Charles <charles.bourque96@gmail.com>	2023-11-08 12:19:40 +02:00
Charles Bourque	9011e30521	Merge pull request #199 from stephb9959/main [WIFI-13104] Now displaying lastContact and certificateExpiry on disc…	2023-10-31 11:14:51 +00:00
Charles	418f4ce576	[WIFI-13104] Now displaying lastContact and certificateExpiry on disconnected devices Signed-off-by: Charles <charles.bourque96@gmail.com>	2023-10-31 11:14:08 +00:00
Charles Bourque	9eb65237f9	Merge pull request #198 from SebastianRubina/new_branch [WIFI-13097] Fixed issue with Navbar Overlap	2023-10-18 19:59:58 +01:00
Sebastian Rubina	89a667569b	Changing Version Number Signed-off-by: Sebastian Rubina <sebastian.rubina@icloud.com>	2023-10-18 14:52:33 -04:00
Sebastian Rubina	b87091a33a	WIFI-13097 - Signed-off-by: Sebastian Rubina sebastian.rubina@kinarasystems.com Signed-off-by: Sebastian Rubina sebastian.rubina@kinarasystems.com	2023-10-18 12:23:58 -04:00
Charles Bourque	d9a659acbc	Merge pull request #196 from stephb9959/main [WIFI-13005] Firmware modal copy button fix	2023-10-12 14:42:34 +01:00
Charles	ec8347fd7d	[WIFI-13005] Firmware modal copy button fix Signed-off-by: Charles <charles.bourque96@gmail.com>	2023-10-12 14:42:01 +01:00
Charles Bourque	b161729c46	Merge pull request #195 from stephb9959/main [WIFI-12948] Fixed view configuration modal cache	2023-09-20 14:17:14 +01:00
Charles	2194a7fc23	[WIFI-12948] Fixed view configuration modal cache Signed-off-by: Charles <charles.bourque96@gmail.com>	2023-09-20 14:16:41 +01:00
Charles Bourque	03c6471e97	Merge pull request #194 from stephb9959/main [WIFI-12885] New Monitoring and Default Firmware pages	2023-08-25 16:56:25 +02:00
Charles	be52ed7d44	[WIFI-12885] New Monitoring and Default Firmware pages Signed-off-by: Charles <charles.bourque96@gmail.com>	2023-08-25 16:55:31 +02:00
Charles Bourque	3afc9db5d3	Merge pull request #193 from stephb9959/main [WIFI-12709] Added new HFCL device images	2023-07-07 09:13:39 +02:00
Charles	30d882e1c0	[WIFI-12709] Added new HFCL device images Signed-off-by: Charles <charles.bourque96@gmail.com>	2023-07-07 09:13:00 +02:00
Charles Bourque	4836279b77	Merge pull request #192 from stephb9959/main [WIFI-12664] Fixed firmware list dates in firmware upgrade modal	2023-06-13 01:13:00 +07:00
Charles	4a74bfebc4	[WIFI-12664] Fixed firmware list dates in firmware upgrade modal Signed-off-by: Charles <charles.bourque96@gmail.com>	2023-06-12 20:11:34 +02:00