@matter-server/dashboard 1.2.2 → 1.2.3

package/dist/web/js/{matter-dashboard-app-DiMb3vGL.js → matter-dashboard-app-B3BC4HU2.js}

@@ -4557,7 +4557,7 @@ MdListItem = __decorate([t$1('md-list-item')], MdListItem);
  * SPDX-License-Identifier: Apache-2.0
  */
 const showSettingsDialog = async section => {
-  await import('./settings-dialog-nBQaH_2q.js');
+  await import('./settings-dialog-CmgvIfKt.js');
   const dialog = document.createElement("settings-dialog");
   if (section) dialog.scrollToSection = section;
   document.querySelector("matter-dashboard-app")?.renderRoot.appendChild(dialog);
@@ -22772,7 +22772,7 @@ const clusters = {
  * SPDX-License-Identifier: Apache-2.0
  */
 const showDialogBox = async (type, dialogParams) => {
-  await import('./dialog-box-CcKXxq-S.js');
+  await import('./dialog-box-V0om09Bd.js');
   return new Promise(resolve => {
     const dialog = document.createElement("dialog-box");
     dialog.params = dialogParams;
@@ -22790,7 +22790,7 @@ const showPromptDialog = dialogParams => showDialogBox("prompt", dialogParams);
  * SPDX-License-Identifier: Apache-2.0
  */
 const showAttributeWriteDialog = async options => {
-  await import('./attribute-write-dialog-CCOGtCsc.js');
+  await import('./attribute-write-dialog-GOHez9ID.js');
   const dialog = document.createElement("attribute-write-dialog");
   dialog.client = options.client;
   dialog.nodeId = options.nodeId;
@@ -22808,7 +22808,7 @@ const showAttributeWriteDialog = async options => {
  * SPDX-License-Identifier: Apache-2.0
  */
 const showCommandInvokeDialog = async options => {
-  await import('./command-invoke-dialog-DineKhxs.js');
+  await import('./command-invoke-dialog-cN8yz0uL.js');
   const dialog = document.createElement("command-invoke-dialog");
   dialog.client = options.client;
   dialog.nodeId = options.nodeId;
@@ -22980,7 +22980,7 @@ MdTextButton = __decorate([t$1('md-text-button')], MdTextButton);
  * SPDX-License-Identifier: Apache-2.0
  */
 const showNodeLabelDialog = async (client, node) => {
-  await import('./node-label-dialog-hLkCmvNT.js');
+  await import('./node-label-dialog-BElnoFMC.js');
   const dialog = document.createElement("node-label-dialog");
   dialog.client = client;
   dialog.node = node;
@@ -27325,6 +27325,42 @@ function pickString(obj, key) {
   return typeof v === "string" ? v : null;
 }
 
+/**
+ * @license
+ * Copyright 2025-2026 Open Home Foundation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const VIDEO_MAX_FRAME_RATE = 60;
+const VIDEO_MIN_FRAME_RATE = 30;
+function pixelRate(res, frameRate) {
+  return res.width * res.height * frameRate;
+}
+function planVideoMaxFrameRate(plan) {
+  const {
+    maxEncodedPixelRate: budget,
+    videoResolution,
+    snapshotReservation
+  } = plan;
+  const videoPixels = videoResolution.width * videoResolution.height;
+  if (!budget || budget <= 0 || videoPixels <= 0) return VIDEO_MAX_FRAME_RATE;
+  const withSnapshot = Math.floor((budget - snapshotReservation) / videoPixels);
+  if (withSnapshot >= VIDEO_MIN_FRAME_RATE) {
+    return Math.min(withSnapshot, VIDEO_MAX_FRAME_RATE);
+  }
+  const videoOnly = Math.floor(budget / videoPixels);
+  return Math.min(Math.max(videoOnly, 1), VIDEO_MAX_FRAME_RATE);
+}
+function videoStreamFitsSnapshotBudget(args) {
+  const {
+    maxEncodedPixelRate: budget,
+    candidateResolution,
+    candidateFrameRate,
+    snapshotReservation
+  } = args;
+  if (!budget || budget <= 0 || snapshotReservation <= 0) return true;
+  return pixelRate(candidateResolution, candidateFrameRate) + snapshotReservation <= budget;
+}
+
 var __defProp$n = Object.defineProperty;
 var __getOwnPropDesc$o = Object.getOwnPropertyDescriptor;
 var __decorateClass$q = (decorators, target, key, kind) => {
@@ -27337,9 +27373,11 @@ const STREAM_USAGE_LIVE_VIEW = 3;
 const END_REASON_USER_HANGUP = 2;
 const CAMERA_AV_STREAM_MANAGEMENT_CLUSTER_ID = 1361;
 const WEBRTC_TRANSPORT_PROVIDER_CLUSTER_ID = 1363;
+const AVSM_FEAT_SNP = 1 << 2;
 const AVSM_FEAT_WMARK = 1 << 6;
 const AVSM_FEAT_OSD = 1 << 7;
 const AVSM_FEATURE_MAP_ATTR_ID = 65532;
+const AVSM_MAX_ENCODED_PIXEL_RATE_ATTR_ID = 1;
 const DEFAULT_MAX_RESOLUTION = {
   width: 1920,
   height: 1080
@@ -27364,10 +27402,17 @@ const SNAPSHOT_DEFAULTS = {
     height: 1080
   },
   maxFrameRate: 30,
-  imageCodec: 0
+  imageCodec: 0,
+  requiresEncodedPixels: true
 };
-function parseSnapshotCapabilitiesFromList(list) {
-  const candidates = list.map(asObject).filter(c => c !== void 0);
+function clampToCapability(requested, cap) {
+  return {
+    width: Math.min(requested.width, cap.width),
+    height: Math.min(requested.height, cap.height)
+  };
+}
+function parseSnapshotCapabilitiesFromList(list, preferEncoderFree) {
+  const candidates = list.map(asObject).filter(c => c !== null);
   if (candidates.length === 0) return SNAPSHOT_DEFAULTS;
   const parsed = candidates.map(cap => {
     const res = asObject(cap["resolution"] ?? cap["0"]);
@@ -27375,16 +27420,20 @@ function parseSnapshotCapabilitiesFromList(list) {
     const height = res ? pickNumber(res, "height", "1") : null;
     const maxFrameRate = pickNumber(cap, "maxFrameRate", "1");
     const imageCodec = pickNumber(cap, "imageCodec", "2");
+    const requiresEncodedPixels = cap["requiresEncodedPixels"] ?? cap["3"];
     return {
       resolution: {
         width: width ?? SNAPSHOT_DEFAULTS.resolution.width,
         height: height ?? SNAPSHOT_DEFAULTS.resolution.height
       },
       maxFrameRate: maxFrameRate ?? SNAPSHOT_DEFAULTS.maxFrameRate,
-      imageCodec: imageCodec ?? SNAPSHOT_DEFAULTS.imageCodec
+      imageCodec: imageCodec ?? SNAPSHOT_DEFAULTS.imageCodec,
+      requiresEncodedPixels: requiresEncodedPixels !== false
     };
   });
-  return parsed.reduce((best, cur) => cur.resolution.width * cur.resolution.height > best.resolution.width * best.resolution.height ? cur : best);
+  const encoderFree = parsed.filter(cap => !cap.requiresEncodedPixels);
+  const pool = preferEncoderFree && encoderFree.length > 0 ? encoderFree : parsed;
+  return pool.reduce((best, cur) => cur.resolution.width * cur.resolution.height > best.resolution.width * best.resolution.height ? cur : best);
 }
 function bytesToBase64(bytes) {
   const CHUNK = 8192;
@@ -27564,11 +27613,18 @@ let WebRtcStreamView = class extends i$4 {
       const minResolution = this.resolution ?? DEFAULT_MIN_RESOLUTION;
       const maxResolution = this.resolution ?? DEFAULT_MAX_RESOLUTION;
       const avsmFeatures = this._readAvsmFeatures();
+      const maxEncodedPixelRate = this._readMaxEncodedPixelRate();
+      const snapshotReservation = this._snapshotBudgetReservation();
+      const videoMaxFrameRate = planVideoMaxFrameRate({
+        maxEncodedPixelRate,
+        videoResolution: maxResolution,
+        snapshotReservation
+      });
       const videoAllocPayload = {
         streamUsage: STREAM_USAGE_LIVE_VIEW,
         videoCodec: 0,
-        minFrameRate: 30,
-        maxFrameRate: 120,
+        minFrameRate: Math.min(VIDEO_MIN_FRAME_RATE, videoMaxFrameRate),
+        maxFrameRate: videoMaxFrameRate,
         minResolution,
         maxResolution,
         minBitRate: 1e4,
@@ -27577,15 +27633,21 @@ let WebRtcStreamView = class extends i$4 {
       };
       if (avsmFeatures.wmark) videoAllocPayload.watermarkEnabled = this.watermarkEnabled;
       if (avsmFeatures.osd) videoAllocPayload.osdEnabled = this.osdEnabled;
-      const reusedVideoId = this._findMatchingVideoStream({
+      const videoWant = {
         streamUsage: STREAM_USAGE_LIVE_VIEW,
         videoCodec: 0,
         minRes: minResolution,
         maxRes: maxResolution,
         watermarkEnabled: avsmFeatures.wmark ? this.watermarkEnabled : void 0,
-        osdEnabled: avsmFeatures.osd ? this.osdEnabled : void 0
-      });
+        osdEnabled: avsmFeatures.osd ? this.osdEnabled : void 0,
+        budget: {
+          maxEncodedPixelRate,
+          snapshotReservation
+        }
+      };
+      const reusedVideoId = this._findMatchingVideoStream(videoWant);
       let videoAlloc = null;
+      let usedFallbackReuse = false;
       if (reusedVideoId !== null) {
         console.info("[webrtc-stream-view] reusing existing video stream", reusedVideoId);
         this._videoStreamId = reusedVideoId;
@@ -27596,17 +27658,31 @@ let WebRtcStreamView = class extends i$4 {
         } catch (err) {
           const message = err instanceof Error ? err.message : String(err);
           const isResourceExhausted = message.includes("Resource exhausted") || message.includes("(code 137)");
-          if (!isResourceExhausted || this._snapshotStreamId === null) throw err;
-          console.info("[webrtc-stream-view] VideoStreamAllocate ResourceExhausted; freeing snapshot stream and retrying");
-          await this.deallocateSnapshot();
-          videoAlloc = await this.client.deviceCommand(this.nodeId, this.endpointId, CAMERA_AV_STREAM_MANAGEMENT_CLUSTER_ID, "VideoStreamAllocate", videoAllocPayload);
+          if (!isResourceExhausted) throw err;
+          if (this._snapshotStreamId !== null) {
+            console.info("[webrtc-stream-view] VideoStreamAllocate ResourceExhausted; freeing snapshot stream and retrying");
+            await this.deallocateSnapshot();
+            videoAlloc = await this.client.deviceCommand(this.nodeId, this.endpointId, CAMERA_AV_STREAM_MANAGEMENT_CLUSTER_ID, "VideoStreamAllocate", videoAllocPayload);
+          } else {
+            const fallbackId = this._findMatchingVideoStream({
+              ...videoWant,
+              budget: void 0
+            });
+            if (fallbackId === null) throw err;
+            console.warn("[webrtc-stream-view] VideoStreamAllocate ResourceExhausted; reusing over-budget stream", fallbackId, "(concurrent snapshot may be unavailable)");
+            this._videoStreamId = fallbackId;
+            this._videoStreamOwned = false;
+            usedFallbackReuse = true;
+          }
         }
-        const videoStreamId = parseStreamAllocate(videoAlloc, "videoStreamId");
-        if (videoStreamId === null) {
-          throw new Error("VideoStreamAllocate did not return a videoStreamId");
+        if (!usedFallbackReuse) {
+          const videoStreamId = parseStreamAllocate(videoAlloc, "videoStreamId");
+          if (videoStreamId === null) {
+            throw new Error("VideoStreamAllocate did not return a videoStreamId");
+          }
+          this._videoStreamId = videoStreamId;
+          this._videoStreamOwned = true;
         }
-        this._videoStreamId = videoStreamId;
-        this._videoStreamOwned = true;
       }
       const audioWant = {
         streamUsage: STREAM_USAGE_LIVE_VIEW,
@@ -27757,10 +27833,30 @@ let WebRtcStreamView = class extends i$4 {
     const raw = node?.attributes[`${this.endpointId}/${CAMERA_AV_STREAM_MANAGEMENT_CLUSTER_ID}/${AVSM_FEATURE_MAP_ATTR_ID}`];
     const bits = typeof raw === "number" ? raw : 0;
     return {
+      snp: (bits & AVSM_FEAT_SNP) !== 0,
       wmark: (bits & AVSM_FEAT_WMARK) !== 0,
       osd: (bits & AVSM_FEAT_OSD) !== 0
     };
   }
+  _readMaxEncodedPixelRate() {
+    const node = this.client?.nodes[String(this.nodeId)];
+    const raw = node?.attributes[`${this.endpointId}/${CAMERA_AV_STREAM_MANAGEMENT_CLUSTER_ID}/${AVSM_MAX_ENCODED_PIXEL_RATE_ATTR_ID}`];
+    return typeof raw === "number" && raw > 0 ? raw : null;
+  }
+  /**
+   * px/s a concurrent snapshot stream would reserve from MaxEncodedPixelRate, so the
+   * video stream can be sized to leave room. Zero when the camera has no snapshot feature
+   * or the chosen capability does not draw from the encoder budget.
+   */
+  _snapshotBudgetReservation() {
+    if (!this._readAvsmFeatures().snp) return 0;
+    const node = this.client?.nodes[String(this.nodeId)];
+    const capsRaw = node?.attributes[`${this.endpointId}/${CAMERA_AV_STREAM_MANAGEMENT_CLUSTER_ID}/10`];
+    const cap = Array.isArray(capsRaw) && capsRaw.length > 0 ? parseSnapshotCapabilitiesFromList(capsRaw, true) : SNAPSHOT_DEFAULTS;
+    if (!cap.requiresEncodedPixels) return 0;
+    const resolution = clampToCapability(this.snapshotResolution ?? cap.resolution, cap.resolution);
+    return pixelRate(resolution, cap.maxFrameRate);
+  }
   async deallocateSnapshot() {
     if (this._snapshotStreamId === null) return;
     const id = this._snapshotStreamId;
@@ -27802,6 +27898,19 @@ let WebRtcStreamView = class extends i$4 {
       const eMaxH = pickNumber(maxRes, "height", "1") ?? 0;
       if (eMinW > want.minRes.width || eMaxW < want.maxRes.width) continue;
       if (eMinH > want.minRes.height || eMaxH < want.maxRes.height) continue;
+      if (want.budget) {
+        const eMaxFrameRate = pickNumber(obj, "maxFrameRate", "4") ?? Number.POSITIVE_INFINITY;
+        const fits = videoStreamFitsSnapshotBudget({
+          maxEncodedPixelRate: want.budget.maxEncodedPixelRate,
+          candidateResolution: {
+            width: eMaxW,
+            height: eMaxH
+          },
+          candidateFrameRate: eMaxFrameRate,
+          snapshotReservation: want.budget.snapshotReservation
+        });
+        if (!fits) continue;
+      }
       if (want.watermarkEnabled !== void 0) {
         const v = obj["watermarkEnabled"] ?? obj["10"];
         if (v !== want.watermarkEnabled) continue;
@@ -27874,9 +27983,10 @@ let WebRtcStreamView = class extends i$4 {
     if (this._snapshotStreamId !== null) return this._snapshotStreamId;
     if (!this.client) throw new Error("Matter client not available");
     const node = this.client.nodes[String(this.nodeId)];
+    const encoderBusy = this._videoStreamId !== null;
     const capsRaw = node?.attributes[`${this.endpointId}/${CAMERA_AV_STREAM_MANAGEMENT_CLUSTER_ID}/10`];
-    const cap = Array.isArray(capsRaw) && capsRaw.length > 0 ? parseSnapshotCapabilitiesFromList(capsRaw) : SNAPSHOT_DEFAULTS;
-    const targetResolution = this.snapshotResolution ?? cap.resolution;
+    const cap = Array.isArray(capsRaw) && capsRaw.length > 0 ? parseSnapshotCapabilitiesFromList(capsRaw, encoderBusy) : SNAPSHOT_DEFAULTS;
+    const targetResolution = clampToCapability(this.snapshotResolution ?? cap.resolution, cap.resolution);
     const avsmFeatures = this._readAvsmFeatures();
     const reused = this._findMatchingSnapshotStream({
       imageCodec: cap.imageCodec,
@@ -29951,7 +30061,6 @@ let NodeDetails = class extends i$4 {
         title: "Reinterview node",
         text: "Success!"
       });
-      location.hash = "#";
     } catch (err) {
       showAlertDialog({
         title: "Failed to reinterview node",
@@ -30401,7 +30510,7 @@ async function downgradeToOperate(client, nodeId, keys) {
  * SPDX-License-Identifier: Apache-2.0
  */
 const showNodeAclAddDialog = async node => {
-  await import('./node-acl-add-dialog-SMiX8hhL.js');
+  await import('./node-acl-add-dialog-DHEm34fQ.js');
   const dialog = document.createElement("node-acl-add-dialog");
   dialog.node = node;
   document.querySelector("matter-dashboard-app")?.renderRoot.appendChild(dialog);
@@ -32695,7 +32804,7 @@ async function deleteBindingAtIndex(client, sourceNode, sourceEndpoint, index) {
  * SPDX-License-Identifier: Apache-2.0
  */
 const showNodeBindingDialog = async (node, endpoint) => {
-  await import('./node-binding-dialog-XRgshO0p.js');
+  await import('./node-binding-dialog-NdTWDtWj.js');
   const dialog = document.createElement("node-binding-dialog");
   dialog.node = node;
   dialog.endpoint = endpoint;
@@ -48992,7 +49101,7 @@ MatterNodeView = __decorateClass$3([t$1("matter-node-view")], MatterNodeView);
  * SPDX-License-Identifier: Apache-2.0
  */
 const showCommissionNodeDialog = async () => {
-  await import('./commission-node-dialog-BbyLvbCF.js');
+  await import('./commission-node-dialog-DlTbsP25.js');
   const dialog = document.createElement("commission-node-dialog");
   document.querySelector("matter-dashboard-app")?.renderRoot.appendChild(dialog);
 };
@@ -49003,7 +49112,7 @@ const showCommissionNodeDialog = async () => {
  * SPDX-License-Identifier: Apache-2.0
  */
 const showFabricLabelDialog = async (client, currentLabel, onSaved) => {
-  await import('./fabric-label-dialog-3xl50UuY.js');
+  await import('./fabric-label-dialog-BKI2qEOw.js');
   const dialog = document.createElement("fabric-label-dialog");
   dialog.client = client;
   dialog.currentLabel = currentLabel;

package/dist/web/js/{node-acl-add-dialog-SMiX8hhL.js → node-acl-add-dialog-DHEm34fQ.js}

@@ -1,4 +1,4 @@
-import { i, c, a as clientContext, n, r, b as i$1, P as Privilege, v as nodeIdKey, x as aclCapacity, s as showAlertDialog, y as targetServerClusters, z as clusters, B as AuthMode, C as addAclEntry, E as PRIVILEGE_NAMES, d as b, F as mdiClose, G as getDeviceName, h as handleAsync, g as t } from './matter-dashboard-app-DiMb3vGL.js';
+import { i, c, a as clientContext, n, r, b as i$1, P as Privilege, v as nodeIdKey, x as aclCapacity, s as showAlertDialog, y as targetServerClusters, z as clusters, B as AuthMode, C as addAclEntry, E as PRIVILEGE_NAMES, d as b, F as mdiClose, G as getDeviceName, h as handleAsync, g as t } from './matter-dashboard-app-B3BC4HU2.js';
 import { p as preventDefault } from './prevent_default-D-ohDGsN.js';
 import './main.js';
 

package/dist/web/js/{node-binding-dialog-XRgshO0p.js → node-binding-dialog-NdTWDtWj.js}

@@ -1,4 +1,4 @@
-import { i, c, a as clientContext, n, r, b as i$1, v as nodeIdKey, z as clusters, s as showAlertDialog, H as targetAclCapacityForBinding, I as addBinding, J as bindableClusters, A, d as b, G as getDeviceName, K as getEndpointDeviceTypes, h as handleAsync, g as t } from './matter-dashboard-app-DiMb3vGL.js';
+import { i, c, a as clientContext, n, r, b as i$1, v as nodeIdKey, z as clusters, s as showAlertDialog, H as targetAclCapacityForBinding, I as addBinding, J as bindableClusters, A, d as b, G as getDeviceName, K as getEndpointDeviceTypes, h as handleAsync, g as t } from './matter-dashboard-app-B3BC4HU2.js';
 import { p as preventDefault } from './prevent_default-D-ohDGsN.js';
 import './main.js';
 

package/dist/web/js/{node-label-dialog-hLkCmvNT.js → node-label-dialog-BElnoFMC.js}

@@ -1,4 +1,4 @@
-import { r, n, g as t, b as i, M as MAX_NODE_LABEL_LENGTH, d as b, w as writeNodeLabel, s as showAlertDialog } from './matter-dashboard-app-DiMb3vGL.js';
+import { r, n, g as t, b as i, M as MAX_NODE_LABEL_LENGTH, d as b, w as writeNodeLabel, s as showAlertDialog } from './matter-dashboard-app-B3BC4HU2.js';
 import { p as preventDefault } from './prevent_default-D-ohDGsN.js';
 import './main.js';
 

package/dist/web/js/{settings-dialog-nBQaH_2q.js → settings-dialog-CmgvIfKt.js}

@@ -1,4 +1,4 @@
-import { i, c, a as clientContext, t as tickContext, r, e, b as i$1, f as fireAndForget, s as showAlertDialog, d as b, A, h as handleAsync, g as t, n, D as DevModeService, m as mdiWifi, j as mdiPlus, k as mdiPencil, l as mdiDelete, o as mdiEyeOff, p as mdiEye, q as mdiAccessPoint } from './matter-dashboard-app-DiMb3vGL.js';
+import { i, c, a as clientContext, t as tickContext, r, e, b as i$1, f as fireAndForget, s as showAlertDialog, d as b, A, h as handleAsync, g as t, n, D as DevModeService, m as mdiWifi, j as mdiPlus, k as mdiPencil, l as mdiDelete, o as mdiEyeOff, p as mdiEye, q as mdiAccessPoint } from './matter-dashboard-app-B3BC4HU2.js';
 import { p as preventDefault } from './prevent_default-D-ohDGsN.js';
 import './main.js';
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@matter-server/dashboard",
-    "version": "1.2.2",
+    "version": "1.2.3",
     "description": "Dashboard for OHF Matter Server",
     "homepage": "https://github.com/matter-js/matterjs-server",
     "bugs": {
@@ -33,8 +33,8 @@
     "dependencies": {
         "@lit/context": "^1.1.6",
         "@material/web": "^2.4.1",
-        "@matter-server/custom-clusters": "1.2.2",
-        "@matter-server/ws-client": "1.2.2",
+        "@matter-server/custom-clusters": "1.2.3",
+        "@matter-server/ws-client": "1.2.3",
         "@mdi/js": "^7.4.47",
         "lit": "^3.3.3",
         "tslib": "^2.8.1",