@matter-server/dashboard 0.3.2 → 0.3.4

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

@@ -0,0 +1,137 @@
+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, createUnknownDeviceIconDataUrl } from "./device-icons.js";
+import {
+  buildExtAddrMap,
+  buildThreadConnections,
+  findUnknownDevices,
+  getDeviceName,
+  getNetworkType,
+  getThreadRole
+} from "./network-utils.js";
+let ThreadGraph = class extends BaseNetworkGraph {
+  constructor() {
+    super(...arguments);
+    /** Cache of unknown devices for the current render */
+    this._unknownDevices = [];
+    /** Cached map of unknown devices (rebuilt in _updateGraph) */
+    this._unknownDevicesMapCache = /* @__PURE__ */ new Map();
+  }
+  /** Get unknown devices as a map for use by details panel */
+  get unknownDevicesMap() {
+    return this._unknownDevicesMapCache;
+  }
+  _updateGraph() {
+    if (!this._nodesDataSet || !this._edgesDataSet) return;
+    this._clearOriginalEdgeColors();
+    const threadNodes = Object.values(this.nodes).filter((node) => getNetworkType(node) === "thread");
+    if (threadNodes.length === 0) {
+      this._nodesDataSet.clear();
+      this._edgesDataSet.clear();
+      this._unknownDevices = [];
+      this._unknownDevicesMapCache.clear();
+      return;
+    }
+    const extAddrMap = buildExtAddrMap(this.nodes);
+    this._unknownDevices = findUnknownDevices(this.nodes, extAddrMap);
+    this._unknownDevicesMapCache.clear();
+    for (const device of this._unknownDevices) {
+      this._unknownDevicesMapCache.set(device.id, {
+        extAddressHex: device.extAddressHex,
+        isRouter: device.isRouter,
+        seenBy: device.seenBy,
+        bestRssi: device.bestRssi
+      });
+    }
+    const connections = buildThreadConnections(this.nodes, extAddrMap, this._unknownDevices);
+    const graphNodes = threadNodes.map((node) => {
+      const nodeId = String(node.node_id);
+      const threadRole = getThreadRole(node);
+      const isSelected = nodeId === String(this._selectedNodeId);
+      const isOffline = node.available === false;
+      return {
+        id: nodeId,
+        label: getDeviceName(node),
+        image: createNodeIconDataUrl(node, threadRole, isSelected, isOffline),
+        shape: "image",
+        networkType: "thread",
+        threadRole,
+        offline: isOffline
+      };
+    });
+    for (const unknown of this._unknownDevices) {
+      const isSelected = unknown.id === this._selectedNodeId;
+      graphNodes.push({
+        id: unknown.id,
+        label: `Unknown (${unknown.extAddressHex.slice(-8)})`,
+        image: createUnknownDeviceIconDataUrl(unknown.isRouter, isSelected),
+        shape: "image",
+        networkType: "thread",
+        isUnknown: true
+      });
+    }
+    const graphEdges = connections.map((conn, index) => {
+      const isToUnknown = typeof conn.toNodeId === "string" && conn.toNodeId.startsWith("unknown_");
+      const fromNode = this.nodes[String(conn.fromNodeId)];
+      const toNode = this.nodes[String(conn.toNodeId)];
+      const hasOfflineEndpoint = fromNode?.available === false || toNode?.available === false;
+      return {
+        id: `edge_${index}`,
+        from: conn.fromNodeId,
+        to: conn.toNodeId,
+        color: {
+          color: conn.signalColor,
+          highlight: conn.signalColor
+        },
+        width: 2,
+        title: conn.rssi !== null ? `RSSI: ${conn.rssi} dBm, LQI: ${conn.lqi}` : `LQI: ${conn.lqi}`,
+        dashes: isToUnknown || hasOfflineEndpoint
+        // Dashed lines to unknown or offline devices
+      };
+    });
+    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 threadNodes = Object.values(this.nodes).filter((node) => getNetworkType(node) === "thread");
+    if (threadNodes.length === 0) {
+      return html`
+                <div class="empty-state">
+                    <p>No Thread devices found</p>
+                    <p class="hint">Thread devices will appear here once commissioned</p>
+                </div>
+            `;
+    }
+    return html`<div class="graph-container"></div>`;
+  }
+};
+ThreadGraph = __decorateClass([
+  customElement("thread-graph")
+], ThreadGraph);
+export {
+  ThreadGraph
+};
+//# sourceMappingURL=thread-graph.js.map

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

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

package/dist/esm/pages/network/update-connections-dialog.d.ts

@@ -0,0 +1,55 @@
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import "@material/web/button/filled-button";
+import "@material/web/button/text-button";
+import "@material/web/checkbox/checkbox";
+import "@material/web/dialog/dialog";
+import type { MatterClient, MatterNode } from "@matter-server/ws-client";
+import { LitElement } from "lit";
+declare global {
+    interface HTMLElementTagNameMap {
+        "update-connections-dialog": UpdateConnectionsDialog;
+    }
+}
+export declare class UpdateConnectionsDialog extends LitElement {
+    client: MatterClient;
+    nodes: Record<string, MatterNode>;
+    selectedNodeType: "online" | "offline" | "unknown";
+    selectedNodeName: string;
+    selectedNodeId: number | string | null;
+    onlineNeighborIds: string[];
+    private _includeNeighbors;
+    private _isUpdating;
+    /** Timeout ID for auto-close */
+    private _timeoutId;
+    /** Track if we've already dispatched close event to prevent double-firing */
+    private _hasClosedEvent;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    /**
+     * Get the number of nodes that will be updated.
+     */
+    private get _updateCount();
+    /**
+     * Get the attribute paths to read for a node based on its network type.
+     */
+    private _getAttributePathsForNode;
+    /**
+     * Get the list of node IDs to update based on current state.
+     */
+    private _getNodeIdsToUpdate;
+    private _executeUpdate;
+    private _closeDialog;
+    /** Handle native dialog closed event (ESC key, backdrop click, etc.) */
+    private _handleDialogClosed;
+    private _handleCheckboxChange;
+    private _renderOnlineContent;
+    private _renderOfflineContent;
+    private _renderUnknownContent;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+//# sourceMappingURL=update-connections-dialog.d.ts.map

package/dist/esm/pages/network/update-connections-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-connections-dialog.d.ts","sourceRoot":"","sources":["../../../../src/pages/network/update-connections-dialog.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,oCAAoC,CAAC;AAC5C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,iCAAiC,CAAC;AACzC,OAAO,6BAA6B,CAAC;AACrC,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEzE,OAAO,EAAE,UAAU,EAA2B,MAAM,KAAK,CAAC;AAI1D,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,2BAA2B,EAAE,uBAAuB,CAAC;KACxD;CACJ;AAQD,qBACa,uBAAwB,SAAQ,UAAU;IAE5C,MAAM,EAAG,YAAY,CAAC;IAGtB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAM;IAGvC,gBAAgB,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAY;IAG9D,gBAAgB,EAAE,MAAM,CAAM;IAG9B,cAAc,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAQ;IAG9C,iBAAiB,EAAE,MAAM,EAAE,CAAM;IAGxC,OAAO,CAAC,iBAAiB,CAAkB;IAG3C,OAAO,CAAC,WAAW,CAAkB;IAErC,gCAAgC;IAChC,OAAO,CAAC,UAAU,CAA8C;IAEhE,6EAA6E;IAC7E,OAAO,CAAC,eAAe,CAAkB;IAEhC,YAAY,IAAI,IAAI;IAMpB,oBAAoB,IAAI,IAAI;IASrC;;OAEG;IACH,OAAO,KAAK,YAAY,GAMvB;IAED;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAgBjC;;OAEG;IACH,OAAO,CAAC,mBAAmB;YAYb,cAAc;IA6C5B,OAAO,CAAC,YAAY;IAWpB,wEAAwE;IACxE,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,qBAAqB;IAK7B,OAAO,CAAC,oBAAoB;IAqB5B,OAAO,CAAC,qBAAqB;IAc7B,OAAO,CAAC,qBAAqB;IAepB,MAAM;IAiCf,OAAgB,MAAM,0BAwDpB;CACL"}

package/dist/esm/pages/network/update-connections-dialog.js

@@ -0,0 +1,284 @@
+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/text-button";
+import "@material/web/checkbox/checkbox";
+import "@material/web/dialog/dialog";
+import { mdiLoading } from "@mdi/js";
+import { LitElement, css, html, nothing, svg } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { getNetworkType } from "./network-utils.js";
+const THREAD_ATTRIBUTE_PATHS = ["0/53/7", "0/53/8", "0/51/0"];
+const WIFI_ATTRIBUTE_PATHS = ["0/54/0", "0/54/3", "0/54/4"];
+let UpdateConnectionsDialog = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.nodes = {};
+    this.selectedNodeType = "online";
+    this.selectedNodeName = "";
+    this.selectedNodeId = null;
+    this.onlineNeighborIds = [];
+    this._includeNeighbors = false;
+    this._isUpdating = false;
+    /** Timeout ID for auto-close */
+    this._timeoutId = null;
+    /** Track if we've already dispatched close event to prevent double-firing */
+    this._hasClosedEvent = false;
+  }
+  firstUpdated() {
+    const dialog = this.shadowRoot?.querySelector("md-dialog");
+    dialog?.show();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    if (this._timeoutId) {
+      clearTimeout(this._timeoutId);
+      this._timeoutId = null;
+    }
+  }
+  /**
+   * Get the number of nodes that will be updated.
+   */
+  get _updateCount() {
+    if (this.selectedNodeType === "online") {
+      return this._includeNeighbors ? 1 + this.onlineNeighborIds.length : 1;
+    }
+    return this.onlineNeighborIds.length;
+  }
+  /**
+   * Get the attribute paths to read for a node based on its network type.
+   */
+  _getAttributePathsForNode(nodeId) {
+    const node = this.nodes[nodeId];
+    if (!node) return [];
+    const networkType = getNetworkType(node);
+    if (networkType === "thread") {
+      return THREAD_ATTRIBUTE_PATHS;
+    }
+    if (networkType === "wifi") {
+      return WIFI_ATTRIBUTE_PATHS;
+    }
+    return [];
+  }
+  /**
+   * Get the list of node IDs to update based on current state.
+   */
+  _getNodeIdsToUpdate() {
+    if (this.selectedNodeType === "online") {
+      const nodeIds = [String(this.selectedNodeId)];
+      if (this._includeNeighbors) {
+        nodeIds.push(...this.onlineNeighborIds);
+      }
+      return nodeIds;
+    }
+    return this.onlineNeighborIds;
+  }
+  async _executeUpdate() {
+    if (this._isUpdating || this._updateCount === 0) return;
+    this._isUpdating = true;
+    this._timeoutId = setTimeout(() => {
+      console.warn("Update connections timed out after 30s");
+      this._closeDialog();
+    }, 3e4);
+    try {
+      const nodeIds = this._getNodeIdsToUpdate();
+      const updatePromises = nodeIds.map(async (nodeIdStr) => {
+        const node = this.nodes[nodeIdStr];
+        if (!node) return;
+        const paths = this._getAttributePathsForNode(nodeIdStr);
+        if (paths.length === 0) return;
+        await this.client.readAttribute(node.node_id, paths);
+      });
+      await Promise.all(updatePromises);
+      this._closeDialog();
+    } catch (error) {
+      console.error("Failed to update connections:", error);
+      this._closeDialog();
+    } finally {
+      if (this._timeoutId) {
+        clearTimeout(this._timeoutId);
+        this._timeoutId = null;
+      }
+      this._isUpdating = false;
+    }
+  }
+  _closeDialog() {
+    if (this._hasClosedEvent) return;
+    this._hasClosedEvent = true;
+    const dialog = this.shadowRoot?.querySelector("md-dialog");
+    dialog?.close();
+    this.dispatchEvent(new CustomEvent("dialog-closed", { bubbles: true, composed: true }));
+  }
+  /** Handle native dialog closed event (ESC key, backdrop click, etc.) */
+  _handleDialogClosed() {
+    this._closeDialog();
+  }
+  _handleCheckboxChange(e) {
+    const checkbox = e.target;
+    this._includeNeighbors = checkbox.checked;
+  }
+  _renderOnlineContent() {
+    return html`
+            <p>Refresh network information for "<strong>${this.selectedNodeName}</strong>".</p>
+            ${this.onlineNeighborIds.length > 0 ? html`
+                      <label class="checkbox-row">
+                          <md-checkbox
+                              ?checked=${this._includeNeighbors}
+                              @change=${this._handleCheckboxChange}
+                              ?disabled=${this._isUpdating}
+                          ></md-checkbox>
+                          <span
+                              >Include ${this.onlineNeighborIds.length} connected online
+                              neighbor${this.onlineNeighborIds.length !== 1 ? "s" : ""}</span
+                          >
+                      </label>
+                  ` : nothing}
+        `;
+  }
+  _renderOfflineContent() {
+    return html`
+            <p>"<strong>${this.selectedNodeName}</strong>" appears to be offline.</p>
+            ${this.onlineNeighborIds.length > 0 ? html`
+                      <p>
+                          Update network data from its ${this.onlineNeighborIds.length} online
+                          neighbor${this.onlineNeighborIds.length !== 1 ? "s" : ""} to refresh connection info.
+                      </p>
+                  ` : html` <p>No online neighbors available to update.</p> `}
+        `;
+  }
+  _renderUnknownContent() {
+    return html`
+            <p>This device is not commissioned to this fabric and cannot be queried directly.</p>
+            ${this.onlineNeighborIds.length > 0 ? html`
+                      <p>
+                          Update network data from ${this.onlineNeighborIds.length}
+                          node${this.onlineNeighborIds.length !== 1 ? "s" : ""} that
+                          see${this.onlineNeighborIds.length === 1 ? "s" : ""} this device to refresh info.
+                      </p>
+                  ` : html` <p>No online nodes available that see this device.</p> `}
+        `;
+  }
+  render() {
+    const buttonText = this._updateCount === 0 ? "No nodes to update" : `Update ${this._updateCount} node${this._updateCount !== 1 ? "s" : ""}`;
+    return html`
+            <md-dialog @closed=${this._handleDialogClosed}>
+                <div slot="headline">Update Connection Data</div>
+                <div slot="content">
+                    ${this.selectedNodeType === "online" ? this._renderOnlineContent() : this.selectedNodeType === "offline" ? this._renderOfflineContent() : this._renderUnknownContent()}
+                </div>
+                <div slot="actions">
+                    <md-text-button @click=${this._closeDialog} ?disabled=${this._isUpdating}>Cancel</md-text-button>
+                    <md-filled-button
+                        @click=${this._executeUpdate}
+                        ?disabled=${this._isUpdating || this._updateCount === 0}
+                    >
+                        ${this._isUpdating ? html`<span class="updating-content"
+                                  >${svg`<svg class="spinner" viewBox="0 0 24 24" width="18" height="18"><path fill="currentColor" d="${mdiLoading}"/></svg>`}Updating...</span
+                              >` : buttonText}
+                    </md-filled-button>
+                </div>
+            </md-dialog>
+        `;
+  }
+};
+UpdateConnectionsDialog.styles = css`
+        md-dialog {
+            --md-dialog-container-color: var(--md-sys-color-surface, #fff);
+        }
+
+        [slot="content"] {
+            padding: 0 24px;
+        }
+
+        [slot="content"] p {
+            margin: 0 0 16px 0;
+            font-size: 0.875rem;
+            line-height: 1.5;
+            color: var(--md-sys-color-on-surface, #333);
+        }
+
+        [slot="content"] p:last-child {
+            margin-bottom: 0;
+        }
+
+        .checkbox-row {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            cursor: pointer;
+            font-size: 0.875rem;
+            color: var(--md-sys-color-on-surface, #333);
+        }
+
+        .updating-content {
+            display: inline-flex;
+            align-items: center;
+            gap: 8px;
+        }
+
+        .spinner {
+            animation: spin 1s linear infinite;
+            flex-shrink: 0;
+        }
+
+        .updating-content svg {
+            color: inherit;
+        }
+
+        @keyframes spin {
+            from {
+                transform: rotate(0deg);
+            }
+            to {
+                transform: rotate(360deg);
+            }
+        }
+
+        md-filled-button {
+            min-width: 140px;
+        }
+    `;
+__decorateClass([
+  property({ type: Object })
+], UpdateConnectionsDialog.prototype, "client", 2);
+__decorateClass([
+  property({ type: Object })
+], UpdateConnectionsDialog.prototype, "nodes", 2);
+__decorateClass([
+  property({ type: String })
+], UpdateConnectionsDialog.prototype, "selectedNodeType", 2);
+__decorateClass([
+  property({ type: String })
+], UpdateConnectionsDialog.prototype, "selectedNodeName", 2);
+__decorateClass([
+  property()
+], UpdateConnectionsDialog.prototype, "selectedNodeId", 2);
+__decorateClass([
+  property({ type: Array })
+], UpdateConnectionsDialog.prototype, "onlineNeighborIds", 2);
+__decorateClass([
+  state()
+], UpdateConnectionsDialog.prototype, "_includeNeighbors", 2);
+__decorateClass([
+  state()
+], UpdateConnectionsDialog.prototype, "_isUpdating", 2);
+UpdateConnectionsDialog = __decorateClass([
+  customElement("update-connections-dialog")
+], UpdateConnectionsDialog);
+export {
+  UpdateConnectionsDialog
+};
+//# sourceMappingURL=update-connections-dialog.js.map

package/dist/esm/pages/network/update-connections-dialog.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/pages/network/update-connections-dialog.ts"],
+  "mappings": ";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAEP,SAAS,kBAAkB;AAC3B,SAAS,YAAY,KAAK,MAAM,SAAS,WAAW;AACpD,SAAS,eAAe,UAAU,aAAa;AAC/C,SAAS,sBAAsB;AAS/B,MAAM,yBAAyB,CAAC,UAAU,UAAU,QAAQ;AAG5D,MAAM,uBAAuB,CAAC,UAAU,UAAU,QAAQ;AAGnD,IAAM,0BAAN,cAAsC,WAAW;AAAA,EAAjD;AAAA;AAKH,SAAO,QAAoC,CAAC;AAG5C,SAAO,mBAAqD;AAG5D,SAAO,mBAA2B;AAGlC,SAAO,iBAAyC;AAGhD,SAAO,oBAA8B,CAAC;AAGtC,SAAQ,oBAA6B;AAGrC,SAAQ,cAAuB;AAG/B;AAAA,SAAQ,aAAmD;AAG3D;AAAA,SAAQ,kBAA2B;AAAA;AAAA,EAE1B,eAAqB;AAE1B,UAAM,SAAS,KAAK,YAAY,cAAc,WAAW;AACzD,YAAQ,KAAK;AAAA,EACjB;AAAA,EAES,uBAA6B;AAClC,UAAM,qBAAqB;AAE3B,QAAI,KAAK,YAAY;AACjB,mBAAa,KAAK,UAAU;AAC5B,WAAK,aAAa;AAAA,IACtB;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAKA,IAAY,eAAuB;AAC/B,QAAI,KAAK,qBAAqB,UAAU;AACpC,aAAO,KAAK,oBAAoB,IAAI,KAAK,kBAAkB,SAAS;AAAA,IACxE;AAEA,WAAO,KAAK,kBAAkB;AAAA,EAClC;AAAA;AAAA;AAAA;AAAA,EAKQ,0BAA0B,QAA0B;AACxD,UAAM,OAAO,KAAK,MAAM,MAAM;AAC9B,QAAI,CAAC,KAAM,QAAO,CAAC;AAEnB,UAAM,cAAc,eAAe,IAAI;AAEvC,QAAI,gBAAgB,UAAU;AAC1B,aAAO;AAAA,IACX;AACA,QAAI,gBAAgB,QAAQ;AACxB,aAAO;AAAA,IACX;AAEA,WAAO,CAAC;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA,EAKQ,sBAAgC;AACpC,QAAI,KAAK,qBAAqB,UAAU;AACpC,YAAM,UAAU,CAAC,OAAO,KAAK,cAAc,CAAC;AAC5C,UAAI,KAAK,mBAAmB;AACxB,gBAAQ,KAAK,GAAG,KAAK,iBAAiB;AAAA,MAC1C;AACA,aAAO;AAAA,IACX;AAEA,WAAO,KAAK;AAAA,EAChB;AAAA,EAEA,MAAc,iBAAgC;AAC1C,QAAI,KAAK,eAAe,KAAK,iBAAiB,EAAG;AAEjD,SAAK,cAAc;AAGnB,SAAK,aAAa,WAAW,MAAM;AAC/B,cAAQ,KAAK,wCAAwC;AACrD,WAAK,aAAa;AAAA,IACtB,GAAG,GAAK;AAER,QAAI;AACA,YAAM,UAAU,KAAK,oBAAoB;AAGzC,YAAM,iBAAiB,QAAQ,IAAI,OAAM,cAAa;AAClD,cAAM,OAAO,KAAK,MAAM,SAAS;AACjC,YAAI,CAAC,KAAM;AAEX,cAAM,QAAQ,KAAK,0BAA0B,SAAS;AACtD,YAAI,MAAM,WAAW,EAAG;AAGxB,cAAM,KAAK,OAAO,cAAc,KAAK,SAAS,KAAK;AAAA,MACvD,CAAC;AAGD,YAAM,QAAQ,IAAI,cAAc;AAGhC,WAAK,aAAa;AAAA,IACtB,SAAS,OAAO;AACZ,cAAQ,MAAM,iCAAiC,KAAK;AAEpD,WAAK,aAAa;AAAA,IACtB,UAAE;AAEE,UAAI,KAAK,YAAY;AACjB,qBAAa,KAAK,UAAU;AAC5B,aAAK,aAAa;AAAA,MACtB;AACA,WAAK,cAAc;AAAA,IACvB;AAAA,EACJ;AAAA,EAEQ,eAAqB;AAEzB,QAAI,KAAK,gBAAiB;AAC1B,SAAK,kBAAkB;AAEvB,UAAM,SAAS,KAAK,YAAY,cAAc,WAAW;AACzD,YAAQ,MAAM;AAEd,SAAK,cAAc,IAAI,YAAY,iBAAiB,EAAE,SAAS,MAAM,UAAU,KAAK,CAAC,CAAC;AAAA,EAC1F;AAAA;AAAA,EAGQ,sBAA4B;AAChC,SAAK,aAAa;AAAA,EACtB;AAAA,EAEQ,sBAAsB,GAAgB;AAC1C,UAAM,WAAW,EAAE;AACnB,SAAK,oBAAoB,SAAS;AAAA,EACtC;AAAA,EAEQ,uBAAgC;AACpC,WAAO;AAAA,0DAC2C,KAAK,gBAAgB;AAAA,cACjE,KAAK,kBAAkB,SAAS,IAC5B;AAAA;AAAA;AAAA,yCAGuB,KAAK,iBAAiB;AAAA,wCACvB,KAAK,qBAAqB;AAAA,0CACxB,KAAK,WAAW;AAAA;AAAA;AAAA,yCAGjB,KAAK,kBAAkB,MAAM;AAAA,wCAC9B,KAAK,kBAAkB,WAAW,IAAI,MAAM,EAAE;AAAA;AAAA;AAAA,sBAIpE,OAAO;AAAA;AAAA,EAErB;AAAA,EAEQ,wBAAiC;AACrC,WAAO;AAAA,0BACW,KAAK,gBAAgB;AAAA,cACjC,KAAK,kBAAkB,SAAS,IAC5B;AAAA;AAAA,yDAEuC,KAAK,kBAAkB,MAAM;AAAA,oCAClD,KAAK,kBAAkB,WAAW,IAAI,MAAM,EAAE;AAAA;AAAA,sBAGhE,uDAAuD;AAAA;AAAA,EAErE;AAAA,EAEQ,wBAAiC;AACrC,WAAO;AAAA;AAAA,cAED,KAAK,kBAAkB,SAAS,IAC5B;AAAA;AAAA,qDAEmC,KAAK,kBAAkB,MAAM;AAAA,gCAClD,KAAK,kBAAkB,WAAW,IAAI,MAAM,EAAE;AAAA,+BAC/C,KAAK,kBAAkB,WAAW,IAAI,MAAM,EAAE;AAAA;AAAA,sBAG3D,8DAA8D;AAAA;AAAA,EAE5E;AAAA,EAES,SAAS;AACd,UAAM,aACF,KAAK,iBAAiB,IAChB,uBACA,UAAU,KAAK,YAAY,QAAQ,KAAK,iBAAiB,IAAI,MAAM,EAAE;AAE/E,WAAO;AAAA,iCACkB,KAAK,mBAAmB;AAAA;AAAA;AAAA,sBAGnC,KAAK,qBAAqB,WACtB,KAAK,qBAAqB,IAC1B,KAAK,qBAAqB,YACxB,KAAK,sBAAsB,IAC3B,KAAK,sBAAsB,CAAC;AAAA;AAAA;AAAA,6CAGX,KAAK,YAAY,cAAc,KAAK,WAAW;AAAA;AAAA,iCAE3D,KAAK,cAAc;AAAA,oCAChB,KAAK,eAAe,KAAK,iBAAiB,CAAC;AAAA;AAAA,0BAErD,KAAK,cACD;AAAA,qCACO,mGAAmG,UAAU,WAAW;AAAA,mCAE/H,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKpC;AA2DJ;AAzSa,wBAgPO,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA9OlB;AAAA,EADN,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GADjB,wBAEF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAJjB,wBAKF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAPjB,wBAQF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAVjB,wBAWF;AAGA;AAAA,EADN,SAAS;AAAA,GAbD,wBAcF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,MAAM,CAAC;AAAA,GAhBhB,wBAiBF;AAGC;AAAA,EADP,MAAM;AAAA,GAnBE,wBAoBD;AAGA;AAAA,EADP,MAAM;AAAA,GAtBE,wBAuBD;AAvBC,0BAAN;AAAA,EADN,cAAc,2BAA2B;AAAA,GAC7B;",
+  "names": []
+}

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;IAgH9B,MAAM;CAelB"}