@camera.ui/server 2.2.5-beta.4 → 2.2.5

package/dist/interface/ha/{ungrouped-xyK1QrsM.js → ungrouped-ooCH0Izh.js}

@@ -1,13 +1,13 @@
 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, Br as oe, Cr as se, Gn as ce, Hn as le, Kn as ue, Ln as de, On as fe, Rn as pe, Un as me, _t as he, at as ge, bi as _e, et as ve, hr as ye, it as be, kn as xe, lr as Se, lt as Ce, mr as we, nt as Te, o as Ee, qn as De, rt as Oe, tt as ke, ur as Ae, ut as je, vr as Me, wr as N, zn as Ne } from "./api-BP7mlzjP.js";
+import { $ as ie, $n as ae, Bn as oe, Er as N, Hn as se, Hr as ce, On as le, Rn as ue, Si as de, Tr as fe, Vn as pe, Wn as me, Yn as he, _r as ge, _t as _e, at as ve, br as ye, dr as be, et as xe, gr as Se, ir as Ce, it as we, kn as Te, lt as Ee, nt as De, o as Oe, rt as ke, tt as Ae, ur as je, ut as Me, zn as Ne } from "./api-Dv3Lk_g5.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-C6MBHJhs.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";
 //#region ~icons/tabler/user-edit
@@ -32,10 +32,10 @@ var Ue = v({
 }), L = { class: "flex flex-col gap-4 w-full" }, R = {
 	key: 0,
 	class: "flex justify-center"
-}, z = ["src", "alt"], B = { class: "flex flex-col gap-2 w-full" }, V = { class: "cui-label" }, H = { class: "flex flex-col gap-2 w-full" }, U = {
+}, 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 = {
 	for: "reassignTarget",
 	class: "cui-label"
-}, We = /* @__PURE__ */ A({
+}, Ge = /* @__PURE__ */ A({
 	__name: "FaceReassign",
 	props: {
 		cropUrl: {},
@@ -67,13 +67,13 @@ var Ue = v({
 					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", V, f(e.$t("views.recordings.reassign_current")), 1), M(r, {
+				k("div", B, [k("label", We, 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", H, [k("label", U, f(e.$t("views.recordings.reassign_new")), 1), M(i, {
+				k("div", V, [k("label", H, 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({
 			]);
 		};
 	}
-}), Ge = {
+}), Ke = {
 	key: 0,
 	class: "card-skeleton absolute inset-0 rounded-xl"
-}, Ke = {
+}, qe = {
 	key: 2,
 	class: "w-full h-full flex items-center justify-center bg-neutral-800/80"
-}, qe = { class: "absolute top-0 left-0 right-0 p-2 bg-gradient-to-b from-black/80 to-transparent z-[3]" }, Je = { class: "flex items-center gap-1.5" }, Ye = { class: "text-xs font-semibold text-white truncate min-w-0 flex-1" }, Xe = {
+}, 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 = {
 	key: 0,
 	class: "text-[10px] font-semibold text-white/80 bg-black/60 px-1.5 py-0.5 rounded-md shrink-0"
-}, Ze = ["title"], Qe = ["title", "disabled"], $e = { class: "text-[10px] text-white/70" }, et = ["aria-label"], tt = ["aria-label"], nt = { class: "block text-[11px] text-white font-medium truncate bg-black/50 rounded-md px-2 py-0.5" }, rt = { class: "flex items-center gap-1 min-w-0" }, it = ["title"], at = {
+}, 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 = {
 	key: 0,
 	class: "flex items-center gap-0.5 shrink-0 opacity-85 group-hover:opacity-100 transition-opacity duration-200"
-}, ot = ["onClick"], st = ["src", "alt"], ct = {
+}, st = ["onClick"], ct = ["src", "alt"], lt = {
 	key: 0,
 	class: "text-[10px] text-white/60 font-medium"
-}, lt = {
+}, ut = {
 	key: 6,
 	class: "absolute inset-0 z-[4] flex items-center justify-center pointer-events-none"
-}, ut = {
+}, dt = {
 	key: 7,
 	class: "absolute bottom-10 left-1/2 -translate-x-1/2 z-[4] pointer-events-none"
-}, dt = {
+}, ft = {
 	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" }
-}, ft = 24, pt = 30, mt = 22, ht = 28, gt = 8, _t = 8, W = /*#__PURE__*/ N(/* @__PURE__ */ A({
+}, pt = 24, mt = 30, ht = 22, gt = 28, _t = 8, vt = 8, U = /*#__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 = _e(), { t: c } = Le(), p = oe(), m = De("@camera.ui/camera-ui-nvr"), { plugin: v } = Ve("@camera.ui/camera-ui-nvr"), x = he(), { icons: w } = ze(), E = m.getCachedThumbnails(r.event.id), te = E ? pe(E, r.event, "card", r.segIndex).url ? "loaded" : "empty" : "loading", A = l(me, void 0), N = O("rootRef"), Fe = O("previewCanvasRef"), Be = O("footerRef"), P = O("cardMenuRef"), F = j(!1), I = j(!1), He = Oe(N, () => Gt(), () => $()), L = j(!1), R = j(E ?? null), z = j(te), B = j(!1), V = j(0), H = j(null), U = j(!1), W = j(0), vt = C(() => we(void 0, "admin")), G = C(() => H.value ?? r.event.favorite ?? !1), K = C(() => {
+		let r = e, i = t, o = Ie(), s = de(), { t: c } = Le(), p = ce(), m = he("@camera.ui/camera-ui-nvr"), { plugin: v } = Ve("@camera.ui/camera-ui-nvr"), x = _e(), { icons: w } = ze(), E = m.getCachedThumbnails(r.event.id), te = E ? ue(E, r.event, "card", r.segIndex).url ? "loaded" : "empty" : "loading", A = l(oe, void 0), N = O("rootRef"), Fe = O("previewCanvasRef"), Be = O("footerRef"), P = O("cardMenuRef"), F = j(!1), I = j(!1), He = ke(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(() => {
 			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"
 			};
-		}), q = C(() => R.value ? pe(R.value, r.event, "card", r.segIndex) : null), J = C(() => {
-			let e = r.segIndex ?? q.value?.segIndex;
+		}), K = C(() => R.value ? ue(R.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];
-		}), yt = C(() => q.value?.url), bt = C(() => q.value?.label), xt = C(() => q.value?.type ?? r.event.types[0] ?? "motion"), Y = C(() => {
+		}), bt = C(() => K.value?.url), xt = C(() => K.value?.label), St = 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;
-		}), X = C(() => {
-			let e = R.value, t = q.value?.url;
+		}), Y = C(() => {
+			let e = R.value, t = K.value?.url;
 			if (!e || !t) return [];
 			let n = [{
 				url: t,
-				label: q.value?.label,
-				type: xt.value,
+				label: K.value?.label,
+				type: St.value,
 				crop: !1
 			}];
-			for (let t of ce(e, r.segIndex)) {
+			for (let t of pe(e, r.segIndex)) {
 				if (n.some((e) => e.url === t.url)) continue;
 				let e = t.key.split(":")[0];
 				n.push({
@@ -175,9 +175,9 @@ 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 = le(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 = ge(r.event, t);
+				let a = ve(r.event, t);
 				n.push({
 					url: i,
 					label: a,
@@ -186,27 +186,27 @@ var Ue = v({
 				});
 			}
 			return n.length > 1 ? n : [];
-		}), St = C(() => X.value.length > 1), Ct = C(() => X.value.length ? Math.min(V.value, X.value.length - 1) : 0), Z = C(() => St.value ? X.value[Ct.value] : void 0), wt = C(() => !!Z.value?.crop), Tt = C(() => Z.value?.url ?? yt.value), Et = C(() => Z.value?.label ?? bt.value), Q = C(() => {
-			let e = J.value;
-			return (e ? ue(r.event, e) : [...new Set(r.event.types)]).filter((e) => e !== "motion" && e !== "audio");
-		}), Dt = C(() => r.cameraName ?? r.event.cameraId), Ot = C(() => X.value.map((e) => ({
+		}), 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(() => {
+			let e = q.value;
+			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
-		}))), kt = C(() => Q.value.slice(0, At.value.icons)), At = C(() => {
-			let e = W.value;
+		}))), At = C(() => Z.value.slice(0, Q.value.icons)), Q = C(() => {
+			let e = U.value;
 			if (!e) return {
 				icons: 2,
 				tiles: 2
 			};
-			let t = e - gt;
-			r.selectionMode && (t -= ht);
-			let n = Ot.value.length > 0 ? 52 : 0, i = Vt(Q.value.length, Math.max(0, t - n), ft), a = Q.value.length > 0 ? Math.max(1, i) : 0, o = a * ft + (a < Q.value.length ? mt : 0);
+			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);
 			return {
 				icons: a,
-				tiles: Vt(Ot.value.length, Math.max(0, t - o), pt)
+				tiles: Vt(kt.value.length, Math.max(0, t - o), mt)
 			};
-		}), jt = C(() => Q.value.slice(At.value.icons)), Mt = C(() => Ot.value.slice(0, At.value.tiles)), Nt = C(() => Ot.value.length - At.value.tiles), Pt = C(() => {
-			let e = new Date(J.value?.firstSeen ?? r.event.thumbnailAt ?? r.event.startTime), t = /* @__PURE__ */ new Date(), n = e.toDateString() === t.toDateString(), i = e.toLocaleTimeString([], {
+		}), 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(() => {
+			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"
 			});
@@ -215,21 +215,21 @@ var Ue = v({
 				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 = Z.value;
+			let e = X.value;
 			if (e && e.type === "face") return e.label ? e.label : "unknown";
 		}), Rt = C(() => {
 			let e = [];
-			return vt.value && Lt.value !== void 0 && e.push({
+			return yt.value && Lt.value !== void 0 && e.push({
 				key: "reassign",
 				label: c("views.recordings.reassign_face"),
 				icon: Ue,
-				loading: U.value,
+				loading: H.value,
 				onClick: () => Zt()
 			}), r.camera && e.push({
 				key: "trace",
 				label: c("views.recordings.open_trace"),
-				icon: Ce,
-				onClick: () => i("openTrace", J.value?.firstSeen)
+				icon: Ee,
+				onClick: () => i("openTrace", q.value?.firstSeen)
 			}), e.push({
 				key: "ask",
 				label: c("views.recordings.ask_assistant"),
@@ -238,13 +238,13 @@ var Ue = v({
 			}), Ft.value && e.push({
 				key: "download",
 				label: c("views.recordings.download"),
-				icon: je,
+				icon: Me,
 				loading: B.value,
 				onClick: () => en()
 			}), e;
 		});
 		function zt() {
-			xe(P.value?.hide);
+			Te(P.value?.hide);
 		}
 		function Bt() {
 			let e = c("views.recordings.ask_assistant_prompt", {
@@ -258,14 +258,14 @@ var Ue = v({
 			});
 		}
 		function Vt(e, t, n) {
-			return e === 0 || t < n ? 0 : e * n <= t ? e : Math.max(0, Math.floor((t - mt) / n));
+			return e === 0 || t < n ? 0 : e * n <= t ? e : Math.max(0, Math.floor((t - ht) / n));
 		}
 		function Ht(e) {
-			let t = X.value.length;
-			t && ($(), V.value = (Ct.value + e + t) % t);
+			let t = Y.value.length;
+			t && ($(), We.value = (wt.value + e + t) % t);
 		}
 		function Ut(e, t) {
-			St.value && (t.stopPropagation(), $(), V.value = e);
+			Ct.value && (t.stopPropagation(), $(), We.value = e);
 		}
 		function $() {
 			I.value = !1, A && L.value && (L.value = !1, A.onHoverEnd());
@@ -275,15 +275,15 @@ var Ue = v({
 			return `${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}:${String(t.getSeconds()).padStart(2, "0")}`;
 		}
 		function Gt() {
-			if (!A || Ct.value > 0) return;
+			if (!A || wt.value > 0) return;
 			let e = Fe.value;
 			if (!e) return;
-			let t = de(r.event);
+			let t = se(r.event);
 			if (r.event.hasRecording === !1 || !t) {
 				I.value = !0;
 				return;
 			}
-			L.value = !0, A.onHoverStart(e, r.event.cameraId, r.event.id, r.event.startTime, t, r.camera?.zones?.privacy, ae(r.event));
+			L.value = !0, A.onHoverStart(e, r.event.cameraId, r.event.id, r.event.startTime, t, r.camera?.zones?.privacy, Ce(r.event));
 		}
 		function Kt() {
 			He.blocksMouseEnter() || Gt();
@@ -295,7 +295,7 @@ var Ue = v({
 			let t = await r.loadThumbnails(r.event.id, r.event.startTime);
 			if (t) {
 				R.value = t;
-				let e = pe(t, r.event, "card");
+				let e = ue(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";
@@ -306,7 +306,7 @@ var Ue = v({
 					i("select");
 					return;
 				}
-				i("scrollToEvent", J.value?.firstSeen ?? be(r.event));
+				i("scrollToEvent", q.value?.firstSeen ?? we(r.event));
 			}
 		}
 		async function Xt(e) {
@@ -314,12 +314,12 @@ var Ue = v({
 		}
 		function Zt() {
 			let e = Lt.value;
-			e !== void 0 && x.openComponentDialog(We, {
+			e !== void 0 && x.openComponentDialog(Ge, {
 				data: {
 					title: c("views.recordings.reassign_face"),
 					confirmText: c("components.form.button.save"),
 					contentProps: {
-						cropUrl: Z.value?.url,
+						cropUrl: X.value?.url,
 						oldName: e
 					}
 				},
@@ -328,10 +328,10 @@ var Ue = v({
 		}
 		async function Qt(e) {
 			let t = Lt.value;
-			if (t === void 0 || U.value) return;
-			let n = Z.value?.faceSeg ?? -1, i = v.value;
+			if (t === void 0 || H.value) return;
+			let n = X.value?.faceSeg ?? -1, i = v.value;
 			if (i?.reassignEventFace) {
-				U.value = !0;
+				H.value = !0;
 				try {
 					await i.reassignEventFace(r.event.id, n, t, e) > 0 && Ne(r.event.id), s.add({
 						severity: "success",
@@ -341,23 +341,23 @@ var Ue = v({
 				} catch (e) {
 					s.add({
 						severity: "error",
-						detail: Ee(e),
+						detail: Oe(e),
 						life: 5e3
 					});
 				} finally {
-					U.value = !1;
+					H.value = !1;
 				}
 			}
 		}
 		async function $t() {
-			let e = !G.value;
-			H.value = e;
+			let e = !W.value;
+			V.value = e;
 			try {
 				await m.setEventFavorite(r.event.id, e);
 			} catch (e) {
-				H.value = null, s.add({
+				V.value = null, s.add({
 					severity: "error",
-					detail: Ee(e),
+					detail: Oe(e),
 					life: 5e3
 				});
 			}
@@ -369,7 +369,7 @@ var Ue = v({
 				B.value = !0;
 				try {
 					let t = await e.nvrExport(r.event.cameraId, r.event.startTime * 1e3, r.event.endTime * 1e3);
-					await Me({
+					await ye({
 						url: t.url,
 						filename: t.filename
 					});
@@ -377,7 +377,7 @@ var Ue = v({
 					o.error("Download failed:", e), s.add({
 						severity: "error",
 						summary: c("views.recordings.download_failed"),
-						detail: Ee(e),
+						detail: Oe(e),
 						life: 5e3
 					});
 				} finally {
@@ -391,14 +391,14 @@ var Ue = v({
 				R.value && Jt();
 				return;
 			}
-			R.value = e, pe(e, r.event, "card").url && (z.value = "loaded");
+			R.value = e, ue(e, r.event, "card").url && (z.value = "loaded");
 		}), Pe(Be, (e) => {
-			let t = e[0]?.contentRect.width ?? 0, n = Math.round(t / _t) * _t;
-			n !== W.value && (W.value = n);
+			let t = e[0]?.contentRect.width ?? 0, n = Math.round(t / vt) * vt;
+			n !== U.value && (U.value = n);
 		}), re(() => {
 			te === "loading" && Jt();
 		}), (t, r) => {
-			let i = se, o = ie, s = ve, c = ke, l = Te, p = Se, m = Ae, h = ye;
+			let i = fe, o = ie, s = xe, c = Ae, l = De, p = je, m = be, h = ge;
 			return d(), T("div", {
 				ref_key: "rootRef",
 				ref: N,
@@ -411,18 +411,18 @@ var Ue = v({
 				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", Ge)) : S(Tt) ? (d(), y(i, {
+				S(z) === "loading" ? (d(), T("div", Ke)) : S(Et) ? (d(), y(i, {
 					key: 1,
-					src: S(Tt),
-					alt: S(Dt),
+					src: S(Et),
+					alt: S(Ot),
 					class: "pointer-events-none w-full h-full transition-transform duration-300 group-hover:scale-105",
-					"image-style": { objectFit: S(wt) ? "contain" : "cover" },
+					"image-style": { objectFit: S(Tt) ? "contain" : "cover" },
 					"image-container-class": "w-full h-full"
 				}, null, 8, [
 					"src",
 					"alt",
 					"image-style"
-				])) : (d(), T("div", Ke, [(d(), y(_(S(w)[S(xt)] ?? S(w).motion), { class: "w-10 h-10 text-white/20" }))])),
+				])) : (d(), T("div", qe, [(d(), y(_(S(w)[S(St)] ?? S(w).motion), { class: "w-10 h-10 text-white/20" }))])),
 				S(A) ? ne((d(), T("canvas", {
 					key: 3,
 					ref_key: "previewCanvasRef",
@@ -430,65 +430,65 @@ var Ue = v({
 					class: "absolute inset-0 w-full h-full object-cover pointer-events-none z-[1]"
 				}, null, 512)), [[n, S(L)]]) : 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", qe, [k("div", Je, [
-					k("p", Ye, f(S(Dt)), 1),
-					S(Y) ? (d(), T("span", Xe, f(S(Y)), 1)) : b("", !0),
-					S(K) ? (d(), T("span", {
+				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", {
 						key: 1,
-						class: g(["text-[10px] font-bold text-white px-1.5 py-0.5 rounded-md shrink-0", S(K).color])
-					}, f(S(K).label), 3)) : b("", !0),
-					S(vt) && !e.selectionMode ? (d(), T("button", {
+						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", {
 						key: 2,
-						title: S(G) ? t.$t("views.recordings.unfavorite") : t.$t("views.recordings.favorite"),
+						title: S(W) ? 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"]),
 						onMouseenter: $
-					}, [S(G) ? (d(), y(o, {
+					}, [S(W) ? (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, Ze)) : b("", !0),
+					}))], 40, Qe)) : b("", !0),
 					S(Rt).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(U),
+						disabled: S(B) || S(H),
 						onClick: a(Xt, ["stop"]),
 						onMouseenter: $
-					}, [S(B) || S(U) ? (d(), y(c, {
+					}, [S(B) || S(H) ? (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, Qe)) : b("", !0)
-				]), k("p", $e, f(S(Pt)), 1)]),
-				S(X).length > 1 ? (d(), T(D, { key: 4 }, [k("button", {
+					}))], 40, $e)) : b("", !0)
+				]), k("p", et, f(S(Pt)), 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"]),
 					onMouseenter: $
-				}, [M(p, { class: "w-5 h-5 text-white" })], 40, et), k("button", {
+				}, [M(p, { class: "w-5 h-5 text-white" })], 40, tt), 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"]),
 					onMouseenter: $
-				}, [M(m, { class: "w-5 h-5 text-white" })], 40, tt)], 64)) : b("", !0),
-				S(Et) ? (d(), T("div", {
+				}, [M(m, { class: "w-5 h-5 text-white" })], 40, nt)], 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", nt, f(S(Et)), 1)], 2)) : b("", !0),
+				}, [k("span", rt, f(S(Dt)), 1)], 2)) : b("", !0),
 				k("div", {
 					ref_key: "footerRef",
 					ref: Be,
 					class: "absolute bottom-2 left-2 right-2 flex items-center justify-between gap-2 z-[3]"
-				}, [k("div", rt, [
+				}, [k("div", it, [
 					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"])
@@ -496,7 +496,7 @@ var Ue = v({
 						key: 0,
 						class: "w-4 h-4 text-white"
 					})) : b("", !0)], 2)) : b("", !0),
-					(d(!0), T(D, null, u(S(kt), (e) => (d(), T("div", {
+					(d(!0), T(D, null, u(S(At), (e) => (d(), T("div", {
 						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)),
@@ -504,10 +504,10 @@ var Ue = v({
 						key: 1,
 						title: S(jt).join(", "),
 						class: "text-[10px] text-white/60 font-medium shrink-0"
-					}, " +" + f(S(jt).length), 9, it)) : b("", !0)
-				]), S(Mt).length > 0 || S(Nt) > 0 ? (d(), T("div", at, [(d(!0), T(D, null, u(S(Mt), (e, t) => (d(), T("div", {
+					}, " +" + 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", {
 					key: t,
-					class: g(["w-7 h-7 rounded overflow-hidden border bg-neutral-800 cursor-pointer", t === S(Ct) ? "border-primary/80" : "border-white/20"]),
+					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)
 				}, [k("img", {
 					src: e.url,
@@ -515,10 +515,10 @@ var Ue = v({
 					decoding: "async",
 					loading: "lazy",
 					class: "w-full h-full object-cover"
-				}, null, 8, st)], 10, ot))), 128)), S(Nt) > 0 ? (d(), T("span", ct, "+" + f(S(Nt)), 1)) : b("", !0)])) : b("", !0)], 512),
-				S(A) && S(L) && S(A).isLoading.value ? (d(), T("div", lt, [M(c, { class: "w-7 h-7 text-white" })])) : b("", !0),
-				S(It) ? (d(), T("div", ut, [k("span", dt, f(S(It)), 1)])) : b("", !0)
-			], 2), S(F) ? (d(), y(fe, {
+				}, 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(le, {
 				key: 0,
 				ref_key: "cardMenuRef",
 				ref: P,
@@ -527,7 +527,7 @@ var Ue = v({
 			}, null, 8, ["items"])) : b("", !0)], 544);
 		};
 	}
-}), [["__scopeId", "data-v-22b538a5"]]), vt = {
+}), [["__scopeId", "data-v-22b538a5"]]), yt = {
 	name: "VirtualScroller",
 	components: { SpinnerIcon: Be },
 	extends: {
@@ -1089,8 +1089,8 @@ var Ue = v({
 			this.content = e;
 		}
 	}
-}, G = ["tabindex"];
-function K(e, t, n, r, i, a) {
+}, W = ["tabindex"];
+function G(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,18 +1138,18 @@ function K(e, t, n, r, i, a) {
 			spin: "",
 			class: "p-virtualscroller-loading-icon"
 		}, e.ptm("loadingIcon")), null, 16)])], 16)) : b("", !0)
-	], 16, G));
+	], 16, W));
 }
-var q = /*#__PURE__*/ N(vt, [["render", K]]), J = {
+var K = /*#__PURE__*/ N(yt, [["render", G]]), q = {
 	aspectRatio: 1,
 	gap: 8,
 	hasMore: !1,
 	loadMore: void 0,
 	itemKey: void 0
-}, yt = { class: "recordings-row" }, bt = {
+}, bt = { 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"
-}, xt = /*#__PURE__*/ N(/* @__PURE__ */ A({
+}, St = /*#__PURE__*/ N(/* @__PURE__ */ A({
 	__name: "CuiRecordingsGrid",
 	props: /*@__PURE__*/ c({
 		items: {},
@@ -1159,7 +1159,7 @@ var q = /*#__PURE__*/ N(vt, [["render", K]]), J = {
 		hasMore: { type: Boolean },
 		loadMore: { type: Function },
 		itemKey: { type: Function }
-	}, J),
+	}, q),
 	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 e = i.value;
@@ -1219,7 +1219,7 @@ var q = /*#__PURE__*/ N(vt, [["render", K]]), J = {
 			scrollToTop: ie,
 			scrollY: o
 		}), (e, t) => {
-			let n = q, i = ke;
+			let n = K, i = Ae;
 			return d(), T("div", {
 				ref_key: "containerRef",
 				ref: r,
@@ -1235,7 +1235,7 @@ var q = /*#__PURE__*/ N(vt, [["render", K]]), J = {
 				class: "recordings-scroll",
 				onScroll: re
 			}, {
-				item: w(({ item: t }) => [k("div", yt, [(d(!0), T(D, null, u(t, (t) => (d(), T("div", {
+				item: w(({ item: t }) => [k("div", bt, [(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))])]),
@@ -1245,17 +1245,17 @@ var q = /*#__PURE__*/ N(vt, [["render", K]]), J = {
 				"item-size",
 				"scroll-height",
 				"num-tolerated-items"
-			])) : b("", !0), S(s) ? (d(), T("div", bt, [M(i, {
+			])) : b("", !0), S(s) ? (d(), T("div", xt, [M(i, {
 				width: "18px",
 				height: "18px",
 				class: "text-white"
 			})])) : b("", !0)], 512);
 		};
 	}
-}), [["__scopeId", "data-v-1270305c"]]);
+}), [["__scopeId", "data-v-a672f3ff"]]);
 //#endregion
 //#region src/components/CuiRecordings/ungrouped.ts
-function Y(e) {
+function J(e) {
 	if (e.episode) return e.episode.endTime;
 	if (e.segIndex !== void 0) {
 		let t = e.event.segments?.[e.segIndex];
@@ -1263,7 +1263,7 @@ function Y(e) {
 	}
 	return e.event.thumbnailAt ?? e.event.startTime;
 }
-function X(e) {
+function Y(e) {
 	let t = [];
 	for (let n of e) {
 		let e = n.segments ?? [];
@@ -1282,7 +1282,7 @@ function X(e) {
 			});
 		});
 	}
-	return t.sort((e, t) => Y(t) - Y(e)), t;
+	return t.sort((e, t) => J(t) - J(e)), t;
 }
 //#endregion
-export { W as i, Y as n, xt as r, X as t };
+export { U as i, J as n, St as r, Y as t };