The UI for New Configuration is done

src/static/app/package-lock.json

@@ -10,6 +10,7 @@
       "dependencies": {
         "bootstrap": "^5.3.2",
         "bootstrap-icons": "^1.11.2",
+        "cidr-tools": "^7.0.4",
         "pinia": "^2.1.7",
         "qrcode": "^1.5.3",
         "uuid": "^9.0.1",
@@ -755,6 +756,17 @@
         "node": ">=6"
       }
     },
+    "node_modules/cidr-tools": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/cidr-tools/-/cidr-tools-7.0.4.tgz",
+      "integrity": "sha512-bKd6xC01ObuVKvJPGdV9Rz02KFO3mtHwMe/QTlcVuFAmU5n3RN/F3FgppHZaQjM+c/1i9YB9rgKNH/5iVqwCoA==",
+      "dependencies": {
+        "ip-bigint": "^8.0.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/cliui": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
@@ -897,6 +909,14 @@
         "node": "6.* || 8.* || >= 10.*"
       }
     },
+    "node_modules/ip-bigint": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/ip-bigint/-/ip-bigint-8.0.2.tgz",
+      "integrity": "sha512-UMKHGx7+4O2mD/6jnpNtt4UMA0tRQ3XAiNVYlbLssFU1LegKqKwPqbqtLVW7lQU/c6rCWI1hcxxs4TP96Xa+rQ==",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/is-fullwidth-code-point": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",