@camera.ui/server 2.2.6 → 2.2.7

package/dist/interface/ha/{ungrouped-BbyfoCQp.js → ungrouped-x00DHNHO.js}

@@ -1,23 +1,23 @@
 import { Et as e, et as t, f as n, gt as r, i, m as a, rt as o } from "./ripple-ZDATPc2w.js";
 import { n as s } from "./virtualscroller-B-UQZDMJ.js";
 import { A as c, D as l, G as u, H as d, Jt as f, K as p, M as m, N as h, Wt as g, Y as _, _t as v, d as y, f as b, gt as x, kt as S, l as C, lt as w, ot as ee, p as T, q as E, r as D, rt as O, st as te, u as k, ut as ne, x as A, xt as j, y as M, z as re } from "./runtime-core.esm-bundler-_TfE0DWz.js";
-import { $ as ie, Bn as ae, Dn as oe, Er as N, Hr as se, Jn as ce, Ln as le, On as ue, Q as de, Qn as fe, Rn as pe, Si as me, Tr as he, Un as ge, Vn as _e, _r as ve, br as ye, ct as be, et as xe, gr as Se, gt as Ce, it as we, lr as Te, lt as Ee, nt as De, o as Oe, rr as ke, rt as Ae, tt as je, ur as Me, zn as Ne } from "./api-D2VzV4is.js";
-import { A as Pe, _ as Fe, o as Ie } from "./intercomService-B7HkLs6z.js";
-import { n as Le } from "./vue-i18n-D5EAy78K.js";
-import { i as Re } from "./alert-outline-FcLLjoOK.js";
-import { t as ze } from "./eventIcons-BFNUgeGr.js";
-import { t as Be } from "./spinner-DIILjDT9.js";
-import { M as Ve } from "./dist-oFWkn6pD.js";
-import { t as P } from "./inputtext-C_ygnPrC.js";
-import { t as F } from "./select-DV7p2EDj.js";
+import { $ as ie, $n as ae, Dn as oe, Er as N, Fn as se, Hr as ce, On as le, Pn as P, Q as ue, Rn as de, Si as fe, Tr as pe, Un as me, Wn as he, Xn as ge, _r as _e, br as ve, ct as ye, er as be, et as xe, gr as Se, gt as Ce, it as we, lr as Te, lt as Ee, nt as De, o as Oe, rr as ke, rt as Ae, tt as je, ur as Me } from "./api-BelbnLQO.js";
+import { A as Ne, _ as Pe, o as Fe } from "./intercomService-B7HkLs6z.js";
+import { n as Ie } from "./vue-i18n-D5EAy78K.js";
+import { i as Le } from "./alert-outline-FcLLjoOK.js";
+import { t as Re } from "./eventIcons-BFNUgeGr.js";
+import { t as ze } from "./spinner-DIILjDT9.js";
+import { M as Be } from "./dist-BybVYMVs.js";
+import { t as F } from "./inputtext-C_ygnPrC.js";
+import { t as I } from "./select-DV7p2EDj.js";
 //#region ~icons/tabler/user-edit
-var I = {
+var L = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function He(e, t) {
-	return d(), T("svg", I, [...t[0] ||= [k("path", {
+function Ve(e, t) {
+	return d(), T("svg", L, [...t[0] ||= [k("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -26,23 +26,23 @@ function He(e, t) {
 		d: "M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h3.5m4.92.61a2.1 2.1 0 0 1 2.97 2.97L18 22h-3v-3z"
 	}, null, -1)]]);
 }
-var Ue = v({
+var He = v({
 	name: "tabler-user-edit",
-	render: He
-}), L = { class: "flex flex-col gap-4 w-full" }, R = {
+	render: Ve
+}), R = { class: "flex flex-col gap-4 w-full" }, z = {
 	key: 0,
 	class: "flex justify-center"
-}, z = ["src", "alt"], B = { class: "flex flex-col gap-2 w-full" }, We = { class: "cui-label" }, V = { class: "flex flex-col gap-2 w-full" }, H = {
+}, B = ["src", "alt"], V = { class: "flex flex-col gap-2 w-full" }, H = { class: "cui-label" }, U = { class: "flex flex-col gap-2 w-full" }, W = {
 	for: "reassignTarget",
 	class: "cui-label"
-}, Ge = /* @__PURE__ */ A({
+}, Ue = /* @__PURE__ */ A({
 	__name: "FaceReassign",
 	props: {
 		cropUrl: {},
 		oldName: {}
 	},
 	setup(e, { expose: t }) {
-		let n = e, { t: r } = Le(), { plugin: i } = Ve("@camera.ui/camera-ui-nvr"), a = j(null), o = j([]), s = j(!0), c = C(() => n.oldName === "unknown" ? r("views.recordings.reassign_unknown_person") : n.oldName), l = C(() => {
+		let n = e, { t: r } = Ie(), { plugin: i } = Be("@camera.ui/camera-ui-nvr"), a = j(null), o = j([]), s = j(!0), c = C(() => n.oldName === "unknown" ? r("views.recordings.reassign_unknown_person") : n.oldName), l = C(() => {
 			let e = o.value.filter((e) => e !== n.oldName).map((e) => ({
 				label: e,
 				value: e
@@ -60,20 +60,20 @@ var Ue = v({
 				s.value = !1;
 			}
 		}), t({ onConfirm: async () => a.value }), (e, t) => {
-			let r = P, i = F;
-			return d(), T("div", L, [
-				n.cropUrl ? (d(), T("div", R, [k("img", {
+			let r = F, i = I;
+			return d(), T("div", R, [
+				n.cropUrl ? (d(), T("div", z, [k("img", {
 					src: n.cropUrl,
 					alt: S(c),
 					class: "w-36 h-36 rounded-xl object-cover bg-neutral-900"
-				}, null, 8, z)])) : b("", !0),
-				k("div", B, [k("label", We, f(e.$t("views.recordings.reassign_current")), 1), M(r, {
+				}, null, 8, B)])) : b("", !0),
+				k("div", V, [k("label", H, f(e.$t("views.recordings.reassign_current")), 1), M(r, {
 					"model-value": S(c),
 					class: "w-full",
 					fluid: "",
 					disabled: ""
 				}, null, 8, ["model-value"])]),
-				k("div", V, [k("label", H, f(e.$t("views.recordings.reassign_new")), 1), M(i, {
+				k("div", U, [k("label", W, f(e.$t("views.recordings.reassign_new")), 1), M(i, {
 					id: "reassignTarget",
 					modelValue: S(a),
 					"onUpdate:modelValue": t[0] ||= (e) => x(a) ? a.value = e : null,
@@ -95,31 +95,31 @@ var Ue = v({
 			]);
 		};
 	}
-}), Ke = {
+}), We = {
 	key: 0,
 	class: "card-skeleton absolute inset-0 rounded-xl"
-}, qe = {
+}, Ge = {
 	key: 2,
 	class: "w-full h-full flex items-center justify-center bg-neutral-800/80"
-}, Je = { class: "absolute top-0 left-0 right-0 p-2 bg-gradient-to-b from-black/80 to-transparent z-[3]" }, Ye = { class: "flex items-center gap-1.5" }, Xe = { class: "text-xs font-semibold text-white truncate min-w-0 flex-1" }, Ze = {
+}, Ke = { class: "absolute top-0 left-0 right-0 p-2 bg-gradient-to-b from-black/80 to-transparent z-[3]" }, qe = { class: "flex items-center gap-1.5" }, Je = { class: "text-xs font-semibold text-white truncate min-w-0 flex-1" }, Ye = {
 	key: 0,
 	class: "text-[10px] font-semibold text-white/80 bg-black/60 px-1.5 py-0.5 rounded-md shrink-0"
-}, Qe = ["title"], $e = ["title", "disabled"], et = { class: "text-[10px] text-white/70" }, tt = ["aria-label"], nt = ["aria-label"], rt = { class: "block text-[11px] text-white font-medium truncate bg-black/50 rounded-md px-2 py-0.5" }, it = { class: "flex items-center gap-1 min-w-0" }, at = ["title"], ot = {
+}, Xe = ["title"], Ze = ["title", "disabled"], Qe = { class: "text-[10px] text-white/70" }, $e = ["aria-label"], et = ["aria-label"], tt = { class: "block text-[11px] text-white font-medium truncate bg-black/50 rounded-md px-2 py-0.5" }, nt = { class: "flex items-center gap-1 min-w-0" }, rt = ["title"], it = {
 	key: 0,
 	class: "flex items-center gap-0.5 shrink-0 opacity-85 group-hover:opacity-100 transition-opacity duration-200"
-}, st = ["onClick"], ct = ["src", "alt"], lt = {
+}, at = ["onClick"], ot = ["src", "alt"], st = {
 	key: 0,
 	class: "text-[10px] text-white/60 font-medium"
-}, ut = {
+}, ct = {
 	key: 6,
 	class: "absolute inset-0 z-[4] flex items-center justify-center pointer-events-none"
-}, dt = {
+}, lt = {
 	key: 7,
 	class: "absolute bottom-10 left-1/2 -translate-x-1/2 z-[4] pointer-events-none"
-}, ft = {
+}, ut = {
 	class: "text-[10px] font-semibold text-white bg-black/60 px-1.5 py-0.5 rounded-md whitespace-nowrap",
 	style: { "font-variant-numeric": "tabular-nums" }
-}, pt = 24, mt = 30, ht = 22, gt = 28, _t = 8, vt = 8, U = /*#__PURE__*/ N(/* @__PURE__ */ A({
+}, dt = 24, ft = 30, pt = 22, mt = 28, ht = 8, gt = 8, G = /*#__PURE__*/ N(/* @__PURE__ */ A({
 	__name: "RecordingCard",
 	props: {
 		event: {},
@@ -139,7 +139,7 @@ var Ue = v({
 		"openTrace"
 	],
 	setup(e, { emit: t }) {
-		let r = e, i = t, o = Ie(), s = me(), { t: c } = Le(), p = se(), m = ce("@camera.ui/camera-ui-nvr"), { plugin: v } = Ve("@camera.ui/camera-ui-nvr"), x = Ce(), { icons: w } = ze(), E = m.getCachedThumbnails(r.event.id), te = E ? le(E, r.event, "card", r.segIndex).url ? "loaded" : "empty" : "loading", A = l(Ne, void 0), N = O("rootRef"), Fe = O("previewCanvasRef"), Be = O("footerRef"), P = O("cardMenuRef"), F = j(!1), I = j(!1), He = De(N, () => Gt(), () => $()), L = j(!1), R = j(E ?? null), z = j(te), B = j(!1), We = j(0), V = j(null), H = j(!1), U = j(0), yt = C(() => Se(void 0, "admin")), W = C(() => V.value ?? r.event.favorite ?? !1), G = C(() => {
+		let r = e, i = t, o = Fe(), s = fe(), { t: c } = Ie(), p = ce(), m = ge("@camera.ui/camera-ui-nvr"), { plugin: v } = Be("@camera.ui/camera-ui-nvr"), x = Ce(), { icons: w } = Re(), E = m.getCachedThumbnails(r.event.id), te = E ? P(E, r.event, "card", r.segIndex).url ? "loaded" : "empty" : "loading", A = l(he, void 0), N = O("rootRef"), Pe = O("previewCanvasRef"), ze = O("footerRef"), F = O("cardMenuRef"), I = j(!1), L = j(!1), Ve = De(N, () => Kt(), () => $()), R = j(!1), z = j(E ?? null), B = j(te), V = j(!1), H = j(0), U = j(null), W = j(!1), G = j(), _t = j(0), vt = C(() => Se(void 0, "admin")), yt = C(() => U.value ?? r.event.favorite ?? !1), bt = C(() => {
 			if (r.semanticScore == null) return;
 			let e = Math.max(0, Math.min(1, r.semanticScore));
 			return {
@@ -147,23 +147,23 @@ var Ue = v({
 				label: `${(e * 100).toFixed(0)}%`,
 				color: e >= .5 ? "bg-green-500/80" : e >= .25 ? "bg-yellow-500/80" : "bg-red-400/80"
 			};
-		}), K = C(() => R.value ? le(R.value, r.event, "card", r.segIndex) : null), q = C(() => {
+		}), K = C(() => z.value ? P(z.value, r.event, "card", r.segIndex) : null), q = C(() => {
 			let e = r.segIndex ?? K.value?.segIndex;
 			return e === void 0 ? void 0 : r.event.segments?.[e];
-		}), bt = C(() => K.value?.url), xt = C(() => K.value?.label), St = C(() => K.value?.type ?? r.event.types[0] ?? "motion"), J = C(() => {
+		}), xt = C(() => K.value?.url), St = C(() => K.value?.label), Ct = C(() => K.value?.type ?? r.event.types[0] ?? "motion"), J = C(() => {
 			if (r.hideSegmentBadge) return;
 			let e = r.event.segments?.length ?? 0;
 			return r.segIndex !== void 0 && e > 1 ? `${r.segIndex + 1}/${e}` : void 0;
 		}), Y = C(() => {
-			let e = R.value, t = K.value?.url;
+			let e = z.value, t = K.value?.url;
 			if (!e || !t) return [];
 			let n = [{
 				url: t,
 				label: K.value?.label,
-				type: St.value,
+				type: Ct.value,
 				crop: !1
 			}];
-			for (let t of ae(e, r.segIndex)) {
+			for (let t of se(e, r.segIndex)) {
 				if (n.some((e) => e.url === t.url)) continue;
 				let e = t.key.split(":")[0];
 				n.push({
@@ -175,7 +175,7 @@ var Ue = v({
 				});
 			}
 			if (r.segIndex === void 0) for (let t of Object.keys(e.cards ?? e.strips ?? {}).sort((e, t) => Number(e) - Number(t))) {
-				let i = ge(e.cards?.[t] ?? e.strips?.[t]);
+				let i = me(e.cards?.[t] ?? e.strips?.[t]);
 				if (!i || n.some((e) => e.url === i)) continue;
 				let a = we(r.event, t);
 				n.push({
@@ -186,26 +186,26 @@ var Ue = v({
 				});
 			}
 			return n.length > 1 ? n : [];
-		}), Ct = C(() => Y.value.length > 1), wt = C(() => Y.value.length ? Math.min(We.value, Y.value.length - 1) : 0), X = C(() => Ct.value ? Y.value[wt.value] : void 0), Tt = C(() => !!X.value?.crop), Et = C(() => X.value?.url ?? bt.value), Dt = C(() => X.value?.label ?? xt.value), Z = C(() => {
+		}), wt = C(() => Y.value.length > 1), X = C(() => Y.value.length ? Math.min(H.value, Y.value.length - 1) : 0), Z = C(() => wt.value ? Y.value[X.value] : void 0), Tt = C(() => !!Z.value?.crop), Et = C(() => Z.value?.url ?? xt.value), Dt = C(() => Z.value?.label ?? St.value), Q = C(() => {
 			let e = q.value;
-			return (e ? fe(r.event, e) : [...new Set(r.event.types)]).filter((e) => e !== "motion" && e !== "audio");
+			return (e ? ae(r.event, e) : [...new Set(r.event.types)]).filter((e) => e !== "motion" && e !== "audio");
 		}), Ot = C(() => r.cameraName ?? r.event.cameraId), kt = C(() => Y.value.map((e) => ({
 			url: e.url,
 			type: e.type
-		}))), At = C(() => Z.value.slice(0, Q.value.icons)), Q = C(() => {
-			let e = U.value;
+		}))), At = C(() => Q.value.slice(0, jt.value.icons)), jt = C(() => {
+			let e = _t.value;
 			if (!e) return {
 				icons: 2,
 				tiles: 2
 			};
-			let t = e - _t;
-			r.selectionMode && (t -= gt);
-			let n = kt.value.length > 0 ? 52 : 0, i = Vt(Z.value.length, Math.max(0, t - n), pt), a = Z.value.length > 0 ? Math.max(1, i) : 0, o = a * pt + (a < Z.value.length ? ht : 0);
+			let t = e - ht;
+			r.selectionMode && (t -= mt);
+			let n = kt.value.length > 0 ? 52 : 0, i = Ht(Q.value.length, Math.max(0, t - n), dt), a = Q.value.length > 0 ? Math.max(1, i) : 0, o = a * dt + (a < Q.value.length ? pt : 0);
 			return {
 				icons: a,
-				tiles: Vt(kt.value.length, Math.max(0, t - o), mt)
+				tiles: Ht(kt.value.length, Math.max(0, t - o), ft)
 			};
-		}), jt = C(() => Z.value.slice(Q.value.icons)), Mt = C(() => kt.value.slice(0, Q.value.tiles)), Nt = C(() => kt.value.length - Q.value.tiles), Pt = C(() => {
+		}), Mt = C(() => Q.value.slice(jt.value.icons)), Nt = C(() => kt.value.slice(0, jt.value.tiles)), Pt = C(() => kt.value.length - jt.value.tiles), Ft = C(() => {
 			let e = new Date(q.value?.firstSeen ?? r.event.thumbnailAt ?? r.event.startTime), t = /* @__PURE__ */ new Date(), n = e.toDateString() === t.toDateString(), i = e.toLocaleTimeString([], {
 				hour: "2-digit",
 				minute: "2-digit"
@@ -214,39 +214,49 @@ var Ue = v({
 				month: "short",
 				day: "numeric"
 			})} ${i}`;
-		}), Ft = C(() => !!(v.value && r.event.endTime && r.event.hasRecording !== !1)), It = C(() => A ? I.value ? c("views.recordings.no_preview") : L.value ? A.status.value === "unavailable" ? c("views.recordings.no_preview") : A.status.value === "playing" && A.previewTimeMs.value ? Wt(A.previewTimeMs.value) : "" : "" : ""), Lt = C(() => {
-			let e = X.value;
-			if (e && e.type === "face") return e.label ? e.label : "unknown";
-		}), Rt = C(() => {
+		}), It = C(() => !!(v.value && r.event.endTime && r.event.hasRecording !== !1)), Lt = C(() => A ? L.value ? c("views.recordings.no_preview") : R.value ? A.status.value === "unavailable" ? c("views.recordings.no_preview") : A.status.value === "playing" && A.previewTimeMs.value ? Gt(A.previewTimeMs.value) : "" : "" : ""), Rt = C(() => {
+			let e = Z.value;
+			if (e?.crop) return e.type === "face" ? {
+				seg: e.faceSeg ?? -1,
+				label: e.label || "unknown"
+			} : void 0;
+			let t = r.segIndex ?? K.value?.segIndex;
+			if (X.value > 0 || t === void 0) return;
+			let n = q.value?.attributes.filter((e) => e.type === "face") ?? [];
+			return n.length === 1 ? {
+				seg: t,
+				label: n[0].label || "unknown"
+			} : void 0;
+		}), zt = C(() => {
 			let e = [];
-			return yt.value && Lt.value !== void 0 && e.push({
+			return vt.value && Rt.value && e.push({
 				key: "reassign",
 				label: c("views.recordings.reassign_face"),
-				icon: Ue,
-				loading: H.value,
-				onClick: () => Zt()
+				icon: He,
+				loading: W.value,
+				onClick: () => Qt()
 			}), r.camera && e.push({
 				key: "trace",
 				label: c("views.recordings.open_trace"),
-				icon: be,
+				icon: ye,
 				onClick: () => i("openTrace", q.value?.firstSeen)
 			}), e.push({
 				key: "ask",
 				label: c("views.recordings.ask_assistant"),
-				icon: Re,
-				onClick: () => Bt()
-			}), Ft.value && e.push({
+				icon: Le,
+				onClick: () => Vt()
+			}), It.value && e.push({
 				key: "download",
 				label: c("views.recordings.download"),
 				icon: Ee,
-				loading: B.value,
-				onClick: () => en()
+				loading: V.value,
+				onClick: () => tn()
 			}), e;
 		});
-		function zt() {
-			ue(P.value?.hide);
-		}
 		function Bt() {
+			le(F.value?.hide);
+		}
+		function Vt() {
 			let e = c("views.recordings.ask_assistant_prompt", {
 				camera: r.cameraName ?? r.camera?.name ?? r.event.cameraId,
 				time: new Date(r.event.startTime).toLocaleString(),
@@ -257,51 +267,51 @@ var Ue = v({
 				query: { prompt: e }
 			});
 		}
-		function Vt(e, t, n) {
-			return e === 0 || t < n ? 0 : e * n <= t ? e : Math.max(0, Math.floor((t - ht) / n));
+		function Ht(e, t, n) {
+			return e === 0 || t < n ? 0 : e * n <= t ? e : Math.max(0, Math.floor((t - pt) / n));
 		}
-		function Ht(e) {
+		function Ut(e) {
 			let t = Y.value.length;
-			t && ($(), We.value = (wt.value + e + t) % t);
+			t && ($(), G.value = void 0, H.value = (X.value + e + t) % t);
 		}
-		function Ut(e, t) {
-			Ct.value && (t.stopPropagation(), $(), We.value = e);
+		function Wt(e, t) {
+			wt.value && (t.stopPropagation(), $(), G.value = void 0, H.value = e);
 		}
 		function $() {
-			I.value = !1, A && L.value && (L.value = !1, A.onHoverEnd());
+			L.value = !1, A && R.value && (R.value = !1, A.onHoverEnd());
 		}
-		function Wt(e) {
+		function Gt(e) {
 			let t = new Date(e);
 			return `${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}:${String(t.getSeconds()).padStart(2, "0")}`;
 		}
-		function Gt() {
-			if (!A || wt.value > 0) return;
-			let e = Fe.value;
+		function Kt() {
+			if (!A || X.value > 0) return;
+			let e = Pe.value;
 			if (!e) return;
-			let t = _e(r.event);
+			let t = de(r.event);
 			if (r.event.hasRecording === !1 || !t) {
-				I.value = !0;
+				L.value = !0;
 				return;
 			}
-			L.value = !0, A.onHoverStart(e, r.event.cameraId, r.event.id, r.event.startTime, t, r.camera?.zones?.privacy, ke(r.event));
-		}
-		function Kt() {
-			He.blocksMouseEnter() || Gt();
+			R.value = !0, A.onHoverStart(e, r.event.cameraId, r.event.id, r.event.startTime, t, r.camera?.zones?.privacy, ke(r.event));
 		}
 		function qt() {
-			I.value = !1, A && (L.value = !1, A.onHoverEnd());
+			Ve.blocksMouseEnter() || Kt();
 		}
-		async function Jt(e = 2) {
+		function Jt() {
+			L.value = !1, A && (R.value = !1, A.onHoverEnd());
+		}
+		async function Yt(e = 2) {
 			let t = await r.loadThumbnails(r.event.id, r.event.startTime);
 			if (t) {
-				R.value = t;
-				let e = le(t, r.event, "card");
-				z.value = e.url ? "loaded" : "empty";
-			} else if (e > 0) return await new Promise((e) => setTimeout(e, 500)), Jt(e - 1);
-			else z.value = r.event.state === "active" ? "loading" : "empty";
+				z.value = t;
+				let e = P(t, r.event, "card");
+				B.value = e.url ? "loaded" : "empty";
+			} else if (e > 0) return await new Promise((e) => setTimeout(e, 500)), Yt(e - 1);
+			else B.value = r.event.state === "active" ? "loading" : "empty";
 		}
-		function Yt() {
-			if (!He.consumesClick()) {
+		function Xt() {
+			if (!Ve.consumesClick()) {
 				if (r.selectionMode) {
 					i("select");
 					return;
@@ -309,31 +319,35 @@ var Ue = v({
 				i("scrollToEvent", q.value?.firstSeen ?? Ae(r.event));
 			}
 		}
-		async function Xt(e) {
-			$(), F.value || (F.value = !0, await h()), P.value?.toggleMenu(e);
+		async function Zt(e) {
+			$(), I.value || (I.value = !0, await h()), F.value?.toggleMenu(e);
 		}
-		function Zt() {
-			let e = Lt.value;
-			e !== void 0 && x.openComponentDialog(Ge, {
+		function Qt() {
+			let e = Rt.value;
+			if (!e) return;
+			let t = !!Z.value?.crop;
+			x.openComponentDialog(Ue, {
 				data: {
 					title: c("views.recordings.reassign_face"),
 					confirmText: c("components.form.button.save"),
 					contentProps: {
-						cropUrl: X.value?.url,
-						oldName: e
+						cropUrl: Z.value?.url,
+						oldName: e.label
 					}
 				},
-				onConfirm: (e) => Qt(e)
+				onConfirm: (n) => $t(e, n, t)
 			});
 		}
-		async function Qt(e) {
-			let t = Lt.value;
-			if (t === void 0 || H.value) return;
-			let n = X.value?.faceSeg ?? -1, i = v.value;
+		async function $t(e, t, n) {
+			if (W.value) return;
+			let i = v.value;
 			if (i?.reassignEventFace) {
-				H.value = !0;
+				W.value = !0;
 				try {
-					await i.reassignEventFace(r.event.id, n, t, e) > 0 && pe(r.event.id), s.add({
+					await i.reassignEventFace(r.event.id, e.seg, e.label, t) > 0 && (n && (G.value = {
+						seg: e.seg,
+						label: t || "unknown"
+					}), be(r.event.id)), s.add({
 						severity: "success",
 						detail: c("views.recordings.reassign_done"),
 						life: 3e3
@@ -345,31 +359,31 @@ var Ue = v({
 						life: 5e3
 					});
 				} finally {
-					H.value = !1;
+					W.value = !1;
 				}
 			}
 		}
-		async function $t() {
-			let e = !W.value;
-			V.value = e;
+		async function en() {
+			let e = !yt.value;
+			U.value = e;
 			try {
 				await m.setEventFavorite(r.event.id, e);
 			} catch (e) {
-				V.value = null, s.add({
+				U.value = null, s.add({
 					severity: "error",
 					detail: Oe(e),
 					life: 5e3
 				});
 			}
 		}
-		async function en() {
-			if (B.value) return;
+		async function tn() {
+			if (V.value) return;
 			let e = v.value;
 			if (e?.nvrExport && r.event.endTime) {
-				B.value = !0;
+				V.value = !0;
 				try {
 					let t = await e.nvrExport(r.event.cameraId, r.event.startTime * 1e3, r.event.endTime * 1e3);
-					await ye({
+					await ve({
 						url: t.url,
 						filename: t.filename
 					});
@@ -381,37 +395,42 @@ var Ue = v({
 						life: 5e3
 					});
 				} finally {
-					B.value = !1;
+					V.value = !1;
 				}
 			}
 		}
-		return ee(() => m.storeVersion.value, () => {
+		return ee(Y, (e) => {
+			let t = G.value;
+			if (!t) return;
+			let n = e.findIndex((e) => e.crop && e.faceSeg === t.seg && e.label === t.label);
+			n < 0 || (H.value = n, G.value = void 0);
+		}), ee(() => m.storeVersion.value, () => {
 			let e = m.getCachedThumbnails(r.event.id);
 			if (!e) {
-				R.value && Jt();
+				z.value && Yt();
 				return;
 			}
-			R.value = e, le(e, r.event, "card").url && (z.value = "loaded");
-		}), Pe(Be, (e) => {
-			let t = e[0]?.contentRect.width ?? 0, n = Math.round(t / vt) * vt;
-			n !== U.value && (U.value = n);
+			z.value = e, P(e, r.event, "card").url && (B.value = "loaded");
+		}), Ne(ze, (e) => {
+			let t = e[0]?.contentRect.width ?? 0, n = Math.round(t / gt) * gt;
+			n !== _t.value && (_t.value = n);
 		}), re(() => {
-			te === "loading" && Jt();
+			te === "loading" && Yt();
 		}), (t, r) => {
-			let i = he, o = de, s = ie, c = xe, l = je, p = Te, m = Me, h = ve;
+			let i = pe, o = ue, s = ie, c = xe, l = je, p = Te, m = Me, h = _e;
 			return d(), T("div", {
 				ref_key: "rootRef",
 				ref: N,
 				class: "recording-card relative group cursor-pointer",
-				onClickCapture: zt,
-				onClick: Yt,
-				onMouseenter: Kt,
-				onMouseleave: qt
+				onClickCapture: Bt,
+				onClick: Xt,
+				onMouseenter: qt,
+				onMouseleave: Jt
 			}, [k("div", {
 				class: g(["bg-neutral-900 w-full rounded-xl overflow-hidden relative transition-shadow duration-200", { "ring-2 ring-inset ring-primary/70": e.siblingActive }]),
 				style: { "aspect-ratio": "1/1" }
 			}, [
-				S(z) === "loading" ? (d(), T("div", Ke)) : S(Et) ? (d(), y(i, {
+				S(B) === "loading" ? (d(), T("div", We)) : S(Et) ? (d(), y(i, {
 					key: 1,
 					src: S(Et),
 					alt: S(Ot),
@@ -422,73 +441,73 @@ var Ue = v({
 					"src",
 					"alt",
 					"image-style"
-				])) : (d(), T("div", qe, [(d(), y(_(S(w)[S(St)] ?? S(w).motion), { class: "w-10 h-10 text-white/20" }))])),
+				])) : (d(), T("div", Ge, [(d(), y(_(S(w)[S(Ct)] ?? S(w).motion), { class: "w-10 h-10 text-white/20" }))])),
 				S(A) ? ne((d(), T("canvas", {
 					key: 3,
 					ref_key: "previewCanvasRef",
-					ref: Fe,
+					ref: Pe,
 					class: "absolute inset-0 w-full h-full object-cover pointer-events-none z-[1]"
-				}, null, 512)), [[n, S(L)]]) : b("", !0),
+				}, null, 512)), [[n, S(R)]]) : b("", !0),
 				r[2] ||= k("div", { class: "absolute inset-0 bg-transparent group-hover:bg-black/30 pointer-events-none transition-colors duration-200 z-[2]" }, null, -1),
-				k("div", Je, [k("div", Ye, [
-					k("p", Xe, f(S(Ot)), 1),
-					S(J) ? (d(), T("span", Ze, f(S(J)), 1)) : b("", !0),
-					S(G) ? (d(), T("span", {
+				k("div", Ke, [k("div", qe, [
+					k("p", Je, f(S(Ot)), 1),
+					S(J) ? (d(), T("span", Ye, f(S(J)), 1)) : b("", !0),
+					S(bt) ? (d(), T("span", {
 						key: 1,
-						class: g(["text-[10px] font-bold text-white px-1.5 py-0.5 rounded-md shrink-0", S(G).color])
-					}, f(S(G).label), 3)) : b("", !0),
-					S(yt) && !e.selectionMode ? (d(), T("button", {
+						class: g(["text-[10px] font-bold text-white px-1.5 py-0.5 rounded-md shrink-0", S(bt).color])
+					}, f(S(bt).label), 3)) : b("", !0),
+					S(vt) && !e.selectionMode ? (d(), T("button", {
 						key: 2,
-						title: S(W) ? t.$t("views.recordings.unfavorite") : t.$t("views.recordings.favorite"),
+						title: S(yt) ? t.$t("views.recordings.unfavorite") : t.$t("views.recordings.favorite"),
 						type: "button",
 						class: "card-icon-button w-5 h-5 shrink-0",
-						onClick: a($t, ["stop"]),
+						onClick: a(en, ["stop"]),
 						onMouseenter: $
-					}, [S(W) ? (d(), y(o, {
+					}, [S(yt) ? (d(), y(o, {
 						key: 0,
 						class: "w-3 h-3 text-yellow-400"
 					})) : (d(), y(s, {
 						key: 1,
 						class: "w-3 h-3 text-white"
-					}))], 40, Qe)) : b("", !0),
-					S(Rt).length > 0 && !e.selectionMode ? (d(), T("button", {
+					}))], 40, Xe)) : b("", !0),
+					S(zt).length > 0 && !e.selectionMode ? (d(), T("button", {
 						key: 3,
 						title: t.$t("views.recordings.more_actions"),
 						type: "button",
 						class: "card-icon-button w-5 h-5 shrink-0",
-						disabled: S(B) || S(H),
-						onClick: a(Xt, ["stop"]),
+						disabled: S(V) || S(W),
+						onClick: a(Zt, ["stop"]),
 						onMouseenter: $
-					}, [S(B) || S(H) ? (d(), y(c, {
+					}, [S(V) || S(W) ? (d(), y(c, {
 						key: 0,
 						class: "w-3 h-3 text-white"
 					})) : (d(), y(l, {
 						key: 1,
 						class: "w-3 h-3 text-white"
-					}))], 40, $e)) : b("", !0)
-				]), k("p", et, f(S(Pt)), 1)]),
+					}))], 40, Ze)) : b("", !0)
+				]), k("p", Qe, f(S(Ft)), 1)]),
 				S(Y).length > 1 ? (d(), T(D, { key: 4 }, [k("button", {
 					type: "button",
 					class: "card-icon-button carousel-nav absolute left-1 top-1/2 -translate-y-1/2 z-[3] w-7 h-7 transition-opacity duration-200",
 					"aria-label": t.$t("views.recordings.prev_image"),
-					onClick: r[0] ||= a((e) => Ht(-1), ["stop"]),
+					onClick: r[0] ||= a((e) => Ut(-1), ["stop"]),
 					onMouseenter: $
-				}, [M(p, { class: "w-5 h-5 text-white" })], 40, tt), k("button", {
+				}, [M(p, { class: "w-5 h-5 text-white" })], 40, $e), k("button", {
 					type: "button",
 					class: "card-icon-button carousel-nav absolute right-1 top-1/2 -translate-y-1/2 z-[3] w-7 h-7 transition-opacity duration-200",
 					"aria-label": t.$t("views.recordings.next_image"),
-					onClick: r[1] ||= a((e) => Ht(1), ["stop"]),
+					onClick: r[1] ||= a((e) => Ut(1), ["stop"]),
 					onMouseenter: $
-				}, [M(m, { class: "w-5 h-5 text-white" })], 40, nt)], 64)) : b("", !0),
+				}, [M(m, { class: "w-5 h-5 text-white" })], 40, et)], 64)) : b("", !0),
 				S(Dt) ? (d(), T("div", {
 					key: 5,
-					class: g(["absolute left-1/2 -translate-x-1/2 z-[3] max-w-[85%] pointer-events-none transition-all duration-200", S(It) ? "bottom-16" : "bottom-10"])
-				}, [k("span", rt, f(S(Dt)), 1)], 2)) : b("", !0),
+					class: g(["absolute left-1/2 -translate-x-1/2 z-[3] max-w-[85%] pointer-events-none transition-all duration-200", S(Lt) ? "bottom-16" : "bottom-10"])
+				}, [k("span", tt, f(S(Dt)), 1)], 2)) : b("", !0),
 				k("div", {
 					ref_key: "footerRef",
-					ref: Be,
+					ref: ze,
 					class: "absolute bottom-2 left-2 right-2 flex items-center justify-between gap-2 z-[3]"
-				}, [k("div", it, [
+				}, [k("div", nt, [
 					e.selectionMode ? (d(), T("div", {
 						key: 0,
 						class: g(["w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors shrink-0", e.selected ? "bg-primary border-primary" : "bg-black/40 border-white/80"])
@@ -500,36 +519,36 @@ var Ue = v({
 						key: e,
 						class: "flex items-center justify-center w-5 h-5 rounded-md bg-black/60 shrink-0"
 					}, [(d(), y(_(S(w)[e] ?? S(w).motion), { class: "w-3 h-3 text-white/80" }))]))), 128)),
-					S(jt).length > 0 ? (d(), T("span", {
+					S(Mt).length > 0 ? (d(), T("span", {
 						key: 1,
-						title: S(jt).join(", "),
+						title: S(Mt).join(", "),
 						class: "text-[10px] text-white/60 font-medium shrink-0"
-					}, " +" + f(S(jt).length), 9, at)) : b("", !0)
-				]), S(Mt).length > 0 || S(Nt) > 0 ? (d(), T("div", ot, [(d(!0), T(D, null, u(S(Mt), (e, t) => (d(), T("div", {
+					}, " +" + f(S(Mt).length), 9, rt)) : b("", !0)
+				]), S(Nt).length > 0 || S(Pt) > 0 ? (d(), T("div", it, [(d(!0), T(D, null, u(S(Nt), (e, t) => (d(), T("div", {
 					key: t,
-					class: g(["w-7 h-7 rounded overflow-hidden border bg-neutral-800 cursor-pointer", t === S(wt) ? "border-primary/80" : "border-white/20"]),
-					onClick: (e) => Ut(t, e)
+					class: g(["w-7 h-7 rounded overflow-hidden border bg-neutral-800 cursor-pointer", t === S(X) ? "border-primary/80" : "border-white/20"]),
+					onClick: (e) => Wt(t, e)
 				}, [k("img", {
 					src: e.url,
 					alt: e.type,
 					decoding: "async",
 					loading: "lazy",
 					class: "w-full h-full object-cover"
-				}, null, 8, ct)], 10, st))), 128)), S(Nt) > 0 ? (d(), T("span", lt, "+" + f(S(Nt)), 1)) : b("", !0)])) : b("", !0)], 512),
-				S(A) && S(L) && S(A).isLoading.value ? (d(), T("div", ut, [M(c, { class: "w-7 h-7 text-white" })])) : b("", !0),
-				S(It) ? (d(), T("div", dt, [k("span", ft, f(S(It)), 1)])) : b("", !0)
-			], 2), S(F) ? (d(), y(oe, {
+				}, null, 8, ot)], 10, at))), 128)), S(Pt) > 0 ? (d(), T("span", st, "+" + f(S(Pt)), 1)) : b("", !0)])) : b("", !0)], 512),
+				S(A) && S(R) && S(A).isLoading.value ? (d(), T("div", ct, [M(c, { class: "w-7 h-7 text-white" })])) : b("", !0),
+				S(Lt) ? (d(), T("div", lt, [k("span", ut, f(S(Lt)), 1)])) : b("", !0)
+			], 2), S(I) ? (d(), y(oe, {
 				key: 0,
 				ref_key: "cardMenuRef",
-				ref: P,
-				items: S(Rt),
+				ref: F,
+				items: S(zt),
 				popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
 			}, null, 8, ["items"])) : b("", !0)], 544);
 		};
 	}
-}), [["__scopeId", "data-v-22b538a5"]]), yt = {
+}), [["__scopeId", "data-v-9d797f4c"]]), _t = {
 	name: "VirtualScroller",
-	components: { SpinnerIcon: Be },
+	components: { SpinnerIcon: ze },
 	extends: {
 		name: "BaseVirtualScroller",
 		extends: i,
@@ -1089,8 +1108,8 @@ var Ue = v({
 			this.content = e;
 		}
 	}
-}, W = ["tabindex"];
-function G(e, t, n, r, i, a) {
+}, vt = ["tabindex"];
+function yt(e, t, n, r, i, a) {
 	let o = E("SpinnerIcon");
 	return e.disabled ? (d(), T(D, { key: 1 }, [p(e.$slots, "default"), p(e.$slots, "content", {
 		items: e.items,
@@ -1138,15 +1157,15 @@ function G(e, t, n, r, i, a) {
 			spin: "",
 			class: "p-virtualscroller-loading-icon"
 		}, e.ptm("loadingIcon")), null, 16)])], 16)) : b("", !0)
-	], 16, W));
+	], 16, vt));
 }
-var K = /*#__PURE__*/ N(yt, [["render", G]]), q = {
+var bt = /*#__PURE__*/ N(_t, [["render", yt]]), K = {
 	aspectRatio: 1,
 	gap: 8,
 	hasMore: !1,
 	loadMore: void 0,
 	itemKey: void 0
-}, bt = { class: "recordings-row" }, xt = {
+}, q = { class: "recordings-row" }, xt = {
 	key: 1,
 	class: "pointer-events-none absolute bottom-2 left-1/2 -translate-x-1/2 z-10 rounded-full bg-black/60 p-1.5"
 }, St = /*#__PURE__*/ N(/* @__PURE__ */ A({
@@ -1159,9 +1178,9 @@ var K = /*#__PURE__*/ N(yt, [["render", G]]), q = {
 		hasMore: { type: Boolean },
 		loadMore: { type: Function },
 		itemKey: { type: Function }
-	}, q),
+	}, K),
 	setup(e, { expose: t }) {
-		let n = e, r = O("containerRef"), { width: i, height: a } = Fe(r), o = j(0), s = j(!1), c = null, l = !1, f = C(() => a.value > 0 ? `${a.value}px` : void 0), m = C(() => {
+		let n = e, r = O("containerRef"), { width: i, height: a } = Pe(r), o = j(0), s = j(!1), c = null, l = !1, f = C(() => a.value > 0 ? `${a.value}px` : void 0), m = C(() => {
 			let e = i.value;
 			return e ? Math.max(1, Math.floor((e + n.gap) / (n.minItemWidth + n.gap))) : 0;
 		}), g = C(() => {
@@ -1219,7 +1238,7 @@ var K = /*#__PURE__*/ N(yt, [["render", G]]), q = {
 			scrollToTop: ie,
 			scrollY: o
 		}), (e, t) => {
-			let n = K, i = xe;
+			let n = bt, i = xe;
 			return d(), T("div", {
 				ref_key: "containerRef",
 				ref: r,
@@ -1235,7 +1254,7 @@ var K = /*#__PURE__*/ N(yt, [["render", G]]), q = {
 				class: "recordings-scroll",
 				onScroll: re
 			}, {
-				item: w(({ item: t }) => [k("div", bt, [(d(!0), T(D, null, u(t, (t) => (d(), T("div", {
+				item: w(({ item: t }) => [k("div", q, [(d(!0), T(D, null, u(t, (t) => (d(), T("div", {
 					key: E(t),
 					class: "recordings-cell"
 				}, [p(e.$slots, "item", { item: t }, void 0, !0)]))), 128))])]),
@@ -1255,7 +1274,7 @@ var K = /*#__PURE__*/ N(yt, [["render", G]]), q = {
 }), [["__scopeId", "data-v-a672f3ff"]]);
 //#endregion
 //#region src/components/CuiRecordings/ungrouped.ts
-function J(e) {
+function Ct(e) {
 	if (e.episode) return e.episode.endTime;
 	if (e.segIndex !== void 0) {
 		let t = e.event.segments?.[e.segIndex];
@@ -1263,26 +1282,30 @@ function J(e) {
 	}
 	return e.event.thumbnailAt ?? e.event.startTime;
 }
-function Y(e) {
-	let t = [];
-	for (let n of e) {
-		let e = n.segments ?? [];
+function J(e, t) {
+	return Ct(t) - Ct(e);
+}
+function Y(e, t = !1) {
+	let n = [];
+	for (let t of e) {
+		let e = t.segments ?? [];
 		if (e.length <= 1) {
-			t.push({
-				event: n,
-				key: n.id
+			n.push({
+				event: t,
+				key: t.id
 			});
 			continue;
 		}
-		e.forEach((e, r) => {
-			e && t.push({
-				event: n,
-				key: `${n.id}:seg:${r}`,
-				segIndex: r
+		let r = [];
+		e.forEach((e, n) => {
+			e && r.push({
+				event: t,
+				key: `${t.id}:seg:${n}`,
+				segIndex: n
 			});
-		});
+		}), n.push(...r.sort(J));
 	}
-	return t.sort((e, t) => J(t) - J(e)), t;
+	return t ? n : n.sort(J);
 }
 //#endregion
-export { U as i, J as n, St as r, Y as t };
+export { G as i, J as n, St as r, Y as t };