@matter-server/dashboard 0.2.0-alpha.0-00000000-000000000

package/dist/esm/components/dialogs/acl/model.js

@@ -0,0 +1,79 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+class AccessControlTargetTransformer {
+  static {
+    this.KEY_MAPPING = {
+      "0": "cluster",
+      "1": "endpoint",
+      "2": "deviceType"
+    };
+  }
+  static transform(input) {
+    if (!input || typeof input !== "object") {
+      throw new Error("Invalid input: expected an object");
+    }
+    const result = {};
+    const keyMapping = AccessControlTargetTransformer.KEY_MAPPING;
+    for (const key in input) {
+      if (key in keyMapping) {
+        const mappedKey = keyMapping[key];
+        if (mappedKey) {
+          const value = input[key];
+          if (value === void 0) continue;
+          result[mappedKey] = value;
+        }
+      }
+    }
+    return result;
+  }
+}
+class AccessControlEntryDataTransformer {
+  static {
+    this.KEY_MAPPING = {
+      "1": "privilege",
+      "2": "authMode",
+      "3": "subjects",
+      "4": "targets",
+      "254": "fabricIndex"
+    };
+  }
+  static transform(input) {
+    if (!input || typeof input !== "object") {
+      throw new Error("Invalid input: expected an object");
+    }
+    const result = {};
+    const keyMapping = AccessControlEntryDataTransformer.KEY_MAPPING;
+    for (const key in input) {
+      if (key in keyMapping) {
+        const mappedKey = keyMapping[key];
+        if (mappedKey) {
+          const value = input[key];
+          if (value === void 0) continue;
+          if (mappedKey === "subjects") {
+            result[mappedKey] = Array.isArray(value) ? value : void 0;
+          } else if (mappedKey === "targets") {
+            if (Array.isArray(value)) {
+              const _targets = Object.values(value).map(
+                (val) => AccessControlTargetTransformer.transform(val)
+              );
+              result[mappedKey] = _targets;
+            } else {
+              result[mappedKey] = void 0;
+            }
+          } else {
+            result[mappedKey] = value;
+          }
+        }
+      }
+    }
+    return result;
+  }
+}
+export {
+  AccessControlEntryDataTransformer,
+  AccessControlTargetTransformer
+};
+//# sourceMappingURL=model.js.map

package/dist/esm/components/dialogs/acl/model.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/dialogs/acl/model.ts"],
+  "mappings": "AAAA;AAAA;AAAA;AAAA;AAAA;AA4BO,MAAM,+BAA+B;AAAA,EACxC;AAAA,SAAwB,cAEpB;AAAA,MACA,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACT;AAAA;AAAA,EAEA,OAAc,UAAU,OAAuC;AAC3D,QAAI,CAAC,SAAS,OAAO,UAAU,UAAU;AACrC,YAAM,IAAI,MAAM,mCAAmC;AAAA,IACvD;AAEA,UAAM,SAA6C,CAAC;AACpD,UAAM,aAAa,+BAA+B;AAElD,eAAW,OAAO,OAAO;AACrB,UAAI,OAAO,YAAY;AACnB,cAAM,YAAY,WAAW,GAAG;AAChC,YAAI,WAAW;AACX,gBAAM,QAAQ,MAAM,GAAG;AACvB,cAAI,UAAU,OAAW;AACzB,iBAAO,SAAS,IAAI;AAAA,QACxB;AAAA,MACJ;AAAA,IACJ;AACA,WAAO;AAAA,EACX;AACJ;AAEO,MAAM,kCAAkC;AAAA,EAC3C;AAAA,SAAwB,cAEpB;AAAA,MACA,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,OAAO;AAAA,IACX;AAAA;AAAA,EAEA,OAAc,UAAU,OAAsC;AAC1D,QAAI,CAAC,SAAS,OAAO,UAAU,UAAU;AACrC,YAAM,IAAI,MAAM,mCAAmC;AAAA,IACvD;AAEA,UAAM,SAA4C,CAAC;AACnD,UAAM,aAAa,kCAAkC;AAErD,eAAW,OAAO,OAAO;AACrB,UAAI,OAAO,YAAY;AACnB,cAAM,YAAY,WAAW,GAAG;AAChC,YAAI,WAAW;AACX,gBAAM,QAAQ,MAAM,GAAG;AACvB,cAAI,UAAU,OAAW;AACzB,cAAI,cAAc,YAAY;AAC1B,mBAAO,SAAS,IAAI,MAAM,QAAQ,KAAK,IAAI,QAAQ;AAAA,UACvD,WAAW,cAAc,WAAW;AAChC,gBAAI,MAAM,QAAQ,KAAK,GAAG;AACtB,oBAAM,WAAW,OAAO,OAAO,KAAK,EAAE;AAAA,gBAAI,SACtC,+BAA+B,UAAU,GAAG;AAAA,cAChD;AACA,qBAAO,SAAS,IAAI;AAAA,YACxB,OAAO;AACH,qBAAO,SAAS,IAAI;AAAA,YACxB;AAAA,UACJ,OAAO;AACH,mBAAO,SAAS,IAAI;AAAA,UACxB;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AAEA,WAAO;AAAA,EACX;AACJ;",
+  "names": []
+}

package/dist/esm/components/dialogs/binding/model.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+export type InputType = {
+    [key: string]: number | number[] | undefined;
+};
+export interface BindingEntryStruct {
+    node: number | undefined;
+    group: number | undefined;
+    endpoint: number | undefined;
+    cluster: number | undefined;
+    fabricIndex: number | undefined;
+}
+export declare class BindingEntryDataTransformer {
+    private static readonly KEY_MAPPING;
+    static transform(input: any): BindingEntryStruct;
+}
+//# sourceMappingURL=model.d.ts.map

package/dist/esm/components/dialogs/binding/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../../../src/components/dialogs/binding/model.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,MAAM,SAAS,GAAG;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;CAChD,CAAC;AAEF,MAAM,WAAW,kBAAkB;IAC/B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAED,qBAAa,2BAA2B;IACpC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAOjC;WAEY,SAAS,CAAC,KAAK,EAAE,GAAG,GAAG,kBAAkB;CA6B1D"}

package/dist/esm/components/dialogs/binding/model.js

@@ -0,0 +1,45 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+class BindingEntryDataTransformer {
+  static {
+    this.KEY_MAPPING = {
+      "1": "node",
+      "3": "endpoint",
+      "4": "cluster",
+      "254": "fabricIndex"
+    };
+  }
+  static transform(input) {
+    if (!input || typeof input !== "object") {
+      throw new Error("Invalid input: expected an object");
+    }
+    const result = {};
+    const keyMapping = BindingEntryDataTransformer.KEY_MAPPING;
+    for (const key in input) {
+      if (key in keyMapping) {
+        const mappedKey = keyMapping[key];
+        if (mappedKey) {
+          const value = input[key];
+          if (value === void 0) {
+            continue;
+          }
+          if (mappedKey === "fabricIndex") {
+            result[mappedKey] = value === void 0 ? void 0 : Number(value);
+          } else if (mappedKey === "node" || mappedKey === "endpoint") {
+            result[mappedKey] = Number(value);
+          } else {
+            result[mappedKey] = value;
+          }
+        }
+      }
+    }
+    return result;
+  }
+}
+export {
+  BindingEntryDataTransformer
+};
+//# sourceMappingURL=model.js.map

package/dist/esm/components/dialogs/binding/model.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/dialogs/binding/model.ts"],
+  "mappings": "AAAA;AAAA;AAAA;AAAA;AAAA;AAkBO,MAAM,4BAA4B;AAAA,EACrC;AAAA,SAAwB,cAEpB;AAAA,MACA,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,OAAO;AAAA,IACX;AAAA;AAAA,EAEA,OAAc,UAAU,OAAgC;AACpD,QAAI,CAAC,SAAS,OAAO,UAAU,UAAU;AACrC,YAAM,IAAI,MAAM,mCAAmC;AAAA,IACvD;AAEA,UAAM,SAAsC,CAAC;AAC7C,UAAM,aAAa,4BAA4B;AAE/C,eAAW,OAAO,OAAO;AACrB,UAAI,OAAO,YAAY;AACnB,cAAM,YAAY,WAAW,GAAG;AAChC,YAAI,WAAW;AACX,gBAAM,QAAQ,MAAM,GAAG;AACvB,cAAI,UAAU,QAAW;AACrB;AAAA,UACJ;AACA,cAAI,cAAc,eAAe;AAC7B,mBAAO,SAAS,IAAI,UAAU,SAAY,SAAY,OAAO,KAAK;AAAA,UACtE,WAAW,cAAc,UAAU,cAAc,YAAY;AACzD,mBAAO,SAAS,IAAI,OAAO,KAAK;AAAA,UACpC,OAAO;AACH,mBAAO,SAAS,IAAI;AAAA,UACxB;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AAEA,WAAO;AAAA,EACX;AACJ;",
+  "names": []
+}

package/dist/esm/components/dialogs/binding/node-binding-dialog.d.ts

@@ -0,0 +1,49 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import "@material/web/button/text-button";
+import "@material/web/dialog/dialog";
+import "@material/web/list/list";
+import "@material/web/list/list-item";
+import "@material/web/textfield/outlined-text-field";
+import "../../../components/ha-svg-icon";
+import { MatterClient, MatterNode } from "@matter-server/ws-client";
+import { LitElement } from "lit";
+export declare class NodeBindingDialog extends LitElement {
+    client: MatterClient;
+    node?: MatterNode;
+    endpoint: number;
+    private _targetNodeId;
+    private _targetEndpoint;
+    private _targetCluster;
+    private fetchBindingEntry;
+    private fetchACLEntry;
+    private deleteBindingHandler;
+    /** Helper to convert node_id (number | bigint) to number for API calls */
+    private getNodeIdAsNumber;
+    private removeNodeAtACLEntry;
+    private removeEntryAtACL;
+    private removeBindingAtIndex;
+    private syncBindingUpdates;
+    private handleBindingDeletionError;
+    private add_target_acl;
+    /** Convert local BindingEntryStruct to API BindingTarget (without fabricIndex) */
+    private toBindingTarget;
+    /** Convert local AccessControlEntryStruct to API AccessControlEntry (without fabricIndex) */
+    private toAccessControlEntry;
+    private add_bindings;
+    addBindingHandler(): Promise<void>;
+    private _close;
+    private _handleClosed;
+    private onChange;
+    protected render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "node-binding-dialog": NodeBindingDialog;
+    }
+}
+//# sourceMappingURL=node-binding-dialog.d.ts.map

package/dist/esm/components/dialogs/binding/node-binding-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-binding-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/dialogs/binding/node-binding-dialog.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,kCAAkC,CAAC;AAC1C,OAAO,6BAA6B,CAAC;AAErC,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,6CAA6C,CAAC;AAErD,OAAO,iCAAiC,CAAC;AAEzC,OAAO,EAAqC,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACvG,OAAO,EAAa,UAAU,EAAW,MAAM,KAAK,CAAC;AAcrD,qBACa,iBAAkB,SAAQ,UAAU;IAGtC,MAAM,EAAG,YAAY,CAAC;IAGtB,IAAI,CAAC,EAAE,UAAU,CAAC;IAGzB,QAAQ,EAAG,MAAM,CAAC;IAGlB,OAAO,CAAC,aAAa,CAAuB;IAG5C,OAAO,CAAC,eAAe,CAAuB;IAG9C,OAAO,CAAC,cAAc,CAAuB;IAE7C,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,aAAa;YAQP,oBAAoB;IAclC,0EAA0E;IAC1E,OAAO,CAAC,iBAAiB;YAKX,oBAAoB;IAgBlC,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,oBAAoB;YAId,kBAAkB;IAgBhC,OAAO,CAAC,0BAA0B;YAKpB,cAAc;IAuB5B,kFAAkF;IAClF,OAAO,CAAC,eAAe;IASvB,6FAA6F;IAC7F,OAAO,CAAC,oBAAoB;YAcd,YAAY;IAkBpB,iBAAiB;IAkEvB,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,QAAQ;cAcG,MAAM;IAqFzB,OAAgB,MAAM,0BAkCpB;CACL;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,qBAAqB,EAAE,iBAAiB,CAAC;KAC5C;CACJ"}

package/dist/esm/components/dialogs/binding/node-binding-dialog.js

@@ -0,0 +1,357 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import "@material/web/button/text-button";
+import "@material/web/dialog/dialog";
+import "@material/web/list/list";
+import "@material/web/list/list-item";
+import "@material/web/textfield/outlined-text-field";
+import "../../../components/ha-svg-icon";
+import { css, html, LitElement, nothing } from "lit";
+import { customElement, property, query } from "lit/decorators.js";
+import { preventDefault } from "../../../util/prevent_default.js";
+import { BindingEntryDataTransformer } from "./model.js";
+import {
+  AccessControlEntryDataTransformer
+} from "../acl/model.js";
+import { consume } from "@lit/context";
+import { clientContext } from "../../../client/client-context.js";
+let NodeBindingDialog = class extends LitElement {
+  fetchBindingEntry() {
+    const bindings_raw = this.node.attributes[this.endpoint + "/30/0"];
+    if (!bindings_raw) return [];
+    return Object.values(bindings_raw).map((value) => BindingEntryDataTransformer.transform(value));
+  }
+  fetchACLEntry(targetNodeId) {
+    const acl_cluster_raw = this.client.nodes[targetNodeId]?.attributes["0/31/0"];
+    if (!acl_cluster_raw) return [];
+    return Object.values(acl_cluster_raw).map(
+      (value) => AccessControlEntryDataTransformer.transform(value)
+    );
+  }
+  async deleteBindingHandler(index) {
+    const rawBindings = this.fetchBindingEntry();
+    try {
+      const targetNodeId = rawBindings[index].node;
+      const endpoint = rawBindings[index].endpoint;
+      if (targetNodeId === void 0 || endpoint === void 0) return;
+      await this.removeNodeAtACLEntry(this.getNodeIdAsNumber(), endpoint, targetNodeId);
+      const updatedBindings = this.removeBindingAtIndex(rawBindings, index);
+      await this.syncBindingUpdates(updatedBindings, index);
+    } catch (error) {
+      this.handleBindingDeletionError(error);
+    }
+  }
+  /** Helper to convert node_id (number | bigint) to number for API calls */
+  getNodeIdAsNumber() {
+    const nodeId = this.node.node_id;
+    return typeof nodeId === "bigint" ? Number(nodeId) : nodeId;
+  }
+  async removeNodeAtACLEntry(sourceNodeId, sourceEndpoint, targetNodeId) {
+    const aclEntries = this.fetchACLEntry(targetNodeId);
+    const updatedACLEntries = aclEntries.map((entry) => this.removeEntryAtACL(sourceNodeId, sourceEndpoint, entry)).filter((entry) => entry !== void 0);
+    const apiEntries = updatedACLEntries.map((e) => this.toAccessControlEntry(e));
+    await this.client.setACLEntry(targetNodeId, apiEntries);
+  }
+  removeEntryAtACL(nodeId, sourceEndpoint, entry) {
+    const hasSubject = entry.subjects.includes(nodeId);
+    if (!hasSubject) return entry;
+    const hasTarget = entry.targets.filter((item) => item.endpoint === sourceEndpoint);
+    return hasTarget.length > 0 ? void 0 : entry;
+  }
+  removeBindingAtIndex(bindings, index) {
+    return [...bindings.slice(0, index), ...bindings.slice(index + 1)];
+  }
+  async syncBindingUpdates(updatedBindings, index) {
+    const apiBindings = updatedBindings.map((b) => this.toBindingTarget(b));
+    await this.client.setNodeBinding(this.getNodeIdAsNumber(), this.endpoint, apiBindings);
+    const attributePath = `${this.endpoint}/30/0`;
+    const currentBindings = this.node.attributes[attributePath];
+    const updatedAttributes = {
+      ...this.node.attributes,
+      [attributePath]: currentBindings ? this.removeBindingAtIndex(currentBindings, index) : []
+    };
+    this.node.attributes = updatedAttributes;
+    this.requestUpdate();
+  }
+  handleBindingDeletionError(error) {
+    const errorMessage = error instanceof Error ? error.message : String(error);
+    console.error(`Binding deletion failed: ${errorMessage}`);
+  }
+  async add_target_acl(targetNodeId, entry) {
+    try {
+      const rawEntries = this.client.nodes[targetNodeId]?.attributes["0/31/0"];
+      const entries = rawEntries ? Object.values(rawEntries).map((v) => AccessControlEntryDataTransformer.transform(v)) : [];
+      entries.push(entry);
+      const apiEntries = entries.map((e) => this.toAccessControlEntry(e));
+      const result = await this.client.setACLEntry(targetNodeId, apiEntries);
+      if (result && result.length > 0) {
+        return result[0].status === 0;
+      }
+      return true;
+    } catch (err) {
+      console.error("add acl error:", err);
+      return false;
+    }
+  }
+  /** Convert local BindingEntryStruct to API BindingTarget (without fabricIndex) */
+  toBindingTarget(entry) {
+    return {
+      node: entry.node ?? null,
+      group: entry.group ?? null,
+      endpoint: entry.endpoint ?? null,
+      cluster: entry.cluster ?? null
+    };
+  }
+  /** Convert local AccessControlEntryStruct to API AccessControlEntry (without fabricIndex) */
+  toAccessControlEntry(entry) {
+    return {
+      privilege: entry.privilege,
+      auth_mode: entry.authMode,
+      subjects: entry.subjects ?? null,
+      targets: entry.targets?.map((t) => ({
+        cluster: t.cluster ?? null,
+        endpoint: t.endpoint ?? null,
+        device_type: t.deviceType ?? null
+      })) ?? null
+    };
+  }
+  async add_bindings(endpoint, bindingEntry) {
+    const bindings = this.fetchBindingEntry();
+    bindings.push(bindingEntry);
+    try {
+      const apiBindings = bindings.map((b) => this.toBindingTarget(b));
+      const result = await this.client.setNodeBinding(this.getNodeIdAsNumber(), endpoint, apiBindings);
+      if (result && result.length > 0) {
+        return result[0].status === 0;
+      }
+      return true;
+    } catch (err) {
+      console.log("add bindings error:", err);
+      return false;
+    }
+  }
+  async addBindingHandler() {
+    const targetNodeId = this._targetNodeId.value ? parseInt(this._targetNodeId.value, 10) : void 0;
+    const targetEndpoint = this._targetEndpoint.value ? parseInt(this._targetEndpoint.value, 10) : void 0;
+    const targetCluster = this._targetCluster.value ? parseInt(this._targetCluster.value, 10) : void 0;
+    if (targetNodeId === void 0 || targetNodeId <= 0 || targetNodeId > 65535) {
+      alert("Please enter a valid target node ID");
+      return;
+    }
+    if (targetEndpoint === void 0 || targetEndpoint <= 0 || targetEndpoint > 65534) {
+      alert("Please enter a valid target endpoint");
+      return;
+    }
+    if (targetCluster !== void 0) {
+      if (targetCluster < 0 || targetCluster > 32767) {
+        alert("Please enter a valid target cluster");
+        return;
+      }
+    }
+    const targets = {
+      endpoint: targetEndpoint,
+      cluster: targetCluster,
+      deviceType: void 0
+    };
+    const acl_entry = {
+      privilege: 5,
+      authMode: 2,
+      subjects: [this.getNodeIdAsNumber()],
+      targets: [targets],
+      fabricIndex: 0
+      // Placeholder - server will use correct fabric index
+    };
+    const result_acl = await this.add_target_acl(targetNodeId, acl_entry);
+    if (!result_acl) {
+      alert("add target acl error!");
+      return;
+    }
+    const endpoint = this.endpoint;
+    const bindingEntry = {
+      node: targetNodeId,
+      endpoint: targetEndpoint,
+      group: void 0,
+      cluster: targetCluster,
+      fabricIndex: void 0
+      // Server will use correct fabric index
+    };
+    const result_binding = await this.add_bindings(endpoint, bindingEntry);
+    if (result_binding) {
+      this._targetNodeId.value = "";
+      this._targetEndpoint.value = "";
+      this._targetCluster.value = "";
+      this.requestUpdate();
+    }
+  }
+  _close() {
+    this.shadowRoot.querySelector("md-dialog").close();
+  }
+  _handleClosed() {
+    this.parentNode.removeChild(this);
+  }
+  onChange(e) {
+    const textfield = e.target;
+    const value = parseInt(textfield.value, 10);
+    if (parseInt(textfield.max, 10) < value || value < parseInt(textfield.min, 10)) {
+      textfield.error = true;
+      textfield.errorText = "value error";
+    } else {
+      textfield.error = false;
+    }
+  }
+  render() {
+    const rawBindings = this.node.attributes[this.endpoint + "/30/0"];
+    const bindings = rawBindings ? Object.values(rawBindings).map((entry) => BindingEntryDataTransformer.transform(entry)) : [];
+    return html`
+            <md-dialog open @cancel=${preventDefault} @closed=${this._handleClosed}>
+                <div slot="headline">
+                    <div>Binding</div>
+                </div>
+                <div slot="content">
+                    <div>
+                        <md-list style="padding-bottom:18px;">
+                            ${Object.values(bindings).map(
+      (entry, index) => html`
+                  <md-list-item style="background:cornsilk;">
+                    <div style="display:flex;gap:10px;">
+                        <div>node:${entry["node"]}</div>
+                        <div>endpoint:${entry["endpoint"]}</div>
+                        ${entry["cluster"] ? html` <div>cluster:${entry["cluster"]}</div> ` : nothing}
+                    </div>
+                    <div slot="end">
+                      <md-text-button
+                        @click=${() => this.deleteBindingHandler(index)}
+                      >delete</md-text-button
+                    </div>
+                  </md-list-item>
+                `
+    )}
+                        </md-list>
+                        <div class="inline-group">
+                            <div class="group-label">target</div>
+                            <div class="group-input">
+                                <md-outlined-text-field
+                                    label="node id"
+                                    name="NodeId"
+                                    type="number"
+                                    min="0"
+                                    max="65535"
+                                    class="target-item"
+                                    @change=${this.onChange}
+                                    supporting-text="required"
+                                ></md-outlined-text-field>
+                                <md-outlined-text-field
+                                    label="endpoint"
+                                    name="Endpoint"
+                                    type="number"
+                                    min="0"
+                                    max="65534"
+                                    @change=${this.onChange}
+                                    class="target-item"
+                                    supporting-text="required"
+                                ></md-outlined-text-field>
+                                <md-outlined-text-field
+                                    label="cluster"
+                                    name="Cluster"
+                                    type="number"
+                                    min="0"
+                                    max="32767"
+                                    @change=${this.onChange}
+                                    class="target-item"
+                                    supporting-text="optional"
+                                ></md-outlined-text-field>
+                            </div>
+                        </div>
+                        <div style="margin:8px;">
+                            <Text style="font-size: 10px;font-style: italic;font-weight: bold;">
+                                Note: The Cluster ID field is optional according to the Matter specification. If you
+                                leave it blank, the binding applies to all eligible clusters on the target endpoint.
+                                However, some devices may require a specific cluster to be set in order for the binding
+                                to function correctly. If you experience unexpected behavior, try specifying the cluster
+                                explicitly.
+                            </Text>
+                        </div>
+                    </div>
+                </div>
+                <div slot="actions">
+                    <md-text-button @click=${this.addBindingHandler}>Add</md-text-button>
+                    <md-text-button @click=${this._close}>Cancel</md-text-button>
+                </div>
+            </md-dialog>
+        `;
+  }
+};
+NodeBindingDialog.styles = css`
+        .inline-group {
+            display: flex;
+            border: 2px solid #673ab7;
+            padding: 1px;
+            border-radius: 8px;
+            position: relative;
+            margin: 8px;
+        }
+
+        .group-input {
+            display: flex;
+            width: -webkit-fill-available;
+        }
+
+        .target-item {
+            display: inline-block;
+            padding: 20px 10px 10px 10px;
+            border-radius: 4px;
+            vertical-align: middle;
+            min-width: 80px;
+            text-align: center;
+            width: -webkit-fill-available;
+        }
+
+        .group-label {
+            position: absolute;
+            left: 15px;
+            top: -12px;
+            background: #673ab7;
+            color: white;
+            padding: 3px 15px;
+            border-radius: 4px;
+        }
+    `;
+__decorateClass([
+  consume({ context: clientContext, subscribe: true }),
+  property({ attribute: false })
+], NodeBindingDialog.prototype, "client", 2);
+__decorateClass([
+  property()
+], NodeBindingDialog.prototype, "node", 2);
+__decorateClass([
+  property({ attribute: false })
+], NodeBindingDialog.prototype, "endpoint", 2);
+__decorateClass([
+  query("md-outlined-text-field[name='NodeId']")
+], NodeBindingDialog.prototype, "_targetNodeId", 2);
+__decorateClass([
+  query("md-outlined-text-field[name='Endpoint']")
+], NodeBindingDialog.prototype, "_targetEndpoint", 2);
+__decorateClass([
+  query("md-outlined-text-field[name='Cluster']")
+], NodeBindingDialog.prototype, "_targetCluster", 2);
+NodeBindingDialog = __decorateClass([
+  customElement("node-binding-dialog")
+], NodeBindingDialog);
+export {
+  NodeBindingDialog
+};
+//# sourceMappingURL=node-binding-dialog.js.map

package/dist/esm/components/dialogs/binding/node-binding-dialog.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/dialogs/binding/node-binding-dialog.ts"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/components/dialogs/binding/show-node-binding-dialog.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { MatterClient, MatterNode } from "@matter-server/ws-client";
+export declare const showNodeBindingDialog: (client: MatterClient, node: MatterNode, endpoint: number) => Promise<void>;
+//# sourceMappingURL=show-node-binding-dialog.d.ts.map

package/dist/esm/components/dialogs/binding/show-node-binding-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"show-node-binding-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/dialogs/binding/show-node-binding-dialog.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEpE,eAAO,MAAM,qBAAqB,GAAU,QAAQ,YAAY,EAAE,MAAM,UAAU,EAAE,UAAU,MAAM,kBAOnG,CAAC"}

package/dist/esm/components/dialogs/binding/show-node-binding-dialog.js

@@ -0,0 +1,17 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const showNodeBindingDialog = async (client, node, endpoint) => {
+  await import("./node-binding-dialog.js");
+  const dialog = document.createElement("node-binding-dialog");
+  dialog.client = client;
+  dialog.node = node;
+  dialog.endpoint = endpoint;
+  document.querySelector("matter-dashboard-app")?.renderRoot.appendChild(dialog);
+};
+export {
+  showNodeBindingDialog
+};
+//# sourceMappingURL=show-node-binding-dialog.js.map

package/dist/esm/components/dialogs/binding/show-node-binding-dialog.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/dialogs/binding/show-node-binding-dialog.ts"],
+  "mappings": "AAAA;AAAA;AAAA;AAAA;AAAA;AAQO,MAAM,wBAAwB,OAAO,QAAsB,MAAkB,aAAqB;AACrG,QAAM,OAAO,0BAA0B;AACvC,QAAM,SAAS,SAAS,cAAc,qBAAqB;AAC3D,SAAO,SAAS;AAChB,SAAO,OAAO;AACd,SAAO,WAAW;AAClB,WAAS,cAAc,sBAAsB,GAAG,WAAW,YAAY,MAAM;AACjF;",
+  "names": []
+}

package/dist/esm/components/dialogs/commission-node-dialog/commission-node-dialog.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import "@material/web/button/text-button";
+import "@material/web/dialog/dialog";
+import "@material/web/list/list";
+import "@material/web/list/list-item";
+import { MatterClient, MatterNode } from "@matter-server/ws-client";
+import { LitElement } from "lit";
+export declare class ComissionNodeDialog extends LitElement {
+    client: MatterClient;
+    private _mode?;
+    protected render(): import("lit-html").TemplateResult<1>;
+    private _commissionWifi;
+    private _commissionThread;
+    private _commissionExisting;
+    private _nodeCommissioned;
+    private _close;
+    private _handleClosed;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "commission-node-dialog": ComissionNodeDialog;
+    }
+    interface HASSDomEvents {
+        "node-commissioned": MatterNode;
+    }
+}
+//# sourceMappingURL=commission-node-dialog.d.ts.map