@matter-server/dashboard 1.2.7 → 1.2.8-alpha.0-20260718-c874702

package/dist/web/js/{node-acl-add-dialog-IyD1EoTu.js → node-acl-add-dialog-BA3u0qYj.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-DLe-yfrV.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-Ditf9BYC.js';
 import { p as preventDefault } from './prevent_default-D-ohDGsN.js';
 import './main.js';
 

package/dist/web/js/{node-binding-dialog-CahBxL34.js → node-binding-dialog-BV_fMc0a.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-DLe-yfrV.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-Ditf9BYC.js';
 import { p as preventDefault } from './prevent_default-D-ohDGsN.js';
 import './main.js';
 

package/dist/web/js/{node-label-dialog-Xu8QQuQX.js → node-label-dialog-DG5CqG1e.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-DLe-yfrV.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-Ditf9BYC.js';
 import { p as preventDefault } from './prevent_default-D-ohDGsN.js';
 import './main.js';
 

package/dist/web/js/{settings-dialog-BU2nn7IQ.js → settings-dialog-VafGbl7R.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-DLe-yfrV.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-Ditf9BYC.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.7",
+    "version": "1.2.8-alpha.0-20260718-c874702",
     "description": "Dashboard for OHF Matter Server",
     "homepage": "https://github.com/matter-js/matterjs-server",
     "bugs": {
@@ -34,8 +34,8 @@
     "dependencies": {
         "@lit/context": "^1.1.6",
         "@material/web": "^2.4.1",
-        "@matter-server/custom-clusters": "1.2.7",
-        "@matter-server/ws-client": "1.2.7",
+        "@matter-server/custom-clusters": "1.2.8-alpha.0-20260718-c874702",
+        "@matter-server/ws-client": "1.2.8-alpha.0-20260718-c874702",
         "@mdi/js": "^7.4.47",
         "lit": "^3.3.3",
         "qrcode-generator": "^2.0.4",

package/src/components/webrtc-stream-view.ts

@@ -188,6 +188,7 @@ export class WebRtcStreamView extends LitElement {
 
     @property({ attribute: false }) nodeId!: number | bigint;
     @property({ type: Number }) endpointId!: number;
+    @property({ type: Boolean }) liveViewSupported = true;
     @property({ type: Object }) resolution: { width: number; height: number } | null = null;
 
     @property({ type: Boolean }) watermarkEnabled = false;
@@ -253,7 +254,11 @@ export class WebRtcStreamView extends LitElement {
             ${this._state === "idle"
                 ? html`<div class="placeholder">
                       <ha-svg-icon class="placeholder-icon" .path=${mdiVideoOutline}></ha-svg-icon>
-                      <div class="placeholder-text">Click <b>Start</b> to begin streaming</div>
+                      <div class="placeholder-text">
+                          ${this.liveViewSupported
+                              ? html`Click <b>Start</b> to begin streaming`
+                              : "Live view not supported — use Snapshot"}
+                      </div>
                   </div>`
                 : null}
             ${this._state === "connecting"
@@ -272,6 +277,10 @@ export class WebRtcStreamView extends LitElement {
     }
 
     async start(): Promise<void> {
+        if (!this.liveViewSupported) {
+            this._fireStateChange("error", "Live view is not supported on this device");
+            return;
+        }
         if (!this.client) throw new Error("Matter client not available");
         if (this._state === "connecting" || this._state === "streaming") return;
 

package/src/pages/camera-overlay.ts

@@ -28,6 +28,8 @@ import "../components/webrtc-stream-view.js";
 import type { WebRtcStreamView } from "../components/webrtc-stream-view.js";
 import { asObject, pickNumber } from "../util/attribute-shapes.js";
 import { hasAvsumOnEndpoint } from "../util/avsum.js";
+import { LIVE_VIEW_DEVICE_TYPE_IDS } from "../util/device-icons.js";
+import { getEndpointDeviceTypes } from "../util/endpoints.js";
 
 type StreamState = "idle" | "connecting" | "streaming" | "error";
 
@@ -73,6 +75,13 @@ export class CameraOverlay extends LitElement {
     @state() private _snapshotResolutions: Resolution[] = [];
     @state() private _selectedSnapshotResolution: Resolution | null = null;
 
+    private get _liveViewSupported(): boolean {
+        const node = this.client?.nodes[String(this.nodeId)];
+        if (!node) return false;
+        const deviceTypeIds = getEndpointDeviceTypes(node, this.endpointId).map(d => d.id);
+        return LIVE_VIEW_DEVICE_TYPE_IDS.some(id => deviceTypeIds.includes(id));
+    }
+
     private get _snapshotSupported(): boolean {
         const node = this.client?.nodes[String(this.nodeId)];
         // CaptureSnapshot (cmd 12) must appear in AcceptedCommandList (attr 0xfff9 = 65529).
@@ -276,7 +285,9 @@ export class CameraOverlay extends LitElement {
     }
 
     override render() {
-        const canStart = this._state === "idle" || this._state === "error";
+        const liveViewSupported = this._liveViewSupported;
+        const idleOrError = this._state === "idle" || this._state === "error";
+        const canStart = liveViewSupported && idleOrError;
 
         return html`
             <div class="backdrop" @click=${this._closing ? undefined : this._close}></div>
@@ -301,6 +312,7 @@ export class CameraOverlay extends LitElement {
                               ${ref(this._streamViewRef)}
                               .nodeId=${this.nodeId}
                               .endpointId=${this.endpointId}
+                              .liveViewSupported=${liveViewSupported}
                               .resolution=${this._selectedResolution}
                               .watermarkEnabled=${this._watermarkEnabled}
                               .osdEnabled=${this._osdEnabled}
@@ -359,7 +371,7 @@ export class CameraOverlay extends LitElement {
                               </md-outlined-select>
                           `
                         : nothing}
-                    ${canStart && this._snapshotSupported && this._snapshotResolutions.length > 0
+                    ${idleOrError && this._snapshotSupported && this._snapshotResolutions.length > 0
                         ? html`
                               <md-outlined-select
                                   label="Snapshot"

package/src/pages/components/node-details.ts

@@ -13,7 +13,7 @@ import "@material/web/list/list";
 import "@material/web/list/list-item";
 import { consume } from "@lit/context";
 import { MatterClient, MatterNode, UpdateSource } from "@matter-server/ws-client";
-import { mdiChatProcessing, mdiPencil, mdiShareVariant, mdiTrashCan, mdiUpdate, mdiVideo } from "@mdi/js";
+import { mdiCamera, mdiChatProcessing, mdiPencil, mdiShareVariant, mdiTrashCan, mdiUpdate, mdiVideo } from "@mdi/js";
 import { LitElement, css, html, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { clientContext, tickContext } from "../../client/client-context.js";
@@ -23,18 +23,13 @@ import { showNodeLabelDialog } from "../../components/dialogs/node-label-dialog/
 import { handleAsync } from "../../util/async-handler.js";
 import "../../components/ha-svg-icon";
 import "../camera-overlay.js";
-import { DeviceTypes, getDeviceIcon } from "../../util/device-icons.js";
+import { DeviceTypes, LIVE_VIEW_DEVICE_TYPE_IDS, getDeviceIcon } from "../../util/device-icons.js";
 import { getEndpointDeviceTypes } from "../../util/endpoints.js";
 import { ICD_CLUSTER_ID, icdBadge } from "../../util/icd.js";
 import { formatManualPairingCode, renderPairingQrCodeDataUri } from "../../util/pairing-code.js";
 import { bindingContext } from "./context.js";
 
-const CAMERA_DEVICE_TYPE_IDS: number[] = [
-    DeviceTypes.CAMERA,
-    DeviceTypes.VIDEO_DOORBELL,
-    DeviceTypes.FLOODLIGHT_CAMERA,
-    DeviceTypes.SNAPSHOT_CAMERA,
-];
+const CAMERA_DEVICE_TYPE_IDS: number[] = [...LIVE_VIEW_DEVICE_TYPE_IDS, DeviceTypes.SNAPSHOT_CAMERA];
 
 /** Map updateState values to user-friendly labels */
 const UPDATE_STATE_LABELS: Record<number, string> = {
@@ -89,6 +84,7 @@ export class NodeDetails extends LitElement {
 
         const deviceTypeIds = getEndpointDeviceTypes(this.node, this.endpoint).map(d => d.id);
         const isCamera = CAMERA_DEVICE_TYPE_IDS.some(id => deviceTypeIds.includes(id));
+        const isLiveViewCamera = LIVE_VIEW_DEVICE_TYPE_IDS.some(id => deviceTypeIds.includes(id));
         const badge = icdBadge(this.node.attributes, this.node.available);
 
         return html`
@@ -170,8 +166,11 @@ export class NodeDetails extends LitElement {
                                       @click=${() => this._openCameraOverlay()}
                                       ?disabled=${!this.node.available}
                                   >
-                                      Live View
-                                      <ha-svg-icon slot="icon" .path=${mdiVideo}></ha-svg-icon>
+                                      ${isLiveViewCamera ? "Live View" : "Snapshot"}
+                                      <ha-svg-icon
+                                          slot="icon"
+                                          .path=${isLiveViewCamera ? mdiVideo : mdiCamera}
+                                      ></ha-svg-icon>
                                   </md-outlined-button>
                               `
                             : nothing}

package/src/pages/network/update-connections-dialog.ts

@@ -146,11 +146,12 @@ export class UpdateConnectionsDialog extends LitElement {
                 const paths = this._getAttributePathsForNode(nodeIdStr);
                 if (paths.length === 0) return;
 
-                // Use the actual node_id from the node object (number | bigint)
-                await this.client.readAttribute(node.node_id, paths);
+                // fabric_filtered must match the node subscription's filter (true), else matter.js
+                // discards the read and no attribute_updated fires, leaving the store stale.
+                await this.client.readAttribute(node.node_id, paths, undefined, true);
             });
 
-            // Wait for all to complete (results come via events, we just need completion)
+            // Return values are discarded; refreshed data arrives via attribute_updated events.
             await Promise.all(updatePromises);
 
             // Close dialog on success

package/src/util/device-icons.ts

@@ -189,6 +189,13 @@ export const DeviceTypes = {
     INTERCOM: 0x0140,
 };
 
+/** Device types whose mandatory clusters include WebRTCTransportProvider (0x553), i.e. support live streaming. */
+export const LIVE_VIEW_DEVICE_TYPE_IDS: readonly number[] = Object.freeze([
+    DeviceTypes.CAMERA,
+    DeviceTypes.VIDEO_DOORBELL,
+    DeviceTypes.FLOODLIGHT_CAMERA,
+]);
+
 /**
  * Maps device type IDs to MDI icon paths.
  */