@matter-server/dashboard 1.0.0 → 1.1.0

package/dist/web/js/node-binding-dialog-B9IdqHrZ.js

@@ -1,624 +0,0 @@
-import { i, c, a as clientContext, n, e, b as i$1, p as showPromptDialog, s as showAlertDialog, A, d as b, h as handleAsync, g as t } from './matter-dashboard-app-CVi_GDky.js';
-import { p as preventDefault } from './prevent_default-D-ohDGsN.js';
-import './main.js';
-
-/**
- * @license
- * Copyright 2025-2026 Open Home Foundation
- * SPDX-License-Identifier: Apache-2.0
- */
-const MatterStatusNames = {
-  0: "Success",
-  1: "Failure",
-  125: "InvalidSubscription",
-  126: "UnsupportedAccess",
-  127: "UnsupportedEndpoint",
-  128: "InvalidAction",
-  129: "UnsupportedCommand",
-  133: "InvalidCommand",
-  134: "UnsupportedAttribute",
-  135: "ConstraintError",
-  136: "UnsupportedWrite",
-  137: "ResourceExhausted",
-  139: "NotFound",
-  140: "UnreportableAttribute",
-  141: "InvalidDataType",
-  143: "UnsupportedRead",
-  146: "DataVersionMismatch",
-  148: "Timeout",
-  155: "UnsupportedNode",
-  156: "Busy",
-  157: "AccessRestricted",
-  195: "UnsupportedCluster",
-  197: "NoUpstreamSubscription",
-  198: "NeedsTimedInteraction",
-  199: "UnsupportedEvent",
-  200: "PathsExhausted",
-  201: "TimedRequestMismatch",
-  202: "FailsafeRequired",
-  203: "InvalidInState",
-  204: "NoCommandResponse",
-  205: "TermsAndConditionsChanged",
-  206: "MaintenanceRequired",
-  207: "DynamicConstraintError",
-  208: "AlreadyExists",
-  209: "InvalidTransportType"
-};
-function getMatterStatusName(status) {
-  return MatterStatusNames[status] ?? `Unknown(${status})`;
-}
-function analyzeBatchResults(results) {
-  if (!results || results.length === 0) {
-    return {
-      outcome: "all_failed",
-      successCount: 0,
-      failureCount: 0,
-      errorCounts: {},
-      message: "No response/results returned"
-    };
-  }
-  let successCount = 0;
-  let failureCount = 0;
-  const errorCounts = {};
-  for (const result of results) {
-    if (result.status === 0) {
-      successCount++;
-    } else {
-      failureCount++;
-      errorCounts[result.status] = (errorCounts[result.status] ?? 0) + 1;
-    }
-  }
-  let outcome;
-  if (failureCount === 0) {
-    outcome = "all_success";
-  } else if (successCount === 0) {
-    outcome = "all_failed";
-  } else {
-    outcome = "partial";
-  }
-  const message = formatBatchMessage(outcome, successCount, failureCount, errorCounts);
-  return {
-    outcome,
-    successCount,
-    failureCount,
-    errorCounts,
-    message
-  };
-}
-function formatBatchMessage(outcome, successCount, failureCount, errorCounts) {
-  const entryWord = count => count === 1 ? "entry" : "entries";
-  if (outcome === "all_success") {
-    return "Write successful";
-  }
-  const errorParts = Object.entries(errorCounts).map(([code, count]) => {
-    const statusCode = parseInt(code, 10);
-    return `${count}x ${getMatterStatusName(statusCode)} (${code})`;
-  }).join(", ");
-  if (outcome === "all_failed") {
-    return `All ${failureCount} ${entryWord(failureCount)} failed: ${errorParts}`;
-  }
-  return `Partial failure: ${successCount} ${entryWord(successCount)} succeeded, ${failureCount} failed (${errorParts}). Please verify.`;
-}
-
-var _staticBlock$1, _staticBlock2;
-/**
- * @license
- * Copyright 2025-2026 Open Home Foundation
- * SPDX-License-Identifier: Apache-2.0
- */
-class AccessControlTargetTransformer {
-  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;
-  }
-  static #_ = _staticBlock$1 = () => this.KEY_MAPPING = {
-    "0": "cluster",
-    "1": "endpoint",
-    "2": "deviceType"
-  };
-}
-_staticBlock$1();
-class AccessControlEntryDataTransformer {
-  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;
-  }
-  static #_ = _staticBlock2 = () => this.KEY_MAPPING = {
-    "1": "privilege",
-    "2": "authMode",
-    "3": "subjects",
-    "4": "targets",
-    "254": "fabricIndex"
-  };
-}
-_staticBlock2();
-
-var _staticBlock;
-/**
- * @license
- * Copyright 2025-2026 Open Home Foundation
- * SPDX-License-Identifier: Apache-2.0
- */
-class BindingEntryDataTransformer {
-  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 === "node") {
-            result[mappedKey] = value;
-          } else {
-            result[mappedKey] = Number(value);
-          }
-        }
-      }
-    }
-    return result;
-  }
-  static #_ = _staticBlock = () => this.KEY_MAPPING = {
-    "1": "node",
-    "2": "group",
-    "3": "endpoint",
-    "4": "cluster",
-    "254": "fabricIndex"
-  };
-}
-_staticBlock();
-
-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;
-};
-let NodeBindingDialog = class extends i$1 {
-  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) {
-    var _this$client$nodes$St;
-    const acl_cluster_raw = (_this$client$nodes$St = this.client.nodes[String(targetNodeId)]) === null || _this$client$nodes$St === void 0 ? void 0 : _this$client$nodes$St.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;
-      let aclCleanedUp = false;
-      try {
-        await this.removeNodeAtACLEntry(this.node.node_id, endpoint, targetNodeId);
-        aclCleanedUp = true;
-      } catch (aclError) {
-        const errorMessage = aclError instanceof Error ? aclError.message : String(aclError);
-        const proceed = await showPromptDialog({
-          title: "ACL cleanup failed",
-          text: `Could not clean up ACL on target node ${targetNodeId}: ${errorMessage}. The target node may no longer exist or be unreachable. Do you want to remove the binding anyway? Note: The target device may retain an outdated ACL entry.`,
-          confirmText: "Remove binding"
-        });
-        if (!proceed) return;
-      }
-      try {
-        const updatedBindings = this.removeBindingAtIndex(rawBindings, index);
-        await this.syncBindingUpdates(updatedBindings, index);
-      } catch (bindingError) {
-        const errorMessage = bindingError instanceof Error ? bindingError.message : String(bindingError);
-        await showAlertDialog({
-          title: "Binding removal failed",
-          text: `Failed to remove the binding: ${errorMessage}. ` + (aclCleanedUp ? "The ACL on the target device was already updated. The binding and ACL may now be out of sync." : "No changes were made.")
-        });
-        return;
-      }
-    } catch (error) {
-      this.handleBindingDeletionError(error);
-    }
-  }
-  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.node.node_id, 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 {
-      var _this$client$nodes$St2;
-      const rawEntries = (_this$client$nodes$St2 = this.client.nodes[String(targetNodeId)]) === null || _this$client$nodes$St2 === void 0 ? void 0 : _this$client$nodes$St2.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 results = await this.client.setACLEntry(targetNodeId, apiEntries);
-      const batchResult = analyzeBatchResults(results);
-      if (batchResult.outcome !== "all_success") {
-        console.error(`Set ACL entry: ${batchResult.message}`);
-      }
-      return batchResult;
-    } catch (err) {
-      console.error("Add ACL error:", err);
-      return {
-        outcome: "all_failed",
-        successCount: 0,
-        failureCount: 1,
-        errorCounts: {
-          1: 1
-        },
-        message: `Exception: ${err instanceof Error ? err.message : String(err)}`
-      };
-    }
-  }
-  /** 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) {
-    var _entry$targets;
-    return {
-      privilege: entry.privilege,
-      auth_mode: entry.authMode,
-      subjects: entry.subjects ?? null,
-      targets: ((_entry$targets = entry.targets) === null || _entry$targets === void 0 ? void 0 : _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 results = await this.client.setNodeBinding(this.node.node_id, endpoint, apiBindings);
-      const batchResult = analyzeBatchResults(results);
-      if (batchResult.outcome !== "all_success") {
-        console.error(`Set binding: ${batchResult.message}`);
-      }
-      return batchResult;
-    } catch (err) {
-      console.error("Add bindings error:", err);
-      return {
-        outcome: "all_failed",
-        successCount: 0,
-        failureCount: 1,
-        errorCounts: {
-          1: 1
-        },
-        message: `Exception: ${err instanceof Error ? err.message : String(err)}`
-      };
-    }
-  }
-  async addBindingHandler() {
-    var _this$_targetNodeId$v;
-    let targetNodeId;
-    const rawNodeId = (_this$_targetNodeId$v = this._targetNodeId.value) === null || _this$_targetNodeId$v === void 0 ? void 0 : _this$_targetNodeId$v.trim();
-    if (rawNodeId) {
-      if (!/^\d+$/.test(rawNodeId)) {
-        showAlertDialog({
-          title: "Validation error",
-          text: "Please enter a valid target node ID"
-        });
-        return;
-      }
-      targetNodeId = BigInt(rawNodeId);
-    }
-    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 <= 0n) {
-      showAlertDialog({
-        title: "Validation error",
-        text: "Please enter a valid target node ID"
-      });
-      return;
-    }
-    if (targetEndpoint === void 0 || targetEndpoint <= 0 || targetEndpoint > 65534) {
-      showAlertDialog({
-        title: "Validation error",
-        text: "Please enter a valid target endpoint"
-      });
-      return;
-    }
-    if (targetCluster !== void 0) {
-      if (targetCluster < 0 || targetCluster > 32767) {
-        showAlertDialog({
-          title: "Validation error",
-          text: "Please enter a valid target cluster"
-        });
-        return;
-      }
-    }
-    const targets = {
-      endpoint: targetEndpoint,
-      cluster: targetCluster,
-      deviceType: void 0
-    };
-    const acl_entry = {
-      privilege: 3,
-      authMode: 2,
-      subjects: [this.node.node_id],
-      targets: [targets],
-      fabricIndex: 0
-      // Placeholder - server will use correct fabric index
-    };
-    const aclResult = await this.add_target_acl(targetNodeId, acl_entry);
-    if (aclResult.outcome === "all_failed") {
-      showAlertDialog({
-        title: "Failed to add ACL entry",
-        text: aclResult.message
-      });
-      return;
-    }
-    if (aclResult.outcome === "partial") {
-      showAlertDialog({
-        title: "ACL entry partially failed",
-        text: aclResult.message
-      });
-    }
-    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 bindingResult = await this.add_bindings(endpoint, bindingEntry);
-    if (bindingResult.outcome === "all_success") {
-      this._targetNodeId.value = "";
-      this._targetEndpoint.value = "";
-      this._targetCluster.value = "";
-      this.requestUpdate();
-    } else if (bindingResult.outcome === "partial") {
-      showAlertDialog({
-        title: "Binding partially failed",
-        text: bindingResult.message
-      });
-      this.requestUpdate();
-    } else {
-      showAlertDialog({
-        title: "Failed to add binding",
-        text: bindingResult.message
-      });
-    }
-  }
-  _close() {
-    this.shadowRoot.querySelector("md-dialog").close();
-  }
-  _handleClosed() {
-    this.parentNode.removeChild(this);
-  }
-  onChange(e) {
-    const textfield = e.target;
-    if (textfield.type === "number" && textfield.max && textfield.min) {
-      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;
-      }
-    } else {
-      textfield.error = textfield.value !== "" && !/^[0-9]+$/.test(textfield.value);
-      if (textfield.error) {
-        textfield.errorText = "must be a numeric value";
-      }
-    }
-  }
-  render() {
-    const rawBindings = this.node.attributes[this.endpoint + "/30/0"];
-    const bindings = rawBindings ? Object.values(rawBindings).map(entry => BindingEntryDataTransformer.transform(entry)) : [];
-    return b`
-            <md-dialog open @cancel=${preventDefault} @closed=${this._handleClosed}>
-                <div slot="headline">
-                    <div>Binding</div>
-                </div>
-                <div slot="content">
-                    <div>
-                        <md-list style="padding-bottom:16px;">
-                            ${Object.values(bindings).map((entry, index) => b`
-                  <md-list-item class="binding-item">
-                    <div style="display:flex;gap:8px;">
-                        <div>node:${entry["node"]}</div>
-                        <div>endpoint:${entry["endpoint"]}</div>
-                        ${entry["cluster"] ? b` <div>cluster:${entry["cluster"]}</div> ` : A}
-                    </div>
-                    <div slot="end">
-                      <md-text-button
-                        @click=${handleAsync(() => 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="text"
-                                    pattern="[0-9]+"
-                                    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;">
-                            <span style="font-size: 0.75rem;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.
-                            </span>
-                        </div>
-                    </div>
-                </div>
-                <div slot="actions">
-                    <md-text-button @click=${handleAsync(() => this.addBindingHandler())}>Add</md-text-button>
-                    <md-text-button @click=${this._close}>Cancel</md-text-button>
-                </div>
-            </md-dialog>
-        `;
-  }
-};
-NodeBindingDialog.styles = i`
-        .binding-item {
-            background: var(--md-sys-color-surface-container-high);
-        }
-
-        .inline-group {
-            display: flex;
-            border: 2px solid var(--md-sys-color-primary);
-            padding: 1px;
-            border-radius: 8px;
-            position: relative;
-            margin: 8px;
-        }
-
-        .group-input {
-            display: flex;
-            width: -webkit-fill-available;
-        }
-
-        .target-item {
-            display: inline-block;
-            padding: 16px 8px 8px 8px;
-            border-radius: 4px;
-            vertical-align: middle;
-            min-width: 80px;
-            text-align: center;
-            width: -webkit-fill-available;
-        }
-
-        .group-label {
-            position: absolute;
-            left: 16px;
-            top: -12px;
-            background: var(--md-sys-color-primary);
-            color: var(--md-sys-color-on-primary);
-            padding: 4px 16px;
-            border-radius: 4px;
-        }
-    `;
-__decorateClass([c({
-  context: clientContext,
-  subscribe: true
-}), n({
-  attribute: false
-})], NodeBindingDialog.prototype, "client", 2);
-__decorateClass([n()], NodeBindingDialog.prototype, "node", 2);
-__decorateClass([n({
-  attribute: false
-})], NodeBindingDialog.prototype, "endpoint", 2);
-__decorateClass([e("md-outlined-text-field[name='NodeId']")], NodeBindingDialog.prototype, "_targetNodeId", 2);
-__decorateClass([e("md-outlined-text-field[name='Endpoint']")], NodeBindingDialog.prototype, "_targetEndpoint", 2);
-__decorateClass([e("md-outlined-text-field[name='Cluster']")], NodeBindingDialog.prototype, "_targetCluster", 2);
-NodeBindingDialog = __decorateClass([t("node-binding-dialog")], NodeBindingDialog);
-
-export { NodeBindingDialog };