@matter-server/dashboard 0.3.2 → 0.3.4

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

@@ -0,0 +1,309 @@
+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 { mdiFitToScreen } from "@mdi/js";
+import { css, html, LitElement } from "lit";
+import { customElement, property, query, state } from "lit/decorators.js";
+import "../components/ha-svg-icon";
+import "./components/footer";
+import "./components/header";
+import "./network/device-panel";
+import "./network/network-details";
+import "./network/thread-graph";
+import "./network/wifi-graph";
+let MatterNetworkView = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.nodes = {};
+    this.networkType = "thread";
+    this.initialSelectedNodeId = null;
+    this._selectedNodeId = null;
+    this._initialSelectionApplied = false;
+  }
+  willUpdate(changedProperties) {
+    if (changedProperties.has("initialSelectedNodeId") && this.initialSelectedNodeId !== null) {
+      this._selectedNodeId = this.initialSelectedNodeId;
+      this._initialSelectionApplied = false;
+    }
+  }
+  updated(changedProperties) {
+    super.updated(changedProperties);
+    if (!this._initialSelectionApplied && this.initialSelectedNodeId !== null) {
+      this._initialSelectionApplied = true;
+      this._selectNodeWhenReady(this.initialSelectedNodeId);
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    if (this._selectRetryTimer) {
+      clearTimeout(this._selectRetryTimer);
+    }
+  }
+  /**
+   * Tries to select a node in the graph, retrying until the graph is ready.
+   */
+  _selectNodeWhenReady(nodeId, retries = 10) {
+    const graph = this.networkType === "thread" ? this._threadGraph : this._wifiGraph;
+    if (graph?.isReady()) {
+      graph.selectNode(nodeId);
+    } else if (retries > 0) {
+      this._selectRetryTimer = setTimeout(() => this._selectNodeWhenReady(nodeId, retries - 1), 100);
+    }
+  }
+  _handleNodeSelected(event) {
+    this._selectedNodeId = event.detail.nodeId;
+  }
+  _handleDetailsClose() {
+    this._selectedNodeId = null;
+  }
+  _handleSelectNode(event) {
+    const nodeId = event.detail.nodeId;
+    this._selectedNodeId = nodeId;
+    if (this.networkType === "thread") {
+      this._threadGraph?.selectNode(nodeId);
+    } else {
+      this._wifiGraph?.selectNode(nodeId);
+    }
+  }
+  _handleFitToScreen() {
+    if (this.networkType === "thread") {
+      this._threadGraph?.fit();
+    } else {
+      this._wifiGraph?.fit();
+    }
+  }
+  _renderThreadView() {
+    return html`
+            <div class="graph-section">
+                <div class="graph-header">
+                    <h2>Thread Network Mesh</h2>
+                    <button class="fit-button" @click=${this._handleFitToScreen} title="Fit to screen">
+                        <ha-svg-icon .path=${mdiFitToScreen}></ha-svg-icon>
+                    </button>
+                </div>
+                <thread-graph .nodes=${this.nodes} @node-selected=${this._handleNodeSelected}></thread-graph>
+            </div>
+        `;
+  }
+  _renderWifiView() {
+    return html`
+            <div class="graph-section">
+                <div class="graph-header">
+                    <h2>WiFi Network</h2>
+                    <button class="fit-button" @click=${this._handleFitToScreen} title="Fit to screen">
+                        <ha-svg-icon .path=${mdiFitToScreen}></ha-svg-icon>
+                    </button>
+                </div>
+                <wifi-graph .nodes=${this.nodes} @node-selected=${this._handleNodeSelected}></wifi-graph>
+            </div>
+        `;
+  }
+  render() {
+    const showSidebar = this._selectedNodeId !== null;
+    const unknownDevices = this._threadGraph?.unknownDevicesMap ?? /* @__PURE__ */ new Map();
+    const wifiAccessPoints = this._wifiGraph?.wifiAccessPointsMap ?? /* @__PURE__ */ new Map();
+    return html`
+            <dashboard-header
+                title="Open Home Foundation Matter Server"
+                .client=${this.client}
+                .activeView=${this.activeView}
+                .hasThreadDevices=${this.hasThreadDevices}
+                .hasWifiDevices=${this.hasWifiDevices}
+            ></dashboard-header>
+
+            <div class="content">
+                <div class="main-area">
+                    ${this.networkType === "thread" ? this._renderThreadView() : this._renderWifiView()}
+                </div>
+
+                <aside class="details-sidebar ${showSidebar ? "visible" : ""}">
+                    <network-details
+                        .selectedNodeId=${this._selectedNodeId}
+                        .nodes=${this.nodes}
+                        .unknownDevices=${unknownDevices}
+                        .wifiAccessPoints=${wifiAccessPoints}
+                        @close=${this._handleDetailsClose}
+                        @select-node=${this._handleSelectNode}
+                    ></network-details>
+                </aside>
+            </div>
+
+            <dashboard-footer></dashboard-footer>
+        `;
+  }
+};
+MatterNetworkView.styles = css`
+        :host {
+            display: flex;
+            flex-direction: column;
+            height: 100vh;
+            height: 100dvh; /* dynamic viewport height - fallback above for older browsers */
+            overflow: hidden;
+            background-color: var(--md-sys-color-background, #fafafa);
+        }
+
+        .content {
+            display: flex;
+            flex: 1 1 0;
+            padding: 8px 16px;
+            gap: 8px;
+            max-width: 1600px;
+            margin: 0 auto;
+            width: 100%;
+            box-sizing: border-box;
+            min-height: 0;
+            overflow: hidden;
+        }
+
+        .main-area {
+            flex: 1 1 0;
+            display: flex;
+            flex-direction: column;
+            min-width: 0;
+            min-height: 0;
+            overflow: hidden;
+        }
+
+        .graph-section {
+            flex: 1 1 0;
+            min-height: 0;
+            display: flex;
+            flex-direction: column;
+            overflow: hidden;
+        }
+
+        .graph-header {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            margin-bottom: 4px;
+            flex-shrink: 0;
+        }
+
+        .graph-header h2 {
+            margin: 0;
+            font-size: 1.1rem;
+            font-weight: 500;
+            color: var(--md-sys-color-on-background, #333);
+        }
+
+        .fit-button {
+            background: none;
+            border: 1px solid var(--md-sys-color-outline-variant, #ccc);
+            border-radius: 4px;
+            padding: 6px;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            transition: background-color 0.2s;
+        }
+
+        .fit-button:hover {
+            background-color: var(--md-sys-color-surface-container-high, #e8e8e8);
+        }
+
+        .fit-button ha-svg-icon {
+            --icon-primary-color: var(--md-sys-color-on-surface-variant, #666);
+        }
+
+        .graph-section thread-graph,
+        .graph-section wifi-graph {
+            flex: 1 1 0;
+            min-height: 0;
+        }
+
+        .wifi-section {
+            display: flex;
+            flex-direction: column;
+            gap: 16px;
+            overflow-y: auto;
+        }
+
+        .wifi-section h2 {
+            margin: 0;
+            font-size: 1.25rem;
+            font-weight: 500;
+            color: var(--md-sys-color-on-background, #333);
+        }
+
+        .wifi-section device-panel {
+            flex-shrink: 0;
+        }
+
+        .details-sidebar {
+            width: 320px;
+            flex-shrink: 0;
+            display: none;
+            min-height: 0;
+            overflow-y: auto;
+        }
+
+        .details-sidebar.visible {
+            display: block;
+        }
+
+        @media (max-width: 1024px) {
+            .content {
+                flex-direction: column;
+            }
+
+            .details-sidebar {
+                width: 100%;
+                max-height: 300px;
+            }
+
+            .details-sidebar.visible {
+                display: block;
+            }
+        }
+
+        @media (max-width: 600px) {
+            .content {
+                padding: 8px;
+            }
+        }
+    `;
+__decorateClass([
+  property({ type: Object })
+], MatterNetworkView.prototype, "nodes", 2);
+__decorateClass([
+  property()
+], MatterNetworkView.prototype, "activeView", 2);
+__decorateClass([
+  property()
+], MatterNetworkView.prototype, "networkType", 2);
+__decorateClass([
+  property()
+], MatterNetworkView.prototype, "initialSelectedNodeId", 2);
+__decorateClass([
+  property({ type: Boolean })
+], MatterNetworkView.prototype, "hasThreadDevices", 2);
+__decorateClass([
+  property({ type: Boolean })
+], MatterNetworkView.prototype, "hasWifiDevices", 2);
+__decorateClass([
+  state()
+], MatterNetworkView.prototype, "_selectedNodeId", 2);
+__decorateClass([
+  query("thread-graph")
+], MatterNetworkView.prototype, "_threadGraph", 2);
+__decorateClass([
+  query("wifi-graph")
+], MatterNetworkView.prototype, "_wifiGraph", 2);
+MatterNetworkView = __decorateClass([
+  customElement("matter-network-view")
+], MatterNetworkView);
+//# sourceMappingURL=matter-network-view.js.map

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

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

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

@@ -1 +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"}
+{"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,EAAgB,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAElF,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,2BAA2B,CAAC;AAEnC,OAAO,qBAAqB,CAAC;AAC7B,OAAO,2BAA2B,CAAC;AAInC,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;IA8Ef,OAAO,CAAC,OAAO;IAIf,OAAgB,MAAM,0BAyFpB;CACL"}

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

@@ -17,14 +17,17 @@ 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 { isTestNodeId } from "@matter-server/ws-client";
+import { mdiChevronRight, mdiGraphOutline } from "@mdi/js";
+import { css, html, LitElement } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { guard } from "lit/directives/guard.js";
 import "../components/ha-svg-icon";
+import { formatNodeAddress, getEffectiveFabricIndex } from "../util/format_hex.js";
 import "./components/header";
 import "./components/node-details";
 import { getEndpointDeviceTypes } from "./matter-endpoint-view.js";
+import { getNetworkType } from "./network/network-utils.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;
@@ -38,15 +41,33 @@ let MatterNodeView = class extends LitElement {
                 <button @click=${this._goBack}>Back</button>
             `;
     }
+    const networkType = getNetworkType(this.node);
+    const showGraphButton = networkType === "thread" || networkType === "wifi" || networkType === "ethernet";
+    const graphViewType = networkType === "ethernet" ? "wifi" : networkType;
+    const graphUrl = showGraphButton ? `#${graphViewType}/${this.node.node_id}` : null;
+    const fabricIndex = getEffectiveFabricIndex(
+      this.client.serverInfo.fabric_index,
+      isTestNodeId(this.node.node_id)
+    );
+    const nodeHex = formatNodeAddress(fabricIndex, this.node.node_id);
     return html`
             <dashboard-header
-                .title=${"Node " + this.node.node_id}
+                .title=${`Node ${this.node.node_id} ${nodeHex}`}
                 .client=${this.client}
                 backButton="#"
             ></dashboard-header>
 
             <!-- node details section -->
             <div class="container">
+                <div class="node-title-bar">
+                    <h2>Node ${this.node.node_id} <span class="node-id-hex">${nodeHex}</span></h2>
+                    ${showGraphButton ? html`
+                              <a href=${graphUrl} class="show-in-graph-button" title="Show in ${graphViewType} graph">
+                                  <ha-svg-icon .path=${mdiGraphOutline}></ha-svg-icon>
+                                  <span class="button-text">Show in graph</span>
+                              </a>
+                          ` : ""}
+                </div>
                 <node-details .node=${this.node} .client=${this.client}></node-details>
             </div>
 
@@ -112,6 +133,68 @@ MatterNodeView.styles = css`
             font-weight: bold;
             font-size: 0.8em;
         }
+
+        .node-title-bar {
+            display: flex;
+            align-items: center;
+            gap: 16px;
+            margin-bottom: 16px;
+        }
+
+        .node-title-bar h2 {
+            margin: 0;
+            font-size: 1.25rem;
+            font-weight: 500;
+            color: var(--md-sys-color-on-background, #333);
+        }
+
+        .node-id-hex {
+            font-size: 0.75em;
+            font-weight: 400;
+            color: var(--md-sys-color-on-surface-variant, #666);
+            font-family: monospace;
+        }
+
+        .show-in-graph-button {
+            display: inline-flex;
+            align-items: center;
+            gap: 6px;
+            padding: 6px 12px;
+            background-color: var(--md-sys-color-primary);
+            color: var(--md-sys-color-on-primary);
+            text-decoration: none;
+            border-radius: 4px;
+            font-size: 0.8rem;
+            font-weight: 500;
+            transition: opacity 0.2s;
+            white-space: nowrap;
+        }
+
+        .show-in-graph-button:hover {
+            opacity: 0.9;
+        }
+
+        .show-in-graph-button ha-svg-icon {
+            --icon-primary-color: var(--md-sys-color-on-primary);
+            width: 16px;
+            height: 16px;
+        }
+
+        @media (max-width: 768px) {
+            .show-in-graph-button {
+                display: none;
+            }
+        }
+
+        @media (max-width: 480px) {
+            .show-in-graph-button .button-text {
+                display: none;
+            }
+
+            .show-in-graph-button {
+                padding: 6px;
+            }
+        }
     `;
 __decorateClass([
   property()

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

@@ -1,6 +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;",
+  "mappings": "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",
   "names": []
 }

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

@@ -12,6 +12,7 @@ import { LitElement } from "lit";
 import "../components/ha-svg-icon";
 import "./components/footer";
 import "./components/header";
+import type { ActiveView } from "./components/header.js";
 import "./components/server-details";
 declare global {
     interface HTMLElementTagNameMap {
@@ -21,6 +22,9 @@ declare global {
 declare class MatterServerView extends LitElement {
     client: MatterClient;
     nodes: MatterClient["nodes"];
+    activeView?: ActiveView;
+    hasThreadDevices?: boolean;
+    hasWifiDevices?: boolean;
     private _cachedNodes?;
     private _cachedNodeEntries?;
     private getNodeEntries;

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

@@ -1 +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,EAAgB,YAAY,EAAc,MAAM,0BAA0B,CAAC;AAElF,OAAO,EAAa,UAAU,EAAW,MAAM,KAAK,CAAC;AAErD,OAAO,2BAA2B,CAAC;AAEnC,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;IAiDf,OAAgB,MAAM,0BA8CpB;CACL"}
+{"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,EAAgB,YAAY,EAAc,MAAM,0BAA0B,CAAC;AAElF,OAAO,EAAa,UAAU,EAAW,MAAM,KAAK,CAAC;AAErD,OAAO,2BAA2B,CAAC;AAEnC,OAAO,qBAAqB,CAAC;AAC7B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACzD,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;IAG9B,UAAU,CAAC,EAAE,UAAU,CAAC;IAGxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAG3B,cAAc,CAAC,EAAE,OAAO,CAAC;IAEhC,OAAO,CAAC,YAAY,CAAC,CAAwB;IAC7C,OAAO,CAAC,kBAAkB,CAAC,CAAyB;IAEpD,OAAO,CAAC,cAAc;IAQb,MAAM;IAuDf,OAAgB,MAAM,0BA8CpB;CACL"}

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

@@ -37,7 +37,13 @@ let MatterServerView = class extends LitElement {
   render() {
     const nodes = this.getNodeEntries(this.nodes);
     return html`
-            <dashboard-header title="Open Home Foundation Matter Server" .client=${this.client}></dashboard-header>
+            <dashboard-header
+                title="Open Home Foundation Matter Server"
+                .client=${this.client}
+                .activeView=${this.activeView}
+                .hasThreadDevices=${this.hasThreadDevices}
+                .hasWifiDevices=${this.hasWifiDevices}
+            ></dashboard-header>
 
             <!-- server details section -->
             <div class="container">
@@ -129,6 +135,15 @@ MatterServerView.styles = css`
 __decorateClass([
   property()
 ], MatterServerView.prototype, "nodes", 2);
+__decorateClass([
+  property()
+], MatterServerView.prototype, "activeView", 2);
+__decorateClass([
+  property({ type: Boolean })
+], MatterServerView.prototype, "hasThreadDevices", 2);
+__decorateClass([
+  property({ type: Boolean })
+], MatterServerView.prototype, "hasWifiDevices", 2);
 MatterServerView = __decorateClass([
   customElement("matter-server-view")
 ], MatterServerView);

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

@@ -1,6 +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;AACP,SAAS,oBAA8C;AACvD,SAAS,uBAAuB;AAChC,SAAS,KAAK,MAAM,YAAY,eAAe;AAC/C,SAAS,eAAe,gBAAgB;AACxC,OAAO;AACP,SAAS,yBAAyB;AAClC,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;AAAA,4CAEX;AAAA,QACA,aAAa,KAAK,OAAO,KACrB,KAAK,OAAO,WAAW,iBAAiB,SACtC,SACA,KAAK,OAAO,WAAW;AAAA,QAC7B,KAAK;AAAA,MACT,CAAC;AAAA;AAAA,sCAEH,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;AAiDJ;AAjHM,iBAkEc,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA9DlB;AAAA,EADN,SAAS;AAAA,GAHR,iBAIK;AAJL,mBAAN;AAAA,EADC,cAAc,oBAAoB;AAAA,GAC7B;",
+  "mappings": ";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,oBAA8C;AACvD,SAAS,uBAAuB;AAChC,SAAS,KAAK,MAAM,YAAY,eAAe;AAC/C,SAAS,eAAe,gBAAgB;AACxC,OAAO;AACP,SAAS,yBAAyB;AAClC,OAAO;AACP,OAAO;AAEP,OAAO;AASP,IAAM,mBAAN,cAA+B,WAAW;AAAA,EAkB9B,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;AAAA;AAAA,0BAGW,KAAK,MAAM;AAAA,8BACP,KAAK,UAAU;AAAA,oCACT,KAAK,gBAAgB;AAAA,kCACvB,KAAK,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,0CAKX,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;AAAA,4CAEX;AAAA,QACA,aAAa,KAAK,OAAO,KACrB,KAAK,OAAO,WAAW,iBAAiB,SACtC,SACA,KAAK,OAAO,WAAW;AAAA,QAC7B,KAAK;AAAA,MACT,CAAC;AAAA;AAAA,sCAEH,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;AAiDJ;AAhIM,iBAiFc,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA7ElB;AAAA,EADN,SAAS;AAAA,GAHR,iBAIK;AAGA;AAAA,EADN,SAAS;AAAA,GANR,iBAOK;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,GATzB,iBAUK;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,GAZzB,iBAaK;AAbL,mBAAN;AAAA,EADC,cAAc,oBAAoB;AAAA,GAC7B;",
   "names": []
 }

package/dist/esm/pages/network/base-network-graph.d.ts

@@ -0,0 +1,74 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import type { MatterNode } from "@matter-server/ws-client";
+import { LitElement } from "lit";
+import { DataSet, Network } from "vis-network/standalone";
+import type { NetworkGraphEdge, NetworkGraphNode } from "./network-types.js";
+/**
+ * Base class for network graph components (Thread and WiFi).
+ * Provides shared vis.js network initialization, highlighting, and theme support.
+ */
+export declare abstract class BaseNetworkGraph extends LitElement {
+    nodes: Record<string, MatterNode>;
+    protected _selectedNodeId: number | string | null;
+    protected _network?: Network;
+    protected _nodesDataSet?: DataSet<NetworkGraphNode>;
+    protected _edgesDataSet?: DataSet<NetworkGraphEdge>;
+    protected _container?: HTMLDivElement;
+    protected _resizeObserver?: ResizeObserver;
+    protected _themeUnsubscribe?: () => void;
+    protected _updateDebounceTimer?: ReturnType<typeof setTimeout>;
+    /** Store original edge colors for restoration after highlighting */
+    private _originalEdgeColors;
+    protected _getFontColor(): string;
+    protected _getDimmedEdgeColor(): string;
+    /**
+     * Returns physics options for the network. Override in subclasses for different behavior.
+     */
+    protected _getPhysicsOptions(): any;
+    updated(changedProperties: Map<string, unknown>): void;
+    /**
+     * Try to find and attach the graph container if it wasn't available before.
+     * This handles the case where empty state was rendered initially.
+     */
+    private _tryAttachContainer;
+    /** Debounced graph update to avoid excessive redraws */
+    protected _debouncedUpdateGraph(): void;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    protected _initializeNetwork(): void;
+    /**
+     * Returns true if the graph is initialized and ready for interaction.
+     */
+    isReady(): boolean;
+    /**
+     * Fits all nodes into view.
+     */
+    fit(): void;
+    /**
+     * Selects a node by ID and focuses on it.
+     */
+    selectNode(nodeId: number | string): void;
+    protected _dispatchNodeSelected(nodeId: number | string | null): void;
+    /**
+     * Highlights edges connected to the selected node and makes neighbor nodes more prominent.
+     */
+    protected _highlightConnections(nodeId: number | string): void;
+    /**
+     * Clears all highlights and restores default styling.
+     */
+    protected _clearHighlights(): void;
+    /**
+     * Clear stored edge colors when graph is updated (edges are recreated).
+     */
+    protected _clearOriginalEdgeColors(): void;
+    /**
+     * Abstract method to be implemented by subclasses for graph-specific updates.
+     */
+    protected abstract _updateGraph(): void;
+    static styles: import("lit").CSSResult;
+}
+//# sourceMappingURL=base-network-graph.d.ts.map

package/dist/esm/pages/network/base-network-graph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-network-graph.d.ts","sourceRoot":"","sources":["../../../../src/pages/network/base-network-graph.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAO,MAAM,KAAK,CAAC;AAGtC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE7E;;;GAGG;AACH,8BAAsB,gBAAiB,SAAQ,UAAU;IAE9C,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAM;IAG9C,SAAS,CAAC,eAAe,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAQ;IAEzD,SAAS,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACpD,SAAS,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACpD,SAAS,CAAC,UAAU,CAAC,EAAE,cAAc,CAAC;IACtC,SAAS,CAAC,eAAe,CAAC,EAAE,cAAc,CAAC;IAC3C,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IACzC,SAAS,CAAC,oBAAoB,CAAC,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;IAE/D,oEAAoE;IACpE,OAAO,CAAC,mBAAmB,CAAgE;IAE3F,SAAS,CAAC,aAAa,IAAI,MAAM;IAIjC,SAAS,CAAC,mBAAmB,IAAI,MAAM;IAIvC;;OAEG;IACH,SAAS,CAAC,kBAAkB,IAAI,GAAG;IAoB1B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAc/D;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAmB3B,wDAAwD;IACxD,SAAS,CAAC,qBAAqB,IAAI,IAAI;IAS9B,YAAY,IAAI,IAAI;IAkDpB,oBAAoB,IAAI,IAAI;IAgBrC,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAyFpC;;OAEG;IACI,OAAO,IAAI,OAAO;IAIzB;;OAEG;IACI,GAAG,IAAI,IAAI;IASlB;;OAEG;IACI,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAkBhD,SAAS,CAAC,qBAAqB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI;IAUrE;;OAEG;IACH,SAAS,CAAC,qBAAqB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAqE9D;;OAEG;IACH,SAAS,CAAC,gBAAgB,IAAI,IAAI;IA8BlC;;OAEG;IACH,SAAS,CAAC,wBAAwB,IAAI,IAAI;IAI1C;;OAEG;IACH,SAAS,CAAC,QAAQ,CAAC,YAAY,IAAI,IAAI;IAEvC,OAAgB,MAAM,0BAuCpB;CACL"}