@camera.ui/server 2.1.15 → 2.1.17

package/dist/interface/ha/{Recordings-BtsW8I5D.js → Recordings-CBIt3vL7.js}

@@ -2,27 +2,27 @@ import { D as e, G as t, H as n, Jt as r, U as i, Wt as a, Y as o, _t as s, d as
 import { t as A } from "./tooltip-BIrD_hC8.js";
 import { t as j } from "./message-C8U_kMBA.js";
 import { t as M } from "./tag-CXgC9OZ6.js";
-import { $n as N, B as ee, Dn as P, Dr as F, Er as te, G as I, Gn as L, Hr as R, In as ne, Kn as re, L as z, Nn as B, Q as ie, Qn as ae, R as oe, Tr as V, W as se, Xn as H, Z as ce, ar as le, dr as ue, er as U, et as W, gi as de, hn as fe, hr as pe, m as me, mr as he, ot as ge, pi as _e, pt as ve, q as ye, qt as be, tr as G, vr as K, wr as xe, yr as Se, z as Ce } from "./api-DDUXI4DG.js";
-import { F as we, M as Te, z as Ee } from "./protocol-BB4jdtUC-K1r3LFCq.js";
-import { h as De, u as Oe } from "./intercomService-jB2mTgsn.js";
-import { n as ke } from "./vue-i18n-Dcb07o5U.js";
-import { M as Ae, ct as je, nt as Me, tt as Ne } from "./dist-BQFunPaA.js";
-import { t as Pe } from "./button-BlYuI0Q7.js";
+import { $n as N, Ar as ee, B as P, Ci as F, Cr as I, G as te, Hn as L, In as R, J as z, Jr as B, K as ne, Mn as re, Mr as V, Nr as ie, Qt as ae, R as oe, V as H, Xn as se, Yn as ce, _t as U, bi as le, bn as ue, br as W, cr as de, et as fe, gr as pe, h as me, ir as he, it as ge, jr as _e, kr as ve, nr as ye, qn as be, sr as xe, tt as Se, ut as Ce, wr as we, yr as Te, z as Ee } from "./api-DBu4gh4_.js";
+import { F as De, M as Oe, z as ke } from "./protocol-BB4jdtUC-K1r3LFCq.js";
+import { h as Ae, u as je } from "./intercomService-jB2mTgsn.js";
+import { n as Me } from "./vue-i18n-Dcb07o5U.js";
+import { M as Ne, ct as G, nt as K, tt as Pe } from "./dist-BqTZri2H.js";
+import { t as Fe } from "./button-BlYuI0Q7.js";
 import { t as q } from "./inputtext-DGIESrd0.js";
-import { a as Fe, t as J } from "./datepicker-BuvKhBWJ.js";
-import { t as Ie } from "./close-Eq3txTBS.js";
-import { t as Le } from "./select-DjWkRqsI.js";
-import { t as Re } from "./progressbar-CIoPoMSe.js";
+import { a as Ie, t as J } from "./datepicker-BuvKhBWJ.js";
+import { t as Le } from "./close-Eq3txTBS.js";
+import { t as Re } from "./select-DjWkRqsI.js";
+import { t as ze } from "./progressbar-CIoPoMSe.js";
 import { t as Y } from "./multiselect-BbgV_fPx.js";
-import { t as ze } from "./textarea-DvLkfUX7.js";
-import { i as Be, n as Ve, t as He } from "./eventLabels-B4C1_4vT.js";
-import { t as Ue } from "./ring-resize-VS4MSeBv.js";
-import { i as We, n as Ge, r as Ke, t as qe } from "./ungrouped-aASsOUNF.js";
-import { t as Je } from "./utils-DYtBrGDz.js";
-import { t as Ye } from "./settings-EKkSQLzv.js";
-import { n as Xe, t as Ze } from "./round-alt-arrow-left-bold-CWEg-ZLF.js";
+import { t as Be } from "./textarea-DvLkfUX7.js";
+import { i as Ve, n as He, t as Ue } from "./eventLabels-B4C1_4vT.js";
+import { t as We } from "./ring-resize-VS4MSeBv.js";
+import { i as Ge, n as Ke, r as qe, t as Je } from "./ungrouped-CO29-tSV.js";
+import { t as Ye } from "./utils-DYtBrGDz.js";
+import { t as Xe } from "./settings-EKkSQLzv.js";
+import { n as Ze, t as Qe } from "./round-alt-arrow-left-bold-CWEg-ZLF.js";
 //#region node_modules/@camera.ui/sdk/dist/camera/events.js
-var Qe = [
+var $e = [
 	"motion",
 	"audio",
 	"contact",
@@ -50,22 +50,22 @@ var Qe = [
 	width: "1.2em",
 	height: "1.2em"
 };
-function $e(e, t) {
+function et(e, t) {
 	return n(), g("svg", X, [...t[0] ||= [x("path", {
 		fill: "currentColor",
 		d: "M22 18.605a.75.75 0 0 1-.75.75h-5.1a2.93 2.93 0 0 1-5.66 0H2.75a.75.75 0 1 1 0-1.5h7.74a2.93 2.93 0 0 1 5.66 0h5.1a.75.75 0 0 1 .75.75m0-13.21a.75.75 0 0 1-.75.75H18.8a2.93 2.93 0 0 1-5.66 0H2.75a.75.75 0 1 1 0-1.5h10.39a2.93 2.93 0 0 1 5.66 0h2.45a.74.74 0 0 1 .75.75m0 6.6a.74.74 0 0 1-.75.75H9.55a2.93 2.93 0 0 1-5.66 0H2.75a.75.75 0 1 1 0-1.5h1.14a2.93 2.93 0 0 1 5.66 0h11.7a.75.75 0 0 1 .75.75"
 	}, null, -1)]]);
 }
-var et = s({
+var tt = s({
 	name: "mage-filter-fill",
-	render: $e
-}), tt = {
+	render: et
+}), nt = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function nt(e, t) {
-	return n(), g("svg", tt, [...t[0] ||= [x("path", {
+function rt(e, t) {
+	return n(), g("svg", nt, [...t[0] ||= [x("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -74,33 +74,33 @@ function nt(e, t) {
 		d: "M21.25 12H8.895m-4.361 0H2.75m18.5 6.607h-5.748m-4.361 0H2.75m18.5-13.214h-3.105m-4.361 0H2.75m13.214 2.18a2.18 2.18 0 1 0 0-4.36a2.18 2.18 0 0 0 0 4.36Zm-9.25 6.607a2.18 2.18 0 1 0 0-4.36a2.18 2.18 0 0 0 0 4.36Zm6.607 6.608a2.18 2.18 0 1 0 0-4.361a2.18 2.18 0 0 0 0 4.36Z"
 	}, null, -1)]]);
 }
-var rt = s({
+var it = s({
 	name: "mage-filter",
-	render: nt
-}), Z = {
+	render: rt
+}), at = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function it(e, t) {
-	return n(), g("svg", Z, [...t[0] ||= [x("path", {
+function Z(e, t) {
+	return n(), g("svg", at, [...t[0] ||= [x("path", {
 		fill: "currentColor",
 		d: "M6 12.45V9.64c1.47.83 3.61 1.36 6 1.36s4.53-.53 6-1.36v2.39c.17-.03.33-.03.5-.03c.5 0 1 .07 1.5.18V7c0-2.21-3.58-4-8-4S4 4.79 4 7v10c0 2.21 3.59 4 8 4h.5c-.26-.63-.41-1.3-.47-2H12c-3.87 0-6-1.5-6-2v-2.23c1.61.78 3.72 1.23 6 1.23h.5c.35-.82.84-1.54 1.45-2.14c-.63.09-1.28.14-1.95.14c-2.42 0-4.7-.6-6-1.55M12 5c3.87 0 6 1.5 6 2s-2.13 2-6 2s-6-1.5-6-2s2.13-2 6-2m6 13.5l1.77-1.77A2.5 2.5 0 1 0 20 20h1.71A3.99 3.99 0 0 1 18 22.5c-2.21 0-4-1.79-4-4s1.79-4 4-4c1.11 0 2.11.45 2.83 1.17L22 14.5v4z"
 	}, null, -1)]]);
 }
-var at = s({
+var ot = s({
 	name: "mdi-database-refresh-outline",
-	render: it
-}), ot = { class: "flex flex-col gap-4" }, st = { class: "text-sm text-pretty" }, ct = {
+	render: Z
+}), st = { class: "flex flex-col gap-4" }, ct = { class: "text-sm text-pretty" }, lt = {
 	key: 0,
 	class: "flex flex-col gap-2"
-}, lt = {
+}, ut = {
 	key: 0,
 	class: "flex justify-between text-sm text-muted"
-}, ut = { key: 0 }, dt = /* @__PURE__ */ T({
+}, dt = { key: 0 }, ft = /* @__PURE__ */ T({
 	__name: "ClipReindex",
 	setup(t, { expose: i }) {
-		let a = e("dialogRefProps"), { t: o } = ke(), { status: s, isBusy: c, checking: u, refresh: p, start: m, cancel: _ } = L(), v = E(!1), y = E(!1), S = E(0), C = f(() => s.value?.running === !0), w = f(() => {
+		let a = e("dialogRefProps"), { t: o } = Me(), { status: s, isBusy: c, checking: u, refresh: p, start: m, cancel: _ } = he(), v = E(!1), y = E(!1), S = E(0), C = f(() => s.value?.running === !0), w = f(() => {
 			if (y.value) {
 				if (!s.value?.total) return o("views.recordings.reindex.up_to_date");
 				let { done: e, total: t, skipped: n } = s.value;
@@ -131,49 +131,49 @@ var at = s({
 				s.value?.running && (v.value = !0);
 			});
 		}), i({ onConfirm: O }), (e, t) => {
-			let i = Re;
-			return n(), g("div", ot, [x("span", st, r(d(w)), 1), d(v) || d(C) ? (n(), g("div", ct, [D(i, {
+			let i = ze;
+			return n(), g("div", st, [x("span", ct, r(d(w)), 1), d(v) || d(C) ? (n(), g("div", lt, [D(i, {
 				mode: d(u) ? "indeterminate" : "determinate",
 				value: d(T),
 				"show-value": !1,
 				class: "h-2"
-			}, null, 8, ["mode", "value"]), d(C) && !d(u) ? (n(), g("div", lt, [x("span", null, r(e.$t("views.recordings.reindex.progress", {
+			}, null, 8, ["mode", "value"]), d(C) && !d(u) ? (n(), g("div", ut, [x("span", null, r(e.$t("views.recordings.reindex.progress", {
 				done: d(s)?.done ?? 0,
 				total: d(s)?.total ?? 0
-			})), 1), d(s)?.skipped ? (n(), g("span", ut, r(e.$t("views.recordings.reindex.skipped", { count: d(s).skipped })), 1)) : l("", !0)])) : l("", !0)])) : l("", !0)]);
+			})), 1), d(s)?.skipped ? (n(), g("span", dt, r(e.$t("views.recordings.reindex.skipped", { count: d(s).skipped })), 1)) : l("", !0)])) : l("", !0)])) : l("", !0)]);
 		};
 	}
-}), ft = {
+}), pt = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function pt(e, t) {
-	return n(), g("svg", ft, [...t[0] ||= [x("path", {
+function mt(e, t) {
+	return n(), g("svg", pt, [...t[0] ||= [x("path", {
 		fill: "currentColor",
 		d: "m14 2l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm4 18V9h-5V4H6v16zm-2-2l-2.5-1.7V18H8v-5h5.5v1.7L16 13z"
 	}, null, -1)]]);
 }
-var mt = s({
+var ht = s({
 	name: "mdi-file-video-outline",
-	render: pt
-}), ht = { class: "flex flex-col gap-6" }, gt = { class: "flex flex-col field-gap" }, _t = { class: "cui-label" }, Q = { class: "flex flex-col field-gap" }, vt = { class: "cui-label" }, $ = { class: "grid grid-cols-1 xs:grid-cols-2 gap-3" }, yt = { class: "flex flex-col gap-1" }, bt = { class: "text-xs text-muted" }, xt = { class: "flex flex-col gap-1" }, St = { class: "text-xs text-muted" }, Ct = { class: "grid grid-cols-1 xs:grid-cols-2 gap-x-6 gap-y-4" }, wt = { class: "flex flex-col field-gap" }, Tt = { class: "cui-label" }, Et = { class: "flex flex-col field-gap" }, Dt = { class: "cui-label" }, Ot = { class: "flex flex-col field-gap" }, kt = { class: "flex items-center gap-3" }, At = { class: "cui-label !mb-0" }, jt = {
+	render: mt
+}), gt = { class: "flex flex-col gap-6" }, _t = { class: "flex flex-col field-gap" }, vt = { class: "cui-label" }, yt = { class: "flex flex-col field-gap" }, Q = { class: "cui-label" }, bt = { class: "grid grid-cols-1 xs:grid-cols-2 gap-3" }, $ = { class: "flex flex-col gap-1" }, xt = { class: "text-xs text-muted" }, St = { class: "flex flex-col gap-1" }, Ct = { class: "text-xs text-muted" }, wt = { class: "grid grid-cols-1 xs:grid-cols-2 gap-x-6 gap-y-4" }, Tt = { class: "flex flex-col field-gap" }, Et = { class: "cui-label" }, Dt = { class: "flex flex-col field-gap" }, Ot = { class: "cui-label" }, kt = { class: "flex flex-col field-gap" }, At = { class: "flex items-center gap-3" }, jt = { class: "cui-label !mb-0" }, Mt = {
 	key: 0,
 	class: "ml-auto flex items-center gap-2.5 text-sm tabular-nums"
-}, Mt = { class: "font-semibold" }, Nt = { class: "font-semibold" }, Pt = { class: "border border-color rounded-xl card-background overflow-hidden" }, Ft = { class: "flex flex-col gap-3 max-h-[240px] overflow-y-auto p-2.5" }, It = {
+}, Nt = { class: "font-semibold" }, Pt = { class: "font-semibold" }, Ft = { class: "border border-color rounded-xl card-background overflow-hidden" }, It = { class: "flex flex-col gap-3 max-h-[240px] overflow-y-auto p-2.5" }, Lt = {
 	key: 0,
 	class: "flex items-center justify-center gap-2 text-muted text-sm py-6"
-}, Lt = {
+}, Rt = {
 	key: 1,
 	class: "text-center text-muted text-sm py-6"
-}, Rt = { class: "text-xs text-muted px-0.5" }, zt = { class: "font-mono text-xs truncate flex-1" }, Bt = { class: "text-xs text-muted tabular-nums shrink-0" }, Vt = { class: "font-mono text-xs text-muted tabular-nums shrink-0 min-w-[58px] text-right" }, Ht = 30, Ut = /* @__PURE__ */ T({
+}, zt = { class: "text-xs text-muted px-0.5" }, Bt = { class: "font-mono text-xs truncate flex-1" }, Vt = { class: "text-xs text-muted tabular-nums shrink-0" }, Ht = { class: "font-mono text-xs text-muted tabular-nums shrink-0 min-w-[58px] text-right" }, Ut = 30, Wt = /* @__PURE__ */ T({
 	__name: "ExportRecordings",
 	props: {
 		cameras: {},
 		preselect: {}
 	},
 	setup(i, { expose: a }) {
-		let o = i, { t: s } = ke(), m = de(), h = e("dialogRefProps"), { plugin: _ } = Ae("@camera.ui/camera-ui-nvr"), y = E([]), S = E(!1), w = E(o.preselect?.length ? [...o.preselect] : []), T = E("best"), O = E(0), k = E(new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0))), A = E(/* @__PURE__ */ new Date()), N = f(() => [{
+		let o = i, { t: s } = Me(), m = F(), h = e("dialogRefProps"), { plugin: _ } = Ne("@camera.ui/camera-ui-nvr"), y = E([]), S = E(!1), w = E(o.preselect?.length ? [...o.preselect] : []), T = E("best"), O = E(0), k = E(new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0))), A = E(/* @__PURE__ */ new Date()), N = f(() => [{
 			label: s("views.recordings.export.quality_best"),
 			value: "best"
 		}, {
@@ -194,8 +194,8 @@ var mt = s({
 		].map((e) => ({
 			label: e === 0 ? s("views.recordings.export.timelapse_off") : e < 60 ? `${e} s` : `${e / 60} min`,
 			value: e
-		}))), P = f(() => O.value > 0), F = f(() => P.value ? "~" : ""), te = f(() => new Map(o.cameras.map((e) => [e.id, e.name]))), I = f(() => k.value instanceof Date && A.value instanceof Date && k.value < A.value), L = f(() => {
-			if (!I.value) return [];
+		}))), P = f(() => O.value > 0), I = f(() => P.value ? "~" : ""), te = f(() => new Map(o.cameras.map((e) => [e.id, e.name]))), L = f(() => k.value instanceof Date && A.value instanceof Date && k.value < A.value), R = f(() => {
+			if (!L.value) return [];
 			let e = [], t = k.value.getTime(), n = A.value.getTime(), r = new Date(k.value);
 			r.setHours(0, 0, 0, 0);
 			let i = new Date(A.value);
@@ -210,18 +210,18 @@ var mt = s({
 				}), r.setDate(r.getDate() + 1);
 			}
 			return e;
-		}), R = f(() => y.value.map((e) => {
+		}), z = f(() => y.value.map((e) => {
 			let t = te.value.get(e.cameraId) ?? e.cameraId, n = /* @__PURE__ */ new Date(e.startUs / 1e3), r = /* @__PURE__ */ new Date(e.endUs / 1e3), i = n.getHours() === 0 && n.getMinutes() === 0 && e.endUs - e.startUs === 864e8, a = r.getHours() === 0 && r.getMinutes() === 0 ? "24:00" : ae(r);
 			return {
 				cameraId: e.cameraId,
 				cameraName: t,
 				name: `${oe(t)}_${e.day}${P.value ? "_timelapse" : ""}.mp4`,
 				span: i ? s("views.recordings.export.whole_day") : `${ae(n)}–${a}`,
-				bytes: P.value ? e.bytes / Ht : e.bytes
+				bytes: P.value ? e.bytes / Ut : e.bytes
 			};
-		})), ne = f(() => {
+		})), B = f(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of R.value) {
+			for (let t of z.value) {
 				let n = e.get(t.cameraId);
 				n || (n = {
 					cameraId: t.cameraId,
@@ -231,20 +231,20 @@ var mt = s({
 				}, e.set(t.cameraId, n)), n.files.push(t), n.bytes += t.bytes;
 			}
 			return [...e.values()];
-		}), re = f(() => R.value.reduce((e, t) => e + t.bytes, 0)), z = f(() => w.value.length === 0 ? s("views.recordings.export.no_cameras") : I.value ? s("views.recordings.export.no_footage") : s("views.recordings.export.no_range"));
-		function B(e) {
+		}), ne = f(() => z.value.reduce((e, t) => e + t.bytes, 0)), re = f(() => w.value.length === 0 ? s("views.recordings.export.no_cameras") : L.value ? s("views.recordings.export.no_footage") : s("views.recordings.export.no_range"));
+		function V(e) {
 			return String(e).padStart(2, "0");
 		}
 		function ie(e) {
-			return `${e.getFullYear()}-${B(e.getMonth() + 1)}-${B(e.getDate())}`;
+			return `${e.getFullYear()}-${V(e.getMonth() + 1)}-${V(e.getDate())}`;
 		}
 		function ae(e) {
-			return `${B(e.getHours())}:${B(e.getMinutes())}`;
+			return `${V(e.getHours())}:${V(e.getMinutes())}`;
 		}
 		function oe(e) {
 			return e.replace(/[^a-zA-Z0-9-_]/g, "_");
 		}
-		function V(e) {
+		function H(e) {
 			if (e <= 0) return "0 MB";
 			let t = e / 1e6;
 			if (t < 1e3) return `${t < 10 ? t.toFixed(1) : Math.round(t)} MB`;
@@ -253,7 +253,7 @@ var mt = s({
 		}
 		async function se() {
 			let e = _.value;
-			if (!e?.nvrExportEstimate || w.value.length === 0 || L.value.length === 0) {
+			if (!e?.nvrExportEstimate || w.value.length === 0 || R.value.length === 0) {
 				y.value = [], S.value = !1;
 				return;
 			}
@@ -261,7 +261,7 @@ var mt = s({
 			try {
 				let t = await e.nvrExportEstimate({
 					cameras: w.value,
-					slices: L.value,
+					slices: R.value,
 					quality: T.value
 				});
 				y.value = t.files ?? [];
@@ -271,8 +271,8 @@ var mt = s({
 				S.value = !1;
 			}
 		}
-		async function H() {
-			if (!I.value || w.value.length === 0 || L.value.length === 0) return null;
+		async function ce() {
+			if (!L.value || w.value.length === 0 || R.value.length === 0) return null;
 			let e = _.value;
 			if (!e?.nvrExportBatch) return m.add({
 				severity: "error",
@@ -281,29 +281,29 @@ var mt = s({
 			}), null;
 			let t = await e.nvrExportBatch({
 				cameras: w.value,
-				slices: L.value,
+				slices: R.value,
 				quality: T.value,
 				timelapseIntervalSec: P.value ? O.value : 0
 			});
-			await pe({
+			await W({
 				url: t.url,
 				filename: t.filename
 			});
 		}
-		return Ee([
+		return ke([
 			w,
-			L,
+			R,
 			T
 		], se, {
 			debounce: 350,
 			immediate: !0,
 			deep: !0
 		}), b(() => {
-			h.disabled && (h.disabled.value = !I.value || w.value.length === 0 || !S.value && R.value.length === 0);
-		}), a({ onConfirm: H }), (e, a) => {
-			let o = Y, s = J, f = j, m = G, h = Le, _ = M, y = Se, b = mt;
-			return n(), g("div", ht, [
-				x("div", gt, [x("label", _t, r(e.$t("views.recordings.export.cameras")), 1), D(o, {
+			h.disabled && (h.disabled.value = !L.value || w.value.length === 0 || !S.value && z.value.length === 0);
+		}), a({ onConfirm: ce }), (e, a) => {
+			let o = Y, s = J, f = j, m = de, h = Re, _ = M, y = we, b = ht;
+			return n(), g("div", gt, [
+				x("div", _t, [x("label", vt, r(e.$t("views.recordings.export.cameras")), 1), D(o, {
 					modelValue: d(w),
 					"onUpdate:modelValue": a[0] ||= (e) => u(w) ? w.value = e : null,
 					options: i.cameras,
@@ -318,16 +318,16 @@ var mt = s({
 					"options",
 					"placeholder"
 				])]),
-				x("div", Q, [
-					x("label", vt, r(e.$t("views.recordings.export.range")), 1),
-					x("div", $, [x("div", yt, [x("span", bt, r(e.$t("views.recordings.export.from")), 1), D(s, {
+				x("div", yt, [
+					x("label", Q, r(e.$t("views.recordings.export.range")), 1),
+					x("div", bt, [x("div", $, [x("span", xt, r(e.$t("views.recordings.export.from")), 1), D(s, {
 						modelValue: d(k),
 						"onUpdate:modelValue": a[1] ||= (e) => u(k) ? k.value = e : null,
 						"show-time": "",
 						"hour-format": "24",
 						fluid: "",
 						"max-date": d(A)
-					}, null, 8, ["modelValue", "max-date"])]), x("div", xt, [x("span", St, r(e.$t("views.recordings.export.to")), 1), D(s, {
+					}, null, 8, ["modelValue", "max-date"])]), x("div", St, [x("span", Ct, r(e.$t("views.recordings.export.to")), 1), D(s, {
 						modelValue: d(A),
 						"onUpdate:modelValue": a[2] ||= (e) => u(A) ? A.value = e : null,
 						"show-time": "",
@@ -335,7 +335,7 @@ var mt = s({
 						fluid: "",
 						"min-date": d(k)
 					}, null, 8, ["modelValue", "min-date"])])]),
-					d(I) ? (n(), c(f, {
+					d(L) ? (n(), c(f, {
 						key: 1,
 						severity: "secondary",
 						variant: "simple",
@@ -355,7 +355,7 @@ var mt = s({
 						_: 1
 					}))
 				]),
-				x("div", Ct, [x("div", wt, [x("label", Tt, r(e.$t("views.recordings.export.quality")), 1), D(m, {
+				x("div", wt, [x("div", Tt, [x("label", Et, r(e.$t("views.recordings.export.quality")), 1), D(m, {
 					modelValue: d(T),
 					"onUpdate:modelValue": a[3] ||= (e) => u(T) ? T.value = e : null,
 					options: d(N),
@@ -366,7 +366,7 @@ var mt = s({
 						root: { class: "flex w-full" },
 						pcToggleButton: { root: { class: "flex-1" } }
 					}
-				}, null, 8, ["modelValue", "options"])]), x("div", Et, [x("label", Dt, r(e.$t("views.recordings.export.timelapse")), 1), D(h, {
+				}, null, 8, ["modelValue", "options"])]), x("div", Dt, [x("label", Ot, r(e.$t("views.recordings.export.timelapse")), 1), D(h, {
 					modelValue: d(O),
 					"onUpdate:modelValue": a[4] ||= (e) => u(O) ? O.value = e : null,
 					options: d(ee),
@@ -374,43 +374,43 @@ var mt = s({
 					"option-value": "value",
 					class: "w-full"
 				}, null, 8, ["modelValue", "options"])])]),
-				x("div", Ot, [x("div", kt, [x("label", At, r(e.$t("views.recordings.export.result")), 1), d(R).length ? (n(), g("div", jt, [
-					x("span", Mt, r(d(R).length) + " " + r(d(R).length === 1 ? e.$t("views.recordings.export.file") : e.$t("views.recordings.export.files")), 1),
+				x("div", kt, [x("div", At, [x("label", jt, r(e.$t("views.recordings.export.result")), 1), d(z).length ? (n(), g("div", Mt, [
+					x("span", Nt, r(d(z).length) + " " + r(d(z).length === 1 ? e.$t("views.recordings.export.file") : e.$t("views.recordings.export.files")), 1),
 					a[5] ||= x("span", { class: "text-muted" }, "·", -1),
-					x("span", Nt, r(d(F)) + r(V(d(re))), 1),
+					x("span", Pt, r(d(I)) + r(H(d(ne))), 1),
 					D(_, {
-						value: d(R).length === 1 ? "MP4" : "ZIP",
+						value: d(z).length === 1 ? "MP4" : "ZIP",
 						severity: "info"
 					}, null, 8, ["value"])
-				])) : l("", !0)]), x("div", Pt, [x("div", Ft, [d(S) && !d(R).length ? (n(), g("div", It, [D(y, {
+				])) : l("", !0)]), x("div", Ft, [x("div", It, [d(S) && !d(z).length ? (n(), g("div", Lt, [D(y, {
 					style: {
 						width: "1rem",
 						height: "1rem"
 					},
 					"stroke-width": "4",
 					class: "m-0"
-				}), x("span", null, r(e.$t("views.recordings.export.estimating")), 1)])) : d(R).length ? (n(!0), g(v, { key: 2 }, t(d(ne), (e) => (n(), g("div", {
+				}), x("span", null, r(e.$t("views.recordings.export.estimating")), 1)])) : d(z).length ? (n(!0), g(v, { key: 2 }, t(d(B), (e) => (n(), g("div", {
 					key: e.cameraId,
 					class: "flex flex-col gap-1"
-				}, [x("span", Rt, r(e.cameraName) + " · " + r(e.files.length) + " · " + r(d(F)) + r(V(e.bytes)), 1), (n(!0), g(v, null, t(e.files, (e) => (n(), g("div", {
+				}, [x("span", zt, r(e.cameraName) + " · " + r(e.files.length) + " · " + r(d(I)) + r(H(e.bytes)), 1), (n(!0), g(v, null, t(e.files, (e) => (n(), g("div", {
 					key: e.name,
 					class: "flex items-center gap-3 card-inner-background border border-color rounded-lg px-3 py-2"
 				}, [
 					D(b, { class: "w-4 h-4 text-muted shrink-0" }),
-					x("span", zt, r(e.name), 1),
-					x("span", Bt, r(e.span), 1),
-					x("span", Vt, r(d(F)) + r(V(e.bytes)), 1)
-				]))), 128))]))), 128)) : (n(), g("div", Lt, r(d(z)), 1))])])])
+					x("span", Bt, r(e.name), 1),
+					x("span", Vt, r(e.span), 1),
+					x("span", Ht, r(d(I)) + r(H(e.bytes)), 1)
+				]))), 128))]))), 128)) : (n(), g("div", Rt, r(d(re)), 1))])])])
 			]);
 		};
 	}
-}), Wt = {
+}), Gt = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Gt(e, t) {
-	return n(), g("svg", Wt, [...t[0] ||= [x("path", {
+function Kt(e, t) {
+	return n(), g("svg", Gt, [...t[0] ||= [x("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -419,16 +419,16 @@ function Gt(e, t) {
 		d: "m6 9l6 6l6-6"
 	}, null, -1)]]);
 }
-var Kt = s({
+var qt = s({
 	name: "tabler-chevron-down",
-	render: Gt
-}), qt = {
+	render: Kt
+}), Jt = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Jt(e, t) {
-	return n(), g("svg", qt, [...t[0] ||= [x("path", {
+function Yt(e, t) {
+	return n(), g("svg", Jt, [...t[0] ||= [x("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -437,40 +437,40 @@ function Jt(e, t) {
 		d: "m6 15l6-6l6 6"
 	}, null, -1)]]);
 }
-var Yt = s({
+var Xt = s({
 	name: "tabler-chevron-up",
-	render: Jt
-}), Xt = { class: "flex flex-col gap-2" }, Zt = { class: "sidebar-section-title" }, Qt = {
+	render: Yt
+}), Zt = { class: "flex flex-col gap-2" }, Qt = { class: "sidebar-section-title" }, $t = {
 	key: 0,
 	class: "text-xs text-muted"
-}, $t = { class: "flex flex-col gap-2" }, en = { class: "sidebar-section-title" }, tn = { class: "p-input-icon-left w-full" }, nn = { class: "text-xs text-muted" }, rn = { class: "flex flex-col gap-2" }, an = { class: "sidebar-section-title flex items-center gap-1.5" }, on = {
+}, en = { class: "flex flex-col gap-2" }, tn = { class: "sidebar-section-title" }, nn = { class: "p-input-icon-left w-full" }, rn = { class: "text-xs text-muted" }, an = { class: "flex flex-col gap-2" }, on = { class: "sidebar-section-title flex items-center gap-1.5" }, sn = {
 	key: 0,
 	class: "inline-flex items-center gap-1 text-xs text-muted"
-}, sn = {
+}, cn = {
 	key: 1,
 	class: "flex flex-col gap-1.5 mt-1"
-}, cn = { class: "text-xs text-muted" }, ln = { class: "flex items-center gap-3" }, un = { class: "text-xs font-mono w-8 text-right shrink-0" }, dn = {
+}, ln = { class: "text-xs text-muted" }, un = { class: "flex items-center gap-3" }, dn = { class: "text-xs font-mono w-8 text-right shrink-0" }, fn = {
 	key: 1,
 	class: "flex flex-col gap-2"
-}, fn = { class: "sidebar-section-title" }, pn = { class: "flex flex-col gap-2" }, mn = { class: "sidebar-section-title" }, hn = { class: "flex flex-col gap-2" }, gn = { class: "sidebar-section-title" }, _n = { class: "relative rounded-md overflow-hidden" }, vn = {
+}, pn = { class: "sidebar-section-title" }, mn = { class: "flex flex-col gap-2" }, hn = { class: "sidebar-section-title" }, gn = { class: "flex flex-col gap-2" }, _n = { class: "sidebar-section-title" }, vn = { class: "relative rounded-md overflow-hidden" }, yn = {
 	key: 3,
 	class: "sidebar-divider"
-}, yn = {
+}, bn = {
 	key: 4,
 	class: "flex flex-col gap-2"
-}, bn = { class: "sidebar-section-title" }, xn = { class: "flex items-center gap-3" }, Sn = { class: "text-xs font-mono w-8 text-right shrink-0" }, Cn = { class: "flex flex-col gap-2" }, wn = { class: "sidebar-section-title" }, Tn = { class: "flex flex-wrap gap-1" }, En = { class: "flex flex-col gap-2" }, Dn = {
+}, xn = { class: "sidebar-section-title" }, Sn = { class: "flex items-center gap-3" }, Cn = { class: "text-xs font-mono w-8 text-right shrink-0" }, wn = { class: "flex flex-col gap-2" }, Tn = { class: "sidebar-section-title" }, En = { class: "flex flex-wrap gap-1" }, Dn = { class: "flex flex-col gap-2" }, On = {
 	key: 0,
 	class: "flex flex-col gap-2"
-}, On = { class: "flex items-center gap-2 cursor-pointer text-sm" }, kn = {
+}, kn = { class: "flex items-center gap-2 cursor-pointer text-sm" }, An = {
 	key: 0,
 	class: "flex flex-col gap-2 ml-6"
-}, An = { class: "filter-logic-divider" }, jn = { class: "flex flex-col gap-2" }, Mn = {
+}, jn = { class: "filter-logic-divider" }, Mn = { class: "flex flex-col gap-2" }, Nn = {
 	key: 0,
 	class: "flex flex-col gap-2"
-}, Nn = { class: "filter-logic-divider" }, Pn = { class: "flex flex-col gap-2" }, Fn = {
+}, Pn = { class: "filter-logic-divider" }, Fn = { class: "flex flex-col gap-2" }, In = {
 	key: 0,
 	class: "flex flex-col gap-2"
-}, In = { class: "flex items-center gap-2 cursor-pointer text-sm" }, Ln = 288, Rn = /*#__PURE__*/ K(/* @__PURE__ */ T({
+}, Ln = { class: "flex items-center gap-2 cursor-pointer text-sm" }, Rn = 288, zn = /*#__PURE__*/ I(/* @__PURE__ */ T({
 	__name: "RecordingsFilterSidebar",
 	props: {
 		filters: {},
@@ -488,25 +488,25 @@ var Yt = s({
 		"close"
 	],
 	setup(e, { expose: i, emit: a }) {
-		let s = /* @__PURE__ */ new Set(["motion", "audio"]), p = e, m = a, { t: b } = ke(), { xlBreakpoint: S } = te(), { topbarOffset: w, bottombarHeight: T } = F(), { icons: k, generic: A } = ve(), j = k, M = Yt, N = Kt, ee = y("sidebarRef"), P = E(p.filters.semanticQuery ?? ""), I = O({
+		let s = /* @__PURE__ */ new Set(["motion", "audio"]), p = e, m = a, { t: b } = Me(), { xlBreakpoint: S } = V(), { topbarOffset: w, bottombarHeight: T } = ie(), { icons: k, generic: A } = U(), j = k, M = Xt, N = qt, ee = y("sidebarRef"), P = E(p.filters.semanticQuery ?? ""), F = O({
 			eventTypes: !0,
 			attributes: !0,
 			sensorEvents: !0
-		}), L = f(() => p.isOpen ? Ln : 0), R = f(() => {
+		}), I = f(() => p.isOpen ? Rn : 0), te = f(() => {
 			let e = [...new Set(p.cameras.map((e) => e.room).filter((e) => !!e))];
 			return e.sort((e, t) => e.localeCompare(t)), e.map((e) => ({
 				id: e,
 				name: e === "Default" ? b("components.form.label.room_default") : e
 			}));
-		}), ne = f(() => {
+		}), L = f(() => {
 			let e = p.filters.rooms;
 			return (e.length > 0 ? p.cameras.filter((t) => e.includes(t.room ?? "")) : p.cameras).map((e) => ({
 				id: e.id,
 				name: e.name
 			}));
-		}), re = f(() => {
+		}), z = f(() => {
 			if (p.filters.cameraIds.length === 1) return p.cameras.find((e) => e.id === p.filters.cameraIds[0])?.name;
-		}), z = f(() => p.filters.contentKind === "episodes"), B = f(() => [
+		}), B = f(() => p.filters.contentKind === "episodes"), ne = f(() => [
 			{
 				label: b("views.recordings.content_kind_all"),
 				value: "all"
@@ -519,7 +519,7 @@ var Yt = s({
 				label: b("views.recordings.content_kind_episodes"),
 				value: "episodes"
 			}
-		]), ie = f(() => [{
+		]), re = f(() => [{
 			label: b("views.recordings.filter_and"),
 			value: "and"
 		}, {
@@ -542,24 +542,24 @@ var Yt = s({
 				label: b("views.recordings.time_1m"),
 				value: "1m"
 			}
-		]), oe = f(() => Me.filter((e) => !s.has(e)).map((e) => ({
+		]), oe = f(() => K.filter((e) => !s.has(e)).map((e) => ({
 			label: b(`views.recordings.type_${e}`),
 			value: e,
 			icon: k[e] ?? A
-		}))), V = f(() => ({
+		}))), H = f(() => ({
 			label: b("views.recordings.type_other"),
-			value: H,
+			value: be,
 			icon: k.other ?? A
-		})), se = f(() => Qe.map((e) => ({
-			label: b(Be(e)),
+		})), se = f(() => $e.map((e) => ({
+			label: b(Ve(e)),
 			value: e,
 			icon: j[e] ?? A
-		}))), ce = f(() => je.map((e) => ({
-			label: b(Ve(e)),
+		}))), ce = f(() => G.map((e) => ({
+			label: b(He(e)),
 			value: e,
 			icon: k[e] ?? A
-		}))), ue = f(() => Ne.map((e) => ({
-			label: b(He(e)),
+		}))), le = f(() => Pe.map((e) => ({
+			label: b(Ue(e)),
 			value: e,
 			icon: k[e] ?? A
 		})));
@@ -569,7 +569,7 @@ var Yt = s({
 				[e]: t
 			});
 		}
-		let de = we((e) => {
+		let fe = De((e) => {
 			W("search", e);
 		}, 300);
 		function pe(e) {
@@ -584,73 +584,73 @@ var Yt = s({
 			let e = P.value.trim();
 			W("semanticQuery", e), m("semantic-search", e);
 		}
-		function ge(e) {
+		function he(e) {
 			let t = [...p.filters.eventTypes], n = t.indexOf(e);
 			n >= 0 ? t.splice(n, 1) : t.push(e), W("eventTypes", t);
 		}
-		function _e(e) {
+		function ge(e) {
 			let t = [...p.filters.audioLabels], n = t.indexOf(e);
 			n >= 0 ? t.splice(n, 1) : t.push(e), W("audioLabels", t);
 		}
-		function ye(e) {
+		function _e(e) {
 			let t = [...p.filters.sensorEvents], n = t.indexOf(e);
 			n >= 0 ? t.splice(n, 1) : t.push(e), W("sensorEvents", t);
 		}
-		function be(e) {
+		function ve(e) {
 			let t = [...p.filters.hasAttributes], n = t.indexOf(e);
 			n >= 0 ? t.splice(n, 1) : t.push(e), W("hasAttributes", t);
 		}
-		function K(e) {
-			I[e] = !I[e];
+		function ye(e) {
+			F[e] = !F[e];
 		}
 		return h(P, (e) => {
 			!e?.trim() && p.filters.semanticQuery && W("semanticQuery", "");
-		}), Oe(ee, (e) => {
+		}), je(ee, (e) => {
 			let t = e.target;
 			t.closest("#recordings-sidebar-toggle") || t.closest("[data-pc-section=\"overlay\"], [data-pc-section=\"panel\"], .p-connected-overlay") || p.isOpen && (p.isOverlay || !S.value) && m("close");
-		}), i({ sidebarWidth: L }), (i, a) => {
-			let s = G, f = q, p = le, m = ze, h = Pe, y = U, b = Y, S = he, E = fe, O = Fe;
+		}), i({ sidebarWidth: I }), (i, a) => {
+			let s = de, f = q, p = R, m = Be, h = Fe, y = xe, b = Y, S = Te, E = ue, O = Ie;
 			return n(), g("nav", {
 				ref_key: "sidebarRef",
 				ref: ee,
 				class: "recordings-sidebar fixed transition-all duration-200 overflow-x-hidden overflow-y-auto md:!pl-0 pl-safe pb-safe flex flex-col z-4",
 				style: _({
-					width: `${d(L)}px`,
+					width: `${d(I)}px`,
 					borderRightWidth: e.isOpen ? "1px" : "0px",
-					paddingBottom: `calc(env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px) + ${d(T)}px + ${d(w)}px)`
+					paddingBottom: `calc(var(--safe-area-inset-top) + var(--safe-area-inset-bottom) + ${d(T)}px + ${d(w)}px)`
 				})
 			}, [x("div", {
 				class: "flex flex-col gap-4 p-4",
-				style: _({ width: `${Ln}px` })
+				style: _({ width: `${Rn}px` })
 			}, [
-				x("div", Xt, [
-					x("label", Zt, r(i.$t("views.recordings.content_kind")), 1),
+				x("div", Zt, [
+					x("label", Qt, r(i.$t("views.recordings.content_kind")), 1),
 					D(s, {
 						"model-value": e.filters.contentKind,
-						options: d(B),
+						options: d(ne),
 						"option-label": "label",
 						"option-value": "value",
 						"allow-empty": !1,
 						class: "content-kind-toggle",
 						"onUpdate:modelValue": a[0] ||= (e) => W("contentKind", e)
 					}, null, 8, ["model-value", "options"]),
-					d(z) ? (n(), g("span", Qt, r(i.$t("views.recordings.content_kind_episodes_hint")), 1)) : l("", !0)
+					d(B) ? (n(), g("span", $t, r(i.$t("views.recordings.content_kind_episodes_hint")), 1)) : l("", !0)
 				]),
 				a[23] ||= x("div", { class: "sidebar-divider" }, null, -1),
-				d(z) ? l("", !0) : (n(), g(v, { key: 0 }, [
-					x("div", $t, [
-						x("label", en, r(i.$t("views.recordings.search")), 1),
-						x("span", tn, [D(f, {
+				d(B) ? l("", !0) : (n(), g(v, { key: 0 }, [
+					x("div", en, [
+						x("label", tn, r(i.$t("views.recordings.search")), 1),
+						x("span", nn, [D(f, {
 							"model-value": e.filters.search,
 							placeholder: i.$t("views.recordings.search_placeholder"),
 							class: "w-full text-sm",
-							"onUpdate:modelValue": a[1] ||= (e) => d(de)(e)
+							"onUpdate:modelValue": a[1] ||= (e) => d(fe)(e)
 						}, null, 8, ["model-value", "placeholder"])]),
-						x("span", nn, r(i.$t("views.recordings.result_count", { count: e.resultCount })), 1)
+						x("span", rn, r(i.$t("views.recordings.result_count", { count: e.resultCount })), 1)
 					]),
 					a[15] ||= x("div", { class: "sidebar-divider" }, null, -1),
-					x("div", rn, [
-						x("label", an, [D(p, { class: "w-3.5 h-3.5" }), C(" " + r(i.$t("views.recordings.semantic_search")), 1)]),
+					x("div", an, [
+						x("label", on, [D(p, { class: "w-3.5 h-3.5" }), C(" " + r(i.$t("views.recordings.semantic_search")), 1)]),
 						D(m, {
 							modelValue: d(P),
 							"onUpdate:modelValue": a[2] ||= (e) => u(P) ? P.value = e : null,
@@ -677,21 +677,21 @@ var Yt = s({
 							"loading",
 							"disabled"
 						]),
-						e.semanticCount == null ? l("", !0) : (n(), g("span", on, [D(p, { class: "w-3 h-3" }), C(" " + r(i.$t("views.recordings.semantic_results", { count: e.semanticCount })), 1)])),
-						e.filters.semanticQuery ? (n(), g("div", sn, [x("label", cn, r(i.$t("views.recordings.min_match_score")), 1), x("div", ln, [D(y, {
+						e.semanticCount == null ? l("", !0) : (n(), g("span", sn, [D(p, { class: "w-3 h-3" }), C(" " + r(i.$t("views.recordings.semantic_results", { count: e.semanticCount })), 1)])),
+						e.filters.semanticQuery ? (n(), g("div", cn, [x("label", ln, r(i.$t("views.recordings.min_match_score")), 1), x("div", un, [D(y, {
 							"model-value": e.filters.minSemanticScore,
 							min: 0,
 							max: 1,
 							step: .05,
 							class: "flex-1",
 							"onUpdate:modelValue": a[3] ||= (e) => W("minSemanticScore", e)
-						}, null, 8, ["model-value"]), x("span", un, r(Math.round(e.filters.minSemanticScore * 100)) + "%", 1)])])) : l("", !0)
+						}, null, 8, ["model-value"]), x("span", dn, r(Math.round(e.filters.minSemanticScore * 100)) + "%", 1)])])) : l("", !0)
 					]),
 					a[16] ||= x("div", { class: "sidebar-divider" }, null, -1)
 				], 64)),
-				d(R).length > 1 ? (n(), g("div", dn, [x("label", fn, r(i.$t("views.recordings.rooms")), 1), D(b, {
+				d(te).length > 1 ? (n(), g("div", fn, [x("label", pn, r(i.$t("views.recordings.rooms")), 1), D(b, {
 					"model-value": e.filters.rooms,
-					options: d(R),
+					options: d(te),
 					"option-label": "name",
 					"option-value": "id",
 					placeholder: i.$t("views.recordings.all_rooms"),
@@ -705,9 +705,9 @@ var Yt = s({
 					"options",
 					"placeholder"
 				])])) : l("", !0),
-				x("div", pn, [x("label", mn, r(i.$t("views.recordings.cameras")), 1), D(b, {
+				x("div", mn, [x("label", hn, r(i.$t("views.recordings.cameras")), 1), D(b, {
 					"model-value": e.filters.cameraIds,
-					options: d(ne),
+					options: d(L),
 					"option-label": "name",
 					"option-value": "id",
 					placeholder: i.$t("views.recordings.all_cameras"),
@@ -721,10 +721,10 @@ var Yt = s({
 					"options",
 					"placeholder"
 				])]),
-				d(re) && !d(z) ? (n(), g(v, { key: 2 }, [a[17] ||= x("div", { class: "sidebar-divider" }, null, -1), x("div", hn, [
-					x("label", gn, r(i.$t("views.recordings.grid_search")), 1),
-					x("div", _n, [D(S, {
-						camera: d(re),
+				d(z) && !d(B) ? (n(), g(v, { key: 2 }, [a[17] ||= x("div", { class: "sidebar-divider" }, null, -1), x("div", gn, [
+					x("label", _n, r(i.$t("views.recordings.grid_search")), 1),
+					x("div", vn, [D(S, {
+						camera: d(z),
 						"object-fit": "cover"
 					}, null, 8, ["camera"]), D(E, {
 						"model-value": e.filters.gridRegions,
@@ -740,17 +740,17 @@ var Yt = s({
 						onClick: a[7] ||= (e) => W("gridRegions", [])
 					}, null, 8, ["label", "disabled"])
 				])], 64)) : l("", !0),
-				d(z) ? l("", !0) : (n(), g("div", vn)),
-				d(z) ? l("", !0) : (n(), g("div", yn, [x("label", bn, r(i.$t("views.recordings.confidence")), 1), x("div", xn, [D(y, {
+				d(B) ? l("", !0) : (n(), g("div", yn)),
+				d(B) ? l("", !0) : (n(), g("div", bn, [x("label", xn, r(i.$t("views.recordings.confidence")), 1), x("div", Sn, [D(y, {
 					"model-value": e.filters.minConfidence,
 					min: 0,
 					max: 1,
 					step: .05,
 					class: "flex-1",
 					"onUpdate:modelValue": a[8] ||= (e) => W("minConfidence", e)
-				}, null, 8, ["model-value"]), x("span", Sn, r(Math.round(e.filters.minConfidence * 100)) + "%", 1)])])),
+				}, null, 8, ["model-value"]), x("span", Cn, r(Math.round(e.filters.minConfidence * 100)) + "%", 1)])])),
 				a[24] ||= x("div", { class: "sidebar-divider" }, null, -1),
-				x("div", Cn, [x("label", wn, r(i.$t("views.recordings.time_range")), 1), x("div", Tn, [(n(!0), g(v, null, t(d(ae), (t) => (n(), c(h, {
+				x("div", wn, [x("label", Tn, r(i.$t("views.recordings.time_range")), 1), x("div", En, [(n(!0), g(v, null, t(d(ae), (t) => (n(), c(h, {
 					key: t.value,
 					label: t.label,
 					severity: e.filters.timeRange === t.value ? void 0 : "secondary",
@@ -764,36 +764,36 @@ var Yt = s({
 					"outlined",
 					"onClick"
 				]))), 128))])]),
-				d(z) ? l("", !0) : (n(), g(v, { key: 5 }, [
+				d(B) ? l("", !0) : (n(), g(v, { key: 5 }, [
 					a[22] ||= x("div", { class: "sidebar-divider" }, null, -1),
-					x("div", En, [x("button", {
+					x("div", Dn, [x("button", {
 						class: "sidebar-section-title flex items-center justify-between w-full cursor-pointer",
-						onClick: a[9] ||= (e) => K("sensorEvents")
-					}, [x("span", null, r(i.$t("views.recordings.sensor_events")), 1), (n(), c(o(d(I).sensorEvents ? d(M) : d(N)), { class: "w-4 h-4 text-muted" }))]), d(I).sensorEvents ? (n(), g("div", Dn, [(n(!0), g(v, null, t(d(se), (i) => (n(), g(v, { key: i.value }, [x("label", On, [
+						onClick: a[9] ||= (e) => ye("sensorEvents")
+					}, [x("span", null, r(i.$t("views.recordings.sensor_events")), 1), (n(), c(o(d(F).sensorEvents ? d(M) : d(N)), { class: "w-4 h-4 text-muted" }))]), d(F).sensorEvents ? (n(), g("div", On, [(n(!0), g(v, null, t(d(se), (i) => (n(), g(v, { key: i.value }, [x("label", kn, [
 						D(O, {
 							"model-value": e.filters.sensorEvents.includes(i.value),
 							binary: !0,
-							"onUpdate:modelValue": (e) => ye(i.value)
+							"onUpdate:modelValue": (e) => _e(i.value)
 						}, null, 8, ["model-value", "onUpdate:modelValue"]),
 						(n(), c(o(i.icon), { class: "w-4 h-4 text-muted" })),
 						x("span", null, r(i.label), 1)
-					]), i.value === "audio" && e.filters.sensorEvents.includes("audio") ? (n(), g("div", kn, [(n(!0), g(v, null, t(d(ce), (t) => (n(), g("label", {
+					]), i.value === "audio" && e.filters.sensorEvents.includes("audio") ? (n(), g("div", An, [(n(!0), g(v, null, t(d(ce), (t) => (n(), g("label", {
 						key: t.value,
 						class: "flex items-center gap-2 cursor-pointer text-sm"
 					}, [
 						D(O, {
 							"model-value": e.filters.audioLabels.includes(t.value),
 							binary: !0,
-							"onUpdate:modelValue": (e) => _e(t.value)
+							"onUpdate:modelValue": (e) => ge(t.value)
 						}, null, 8, ["model-value", "onUpdate:modelValue"]),
 						(n(), c(o(t.icon), { class: "w-4 h-4 text-muted" })),
 						x("span", null, r(t.label), 1)
 					]))), 128))])) : l("", !0)], 64))), 128))])) : l("", !0)]),
-					x("div", An, [
+					x("div", jn, [
 						a[18] ||= x("div", { class: "filter-logic-line" }, null, -1),
 						D(s, {
 							"model-value": e.filters.filterLogicTriggers,
-							options: d(ie),
+							options: d(re),
 							"option-label": "label",
 							"option-value": "value",
 							"allow-empty": !1,
@@ -802,26 +802,26 @@ var Yt = s({
 						}, null, 8, ["model-value", "options"]),
 						a[19] ||= x("div", { class: "filter-logic-line" }, null, -1)
 					]),
-					x("div", jn, [x("button", {
+					x("div", Mn, [x("button", {
 						class: "sidebar-section-title flex items-center justify-between w-full cursor-pointer",
-						onClick: a[11] ||= (e) => K("eventTypes")
-					}, [x("span", null, r(i.$t("views.recordings.event_type")), 1), (n(), c(o(d(I).eventTypes ? d(M) : d(N)), { class: "w-4 h-4 text-muted" }))]), d(I).eventTypes ? (n(), g("div", Mn, [(n(!0), g(v, null, t(d(oe), (t) => (n(), g("label", {
+						onClick: a[11] ||= (e) => ye("eventTypes")
+					}, [x("span", null, r(i.$t("views.recordings.event_type")), 1), (n(), c(o(d(F).eventTypes ? d(M) : d(N)), { class: "w-4 h-4 text-muted" }))]), d(F).eventTypes ? (n(), g("div", Nn, [(n(!0), g(v, null, t(d(oe), (t) => (n(), g("label", {
 						key: t.value,
 						class: "flex items-center gap-2 cursor-pointer text-sm"
 					}, [
 						D(O, {
 							"model-value": e.filters.eventTypes.includes(t.value),
 							binary: !0,
-							"onUpdate:modelValue": (e) => ge(t.value)
+							"onUpdate:modelValue": (e) => he(t.value)
 						}, null, 8, ["model-value", "onUpdate:modelValue"]),
 						(n(), c(o(t.icon), { class: "w-4 h-4 text-muted" })),
 						x("span", null, r(t.label), 1)
 					]))), 128))])) : l("", !0)]),
-					x("div", Nn, [
+					x("div", Pn, [
 						a[20] ||= x("div", { class: "filter-logic-line" }, null, -1),
 						D(s, {
 							"model-value": e.filters.filterLogicAttributes,
-							options: d(ie),
+							options: d(re),
 							"option-label": "label",
 							"option-value": "value",
 							"allow-empty": !1,
@@ -830,63 +830,64 @@ var Yt = s({
 						}, null, 8, ["model-value", "options"]),
 						a[21] ||= x("div", { class: "filter-logic-line" }, null, -1)
 					]),
-					x("div", Pn, [x("button", {
+					x("div", Fn, [x("button", {
 						class: "sidebar-section-title flex items-center justify-between w-full cursor-pointer",
-						onClick: a[13] ||= (e) => K("attributes")
-					}, [x("span", null, r(i.$t("views.recordings.attributes")), 1), (n(), c(o(d(I).attributes ? d(M) : d(N)), { class: "w-4 h-4 text-muted" }))]), d(I).attributes ? (n(), g("div", Fn, [(n(!0), g(v, null, t(d(ue), (t) => (n(), g("label", {
+						onClick: a[13] ||= (e) => ye("attributes")
+					}, [x("span", null, r(i.$t("views.recordings.attributes")), 1), (n(), c(o(d(F).attributes ? d(M) : d(N)), { class: "w-4 h-4 text-muted" }))]), d(F).attributes ? (n(), g("div", In, [(n(!0), g(v, null, t(d(le), (t) => (n(), g("label", {
 						key: t.value,
 						class: "flex items-center gap-2 cursor-pointer text-sm"
 					}, [
 						D(O, {
 							"model-value": e.filters.hasAttributes.includes(t.value),
 							binary: !0,
-							"onUpdate:modelValue": (e) => be(t.value)
+							"onUpdate:modelValue": (e) => ve(t.value)
 						}, null, 8, ["model-value", "onUpdate:modelValue"]),
 						(n(), c(o(t.icon), { class: "w-4 h-4 text-muted" })),
 						x("span", null, r(t.label), 1)
-					]))), 128)), x("label", In, [
+					]))), 128)), x("label", Ln, [
 						D(O, {
-							"model-value": e.filters.eventTypes.includes(d(V).value),
+							"model-value": e.filters.eventTypes.includes(d(H).value),
 							binary: !0,
-							"onUpdate:modelValue": a[14] ||= (e) => ge(d(V).value)
+							"onUpdate:modelValue": a[14] ||= (e) => he(d(H).value)
 						}, null, 8, ["model-value"]),
-						(n(), c(o(d(V).icon), { class: "w-4 h-4 text-muted" })),
-						x("span", null, r(d(V).label), 1)
+						(n(), c(o(d(H).icon), { class: "w-4 h-4 text-muted" })),
+						x("span", null, r(d(H).label), 1)
 					])])) : l("", !0)])
 				], 64))
 			], 4)], 4);
 		};
 	}
-}), [["__scopeId", "data-v-dd31ab16"]]), zn = { class: "font-semibold text-xl truncate" }, Bn = { class: "w-full h-full relative" }, Vn = {
+}), [["__scopeId", "data-v-77b6c215"]]), Bn = { class: "font-semibold text-xl truncate" }, Vn = { class: "w-full h-full relative" }, Hn = {
 	key: 0,
 	class: "w-full flex flex-row h-[calc(40px+1rem)] py-2 items-center fixed z-10"
-}, Hn = { class: "relative z-2 page-title !m-0" }, Un = {
+}, Un = { class: "relative z-2 page-title !m-0" }, Wn = {
 	key: 1,
 	class: "fixed right-0 z-10 h-[calc(40px+1rem)] py-2 pr-2 flex items-center"
-}, Wn = {
+}, Gn = {
 	key: 1,
 	class: "flex justify-center py-4"
-}, Gn = {
+}, Kn = {
 	key: 2,
 	class: "flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4"
-}, Kn = { class: "text-muted text-sm" }, qn = 288, Jn = /* @__PURE__ */ T({
+}, qn = { class: "text-muted text-sm" }, Jn = 288, Yn = /* @__PURE__ */ T({
 	__name: "Recordings",
 	setup(e) {
-		let t = new be(), o = new _e(), s = ge(), u = me(), { bottombarHeight: b } = F(), { status: C, checking: T } = L(), { openEventTrace: O } = ie(), j = ae("@camera.ui/camera-ui-nvr"), M = de(), { t: H } = ke(), { smBreakpoint: U, xlBreakpoint: fe, mdBreakpoint: pe } = te(), { registerScrollToTop: he } = I();
+		let t = new ae(), o = new le(), s = Ce(), u = me(), { bottombarHeight: b } = ie(), { status: C, checking: T } = he(), { openEventTrace: O } = Se(), j = se("@camera.ui/camera-ui-nvr"), M = F(), { t: I } = Me(), { smBreakpoint: U, xlBreakpoint: ue, mdBreakpoint: W } = V(), { registerScrollToTop: de } = ne();
 		if (typeof VideoDecoder < "u") {
-			let e = N({ cacheSize: 20 });
-			i(B, e), Te(() => e.dispose());
+			let e = ce({ cacheSize: 20 });
+			i(L, e), Oe(() => e.dispose());
 		}
-		let { results: ve, isSearching: G, isAvailable: K, hasSearched: Se, search: we, clear: Ee } = ne(), { data: Oe } = t.getCamerasQuery({
+		let { results: be, isSearching: xe, isAvailable: we, hasSearched: Te, search: De, clear: ke } = ye(), { data: je } = t.getCamerasQuery({
 			page: 1,
 			pageSize: -1
-		}), { data: Ae } = o.getUserQuery(f(() => u.user?.username ?? "")), je = {
+		}), { data: Ne } = o.getUserQuery(f(() => u.user?.username ?? "")), G = {
 			"1h": 36e5,
 			"1d": 864e5,
 			"1w": 6048e5,
 			"1m": 2592e6
-		}, Me = y("gridRef"), Ne = y("viewMenuRef"), q = E("closed"), Fe = E(!1), J = E({
+		}, K = y("gridRef"), Pe = y("viewMenuRef"), q = E("closed"), Ie = E(!1), J = E({
 			contentKind: "all",
+			favoritesOnly: !1,
 			search: "",
 			semanticQuery: "",
 			filterLogicTriggers: "or",
@@ -903,94 +904,94 @@ var Yt = s({
 			minConfidence: .5,
 			minSemanticScore: .5,
 			onlyWithRecordings: !0
-		}), Le = w({
+		}), Re = w({
 			state: "ended",
 			hasDetections: !0,
 			withRecordingInfo: !0,
 			hasRecording: !0
-		}), Re = JSON.stringify(Le.value), Y = E(!1), ze = w([]), Be = E(null), Ve = y("reindexAnchorRef"), { left: He } = De(Ve), Qe = !1, X = f(() => fe.value ? !0 : q.value === "opened"), $e = f(() => pe.value), tt = f(() => X.value && $e.value ? !0 : (Me.value?.scrollY ?? 0) > 10 && !C.value?.running), nt = f(() => pe.value ? "0px" : X.value ? `${qn}px` : "0px"), Z = f(() => (Oe.value?.result ?? []).map((e) => ({
+		}), ze = JSON.stringify(Re.value), Y = E(!1), Be = w([]), Ve = E(null), He = y("reindexAnchorRef"), { left: Ue } = Ae(He), $e = !1, X = f(() => ue.value ? !0 : q.value === "opened"), et = f(() => W.value), nt = _e(() => K.value?.scrollY ?? 0), rt = f(() => X.value && et.value ? !0 : nt.value && !C.value?.running), at = f(() => W.value ? "0px" : X.value ? `${Jn}px` : "0px"), Z = f(() => (je.value?.result ?? []).map((e) => ({
 			id: e._id,
 			name: e.name,
 			room: e.room
-		}))), it = f(() => {
+		}))), st = f(() => {
 			let e = /* @__PURE__ */ new Map();
 			for (let t of Z.value) e.set(t.id, t.name);
 			return e;
-		}), ot = f(() => {
+		}), ct = f(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of Oe.value?.result ?? []) e.set(t._id, t);
+			for (let t of je.value?.result ?? []) e.set(t._id, t);
 			return e;
-		}), st = f(() => {
+		}), lt = f(() => {
 			let e = J.value.rooms;
 			return (e.length > 0 ? Z.value.filter((t) => e.includes(t.room ?? "")) : Z.value).map((e) => e.id);
-		}), ct = f(() => J.value.cameraIds.filter((e) => st.value.includes(e))), lt = f(() => st.value);
-		he(() => Me.value?.scrollToTop());
-		let { events: ut, isLoading: ft, hasMore: pt, loadMore: mt, loadThumbnails: ht, deleteEvents: gt, pluginUnavailable: _t } = re({
-			availableCameraIds: lt,
-			cameraIds: ct,
+		}), ut = f(() => J.value.cameraIds.filter((e) => lt.value.includes(e))), dt = f(() => lt.value);
+		de(() => K.value?.scrollToTop());
+		let { events: pt, isLoading: mt, hasMore: ht, loadMore: gt, loadThumbnails: _t, deleteEvents: vt, pluginUnavailable: yt } = N({
+			availableCameraIds: dt,
+			cameraIds: ut,
 			realtime: !0,
 			pageSize: 40,
-			filter: Le,
+			filter: Re,
 			withEpisodes: !0
 		}), Q = f(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of ve.value ?? []) {
+			for (let t of be.value ?? []) {
 				let n = e.get(t.eventId);
 				(!n || t.score > n) && e.set(t.eventId, t.score);
 			}
 			return e;
-		}), vt = f(() => Se.value), $ = f(() => {
-			let e = ut.value.filter((e) => e.state === "ended"), t = J.value;
-			if (t.timeRange && je[t.timeRange]) {
-				let n = Date.now() - je[t.timeRange];
+		}), bt = f(() => Te.value), $ = f(() => {
+			let e = pt.value.filter((e) => e.state === "ended"), t = J.value;
+			if (t.timeRange && G[t.timeRange]) {
+				let n = Date.now() - G[t.timeRange];
 				e = e.filter((e) => e.startTime >= n);
 			}
-			return t.gridRegions.length > 0 && (e = e.filter((e) => e.segments.some((e) => e.detections.some((e) => e.box && Je(e.box, t.gridRegions))))), vt.value && (e = e.filter((e) => {
+			return t.gridRegions.length > 0 && (e = e.filter((e) => e.segments.some((e) => e.detections.some((e) => e.box && Ye(e.box, t.gridRegions))))), t.favoritesOnly && (e = e.filter((e) => e.favorite)), bt.value && (e = e.filter((e) => {
 				let n = Q.value.get(e.id);
 				return n != null && n >= t.minSemanticScore;
 			}), e.sort((e, t) => (Q.value.get(t.id) ?? 0) - (Q.value.get(e.id) ?? 0))), e;
-		}), yt = f(() => J.value.contentKind === "episodes"), bt = f(() => {
+		}), xt = f(() => J.value.contentKind === "episodes"), St = f(() => {
 			if (J.value.contentKind === "events") return [];
 			j.storeVersion.value;
 			let e = J.value;
-			if (!yt.value && (Y.value || vt.value || e.gridRegions.length > 0 || e.search.trim() !== "" || e.eventTypes.length > 0 || e.audioLabels.length > 0 || e.hasAttributes.length > 0 || e.sensorEvents.length > 0 || e.minConfidence !== .5)) return [];
-			let t = ct.value.length > 0 ? ct.value : lt.value, n = e.timeRange && je[e.timeRange] ? Date.now() - je[e.timeRange] : 0, r = Infinity;
-			if (e.timeRange === "custom" && e.customDateRange && (n = Math.max(n, e.customDateRange[0].getTime()), r = e.customDateRange[1].getTime()), pt.value && !yt.value) {
+			if (!xt.value && (Y.value || bt.value || e.gridRegions.length > 0 || e.search.trim() !== "" || e.eventTypes.length > 0 || e.audioLabels.length > 0 || e.hasAttributes.length > 0 || e.sensorEvents.length > 0 || e.minConfidence !== .5)) return [];
+			let t = ut.value.length > 0 ? ut.value : dt.value, n = e.timeRange && G[e.timeRange] ? Date.now() - G[e.timeRange] : 0, r = Infinity;
+			if (e.timeRange === "custom" && e.customDateRange && (n = Math.max(n, e.customDateRange[0].getTime()), r = e.customDateRange[1].getTime()), ht.value && !xt.value) {
 				let e = Infinity;
-				for (let t of ut.value) e = Math.min(e, t.thumbnailAt ?? t.startTime);
+				for (let t of pt.value) e = Math.min(e, t.thumbnailAt ?? t.startTime);
 				n = Math.max(n, e);
 			}
 			let i = [];
-			for (let e of j.getEpisodes()) e.description && (n && e.endTime < n || e.startTime > r || t.length > 0 && !e.members.some((e) => t.includes(e.cameraId)) || i.push({
+			for (let a of j.getEpisodes()) a.description && (e.favoritesOnly && !a.favorite || n && a.endTime < n || a.startTime > r || t.length > 0 && !a.members.some((e) => t.includes(e.cameraId)) || i.push({
 				event: void 0,
-				key: `episode:${e.id}`,
-				episode: e
+				key: `episode:${a.id}`,
+				episode: a
 			}));
 			return i;
-		}), xt = f(() => {
-			if (yt.value) return [...bt.value].sort((e, t) => Ge(t) - Ge(e));
-			if (Y.value && ze.value.length) return ze.value;
+		}), Ct = f(() => {
+			if (xt.value) return [...St.value].sort((e, t) => Ke(t) - Ke(e));
+			if (Y.value && Be.value.length) return Be.value;
 			let e = $.value.map((e) => ({
 				event: e,
 				key: e.id
 			}));
-			return bt.value.length && (e.push(...bt.value), e.sort((e, t) => Ge(t) - Ge(e))), e;
-		}), St = f(() => ue(void 0, "admin")), { selectionMode: Ct, selectedIds: wt, allSelected: Tt, bulkBusy: Et, enterSelectionMode: Dt, exitSelectionMode: Ot, toggleSelectAll: kt, toggleSelection: At } = z($, (e) => e.id);
-		function jt() {
-			let e = [...wt.value];
-			!e.length || Et.value || s.openTextDialog({
+			return St.value.length && (e.push(...St.value), e.sort((e, t) => Ke(t) - Ke(e))), e;
+		}), wt = f(() => pe(void 0, "admin")), { selectionMode: Tt, selectedIds: Et, allSelected: Dt, bulkBusy: Ot, enterSelectionMode: kt, exitSelectionMode: At, toggleSelectAll: jt, toggleSelection: Mt } = oe($, (e) => e.id);
+		function Nt() {
+			let e = [...Et.value];
+			!e.length || Ot.value || s.openTextDialog({
 				data: {
-					title: H("components.dialog.title.confirm"),
-					contentText: H("views.recordings.delete_selected_confirm", { count: e.length }),
-					confirmText: H("components.form.button.remove"),
+					title: I("components.dialog.title.confirm"),
+					contentText: I("views.recordings.delete_selected_confirm", { count: e.length }),
+					confirmText: I("components.form.button.remove"),
 					confirmButtonProps: { severity: "danger" }
 				},
 				onConfirm: async () => {
-					Et.value = !0;
+					Ot.value = !0;
 					try {
-						await gt(e), Ot(), M.add({
+						await vt(e), At(), M.add({
 							severity: "success",
-							detail: H("views.recordings.delete_selected_done", { count: e.length }),
+							detail: I("views.recordings.delete_selected_done", { count: e.length }),
 							life: 5e3
 						});
 					} catch (e) {
@@ -1000,74 +1001,90 @@ var Yt = s({
 							life: 5e3
 						});
 					} finally {
-						Et.value = !1;
+						Ot.value = !1;
 					}
 				}
 			});
 		}
-		let Mt = f(() => [{
-			key: "ungroup",
-			label: H("views.recordings.ungroup"),
-			description: H("views.recordings.ungroup_hint"),
-			toggle: !0,
-			toggleState: Y.value,
-			onClick: () => {
-				Qe = !0, Y.value = !Y.value, u.updateUser({ preferences: { recordings: { ungrouped: Y.value } } });
-			}
-		}, {
-			key: "onlyWithRecordings",
-			label: H("views.recordings.only_with_recordings"),
-			description: H("views.recordings.only_with_recordings_hint"),
-			toggle: !0,
-			toggleState: J.value.onlyWithRecordings,
-			onClick: () => {
-				J.value = {
-					...J.value,
-					onlyWithRecordings: !J.value.onlyWithRecordings
-				};
+		let Pt = f(() => [
+			{
+				key: "ungroup",
+				label: I("views.recordings.ungroup"),
+				description: I("views.recordings.ungroup_hint"),
+				toggle: !0,
+				toggleState: Y.value,
+				onClick: () => {
+					$e = !0, Y.value = !Y.value, u.updateUser({ preferences: { recordings: { ungrouped: Y.value } } });
+				}
+			},
+			{
+				key: "onlyWithRecordings",
+				label: I("views.recordings.only_with_recordings"),
+				description: I("views.recordings.only_with_recordings_hint"),
+				toggle: !0,
+				toggleState: J.value.onlyWithRecordings,
+				onClick: () => {
+					J.value = {
+						...J.value,
+						onlyWithRecordings: !J.value.onlyWithRecordings
+					};
+				}
+			},
+			{
+				key: "favoritesOnly",
+				label: I("views.recordings.favorites_only"),
+				description: I("views.recordings.favorites_hint"),
+				toggle: !0,
+				toggleState: J.value.favoritesOnly,
+				onClick: () => {
+					J.value = {
+						...J.value,
+						favoritesOnly: !J.value.favoritesOnly
+					};
+				}
 			}
-		}]);
-		function Nt() {
-			s.openComponentDialog(dt, { data: {
-				title: H("views.recordings.reindex.title"),
+		]);
+		function Ft() {
+			s.openComponentDialog(ft, { data: {
+				title: I("views.recordings.reindex.title"),
 				contentProps: {},
-				confirmText: H("views.recordings.reindex.start")
+				confirmText: I("views.recordings.reindex.start")
 			} });
 		}
-		function Pt() {
-			s.openComponentDialog(Ut, { data: {
-				title: H("views.recordings.export.title"),
+		function It() {
+			s.openComponentDialog(Wt, { data: {
+				title: I("views.recordings.export.title"),
 				contentProps: {
 					cameras: Z.value,
 					preselect: J.value.cameraIds?.length ? J.value.cameraIds : []
 				},
-				confirmText: H("views.recordings.export.confirm")
+				confirmText: I("views.recordings.export.confirm")
 			} });
 		}
-		function Ft() {
+		function Lt() {
 			let e = q.value;
 			q.value = e === "opened" ? "closed" : "opened";
 		}
-		function It() {
+		function Rt() {
 			q.value = "closed";
 		}
-		function Lt(e) {
-			!e.semanticQuery?.trim() && J.value.semanticQuery?.trim() && Ee(), J.value = e;
+		function zt(e) {
+			!e.semanticQuery?.trim() && J.value.semanticQuery?.trim() && ke(), J.value = e;
 		}
-		function Rt(e) {
+		function Bt(e) {
 			if (!e.trim()) {
-				Ee();
+				ke();
 				return;
 			}
-			we(e);
+			De(e);
 		}
-		function zt(e) {
-			let t = ot.value.get(e.cameraId);
+		function Vt(e) {
+			let t = ct.value.get(e.cameraId);
 			t && O(e, t);
 		}
-		function Bt(e) {
-			let t = ot.value.get(e.cameraId);
-			t && s.openComponentDialog(ce, {
+		function Ht(e) {
+			let t = ct.value.get(e.cameraId);
+			t && s.openComponentDialog(fe, {
 				data: {
 					title: t.name,
 					dedupeKey: `camera-event:${t._id}:${e.startTime}`,
@@ -1079,7 +1096,7 @@ var Yt = s({
 						eventTimestamp: e.startTime
 					},
 					headerActions: e.segments?.some((e) => e?.description) ? [{
-						icon: le,
+						icon: R,
 						toggle: !0,
 						onClick: () => {}
 					}] : void 0,
@@ -1092,12 +1109,12 @@ var Yt = s({
 				},
 				dialogSize: { desktop: {
 					maxWidth: "800px",
-					maxHeight: "calc(100vh - max(1rem, env(safe-area-inset-top, 0px)) - max(1rem, env(safe-area-inset-bottom, 0px)))",
+					maxHeight: "calc(100vh - max(1rem, var(--safe-area-inset-top)) - max(1rem, var(--safe-area-inset-bottom)))",
 					width: "50vw"
 				} }
 			});
 		}
-		return h(fe, (e) => {
+		return h(ue, (e) => {
 			e && (q.value = "closed");
 		}), h(J, (e) => {
 			let t = e.eventTypes.length > 0 || e.sensorEvents.length > 0 || e.audioLabels.length > 0 || e.hasAttributes.length > 0, n = {
@@ -1112,18 +1129,19 @@ var Yt = s({
 				state: "ended",
 				hasDetections: !t,
 				withRecordingInfo: !0,
-				hasRecording: e.onlyWithRecordings || void 0
+				hasRecording: e.onlyWithRecordings || void 0,
+				favoritesOnly: e.favoritesOnly || void 0
 			}, r = JSON.stringify(n);
-			r !== Re && (Re = r, Le.value = n);
+			r !== ze && (ze = r, Re.value = n);
 		}, {
 			deep: !0,
 			immediate: !0
-		}), h(Ae, (e) => {
-			if (!e || Qe) return;
+		}), h(Ne, (e) => {
+			if (!e || $e) return;
 			let t = e.preferences?.recordings?.ungrouped;
 			t !== void 0 && (Y.value = t);
 		}, { immediate: !0 }), h([Y, $], ([e, t]) => {
-			ze.value = e ? qe(t) : [];
+			Be.value = e ? Je(t) : [];
 		}), h(() => J.value.cameraIds, (e) => {
 			e.length !== 1 && J.value.gridRegions.length > 0 && (J.value = {
 				...J.value,
@@ -1131,13 +1149,13 @@ var Yt = s({
 			});
 		}), k(() => {
 			requestAnimationFrame(() => {
-				Fe.value = !0;
+				Ie.value = !0;
 			});
 		}), (e, t) => {
-			let i = se, o = rt, s = et, u = Pe, f = Ye, h = Ze, y = Xe, w = ye, E = We, O = Ke, k = Ue, j = R, M = xe, N = V, F = A;
+			let i = te, o = it, s = tt, u = Fe, f = Xe, h = Qe, y = Ze, w = z, E = Ge, O = qe, k = We, j = B, M = ve, N = ee, F = A;
 			return n(), g("div", null, [
 				D(i, { position: "center" }, {
-					default: p(() => [x("span", zn, r(e.$t("views.recordings.title")), 1)]),
+					default: p(() => [x("span", Bn, r(e.$t("views.recordings.title")), 1)]),
 					_: 1
 				}),
 				D(i, { position: "left" }, {
@@ -1147,7 +1165,7 @@ var Yt = s({
 						class: "cui-button p-2 text-color",
 						text: "",
 						rounded: "",
-						onClick: Ft
+						onClick: Lt
 					}, {
 						icon: p(() => [d(q) === "closed" ? (n(), c(o, {
 							key: 0,
@@ -1168,7 +1186,7 @@ var Yt = s({
 						class: "cui-button p-2 text-color",
 						text: "",
 						rounded: "",
-						onClick: t[0] ||= (e) => d(Ne)?.toggleMenu(e)
+						onClick: t[0] ||= (e) => d(Pe)?.toggleMenu(e)
 					}, {
 						icon: p(() => [D(f, {
 							width: "100%",
@@ -1178,18 +1196,18 @@ var Yt = s({
 					})]),
 					_: 1
 				}),
-				D(Rn, {
+				D(zn, {
 					filters: d(J),
 					cameras: d(Z),
 					"is-open": d(X),
-					"is-overlay": d($e),
-					"result-count": d(xt).length,
-					"semantic-count": d(vt) ? d(Q).size : void 0,
-					"semantic-search-available": d(K),
-					"semantic-search-loading": d(G),
-					"onUpdate:filters": Lt,
-					onSemanticSearch: Rt,
-					onClose: It
+					"is-overlay": d(et),
+					"result-count": d(Ct).length,
+					"semantic-count": d(bt) ? d(Q).size : void 0,
+					"semantic-search-available": d(we),
+					"semantic-search-loading": d(xe),
+					"onUpdate:filters": zt,
+					onSemanticSearch: Bt,
+					onClose: Rt
 				}, null, 8, [
 					"filters",
 					"cameras",
@@ -1203,30 +1221,30 @@ var Yt = s({
 				(n(), c(m, {
 					to: "#container",
 					defer: ""
-				}, [d(X) && d($e) ? (n(), g("div", {
+				}, [d(X) && d(et) ? (n(), g("div", {
 					key: 0,
 					class: "fixed top-0 left-0 right-0 bottom-0 w-full h-full bg-black/50 z-1",
-					onClick: It
+					onClick: Rt
 				})) : l("", !0)])),
 				x("main", {
 					ref_key: "reindexAnchorRef",
-					ref: Ve,
+					ref: He,
 					class: "relative w-full h-full",
 					style: _({
-						paddingLeft: d(nt),
-						transition: d(Fe) ? "padding-left 200ms" : void 0
+						paddingLeft: d(at),
+						transition: d(Ie) ? "padding-left 200ms" : void 0
 					})
-				}, [x("div", Bn, [
-					d(U) ? l("", !0) : (n(), g("div", Vn, [
+				}, [x("div", Vn, [
+					d(U) ? l("", !0) : (n(), g("div", Hn, [
 						t[3] ||= x("div", { class: "ml-2" }, null, -1),
-						d(fe) ? l("", !0) : (n(), c(u, {
+						d(ue) ? l("", !0) : (n(), c(u, {
 							key: 0,
 							id: "recordings-sidebar-toggle",
 							severity: "secondary",
 							class: "mr-2 cui-icon-lg relative z-2",
 							text: "",
 							rounded: "",
-							onClick: Ft
+							onClick: Lt
 						}, {
 							icon: p(() => [d(X) ? (n(), c(h, {
 								key: 0,
@@ -1239,7 +1257,7 @@ var Yt = s({
 							}))]),
 							_: 1
 						})),
-						x("h1", Hn, r(e.$t("views.recordings.title")), 1),
+						x("h1", Un, r(e.$t("views.recordings.title")), 1),
 						t[4] ||= x("div", { class: "gradient-blur rotate-180 !h-[70px]" }, [
 							x("div"),
 							x("div"),
@@ -1249,12 +1267,12 @@ var Yt = s({
 							x("div")
 						], -1)
 					])),
-					d(U) ? l("", !0) : (n(), g("div", Un, [S((n(), c(u, {
+					d(U) ? l("", !0) : (n(), g("div", Wn, [S((n(), c(u, {
 						severity: "secondary",
 						text: "",
 						rounded: "",
 						class: "cui-icon-lg relative z-2",
-						onClick: t[1] ||= (e) => d(Ne)?.toggleMenu(e)
+						onClick: t[1] ||= (e) => d(Pe)?.toggleMenu(e)
 					}, {
 						icon: p(() => [D(f, {
 							width: "100%",
@@ -1271,24 +1289,24 @@ var Yt = s({
 						"pt-4": d(U),
 						"pt-[calc(40px+2rem)]": !d(U)
 					}]) }, [
-						d(xt).length ? (n(), c(O, {
+						d(Ct).length ? (n(), c(O, {
 							key: 0,
 							ref_key: "gridRef",
-							ref: Me,
-							items: d(xt),
+							ref: K,
+							items: d(Ct),
 							"min-item-width": d(U) ? 160 : 180,
 							gap: 8,
-							"has-more": d(pt),
-							"load-more": d(mt),
+							"has-more": d(ht),
+							"load-more": d(gt),
 							"item-key": (e) => e.key,
 							class: "flex-1 min-h-0"
 						}, {
 							item: p(({ item: e }) => [e.episode ? (n(), c(w, {
 								key: 0,
 								episode: e.episode,
-								"camera-by-id": d(ot),
+								"camera-by-id": d(ct),
 								fluid: "",
-								"click-disabled": d(Ct)
+								"click-disabled": d(Tt)
 							}, null, 8, [
 								"episode",
 								"camera-by-id",
@@ -1296,19 +1314,19 @@ var Yt = s({
 							])) : (n(), c(E, {
 								key: 1,
 								event: e.event,
-								"camera-name": d(it).get(e.event.cameraId),
-								camera: d(ot).get(e.event.cameraId),
-								"load-thumbnails": d(ht),
+								"camera-name": d(st).get(e.event.cameraId),
+								camera: d(ct).get(e.event.cameraId),
+								"load-thumbnails": d(_t),
 								"semantic-score": d(Q).get(e.event.id),
 								"seg-index": e.segIndex,
-								"selection-mode": d(Ct),
-								selected: d(wt).has(e.event.id),
-								"sibling-active": e.segIndex !== void 0 && d(Be) === e.event.id,
-								onSelect: (t) => d(At)(e.event.id),
-								onScrollToEvent: () => Bt(e.event),
-								onOpenTrace: () => zt(e.event),
-								onMouseenter: (t) => Be.value = e.segIndex === void 0 ? null : e.event.id,
-								onMouseleave: t[2] ||= (e) => Be.value = null
+								"selection-mode": d(Tt),
+								selected: d(Et).has(e.event.id),
+								"sibling-active": e.segIndex !== void 0 && d(Ve) === e.event.id,
+								onSelect: (t) => d(Mt)(e.event.id),
+								onScrollToEvent: () => Ht(e.event),
+								onOpenTrace: () => Vt(e.event),
+								onMouseenter: (t) => Ve.value = e.segIndex === void 0 ? null : e.event.id,
+								onMouseleave: t[2] ||= (e) => Ve.value = null
 							}, null, 8, [
 								"event",
 								"camera-name",
@@ -1332,21 +1350,21 @@ var Yt = s({
 							"load-more",
 							"item-key"
 						])) : l("", !0),
-						d(ft) || d(G) ? (n(), g("div", Wn, [D(k, {
+						d(mt) || d(xe) ? (n(), g("div", Gn, [D(k, {
 							width: "24px",
 							height: "24px",
 							class: "text-muted"
 						})])) : l("", !0),
-						!d($).length && !d(ft) && !d(G) ? (n(), g("div", Gn, [D(j, { class: "w-12 h-12 text-muted" }), x("span", Kn, r(d(_t) ? e.$t("views.recordings.recordings_unavailable") : e.$t("views.recordings.no_recordings")), 1)])) : l("", !0)
+						!d($).length && !d(mt) && !d(xe) ? (n(), g("div", Kn, [D(j, { class: "w-12 h-12 text-muted" }), x("span", qn, r(d(yt) ? e.$t("views.recordings.recordings_unavailable") : e.$t("views.recordings.no_recordings")), 1)])) : l("", !0)
 					], 2)
 				])], 4),
-				d(St) && d(Z).length ? (n(), g("div", {
+				d(wt) && d(Z).length ? (n(), g("div", {
 					key: 0,
-					class: a(["fixed z-10", d(tt) ? "scale-0 opacity-0" : "scale-100 opacity-100"]),
+					class: a(["fixed z-10", d(rt) ? "scale-0 opacity-0" : "scale-100 opacity-100"]),
 					style: _({
-						left: `calc(${d(He)}px + ${d(nt)} + 0.75rem + env(safe-area-inset-left, 0px))`,
-						bottom: `calc(${d(b)}px + 1.25rem + env(safe-area-inset-bottom, 0px))`,
-						transition: d(Fe) ? "left 200ms, transform 200ms ease-in-out, opacity 200ms ease-in-out" : void 0
+						left: `calc(${d(Ue)}px + ${d(at)} + 0.75rem + var(--safe-area-inset-left))`,
+						bottom: `calc(${d(b)}px + 1.25rem + var(--safe-area-inset-bottom))`,
+						transition: d(Ie) ? "left 200ms, transform 200ms ease-in-out, opacity 200ms ease-in-out" : void 0
 					})
 				}, [D(u, {
 					severity: "secondary",
@@ -1357,27 +1375,27 @@ var Yt = s({
 						done: d(C).done,
 						total: d(C).total
 					}) : e.$t("views.recordings.reindex.button"),
-					onClick: Nt
+					onClick: Ft
 				}, {
-					icon: p(() => [d(C)?.running ? (n(), c(d(Ue), { key: 0 })) : (n(), c(d(at), { key: 1 }))]),
+					icon: p(() => [d(C)?.running ? (n(), c(d(We), { key: 0 })) : (n(), c(d(ot), { key: 1 }))]),
 					_: 1
 				}, 8, ["disabled", "label"])], 6)) : l("", !0),
 				d(Z).length ? (n(), c(N, {
 					key: 1,
-					"force-visible": d(Ct),
-					"scroll-y": d(Me)?.scrollY ?? 0
+					"force-visible": d(Tt),
+					"scroll-y": d(K)?.scrollY ?? 0
 				}, {
-					default: p(() => [d(Ct) ? (n(), g(v, { key: 1 }, [
+					default: p(() => [d(Tt) ? (n(), g(v, { key: 1 }, [
 						D(M, {
 							grouped: "",
 							"tooltip-props": { value: e.$t("components.form.tooltip.cancel_selection") },
 							"button-props": { severity: "secondary" },
-							icon: d(Ie),
+							icon: d(Le),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
 							},
-							onClick: d(Ot)
+							onClick: d(At)
 						}, null, 8, [
 							"tooltip-props",
 							"icon",
@@ -1385,14 +1403,14 @@ var Yt = s({
 						]),
 						D(M, {
 							grouped: "",
-							"tooltip-props": { value: d(Tt) ? e.$t("components.form.tooltip.deselect_all") : e.$t("components.form.tooltip.select_all") },
-							"button-props": { severity: d(Tt) ? "primary" : "secondary" },
-							icon: d(ee),
+							"tooltip-props": { value: d(Dt) ? e.$t("components.form.tooltip.deselect_all") : e.$t("components.form.tooltip.select_all") },
+							"button-props": { severity: d(Dt) ? "primary" : "secondary" },
+							icon: d(H),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
 							},
-							onClick: d(kt)
+							onClick: d(jt)
 						}, null, 8, [
 							"tooltip-props",
 							"button-props",
@@ -1404,30 +1422,30 @@ var Yt = s({
 							"tooltip-props": { value: e.$t("components.form.tooltip.delete_selected") },
 							"button-props": {
 								severity: "danger",
-								disabled: !d(wt).size || d(Et)
+								disabled: !d(Et).size || d(Ot)
 							},
-							icon: d(Ce),
+							icon: d(P),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
 							},
-							onClick: jt
+							onClick: Nt
 						}, null, 8, [
 							"tooltip-props",
 							"button-props",
 							"icon"
 						])
-					], 64)) : (n(), g(v, { key: 0 }, [d(St) && d($).length ? (n(), c(M, {
+					], 64)) : (n(), g(v, { key: 0 }, [d(wt) && d($).length ? (n(), c(M, {
 						key: 0,
 						grouped: "",
 						"tooltip-props": { value: e.$t("views.recordings.select") },
 						"button-props": { severity: "secondary" },
-						icon: d(oe),
+						icon: d(Ee),
 						"icon-props": {
 							width: "100%",
 							height: "100%"
 						},
-						onClick: d(Dt)
+						onClick: d(kt)
 					}, null, 8, [
 						"tooltip-props",
 						"icon",
@@ -1436,19 +1454,19 @@ var Yt = s({
 						grouped: "",
 						"tooltip-props": { value: e.$t("views.recordings.export.title") },
 						"button-props": { class: "text-white" },
-						icon: d(W),
+						icon: d(ge),
 						"icon-props": {
 							width: "26px",
 							height: "26px"
 						},
-						onClick: Pt
+						onClick: It
 					}, null, 8, ["tooltip-props", "icon"])], 64))]),
 					_: 1
 				}, 8, ["force-visible", "scroll-y"])) : l("", !0),
-				D(P, {
+				D(re, {
 					ref_key: "viewMenuRef",
-					ref: Ne,
-					items: d(Mt),
+					ref: Pe,
+					items: d(Pt),
 					"auto-hide": !1,
 					popover: { pt: {
 						root: { class: "w-[22rem]" },
@@ -1460,4 +1478,4 @@ var Yt = s({
 	}
 });
 //#endregion
-export { Jn as default };
+export { Yn as default };