@matter-server/dashboard 0.5.15 → 0.6.0

package/dist/web/js/{commission-node-dialog-ByflSEDK.js → commission-node-dialog-DfwKU9qk.js}

@@ -1,4 +1,4 @@
-import { r, n, t, i, j as b } from './matter-dashboard-app-b1R3Pout.js';
+import { r, n, t, i, j as b } from './matter-dashboard-app-BtHTmAPq.js';
 import { p as preventDefault } from './prevent_default-D-ohDGsN.js';
 import './main.js';
 
@@ -44,18 +44,18 @@ let ComissionNodeDialog = class extends i {
     if (!this.client.serverInfo.bluetooth_enabled) {
       return;
     }
-    import('./commission-node-wifi-D_VKTWwF.js');
+    import('./commission-node-wifi-DwUkXlWz.js');
     this._mode = "wifi";
   }
   _commissionThread() {
     if (!this.client.serverInfo.bluetooth_enabled) {
       return;
     }
-    import('./commission-node-thread-CekKshVL.js');
+    import('./commission-node-thread-D-icSzto.js');
     this._mode = "thread";
   }
   _commissionExisting() {
-    import('./commission-node-existing-CD6-Epwb.js');
+    import('./commission-node-existing-C7ITvNfj.js');
     this._mode = "existing";
   }
   _nodeCommissioned(ev) {

package/dist/web/js/{commission-node-existing-CD6-Epwb.js → commission-node-existing-C7ITvNfj.js}

@@ -1,5 +1,5 @@
-import { r, G as c, H as clientContext, n, a as e, t, i, A, F as handleAsync, j as b } from './matter-dashboard-app-b1R3Pout.js';
-import { f as fireEvent } from './fire_event-uMluKQub.js';
+import { r, H as c, I as clientContext, n, a as e, t, i, A, G as handleAsync, j as b, F as showAlertDialog } from './matter-dashboard-app-BtHTmAPq.js';
+import { f as fireEvent } from './fire_event-2ZxL-AHZ.js';
 import './main.js';
 
 var __defProp = Object.defineProperty;
@@ -29,7 +29,10 @@ let CommissionNodeExisting = class extends i {
       const node = await this.client.commissionWithCode(this._pairingCodeField.value, true);
       fireEvent(this, "node-commissioned", node);
     } catch (err) {
-      alert(`Error commissioning node: ${err.message}`);
+      showAlertDialog({
+        title: "Error commissioning node",
+        text: err.message
+      });
     } finally {
       this._loading = false;
     }

package/dist/web/js/{commission-node-thread-CekKshVL.js → commission-node-thread-D-icSzto.js}

@@ -1,5 +1,5 @@
-import { r, G as c, H as clientContext, n, a as e, t, i, A, F as handleAsync, j as b } from './matter-dashboard-app-b1R3Pout.js';
-import { f as fireEvent } from './fire_event-uMluKQub.js';
+import { r, H as c, I as clientContext, n, a as e, t, i, A, G as handleAsync, j as b, F as showAlertDialog } from './matter-dashboard-app-BtHTmAPq.js';
+import { f as fireEvent } from './fire_event-2ZxL-AHZ.js';
 import './main.js';
 
 var __defProp = Object.defineProperty;
@@ -17,7 +17,11 @@ let CommissionNodeThread = class extends i {
   }
   render() {
     if (!this.client.serverInfo.thread_credentials_set) {
-      return b`<md-outlined-text-field label="Thread dataset" .disabled="${this._loading}">
+      return b`<md-outlined-text-field
+                    label="Thread dataset"
+                    .disabled="${this._loading}"
+                    supporting-text="Hex string (e.g. 0E080000...)"
+                >
                 </md-outlined-text-field>
                 <br />
                 <br />
@@ -35,18 +39,27 @@ let CommissionNodeThread = class extends i {
   async _setThreadDataset() {
     const dataset = this._datasetField.value.trim();
     if (!dataset) {
-      alert("Dataset is required");
+      showAlertDialog({
+        title: "Validation error",
+        text: "Dataset is required"
+      });
       return;
     }
     if (!/^[0-9a-fA-F]*$/.test(dataset) || dataset.length % 2 !== 0) {
-      alert("Invalid Thread dataset: must be a hex string with even length (each byte is two hex characters)");
+      showAlertDialog({
+        title: "Invalid Thread dataset",
+        text: "Must be a hex string with even length (each byte is two hex characters)"
+      });
       return;
     }
     this._loading = true;
     try {
       await this.client.setThreadOperationalDataset(dataset);
     } catch (err) {
-      alert(`Error setting Thread dataset: ${err.message}`);
+      showAlertDialog({
+        title: "Error setting Thread dataset",
+        text: err.message
+      });
     } finally {
       this._loading = false;
     }
@@ -57,7 +70,10 @@ let CommissionNodeThread = class extends i {
       const node = await this.client.commissionWithCode(this._pairingCodeField.value, false);
       fireEvent(this, "node-commissioned", node);
     } catch (err) {
-      alert(`Error commissioning node: ${err.message}`);
+      showAlertDialog({
+        title: "Error commissioning node",
+        text: err.message
+      });
     } finally {
       this._loading = false;
     }

package/dist/web/js/{commission-node-wifi-D_VKTWwF.js → commission-node-wifi-DwUkXlWz.js}

@@ -1,5 +1,5 @@
-import { r, G as c, H as clientContext, n, a as e, t, i, A, F as handleAsync, j as b } from './matter-dashboard-app-b1R3Pout.js';
-import { f as fireEvent } from './fire_event-uMluKQub.js';
+import { r, H as c, I as clientContext, n, a as e, t, i, A, G as handleAsync, j as b, F as showAlertDialog } from './matter-dashboard-app-BtHTmAPq.js';
+import { f as fireEvent } from './fire_event-2ZxL-AHZ.js';
 import './main.js';
 
 var __defProp = Object.defineProperty;
@@ -17,14 +17,19 @@ let CommissionNodeWifi = class extends i {
   }
   render() {
     if (!this.client.serverInfo.wifi_credentials_set) {
-      return b`<md-outlined-text-field label="SSID" .disabled="${this._loading}"> </md-outlined-text-field>
+      return b`<md-outlined-text-field
+                    label="SSID"
+                    .disabled="${this._loading}"
+                    supporting-text="Network name"
+                >
+                </md-outlined-text-field>
                 <md-outlined-text-field label="Password" type="password" .disabled="${this._loading}">
                 </md-outlined-text-field>
                 <br />
                 <br />
                 <md-outlined-button @click=${handleAsync(() => this._setWifiCredentials())} .disabled="${this._loading}"
                     >Set WiFi Credentials</md-outlined-button
-                >${this._loading ? b`<md-circular-progress indeterminate .visible="${this._loading}"></md-circular-progress>` : A}`;
+                >${this._loading ? b`<md-circular-progress indeterminate></md-circular-progress>` : A}`;
     }
     return b`<md-outlined-text-field label="Pairing code" .disabled="${this._loading}"> </md-outlined-text-field>
             <br />
@@ -36,20 +41,28 @@ let CommissionNodeWifi = class extends i {
   async _setWifiCredentials() {
     const ssid = this._ssidField.value;
     if (!ssid) {
-      alert("SSID is required");
+      showAlertDialog({
+        title: "Validation error",
+        text: "SSID is required"
+      });
       return;
     }
     const password = this._passwordField.value;
     if (!password) {
-      alert("Password is required");
+      showAlertDialog({
+        title: "Validation error",
+        text: "Password is required"
+      });
       return;
     }
     this._loading = true;
     try {
       await this.client.setWifiCredentials(ssid, password);
     } catch (err) {
-      alert(`Error setting WiFi credentials: 
-${err.message}`);
+      showAlertDialog({
+        title: "Error setting WiFi credentials",
+        text: err.message
+      });
     } finally {
       this._loading = false;
     }
@@ -57,15 +70,20 @@ ${err.message}`);
   async _commissionNode() {
     try {
       if (!this._pairingCodeField.value) {
-        alert("Pairing code is required");
+        showAlertDialog({
+          title: "Validation error",
+          text: "Pairing code is required"
+        });
         return;
       }
       this._loading = true;
       const node = await this.client.commissionWithCode(this._pairingCodeField.value, false);
       fireEvent(this, "node-commissioned", node);
     } catch (err) {
-      alert(`Error commissioning node: 
-${err.message}`);
+      showAlertDialog({
+        title: "Error commissioning node",
+        text: err.message
+      });
     } finally {
       this._loading = false;
     }

package/dist/web/js/{dialog-box-DdVdxz2_.js → dialog-box-BmpaTrvT.js}

@@ -1,4 +1,4 @@
-import { n, t, i, j as b } from './matter-dashboard-app-b1R3Pout.js';
+import { k as i, n, i as i$1, j as b, t } from './matter-dashboard-app-BtHTmAPq.js';
 import { p as preventDefault } from './prevent_default-D-ohDGsN.js';
 import './main.js';
 
@@ -10,7 +10,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-let DialogBox = class extends i {
+let DialogBox = class extends i$1 {
   render() {
     const params = this.params;
     return b`
@@ -42,6 +42,20 @@ let DialogBox = class extends i {
     this.parentElement.removeChild(this);
   }
 };
+DialogBox.styles = i`
+        code {
+            display: block;
+            white-space: pre-wrap;
+            word-break: break-all;
+            overflow-y: auto;
+            max-height: 60vh;
+            font-size: 0.8rem;
+            line-height: 1.4;
+            padding: 8px;
+            background-color: var(--md-sys-color-surface-container-highest);
+            border-radius: 4px;
+        }
+    `;
 __decorateClass([n({
   attribute: false
 })], DialogBox.prototype, "params", 2);

package/dist/web/js/{fire_event-uMluKQub.js → fire_event-2ZxL-AHZ.js}

@@ -1,4 +1,4 @@
-import { m as mixinDelegatesAria, i, _ as __decorate, n, A, f as e, j as b, k as i$1, t } from './matter-dashboard-app-b1R3Pout.js';
+import { m as mixinDelegatesAria, i, _ as __decorate, n, A, f as e, j as b, k as i$1, t } from './matter-dashboard-app-BtHTmAPq.js';
 
 /**
  * @license

package/dist/web/js/{log-level-dialog-BO1OSL0z.js → log-level-dialog-D4hubdib.js}

@@ -1,4 +1,4 @@
-import { e, N as NavigableKeys, _ as __decorate, a as e$1, n as n$1, o, r, i, c as createAnimationSignal, L as ListController, g as getActiveItem, b as getLastActivatableItem, d as getFirstActivatableItem, A, f as e$2, h as o$1, j as b, E as EASING, k as i$1, t, V as Validator, D, m as mixinDelegatesAria, l as mixinOnReportValidity, p as mixinConstraintValidation, q as mixinFormAssociated, s as mixinElementInternals, u as onReportValidity, v as u, w as redispatchEvent, x as getFormValue, y as createValidator, z as getValidityAnchor, B as i$2, C as fireAndForget, F as handleAsync } from './matter-dashboard-app-b1R3Pout.js';
+import { e, N as NavigableKeys, _ as __decorate, a as e$1, n as n$1, o, r, i, c as createAnimationSignal, L as ListController, g as getActiveItem, b as getLastActivatableItem, d as getFirstActivatableItem, A, f as e$2, h as o$1, j as b, E as EASING, k as i$1, t, V as Validator, D, m as mixinDelegatesAria, l as mixinOnReportValidity, p as mixinConstraintValidation, q as mixinFormAssociated, s as mixinElementInternals, u as onReportValidity, v as u, w as redispatchEvent, x as getFormValue, y as createValidator, z as getValidityAnchor, B as i$2, C as fireAndForget, F as showAlertDialog, G as handleAsync } from './matter-dashboard-app-BtHTmAPq.js';
 import { p as preventDefault } from './prevent_default-D-ohDGsN.js';
 import './main.js';
 
@@ -3130,7 +3130,10 @@ let LogLevelDialog = class extends i {
       this._close();
     } catch (err) {
       console.error("Failed to apply log levels:", err);
-      alert("Failed to apply log levels");
+      showAlertDialog({
+        title: "Error",
+        text: "Failed to apply log levels"
+      });
     } finally {
       this._applying = false;
     }

package/dist/web/js/main.js

@@ -757,7 +757,7 @@ const ThemeService = new ThemeServiceImpl();
  * SPDX-License-Identifier: Apache-2.0
  */
 async function main() {
-  import('./matter-dashboard-app-b1R3Pout.js').then(function (n) { return n.K; });
+  import('./matter-dashboard-app-BtHTmAPq.js').then(function (n) { return n.K; });
   let url = "";
   const isProductionServer = window.__MATTERJS_PRODUCTION_MODE__ === true || location.origin.includes(":5580") || location.href.includes("hassio_ingress") || location.href.includes("/api/ingress/");
   if (!isProductionServer) {
@@ -767,7 +767,7 @@ async function main() {
       const suggestedUrl = urlParams.get("url");
       storageUrl = prompt("Enter Websocket URL to a running Matter Server", suggestedUrl ?? "ws://localhost:5580/ws");
       if (!storageUrl) {
-        alert("Unable to connect without URL");
+        document.body.textContent = "Unable to connect: no WebSocket URL provided.";
         return;
       }
       if (suggestedUrl) {