@matter-server/dashboard 0.2.7-alpha.0-20260118-993a1c7 → 0.2.7-alpha.0-20260119-49e7237

package/dist/web/js/{matter-dashboard-app-BxQ4W_uT.js → matter-dashboard-app-Dr-IYMsD.js}

@@ -1,5 +1,16 @@
 import { T as ThemeService, t as toBigIntAwareJson } from './main.js';
 
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const TEST_NODE_START = 0xfffffffe00000000n;
+function isTestNodeId(nodeId) {
+  const bigId = typeof nodeId === "bigint" ? nodeId : BigInt(nodeId);
+  return bigId >= TEST_NODE_START;
+}
+
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -217,7 +228,7 @@ function c$3({
 }
 
 // Material Design Icons v7.4.47
-var mdiArrowLeft="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z";var mdiBrightnessAuto="M14.3,16L13.6,14H10.4L9.7,16H7.8L11,7H13L16.2,16H14.3M20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31L23.31,12L20,8.69M10.85,12.65H13.15L12,9L10.85,12.65Z";var mdiChatProcessing="M12,3C17.5,3 22,6.58 22,11C22,15.42 17.5,19 12,19C10.76,19 9.57,18.82 8.47,18.5C5.55,21 2,21 2,21C4.33,18.67 4.7,17.1 4.75,16.5C3.05,15.07 2,13.13 2,11C2,6.58 6.5,3 12,3M17,12V10H15V12H17M13,12V10H11V12H13M9,12V10H7V12H9Z";var mdiChevronRight="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z";var mdiFile="M13,9V3.5L18.5,9M6,2C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2H6Z";var mdiLink="M3.9,12C3.9,10.29 5.29,8.9 7,8.9H11V7H7A5,5 0 0,0 2,12A5,5 0 0,0 7,17H11V15.1H7C5.29,15.1 3.9,13.71 3.9,12M8,13H16V11H8V13M17,7H13V8.9H17C18.71,8.9 20.1,10.29 20.1,12C20.1,13.71 18.71,15.1 17,15.1H13V17H17A5,5 0 0,0 22,12A5,5 0 0,0 17,7Z";var mdiLogout="M17 7L15.59 8.41L18.17 11H8V13H18.17L15.59 15.58L17 17L22 12M4 5H12V3H4C2.9 3 2 3.9 2 5V19C2 20.1 2.9 21 4 21H12V19H4V5Z";var mdiPlus="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";var mdiRefresh="M17.65,6.35C16.2,4.9 14.21,4 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20C15.73,20 18.84,17.45 19.73,14H17.65C16.83,16.33 14.61,18 12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6C13.66,6 15.14,6.69 16.22,7.78L13,11H20V4L17.65,6.35Z";var mdiShareVariant="M18,16.08C17.24,16.08 16.56,16.38 16.04,16.85L8.91,12.7C8.96,12.47 9,12.24 9,12C9,11.76 8.96,11.53 8.91,11.3L15.96,7.19C16.5,7.69 17.21,8 18,8A3,3 0 0,0 21,5A3,3 0 0,0 18,2A3,3 0 0,0 15,5C15,5.24 15.04,5.47 15.09,5.7L8.04,9.81C7.5,9.31 6.79,9 6,9A3,3 0 0,0 3,12A3,3 0 0,0 6,15C6.79,15 7.5,14.69 8.04,14.19L15.16,18.34C15.11,18.55 15.08,18.77 15.08,19C15.08,20.61 16.39,21.91 18,21.91C19.61,21.91 20.92,20.61 20.92,19A2.92,2.92 0 0,0 18,16.08Z";var mdiTrashCan="M9,3V4H4V6H5V19A2,2 0 0,0 7,21H17A2,2 0 0,0 19,19V6H20V4H15V3H9M9,8H11V17H9V8M13,8H15V17H13V8Z";var mdiUpdate="M21,10.12H14.22L16.96,7.3C14.23,4.6 9.81,4.5 7.08,7.2C4.35,9.91 4.35,14.28 7.08,17C9.81,19.7 14.23,19.7 16.96,17C18.32,15.65 19,14.08 19,12.1H21C21,14.08 20.12,16.65 18.36,18.39C14.85,21.87 9.15,21.87 5.64,18.39C2.14,14.92 2.11,9.28 5.62,5.81C9.13,2.34 14.76,2.34 18.27,5.81L21,3V10.12M12.5,8V12.25L16,14.33L15.28,15.54L11,13V8H12.5Z";var mdiWeatherNight="M17.75,4.09L15.22,6.03L16.13,9.09L13.5,7.28L10.87,9.09L11.78,6.03L9.25,4.09L12.44,4L13.5,1L14.56,4L17.75,4.09M21.25,11L19.61,12.25L20.2,14.23L18.5,13.06L16.8,14.23L17.39,12.25L15.75,11L17.81,10.95L18.5,9L19.19,10.95L21.25,11M18.97,15.95C19.8,15.87 20.69,17.05 20.16,17.8C19.84,18.25 19.5,18.67 19.08,19.07C15.17,23 8.84,23 4.94,19.07C1.03,15.17 1.03,8.83 4.94,4.93C5.34,4.53 5.76,4.17 6.21,3.85C6.96,3.32 8.14,4.21 8.06,5.04C7.79,7.9 8.75,10.87 10.95,13.06C13.14,15.26 16.1,16.22 18.97,15.95M17.33,17.97C14.5,17.81 11.7,16.64 9.53,14.5C7.36,12.31 6.2,9.5 6.04,6.68C3.23,9.82 3.34,14.64 6.35,17.66C9.37,20.67 14.19,20.78 17.33,17.97Z";var mdiWeatherSunny="M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,2L14.39,5.42C13.65,5.15 12.84,5 12,5C11.16,5 10.35,5.15 9.61,5.42L12,2M3.34,7L7.5,6.65C6.9,7.16 6.36,7.78 5.94,8.5C5.5,9.24 5.25,10 5.11,10.79L3.34,7M3.36,17L5.12,13.23C5.26,14 5.53,14.78 5.95,15.5C6.37,16.24 6.91,16.86 7.5,17.37L3.36,17M20.65,7L18.88,10.79C18.74,10 18.47,9.23 18.05,8.5C17.63,7.78 17.1,7.15 16.5,6.64L20.65,7M20.64,17L16.5,17.36C17.09,16.85 17.62,16.22 18.04,15.5C18.46,14.77 18.73,14 18.87,13.21L20.64,17M12,22L9.59,18.56C10.33,18.83 11.14,19 12,19C12.82,19 13.63,18.83 14.37,18.56L12,22Z";
+var mdiArrowLeft="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z";var mdiBrightnessAuto="M14.3,16L13.6,14H10.4L9.7,16H7.8L11,7H13L16.2,16H14.3M20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31L23.31,12L20,8.69M10.85,12.65H13.15L12,9L10.85,12.65Z";var mdiChatProcessing="M12,3C17.5,3 22,6.58 22,11C22,15.42 17.5,19 12,19C10.76,19 9.57,18.82 8.47,18.5C5.55,21 2,21 2,21C4.33,18.67 4.7,17.1 4.75,16.5C3.05,15.07 2,13.13 2,11C2,6.58 6.5,3 12,3M17,12V10H15V12H17M13,12V10H11V12H13M9,12V10H7V12H9Z";var mdiChevronRight="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z";var mdiCog="M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z";var mdiFile="M13,9V3.5L18.5,9M6,2C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2H6Z";var mdiLink="M3.9,12C3.9,10.29 5.29,8.9 7,8.9H11V7H7A5,5 0 0,0 2,12A5,5 0 0,0 7,17H11V15.1H7C5.29,15.1 3.9,13.71 3.9,12M8,13H16V11H8V13M17,7H13V8.9H17C18.71,8.9 20.1,10.29 20.1,12C20.1,13.71 18.71,15.1 17,15.1H13V17H17A5,5 0 0,0 22,12A5,5 0 0,0 17,7Z";var mdiLogout="M17 7L15.59 8.41L18.17 11H8V13H18.17L15.59 15.58L17 17L22 12M4 5H12V3H4C2.9 3 2 3.9 2 5V19C2 20.1 2.9 21 4 21H12V19H4V5Z";var mdiPlus="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";var mdiRefresh="M17.65,6.35C16.2,4.9 14.21,4 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20C15.73,20 18.84,17.45 19.73,14H17.65C16.83,16.33 14.61,18 12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6C13.66,6 15.14,6.69 16.22,7.78L13,11H20V4L17.65,6.35Z";var mdiShareVariant="M18,16.08C17.24,16.08 16.56,16.38 16.04,16.85L8.91,12.7C8.96,12.47 9,12.24 9,12C9,11.76 8.96,11.53 8.91,11.3L15.96,7.19C16.5,7.69 17.21,8 18,8A3,3 0 0,0 21,5A3,3 0 0,0 18,2A3,3 0 0,0 15,5C15,5.24 15.04,5.47 15.09,5.7L8.04,9.81C7.5,9.31 6.79,9 6,9A3,3 0 0,0 3,12A3,3 0 0,0 6,15C6.79,15 7.5,14.69 8.04,14.19L15.16,18.34C15.11,18.55 15.08,18.77 15.08,19C15.08,20.61 16.39,21.91 18,21.91C19.61,21.91 20.92,20.61 20.92,19A2.92,2.92 0 0,0 18,16.08Z";var mdiTrashCan="M9,3V4H4V6H5V19A2,2 0 0,0 7,21H17A2,2 0 0,0 19,19V6H20V4H15V3H9M9,8H11V17H9V8M13,8H15V17H13V8Z";var mdiUpdate="M21,10.12H14.22L16.96,7.3C14.23,4.6 9.81,4.5 7.08,7.2C4.35,9.91 4.35,14.28 7.08,17C9.81,19.7 14.23,19.7 16.96,17C18.32,15.65 19,14.08 19,12.1H21C21,14.08 20.12,16.65 18.36,18.39C14.85,21.87 9.15,21.87 5.64,18.39C2.14,14.92 2.11,9.28 5.62,5.81C9.13,2.34 14.76,2.34 18.27,5.81L21,3V10.12M12.5,8V12.25L16,14.33L15.28,15.54L11,13V8H12.5Z";var mdiWeatherNight="M17.75,4.09L15.22,6.03L16.13,9.09L13.5,7.28L10.87,9.09L11.78,6.03L9.25,4.09L12.44,4L13.5,1L14.56,4L17.75,4.09M21.25,11L19.61,12.25L20.2,14.23L18.5,13.06L16.8,14.23L17.39,12.25L15.75,11L17.81,10.95L18.5,9L19.19,10.95L21.25,11M18.97,15.95C19.8,15.87 20.69,17.05 20.16,17.8C19.84,18.25 19.5,18.67 19.08,19.07C15.17,23 8.84,23 4.94,19.07C1.03,15.17 1.03,8.83 4.94,4.93C5.34,4.53 5.76,4.17 6.21,3.85C6.96,3.32 8.14,4.21 8.06,5.04C7.79,7.9 8.75,10.87 10.95,13.06C13.14,15.26 16.1,16.22 18.97,15.95M17.33,17.97C14.5,17.81 11.7,16.64 9.53,14.5C7.36,12.31 6.2,9.5 6.04,6.68C3.23,9.82 3.34,14.64 6.35,17.66C9.37,20.67 14.19,20.78 17.33,17.97Z";var mdiWeatherSunny="M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,2L14.39,5.42C13.65,5.15 12.84,5 12,5C11.16,5 10.35,5.15 9.61,5.42L12,2M3.34,7L7.5,6.65C6.9,7.16 6.36,7.78 5.94,8.5C5.5,9.24 5.25,10 5.11,10.79L3.34,7M3.36,17L5.12,13.23C5.26,14 5.53,14.78 5.95,15.5C6.37,16.24 6.91,16.86 7.5,17.37L3.36,17M20.65,7L18.88,10.79C18.74,10 18.47,9.23 18.05,8.5C17.63,7.78 17.1,7.15 16.5,6.64L20.65,7M20.64,17L16.5,17.36C17.09,16.85 17.62,16.22 18.04,15.5C18.46,14.77 18.73,14 18.87,13.21L20.64,17M12,22L9.59,18.56C10.33,18.83 11.14,19 12,19C12.82,19 13.63,18.83 14.37,18.56L12,22Z";
 
 /**
  * @license
@@ -1477,6 +1488,58 @@ const EASING = {
   STANDARD: 'cubic-bezier(0.2, 0, 0, 1)',
   EMPHASIZED: 'cubic-bezier(.3,0,0,1)',
   EMPHASIZED_ACCELERATE: 'cubic-bezier(.3,0,.8,.15)'};
+/**
+ * Creates an `AnimationSignal` that can be used to cancel a previous task.
+ *
+ * @example
+ * class MyClass {
+ *   private labelAnimationSignal = createAnimationSignal();
+ *
+ *   private async animateLabel() {
+ *     // Start of the task. Previous tasks will be canceled.
+ *     const signal = this.labelAnimationSignal.start();
+ *
+ *     // Do async work...
+ *     if (signal.aborted) {
+ *       // Use AbortSignal to check if a request was made to abort after some
+ *       // asynchronous work.
+ *       return;
+ *     }
+ *
+ *     const animation = this.animate(...);
+ *     // Add event listeners to be notified when the task should be canceled.
+ *     signal.addEventListener('abort', () => {
+ *       animation.cancel();
+ *     });
+ *
+ *     animation.addEventListener('finish', () => {
+ *       // Tell the signal that the current task is finished.
+ *       this.labelAnimationSignal.finish();
+ *     });
+ *   }
+ * }
+ *
+ * @return An `AnimationSignal`.
+ */
+function createAnimationSignal() {
+  // The current animation's AbortController
+  let animationAbortController = null;
+  return {
+    start() {
+      var _animationAbortContro;
+      // Tell the previous animation to cancel.
+      (_animationAbortContro = animationAbortController) === null || _animationAbortContro === void 0 || _animationAbortContro.abort();
+      // Set up a new AbortController for the current animation.
+      animationAbortController = new AbortController();
+      // Provide the AbortSignal so that the caller can check aborted status
+      // and add listeners.
+      return animationAbortController.signal;
+    },
+    finish() {
+      animationAbortController = null;
+    }
+  };
+}
 
 /**
  * @license
@@ -3950,6 +4013,19 @@ let MdListItem = class MdListItem extends ListItemEl {};
 MdListItem.styles = [styles$4];
 MdListItem = __decorate([t$1('md-list-item')], MdListItem);
 
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const showLogLevelDialog = async client => {
+  var _document$querySelect;
+  await import('./log-level-dialog-BVxKJJ49.js');
+  const dialog = document.createElement("log-level-dialog");
+  dialog.client = client;
+  (_document$querySelect = document.querySelector("matter-dashboard-app")) === null || _document$querySelect === void 0 || _document$querySelect.renderRoot.appendChild(dialog);
+};
+
 var __defProp$8 = Object.defineProperty;
 var __getOwnPropDesc$a = Object.getOwnPropertyDescriptor;
 var __decorateClass$b = (decorators, target, key, kind) => {
@@ -3979,6 +4055,11 @@ let DashboardHeader = class extends i$3 {
   _cycleTheme() {
     ThemeService.cycleTheme();
   }
+  _openSettings() {
+    if (this.client) {
+      showLogLevelDialog(this.client);
+    }
+  }
   _getThemeIcon() {
     switch (this._themePreference) {
       case "light":
@@ -4020,6 +4101,12 @@ let DashboardHeader = class extends i$3 {
                             </md-icon-button>
                         `;
     })}
+                    <!-- settings button (only when connected) -->
+                    ${this.client ? b`
+                              <md-icon-button @click=${this._openSettings} title="Server Settings">
+                                  <ha-svg-icon .path=${mdiCog}></ha-svg-icon>
+                              </md-icon-button>
+                          ` : A}
                     <!-- theme toggle button -->
                     <md-icon-button @click=${this._cycleTheme} .title=${this._getThemeTooltip()}>
                         <ha-svg-icon .path=${this._getThemeIcon()}></ha-svg-icon>
@@ -15505,7 +15592,7 @@ const clusters = {
  * SPDX-License-Identifier: Apache-2.0
  */
 const showDialogBox = async (type, dialogParams) => {
-  await import('./dialog-box-ag-xOaYh.js');
+  await import('./dialog-box-DFs0hcPv.js');
   return new Promise(resolve => {
     const dialog = document.createElement("dialox-box");
     dialog.params = dialogParams;
@@ -15679,7 +15766,7 @@ MdTextButton = __decorate([t$1('md-text-button')], MdTextButton);
  */
 const showNodeBindingDialog = async (client, node, endpoint) => {
   var _document$querySelect;
-  await import('./node-binding-dialog-ClziphM0.js');
+  await import('./node-binding-dialog-CqE3VuZN.js');
   const dialog = document.createElement("node-binding-dialog");
   dialog.client = client;
   dialog.node = node;
@@ -15687,6 +15774,24 @@ const showNodeBindingDialog = async (client, node, endpoint) => {
   (_document$querySelect = document.querySelector("matter-dashboard-app")) === null || _document$querySelect === void 0 || _document$querySelect.renderRoot.appendChild(dialog);
 };
 
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+function handleAsync(fn, onError) {
+  return () => {
+    fn().catch(error => {
+      console.error("Async operation failed:", error);
+    });
+  };
+}
+function fireAndForget(promise, onError) {
+  promise.catch(error => {
+    console.error("Async operation failed:", error);
+  });
+}
+
 /**
  * @license
  * Copyright 2018 Google LLC
@@ -15722,6 +15827,10 @@ function formatHex(value) {
   }
   return `0x${hex}`;
 }
+function formatNodeAddress(fabricIndex, nodeId) {
+  const fabricPart = fabricIndex !== void 0 ? fabricIndex : "?";
+  return `@${fabricPart}:${nodeId.toString(16)}`;
+}
 
 var __defProp$7 = Object.defineProperty;
 var __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor;
@@ -15921,27 +16030,27 @@ let NodeDetails = class extends i$3 {
                           </div>`}
                 </md-list-item>
                 <md-list-item class="btn">
-                    <md-outlined-button @click=${this._reinterview}
+                    <md-outlined-button @click=${handleAsync(() => this._reinterview())}
                         >Interview<ha-svg-icon slot="icon" .path=${mdiChatProcessing}></ha-svg-icon
                     ></md-outlined-button>
                     ${this._updateInitiated ? b` <md-outlined-button disabled
                               >Checking for updates<ha-svg-icon slot="icon" .path=${mdiUpdate}></ha-svg-icon
                           ></md-outlined-button>` : (this.node.updateState || 0) > 1 ? b` <md-outlined-button disabled
                                 >${getUpdateStateLabel(this.node.updateState, this.node.updateStateProgress)}<ha-svg-icon slot="icon" .path=${mdiUpdate}></ha-svg-icon
-                            ></md-outlined-button>` : b`<md-outlined-button @click=${this._searchUpdate}
+                            ></md-outlined-button>` : b`<md-outlined-button @click=${handleAsync(() => this._searchUpdate())}
                                 >Update<ha-svg-icon slot="icon" .path=${mdiUpdate}></ha-svg-icon
                             ></md-outlined-button>`}
                     ${bindings ? b`
-                              <md-outlined-button @click=${this._binding}>
+                              <md-outlined-button @click=${handleAsync(() => this._binding())}>
                                   Binding
                                   <ha-svg-icon slot="icon" .path=${mdiLink}></ha-svg-icon>
                               </md-outlined-button>
                           ` : A}
 
-                    <md-outlined-button @click=${this._openCommissioningWindow}
+                    <md-outlined-button @click=${handleAsync(() => this._openCommissioningWindow())}
                         >Share<ha-svg-icon slot="icon" .path=${mdiShareVariant}></ha-svg-icon
                     ></md-outlined-button>
-                    <md-outlined-button @click=${this._remove}
+                    <md-outlined-button @click=${handleAsync(() => this._remove())}
                         >Remove<ha-svg-icon slot="icon" .path=${mdiTrashCan}></ha-svg-icon
                     ></md-outlined-button>
                 </md-list-item>
@@ -16256,8 +16365,10 @@ let LevelControlClusterCommands = class extends BaseClusterCommands {
                             />
                             Execute if Off
                         </label>
-                        <md-outlined-button @click=${this._handleMoveToLevel}>MoveToLevel</md-outlined-button>
-                        <md-outlined-button @click=${this._handleMoveToLevelWithOnOff}
+                        <md-outlined-button @click=${handleAsync(() => this._handleMoveToLevel())}
+                            >MoveToLevel</md-outlined-button
+                        >
+                        <md-outlined-button @click=${handleAsync(() => this._handleMoveToLevelWithOnOff())}
                             >MoveToLevelWithOnOff</md-outlined-button
                         >
                     </div>
@@ -16334,9 +16445,11 @@ let OnOffClusterCommands = class extends BaseClusterCommands {
                 <summary>OnOff Commands</summary>
                 <div class="command-content">
                     <div class="command-row">
-                        <md-outlined-button @click=${this._handleOn}>On</md-outlined-button>
-                        <md-outlined-button @click=${this._handleOff}>Off</md-outlined-button>
-                        <md-outlined-button @click=${this._handleToggle}>Toggle</md-outlined-button>
+                        <md-outlined-button @click=${handleAsync(() => this._handleOn())}>On</md-outlined-button>
+                        <md-outlined-button @click=${handleAsync(() => this._handleOff())}>Off</md-outlined-button>
+                        <md-outlined-button @click=${handleAsync(() => this._handleToggle())}
+                            >Toggle</md-outlined-button
+                        >
                     </div>
                 </div>
             </details>
@@ -16674,7 +16787,7 @@ DashboardFooter = __decorateClass$3([t$1("dashboard-footer")], DashboardFooter);
  */
 const showCommissionNodeDialog = async client => {
   var _document$querySelect;
-  await import('./commission-node-dialog-DGw5qDgH.js');
+  await import('./commission-node-dialog-B4_wgFye.js');
   const dialog = document.createElement("commission-node-dialog");
   dialog.client = client;
   (_document$querySelect = document.querySelector("matter-dashboard-app")) === null || _document$querySelect === void 0 || _document$querySelect.renderRoot.appendChild(dialog);
@@ -16740,7 +16853,7 @@ let ServerDetails = class extends i$3 {
         <md-list-item class="btn">
           <span>
           <md-outlined-button @click=${this._commissionNode}>Commission node<ha-svg-icon slot="icon" .path=${mdiPlus}></ha-svg-icon></md-outlined-button>
-          <md-outlined-button @click=${this._uploadDiagnosticsDumpFile}>Import node<ha-svg-icon slot="icon" .path=${mdiFile}></ha-svg-icon></md-outlined-button>
+          <md-outlined-button @click=${handleAsync(() => this._uploadDiagnosticsDumpFile())}>Import node<ha-svg-icon slot="icon" .path=${mdiFile}></ha-svg-icon></md-outlined-button>
           </md-list-item>
       </md-list>
       <!-- hidden file element for the upload diagnostics -->
@@ -16765,7 +16878,7 @@ let ServerDetails = class extends i$3 {
     }))) {
       return;
     }
-    const fileElem = this.renderRoot.getElementById("fileElem");
+    const fileElem = this.shadowRoot.getElementById("fileElem");
     fileElem.click();
   }
 };
@@ -16823,6 +16936,9 @@ let MatterServerView = class extends i$3 {
                             <md-list-item type="link" href=${`#node/${node.node_id}`}>
                                 <div slot="headline">
                                     Node ${node.node_id}
+                                    <span class="hex-id"
+                                        >(${formatNodeAddress(isTestNodeId(node.node_id) || this.client.serverInfo.fabric_index === void 0 ? void 0 : this.client.serverInfo.fabric_index, node.node_id)})</span
+                                    >
                                     ${node.available ? "" : b`<span class="status">OFFLINE</span>`}
                                 </div>
                                 <div slot="supporting-text">
@@ -16871,6 +16987,11 @@ MatterServerView.styles = i$6`
             font-weight: bold;
             font-size: 0.8em;
         }
+
+        .hex-id {
+            color: var(--text-color, rgba(0, 0, 0, 0.6));
+            font-size: 0.85em;
+        }
     `;
 __decorateClass$1([n$1()], MatterServerView.prototype, "nodes", 2);
 MatterServerView = __decorateClass$1([t$1("matter-server-view")], MatterServerView);
@@ -17071,4 +17192,4 @@ var matterDashboardApp = /*#__PURE__*/Object.freeze({
   __proto__: null
 });
 
-export { A, D, EASING as E, __decorate as _, i$6 as a, b, c$3 as c, clientContext as d, e$5 as e, e$2 as f, e$3 as g, i$2 as h, i$3 as i, t as j, E as k, internals as l, mixinDelegatesAria as m, n$1 as n, o$2 as o, mixinElementInternals as p, i$1 as q, r$1 as r, matterDashboardApp as s, t$1 as t, u };
+export { A, internals as B, matterDashboardApp as C, D, EASING as E, ListController as L, NavigableKeys as N, __decorate as _, e$5 as a, getLastActivatableItem as b, createAnimationSignal as c, getFirstActivatableItem as d, e$6 as e, e$2 as f, getActiveItem as g, b as h, i$3 as i, i$6 as j, mixinElementInternals as k, i$1 as l, mixinDelegatesAria as m, n$1 as n, o$2 as o, fireAndForget as p, handleAsync as q, r$1 as r, c$3 as s, t$1 as t, u, clientContext as v, e$3 as w, i$2 as x, t as y, E as z };

package/dist/web/js/{node-binding-dialog-ClziphM0.js → node-binding-dialog-CqE3VuZN.js}

@@ -1,7 +1,8 @@
-import { a as i, c, n, d as clientContext, e, i as i$1, A, b, t } from './matter-dashboard-app-BxQ4W_uT.js';
-import { p as preventDefault } from './prevent_default-Bs2sUnny.js';
-import './outlined-text-field-B-CiqgEJ.js';
+import { j as i, s as c, n, v as clientContext, a as e, i as i$1, q as handleAsync, A, h as b, t } from './matter-dashboard-app-Dr-IYMsD.js';
+import { p as preventDefault } from './prevent_default-tLhqZmsK.js';
+import './outlined-text-field-BVcHUxiS.js';
 import './main.js';
+import './validator-muF28wYx.js';
 
 var _staticBlock$1;
 /**
@@ -330,7 +331,7 @@ let NodeBindingDialog = class extends i$1 {
                     </div>
                     <div slot="end">
                       <md-text-button
-                        @click=${() => this.deleteBindingHandler(index)}
+                        @click=${handleAsync(() => this.deleteBindingHandler(index))}
                       >delete</md-text-button
                     </div>
                   </md-list-item>
@@ -383,7 +384,7 @@ let NodeBindingDialog = class extends i$1 {
                     </div>
                 </div>
                 <div slot="actions">
-                    <md-text-button @click=${this.addBindingHandler}>Add</md-text-button>
+                    <md-text-button @click=${handleAsync(() => this.addBindingHandler())}>Add</md-text-button>
                     <md-text-button @click=${this._close}>Cancel</md-text-button>
                 </div>
             </md-dialog>