diff --git a/ui/package-lock.json b/ui/package-lock.json
index 59300249f4f..dd0ff77a659 100644
--- a/ui/package-lock.json
+++ b/ui/package-lock.json
@@ -2775,9 +2775,9 @@
       "dev": true
     },
     "@ctrl/tinycolor": {
-      "version": "3.4.1",
-      "resolved": "https://registry.npmjs.org/@ctrl/tinycolor/-/tinycolor-3.4.1.tgz",
-      "integrity": "sha512-ej5oVy6lykXsvieQtqZxCOaLT+xD4+QNarq78cIYISHmZXshCvROLudpQN3lfL8G0NL7plMSSK+zlyvCaIJ4Iw=="
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/@ctrl/tinycolor/-/tinycolor-3.5.0.tgz",
+      "integrity": "sha512-tlJpwF40DEQcfR/QF+wNMVyGMaO9FQp6Z1Wahj4Gk3CJQYHwA2xVG7iKDFdW6zuxZY9XWOpGcfNCTsX4McOsOg=="
     },
     "@element-plus/icons-vue": {
       "version": "2.0.10",
@@ -2785,15 +2785,15 @@
       "integrity": "sha512-ygEZ1mwPjcPo/OulhzLE7mtDrQBWI8vZzEWSNB2W/RNCRjoQGwbaK4N8lV4rid7Ts4qvySU3njMN7YCiSlSaTQ=="
     },
     "@eslint/eslintrc": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.3.tgz",
-      "integrity": "sha512-uj3pT6Mg+3t39fvLrj8iuCIJ38zKO9FpGtJ4BBJebJhEwjoT+KLVNCcHT5QC9NGRIEi7fZ0ZR8YRb884auB4Lg==",
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.4.0.tgz",
+      "integrity": "sha512-7yfvXy6MWLgWSFsLhz5yH3iQ52St8cdUY6FoGieKkRDVxuxmrNuUetIuu6cmjNWwniUHiWXjxCr5tTXDrbYS5A==",
       "dev": true,
       "requires": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
         "espree": "^9.4.0",
-        "globals": "^13.15.0",
+        "globals": "^13.19.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.2.1",
         "js-yaml": "^4.1.0",
@@ -2802,9 +2802,9 @@
       },
       "dependencies": {
         "globals": {
-          "version": "13.18.0",
-          "resolved": "https://registry.npmjs.org/globals/-/globals-13.18.0.tgz",
-          "integrity": "sha512-/mR4KI8Ps2spmoc0Ulu9L7agOF0du1CZNQ3dke8yItYlyKNmGrkONemBbd6V8UTc1Wgcqn21t3WYB7dbRmh6/A==",
+          "version": "13.19.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-13.19.0.tgz",
+          "integrity": "sha512-dkQ957uSRWHw7CFXLUtUHQI3g3aWApYhfNR2O6jn/907riyTYKVBmxYVROkBcY614FSSeSJh7Xm7SrUWCxvJMQ==",
           "dev": true,
           "requires": {
             "type-fest": "^0.20.2"
@@ -2825,16 +2825,16 @@
       }
     },
     "@floating-ui/core": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.0.2.tgz",
-      "integrity": "sha512-Skfy0YS3NJ5nV9us0uuPN0HDk1Q4edljaOhRBJGDWs9EBa7ZVMYBHRFlhLvvmwEoaIM9BlH6QJFn9/uZg0bACg=="
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.0.4.tgz",
+      "integrity": "sha512-FPFLbg2b06MIw1dqk2SOEMAMX3xlrreGjcui5OTxfBDtaKTmh0kioOVjT8gcfl58juawL/yF+S+gnq8aUYQx/Q=="
     },
     "@floating-ui/dom": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.0.7.tgz",
-      "integrity": "sha512-6RsqvCYe0AYWtsGvuWqCm7mZytnXAZCjWtsWu1Kg8dI3INvj/DbKlDsZO+mKSaQdPT12uxIW9W2dAWJkPx4Y5g==",
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.0.12.tgz",
+      "integrity": "sha512-HeG/wHoa2laUHlDX3xkzqlUqliAfa+zqV04LaKIwNCmCNaW2p0fQi4/Kd0LB4GdFoJ2UllLFq5gWnXAd67lg7w==",
       "requires": {
-        "@floating-ui/core": "^1.0.2"
+        "@floating-ui/core": "^1.0.4"
       }
     },
     "@hapi/hoek": {
@@ -2853,9 +2853,9 @@
       }
     },
     "@humanwhocodes/config-array": {
-      "version": "0.11.7",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.7.tgz",
-      "integrity": "sha512-kBbPWzN8oVMLb0hOUYXhmxggL/1cJE6ydvjDIGi9EnAGUyA7cLVKQg+d/Dsm+KZwx2czGHrCmMVLiyg8s5JPKw==",
+      "version": "0.11.8",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",
+      "integrity": "sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==",
       "dev": true,
       "requires": {
         "@humanwhocodes/object-schema": "^1.2.1",
@@ -3307,6 +3307,11 @@
         "@jridgewell/sourcemap-codec": "^1.4.10"
       }
     },
+    "@kurkle/color": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@kurkle/color/-/color-0.3.1.tgz",
+      "integrity": "sha512-hW0GwZj06z/ZFUW2Espl7toVDjghJN+EKqyXzPSV8NV89d5BYp5rRMBJoc+aUN0x5OXDMeRQHazejr2Xmqj2tw=="
+    },
     "@leichtgewicht/ip-codec": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz",
@@ -3363,11 +3368,6 @@
       "integrity": "sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==",
       "dev": true
     },
-    "@popperjs/core": {
-      "version": "npm:@sxzz/popperjs-es@2.11.7",
-      "resolved": "https://registry.npmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
-      "integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
-    },
     "@sideway/address": {
       "version": "4.1.4",
       "resolved": "https://registry.npmjs.org/@sideway/address/-/address-4.1.4.tgz",
@@ -3709,9 +3709,9 @@
       "dev": true
     },
     "@types/lodash": {
-      "version": "4.14.190",
-      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.190.tgz",
-      "integrity": "sha512-5iJ3FBJBvQHQ8sFhEhJfjUP+G+LalhavTkYyrAYqz5MEJG+erSv0k9KJLb6q7++17Lafk1scaTIFXcMJlwK8Mw=="
+      "version": "4.14.191",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.191.tgz",
+      "integrity": "sha512-BdZ5BCCvho3EIXw6wUCXHe7rS53AIDPLE+JzwgT+OsJk53oBfbSmZZ7CX4VaRoN78N+TJpFi9QPlfIVNmJYWxQ=="
     },
     "@types/lodash-es": {
       "version": "4.17.6",
@@ -3857,29 +3857,29 @@
       "dev": true
     },
     "@typescript-eslint/scope-manager": {
-      "version": "5.45.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.45.0.tgz",
-      "integrity": "sha512-noDMjr87Arp/PuVrtvN3dXiJstQR1+XlQ4R1EvzG+NMgXi8CuMCXpb8JqNtFHKceVSQ985BZhfRdowJzbv4yKw==",
+      "version": "5.47.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.47.0.tgz",
+      "integrity": "sha512-dvJab4bFf7JVvjPuh3sfBUWsiD73aiftKBpWSfi3sUkysDQ4W8x+ZcFpNp7Kgv0weldhpmMOZBjx1wKN8uWvAw==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/types": "5.45.0",
-        "@typescript-eslint/visitor-keys": "5.45.0"
+        "@typescript-eslint/types": "5.47.0",
+        "@typescript-eslint/visitor-keys": "5.47.0"
       }
     },
     "@typescript-eslint/types": {
-      "version": "5.45.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.45.0.tgz",
-      "integrity": "sha512-QQij+u/vgskA66azc9dCmx+rev79PzX8uDHpsqSjEFtfF2gBUTRCpvYMh2gw2ghkJabNkPlSUCimsyBEQZd1DA==",
+      "version": "5.47.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.47.0.tgz",
+      "integrity": "sha512-eslFG0Qy8wpGzDdYKu58CEr3WLkjwC5Usa6XbuV89ce/yN5RITLe1O8e+WFEuxnfftHiJImkkOBADj58ahRxSg==",
       "dev": true
     },
     "@typescript-eslint/typescript-estree": {
-      "version": "5.45.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.45.0.tgz",
-      "integrity": "sha512-maRhLGSzqUpFcZgXxg1qc/+H0bT36lHK4APhp0AEUVrpSwXiRAomm/JGjSG+kNUio5kAa3uekCYu/47cnGn5EQ==",
+      "version": "5.47.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.47.0.tgz",
+      "integrity": "sha512-LxfKCG4bsRGq60Sqqu+34QT5qT2TEAHvSCCJ321uBWywgE2dS0LKcu5u+3sMGo+Vy9UmLOhdTw5JHzePV/1y4Q==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/types": "5.45.0",
-        "@typescript-eslint/visitor-keys": "5.45.0",
+        "@typescript-eslint/types": "5.47.0",
+        "@typescript-eslint/visitor-keys": "5.47.0",
         "debug": "^4.3.4",
         "globby": "^11.1.0",
         "is-glob": "^4.0.3",
@@ -3899,16 +3899,16 @@
       }
     },
     "@typescript-eslint/utils": {
-      "version": "5.45.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.45.0.tgz",
-      "integrity": "sha512-OUg2JvsVI1oIee/SwiejTot2OxwU8a7UfTFMOdlhD2y+Hl6memUSL4s98bpUTo8EpVEr0lmwlU7JSu/p2QpSvA==",
+      "version": "5.47.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.47.0.tgz",
+      "integrity": "sha512-U9xcc0N7xINrCdGVPwABjbAKqx4GK67xuMV87toI+HUqgXj26m6RBp9UshEXcTrgCkdGYFzgKLt8kxu49RilDw==",
       "dev": true,
       "requires": {
         "@types/json-schema": "^7.0.9",
         "@types/semver": "^7.3.12",
-        "@typescript-eslint/scope-manager": "5.45.0",
-        "@typescript-eslint/types": "5.45.0",
-        "@typescript-eslint/typescript-estree": "5.45.0",
+        "@typescript-eslint/scope-manager": "5.47.0",
+        "@typescript-eslint/types": "5.47.0",
+        "@typescript-eslint/typescript-estree": "5.47.0",
         "eslint-scope": "^5.1.1",
         "eslint-utils": "^3.0.0",
         "semver": "^7.3.7"
@@ -3926,12 +3926,12 @@
       }
     },
     "@typescript-eslint/visitor-keys": {
-      "version": "5.45.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.45.0.tgz",
-      "integrity": "sha512-jc6Eccbn2RtQPr1s7th6jJWQHBHI6GBVQkCHoJFQ5UreaKm59Vxw+ynQUPPY2u2Amquc+7tmEoC2G52ApsGNNg==",
+      "version": "5.47.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.47.0.tgz",
+      "integrity": "sha512-ByPi5iMa6QqDXe/GmT/hR6MZtVPi0SqMQPDx15FczCBXJo/7M8T88xReOALAfpBLm+zxpPfmhuEvPb577JRAEg==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/types": "5.45.0",
+        "@typescript-eslint/types": "5.47.0",
         "eslint-visitor-keys": "^3.3.0"
       },
       "dependencies": {
@@ -5065,11 +5065,52 @@
         "whatwg-fetch": "^3.6.2"
       },
       "dependencies": {
+        "@vue/vue-loader-v15": {
+          "version": "npm:vue-loader@15.10.1",
+          "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.10.1.tgz",
+          "integrity": "sha512-SaPHK1A01VrNthlix6h1hq4uJu7S/z0kdLUb6klubo738NeQoLbS6V9/d8Pv19tU0XdQKju3D1HSKuI8wJ5wMA==",
+          "dev": true,
+          "requires": {
+            "@vue/component-compiler-utils": "^3.1.0",
+            "hash-sum": "^1.0.2",
+            "loader-utils": "^1.1.0",
+            "vue-hot-reload-api": "^2.3.0",
+            "vue-style-loader": "^4.1.0"
+          },
+          "dependencies": {
+            "hash-sum": {
+              "version": "1.0.2",
+              "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
+              "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
+              "dev": true
+            }
+          }
+        },
         "acorn-walk": {
           "version": "8.2.0",
           "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz",
           "integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==",
           "dev": true
+        },
+        "json5": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+          "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+          "dev": true,
+          "requires": {
+            "minimist": "^1.2.0"
+          }
+        },
+        "loader-utils": {
+          "version": "1.4.2",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz",
+          "integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
+          "dev": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^1.0.1"
+          }
         }
       }
     },
@@ -5266,56 +5307,15 @@
       "integrity": "sha512-Ewzq5Yhimg7pSztDV+RH1UDKBzmtqieXQlpTVm2AwraoRL/Rks96mvd8Vgi7Lj+h+TH8dv7mXD3FRZR3TUvbSg=="
     },
     "@vue/test-utils": {
-      "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.2.4.tgz",
-      "integrity": "sha512-1JjLduJ84bFcuCt/1YLTNyktYeUHS/zA0u8iTmF6w6ul1K/nSvyKu/MC47YjdpZ4lI/hn7FH31B22kfz62e9wA==",
+      "version": "2.2.6",
+      "resolved": "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.2.6.tgz",
+      "integrity": "sha512-64zHtJZdG7V/U2L0j/z3Pt5bSygccI3xs+Kl7LB73AZK4MQ8WONJhqDQPK8leUFFA9CmmoJygeky7zcl2hX10A==",
       "dev": true
     },
-    "@vue/vue-loader-v15": {
-      "version": "npm:vue-loader@15.10.0",
-      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.10.0.tgz",
-      "integrity": "sha512-VU6tuO8eKajrFeBzMssFUP9SvakEeeSi1BxdTH5o3+1yUyrldp8IERkSdXlMI2t4kxF2sqYUDsQY+WJBxzBmZg==",
-      "dev": true,
-      "requires": {
-        "@vue/component-compiler-utils": "^3.1.0",
-        "hash-sum": "^1.0.2",
-        "loader-utils": "^1.1.0",
-        "vue-hot-reload-api": "^2.3.0",
-        "vue-style-loader": "^4.1.0"
-      },
-      "dependencies": {
-        "hash-sum": {
-          "version": "1.0.2",
-          "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
-          "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
-          "dev": true
-        },
-        "json5": {
-          "version": "1.0.1",
-          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
-          "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
-          "dev": true,
-          "requires": {
-            "minimist": "^1.2.0"
-          }
-        },
-        "loader-utils": {
-          "version": "1.4.0",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
-          "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
-          "dev": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^1.0.1"
-          }
-        }
-      }
-    },
     "@vue/vue3-jest": {
-      "version": "29.2.1",
-      "resolved": "https://registry.npmjs.org/@vue/vue3-jest/-/vue3-jest-29.2.1.tgz",
-      "integrity": "sha512-Jo0Yros3gnuHNumBG52+0TJoDB3vUJbnOGKJL4QTXGHZswmFXcRe1Ti3xEwR+ZCRpAee054+8yeTxG7eHi7FNQ==",
+      "version": "29.2.2",
+      "resolved": "https://registry.npmjs.org/@vue/vue3-jest/-/vue3-jest-29.2.2.tgz",
+      "integrity": "sha512-cwREf/2RSOIzXVoKtLsF/VaGvq2iGHtUls+FxbU/4SUnBg9fgfbBancisifQPLoOvjdaYs9T20ho5b2EsNi2Lw==",
       "dev": true,
       "requires": {
         "@babel/plugin-transform-modules-commonjs": "^7.2.0",
@@ -5362,9 +5362,9 @@
           "dev": true
         },
         "css-tree": {
-          "version": "2.3.0",
-          "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.0.tgz",
-          "integrity": "sha512-1rg0LiK2MFi4R3/lVvnRokEWTZb30ljSAe5x+0HHkZ+OqZaAeiP8g8Eh91VmkyCtQn9vMgQRiaTDYgLBt+2Qyw==",
+          "version": "2.3.1",
+          "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
+          "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
           "dev": true,
           "requires": {
             "mdn-data": "2.0.30",
@@ -5407,25 +5407,25 @@
       "dev": true
     },
     "@vueuse/core": {
-      "version": "9.6.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-9.6.0.tgz",
-      "integrity": "sha512-qGUcjKQXHgN+jqXEgpeZGoxdCbIDCdVPz3QiF1uyecVGbMuM63o96I1GjYx5zskKgRI0FKSNsVWM7rwrRMTf6A==",
+      "version": "9.8.2",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-9.8.2.tgz",
+      "integrity": "sha512-aWiCmcYIpPt7xjuqYiceODEMHchDYthrJ4AqI+FXPZrR23PZOqdiktbUVyQl2kGlR3H4i9UJ/uimQrwhz9UouQ==",
       "requires": {
         "@types/web-bluetooth": "^0.0.16",
-        "@vueuse/metadata": "9.6.0",
-        "@vueuse/shared": "9.6.0",
+        "@vueuse/metadata": "9.8.2",
+        "@vueuse/shared": "9.8.2",
         "vue-demi": "*"
       }
     },
     "@vueuse/metadata": {
-      "version": "9.6.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-9.6.0.tgz",
-      "integrity": "sha512-sIC8R+kWkIdpi5X2z2Gk8TRYzmczDwHRhEFfCu2P+XW2JdPoXrziqsGpDDsN7ykBx4ilwieS7JUIweVGhvZ93w=="
+      "version": "9.8.2",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-9.8.2.tgz",
+      "integrity": "sha512-N4E/BKS+9VsUeD4WLVRU1J2kCOLh+iikBcMtipFcTyL204132vDYHs27zLAVabJYGnhC0dIVGdhg9pbOZiY2TQ=="
     },
     "@vueuse/shared": {
-      "version": "9.6.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-9.6.0.tgz",
-      "integrity": "sha512-/eDchxYYhkHnFyrb00t90UfjCx94kRHxc7J1GtBCqCG4HyPMX+krV9XJgVtWIsAMaxKVU4fC8NSUviG1JkwhUQ==",
+      "version": "9.8.2",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-9.8.2.tgz",
+      "integrity": "sha512-ACjrPQzowd5dnabNJt9EoGVobco9/ENiA5qP53vjiuxndlJYuc/UegwhXC7KdQbPX4F45a50+45K3g1wNqOzmA==",
       "requires": {
         "vue-demi": "*"
       }
@@ -5839,9 +5839,9 @@
       }
     },
     "axios": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.2.0.tgz",
-      "integrity": "sha512-zT7wZyNYu3N5Bu0wuZ6QccIf93Qk1eV8LOewxgjOZFd2DenOs98cJ7+Y6703d0wkaXGY6/nZd4EweJaHz9uzQw==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.2.1.tgz",
+      "integrity": "sha512-I88cFiGu9ryt/tfVEi4kX2SITsvDddTajXTOFmt2uK1ZVA8LytjtdeyefdQWEf5PU8w+4SSJDoYnggflB5tW4A==",
       "requires": {
         "follow-redirects": "^1.15.0",
         "form-data": "^4.0.0",
@@ -6249,9 +6249,12 @@
       "integrity": "sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA=="
     },
     "chart.js": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.0.1.tgz",
-      "integrity": "sha512-5/8/9eBivwBZK81mKvmIwTb2Pmw4D/5h1RK9fBWZLLZ8mCJ+kfYNmV9rMrGoa5Hgy2/wVDBMLSUDudul2/9ihA=="
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.1.1.tgz",
+      "integrity": "sha512-P0pCosNXp+LR8zO/QTkZKT6Hb7p0DPFtypEeVOf+6x06hX13NIb75R0DXUA4Ksx/+48chDQKtCCmRCviQRTqsA==",
+      "requires": {
+        "@kurkle/color": "^0.3.0"
+      }
     },
     "chokidar": {
       "version": "3.5.3",
@@ -6654,9 +6657,9 @@
       "integrity": "sha512-C1HsxuPCY/5opR55G5/WNzyEGDWFVG+6GLrA+fW/sCTcP6A6NTjUP2AK7B8n2PyFs90kDG2qzwm8LMheADku6A=="
     },
     "cronstrue": {
-      "version": "2.20.0",
-      "resolved": "https://registry.npmjs.org/cronstrue/-/cronstrue-2.20.0.tgz",
-      "integrity": "sha512-cGGxqXGt+yf46nQw2nipLpQLaqlXbeAdcR2HoHYar91bpWRFViw16XCwbSLs0uwhzzYjHwN9BVw5SYIXNqIFwg=="
+      "version": "2.21.0",
+      "resolved": "https://registry.npmjs.org/cronstrue/-/cronstrue-2.21.0.tgz",
+      "integrity": "sha512-YxabE1ZSHA1zJZMPCTSEbc0u4cRRenjqqTgCwJT7OvkspPSvfYFITuPFtsT+VkBuavJtFv2kJXT+mKSnlUJxfg=="
     },
     "cross-spawn": {
       "version": "6.0.5",
@@ -6921,9 +6924,9 @@
       }
     },
     "cytoscape-dom-node": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/cytoscape-dom-node/-/cytoscape-dom-node-1.1.0.tgz",
-      "integrity": "sha512-t/nL5cm4UL4gvCz3ZSdh6JlnvVbbgx7l15tZmVvA3j8cXHjqPEs7qiUlf8X0XG7uUlfNGkQroH3fiTeHHWH4sQ=="
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/cytoscape-dom-node/-/cytoscape-dom-node-1.1.1.tgz",
+      "integrity": "sha512-T9UjcMRTL5PfFOsNuFUxiNXZAvAb77QTzyBbDAoNrG1gQSkklessLyUXyRX6psa8WLByE2vxnSsaDGiZMtL5GA=="
     },
     "d": {
       "version": "1.0.1",
@@ -6983,9 +6986,9 @@
       }
     },
     "dayjs": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.6.tgz",
-      "integrity": "sha512-zZbY5giJAinCG+7AGaw0wIhNZ6J8AhWuSXKvuc1KAyMiRsvGQWqh4L+MomvhdAYjN+lqvVCMq1I41e3YHvXkyQ=="
+      "version": "1.11.7",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.7.tgz",
+      "integrity": "sha512-+Yw9U6YO5TQohxLcIkrXBeY73WP3ejHWVvx8XCk3gxvQDCTEmS48ZrSZCKciI7Bhl/uCMyxYtE9UqRILmFphkQ=="
     },
     "debug": {
       "version": "4.3.4",
@@ -7349,9 +7352,9 @@
       "dev": true
     },
     "element-plus": {
-      "version": "2.2.25",
-      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.2.25.tgz",
-      "integrity": "sha512-HC8CWY31e6pPyBpgqI0QnWkBgs0vRzdYnEw3mpdM/NlKfp0PtNFX7NESQLomqoIulH5ftL09hjQmJNvZBQpthQ==",
+      "version": "2.2.27",
+      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.2.27.tgz",
+      "integrity": "sha512-P04HDOZBYDdvlYuleuCZRULzAc5xJVOBfLDK9xWxVo0vyo8ntdaXS5sTU+/76vrNzuO3FhLn9kvrsbiJEVa1jg==",
       "requires": {
         "@ctrl/tinycolor": "^3.4.1",
         "@element-plus/icons-vue": "^2.0.6",
@@ -7368,6 +7371,13 @@
         "lodash-unified": "^1.0.2",
         "memoize-one": "^6.0.0",
         "normalize-wheel-es": "^1.2.0"
+      },
+      "dependencies": {
+        "@popperjs/core": {
+          "version": "npm:@sxzz/popperjs-es@2.11.7",
+          "resolved": "https://registry.npmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
+          "integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
+        }
       }
     },
     "emittery": {
@@ -7549,13 +7559,13 @@
       }
     },
     "eslint": {
-      "version": "8.28.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.28.0.tgz",
-      "integrity": "sha512-S27Di+EVyMxcHiwDrFzk8dJYAaD+/5SoWKxL1ri/71CRHsnJnRDPNt2Kzj24+MT9FDupf4aqqyqPrvI8MvQ4VQ==",
+      "version": "8.30.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.30.0.tgz",
+      "integrity": "sha512-MGADB39QqYuzEGov+F/qb18r4i7DohCDOfatHaxI2iGlPuC65bwG2gxgO+7DkyL38dRFaRH7RaRAgU6JKL9rMQ==",
       "dev": true,
       "requires": {
-        "@eslint/eslintrc": "^1.3.3",
-        "@humanwhocodes/config-array": "^0.11.6",
+        "@eslint/eslintrc": "^1.4.0",
+        "@humanwhocodes/config-array": "^0.11.8",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@nodelib/fs.walk": "^1.2.8",
         "ajv": "^6.10.0",
@@ -7574,7 +7584,7 @@
         "file-entry-cache": "^6.0.1",
         "find-up": "^5.0.0",
         "glob-parent": "^6.0.2",
-        "globals": "^13.15.0",
+        "globals": "^13.19.0",
         "grapheme-splitter": "^1.0.4",
         "ignore": "^5.2.0",
         "import-fresh": "^3.0.0",
@@ -7654,9 +7664,9 @@
           }
         },
         "globals": {
-          "version": "13.18.0",
-          "resolved": "https://registry.npmjs.org/globals/-/globals-13.18.0.tgz",
-          "integrity": "sha512-/mR4KI8Ps2spmoc0Ulu9L7agOF0du1CZNQ3dke8yItYlyKNmGrkONemBbd6V8UTc1Wgcqn21t3WYB7dbRmh6/A==",
+          "version": "13.19.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-13.19.0.tgz",
+          "integrity": "sha512-dkQ957uSRWHw7CFXLUtUHQI3g3aWApYhfNR2O6jn/907riyTYKVBmxYVROkBcY614FSSeSJh7Xm7SrUWCxvJMQ==",
           "dev": true,
           "requires": {
             "type-fest": "^0.20.2"
@@ -7734,9 +7744,9 @@
       }
     },
     "eslint-plugin-jest": {
-      "version": "27.1.6",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jest/-/eslint-plugin-jest-27.1.6.tgz",
-      "integrity": "sha512-XA7RFLSrlQF9IGtAmhddkUkBuICCTuryfOTfCSWcZHiHb69OilIH05oozH2XA6CEOtztnOd0vgXyvxZodkxGjg==",
+      "version": "27.1.7",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jest/-/eslint-plugin-jest-27.1.7.tgz",
+      "integrity": "sha512-0QVzf+og4YI1Qr3UoprkqqhezAZjFffdi62b0IurkCXMqPtRW84/UT4CKsYT80h/D82LA9avjO/80Ou1LdgbaQ==",
       "dev": true,
       "requires": {
         "@typescript-eslint/utils": "^5.10.0"
@@ -10801,9 +10811,9 @@
       "dev": true
     },
     "loader-utils": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.3.tgz",
-      "integrity": "sha512-THWqIsn8QRnvLl0shHYVBN9syumU8pYWEHPTmkiVGd+7K5eFNVSY6AJhRvgGF70gg1Dz+l/k8WicvFCxdEs60A==",
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
+      "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
       "dev": true,
       "requires": {
         "big.js": "^5.2.2",
@@ -11050,9 +11060,9 @@
       }
     },
     "markdown-it-anchor": {
-      "version": "8.6.5",
-      "resolved": "https://registry.npmjs.org/markdown-it-anchor/-/markdown-it-anchor-8.6.5.tgz",
-      "integrity": "sha512-PI1qEHHkTNWT+X6Ip9w+paonfIQ+QZP9sCeMYi47oqhH+EsW8CrJ8J7CzV19QVOj6il8ATGbK2nTECj22ZHGvQ=="
+      "version": "8.6.6",
+      "resolved": "https://registry.npmjs.org/markdown-it-anchor/-/markdown-it-anchor-8.6.6.tgz",
+      "integrity": "sha512-jRW30YGywD2ESXDc+l17AiritL0uVaSnWsb26f+68qaW9zgbIIr1f4v2Nsvc0+s0Z2N3uX6t/yAw7BwCQ1wMsA=="
     },
     "markdown-it-mark": {
       "version": "3.0.1",
@@ -11304,9 +11314,9 @@
       }
     },
     "monaco-editor": {
-      "version": "0.34.0",
-      "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.34.0.tgz",
-      "integrity": "sha512-VF+S5zG8wxfinLKLrWcl4WUizMx+LeJrG4PM/M78OhcwocpV0jiyhX/pG6Q9jIOhrb/ckYi6nHnaR5OojlOZCQ==",
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.34.1.tgz",
+      "integrity": "sha512-FKc80TyiMaruhJKKPz5SpJPIjL+dflGvz4CpuThaPMc94AyN7SeC9HQ8hrvaxX7EyHdJcUY5i4D0gNyJj1vSZQ==",
       "dev": true
     },
     "monaco-editor-webpack-plugin": {
@@ -12659,9 +12669,9 @@
       "dev": true
     },
     "sass": {
-      "version": "1.56.1",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.56.1.tgz",
-      "integrity": "sha512-VpEyKpyBPCxE7qGDtOcdJ6fFbcpOM+Emu7uZLxVrkX8KVU/Dp5UF7WLvzqRuUhB6mqqQt1xffLoG+AndxTZrCQ==",
+      "version": "1.57.1",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.57.1.tgz",
+      "integrity": "sha512-O2+LwLS79op7GI0xZ8fqzF7X2m/m8WFfI02dHOdsK5R2ECeS5F62zrwg/relM1rjSLy7Vd/DiMNIvPrQGsA0jw==",
       "dev": true,
       "requires": {
         "chokidar": ">=3.0.0 <4.0.0",
diff --git a/ui/package.json b/ui/package.json
index 3db1bce1f6d..4a1b5beaa62 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -10,22 +10,22 @@
   },
   "dependencies": {
     "ansi-to-html": "^0.7.2",
-    "axios": "1.2.0",
+    "axios": "1.2.1",
     "bootstrap": "^5.2.3",
-    "chart.js": "^4.0.1",
+    "chart.js": "^4.1.1",
     "core-js": "^3.26.1",
     "cron-parser": "^4.7.0",
     "cron-validator": "^1.3.1",
-    "cronstrue": "^2.20.0",
+    "cronstrue": "^2.21.0",
     "cytoscape": "3.23.0",
     "cytoscape-dagre": "^2.4.0",
-    "cytoscape-dom-node": "^1.1.0",
-    "element-plus": "^2.2.25",
+    "cytoscape-dom-node": "^1.1.1",
+    "element-plus": "^2.2.27",
     "humanize-duration": "^3.27.3",
     "js-yaml": "^4.1.0",
     "lodash": "4.17.21",
     "markdown-it": "^13.0.1",
-    "markdown-it-anchor": "^8.6.5",
+    "markdown-it-anchor": "^8.6.6",
     "markdown-it-mark": "^3.0.1",
     "markdown-it-meta": "0.0.1",
     "md5": "^2.3.0",
@@ -52,20 +52,20 @@
     "@vue/cli-plugin-babel": "^5.0.8",
     "@vue/cli-plugin-unit-jest": "^5.0.8",
     "@vue/cli-service": "^5.0.8",
-    "@vue/test-utils": "^2.2.4",
-    "@vue/vue3-jest": "^29.2.1",
+    "@vue/test-utils": "^2.2.6",
+    "@vue/vue3-jest": "^29.2.2",
     "babel-jest": "^29.3.1",
     "buffer": "^6.0.3",
-    "eslint": "^8.28.0",
-    "eslint-plugin-jest": "^27.1.6",
+    "eslint": "^8.30.0",
+    "eslint-plugin-jest": "^27.1.7",
     "eslint-plugin-vue": "^9.8.0",
     "jest": "^29.3.1",
     "jest-transform-stub": "^2.0.0",
-    "monaco-editor": "0.34.0",
+    "monaco-editor": "0.34.1",
     "monaco-editor-webpack-plugin": "7.0.1",
     "monaco-yaml": "4.0.0-alpha.0",
     "process": "^0.11.10",
-    "sass": "^1.56.1",
+    "sass": "^1.57.1",
     "sass-loader": "^13.2.0"
   },
   "babel": {
diff --git a/ui/src/components/Status.vue b/ui/src/components/Status.vue
index c498e05c4d7..0877255191b 100644
--- a/ui/src/components/Status.vue
+++ b/ui/src/components/Status.vue
@@ -38,7 +38,7 @@
                 return State.icon()[this.status];
             },
             type () {
-                return State.type()[this.status];
+                return State.colorClass()[this.status];
             }
         }
     };
@@ -50,9 +50,6 @@
         &.no-label {
             padding: 8px;
             line-height: 1;
-            :deep([class*=el-icon] + span) {
-                margin-left: 0;
-            }
         }
     }
 </style>
diff --git a/ui/src/components/executions/Logs.vue b/ui/src/components/executions/Logs.vue
index a7fb1ff1dc8..07c8076d081 100644
--- a/ui/src/components/executions/Logs.vue
+++ b/ui/src/components/executions/Logs.vue
@@ -3,7 +3,7 @@
         <collapse>
             <el-form-item>
                 <el-input
-                    :model-value="filter"
+                    v-model="filter"
                     @update:model-value="onChange"
                     :placeholder="$t('search')"
                 >
@@ -14,7 +14,7 @@
             </el-form-item>
             <el-form-item>
                 <log-level-selector
-                    :value="level"
+                    v-model="level"
                     @update:model-value="onChange"
                 />
             </el-form-item>
diff --git a/ui/src/components/flows/FlowRun.vue b/ui/src/components/flows/FlowRun.vue
index a7ceb505bbe..2bcdd348329 100644
--- a/ui/src/components/flows/FlowRun.vue
+++ b/ui/src/components/flows/FlowRun.vue
@@ -6,7 +6,7 @@
         </el-alert>
         <el-form class="ks-horizontal" :model="inputs" ref="form">
             <el-form-item
-                v-for="input in flow.inputs"
+                v-for="input in flow.inputs || []"
                 :key="input.id"
                 :label="input.name"
                 :required="input.required !== false"
@@ -98,7 +98,7 @@
             };
         },
         mounted() {
-            for (const input of this.flow.inputs) {
+            for (const input of this.flow.inputs || []) {
                 this.inputs[input.name] = input.defaults;
 
                 if (input.type === "DATETIME" && input.defaults) {
diff --git a/ui/src/components/flows/TriggerFlow.vue b/ui/src/components/flows/TriggerFlow.vue
index 053a42cdd51..08b7495e94f 100644
--- a/ui/src/components/flows/TriggerFlow.vue
+++ b/ui/src/components/flows/TriggerFlow.vue
@@ -42,7 +42,7 @@
             };
         },
         mounted() {
-            if (!this.flow) {
+            if (!this.flow && this.flowId && this.namespace) {
                 this.$store
                     .dispatch("flow/loadFlow", {
                         id: this.flowId,
diff --git a/ui/src/components/stats/StateChart.vue b/ui/src/components/stats/StateChart.vue
index 4261ff725f4..f09d932b3e7 100644
--- a/ui/src/components/stats/StateChart.vue
+++ b/ui/src/components/stats/StateChart.vue
@@ -16,7 +16,8 @@
 </template>
 
 <script>
-    import {computed, defineComponent, ref} from "vue"
+    import {computed, defineComponent, ref, getCurrentInstance} from "vue";
+    import {useRoute, useRouter} from "vue-router"
     import {BarChart} from "vue-chart-3";
     import Utils from "../../utils/utils.js";
     import {defaultConfig, tooltip, chartClick} from "../../utils/charts.js";
@@ -54,7 +55,10 @@
             },
 
         },
-        setup(props, {root}) {
+        setup(props) {
+            const moment = getCurrentInstance().appContext.config.globalProperties.$moment;
+            const route = useRoute();
+            const router = useRouter();
             const {t} = useI18n({useScope: "global"});
 
             let duration = t("duration")
@@ -68,7 +72,9 @@
                 onClick: (e, elements) => {
                     if (elements.length > 0 && elements[0].index !== undefined && elements[0].datasetIndex !== undefined ) {
                         chartClick(
-                            root,
+                            moment,
+                            router,
+                            route,
                             {
                                 date: e.chart.data.labels[elements[0].index],
                                 status: e.chart.data.datasets[elements[0].datasetIndex].label,
diff --git a/ui/src/styles/layout/element-plus-overload.scss b/ui/src/styles/layout/element-plus-overload.scss
index 0d9fcf41f49..f87c86a4abe 100644
--- a/ui/src/styles/layout/element-plus-overload.scss
+++ b/ui/src/styles/layout/element-plus-overload.scss
@@ -6,6 +6,7 @@
 // button
 .el-button {
     --el-button-disabled-border-color: var(--bs-border-color);
+    --el-button-hover-text-color: var(--bs-body-color);
 
     a:hover & {
         color:  var(--el-button-text-color) !important;
@@ -15,6 +16,10 @@
         position: relative;
         top: -3px;
     }
+
+    [class*=el-icon] + span:empty {
+        margin-left: 0;
+    }
 }
 
 .el-input-group__append, .el-input-group__prepend {
@@ -424,6 +429,10 @@ form.ks-horizontal {
     --el-notification-border-color: var(--bs-border-color);
     --el-notification-title-color: var(--bs-body-color);
 
+    .el-notification__group {
+        flex-grow: 2;
+    }
+
     .el-notification__content {
         text-align: left;
     }
diff --git a/ui/src/utils/charts.js b/ui/src/utils/charts.js
index d8ae6bda1e9..e90b043220b 100644
--- a/ui/src/utils/charts.js
+++ b/ui/src/utils/charts.js
@@ -69,36 +69,40 @@ export function defaultConfig(override) {
     }, override);
 }
 
-export function chartClick(self, event) {
+export function chartClick(moment, router, route, event) {
     const query = {};
 
     if (event.date) {
-        query.start = self.$moment(event.date).toISOString(true);
-        query.end = self.$moment(event.date).add(1, "d").toISOString(true);
+        query.start = moment(event.date).toISOString(true);
+        query.end = moment(event.date).add(1, "d").toISOString(true);
     }
 
     if (event.startDate) {
-        query.start = self.$moment(event.startDate).toISOString(true);
+        query.start = moment(event.startDate).toISOString(true);
     }
 
     if (event.endDate) {
-        query.end = self.$moment(event.endDate).toISOString(true);
+        query.end = moment(event.endDate).toISOString(true);
     }
 
     if (event.status) {
         query.status = event.status.toUpperCase();
     }
 
-    if (self.$route.query.namespace) {
-        query.namespace = self.$route.query.namespace;
+    if (event.state) {
+        query.state = event.state;
     }
 
-    if (self.$route.query.q) {
-        query.q = self.$route.query.q;
+    if (route.query.namespace) {
+        query.namespace = route.query.namespace;
+    }
+
+    if (route.query.q) {
+        query.q = route.query.q;
     }
 
     if (event.namespace && event.flowId) {
-        self.$router.push({
+        router.push({
             name: "flows/update",
             params: {
                 namespace: event.namespace,
@@ -113,7 +117,7 @@ export function chartClick(self, event) {
         query.namespace = event.namespace;
     }
 
-    self.$router.push({
+    router.push({
         name: "executions/list",
         params: {tab: "executions"},
         query: query
diff --git a/ui/src/utils/state.js b/ui/src/utils/state.js
index ab6c7274c81..02589535b9e 100644
--- a/ui/src/utils/state.js
+++ b/ui/src/utils/state.js
@@ -83,7 +83,7 @@ const STATE = Object.freeze({
     },
     PAUSED: {
         name: "PAUSED",
-        colorClass: "purple",
+        colorClass: "",
         color: "#6d81f5",
         icon: PauseCircle,
         isRunning: false,
@@ -155,10 +155,6 @@ export default class State {
         return _mapValues(STATE, state => state.colorClass);
     }
 
-    static type() {
-        return _mapValues(STATE, state => state.colorClass);
-    }
-
     static color() {
         return _mapValues(STATE, state => state.color);
     }