diff --git a/console/package-lock.json b/console/package-lock.json
index f8ffe91..c4ab8c4 100644
--- a/console/package-lock.json
+++ b/console/package-lock.json
@@ -11,6 +11,7 @@
                 "@primeuix/themes": "^1.0.0",
                 "@primevue/core": "^4.2.5",
                 "chart.js": "^4.4.7",
+                "mqtt": "^5.15.0",
                 "primeicons": "^7.0.0",
                 "primevue": "^4.2.5",
                 "vue": "^3.4.27"
@@ -55,6 +56,15 @@
                 "node": ">=6.0.0"
             }
         },
+        "node_modules/@babel/runtime": {
+            "version": "7.28.6",
+            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.6.tgz",
+            "integrity": "sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
         "node_modules/@babel/types": {
             "version": "7.29.0",
             "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
@@ -962,6 +972,33 @@
             "dev": true,
             "license": "MIT"
         },
+        "node_modules/@types/node": {
+            "version": "25.5.0",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-25.5.0.tgz",
+            "integrity": "sha512-jp2P3tQMSxWugkCUKLRPVUpGaL5MVFwF8RDuSRztfwgN1wmqJeMSbKlnEtQqU8UrhTmzEmZdu2I6v2dpp7XIxw==",
+            "license": "MIT",
+            "dependencies": {
+                "undici-types": "~7.18.0"
+            }
+        },
+        "node_modules/@types/readable-stream": {
+            "version": "4.0.23",
+            "resolved": "https://registry.npmjs.org/@types/readable-stream/-/readable-stream-4.0.23.tgz",
+            "integrity": "sha512-wwXrtQvbMHxCbBgjHaMGEmImFTQxxpfMOR/ZoQnXxB1woqkUbdLGFDgauo00Py9IudiaqSeiBiulSV9i6XIPig==",
+            "license": "MIT",
+            "dependencies": {
+                "@types/node": "*"
+            }
+        },
+        "node_modules/@types/ws": {
+            "version": "8.18.1",
+            "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
+            "integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
+            "license": "MIT",
+            "dependencies": {
+                "@types/node": "*"
+            }
+        },
         "node_modules/@vitejs/plugin-vue": {
             "version": "5.2.4",
             "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.4.tgz",
@@ -1076,6 +1113,18 @@
             "integrity": "sha512-YXgQ7JjaO18NeK2K9VTbDHaFy62WrObMa6XERNfNOkAhD1F1oDSf3ZJ7K6GqabZ0BvSDHajp8qfS5Sa2I9n8uQ==",
             "license": "MIT"
         },
+        "node_modules/abort-controller": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+            "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+            "license": "MIT",
+            "dependencies": {
+                "event-target-shim": "^5.0.0"
+            },
+            "engines": {
+                "node": ">=6.5"
+            }
+        },
         "node_modules/acorn": {
             "version": "8.16.0",
             "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
@@ -1103,6 +1152,26 @@
                 "node": ">= 8"
             }
         },
+        "node_modules/base64-js": {
+            "version": "1.5.1",
+            "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+            "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/feross"
+                },
+                {
+                    "type": "patreon",
+                    "url": "https://www.patreon.com/feross"
+                },
+                {
+                    "type": "consulting",
+                    "url": "https://feross.org/support"
+                }
+            ],
+            "license": "MIT"
+        },
         "node_modules/binary-extensions": {
             "version": "2.3.0",
             "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
@@ -1116,6 +1185,18 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
+        "node_modules/bl": {
+            "version": "6.1.6",
+            "resolved": "https://registry.npmjs.org/bl/-/bl-6.1.6.tgz",
+            "integrity": "sha512-jLsPgN/YSvPUg9UX0Kd73CXpm2Psg9FxMeCSXnk3WBO3CMT10JMwijubhGfHCnFu6TPn1ei3b975dxv7K2pWVg==",
+            "license": "MIT",
+            "dependencies": {
+                "@types/readable-stream": "^4.0.0",
+                "buffer": "^6.0.3",
+                "inherits": "^2.0.4",
+                "readable-stream": "^4.2.0"
+            }
+        },
         "node_modules/braces": {
             "version": "3.0.3",
             "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
@@ -1129,6 +1210,48 @@
                 "node": ">=8"
             }
         },
+        "node_modules/broker-factory": {
+            "version": "3.1.13",
+            "resolved": "https://registry.npmjs.org/broker-factory/-/broker-factory-3.1.13.tgz",
+            "integrity": "sha512-H2VALe31mEtO/SRcNp4cUU5BAm1biwhc/JaF77AigUuni/1YT0FLCJfbUxwIEs9y6Kssjk2fmXgf+Y9ALvmKlw==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/runtime": "^7.28.6",
+                "fast-unique-numbers": "^9.0.26",
+                "tslib": "^2.8.1",
+                "worker-factory": "^7.0.48"
+            }
+        },
+        "node_modules/buffer": {
+            "version": "6.0.3",
+            "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+            "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/feross"
+                },
+                {
+                    "type": "patreon",
+                    "url": "https://www.patreon.com/feross"
+                },
+                {
+                    "type": "consulting",
+                    "url": "https://feross.org/support"
+                }
+            ],
+            "license": "MIT",
+            "dependencies": {
+                "base64-js": "^1.3.1",
+                "ieee754": "^1.2.1"
+            }
+        },
+        "node_modules/buffer-from": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+            "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+            "license": "MIT"
+        },
         "node_modules/chart.js": {
             "version": "4.5.1",
             "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.5.1.tgz",
@@ -1166,6 +1289,41 @@
                 "fsevents": "~2.3.2"
             }
         },
+        "node_modules/commist": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/commist/-/commist-3.2.0.tgz",
+            "integrity": "sha512-4PIMoPniho+LqXmpS5d3NuGYncG6XWlkBSVGiWycL22dd42OYdUGil2CWuzklaJoNxyxUSpO4MKIBU94viWNAw==",
+            "license": "MIT"
+        },
+        "node_modules/concat-stream": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-2.0.0.tgz",
+            "integrity": "sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==",
+            "engines": [
+                "node >= 6.0"
+            ],
+            "license": "MIT",
+            "dependencies": {
+                "buffer-from": "^1.0.0",
+                "inherits": "^2.0.3",
+                "readable-stream": "^3.0.2",
+                "typedarray": "^0.0.6"
+            }
+        },
+        "node_modules/concat-stream/node_modules/readable-stream": {
+            "version": "3.6.2",
+            "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+            "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+            "license": "MIT",
+            "dependencies": {
+                "inherits": "^2.0.3",
+                "string_decoder": "^1.1.1",
+                "util-deprecate": "^1.0.1"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
         "node_modules/confbox": {
             "version": "0.2.4",
             "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.4.tgz",
@@ -1183,7 +1341,6 @@
             "version": "4.4.3",
             "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
             "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
-            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "ms": "^2.1.3"
@@ -1254,6 +1411,24 @@
             "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
             "license": "MIT"
         },
+        "node_modules/event-target-shim": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+            "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/events": {
+            "version": "3.3.0",
+            "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+            "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.8.x"
+            }
+        },
         "node_modules/exsolve": {
             "version": "1.0.8",
             "resolved": "https://registry.npmjs.org/exsolve/-/exsolve-1.0.8.tgz",
@@ -1261,6 +1436,19 @@
             "dev": true,
             "license": "MIT"
         },
+        "node_modules/fast-unique-numbers": {
+            "version": "9.0.26",
+            "resolved": "https://registry.npmjs.org/fast-unique-numbers/-/fast-unique-numbers-9.0.26.tgz",
+            "integrity": "sha512-3Mtq8p1zQinjGyWfKeuBunbuFoixG72AUkk4VvzbX4ykCW9Q4FzRaNyIlfQhUjnKw2ARVP+/CKnoyr6wfHftig==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/runtime": "^7.28.6",
+                "tslib": "^2.8.1"
+            },
+            "engines": {
+                "node": ">=18.2.0"
+            }
+        },
         "node_modules/fill-range": {
             "version": "7.1.1",
             "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
@@ -1302,6 +1490,47 @@
                 "node": ">= 6"
             }
         },
+        "node_modules/help-me": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/help-me/-/help-me-5.0.0.tgz",
+            "integrity": "sha512-7xgomUX6ADmcYzFik0HzAxh/73YlKR9bmFzf51CZwR+b6YtzU2m0u49hQCqV6SvlqIqsaxovfwdvbnsw3b/zpg==",
+            "license": "MIT"
+        },
+        "node_modules/ieee754": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+            "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/feross"
+                },
+                {
+                    "type": "patreon",
+                    "url": "https://www.patreon.com/feross"
+                },
+                {
+                    "type": "consulting",
+                    "url": "https://feross.org/support"
+                }
+            ],
+            "license": "BSD-3-Clause"
+        },
+        "node_modules/inherits": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+            "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+            "license": "ISC"
+        },
+        "node_modules/ip-address": {
+            "version": "10.1.0",
+            "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.1.0.tgz",
+            "integrity": "sha512-XXADHxXmvT9+CRxhXg56LJovE+bmWnEWB78LB83VZTprKTmaC5QfruXocxzTZ2Kl0DNwKuBdlIhjL8LeY8Sf8Q==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 12"
+            }
+        },
         "node_modules/is-binary-path": {
             "version": "2.1.0",
             "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -1348,6 +1577,16 @@
                 "node": ">=0.12.0"
             }
         },
+        "node_modules/js-sdsl": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.3.0.tgz",
+            "integrity": "sha512-mifzlm2+5nZ+lEcLJMoBK0/IH/bDg8XnJfd/Wq6IP+xoCjLZsTOnV2QpxlVbX9bMnkl5PdEjNtBJ9Cj1NjifhQ==",
+            "license": "MIT",
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/js-sdsl"
+            }
+        },
         "node_modules/local-pkg": {
             "version": "1.1.2",
             "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-1.1.2.tgz",
@@ -1366,6 +1605,12 @@
                 "url": "https://github.com/sponsors/antfu"
             }
         },
+        "node_modules/lru-cache": {
+            "version": "10.4.3",
+            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+            "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+            "license": "ISC"
+        },
         "node_modules/magic-string": {
             "version": "0.30.21",
             "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
@@ -1375,6 +1620,15 @@
                 "@jridgewell/sourcemap-codec": "^1.5.5"
             }
         },
+        "node_modules/minimist": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+            "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
         "node_modules/mlly": {
             "version": "1.8.1",
             "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.8.1.tgz",
@@ -1407,11 +1661,53 @@
                 "pathe": "^2.0.1"
             }
         },
+        "node_modules/mqtt": {
+            "version": "5.15.0",
+            "resolved": "https://registry.npmjs.org/mqtt/-/mqtt-5.15.0.tgz",
+            "integrity": "sha512-KC+wAssYk83Qu5bT8YDzDYgUJxPhbLeVsDvpY2QvL28PnXYJzC2WkKruyMUgBAZaQ7h9lo9k2g4neRNUUxzgMw==",
+            "license": "MIT",
+            "dependencies": {
+                "@types/readable-stream": "^4.0.21",
+                "@types/ws": "^8.18.1",
+                "commist": "^3.2.0",
+                "concat-stream": "^2.0.0",
+                "debug": "^4.4.1",
+                "help-me": "^5.0.0",
+                "lru-cache": "^10.4.3",
+                "minimist": "^1.2.8",
+                "mqtt-packet": "^9.0.2",
+                "number-allocator": "^1.0.14",
+                "readable-stream": "^4.7.0",
+                "rfdc": "^1.4.1",
+                "socks": "^2.8.6",
+                "split2": "^4.2.0",
+                "worker-timers": "^8.0.23",
+                "ws": "^8.18.3"
+            },
+            "bin": {
+                "mqtt": "build/bin/mqtt.js",
+                "mqtt_pub": "build/bin/pub.js",
+                "mqtt_sub": "build/bin/sub.js"
+            },
+            "engines": {
+                "node": ">=16.0.0"
+            }
+        },
+        "node_modules/mqtt-packet": {
+            "version": "9.0.2",
+            "resolved": "https://registry.npmjs.org/mqtt-packet/-/mqtt-packet-9.0.2.tgz",
+            "integrity": "sha512-MvIY0B8/qjq7bKxdN1eD+nrljoeaai+qjLJgfRn3TiMuz0pamsIWY2bFODPZMSNmabsLANXsLl4EMoWvlaTZWA==",
+            "license": "MIT",
+            "dependencies": {
+                "bl": "^6.0.8",
+                "debug": "^4.3.4",
+                "process-nextick-args": "^2.0.1"
+            }
+        },
         "node_modules/ms": {
             "version": "2.1.3",
             "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
             "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-            "dev": true,
             "license": "MIT"
         },
         "node_modules/nanoid": {
@@ -1442,6 +1738,16 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/number-allocator": {
+            "version": "1.0.14",
+            "resolved": "https://registry.npmjs.org/number-allocator/-/number-allocator-1.0.14.tgz",
+            "integrity": "sha512-OrL44UTVAvkKdOdRQZIJpLkAdjXGTRda052sN4sO77bKEzYYqWKMBjQvrJFzqygI99gL6Z4u2xctPW1tB8ErvA==",
+            "license": "MIT",
+            "dependencies": {
+                "debug": "^4.3.1",
+                "js-sdsl": "4.3.0"
+            }
+        },
         "node_modules/pathe": {
             "version": "2.0.3",
             "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
@@ -1530,6 +1836,21 @@
                 "node": ">=12.11.0"
             }
         },
+        "node_modules/process": {
+            "version": "0.11.10",
+            "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+            "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.6.0"
+            }
+        },
+        "node_modules/process-nextick-args": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+            "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+            "license": "MIT"
+        },
         "node_modules/quansync": {
             "version": "0.2.11",
             "resolved": "https://registry.npmjs.org/quansync/-/quansync-0.2.11.tgz",
@@ -1547,6 +1868,22 @@
             ],
             "license": "MIT"
         },
+        "node_modules/readable-stream": {
+            "version": "4.7.0",
+            "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
+            "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
+            "license": "MIT",
+            "dependencies": {
+                "abort-controller": "^3.0.0",
+                "buffer": "^6.0.3",
+                "events": "^3.3.0",
+                "process": "^0.11.10",
+                "string_decoder": "^1.3.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            }
+        },
         "node_modules/readdirp": {
             "version": "3.6.0",
             "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
@@ -1560,6 +1897,12 @@
                 "node": ">=8.10.0"
             }
         },
+        "node_modules/rfdc": {
+            "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
+            "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
+            "license": "MIT"
+        },
         "node_modules/rollup": {
             "version": "4.59.0",
             "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.59.0.tgz",
@@ -1605,6 +1948,50 @@
                 "fsevents": "~2.3.2"
             }
         },
+        "node_modules/safe-buffer": {
+            "version": "5.2.1",
+            "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+            "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/feross"
+                },
+                {
+                    "type": "patreon",
+                    "url": "https://www.patreon.com/feross"
+                },
+                {
+                    "type": "consulting",
+                    "url": "https://feross.org/support"
+                }
+            ],
+            "license": "MIT"
+        },
+        "node_modules/smart-buffer": {
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
+            "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 6.0.0",
+                "npm": ">= 3.0.0"
+            }
+        },
+        "node_modules/socks": {
+            "version": "2.8.7",
+            "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.7.tgz",
+            "integrity": "sha512-HLpt+uLy/pxB+bum/9DzAgiKS8CX1EvbWxI4zlmgGCExImLdiad2iCwXT5Z4c9c3Eq8rP2318mPW2c+QbtjK8A==",
+            "license": "MIT",
+            "dependencies": {
+                "ip-address": "^10.0.1",
+                "smart-buffer": "^4.2.0"
+            },
+            "engines": {
+                "node": ">= 10.0.0",
+                "npm": ">= 3.0.0"
+            }
+        },
         "node_modules/source-map-js": {
             "version": "1.2.1",
             "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -1614,6 +2001,24 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/split2": {
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
+            "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
+            "license": "ISC",
+            "engines": {
+                "node": ">= 10.x"
+            }
+        },
+        "node_modules/string_decoder": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+            "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+            "license": "MIT",
+            "dependencies": {
+                "safe-buffer": "~5.2.0"
+            }
+        },
         "node_modules/tinyglobby": {
             "version": "0.2.15",
             "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
@@ -1675,6 +2080,18 @@
                 "node": ">=8.0"
             }
         },
+        "node_modules/tslib": {
+            "version": "2.8.1",
+            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+            "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+            "license": "0BSD"
+        },
+        "node_modules/typedarray": {
+            "version": "0.0.6",
+            "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
+            "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==",
+            "license": "MIT"
+        },
         "node_modules/ufo": {
             "version": "1.6.3",
             "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.6.3.tgz",
@@ -1682,6 +2099,12 @@
             "dev": true,
             "license": "MIT"
         },
+        "node_modules/undici-types": {
+            "version": "7.18.2",
+            "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.18.2.tgz",
+            "integrity": "sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w==",
+            "license": "MIT"
+        },
         "node_modules/unplugin": {
             "version": "2.3.11",
             "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-2.3.11.tgz",
@@ -1777,6 +2200,12 @@
                 "url": "https://github.com/sponsors/jonschlinkert"
             }
         },
+        "node_modules/util-deprecate": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+            "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+            "license": "MIT"
+        },
         "node_modules/vite": {
             "version": "5.4.21",
             "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.21.tgz",
@@ -1864,6 +2293,74 @@
             "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
             "dev": true,
             "license": "MIT"
+        },
+        "node_modules/worker-factory": {
+            "version": "7.0.48",
+            "resolved": "https://registry.npmjs.org/worker-factory/-/worker-factory-7.0.48.tgz",
+            "integrity": "sha512-CGmBy3tJvpBPjUvb0t4PrpKubUsfkI1Ohg0/GGFU2RvA9j/tiVYwKU8O7yu7gH06YtzbeJLzdUR29lmZKn5pag==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/runtime": "^7.28.6",
+                "fast-unique-numbers": "^9.0.26",
+                "tslib": "^2.8.1"
+            }
+        },
+        "node_modules/worker-timers": {
+            "version": "8.0.30",
+            "resolved": "https://registry.npmjs.org/worker-timers/-/worker-timers-8.0.30.tgz",
+            "integrity": "sha512-8P7YoMHWN0Tz7mg+9oEhuZdjBIn2z6gfjlJqFcHiDd9no/oLnMGCARCDkV1LR3ccQus62ZdtIp7t3aTKrMLHOg==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/runtime": "^7.28.6",
+                "tslib": "^2.8.1",
+                "worker-timers-broker": "^8.0.15",
+                "worker-timers-worker": "^9.0.13"
+            }
+        },
+        "node_modules/worker-timers-broker": {
+            "version": "8.0.15",
+            "resolved": "https://registry.npmjs.org/worker-timers-broker/-/worker-timers-broker-8.0.15.tgz",
+            "integrity": "sha512-Te+EiVUMzG5TtHdmaBZvBrZSFNauym6ImDaCAnzQUxvjnw+oGjMT2idmAOgDy30vOZMLejd0bcsc90Axu6XPWA==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/runtime": "^7.28.6",
+                "broker-factory": "^3.1.13",
+                "fast-unique-numbers": "^9.0.26",
+                "tslib": "^2.8.1",
+                "worker-timers-worker": "^9.0.13"
+            }
+        },
+        "node_modules/worker-timers-worker": {
+            "version": "9.0.13",
+            "resolved": "https://registry.npmjs.org/worker-timers-worker/-/worker-timers-worker-9.0.13.tgz",
+            "integrity": "sha512-qjn18szGb1kjcmh2traAdki1eiIS5ikFo+L90nfMOvSRpuDw1hAcR1nzkP2+Hkdqz5thIRnfuWx7QSpsEUsA6Q==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/runtime": "^7.28.6",
+                "tslib": "^2.8.1",
+                "worker-factory": "^7.0.48"
+            }
+        },
+        "node_modules/ws": {
+            "version": "8.19.0",
+            "resolved": "https://registry.npmjs.org/ws/-/ws-8.19.0.tgz",
+            "integrity": "sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=10.0.0"
+            },
+            "peerDependencies": {
+                "bufferutil": "^4.0.1",
+                "utf-8-validate": ">=5.0.2"
+            },
+            "peerDependenciesMeta": {
+                "bufferutil": {
+                    "optional": true
+                },
+                "utf-8-validate": {
+                    "optional": true
+                }
+            }
         }
     }
 }
diff --git a/console/package.json b/console/package.json
index 6b8e65d..675d3a3 100644
--- a/console/package.json
+++ b/console/package.json
@@ -11,6 +11,7 @@
         "@primeuix/themes": "^1.0.0",
         "@primevue/core": "^4.2.5",
         "chart.js": "^4.4.7",
+        "mqtt": "^5.15.0",
         "primeicons": "^7.0.0",
         "primevue": "^4.2.5",
         "vue": "^3.4.27"
diff --git a/console/src/App.vue b/console/src/App.vue
index 9b78dcd..d9d1eb5 100644
--- a/console/src/App.vue
+++ b/console/src/App.vue
@@ -5,12 +5,15 @@ import StatsWidget from "./components/dashboard/StatsWidget.vue";
 import SalesTrendWidget from "./components/dashboard/SalesTrendWidget.vue";
 import RecentActivityWidget from "./components/dashboard/RecentActivityWidget.vue";
 import ProductOverviewWidget from "./components/dashboard/ProductOverviewWidget.vue";
+
+import PropertiesWidget from "./components/dashboard/PropertiesWidget.vue";
 </script>
 
 <template>
     <div class="layout-container">
         <AppTopbar />
         <div class="layout-grid">
+            <PropertiesWidget />
             <StatsWidget />
             <div class="layout-grid-row">
                 <SalesTrendWidget />
diff --git a/console/src/components/AppFooter.vue b/console/src/components/AppFooter.vue
index 77b2467..910fba0 100644
--- a/console/src/components/AppFooter.vue
+++ b/console/src/components/AppFooter.vue
@@ -1,23 +1,7 @@
 <template>
     <div class="footer">
         <div class="footer-container">
-            <div class="footer-copyright">202X PrimeVue.</div>
-            <div class="footer-links">
-                <a href="https://twitter.com/primevue" target="_blank" rel="noopener noreferrer" class="footer-link">
-                    <i class="pi pi-twitter footer-icon"></i>
-                </a>
-                <a href="https://primevue.org" target="_blank" rel="noopener noreferrer" class="footer-link">
-                    <i class="pi pi-globe footer-icon"></i>
-                </a>
-                <a
-                    href="https://github.com/primefaces/primevue"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    class="footer-link"
-                >
-                    <i class="pi pi-github footer-icon"></i>
-                </a>
-            </div>
+            <div class="footer-copyright">Jono did this by blatantly copy-pasting from the docs</div>
         </div>
     </div>
 </template>
diff --git a/console/src/components/AppTopbar.vue b/console/src/components/AppTopbar.vue
index 81129e6..f6c0a4b 100644
--- a/console/src/components/AppTopbar.vue
+++ b/console/src/components/AppTopbar.vue
@@ -27,8 +27,8 @@ const { isDarkMode, toggleDarkMode } = useLayout();
                     />
                 </svg>
                 <span class="topbar-brand-text">
-                    <span class="topbar-title">PrimeVue Examples</span>
-                    <span class="topbar-subtitle">Vite</span>
+                    <span class="topbar-title">Device Management Console</span>
+                    <span class="topbar-subtitle">Shitty Edition™</span>
                 </span>
             </div>
             <div class="topbar-actions">
diff --git a/console/src/components/dashboard/PropertiesWidget.vue b/console/src/components/dashboard/PropertiesWidget.vue
new file mode 100644
index 0000000..9f796dc
--- /dev/null
+++ b/console/src/components/dashboard/PropertiesWidget.vue
@@ -0,0 +1,101 @@
+<script setup>
+import { ref, onMounted } from 'vue'
+import MQTTService from '../../services/mqtt.js'
+
+const nodes = ref([])
+const filters = ref({})
+
+const mqtt = new MQTTService()
+
+/*
+Internal storage
+device -> property tree
+*/
+const devices = {}
+
+/*
+Convert nested object -> PrimeVue TreeTable format
+*/
+function buildNodes() {
+  nodes.value = Object.entries(devices).map(([deviceId, tree]) => ({
+    key: deviceId,
+    data: { name: deviceId },
+    children: buildTree(tree, deviceId)
+  }))
+}
+
+function buildTree(obj, path) {
+  return Object.entries(obj).map(([key, val]) => {
+    const fullKey = `${path}/${key}`
+
+    if (val && typeof val === 'object' && !('value' in val)) {
+      return {
+        key: fullKey,
+        data: { name: key },
+        children: buildTree(val, fullKey)
+      }
+    }
+
+    return {
+      key: fullKey,
+      data: {
+        name: key,
+        value: val.value
+      }
+    }
+  })
+}
+
+/*
+Insert MQTT property into nested tree
+*/
+function insertProperty(deviceId, propertyPath, value) {
+  if (!devices[deviceId]) devices[deviceId] = {}
+
+  let node = devices[deviceId]
+
+  propertyPath.forEach((part, i) => {
+    if (i === propertyPath.length - 1) {
+      node[part] = { value }
+    } else {
+      if (!node[part]) node[part] = {}
+      node = node[part]
+    }
+  })
+
+  buildNodes()
+}
+
+onMounted(() => {
+
+  mqtt.subscribe('device/+/property/#', (payload, topic) => {
+    const parts = topic.split('/')
+
+    const deviceId = parts[1]
+    const propertyPath = parts.slice(3)
+
+    insertProperty(deviceId, propertyPath, payload)
+
+  })
+
+})
+</script>
+
+
+<template>
+    <div class="card">
+        <TreeTable :value="nodes" :filters="filters" filterMode="lenient">
+            <template #empty> No properties available.</template>
+            <Column field="name" header="Name" expander style="min-width: 12rem">
+                <template #filter>
+                    <InputText v-model="filters['name']" type="text" placeholder="Filter by name" />
+                </template>
+            </Column>
+            <Column field="value" header="Value" style="min-width: 12rem">
+                <template #filter>
+                    <InputText v-model="filters['value']" type="text" placeholder="Filter by value" />
+                </template>
+            </Column>
+        </TreeTable>
+    </div>
+</template>
\ No newline at end of file
diff --git a/console/src/services/mqtt.js b/console/src/services/mqtt.js
new file mode 100644
index 0000000..c3d8018
--- /dev/null
+++ b/console/src/services/mqtt.js
@@ -0,0 +1,35 @@
+import mqtt from 'mqtt'
+
+export default class MQTTService {
+  constructor(brokerUrl = 'ws://127.0.0.1:8083/mqtt', clientId = null) {
+    this.clientId = clientId || 'vue-client-' + Math.random().toString(16).substr(2, 8)
+    this.client = mqtt.connect(brokerUrl, { clientId: this.clientId })
+    this.subscriptions = []  // array of {topic, callback}
+
+    this.client.on('connect', () => console.log('Connected to MQTT broker'))
+    this.client.on('message', (topic, payload) => {
+      // iterate over subscriptions and check for matches
+      this.subscriptions.forEach(({topic: subTopic, callback}) => {
+        if (mqttMatch(subTopic, topic)) {
+          callback(payload.toString(), topic)
+        }
+      })
+    })
+  }
+
+  subscribe(topic, callback) {
+    this.subscriptions.push({topic, callback})
+    this.client.subscribe(topic)
+  }
+
+  publish(topic, message, options = {}) {
+    this.client.publish(topic, message, options)
+  }
+}
+
+// helper function for MQTT wildcards
+function mqttMatch(subTopic, topic) {
+  // replace MQTT wildcards with RegExp
+  const regex = '^' + subTopic.replace('+', '[^/]+').replace('#', '.+') + '$'
+  return new RegExp(regex).test(topic)
+}
\ No newline at end of file
diff --git a/handler.py b/handler.py
index b099e96..ce3dbde 100644
--- a/handler.py
+++ b/handler.py
@@ -32,7 +32,7 @@ class MQTTHandler:
         self.handler_id = handler_id
         self.mqtt_config = mqtt_config
 
-        self.topic_base = f"asset/{handler_id}"
+        self.topic_base = f"device/{handler_id}"
         self.status_topic = f"{self.topic_base}/status"
         self.command_topic = f"{self.topic_base}/command"
         self.property_topic = f"{self.topic_base}/property"