@camstack/addon-pipeline 1.1.41 → 1.1.42

package/dist/session-decode/decode-worker-child.mjs

@@ -23,6 +23,19 @@ var FrameSlot = class {
 	*/
 	reserved = null;
 	pendingPull = false;
+	/** Frames dropped by the `minIntervalMs` throttle (never entered the slot). */
+	throttledCount = 0;
+	/** Frames dropped by latest-wins (an unpulled slot frame superseded before delivery). */
+	supersededCount = 0;
+	/**
+	* Total frames this slot has DROPPED before delivery — the sum of the
+	* `minIntervalMs` throttle drops and the latest-wins (drop-older)
+	* supersessions. Read by the decode-worker child for its `framesSkipped`
+	* metric; purely additive, never affects slot behaviour.
+	*/
+	get droppedCount() {
+		return this.throttledCount + this.supersededCount;
+	}
 	/**
 	* Publish a newly decoded frame into the latest-wins slot, freeing
 	* whatever the slot held before (the drop-older half of "latest-wins").
@@ -32,6 +45,7 @@ var FrameSlot = class {
 	*/
 	publish(frame, timestamp, minIntervalMs) {
 		if (minIntervalMs > 0 && this.slot && timestamp - this.slot.timestamp < minIntervalMs) {
+			this.throttledCount++;
 			frame.free();
 			return null;
 		}
@@ -44,6 +58,7 @@ var FrameSlot = class {
 			width: frame.width,
 			height: frame.height
 		};
+		if (previous) this.supersededCount++;
 		previous?.frame.free();
 		if (this.pendingPull) {
 			this.pendingPull = false;
@@ -90,6 +105,27 @@ var FrameSlot = class {
 //#region src/session-decode/decode-worker-child.ts
 /** Re-dial backoff on a transient dial error/EOF (mirrors the decoder's PULL_REDIAL_MS). */
 var REDIAL_MS = 3e3;
+/** How often the worker emits its `framesDecoded/framesSkipped/deliveredFps` line. */
+var METRICS_INTERVAL_MS = 1e4;
+/**
+* The libav GPU scale filter for a hwaccel backend, or `null` when none is
+* known here — those backends fall back to the software crop+scale path.
+* Mirrors `addon-decoder-ffmpeg/src/ffmpeg-args.ts` `gpuScaleFilterForBackend`.
+*/
+function gpuScaleFilterForBackend(backend) {
+	switch (backend) {
+		case "vaapi": return "scale_vaapi";
+		case "qsv": return "scale_qsv";
+		case "cuda":
+		case "nvdec": return "scale_cuda";
+		case "videotoolbox": return "scale_vt";
+		default: return null;
+	}
+}
+/** libav `format` filter target name for the requested detection pixel format. */
+function pixelFilterName(format) {
+	return format === "gray" ? "gray" : "rgb24";
+}
 var _nav = null;
 var _consts = null;
 async function getNodeAv() {
@@ -182,6 +218,45 @@ function resolveResizeTarget(cropWidth, cropHeight, resize) {
 		height: Math.max(1, Math.round(resize.height))
 	};
 }
+/** Whether `region` covers the entire `srcW x srcH` frame (i.e. no real crop). */
+function isFullFrameRegion(region, srcW, srcH) {
+	return region.left === 0 && region.top === 0 && region.width === srcW && region.height === srcH;
+}
+/**
+* Build the libav filtergraph description for the GPU crop+scale path.
+*
+* Full-frame — the ONLY shape the session-decode pump ever asks for (it passes
+* `resize`+`format`, never `crop`, see `session-decode-pump.ts`): scale on the
+* GPU, then `hwdownload` pulls only the small detection-sized surface into
+* system memory + a cheap pixel-convert. This is byte-for-byte the chain the
+* ffmpeg decoder already ships (`addon-decoder-ffmpeg/src/ffmpeg-args.ts`
+* `buildVideoFilter`): `scale_<be>=w=W:h=H,hwdownload,format=nv12,format=<pixel>`.
+*
+* Sub-region crop — contract-supported but unused on the hot path: the generic
+* `crop` filter offsets plane POINTERS, which corrupts opaque VAAPI/QSV
+* surfaces, so there is no safe GPU crop for those. A real crop is therefore
+* done on the CPU AFTER `hwdownload` (`hwdownload,format=nv12,crop=…,scale=…`).
+* It is correct and never crashes; it just forgoes the GPU win for that rare
+* call — exactly the safety/behaviour trade-off the task calls for.
+*/
+function buildGpuFilterDescription(scaleFilter, region, target, fullFrame, pixel) {
+	if (fullFrame) return `${scaleFilter}=w=${target.width}:h=${target.height},hwdownload,format=nv12,format=${pixel}`;
+	return `hwdownload,format=nv12,crop=${region.width}:${region.height}:${region.left}:${region.top},scale=${target.width}:${target.height},format=${pixel}`;
+}
+/**
+* Copy a single-plane packed frame (rgb24 / gray8 out of the filtergraph) into
+* a tightly-packed `Uint8Array` of `width*channels*height`, stripping libav's
+* row padding (`linesize` ≥ `width*channels`). Keeps the `toBuffer` output
+* contract byte-identical to the software `scaleRoiToBuffer`.
+*/
+function packSinglePlane(plane, linesize, width, height, channels) {
+	const rowBytes = width * channels;
+	const stride = linesize > 0 ? linesize : rowBytes;
+	const out = Buffer.allocUnsafe(rowBytes * height);
+	if (stride === rowBytes) plane.copy(out, 0, 0, rowBytes * height);
+	else for (let row = 0; row < height; row++) plane.copy(out, row * rowBytes, row * stride, row * stride + rowBytes);
+	return out;
+}
 /**
 * The forked child's whole runtime: decode-loop lifecycle, the latest-wins
 * frame slot, and the ROI scaler for `toBuffer`. One instance per process.
@@ -201,6 +276,42 @@ var DecodeWorkerChild = class {
 	*/
 	scaler = null;
 	scalerKey = "";
+	/** libav GPU scale filter for the resolved hwaccel backend, or null when GPU filtering isn't available. */
+	gpuScaleFilter = null;
+	/**
+	* GPU crop+scale path decision — picked ONCE per session.
+	* - `software`: the decoder downloads every frame to YUV420P system memory and
+	*   `toBuffer` uses the CPU {@link scaler}. This is the original, leak-safe
+	*   behaviour; the default until a HW device + `scale_<be>` filter is found.
+	* - `undecided`: a HW device + GPU scale filter are available; the decoder
+	*   emits GPU surfaces and the FIRST HW frame is probed through the GPU
+	*   filtergraph — success ⇒ `hardware`, any failure ⇒ `software` (re-dial).
+	* - `hardware`: the decoder emits GPU surfaces and `toBuffer` runs the GPU
+	*   crop+scale, downloading only the tiny detection-sized result.
+	*/
+	hwFilterDecision = "software";
+	/** Skip the re-dial backoff when the re-dial is specifically to switch to software. */
+	redialAsSoftware = false;
+	/**
+	* Cached GPU crop+scale filtergraph + the geometry/format key it was built
+	* for — the HW analogue of {@link scaler}/{@link scalerKey}. Rebuilt (old
+	* CLOSED) only when the key changes. Its internal `scale_<be>` OUTPUT hw
+	* frames pool is the leak-prone VAAPI surface pool, so it is closed on EVERY
+	* re-dial ({@link closeInput}) and on teardown — this discipline is what stops
+	* the prior "keeping decoded frames on the GPU leaked the VAAPI surface pool
+	* on every re-dial" incident from recurring.
+	*/
+	hwFilter = null;
+	hwFilterKey = "";
+	/** Scrypted-style throughput counters (plain integers, no per-frame allocation). */
+	framesDecoded = 0;
+	/** Child-side skips only (HW-guard drops + probe/degrade frees); slot drops add {@link FrameSlot.droppedCount}. */
+	framesSkipped = 0;
+	/** Frames actually handed to the parent as a `frame` reply. */
+	framesDelivered = 0;
+	lastMetricsAt = 0;
+	lastDeliveredSnapshot = 0;
+	metricsTimer = null;
 	demuxer = null;
 	decoder = null;
 	abortController = null;
@@ -253,9 +364,14 @@ var DecodeWorkerChild = class {
 			clearTimeout(this.redialTimer);
 			this.redialTimer = null;
 		}
+		if (this.metricsTimer) {
+			clearInterval(this.metricsTimer);
+			this.metricsTimer = null;
+		}
+		if (this.started) this.logMetrics(true);
 		this.abortController?.abort();
-		this.closeInput();
 		this.frames.free();
+		this.closeInput();
 		this.scaler?.[Symbol.dispose]?.();
 		this.scaler = null;
 		this.scalerKey = "";
@@ -266,6 +382,17 @@ var DecodeWorkerChild = class {
 			this.send({ kind: "ended" });
 		}
 	}
+	/** Emit the compact throughput line (window `deliveredFps`); cheap, integer-only. */
+	logMetrics(final) {
+		const now = Date.now();
+		const windowMs = Math.max(1, now - this.lastMetricsAt);
+		const deliveredDelta = this.framesDelivered - this.lastDeliveredSnapshot;
+		const deliveredFps = Math.round(deliveredDelta / windowMs * 1e3 * 10) / 10;
+		const skipped = this.framesSkipped + this.frames.droppedCount;
+		process.stderr.write(`session-decode metrics {framesDecoded:${this.framesDecoded}, framesSkipped:${skipped}, deliveredFps:${deliveredFps}}${final ? " (final)" : ""}\n`);
+		this.lastMetricsAt = now;
+		this.lastDeliveredSnapshot = this.framesDelivered;
+	}
 	handleStart(source, opts) {
 		if (this.started) {
 			process.stderr.write("decode-worker-child: duplicate start ignored\n");
@@ -274,6 +401,9 @@ var DecodeWorkerChild = class {
 		this.started = true;
 		this.sessionFormat = opts.format ?? "rgb";
 		this.minIntervalMs = opts.fps && opts.fps > 0 ? 1e3 / opts.fps : 0;
+		this.lastMetricsAt = Date.now();
+		this.metricsTimer = setInterval(() => this.logMetrics(false), METRICS_INTERVAL_MS);
+		this.metricsTimer.unref?.();
 		this.runDecodeLoop(source.restreamUrl).catch((err) => {
 			this.sendError(`decode-worker-child: decode loop crashed — ${errMessage(err)}`);
 		});
@@ -285,7 +415,7 @@ var DecodeWorkerChild = class {
 		}
 		const reply = this.frames.pull();
 		if (reply) {
-			this.send(this.toFrameReply(reply));
+			this.deliverFrame(reply);
 			return;
 		}
 		this.pendingPull = true;
@@ -298,7 +428,7 @@ var DecodeWorkerChild = class {
 			return;
 		}
 		try {
-			const bytes = this.scaleRoiToBuffer(frame, opts);
+			const bytes = frame.isHwFrame() ? this.hwScaleToBuffer(frame, opts) : this.scaleRoiToBuffer(frame, opts);
 			this.send({
 				kind: "buffer",
 				frameId,
@@ -330,21 +460,29 @@ var DecodeWorkerChild = class {
 				this.closeInput();
 			}
 			if (this.stopped) break;
-			await this.sleep(REDIAL_MS);
+			const skipBackoff = this.redialAsSoftware;
+			this.redialAsSoftware = false;
+			if (!skipBackoff) await this.sleep(REDIAL_MS);
 		}
 	}
 	/**
-	* One dial: open the demuxer, pick the video stream, build a HW/SW decoder
-	* that downloads + normalises frames to YUV420P system memory (so the ROI
-	* scaler always reads plain software planes regardless of hwaccel), and
-	* pump `demuxer.packets → decoder.frames → consumeDecodedFrame` until the
+	* One dial: open the demuxer, pick the video stream, build a HW/SW decoder,
+	* and pump `demuxer.packets → decoder.frames → consumeDecodedFrame` until the
 	* stream ends, errors, or teardown aborts it.
 	*
-	* Copied from `nodeav-decoder-session.ts` `pullDialAndDecode` (lines
-	* ~916-996): same demuxer options, same `rescale.pixelFormat: YUV420P`
-	* download-always contract (keeping decoded frames on the GPU leaked the
-	* VAAPI surface pool on every re-dial — see that file's comment), same
-	* `exitOnError: false` bad-frame tolerance.
+	* Two decoder shapes, selected by {@link hwFilterDecision} (picked once per
+	* session):
+	* - HW path (`undecided`/`hardware`): NO `rescale` — the decoder keeps frames
+	*   as GPU surfaces so `toBuffer` can crop+scale them on the GPU and download
+	*   only the small detection-sized result.
+	* - Software path (`software`): `rescale.pixelFormat: YUV420P` forces a
+	*   full-res GPU→system download so the CPU ROI scaler reads plain planes.
+	*   This is the ORIGINAL contract — keeping decoded frames on the GPU leaked
+	*   the VAAPI surface pool on every re-dial (see `nodeav-decoder-session.ts`);
+	*   the HW path avoids that leak by closing its filtergraph + freeing every
+	*   surface on every re-dial/teardown (see {@link closeInput}/{@link teardown}).
+	*
+	* Same demuxer options + `exitOnError: false` bad-frame tolerance throughout.
 	*/
 	async dialAndDecode(nav, C, url) {
 		this.abortController = new AbortController();
@@ -359,9 +497,10 @@ var DecodeWorkerChild = class {
 		this.demuxer = demuxer;
 		const videoStream = demuxer.video();
 		if (!videoStream) throw new Error("decode-worker-child: pull input has no video stream");
+		const wantHwFrames = this.hwContext !== null && this.hwFilterDecision !== "software";
 		const decoder = await nav.Decoder.create(videoStream, {
 			...this.hwContext ? { hardware: this.hwContext } : {},
-			rescale: { pixelFormat: C.AV_PIX_FMT_YUV420P },
+			...wantHwFrames ? {} : { rescale: { pixelFormat: C.AV_PIX_FMT_YUV420P } },
 			exitOnError: false
 		});
 		if (this.stopped) {
@@ -373,24 +512,103 @@ var DecodeWorkerChild = class {
 			if (this.stopped) break;
 			if (!frame) continue;
 			this.consumeDecodedFrame(frame);
+			if (this.redialAsSoftware) break;
 		}
 	}
 	/**
-	* Publish a decoded frame into the latest-wins slot (mirrors Scrypted's
-	* `libav.py:32,50-53` single-slot queue) via `FrameSlot`, which handles
-	* drop-older, the `minIntervalMs` throttle, and resolving a pending `pull`.
+	* Route a decoded frame according to the session's {@link hwFilterDecision}.
+	* On the software path a frame is published straight to the latest-wins slot;
+	* on the HW path the FIRST GPU surface is probed through the GPU filtergraph
+	* to commit (or fall back) the path, then GPU surfaces are published for
+	* `toBuffer` to crop+scale on the GPU. Publishing itself (drop-older, the
+	* `minIntervalMs` throttle, resolving a pending `pull`) is `FrameSlot`'s job.
 	*/
 	consumeDecodedFrame(frame) {
-		if (frame.isHwFrame()) {
+		this.framesDecoded++;
+		if (this.hwFilterDecision === "software") {
+			if (frame.isHwFrame()) {
+				this.framesSkipped++;
+				frame.free();
+				return;
+			}
+			this.publishFrame(frame);
+			return;
+		}
+		if (!frame.isHwFrame()) {
+			this.framesSkipped++;
 			frame.free();
+			this.degradeToSoftware();
 			return;
 		}
+		if (this.hwFilterDecision === "undecided") {
+			if (!this.probeHwFilter(frame)) {
+				this.framesSkipped++;
+				frame.free();
+				this.degradeToSoftware();
+				return;
+			}
+			this.hwFilterDecision = "hardware";
+			process.stderr.write(`decode-worker-child: GPU crop+scale path active (${this.gpuScaleFilter})\n`);
+		}
+		this.publishFrame(frame);
+	}
+	/** Publish to the latest-wins slot; deliver immediately if a `pull` is pending. */
+	publishFrame(frame) {
 		const reply = this.frames.publish(frame, Date.now(), this.minIntervalMs);
 		if (reply) {
 			this.pendingPull = false;
-			this.send(this.toFrameReply(reply));
+			this.deliverFrame(reply);
+		}
+	}
+	/** Send a `frame` reply to the parent and count it toward `deliveredFps`. */
+	deliverFrame(reply) {
+		this.framesDelivered++;
+		this.send(this.toFrameReply(reply));
+	}
+	/**
+	* One-shot GPU-filter capability probe on the FIRST decoded HW frame: build a
+	* no-op `scale_<be>=iw:ih,hwdownload,format=nv12` graph and push the frame
+	* through it. A frame out ⇒ the driver supports GPU crop+scale for this
+	* session; any throw / empty output ⇒ fall back to software. The probe graph
+	* and its output frames are freed here regardless of outcome, so no surface
+	* leaks out of the probe. The input `frame` keeps its own ref (buffersrc only
+	* ref'd it) and is published by the caller on success.
+	*/
+	probeHwFilter(frame) {
+		const nav = this.nav;
+		const scaleFilter = this.gpuScaleFilter;
+		if (!nav || !scaleFilter || !this.hwContext) return false;
+		let filter = null;
+		try {
+			filter = nav.FilterAPI.create(`${scaleFilter}=w=iw:h=ih,hwdownload,format=nv12`, { hardware: this.hwContext });
+			const outputs = filter.processAllSync(frame);
+			const ok = outputs.length > 0;
+			for (const out of outputs) out.free();
+			return ok;
+		} catch (err) {
+			process.stderr.write(`decode-worker-child: GPU filter probe failed — using software decode: ${errMessage(err)}\n`);
+			return false;
+		} finally {
+			filter?.close();
 		}
 	}
+	/**
+	* Abandon the GPU filter path for the rest of the session: close the
+	* filtergraph (freeing its GPU surface pool), mark the decision `software`,
+	* and abort the current HW dial so the decode loop re-dials with a YUV420P
+	* rescale. Called from the probe path AND from a runtime `toBuffer` GPU-filter
+	* failure, so a surprising driver/format error never leaves the session
+	* silently producing no usable frames. Idempotent.
+	*/
+	degradeToSoftware() {
+		if (this.hwFilterDecision === "software") return;
+		this.hwFilterDecision = "software";
+		this.redialAsSoftware = true;
+		this.hwFilter?.close();
+		this.hwFilter = null;
+		this.hwFilterKey = "";
+		this.abortController?.abort();
+	}
 	toFrameReply(reply) {
 		return {
 			kind: "frame",
@@ -473,10 +691,71 @@ var DecodeWorkerChild = class {
 		return scaler;
 	}
 	/**
+	* GPU crop+scale `toBuffer`: run the retained GPU surface through the cached
+	* GPU filtergraph (`scale_<be>→hwdownload→format` for the full-frame case),
+	* pulling ONLY the small detection-sized result into system memory, then pack
+	* it into the tightly-packed output buffer. On any GPU-filter failure,
+	* {@link degradeToSoftware} flips the whole session to the CPU path (via a
+	* re-dial) and this call rethrows so the pump drops just this one frame.
+	*
+	* Surface lifecycle: the input GPU surface is owned by {@link frames} (freed
+	* by the slot lifecycle) — `processAllSync` only ref's it. Every OUTPUT frame
+	* the filtergraph returns is freed here in the `finally`.
+	*/
+	hwScaleToBuffer(frame, opts) {
+		try {
+			const region = resolveCropRegion(frame.width, frame.height, opts?.crop);
+			const target = resolveResizeTarget(region.width, region.height, opts?.resize);
+			const format = opts?.format ?? this.sessionFormat;
+			const channels = format === "gray" ? 1 : 3;
+			const outputs = this.ensureHwFilter(region, target, frame.width, frame.height, format).processAllSync(frame);
+			const first = outputs[0];
+			if (!first) throw new Error("GPU filtergraph produced no frame");
+			try {
+				const plane = first.data?.[0];
+				if (!plane) throw new Error("GPU filtergraph frame missing packed plane data");
+				return packSinglePlane(plane, first.linesize[0] ?? 0, target.width, target.height, channels);
+			} finally {
+				for (const out of outputs) out.free();
+			}
+		} catch (err) {
+			this.degradeToSoftware();
+			throw err instanceof Error ? err : new Error(errMessage(err));
+		}
+	}
+	/**
+	* Build-once / reuse the GPU crop+scale {@link NavFilterApi} for a given crop
+	* region + resize target + pixel format — the HW analogue of
+	* {@link ensureScaler}. Rebuilt (old CLOSED, freeing its GPU surface pool)
+	* only when the key changes; detection's ROI + resize target are stable, so
+	* this is a per-worker singleton in the steady state.
+	*/
+	ensureHwFilter(region, target, srcW, srcH, format) {
+		const nav = this.nav;
+		const scaleFilter = this.gpuScaleFilter;
+		if (!nav || !scaleFilter || !this.hwContext) throw new Error("decode-worker-child: GPU filter requested without a HW context");
+		const fullFrame = isFullFrameRegion(region, srcW, srcH);
+		const pixel = pixelFilterName(format);
+		const key = `${region.left},${region.top},${region.width},${region.height}->${target.width}x${target.height}:${pixel}`;
+		const cached = this.hwFilter;
+		if (cached && key === this.hwFilterKey) return cached;
+		this.hwFilter?.close();
+		this.hwFilter = null;
+		this.hwFilterKey = "";
+		const description = buildGpuFilterDescription(scaleFilter, region, target, fullFrame, pixel);
+		const filter = nav.FilterAPI.create(description, { hardware: this.hwContext });
+		this.hwFilter = filter;
+		this.hwFilterKey = key;
+		return filter;
+	}
+	/**
 	* Resolve the HW context ONCE (reused across every re-dial, freed in
 	* `teardown`). Tries the platform's ordered candidate list; the first
 	* `HardwareContext.create` that succeeds wins; every failure falls through
-	* to software decode (`hardware` omitted from `Decoder.create`).
+	* to software decode (`hardware` omitted from `Decoder.create`). When a GPU
+	* device is found, the session becomes a GPU crop+scale CANDIDATE
+	* (`hwFilterDecision = 'undecided'`) only if a `scale_<be>` filter exists for
+	* that backend — otherwise it stays on the software path.
 	*/
 	async ensureHwContext(nav, C) {
 		for (const backend of candidateBackends()) {
@@ -488,6 +767,8 @@ var DecodeWorkerChild = class {
 				continue;
 			}
 			this.hwContext = hw;
+			this.gpuScaleFilter = gpuScaleFilterForBackend(backend);
+			this.hwFilterDecision = this.gpuScaleFilter !== null ? "undecided" : "software";
 			return;
 		}
 		process.stderr.write("decode-worker-child: no hwaccel backend available — using software decode\n");
@@ -501,8 +782,18 @@ var DecodeWorkerChild = class {
 			}, ms);
 		});
 	}
-	/** Dispose the CURRENT dial's demuxer + decoder (the HW context is reused across dials). */
+	/**
+	* Dispose the CURRENT dial's demuxer + decoder (the HW *device* context is
+	* reused across dials). The GPU filtergraph is closed FIRST: it references the
+	* decoder's per-dial `hw_frames_ctx` AND owns the `scale_<be>` OUTPUT surface
+	* pool, so freeing it before the decoder is what stops re-dials from
+	* accumulating VAAPI surfaces (the exact prior leak). It is rebuilt lazily on
+	* the next dial's first `toBuffer`.
+	*/
 	closeInput() {
+		this.hwFilter?.close();
+		this.hwFilter = null;
+		this.hwFilterKey = "";
 		this.decoder?.[Symbol.dispose]?.();
 		this.decoder = null;
 		this.demuxer?.[Symbol.dispose]?.();

package/dist/stream-broker/{_virtual_mf-localSharedImportMap___mfe_internal__addon_stream_broker_widgets-C2l0kmD4.mjs → _virtual_mf-localSharedImportMap___mfe_internal__addon_stream_broker_widgets-CeielP5P.mjs}

@@ -3,7 +3,7 @@ import "./dist-CYZr2fwk.mjs";
 var e = {
 	"@camstack/sdk": {
 		name: "@camstack/sdk",
-		version: "1.1.18",
+		version: "1.1.19",
 		scope: ["default"],
 		loaded: !1,
 		from: "addon_stream_broker_widgets",
@@ -18,7 +18,7 @@ var e = {
 	},
 	"@camstack/types": {
 		name: "@camstack/types",
-		version: "1.1.31",
+		version: "1.1.32",
 		scope: ["default"],
 		loaded: !1,
 		from: "addon_stream_broker_widgets",
@@ -33,7 +33,7 @@ var e = {
 	},
 	"@camstack/ui-library": {
 		name: "@camstack/ui-library",
-		version: "1.1.26",
+		version: "1.1.27",
 		scope: ["default"],
 		loaded: !1,
 		from: "addon_stream_broker_widgets",

package/dist/stream-broker/{hostInit-DHaCRMjM.mjs → hostInit-DmjqskOR.mjs}

@@ -36,7 +36,7 @@ async function r() {
 				}
 			},
 			"@camstack/types": {
-				version: "1.1.31",
+				version: "1.1.32",
 				scope: "default",
 				shareConfig: {
 					singleton: !0,
@@ -45,7 +45,7 @@ async function r() {
 				}
 			},
 			"@camstack/sdk": {
-				version: "1.1.18",
+				version: "1.1.19",
 				scope: "default",
 				shareConfig: {
 					singleton: !0,
@@ -81,7 +81,7 @@ async function r() {
 				}
 			},
 			"@camstack/ui-library": {
-				version: "1.1.26",
+				version: "1.1.27",
 				scope: "default",
 				shareConfig: {
 					singleton: !0,

package/dist/stream-broker/index.js

@@ -3,8 +3,8 @@ Object.defineProperties(exports, {
 	[Symbol.toStringTag]: { value: "Module" }
 });
 const require_model_download_service_C_IHWnXx = require("../model-download-service-C-IHWnXx-DxM2DSns.js");
-const require_dist = require("../dist-BJTPkJFw.js");
-const require_frame_handle_plane = require("../frame-handle-plane-BP8YV4sF.js");
+const require_dist = require("../dist-NvwN60Fq.js");
+const require_frame_handle_plane = require("../frame-handle-plane-B3Fxww8H.js");
 let node_crypto = require("node:crypto");
 node_crypto = require_model_download_service_C_IHWnXx.__toESM(node_crypto);
 let node_child_process = require("node:child_process");

package/dist/stream-broker/index.mjs

@@ -1,6 +1,6 @@
 import { t as __require } from "../chunk-BdkLduGY.mjs";
-import { $ as discriminatedUnion, B as DeviceType, D as nodePin, F as webrtcSessionCapability, G as makeSourceBrokerId, H as createEvent, I as errMsg, L as BaseAddon, N as streamBrokerCapability, Q as boolean, R as CAM_PROFILE_ORDER, V as EventCategory, W as makeProfileBrokerId, X as _enum, Z as array, at as string, c as EncodeProfileSchema, d as RingBuffer, g as cameraStreamsCapability, it as record, nt as number, ot as union, p as addonWidgetsSourceCapability, q as parseProfileBrokerId, rt as object, tt as literal, w as maskUrlCredentials, z as DeviceFeature } from "../dist-v6cKLmU3.mjs";
-import { n as DecoderSessionProxy, t as FrameHandlePlane } from "../frame-handle-plane-DKAXTtfn.mjs";
+import { $ as discriminatedUnion, B as DeviceType, D as nodePin, F as webrtcSessionCapability, G as makeSourceBrokerId, H as createEvent, I as errMsg, L as BaseAddon, N as streamBrokerCapability, Q as boolean, R as CAM_PROFILE_ORDER, V as EventCategory, W as makeProfileBrokerId, X as _enum, Z as array, at as string, c as EncodeProfileSchema, d as RingBuffer, g as cameraStreamsCapability, it as record, nt as number, ot as union, p as addonWidgetsSourceCapability, q as parseProfileBrokerId, rt as object, tt as literal, w as maskUrlCredentials, z as DeviceFeature } from "../dist-GFd8M6KO.mjs";
+import { n as DecoderSessionProxy, t as FrameHandlePlane } from "../frame-handle-plane-E_AsR77T.mjs";
 import { t as createFileDataPlaneHandler } from "../model-download-service-C-IHWnXx-BPy6aoAx.mjs";
 import { createRequire } from "node:module";
 import * as crypto$1 from "node:crypto";

package/dist/stream-broker/remoteEntry.js

@@ -30,7 +30,7 @@ async function d(e) {
 	}
 }
 async function f() {
-	return l ||= d(() => import("./_virtual_mf-localSharedImportMap___mfe_internal__addon_stream_broker_widgets-C2l0kmD4.mjs")).catch((e) => {
+	return l ||= d(() => import("./_virtual_mf-localSharedImportMap___mfe_internal__addon_stream_broker_widgets-CeielP5P.mjs")).catch((e) => {
 		throw l = void 0, e;
 	}), l;
 }

package/embed-dist/assets/{MaskShapeCanvas-DI4BY7W2-B6fza7ic.js → MaskShapeCanvas-DI4BY7W2-CEsPjwzT.js}

@@ -1,4 +1,4 @@
-import{d as e,f as t,g as n,h as r,m as i,p as a}from"./index-BPkayx9u.js";var o=n(t()),s=n(e(),1),c=Math.PI/180;function l(){return typeof window<`u`&&({}.toString.call(window)===`[object Window]`||{}.toString.call(window)===`[object global]`)}var u=typeof global<`u`?global:typeof window<`u`?window:typeof WorkerGlobalScope<`u`?self:{},d={_global:u,version:`10.3.0`,isBrowser:l(),isUnminified:/param/.test(function(e){}.toString()),dblClickWindow:400,getAngle(e){return d.angleDeg?e*c:e},enableTrace:!1,pointerEventsEnabled:!0,autoDrawEnabled:!0,hitOnDragEnabled:!1,capturePointerEventsEnabled:!1,_mouseListenClick:!1,_touchListenClick:!1,_pointerListenClick:!1,_mouseInDblClickWindow:!1,_touchInDblClickWindow:!1,_pointerInDblClickWindow:!1,_mouseDblClickPointerId:null,_touchDblClickPointerId:null,_pointerDblClickPointerId:null,_renderBackend:`web`,legacyTextRendering:!1,pixelRatio:typeof window<`u`&&window.devicePixelRatio||1,dragDistance:3,angleDeg:!0,showWarnings:!0,dragButtons:[0,1],isDragging(){return d.DD.isDragging},isTransforming(){return d.Transformer?.isTransforming()??!1},isDragReady(){return!!d.DD.node},releaseCanvasOnDestroy:!0,document:u.document,_injectGlobal(e){u.Konva!==void 0&&console.error(`Several Konva instances detected. It is not recommended to use multiple Konva instances in the same environment.`),u.Konva=e}},f=e=>{d[e.prototype.getClassName()]=e};d._injectGlobal(d);var p=`Konva.js unsupported environment.
+import{d as e,f as t,g as n,h as r,m as i,p as a}from"./index-CX-rILhw.js";var o=n(t()),s=n(e(),1),c=Math.PI/180;function l(){return typeof window<`u`&&({}.toString.call(window)===`[object Window]`||{}.toString.call(window)===`[object global]`)}var u=typeof global<`u`?global:typeof window<`u`?window:typeof WorkerGlobalScope<`u`?self:{},d={_global:u,version:`10.3.0`,isBrowser:l(),isUnminified:/param/.test(function(e){}.toString()),dblClickWindow:400,getAngle(e){return d.angleDeg?e*c:e},enableTrace:!1,pointerEventsEnabled:!0,autoDrawEnabled:!0,hitOnDragEnabled:!1,capturePointerEventsEnabled:!1,_mouseListenClick:!1,_touchListenClick:!1,_pointerListenClick:!1,_mouseInDblClickWindow:!1,_touchInDblClickWindow:!1,_pointerInDblClickWindow:!1,_mouseDblClickPointerId:null,_touchDblClickPointerId:null,_pointerDblClickPointerId:null,_renderBackend:`web`,legacyTextRendering:!1,pixelRatio:typeof window<`u`&&window.devicePixelRatio||1,dragDistance:3,angleDeg:!0,showWarnings:!0,dragButtons:[0,1],isDragging(){return d.DD.isDragging},isTransforming(){return d.Transformer?.isTransforming()??!1},isDragReady(){return!!d.DD.node},releaseCanvasOnDestroy:!0,document:u.document,_injectGlobal(e){u.Konva!==void 0&&console.error(`Several Konva instances detected. It is not recommended to use multiple Konva instances in the same environment.`),u.Konva=e}},f=e=>{d[e.prototype.getClassName()]=e};d._injectGlobal(d);var p=`Konva.js unsupported environment.
 
 Looks like you are trying to use Konva.js in Node.js environment. because "document" object is undefined.
 

package/embed-dist/assets/{MotionZonesSettings-NcxxQN8r-Cy-4iTog.js → MotionZonesSettings-NcxxQN8r-D43fIRgB.js}

@@ -1 +1 @@
-import{a as e,c as t,d as n,f as r,g as i,l as a,o,r as s,s as c,u as l}from"./index-BPkayx9u.js";import{MaskShapeCanvas as u}from"./MaskShapeCanvas-DI4BY7W2-B6fza7ic.js";var d=i(r(),1),f=i(n(),1),p=o(`grid-2x2`,[[`path`,{d:`M12 3v18`,key:`108xh3`}],[`path`,{d:`M3 12h18`,key:`1i2n21`}],[`rect`,{x:`3`,y:`3`,width:`18`,height:`18`,rx:`2`,key:`h1oib`}]]),m=110,h=`motion-zones`,g=0,_=[1,2,3],v=1,y=`rounded-md border border-border bg-surface px-2 py-1 text-[11px] font-medium text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors`,b=`rounded-md border border-primary/50 bg-primary/15 px-2.5 py-1 text-[11px] font-medium text-primary hover:bg-primary/25 disabled:opacity-40 transition-colors`;function x(e,t,n){let r=t*n,i=Array.from({length:r});for(let t=0;t<r;t+=1)i[t]=e[t]===!0;return i}function S(e,t){if(e.length!==t.length)return!1;for(let n=0;n<e.length;n+=1)if(e[n]!==t[n])return!1;return!0}function C(e,t){return Math.ceil(e/t)}function w(e,t,n){return Math.min(n-1,Math.floor((e+.5)/t*n))}function T(e,t,n,r){let i=C(t,r),a=C(n,r),o=Array.from({length:i*a},()=>!1);for(let r=0;r<n;r+=1){let s=w(r,n,a);for(let n=0;n<t;n+=1)e[r*t+n]===!0&&(o[s*i+w(n,t,i)]=!0)}return o}function E(e,t,n,r){let i=C(t,r),a=C(n,r),o=Array.from({length:t*n},()=>!1);for(let r=0;r<n;r+=1){let s=w(r,n,a);for(let n=0;n<t;n+=1)o[r*t+n]=e[s*i+w(n,t,i)]===!0}return o}function D({deviceId:n}){let r=t(l().trpcClient,n),[i,o]=(0,d.useState)(null),[w,D]=(0,d.useState)(!1),[O,k]=(0,d.useState)(null),[A,j]=(0,d.useState)(null),[M,N]=(0,d.useState)(v),[P,F]=(0,d.useState)(!1),[I,L]=(0,d.useState)(!1),R=(0,d.useRef)(!1);(0,d.useEffect)(()=>{if(!r)return;let e=!1;return R.current=!1,o(null),D(!1),k(null),j(null),N(v),L(!1),(async()=>{try{let t=await r.motionZones?.getOptions({});if(e)return;if(!t)throw Error(`device proxy not ready`);if(o(t),R.current)return;let n=await r.motionZones?.getStatus({});if(e)return;if(!n)throw Error(`device proxy not ready`);R.current=!0;let i=n.regions.find(e=>e.shape.kind===`grid`),a=x(i?i.shape.cells:[],t.grid.width,t.grid.height);j(a),k(T(a,t.grid.width,t.grid.height,v))}catch(t){if(e)return;c(t)?D(!0):console.error(`Motion Zones load failed`,t)}})(),()=>{e=!0}},[r]);let z=i?i.grid.width:0,B=i?i.grid.height:0,V=C(z,M),H=C(B,M),U=(0,d.useMemo)(()=>O&&i?E(O,z,B,M):null,[O,i,z,B,M]),W=(0,d.useMemo)(()=>U!==null&&A!==null&&!S(U,A),[U,A]),G=(0,d.useMemo)(()=>U?U.reduce((e,t)=>t?e+1:e,0):0,[U]),K=z*B,q=V*H,J=(0,d.useCallback)(e=>{q>0&&k(Array.from({length:q},()=>e))},[q]),Y=(0,d.useCallback)(()=>{k(e=>e&&e.map(e=>!e))},[]),X=(0,d.useCallback)(()=>{A&&i&&k(T(A,z,B,M))},[A,i,z,B,M]),Z=(0,d.useCallback)(e=>{e===M||!i||k(t=>{if(!t)return N(e),t;let n=T(E(t,z,B,M),z,B,e);return N(e),n})},[M,i,z,B]),Q=(0,d.useMemo)(()=>i&&O?[{id:g,shape:{kind:`grid`,gridWidth:V,gridHeight:H,cells:[...O]}}]:[],[i,O,V,H]),$=(0,d.useCallback)((e,t)=>{t.kind===`grid`&&k(t.cells)},[]),ee=(0,d.useCallback)(async()=>{if(!(!r||!O||!i)){F(!0);try{let e=E(O,i.grid.width,i.grid.height,M),t={kind:`grid`,gridWidth:i.grid.width,gridHeight:i.grid.height,cells:e};await r.motionZones?.setZone({patch:{regions:[{id:g,enabled:!0,shape:t}]}});let n=await r.motionZones?.getStatus({});if(n){let e=n.regions.find(e=>e.shape.kind===`grid`),t=x(e?e.shape.cells:[],i.grid.width,i.grid.height);j(t),k(T(t,i.grid.width,i.grid.height,M))}}catch(e){console.error(`Motion Zones save failed`,e)}finally{F(!1)}}},[r,O,i,M]);a((0,d.useMemo)(()=>I&&!w&&i&&O?{id:h,order:m,node:(0,f.jsx)(u,{transparent:!0,items:Q,supportedShapes:[`grid`],grid:{width:V,height:H},selectedId:g,onSelect:()=>{},onShapeChange:$,onDrawComplete:()=>{},drawingKind:null})}:null,[I,w,i,O,Q,$,V,H]));let te=!w&&i!==null&&O!==null;return r?(0,f.jsx)(e,{title:`Motion Zones`,icon:(0,f.jsx)(p,{className:`h-3.5 w-3.5 text-foreground-subtle`}),children:(0,f.jsx)(`div`,{className:`flex flex-col gap-3`,children:w?(0,f.jsx)(`p`,{className:`${s} leading-relaxed`,children:`This camera doesn't expose an on-board motion zones grid.`}):te?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(`p`,{className:`${s} leading-relaxed`,children:[`Toggle `,(0,f.jsx)(`strong`,{className:`text-foreground`,children:`Edit grid`}),` to paint the region directly on the live frame, then `,(0,f.jsx)(`strong`,{className:`text-foreground`,children:`Save`}),` to push the mask to the camera. Pick a bigger`,` `,(0,f.jsx)(`strong`,{className:`text-foreground`,children:`Cell size`}),` for quicker, broad-stroke painting — it's resampled to the camera's native `,i.grid.width,`×`,i.grid.height,` grid on save (×1 is the finest).`]}),(0,f.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[(0,f.jsx)(`button`,{type:`button`,onClick:()=>L(e=>!e),disabled:P,"aria-pressed":I,className:I?b:y,children:I?`Done editing`:`Edit grid`}),(0,f.jsx)(`button`,{type:`button`,onClick:()=>J(!0),disabled:P,className:y,children:`All on`}),(0,f.jsx)(`button`,{type:`button`,onClick:()=>J(!1),disabled:P,className:y,children:`All off`}),(0,f.jsx)(`button`,{type:`button`,onClick:Y,disabled:P,className:y,children:`Invert`}),(0,f.jsxs)(`div`,{className:`flex items-center gap-1 ml-1`,role:`group`,"aria-label":`Cell size`,children:[(0,f.jsx)(`span`,{className:`${s} mr-0.5`,children:`Cell size`}),_.map(e=>(0,f.jsxs)(`button`,{type:`button`,onClick:()=>Z(e),disabled:P,"aria-pressed":M===e,title:e===1?`Camera grid ${z}×${B} (finest)`:`${C(z,e)}×${C(B,e)} painting grid · cells ×${e} bigger`,className:M===e?b:y,children:[`×`,e]},e))]}),(0,f.jsxs)(`span`,{className:`${s} ml-1 tabular-nums`,children:[G,` / `,K,` cells · `,i.grid.width,`×`,i.grid.height,M===1?``:` · paint ${V}×${H}`]}),(0,f.jsx)(`span`,{className:`flex-1`}),(0,f.jsx)(`button`,{type:`button`,onClick:X,disabled:P||!W,className:`rounded-md border border-border bg-surface px-2 py-1 text-[11px] text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors`,children:`Revert`}),(0,f.jsx)(`button`,{type:`button`,onClick:()=>void ee(),disabled:P||!W,className:b,children:P?`Saving…`:`Save`})]})]}):(0,f.jsx)(`p`,{className:`${s} leading-relaxed`,children:`Loading the camera's grid…`})})}):null}export{D as MotionZonesSettings};
+import{a as e,c as t,d as n,f as r,g as i,l as a,o,r as s,s as c,u as l}from"./index-CX-rILhw.js";import{MaskShapeCanvas as u}from"./MaskShapeCanvas-DI4BY7W2-CEsPjwzT.js";var d=i(r(),1),f=i(n(),1),p=o(`grid-2x2`,[[`path`,{d:`M12 3v18`,key:`108xh3`}],[`path`,{d:`M3 12h18`,key:`1i2n21`}],[`rect`,{x:`3`,y:`3`,width:`18`,height:`18`,rx:`2`,key:`h1oib`}]]),m=110,h=`motion-zones`,g=0,_=[1,2,3],v=1,y=`rounded-md border border-border bg-surface px-2 py-1 text-[11px] font-medium text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors`,b=`rounded-md border border-primary/50 bg-primary/15 px-2.5 py-1 text-[11px] font-medium text-primary hover:bg-primary/25 disabled:opacity-40 transition-colors`;function x(e,t,n){let r=t*n,i=Array.from({length:r});for(let t=0;t<r;t+=1)i[t]=e[t]===!0;return i}function S(e,t){if(e.length!==t.length)return!1;for(let n=0;n<e.length;n+=1)if(e[n]!==t[n])return!1;return!0}function C(e,t){return Math.ceil(e/t)}function w(e,t,n){return Math.min(n-1,Math.floor((e+.5)/t*n))}function T(e,t,n,r){let i=C(t,r),a=C(n,r),o=Array.from({length:i*a},()=>!1);for(let r=0;r<n;r+=1){let s=w(r,n,a);for(let n=0;n<t;n+=1)e[r*t+n]===!0&&(o[s*i+w(n,t,i)]=!0)}return o}function E(e,t,n,r){let i=C(t,r),a=C(n,r),o=Array.from({length:t*n},()=>!1);for(let r=0;r<n;r+=1){let s=w(r,n,a);for(let n=0;n<t;n+=1)o[r*t+n]=e[s*i+w(n,t,i)]===!0}return o}function D({deviceId:n}){let r=t(l().trpcClient,n),[i,o]=(0,d.useState)(null),[w,D]=(0,d.useState)(!1),[O,k]=(0,d.useState)(null),[A,j]=(0,d.useState)(null),[M,N]=(0,d.useState)(v),[P,F]=(0,d.useState)(!1),[I,L]=(0,d.useState)(!1),R=(0,d.useRef)(!1);(0,d.useEffect)(()=>{if(!r)return;let e=!1;return R.current=!1,o(null),D(!1),k(null),j(null),N(v),L(!1),(async()=>{try{let t=await r.motionZones?.getOptions({});if(e)return;if(!t)throw Error(`device proxy not ready`);if(o(t),R.current)return;let n=await r.motionZones?.getStatus({});if(e)return;if(!n)throw Error(`device proxy not ready`);R.current=!0;let i=n.regions.find(e=>e.shape.kind===`grid`),a=x(i?i.shape.cells:[],t.grid.width,t.grid.height);j(a),k(T(a,t.grid.width,t.grid.height,v))}catch(t){if(e)return;c(t)?D(!0):console.error(`Motion Zones load failed`,t)}})(),()=>{e=!0}},[r]);let z=i?i.grid.width:0,B=i?i.grid.height:0,V=C(z,M),H=C(B,M),U=(0,d.useMemo)(()=>O&&i?E(O,z,B,M):null,[O,i,z,B,M]),W=(0,d.useMemo)(()=>U!==null&&A!==null&&!S(U,A),[U,A]),G=(0,d.useMemo)(()=>U?U.reduce((e,t)=>t?e+1:e,0):0,[U]),K=z*B,q=V*H,J=(0,d.useCallback)(e=>{q>0&&k(Array.from({length:q},()=>e))},[q]),Y=(0,d.useCallback)(()=>{k(e=>e&&e.map(e=>!e))},[]),X=(0,d.useCallback)(()=>{A&&i&&k(T(A,z,B,M))},[A,i,z,B,M]),Z=(0,d.useCallback)(e=>{e===M||!i||k(t=>{if(!t)return N(e),t;let n=T(E(t,z,B,M),z,B,e);return N(e),n})},[M,i,z,B]),Q=(0,d.useMemo)(()=>i&&O?[{id:g,shape:{kind:`grid`,gridWidth:V,gridHeight:H,cells:[...O]}}]:[],[i,O,V,H]),$=(0,d.useCallback)((e,t)=>{t.kind===`grid`&&k(t.cells)},[]),ee=(0,d.useCallback)(async()=>{if(!(!r||!O||!i)){F(!0);try{let e=E(O,i.grid.width,i.grid.height,M),t={kind:`grid`,gridWidth:i.grid.width,gridHeight:i.grid.height,cells:e};await r.motionZones?.setZone({patch:{regions:[{id:g,enabled:!0,shape:t}]}});let n=await r.motionZones?.getStatus({});if(n){let e=n.regions.find(e=>e.shape.kind===`grid`),t=x(e?e.shape.cells:[],i.grid.width,i.grid.height);j(t),k(T(t,i.grid.width,i.grid.height,M))}}catch(e){console.error(`Motion Zones save failed`,e)}finally{F(!1)}}},[r,O,i,M]);a((0,d.useMemo)(()=>I&&!w&&i&&O?{id:h,order:m,node:(0,f.jsx)(u,{transparent:!0,items:Q,supportedShapes:[`grid`],grid:{width:V,height:H},selectedId:g,onSelect:()=>{},onShapeChange:$,onDrawComplete:()=>{},drawingKind:null})}:null,[I,w,i,O,Q,$,V,H]));let te=!w&&i!==null&&O!==null;return r?(0,f.jsx)(e,{title:`Motion Zones`,icon:(0,f.jsx)(p,{className:`h-3.5 w-3.5 text-foreground-subtle`}),children:(0,f.jsx)(`div`,{className:`flex flex-col gap-3`,children:w?(0,f.jsx)(`p`,{className:`${s} leading-relaxed`,children:`This camera doesn't expose an on-board motion zones grid.`}):te?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(`p`,{className:`${s} leading-relaxed`,children:[`Toggle `,(0,f.jsx)(`strong`,{className:`text-foreground`,children:`Edit grid`}),` to paint the region directly on the live frame, then `,(0,f.jsx)(`strong`,{className:`text-foreground`,children:`Save`}),` to push the mask to the camera. Pick a bigger`,` `,(0,f.jsx)(`strong`,{className:`text-foreground`,children:`Cell size`}),` for quicker, broad-stroke painting — it's resampled to the camera's native `,i.grid.width,`×`,i.grid.height,` grid on save (×1 is the finest).`]}),(0,f.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[(0,f.jsx)(`button`,{type:`button`,onClick:()=>L(e=>!e),disabled:P,"aria-pressed":I,className:I?b:y,children:I?`Done editing`:`Edit grid`}),(0,f.jsx)(`button`,{type:`button`,onClick:()=>J(!0),disabled:P,className:y,children:`All on`}),(0,f.jsx)(`button`,{type:`button`,onClick:()=>J(!1),disabled:P,className:y,children:`All off`}),(0,f.jsx)(`button`,{type:`button`,onClick:Y,disabled:P,className:y,children:`Invert`}),(0,f.jsxs)(`div`,{className:`flex items-center gap-1 ml-1`,role:`group`,"aria-label":`Cell size`,children:[(0,f.jsx)(`span`,{className:`${s} mr-0.5`,children:`Cell size`}),_.map(e=>(0,f.jsxs)(`button`,{type:`button`,onClick:()=>Z(e),disabled:P,"aria-pressed":M===e,title:e===1?`Camera grid ${z}×${B} (finest)`:`${C(z,e)}×${C(B,e)} painting grid · cells ×${e} bigger`,className:M===e?b:y,children:[`×`,e]},e))]}),(0,f.jsxs)(`span`,{className:`${s} ml-1 tabular-nums`,children:[G,` / `,K,` cells · `,i.grid.width,`×`,i.grid.height,M===1?``:` · paint ${V}×${H}`]}),(0,f.jsx)(`span`,{className:`flex-1`}),(0,f.jsx)(`button`,{type:`button`,onClick:X,disabled:P||!W,className:`rounded-md border border-border bg-surface px-2 py-1 text-[11px] text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors`,children:`Revert`}),(0,f.jsx)(`button`,{type:`button`,onClick:()=>void ee(),disabled:P||!W,className:b,children:P?`Saving…`:`Save`})]})]}):(0,f.jsx)(`p`,{className:`${s} leading-relaxed`,children:`Loading the camera's grid…`})})}):null}export{D as MotionZonesSettings};

package/embed-dist/assets/{PrivacyMaskSettings-APgPLF7p-CYX33lJb.js → PrivacyMaskSettings-APgPLF7p-C3wJxG8V.js}

@@ -1 +1 @@
-import{a as e,c as t,d as n,f as r,g as i,i as a,l as o,n as s,o as c,r as l,s as u,t as d,u as ee}from"./index-BPkayx9u.js";import{MaskShapeCanvas as te}from"./MaskShapeCanvas-DI4BY7W2-B6fza7ic.js";var f=i(r(),1),p=i(n(),1),m=c(`hexagon`,[[`path`,{d:`M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z`,key:`yt0hxn`}]]),h=120,g=`privacy-mask`,_=`rounded-md border border-border bg-surface px-2 py-1 text-[11px] font-medium text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors`,v=`rounded-md border border-primary/50 bg-primary/15 px-2.5 py-1 text-[11px] font-medium text-primary hover:bg-primary/25 disabled:opacity-40 transition-colors`;function y(e){return e.kind===`rect`||e.kind===`polygon`?e:null}function b(e){let t=new Set(e.map(e=>e.id)),n=0;for(;t.has(n);)n+=1;return n}function x(e,t){if(e.length!==t.length)return!1;for(let n=0;n<e.length;n+=1)if(JSON.stringify(e[n])!==JSON.stringify(t[n]))return!1;return!0}function S({deviceId:n}){let r=t(ee().trpcClient,n),[i,c]=(0,f.useState)(null),[S,C]=(0,f.useState)(!1),[w,T]=(0,f.useState)(null),[E,D]=(0,f.useState)(null),[O,k]=(0,f.useState)(!1),[A,j]=(0,f.useState)(!1),[M,N]=(0,f.useState)(null),[P,F]=(0,f.useState)(null),I=(0,f.useRef)(!1);(0,f.useEffect)(()=>{if(!r)return;let e=!1;return I.current=!1,c(null),C(!1),T(null),D(null),j(!1),N(null),F(null),(async()=>{try{let t=await r.privacyMask?.getOptions({});if(e)return;if(!t)throw Error(`device proxy not ready`);if(c(t),I.current)return;let n=await r.privacyMask?.getStatus({});if(e)return;if(!n)throw Error(`device proxy not ready`);I.current=!0;let i={enabled:n.enabled,regions:n.regions};D(i),T(i)}catch(t){if(e)return;u(t)?C(!0):console.error(`Privacy Mask load failed`,t)}})(),()=>{e=!0}},[r]);let L=(0,f.useMemo)(()=>w!==null&&E!==null&&(w.enabled!==E.enabled||!x(w.regions,E.regions)),[w,E]),R=w?w.regions.length:0,z=i?i.maxRegions:0,B=(0,f.useRef)(0);(0,f.useEffect)(()=>{B.current=z},[z]);let V=z>0&&R>=z,H=(0,f.useCallback)(()=>{T(e=>e&&{...e,enabled:!e.enabled})},[]),U=(0,f.useCallback)(e=>{N(typeof e==`number`?e:null)},[]),W=(0,f.useMemo)(()=>w?w.regions.map(e=>({id:e.id,shape:e.shape,enabled:e.enabled,label:`Zone ${String(e.id)}`})):[],[w]),G=(0,f.useCallback)((e,t)=>{let n=y(t);n&&T(t=>t&&{...t,regions:t.regions.map(t=>t.id===e?{...t,shape:n}:t)})},[]),K=(0,f.useCallback)(e=>{let t=y(e);t&&(F(null),T(e=>{if(!e)return e;let n=B.current;if(n>0&&e.regions.length>=n)return e;let r=b(e.regions),i={id:r,enabled:!0,shape:t};return N(r),{...e,regions:[...e.regions,i]}}))},[]),q=(0,f.useCallback)(e=>{j(!0),N(null),F(e)},[]),J=(0,f.useCallback)(e=>{j(!0),F(null),N(e)},[]),Y=(0,f.useCallback)(e=>{N(t=>t===e?null:t),T(t=>t&&{...t,regions:t.regions.filter(t=>t.id!==e)})},[]),X=(0,f.useCallback)(()=>{F(null),N(null),E&&T({enabled:E.enabled,regions:E.regions})},[E]),Z=(0,f.useCallback)(async()=>{if(!(!r||!w)){k(!0);try{await r.privacyMask?.setMask({patch:{enabled:w.enabled,regions:[...w.regions]}});let e=await r.privacyMask?.getStatus({});if(e){let t={enabled:e.enabled,regions:e.regions};D(t),T(t)}}catch(e){console.error(`Privacy Mask save failed`,e)}finally{k(!1)}}},[r,w]),ne=(0,f.useCallback)(()=>{j(e=>(e&&(F(null),N(null)),!e))},[]),Q=i?.supportedShapes??[];o((0,f.useMemo)(()=>A&&!S&&i&&w?{id:g,order:h,node:(0,p.jsx)(te,{transparent:!0,items:W,supportedShapes:Q,polygonVertices:i.polygonVertices,selectedId:M,onSelect:U,onShapeChange:G,onDrawComplete:K,drawingKind:P})}:null,[A,S,i,w,W,Q,M,U,G,K,P]));let re=i?.supportedShapes.includes(`rect`)??!1,ie=i?.supportedShapes.includes(`polygon`)??!1,$=i!==null&&(i.maxRegions<=0||i.supportedShapes.length===0),ae=!S&&!$&&i!==null&&w!==null;return r?(0,p.jsx)(e,{title:`Privacy Mask`,icon:(0,p.jsx)(d,{className:`h-3.5 w-3.5 text-foreground-subtle`}),children:(0,p.jsx)(`div`,{className:`flex flex-col gap-3`,children:S||$?(0,p.jsx)(`p`,{className:`${l} leading-relaxed`,children:`This camera doesn't support an on-board privacy mask.`}):ae?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(`p`,{className:`${l} leading-relaxed`,children:[`Toggle `,(0,p.jsx)(`strong`,{className:`text-foreground`,children:`Edit mask`}),` to draw blanked-out zones on the live frame, then `,(0,p.jsx)(`strong`,{className:`text-foreground`,children:`Save`}),` to push them to the camera. Drag a rectangle to move, its corner to resize; drag polygon vertices, click an edge midpoint to add one, or right-click a vertex to remove it.`]}),(0,p.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[(0,p.jsx)(`button`,{type:`button`,onClick:ne,disabled:O,"aria-pressed":A,className:A?v:_,children:A?`Done editing`:`Edit mask`}),(0,p.jsx)(`button`,{type:`button`,onClick:H,disabled:O,"aria-pressed":w.enabled,className:w.enabled?v:_,children:w.enabled?`Mask on`:`Mask off`}),re&&(0,p.jsx)(`button`,{type:`button`,onClick:()=>q(`rect`),disabled:O||V,"aria-pressed":P===`rect`,className:P===`rect`?v:_,title:V?`Maximum zones reached`:`Add a rectangle zone`,children:`+ Rect`}),ie&&(0,p.jsx)(`button`,{type:`button`,onClick:()=>q(`polygon`),disabled:O||V,"aria-pressed":P===`polygon`,className:P===`polygon`?v:_,title:V?`Maximum zones reached`:`Add a polygon zone`,children:`+ Polygon`}),(0,p.jsxs)(`span`,{className:`${l} ml-1 tabular-nums`,children:[R,` / `,z,` zones`]}),(0,p.jsx)(`span`,{className:`flex-1`}),(0,p.jsx)(`button`,{type:`button`,onClick:X,disabled:O||!L,className:`rounded-md border border-border bg-surface px-2 py-1 text-[11px] text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors`,children:`Revert`}),(0,p.jsx)(`button`,{type:`button`,onClick:()=>void Z(),disabled:O||!L,className:v,children:O?`Saving…`:`Save`})]}),R>0?(0,p.jsx)(`div`,{className:`flex flex-col gap-1`,children:w.regions.map(e=>{let t=M===e.id,n=e.shape.kind===`polygon`?m:s;return(0,p.jsxs)(`div`,{className:`flex items-center gap-2 rounded-md border px-2 py-1 transition-colors ${t?`border-primary/50 bg-primary/10`:`border-border bg-surface`}`,children:[(0,p.jsxs)(`button`,{type:`button`,onClick:()=>J(e.id),disabled:O,className:`flex flex-1 items-center gap-2 text-left text-[11px] font-medium text-foreground-subtle hover:text-foreground disabled:opacity-40 transition-colors`,children:[(0,p.jsx)(n,{className:`h-3.5 w-3.5 shrink-0`}),(0,p.jsxs)(`span`,{children:[`Zone `,e.id]}),(0,p.jsx)(`span`,{className:`text-foreground-faint capitalize`,children:e.shape.kind})]}),(0,p.jsx)(`button`,{type:`button`,onClick:()=>Y(e.id),disabled:O,"aria-label":`Delete zone ${String(e.id)}`,title:`Delete zone`,className:`inline-flex h-6 w-6 items-center justify-center rounded border border-border bg-surface text-foreground-subtle hover:border-red-400/40 hover:bg-red-500/10 hover:text-red-400 disabled:opacity-40 transition-colors`,children:(0,p.jsx)(a,{className:`h-3.5 w-3.5`})})]},e.id)})}):null]}):(0,p.jsx)(`p`,{className:`${l} leading-relaxed`,children:`Loading the camera's privacy mask…`})})}):null}export{S as PrivacyMaskSettings};
+import{a as e,c as t,d as n,f as r,g as i,i as a,l as o,n as s,o as c,r as l,s as u,t as d,u as ee}from"./index-CX-rILhw.js";import{MaskShapeCanvas as te}from"./MaskShapeCanvas-DI4BY7W2-CEsPjwzT.js";var f=i(r(),1),p=i(n(),1),m=c(`hexagon`,[[`path`,{d:`M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z`,key:`yt0hxn`}]]),h=120,g=`privacy-mask`,_=`rounded-md border border-border bg-surface px-2 py-1 text-[11px] font-medium text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors`,v=`rounded-md border border-primary/50 bg-primary/15 px-2.5 py-1 text-[11px] font-medium text-primary hover:bg-primary/25 disabled:opacity-40 transition-colors`;function y(e){return e.kind===`rect`||e.kind===`polygon`?e:null}function b(e){let t=new Set(e.map(e=>e.id)),n=0;for(;t.has(n);)n+=1;return n}function x(e,t){if(e.length!==t.length)return!1;for(let n=0;n<e.length;n+=1)if(JSON.stringify(e[n])!==JSON.stringify(t[n]))return!1;return!0}function S({deviceId:n}){let r=t(ee().trpcClient,n),[i,c]=(0,f.useState)(null),[S,C]=(0,f.useState)(!1),[w,T]=(0,f.useState)(null),[E,D]=(0,f.useState)(null),[O,k]=(0,f.useState)(!1),[A,j]=(0,f.useState)(!1),[M,N]=(0,f.useState)(null),[P,F]=(0,f.useState)(null),I=(0,f.useRef)(!1);(0,f.useEffect)(()=>{if(!r)return;let e=!1;return I.current=!1,c(null),C(!1),T(null),D(null),j(!1),N(null),F(null),(async()=>{try{let t=await r.privacyMask?.getOptions({});if(e)return;if(!t)throw Error(`device proxy not ready`);if(c(t),I.current)return;let n=await r.privacyMask?.getStatus({});if(e)return;if(!n)throw Error(`device proxy not ready`);I.current=!0;let i={enabled:n.enabled,regions:n.regions};D(i),T(i)}catch(t){if(e)return;u(t)?C(!0):console.error(`Privacy Mask load failed`,t)}})(),()=>{e=!0}},[r]);let L=(0,f.useMemo)(()=>w!==null&&E!==null&&(w.enabled!==E.enabled||!x(w.regions,E.regions)),[w,E]),R=w?w.regions.length:0,z=i?i.maxRegions:0,B=(0,f.useRef)(0);(0,f.useEffect)(()=>{B.current=z},[z]);let V=z>0&&R>=z,H=(0,f.useCallback)(()=>{T(e=>e&&{...e,enabled:!e.enabled})},[]),U=(0,f.useCallback)(e=>{N(typeof e==`number`?e:null)},[]),W=(0,f.useMemo)(()=>w?w.regions.map(e=>({id:e.id,shape:e.shape,enabled:e.enabled,label:`Zone ${String(e.id)}`})):[],[w]),G=(0,f.useCallback)((e,t)=>{let n=y(t);n&&T(t=>t&&{...t,regions:t.regions.map(t=>t.id===e?{...t,shape:n}:t)})},[]),K=(0,f.useCallback)(e=>{let t=y(e);t&&(F(null),T(e=>{if(!e)return e;let n=B.current;if(n>0&&e.regions.length>=n)return e;let r=b(e.regions),i={id:r,enabled:!0,shape:t};return N(r),{...e,regions:[...e.regions,i]}}))},[]),q=(0,f.useCallback)(e=>{j(!0),N(null),F(e)},[]),J=(0,f.useCallback)(e=>{j(!0),F(null),N(e)},[]),Y=(0,f.useCallback)(e=>{N(t=>t===e?null:t),T(t=>t&&{...t,regions:t.regions.filter(t=>t.id!==e)})},[]),X=(0,f.useCallback)(()=>{F(null),N(null),E&&T({enabled:E.enabled,regions:E.regions})},[E]),Z=(0,f.useCallback)(async()=>{if(!(!r||!w)){k(!0);try{await r.privacyMask?.setMask({patch:{enabled:w.enabled,regions:[...w.regions]}});let e=await r.privacyMask?.getStatus({});if(e){let t={enabled:e.enabled,regions:e.regions};D(t),T(t)}}catch(e){console.error(`Privacy Mask save failed`,e)}finally{k(!1)}}},[r,w]),ne=(0,f.useCallback)(()=>{j(e=>(e&&(F(null),N(null)),!e))},[]),Q=i?.supportedShapes??[];o((0,f.useMemo)(()=>A&&!S&&i&&w?{id:g,order:h,node:(0,p.jsx)(te,{transparent:!0,items:W,supportedShapes:Q,polygonVertices:i.polygonVertices,selectedId:M,onSelect:U,onShapeChange:G,onDrawComplete:K,drawingKind:P})}:null,[A,S,i,w,W,Q,M,U,G,K,P]));let re=i?.supportedShapes.includes(`rect`)??!1,ie=i?.supportedShapes.includes(`polygon`)??!1,$=i!==null&&(i.maxRegions<=0||i.supportedShapes.length===0),ae=!S&&!$&&i!==null&&w!==null;return r?(0,p.jsx)(e,{title:`Privacy Mask`,icon:(0,p.jsx)(d,{className:`h-3.5 w-3.5 text-foreground-subtle`}),children:(0,p.jsx)(`div`,{className:`flex flex-col gap-3`,children:S||$?(0,p.jsx)(`p`,{className:`${l} leading-relaxed`,children:`This camera doesn't support an on-board privacy mask.`}):ae?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(`p`,{className:`${l} leading-relaxed`,children:[`Toggle `,(0,p.jsx)(`strong`,{className:`text-foreground`,children:`Edit mask`}),` to draw blanked-out zones on the live frame, then `,(0,p.jsx)(`strong`,{className:`text-foreground`,children:`Save`}),` to push them to the camera. Drag a rectangle to move, its corner to resize; drag polygon vertices, click an edge midpoint to add one, or right-click a vertex to remove it.`]}),(0,p.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[(0,p.jsx)(`button`,{type:`button`,onClick:ne,disabled:O,"aria-pressed":A,className:A?v:_,children:A?`Done editing`:`Edit mask`}),(0,p.jsx)(`button`,{type:`button`,onClick:H,disabled:O,"aria-pressed":w.enabled,className:w.enabled?v:_,children:w.enabled?`Mask on`:`Mask off`}),re&&(0,p.jsx)(`button`,{type:`button`,onClick:()=>q(`rect`),disabled:O||V,"aria-pressed":P===`rect`,className:P===`rect`?v:_,title:V?`Maximum zones reached`:`Add a rectangle zone`,children:`+ Rect`}),ie&&(0,p.jsx)(`button`,{type:`button`,onClick:()=>q(`polygon`),disabled:O||V,"aria-pressed":P===`polygon`,className:P===`polygon`?v:_,title:V?`Maximum zones reached`:`Add a polygon zone`,children:`+ Polygon`}),(0,p.jsxs)(`span`,{className:`${l} ml-1 tabular-nums`,children:[R,` / `,z,` zones`]}),(0,p.jsx)(`span`,{className:`flex-1`}),(0,p.jsx)(`button`,{type:`button`,onClick:X,disabled:O||!L,className:`rounded-md border border-border bg-surface px-2 py-1 text-[11px] text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors`,children:`Revert`}),(0,p.jsx)(`button`,{type:`button`,onClick:()=>void Z(),disabled:O||!L,className:v,children:O?`Saving…`:`Save`})]}),R>0?(0,p.jsx)(`div`,{className:`flex flex-col gap-1`,children:w.regions.map(e=>{let t=M===e.id,n=e.shape.kind===`polygon`?m:s;return(0,p.jsxs)(`div`,{className:`flex items-center gap-2 rounded-md border px-2 py-1 transition-colors ${t?`border-primary/50 bg-primary/10`:`border-border bg-surface`}`,children:[(0,p.jsxs)(`button`,{type:`button`,onClick:()=>J(e.id),disabled:O,className:`flex flex-1 items-center gap-2 text-left text-[11px] font-medium text-foreground-subtle hover:text-foreground disabled:opacity-40 transition-colors`,children:[(0,p.jsx)(n,{className:`h-3.5 w-3.5 shrink-0`}),(0,p.jsxs)(`span`,{children:[`Zone `,e.id]}),(0,p.jsx)(`span`,{className:`text-foreground-faint capitalize`,children:e.shape.kind})]}),(0,p.jsx)(`button`,{type:`button`,onClick:()=>Y(e.id),disabled:O,"aria-label":`Delete zone ${String(e.id)}`,title:`Delete zone`,className:`inline-flex h-6 w-6 items-center justify-center rounded border border-border bg-surface text-foreground-subtle hover:border-red-400/40 hover:bg-red-500/10 hover:text-red-400 disabled:opacity-40 transition-colors`,children:(0,p.jsx)(a,{className:`h-3.5 w-3.5`})})]},e.id)})}):null]}):(0,p.jsx)(`p`,{className:`${l} leading-relaxed`,children:`Loading the camera's privacy mask…`})})}):null}export{S as PrivacyMaskSettings};