@camstack/addon-pipeline 1.1.48 → 1.1.50

package/dist/pipeline-runner/index.js

@@ -9,6 +9,7 @@ const require_worker_protocol = require("../worker-protocol-BCfO8gUF.js");
 let _camstack_shm_ring = require("@camstack/shm-ring");
 let node_child_process = require("node:child_process");
 let node_url = require("node:url");
+let node_fs = require("node:fs");
 //#region src/pipeline-runner/bench-actions.ts
 /**
 * Synthetic-bench custom actions for pipeline-runner.
@@ -1294,6 +1295,139 @@ function startGuardedSessionDecode(deps) {
 	};
 }
 //#endregion
+//#region src/session-decode/retention-sink.ts
+/**
+* Session-decode frame retention ring (Shape-2, Slice 1).
+*
+* The default detection path is **session-decode** (`useSessionDecode` true):
+* a per-session forked decode worker hands the runner decoded rgb pixels over
+* IPC — the frames never touch shared memory, so the emitted
+* `PipelineInferenceResult` carried NO `FrameHandle`, and hub-side post-analysis
+* (which gates ALL event/face/track crop media on a present handle) produced no
+* media. This ring restores that: every decoded detection frame is copied into
+* a short shared-memory retention ring on the runner's node, and the resulting
+* `FrameHandle` rides the inference-result event so post-analysis can resolve
+* the exact frame zero-copy and cut crops from it.
+*
+* ## Why a distinct prefix (`csr.`)
+*
+* The decoder addon runs `purgeOrphanSegments('csf.')` at startup and unlinks
+* EVERY `csf.*` segment on the node. A retention ring under the `csf.` prefix
+* would be reclaimed out from under a live session on every decoder redeploy.
+* The retention ring therefore uses its own prefix `csr.` and its own startup
+* orphan purge (`shm-retention-purge.ts`).
+*
+* ## Sizing
+*
+* Retention is ring depth: `slots ≈ detectionFps × retainSeconds`. At the
+* Slice-1 ≤640-wide detection geometry a slot is ~0.69 MB, so the 32 MB default
+* budget yields ~46 latest-wins slots (~4.6 s @10 fps). Budget is per active
+* session; the sink is armed lazily on the first rgb frame and destroyed on
+* session teardown, so idle cameras hold no shared memory.
+*/
+/** Segment name prefix for session-decode retention rings — isolated from the
+* decoder's `csf.` orphan purge so a decoder redeploy never reclaims a live
+* retention ring. */
+var RETENTION_SEGMENT_PREFIX = "csr.";
+/** {@link RETAIN_BUDGET_MB} in bytes. */
+var RETAIN_BUDGET_BYTES = (() => {
+	const raw = Number(process.env["CAMSTACK_SESSION_RETAIN_MB"]);
+	return Number.isFinite(raw) && raw > 0 ? Math.floor(raw) : 32;
+})() * 1024 * 1024;
+/**
+* Create a session-decode retention ring for one device. The underlying
+* shared-memory segment is created lazily on the first rgb frame.
+*/
+function createSessionRetentionSink(options) {
+	const { deviceId, nodeId, logger } = options;
+	const sink = new _camstack_shm_ring.DecoderFrameRingSink({
+		seed: `retain:${deviceId}`,
+		logger,
+		nodeId,
+		segmentPrefix: RETENTION_SEGMENT_PREFIX,
+		budgetBytes: RETAIN_BUDGET_BYTES
+	});
+	return {
+		write(frame) {
+			if (frame.format !== "rgb") return null;
+			return sink.writeFrame(frame.data, {
+				width: frame.width,
+				height: frame.height,
+				format: frame.format,
+				pts: performance.now(),
+				byteLength: frame.data.byteLength
+			});
+		},
+		destroy() {
+			sink.destroy();
+		},
+		get currentSegmentName() {
+			return sink.currentSegmentName;
+		}
+	};
+}
+//#endregion
+//#region src/pipeline-runner/shm-retention-purge.ts
+/**
+* Startup reclamation of orphaned session-decode retention segments.
+*
+* The retention ring (`retention-sink.ts`) writes decoded detection frames into
+* named `/dev/shm` segments under the `csr.` prefix and unlinks each on graceful
+* session teardown. When the runner process dies ungracefully (SIGBUS, OOM-kill,
+* SIGKILL during redeploy) that teardown never runs and the segment is orphaned.
+* Across crashes/redeploys these accumulate until `/dev/shm` fills, at which
+* point the next `mmap` write faults with an uncatchable SIGBUS.
+*
+* This is the retention-ring analogue of the decoder addon's
+* `purgeOrphanSegments('csf.')`: a fresh pipeline-runner owns no live sessions,
+* so every pre-existing `csr.*` segment is by definition an orphan from a dead
+* instance. It MUST use the `csr.` prefix (never `csf.`): the decoder purge owns
+* `csf.` and unlinking a live retention ring would break media mid-session.
+*
+* `shm_unlink` only removes the name — a consumer still holding a mapping keeps
+* reading valid memory until it closes (POSIX deferred reclaim + the ring
+* seqlock), so unlinking is safe even if a stale reader is momentarily attached.
+*
+* POSIX-only: segments surface as files under `/dev/shm` on Linux. On platforms
+* without that directory (Windows, macOS) the scan finds nothing — no-op.
+*/
+/** Default tmpfs directory where POSIX shared-memory segments appear on Linux. */
+var DEFAULT_SHM_DIR = "/dev/shm";
+/**
+* Unlink every session-decode retention segment whose name starts with
+* `prefix`. Intended to run ONCE at pipeline-runner startup, before any session
+* is created, to reclaim segments orphaned by a previously-crashed instance. A
+* per-file unlink failure is swallowed so one stuck segment cannot block
+* reclaiming the rest.
+*/
+function purgeOrphanSegments(prefix, options = {}) {
+	const dir = options.dir ?? DEFAULT_SHM_DIR;
+	const unlink = options.unlink ?? _camstack_shm_ring.unlinkSegment;
+	let entries;
+	try {
+		entries = (0, node_fs.readdirSync)(dir);
+	} catch {
+		return {
+			scanned: 0,
+			removed: 0,
+			names: []
+		};
+	}
+	const names = [];
+	for (const name of entries) {
+		if (!name.startsWith(prefix)) continue;
+		try {
+			unlink(name);
+			names.push(name);
+		} catch {}
+	}
+	return {
+		scanned: entries.length,
+		removed: names.length,
+		names
+	};
+}
+//#endregion
 //#region src/session-decode/session-decode-coordinator.ts
 /** How long to wait after `kill()` before escalating to `kill('SIGKILL')`. */
 var SIGKILL_FALLBACK_MS = 1e3;
@@ -2061,6 +2195,16 @@ var PipelineRunnerAddon = class extends require_dist.BaseAddon {
 	async onInitialize() {
 		const raw = this.ctx.kernel.localNodeId ?? this.ctx.id;
 		this.nodeId = raw.includes("/") ? raw.split("/")[0] : raw;
+		try {
+			const purged = purgeOrphanSegments(RETENTION_SEGMENT_PREFIX);
+			if (purged.removed > 0) this.ctx.logger.info("session-decode retention: reclaimed orphaned shm segments", { meta: {
+				removed: purged.removed,
+				scanned: purged.scanned,
+				prefix: RETENTION_SEGMENT_PREFIX
+			} });
+		} catch (err) {
+			this.ctx.logger.warn("session-decode retention: orphan purge failed", { meta: { error: err instanceof Error ? err.message : String(err) } });
+		}
 		this.runner = new PipelineRunner({
 			maxQueueDepth: this.config.maxQueueDepth,
 			maxConcurrentInferences: this.config.maxConcurrentInferences,
@@ -2767,10 +2911,10 @@ var PipelineRunnerAddon = class extends require_dist.BaseAddon {
 	* no second dial, no second decode, no GPU). Mirrors the shm shared-motion
 	* seam (`subscribeMotionFrames` `shared` branch).
 	*/
-	enqueueSharedDetectionFrame(deviceId, frame) {
+	enqueueSharedDetectionFrame(deviceId, frame, handle) {
 		const runner = this.runner;
 		if (!runner) return;
-		runner.enqueueDetectionFrame(deviceId, frame, void 0);
+		runner.enqueueDetectionFrame(deviceId, frame, handle);
 		const sink = this.sharedMotionSinks.get(deviceId);
 		if (sink) {
 			const now = this.sharedSinkNow();
@@ -2824,7 +2968,12 @@ var PipelineRunnerAddon = class extends require_dist.BaseAddon {
 		const runner = this.runner;
 		const log = this.ctx.logger.withTags({ deviceId: config.deviceId });
 		if (!runner) return () => {};
-		return startGuardedSessionDecode({
+		const retentionSink = createSessionRetentionSink({
+			deviceId: config.deviceId,
+			nodeId: this.nodeId,
+			logger: log
+		});
+		const teardown = startGuardedSessionDecode({
 			logger: log,
 			acquire: () => this.acquireSessionDecodeRestream(api, config.deviceId, config.detectionStreamId, `session-decode:detect:${config.deviceId}`, resolveSessionDecodeHostname(config, process.env["CAMSTACK_HUB_URL"]), resolveSessionDecodeOwnerNodeId(config)),
 			startPump: (source) => {
@@ -2842,11 +2991,16 @@ var PipelineRunnerAddon = class extends require_dist.BaseAddon {
 					},
 					acquireSpawnSlot: this.buildDecodeSpawnAcquire(log, "detect"),
 					onDecodedFrame: (frame) => {
-						this.enqueueSharedDetectionFrame(config.deviceId, frame);
+						const handle = retentionSink.write(frame) ?? void 0;
+						this.enqueueSharedDetectionFrame(config.deviceId, frame, handle);
 					}
 				});
 			}
 		});
+		return () => {
+			teardown();
+			retentionSink.destroy();
+		};
 	}
 	/**
 	* Epic C P1 motion path for a flagged camera: a dedicated `gray` decode of
@@ -3053,7 +3207,7 @@ var PipelineRunnerAddon = class extends require_dist.BaseAddon {
 			return null;
 		}
 		if (steps.length === 0) return null;
-		const useHandle = handle !== void 0 && handle.nodeId === this.nodeId;
+		const useHandle = handle !== void 0 && handle.nodeId === this.nodeId && handle.width === frame.width && handle.height === frame.height;
 		try {
 			return await api.pipelineExecutor.runPipeline.mutate({
 				steps: [...steps],

package/dist/pipeline-runner/index.mjs

@@ -2,9 +2,10 @@ import { $ as boolean, D as nodePin, H as createEvent, I as errMsg, K as makeSou
 import { n as isRemoteRestream, r as profileForStreamId, t as RemoteSourcePlane } from "../remote-source-plane-D9mX0HiW.mjs";
 import { t as resolveHubHostname } from "../hub-hostname-cCknRYKj.mjs";
 import { t as isWorkerReply } from "../worker-protocol-pk7qdYXt.mjs";
-import { FrameRingReaderCache } from "@camstack/shm-ring";
+import { DecoderFrameRingSink, FrameRingReaderCache, unlinkSegment } from "@camstack/shm-ring";
 import { fork } from "node:child_process";
 import { fileURLToPath } from "node:url";
+import { readdirSync } from "node:fs";
 //#region src/pipeline-runner/bench-actions.ts
 /**
 * Synthetic-bench custom actions for pipeline-runner.
@@ -1290,6 +1291,139 @@ function startGuardedSessionDecode(deps) {
 	};
 }
 //#endregion
+//#region src/session-decode/retention-sink.ts
+/**
+* Session-decode frame retention ring (Shape-2, Slice 1).
+*
+* The default detection path is **session-decode** (`useSessionDecode` true):
+* a per-session forked decode worker hands the runner decoded rgb pixels over
+* IPC — the frames never touch shared memory, so the emitted
+* `PipelineInferenceResult` carried NO `FrameHandle`, and hub-side post-analysis
+* (which gates ALL event/face/track crop media on a present handle) produced no
+* media. This ring restores that: every decoded detection frame is copied into
+* a short shared-memory retention ring on the runner's node, and the resulting
+* `FrameHandle` rides the inference-result event so post-analysis can resolve
+* the exact frame zero-copy and cut crops from it.
+*
+* ## Why a distinct prefix (`csr.`)
+*
+* The decoder addon runs `purgeOrphanSegments('csf.')` at startup and unlinks
+* EVERY `csf.*` segment on the node. A retention ring under the `csf.` prefix
+* would be reclaimed out from under a live session on every decoder redeploy.
+* The retention ring therefore uses its own prefix `csr.` and its own startup
+* orphan purge (`shm-retention-purge.ts`).
+*
+* ## Sizing
+*
+* Retention is ring depth: `slots ≈ detectionFps × retainSeconds`. At the
+* Slice-1 ≤640-wide detection geometry a slot is ~0.69 MB, so the 32 MB default
+* budget yields ~46 latest-wins slots (~4.6 s @10 fps). Budget is per active
+* session; the sink is armed lazily on the first rgb frame and destroyed on
+* session teardown, so idle cameras hold no shared memory.
+*/
+/** Segment name prefix for session-decode retention rings — isolated from the
+* decoder's `csf.` orphan purge so a decoder redeploy never reclaims a live
+* retention ring. */
+var RETENTION_SEGMENT_PREFIX = "csr.";
+/** {@link RETAIN_BUDGET_MB} in bytes. */
+var RETAIN_BUDGET_BYTES = (() => {
+	const raw = Number(process.env["CAMSTACK_SESSION_RETAIN_MB"]);
+	return Number.isFinite(raw) && raw > 0 ? Math.floor(raw) : 32;
+})() * 1024 * 1024;
+/**
+* Create a session-decode retention ring for one device. The underlying
+* shared-memory segment is created lazily on the first rgb frame.
+*/
+function createSessionRetentionSink(options) {
+	const { deviceId, nodeId, logger } = options;
+	const sink = new DecoderFrameRingSink({
+		seed: `retain:${deviceId}`,
+		logger,
+		nodeId,
+		segmentPrefix: RETENTION_SEGMENT_PREFIX,
+		budgetBytes: RETAIN_BUDGET_BYTES
+	});
+	return {
+		write(frame) {
+			if (frame.format !== "rgb") return null;
+			return sink.writeFrame(frame.data, {
+				width: frame.width,
+				height: frame.height,
+				format: frame.format,
+				pts: performance.now(),
+				byteLength: frame.data.byteLength
+			});
+		},
+		destroy() {
+			sink.destroy();
+		},
+		get currentSegmentName() {
+			return sink.currentSegmentName;
+		}
+	};
+}
+//#endregion
+//#region src/pipeline-runner/shm-retention-purge.ts
+/**
+* Startup reclamation of orphaned session-decode retention segments.
+*
+* The retention ring (`retention-sink.ts`) writes decoded detection frames into
+* named `/dev/shm` segments under the `csr.` prefix and unlinks each on graceful
+* session teardown. When the runner process dies ungracefully (SIGBUS, OOM-kill,
+* SIGKILL during redeploy) that teardown never runs and the segment is orphaned.
+* Across crashes/redeploys these accumulate until `/dev/shm` fills, at which
+* point the next `mmap` write faults with an uncatchable SIGBUS.
+*
+* This is the retention-ring analogue of the decoder addon's
+* `purgeOrphanSegments('csf.')`: a fresh pipeline-runner owns no live sessions,
+* so every pre-existing `csr.*` segment is by definition an orphan from a dead
+* instance. It MUST use the `csr.` prefix (never `csf.`): the decoder purge owns
+* `csf.` and unlinking a live retention ring would break media mid-session.
+*
+* `shm_unlink` only removes the name — a consumer still holding a mapping keeps
+* reading valid memory until it closes (POSIX deferred reclaim + the ring
+* seqlock), so unlinking is safe even if a stale reader is momentarily attached.
+*
+* POSIX-only: segments surface as files under `/dev/shm` on Linux. On platforms
+* without that directory (Windows, macOS) the scan finds nothing — no-op.
+*/
+/** Default tmpfs directory where POSIX shared-memory segments appear on Linux. */
+var DEFAULT_SHM_DIR = "/dev/shm";
+/**
+* Unlink every session-decode retention segment whose name starts with
+* `prefix`. Intended to run ONCE at pipeline-runner startup, before any session
+* is created, to reclaim segments orphaned by a previously-crashed instance. A
+* per-file unlink failure is swallowed so one stuck segment cannot block
+* reclaiming the rest.
+*/
+function purgeOrphanSegments(prefix, options = {}) {
+	const dir = options.dir ?? DEFAULT_SHM_DIR;
+	const unlink = options.unlink ?? unlinkSegment;
+	let entries;
+	try {
+		entries = readdirSync(dir);
+	} catch {
+		return {
+			scanned: 0,
+			removed: 0,
+			names: []
+		};
+	}
+	const names = [];
+	for (const name of entries) {
+		if (!name.startsWith(prefix)) continue;
+		try {
+			unlink(name);
+			names.push(name);
+		} catch {}
+	}
+	return {
+		scanned: entries.length,
+		removed: names.length,
+		names
+	};
+}
+//#endregion
 //#region src/session-decode/session-decode-coordinator.ts
 /** How long to wait after `kill()` before escalating to `kill('SIGKILL')`. */
 var SIGKILL_FALLBACK_MS = 1e3;
@@ -2057,6 +2191,16 @@ var PipelineRunnerAddon = class extends BaseAddon {
 	async onInitialize() {
 		const raw = this.ctx.kernel.localNodeId ?? this.ctx.id;
 		this.nodeId = raw.includes("/") ? raw.split("/")[0] : raw;
+		try {
+			const purged = purgeOrphanSegments(RETENTION_SEGMENT_PREFIX);
+			if (purged.removed > 0) this.ctx.logger.info("session-decode retention: reclaimed orphaned shm segments", { meta: {
+				removed: purged.removed,
+				scanned: purged.scanned,
+				prefix: RETENTION_SEGMENT_PREFIX
+			} });
+		} catch (err) {
+			this.ctx.logger.warn("session-decode retention: orphan purge failed", { meta: { error: err instanceof Error ? err.message : String(err) } });
+		}
 		this.runner = new PipelineRunner({
 			maxQueueDepth: this.config.maxQueueDepth,
 			maxConcurrentInferences: this.config.maxConcurrentInferences,
@@ -2763,10 +2907,10 @@ var PipelineRunnerAddon = class extends BaseAddon {
 	* no second dial, no second decode, no GPU). Mirrors the shm shared-motion
 	* seam (`subscribeMotionFrames` `shared` branch).
 	*/
-	enqueueSharedDetectionFrame(deviceId, frame) {
+	enqueueSharedDetectionFrame(deviceId, frame, handle) {
 		const runner = this.runner;
 		if (!runner) return;
-		runner.enqueueDetectionFrame(deviceId, frame, void 0);
+		runner.enqueueDetectionFrame(deviceId, frame, handle);
 		const sink = this.sharedMotionSinks.get(deviceId);
 		if (sink) {
 			const now = this.sharedSinkNow();
@@ -2820,7 +2964,12 @@ var PipelineRunnerAddon = class extends BaseAddon {
 		const runner = this.runner;
 		const log = this.ctx.logger.withTags({ deviceId: config.deviceId });
 		if (!runner) return () => {};
-		return startGuardedSessionDecode({
+		const retentionSink = createSessionRetentionSink({
+			deviceId: config.deviceId,
+			nodeId: this.nodeId,
+			logger: log
+		});
+		const teardown = startGuardedSessionDecode({
 			logger: log,
 			acquire: () => this.acquireSessionDecodeRestream(api, config.deviceId, config.detectionStreamId, `session-decode:detect:${config.deviceId}`, resolveSessionDecodeHostname(config, process.env["CAMSTACK_HUB_URL"]), resolveSessionDecodeOwnerNodeId(config)),
 			startPump: (source) => {
@@ -2838,11 +2987,16 @@ var PipelineRunnerAddon = class extends BaseAddon {
 					},
 					acquireSpawnSlot: this.buildDecodeSpawnAcquire(log, "detect"),
 					onDecodedFrame: (frame) => {
-						this.enqueueSharedDetectionFrame(config.deviceId, frame);
+						const handle = retentionSink.write(frame) ?? void 0;
+						this.enqueueSharedDetectionFrame(config.deviceId, frame, handle);
 					}
 				});
 			}
 		});
+		return () => {
+			teardown();
+			retentionSink.destroy();
+		};
 	}
 	/**
 	* Epic C P1 motion path for a flagged camera: a dedicated `gray` decode of
@@ -3049,7 +3203,7 @@ var PipelineRunnerAddon = class extends BaseAddon {
 			return null;
 		}
 		if (steps.length === 0) return null;
-		const useHandle = handle !== void 0 && handle.nodeId === this.nodeId;
+		const useHandle = handle !== void 0 && handle.nodeId === this.nodeId && handle.width === frame.width && handle.height === frame.height;
 		try {
 			return await api.pipelineExecutor.runPipeline.mutate({
 				steps: [...steps],

package/dist/recorder/index.js

@@ -1532,6 +1532,7 @@ function buildPassthroughArgs(a) {
 		"0",
 		"-c:v",
 		"copy",
+		...a.videoCodec === "H265" ? ["-tag:v", "hvc1"] : [],
 		"-c:a",
 		"aac",
 		"-f",
@@ -1903,7 +1904,8 @@ var RecordingController = class {
 		const writer = new SegmentWriter({
 			rtspUrl: source.url,
 			outDir,
-			segmentSeconds
+			segmentSeconds,
+			videoCodec: source.videoCodec
 		}, {
 			spawn: this.deps.spawn,
 			logger: deviceLog,

package/dist/recorder/index.mjs

@@ -1530,6 +1530,7 @@ function buildPassthroughArgs(a) {
 		"0",
 		"-c:v",
 		"copy",
+		...a.videoCodec === "H265" ? ["-tag:v", "hvc1"] : [],
 		"-c:a",
 		"aac",
 		"-f",
@@ -1901,7 +1902,8 @@ var RecordingController = class {
 		const writer = new SegmentWriter({
 			rtspUrl: source.url,
 			outDir,
-			segmentSeconds
+			segmentSeconds,
+			videoCodec: source.videoCodec
 		}, {
 			spawn: this.deps.spawn,
 			logger: deviceLog,

package/dist/stream-broker/index.js

@@ -18691,6 +18691,7 @@ var StreamBrokerAddon = class extends require_dist.BaseAddon {
 		const widgetsProvider = { listWidgets: async () => [{
 			tab: "device-tab",
 			label: "Stream Brokers",
+			preAuth: false,
 			kind: "remote",
 			remote: {
 				remoteName: "addon_stream_broker_widgets",
@@ -18717,6 +18718,7 @@ var StreamBrokerAddon = class extends require_dist.BaseAddon {
 		}, {
 			tab: "device-tab",
 			label: "FFmpeg Parameters",
+			preAuth: false,
 			kind: "remote",
 			remote: {
 				remoteName: "addon_stream_broker_widgets",

package/dist/stream-broker/index.mjs

@@ -18686,6 +18686,7 @@ var StreamBrokerAddon = class extends BaseAddon {
 		const widgetsProvider = { listWidgets: async () => [{
 			tab: "device-tab",
 			label: "Stream Brokers",
+			preAuth: false,
 			kind: "remote",
 			remote: {
 				remoteName: "addon_stream_broker_widgets",
@@ -18712,6 +18713,7 @@ var StreamBrokerAddon = class extends BaseAddon {
 		}, {
 			tab: "device-tab",
 			label: "FFmpeg Parameters",
+			preAuth: false,
 			kind: "remote",
 			remote: {
 				remoteName: "addon_stream_broker_widgets",

package/embed-dist/assets/{MaskShapeCanvas-DI4BY7W2-BSSjCL6j.js → MaskShapeCanvas-DI4BY7W2-9CvcTvAN.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-ByiLuUQZ.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-CceKv__y.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-BDb2ziPs.js → MotionZonesSettings-NcxxQN8r-LKtmp7AF.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-ByiLuUQZ.js";import{MaskShapeCanvas as u}from"./MaskShapeCanvas-DI4BY7W2-BSSjCL6j.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-CceKv__y.js";import{MaskShapeCanvas as u}from"./MaskShapeCanvas-DI4BY7W2-9CvcTvAN.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-ARYovxqE.js → PrivacyMaskSettings-APgPLF7p-CEf36fQU.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-ByiLuUQZ.js";import{MaskShapeCanvas as te}from"./MaskShapeCanvas-DI4BY7W2-BSSjCL6j.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-CceKv__y.js";import{MaskShapeCanvas as te}from"./MaskShapeCanvas-DI4BY7W2-9CvcTvAN.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};