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

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

@@ -0,0 +1,149 @@
+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/divider/divider";
+import "@material/web/iconbutton/icon-button";
+import "@material/web/list/list";
+import "@material/web/list/list-item";
+import { mdiChevronRight } from "@mdi/js";
+import { LitElement, css, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { guard } from "lit/directives/guard.js";
+import { clusters, device_types } from "../client/models/descriptions.js";
+import "../components/ha-svg-icon";
+function getUniqueClusters(node, endpoint) {
+  return Array.from(
+    new Set(
+      Object.keys(node.attributes).filter((key) => key.startsWith(`${endpoint.toString()}/`)).map((key) => Number(key.split("/")[1]))
+    )
+  ).sort((a, b) => {
+    return a - b;
+  });
+}
+function getEndpointDeviceTypes(node, endpoint) {
+  const rawValues = node.attributes[`${endpoint}/29/0`];
+  if (!rawValues) return [];
+  return rawValues.map((rawValue) => {
+    const id = rawValue["0"] ?? rawValue["deviceType"];
+    return device_types[id] || { id: id ?? -1, label: `Unknown Device Type (${id})`, clusters: [] };
+  });
+}
+let MatterEndpointView = class extends LitElement {
+  render() {
+    if (!this.node || this.endpoint == void 0) {
+      return html`
+                <p>Node or endpoint not found!</p>
+                <button @click=${this._goBack}>Back</button>
+            `;
+    }
+    return html`
+            <dashboard-header
+                .title=${`Node ${this.node.node_id}  |  Endpoint ${this.endpoint}`}
+                .backButton=${`#node/${this.node.node_id}`}
+                .client=${this.client}
+            ></dashboard-header>
+
+            <!-- node details section -->
+            <div class="container">
+                <node-details .node=${this.node} .client=${this.client}></node-details>
+            </div>
+
+            <!-- Endpoint clusters listing -->
+            <div class="container">
+                <md-list>
+                    <md-list-item>
+                        <div slot="headline">
+                            <b>Clusters on Endpoint ${this.endpoint}</b>
+                        </div>
+                        <div slot="supporting-text">
+                            Device Type(s):
+                            ${getEndpointDeviceTypes(this.node, this.endpoint).map((deviceType) => {
+      return deviceType.label;
+    }).join(" / ")}
+                        </div>
+                    </md-list-item>
+                    ${guard(
+      [this.node?.attributes.length],
+      () => getUniqueClusters(this.node, this.endpoint).map((cluster) => {
+        return html`
+                                <md-list-item
+                                    type="link"
+                                    href=${`#node/${this.node.node_id}/${this.endpoint}/${cluster}`}
+                                >
+                                    <div slot="headline">${clusters[cluster]?.label || "Custom/Unknown Cluster"}</div>
+                                    <div slot="supporting-text">ClusterId ${cluster} (0x00${cluster.toString(16)})</div>
+                                    <ha-svg-icon slot="end" .path=${mdiChevronRight}></ha-svg-icon>
+                                </md-list-item>
+                            `;
+      })
+    )}
+                </md-list>
+            </div>
+        `;
+  }
+  _goBack() {
+    history.back();
+  }
+};
+MatterEndpointView.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()
+], MatterEndpointView.prototype, "node", 2);
+__decorateClass([
+  property()
+], MatterEndpointView.prototype, "endpoint", 2);
+MatterEndpointView = __decorateClass([
+  customElement("matter-endpoint-view")
+], MatterEndpointView);
+export {
+  getEndpointDeviceTypes
+};
+//# sourceMappingURL=matter-endpoint-view.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/pages/matter-endpoint-view.ts"],
+  "mappings": ";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAEP,SAAS,uBAAuB;AAChC,SAAS,YAAY,KAAK,YAAY;AACtC,SAAS,eAAe,gBAAgB;AACxC,SAAS,aAAa;AACtB,SAAqB,UAAU,oBAAoB;AACnD,OAAO;AAQP,SAAS,kBAAkB,MAAkB,UAAkB;AAC3D,SAAO,MAAM;AAAA,IACT,IAAI;AAAA,MACA,OAAO,KAAK,KAAK,UAAU,EACtB,OAAO,SAAO,IAAI,WAAW,GAAG,SAAS,SAAS,CAAC,GAAG,CAAC,EACvD,IAAI,SAAO,OAAO,IAAI,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC;AAAA,IAC7C;AAAA,EACJ,EAAE,KAAK,CAAC,GAAG,MAAM;AACb,WAAO,IAAI;AAAA,EACf,CAAC;AACL;AAEO,SAAS,uBAAuB,MAAkB,UAAgC;AACrF,QAAM,YAAY,KAAK,WAAW,GAAG,QAAQ,OAAO;AACpD,MAAI,CAAC,UAAW,QAAO,CAAC;AACxB,SAAO,UAAU,IAAI,cAAY;AAC7B,UAAM,KAAK,SAAS,GAAG,KAAK,SAAS,YAAY;AACjD,WAAO,aAAa,EAAE,KAAK,EAAE,IAAI,MAAM,IAAI,OAAO,wBAAwB,EAAE,KAAK,UAAU,CAAC,EAAE;AAAA,EAClG,CAAC;AACL;AAGA,IAAM,qBAAN,cAAiC,WAAW;AAAA,EAS/B,SAAS;AACd,QAAI,CAAC,KAAK,QAAQ,KAAK,YAAY,QAAW;AAC1C,aAAO;AAAA;AAAA,iCAEc,KAAK,OAAO;AAAA;AAAA,IAErC;AAEA,WAAO;AAAA;AAAA,yBAEU,QAAQ,KAAK,KAAK,OAAO,iBAAiB,KAAK,QAAQ,EAAE;AAAA,8BACpD,SAAS,KAAK,KAAK,OAAO,EAAE;AAAA,0BAChC,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,sCAKC,KAAK,IAAI,YAAY,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sDAQhB,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA,8BAIrC,uBAAuB,KAAK,MAAM,KAAK,QAAQ,EAC5C,IAAI,gBAAc;AACf,aAAO,WAAW;AAAA,IACtB,CAAC,EACA,KAAK,KAAK,CAAC;AAAA;AAAA;AAAA,sBAGtB;AAAA,MAAM,CAAC,KAAK,MAAM,WAAW,MAAM;AAAA,MAAG,MACpC,kBAAkB,KAAK,MAAO,KAAK,QAAS,EAAE,IAAI,aAAW;AACzD,eAAO;AAAA;AAAA;AAAA,2CAGQ,SAAS,KAAK,KAAM,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,EAAE;AAAA;AAAA,2DAEzC,SAAS,OAAO,GAAG,SAAS,wBAAwB;AAAA,4EACnC,OAAO,SAAS,QAAQ,SAAS,EAAE,CAAC;AAAA,oEAC5C,eAAe;AAAA;AAAA;AAAA,MAG3D,CAAC;AAAA,IACL,CAAC;AAAA;AAAA;AAAA;AAAA,EAIjB;AAAA,EAEQ,UAAU;AACd,YAAQ,KAAK;AAAA,EACjB;AAuCJ;AAzGM,mBAoEc,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;AAhElB;AAAA,EADN,SAAS;AAAA,GAHR,mBAIK;AAGA;AAAA,EADN,SAAS;AAAA,GANR,mBAOK;AAPL,qBAAN;AAAA,EADC,cAAc,sBAAsB;AAAA,GAC/B;",
+  "names": []
+}

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

@@ -0,0 +1,28 @@
+/**
+ * @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 "./components/header";
+import "./components/node-details";
+declare global {
+    interface HTMLElementTagNameMap {
+        "matter-node-view": MatterNodeView;
+    }
+}
+declare class MatterNodeView extends LitElement {
+    client: MatterClient;
+    node?: MatterNode;
+    render(): import("lit-html").TemplateResult<1>;
+    private _goBack;
+    static styles: import("lit").CSSResult;
+}
+export {};
+//# sourceMappingURL=matter-node-view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"matter-node-view.d.ts","sourceRoot":"","sources":["../../../src/pages/matter-node-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,2BAA2B,CAAC;AACnC,OAAO,qBAAqB,CAAC;AAC7B,OAAO,2BAA2B,CAAC;AAGnC,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,cAAc,CAAC;KACtC;CACJ;AASD,cACM,cAAe,SAAQ,UAAU;IAC5B,MAAM,EAAG,YAAY,CAAC;IAGtB,IAAI,CAAC,EAAE,UAAU,CAAC;IAEhB,MAAM;IAqDf,OAAO,CAAC,OAAO;IAIf,OAAgB,MAAM,0BA2BpB;CACL"}

package/dist/esm/pages/matter-node-view.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 "@material/web/divider/divider";
+import "@material/web/iconbutton/icon-button";
+import "@material/web/list/list";
+import "@material/web/list/list-item";
+import { mdiChevronRight } from "@mdi/js";
+import { LitElement, css, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { guard } from "lit/directives/guard.js";
+import "../components/ha-svg-icon";
+import "./components/header";
+import "./components/node-details";
+import { getEndpointDeviceTypes } from "./matter-endpoint-view.js";
+function getUniqueEndpoints(node) {
+  return Array.from(new Set(Object.keys(node.attributes).map((key) => Number(key.split("/")[0])))).sort((a, b) => {
+    return a - b;
+  });
+}
+let MatterNodeView = class extends LitElement {
+  render() {
+    if (!this.node) {
+      return html`
+                <p>Node not found!</p>
+                <button @click=${this._goBack}>Back</button>
+            `;
+    }
+    return html`
+            <dashboard-header
+                .title=${"Node " + this.node.node_id}
+                .client=${this.client}
+                backButton="#"
+            ></dashboard-header>
+
+            <!-- node details section -->
+            <div class="container">
+                <node-details .node=${this.node} .client=${this.client}></node-details>
+            </div>
+
+            <!-- Node Endpoints listing -->
+            <div class="container">
+                <md-list>
+                    <md-list-item>
+                        <div slot="headline">
+                            <b>Endpoints</b>
+                        </div>
+                    </md-list-item>
+                    ${guard(
+      [this.node?.attributes.length],
+      () => getUniqueEndpoints(this.node).map((endPointId) => {
+        return html`
+                                <md-list-item type="link" href=${`#node/${this.node.node_id}/${endPointId}`}>
+                                    <div slot="headline">Endpoint ${endPointId}</div>
+                                    <div slot="supporting-text">
+                                        Device Type(s):
+                                        ${getEndpointDeviceTypes(this.node, endPointId).map((deviceType) => {
+          return deviceType.label;
+        }).join(" / ")}
+                                    </div>
+                                    <ha-svg-icon slot="end" .path=${mdiChevronRight}></ha-svg-icon>
+                                </md-list-item>
+                            `;
+      })
+    )}
+                </md-list>
+            </div>
+
+            <dashboard-footer />
+        `;
+  }
+  _goBack() {
+    history.back();
+  }
+};
+MatterNodeView.styles = css`
+        :host {
+            display: flex;
+            background-color: var(--md-sys-color-background);
+            box-sizing: border-box;
+            flex-direction: column;
+            min-height: 100vh;
+        }
+
+        .container {
+            padding: 16px;
+            max-width: 95%;
+            margin: 0 auto;
+            width: 100%;
+        }
+
+        @media (max-width: 600px) {
+            .container {
+                padding: 16px 0;
+            }
+        }
+
+        .status {
+            color: var(--danger-color);
+            font-weight: bold;
+            font-size: 0.8em;
+        }
+    `;
+__decorateClass([
+  property()
+], MatterNodeView.prototype, "node", 2);
+MatterNodeView = __decorateClass([
+  customElement("matter-node-view")
+], MatterNodeView);
+//# sourceMappingURL=matter-node-view.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/pages/matter-node-view.ts"],
+  "mappings": ";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAEP,SAAS,uBAAuB;AAChC,SAAS,YAAY,KAAK,YAAY;AACtC,SAAS,eAAe,gBAAgB;AACxC,SAAS,aAAa;AACtB,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,8BAA8B;AAQvC,SAAS,mBAAmB,MAAkB;AAE1C,SAAO,MAAM,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE,IAAI,SAAO,OAAO,IAAI,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,MAAM;AAC1G,WAAO,IAAI;AAAA,EACf,CAAC;AACL;AAGA,IAAM,iBAAN,cAA6B,WAAW;AAAA,EAM3B,SAAS;AACd,QAAI,CAAC,KAAK,MAAM;AACZ,aAAO;AAAA;AAAA,iCAEc,KAAK,OAAO;AAAA;AAAA,IAErC;AAEA,WAAO;AAAA;AAAA,yBAEU,UAAU,KAAK,KAAK,OAAO;AAAA,0BAC1B,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sCAMC,KAAK,IAAI,YAAY,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAWhD;AAAA,MAAM,CAAC,KAAK,MAAM,WAAW,MAAM;AAAA,MAAG,MACpC,mBAAmB,KAAK,IAAK,EAAE,IAAI,gBAAc;AAC7C,eAAO;AAAA,iEAC8B,SAAS,KAAK,KAAM,OAAO,IAAI,UAAU,EAAE;AAAA,oEACxC,UAAU;AAAA;AAAA;AAAA,0CAGpC,uBAAuB,KAAK,MAAO,UAAU,EAC1C,IAAI,gBAAc;AACf,iBAAO,WAAW;AAAA,QACtB,CAAC,EACA,KAAK,KAAK,CAAC;AAAA;AAAA,oEAEY,eAAe;AAAA;AAAA;AAAA,MAG3D,CAAC;AAAA,IACL,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMjB;AAAA,EAEQ,UAAU;AACd,YAAQ,KAAK;AAAA,EACjB;AA8BJ;AA3FM,eA+Dc,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;AA3DlB;AAAA,EADN,SAAS;AAAA,GAHR,eAIK;AAJL,iBAAN;AAAA,EADC,cAAc,kBAAkB;AAAA,GAC3B;",
+  "names": []
+}

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

@@ -0,0 +1,31 @@
+/**
+ * @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 } from "@matter-server/ws-client";
+import { LitElement } from "lit";
+import "../components/ha-svg-icon";
+import "./components/footer";
+import "./components/header";
+import "./components/server-details";
+declare global {
+    interface HTMLElementTagNameMap {
+        "matter-server-view": MatterServerView;
+    }
+}
+declare class MatterServerView extends LitElement {
+    client: MatterClient;
+    nodes: MatterClient["nodes"];
+    private _cachedNodes?;
+    private _cachedNodeEntries?;
+    private getNodeEntries;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+export {};
+//# sourceMappingURL=matter-server-view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"matter-server-view.d.ts","sourceRoot":"","sources":["../../../src/pages/matter-server-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,EAAc,MAAM,0BAA0B,CAAC;AAEpE,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAErD,OAAO,2BAA2B,CAAC;AACnC,OAAO,qBAAqB,CAAC;AAC7B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,6BAA6B,CAAC;AAErC,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,oBAAoB,EAAE,gBAAgB,CAAC;KAC1C;CACJ;AAED,cACM,gBAAiB,SAAQ,UAAU;IAC9B,MAAM,EAAG,YAAY,CAAC;IAGtB,KAAK,EAAG,YAAY,CAAC,OAAO,CAAC,CAAC;IAErC,OAAO,CAAC,YAAY,CAAC,CAAwB;IAC7C,OAAO,CAAC,kBAAkB,CAAC,CAAyB;IAEpD,OAAO,CAAC,cAAc;IAQb,MAAM;IAwCf,OAAgB,MAAM,0BAgCpB;CACL"}

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

@@ -0,0 +1,113 @@
+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/divider/divider";
+import "@material/web/iconbutton/icon-button";
+import "@material/web/list/list";
+import "@material/web/list/list-item";
+import { mdiChevronRight } from "@mdi/js";
+import { LitElement, css, html, nothing } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import "../components/ha-svg-icon";
+import "./components/footer";
+import "./components/header";
+import "./components/server-details";
+let MatterServerView = class extends LitElement {
+  getNodeEntries(nodes) {
+    if (nodes !== this._cachedNodes) {
+      this._cachedNodes = nodes;
+      this._cachedNodeEntries = Object.entries(nodes);
+    }
+    return this._cachedNodeEntries;
+  }
+  render() {
+    const nodes = this.getNodeEntries(this.nodes);
+    return html`
+            <dashboard-header title="Open Home Foundation Matter Server" .client=${this.client}></dashboard-header>
+
+            <!-- server details section -->
+            <div class="container">
+                <server-details .client=${this.client}></server-details>
+            </div>
+
+            <!-- Nodes listing -->
+            <div class="container">
+                <md-list>
+                    <md-list-item>
+                        <div slot="headline">
+                            <b>Nodes</b>
+                        </div>
+                    </md-list-item>
+                    ${nodes.map(([_id, node]) => {
+      return html`
+                            <md-list-item type="link" href=${`#node/${node.node_id}`}>
+                                <div slot="headline">
+                                    Node ${node.node_id}
+                                    ${node.available ? "" : html`<span class="status">OFFLINE</span>`}
+                                </div>
+                                <div slot="supporting-text">
+                                    ${node.nodeLabel ? `${node.nodeLabel} | ` : nothing} ${node.vendorName} |
+                                    ${node.productName}
+                                </div>
+                                <ha-svg-icon slot="end" .path=${mdiChevronRight}></ha-svg-icon>
+                            </md-list-item>
+                        `;
+    })}
+                </md-list>
+            </div>
+            <dashboard-footer />
+        `;
+  }
+};
+MatterServerView.styles = css`
+        :host {
+            display: flex;
+            background-color: var(--md-sys-color-background);
+            box-sizing: border-box;
+            flex-direction: column;
+        }
+
+        .container {
+            padding: 16px;
+            max-width: 95%;
+            margin: 0 auto;
+            flex: 1;
+            width: 100%;
+        }
+
+        @media (max-width: 600px) {
+            .container {
+                padding: 16px 0;
+            }
+        }
+
+        span[slot="start"] {
+            width: 40px;
+            text-align: center;
+        }
+
+        .status {
+            color: var(--danger-color);
+            font-weight: bold;
+            font-size: 0.8em;
+        }
+    `;
+__decorateClass([
+  property()
+], MatterServerView.prototype, "nodes", 2);
+MatterServerView = __decorateClass([
+  customElement("matter-server-view")
+], MatterServerView);
+//# sourceMappingURL=matter-server-view.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/pages/matter-server-view.ts"],
+  "mappings": ";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAEP,SAAS,uBAAuB;AAChC,SAAS,YAAY,KAAK,MAAM,eAAe;AAC/C,SAAS,eAAe,gBAAgB;AACxC,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AASP,IAAM,mBAAN,cAA+B,WAAW;AAAA,EAS9B,eAAe,OAAsD;AACzE,QAAI,UAAU,KAAK,cAAc;AAC7B,WAAK,eAAe;AACpB,WAAK,qBAAqB,OAAO,QAAQ,KAAK;AAAA,IAClD;AACA,WAAO,KAAK;AAAA,EAChB;AAAA,EAES,SAAS;AACd,UAAM,QAAQ,KAAK,eAAe,KAAK,KAAK;AAE5C,WAAO;AAAA,mFACoE,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA,0CAIpD,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAW/B,MAAM,IAAI,CAAC,CAAC,KAAK,IAAI,MAAM;AACzB,aAAO;AAAA,6DAC8B,SAAS,KAAK,OAAO,EAAE;AAAA;AAAA,2CAEzC,KAAK,OAAO;AAAA,sCACjB,KAAK,YAAY,KAAK,yCAAyC;AAAA;AAAA;AAAA,sCAG/D,KAAK,YAAY,GAAG,KAAK,SAAS,QAAQ,OAAO,IAAI,KAAK,UAAU;AAAA,sCACpE,KAAK,WAAW;AAAA;AAAA,gEAEU,eAAe;AAAA;AAAA;AAAA,IAG3D,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKlB;AAmCJ;AA1FM,iBAyDc,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;AArDlB;AAAA,EADN,SAAS;AAAA,GAHR,iBAIK;AAJL,mBAAN;AAAA,EADC,cAAc,oBAAoB;AAAA,GAC7B;",
+  "names": []
+}

package/dist/esm/util/clone_class.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+export declare const clone: (orig: any) => any;
+//# sourceMappingURL=clone_class.d.ts.map

package/dist/esm/util/clone_class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clone_class.d.ts","sourceRoot":"","sources":["../../../src/util/clone_class.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,eAAO,MAAM,KAAK,GAAI,MAAM,GAAG,QAAoE,CAAC"}

package/dist/esm/util/clone_class.js

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const clone = (orig) => Object.assign(Object.create(Object.getPrototypeOf(orig)), orig);
+export {
+  clone
+};
+//# sourceMappingURL=clone_class.js.map

package/dist/esm/util/clone_class.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/clone_class.ts"],
+  "mappings": "AAAA;AAAA;AAAA;AAAA;AAAA;AAMO,MAAM,QAAQ,CAAC,SAAc,OAAO,OAAO,OAAO,OAAO,OAAO,eAAe,IAAI,CAAC,GAAG,IAAI;",
+  "names": []
+}

package/dist/esm/util/fire_event.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+declare global {
+    interface HASSDomEvents {
+    }
+}
+export type ValidHassDomEvent = keyof HASSDomEvents;
+export interface HASSDomEvent<T> extends Event {
+    detail: T;
+}
+/**
+ * Dispatches a custom event with an optional detail value.
+ *
+ * @param {string} type Name of event type.
+ * @param {*=} detail Detail value containing event-specific
+ *   payload.
+ * @param {{ bubbles: (boolean|undefined),
+ *           cancelable: (boolean|undefined),
+ *           composed: (boolean|undefined) }=}
+ *  options Object specifying options.  These may include:
+ *  `bubbles` (boolean, defaults to `true`),
+ *  `cancelable` (boolean, defaults to false), and
+ *  `node` on which to fire the event (HTMLElement, defaults to `this`).
+ * @return {Event} The new event that was fired.
+ */
+export declare const fireEvent: <HassEvent extends ValidHassDomEvent>(node: HTMLElement | Window, type: HassEvent, detail?: HASSDomEvents[HassEvent], options?: {
+    bubbles?: boolean;
+    cancelable?: boolean;
+    composed?: boolean;
+}) => Event;
+//# sourceMappingURL=fire_event.d.ts.map

package/dist/esm/util/fire_event.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fire_event.d.ts","sourceRoot":"","sources":["../../../src/util/fire_event.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAgCH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,aAAa;KAAG;CAC7B;AAED,MAAM,MAAM,iBAAiB,GAAG,MAAM,aAAa,CAAC;AAEpD,MAAM,WAAW,YAAY,CAAC,CAAC,CAAE,SAAQ,KAAK;IAC1C,MAAM,EAAE,CAAC,CAAC;CACb;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,SAAS,GAAI,SAAS,SAAS,iBAAiB,EACzD,MAAM,WAAW,GAAG,MAAM,EAC1B,MAAM,SAAS,EACf,SAAS,aAAa,CAAC,SAAS,CAAC,EACjC,UAAU;IACN,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,UAaJ,CAAC"}

package/dist/esm/util/fire_event.js

@@ -0,0 +1,21 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const fireEvent = (node, type, detail, options) => {
+  options = options || {};
+  detail = detail === null || detail === void 0 ? {} : detail;
+  const event = new Event(type, {
+    bubbles: options.bubbles === void 0 ? true : options.bubbles,
+    cancelable: Boolean(options.cancelable),
+    composed: options.composed === void 0 ? true : options.composed
+  });
+  event.detail = detail;
+  node.dispatchEvent(event);
+  return event;
+};
+export {
+  fireEvent
+};
+//# sourceMappingURL=fire_event.js.map

package/dist/esm/util/fire_event.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/fire_event.ts"],
+  "mappings": "AAAA;AAAA;AAAA;AAAA;AAAA;AA6DO,MAAM,YAAY,CACrB,MACA,MACA,QACA,YAKC;AACD,YAAU,WAAW,CAAC;AAEtB,WAAS,WAAW,QAAQ,WAAW,SAAY,CAAC,IAAI;AACxD,QAAM,QAAQ,IAAI,MAAM,MAAM;AAAA,IAC1B,SAAS,QAAQ,YAAY,SAAY,OAAO,QAAQ;AAAA,IACxD,YAAY,QAAQ,QAAQ,UAAU;AAAA,IACtC,UAAU,QAAQ,aAAa,SAAY,OAAO,QAAQ;AAAA,EAC9D,CAAC;AACD,EAAC,MAAc,SAAS;AACxB,OAAK,cAAc,KAAK;AACxB,SAAO;AACX;",
+  "names": []
+}

package/dist/esm/util/prevent_default.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+export declare const preventDefault: (ev: Event) => void;
+//# sourceMappingURL=prevent_default.d.ts.map

package/dist/esm/util/prevent_default.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prevent_default.d.ts","sourceRoot":"","sources":["../../../src/util/prevent_default.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,eAAO,MAAM,cAAc,GAAI,IAAI,KAAK,SAAwB,CAAC"}

package/dist/esm/util/prevent_default.js

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const preventDefault = (ev) => ev.preventDefault();
+export {
+  preventDefault
+};
+//# sourceMappingURL=prevent_default.js.map

package/dist/esm/util/prevent_default.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/prevent_default.ts"],
+  "mappings": "AAAA;AAAA;AAAA;AAAA;AAAA;AAMO,MAAM,iBAAiB,CAAC,OAAc,GAAG,eAAe;",
+  "names": []
+}

package/dist/esm/util/routing.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+export interface Route {
+    prefix: string;
+    path: string[];
+}
+//# sourceMappingURL=routing.d.ts.map

package/dist/esm/util/routing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"routing.d.ts","sourceRoot":"","sources":["../../../src/util/routing.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,WAAW,KAAK;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,EAAE,CAAC;CAClB"}

package/dist/esm/util/routing.js

@@ -0,0 +1,6 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+//# sourceMappingURL=routing.js.map

package/dist/esm/util/routing.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/routing.ts"],
+  "mappings": "AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}