@camstack/addon-pipeline-orchestrator 1.1.16 → 1.1.18

package/dist/_stub.js

@@ -1,15 +1,15 @@
 import { t as e } from "./_virtual_mf___mfe_internal__addon_pipeline_orchestrator_widgets__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-BiLBDmU5.mjs";
 import { a as t, c as n, i as r, n as i, o as a, r as o, s, t as c } from "./_virtual_mf___mfe_internal__addon_pipeline_orchestrator_widgets__loadShare__react__loadShare__.js-a8tvh93M.mjs";
-import { C as l, S as u, _ as d, a as f, b as p, c as m, d as h, f as g, g as _, h as v, i as y, l as b, m as x, n as S, o as C, p as w, r as T, s as E, t as D, u as O, v as k, w as A, x as j, y as M } from "./_virtual_mf___mfe_internal__addon_pipeline_orchestrator_widgets__loadShare___mf_0_camstack_mf_1_ui_mf_2_library__loadShare__.js-sANx-U6O.mjs";
+import { C as l, S as u, _ as d, a as f, b as p, c as m, d as h, f as g, g as _, h as v, i as y, l as b, m as x, n as S, o as C, p as w, r as T, s as E, t as D, u as O, v as k, w as A, x as j, y as M } from "./_virtual_mf___mfe_internal__addon_pipeline_orchestrator_widgets__loadShare___mf_0_camstack_mf_1_ui_mf_2_library__loadShare__.js-CImHCYiW.mjs";
 import { n as N, r as P, t as F } from "./_virtual_mf___mfe_internal__addon_pipeline_orchestrator_widgets__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-yD-rMaFX.mjs";
-import { t as I } from "./_virtual_mf___mfe_internal__addon_pipeline_orchestrator_widgets__loadShare___mf_0_camstack_mf_1_types__loadShare__.js-CEVTusPn.mjs";
+import { t as I } from "./_virtual_mf___mfe_internal__addon_pipeline_orchestrator_widgets__loadShare___mf_0_camstack_mf_1_types__loadShare__.js-BD6i2VnA.mjs";
 //#region ../../node_modules/lucide-react/dist/esm/shared/src/utils.js
-var ee = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), te = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), L = (e) => {
-	let t = te(e);
+var ee = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), L = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), R = (e) => {
+	let t = L(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
-}, R = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), ne = (e) => {
+}, z = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), te = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
-}, re = {
+}, ne = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -19,31 +19,31 @@ var ee = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), te = (e)
 	strokeWidth: 2,
 	strokeLinecap: "round",
 	strokeLinejoin: "round"
-}, ie = i(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: o, ...s }, l) => c("svg", {
+}, re = i(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: o, ...s }, l) => c("svg", {
 	ref: l,
-	...re,
+	...ne,
 	width: t,
 	height: t,
 	stroke: e,
 	strokeWidth: r ? Number(n) * 24 / Number(t) : n,
-	className: R("lucide", i),
-	...!a && !ne(s) && { "aria-hidden": "true" },
+	className: z("lucide", i),
+	...!a && !te(s) && { "aria-hidden": "true" },
 	...s
-}, [...o.map(([e, t]) => c(e, t)), ...Array.isArray(a) ? a : [a]])), z = (e, t) => {
-	let n = i(({ className: n, ...r }, i) => c(ie, {
+}, [...o.map(([e, t]) => c(e, t)), ...Array.isArray(a) ? a : [a]])), B = (e, t) => {
+	let n = i(({ className: n, ...r }, i) => c(re, {
 		ref: i,
 		iconNode: t,
-		className: R(`lucide-${ee(L(e))}`, `lucide-${e}`, n),
+		className: z(`lucide-${ee(R(e))}`, `lucide-${e}`, n),
 		...r
 	}));
-	return n.displayName = L(e), n;
-}, ae = z("activity", [["path", {
+	return n.displayName = R(e), n;
+}, ie = B("activity", [["path", {
 	d: "M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2",
 	key: "169zse"
-}]]), oe = z("check", [["path", {
+}]]), ae = B("check", [["path", {
 	d: "M20 6 9 17l-5-5",
 	key: "1gmf2c"
-}]]), B = z("cpu", [
+}]]), oe = B("cpu", [
 	["path", {
 		d: "M12 20v2",
 		key: "1lh1kg"
@@ -108,7 +108,7 @@ var ee = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), te = (e)
 		rx: "1",
 		key: "z9xiuo"
 	}]
-]), V = z("eye", [["path", {
+]), V = B("eye", [["path", {
 	d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
 	key: "1nclc0"
 }], ["circle", {
@@ -116,25 +116,25 @@ var ee = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), te = (e)
 	cy: "12",
 	r: "3",
 	key: "1v7zrd"
-}]]), H = z("gauge", [["path", {
+}]]), H = B("gauge", [["path", {
 	d: "m12 14 4-4",
 	key: "9kzdfg"
 }], ["path", {
 	d: "M3.34 19a10 10 0 1 1 17.32 0",
 	key: "19p75a"
-}]]), U = z("hexagon", [["path", {
+}]]), U = B("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"
-}]]), W = z("minus", [["path", {
+}]]), W = B("minus", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
-}]]), G = z("plus", [["path", {
+}]]), G = B("plus", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
 }], ["path", {
 	d: "M12 5v14",
 	key: "s699le"
-}]]), K = z("save", [
+}]]), K = B("save", [
 	["path", {
 		d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",
 		key: "1c8476"
@@ -147,7 +147,7 @@ var ee = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), te = (e)
 		d: "M7 3v4a1 1 0 0 0 1 1h7",
 		key: "t51u73"
 	}]
-]), q = z("trash-2", [
+]), q = B("trash-2", [
 	["path", {
 		d: "M3 6h18",
 		key: "d0wm0j"
@@ -174,7 +174,7 @@ var ee = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), te = (e)
 		y2: "17",
 		key: "xtxkd"
 	}]
-]), se = z("video", [["path", {
+]), se = B("video", [["path", {
 	d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",
 	key: "ftymec"
 }], ["rect", {
@@ -184,7 +184,7 @@ var ee = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), te = (e)
 	height: "12",
 	rx: "2",
 	key: "158x01"
-}]]), ce = z("volume-2", [
+}]]), ce = B("volume-2", [
 	["path", {
 		d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
 		key: "uqj9uw"
@@ -197,7 +197,7 @@ var ee = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), te = (e)
 		d: "M19.364 18.364a9 9 0 0 0 0-12.728",
 		key: "ijwkga"
 	}]
-]), J = z("x", [["path", {
+]), J = B("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"
 }], ["path", {
@@ -213,18 +213,18 @@ function le(e) {
 	}) : /* @__PURE__ */ N(ue, { deviceId: e.deviceId });
 }
 function ue({ deviceId: t }) {
-	p(["pipelineOrchestrator", "getPipelineAssignment"], [
+	j(["pipelineOrchestrator", "getPipelineAssignment"], [
 		"pipeline.camera-assigned",
 		"pipeline.camera-unassigned",
 		"pipeline.camera-updated"
-	]), p(["pipelineRunner", "getCameraMetrics"], ["pipeline.camera-metrics-snapshot"]);
-	let { data: n } = j({ deviceId: t }, { staleTime: 3e4 }), r = n?.agentNodeId ?? null, i = typeof r == "string" && r.length > 0 && !r.startsWith("addon:") ? r : void 0, { data: a } = u({
+	]), j(["pipelineRunner", "getCameraMetrics"], ["pipeline.camera-metrics-snapshot"]);
+	let { data: n } = u({ deviceId: t }, { staleTime: 3e4 }), r = n?.agentNodeId ?? null, i = typeof r == "string" && r.length > 0 && !r.startsWith("addon:") ? r : void 0, { data: a } = l({
 		deviceId: t,
 		...i ? { nodeId: i } : {}
 	}, {
 		staleTime: 2e3,
 		retry: !1
-	}), o = A(), s = k(o.trpcClient, t), { data: c } = e({
+	}), o = S(), s = M(o.trpcClient, t), { data: c } = e({
 		queryKey: [
 			"device",
 			t,
@@ -234,7 +234,7 @@ function ue({ deviceId: t }) {
 		enabled: !!s,
 		refetchInterval: 5e3,
 		retry: !1
-	}), { data: l } = e({
+	}), { data: d } = e({
 		queryKey: [
 			"device",
 			t,
@@ -249,39 +249,39 @@ function ue({ deviceId: t }) {
 		queryFn: async () => await o.trpcClient.recording.getStatus.query({ deviceId: t }),
 		refetchInterval: 5e3,
 		retry: !1
-	}), { data: m } = e({
+	}), { data: p } = e({
 		queryKey: ["recording.getDeviceConfig", t],
 		queryFn: async () => await o.trpcClient.recording.getDeviceConfig.query({ deviceId: t }),
 		staleTime: 3e4,
 		retry: !1
-	}), h = a?.phase ?? null, g = a?.detectionMode ?? null, _ = Number(a?.actualFps ?? 0), v = Number(a?.configuredFps ?? 0), y = Number(a?.avgInferenceTimeMs ?? 0), b = Number(a?.queueDepth ?? 0), x = Number(a?.droppedFrames ?? 0), S = d(h ?? "watching"), C = c?.length ?? 0, w = l?.level.dbfs ?? null, T = typeof w == "number" ? `${w.toFixed(1)} dBFS` : "—", E = f?.enabled ?? !1, D = f?.activeMode ?? "off", O = E && D !== "off", M = E ? D === "off" ? "Idle" : D === "continuous" ? "Continuous" : D === "onMotion" ? "On motion" : D === "onAudioThreshold" ? "On audio" : D : "Disabled", F = (m?.profiles ?? []).join(", "), I = f ? `${de(f.storageBytes ?? 0)}${F ? ` · ${F}` : ""}` : void 0;
+	}), m = a?.phase ?? null, h = a?.detectionMode ?? null, g = Number(a?.actualFps ?? 0), _ = Number(a?.configuredFps ?? 0), v = Number(a?.avgInferenceTimeMs ?? 0), y = Number(a?.queueDepth ?? 0), b = Number(a?.droppedFrames ?? 0), x = k(m ?? "watching"), C = c?.length ?? 0, w = d?.level.dbfs ?? null, T = typeof w == "number" ? `${w.toFixed(1)} dBFS` : "—", E = f?.enabled ?? !1, D = f?.activeMode ?? "off", O = E && D !== "off", A = E ? D === "off" ? "Idle" : D === "continuous" ? "Continuous" : D === "onMotion" ? "On motion" : D === "onAudioThreshold" ? "On audio" : D : "Disabled", F = (p?.profiles ?? []).join(", "), I = f ? `${de(f.storageBytes ?? 0)}${F ? ` · ${F}` : ""}` : void 0;
 	return /* @__PURE__ */ P("div", {
 		className: "grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3",
 		children: [
 			/* @__PURE__ */ N(Y, {
-				icon: ae,
+				icon: ie,
 				label: "Phase",
-				value: S.label,
-				color: S.textColor,
-				subtext: g ?? void 0
+				value: x.label,
+				color: x.textColor,
+				subtext: h ?? void 0
 			}),
 			/* @__PURE__ */ N(Y, {
 				icon: H,
 				label: "Detection FPS",
-				value: `${_.toFixed(1)}`,
-				subtext: v > 0 ? `target: ${v}` : void 0
+				value: `${g.toFixed(1)}`,
+				subtext: _ > 0 ? `target: ${_}` : void 0
 			}),
 			/* @__PURE__ */ N(Y, {
-				icon: B,
+				icon: oe,
 				label: "Inference",
-				value: `${y.toFixed(1)} ms`,
-				subtext: b > 0 ? `queue: ${b}` : void 0
+				value: `${v.toFixed(1)} ms`,
+				subtext: y > 0 ? `queue: ${y}` : void 0
 			}),
 			/* @__PURE__ */ N(Y, {
 				icon: V,
 				label: "Active Tracks",
 				value: String(C),
-				subtext: x > 0 ? `dropped: ${x}` : void 0
+				subtext: b > 0 ? `dropped: ${b}` : void 0
 			}),
 			/* @__PURE__ */ N(Y, {
 				icon: ce,
@@ -291,7 +291,7 @@ function ue({ deviceId: t }) {
 			/* @__PURE__ */ N(Y, {
 				icon: se,
 				label: "Recording",
-				value: M,
+				value: A,
 				color: O ? "text-success" : void 0,
 				subtext: I
 			})
@@ -420,7 +420,7 @@ var he = [
 	"#ec4899"
 ];
 function ge({ zone: e, onSave: t, onDiscard: n, onDelete: r }) {
-	let i = T(), a = (e) => i?.updateDraft({ name: e }), o = (e) => i?.updateDraft({ color: e });
+	let i = y(), a = (e) => i?.updateDraft({ name: e }), o = (e) => i?.updateDraft({ color: e });
 	return /* @__PURE__ */ P("div", {
 		className: "flex flex-col gap-2",
 		children: [
@@ -436,7 +436,7 @@ function ge({ zone: e, onSave: t, onDiscard: n, onDelete: r }) {
 			}),
 			/* @__PURE__ */ N("input", {
 				type: "text",
-				className: f,
+				className: C,
 				value: e.name,
 				autoFocus: !0,
 				onChange: (e) => a(e.target.value),
@@ -464,7 +464,7 @@ function ge({ zone: e, onSave: t, onDiscard: n, onDelete: r }) {
 					onChange: (e) => o(e.target.value)
 				}), /* @__PURE__ */ N("input", {
 					type: "text",
-					className: `${f} font-mono`,
+					className: `${C} font-mono`,
 					value: e.color,
 					placeholder: "#000000",
 					onChange: (e) => o(e.target.value)
@@ -481,7 +481,7 @@ function ge({ zone: e, onSave: t, onDiscard: n, onDelete: r }) {
 					onClick: t,
 					className: "inline-flex items-center justify-center gap-1 rounded border border-primary/40 bg-primary/10 text-primary hover:bg-primary/20 transition-colors h-7 flex-1 text-[11px] font-medium",
 					title: "Save changes (Enter)",
-					children: [/* @__PURE__ */ N(oe, { className: "h-3 w-3" }), "Save"]
+					children: [/* @__PURE__ */ N(ae, { className: "h-3 w-3" }), "Save"]
 				}), /* @__PURE__ */ P("button", {
 					type: "button",
 					onClick: n,
@@ -493,7 +493,7 @@ function ge({ zone: e, onSave: t, onDiscard: n, onDelete: r }) {
 			/* @__PURE__ */ P("button", {
 				type: "button",
 				onClick: r,
-				className: `${y} w-full`,
+				className: `${f} w-full`,
 				children: [/* @__PURE__ */ N(q, { className: "h-3 w-3" }), "Delete"]
 			})
 		]
@@ -525,11 +525,11 @@ function ye(e) {
 	return e.name && (t.name = e.name), e.classFilter.length > 0 && (t.classFilter = e.classFilter), t;
 }
 function X({ dev: e, stage: n, zones: r, title: i }) {
-	let o = M(e?.state.zoneRules), c = a(() => o?.[n] ?? [], [o, n]), [l, u] = s([]), [d, p] = s(!1), [m, h] = s(!1), [g, y] = s(null);
+	let o = p(e?.state.zoneRules), c = a(() => o?.[n] ?? [], [o, n]), [l, u] = s([]), [f, m] = s(!1), [h, g] = s(!1), [y, b] = s(null);
 	t(() => {
-		d || u(c.map(ve));
-	}, [c, d]);
-	let b = () => {
+		f || u(c.map(ve));
+	}, [c, f]);
+	let S = () => {
 		u((e) => [...e, {
 			id: crypto.randomUUID(),
 			name: "",
@@ -537,8 +537,8 @@ function X({ dev: e, stage: n, zones: r, title: i }) {
 			mode: "exclude",
 			classFilter: [],
 			enabled: !0
-		}]), p(!0);
-	}, S = (e, t) => {
+		}]), m(!0);
+	}, w = (e, t) => {
 		u((n) => n.map((n, r) => {
 			if (r !== e) return n;
 			let i = n.classFilter.includes(t) ? n.classFilter.filter((e) => e !== t) : [...n.classFilter, t];
@@ -546,7 +546,7 @@ function X({ dev: e, stage: n, zones: r, title: i }) {
 				...n,
 				classFilter: i
 			};
-		})), p(!0);
+		})), m(!0);
 	}, T = (e, t) => {
 		u((n) => n.map((n, r) => {
 			if (r !== e) return n;
@@ -555,42 +555,42 @@ function X({ dev: e, stage: n, zones: r, title: i }) {
 				...n,
 				zoneIds: i
 			};
-		})), p(!0);
-	}, E = (e) => {
-		u((t) => t.filter((t, n) => n !== e)), p(!0);
-	}, O = (e, t) => {
+		})), m(!0);
+	}, O = (e) => {
+		u((t) => t.filter((t, n) => n !== e)), m(!0);
+	}, k = (e, t) => {
 		u((n) => n.map((n, r) => r === e ? {
 			...n,
 			...t
-		} : n)), p(!0);
-	}, k = async () => {
+		} : n)), m(!0);
+	}, A = async () => {
 		if (e?.zoneRules) {
-			h(!0), y(null);
+			g(!0), b(null);
 			try {
 				await e.zoneRules.setRules({
 					stage: n,
 					rules: l.map(ye)
-				}), p(!1);
+				}), m(!1);
 			} catch (e) {
-				y(e instanceof Error ? e.message : String(e));
+				b(e instanceof Error ? e.message : String(e));
 			} finally {
-				h(!1);
+				g(!1);
 			}
 		}
-	}, A = d && !!e?.zoneRules && !m;
+	}, j = f && !!e?.zoneRules && !h;
 	return /* @__PURE__ */ P("div", {
 		className: "rounded-md border border-border bg-surface/40 p-2.5",
 		children: [
 			/* @__PURE__ */ P("div", {
 				className: "flex items-center justify-between mb-2 gap-2",
 				children: [/* @__PURE__ */ N("h3", {
-					className: `${w} truncate`,
+					className: `${x} truncate`,
 					children: i ?? `${n === "motion" ? "Motion" : "Detection"} Rules`
 				}), /* @__PURE__ */ P("div", {
 					className: "flex items-center gap-1 flex-shrink-0",
 					children: [/* @__PURE__ */ P("button", {
 						type: "button",
-						onClick: b,
+						onClick: S,
 						disabled: r.length === 0 || !e,
 						className: D,
 						title: "Add rule",
@@ -598,11 +598,11 @@ function X({ dev: e, stage: n, zones: r, title: i }) {
 					}), /* @__PURE__ */ P("button", {
 						type: "button",
 						onClick: () => {
-							k();
+							A();
 						},
-						disabled: !A,
-						className: C,
-						children: [/* @__PURE__ */ N(K, { className: "h-2.5 w-2.5" }), m ? "…" : "Save"]
+						disabled: !j,
+						className: E,
+						children: [/* @__PURE__ */ N(K, { className: "h-2.5 w-2.5" }), h ? "…" : "Save"]
 					})]
 				})]
 			}),
@@ -623,21 +623,21 @@ function X({ dev: e, stage: n, zones: r, title: i }) {
 									"aria-checked": e.enabled,
 									"aria-label": e.enabled ? "Disable rule" : "Enable rule",
 									title: e.enabled ? "Rule is active — click to disable" : "Rule is disabled — click to enable",
-									onClick: () => O(t, { enabled: !e.enabled }),
+									onClick: () => k(t, { enabled: !e.enabled }),
 									className: ["inline-flex items-center justify-center h-5 w-9 rounded-full border transition-colors flex-shrink-0", e.enabled ? "border-primary/50 bg-primary/20 text-primary" : "border-border bg-surface text-foreground-subtle"].join(" "),
 									children: /* @__PURE__ */ N("span", { className: ["h-3 w-3 rounded-full transition-transform", e.enabled ? "translate-x-1.5 bg-primary" : "-translate-x-1.5 bg-foreground-subtle"].join(" ") })
 								}),
 								/* @__PURE__ */ N("input", {
-									className: `${f} min-w-0`,
+									className: `${C} min-w-0`,
 									placeholder: "Rule name (optional)",
 									value: e.name,
-									onChange: (e) => O(t, { name: e.target.value })
+									onChange: (e) => k(t, { name: e.target.value })
 								}),
 								/* @__PURE__ */ N("button", {
 									type: "button",
 									title: "Remove rule",
 									"aria-label": "Remove rule",
-									onClick: () => E(t),
+									onClick: () => O(t),
 									className: "flex items-center justify-center h-6 w-6 rounded text-foreground-subtle hover:text-danger hover:bg-danger/10 transition-colors flex-shrink-0",
 									children: /* @__PURE__ */ N(q, { className: "h-3.5 w-3.5" })
 								})
@@ -652,14 +652,14 @@ function X({ dev: e, stage: n, zones: r, title: i }) {
 								}),
 								/* @__PURE__ */ N("button", {
 									type: "button",
-									onClick: () => O(t, { mode: "include" }),
-									className: `${v} ${e.mode === "include" ? x : _}`,
+									onClick: () => k(t, { mode: "include" }),
+									className: `${_} ${e.mode === "include" ? v : d}`,
 									children: "Include"
 								}),
 								/* @__PURE__ */ N("button", {
 									type: "button",
-									onClick: () => O(t, { mode: "exclude" }),
-									className: `${v} ${e.mode === "exclude" ? x : _}`,
+									onClick: () => k(t, { mode: "exclude" }),
+									className: `${_} ${e.mode === "exclude" ? v : d}`,
 									children: "Exclude"
 								})
 							]
@@ -675,7 +675,7 @@ function X({ dev: e, stage: n, zones: r, title: i }) {
 							}) : r.map((n) => /* @__PURE__ */ P("button", {
 								type: "button",
 								onClick: () => T(t, n.id),
-								className: `${v} ${e.zoneIds.includes(n.id) ? x : _}`,
+								className: `${_} ${e.zoneIds.includes(n.id) ? v : d}`,
 								children: [/* @__PURE__ */ N("span", {
 									className: "h-2 w-2 rounded-sm",
 									style: { backgroundColor: n.color || "#3b82f6" }
@@ -694,8 +694,8 @@ function X({ dev: e, stage: n, zones: r, title: i }) {
 								}),
 								_e.map((n) => /* @__PURE__ */ N("button", {
 									type: "button",
-									onClick: () => S(t, n.id),
-									className: `${v} ${e.classFilter.includes(n.id) ? x : _}`,
+									onClick: () => w(t, n.id),
+									className: `${_} ${e.classFilter.includes(n.id) ? v : d}`,
 									children: n.label
 								}, n.id)),
 								e.classFilter.length === 0 && /* @__PURE__ */ N("span", {
@@ -707,9 +707,9 @@ function X({ dev: e, stage: n, zones: r, title: i }) {
 					]
 				}, e.id))
 			}),
-			g && /* @__PURE__ */ N("p", {
+			y && /* @__PURE__ */ N("p", {
 				className: "mt-2 text-[10px] text-danger",
-				children: g
+				children: y
 			})
 		]
 	});
@@ -775,13 +775,13 @@ function Q(e) {
 	};
 }
 function De({ deviceId: e }) {
-	let t = k(A().trpcClient, e), i = M(t?.state.zones), o = a(() => i?.zones ?? [], [i]), s = T(), c = s?.drawingKind ?? null, l = s?.selectedZoneId ?? null, u = s?.editingDraft ?? null, d = a(() => o.map((e) => u && u.id === e.id ? {
+	let t = M(S().trpcClient, e), i = p(t?.state.zones), o = a(() => i?.zones ?? [], [i]), s = y(), c = s?.drawingKind ?? null, l = s?.selectedZoneId ?? null, u = s?.editingDraft ?? null, d = a(() => o.map((e) => u && u.id === e.id ? {
 		id: u.id,
 		name: u.name,
 		kind: u.kind,
 		color: u.color,
 		points: [...u.points]
-	} : Ee(e)), [o, u]), f = a(() => d.map(be), [d]), p = r(async (e) => {
+	} : Ee(e)), [o, u]), f = a(() => d.map(be), [d]), h = r(async (e) => {
 		if (e.kind !== "polygon" && e.kind !== "line") return;
 		let n = {
 			id: crypto.randomUUID(),
@@ -800,7 +800,7 @@ function De({ deviceId: e }) {
 		t,
 		d,
 		s
-	]), m = r(async (e, n) => {
+	]), g = r(async (e, n) => {
 		let r = n.map((e) => ({
 			x: e.x,
 			y: e.y
@@ -823,9 +823,9 @@ function De({ deviceId: e }) {
 		d,
 		u,
 		s
-	]), h = r((e, t) => {
-		typeof e == "string" && (t.kind !== "polygon" && t.kind !== "line" || m(e, t.points));
-	}, [m]), g = r((e) => {
+	]), _ = r((e, t) => {
+		typeof e == "string" && (t.kind !== "polygon" && t.kind !== "line" || g(e, t.points));
+	}, [g]), v = r((e) => {
 		if (e === null) {
 			s?.discardDraft(), s?.setSelectedZoneId(null);
 			return;
@@ -846,15 +846,15 @@ function De({ deviceId: e }) {
 	}, [d, s]);
 	return d.length === 0 && c === null ? null : /* @__PURE__ */ N(n, {
 		fallback: null,
-		children: /* @__PURE__ */ N(E, {
+		children: /* @__PURE__ */ N(m, {
 			transparent: !0,
 			items: f,
 			supportedShapes: we,
 			selectedId: l,
-			onSelect: g,
-			onShapeChange: h,
+			onSelect: v,
+			onShapeChange: _,
 			onDrawComplete: (e) => {
-				p(e);
+				h(e);
 			},
 			drawingKind: c === null ? null : Se(c)
 		})
@@ -880,13 +880,13 @@ function Ae(e) {
 	};
 }
 function je({ deviceId: e }) {
-	let t = k(A().trpcClient, e), n = M(t?.state.zones), i = a(() => n?.zones ?? [], [n]), o = a(() => i.map(ke), [i]), s = T(), c = s?.drawingKind ?? null, u = s?.selectedZoneId ?? null, d = s?.editingDraft ?? null;
-	l(a(() => ({
+	let t = M(S().trpcClient, e), n = p(t?.state.zones), i = a(() => n?.zones ?? [], [n]), o = a(() => i.map(ke), [i]), s = y(), c = s?.drawingKind ?? null, l = s?.selectedZoneId ?? null, u = s?.editingDraft ?? null;
+	A(a(() => ({
 		id: "zones",
 		order: 100,
 		node: /* @__PURE__ */ N($, { deviceId: e })
 	}), [e]));
-	let f = r((e) => {
+	let d = r((e) => {
 		if (e === null) {
 			s?.discardDraft(), s?.setSelectedZoneId(null);
 			return;
@@ -899,7 +899,7 @@ function je({ deviceId: e }) {
 			color: t.color,
 			points: t.points
 		});
-	}, [o, s]), p = r(async () => {
+	}, [o, s]), f = r(async () => {
 		let e = s?.editingDraft;
 		if (e) {
 			try {
@@ -915,39 +915,39 @@ function je({ deviceId: e }) {
 			}
 			s?.discardDraft(), s?.setSelectedZoneId(null);
 		}
-	}, [t, s]), _ = r(() => {
+	}, [t, s]), m = r(() => {
 		s?.discardDraft(), s?.setSelectedZoneId(null);
-	}, [s]), v = r(async (e) => {
+	}, [s]), _ = r(async (e) => {
 		try {
 			await t?.zones?.removeZone({ zoneId: e });
 		} catch (e) {
 			console.error("zones.removeZone failed", e);
 		}
 		s?.selectedZoneId === e && s.setSelectedZoneId(null), s?.editingDraft?.id === e && s.discardDraft();
-	}, [t, s]), y = r((e) => {
+	}, [t, s]), v = r((e) => {
 		s?.startDrawing(e);
-	}, [s]), x = r(() => {
+	}, [s]), C = r(() => {
 		s?.setDrawingKind(null);
-	}, [s]), C = a(() => !d || !o.find((e) => e.id === d.id) ? null : {
-		id: d.id,
-		kind: d.kind,
-		name: d.name,
-		color: d.color,
-		points: [...d.points]
-	}, [o, d]);
+	}, [s]), E = a(() => !u || !o.find((e) => e.id === u.id) ? null : {
+		id: u.id,
+		kind: u.kind,
+		name: u.name,
+		color: u.color,
+		points: [...u.points]
+	}, [o, u]);
 	return /* @__PURE__ */ P("div", {
-		className: h,
+		className: g,
 		children: [/* @__PURE__ */ P("div", {
-			className: b,
+			className: O,
 			children: [/* @__PURE__ */ N("div", {
-				className: O,
+				className: h,
 				children: /* @__PURE__ */ P("div", {
 					className: "min-w-0",
 					children: [/* @__PURE__ */ N("h2", {
-						className: w,
+						className: x,
 						children: "Detection Zones"
 					}), /* @__PURE__ */ P("p", {
-						className: `${g} mt-0.5 leading-tight`,
+						className: `${w} mt-0.5 leading-tight`,
 						children: [
 							"Pick a shape below or use the ",
 							/* @__PURE__ */ N("strong", {
@@ -960,24 +960,24 @@ function je({ deviceId: e }) {
 					})]
 				})
 			}), /* @__PURE__ */ P("div", {
-				className: `${m} flex flex-col gap-3`,
+				className: `${b} flex flex-col gap-3`,
 				children: [/* @__PURE__ */ N(me, {
 					zones: o,
-					selectedZoneId: u,
+					selectedZoneId: l,
 					drawingKind: c,
-					onSelectZone: f,
-					onDeleteZone: v,
-					onStartDraw: y,
-					onCancelDraw: x
-				}), C && /* @__PURE__ */ P(F, { children: [/* @__PURE__ */ N("div", { className: "border-t border-border" }), /* @__PURE__ */ N(ge, {
-					zone: C,
-					onSave: p,
-					onDiscard: _,
-					onDelete: () => v(C.id)
+					onSelectZone: d,
+					onDeleteZone: _,
+					onStartDraw: v,
+					onCancelDraw: C
+				}), E && /* @__PURE__ */ P(F, { children: [/* @__PURE__ */ N("div", { className: "border-t border-border" }), /* @__PURE__ */ N(ge, {
+					zone: E,
+					onSave: f,
+					onDiscard: m,
+					onDelete: () => _(E.id)
 				})] })]
 			})]
 		}), /* @__PURE__ */ P("div", {
-			className: `grid grid-cols-1 2xl:grid-cols-2 ${S}`,
+			className: `grid grid-cols-1 2xl:grid-cols-2 ${T}`,
 			children: [/* @__PURE__ */ N(X, {
 				dev: t,
 				stage: "motion",

package/dist/{_virtual_mf-localSharedImportMap___mfe_internal__addon_pipeline_orchestrator_widgets-C2Ftp01d.mjs → _virtual_mf-localSharedImportMap___mfe_internal__addon_pipeline_orchestrator_widgets-w6ra7ZRn.mjs}

@@ -18,7 +18,7 @@ var e = {
 	},
 	"@camstack/types": {
 		name: "@camstack/types",
-		version: "1.1.18",
+		version: "1.1.20",
 		scope: ["default"],
 		loaded: !1,
 		from: "addon_pipeline_orchestrator_widgets",
@@ -33,7 +33,7 @@ var e = {
 	},
 	"@camstack/ui-library": {
 		name: "@camstack/ui-library",
-		version: "1.1.16",
+		version: "1.1.17",
 		scope: ["default"],
 		loaded: !1,
 		from: "addon_pipeline_orchestrator_widgets",