@matter-server/dashboard 0.7.0-alpha.0-20260512-b404bea → 0.7.0

package/dist/esm/components/avsum-ptz-strip.js

@@ -0,0 +1,379 @@
+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 { consume } from "@lit/context";
+import "@material/web/iconbutton/icon-button";
+import { mdiArrowDown, mdiArrowLeft, mdiArrowRight, mdiArrowUp, mdiMinus, mdiPlus } from "@mdi/js";
+import { css, html, LitElement, nothing } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { clientContext } from "../client/client-context.js";
+import { handleAsync, handleAsyncEvent } from "../util/async-handler.js";
+import {
+  dptzRelativeMove,
+  hasAvsumOnEndpoint,
+  moveToPreset,
+  readFeatures,
+  readMovementState,
+  readPosition,
+  readPresets,
+  relativeMove
+} from "../util/avsum.js";
+import "./ha-svg-icon.js";
+let AvsumPtzStrip = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.activeVideoStreamId = null;
+    this.sensorSize = null;
+    this._mode = "mech";
+    this._toast = null;
+  }
+  get _node() {
+    if (!this.client) return null;
+    return this.client.nodes[String(this.nodeId)] ?? null;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (this.client) {
+      this._unsubscribeNodes = this.client.addEventListener("nodes_changed", () => this.requestUpdate());
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this._unsubscribeNodes?.();
+    if (this._toastTimer) {
+      clearTimeout(this._toastTimer);
+      this._toastTimer = void 0;
+    }
+  }
+  render() {
+    const node = this._node;
+    if (!node || !hasAvsumOnEndpoint(node, this.endpointId)) return nothing;
+    const features = readFeatures(node, this.endpointId);
+    if (!features.mPan && !features.mTilt && !features.mZoom && !features.dptz && !features.mPresets)
+      return nothing;
+    const hasMech = features.mPan || features.mTilt || features.mZoom;
+    const effective = hasMech && features.dptz ? this._mode : hasMech ? "mech" : "digital";
+    const pos = readPosition(node, this.endpointId);
+    const movement = readMovementState(node, this.endpointId);
+    const presets = features.mPresets ? readPresets(node, this.endpointId).items : [];
+    return html`
+            <div class="strip">
+                ${hasMech || features.dptz ? html`<div class="group movement">
+                          <div class="dpad">
+                              <span></span>
+                              <md-icon-button
+                                  ?disabled=${this._isDisabled(effective, "tilt", features, movement)}
+                                  title="Tilt up"
+                                  @click=${handleAsyncEvent(
+      (e) => this._move(effective, "tilt", this._step(e, 10))
+    )}
+                              >
+                                  <ha-svg-icon .path=${mdiArrowUp}></ha-svg-icon>
+                              </md-icon-button>
+                              <span></span>
+                              <md-icon-button
+                                  ?disabled=${this._isDisabled(effective, "pan", features, movement)}
+                                  title="Pan left"
+                                  @click=${handleAsyncEvent(
+      (e) => this._move(effective, "pan", this._step(e, -10))
+    )}
+                              >
+                                  <ha-svg-icon .path=${mdiArrowLeft}></ha-svg-icon>
+                              </md-icon-button>
+                              <span></span>
+                              <md-icon-button
+                                  ?disabled=${this._isDisabled(effective, "pan", features, movement)}
+                                  title="Pan right"
+                                  @click=${handleAsyncEvent(
+      (e) => this._move(effective, "pan", this._step(e, 10))
+    )}
+                              >
+                                  <ha-svg-icon .path=${mdiArrowRight}></ha-svg-icon>
+                              </md-icon-button>
+                              <span></span>
+                              <md-icon-button
+                                  ?disabled=${this._isDisabled(effective, "tilt", features, movement)}
+                                  title="Tilt down"
+                                  @click=${handleAsyncEvent(
+      (e) => this._move(effective, "tilt", this._step(e, -10))
+    )}
+                              >
+                                  <ha-svg-icon .path=${mdiArrowDown}></ha-svg-icon>
+                              </md-icon-button>
+                              <span></span>
+                          </div>
+                          <div class="zoom">
+                              <md-icon-button
+                                  ?disabled=${this._isDisabled(effective, "zoom", features, movement)}
+                                  title="Zoom in"
+                                  @click=${handleAsyncEvent(
+      (e) => this._move(effective, "zoom", this._step(e, 10))
+    )}
+                              >
+                                  <ha-svg-icon .path=${mdiPlus}></ha-svg-icon>
+                              </md-icon-button>
+                              <md-icon-button
+                                  ?disabled=${this._isDisabled(effective, "zoom", features, movement)}
+                                  title="Zoom out"
+                                  @click=${handleAsyncEvent(
+      (e) => this._move(effective, "zoom", this._step(e, -10))
+    )}
+                              >
+                                  <ha-svg-icon .path=${mdiMinus}></ha-svg-icon>
+                              </md-icon-button>
+                          </div>
+                          ${hasMech && features.dptz ? html`<div class="mode-toggle">
+                                    <button
+                                        class=${this._mode === "mech" ? "active" : ""}
+                                        @click=${() => this._mode = "mech"}
+                                    >
+                                        Mech
+                                    </button>
+                                    <button
+                                        class=${this._mode === "digital" ? "active" : ""}
+                                        @click=${() => this._mode = "digital"}
+                                    >
+                                        Digital
+                                    </button>
+                                </div>` : nothing}
+                          ${effective === "digital" && this.activeVideoStreamId === null ? html`<span class="mode-hint">Start stream to enable DPTZ</span>` : nothing}
+                      </div>` : nothing}
+                ${features.mPresets && presets.length > 0 ? html`<div class="group presets">
+                          ${presets.map(
+      (p) => html`<button
+                                  class="chip"
+                                  title="p=${p.settings.pan ?? 0}° · t=${p.settings.tilt ?? 0}° · z=${p.settings.zoom ?? 1}×"
+                                  @click=${handleAsync(() => this._handleGoPreset(p.presetId))}
+                              >
+                                  ${p.name}
+                              </button>`
+    )}
+                      </div>` : nothing}
+                <div class="group readout">
+                    ${features.mPan && pos.pan !== null ? html`<span>Pan ${this._fmt(pos.pan)}°</span>` : nothing}
+                    ${features.mTilt && pos.tilt !== null ? html`<span>Tilt ${this._fmt(pos.tilt)}°</span>` : nothing}
+                    ${features.mZoom && pos.zoom !== null ? html`<span>Zoom ${pos.zoom}×</span>` : nothing}
+                </div>
+                ${this._toast ? html`<div class="toast">${this._toast}</div>` : nothing}
+            </div>
+        `;
+  }
+  _fmt(v) {
+    return v >= 0 ? `+${v}` : `${v}`;
+  }
+  _step(e, base) {
+    return e.shiftKey ? Math.sign(base) : base;
+  }
+  _isDisabled(mode, axis, f, movement) {
+    if (mode === "mech") {
+      if (movement === "moving") return true;
+      if (axis === "pan") return !f.mPan;
+      if (axis === "tilt") return !f.mTilt;
+      return !f.mZoom;
+    }
+    if (!f.dptz) return true;
+    if (this.activeVideoStreamId === null) return true;
+    return false;
+  }
+  async _move(mode, axis, step) {
+    if (!this.client) return;
+    try {
+      if (mode === "mech") {
+        const delta = {};
+        if (axis === "pan") delta.panDelta = step;
+        else if (axis === "tilt") delta.tiltDelta = step;
+        else delta.zoomDelta = step;
+        await relativeMove(this.client, this.nodeId, this.endpointId, delta);
+      } else {
+        if (this.activeVideoStreamId === null) return;
+        const scale = step / 10;
+        const dx = this.sensorSize ? Math.round(this.sensorSize.width * 0.1 * scale) : Math.round(100 * scale);
+        const dy = this.sensorSize ? Math.round(this.sensorSize.height * 0.1 * scale) : Math.round(100 * scale);
+        const delta = {};
+        if (axis === "pan") delta.deltaX = dx;
+        else if (axis === "tilt") delta.deltaY = dy;
+        else delta.zoomDelta = step;
+        await dptzRelativeMove(this.client, this.nodeId, this.endpointId, this.activeVideoStreamId, delta);
+      }
+    } catch (err) {
+      const msg = err instanceof Error ? err.message.toLowerCase() : String(err).toLowerCase();
+      if (msg.includes("busy")) {
+        this._toast = "Camera busy";
+      } else {
+        console.warn("PTZ move failed:", err);
+        this._toast = "Move failed";
+      }
+      this._scheduleToastClear();
+    }
+  }
+  async _handleGoPreset(presetId) {
+    if (!this.client) return;
+    try {
+      await moveToPreset(this.client, this.nodeId, this.endpointId, presetId);
+    } catch (err) {
+      const msg = err instanceof Error ? err.message.toLowerCase() : String(err).toLowerCase();
+      if (msg.includes("busy")) {
+        this._toast = "Camera busy";
+      } else if (msg.includes("not_found")) {
+        this._toast = "Preset removed";
+      } else {
+        console.warn("Preset move failed:", err);
+        this._toast = "Move failed";
+      }
+      this._scheduleToastClear();
+    }
+  }
+  _scheduleToastClear() {
+    if (this._toastTimer) clearTimeout(this._toastTimer);
+    this._toastTimer = setTimeout(() => {
+      this._toast = null;
+    }, 2e3);
+  }
+};
+AvsumPtzStrip.styles = css`
+        :host {
+            display: block;
+            color: white;
+        }
+        .strip {
+            background: rgba(0, 0, 0, 0.6);
+            padding: 8px 12px;
+            display: flex;
+            gap: 16px;
+            align-items: center;
+            flex-wrap: wrap;
+        }
+        .group {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            padding-right: 16px;
+            border-right: 1px solid rgba(255, 255, 255, 0.15);
+        }
+        .group:last-child {
+            border-right: none;
+        }
+        .movement {
+            gap: 12px;
+        }
+        .dpad {
+            display: grid;
+            grid-template-columns: 32px 32px 32px;
+            grid-template-rows: 32px 32px 32px;
+            gap: 2px;
+        }
+        .zoom {
+            display: flex;
+            flex-direction: column;
+            gap: 2px;
+        }
+        md-icon-button {
+            --md-icon-button-icon-color: white;
+            --md-icon-button-state-layer-color: white;
+            width: 32px;
+            height: 32px;
+        }
+        md-icon-button[disabled] {
+            opacity: 0.55;
+        }
+        .mode-toggle {
+            display: flex;
+            border: 1px solid rgba(255, 255, 255, 0.3);
+            border-radius: 4px;
+            overflow: hidden;
+        }
+        .mode-toggle button {
+            background: transparent;
+            border: none;
+            padding: 4px 10px;
+            cursor: pointer;
+            color: rgba(255, 255, 255, 0.7);
+            font-size: 0.75rem;
+            font-family: inherit;
+        }
+        .mode-toggle button.active {
+            background: rgba(255, 255, 255, 0.2);
+            color: white;
+        }
+        .mode-hint {
+            color: rgba(255, 255, 255, 0.6);
+            font-size: 0.7rem;
+            font-style: italic;
+        }
+        .presets {
+            flex-wrap: wrap;
+        }
+        .chip {
+            padding: 4px 12px;
+            border-radius: 12px;
+            background: rgba(255, 255, 255, 0.15);
+            color: white;
+            border: none;
+            cursor: pointer;
+            font-size: 0.8rem;
+            font-family: inherit;
+        }
+        .chip:hover {
+            background: rgba(255, 255, 255, 0.3);
+        }
+        .readout {
+            color: rgba(255, 255, 255, 0.85);
+            font-family: var(--monospace-font, monospace);
+            font-size: 0.8rem;
+            gap: 12px;
+        }
+        .toast {
+            background: rgba(0, 0, 0, 0.85);
+            color: white;
+            padding: 4px 10px;
+            border-radius: 4px;
+            font-size: 0.8rem;
+            margin-left: auto;
+        }
+        @media (max-width: 900px) {
+            .readout {
+                display: none;
+            }
+        }
+    `;
+__decorateClass([
+  consume({ context: clientContext, subscribe: true }),
+  property({ attribute: false })
+], AvsumPtzStrip.prototype, "client", 2);
+__decorateClass([
+  property({ attribute: false })
+], AvsumPtzStrip.prototype, "nodeId", 2);
+__decorateClass([
+  property({ type: Number })
+], AvsumPtzStrip.prototype, "endpointId", 2);
+__decorateClass([
+  property({ type: Number, attribute: false })
+], AvsumPtzStrip.prototype, "activeVideoStreamId", 2);
+__decorateClass([
+  property({ type: Object, attribute: false })
+], AvsumPtzStrip.prototype, "sensorSize", 2);
+__decorateClass([
+  state()
+], AvsumPtzStrip.prototype, "_mode", 2);
+__decorateClass([
+  state()
+], AvsumPtzStrip.prototype, "_toast", 2);
+AvsumPtzStrip = __decorateClass([
+  customElement("avsum-ptz-strip")
+], AvsumPtzStrip);
+export {
+  AvsumPtzStrip
+};
+//# sourceMappingURL=avsum-ptz-strip.js.map

package/dist/esm/components/avsum-ptz-strip.js.map

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

package/dist/esm/components/dialogs/binding/node-binding-dialog.js

@@ -208,7 +208,7 @@ let NodeBindingDialog = class extends LitElement {
       deviceType: void 0
     };
     const acl_entry = {
-      privilege: 5,
+      privilege: 3,
       authMode: 2,
       subjects: [this.node.node_id],
       targets: [targets],

package/dist/esm/components/dialogs/binding/show-node-binding-dialog.d.ts

@@ -3,6 +3,6 @@
  * Copyright 2025-2026 Open Home Foundation
  * SPDX-License-Identifier: Apache-2.0
  */
-import { MatterClient, MatterNode } from "@matter-server/ws-client";
-export declare const showNodeBindingDialog: (client: MatterClient, node: MatterNode, endpoint: number) => Promise<void>;
+import { MatterNode } from "@matter-server/ws-client";
+export declare const showNodeBindingDialog: (node: MatterNode, endpoint: number) => Promise<void>;
 //# sourceMappingURL=show-node-binding-dialog.d.ts.map

package/dist/esm/components/dialogs/binding/show-node-binding-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"show-node-binding-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/dialogs/binding/show-node-binding-dialog.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEpE,eAAO,MAAM,qBAAqB,WAAkB,YAAY,QAAQ,UAAU,YAAY,MAAM,kBAOnG,CAAC"}
+{"version":3,"file":"show-node-binding-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/dialogs/binding/show-node-binding-dialog.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,eAAO,MAAM,qBAAqB,SAAgB,UAAU,YAAY,MAAM,kBAM7E,CAAC"}

package/dist/esm/components/dialogs/binding/show-node-binding-dialog.js

@@ -3,10 +3,9 @@
  * Copyright 2025-2026 Open Home Foundation
  * SPDX-License-Identifier: Apache-2.0
  */
-const showNodeBindingDialog = async (client, node, endpoint) => {
+const showNodeBindingDialog = async (node, endpoint) => {
   await import("./node-binding-dialog.js");
   const dialog = document.createElement("node-binding-dialog");
-  dialog.client = client;
   dialog.node = node;
   dialog.endpoint = endpoint;
   document.querySelector("matter-dashboard-app")?.renderRoot.appendChild(dialog);

package/dist/esm/components/dialogs/binding/show-node-binding-dialog.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/dialogs/binding/show-node-binding-dialog.ts"],
-  "mappings": "AAAA;AAAA;AAAA;AAAA;AAAA;AAQO,MAAM,wBAAwB,OAAO,QAAsB,MAAkB,aAAqB;AACrG,QAAM,OAAO,0BAA0B;AACvC,QAAM,SAAS,SAAS,cAAc,qBAAqB;AAC3D,SAAO,SAAS;AAChB,SAAO,OAAO;AACd,SAAO,WAAW;AAClB,WAAS,cAAc,sBAAsB,GAAG,WAAW,YAAY,MAAM;AACjF;",
+  "mappings": "AAAA;AAAA;AAAA;AAAA;AAAA;AAQO,MAAM,wBAAwB,OAAO,MAAkB,aAAqB;AAC/E,QAAM,OAAO,0BAA0B;AACvC,QAAM,SAAS,SAAS,cAAc,qBAAqB;AAC3D,SAAO,OAAO;AACd,SAAO,WAAW;AAClB,WAAS,cAAc,sBAAsB,GAAG,WAAW,YAAY,MAAM;AACjF;",
   "names": []
 }

package/dist/esm/components/dialogs/commission-node-dialog/commission-node-dialog.d.ts

@@ -11,6 +11,7 @@ import { MatterClient, MatterNode } from "@matter-server/ws-client";
 import { LitElement } from "lit";
 export declare class ComissionNodeDialog extends LitElement {
     client: MatterClient;
+    protected _tick: number;
     private _mode?;
     protected render(): import("lit-html").TemplateResult<1>;
     private _commissionWifi;

package/dist/esm/components/dialogs/commission-node-dialog/commission-node-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"commission-node-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/dialogs/commission-node-dialog/commission-node-dialog.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,kCAAkC,CAAC;AAC1C,OAAO,6BAA6B,CAAC;AAErC,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,qBACa,mBAAoB,SAAQ,UAAU;IACR,MAAM,EAAG,YAAY,CAAC;IAEpD,OAAO,CAAC,KAAK,CAAC,CAAiC;IAExD,UAAmB,MAAM,yCAsCxB;IAED,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,aAAa;CAGxB;AAED,OAAO,CAAC,MAAM,CAAC,CAAC;IACZ,UAAU,qBAAqB;QAC3B,wBAAwB,EAAE,mBAAmB,CAAC;KACjD;IAED,UAAU,aAAa;QACnB,mBAAmB,EAAE,UAAU,CAAC;QAChC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;KAC7C;CACJ"}
+{"version":3,"file":"commission-node-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/dialogs/commission-node-dialog/commission-node-dialog.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,kCAAkC,CAAC;AAC1C,OAAO,6BAA6B,CAAC;AAErC,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,qBACa,mBAAoB,SAAQ,UAAU;IAExC,MAAM,EAAG,YAAY,CAAC;IAG7B,SAAS,CAAC,KAAK,SAAK;IAEX,OAAO,CAAC,KAAK,CAAC,CAAiC;IAExD,UAAmB,MAAM,yCAsCxB;IAED,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,aAAa;CAGxB;AAED,OAAO,CAAC,MAAM,CAAC,CAAC;IACZ,UAAU,qBAAqB;QAC3B,wBAAwB,EAAE,mBAAmB,CAAC;KACjD;IAED,UAAU,aAAa;QACnB,mBAAmB,EAAE,UAAU,CAAC;QAChC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;KAC7C;CACJ"}

package/dist/esm/components/dialogs/commission-node-dialog/commission-node-dialog.js

@@ -15,12 +15,18 @@ var __decorateClass = (decorators, target, key, kind) => {
  */
 import "@material/web/button/text-button";
 import "@material/web/dialog/dialog";
+import { consume } from "@lit/context";
 import "@material/web/list/list";
 import "@material/web/list/list-item";
 import { html, LitElement } from "lit";
-import { customElement, property, state } from "lit/decorators.js";
+import { customElement, state } from "lit/decorators.js";
+import { clientContext, tickContext } from "../../../client/client-context.js";
 import { preventDefault } from "../../../util/prevent_default.js";
 let ComissionNodeDialog = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this._tick = 0;
+  }
   render() {
     return html`
             <md-dialog open @cancel=${preventDefault} @closed=${this._handleClosed}>
@@ -78,7 +84,7 @@ let ComissionNodeDialog = class extends LitElement {
   }
   _requestSettings() {
     import("../settings/show-settings-dialog.js").then(({ showSettingsDialog }) => {
-      showSettingsDialog(this.client, "network-credentials");
+      showSettingsDialog("network-credentials");
     });
     this._close();
   }
@@ -90,8 +96,11 @@ let ComissionNodeDialog = class extends LitElement {
   }
 };
 __decorateClass([
-  property({ attribute: false })
+  consume({ context: clientContext })
 ], ComissionNodeDialog.prototype, "client", 2);
+__decorateClass([
+  consume({ context: tickContext, subscribe: true })
+], ComissionNodeDialog.prototype, "_tick", 2);
 __decorateClass([
   state()
 ], ComissionNodeDialog.prototype, "_mode", 2);

package/dist/esm/components/dialogs/commission-node-dialog/commission-node-dialog.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/dialogs/commission-node-dialog/commission-node-dialog.ts"],
-  "mappings": ";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,OAAO;AACP,OAAO;AAEP,OAAO;AACP,OAAO;AAEP,SAAS,MAAM,kBAAkB;AACjC,SAAS,eAAe,UAAU,aAAa;AAC/C,SAAS,sBAAsB;AAGxB,IAAM,sBAAN,cAAkC,WAAW;AAAA,EAK7B,SAAS;AACxB,WAAO;AAAA,sCACuB,cAAc,YAAY,KAAK,aAAa;AAAA;AAAA;AAAA;AAAA,yCAIzC,KAAK,iBAAiB;AAAA,wCACvB,KAAK,gBAAgB;AAAA;AAAA,sBAEvC,CAAC,KAAK,QACF;AAAA;AAAA;AAAA,8CAGoB,CAAC,KAAK,OAAO,WAAW,iBAAiB;AAAA,2CAC5C,KAAK,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,8CAKjB,CAAC,KAAK,OAAO,WAAW,iBAAiB;AAAA,2CAC5C,KAAK,iBAAiB;AAAA;AAAA;AAAA,mEAGE,KAAK,mBAAmB;AAAA;AAAA;AAAA,wCAIjE,KAAK,UAAU,SACb,wDACA,KAAK,UAAU,WACb,4DACA,6DAA6D;AAAA;AAAA;AAAA,6CAG9C,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA,EAIpD;AAAA,EAEQ,kBAAkB;AACtB,QAAI,CAAC,KAAK,OAAO,WAAW,mBAAmB;AAC3C;AAAA,IACJ;AACA,WAAO,2BAA2B;AAClC,SAAK,QAAQ;AAAA,EACjB;AAAA,EAEQ,oBAAoB;AACxB,QAAI,CAAC,KAAK,OAAO,WAAW,mBAAmB;AAC3C;AAAA,IACJ;AACA,WAAO,6BAA6B;AACpC,SAAK,QAAQ;AAAA,EACjB;AAAA,EAEQ,sBAAsB;AAC1B,WAAO,+BAA+B;AACtC,SAAK,QAAQ;AAAA,EACjB;AAAA,EAEQ,kBAAkB,IAA6B;AACnD,WAAO,SAAS,OAAO,SAAS,GAAG,OAAO,OAAO;AACjD,SAAK,OAAO;AAAA,EAChB;AAAA,EAEQ,mBAAmB;AACvB,WAAO,qCAAqC,EAAE,KAAK,CAAC,EAAE,mBAAmB,MAAM;AAC3E,yBAAmB,KAAK,QAAQ,qBAAqB;AAAA,IACzD,CAAC;AACD,SAAK,OAAO;AAAA,EAChB;AAAA,EAEQ,SAAS;AACb,SAAK,WAAY,cAAwB,WAAW,EAAG,MAAM;AAAA,EACjE;AAAA,EAEQ,gBAAgB;AACpB,SAAK,WAAY,YAAY,IAAI;AAAA,EACrC;AACJ;AApF2C;AAAA,EAAtC,SAAS,EAAE,WAAW,MAAM,CAAC;AAAA,GADrB,oBAC8B;AAEtB;AAAA,EAAhB,MAAM;AAAA,GAHE,oBAGQ;AAHR,sBAAN;AAAA,EADN,cAAc,wBAAwB;AAAA,GAC1B;",
+  "mappings": ";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,OAAO;AACP,OAAO;AACP,SAAS,eAAe;AACxB,OAAO;AACP,OAAO;AAGP,SAAS,MAAM,kBAAkB;AACjC,SAAS,eAAe,aAAa;AACrC,SAAS,eAAe,mBAAmB;AAC3C,SAAS,sBAAsB;AAGxB,IAAM,sBAAN,cAAkC,WAAW;AAAA,EAA7C;AAAA;AAKH,SAAU,QAAQ;AAAA;AAAA,EAIC,SAAS;AACxB,WAAO;AAAA,sCACuB,cAAc,YAAY,KAAK,aAAa;AAAA;AAAA;AAAA;AAAA,yCAIzC,KAAK,iBAAiB;AAAA,wCACvB,KAAK,gBAAgB;AAAA;AAAA,sBAEvC,CAAC,KAAK,QACF;AAAA;AAAA;AAAA,8CAGoB,CAAC,KAAK,OAAO,WAAW,iBAAiB;AAAA,2CAC5C,KAAK,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,8CAKjB,CAAC,KAAK,OAAO,WAAW,iBAAiB;AAAA,2CAC5C,KAAK,iBAAiB;AAAA;AAAA;AAAA,mEAGE,KAAK,mBAAmB;AAAA;AAAA;AAAA,wCAIjE,KAAK,UAAU,SACb,wDACA,KAAK,UAAU,WACb,4DACA,6DAA6D;AAAA;AAAA;AAAA,6CAG9C,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA,EAIpD;AAAA,EAEQ,kBAAkB;AACtB,QAAI,CAAC,KAAK,OAAO,WAAW,mBAAmB;AAC3C;AAAA,IACJ;AACA,WAAO,2BAA2B;AAClC,SAAK,QAAQ;AAAA,EACjB;AAAA,EAEQ,oBAAoB;AACxB,QAAI,CAAC,KAAK,OAAO,WAAW,mBAAmB;AAC3C;AAAA,IACJ;AACA,WAAO,6BAA6B;AACpC,SAAK,QAAQ;AAAA,EACjB;AAAA,EAEQ,sBAAsB;AAC1B,WAAO,+BAA+B;AACtC,SAAK,QAAQ;AAAA,EACjB;AAAA,EAEQ,kBAAkB,IAA6B;AACnD,WAAO,SAAS,OAAO,SAAS,GAAG,OAAO,OAAO;AACjD,SAAK,OAAO;AAAA,EAChB;AAAA,EAEQ,mBAAmB;AACvB,WAAO,qCAAqC,EAAE,KAAK,CAAC,EAAE,mBAAmB,MAAM;AAC3E,yBAAmB,qBAAqB;AAAA,IAC5C,CAAC;AACD,SAAK,OAAO;AAAA,EAChB;AAAA,EAEQ,SAAS;AACb,SAAK,WAAY,cAAwB,WAAW,EAAG,MAAM;AAAA,EACjE;AAAA,EAEQ,gBAAgB;AACpB,SAAK,WAAY,YAAY,IAAI;AAAA,EACrC;AACJ;AAvFW;AAAA,EADN,QAAQ,EAAE,SAAS,cAAc,CAAC;AAAA,GAD1B,oBAEF;AAGG;AAAA,EADT,QAAQ,EAAE,SAAS,aAAa,WAAW,KAAK,CAAC;AAAA,GAJzC,oBAKC;AAEO;AAAA,EAAhB,MAAM;AAAA,GAPE,oBAOQ;AAPR,sBAAN;AAAA,EADN,cAAc,wBAAwB;AAAA,GAC1B;",
   "names": []
 }

package/dist/esm/components/dialogs/commission-node-dialog/show-commission-node-dialog.d.ts

@@ -3,6 +3,5 @@
  * Copyright 2025-2026 Open Home Foundation
  * SPDX-License-Identifier: Apache-2.0
  */
-import { MatterClient } from "@matter-server/ws-client";
-export declare const showCommissionNodeDialog: (client: MatterClient) => Promise<void>;
+export declare const showCommissionNodeDialog: () => Promise<void>;
 //# sourceMappingURL=show-commission-node-dialog.d.ts.map

package/dist/esm/components/dialogs/commission-node-dialog/show-commission-node-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"show-commission-node-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/dialogs/commission-node-dialog/show-commission-node-dialog.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,eAAO,MAAM,wBAAwB,WAAkB,YAAY,kBAKlE,CAAC"}
+{"version":3,"file":"show-commission-node-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/dialogs/commission-node-dialog/show-commission-node-dialog.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,eAAO,MAAM,wBAAwB,qBAIpC,CAAC"}

package/dist/esm/components/dialogs/commission-node-dialog/show-commission-node-dialog.js

@@ -3,10 +3,9 @@
  * Copyright 2025-2026 Open Home Foundation
  * SPDX-License-Identifier: Apache-2.0
  */
-const showCommissionNodeDialog = async (client) => {
+const showCommissionNodeDialog = async () => {
   await import("./commission-node-dialog.js");
   const dialog = document.createElement("commission-node-dialog");
-  dialog.client = client;
   document.querySelector("matter-dashboard-app")?.renderRoot.appendChild(dialog);
 };
 export {

package/dist/esm/components/dialogs/commission-node-dialog/show-commission-node-dialog.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/dialogs/commission-node-dialog/show-commission-node-dialog.ts"],
-  "mappings": "AAAA;AAAA;AAAA;AAAA;AAAA;AAQO,MAAM,2BAA2B,OAAO,WAAyB;AACpE,QAAM,OAAO,6BAA6B;AAC1C,QAAM,SAAS,SAAS,cAAc,wBAAwB;AAC9D,SAAO,SAAS;AAChB,WAAS,cAAc,sBAAsB,GAAG,WAAW,YAAY,MAAM;AACjF;",
+  "mappings": "AAAA;AAAA;AAAA;AAAA;AAAA;AAMO,MAAM,2BAA2B,YAAY;AAChD,QAAM,OAAO,6BAA6B;AAC1C,QAAM,SAAS,SAAS,cAAc,wBAAwB;AAC9D,WAAS,cAAc,sBAAsB,GAAG,WAAW,YAAY,MAAM;AACjF;",
   "names": []
 }

package/dist/esm/components/dialogs/settings/log-level-dialog.d.ts

@@ -5,11 +5,9 @@
  */
 import "@material/web/button/text-button";
 import "@material/web/dialog/dialog";
-import { MatterClient } from "@matter-server/ws-client";
 import { LitElement } from "lit";
 import "./log-level-section.js";
 export declare class LogLevelDialog extends LitElement {
-    client: MatterClient;
     private _close;
     private _handleClosed;
     private _handleApplied;

package/dist/esm/components/dialogs/settings/log-level-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"log-level-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/dialogs/settings/log-level-dialog.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,kCAAkC,CAAC;AAC1C,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,wBAAwB,CAAC;AAEhC,qBACa,cAAe,SAAQ,UAAU;IAEnC,MAAM,EAAG,YAAY,CAAC;IAE7B,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,cAAc;IAItB,UAAmB,MAAM,yCAexB;IAED,OAAgB,MAAM,0BAIpB;CACL;AAED,OAAO,CAAC,MAAM,CAAC,CAAC;IACZ,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,cAAc,CAAC;KACtC;CACJ"}
+{"version":3,"file":"log-level-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/dialogs/settings/log-level-dialog.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,kCAAkC,CAAC;AAC1C,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,wBAAwB,CAAC;AAEhC,qBACa,cAAe,SAAQ,UAAU;IAC1C,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,cAAc;IAItB,UAAmB,MAAM,yCAYxB;IAED,OAAgB,MAAM,0BAIpB;CACL;AAED,OAAO,CAAC,MAAM,CAAC,CAAC;IACZ,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,cAAc,CAAC;KACtC;CACJ"}

package/dist/esm/components/dialogs/settings/log-level-dialog.js

@@ -16,7 +16,7 @@ var __decorateClass = (decorators, target, key, kind) => {
 import "@material/web/button/text-button";
 import "@material/web/dialog/dialog";
 import { css, html, LitElement } from "lit";
-import { customElement, property } from "lit/decorators.js";
+import { customElement } from "lit/decorators.js";
 import { preventDefault } from "../../../util/prevent_default.js";
 import "./log-level-section.js";
 let LogLevelDialog = class extends LitElement {
@@ -34,10 +34,7 @@ let LogLevelDialog = class extends LitElement {
             <md-dialog open @cancel=${preventDefault} @closed=${this._handleClosed}>
                 <div slot="headline">Server Log Settings</div>
                 <div slot="content">
-                    <log-level-section
-                        .client=${this.client}
-                        @log-level-applied=${this._handleApplied}
-                    ></log-level-section>
+                    <log-level-section @log-level-applied=${this._handleApplied}></log-level-section>
                 </div>
                 <div slot="actions">
                     <md-text-button @click=${this._close}>Close</md-text-button>
@@ -51,9 +48,6 @@ LogLevelDialog.styles = css`
             min-width: 360px;
         }
     `;
-__decorateClass([
-  property({ attribute: false })
-], LogLevelDialog.prototype, "client", 2);
 LogLevelDialog = __decorateClass([
   customElement("log-level-dialog")
 ], LogLevelDialog);

package/dist/esm/components/dialogs/settings/log-level-dialog.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/dialogs/settings/log-level-dialog.ts"],
-  "mappings": ";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,OAAO;AACP,OAAO;AAGP,SAAS,KAAK,MAAM,kBAAkB;AACtC,SAAS,eAAe,gBAAgB;AACxC,SAAS,sBAAsB;AAC/B,OAAO;AAGA,IAAM,iBAAN,cAA6B,WAAW;AAAA,EAInC,SAAS;AACb,SAAK,WAAY,cAAwB,WAAW,EAAG,MAAM;AAAA,EACjE;AAAA,EAEQ,gBAAgB;AACpB,SAAK,WAAY,YAAY,IAAI;AAAA,EACrC;AAAA,EAEQ,iBAAiB;AACrB,SAAK,OAAO;AAAA,EAChB;AAAA,EAEmB,SAAS;AACxB,WAAO;AAAA,sCACuB,cAAc,YAAY,KAAK,aAAa;AAAA;AAAA;AAAA;AAAA,kCAIhD,KAAK,MAAM;AAAA,6CACA,KAAK,cAAc;AAAA;AAAA;AAAA;AAAA,6CAInB,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA,EAIpD;AAOJ;AAtCa,eAiCO,SAAS;AAAA;AAAA;AAAA;AAAA;AA/BlB;AAAA,EADN,SAAS,EAAE,WAAW,MAAM,CAAC;AAAA,GADrB,eAEF;AAFE,iBAAN;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB;",
+  "mappings": ";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,OAAO;AACP,OAAO;AAEP,SAAS,KAAK,MAAM,kBAAkB;AACtC,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,OAAO;AAGA,IAAM,iBAAN,cAA6B,WAAW;AAAA,EACnC,SAAS;AACb,SAAK,WAAY,cAAwB,WAAW,EAAG,MAAM;AAAA,EACjE;AAAA,EAEQ,gBAAgB;AACpB,SAAK,WAAY,YAAY,IAAI;AAAA,EACrC;AAAA,EAEQ,iBAAiB;AACrB,SAAK,OAAO;AAAA,EAChB;AAAA,EAEmB,SAAS;AACxB,WAAO;AAAA,sCACuB,cAAc,YAAY,KAAK,aAAa;AAAA;AAAA;AAAA,4DAGtB,KAAK,cAAc;AAAA;AAAA;AAAA,6CAGlC,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA,EAIpD;AAOJ;AAhCa,eA2BO,SAAS;AAAA;AAAA;AAAA;AAAA;AA3BhB,iBAAN;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB;",
   "names": []
 }

package/dist/esm/components/dialogs/settings/log-level-section.d.ts

@@ -13,7 +13,8 @@ import { LitElement } from "lit";
  * combined settings dialog.
  */
 export declare class LogLevelSection extends LitElement {
-    client: MatterClient;
+    client?: MatterClient;
+    protected _tick: number;
     private _consoleLevel;
     private _fileLevel;
     private _loading;

package/dist/esm/components/dialogs/settings/log-level-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"log-level-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/dialogs/settings/log-level-section.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,kCAAkC,CAAC;AAC1C,OAAO,sCAAsC,CAAC;AAE9C,OAAO,oCAAoC,CAAC;AAC5C,OAAO,EAAkB,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAa,UAAU,EAAW,MAAM,KAAK,CAAC;AAarD;;;GAGG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAEpC,MAAM,EAAG,YAAY,CAAC;IAEpB,OAAO,CAAC,aAAa,CAA0B;IAC/C,OAAO,CAAC,UAAU,CAA+B;IACjD,OAAO,CAAC,QAAQ,CAAQ;IACxB,OAAO,CAAC,SAAS,CAAS;IAGnC,OAAO,CAAC,cAAc,CAAoB;IAG1C,OAAO,CAAC,WAAW,CAAC,CAAmB;IAE9B,iBAAiB,SAGzB;YAEa,cAAc;YAYd,MAAM;IAsBpB,UAAmB,MAAM,yCA2CxB;IAED,OAAgB,MAAM,0BAsCpB;CACL;AAED,OAAO,CAAC,MAAM,CAAC,CAAC;IACZ,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,eAAe,CAAC;KACxC;CACJ"}
+{"version":3,"file":"log-level-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/dialogs/settings/log-level-section.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,kCAAkC,CAAC;AAC1C,OAAO,sCAAsC,CAAC;AAE9C,OAAO,oCAAoC,CAAC;AAE5C,OAAO,EAAkB,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAa,UAAU,EAAW,MAAM,KAAK,CAAC;AAcrD;;;GAGG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAEpC,MAAM,CAAC,EAAE,YAAY,CAAC;IAG7B,SAAS,CAAC,KAAK,SAAK;IAEX,OAAO,CAAC,aAAa,CAA0B;IAC/C,OAAO,CAAC,UAAU,CAA+B;IACjD,OAAO,CAAC,QAAQ,CAAQ;IACxB,OAAO,CAAC,SAAS,CAAS;IAGnC,OAAO,CAAC,cAAc,CAAoB;IAG1C,OAAO,CAAC,WAAW,CAAC,CAAmB;IAE9B,iBAAiB,SAGzB;YAEa,cAAc;YAad,MAAM;IAuBpB,UAAmB,MAAM,yCA2CxB;IAED,OAAgB,MAAM,0BAsCpB;CACL;AAED,OAAO,CAAC,MAAM,CAAC,CAAC;IACZ,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,eAAe,CAAC;KACxC;CACJ"}