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

package/dist/interface/ha/{Recordings-w39I43cc.js → Recordings-BzeC6tOz.js}

@@ -1,57 +1,56 @@
 import { m as e, p as t } from "./ripple-ZDATPc2w.js";
 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 u, f as d, gt as f, kt as p, l as m, lt as h, o as g, ot as _, p as v, qt as y, r as b, rt as x, st as S, u as C, ut as w, v as T, wt as E, x as D, xt as O, y as k, yt as A, z as j } from "./runtime-core.esm-bundler-_TfE0DWz.js";
-import { t as M } from "./tooltip-Z7VN-E1u.js";
+import { t as M } from "./tooltip-BDrlgLof.js";
 import { t as N } from "./message-D6dIy_hz.js";
 import { t as P } from "./tag-mchuCAPR.js";
-import { An as F, B as I, Dr as ee, En as L, Er as R, Fn as z, Gn as te, H as ne, Hn as re, J as B, Ln as ie, Or as ae, Rn as V, Tr as H, U as oe, V as se, Vn as ce, W as U, Wr as le, Y as ue, Z as de, _i as W, at as fe, bi as pe, br as G, g as me, hn as he, ht as ge, kr as _e, lt as ve, mi as ye, mr as be, nr as xe, ot as Se, pr as Ce, qn as K, qt as we, tr as Te, ur as Ee, yr as De, z as Oe } from "./api-BmYisoxj.js";
-import { F as ke, M as Ae, z as je } from "./protocol-BB4jdtUC-DW3jl2tV.js";
-import { h as Me, u as Ne } from "./intercomService-B7HkLs6z.js";
-import { n as Pe } from "./vue-i18n-D5EAy78K.js";
-import { C as Fe, _ as Ie, g as Le } from "./dist-BTp4AyuI.js";
-import { i as Re } from "./alert-outline-FcLLjoOK.js";
-import { t as ze } from "./eventIcons-BFNUgeGr.js";
-import { t as Be } from "./button-BouAFgf5.js";
-import { M as Ve } from "./dist-C6MBHJhs.js";
-import { t as q } from "./inputtext-C_ygnPrC.js";
-import { t as He } from "./checkbox-CAKzZcqk.js";
-import { t as J } from "./datepicker-B4Azs5zr.js";
-import { t as Ue } from "./close-CxFbonhd.js";
-import { t as We } from "./select-UR3ZRDew.js";
-import { t as Ge } from "./progressbar-CaUaM8Bt.js";
-import { t as Ke } from "./multiselect-Dp4XDBRR.js";
-import { t as qe } from "./textarea-ByXnzJzx.js";
-import { s as Je, t as Ye } from "./assistant-0jE4C19U.js";
-import { i as Y, n as Xe, t as Ze } from "./eventLabels-B4C1_4vT.js";
-import { t as Qe } from "./ring-resize-Dr2PxWIg.js";
-import { i as $e, n as et, r as tt, t as nt } from "./ungrouped-DttNEB62.js";
-import { t as rt } from "./utils-DYtBrGDz.js";
-import { t as it } from "./settings-lWJfHaif.js";
-import { n as at, t as ot } from "./round-alt-arrow-left-bold-DDy2dLUM.js";
+import { B as F, Dr as I, Er as L, H as R, In as z, J as B, Jn as ee, Nn as te, On as ne, Or as V, Sr as H, Tr as U, U as re, Un as ie, V as ae, W as oe, Wr as W, Y as se, Yt as ce, Z as le, Zn as G, _i as ue, _n as de, _r as K, _t as fe, ar as pe, bi as me, ca as he, g as ge, ir as _e, kr as ve, mi as ye, mr as be, ot as xe, qn as Se, rr as Ce, st as we, tr as Te, tt as Ee, ut as De, vr as Oe, wr as ke, z as Ae } from "./api-BP7mlzjP.js";
+import { F as je, M as Me, z as Ne } from "./protocol-BB4jdtUC-DW3jl2tV.js";
+import { h as Pe, u as Fe } from "./intercomService-B7HkLs6z.js";
+import { n as Ie } from "./vue-i18n-D5EAy78K.js";
+import { C as Le, _ as Re, g as ze } from "./dist-BTp4AyuI.js";
+import { i as Be } from "./alert-outline-FcLLjoOK.js";
+import { t as Ve } from "./eventIcons-BFNUgeGr.js";
+import { t as He } from "./button-BouAFgf5.js";
+import { M as Ue } from "./dist-C6MBHJhs.js";
+import { t as We } from "./inputtext-C_ygnPrC.js";
+import { t as q } from "./checkbox-CAKzZcqk.js";
+import { t as Ge } from "./datepicker-DXk97lTw.js";
+import { t as Ke } from "./close-CxFbonhd.js";
+import { t as J } from "./select-DV7p2EDj.js";
+import { t as qe } from "./progressbar-CaUaM8Bt.js";
+import { t as Je } from "./multiselect-BOb4ScAZ.js";
+import { t as Ye } from "./textarea-ByXnzJzx.js";
+import { s as Xe, t as Ze } from "./assistant-Cb6ACguQ.js";
+import { i as Qe, n as Y, t as $e } from "./eventLabels-B4C1_4vT.js";
+import { i as et, n as tt, r as nt, t as rt } from "./ungrouped-xyK1QrsM.js";
+import { t as it } from "./utils-DYtBrGDz.js";
+import { t as at } from "./settings-lWJfHaif.js";
+import { n as ot, t as st } from "./round-alt-arrow-left-bold-DDy2dLUM.js";
 //#region ~icons/mdi/database-refresh-outline
-var st = {
+var ct = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function ct(e, t) {
-	return i(), v("svg", st, [...t[0] ||= [C("path", {
+function lt(e, t) {
+	return i(), v("svg", ct, [...t[0] ||= [C("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 lt = l({
+var ut = l({
 	name: "mdi-database-refresh-outline",
-	render: ct
-}), ut = { class: "flex flex-col gap-4" }, X = { class: "text-sm text-pretty" }, dt = {
+	render: lt
+}), dt = { class: "flex flex-col gap-4" }, ft = { class: "text-sm text-pretty" }, X = {
 	key: 0,
 	class: "flex flex-col gap-2"
-}, ft = {
+}, pt = {
 	key: 0,
 	class: "flex justify-between text-sm text-muted"
-}, pt = { key: 0 }, mt = /* @__PURE__ */ D({
+}, mt = { key: 0 }, ht = /* @__PURE__ */ D({
 	__name: "ClipReindex",
 	setup(e, { expose: t }) {
-		let r = n("dialogRefProps"), { t: o } = Pe(), { status: s, isBusy: c, checking: l, refresh: u, start: f, cancel: h } = K(), g = O(!1), y = O(!1), b = O(0), x = m(() => s.value?.running === !0), w = m(() => {
+		let r = n("dialogRefProps"), { t: o } = Ie(), { status: s, isBusy: c, checking: l, refresh: u, start: f, cancel: h } = G(), 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;
@@ -82,49 +81,49 @@ var lt = l({
 				s.value?.running && (g.value = !0);
 			});
 		}), t({ onConfirm: E }), (e, t) => {
-			let n = Ge;
-			return i(), v("div", ut, [C("span", X, a(p(w)), 1), p(g) || p(x) ? (i(), v("div", dt, [k(n, {
+			let n = qe;
+			return i(), v("div", dt, [C("span", ft, a(p(w)), 1), p(g) || p(x) ? (i(), v("div", X, [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", ft, [C("span", null, a(e.$t("views.recordings.reindex.progress", {
+			}, null, 8, ["mode", "value"]), p(x) && !p(l) ? (i(), v("div", pt, [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", pt, 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", mt, a(e.$t("views.recordings.reindex.skipped", { count: p(s).skipped })), 1)) : d("", !0)])) : d("", !0)])) : d("", !0)]);
 		};
 	}
-}), ht = {
+}), gt = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Z(e, t) {
-	return i(), v("svg", ht, [...t[0] ||= [C("path", {
+function _t(e, t) {
+	return i(), v("svg", gt, [...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 gt = l({
+var Z = l({
 	name: "mdi-file-video-outline",
-	render: Z
-}), _t = { class: "flex flex-col gap-6" }, vt = { class: "flex flex-col field-gap" }, yt = { 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" }, Q = { class: "flex flex-col field-gap" }, Ot = { class: "cui-label" }, $ = { class: "flex flex-col field-gap" }, kt = { class: "cui-label" }, At = { class: "flex flex-col field-gap" }, jt = { class: "flex items-center gap-3" }, Mt = { class: "cui-label !mb-0" }, Nt = {
+	render: _t
+}), vt = { class: "flex flex-col gap-6" }, yt = { class: "flex flex-col field-gap" }, bt = { class: "cui-label" }, xt = { class: "flex flex-col field-gap" }, St = { class: "cui-label" }, Ct = { class: "grid grid-cols-1 xs:grid-cols-2 gap-3" }, wt = { class: "flex flex-col gap-1" }, Tt = { class: "text-xs text-muted" }, Et = { class: "flex flex-col gap-1" }, Dt = { class: "text-xs text-muted" }, Ot = { class: "grid grid-cols-1 xs:grid-cols-2 gap-x-6 gap-y-4" }, kt = { class: "flex flex-col field-gap" }, At = { class: "cui-label" }, jt = { class: "flex flex-col field-gap" }, Q = { class: "cui-label" }, Mt = { class: "flex flex-col field-gap" }, Nt = { class: "flex items-center gap-3" }, $ = { class: "cui-label !mb-0" }, Pt = {
 	key: 0,
 	class: "ml-auto flex items-center gap-2.5 text-sm tabular-nums"
-}, Pt = { class: "font-semibold" }, Ft = { class: "font-semibold" }, It = { class: "border border-color rounded-xl card-background overflow-hidden" }, Lt = { class: "flex flex-col gap-3 max-h-[240px] overflow-y-auto p-2.5" }, Rt = {
+}, Ft = { class: "font-semibold" }, It = { class: "font-semibold" }, Lt = { class: "border border-color rounded-xl card-background overflow-hidden" }, Rt = { class: "flex flex-col gap-3 max-h-[240px] overflow-y-auto p-2.5" }, zt = {
 	key: 0,
 	class: "flex items-center justify-center gap-2 text-muted text-sm py-6"
-}, zt = {
+}, Bt = {
 	key: 1,
 	class: "text-center text-muted text-sm py-6"
-}, Bt = { class: "text-xs text-muted px-0.5" }, Vt = { class: "font-mono text-xs truncate flex-1" }, Ht = { class: "text-xs text-muted tabular-nums shrink-0" }, Ut = { class: "font-mono text-xs text-muted tabular-nums shrink-0 min-w-[58px] text-right" }, Wt = 30, Gt = /* @__PURE__ */ D({
+}, Vt = { class: "text-xs text-muted px-0.5" }, Ht = { class: "font-mono text-xs truncate flex-1" }, Ut = { class: "text-xs text-muted tabular-nums shrink-0" }, Wt = { class: "font-mono text-xs text-muted tabular-nums shrink-0 min-w-[58px] text-right" }, Gt = 30, Kt = /* @__PURE__ */ D({
 	__name: "ExportRecordings",
 	props: {
 		cameras: {},
 		preselect: {}
 	},
 	setup(e, { expose: t }) {
-		let o = e, { t: s } = Pe(), c = pe(), l = n("dialogRefProps"), { plugin: g } = Ve("@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 } = Ie(), c = me(), l = n("dialogRefProps"), { plugin: g } = Ue("@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"
 		}, {
@@ -145,8 +144,8 @@ var gt = l({
 		].map((e) => ({
 			label: e === 0 ? s("views.recordings.export.timelapse_off") : e < 60 ? `${e} s` : `${e / 60} min`,
 			value: e
-		}))), F = m(() => E.value > 0), I = m(() => F.value ? "~" : ""), ee = 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 [];
+		}))), F = m(() => E.value > 0), I = m(() => F.value ? "~" : ""), L = 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);
@@ -155,24 +154,24 @@ var gt = l({
 				a.setDate(a.getDate() + 1);
 				let o = Math.max(i.getTime(), t), s = Math.min(a.getTime(), n);
 				s > o && e.push({
-					day: ie(i),
+					day: U(i),
 					startUs: o * 1e3,
 					endUs: s * 1e3
 				}), r.setDate(r.getDate() + 1);
 			}
 			return e;
-		}), z = m(() => _.value.map((e) => {
-			let t = ee.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);
+		}), B = m(() => _.value.map((e) => {
+			let t = L.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" : re(r);
 			return {
 				cameraId: e.cameraId,
 				cameraName: t,
-				name: `${V(t)}_${e.day}${F.value ? "_timelapse" : ""}.mp4`,
-				span: i ? s("views.recordings.export.whole_day") : `${ae(n)}–${a}`,
-				bytes: F.value ? e.bytes / Wt : e.bytes
+				name: `${ie(t)}_${e.day}${F.value ? "_timelapse" : ""}.mp4`,
+				span: i ? s("views.recordings.export.whole_day") : `${re(n)}–${a}`,
+				bytes: F.value ? e.bytes / Gt : e.bytes
 			};
-		})), te = m(() => {
+		})), ee = 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,
@@ -182,20 +181,20 @@ var gt = 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)), re = 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 B(e) {
+		}), te = 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 V(e) {
 			return String(e).padStart(2, "0");
 		}
-		function ie(e) {
-			return `${e.getFullYear()}-${B(e.getMonth() + 1)}-${B(e.getDate())}`;
+		function U(e) {
+			return `${e.getFullYear()}-${V(e.getMonth() + 1)}-${V(e.getDate())}`;
 		}
-		function ae(e) {
-			return `${B(e.getHours())}:${B(e.getMinutes())}`;
+		function re(e) {
+			return `${V(e.getHours())}:${V(e.getMinutes())}`;
 		}
-		function V(e) {
+		function ie(e) {
 			return e.replace(/[^a-zA-Z0-9-_]/g, "_");
 		}
-		function H(e) {
+		function ae(e) {
 			if (e <= 0) return "0 MB";
 			let t = e / 1e6;
 			if (t < 1e3) return `${t < 10 ? t.toFixed(1) : Math.round(t)} MB`;
@@ -204,7 +203,7 @@ var gt = l({
 		}
 		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;
 			}
@@ -212,7 +211,7 @@ var gt = l({
 			try {
 				let t = await e.nvrExportEstimate({
 					cameras: x.value,
-					slices: R.value,
+					slices: z.value,
 					quality: w.value
 				});
 				_.value = t.files ?? [];
@@ -222,8 +221,8 @@ var gt = l({
 				y.value = !1;
 			}
 		}
-		async function se() {
-			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",
@@ -232,29 +231,29 @@ var gt = l({
 			}), null;
 			let t = await e.nvrExportBatch({
 				cameras: x.value,
-				slices: R.value,
+				slices: z.value,
 				quality: w.value,
 				timelapseIntervalSec: F.value ? E.value : 0
 			});
-			await be({
+			await Oe({
 				url: t.url,
 				filename: t.filename
 			});
 		}
-		return je([
+		return Ne([
 			x,
-			R,
+			z,
 			w
 		], 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: se }), (t, n) => {
-			let o = Ke, s = J, c = N, l = xe, m = We, g = P, _ = G, S = gt;
-			return i(), v("div", _t, [
-				C("div", vt, [C("label", yt, 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 = Je, s = Ge, c = N, l = pe, m = J, g = P, _ = H, S = Z;
+			return i(), v("div", vt, [
+				C("div", yt, [C("label", bt, 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,
@@ -269,16 +268,16 @@ var gt = 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", xt, [
+					C("label", St, a(t.$t("views.recordings.export.range")), 1),
+					C("div", Ct, [C("div", wt, [C("span", Tt, 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", Et, [C("span", Dt, 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": "",
@@ -286,7 +285,7 @@ var gt = 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",
@@ -306,7 +305,7 @@ var gt = l({
 						_: 1
 					}))
 				]),
-				C("div", Dt, [C("div", Q, [C("label", Ot, a(t.$t("views.recordings.export.quality")), 1), k(l, {
+				C("div", Ot, [C("div", kt, [C("label", At, 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),
@@ -317,7 +316,7 @@ var gt = l({
 						root: { class: "flex w-full" },
 						pcToggleButton: { root: { class: "flex-1" } }
 					}
-				}, null, 8, ["modelValue", "options"])]), C("div", $, [C("label", kt, a(t.$t("views.recordings.export.timelapse")), 1), k(m, {
+				}, null, 8, ["modelValue", "options"])]), C("div", jt, [C("label", Q, 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(M),
@@ -325,43 +324,43 @@ var gt = l({
 					"option-value": "value",
 					class: "w-full"
 				}, null, 8, ["modelValue", "options"])])]),
-				C("div", At, [C("div", jt, [C("label", Mt, a(t.$t("views.recordings.export.result")), 1), p(z).length ? (i(), v("div", Nt, [
-					C("span", Pt, a(p(z).length) + " " + a(p(z).length === 1 ? t.$t("views.recordings.export.file") : t.$t("views.recordings.export.files")), 1),
+				C("div", Mt, [C("div", Nt, [C("label", $, a(t.$t("views.recordings.export.result")), 1), p(B).length ? (i(), v("div", Pt, [
+					C("span", Ft, 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", Ft, a(p(I)) + a(H(p(ne))), 1),
+					C("span", It, a(p(I)) + a(ae(p(te))), 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", It, [C("div", Lt, [p(y) && !p(z).length ? (i(), v("div", Rt, [k(_, {
+				])) : d("", !0)]), C("div", Lt, [C("div", Rt, [p(y) && !p(B).length ? (i(), v("div", zt, [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(ee), (e) => (i(), v("div", {
 					key: e.cameraId,
 					class: "flex flex-col gap-1"
-				}, [C("span", Bt, a(e.cameraName) + " · " + a(e.files.length) + " · " + a(p(I)) + a(H(e.bytes)), 1), (i(!0), v(b, null, r(e.files, (e) => (i(), v("div", {
+				}, [C("span", Vt, a(e.cameraName) + " · " + a(e.files.length) + " · " + a(p(I)) + a(ae(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", Vt, a(e.name), 1),
-					C("span", Ht, a(e.span), 1),
-					C("span", Ut, a(p(I)) + a(H(e.bytes)), 1)
-				]))), 128))]))), 128)) : (i(), v("div", zt, a(p(re)), 1))])])])
+					C("span", Ht, a(e.name), 1),
+					C("span", Ut, a(e.span), 1),
+					C("span", Wt, a(p(I)) + a(ae(e.bytes)), 1)
+				]))), 128))]))), 128)) : (i(), v("div", Bt, a(p(ne)), 1))])])])
 			]);
 		};
 	}
-}), Kt = {
+}), qt = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function qt(e, t) {
-	return i(), v("svg", Kt, [...t[0] ||= [C("path", {
+function Jt(e, t) {
+	return i(), v("svg", qt, [...t[0] ||= [C("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -370,16 +369,16 @@ function qt(e, t) {
 		d: "m6 9l6 6l6-6"
 	}, null, -1)]]);
 }
-var Jt = l({
+var Yt = l({
 	name: "tabler-chevron-down",
-	render: qt
-}), Yt = {
+	render: Jt
+}), Xt = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Xt(e, t) {
-	return i(), v("svg", Yt, [...t[0] ||= [C("path", {
+function Zt(e, t) {
+	return i(), v("svg", Xt, [...t[0] ||= [C("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -388,43 +387,43 @@ function Xt(e, t) {
 		d: "m6 15l6-6l6 6"
 	}, null, -1)]]);
 }
-var Zt = l({
+var Qt = l({
 	name: "tabler-chevron-up",
-	render: Xt
-}), Qt = { class: "flex flex-col gap-2" }, $t = { class: "sidebar-section-title" }, en = {
+	render: Zt
+}), $t = { class: "flex flex-col gap-2" }, en = { class: "sidebar-section-title" }, tn = {
 	key: 0,
 	class: "text-xs text-muted"
-}, tn = { class: "flex flex-col gap-2" }, nn = { class: "sidebar-section-title" }, rn = { class: "p-input-icon-left w-full" }, an = { class: "text-xs text-muted" }, on = { class: "flex flex-col gap-2" }, sn = { class: "sidebar-section-title flex items-center gap-1.5" }, cn = {
+}, nn = { class: "flex flex-col gap-2" }, rn = { class: "sidebar-section-title" }, an = { class: "p-input-icon-left w-full" }, on = { class: "text-xs text-muted" }, sn = { class: "flex flex-col gap-2" }, cn = { class: "sidebar-section-title flex items-center gap-1.5" }, ln = {
 	key: 0,
 	class: "inline-flex items-center gap-1 text-xs text-muted"
-}, ln = {
+}, un = {
 	key: 1,
 	class: "flex flex-col gap-1.5 mt-1"
-}, un = { class: "text-xs text-muted" }, dn = { class: "flex items-center gap-3" }, fn = { class: "text-xs font-mono w-8 text-right shrink-0" }, pn = { class: "flex flex-col gap-2" }, mn = { class: "sidebar-section-title flex items-center gap-1.5" }, hn = {
+}, dn = { class: "text-xs text-muted" }, fn = { class: "flex items-center gap-3" }, pn = { class: "text-xs font-mono w-8 text-right shrink-0" }, mn = { class: "flex flex-col gap-2" }, hn = { class: "sidebar-section-title flex items-center gap-1.5" }, gn = {
 	key: 0,
 	class: "text-xs text-muted"
-}, gn = {
+}, _n = {
 	key: 2,
 	class: "flex flex-col gap-2"
-}, _n = { class: "sidebar-section-title" }, vn = { class: "flex flex-col gap-2" }, yn = { class: "sidebar-section-title" }, bn = { class: "flex flex-col gap-2" }, xn = { class: "sidebar-section-title" }, Sn = { class: "relative rounded-md overflow-hidden" }, Cn = {
+}, vn = { class: "sidebar-section-title" }, yn = { class: "flex flex-col gap-2" }, bn = { class: "sidebar-section-title" }, xn = { class: "flex flex-col gap-2" }, Sn = { class: "sidebar-section-title" }, Cn = { class: "relative rounded-md overflow-hidden" }, wn = {
 	key: 4,
 	class: "sidebar-divider"
-}, wn = {
+}, Tn = {
 	key: 5,
 	class: "flex flex-col gap-2"
-}, Tn = { class: "sidebar-section-title" }, En = { class: "flex items-center gap-3" }, Dn = { class: "text-xs font-mono w-8 text-right shrink-0" }, On = { class: "flex flex-col gap-2" }, kn = { class: "sidebar-section-title" }, An = { class: "flex flex-wrap gap-1" }, jn = { class: "flex flex-col gap-2" }, Mn = {
+}, En = { class: "sidebar-section-title" }, Dn = { class: "flex items-center gap-3" }, On = { class: "text-xs font-mono w-8 text-right shrink-0" }, kn = { class: "flex flex-col gap-2" }, An = { class: "sidebar-section-title" }, jn = { class: "flex flex-wrap gap-1" }, Mn = { class: "flex flex-col gap-2" }, Nn = {
 	key: 0,
 	class: "flex flex-col gap-2"
-}, Nn = { class: "flex items-center gap-2 cursor-pointer text-sm" }, Pn = {
+}, Pn = { class: "flex items-center gap-2 cursor-pointer text-sm" }, Fn = {
 	key: 0,
 	class: "flex flex-col gap-2 ml-6"
-}, Fn = { class: "filter-logic-divider" }, In = { class: "flex flex-col gap-2" }, Ln = {
+}, In = { class: "filter-logic-divider" }, Ln = { class: "flex flex-col gap-2" }, Rn = {
 	key: 0,
 	class: "flex flex-col gap-2"
-}, Rn = { class: "filter-logic-divider" }, zn = { class: "flex flex-col gap-2" }, Bn = {
+}, zn = { class: "filter-logic-divider" }, Bn = { class: "flex flex-col gap-2" }, Vn = {
 	key: 0,
 	class: "flex flex-col gap-2"
-}, Vn = { class: "flex items-center gap-2 cursor-pointer text-sm" }, Hn = 288, Un = /*#__PURE__*/ De(/* @__PURE__ */ D({
+}, Hn = { class: "flex items-center gap-2 cursor-pointer text-sm" }, Un = 288, Wn = /*#__PURE__*/ ke(/* @__PURE__ */ D({
 	__name: "RecordingsFilterSidebar",
 	props: {
 		filters: {},
@@ -446,25 +445,25 @@ var Zt = l({
 		"close"
 	],
 	setup(n, { expose: o, emit: s }) {
-		let l = /* @__PURE__ */ new Set(["motion", "audio"]), h = n, g = s, { t: S } = Pe(), { xlBreakpoint: w } = ae(), { topbarOffset: E, bottombarHeight: D } = _e(), { icons: j, generic: M } = ze(), N = j, P = Zt, I = Jt, ee = x("sidebarRef"), L = O(h.filters.semanticQuery ?? ""), R = O(""), z = A({
+		let l = /* @__PURE__ */ new Set(["motion", "audio"]), h = n, g = s, { t: S } = Ie(), { xlBreakpoint: w } = V(), { topbarOffset: E, bottombarHeight: D } = ve(), { icons: j, generic: M } = Ve(), N = j, P = Qt, F = Yt, I = x("sidebarRef"), L = O(h.filters.semanticQuery ?? ""), R = O(""), z = A({
 			eventTypes: !0,
 			attributes: !0,
 			sensorEvents: !0
-		}), te = m(() => h.isOpen ? Hn : 0), ne = m(() => {
+		}), B = m(() => h.isOpen ? Un : 0), ee = m(() => {
 			let e = [...new Set(h.cameras.map((e) => e.room).filter((e) => !!e))];
 			return e.sort((e, t) => e.localeCompare(t)), e.map((e) => ({
 				id: e,
 				name: e === "Default" ? S("components.form.label.room_default") : e
 			}));
-		}), re = m(() => {
+		}), ne = 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
 			}));
-		}), B = m(() => {
+		}), H = 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"), H = m(() => [
+		}), U = m(() => h.filters.contentKind === "episodes"), re = m(() => [
 			{
 				label: S("views.recordings.content_kind_all"),
 				value: "all"
@@ -477,13 +476,13 @@ var Zt = l({
 				label: S("views.recordings.content_kind_episodes"),
 				value: "episodes"
 			}
-		]), oe = m(() => [{
+		]), ie = m(() => [{
 			label: S("views.recordings.filter_and"),
 			value: "and"
 		}, {
 			label: S("views.recordings.filter_or"),
 			value: "or"
-		}]), se = m(() => [
+		}]), ae = m(() => [
 			{
 				label: S("views.recordings.time_1h"),
 				value: "1h"
@@ -500,37 +499,37 @@ var Zt = l({
 				label: S("views.recordings.time_1m"),
 				value: "1m"
 			}
-		]), ce = m(() => Ie.filter((e) => !l.has(e)).map((e) => ({
+		]), oe = m(() => Re.filter((e) => !l.has(e)).map((e) => ({
 			label: S(`views.recordings.type_${e}`),
 			value: e,
 			icon: j[e] ?? M
-		}))), U = m(() => ({
+		}))), W = m(() => ({
 			label: S("views.recordings.type_other"),
-			value: ie,
+			value: Ce,
 			icon: j.other ?? M
-		})), le = m(() => ye.map((e) => ({
-			label: S(Y(e)),
+		})), se = m(() => ye.map((e) => ({
+			label: S(Qe(e)),
 			value: e,
 			icon: N[e] ?? M
-		}))), ue = m(() => Fe.map((e) => ({
-			label: S(Xe(e)),
+		}))), ce = m(() => Le.map((e) => ({
+			label: S(Y(e)),
 			value: e,
 			icon: j[e] ?? M
-		}))), de = m(() => Le.map((e) => ({
-			label: S(Ze(e)),
+		}))), le = m(() => ze.map((e) => ({
+			label: S($e(e)),
 			value: e,
 			icon: j[e] ?? M
 		})));
-		function W(e, t) {
+		function G(e, t) {
 			g("update:filters", {
 				...h.filters,
 				[e]: t
 			});
 		}
-		let fe = ke((e) => {
-			W("search", e);
+		let ue = je((e) => {
+			G("search", e);
 		}, 300);
-		function pe(e) {
+		function fe(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,
@@ -538,81 +537,81 @@ var Zt = l({
 				cameraIds: h.filters.cameraIds.filter((e) => t.has(e))
 			});
 		}
-		function G() {
+		function me() {
 			let e = R.value.trim();
 			e && !h.assistantSearchLoading && g("assistant-search", e);
 		}
-		function me() {
+		function he() {
 			let e = L.value.trim();
-			W("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), W("eventTypes", t);
+			n >= 0 ? t.splice(n, 1) : t.push(e), G("eventTypes", t);
 		}
-		function ve(e) {
+		function be(e) {
 			let t = [...h.filters.audioLabels], n = t.indexOf(e);
-			n >= 0 ? t.splice(n, 1) : t.push(e), W("audioLabels", t);
+			n >= 0 ? t.splice(n, 1) : t.push(e), G("audioLabels", t);
 		}
-		function be(e) {
+		function xe(e) {
 			let t = [...h.filters.sensorEvents], n = t.indexOf(e);
-			n >= 0 ? t.splice(n, 1) : t.push(e), W("sensorEvents", t);
+			n >= 0 ? t.splice(n, 1) : t.push(e), G("sensorEvents", t);
 		}
 		function Se(e) {
 			let t = [...h.filters.hasAttributes], n = t.indexOf(e);
-			n >= 0 ? t.splice(n, 1) : t.push(e), W("hasAttributes", t);
+			n >= 0 ? t.splice(n, 1) : t.push(e), G("hasAttributes", t);
 		}
-		function K(e) {
+		function we(e) {
 			z[e] = !z[e];
 		}
 		return _(L, (e) => {
-			!e?.trim() && h.filters.semanticQuery && W("semanticQuery", "");
-		}), Ne(ee, (e) => {
+			!e?.trim() && h.filters.semanticQuery && G("semanticQuery", "");
+		}), Fe(I, (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 || !w.value) && g("close");
-		}), o({ sidebarWidth: te }), (o, s) => {
-			let l = xe, m = q, h = F, g = qe, _ = Be, x = Te, S = Re, w = Ke, O = Ce, A = he, j = He;
+		}), o({ sidebarWidth: B }), (o, s) => {
+			let l = pe, m = We, h = te, g = Ye, _ = He, x = _e, S = Be, w = Je, O = K, A = de, j = q;
 			return i(), v("nav", {
 				ref_key: "sidebarRef",
-				ref: ee,
+				ref: I,
 				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: y({
-					width: `${p(te)}px`,
+					width: `${p(B)}px`,
 					borderRightWidth: n.isOpen ? "1px" : "0px",
 					paddingBottom: `calc(var(--safe-area-inset-top) + var(--safe-area-inset-bottom) + ${p(D)}px + ${p(E)}px)`
 				})
 			}, [C("div", {
 				class: "flex flex-col gap-4 p-4",
-				style: y({ width: `${Hn}px` })
+				style: y({ width: `${Un}px` })
 			}, [
-				C("div", Qt, [
-					C("label", $t, a(o.$t("views.recordings.content_kind")), 1),
+				C("div", $t, [
+					C("label", en, a(o.$t("views.recordings.content_kind")), 1),
 					k(l, {
 						"model-value": n.filters.contentKind,
-						options: p(H),
+						options: p(re),
 						"option-label": "label",
 						"option-value": "value",
 						"allow-empty": !1,
 						class: "content-kind-toggle",
-						"onUpdate:modelValue": s[0] ||= (e) => W("contentKind", e)
+						"onUpdate:modelValue": s[0] ||= (e) => G("contentKind", e)
 					}, null, 8, ["model-value", "options"]),
-					p(V) ? (i(), v("span", en, a(o.$t("views.recordings.content_kind_episodes_hint")), 1)) : d("", !0)
+					p(U) ? (i(), v("span", tn, a(o.$t("views.recordings.content_kind_episodes_hint")), 1)) : d("", !0)
 				]),
 				s[25] ||= C("div", { class: "sidebar-divider" }, null, -1),
-				p(V) ? d("", !0) : (i(), v(b, { key: 0 }, [
-					C("div", tn, [
-						C("label", nn, a(o.$t("views.recordings.search")), 1),
-						C("span", rn, [k(m, {
+				p(U) ? d("", !0) : (i(), v(b, { key: 0 }, [
+					C("div", nn, [
+						C("label", rn, a(o.$t("views.recordings.search")), 1),
+						C("span", an, [k(m, {
 							"model-value": n.filters.search,
 							placeholder: o.$t("views.recordings.search_placeholder"),
 							class: "w-full text-sm",
-							"onUpdate:modelValue": s[1] ||= (e) => p(fe)(e)
+							"onUpdate:modelValue": s[1] ||= (e) => p(ue)(e)
 						}, null, 8, ["model-value", "placeholder"])]),
-						C("span", an, a(o.$t("views.recordings.result_count", { count: n.resultCount })), 1)
+						C("span", on, a(o.$t("views.recordings.result_count", { count: n.resultCount })), 1)
 					]),
 					s[16] ||= C("div", { class: "sidebar-divider" }, null, -1),
-					C("div", on, [
-						C("label", sn, [k(h, { class: "w-3.5 h-3.5" }), T(" " + a(o.$t("views.recordings.semantic_search")), 1)]),
+					C("div", sn, [
+						C("label", cn, [k(h, { class: "w-3.5 h-3.5" }), T(" " + a(o.$t("views.recordings.semantic_search")), 1)]),
 						k(g, {
 							modelValue: p(L),
 							"onUpdate:modelValue": s[2] ||= (e) => f(L) ? L.value = e : null,
@@ -633,33 +632,33 @@ var Zt = l({
 							class: "w-full text-xs",
 							loading: n.semanticSearchLoading,
 							disabled: !n.semanticSearchAvailable || !p(L)?.trim(),
-							onClick: me
+							onClick: he
 						}, null, 8, [
 							"label",
 							"loading",
 							"disabled"
 						]),
-						n.semanticCount == null ? d("", !0) : (i(), v("span", cn, [k(h, { class: "w-3 h-3" }), T(" " + a(o.$t("views.recordings.semantic_results", { count: n.semanticCount })), 1)])),
-						n.filters.semanticQuery ? (i(), v("div", ln, [C("label", un, a(o.$t("views.recordings.min_match_score")), 1), C("div", dn, [k(x, {
+						n.semanticCount == null ? d("", !0) : (i(), v("span", ln, [k(h, { class: "w-3 h-3" }), T(" " + a(o.$t("views.recordings.semantic_results", { count: n.semanticCount })), 1)])),
+						n.filters.semanticQuery ? (i(), v("div", un, [C("label", dn, a(o.$t("views.recordings.min_match_score")), 1), C("div", fn, [k(x, {
 							"model-value": n.filters.minSemanticScore,
 							min: 0,
 							max: 1,
 							step: .05,
 							class: "flex-1",
-							"onUpdate:modelValue": s[3] ||= (e) => W("minSemanticScore", e)
-						}, null, 8, ["model-value"]), C("span", fn, a(Math.round(n.filters.minSemanticScore * 100)) + "%", 1)])])) : d("", !0)
+							"onUpdate:modelValue": s[3] ||= (e) => G("minSemanticScore", e)
+						}, null, 8, ["model-value"]), C("span", pn, a(Math.round(n.filters.minSemanticScore * 100)) + "%", 1)])])) : d("", !0)
 					]),
 					s[17] ||= C("div", { class: "sidebar-divider" }, null, -1)
 				], 64)),
-				n.assistantSearchAvailable ? (i(), v(b, { key: 1 }, [C("div", pn, [
-					C("label", mn, [k(S, { class: "w-3.5 h-3.5" }), T(" " + a(o.$t("views.recordings.assistant_search")), 1)]),
+				n.assistantSearchAvailable ? (i(), v(b, { key: 1 }, [C("div", mn, [
+					C("label", hn, [k(S, { class: "w-3.5 h-3.5" }), T(" " + a(o.$t("views.recordings.assistant_search")), 1)]),
 					k(m, {
 						modelValue: p(R),
 						"onUpdate:modelValue": s[4] ||= (e) => f(R) ? R.value = e : null,
 						placeholder: o.$t("views.recordings.assistant_search_placeholder"),
 						class: "w-full text-sm",
 						disabled: n.assistantSearchLoading,
-						onKeydown: t(e(G, ["prevent"]), ["enter"])
+						onKeydown: t(e(me, ["prevent"]), ["enter"])
 					}, null, 8, [
 						"modelValue",
 						"placeholder",
@@ -674,17 +673,17 @@ var Zt = l({
 						class: "w-full text-xs",
 						loading: n.assistantSearchLoading,
 						disabled: !p(R).trim(),
-						onClick: G
+						onClick: me
 					}, null, 8, [
 						"label",
 						"loading",
 						"disabled"
 					]),
-					n.assistantSearchNote ? (i(), v("span", hn, a(n.assistantSearchNote), 1)) : d("", !0)
+					n.assistantSearchNote ? (i(), v("span", gn, a(n.assistantSearchNote), 1)) : d("", !0)
 				]), s[18] ||= C("div", { class: "sidebar-divider" }, null, -1)], 64)) : d("", !0),
-				p(ne).length > 1 ? (i(), v("div", gn, [C("label", _n, a(o.$t("views.recordings.rooms")), 1), k(w, {
+				p(ee).length > 1 ? (i(), v("div", _n, [C("label", vn, a(o.$t("views.recordings.rooms")), 1), k(w, {
 					"model-value": n.filters.rooms,
-					options: p(ne),
+					options: p(ee),
 					"option-label": "name",
 					"option-value": "id",
 					placeholder: o.$t("views.recordings.all_rooms"),
@@ -692,15 +691,15 @@ var Zt = l({
 					"max-selected-labels": 2,
 					"show-toggle-all": !1,
 					pt: { overlay: { style: "position: fixed" } },
-					"onUpdate:modelValue": s[5] ||= (e) => pe(e)
+					"onUpdate:modelValue": s[5] ||= (e) => fe(e)
 				}, null, 8, [
 					"model-value",
 					"options",
 					"placeholder"
 				])])) : d("", !0),
-				C("div", vn, [C("label", yn, a(o.$t("views.recordings.cameras")), 1), k(w, {
+				C("div", yn, [C("label", bn, a(o.$t("views.recordings.cameras")), 1), k(w, {
 					"model-value": n.filters.cameraIds,
-					options: p(re),
+					options: p(ne),
 					"option-label": "name",
 					"option-value": "id",
 					placeholder: o.$t("views.recordings.all_cameras"),
@@ -708,20 +707,20 @@ var Zt = l({
 					"max-selected-labels": 2,
 					"show-toggle-all": !1,
 					pt: { overlay: { style: "position: fixed" } },
-					"onUpdate:modelValue": s[6] ||= (e) => W("cameraIds", e)
+					"onUpdate:modelValue": s[6] ||= (e) => G("cameraIds", e)
 				}, null, 8, [
 					"model-value",
 					"options",
 					"placeholder"
 				])]),
-				p(B) && !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(B),
+				p(H) && !p(U) ? (i(), v(b, { key: 3 }, [s[19] ||= C("div", { class: "sidebar-divider" }, null, -1), C("div", xn, [
+					C("label", Sn, a(o.$t("views.recordings.grid_search")), 1),
+					C("div", Cn, [k(O, {
+						camera: p(H),
 						"object-fit": "cover"
 					}, null, 8, ["camera"]), k(A, {
 						"model-value": n.filters.gridRegions,
-						"onUpdate:modelValue": s[7] ||= (e) => W("gridRegions", e)
+						"onUpdate:modelValue": s[7] ||= (e) => G("gridRegions", e)
 					}, null, 8, ["model-value"])]),
 					k(_, {
 						label: o.$t("views.recordings.grid_clear"),
@@ -730,75 +729,75 @@ var Zt = l({
 						size: "small",
 						class: "w-full text-xs",
 						disabled: n.filters.gridRegions.length === 0,
-						onClick: s[8] ||= (e) => W("gridRegions", [])
+						onClick: s[8] ||= (e) => G("gridRegions", [])
 					}, null, 8, ["label", "disabled"])
 				])], 64)) : d("", !0),
-				p(V) ? d("", !0) : (i(), v("div", Cn)),
-				p(V) ? d("", !0) : (i(), v("div", wn, [C("label", Tn, a(o.$t("views.recordings.confidence")), 1), C("div", En, [k(x, {
+				p(U) ? d("", !0) : (i(), v("div", wn)),
+				p(U) ? d("", !0) : (i(), v("div", Tn, [C("label", En, a(o.$t("views.recordings.confidence")), 1), C("div", Dn, [k(x, {
 					"model-value": n.filters.minConfidence,
 					min: 0,
 					max: 1,
 					step: .05,
 					class: "flex-1",
-					"onUpdate:modelValue": s[9] ||= (e) => W("minConfidence", e)
-				}, null, 8, ["model-value"]), C("span", Dn, a(Math.round(n.filters.minConfidence * 100)) + "%", 1)])])),
+					"onUpdate:modelValue": s[9] ||= (e) => G("minConfidence", e)
+				}, null, 8, ["model-value"]), C("span", On, 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", kn, [C("label", An, a(o.$t("views.recordings.time_range")), 1), C("div", jn, [(i(!0), v(b, null, r(p(ae), (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) => W("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",
 					"outlined",
 					"onClick"
 				]))), 128))])]),
-				p(V) ? d("", !0) : (i(), v(b, { key: 6 }, [
+				p(U) ? d("", !0) : (i(), v(b, { key: 6 }, [
 					s[24] ||= C("div", { class: "sidebar-divider" }, null, -1),
-					C("div", jn, [C("button", {
+					C("div", Mn, [C("button", {
 						class: "sidebar-section-title flex items-center justify-between w-full cursor-pointer",
-						onClick: s[10] ||= (e) => K("sensorEvents")
-					}, [C("span", null, a(o.$t("views.recordings.sensor_events")), 1), (i(), u(c(p(z).sensorEvents ? p(P) : p(I)), { class: "w-4 h-4 text-muted" }))]), p(z).sensorEvents ? (i(), v("div", Mn, [(i(!0), v(b, null, r(p(le), (e) => (i(), v(b, { key: e.value }, [C("label", Nn, [
+						onClick: s[10] ||= (e) => we("sensorEvents")
+					}, [C("span", null, a(o.$t("views.recordings.sensor_events")), 1), (i(), u(c(p(z).sensorEvents ? p(P) : p(F)), { class: "w-4 h-4 text-muted" }))]), p(z).sensorEvents ? (i(), v("div", Nn, [(i(!0), v(b, null, r(p(se), (e) => (i(), v(b, { key: e.value }, [C("label", Pn, [
 						k(j, {
 							"model-value": n.filters.sensorEvents.includes(e.value),
 							binary: !0,
-							"onUpdate:modelValue": (t) => be(e.value)
+							"onUpdate:modelValue": (t) => xe(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(ue), (e) => (i(), v("label", {
+					]), e.value === "audio" && n.filters.sensorEvents.includes("audio") ? (i(), v("div", Fn, [(i(!0), v(b, null, r(p(ce), (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) => ve(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))])) : d("", !0)], 64))), 128))])) : d("", !0)]),
-					C("div", Fn, [
+					C("div", In, [
 						s[20] ||= C("div", { class: "filter-logic-line" }, null, -1),
 						k(l, {
 							"model-value": n.filters.filterLogicTriggers,
-							options: p(oe),
+							options: p(ie),
 							"option-label": "label",
 							"option-value": "value",
 							"allow-empty": !1,
 							class: "filter-logic-toggle",
-							"onUpdate:modelValue": s[11] ||= (e) => W("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", {
+					C("div", Ln, [C("button", {
 						class: "sidebar-section-title flex items-center justify-between w-full cursor-pointer",
-						onClick: s[12] ||= (e) => K("eventTypes")
-					}, [C("span", null, a(o.$t("views.recordings.event_type")), 1), (i(), u(c(p(z).eventTypes ? p(P) : p(I)), { class: "w-4 h-4 text-muted" }))]), p(z).eventTypes ? (i(), v("div", Ln, [(i(!0), v(b, null, r(p(ce), (e) => (i(), v("label", {
+						onClick: s[12] ||= (e) => we("eventTypes")
+					}, [C("span", null, a(o.$t("views.recordings.event_type")), 1), (i(), u(c(p(z).eventTypes ? p(P) : p(F)), { class: "w-4 h-4 text-muted" }))]), p(z).eventTypes ? (i(), v("div", Rn, [(i(!0), v(b, null, r(p(oe), (e) => (i(), v("label", {
 						key: e.value,
 						class: "flex items-center gap-2 cursor-pointer text-sm"
 					}, [
@@ -810,23 +809,23 @@ var Zt = l({
 						(i(), u(c(e.icon), { class: "w-4 h-4 text-muted" })),
 						C("span", null, a(e.label), 1)
 					]))), 128))])) : d("", !0)]),
-					C("div", Rn, [
+					C("div", zn, [
 						s[22] ||= C("div", { class: "filter-logic-line" }, null, -1),
 						k(l, {
 							"model-value": n.filters.filterLogicAttributes,
-							options: p(oe),
+							options: p(ie),
 							"option-label": "label",
 							"option-value": "value",
 							"allow-empty": !1,
 							class: "filter-logic-toggle",
-							"onUpdate:modelValue": s[13] ||= (e) => W("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", {
+					C("div", Bn, [C("button", {
 						class: "sidebar-section-title flex items-center justify-between w-full cursor-pointer",
-						onClick: s[14] ||= (e) => K("attributes")
-					}, [C("span", null, a(o.$t("views.recordings.attributes")), 1), (i(), u(c(p(z).attributes ? p(P) : p(I)), { class: "w-4 h-4 text-muted" }))]), p(z).attributes ? (i(), v("div", Bn, [(i(!0), v(b, null, r(p(de), (e) => (i(), v("label", {
+						onClick: s[14] ||= (e) => we("attributes")
+					}, [C("span", null, a(o.$t("views.recordings.attributes")), 1), (i(), u(c(p(z).attributes ? p(P) : p(F)), { class: "w-4 h-4 text-muted" }))]), p(z).attributes ? (i(), v("div", Vn, [(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"
 					}, [
@@ -837,43 +836,43 @@ var Zt = l({
 						}, 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, [
+					]))), 128)), C("label", Hn, [
 						k(j, {
-							"model-value": n.filters.eventTypes.includes(p(U).value),
+							"model-value": n.filters.eventTypes.includes(p(W).value),
 							binary: !0,
-							"onUpdate:modelValue": s[15] ||= (e) => ge(p(U).value)
+							"onUpdate:modelValue": s[15] ||= (e) => ge(p(W).value)
 						}, null, 8, ["model-value"]),
-						(i(), u(c(p(U).icon), { class: "w-4 h-4 text-muted" })),
-						C("span", null, a(p(U).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);
 		};
 	}
-}), [["__scopeId", "data-v-e863f967"]]), Wn = { class: "font-semibold text-xl truncate" }, Gn = { class: "w-full h-full relative" }, Kn = {
+}), [["__scopeId", "data-v-e863f967"]]), Gn = { class: "font-semibold text-xl truncate" }, Kn = { class: "w-full h-full relative" }, qn = {
 	key: 0,
 	class: "w-full flex flex-row h-[calc(40px+1rem)] py-2 items-center fixed z-10"
-}, qn = { class: "relative z-2 page-title !m-0" }, Jn = {
+}, Jn = { class: "relative z-2 page-title !m-0" }, Yn = {
 	key: 1,
 	class: "fixed right-0 z-10 h-[calc(40px+1rem)] py-2 pr-2 flex items-center"
-}, Yn = {
-	key: 1,
-	class: "flex justify-center py-4"
 }, Xn = {
 	key: 2,
+	class: "flex justify-center py-4"
+}, Zn = {
+	key: 3,
 	class: "flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4"
-}, Zn = { class: "text-muted text-sm" }, Qn = 288, $n = /* @__PURE__ */ D({
+}, Qn = { class: "text-muted text-sm" }, $n = 288, er = /* @__PURE__ */ D({
 	__name: "Recordings",
 	setup(e) {
-		let t = new Ye(), n = new we(), r = new W(), c = ge(), l = me(), { bottombarHeight: f } = _e(), { status: S, checking: T } = K(), { openEventTrace: D } = Se(), A = re("@camera.ui/camera-ui-nvr"), N = pe(), { t: P, locale: ie } = Pe(), { smBreakpoint: G, xlBreakpoint: he, mdBreakpoint: ye } = ae(), { registerScrollToTop: be } = ue();
+		let t = new Ze(), n = new ce(), c = new ue(), l = fe(), f = ge(), { bottombarHeight: S } = ve(), { status: T, checking: D } = G(), { openEventTrace: A } = we(), N = Se("@camera.ui/camera-ui-nvr"), P = me(), { t: H, locale: de } = Ie(), { smBreakpoint: K, xlBreakpoint: pe, mdBreakpoint: _e } = V(), { registerScrollToTop: ye } = se();
 		if (typeof VideoDecoder < "u") {
-			let e = ce({ cacheSize: 20 });
-			o(z, e), Ae(() => e.dispose());
+			let e = ee({ cacheSize: 20 });
+			o(ie, e), Me(() => e.dispose());
 		}
-		let { results: xe, isSearching: Ce, isAvailable: Te, hasSearched: De, search: ke, clear: je } = te(), { data: Ne } = t.getAssistantStatusQuery(), { data: Fe } = n.getCamerasQuery({
+		let { results: Ce, isSearching: Oe, isAvailable: ke, hasSearched: je, search: Ne, clear: Fe } = Te(), { data: Le } = t.getAssistantStatusQuery(), { data: Re } = n.getCamerasQuery({
 			page: 1,
 			pageSize: -1
-		}), { data: Ie } = r.getUserQuery(m(() => l.user?.username ?? "")), Le = {
+		}), { data: ze } = c.getUserQuery(m(() => f.user?.username ?? "")), Be = {
 			contentKind: "all",
 			favoritesOnly: !1,
 			search: "",
@@ -892,127 +891,127 @@ var Zt = l({
 			minConfidence: .5,
 			minSemanticScore: .5,
 			onlyWithRecordings: !0
-		}, Re = {
+		}, Ve = {
 			"1h": 36e5,
 			"1d": 864e5,
 			"1w": 6048e5,
 			"1m": 2592e6
-		}, ze = x("gridRef"), Ve = x("viewMenuRef"), q = O("closed"), He = O(!1), J = O({ ...Le }), We = O(!1), Ge = O(""), Ke = E({
+		}, Ue = x("gridRef"), We = x("viewMenuRef"), q = O("closed"), Ge = O(!1), J = O({ ...Be }), qe = O(!1), Je = O(""), Ye = E({
 			hasDetections: !0,
 			withRecordingInfo: !0,
 			hasRecording: !0
-		}), qe = JSON.stringify(Ke.value), Y = O(!1), Xe = E([]), Ze = O(null), st = x("reindexAnchorRef"), { left: ct } = Me(st), ut = !1, X = m(() => he.value ? !0 : q.value === "opened"), dt = m(() => ye.value), ft = ee(() => ze.value?.scrollY ?? 0), pt = m(() => X.value && dt.value ? !0 : ft.value && !S.value?.running), ht = m(() => ye.value ? "0px" : X.value ? `${Qn}px` : "0px"), Z = m(() => (Fe.value?.result ?? []).map((e) => ({
+		}), Qe = JSON.stringify(Ye.value), Y = O(!1), $e = E([]), ct = O(null), lt = x("reindexAnchorRef"), { left: dt } = Pe(lt), ft = !1, X = m(() => pe.value ? !0 : q.value === "opened"), pt = m(() => _e.value), mt = I(() => Ue.value?.scrollY ?? 0), gt = m(() => X.value && pt.value ? !0 : mt.value && !T.value?.running), _t = m(() => _e.value ? "0px" : X.value ? `${$n}px` : "0px"), Z = m(() => (Re.value?.result ?? []).map((e) => ({
 			id: e._id,
 			name: e.name,
 			room: e.room
-		}))), gt = m(() => {
+		}))), vt = m(() => {
 			let e = /* @__PURE__ */ new Map();
 			for (let t of Z.value) e.set(t.id, t.name);
 			return e;
-		}), _t = m(() => {
+		}), yt = m(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of Fe.value?.result ?? []) e.set(t._id, t);
+			for (let t of Re.value?.result ?? []) e.set(t._id, t);
 			return e;
-		}), vt = m(() => {
+		}), bt = m(() => {
 			let e = J.value.rooms;
 			return (e.length > 0 ? Z.value.filter((t) => e.includes(t.room ?? "")) : Z.value).map((e) => e.id);
-		}), yt = m(() => J.value.cameraIds.filter((e) => vt.value.includes(e))), bt = m(() => vt.value);
-		be(() => ze.value?.scrollToTop());
-		let { events: xt, isLoading: St, hasMore: Ct, loadMore: wt, loadThumbnails: Tt, deleteEvents: Et, pluginUnavailable: Dt } = V({
-			availableCameraIds: bt,
-			cameraIds: yt,
+		}), xt = m(() => J.value.cameraIds.filter((e) => bt.value.includes(e))), St = m(() => bt.value);
+		ye(() => Ue.value?.scrollToTop());
+		let { events: Ct, isLoading: wt, hasMore: Tt, loadMore: Et, loadThumbnails: Dt, deleteEvents: Ot, reset: kt, loadFailed: At, pluginUnavailable: jt } = z({
+			availableCameraIds: St,
+			cameraIds: xt,
 			realtime: !0,
 			pageSize: 40,
-			filter: Ke,
+			filter: Ye,
 			withEpisodes: !0
 		}), Q = m(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of xe.value ?? []) {
+			for (let t of Ce.value ?? []) {
 				let n = e.get(t.eventId);
 				(!n || t.score > n) && e.set(t.eventId, t.score);
 			}
 			return e;
-		}), Ot = m(() => De.value), $ = m(() => {
-			let e = xt.value.filter((e) => e.state === "ended" || (e.segments?.length ?? 0) > 0), t = J.value;
-			if (t.timeRange && Re[t.timeRange]) {
-				let n = Date.now() - Re[t.timeRange];
+		}), Mt = m(() => je.value), Nt = m(() => jt.value ? H("views.recordings.recordings_unavailable") : At.value ? H("views.recordings.load_failed") : H("views.recordings.no_recordings")), $ = m(() => {
+			let e = Ct.value.filter((e) => e.state === "ended" || (e.segments?.length ?? 0) > 0), t = J.value;
+			if (t.timeRange && Ve[t.timeRange]) {
+				let n = Date.now() - Ve[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 && rt(e.box, t.gridRegions))))), t.favoritesOnly && (e = e.filter((e) => e.favorite)), Ot.value && (e = e.filter((e) => {
+			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)), Mt.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;
-		}), kt = m(() => J.value.contentKind === "episodes"), At = m(() => Ne.value?.state === "ready"), jt = m(() => {
+		}), Pt = m(() => J.value.contentKind === "episodes"), Ft = m(() => Le.value?.state === "ready"), It = m(() => {
 			if (J.value.contentKind === "events") return [];
-			A.storeVersion.value;
+			N.storeVersion.value;
 			let e = J.value;
-			if (!kt.value && (Y.value || Ot.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 = yt.value.length > 0 ? yt.value : bt.value, n = e.timeRange && Re[e.timeRange] ? Date.now() - Re[e.timeRange] : 0, r = Infinity;
-			if (e.timeRange === "custom" && e.customDateRange && (n = Math.max(n, e.customDateRange[0].getTime()), r = e.customDateRange[1].getTime()), Ct.value && !kt.value) {
+			if (!Pt.value && (Y.value || Mt.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 = xt.value.length > 0 ? xt.value : St.value, n = e.timeRange && Ve[e.timeRange] ? Date.now() - Ve[e.timeRange] : 0, r = Infinity;
+			if (e.timeRange === "custom" && e.customDateRange && (n = Math.max(n, e.customDateRange[0].getTime()), r = e.customDateRange[1].getTime()), Tt.value && !Pt.value) {
 				let e = Infinity;
-				for (let t of xt.value) e = Math.min(e, t.thumbnailAt ?? t.startTime);
+				for (let t of Ct.value) e = Math.min(e, t.thumbnailAt ?? t.startTime);
 				n = Math.max(n, e);
 			}
 			let i = [];
-			for (let a of A.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({
+			for (let a of N.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:${a.id}`,
 				episode: a
 			}));
 			return i;
-		}), Mt = m(() => {
-			if (kt.value) return [...jt.value].sort((e, t) => et(t) - et(e));
-			if (Y.value && Xe.value.length) return Xe.value;
+		}), Lt = m(() => {
+			if (Pt.value) return [...It.value].sort((e, t) => tt(t) - tt(e));
+			if (Y.value && $e.value.length) return $e.value;
 			let e = $.value.map((e) => ({
 				event: e,
 				key: e.id
 			}));
-			return jt.value.length && (e.push(...jt.value), e.sort((e, t) => et(t) - et(e))), e;
-		}), Nt = m(() => Ee(void 0, "admin")), Pt = m(() => $.value.filter((e) => e.state === "ended")), { selectionMode: Ft, selectedIds: It, allSelected: Lt, bulkBusy: Rt, enterSelectionMode: zt, exitSelectionMode: Bt, toggleSelectAll: Vt, toggleSelection: Ht } = Oe(Pt, (e) => e.id);
-		function Ut() {
-			let e = [...It.value];
-			e.length && !Rt.value && c.openTextDialog({
+			return It.value.length && (e.push(...It.value), e.sort((e, t) => tt(t) - tt(e))), e;
+		}), Rt = m(() => be(void 0, "admin")), zt = m(() => $.value.filter((e) => e.state === "ended")), { selectionMode: Bt, selectedIds: Vt, allSelected: Ht, bulkBusy: Ut, enterSelectionMode: Wt, exitSelectionMode: Gt, toggleSelectAll: qt, toggleSelection: Jt } = Ae(zt, (e) => e.id);
+		function Yt() {
+			let e = [...Vt.value];
+			e.length && !Ut.value && l.openTextDialog({
 				data: {
-					title: P("components.dialog.title.confirm"),
-					contentText: P("views.recordings.delete_selected_confirm", { count: e.length }),
-					confirmText: P("components.form.button.remove"),
+					title: H("components.dialog.title.confirm"),
+					contentText: H("views.recordings.delete_selected_confirm", { count: e.length }),
+					confirmText: H("components.form.button.remove"),
 					confirmButtonProps: { severity: "danger" }
 				},
 				onConfirm: async () => {
-					Rt.value = !0;
+					Ut.value = !0;
 					try {
-						await Et(e), Bt(), N.add({
+						await Ot(e), Gt(), P.add({
 							severity: "success",
-							detail: P("views.recordings.delete_selected_done", { count: e.length }),
+							detail: H("views.recordings.delete_selected_done", { count: e.length }),
 							life: 5e3
 						});
 					} catch (e) {
-						N.add({
+						P.add({
 							severity: "error",
 							detail: e?.message ?? String(e),
 							life: 5e3
 						});
 					} finally {
-						Rt.value = !1;
+						Ut.value = !1;
 					}
 				}
 			});
 		}
-		let Wt = m(() => [
+		let Xt = m(() => [
 			{
 				key: "ungroup",
-				label: P("views.recordings.ungroup"),
-				description: P("views.recordings.ungroup_hint"),
+				label: H("views.recordings.ungroup"),
+				description: H("views.recordings.ungroup_hint"),
 				toggle: !0,
 				toggleState: Y.value,
 				onClick: () => {
-					ut = !0, Y.value = !Y.value, l.updateUser({ preferences: { recordings: { ungrouped: Y.value } } });
+					ft = !0, Y.value = !Y.value, f.updateUser({ preferences: { recordings: { ungrouped: Y.value } } });
 				}
 			},
 			{
 				key: "onlyWithRecordings",
-				label: P("views.recordings.only_with_recordings"),
-				description: P("views.recordings.only_with_recordings_hint"),
+				label: H("views.recordings.only_with_recordings"),
+				description: H("views.recordings.only_with_recordings_hint"),
 				toggle: !0,
 				toggleState: J.value.onlyWithRecordings,
 				onClick: () => {
@@ -1022,10 +1021,10 @@ var Zt = l({
 					};
 				}
 			},
-			...Nt.value ? [{
+			...Rt.value ? [{
 				key: "favoritesOnly",
-				label: P("views.recordings.favorites_only"),
-				description: P("views.recordings.favorites_hint"),
+				label: H("views.recordings.favorites_only"),
+				description: H("views.recordings.favorites_hint"),
 				toggle: !0,
 				toggleState: J.value.favoritesOnly,
 				onClick: () => {
@@ -1036,66 +1035,66 @@ var Zt = l({
 				}
 			}] : []
 		]);
-		function Kt() {
-			c.openComponentDialog(mt, { data: {
-				title: P("views.recordings.reindex.title"),
+		function Zt() {
+			l.openComponentDialog(ht, { data: {
+				title: H("views.recordings.reindex.title"),
 				contentProps: {},
-				confirmText: P("views.recordings.reindex.start")
+				confirmText: H("views.recordings.reindex.start")
 			} });
 		}
-		function qt() {
-			c.openComponentDialog(Gt, { data: {
-				title: P("views.recordings.export.title"),
+		function Qt() {
+			l.openComponentDialog(Kt, { data: {
+				title: H("views.recordings.export.title"),
 				contentProps: {
 					cameras: Z.value,
 					preselect: J.value.cameraIds?.length ? J.value.cameraIds : []
 				},
-				confirmText: P("views.recordings.export.confirm")
+				confirmText: H("views.recordings.export.confirm")
 			} });
 		}
-		function Jt() {
+		function $t() {
 			let e = q.value;
 			q.value = e === "opened" ? "closed" : "opened";
 		}
-		function Yt() {
+		function en() {
 			q.value = "closed";
 		}
-		function Xt(e) {
-			!e.semanticQuery?.trim() && J.value.semanticQuery?.trim() && je(), J.value = e;
+		function tn(e) {
+			!e.semanticQuery?.trim() && J.value.semanticQuery?.trim() && Fe(), J.value = e;
 		}
-		async function Zt(e) {
-			We.value = !0, Ge.value = "";
+		async function nn(e) {
+			qe.value = !0, Je.value = "";
 			try {
-				let t = await Je(e, ie.value, Intl.DateTimeFormat().resolvedOptions().timeZone);
-				Xt({
-					...Le,
+				let t = await Xe(e, de.value, Intl.DateTimeFormat().resolvedOptions().timeZone);
+				tn({
+					...Be,
 					...t.filters,
-					favoritesOnly: Nt.value && t.filters.favoritesOnly
-				}), Qt(t.filters.semanticQuery), Ge.value = t.note;
+					favoritesOnly: Rt.value && t.filters.favoritesOnly
+				}), rn(t.filters.semanticQuery), Je.value = t.note;
 			} catch (e) {
-				N.add({
+				P.add({
 					severity: "error",
-					detail: e?.response?.data?.message ?? P("views.recordings.assistant_search_failed"),
+					detail: e?.response?.data?.message ?? H("views.recordings.assistant_search_failed"),
 					life: 5e3
 				});
 			} finally {
-				We.value = !1;
+				qe.value = !1;
 			}
 		}
-		function Qt(e) {
+		function rn(e) {
 			if (!e.trim()) {
-				je();
+				Fe();
 				return;
 			}
-			ke(e);
+			Ne(e);
 		}
-		function $t(e, t) {
-			let n = _t.value.get(e.cameraId);
-			n && D(e, n, t);
+		function an(e, t) {
+			let n = yt.value.get(e.cameraId);
+			n && A(e, n, t);
 		}
-		function en(e, t) {
-			let n = _t.value.get(e.cameraId);
-			n && c.openComponentDialog(fe, {
+		function on(e, t) {
+			let n = yt.value.get(e.cameraId);
+			n && l.openComponentDialog(xe, {
 				data: {
 					title: n.name,
 					dedupeKey: `camera-event:${n._id}:${t}`,
@@ -1107,7 +1106,7 @@ var Zt = l({
 						eventTimestamp: t
 					},
 					headerActions: e.segments?.some((e) => e?.description) ? [{
-						icon: F,
+						icon: te,
 						toggle: !0,
 						onClick: () => {}
 					}] : void 0,
@@ -1125,7 +1124,7 @@ var Zt = l({
 				} }
 			});
 		}
-		return _(he, (e) => {
+		return _(pe, (e) => {
 			e && (q.value = "closed");
 		}), _(J, (e) => {
 			let t = e.eventTypes.length > 0 || e.sensorEvents.length > 0 || e.audioLabels.length > 0 || e.hasAttributes.length > 0, n = {
@@ -1142,16 +1141,16 @@ var Zt = l({
 				hasRecording: e.onlyWithRecordings || void 0,
 				favoritesOnly: e.favoritesOnly || void 0
 			}, r = JSON.stringify(n);
-			r !== qe && (qe = r, Ke.value = n);
+			r !== Qe && (Qe = r, Ye.value = n);
 		}, {
 			deep: !0,
 			immediate: !0
-		}), _(Ie, (e) => {
-			if (!e || ut) return;
+		}), _(ze, (e) => {
+			if (!e || ft) return;
 			let t = e.preferences?.recordings?.ungrouped;
 			t !== void 0 && (Y.value = t);
 		}, { immediate: !0 }), _([Y, $], ([e, t]) => {
-			Xe.value = e ? nt(t) : [];
+			$e.value = e ? rt(t) : [];
 		}), _(() => J.value.cameraIds, (e) => {
 			e.length !== 1 && J.value.gridRegions.length > 0 && (J.value = {
 				...J.value,
@@ -1159,29 +1158,29 @@ var Zt = l({
 			});
 		}), j(() => {
 			requestAnimationFrame(() => {
-				He.value = !0;
+				Ge.value = !0;
 			});
 		}), (e, t) => {
-			let n = B, r = oe, o = ne, c = Be, l = it, m = ot, _ = at, x = de, E = $e, D = tt, O = Qe, A = le, j = H, N = R, P = M;
+			let n = B, o = re, c = R, l = He, f = at, m = st, _ = ot, x = le, E = et, O = nt, A = he, j = Ee, N = W, P = U, I = L, z = M;
 			return i(), v("div", null, [
 				k(n, { position: "center" }, {
-					default: h(() => [C("span", Wn, a(e.$t("views.recordings.title")), 1)]),
+					default: h(() => [C("span", Gn, a(e.$t("views.recordings.title")), 1)]),
 					_: 1
 				}),
 				k(n, { position: "left" }, {
-					default: h(() => [k(c, {
+					default: h(() => [k(l, {
 						id: "recordings-sidebar-toggle",
 						severity: "secondary",
 						class: "cui-button p-2 text-color",
 						text: "",
 						rounded: "",
-						onClick: Jt
+						onClick: $t
 					}, {
-						icon: h(() => [p(q) === "closed" ? (i(), u(r, {
+						icon: h(() => [p(q) === "closed" ? (i(), u(o, {
 							key: 0,
 							width: "100%",
 							height: "100%"
-						})) : (i(), u(o, {
+						})) : (i(), u(c, {
 							key: 1,
 							width: "100%",
 							height: "100%"
@@ -1191,14 +1190,14 @@ var Zt = l({
 					_: 1
 				}),
 				k(n, { position: "right" }, {
-					default: h(() => [k(c, {
+					default: h(() => [k(l, {
 						severity: "secondary",
 						class: "cui-button p-2 text-color",
 						text: "",
 						rounded: "",
-						onClick: t[0] ||= (e) => p(Ve)?.toggleMenu(e)
+						onClick: t[0] ||= (e) => p(We)?.toggleMenu(e)
 					}, {
-						icon: h(() => [k(l, {
+						icon: h(() => [k(f, {
 							width: "100%",
 							height: "100%"
 						})]),
@@ -1206,22 +1205,22 @@ var Zt = l({
 					})]),
 					_: 1
 				}),
-				k(Un, {
+				k(Wn, {
 					filters: p(J),
 					cameras: p(Z),
 					"is-open": p(X),
-					"is-overlay": p(dt),
-					"result-count": p(Mt).length,
-					"semantic-count": p(Ot) ? p(Q).size : void 0,
-					"semantic-search-available": p(Te),
-					"semantic-search-loading": p(Ce),
-					"assistant-search-available": p(At),
-					"assistant-search-loading": p(We),
-					"assistant-search-note": p(Ge),
-					"onUpdate:filters": Xt,
-					onSemanticSearch: Qt,
-					onAssistantSearch: Zt,
-					onClose: Yt
+					"is-overlay": p(pt),
+					"result-count": p(Lt).length,
+					"semantic-count": p(Mt) ? p(Q).size : void 0,
+					"semantic-search-available": p(ke),
+					"semantic-search-loading": p(Oe),
+					"assistant-search-available": p(Ft),
+					"assistant-search-loading": p(qe),
+					"assistant-search-note": p(Je),
+					"onUpdate:filters": tn,
+					onSemanticSearch: rn,
+					onAssistantSearch: nn,
+					onClose: en
 				}, null, 8, [
 					"filters",
 					"cameras",
@@ -1238,30 +1237,30 @@ var Zt = l({
 				(i(), u(g, {
 					to: "#container",
 					defer: ""
-				}, [p(X) && p(dt) ? (i(), v("div", {
+				}, [p(X) && p(pt) ? (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: Yt
+					onClick: en
 				})) : d("", !0)])),
 				C("main", {
 					ref_key: "reindexAnchorRef",
-					ref: st,
+					ref: lt,
 					class: "relative w-full h-full",
 					style: y({
-						paddingLeft: p(ht),
-						transition: p(He) ? "padding-left 200ms" : void 0
+						paddingLeft: p(_t),
+						transition: p(Ge) ? "padding-left 200ms" : void 0
 					})
-				}, [C("div", Gn, [
-					p(G) ? d("", !0) : (i(), v("div", Kn, [
+				}, [C("div", Kn, [
+					p(K) ? d("", !0) : (i(), v("div", qn, [
 						t[3] ||= C("div", { class: "ml-2" }, null, -1),
-						p(he) ? d("", !0) : (i(), u(c, {
+						p(pe) ? d("", !0) : (i(), u(l, {
 							key: 0,
 							id: "recordings-sidebar-toggle",
 							severity: "secondary",
 							class: "mr-2 cui-icon-lg relative z-2",
 							text: "",
 							rounded: "",
-							onClick: Jt
+							onClick: $t
 						}, {
 							icon: h(() => [p(X) ? (i(), u(m, {
 								key: 0,
@@ -1274,7 +1273,7 @@ var Zt = l({
 							}))]),
 							_: 1
 						})),
-						C("h1", qn, a(e.$t("views.recordings.title")), 1),
+						C("h1", Jn, a(e.$t("views.recordings.title")), 1),
 						t[4] ||= C("div", { class: "gradient-blur rotate-180 !h-[70px]" }, [
 							C("div"),
 							C("div"),
@@ -1284,46 +1283,46 @@ var Zt = l({
 							C("div")
 						], -1)
 					])),
-					p(G) ? d("", !0) : (i(), v("div", Jn, [w((i(), u(c, {
+					p(K) ? d("", !0) : (i(), v("div", Yn, [w((i(), u(l, {
 						severity: "secondary",
 						text: "",
 						rounded: "",
 						class: "cui-icon-lg relative z-2",
-						onClick: t[1] ||= (e) => p(Ve)?.toggleMenu(e)
+						onClick: t[1] ||= (e) => p(We)?.toggleMenu(e)
 					}, {
-						icon: h(() => [k(l, {
+						icon: h(() => [k(f, {
 							width: "100%",
 							height: "100%"
 						})]),
 						_: 1
 					})), [[
-						P,
+						z,
 						{ 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(G),
-						"pt-[calc(40px+2rem)]": !p(G)
+						"pt-4": p(K),
+						"pt-[calc(40px+2rem)]": !p(K)
 					}]) }, [
-						p(Mt).length ? (i(), u(D, {
+						p(Lt).length ? (i(), u(O, {
 							key: 0,
 							ref_key: "gridRef",
-							ref: ze,
-							items: p(Mt),
-							"min-item-width": p(G) ? 160 : 180,
+							ref: Ue,
+							items: p(Lt),
+							"min-item-width": p(K) ? 160 : 180,
 							gap: 8,
-							"has-more": p(Ct),
-							"load-more": p(wt),
+							"has-more": p(Tt),
+							"load-more": p(Et),
 							"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(_t),
+								"camera-by-id": p(yt),
 								fluid: "",
-								"click-disabled": p(Ft)
+								"click-disabled": p(Bt)
 							}, null, 8, [
 								"episode",
 								"camera-by-id",
@@ -1331,19 +1330,19 @@ var Zt = l({
 							])) : (i(), u(E, {
 								key: 1,
 								event: e.event,
-								"camera-name": p(gt).get(e.event.cameraId),
-								camera: p(_t).get(e.event.cameraId),
-								"load-thumbnails": p(Tt),
+								"camera-name": p(vt).get(e.event.cameraId),
+								camera: p(yt).get(e.event.cameraId),
+								"load-thumbnails": p(Dt),
 								"semantic-score": p(Q).get(e.event.id),
 								"seg-index": e.segIndex,
-								"selection-mode": p(Ft) && e.event.state === "ended",
-								selected: p(It).has(e.event.id),
-								"sibling-active": e.segIndex !== void 0 && p(Ze) === e.event.id,
-								onSelect: (t) => p(Ht)(e.event.id),
-								onScrollToEvent: (t) => en(e.event, t),
-								onOpenTrace: (t) => $t(e.event, t),
-								onMouseenter: (t) => Ze.value = e.segIndex === void 0 ? null : e.event.id,
-								onMouseleave: t[2] ||= (e) => Ze.value = null
+								"selection-mode": p(Bt) && e.event.state === "ended",
+								selected: p(Vt).has(e.event.id),
+								"sibling-active": e.segIndex !== void 0 && p(ct) === e.event.id,
+								onSelect: (t) => p(Jt)(e.event.id),
+								onScrollToEvent: (t) => on(e.event, t),
+								onOpenTrace: (t) => an(e.event, t),
+								onMouseenter: (t) => ct.value = e.segIndex === void 0 ? null : e.event.id,
+								onMouseleave: t[2] ||= (e) => ct.value = null
 							}, null, 8, [
 								"event",
 								"camera-name",
@@ -1366,124 +1365,143 @@ var Zt = l({
 							"has-more",
 							"load-more",
 							"item-key"
-						])) : d("", !0),
-						p(St) || p(Ce) ? (i(), v("div", Yn, [k(O, {
+						])) : p(wt) ? (i(), v("div", {
+							key: 1,
+							class: "grid gap-2 flex-1 min-h-0 overflow-hidden content-start",
+							style: y({ gridTemplateColumns: `repeat(auto-fill, minmax(${p(K) ? 160 : 180}px, 1fr))` })
+						}, [(i(), v(b, null, r(24, (e) => k(A, {
+							key: `skeleton-${e}`,
+							class: "w-full rounded-xl",
+							style: { "aspect-ratio": "1/1" },
+							height: "auto"
+						})), 64))], 4)) : d("", !0),
+						p(wt) && p(Lt).length || p(Oe) ? (i(), v("div", Xn, [k(j, {
 							width: "24px",
 							height: "24px",
 							class: "text-muted"
 						})])) : d("", !0),
-						!p($).length && !p(St) && !p(Ce) ? (i(), v("div", Xn, [k(A, { class: "w-12 h-12 text-muted" }), C("span", Zn, a(p(Dt) ? e.$t("views.recordings.recordings_unavailable") : e.$t("views.recordings.no_recordings")), 1)])) : d("", !0)
+						!p($).length && !p(wt) && !p(Oe) ? (i(), v("div", Zn, [
+							k(N, { class: "w-12 h-12 text-muted" }),
+							C("span", Qn, a(p(Nt)), 1),
+							p(At) && !p(jt) ? (i(), u(l, {
+								key: 0,
+								severity: "secondary",
+								class: "cui-button-small",
+								label: e.$t("views.recordings.load_failed_retry"),
+								onClick: p(kt)
+							}, null, 8, ["label", "onClick"])) : d("", !0)
+						])) : d("", !0)
 					], 2)
 				])], 4),
-				p(Nt) && p(Z).length ? (i(), v("div", {
+				p(Rt) && p(Z).length ? (i(), v("div", {
 					key: 0,
-					class: s(["fixed z-10", p(pt) ? "scale-0 opacity-0" : "scale-100 opacity-100"]),
+					class: s(["fixed z-10", p(gt) ? "scale-0 opacity-0" : "scale-100 opacity-100"]),
 					style: y({
-						left: `calc(${p(ct)}px + ${p(ht)} + 0.75rem + var(--safe-area-inset-left))`,
-						bottom: `calc(${p(f)}px + 1.25rem + var(--safe-area-inset-bottom))`,
-						transition: p(He) ? "left 200ms, transform 200ms ease-in-out, opacity 200ms ease-in-out" : void 0
+						left: `calc(${p(dt)}px + ${p(_t)} + 0.75rem + var(--safe-area-inset-left))`,
+						bottom: `calc(${p(S)}px + 1.25rem + var(--safe-area-inset-bottom))`,
+						transition: p(Ge) ? "left 200ms, transform 200ms ease-in-out, opacity 200ms ease-in-out" : void 0
 					})
-				}, [k(c, {
+				}, [k(l, {
 					severity: "secondary",
 					rounded: "",
 					class: "shadow-lg",
-					disabled: p(S)?.running,
-					label: p(T) ? e.$t("views.recordings.reindex.checking") : p(S)?.running ? e.$t("views.recordings.reindex.progress", {
-						done: p(S).done,
-						total: p(S).total
+					disabled: p(T)?.running,
+					label: p(D) ? e.$t("views.recordings.reindex.checking") : p(T)?.running ? e.$t("views.recordings.reindex.progress", {
+						done: p(T).done,
+						total: p(T).total
 					}) : e.$t("views.recordings.reindex.button"),
-					onClick: Kt
+					onClick: Zt
 				}, {
-					icon: h(() => [p(S)?.running ? (i(), u(p(Qe), { key: 0 })) : (i(), u(p(lt), { key: 1 }))]),
+					icon: h(() => [p(T)?.running ? (i(), u(p(Ee), { key: 0 })) : (i(), u(p(ut), { key: 1 }))]),
 					_: 1
 				}, 8, ["disabled", "label"])], 6)) : d("", !0),
-				p(Z).length ? (i(), u(N, {
+				p(Z).length ? (i(), u(I, {
 					key: 1,
-					"force-visible": p(Ft),
-					"scroll-y": p(ze)?.scrollY ?? 0
+					"force-visible": p(Bt),
+					"scroll-y": p(Ue)?.scrollY ?? 0
 				}, {
-					default: h(() => [p(Ft) ? (i(), v(b, { key: 1 }, [
-						k(j, {
+					default: h(() => [p(Bt) ? (i(), v(b, { key: 1 }, [
+						k(P, {
 							grouped: "",
 							"tooltip-props": { value: e.$t("components.form.tooltip.cancel_selection") },
 							"button-props": { severity: "secondary" },
-							icon: p(Ue),
+							icon: p(Ke),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
 							},
-							onClick: p(Bt)
+							onClick: p(Gt)
 						}, null, 8, [
 							"tooltip-props",
 							"icon",
 							"onClick"
 						]),
-						k(j, {
+						k(P, {
 							grouped: "",
-							"tooltip-props": { value: p(Lt) ? e.$t("components.form.tooltip.deselect_all") : e.$t("components.form.tooltip.select_all") },
-							"button-props": { severity: p(Lt) ? "primary" : "secondary" },
-							icon: p(U),
+							"tooltip-props": { value: p(Ht) ? e.$t("components.form.tooltip.deselect_all") : e.$t("components.form.tooltip.select_all") },
+							"button-props": { severity: p(Ht) ? "primary" : "secondary" },
+							icon: p(oe),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
 							},
-							onClick: p(Vt)
+							onClick: p(qt)
 						}, null, 8, [
 							"tooltip-props",
 							"button-props",
 							"icon",
 							"onClick"
 						]),
-						k(j, {
+						k(P, {
 							grouped: "",
 							"tooltip-props": { value: e.$t("components.form.tooltip.delete_selected") },
 							"button-props": {
 								severity: "danger",
-								disabled: !p(It).size || p(Rt)
+								disabled: !p(Vt).size || p(Ut)
 							},
-							icon: p(se),
+							icon: p(ae),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
 							},
-							onClick: Ut
+							onClick: Yt
 						}, null, 8, [
 							"tooltip-props",
 							"button-props",
 							"icon"
 						])
-					], 64)) : (i(), v(b, { key: 0 }, [p(Nt) && p($).length ? (i(), u(j, {
+					], 64)) : (i(), v(b, { key: 0 }, [p(Rt) && p($).length ? (i(), u(P, {
 						key: 0,
 						grouped: "",
 						"tooltip-props": { value: e.$t("views.recordings.select") },
 						"button-props": { severity: "secondary" },
-						icon: p(I),
+						icon: p(F),
 						"icon-props": {
 							width: "100%",
 							height: "100%"
 						},
-						onClick: p(zt)
+						onClick: p(Wt)
 					}, null, 8, [
 						"tooltip-props",
 						"icon",
 						"onClick"
-					])) : d("", !0), k(j, {
+					])) : d("", !0), k(P, {
 						grouped: "",
 						"tooltip-props": { value: e.$t("views.recordings.export.title") },
 						"button-props": { class: "text-white" },
-						icon: p(ve),
+						icon: p(De),
 						"icon-props": {
 							width: "26px",
 							height: "26px"
 						},
-						onClick: qt
+						onClick: Qt
 					}, null, 8, ["tooltip-props", "icon"])], 64))]),
 					_: 1
 				}, 8, ["force-visible", "scroll-y"])) : d("", !0),
-				k(L, {
+				k(ne, {
 					ref_key: "viewMenuRef",
-					ref: Ve,
-					items: p(Wt),
+					ref: We,
+					items: p(Xt),
 					"auto-hide": !1,
 					popover: { pt: {
 						root: { class: "w-[22rem]" },
@@ -1495,4 +1513,4 @@ var Zt = l({
 	}
 });
 //#endregion
-export { $n as default };
+export { er as default };