@camera.ui/server 2.1.14 → 2.1.16

package/dist/interface/ha/{types-D_Y5r1Yz.js → types-iZUCCt1P.js}

@@ -1,5 +1,5 @@
-import { H as e, _t as t, kt as n, p as r, u as i, xt as a } from "./runtime-core.esm-bundler-D8slQ3BU.js";
-import { Pi as ee, _i as o, gi as te, mi as s, qi as c, ra as ne } from "./api-BU1ot-rQ.js";
+import { H as e, _t as t, kt as n, p as r, u as i, xt as ee } from "./runtime-core.esm-bundler-D8slQ3BU.js";
+import { $i as a, Bi as o, Ci as s, Si as te, bi as c, la as ne } from "./api-CmcbBFTx.js";
 import { rt as l } from "./dist-BQFunPaA.js";
 import { a as re, i as ie, n as ae, r as u } from "./alert-outline-CGTMAqXf.js";
 import { t as d } from "./clock-outline-JxApewmA.js";
@@ -7,56 +7,56 @@ import { t as f } from "./source-branch-CZwSOrQA.js";
 import { r as p } from "./eventLabels-B4C1_4vT.js";
 //#region src/api/routes/automations.ts
 async function m({ signal: e }) {
-	return (await c.get("/automations", { signal: e })).data;
+	return (await a.get("/automations", { signal: e })).data;
 }
 async function h({ id: e, signal: t }) {
-	return (await c.get(`/automations/${e}`, { signal: t })).data;
+	return (await a.get(`/automations/${e}`, { signal: t })).data;
 }
 async function g({ id: e, signal: t }) {
-	return (await c.get(`/automations/${e}/runs`, { signal: t })).data;
+	return (await a.get(`/automations/${e}/runs`, { signal: t })).data;
 }
 async function _({ data: e }) {
-	return (await c.post("/automations", e)).data;
+	return (await a.post("/automations", e)).data;
 }
 async function v({ id: e, data: t }) {
-	return (await c.patch(`/automations/${e}`, t)).data;
+	return (await a.patch(`/automations/${e}`, t)).data;
 }
 async function y({ id: e }) {
-	await c.delete(`/automations/${e}`);
+	await a.delete(`/automations/${e}`);
 }
 async function b({ ids: e, data: t }) {
-	return (await c.patch("/automations", {
+	return (await a.patch("/automations", {
 		ids: e,
 		data: t
 	})).data;
 }
 async function x({ ids: e }) {
-	return (await c.delete("/automations", { data: { ids: e } })).data;
+	return (await a.delete("/automations", { data: { ids: e } })).data;
 }
 async function S({ id: e }) {
-	let { data: t } = await c.post(`/automations/${e}/trigger`);
+	let { data: t } = await a.post(`/automations/${e}/trigger`);
 	return t;
 }
 async function C({ blueprint: e }) {
-	return (await c.post("/automations/import", e)).data;
+	return (await a.post("/automations/import", e)).data;
 }
 async function w({ signal: e }) {
-	return (await c.get("/automations/plugin-methods", { signal: e })).data;
+	return (await a.get("/automations/plugin-methods", { signal: e })).data;
 }
 async function T({ refresh: e, signal: t }) {
-	return (await c.get("/automations/store", {
+	return (await a.get("/automations/store", {
 		params: e ? { refresh: !0 } : {},
 		signal: t
 	})).data;
 }
 async function E({ id: e, signal: t }) {
-	return (await c.get(`/automations/store/${e}`, { signal: t })).data;
+	return (await a.get(`/automations/store/${e}`, { signal: t })).data;
 }
 var D = class {
-	_queryClient = ee();
+	_queryClient = o();
 	t = ne.global.t;
 	toast = te();
-	queryActivator = a([{
+	queryActivator = ee([{
 		name: "getAutomationsQuery",
 		enabled: !0
 	}, {
@@ -64,7 +64,7 @@ var D = class {
 		enabled: !0
 	}]);
 	getAutomationsQuery() {
-		return s({
+		return c({
 			queryKey: ["automationsList"],
 			queryFn: ({ signal: e }) => m({ signal: e }),
 			placeholderData: (e) => e,
@@ -72,7 +72,7 @@ var D = class {
 		});
 	}
 	getAutomationQuery(e) {
-		return s({
+		return c({
 			queryKey: ["automation", e],
 			queryFn: ({ signal: t }) => h({
 				id: n(e),
@@ -82,7 +82,7 @@ var D = class {
 		});
 	}
 	getAutomationRunsQuery(e) {
-		return s({
+		return c({
 			queryKey: ["automationRuns", e],
 			queryFn: ({ signal: t }) => g({
 				id: n(e),
@@ -92,7 +92,7 @@ var D = class {
 		});
 	}
 	createAutomationQuery() {
-		return o({
+		return s({
 			mutationFn: _,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({ queryKey: ["automationsList"] }), this.toast.add({
@@ -104,7 +104,7 @@ var D = class {
 		});
 	}
 	patchAutomationQuery() {
-		return o({
+		return s({
 			mutationFn: v,
 			onSuccess: async (e, t) => {
 				await this._queryClient.refetchQueries({ queryKey: ["automationsList"] }), await this._queryClient.refetchQueries({ queryKey: ["automation", t.id] });
@@ -112,7 +112,7 @@ var D = class {
 		});
 	}
 	deleteAutomationQuery() {
-		return o({
+		return s({
 			mutationFn: y,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({ queryKey: ["automationsList"] });
@@ -120,7 +120,7 @@ var D = class {
 		});
 	}
 	bulkPatchAutomationsQuery() {
-		return o({
+		return s({
 			mutationFn: b,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({ queryKey: ["automationsList"] });
@@ -128,7 +128,7 @@ var D = class {
 		});
 	}
 	bulkDeleteAutomationsQuery() {
-		return o({
+		return s({
 			mutationFn: x,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({ queryKey: ["automationsList"] });
@@ -136,7 +136,7 @@ var D = class {
 		});
 	}
 	triggerAutomationQuery() {
-		return o({
+		return s({
 			mutationFn: S,
 			onSuccess: async (e, t) => {
 				await this._queryClient.refetchQueries({ queryKey: ["automationsList"] }), await this._queryClient.refetchQueries({ queryKey: ["automation", t.id] });
@@ -144,13 +144,13 @@ var D = class {
 		});
 	}
 	getPluginMethodsQuery() {
-		return s({
+		return c({
 			queryKey: ["automationPluginMethods"],
 			queryFn: ({ signal: e }) => w({ signal: e })
 		});
 	}
 	getAutomationStoreQuery(e) {
-		return s({
+		return c({
 			queryKey: ["automationStore"],
 			queryFn: ({ signal: t }) => T({
 				refresh: n(e),
@@ -160,7 +160,7 @@ var D = class {
 		});
 	}
 	getAutomationStoreItemQuery(e) {
-		return s({
+		return c({
 			queryKey: ["automationStoreItem", e],
 			queryFn: ({ signal: t }) => E({
 				id: n(e),
@@ -170,7 +170,7 @@ var D = class {
 		});
 	}
 	importBlueprintQuery() {
-		return o({
+		return s({
 			mutationFn: C,
 			onSuccess: async () => {
 				await this._queryClient.refetchQueries({ queryKey: ["automationsList"] }), this.toast.add({

package/dist/interface/ha/ungrouped-wz-KNJpA.js

@@ -0,0 +1,426 @@
+import { f as e, m as t } from "./ripple-BilzxWfY.js";
+import { D as n, G as r, H as i, Jt as a, Wt as o, Y as ee, d as s, f as c, kt as l, l as u, lt as d, ot as te, p as f, r as p, rt as m, u as h, ut as g, x as _, xt as v, y, z as ne } from "./runtime-core.esm-bundler-D8slQ3BU.js";
+import { t as re } from "./tooltip-BIrD_hC8.js";
+import { $ as ie, Bn as b, Cr as x, Gn as ae, Hn as oe, In as S, Q as C, Si as se, Sr as ce, Vn as w, X as le, Y as ue, Z as de, _r as fe, _t as pe, br as me, dr as he, fr as ge, it as _e, lr as ve, o as T, qn as ye, rr as be, rt as xe, ua as Se, wr as Ce, zn as we } from "./api-CmcbBFTx.js";
+import { _ as Te, o as Ee } from "./intercomService-jB2mTgsn.js";
+import { n as De } from "./vue-i18n-Dcb07o5U.js";
+import { M as Oe } from "./dist-BQFunPaA.js";
+import { t as ke } from "./button-BlYuI0Q7.js";
+//#region src/components/CuiRecordings/RecordingCard.vue?vue&type=script&setup=true&lang.ts
+var Ae = ["src"], je = {
+	key: 2,
+	class: "w-full h-full flex items-center justify-center bg-neutral-800/80"
+}, Me = { class: "absolute top-0 left-0 right-0 p-2 bg-gradient-to-b from-black/80 to-transparent z-[3]" }, Ne = { class: "flex items-center gap-1.5" }, Pe = { class: "text-xs font-semibold text-white truncate min-w-0 flex-1" }, Fe = {
+	key: 1,
+	class: "text-[10px] font-semibold text-white/80 bg-black/60 px-1.5 py-0.5 rounded-md shrink-0"
+}, Ie = { class: "text-[10px] text-white/70" }, Le = { class: "block text-[11px] text-white font-medium truncate bg-black/50 rounded-md px-2 py-0.5" }, Re = { class: "flex items-center gap-1 min-w-0" }, ze = ["title"], Be = {
+	key: 0,
+	class: "flex items-center gap-0.5 shrink-0 opacity-85 group-hover:opacity-100 transition-opacity duration-200"
+}, Ve = ["onClick"], He = ["src", "alt"], Ue = {
+	key: 0,
+	class: "text-[10px] text-white/60 font-medium"
+}, We = {
+	key: 6,
+	class: "absolute inset-0 z-[4] flex items-center justify-center pointer-events-none"
+}, Ge = {
+	key: 7,
+	class: "absolute bottom-10 left-1/2 -translate-x-1/2 z-[4] pointer-events-none"
+}, Ke = {
+	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" }
+}, qe = 24, Je = 30, Ye = 22, Xe = 28, Ze = 8, E = /*#__PURE__*/ x(/* @__PURE__ */ _({
+	__name: "RecordingCard",
+	props: {
+		event: {},
+		cameraName: {},
+		camera: {},
+		loadThumbnails: { type: Function },
+		semanticScore: {},
+		segIndex: {},
+		hideSegmentBadge: { type: Boolean },
+		selectionMode: { type: Boolean },
+		selected: { type: Boolean },
+		siblingActive: { type: Boolean }
+	},
+	emits: [
+		"scrollToEvent",
+		"select",
+		"openTrace"
+	],
+	setup(_, { emit: x }) {
+		let E = _, D = x, Qe = Ee(), $e = se(), { t: O } = De(), k = be("@camera.ui/camera-ui-nvr"), { plugin: et } = Oe("@camera.ui/camera-ui-nvr"), { icons: A } = pe(), j = k.getCachedThumbnails(E.event.id), tt = j ? S(j, E.event, "card", E.segIndex).url ? "loaded" : "empty" : "loading", M = n(we, void 0), nt = m("rootRef"), rt = m("previewCanvasRef"), it = m("footerRef"), N = v(!1), at = de(nt, () => Tt(), () => $()), P = v(!1), F = v(j ?? null), I = v(tt), L = v(!1), R = v(0), z = v(null), { width: ot } = Te(it), B = u(() => z.value ?? E.event.favorite ?? !1), st = u(() => (k.storeVersion.value, E.event.segments?.find((e) => e?.description)?.description?.title)), V = u(() => {
+			if (E.semanticScore == null) return;
+			let e = Math.max(0, Math.min(1, E.semanticScore));
+			return {
+				pct: e,
+				label: `${(e * 100).toFixed(0)}%`,
+				color: e >= .5 ? "bg-green-500/80" : e >= .25 ? "bg-yellow-500/80" : "bg-red-400/80"
+			};
+		}), H = u(() => F.value ? S(F.value, E.event, "card", E.segIndex) : null), ct = u(() => {
+			let e = E.segIndex ?? H.value?.segIndex;
+			return e === void 0 ? void 0 : E.event.segments?.[e];
+		}), lt = u(() => H.value?.url), ut = u(() => H.value?.label), dt = u(() => H.value?.type ?? E.event.types[0] ?? "motion"), ft = u(() => {
+			if (E.hideSegmentBadge) return;
+			let e = E.event.segments?.length ?? 0;
+			return E.segIndex !== void 0 && e > 1 ? `${E.segIndex + 1}/${e}` : void 0;
+		}), U = u(() => {
+			let e = F.value, t = H.value?.url;
+			if (!e || !t) return [];
+			let n = [{
+				url: t,
+				label: H.value?.label,
+				type: dt.value,
+				crop: !1
+			}];
+			for (let t of ye(e, E.segIndex)) n.some((e) => e.url === t.url) || n.push({
+				url: t.url,
+				label: t.label,
+				type: t.type,
+				crop: !0
+			});
+			if (E.segIndex === void 0) for (let t of Object.keys(e.cards ?? e.strips ?? {}).sort((e, t) => Number(e) - Number(t))) {
+				let r = ae(e.cards?.[t] ?? e.strips?.[t]);
+				if (!r || n.some((e) => e.url === r)) continue;
+				let i = ie(E.event, t);
+				n.push({
+					url: r,
+					label: i,
+					type: i,
+					crop: !1
+				});
+			}
+			return n.length > 1 ? n : [];
+		}), pt = u(() => U.value.length > 1), W = u(() => U.value.length ? Math.min(R.value, U.value.length - 1) : 0), G = u(() => pt.value ? U.value[W.value] : void 0), mt = u(() => !!G.value?.crop), K = u(() => G.value?.url ?? lt.value), ht = u(() => G.value?.label ?? ut.value), q = u(() => {
+			let e = ct.value;
+			return (e ? w(E.event, e) : [...new Set(E.event.types)]).filter((e) => e !== "motion" && e !== "audio");
+		}), gt = u(() => E.cameraName ?? E.event.cameraId), J = u(() => U.value.map((e) => ({
+			url: e.url,
+			type: e.type
+		}))), _t = u(() => q.value.slice(0, Y.value.icons)), Y = u(() => {
+			let e = ot.value;
+			if (!e) return {
+				icons: 2,
+				tiles: 2
+			};
+			let t = e - Ze;
+			E.selectionMode && (t -= Xe);
+			let n = J.value.length > 0 ? 52 : 0, r = xt(q.value.length, Math.max(0, t - n), qe), i = q.value.length > 0 ? Math.max(1, r) : 0, a = i * qe + (i < q.value.length ? Ye : 0);
+			return {
+				icons: i,
+				tiles: xt(J.value.length, Math.max(0, t - a), Je)
+			};
+		}), X = u(() => q.value.slice(Y.value.icons)), vt = u(() => J.value.slice(0, Y.value.tiles)), Z = u(() => J.value.length - Y.value.tiles), yt = u(() => {
+			let e = E.segIndex === void 0 ? void 0 : E.event.segments?.[E.segIndex]?.firstSeen, t = new Date(e ?? E.event.thumbnailAt ?? E.event.startTime), n = /* @__PURE__ */ new Date(), r = t.toDateString() === n.toDateString(), i = t.toLocaleTimeString([], {
+				hour: "2-digit",
+				minute: "2-digit"
+			});
+			return r ? i : `${t.toLocaleDateString([], {
+				month: "short",
+				day: "numeric"
+			})} ${i}`;
+		}), bt = u(() => !!(et.value && E.event.endTime && E.event.hasRecording !== !1)), Q = u(() => M ? N.value ? O("views.recordings.no_preview") : P.value ? M.status.value === "unavailable" ? O("views.recordings.no_preview") : M.status.value === "playing" && M.previewTimeMs.value ? wt(M.previewTimeMs.value) : "" : "" : "");
+		function xt(e, t, n) {
+			return e === 0 || t < n ? 0 : e * n <= t ? e : Math.max(0, Math.floor((t - Ye) / n));
+		}
+		function St(e) {
+			let t = U.value.length;
+			t && ($(), R.value = (W.value + e + t) % t);
+		}
+		function Ct(e, t) {
+			pt.value && (t.stopPropagation(), $(), R.value = e);
+		}
+		function $() {
+			N.value = !1, !(!M || !P.value) && (P.value = !1, M.onHoverEnd());
+		}
+		function wt(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 Tt() {
+			if (!M || W.value > 0) return;
+			let e = rt.value;
+			if (!e) return;
+			let t = b(E.event);
+			if (E.event.hasRecording === !1 || !t) {
+				N.value = !0;
+				return;
+			}
+			P.value = !0, M.onHoverStart(e, E.event.cameraId, E.event.id, E.event.startTime, t, E.camera?.zones?.privacy, oe(E.event));
+		}
+		function Et() {
+			at.blocksMouseEnter() || Tt();
+		}
+		function Dt() {
+			N.value = !1, M && (P.value = !1, M.onHoverEnd());
+		}
+		async function Ot(e = 2) {
+			let t = await E.loadThumbnails(E.event.id, E.event.startTime);
+			if (t) {
+				F.value = t;
+				let e = S(t, E.event, "card");
+				I.value = e.url ? "loaded" : "empty";
+			} else if (e > 0) return await new Promise((e) => setTimeout(e, 500)), Ot(e - 1);
+			else I.value = E.event.state === "active" ? "loading" : "empty";
+		}
+		function kt() {
+			if (!at.consumesClick()) {
+				if (E.selectionMode) {
+					D("select");
+					return;
+				}
+				D("scrollToEvent", ct.value?.firstSeen ?? C(E.event));
+			}
+		}
+		async function At() {
+			let e = !B.value;
+			z.value = e;
+			try {
+				await k.setEventFavorite(E.event.id, e);
+			} catch (e) {
+				z.value = null, $e.add({
+					severity: "error",
+					detail: T(e),
+					life: 5e3
+				});
+			}
+		}
+		async function jt() {
+			if (L.value) return;
+			let e = et.value;
+			if (!(!e?.nvrExport || !E.event.endTime)) {
+				L.value = !0;
+				try {
+					let t = await e.nvrExport(E.event.cameraId, E.event.startTime * 1e3, E.event.endTime * 1e3);
+					await me({
+						url: t.url,
+						filename: t.filename
+					});
+				} catch (e) {
+					Qe.error("Download failed:", e), $e.add({
+						severity: "error",
+						summary: O("views.recordings.download_failed"),
+						detail: T(e),
+						life: 5e3
+					});
+				} finally {
+					L.value = !1;
+				}
+			}
+		}
+		return te(() => k.storeVersion.value, () => {
+			let e = k.getCachedThumbnails(E.event.id);
+			e && (F.value = e, S(e, E.event, "card").url && (I.value = "loaded"));
+		}), ne(() => {
+			tt === "loading" && Ot();
+		}), (n, u) => {
+			let te = Se, m = ce, v = ve, ne = ue, ie = le, b = ke, x = xe, ae = _e, oe = he, S = ge, C = fe, se = Ce, w = re;
+			return i(), f("div", {
+				ref_key: "rootRef",
+				ref: nt,
+				class: "recording-card relative group cursor-pointer",
+				onClick: kt,
+				onMouseenter: Et,
+				onMouseleave: Dt
+			}, [h("div", {
+				class: o(["bg-neutral-900 w-full rounded-xl overflow-hidden relative transition-shadow duration-200", { "ring-2 ring-inset ring-primary/70": _.siblingActive }]),
+				style: { "aspect-ratio": "1/1" }
+			}, [
+				l(I) === "loading" ? (i(), s(te, {
+					key: 0,
+					width: "100%",
+					height: "100%",
+					class: "rounded-xl"
+				})) : l(K) ? (i(), f(p, { key: 1 }, [l(mt) ? (i(), f("img", {
+					key: 0,
+					src: l(K),
+					"aria-hidden": "true",
+					class: "absolute inset-0 w-full h-full object-cover blur-xl scale-110 opacity-50 pointer-events-none"
+				}, null, 8, Ae)) : c("", !0), y(m, {
+					src: l(K),
+					alt: l(gt),
+					class: "pointer-events-none w-full h-full transition-transform duration-300 group-hover:scale-105",
+					"image-style": { objectFit: l(mt) ? "contain" : "cover" },
+					"image-container-class": "w-full h-full"
+				}, null, 8, [
+					"src",
+					"alt",
+					"image-style"
+				])], 64)) : (i(), f("div", je, [(i(), s(ee(l(A)[l(dt)] ?? l(A).motion), { class: "w-10 h-10 text-white/20" }))])),
+				l(M) ? g((i(), f("canvas", {
+					key: 3,
+					ref_key: "previewCanvasRef",
+					ref: rt,
+					class: "absolute inset-0 w-full h-full object-cover pointer-events-none z-[1]"
+				}, null, 512)), [[e, l(P)]]) : c("", !0),
+				u[3] ||= h("div", { class: "absolute inset-0 bg-transparent group-hover:bg-black/30 pointer-events-none transition-colors duration-200 z-[2]" }, null, -1),
+				h("div", Me, [h("div", Ne, [
+					l(st) ? (i(), s(v, {
+						key: 0,
+						position: "inline"
+					})) : c("", !0),
+					h("p", Pe, a(l(gt)), 1),
+					l(ft) ? (i(), f("span", Fe, a(l(ft)), 1)) : c("", !0),
+					l(V) ? (i(), f("span", {
+						key: 2,
+						class: o(["text-[10px] font-bold text-white px-1.5 py-0.5 rounded-md shrink-0", l(V).color])
+					}, a(l(V).label), 3)) : c("", !0),
+					_.selectionMode ? c("", !0) : g((i(), s(b, {
+						key: 3,
+						rounded: "",
+						text: "",
+						severity: "secondary",
+						class: "!w-5 !h-5 !p-0 shrink-0 bg-black/60 hover:!bg-black/80",
+						onClick: t(At, ["stop"]),
+						onMouseenter: $
+					}, {
+						icon: d(() => [l(B) ? (i(), s(ne, {
+							key: 0,
+							class: "w-3 h-3 text-yellow-400"
+						})) : (i(), s(ie, {
+							key: 1,
+							class: "w-3 h-3 text-white"
+						}))]),
+						_: 1
+					})), [[
+						w,
+						{ value: l(B) ? n.$t("views.recordings.unfavorite") : n.$t("views.recordings.favorite") },
+						void 0,
+						{ left: !0 }
+					]]),
+					_.camera && !_.selectionMode ? g((i(), s(b, {
+						key: 4,
+						rounded: "",
+						text: "",
+						severity: "secondary",
+						class: "!w-5 !h-5 !p-0 shrink-0 bg-black/60 hover:!bg-black/80",
+						onClick: u[0] ||= t((e) => D("openTrace"), ["stop"]),
+						onMouseenter: $
+					}, {
+						icon: d(() => [y(x, { class: "w-3 h-3 text-white" })]),
+						_: 1
+					})), [[
+						w,
+						{ value: n.$t("views.recordings.open_trace") },
+						void 0,
+						{ left: !0 }
+					]]) : c("", !0),
+					l(bt) && !_.selectionMode ? g((i(), s(b, {
+						key: 5,
+						rounded: "",
+						text: "",
+						severity: "secondary",
+						loading: l(L),
+						class: "!w-5 !h-5 !p-0 shrink-0 bg-black/60 hover:!bg-black/80",
+						onClick: t(jt, ["stop"]),
+						onMouseenter: $
+					}, {
+						icon: d(() => [y(ae, { class: "w-3 h-3 text-white" })]),
+						_: 1
+					}, 8, ["loading"])), [[
+						w,
+						{ value: n.$t("views.recordings.download") },
+						void 0,
+						{ left: !0 }
+					]]) : c("", !0)
+				]), h("p", Ie, a(l(yt)), 1)]),
+				l(U).length > 1 ? (i(), f(p, { key: 4 }, [y(b, {
+					rounded: "",
+					text: "",
+					severity: "secondary",
+					class: "carousel-nav !absolute left-1 top-1/2 -translate-y-1/2 z-[3] !w-7 !h-7 !p-0 bg-black/40 hover:!bg-black/60 transition-opacity duration-200",
+					"aria-label": n.$t("views.recordings.prev_image"),
+					onClick: u[1] ||= t((e) => St(-1), ["stop"]),
+					onMouseenter: $
+				}, {
+					icon: d(() => [y(oe, { class: "w-5 h-5 text-white" })]),
+					_: 1
+				}, 8, ["aria-label"]), y(b, {
+					rounded: "",
+					text: "",
+					severity: "secondary",
+					class: "carousel-nav !absolute right-1 top-1/2 -translate-y-1/2 z-[3] !w-7 !h-7 !p-0 bg-black/40 hover:!bg-black/60 transition-opacity duration-200",
+					"aria-label": n.$t("views.recordings.next_image"),
+					onClick: u[2] ||= t((e) => St(1), ["stop"]),
+					onMouseenter: $
+				}, {
+					icon: d(() => [y(S, { class: "w-5 h-5 text-white" })]),
+					_: 1
+				}, 8, ["aria-label"])], 64)) : c("", !0),
+				l(ht) ? (i(), f("div", {
+					key: 5,
+					class: o(["absolute left-1/2 -translate-x-1/2 z-[3] max-w-[85%] pointer-events-none transition-all duration-200", l(Q) ? "bottom-16" : "bottom-10"])
+				}, [h("span", Le, a(l(ht)), 1)], 2)) : c("", !0),
+				h("div", {
+					ref_key: "footerRef",
+					ref: it,
+					class: "absolute bottom-2 left-2 right-2 flex items-center justify-between gap-2 z-[3]"
+				}, [h("div", Re, [
+					_.selectionMode ? (i(), f("div", {
+						key: 0,
+						class: o(["w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors shrink-0", _.selected ? "bg-primary border-primary" : "bg-black/40 border-white/80"])
+					}, [_.selected ? (i(), s(C, {
+						key: 0,
+						class: "w-4 h-4 text-white"
+					})) : c("", !0)], 2)) : c("", !0),
+					(i(!0), f(p, null, r(l(_t), (e) => (i(), f("div", {
+						key: e,
+						class: "flex items-center justify-center w-5 h-5 rounded-md bg-black/60 shrink-0"
+					}, [(i(), s(ee(l(A)[e] ?? l(A).motion), { class: "w-3 h-3 text-white/80" }))]))), 128)),
+					l(X).length > 0 ? (i(), f("span", {
+						key: 1,
+						title: l(X).join(", "),
+						class: "text-[10px] text-white/60 font-medium shrink-0"
+					}, " +" + a(l(X).length), 9, ze)) : c("", !0)
+				]), l(vt).length > 0 || l(Z) > 0 ? (i(), f("div", Be, [(i(!0), f(p, null, r(l(vt), (e, t) => (i(), f("div", {
+					key: t,
+					class: o(["w-7 h-7 rounded overflow-hidden border bg-neutral-800 cursor-pointer", t === l(W) ? "border-primary/80" : "border-white/20"]),
+					onClick: (e) => Ct(t, e)
+				}, [h("img", {
+					src: e.url,
+					alt: e.type,
+					decoding: "async",
+					loading: "lazy",
+					class: "w-full h-full object-cover"
+				}, null, 8, He)], 10, Ve))), 128)), l(Z) > 0 ? (i(), f("span", Ue, "+" + a(l(Z)), 1)) : c("", !0)])) : c("", !0)], 512),
+				l(M) && l(P) && l(M).isLoading.value ? (i(), f("div", We, [y(se, {
+					class: "w-[28px] h-[28px] m-0",
+					"stroke-width": "6"
+				})])) : c("", !0),
+				l(Q) ? (i(), f("div", Ge, [h("span", Ke, a(l(Q)), 1)])) : c("", !0)
+			], 2)], 544);
+		};
+	}
+}), [["__scopeId", "data-v-137049b6"]]);
+//#endregion
+//#region src/components/CuiRecordings/ungrouped.ts
+function D(e) {
+	if (e.episode) return e.episode.endTime;
+	if (e.segIndex !== void 0) {
+		let t = e.event.segments?.[e.segIndex];
+		if (t) return t.firstSeen;
+	}
+	return e.event.thumbnailAt ?? e.event.startTime;
+}
+function Qe(e) {
+	let t = [];
+	for (let n of e) {
+		let e = n.segments ?? [];
+		if (e.length <= 1) {
+			t.push({
+				event: n,
+				key: n.id
+			});
+			continue;
+		}
+		e.forEach((e, r) => {
+			e && t.push({
+				event: n,
+				key: `${n.id}:seg:${r}`,
+				segIndex: r
+			});
+		});
+	}
+	return t.sort((e, t) => D(t) - D(e)), t;
+}
+//#endregion
+export { D as n, E as r, Qe as t };