@matter-server/dashboard 0.3.2 → 0.3.3

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

@@ -0,0 +1,27 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { BaseNetworkGraph } from "./base-network-graph.js";
+declare global {
+    interface HTMLElementTagNameMap {
+        "wifi-graph": WiFiGraph;
+    }
+}
+export declare class WiFiGraph extends BaseNetworkGraph {
+    /** Cache of access points for the current render */
+    private _accessPoints;
+    /** Get access points map for use by details panel */
+    get wifiAccessPointsMap(): Map<string, {
+        bssid: string;
+        connectedNodes: string[];
+    }>;
+    /**
+     * Override physics for WiFi star topology - needs stronger cluster separation.
+     */
+    protected _getPhysicsOptions(): any;
+    protected _updateGraph(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=wifi-graph.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wifi-graph.d.ts","sourceRoot":"","sources":["../../../../src/pages/network/wifi-graph.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAW3D,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,SAAS,CAAC;KAC3B;CACJ;AASD,qBACa,SAAU,SAAQ,gBAAgB;IAC3C,oDAAoD;IACpD,OAAO,CAAC,aAAa,CAA2C;IAEhE,qDAAqD;IACrD,IAAW,mBAAmB,IAAI,GAAG,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,CAEzF;IAED;;OAEG;cACgB,kBAAkB,IAAI,GAAG;cAoBzB,YAAY,IAAI,IAAI;IA+G9B,MAAM;CAelB"}

package/dist/esm/pages/network/wifi-graph.js

@@ -0,0 +1,167 @@
+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 { html } from "lit";
+import { customElement } from "lit/decorators.js";
+import { BaseNetworkGraph } from "./base-network-graph.js";
+import { createNodeIconDataUrl, createWiFiRouterIconDataUrl } from "./device-icons.js";
+import {
+  categorizeDevices,
+  getDeviceName,
+  getNetworkType,
+  getSignalColorFromRssi,
+  getWiFiDiagnostics
+} from "./network-utils.js";
+let WiFiGraph = class extends BaseNetworkGraph {
+  constructor() {
+    super(...arguments);
+    /** Cache of access points for the current render */
+    this._accessPoints = /* @__PURE__ */ new Map();
+  }
+  /** Get access points map for use by details panel */
+  get wifiAccessPointsMap() {
+    return this._accessPoints;
+  }
+  /**
+   * Override physics for WiFi star topology - needs stronger cluster separation.
+   */
+  _getPhysicsOptions() {
+    return {
+      enabled: true,
+      solver: "forceAtlas2Based",
+      forceAtlas2Based: {
+        gravitationalConstant: -120,
+        // Stronger repulsion for star topology
+        centralGravity: 3e-3,
+        // Weaker central pull
+        springLength: 100,
+        // Shorter springs keep devices close to their AP
+        springConstant: 0.12,
+        // Stronger springs
+        damping: 0.4,
+        avoidOverlap: 0.8
+      },
+      stabilization: {
+        enabled: true,
+        iterations: 300,
+        updateInterval: 25
+      }
+    };
+  }
+  _updateGraph() {
+    if (!this._nodesDataSet || !this._edgesDataSet) return;
+    this._clearOriginalEdgeColors();
+    const categorized = categorizeDevices(this.nodes);
+    const wifiNodeIds = [...categorized.wifi, ...categorized.ethernet];
+    if (wifiNodeIds.length === 0) {
+      this._nodesDataSet.clear();
+      this._edgesDataSet.clear();
+      this._accessPoints.clear();
+      return;
+    }
+    this._accessPoints.clear();
+    for (const nodeId of wifiNodeIds) {
+      const node = this.nodes[nodeId];
+      if (!node) continue;
+      const wifiDiag = getWiFiDiagnostics(node);
+      if (wifiDiag.bssid) {
+        const apId = `ap_${wifiDiag.bssid.replace(/:/g, "")}`;
+        if (!this._accessPoints.has(apId)) {
+          this._accessPoints.set(apId, {
+            bssid: wifiDiag.bssid,
+            connectedNodes: []
+          });
+        }
+        this._accessPoints.get(apId).connectedNodes.push(nodeId);
+      }
+    }
+    const graphNodes = [];
+    const graphEdges = [];
+    for (const [apId, ap] of this._accessPoints) {
+      const bssid = ap.bssid;
+      const isSelected = String(apId) === String(this._selectedNodeId);
+      graphNodes.push({
+        id: apId,
+        label: `AP ${bssid.slice(-8)}`,
+        image: createWiFiRouterIconDataUrl(isSelected),
+        shape: "image",
+        networkType: "wifi",
+        isUnknown: true
+        // Mark as infrastructure
+      });
+    }
+    let edgeIndex = 0;
+    for (const nodeId of wifiNodeIds) {
+      const node = this.nodes[nodeId];
+      if (!node) continue;
+      const isSelected = nodeId === String(this._selectedNodeId);
+      const isOffline = node.available === false;
+      const networkType = getNetworkType(node);
+      const wifiDiag = getWiFiDiagnostics(node);
+      graphNodes.push({
+        id: nodeId,
+        label: getDeviceName(node),
+        image: createNodeIconDataUrl(node, void 0, isSelected, isOffline),
+        shape: "image",
+        networkType,
+        offline: isOffline
+      });
+      if (wifiDiag.bssid) {
+        const apId = `ap_${wifiDiag.bssid.replace(/:/g, "")}`;
+        const signalColor = getSignalColorFromRssi(wifiDiag.rssi);
+        graphEdges.push({
+          id: `edge_${edgeIndex++}`,
+          from: nodeId,
+          to: apId,
+          color: {
+            color: signalColor,
+            highlight: signalColor
+          },
+          width: 2,
+          title: wifiDiag.rssi !== null ? `RSSI: ${wifiDiag.rssi} dBm` : "RSSI: Unknown"
+        });
+      }
+    }
+    const existingNodeIds = this._nodesDataSet.getIds();
+    const newNodeIds = new Set(graphNodes.map((n) => n.id));
+    const nodesToRemove = existingNodeIds.filter((id) => !newNodeIds.has(id));
+    if (nodesToRemove.length > 0) {
+      this._nodesDataSet.remove(nodesToRemove);
+    }
+    this._nodesDataSet.update(graphNodes);
+    this._edgesDataSet.clear();
+    this._edgesDataSet.add(graphEdges);
+  }
+  render() {
+    const categorized = categorizeDevices(this.nodes);
+    const wifiCount = categorized.wifi.length + categorized.ethernet.length;
+    if (wifiCount === 0) {
+      return html`
+                <div class="empty-state">
+                    <p>No WiFi devices found</p>
+                    <p class="hint">WiFi devices will appear here once commissioned</p>
+                </div>
+            `;
+    }
+    return html`<div class="graph-container"></div>`;
+  }
+};
+WiFiGraph = __decorateClass([
+  customElement("wifi-graph")
+], WiFiGraph);
+export {
+  WiFiGraph
+};
+//# sourceMappingURL=wifi-graph.js.map

package/dist/esm/pages/network/wifi-graph.js.map

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

package/dist/web/js/{commission-node-dialog-CBSDiqRW.js → commission-node-dialog-B1_khzZb.js}

@@ -1,5 +1,5 @@
-import { r, n, t, i, h as b } from './matter-dashboard-app-B7GUghkC.js';
-import { p as preventDefault } from './prevent_default-BPgSQsuY.js';
+import { r, n, t, i, j as b } from './matter-dashboard-app-BuCe_Jxf.js';
+import { p as preventDefault } from './prevent_default-D4FX_PIh.js';
 import './main.js';
 
 var __defProp = Object.defineProperty;
@@ -44,18 +44,18 @@ let ComissionNodeDialog = class extends i {
     if (!this.client.serverInfo.bluetooth_enabled) {
       return;
     }
-    import('./commission-node-wifi-tzavmk1j.js');
+    import('./commission-node-wifi-DZ_pWqsa.js');
     this._mode = "wifi";
   }
   _commissionThread() {
     if (!this.client.serverInfo.bluetooth_enabled) {
       return;
     }
-    import('./commission-node-thread-DOB8pu6x.js');
+    import('./commission-node-thread-5f2itkTG.js');
     this._mode = "thread";
   }
   _commissionExisting() {
-    import('./commission-node-existing-TP6s8Tez.js');
+    import('./commission-node-existing-RpdajrwF.js');
     this._mode = "existing";
   }
   _nodeCommissioned(ev) {

package/dist/web/js/{commission-node-existing-TP6s8Tez.js → commission-node-existing-RpdajrwF.js}

@@ -1,9 +1,6 @@
-import { r, s as c, v as clientContext, n, a as e, t, i, A, q as handleAsync, h as b } from './matter-dashboard-app-B7GUghkC.js';
-import { f as fireEvent } from './fire_event-DRpOSjJR.js';
-import './outlined-text-field-D1DyKQY-.js';
+import { r, G as c, H as clientContext, n, a as e, t, i, A, F as handleAsync, j as b } from './matter-dashboard-app-BuCe_Jxf.js';
+import { f as fireEvent } from './fire_event-BczBMT8E.js';
 import './main.js';
-import './validator-C735j770.js';
-import './prevent_default-BPgSQsuY.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/web/js/{commission-node-thread-DOB8pu6x.js → commission-node-thread-5f2itkTG.js}

@@ -1,9 +1,6 @@
-import { r, s as c, v as clientContext, n, a as e, t, i, A, q as handleAsync, h as b } from './matter-dashboard-app-B7GUghkC.js';
-import { f as fireEvent } from './fire_event-DRpOSjJR.js';
-import './outlined-text-field-D1DyKQY-.js';
+import { r, G as c, H as clientContext, n, a as e, t, i, A, F as handleAsync, j as b } from './matter-dashboard-app-BuCe_Jxf.js';
+import { f as fireEvent } from './fire_event-BczBMT8E.js';
 import './main.js';
-import './validator-C735j770.js';
-import './prevent_default-BPgSQsuY.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/web/js/{commission-node-wifi-tzavmk1j.js → commission-node-wifi-DZ_pWqsa.js}

@@ -1,9 +1,6 @@
-import { r, s as c, v as clientContext, n, a as e, t, i, A, q as handleAsync, h as b } from './matter-dashboard-app-B7GUghkC.js';
-import { f as fireEvent } from './fire_event-DRpOSjJR.js';
-import './outlined-text-field-D1DyKQY-.js';
+import { r, G as c, H as clientContext, n, a as e, t, i, A, F as handleAsync, j as b } from './matter-dashboard-app-BuCe_Jxf.js';
+import { f as fireEvent } from './fire_event-BczBMT8E.js';
 import './main.js';
-import './validator-C735j770.js';
-import './prevent_default-BPgSQsuY.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/web/js/{dialog-box-Dknil_Be.js → dialog-box-DEUxM4B1.js}

@@ -1,5 +1,5 @@
-import { n, t, i, h as b } from './matter-dashboard-app-B7GUghkC.js';
-import { p as preventDefault } from './prevent_default-BPgSQsuY.js';
+import { n, t, i, j as b } from './matter-dashboard-app-BuCe_Jxf.js';
+import { p as preventDefault } from './prevent_default-D4FX_PIh.js';
 import './main.js';
 
 var __defProp = Object.defineProperty;

package/dist/web/js/{fire_event-DRpOSjJR.js → fire_event-BczBMT8E.js}

@@ -1,4 +1,4 @@
-import { m as mixinDelegatesAria, i, _ as __decorate, n, A, f as e, h as b, j as i$1, t } from './matter-dashboard-app-B7GUghkC.js';
+import { m as mixinDelegatesAria, i, _ as __decorate, n, A, f as e, j as b, k as i$1, t } from './matter-dashboard-app-BuCe_Jxf.js';
 
 /**
  * @license

package/dist/web/js/{log-level-dialog-TXkma-7Z.js → log-level-dialog-Cr3PfX1X.js}

@@ -1,6 +1,5 @@
-import { e, N as NavigableKeys, _ as __decorate, a as e$1, n as n$1, o, r, i, c as createAnimationSignal, L as ListController, g as getActiveItem, b as getLastActivatableItem, d as getFirstActivatableItem, A, f as e$2, h as b, E as EASING, j as i$1, t, D, m as mixinDelegatesAria, k as mixinElementInternals, u, l as i$2, p as fireAndForget, q as handleAsync } from './matter-dashboard-app-B7GUghkC.js';
-import { r as redispatchEvent, p as preventDefault } from './prevent_default-BPgSQsuY.js';
-import { o as o$1, V as Validator, m as mixinOnReportValidity, a as mixinConstraintValidation, b as mixinFormAssociated, c as onReportValidity, g as getFormValue, d as createValidator, e as getValidityAnchor } from './validator-C735j770.js';
+import { e, N as NavigableKeys, _ as __decorate, a as e$1, n as n$1, o, r, i, c as createAnimationSignal, L as ListController, g as getActiveItem, b as getLastActivatableItem, d as getFirstActivatableItem, A, f as e$2, h as o$1, j as b, E as EASING, k as i$1, t, V as Validator, D, m as mixinDelegatesAria, l as mixinOnReportValidity, p as mixinConstraintValidation, q as mixinFormAssociated, s as mixinElementInternals, u as onReportValidity, v as u, w as redispatchEvent, x as getFormValue, y as createValidator, z as getValidityAnchor, B as i$2, C as fireAndForget, F as handleAsync } from './matter-dashboard-app-BuCe_Jxf.js';
+import { p as preventDefault } from './prevent_default-D4FX_PIh.js';
 import './main.js';
 
 /**

package/dist/web/js/main.js

@@ -748,7 +748,7 @@ const ThemeService = new ThemeServiceImpl();
  * SPDX-License-Identifier: Apache-2.0
  */
 async function main() {
-  import('./matter-dashboard-app-B7GUghkC.js').then(function (n) { return n.C; });
+  import('./matter-dashboard-app-BuCe_Jxf.js').then(function (n) { return n.I; });
   let url = "";
   const isProductionServer = location.origin.includes(":5580") || location.href.includes("hassio_ingress") || location.href.includes("/api/ingress/");
   if (!isProductionServer) {