@camera.ui/server 2.2.6 → 2.2.8

package/dist/interface/ha/{Recordings-CpxJYaAa.js → Recordings-B1XsJrzs.js}

@@ -3,41 +3,41 @@ import { D as n, G as r, H as i, Jt as a, U as o, Wt as s, Y as c, _t as l, d as
 import { t as ee } from "./tooltip-BDrlgLof.js";
 import { t as M } from "./message-D6dIy_hz.js";
 import { t as N } from "./tag-mchuCAPR.js";
-import { $n as P, Ar as F, B as I, Dn as L, Dr as R, Er as z, Gn as te, H as ne, Hn as B, J as V, Jn as re, Jt as ie, Kr as ae, Mn as oe, Nn as se, Or as ce, R as le, Si as ue, U as de, V as fe, X as H, Zn as pe, ar as U, at as me, br as W, et as he, g as ge, gi as _e, gn as ve, gr as ye, gt as be, ir as xe, jr as Se, kr as Ce, lt as we, ot as Te, q as Ee, ua as De, wr as Oe, yi as ke, yr as Ae, z as je, zn as Me } from "./api-D2VzV4is.js";
-import { F as Ne, M as Pe, z as Fe } from "./protocol-BB4jdtUC-DW3jl2tV.js";
-import { h as Ie, u as Le } from "./intercomService-B7HkLs6z.js";
-import { n as Re } from "./vue-i18n-D5EAy78K.js";
-import { C as ze, _ as Be, g as Ve } from "./dist-BIngHzHx.js";
-import { i as He } from "./alert-outline-FcLLjoOK.js";
-import { t as Ue } from "./eventIcons-BFNUgeGr.js";
-import { t as We } from "./button-BouAFgf5.js";
-import { M as Ge } from "./dist-oFWkn6pD.js";
-import { t as Ke } from "./inputtext-C_ygnPrC.js";
-import { t as G } from "./checkbox-CAKzZcqk.js";
-import { t as qe } from "./datepicker-DXk97lTw.js";
-import { t as Je } from "./close-CxFbonhd.js";
-import { t as K } from "./select-DV7p2EDj.js";
-import { t as Ye } from "./progressbar-CaUaM8Bt.js";
-import { t as Xe } from "./multiselect-BOb4ScAZ.js";
-import { t as Ze } from "./textarea-ByXnzJzx.js";
-import { s as Qe, t as $e } from "./assistant-BmDAfChm.js";
-import { i as et, n as q, t as J } from "./eventLabels-B4C1_4vT.js";
-import { i as tt, n as nt, r as rt, t as it } from "./ungrouped-BbyfoCQp.js";
-import { t as at } from "./utils-DYtBrGDz.js";
-import { t as ot } from "./settings-lWJfHaif.js";
-import { t as st } from "./database-refresh-outline-PiqlCkA7.js";
-import { n as ct, t as lt } from "./round-alt-arrow-left-bold-DDy2dLUM.js";
+import { Ar as P, B as F, Dn as I, Er as L, Fn as R, Gn as z, H as B, J as te, Jr as V, Jt as ne, Ln as H, Mn as re, Mr as ie, Nr as ae, Or as U, R as oe, Sr as se, U as W, V as ce, X as le, Yn as ue, Zn as G, _r as de, ar as fe, at as pe, et as me, fa as he, g as ge, gn as _e, gt as ve, jr as ye, kr as be, lt as xe, or as Se, ot as Ce, q as we, rr as Te, vi as Ee, wi as De, xi as Oe, xr as ke, z as Ae, zn as je } from "./api-DUqpDJ2N.js";
+import { F as Me, M as Ne, z as Pe } from "./protocol-BB4jdtUC-DW3jl2tV.js";
+import { h as Fe, u as Ie } from "./intercomService-B7HkLs6z.js";
+import { n as Le } from "./vue-i18n-D5EAy78K.js";
+import { C as Re, _ as ze, g as Be } from "./dist-BIngHzHx.js";
+import { i as Ve } from "./alert-outline-FcLLjoOK.js";
+import { t as He } from "./eventIcons-BFNUgeGr.js";
+import { t as Ue } from "./button-BouAFgf5.js";
+import { M as We } from "./dist-CM7R4_Gj.js";
+import { t as Ge } from "./inputtext-C_ygnPrC.js";
+import { t as K } from "./checkbox-CAKzZcqk.js";
+import { t as Ke } from "./datepicker-DXk97lTw.js";
+import { t as qe } from "./close-CxFbonhd.js";
+import { t as q } from "./select-DV7p2EDj.js";
+import { t as Je } from "./progressbar-CaUaM8Bt.js";
+import { t as Ye } from "./multiselect-BOb4ScAZ.js";
+import { t as Xe } from "./textarea-ByXnzJzx.js";
+import { s as Ze, t as Qe } from "./assistant-BaR65gIY.js";
+import { i as $e, n as J, t as Y } from "./eventLabels-B4C1_4vT.js";
+import { i as et, n as tt, r as nt, t as rt } from "./ungrouped-BHLAySWP.js";
+import { t as it } from "./utils-DYtBrGDz.js";
+import { t as at } from "./settings-lWJfHaif.js";
+import { t as ot } from "./database-refresh-outline-PiqlCkA7.js";
+import { n as st, t as ct } from "./round-alt-arrow-left-bold-DDy2dLUM.js";
 //#region src/components/CuiDialog/templates/ClipReindex/ClipReindex.vue?vue&type=script&setup=true&lang.ts
-var ut = { class: "flex flex-col gap-4" }, dt = { class: "text-sm text-pretty" }, ft = {
+var lt = { class: "flex flex-col gap-4" }, ut = { class: "text-sm text-pretty" }, dt = {
 	key: 0,
 	class: "flex flex-col gap-2"
-}, pt = {
+}, ft = {
 	key: 0,
 	class: "flex justify-between text-sm text-muted"
-}, mt = { key: 0 }, ht = /* @__PURE__ */ D({
+}, pt = { key: 0 }, mt = /* @__PURE__ */ D({
 	__name: "ClipReindex",
 	setup(e, { expose: t }) {
-		let r = n("dialogRefProps"), { t: o } = Re(), { status: s, isBusy: c, checking: l, refresh: u, start: f, cancel: h } = te(), g = O(!1), y = O(!1), b = O(0), x = m(() => s.value?.running === !0), w = m(() => {
+		let r = n("dialogRefProps"), { t: o } = Le(), { status: s, isBusy: c, checking: l, refresh: u, start: f, cancel: h } = R(), g = O(!1), y = O(!1), b = O(0), x = m(() => s.value?.running === !0), w = m(() => {
 			if (y.value) {
 				if (!s.value?.total) return o("views.recordings.reindex.up_to_date");
 				let { done: e, total: t, skipped: n } = s.value;
@@ -68,36 +68,36 @@ var ut = { class: "flex flex-col gap-4" }, dt = { class: "text-sm text-pretty" }
 				s.value?.running && (g.value = !0);
 			});
 		}), t({ onConfirm: E }), (e, t) => {
-			let n = Ye;
-			return i(), v("div", ut, [C("span", dt, a(p(w)), 1), p(g) || p(x) ? (i(), v("div", ft, [k(n, {
+			let n = Je;
+			return i(), v("div", lt, [C("span", ut, a(p(w)), 1), p(g) || p(x) ? (i(), v("div", dt, [k(n, {
 				mode: p(l) ? "indeterminate" : "determinate",
 				value: p(T),
 				"show-value": !1,
 				class: "h-2"
-			}, null, 8, ["mode", "value"]), p(x) && !p(l) ? (i(), v("div", pt, [C("span", null, a(e.$t("views.recordings.reindex.progress", {
+			}, null, 8, ["mode", "value"]), p(x) && !p(l) ? (i(), v("div", ft, [C("span", null, a(e.$t("views.recordings.reindex.progress", {
 				done: p(s)?.done ?? 0,
 				total: p(s)?.total ?? 0
-			})), 1), p(s)?.skipped ? (i(), v("span", mt, a(e.$t("views.recordings.reindex.skipped", { count: p(s).skipped })), 1)) : d("", !0)])) : d("", !0)])) : d("", !0)]);
+			})), 1), p(s)?.skipped ? (i(), v("span", pt, a(e.$t("views.recordings.reindex.skipped", { count: p(s).skipped })), 1)) : d("", !0)])) : d("", !0)])) : d("", !0)]);
 		};
 	}
-}), Y = {
+}), X = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function gt(e, t) {
-	return i(), v("svg", Y, [...t[0] ||= [C("path", {
+function ht(e, t) {
+	return i(), v("svg", X, [...t[0] ||= [C("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 _t = l({
+var gt = l({
 	name: "mdi-file-video-outline",
-	render: gt
-}), vt = { class: "flex flex-col gap-6" }, yt = { class: "flex flex-col field-gap" }, X = { class: "cui-label" }, bt = { class: "flex flex-col field-gap" }, xt = { class: "cui-label" }, St = { class: "grid grid-cols-1 xs:grid-cols-2 gap-3" }, Ct = { class: "flex flex-col gap-1" }, wt = { class: "text-xs text-muted" }, Tt = { class: "flex flex-col gap-1" }, Et = { class: "text-xs text-muted" }, Dt = { class: "grid grid-cols-1 xs:grid-cols-2 gap-x-6 gap-y-4" }, Ot = { class: "flex flex-col field-gap" }, kt = { class: "cui-label" }, At = { class: "flex flex-col field-gap" }, jt = { class: "cui-label" }, Mt = { class: "flex flex-col field-gap" }, Nt = { class: "flex items-center gap-3" }, Pt = { class: "cui-label !mb-0" }, Z = {
+	render: ht
+}), _t = { class: "flex flex-col gap-6" }, vt = { class: "flex flex-col field-gap" }, Z = { class: "cui-label" }, yt = { class: "flex flex-col field-gap" }, bt = { class: "cui-label" }, xt = { class: "grid grid-cols-1 xs:grid-cols-2 gap-3" }, St = { class: "flex flex-col gap-1" }, Ct = { class: "text-xs text-muted" }, wt = { class: "flex flex-col gap-1" }, Tt = { class: "text-xs text-muted" }, Et = { class: "grid grid-cols-1 xs:grid-cols-2 gap-x-6 gap-y-4" }, Dt = { class: "flex flex-col field-gap" }, Ot = { class: "cui-label" }, kt = { class: "flex flex-col field-gap" }, At = { class: "cui-label" }, jt = { class: "flex flex-col field-gap" }, Mt = { class: "flex items-center gap-3" }, Nt = { class: "cui-label !mb-0" }, Q = {
 	key: 0,
 	class: "ml-auto flex items-center gap-2.5 text-sm tabular-nums"
-}, Ft = { class: "font-semibold" }, It = { class: "font-semibold" }, Q = { class: "border border-color rounded-xl card-background overflow-hidden" }, $ = { class: "flex flex-col gap-3 max-h-[240px] overflow-y-auto p-2.5" }, Lt = {
+}, $ = { 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"
 }, Rt = {
@@ -110,7 +110,7 @@ var _t = l({
 		preselect: {}
 	},
 	setup(e, { expose: t }) {
-		let o = e, { t: s } = Re(), c = ue(), l = n("dialogRefProps"), { plugin: g } = Ge("@camera.ui/camera-ui-nvr"), _ = O([]), y = O(!1), x = O(o.preselect?.length ? [...o.preselect] : []), w = O("best"), E = O(0), D = O(new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0))), A = O(/* @__PURE__ */ new Date()), j = m(() => [{
+		let o = e, { t: s } = Le(), c = De(), l = n("dialogRefProps"), { plugin: g } = We("@camera.ui/camera-ui-nvr"), _ = O([]), y = O(!1), x = O(o.preselect?.length ? [...o.preselect] : []), w = O("best"), E = O(0), D = O(new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0))), A = O(/* @__PURE__ */ new Date()), j = m(() => [{
 			label: s("views.recordings.export.quality_best"),
 			value: "best"
 		}, {
@@ -131,8 +131,8 @@ var _t = l({
 		].map((e) => ({
 			label: e === 0 ? s("views.recordings.export.timelapse_off") : e < 60 ? `${e} s` : `${e / 60} min`,
 			value: e
-		}))), P = m(() => E.value > 0), F = m(() => P.value ? "~" : ""), I = m(() => new Map(o.cameras.map((e) => [e.id, e.name]))), L = m(() => D.value instanceof Date && A.value instanceof Date && D.value < A.value), R = m(() => {
-			if (!L.value) return [];
+		}))), P = m(() => E.value > 0), F = m(() => P.value ? "~" : ""), I = m(() => new Map(o.cameras.map((e) => [e.id, e.name]))), R = m(() => D.value instanceof Date && A.value instanceof Date && D.value < A.value), z = m(() => {
+			if (!R.value) return [];
 			let e = [], t = D.value.getTime(), n = A.value.getTime(), r = new Date(D.value);
 			r.setHours(0, 0, 0, 0);
 			let i = new Date(A.value);
@@ -147,7 +147,7 @@ var _t = l({
 				}), r.setDate(r.getDate() + 1);
 			}
 			return e;
-		}), z = m(() => _.value.map((e) => {
+		}), B = m(() => _.value.map((e) => {
 			let t = I.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" : ie(r);
 			return {
 				cameraId: e.cameraId,
@@ -158,7 +158,7 @@ var _t = l({
 			};
 		})), te = m(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of z.value) {
+			for (let t of B.value) {
 				let n = e.get(t.cameraId);
 				n || (n = {
 					cameraId: t.cameraId,
@@ -168,29 +168,29 @@ var _t = l({
 				}, e.set(t.cameraId, n)), n.files.push(t), n.bytes += t.bytes;
 			}
 			return [...e.values()];
-		}), ne = m(() => z.value.reduce((e, t) => e + t.bytes, 0)), B = m(() => x.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) {
+		}), V = m(() => B.value.reduce((e, t) => e + t.bytes, 0)), ne = m(() => x.value.length === 0 ? s("views.recordings.export.no_cameras") : R.value ? s("views.recordings.export.no_footage") : s("views.recordings.export.no_range"));
+		function H(e) {
 			return String(e).padStart(2, "0");
 		}
 		function re(e) {
-			return `${e.getFullYear()}-${V(e.getMonth() + 1)}-${V(e.getDate())}`;
+			return `${e.getFullYear()}-${H(e.getMonth() + 1)}-${H(e.getDate())}`;
 		}
 		function ie(e) {
-			return `${V(e.getHours())}:${V(e.getMinutes())}`;
+			return `${H(e.getHours())}:${H(e.getMinutes())}`;
 		}
 		function ae(e) {
 			return e.replace(/[^a-zA-Z0-9-_]/g, "_");
 		}
-		function oe(e) {
+		function U(e) {
 			if (e <= 0) return "0 MB";
 			let t = e / 1e6;
 			if (t < 1e3) return `${t < 10 ? t.toFixed(1) : Math.round(t)} MB`;
 			let n = e / 1e9;
 			return `${n.toFixed(+(n < 10))} GB`;
 		}
-		async function se() {
+		async function oe() {
 			let e = g.value;
-			if (!e?.nvrExportEstimate || x.value.length === 0 || R.value.length === 0) {
+			if (!e?.nvrExportEstimate || x.value.length === 0 || z.value.length === 0) {
 				_.value = [], y.value = !1;
 				return;
 			}
@@ -198,7 +198,7 @@ var _t = l({
 			try {
 				let t = await e.nvrExportEstimate({
 					cameras: x.value,
-					slices: R.value,
+					slices: z.value,
 					quality: w.value
 				});
 				_.value = t.files ?? [];
@@ -208,8 +208,8 @@ var _t = l({
 				y.value = !1;
 			}
 		}
-		async function ce() {
-			if (!L.value || x.value.length === 0 || R.value.length === 0) return null;
+		async function W() {
+			if (!R.value || x.value.length === 0 || z.value.length === 0) return null;
 			let e = g.value;
 			if (!e?.nvrExportBatch) return c.add({
 				severity: "error",
@@ -218,29 +218,29 @@ var _t = l({
 			}), null;
 			let t = await e.nvrExportBatch({
 				cameras: x.value,
-				slices: R.value,
+				slices: z.value,
 				quality: w.value,
 				timelapseIntervalSec: P.value ? E.value : 0
 			});
-			await W({
+			await se({
 				url: t.url,
 				filename: t.filename
 			});
 		}
-		return Fe([
+		return Pe([
 			x,
-			R,
+			z,
 			w
-		], se, {
+		], oe, {
 			debounce: 350,
 			immediate: !0,
 			deep: !0
 		}), S(() => {
-			l.disabled && (l.disabled.value = !L.value || x.value.length === 0 || !y.value && z.value.length === 0);
-		}), t({ onConfirm: ce }), (t, n) => {
-			let o = Xe, s = qe, c = M, l = U, m = K, g = N, _ = Oe, S = _t;
-			return i(), v("div", vt, [
-				C("div", yt, [C("label", X, a(t.$t("views.recordings.export.cameras")), 1), k(o, {
+			l.disabled && (l.disabled.value = !R.value || x.value.length === 0 || !y.value && B.value.length === 0);
+		}), t({ onConfirm: W }), (t, n) => {
+			let o = Ye, s = Ke, c = M, l = Se, m = q, g = N, _ = L, S = gt;
+			return i(), v("div", _t, [
+				C("div", vt, [C("label", Z, a(t.$t("views.recordings.export.cameras")), 1), k(o, {
 					modelValue: p(x),
 					"onUpdate:modelValue": n[0] ||= (e) => f(x) ? x.value = e : null,
 					options: e.cameras,
@@ -255,16 +255,16 @@ var _t = l({
 					"options",
 					"placeholder"
 				])]),
-				C("div", bt, [
-					C("label", xt, a(t.$t("views.recordings.export.range")), 1),
-					C("div", St, [C("div", Ct, [C("span", wt, a(t.$t("views.recordings.export.from")), 1), k(s, {
+				C("div", yt, [
+					C("label", bt, a(t.$t("views.recordings.export.range")), 1),
+					C("div", xt, [C("div", St, [C("span", Ct, a(t.$t("views.recordings.export.from")), 1), k(s, {
 						modelValue: p(D),
 						"onUpdate:modelValue": n[1] ||= (e) => f(D) ? D.value = e : null,
 						"show-time": "",
 						"hour-format": "24",
 						fluid: "",
 						"max-date": p(A)
-					}, null, 8, ["modelValue", "max-date"])]), C("div", Tt, [C("span", Et, a(t.$t("views.recordings.export.to")), 1), k(s, {
+					}, null, 8, ["modelValue", "max-date"])]), C("div", wt, [C("span", Tt, a(t.$t("views.recordings.export.to")), 1), k(s, {
 						modelValue: p(A),
 						"onUpdate:modelValue": n[2] ||= (e) => f(A) ? A.value = e : null,
 						"show-time": "",
@@ -272,7 +272,7 @@ var _t = l({
 						fluid: "",
 						"min-date": p(D)
 					}, null, 8, ["modelValue", "min-date"])])]),
-					p(L) ? (i(), u(c, {
+					p(R) ? (i(), u(c, {
 						key: 1,
 						severity: "secondary",
 						variant: "simple",
@@ -292,7 +292,7 @@ var _t = l({
 						_: 1
 					}))
 				]),
-				C("div", Dt, [C("div", Ot, [C("label", kt, a(t.$t("views.recordings.export.quality")), 1), k(l, {
+				C("div", Et, [C("div", Dt, [C("label", Ot, a(t.$t("views.recordings.export.quality")), 1), k(l, {
 					modelValue: p(w),
 					"onUpdate:modelValue": n[3] ||= (e) => f(w) ? w.value = e : null,
 					options: p(j),
@@ -303,7 +303,7 @@ var _t = l({
 						root: { class: "flex w-full" },
 						pcToggleButton: { root: { class: "flex-1" } }
 					}
-				}, null, 8, ["modelValue", "options"])]), C("div", At, [C("label", jt, a(t.$t("views.recordings.export.timelapse")), 1), k(m, {
+				}, null, 8, ["modelValue", "options"])]), C("div", kt, [C("label", At, a(t.$t("views.recordings.export.timelapse")), 1), k(m, {
 					modelValue: p(E),
 					"onUpdate:modelValue": n[4] ||= (e) => f(E) ? E.value = e : null,
 					options: p(ee),
@@ -311,33 +311,33 @@ var _t = l({
 					"option-value": "value",
 					class: "w-full"
 				}, null, 8, ["modelValue", "options"])])]),
-				C("div", Mt, [C("div", Nt, [C("label", Pt, a(t.$t("views.recordings.export.result")), 1), p(z).length ? (i(), v("div", Z, [
-					C("span", Ft, a(p(z).length) + " " + a(p(z).length === 1 ? t.$t("views.recordings.export.file") : t.$t("views.recordings.export.files")), 1),
+				C("div", jt, [C("div", Mt, [C("label", Nt, a(t.$t("views.recordings.export.result")), 1), p(B).length ? (i(), v("div", Q, [
+					C("span", $, a(p(B).length) + " " + a(p(B).length === 1 ? t.$t("views.recordings.export.file") : t.$t("views.recordings.export.files")), 1),
 					n[5] ||= C("span", { class: "text-muted" }, "·", -1),
-					C("span", It, a(p(F)) + a(oe(p(ne))), 1),
+					C("span", Pt, a(p(F)) + a(U(p(V))), 1),
 					k(g, {
-						value: p(z).length === 1 ? "MP4" : "ZIP",
+						value: p(B).length === 1 ? "MP4" : "ZIP",
 						severity: "info"
 					}, null, 8, ["value"])
-				])) : d("", !0)]), C("div", Q, [C("div", $, [p(y) && !p(z).length ? (i(), v("div", Lt, [k(_, {
+				])) : d("", !0)]), C("div", Ft, [C("div", It, [p(y) && !p(B).length ? (i(), v("div", Lt, [k(_, {
 					style: {
 						width: "1rem",
 						height: "1rem"
 					},
 					"stroke-width": "4",
 					class: "m-0"
-				}), C("span", null, a(t.$t("views.recordings.export.estimating")), 1)])) : p(z).length ? (i(!0), v(b, { key: 2 }, r(p(te), (e) => (i(), v("div", {
+				}), C("span", null, a(t.$t("views.recordings.export.estimating")), 1)])) : p(B).length ? (i(!0), v(b, { key: 2 }, r(p(te), (e) => (i(), v("div", {
 					key: e.cameraId,
 					class: "flex flex-col gap-1"
-				}, [C("span", zt, a(e.cameraName) + " · " + a(e.files.length) + " · " + a(p(F)) + a(oe(e.bytes)), 1), (i(!0), v(b, null, r(e.files, (e) => (i(), v("div", {
+				}, [C("span", zt, a(e.cameraName) + " · " + a(e.files.length) + " · " + a(p(F)) + a(U(e.bytes)), 1), (i(!0), v(b, null, r(e.files, (e) => (i(), v("div", {
 					key: e.name,
 					class: "flex items-center gap-3 card-inner-background border border-color rounded-lg px-3 py-2"
 				}, [
 					k(S, { class: "w-4 h-4 text-muted shrink-0" }),
 					C("span", Bt, a(e.name), 1),
 					C("span", Vt, a(e.span), 1),
-					C("span", Ht, a(p(F)) + a(oe(e.bytes)), 1)
-				]))), 128))]))), 128)) : (i(), v("div", Rt, a(p(B)), 1))])])])
+					C("span", Ht, a(p(F)) + a(U(e.bytes)), 1)
+				]))), 128))]))), 128)) : (i(), v("div", Rt, a(p(ne)), 1))])])])
 			]);
 		};
 	}
@@ -407,7 +407,7 @@ var Xt = l({
 }, Rn = { class: "filter-logic-divider" }, zn = { class: "flex flex-col gap-2" }, Bn = {
 	key: 0,
 	class: "flex flex-col gap-2"
-}, Vn = { class: "flex items-center gap-2 cursor-pointer text-sm" }, Hn = 288, Un = /*#__PURE__*/ z(/* @__PURE__ */ D({
+}, Vn = { class: "flex items-center gap-2 cursor-pointer text-sm" }, Hn = 288, Un = /*#__PURE__*/ U(/* @__PURE__ */ D({
 	__name: "RecordingsFilterSidebar",
 	props: {
 		filters: {},
@@ -431,7 +431,7 @@ var Xt = l({
 		"close"
 	],
 	setup(n, { expose: o, emit: s }) {
-		let l = /* @__PURE__ */ new Set(["motion", "audio"]), h = n, g = s, { t: S } = Re(), { topbarOffset: w, bottombarHeight: E } = Se(), { icons: D, generic: j } = Ue(), ee = D, M = Xt, N = qt, P = x("sidebarRef"), F = O(h.filters.semanticQuery ?? ""), I = O(""), L = A({
+		let l = /* @__PURE__ */ new Set(["motion", "audio"]), h = n, g = s, { t: S } = Le(), { topbarOffset: w, bottombarHeight: E } = ae(), { icons: D, generic: j } = He(), ee = D, M = Xt, N = qt, P = x("sidebarRef"), F = O(h.filters.semanticQuery ?? ""), I = O(""), L = A({
 			eventTypes: !0,
 			attributes: !0,
 			sensorEvents: !0
@@ -441,15 +441,15 @@ var Xt = l({
 				id: e,
 				name: e === "Default" ? S("components.form.label.room_default") : e
 			}));
-		}), te = m(() => {
+		}), B = m(() => {
 			let e = h.filters.rooms;
 			return (e.length > 0 ? h.cameras.filter((t) => e.includes(t.room ?? "")) : h.cameras).map((e) => ({
 				id: e.id,
 				name: e.name
 			}));
-		}), ne = m(() => {
+		}), te = m(() => {
 			if (h.filters.cameraIds.length === 1) return h.cameras.find((e) => e.id === h.filters.cameraIds[0])?.name;
-		}), V = m(() => h.filters.contentKind === "episodes"), re = m(() => {
+		}), V = m(() => h.filters.contentKind === "episodes"), ne = m(() => {
 			let e = V.value ? "episodes" : "recordings";
 			if (h.resultTotal === void 0) return S(`views.recordings.result_count_${e}`, { count: h.resultCount });
 			let t = h.resultCapped ? `${h.resultTotal}+` : h.resultTotal;
@@ -470,13 +470,13 @@ var Xt = l({
 				label: S("views.recordings.content_kind_episodes"),
 				value: "episodes"
 			}
-		]), ae = m(() => [{
+		]), U = m(() => [{
 			label: S("views.recordings.filter_and"),
 			value: "and"
 		}, {
 			label: S("views.recordings.filter_or"),
 			value: "or"
-		}]), se = m(() => [
+		}]), oe = m(() => [
 			{
 				label: S("views.recordings.time_1h"),
 				value: "1h"
@@ -493,37 +493,37 @@ var Xt = l({
 				label: S("views.recordings.time_1m"),
 				value: "1m"
 			}
-		]), ce = m(() => Be.filter((e) => !l.has(e)).map((e) => ({
+		]), se = m(() => ze.filter((e) => !l.has(e)).map((e) => ({
 			label: S(`views.recordings.type_${e}`),
 			value: e,
 			icon: D[e] ?? j
-		}))), le = m(() => ({
+		}))), W = m(() => ({
 			label: S("views.recordings.type_other"),
-			value: B,
+			value: H,
 			icon: D.other ?? j
-		})), ue = m(() => _e.map((e) => ({
-			label: S(et(e)),
+		})), ce = m(() => Ee.map((e) => ({
+			label: S($e(e)),
 			value: e,
 			icon: ee[e] ?? j
-		}))), de = m(() => ze.map((e) => ({
-			label: S(q(e)),
+		}))), le = m(() => Re.map((e) => ({
+			label: S(J(e)),
 			value: e,
 			icon: D[e] ?? j
-		}))), fe = m(() => Ve.map((e) => ({
-			label: S(J(e)),
+		}))), ue = m(() => Be.map((e) => ({
+			label: S(Y(e)),
 			value: e,
 			icon: D[e] ?? j
 		})));
-		function H(e, t) {
+		function G(e, t) {
 			g("update:filters", {
 				...h.filters,
 				[e]: t
 			});
 		}
-		let pe = Ne((e) => {
-			H("search", e);
+		let de = Me((e) => {
+			G("search", e);
 		}, 300);
-		function me(e) {
+		function pe(e) {
 			let t = new Set(h.cameras.filter((t) => e.length === 0 || e.includes(t.room ?? "")).map((e) => e.id));
 			g("update:filters", {
 				...h.filters,
@@ -531,40 +531,40 @@ var Xt = l({
 				cameraIds: h.filters.cameraIds.filter((e) => t.has(e))
 			});
 		}
-		function W() {
+		function me() {
 			let e = I.value.trim();
 			e && !h.assistantSearchLoading && g("assistant-search", e);
 		}
 		function he() {
 			let e = F.value.trim();
-			H("semanticQuery", e), g("semantic-search", e);
+			G("semanticQuery", e), g("semantic-search", e);
 		}
 		function ge(e) {
 			let t = [...h.filters.eventTypes], n = t.indexOf(e);
-			n >= 0 ? t.splice(n, 1) : t.push(e), H("eventTypes", t);
+			n >= 0 ? t.splice(n, 1) : t.push(e), G("eventTypes", t);
 		}
-		function ye(e) {
+		function ve(e) {
 			let t = [...h.filters.audioLabels], n = t.indexOf(e);
-			n >= 0 ? t.splice(n, 1) : t.push(e), H("audioLabels", t);
+			n >= 0 ? t.splice(n, 1) : t.push(e), G("audioLabels", t);
 		}
-		function be(e) {
+		function ye(e) {
 			let t = [...h.filters.sensorEvents], n = t.indexOf(e);
-			n >= 0 ? t.splice(n, 1) : t.push(e), H("sensorEvents", t);
+			n >= 0 ? t.splice(n, 1) : t.push(e), G("sensorEvents", t);
 		}
-		function Ce(e) {
+		function be(e) {
 			let t = [...h.filters.hasAttributes], n = t.indexOf(e);
-			n >= 0 ? t.splice(n, 1) : t.push(e), H("hasAttributes", t);
+			n >= 0 ? t.splice(n, 1) : t.push(e), G("hasAttributes", t);
 		}
-		function we(e) {
+		function xe(e) {
 			L[e] = !L[e];
 		}
 		return _(F, (e) => {
-			!e?.trim() && h.filters.semanticQuery && H("semanticQuery", "");
-		}), Le(P, (e) => {
+			!e?.trim() && h.filters.semanticQuery && G("semanticQuery", "");
+		}), Ie(P, (e) => {
 			let t = e.target;
 			t.closest("#recordings-sidebar-toggle") || t.closest("[data-pc-section=\"overlay\"], [data-pc-section=\"panel\"], .p-connected-overlay") || h.isOpen && h.isOverlay && g("close");
 		}), o({ sidebarWidth: R }), (o, s) => {
-			let l = U, m = Ke, h = oe, g = Ze, _ = We, x = xe, S = He, D = Xe, O = Ae, A = ve, j = G;
+			let l = Se, m = Ge, h = re, g = Xe, _ = Ue, x = fe, S = Ve, D = Ye, O = ke, A = _e, j = K;
 			return i(), v("nav", {
 				ref_key: "sidebarRef",
 				ref: P,
@@ -587,9 +587,9 @@ var Xt = l({
 						"option-value": "value",
 						"allow-empty": !1,
 						class: "content-kind-toggle",
-						"onUpdate:modelValue": s[0] ||= (e) => H("contentKind", e)
+						"onUpdate:modelValue": s[0] ||= (e) => G("contentKind", e)
 					}, null, 8, ["model-value", "options"]),
-					p(V) ? (i(), v(b, { key: 0 }, [C("span", $t, a(p(re)), 1), C("span", en, a(o.$t("views.recordings.content_kind_episodes_hint")), 1)], 64)) : d("", !0)
+					p(V) ? (i(), v(b, { key: 0 }, [C("span", $t, a(p(ne)), 1), C("span", en, a(o.$t("views.recordings.content_kind_episodes_hint")), 1)], 64)) : d("", !0)
 				]),
 				s[25] ||= C("div", { class: "sidebar-divider" }, null, -1),
 				p(V) ? d("", !0) : (i(), v(b, { key: 0 }, [
@@ -599,9 +599,9 @@ var Xt = l({
 							"model-value": n.filters.search,
 							placeholder: o.$t("views.recordings.search_placeholder"),
 							class: "w-full text-sm",
-							"onUpdate:modelValue": s[1] ||= (e) => p(pe)(e)
+							"onUpdate:modelValue": s[1] ||= (e) => p(de)(e)
 						}, null, 8, ["model-value", "placeholder"])]),
-						C("span", an, a(p(re)), 1)
+						C("span", an, a(p(ne)), 1)
 					]),
 					s[16] ||= C("div", { class: "sidebar-divider" }, null, -1),
 					C("div", on, [
@@ -639,7 +639,7 @@ var Xt = l({
 							max: 1,
 							step: .05,
 							class: "flex-1",
-							"onUpdate:modelValue": s[3] ||= (e) => H("minSemanticScore", e)
+							"onUpdate:modelValue": s[3] ||= (e) => G("minSemanticScore", e)
 						}, null, 8, ["model-value"]), C("span", fn, a(Math.round(n.filters.minSemanticScore * 100)) + "%", 1)])])) : d("", !0)
 					]),
 					s[17] ||= C("div", { class: "sidebar-divider" }, null, -1)
@@ -652,7 +652,7 @@ var Xt = l({
 						placeholder: o.$t("views.recordings.assistant_search_placeholder"),
 						class: "w-full text-sm",
 						disabled: n.assistantSearchLoading,
-						onKeydown: t(e(W, ["prevent"]), ["enter"])
+						onKeydown: t(e(me, ["prevent"]), ["enter"])
 					}, null, 8, [
 						"modelValue",
 						"placeholder",
@@ -667,7 +667,7 @@ var Xt = l({
 						class: "w-full text-xs",
 						loading: n.assistantSearchLoading,
 						disabled: !p(I).trim(),
-						onClick: W
+						onClick: me
 					}, null, 8, [
 						"label",
 						"loading",
@@ -685,7 +685,7 @@ var Xt = l({
 					"max-selected-labels": 2,
 					"show-toggle-all": !1,
 					pt: { overlay: { style: "position: fixed" } },
-					"onUpdate:modelValue": s[5] ||= (e) => me(e)
+					"onUpdate:modelValue": s[5] ||= (e) => pe(e)
 				}, null, 8, [
 					"model-value",
 					"options",
@@ -693,7 +693,7 @@ var Xt = l({
 				])])) : d("", !0),
 				C("div", vn, [C("label", yn, a(o.$t("views.recordings.cameras")), 1), k(D, {
 					"model-value": n.filters.cameraIds,
-					options: p(te),
+					options: p(B),
 					"option-label": "name",
 					"option-value": "id",
 					placeholder: o.$t("views.recordings.all_cameras"),
@@ -701,20 +701,20 @@ var Xt = l({
 					"max-selected-labels": 2,
 					"show-toggle-all": !1,
 					pt: { overlay: { style: "position: fixed" } },
-					"onUpdate:modelValue": s[6] ||= (e) => H("cameraIds", e)
+					"onUpdate:modelValue": s[6] ||= (e) => G("cameraIds", e)
 				}, null, 8, [
 					"model-value",
 					"options",
 					"placeholder"
 				])]),
-				p(ne) && !p(V) ? (i(), v(b, { key: 3 }, [s[19] ||= C("div", { class: "sidebar-divider" }, null, -1), C("div", bn, [
+				p(te) && !p(V) ? (i(), v(b, { key: 3 }, [s[19] ||= C("div", { class: "sidebar-divider" }, null, -1), C("div", bn, [
 					C("label", xn, a(o.$t("views.recordings.grid_search")), 1),
 					C("div", Sn, [k(O, {
-						camera: p(ne),
+						camera: p(te),
 						"object-fit": "cover"
 					}, null, 8, ["camera"]), k(A, {
 						"model-value": n.filters.gridRegions,
-						"onUpdate:modelValue": s[7] ||= (e) => H("gridRegions", e)
+						"onUpdate:modelValue": s[7] ||= (e) => G("gridRegions", e)
 					}, null, 8, ["model-value"])]),
 					k(_, {
 						label: o.$t("views.recordings.grid_clear"),
@@ -723,7 +723,7 @@ var Xt = l({
 						size: "small",
 						class: "w-full text-xs",
 						disabled: n.filters.gridRegions.length === 0,
-						onClick: s[8] ||= (e) => H("gridRegions", [])
+						onClick: s[8] ||= (e) => G("gridRegions", [])
 					}, null, 8, ["label", "disabled"])
 				])], 64)) : d("", !0),
 				p(V) ? d("", !0) : (i(), v("div", Cn)),
@@ -733,17 +733,17 @@ var Xt = l({
 					max: 1,
 					step: .05,
 					class: "flex-1",
-					"onUpdate:modelValue": s[9] ||= (e) => H("minConfidence", e)
+					"onUpdate:modelValue": s[9] ||= (e) => G("minConfidence", e)
 				}, null, 8, ["model-value"]), C("span", Dn, a(Math.round(n.filters.minConfidence * 100)) + "%", 1)])])),
 				s[26] ||= C("div", { class: "sidebar-divider" }, null, -1),
-				C("div", On, [C("label", kn, a(o.$t("views.recordings.time_range")), 1), C("div", An, [(i(!0), v(b, null, r(p(se), (e) => (i(), u(_, {
+				C("div", On, [C("label", kn, a(o.$t("views.recordings.time_range")), 1), C("div", An, [(i(!0), v(b, null, r(p(oe), (e) => (i(), u(_, {
 					key: e.value,
 					label: e.label,
 					severity: n.filters.timeRange === e.value ? void 0 : "secondary",
 					outlined: n.filters.timeRange !== e.value,
 					size: "small",
 					class: "text-xs flex-1 min-w-0",
-					onClick: (t) => H("timeRange", n.filters.timeRange === e.value ? null : e.value)
+					onClick: (t) => G("timeRange", n.filters.timeRange === e.value ? null : e.value)
 				}, null, 8, [
 					"label",
 					"severity",
@@ -754,23 +754,23 @@ var Xt = l({
 					s[24] ||= C("div", { class: "sidebar-divider" }, null, -1),
 					C("div", jn, [C("button", {
 						class: "sidebar-section-title flex items-center justify-between w-full cursor-pointer",
-						onClick: s[10] ||= (e) => we("sensorEvents")
-					}, [C("span", null, a(o.$t("views.recordings.sensor_events")), 1), (i(), u(c(p(L).sensorEvents ? p(M) : p(N)), { class: "w-4 h-4 text-muted" }))]), p(L).sensorEvents ? (i(), v("div", Mn, [(i(!0), v(b, null, r(p(ue), (e) => (i(), v(b, { key: e.value }, [C("label", Nn, [
+						onClick: s[10] ||= (e) => xe("sensorEvents")
+					}, [C("span", null, a(o.$t("views.recordings.sensor_events")), 1), (i(), u(c(p(L).sensorEvents ? p(M) : p(N)), { class: "w-4 h-4 text-muted" }))]), p(L).sensorEvents ? (i(), v("div", Mn, [(i(!0), v(b, null, r(p(ce), (e) => (i(), v(b, { key: e.value }, [C("label", Nn, [
 						k(j, {
 							"model-value": n.filters.sensorEvents.includes(e.value),
 							binary: !0,
-							"onUpdate:modelValue": (t) => be(e.value)
+							"onUpdate:modelValue": (t) => ye(e.value)
 						}, null, 8, ["model-value", "onUpdate:modelValue"]),
 						(i(), u(c(e.icon), { class: "w-4 h-4 text-muted" })),
 						C("span", null, a(e.label), 1)
-					]), e.value === "audio" && n.filters.sensorEvents.includes("audio") ? (i(), v("div", Pn, [(i(!0), v(b, null, r(p(de), (e) => (i(), v("label", {
+					]), e.value === "audio" && n.filters.sensorEvents.includes("audio") ? (i(), v("div", Pn, [(i(!0), v(b, null, r(p(le), (e) => (i(), v("label", {
 						key: e.value,
 						class: "flex items-center gap-2 cursor-pointer text-sm"
 					}, [
 						k(j, {
 							"model-value": n.filters.audioLabels.includes(e.value),
 							binary: !0,
-							"onUpdate:modelValue": (t) => ye(e.value)
+							"onUpdate:modelValue": (t) => ve(e.value)
 						}, null, 8, ["model-value", "onUpdate:modelValue"]),
 						(i(), u(c(e.icon), { class: "w-4 h-4 text-muted" })),
 						C("span", null, a(e.label), 1)
@@ -779,19 +779,19 @@ var Xt = l({
 						s[20] ||= C("div", { class: "filter-logic-line" }, null, -1),
 						k(l, {
 							"model-value": n.filters.filterLogicTriggers,
-							options: p(ae),
+							options: p(U),
 							"option-label": "label",
 							"option-value": "value",
 							"allow-empty": !1,
 							class: "filter-logic-toggle",
-							"onUpdate:modelValue": s[11] ||= (e) => H("filterLogicTriggers", e)
+							"onUpdate:modelValue": s[11] ||= (e) => G("filterLogicTriggers", e)
 						}, null, 8, ["model-value", "options"]),
 						s[21] ||= C("div", { class: "filter-logic-line" }, null, -1)
 					]),
 					C("div", In, [C("button", {
 						class: "sidebar-section-title flex items-center justify-between w-full cursor-pointer",
-						onClick: s[12] ||= (e) => we("eventTypes")
-					}, [C("span", null, a(o.$t("views.recordings.event_type")), 1), (i(), u(c(p(L).eventTypes ? p(M) : p(N)), { class: "w-4 h-4 text-muted" }))]), p(L).eventTypes ? (i(), v("div", Ln, [(i(!0), v(b, null, r(p(ce), (e) => (i(), v("label", {
+						onClick: s[12] ||= (e) => xe("eventTypes")
+					}, [C("span", null, a(o.$t("views.recordings.event_type")), 1), (i(), u(c(p(L).eventTypes ? p(M) : p(N)), { class: "w-4 h-4 text-muted" }))]), p(L).eventTypes ? (i(), v("div", Ln, [(i(!0), v(b, null, r(p(se), (e) => (i(), v("label", {
 						key: e.value,
 						class: "flex items-center gap-2 cursor-pointer text-sm"
 					}, [
@@ -807,37 +807,37 @@ var Xt = l({
 						s[22] ||= C("div", { class: "filter-logic-line" }, null, -1),
 						k(l, {
 							"model-value": n.filters.filterLogicAttributes,
-							options: p(ae),
+							options: p(U),
 							"option-label": "label",
 							"option-value": "value",
 							"allow-empty": !1,
 							class: "filter-logic-toggle",
-							"onUpdate:modelValue": s[13] ||= (e) => H("filterLogicAttributes", e)
+							"onUpdate:modelValue": s[13] ||= (e) => G("filterLogicAttributes", e)
 						}, null, 8, ["model-value", "options"]),
 						s[23] ||= C("div", { class: "filter-logic-line" }, null, -1)
 					]),
 					C("div", zn, [C("button", {
 						class: "sidebar-section-title flex items-center justify-between w-full cursor-pointer",
-						onClick: s[14] ||= (e) => we("attributes")
-					}, [C("span", null, a(o.$t("views.recordings.attributes")), 1), (i(), u(c(p(L).attributes ? p(M) : p(N)), { class: "w-4 h-4 text-muted" }))]), p(L).attributes ? (i(), v("div", Bn, [(i(!0), v(b, null, r(p(fe), (e) => (i(), v("label", {
+						onClick: s[14] ||= (e) => xe("attributes")
+					}, [C("span", null, a(o.$t("views.recordings.attributes")), 1), (i(), u(c(p(L).attributes ? p(M) : p(N)), { class: "w-4 h-4 text-muted" }))]), p(L).attributes ? (i(), v("div", Bn, [(i(!0), v(b, null, r(p(ue), (e) => (i(), v("label", {
 						key: e.value,
 						class: "flex items-center gap-2 cursor-pointer text-sm"
 					}, [
 						k(j, {
 							"model-value": n.filters.hasAttributes.includes(e.value),
 							binary: !0,
-							"onUpdate:modelValue": (t) => Ce(e.value)
+							"onUpdate:modelValue": (t) => be(e.value)
 						}, null, 8, ["model-value", "onUpdate:modelValue"]),
 						(i(), u(c(e.icon), { class: "w-4 h-4 text-muted" })),
 						C("span", null, a(e.label), 1)
 					]))), 128)), C("label", Vn, [
 						k(j, {
-							"model-value": n.filters.eventTypes.includes(p(le).value),
+							"model-value": n.filters.eventTypes.includes(p(W).value),
 							binary: !0,
-							"onUpdate:modelValue": s[15] ||= (e) => ge(p(le).value)
+							"onUpdate:modelValue": s[15] ||= (e) => ge(p(W).value)
 						}, null, 8, ["model-value"]),
-						(i(), u(c(p(le).icon), { class: "w-4 h-4 text-muted" })),
-						C("span", null, a(p(le).label), 1)
+						(i(), u(c(p(W).icon), { class: "w-4 h-4 text-muted" })),
+						C("span", null, a(p(W).label), 1)
 					])])) : d("", !0)])
 				], 64))
 			], 4)], 4);
@@ -858,15 +858,15 @@ var Xt = l({
 }, Zn = { class: "text-muted text-sm" }, Qn = 288, $n = /* @__PURE__ */ D({
 	__name: "Recordings",
 	setup(e) {
-		let t = new $e(), n = new ie(), r = new ke(), c = be(), l = ge(), { bottombarHeight: f } = Se(), { status: S, checking: T } = te(), { openEventTrace: D } = Te(), A = re("@camera.ui/camera-ui-nvr"), M = ue(), { t: N, locale: z } = Re(), { smBreakpoint: B, xlBreakpoint: U, mdBreakpoint: W } = F(), { registerScrollToTop: _e } = V();
+		let t = new Qe(), n = new ne(), r = new Oe(), c = ve(), l = ge(), { bottombarHeight: f } = ae(), { status: S, checking: T } = R(), { openEventTrace: D } = Ce(), A = Te("@camera.ui/camera-ui-nvr"), M = De(), { t: N, locale: L } = Le(), { smBreakpoint: H, xlBreakpoint: U, mdBreakpoint: se } = ie(), { registerScrollToTop: fe } = te();
 		if (typeof VideoDecoder < "u") {
-			let e = P({ cacheSize: 20 });
-			o(Me, e), Pe(() => e.dispose());
+			let e = G({ cacheSize: 20 });
+			o(je, e), Ne(() => e.dispose());
 		}
-		let { results: ve, isSearching: xe, isAvailable: Oe, hasSearched: Ae, search: Ne, clear: Fe } = pe(), { data: Le } = t.getAssistantStatusQuery(), { data: ze } = n.getCamerasQuery({
+		let { results: _e, isSearching: Se, isAvailable: Ee, hasSearched: ke, search: Me, clear: Pe } = ue(), { data: Ie } = t.getAssistantStatusQuery(), { data: Re } = n.getCamerasQuery({
 			page: 1,
 			pageSize: -1
-		}), { data: Be } = r.getUserQuery(m(() => l.user?.username ?? "")), Ve = Array.from({ length: 24 }, (e, t) => t), He = {
+		}), { data: ze } = r.getUserQuery(m(() => l.user?.username ?? "")), Be = Array.from({ length: 24 }, (e, t) => t), Ve = {
 			contentKind: "all",
 			favoritesOnly: !1,
 			search: "",
@@ -885,69 +885,69 @@ var Xt = l({
 			minConfidence: .5,
 			minSemanticScore: .5,
 			onlyWithRecordings: !0
-		}, Ue = {
+		}, He = {
 			"1h": 36e5,
 			"1d": 864e5,
 			"1w": 6048e5,
 			"1m": 2592e6
-		}, Ge = x("gridRef"), Ke = x("viewMenuRef"), G = O("closed"), qe = O(!1), K = O({ ...He }), Ye = O(!1), Xe = O(""), Ze = E({
+		}, We = x("gridRef"), Ge = x("viewMenuRef"), K = O("closed"), Ke = O(!1), q = O({ ...Ve }), Je = O(!1), Ye = O(""), Xe = E({
 			hasDetections: !0,
 			withRecordingInfo: !0,
 			hasRecording: !0
-		}), et = JSON.stringify(Ze.value), q = O(), J = O(!1), ut = E([]), dt = O(null), ft = x("reindexAnchorRef"), { left: pt } = Ie(ft), mt = !1, Y = m(() => U.value ? !0 : G.value === "opened"), gt = m(() => W.value), _t = Ce(() => Ge.value?.scrollY ?? 0), vt = m(() => Y.value && gt.value ? !0 : _t.value && !S.value?.running), yt = m(() => W.value ? "0px" : Y.value ? `${Qn}px` : "0px"), X = m(() => (ze.value?.result ?? []).map((e) => ({
+		}), $e = JSON.stringify(Xe.value), J = O(), Y = O(!1), lt = E([]), ut = O(null), dt = x("reindexAnchorRef"), { left: ft } = Fe(dt), pt = !1, X = m(() => U.value ? !0 : K.value === "opened"), ht = m(() => se.value), gt = ye(() => We.value?.scrollY ?? 0), _t = m(() => X.value && ht.value ? !0 : gt.value && !S.value?.running), vt = m(() => se.value ? "0px" : X.value ? `${Qn}px` : "0px"), Z = m(() => (Re.value?.result ?? []).map((e) => ({
 			id: e._id,
 			name: e.name,
 			room: e.room
-		}))), bt = m(() => {
+		}))), yt = m(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of X.value) e.set(t.id, t.name);
+			for (let t of Z.value) e.set(t.id, t.name);
 			return e;
-		}), xt = m(() => {
+		}), bt = m(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of ze.value?.result ?? []) e.set(t._id, t);
+			for (let t of Re.value?.result ?? []) e.set(t._id, t);
 			return e;
-		}), St = m(() => {
-			let e = K.value.rooms;
-			return (e.length > 0 ? X.value.filter((t) => e.includes(t.room ?? "")) : X.value).map((e) => e.id);
-		}), Ct = m(() => K.value.cameraIds.filter((e) => St.value.includes(e))), wt = m(() => St.value);
-		_e(() => Ge.value?.scrollToTop());
-		let { events: Tt, isLoading: Et, hasMore: Dt, stats: Ot, loadMore: kt, loadThumbnails: At, deleteEvents: jt, reset: Mt, loadFailed: Nt, pluginUnavailable: Pt } = se({
-			availableCameraIds: wt,
-			cameraIds: Ct,
+		}), xt = m(() => {
+			let e = q.value.rooms;
+			return (e.length > 0 ? Z.value.filter((t) => e.includes(t.room ?? "")) : Z.value).map((e) => e.id);
+		}), St = m(() => q.value.cameraIds.filter((e) => xt.value.includes(e))), Ct = m(() => xt.value);
+		fe(() => We.value?.scrollToTop());
+		let { events: wt, isLoading: Tt, hasMore: Et, stats: Dt, loadMore: Ot, loadThumbnails: kt, deleteEvents: At, reset: jt, loadFailed: Mt, pluginUnavailable: Nt } = z({
+			availableCameraIds: Ct,
+			cameraIds: St,
 			realtime: !0,
 			pageSize: 40,
-			filter: Ze,
+			filter: Xe,
 			withEpisodes: !0,
 			withStats: !0
-		}), Z = m(() => {
+		}), Q = m(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of ve.value ?? []) {
+			for (let t of _e.value ?? []) {
 				let n = e.get(t.eventId);
 				(!n || t.score > n) && e.set(t.eventId, t.score);
 			}
 			return e;
-		}), Ft = m(() => Ae.value), It = m(() => Pt.value ? N("views.recordings.recordings_unavailable") : Nt.value ? N("views.recordings.load_failed") : N("views.recordings.no_recordings")), Q = m(() => {
-			let e = Tt.value.filter((e) => e.state === "ended" || (e.segments?.length ?? 0) > 0), t = K.value;
-			if (q.value !== void 0) {
-				let t = q.value;
+		}), $ = m(() => ke.value), Pt = m(() => Nt.value ? N("views.recordings.recordings_unavailable") : Mt.value ? N("views.recordings.load_failed") : N("views.recordings.no_recordings")), Ft = m(() => {
+			let e = wt.value.filter((e) => e.state === "ended" || (e.segments?.length ?? 0) > 0), t = q.value;
+			if (J.value !== void 0) {
+				let t = J.value;
 				e = e.filter((e) => e.startTime >= t);
 			}
-			return t.gridRegions.length > 0 && (e = e.filter((e) => e.segments.some((e) => e.detections.some((e) => e.box && at(e.box, t.gridRegions))))), t.favoritesOnly && (e = e.filter((e) => e.favorite)), Ft.value && (e = e.filter((e) => {
-				let n = Z.value.get(e.id);
+			return t.gridRegions.length > 0 && (e = e.filter((e) => e.segments.some((e) => e.detections.some((e) => e.box && it(e.box, t.gridRegions))))), t.favoritesOnly && (e = e.filter((e) => e.favorite)), $.value && (e = e.filter((e) => {
+				let n = Q.value.get(e.id);
 				return n != null && n >= t.minSemanticScore;
-			}), e.sort((e, t) => (Z.value.get(t.id) ?? 0) - (Z.value.get(e.id) ?? 0))), e;
-		}), $ = m(() => K.value.contentKind === "episodes"), Lt = m(() => {
-			let e = K.value;
+			}), e.sort((e, t) => (Q.value.get(t.id) ?? 0) - (Q.value.get(e.id) ?? 0))), e;
+		}), It = m(() => q.value.contentKind === "episodes"), Lt = m(() => {
+			let e = q.value;
 			return e.search.trim() !== "" || e.eventTypes.length > 0 || e.audioLabels.length > 0 || e.hasAttributes.length > 0 || e.sensorEvents.length > 0 || e.minConfidence !== .5;
-		}), Rt = m(() => Le.value?.state === "ready"), zt = m(() => {
-			if (K.value.contentKind === "events") return [];
+		}), Rt = m(() => Ie.value?.state === "ready"), zt = m(() => {
+			if (q.value.contentKind === "events") return [];
 			A.storeVersion.value;
-			let e = K.value;
-			if (!$.value && (J.value || Ft.value || e.gridRegions.length > 0 || Lt.value)) return [];
-			let t = Ct.value.length > 0 ? Ct.value : wt.value, n = q.value ?? 0, r = Infinity;
-			if (e.timeRange === "custom" && e.customDateRange && (n = Math.max(n, e.customDateRange[0].getTime()), r = e.customDateRange[1].getTime()), Dt.value && !$.value) {
+			let e = q.value;
+			if (!It.value && ($.value || e.gridRegions.length > 0 || Lt.value)) return [];
+			let t = St.value.length > 0 ? St.value : Ct.value, n = J.value ?? 0, r = Infinity;
+			if (e.timeRange === "custom" && e.customDateRange && (n = Math.max(n, e.customDateRange[0].getTime()), r = e.customDateRange[1].getTime()), Et.value && !It.value) {
 				let e = Infinity;
-				for (let t of Tt.value) e = Math.min(e, t.thumbnailAt ?? t.startTime);
+				for (let t of wt.value) e = Math.min(e, t.thumbnailAt ?? t.startTime);
 				n = Math.max(n, e);
 			}
 			let i = [];
@@ -958,21 +958,19 @@ var Xt = l({
 			}));
 			return i;
 		}), Bt = m(() => {
-			if ($.value) return [...zt.value].sort((e, t) => nt(t) - nt(e));
-			if (J.value && ut.value.length) return ut.value;
-			let e = Q.value.map((e) => ({
+			if (It.value) return [...zt.value].sort(tt);
+			let e = Y.value && lt.value.length ? [...lt.value] : Ft.value.map((e) => ({
 				event: e,
 				key: e.id
 			}));
-			return zt.value.length && (e.push(...zt.value), e.sort((e, t) => nt(t) - nt(e))), e;
+			return zt.value.length && (e.push(...zt.value), e.sort(tt)), e;
 		}), Vt = m(() => {
-			let e = Ot.value, t = K.value;
-			if (!e || !Dt.value || Ft.value || t.gridRegions.length > 0 || t.timeRange && q.value === void 0) return;
-			if ($.value) return e.episodes;
-			if (J.value) return e.segments;
-			let n = t.contentKind !== "events" && !Lt.value;
-			return e.total + (n ? e.episodes : 0);
-		}), Ht = m(() => ye(void 0, "admin")), Ut = m(() => Q.value.filter((e) => e.state === "ended")), { selectionMode: Gt, selectedIds: Kt, allSelected: qt, bulkBusy: Jt, enterSelectionMode: Yt, exitSelectionMode: Xt, toggleSelectAll: Zt, toggleSelection: Qt } = le(Ut, (e) => e.id);
+			let e = Dt.value, t = q.value;
+			if (!e || !Et.value || $.value || t.gridRegions.length > 0 || t.timeRange && J.value === void 0) return;
+			if (It.value) return e.episodes;
+			let n = Y.value ? e.segments : e.total;
+			if (n !== void 0) return n + (t.contentKind !== "events" && !Lt.value ? e.episodes : 0);
+		}), Ht = m(() => de(void 0, "admin")), Ut = m(() => Ft.value.filter((e) => e.state === "ended")), { selectionMode: Gt, selectedIds: Kt, allSelected: qt, bulkBusy: Jt, enterSelectionMode: Yt, exitSelectionMode: Xt, toggleSelectAll: Zt, toggleSelection: Qt } = oe(Ut, (e) => e.id);
 		function $t() {
 			let e = [...Kt.value];
 			e.length && !Jt.value && c.openTextDialog({
@@ -985,7 +983,7 @@ var Xt = l({
 				onConfirm: async () => {
 					Jt.value = !0;
 					try {
-						await jt(e), Xt(), M.add({
+						await At(e), Xt(), M.add({
 							severity: "success",
 							detail: N("views.recordings.delete_selected_done", { count: e.length }),
 							life: 5e3
@@ -1008,9 +1006,9 @@ var Xt = l({
 				label: N("views.recordings.ungroup"),
 				description: N("views.recordings.ungroup_hint"),
 				toggle: !0,
-				toggleState: J.value,
+				toggleState: Y.value,
 				onClick: () => {
-					mt = !0, J.value = !J.value, l.updateUser({ preferences: { recordings: { ungrouped: J.value } } });
+					pt = !0, Y.value = !Y.value, l.updateUser({ preferences: { recordings: { ungrouped: Y.value } } });
 				}
 			},
 			{
@@ -1018,11 +1016,11 @@ var Xt = l({
 				label: N("views.recordings.only_with_recordings"),
 				description: N("views.recordings.only_with_recordings_hint"),
 				toggle: !0,
-				toggleState: K.value.onlyWithRecordings,
+				toggleState: q.value.onlyWithRecordings,
 				onClick: () => {
-					K.value = {
-						...K.value,
-						onlyWithRecordings: !K.value.onlyWithRecordings
+					q.value = {
+						...q.value,
+						onlyWithRecordings: !q.value.onlyWithRecordings
 					};
 				}
 			},
@@ -1031,17 +1029,17 @@ var Xt = l({
 				label: N("views.recordings.favorites_only"),
 				description: N("views.recordings.favorites_hint"),
 				toggle: !0,
-				toggleState: K.value.favoritesOnly,
+				toggleState: q.value.favoritesOnly,
 				onClick: () => {
-					K.value = {
-						...K.value,
-						favoritesOnly: !K.value.favoritesOnly
+					q.value = {
+						...q.value,
+						favoritesOnly: !q.value.favoritesOnly
 					};
 				}
 			}] : []
 		]);
 		function tn() {
-			c.openComponentDialog(ht, { data: {
+			c.openComponentDialog(mt, { data: {
 				title: N("views.recordings.reindex.title"),
 				contentProps: {},
 				confirmText: N("views.recordings.reindex.start")
@@ -1051,31 +1049,31 @@ var Xt = l({
 			c.openComponentDialog(Wt, { data: {
 				title: N("views.recordings.export.title"),
 				contentProps: {
-					cameras: X.value,
-					preselect: K.value.cameraIds?.length ? K.value.cameraIds : []
+					cameras: Z.value,
+					preselect: q.value.cameraIds?.length ? q.value.cameraIds : []
 				},
 				confirmText: N("views.recordings.export.confirm")
 			} });
 		}
 		function rn() {
-			let e = G.value;
-			G.value = e === "opened" ? "closed" : "opened";
+			let e = K.value;
+			K.value = e === "opened" ? "closed" : "opened";
 		}
 		function an() {
-			G.value = "closed";
+			K.value = "closed";
 		}
 		function on(e) {
-			!e.semanticQuery?.trim() && K.value.semanticQuery?.trim() && Fe(), K.value = e;
+			!e.semanticQuery?.trim() && q.value.semanticQuery?.trim() && Pe(), q.value = e;
 		}
 		async function sn(e) {
-			Ye.value = !0, Xe.value = "";
+			Je.value = !0, Ye.value = "";
 			try {
-				let t = await Qe(e, z.value, Intl.DateTimeFormat().resolvedOptions().timeZone);
+				let t = await Ze(e, L.value, Intl.DateTimeFormat().resolvedOptions().timeZone);
 				on({
-					...He,
+					...Ve,
 					...t.filters,
 					favoritesOnly: Ht.value && t.filters.favoritesOnly
-				}), cn(t.filters.semanticQuery), Xe.value = t.note;
+				}), cn(t.filters.semanticQuery), Ye.value = t.note;
 			} catch (e) {
 				M.add({
 					severity: "error",
@@ -1083,23 +1081,23 @@ var Xt = l({
 					life: 5e3
 				});
 			} finally {
-				Ye.value = !1;
+				Je.value = !1;
 			}
 		}
 		function cn(e) {
 			if (!e.trim()) {
-				Fe();
+				Pe();
 				return;
 			}
-			Ne(e);
+			Me(e);
 		}
 		function ln(e, t) {
-			let n = xt.value.get(e.cameraId);
+			let n = bt.value.get(e.cameraId);
 			n && D(e, n, t);
 		}
 		function un(e, t) {
-			let n = xt.value.get(e.cameraId);
-			n && c.openComponentDialog(me, {
+			let n = bt.value.get(e.cameraId);
+			n && c.openComponentDialog(pe, {
 				data: {
 					title: n.name,
 					dedupeKey: `camera-event:${n._id}:${t}`,
@@ -1111,7 +1109,7 @@ var Xt = l({
 						eventTimestamp: t
 					},
 					headerActions: e.segments?.some((e) => e?.description) ? [{
-						icon: oe,
+						icon: re,
 						toggle: !0,
 						onClick: () => {}
 					}] : void 0,
@@ -1130,10 +1128,10 @@ var Xt = l({
 			});
 		}
 		return _(U, (e) => {
-			e && (G.value = "closed");
-		}), _(() => K.value.timeRange, (e) => {
-			q.value = e && Ue[e] ? Date.now() - Ue[e] : void 0;
-		}, { immediate: !0 }), _(K, (e) => {
+			e && (K.value = "closed");
+		}), _(() => q.value.timeRange, (e) => {
+			J.value = e && He[e] ? Date.now() - He[e] : void 0;
+		}, { immediate: !0 }), _(q, (e) => {
 			let t = e.eventTypes.length > 0 || e.sensorEvents.length > 0 || e.audioLabels.length > 0 || e.hasAttributes.length > 0, n = {
 				types: e.eventTypes.length > 0 ? e.eventTypes : void 0,
 				triggers: e.sensorEvents.length > 0 ? e.sensorEvents : void 0,
@@ -1147,29 +1145,33 @@ var Xt = l({
 				withRecordingInfo: !0,
 				hasRecording: e.onlyWithRecordings || void 0,
 				favoritesOnly: e.favoritesOnly || void 0,
-				startedSinceMs: q.value
+				startedSinceMs: J.value
 			}, r = JSON.stringify(n);
-			r !== et && (et = r, Ze.value = n);
+			r !== $e && ($e = r, Xe.value = n);
 		}, {
 			deep: !0,
 			immediate: !0
-		}), _(Be, (e) => {
-			if (!e || mt) return;
+		}), _(ze, (e) => {
+			if (!e || pt) return;
 			let t = e.preferences?.recordings?.ungrouped;
-			t !== void 0 && (J.value = t);
-		}, { immediate: !0 }), _([J, Q], ([e, t]) => {
-			ut.value = e ? it(t) : [];
-		}), _(() => K.value.cameraIds, (e) => {
-			e.length !== 1 && K.value.gridRegions.length > 0 && (K.value = {
-				...K.value,
+			t !== void 0 && (Y.value = t);
+		}, { immediate: !0 }), _([
+			Y,
+			Ft,
+			$
+		], ([e, t, n]) => {
+			lt.value = e ? rt(t, n) : [];
+		}), _(() => q.value.cameraIds, (e) => {
+			e.length !== 1 && q.value.gridRegions.length > 0 && (q.value = {
+				...q.value,
 				gridRegions: []
 			});
 		}), j(() => {
 			requestAnimationFrame(() => {
-				qe.value = !0;
+				Ke.value = !0;
 			});
 		}), (e, t) => {
-			let n = Ee, r = ne, o = fe, c = We, l = ot, m = lt, _ = ct, x = H, E = tt, D = rt, O = De, A = he, j = ae, M = R, N = ce, P = ee;
+			let n = we, r = B, o = ce, c = Ue, l = at, m = ct, _ = st, x = le, E = et, D = nt, O = he, A = me, j = V, M = be, N = P, L = ee;
 			return i(), v("div", null, [
 				k(n, { position: "center" }, {
 					default: h(() => [C("span", Wn, a(e.$t("views.recordings.title")), 1)]),
@@ -1184,7 +1186,7 @@ var Xt = l({
 						rounded: "",
 						onClick: rn
 					}, {
-						icon: h(() => [p(G) === "closed" ? (i(), u(r, {
+						icon: h(() => [p(K) === "closed" ? (i(), u(r, {
 							key: 0,
 							width: "100%",
 							height: "100%"
@@ -1203,7 +1205,7 @@ var Xt = l({
 						class: "cui-button p-2 text-color",
 						text: "",
 						rounded: "",
-						onClick: t[0] ||= (e) => p(Ke)?.toggleMenu(e)
+						onClick: t[0] ||= (e) => p(Ge)?.toggleMenu(e)
 					}, {
 						icon: h(() => [k(l, {
 							width: "100%",
@@ -1214,19 +1216,19 @@ var Xt = l({
 					_: 1
 				}),
 				k(Un, {
-					filters: p(K),
-					cameras: p(X),
-					"is-open": p(Y),
-					"is-overlay": p(gt),
+					filters: p(q),
+					cameras: p(Z),
+					"is-open": p(X),
+					"is-overlay": p(ht),
 					"result-count": p(Bt).length,
 					"result-total": p(Vt),
-					"result-capped": p(Ot)?.capped,
-					"semantic-count": p(Ft) ? p(Z).size : void 0,
-					"semantic-search-available": p(Oe),
-					"semantic-search-loading": p(xe),
+					"result-capped": p(Dt)?.capped,
+					"semantic-count": p($) ? p(Q).size : void 0,
+					"semantic-search-available": p(Ee),
+					"semantic-search-loading": p(Se),
 					"assistant-search-available": p(Rt),
-					"assistant-search-loading": p(Ye),
-					"assistant-search-note": p(Xe),
+					"assistant-search-loading": p(Je),
+					"assistant-search-note": p(Ye),
 					"onUpdate:filters": on,
 					onSemanticSearch: cn,
 					onAssistantSearch: sn,
@@ -1249,21 +1251,21 @@ var Xt = l({
 				(i(), u(g, {
 					to: "#container",
 					defer: ""
-				}, [p(Y) && p(gt) ? (i(), v("div", {
+				}, [p(X) && p(ht) ? (i(), v("div", {
 					key: 0,
 					class: "fixed top-0 left-0 right-0 bottom-0 w-full h-full bg-black/50 z-1",
 					onClick: an
 				})) : d("", !0)])),
 				C("main", {
 					ref_key: "reindexAnchorRef",
-					ref: ft,
+					ref: dt,
 					class: "relative w-full h-full",
 					style: y({
-						paddingLeft: p(yt),
-						transition: p(qe) ? "padding-left 200ms" : void 0
+						paddingLeft: p(vt),
+						transition: p(Ke) ? "padding-left 200ms" : void 0
 					})
 				}, [C("div", Gn, [
-					p(B) ? d("", !0) : (i(), v("div", Kn, [
+					p(H) ? d("", !0) : (i(), v("div", Kn, [
 						t[3] ||= C("div", { class: "ml-2" }, null, -1),
 						p(U) ? d("", !0) : (i(), u(c, {
 							key: 0,
@@ -1274,7 +1276,7 @@ var Xt = l({
 							rounded: "",
 							onClick: rn
 						}, {
-							icon: h(() => [p(Y) ? (i(), u(m, {
+							icon: h(() => [p(X) ? (i(), u(m, {
 								key: 0,
 								width: "100%",
 								height: "100%"
@@ -1295,12 +1297,12 @@ var Xt = l({
 							C("div")
 						], -1)
 					])),
-					p(B) ? d("", !0) : (i(), v("div", Jn, [w((i(), u(c, {
+					p(H) ? d("", !0) : (i(), v("div", Jn, [w((i(), u(c, {
 						severity: "secondary",
 						text: "",
 						rounded: "",
 						class: "cui-icon-lg relative z-2",
-						onClick: t[1] ||= (e) => p(Ke)?.toggleMenu(e)
+						onClick: t[1] ||= (e) => p(Ge)?.toggleMenu(e)
 					}, {
 						icon: h(() => [k(l, {
 							width: "100%",
@@ -1308,31 +1310,31 @@ var Xt = l({
 						})]),
 						_: 1
 					})), [[
-						P,
+						L,
 						{ value: e.$t("views.recordings.view_options") },
 						void 0,
 						{ bottom: !0 }
 					]])])),
 					C("div", { class: s(["px-2 h-full w-full flex flex-col", {
-						"pt-4": p(B),
-						"pt-[calc(40px+2rem)]": !p(B)
+						"pt-4": p(H),
+						"pt-[calc(40px+2rem)]": !p(H)
 					}]) }, [
 						p(Bt).length ? (i(), u(D, {
 							key: 0,
 							ref_key: "gridRef",
-							ref: Ge,
+							ref: We,
 							items: p(Bt),
-							"min-item-width": p(B) ? 160 : 180,
+							"min-item-width": p(H) ? 160 : 180,
 							gap: 8,
-							"has-more": p(Dt),
-							"load-more": p(kt),
+							"has-more": p(Et),
+							"load-more": p(Ot),
 							"item-key": (e) => e.key,
 							class: "flex-1 min-h-0"
 						}, {
 							item: h(({ item: e }) => [e.episode ? (i(), u(x, {
 								key: 0,
 								episode: e.episode,
-								"camera-by-id": p(xt),
+								"camera-by-id": p(bt),
 								fluid: "",
 								"click-disabled": p(Gt)
 							}, null, 8, [
@@ -1342,19 +1344,19 @@ var Xt = l({
 							])) : (i(), u(E, {
 								key: 1,
 								event: e.event,
-								"camera-name": p(bt).get(e.event.cameraId),
-								camera: p(xt).get(e.event.cameraId),
-								"load-thumbnails": p(At),
-								"semantic-score": p(Z).get(e.event.id),
+								"camera-name": p(yt).get(e.event.cameraId),
+								camera: p(bt).get(e.event.cameraId),
+								"load-thumbnails": p(kt),
+								"semantic-score": p(Q).get(e.event.id),
 								"seg-index": e.segIndex,
 								"selection-mode": p(Gt) && e.event.state === "ended",
 								selected: p(Kt).has(e.event.id),
-								"sibling-active": e.segIndex !== void 0 && p(dt) === e.event.id,
+								"sibling-active": e.segIndex !== void 0 && p(ut) === e.event.id,
 								onSelect: (t) => p(Qt)(e.event.id),
 								onScrollToEvent: (t) => un(e.event, t),
 								onOpenTrace: (t) => ln(e.event, t),
-								onMouseenter: (t) => dt.value = e.segIndex === void 0 ? null : e.event.id,
-								onMouseleave: t[2] ||= (e) => dt.value = null
+								onMouseenter: (t) => ut.value = e.segIndex === void 0 ? null : e.event.id,
+								onMouseleave: t[2] ||= (e) => ut.value = null
 							}, null, 8, [
 								"event",
 								"camera-name",
@@ -1377,10 +1379,10 @@ var Xt = l({
 							"has-more",
 							"load-more",
 							"item-key"
-						])) : p(Et) ? (i(), u(D, {
+						])) : p(Tt) ? (i(), u(D, {
 							key: 1,
-							items: p(Ve),
-							"min-item-width": p(B) ? 160 : 180,
+							items: p(Be),
+							"min-item-width": p(H) ? 160 : 180,
 							gap: 8,
 							"item-key": (e) => e,
 							class: "flex-1 min-h-0 pointer-events-none"
@@ -1396,31 +1398,31 @@ var Xt = l({
 							"min-item-width",
 							"item-key"
 						])) : d("", !0),
-						p(Et) && p(Bt).length || p(xe) ? (i(), v("div", Yn, [k(A, {
+						p(Tt) && p(Bt).length || p(Se) ? (i(), v("div", Yn, [k(A, {
 							width: "24px",
 							height: "24px",
 							class: "text-muted"
 						})])) : d("", !0),
-						!p(Q).length && !p(Et) && !p(xe) ? (i(), v("div", Xn, [
+						!p(Ft).length && !p(Tt) && !p(Se) ? (i(), v("div", Xn, [
 							k(j, { class: "w-12 h-12 text-muted" }),
-							C("span", Zn, a(p(It)), 1),
-							p(Nt) && !p(Pt) ? (i(), u(c, {
+							C("span", Zn, a(p(Pt)), 1),
+							p(Mt) && !p(Nt) ? (i(), u(c, {
 								key: 0,
 								severity: "secondary",
 								class: "cui-button-small",
 								label: e.$t("views.recordings.load_failed_retry"),
-								onClick: p(Mt)
+								onClick: p(jt)
 							}, null, 8, ["label", "onClick"])) : d("", !0)
 						])) : d("", !0)
 					], 2)
 				])], 4),
-				p(Ht) && p(X).length ? (i(), v("div", {
+				p(Ht) && p(Z).length ? (i(), v("div", {
 					key: 0,
-					class: s(["fixed z-10", p(vt) ? "scale-0 opacity-0" : "scale-100 opacity-100"]),
+					class: s(["fixed z-10", p(_t) ? "scale-0 opacity-0" : "scale-100 opacity-100"]),
 					style: y({
-						left: `calc(${p(pt)}px + ${p(yt)} + 0.75rem + var(--safe-area-inset-left))`,
+						left: `calc(${p(ft)}px + ${p(vt)} + 0.75rem + var(--safe-area-inset-left))`,
 						bottom: `calc(${p(f)}px + 1.25rem + var(--safe-area-inset-bottom))`,
-						transition: p(qe) ? "left 200ms, transform 200ms ease-in-out, opacity 200ms ease-in-out" : void 0
+						transition: p(Ke) ? "left 200ms, transform 200ms ease-in-out, opacity 200ms ease-in-out" : void 0
 					})
 				}, [k(c, {
 					severity: "secondary",
@@ -1433,20 +1435,20 @@ var Xt = l({
 					}) : e.$t("views.recordings.reindex.button"),
 					onClick: tn
 				}, {
-					icon: h(() => [p(S)?.running ? (i(), u(p(he), { key: 0 })) : (i(), u(p(st), { key: 1 }))]),
+					icon: h(() => [p(S)?.running ? (i(), u(p(me), { key: 0 })) : (i(), u(p(ot), { key: 1 }))]),
 					_: 1
 				}, 8, ["disabled", "label"])], 6)) : d("", !0),
-				p(X).length ? (i(), u(N, {
+				p(Z).length ? (i(), u(N, {
 					key: 1,
 					"force-visible": p(Gt),
-					"scroll-y": p(Ge)?.scrollY ?? 0
+					"scroll-y": p(We)?.scrollY ?? 0
 				}, {
 					default: h(() => [p(Gt) ? (i(), v(b, { key: 1 }, [
 						k(M, {
 							grouped: "",
 							"tooltip-props": { value: e.$t("components.form.tooltip.cancel_selection") },
 							"button-props": { severity: "secondary" },
-							icon: p(Je),
+							icon: p(qe),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
@@ -1461,7 +1463,7 @@ var Xt = l({
 							grouped: "",
 							"tooltip-props": { value: p(qt) ? e.$t("components.form.tooltip.deselect_all") : e.$t("components.form.tooltip.select_all") },
 							"button-props": { severity: p(qt) ? "primary" : "secondary" },
-							icon: p(de),
+							icon: p(W),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
@@ -1480,7 +1482,7 @@ var Xt = l({
 								severity: "danger",
 								disabled: !p(Kt).size || p(Jt)
 							},
-							icon: p(I),
+							icon: p(F),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
@@ -1491,12 +1493,12 @@ var Xt = l({
 							"button-props",
 							"icon"
 						])
-					], 64)) : (i(), v(b, { key: 0 }, [p(Ht) && p(Q).length ? (i(), u(M, {
+					], 64)) : (i(), v(b, { key: 0 }, [p(Ht) && p(Ft).length ? (i(), u(M, {
 						key: 0,
 						grouped: "",
 						"tooltip-props": { value: e.$t("views.recordings.select") },
 						"button-props": { severity: "secondary" },
-						icon: p(je),
+						icon: p(Ae),
 						"icon-props": {
 							width: "100%",
 							height: "100%"
@@ -1510,7 +1512,7 @@ var Xt = l({
 						grouped: "",
 						"tooltip-props": { value: e.$t("views.recordings.export.title") },
 						"button-props": { class: "text-white" },
-						icon: p(we),
+						icon: p(xe),
 						"icon-props": {
 							width: "26px",
 							height: "26px"
@@ -1519,9 +1521,9 @@ var Xt = l({
 					}, null, 8, ["tooltip-props", "icon"])], 64))]),
 					_: 1
 				}, 8, ["force-visible", "scroll-y"])) : d("", !0),
-				k(L, {
+				k(I, {
 					ref_key: "viewMenuRef",
-					ref: Ke,
+					ref: Ge,
 					items: p(en),
 					"auto-hide": !1,
 					popover: { pt: {