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

package/dist/esm/pages/components/server-details.js

@@ -0,0 +1,130 @@
+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/filled-button";
+import "@material/web/button/outlined-button";
+import "@material/web/button/text-button";
+import "@material/web/divider/divider";
+import "@material/web/iconbutton/icon-button";
+import "@material/web/list/list";
+import "@material/web/list/list-item";
+import { mdiFile, mdiPlus } from "@mdi/js";
+import { LitElement, css, html, nothing } from "lit";
+import { customElement } from "lit/decorators.js";
+import { showAlertDialog, showPromptDialog } from "../../components/dialog-box/show-dialog-box.js";
+import { showCommissionNodeDialog } from "../../components/dialogs/commission-node-dialog/show-commission-node-dialog.js";
+import "../../components/ha-svg-icon";
+let ServerDetails = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this._onFileInput = (event) => {
+      const fileElem = event.target;
+      if (fileElem.files.length > 0) {
+        const selectedFile = fileElem.files[0];
+        const reader = new FileReader();
+        reader.readAsText(selectedFile, "UTF-8");
+        reader.onload = async () => {
+          try {
+            await this.client.importTestNode(reader.result?.toString() || "");
+          } catch (err) {
+            showAlertDialog({
+              title: "Failed to import test node",
+              text: err.message
+            });
+          }
+        };
+      }
+      event.preventDefault();
+    };
+  }
+  render() {
+    if (!this.client) return html``;
+    return html`
+      <md-list>
+        <md-list-item>
+            <div slot="headline">
+                <b>Open Home Foundation Matter Server ${this.client.isProduction ? "" : `(${this.client.serverBaseAddress})`}</b>
+                ${this.client.connection.connected ? nothing : html`<span class="status">OFFLINE</span>`}
+      </div>
+        </md-list-item>
+        <md-list-item>
+          <div slot="supporting-text">
+            <div class="left">FabricId: </div>${this.client.serverInfo.fabric_id}
+          </div>
+          <div slot="supporting-text">
+            <div class="left">Compressed FabricId: </div>${this.client.serverInfo.compressed_fabric_id}
+          </div>
+          <div slot="supporting-text">
+            <div class="left">SDK Wheels Version: </div>${this.client.serverInfo.sdk_version}
+          </div>
+          <div slot="supporting-text">
+            <div class="left">Schema Version: </div>${this.client.serverInfo.schema_version}
+          </div>
+          <div slot="supporting-text">
+            <div class="left">Node count: </div>${Object.keys(this.client.nodes).length}
+          </div>
+        </md-list-item>
+        <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-list-item>
+      </md-list>
+      <!-- hidden file element for the upload diagnostics -->
+      <input
+        @change=${this._onFileInput}
+        type="file"
+        id="fileElem"
+        accept=".json"
+        style="display:none" />
+      </div>
+  `;
+  }
+  _commissionNode() {
+    console.log(this.client);
+    showCommissionNodeDialog(this.client);
+  }
+  async _uploadDiagnosticsDumpFile() {
+    if (!await showPromptDialog({
+      title: "Add test node",
+      text: "Do you want to add a test node from a diagnostics dump ?",
+      confirmText: "Select file"
+    })) {
+      return;
+    }
+    const fileElem = this.renderRoot.getElementById("fileElem");
+    fileElem.click();
+  }
+};
+ServerDetails.styles = css`
+        .btn {
+            --md-outlined-button-container-shape: 0px;
+        }
+
+        .left {
+            width: 30%;
+            display: inline-table;
+        }
+        .whitespace {
+            height: 15px;
+        }
+    `;
+ServerDetails = __decorateClass([
+  customElement("server-details")
+], ServerDetails);
+export {
+  ServerDetails
+};
+//# sourceMappingURL=server-details.js.map

package/dist/esm/pages/components/server-details.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/pages/components/server-details.ts"],
+  "mappings": ";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAEP,SAAS,SAAS,eAAe;AACjC,SAAS,YAAY,KAAK,MAAM,eAAe;AAC/C,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB,wBAAwB;AAClD,SAAS,gCAAgC;AACzC,OAAO;AAGA,IAAM,gBAAN,cAA4B,WAAW;AAAA,EAAvC;AAAA;AAoEH,SAAQ,eAAe,CAAC,UAAiB;AACrC,YAAM,WAAW,MAAM;AACvB,UAAI,SAAS,MAAO,SAAS,GAAG;AAC5B,cAAM,eAAe,SAAS,MAAO,CAAC;AACtC,cAAM,SAAS,IAAI,WAAW;AAC9B,eAAO,WAAW,cAAc,OAAO;AACvC,eAAO,SAAS,YAAY;AACxB,cAAI;AACA,kBAAM,KAAK,OAAQ,eAAe,OAAO,QAAQ,SAAS,KAAK,EAAE;AAAA,UACrE,SAAS,KAAU;AACf,4BAAgB;AAAA,cACZ,OAAO;AAAA,cACP,MAAM,IAAI;AAAA,YACd,CAAC;AAAA,UACL;AAAA,QACJ;AAAA,MACJ;AACA,YAAM,eAAe;AAAA,IACzB;AAAA;AAAA,EAnFmB,SAAS;AACxB,QAAI,CAAC,KAAK,OAAQ,QAAO;AAEzB,WAAO;AAAA;AAAA;AAAA;AAAA,wDAIyC,KAAK,OAAO,eAAe,KAAK,IAAI,KAAK,OAAO,iBAAiB,GAAG;AAAA,kBAC1G,KAAK,OAAO,WAAW,YAAY,UAAU,yCAAyC;AAAA;AAAA;AAAA;AAAA;AAAA,gDAKxD,KAAK,OAAO,WAAW,SAAS;AAAA;AAAA;AAAA,2DAGrB,KAAK,OAAO,WAAW,oBAAoB;AAAA;AAAA;AAAA,0DAG5C,KAAK,OAAO,WAAW,WAAW;AAAA;AAAA;AAAA,sDAGtC,KAAK,OAAO,WAAW,cAAc;AAAA;AAAA;AAAA,kDAGzC,OAAO,KAAK,KAAK,OAAO,KAAK,EAAE,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,uCAKhD,KAAK,eAAe,kDAAkD,OAAO;AAAA,uCAC7E,KAAK,0BAA0B,8CAA8C,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKzG,KAAK,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO/B;AAAA,EAEQ,kBAAkB;AACtB,YAAQ,IAAI,KAAK,MAAM;AACvB,6BAAyB,KAAK,MAAO;AAAA,EACzC;AAAA,EAEA,MAAc,6BAA6B;AACvC,QACI,CAAE,MAAM,iBAAiB;AAAA,MACrB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,IACjB,CAAC,GACH;AACE;AAAA,IACJ;AAEA,UAAM,WAAW,KAAK,WAAW,eAAe,UAAU;AAC1D,aAAS,MAAM;AAAA,EACnB;AAmCJ;AArGa,cAwFO,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAxFhB,gBAAN;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB;",
+  "names": []
+}

package/dist/esm/pages/matter-cluster-view.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import "@material/web/divider/divider";
+import "@material/web/iconbutton/icon-button";
+import "@material/web/list/list";
+import "@material/web/list/list-item";
+import { MatterClient, MatterNode } from "@matter-server/ws-client";
+import { LitElement } from "lit";
+import "../components/ha-svg-icon";
+import "../pages/components/node-details";
+declare global {
+    interface HTMLElementTagNameMap {
+        "matter-cluster-view": MatterClusterView;
+    }
+}
+declare class MatterClusterView extends LitElement {
+    client: MatterClient;
+    node?: MatterNode;
+    endpoint: number;
+    cluster?: number;
+    render(): import("lit-html").TemplateResult<1>;
+    private _showAttributeValue;
+    private _goBack;
+    static styles: import("lit").CSSResult;
+}
+export {};
+//# sourceMappingURL=matter-cluster-view.d.ts.map

package/dist/esm/pages/matter-cluster-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"matter-cluster-view.d.ts","sourceRoot":"","sources":["../../../src/pages/matter-cluster-view.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAqB,MAAM,0BAA0B,CAAC;AACvF,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,2BAA2B,CAAC;AACnC,OAAO,kCAAkC,CAAC;AAG1C,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,qBAAqB,EAAE,iBAAiB,CAAC;KAC5C;CACJ;AAYD,cACM,iBAAkB,SAAQ,UAAU;IAC/B,MAAM,EAAG,YAAY,CAAC;IAGtB,IAAI,CAAC,EAAE,UAAU,CAAC;IAIlB,QAAQ,EAAG,MAAM,CAAC;IAGlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEf,MAAM;YA+DD,mBAAmB;IAOjC,OAAO,CAAC,OAAO;IAIf,OAAgB,MAAM,0BAoCpB;CACL"}

package/dist/esm/pages/matter-cluster-view.js

@@ -0,0 +1,154 @@
+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 { provide } from "@lit/context";
+import "@material/web/divider/divider";
+import "@material/web/iconbutton/icon-button";
+import "@material/web/list/list";
+import "@material/web/list/list-item";
+import { toBigIntAwareJson } from "@matter-server/ws-client";
+import { LitElement, css, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { clusters } from "../client/models/descriptions.js";
+import { showAlertDialog } from "../components/dialog-box/show-dialog-box.js";
+import "../components/ha-svg-icon";
+import "../pages/components/node-details";
+import { bindingContext } from "./components/context.js";
+function clusterAttributes(attributes, endpoint, cluster) {
+  return Object.keys(attributes).filter((key) => key.startsWith(`${endpoint}/${cluster}`)).map((key) => {
+    const attributeKey = Number(key.split("/")[2]);
+    return { key: attributeKey, value: attributes[key] };
+  }, []);
+}
+let MatterClusterView = class extends LitElement {
+  render() {
+    if (!this.node || this.endpoint == void 0 || this.cluster == void 0) {
+      return html`
+                <p>Node, endpoint or cluster not found!</p>
+                <button @click=${this._goBack}>Back</button>
+            `;
+    }
+    return html`
+            <dashboard-header
+                .title=${`Node ${this.node.node_id}  |  Endpoint ${this.endpoint}  |  Cluster ${this.cluster}`}
+                .backButton=${`#node/${this.node.node_id}/${this.endpoint}`}
+                .client=${this.client}
+            ></dashboard-header>
+
+            <!-- node details section -->
+            <div class="container">
+                <node-details .node=${this.node} .client=${this.client}></node-details>
+            </div>
+
+            <!-- Cluster attributes listing -->
+            <div class="container">
+                <md-list>
+                    <md-list-item>
+                        <div slot="headline">
+                            <b
+                                >Attributes of ${clusters[this.cluster]?.label || "Custom/Unknown Cluster"} Cluster on
+                                Endpoint ${this.endpoint}</b
+                            >
+                        </div>
+                        <div slot="supporting-text">ClusterId ${this.cluster} (0x00${this.cluster.toString(16)})</div>
+                    </md-list-item>
+                    ${clusterAttributes(this.node.attributes, this.endpoint, this.cluster).map((attribute) => {
+      return html`
+                            <md-list-item>
+                                <div slot="headline">
+                                    ${clusters[this.cluster]?.attributes[attribute.key]?.label || "Custom/Unknown Attribute"}
+                                </div>
+                                <div slot="supporting-text">
+                                    AttributeId: ${attribute.key} (0x00${attribute.key.toString(16)}) - Value type:
+                                    ${clusters[this.cluster]?.attributes[attribute.key]?.type || "unknown"}
+                                </div>
+                                <div slot="end">
+                                    ${toBigIntAwareJson(attribute.value).length > 20 ? html`<button
+                                              @click=${() => {
+        this._showAttributeValue(attribute.value);
+      }}
+                                          >
+                                              Show value
+                                          </button>` : toBigIntAwareJson(attribute.value)}
+                                </div>
+                            </md-list-item>
+                            <md-divider />
+                        `;
+    })}
+                </md-list>
+            </div>
+        `;
+  }
+  async _showAttributeValue(value) {
+    showAlertDialog({
+      title: "Attribute value",
+      text: toBigIntAwareJson(value)
+    });
+  }
+  _goBack() {
+    history.back();
+  }
+};
+MatterClusterView.styles = css`
+        :host {
+            display: block;
+            background-color: var(--md-sys-color-background);
+        }
+
+        .header {
+            background-color: var(--md-sys-color-primary);
+            color: var(--md-sys-color-on-primary);
+            --icon-primary-color: var(--md-sys-color-on-primary);
+            font-weight: 400;
+            display: flex;
+            align-items: center;
+            padding-right: 8px;
+            height: 48px;
+        }
+
+        md-icon-button {
+            margin-right: 8px;
+        }
+
+        .flex {
+            flex: 1;
+        }
+
+        .container {
+            padding: 16px;
+            max-width: 95%;
+            margin: 0 auto;
+        }
+
+        .status {
+            color: var(--danger-color);
+            font-weight: bold;
+            font-size: 0.8em;
+        }
+    `;
+__decorateClass([
+  property()
+], MatterClusterView.prototype, "node", 2);
+__decorateClass([
+  provide({ context: bindingContext }),
+  property()
+], MatterClusterView.prototype, "endpoint", 2);
+__decorateClass([
+  property()
+], MatterClusterView.prototype, "cluster", 2);
+MatterClusterView = __decorateClass([
+  customElement("matter-cluster-view")
+], MatterClusterView);
+//# sourceMappingURL=matter-cluster-view.js.map

package/dist/esm/pages/matter-cluster-view.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/pages/matter-cluster-view.ts"],
+  "mappings": ";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,SAAS,eAAe;AACxB,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAmC,yBAAyB;AAC5D,SAAS,YAAY,KAAK,YAAY;AACtC,SAAS,eAAe,gBAAgB;AACxC,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAChC,OAAO;AACP,OAAO;AACP,SAAS,sBAAsB;AAQ/B,SAAS,kBAAkB,YAAoC,UAAkB,SAAiB;AAE9F,SAAO,OAAO,KAAK,UAAU,EACxB,OAAO,SAAO,IAAI,WAAW,GAAG,QAAQ,IAAI,OAAO,EAAE,CAAC,EACtD,IAAI,SAAO;AACR,UAAM,eAAe,OAAO,IAAI,MAAM,GAAG,EAAE,CAAC,CAAC;AAC7C,WAAO,EAAE,KAAK,cAAc,OAAO,WAAW,GAAG,EAAE;AAAA,EACvD,GAAG,CAAC,CAAC;AACb;AAGA,IAAM,oBAAN,cAAgC,WAAW;AAAA,EAa9B,SAAS;AACd,QAAI,CAAC,KAAK,QAAQ,KAAK,YAAY,UAAa,KAAK,WAAW,QAAW;AACvE,aAAO;AAAA;AAAA,iCAEc,KAAK,OAAO;AAAA;AAAA,IAErC;AAEA,WAAO;AAAA;AAAA,yBAEU,QAAQ,KAAK,KAAK,OAAO,iBAAiB,KAAK,QAAQ,gBAAgB,KAAK,OAAO,EAAE;AAAA,8BAChF,SAAS,KAAK,KAAK,OAAO,IAAI,KAAK,QAAQ,EAAE;AAAA,0BACjD,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,sCAKC,KAAK,IAAI,YAAY,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iDASrB,SAAS,KAAK,OAAO,GAAG,SAAS,wBAAwB;AAAA,2CAC/D,KAAK,QAAQ;AAAA;AAAA;AAAA,gEAGQ,KAAK,OAAO,SAAS,KAAK,QAAQ,SAAS,EAAE,CAAC;AAAA;AAAA,sBAExF,kBAAkB,KAAK,KAAK,YAAY,KAAK,UAAU,KAAK,OAAO,EAAE,IAAI,eAAa;AACpF,aAAO;AAAA;AAAA;AAAA,sCAGO,SAAS,KAAK,OAAQ,GAAG,WAAW,UAAU,GAAG,GAAG,SACtD,0BAA0B;AAAA;AAAA;AAAA,mDAGX,UAAU,GAAG,SAAS,UAAU,IAAI,SAAS,EAAE,CAAC;AAAA,sCAC7D,SAAS,KAAK,OAAQ,GAAG,WAAW,UAAU,GAAG,GAAG,QAAQ,SAAS;AAAA;AAAA;AAAA,sCAGrE,kBAAkB,UAAU,KAAK,EAAE,SAAS,KACxC;AAAA,uDACa,MAAM;AACX,aAAK,oBAAoB,UAAU,KAAK;AAAA,MAC5C,CAAC;AAAA;AAAA;AAAA,uDAIL,kBAAkB,UAAU,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxD,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,EAIlB;AAAA,EAEA,MAAc,oBAAoB,OAAY;AAC1C,oBAAgB;AAAA,MACZ,OAAO;AAAA,MACP,MAAM,kBAAkB,KAAK;AAAA,IACjC,CAAC;AAAA,EACL;AAAA,EAEQ,UAAU;AACd,YAAQ,KAAK;AAAA,EACjB;AAuCJ;AA5HM,kBAuFc,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAnFlB;AAAA,EADN,SAAS;AAAA,GAHR,kBAIK;AAIA;AAAA,EAFN,QAAQ,EAAE,SAAS,eAAe,CAAC;AAAA,EACnC,SAAS;AAAA,GAPR,kBAQK;AAGA;AAAA,EADN,SAAS;AAAA,GAVR,kBAWK;AAXL,oBAAN;AAAA,EADC,cAAc,qBAAqB;AAAA,GAC9B;",
+  "names": []
+}

package/dist/esm/pages/matter-dashboard-app.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { MatterClient } from "@matter-server/ws-client";
+import { LitElement, PropertyValueMap } from "lit";
+import "./matter-cluster-view";
+import "./matter-endpoint-view";
+import "./matter-node-view";
+import "./matter-server-view";
+declare global {
+    interface HTMLElementTagNameMap {
+        "matter-dashboard-app": MatterDashboardApp;
+    }
+}
+declare class MatterDashboardApp extends LitElement {
+    private _route;
+    client: MatterClient;
+    private _state;
+    private _error;
+    private provider;
+    protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};
+//# sourceMappingURL=matter-dashboard-app.d.ts.map

package/dist/esm/pages/matter-dashboard-app.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"matter-dashboard-app.d.ts","sourceRoot":"","sources":["../../../src/pages/matter-dashboard-app.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,YAAY,EAAe,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAQ,MAAM,KAAK,CAAC;AAKzD,OAAO,uBAAuB,CAAC;AAC/B,OAAO,wBAAwB,CAAC;AAChC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,sBAAsB,CAAC;AAE9B,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,sBAAsB,EAAE,kBAAkB,CAAC;KAC9C;CACJ;AAED,cACM,kBAAmB,SAAQ,UAAU;IAC9B,OAAO,CAAC,MAAM,CAGrB;IAEK,MAAM,EAAG,YAAY,CAAC;IAG7B,OAAO,CAAC,MAAM,CAAuE;IAErF,OAAO,CAAC,MAAM,CAAqB;IAEnC,OAAO,CAAC,QAAQ,CAAoF;cAEjF,YAAY,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI;IAkCnG,MAAM;CAkDlB"}

package/dist/esm/pages/matter-dashboard-app.js

@@ -0,0 +1,122 @@
+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 { ContextProvider } from "@lit/context";
+import { LitElement, html } from "lit";
+import { customElement, state } from "lit/decorators.js";
+import { clientContext } from "../client/client-context.js";
+import { clone } from "../util/clone_class.js";
+import "./matter-cluster-view";
+import "./matter-endpoint-view";
+import "./matter-node-view";
+import "./matter-server-view";
+let MatterDashboardApp = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this._route = {
+      prefix: "",
+      path: []
+    };
+    this._state = "connecting";
+    this.provider = new ContextProvider(this, { context: clientContext, initialValue: this.client });
+  }
+  firstUpdated(_changedProperties) {
+    super.firstUpdated(_changedProperties);
+    this.client.startListening().then(
+      () => {
+        this._state = "connected";
+        this.client.addEventListener("nodes_changed", () => {
+          this.requestUpdate();
+          this.provider.setValue(clone(this.client));
+        });
+        this.client.addEventListener("server_info_updated", () => {
+          this.provider.setValue(clone(this.client));
+        });
+        this.client.addEventListener("connection_lost", () => {
+          this._state = "disconnected";
+        });
+      },
+      (err) => {
+        this._state = "error";
+        this._error = err.message;
+      }
+    );
+    const updateRoute = () => {
+      const pathParts = location.hash.substring(1).split("/");
+      this._route = {
+        prefix: pathParts.length == 1 ? "" : pathParts[0],
+        path: pathParts.length == 1 ? pathParts : pathParts.slice(1)
+      };
+    };
+    window.addEventListener("hashchange", updateRoute);
+    updateRoute();
+  }
+  render() {
+    if (this._state === "connecting") {
+      return html`<p>Connecting...</p>`;
+    }
+    if (this._state === "disconnected") {
+      return html`<p>Connection lost</p>`;
+    }
+    if (this._state === "error") {
+      return html`
+                <p>Error: ${this._error}</p>
+                <button @click=${this.client.disconnect}>Clear stored URL</button>
+            `;
+    }
+    if (this._route.prefix === "node" && this._route.path.length == 3) {
+      return html`
+                <matter-cluster-view
+                    .client=${this.client}
+                    .node=${this.client.nodes[this._route.path[0]]}
+                    .endpoint=${parseInt(this._route.path[1], 10)}
+                    .cluster=${parseInt(this._route.path[2], 10)}
+                ></matter-cluster-view>
+            `;
+    }
+    if (this._route.prefix === "node" && this._route.path.length == 2) {
+      return html`
+                <matter-endpoint-view
+                    .client=${this.client}
+                    .node=${this.client.nodes[this._route.path[0]]}
+                    .endpoint=${parseInt(this._route.path[1], 10)}
+                ></matter-endpoint-view>
+            `;
+    }
+    if (this._route.prefix === "node") {
+      return html`
+                <matter-node-view
+                    .client=${this.client}
+                    .node=${this.client.nodes[this._route.path[0]]}
+                ></matter-node-view>
+            `;
+    }
+    return html`<matter-server-view
+            .client=${this.client}
+            .nodes=${this.client.nodes}
+            .route=${this._route}
+        ></matter-server-view>`;
+  }
+};
+__decorateClass([
+  state()
+], MatterDashboardApp.prototype, "_route", 2);
+__decorateClass([
+  state()
+], MatterDashboardApp.prototype, "_state", 2);
+MatterDashboardApp = __decorateClass([
+  customElement("matter-dashboard-app")
+], MatterDashboardApp);
+//# sourceMappingURL=matter-dashboard-app.js.map

package/dist/esm/pages/matter-dashboard-app.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/pages/matter-dashboard-app.ts"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/pages/matter-endpoint-view.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import "@material/web/divider/divider";
+import "@material/web/iconbutton/icon-button";
+import "@material/web/list/list";
+import "@material/web/list/list-item";
+import { MatterClient, MatterNode } from "@matter-server/ws-client";
+import { LitElement } from "lit";
+import { DeviceType } from "../client/models/descriptions.js";
+import "../components/ha-svg-icon";
+declare global {
+    interface HTMLElementTagNameMap {
+        "matter-endpoint-view": MatterEndpointView;
+    }
+}
+export declare function getEndpointDeviceTypes(node: MatterNode, endpoint: number): DeviceType[];
+declare class MatterEndpointView extends LitElement {
+    client: MatterClient;
+    node?: MatterNode;
+    endpoint?: number;
+    render(): import("lit-html").TemplateResult<1>;
+    private _goBack;
+    static styles: import("lit").CSSResult;
+}
+export {};
+//# sourceMappingURL=matter-endpoint-view.d.ts.map

package/dist/esm/pages/matter-endpoint-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"matter-endpoint-view.d.ts","sourceRoot":"","sources":["../../../src/pages/matter-endpoint-view.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEpE,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,EAAE,UAAU,EAA0B,MAAM,kCAAkC,CAAC;AACtF,OAAO,2BAA2B,CAAC;AAEnC,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,sBAAsB,EAAE,kBAAkB,CAAC;KAC9C;CACJ;AAcD,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,GAAG,UAAU,EAAE,CAOvF;AAED,cACM,kBAAmB,SAAQ,UAAU;IAChC,MAAM,EAAG,YAAY,CAAC;IAGtB,IAAI,CAAC,EAAE,UAAU,CAAC;IAGlB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAEhB,MAAM;IAuDf,OAAO,CAAC,OAAO;IAIf,OAAgB,MAAM,0BAoCpB;CACL"}