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

package/dist/esm/entrypoint/main.js

@@ -0,0 +1,45 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { MatterClient } from "@matter-server/ws-client";
+async function main() {
+  import("../pages/matter-dashboard-app.js");
+  let url = "";
+  const isProductionServer = location.origin.includes(":5580") || location.href.includes("hassio_ingress") || location.href.includes("/api/ingress/");
+  if (!isProductionServer) {
+    let storageUrl = localStorage.getItem("matterURL");
+    if (!storageUrl) {
+      const urlParams = new URLSearchParams(window.location.search);
+      const suggestedUrl = urlParams.get("url");
+      storageUrl = prompt(
+        "Enter Websocket URL to a running Matter Server",
+        suggestedUrl || "ws://localhost:5580/ws"
+      );
+      if (!storageUrl) {
+        alert("Unable to connect without URL");
+        return;
+      }
+      if (suggestedUrl) {
+        history.pushState({}, "", window.location.pathname);
+      }
+      localStorage.setItem("matterURL", storageUrl);
+    }
+    url = storageUrl;
+  } else {
+    let baseUrl = window.location.origin + window.location.pathname;
+    if (baseUrl.endsWith("/")) {
+      baseUrl = baseUrl.slice(0, -1);
+    }
+    url = baseUrl.replace("http", "ws") + "/ws";
+    console.log(`Connecting to Matter Server API using url: ${url}`);
+  }
+  const client = new MatterClient(url);
+  client.isProduction = isProductionServer;
+  const dashboard = document.createElement("matter-dashboard-app");
+  dashboard.client = client;
+  document.body.append(dashboard);
+}
+main();
+//# sourceMappingURL=main.js.map

package/dist/esm/entrypoint/main.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/entrypoint/main.ts"],
+  "mappings": "AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,SAAS,oBAAoB;AAE7B,eAAe,OAAO;AAClB,SAAO,kCAAkC;AAEzC,MAAI,MAAM;AAGV,QAAM,qBACF,SAAS,OAAO,SAAS,OAAO,KAChC,SAAS,KAAK,SAAS,gBAAgB,KACvC,SAAS,KAAK,SAAS,eAAe;AAE1C,MAAI,CAAC,oBAAoB;AAErB,QAAI,aAAa,aAAa,QAAQ,WAAW;AACjD,QAAI,CAAC,YAAY;AACb,YAAM,YAAY,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAC5D,YAAM,eAAe,UAAU,IAAI,KAAK;AACxC,mBAAa;AAAA,QACT;AAAA,QACA,gBAAgB;AAAA,MACpB;AACA,UAAI,CAAC,YAAY;AACb,cAAM,+BAA+B;AACrC;AAAA,MACJ;AACA,UAAI,cAAc;AAEd,gBAAQ,UAAU,CAAC,GAAG,IAAI,OAAO,SAAS,QAAQ;AAAA,MACtD;AACA,mBAAa,QAAQ,aAAa,UAAU;AAAA,IAChD;AACA,UAAM;AAAA,EACV,OAAO;AAGH,QAAI,UAAU,OAAO,SAAS,SAAS,OAAO,SAAS;AACvD,QAAI,QAAQ,SAAS,GAAG,GAAG;AACvB,gBAAU,QAAQ,MAAM,GAAG,EAAE;AAAA,IACjC;AACA,UAAM,QAAQ,QAAQ,QAAQ,IAAI,IAAI;AACtC,YAAQ,IAAI,8CAA8C,GAAG,EAAE;AAAA,EACnE;AAEA,QAAM,SAAS,IAAI,aAAa,GAAG;AACnC,SAAO,eAAe;AAEtB,QAAM,YAAY,SAAS,cAAc,sBAAsB;AAC/D,YAAU,SAAS;AACnB,WAAS,KAAK,OAAO,SAAS;AAClC;AAEA,KAAK;",
+  "names": []
+}

package/dist/esm/package.json

@@ -0,0 +1,3 @@
+{
+    "type": "module"
+}

package/dist/esm/pages/components/context.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+export declare const bindingContext: {
+    __context__: number;
+};
+//# sourceMappingURL=context.d.ts.map

package/dist/esm/pages/components/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/pages/components/context.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,eAAO,MAAM,cAAc;;CAAmC,CAAC"}

package/dist/esm/pages/components/context.js

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { createContext } from "@lit/context";
+const bindingContext = createContext("binding");
+export {
+  bindingContext
+};
+//# sourceMappingURL=context.js.map

package/dist/esm/pages/components/context.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/pages/components/context.ts"],
+  "mappings": "AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,SAAS,qBAAqB;AAGvB,MAAM,iBAAiB,cAAsB,SAAS;",
+  "names": []
+}

package/dist/esm/pages/components/footer.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { LitElement } from "lit";
+export declare class DashboardFooter extends LitElement {
+    protected render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+//# sourceMappingURL=footer.d.ts.map

package/dist/esm/pages/components/footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../../src/pages/components/footer.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,eAAgB,SAAQ,UAAU;cACxB,MAAM;IAWzB,OAAgB,MAAM,0BAepB;CACL"}

package/dist/esm/pages/components/footer.js

@@ -0,0 +1,52 @@
+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 { LitElement, css, html } from "lit";
+import { customElement } from "lit/decorators.js";
+let DashboardFooter = class extends LitElement {
+  render() {
+    return html`
+            <div class="footer">
+                The OHF Matter Server is a project by the Open Home Foundation.
+                <a href="https://www.openhomefoundation.org/structure/#support-our-work" target="_blank"
+                    >Support development</a
+                >
+            </div>
+        `;
+  }
+};
+DashboardFooter.styles = css`
+        .footer {
+            padding: 16px;
+            text-align: center;
+            font-size: 0.8em;
+            color: var(--md-sys-color-on-surface);
+            display: flex;
+            flex-direction: column;
+            position: relative;
+            clear: both;
+        }
+
+        .footer a {
+            color: var(--md-sys-color-on-surface);
+        }
+    `;
+DashboardFooter = __decorateClass([
+  customElement("dashboard-footer")
+], DashboardFooter);
+export {
+  DashboardFooter
+};
+//# sourceMappingURL=footer.js.map

package/dist/esm/pages/components/footer.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/pages/components/footer.ts"],
+  "mappings": ";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,SAAS,YAAY,KAAK,YAAY;AACtC,SAAS,qBAAqB;AAGvB,IAAM,kBAAN,cAA8B,WAAW;AAAA,EACzB,SAAS;AACxB,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQX;AAkBJ;AA5Ba,gBAYO,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAZhB,kBAAN;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB;",
+  "names": []
+}

package/dist/esm/pages/components/header.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import "@material/web/button/outlined-button";
+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";
+interface HeaderAction {
+    label: string;
+    icon: string;
+    action: void;
+}
+export declare class DashboardHeader extends LitElement {
+    backButton?: string;
+    actions?: HeaderAction[];
+    client?: MatterClient;
+    protected render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+export {};
+//# sourceMappingURL=header.d.ts.map

package/dist/esm/pages/components/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../src/pages/components/header.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,sCAAsC,CAAC;AAC9C,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAErD,OAAO,8BAA8B,CAAC;AAEtC,UAAU,YAAY;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,IAAI,CAAC;CAChB;AAED,qBACa,eAAgB,SAAQ,UAAU;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IAErC,MAAM,CAAC,EAAE,YAAY,CAAC;cAEV,MAAM;IAmCzB,OAAgB,MAAM,0BAoBpB;CACL"}

package/dist/esm/pages/components/header.js

@@ -0,0 +1,90 @@
+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/outlined-button";
+import "@material/web/divider/divider";
+import "@material/web/iconbutton/icon-button";
+import "@material/web/list/list";
+import "@material/web/list/list-item";
+import { mdiArrowLeft, mdiLogout } from "@mdi/js";
+import { LitElement, css, html, nothing } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import "../../components/ha-svg-icon";
+let DashboardHeader = class extends LitElement {
+  render() {
+    return html`
+            <div class="header">
+                <!-- optional back button -->
+                ${this.backButton ? html` <a .href=${this.backButton}>
+                          <md-icon-button>
+                              <ha-svg-icon .path=${mdiArrowLeft}></ha-svg-icon>
+                          </md-icon-button>
+                      </a>` : ""}
+
+                <div>${this.title || ""}</div>
+                <div class="flex"></div>
+                <div class="actions">
+                    ${this.actions?.map((action) => {
+      return html`
+                            <md-icon-button @click=${action.action} .title=${action.label}>
+                                <ha-svg-icon .path=${action.icon}></ha-svg-icon>
+                            </md-icon-button>
+                        `;
+    })}
+                    <!-- optional logout button -->
+                    ${this.client?.isProduction ? nothing : html`
+                              <md-icon-button @click=${this.client?.disconnect}>
+                                  <ha-svg-icon .path=${mdiLogout}></ha-svg-icon>
+                              </md-icon-button>
+                          `}
+                </div>
+            </div>
+        `;
+  }
+};
+DashboardHeader.styles = css`
+        .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-left: 18px;
+            padding-right: 8px;
+            height: 48px;
+        }
+
+        md-icon-button {
+            margin-right: 8px;
+        }
+
+        .flex {
+            flex: 1;
+        }
+    `;
+__decorateClass([
+  property()
+], DashboardHeader.prototype, "backButton", 2);
+__decorateClass([
+  property()
+], DashboardHeader.prototype, "actions", 2);
+DashboardHeader = __decorateClass([
+  customElement("dashboard-header")
+], DashboardHeader);
+export {
+  DashboardHeader
+};
+//# sourceMappingURL=header.js.map

package/dist/esm/pages/components/header.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/pages/components/header.ts"],
+  "mappings": ";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAEP,SAAS,cAAc,iBAAiB;AACxC,SAAS,YAAY,KAAK,MAAM,eAAe;AAC/C,SAAS,eAAe,gBAAgB;AACxC,OAAO;AASA,IAAM,kBAAN,cAA8B,WAAW;AAAA,EAMzB,SAAS;AACxB,WAAO;AAAA;AAAA;AAAA,kBAGG,KAAK,aACD,iBAAiB,KAAK,UAAU;AAAA;AAAA,mDAEH,YAAY;AAAA;AAAA,8BAGzC,EAAE;AAAA;AAAA,uBAED,KAAK,SAAS,EAAE;AAAA;AAAA;AAAA,sBAGjB,KAAK,SAAS,IAAI,YAAU;AAC1B,aAAO;AAAA,qDACsB,OAAO,MAAM,WAAW,OAAO,KAAK;AAAA,qDACpC,OAAO,IAAI;AAAA;AAAA;AAAA,IAG5C,CAAC,CAAC;AAAA;AAAA,sBAEA,KAAK,QAAQ,eACT,UACA;AAAA,uDAC6B,KAAK,QAAQ,UAAU;AAAA,uDACvB,SAAS;AAAA;AAAA,2BAErC;AAAA;AAAA;AAAA;AAAA,EAIvB;AAuBJ;AA9Da,gBAyCO,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAxCN;AAAA,EAAlB,SAAS;AAAA,GADD,gBACU;AACA;AAAA,EAAlB,SAAS;AAAA,GAFD,gBAEU;AAFV,kBAAN;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB;",
+  "names": []
+}

package/dist/esm/pages/components/node-details.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @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 { MatterClient, MatterNode } from "@matter-server/ws-client";
+import { LitElement } from "lit";
+import "../../components/ha-svg-icon";
+export declare class NodeDetails extends LitElement {
+    client: MatterClient;
+    node?: MatterNode;
+    private _updateInitiated;
+    endpoint: number;
+    protected render(): import("lit-html").TemplateResult<1>;
+    private _reinterview;
+    private _remove;
+    private _binding;
+    private _searchUpdate;
+    private _openCommissioningWindow;
+    static styles: import("lit").CSSResult;
+}
+//# sourceMappingURL=node-details.d.ts.map

package/dist/esm/pages/components/node-details.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-details.d.ts","sourceRoot":"","sources":["../../../../src/pages/components/node-details.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,oCAAoC,CAAC;AAC5C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AAItC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAKrD,OAAO,8BAA8B,CAAC;AAetC,qBACa,WAAY,SAAQ,UAAU;IAChC,MAAM,EAAG,YAAY,CAAC;IAEV,IAAI,CAAC,EAAE,UAAU,CAAC;IAGrC,OAAO,CAAC,gBAAgB,CAAkB;IAI1C,QAAQ,EAAG,MAAM,CAAC;cAEC,MAAM;YAoEX,YAAY;YAyBZ,OAAO;YAsBP,QAAQ;YAQR,aAAa;YAmCb,wBAAwB;IAwBtC,OAAgB,MAAM,0BAkBpB;CACL"}

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

@@ -0,0 +1,241 @@
+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 { mdiChatProcessing, mdiLink, mdiShareVariant, mdiTrashCan, mdiUpdate } from "@mdi/js";
+import { consume } from "@lit/context";
+import { LitElement, css, html, nothing } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { showAlertDialog, showPromptDialog } from "../../components/dialog-box/show-dialog-box.js";
+import { showNodeBindingDialog } from "../../components/dialogs/binding/show-node-binding-dialog.js";
+import "../../components/ha-svg-icon";
+import { getEndpointDeviceTypes } from "../matter-endpoint-view.js";
+import { bindingContext } from "./context.js";
+function getNodeDeviceTypes(node) {
+  const uniqueEndpoints = new Set(Object.keys(node.attributes).map((key) => Number(key.split("/")[0])));
+  const allDeviceTypes = /* @__PURE__ */ new Set();
+  uniqueEndpoints.forEach((endpointId) => {
+    getEndpointDeviceTypes(node, endpointId).forEach((deviceType) => {
+      allDeviceTypes.add(deviceType);
+    });
+  });
+  return Array.from(allDeviceTypes);
+}
+let NodeDetails = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this._updateInitiated = false;
+  }
+  render() {
+    if (!this.node) return html``;
+    const bindings = this.node.attributes[this.endpoint + "/30/0"];
+    return html`
+            <md-list>
+                <md-list-item>
+                    <div slot="headline">
+                        <b>Node ${this.node.node_id} ${this.node.nodeLabel}</b>
+                        ${this.node.available ? nothing : html`<span class="status">OFFLINE</span>`}
+                    </div>
+                </md-list-item>
+                <md-list-item>
+                    <div slot="supporting-text"><span class="left">VendorName: </span>${this.node.vendorName}</div>
+                    <div slot="supporting-text"><span class="left">productName: </span>${this.node.productName}</div>
+                    <div slot="supporting-text">
+                        <span class="left">Commissioned: </span>${this.node.date_commissioned}
+                    </div>
+                    <div slot="supporting-text">
+                        <span class="left">Last interviewed: </span>${this.node.last_interview}
+                    </div>
+                    <div slot="supporting-text"><span class="left">Is bridge: </span>${this.node.is_bridge}</div>
+                    <div slot="supporting-text"><span class="left">Serialnumber: </span>${this.node.serialNumber}</div>
+                    ${this.node.is_bridge ? "" : html` <div slot="supporting-text">
+                              <span class="left">All device types: </span>${getNodeDeviceTypes(this.node).map((deviceType) => {
+      return deviceType.label;
+    }).join(" / ")}
+                          </div>`}
+                </md-list-item>
+                <md-list-item class="btn">
+                    <md-outlined-button @click=${this._reinterview}
+                        >Interview<ha-svg-icon slot="icon" .path=${mdiChatProcessing}></ha-svg-icon
+                    ></md-outlined-button>
+                    ${this._updateInitiated || (this.node.updateState || 0) > 1 ? html` <md-outlined-button disabled
+                              >Update in progress (${this.node.updateStateProgress || 0}%)<ha-svg-icon
+                                  slot="icon"
+                                  .path=${mdiUpdate}
+                              ></ha-svg-icon
+                          ></md-outlined-button>` : html`<md-outlined-button @click=${this._searchUpdate}
+                              >Update<ha-svg-icon slot="icon" .path=${mdiUpdate}></ha-svg-icon
+                          ></md-outlined-button>`}
+                    ${bindings ? html`
+                              <md-outlined-button @click=${this._binding}>
+                                  Binding
+                                  <ha-svg-icon slot="icon" .path=${mdiLink}></ha-svg-icon>
+                              </md-outlined-button>
+                          ` : nothing}
+
+                    <md-outlined-button @click=${this._openCommissioningWindow}
+                        >Share<ha-svg-icon slot="icon" .path=${mdiShareVariant}></ha-svg-icon
+                    ></md-outlined-button>
+                    <md-outlined-button @click=${this._remove}
+                        >Remove<ha-svg-icon slot="icon" .path=${mdiTrashCan}></ha-svg-icon
+                    ></md-outlined-button>
+                </md-list-item>
+            </md-list>
+        `;
+  }
+  async _reinterview() {
+    if (!await showPromptDialog({
+      title: "Reinterview",
+      text: "Are you sure you want to reinterview this node?",
+      confirmText: "Reinterview"
+    })) {
+      return;
+    }
+    try {
+      await this.client.interviewNode(this.node.node_id);
+      showAlertDialog({
+        title: "Reinterview node",
+        text: "Success!"
+      });
+      location.reload();
+    } catch (err) {
+      showAlertDialog({
+        title: "Failed to reinterview node",
+        text: err.message
+      });
+    }
+  }
+  async _remove() {
+    if (!await showPromptDialog({
+      title: "Remove",
+      text: "Are you sure you want to remove this node?",
+      confirmText: "Remove"
+    })) {
+      return;
+    }
+    try {
+      await this.client.removeNode(this.node.node_id);
+      location.replace("#");
+    } catch (err) {
+      showAlertDialog({
+        title: "Failed to remove node",
+        text: err.message
+      });
+    }
+  }
+  async _binding() {
+    try {
+      showNodeBindingDialog(this.client, this.node, this.endpoint);
+    } catch (err) {
+      console.log(err);
+    }
+  }
+  async _searchUpdate() {
+    const nodeUpdate = await this.client.checkNodeUpdate(this.node.node_id);
+    if (!nodeUpdate) {
+      showAlertDialog({
+        title: "No update available",
+        text: "No update available for this node"
+      });
+      return;
+    }
+    if (!await showPromptDialog({
+      title: "Firmware update available",
+      text: `Found a firmware update for this node on ${nodeUpdate.update_source}.
+          Do you want to update this node to version ${nodeUpdate.software_version_string}?
+          Note that updating firmware is at your own risk and may cause the device to
+          malfunction or needs additional handling such as power cycling it and/or recommisisoning it.
+          Use with care.
+${nodeUpdate.firmware_information}`,
+      confirmText: "Start Update"
+    })) {
+      return;
+    }
+    try {
+      this._updateInitiated = true;
+      await this.client.updateNode(this.node.node_id, nodeUpdate.software_version);
+    } catch (err) {
+      showAlertDialog({
+        title: "Failed to update node",
+        text: err.message
+      });
+    } finally {
+      this._updateInitiated = false;
+    }
+  }
+  async _openCommissioningWindow() {
+    if (!await showPromptDialog({
+      title: "Share device",
+      text: "Do you want to share this device with another Matter controller (open commissioning window)?",
+      confirmText: "Share"
+    })) {
+      return;
+    }
+    try {
+      const shareCode = await this.client.openCommissioningWindow(this.node.node_id);
+      showAlertDialog({
+        title: "Share device",
+        text: `Setup code: ${shareCode.setup_manual_code}`
+      });
+    } catch (err) {
+      showAlertDialog({
+        title: "Failed to open commissioning window on node",
+        text: err.message
+      });
+    }
+  }
+};
+NodeDetails.styles = css`
+        .btn {
+            --md-outlined-button-container-shape: 0px;
+        }
+
+        .left {
+            width: 30%;
+            display: inline-table;
+        }
+        .whitespace {
+            height: 15px;
+        }
+
+        .status {
+            color: var(--danger-color);
+            font-weight: bold;
+            font-size: 0.8em;
+        }
+    `;
+__decorateClass([
+  property()
+], NodeDetails.prototype, "node", 2);
+__decorateClass([
+  state()
+], NodeDetails.prototype, "_updateInitiated", 2);
+__decorateClass([
+  consume({ context: bindingContext }),
+  property({ attribute: false })
+], NodeDetails.prototype, "endpoint", 2);
+NodeDetails = __decorateClass([
+  customElement("node-details")
+], NodeDetails);
+export {
+  NodeDetails
+};
+//# sourceMappingURL=node-details.js.map

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

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

package/dist/esm/pages/components/server-details.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @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 { MatterClient } from "@matter-server/ws-client";
+import { LitElement } from "lit";
+import "../../components/ha-svg-icon";
+export declare class ServerDetails extends LitElement {
+    client?: MatterClient;
+    protected render(): import("lit-html").TemplateResult<1>;
+    private _commissionNode;
+    private _uploadDiagnosticsDumpFile;
+    private _onFileInput;
+    static styles: import("lit").CSSResult;
+}
+//# sourceMappingURL=server-details.d.ts.map

package/dist/esm/pages/components/server-details.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server-details.d.ts","sourceRoot":"","sources":["../../../../src/pages/components/server-details.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,oCAAoC,CAAC;AAC5C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAIrD,OAAO,8BAA8B,CAAC;AAEtC,qBACa,aAAc,SAAQ,UAAU;IAClC,MAAM,CAAC,EAAE,YAAY,CAAC;cAEV,MAAM;IA6CzB,OAAO,CAAC,eAAe;YAKT,0BAA0B;IAexC,OAAO,CAAC,YAAY,CAkBlB;IAEF,OAAgB,MAAM,0BAYpB;CACL"}