@camera.ui/server 2.2.7 → 2.3.0

package/dist/interface/ha/Recordings-BaU7M1OW.js

@@ -0,0 +1,1836 @@
+import { m as e, p as t } from "./ripple-ZDATPc2w.js";
+import { D as n, G as r, H as i, I as a, Jt as o, U as s, Wt as c, Y as l, _t as u, d, f, gt as p, kt as m, l as h, lt as g, o as _, ot as v, p as y, qt as b, r as x, rt as S, st as C, u as w, ut as T, v as ee, wt as E, x as D, xt as O, y as k, yt as A, z as te } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { t as j } from "./tooltip-BDrlgLof.js";
+import { t as M } from "./message-D6dIy_hz.js";
+import { t as N } from "./tag-mchuCAPR.js";
+import { $ as P, An as ne, Ar as F, B as I, Ci as L, Cr as R, Ei as z, En as re, Fr as ie, H as B, Hn as ae, J as V, Kn as oe, Mn as H, Mr as se, Nn as ce, Nr as le, Or as U, Pn as ue, Pr as de, R as W, U as fe, Un as pe, V as me, Wn as he, Xr as ge, Z as _e, Zn as ve, bi as ye, bn as be, cr as xe, er as Se, et as Ce, g as we, ga as G, hn as Te, it as Ee, jn as De, jr as Oe, nn as ke, nr as Ae, q as je, rr as Me, sr as Ne, tn as Pe, tr as Fe, tt as Ie, wr as Le, xn as Re, yn as ze, yr as Be, z as Ve } from "./api-CH_Y8Hee.js";
+import { B as He, I as Ue, M as We } from "./protocol-BB4jdtUC-BhEwymva.js";
+import { h as Ge, u as K } from "./intercomService-BtJ_zUNd.js";
+import { n as Ke } from "./vue-i18n-D5EAy78K.js";
+import { C as qe, _ as Je, g as Ye } from "./dist-euRmladF.js";
+import { i as Xe } from "./alert-outline-FcLLjoOK.js";
+import { a as Ze, c as Qe, n as $e, o as et, s as tt, t as q } from "./eventLabels-B5GrM5jO.js";
+import { t as nt } from "./button-BouAFgf5.js";
+import { M as rt } from "./dist-BQf9ANPx.js";
+import { t as it } from "./inputtext-C_ygnPrC.js";
+import { t as at } from "./checkbox-CAKzZcqk.js";
+import { t as ot } from "./datepicker-DXk97lTw.js";
+import { t as J } from "./select-DV7p2EDj.js";
+import { t as st } from "./close-CxFbonhd.js";
+import { t as ct } from "./progressbar-CaUaM8Bt.js";
+import { t as Y } from "./multiselect-BOb4ScAZ.js";
+import { t as lt } from "./textarea-ByXnzJzx.js";
+import { s as ut, t as dt } from "./assistant-smRQYA6p.js";
+import { n as ft, r as pt, t as mt } from "./ungrouped-Ch4UX4dy.js";
+import { t as ht } from "./utils-DYtBrGDz.js";
+import { t as gt } from "./settings-lWJfHaif.js";
+import { t as _t } from "./database-refresh-outline-PiqlCkA7.js";
+import { n as vt, t as yt } from "./round-alt-arrow-left-bold-DDy2dLUM.js";
+//#region ~icons/tabler/photo-search
+var bt = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function X(e, t) {
+	return i(), y("svg", bt, [...t[0] ||= [w("g", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2"
+	}, [w("path", { d: "M15 8h.01M11.5 21H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v5.5" }), w("path", { d: "M15 18a3 3 0 1 0 6 0a3 3 0 1 0-6 0m5.2 2.2L22 22M3 16l5-5c.928-.893 2.072-.893 3 0l2 2" })], -1)]]);
+}
+var xt = u({
+	name: "tabler-photo-search",
+	render: X
+}), Z = { class: "flex flex-col gap-4" }, St = { class: "text-sm text-pretty" }, Ct = {
+	key: 0,
+	class: "flex flex-col gap-2"
+}, wt = {
+	key: 0,
+	class: "flex justify-between text-sm text-muted"
+}, Tt = { key: 0 }, Et = /* @__PURE__ */ D({
+	__name: "ClipReindex",
+	setup(e, { expose: t }) {
+		let r = n("dialogRefProps"), { t: a } = Ke(), { status: s, isBusy: c, checking: l, refresh: u, start: d, cancel: p } = pe(), g = O(!1), _ = O(!1), b = O(0), x = h(() => s.value?.running === !0), S = h(() => {
+			if (_.value) {
+				if (!s.value?.total) return a("views.recordings.reindex.up_to_date");
+				let { done: e, total: t, skipped: n } = s.value;
+				return n ? a("views.recordings.reindex.result_failed", {
+					done: e,
+					total: t,
+					skipped: n
+				}) : a("views.recordings.reindex.result", {
+					done: e,
+					total: t
+				});
+			}
+			return l.value ? a("views.recordings.reindex.checking") : x.value ? a("views.recordings.reindex.running_intro") : a("views.recordings.reindex.intro");
+		}), T = h(() => {
+			if (_.value) return b.value;
+			let e = s.value?.total ?? 0;
+			return e <= 0 ? 0 : Math.min(100, Math.round(((s.value?.done ?? 0) + (s.value?.skipped ?? 0)) / e * 100));
+		});
+		async function ee() {
+			return x.value ? p() : (g.value = !0, d()), null;
+		}
+		return v(x, (e, t) => {
+			t && !e && g.value && (_.value = !0, b.value = s.value?.total ? 100 : 0, s.value?.total || requestAnimationFrame(() => b.value = 100));
+		}), C(() => {
+			r.hideConfirmButton && (r.hideConfirmButton.value = _.value), r.confirmText && (r.confirmText.value = x.value ? a("views.recordings.reindex.stop") : a("views.recordings.reindex.start")), r.confirmButtonProps && (r.confirmButtonProps.value = x.value ? { severity: "danger" } : {}), r.disabled && (r.disabled.value = c.value);
+		}), te(() => {
+			s.value?.running && (g.value = !0), u().then(() => {
+				s.value?.running && (g.value = !0);
+			});
+		}), t({ onConfirm: ee }), (e, t) => {
+			let n = ct;
+			return i(), y("div", Z, [w("span", St, o(m(S)), 1), m(g) || m(x) ? (i(), y("div", Ct, [k(n, {
+				mode: m(l) ? "indeterminate" : "determinate",
+				value: m(T),
+				"show-value": !1,
+				class: "h-2"
+			}, null, 8, ["mode", "value"]), m(x) && !m(l) ? (i(), y("div", wt, [w("span", null, o(e.$t("views.recordings.reindex.progress", {
+				done: m(s)?.done ?? 0,
+				total: m(s)?.total ?? 0
+			})), 1), m(s)?.skipped ? (i(), y("span", Tt, o(e.$t("views.recordings.reindex.skipped", { count: m(s).skipped })), 1)) : f("", !0)])) : f("", !0)])) : f("", !0)]);
+		};
+	}
+}), Dt = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Ot(e, t) {
+	return i(), y("svg", Dt, [...t[0] ||= [w("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 kt = u({
+	name: "mdi-file-video-outline",
+	render: Ot
+}), At = { class: "flex flex-col gap-6" }, jt = { class: "flex flex-col field-gap" }, Mt = { class: "cui-label" }, Q = { class: "flex flex-col field-gap" }, Nt = { class: "cui-label" }, Pt = { class: "grid grid-cols-1 xs:grid-cols-2 gap-3" }, Ft = { class: "flex flex-col gap-1" }, It = { class: "text-xs text-muted" }, Lt = { class: "flex flex-col gap-1" }, Rt = { class: "text-xs text-muted" }, zt = { class: "grid grid-cols-1 xs:grid-cols-2 gap-x-6 gap-y-4" }, Bt = { class: "flex flex-col field-gap" }, Vt = { class: "cui-label" }, Ht = { class: "flex flex-col field-gap" }, Ut = { class: "cui-label" }, Wt = { class: "flex flex-col field-gap" }, Gt = { class: "flex items-center gap-3" }, Kt = { class: "cui-label !mb-0" }, qt = {
+	key: 0,
+	class: "ml-auto flex items-center gap-2.5 text-sm tabular-nums"
+}, Jt = { class: "font-semibold" }, Yt = { class: "font-semibold" }, Xt = { 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" }, Zt = {
+	key: 0,
+	class: "flex items-center justify-center gap-2 text-muted text-sm py-6"
+}, Qt = {
+	key: 1,
+	class: "text-center text-muted text-sm py-6"
+}, $t = { class: "text-xs text-muted px-0.5" }, en = { class: "font-mono text-xs truncate flex-1" }, tn = { class: "text-xs text-muted tabular-nums shrink-0" }, nn = { class: "font-mono text-xs text-muted tabular-nums shrink-0 min-w-[58px] text-right" }, rn = 30, an = /* @__PURE__ */ D({
+	__name: "ExportRecordings",
+	props: {
+		cameras: {},
+		preselect: {}
+	},
+	setup(e, { expose: t }) {
+		let a = e, { t: s } = Ke(), c = z(), l = n("dialogRefProps"), { plugin: u } = rt("@camera.ui/camera-ui-nvr"), _ = O([]), v = O(!1), b = O(a.preselect?.length ? [...a.preselect] : []), S = O("best"), T = O(0), E = O(new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0))), D = O(/* @__PURE__ */ new Date()), A = h(() => [{
+			label: s("views.recordings.export.quality_best"),
+			value: "best"
+		}, {
+			label: s("views.recordings.export.quality_smallest"),
+			value: "smallest"
+		}]), te = h(() => [
+			0,
+			1,
+			2,
+			5,
+			10,
+			30,
+			60,
+			120,
+			180,
+			240,
+			300
+		].map((e) => ({
+			label: e === 0 ? s("views.recordings.export.timelapse_off") : e < 60 ? `${e} s` : `${e / 60} min`,
+			value: e
+		}))), j = h(() => T.value > 0), P = h(() => j.value ? "~" : ""), ne = h(() => new Map(a.cameras.map((e) => [e.id, e.name]))), F = h(() => E.value instanceof Date && D.value instanceof Date && E.value < D.value), I = h(() => {
+			if (!F.value) return [];
+			let e = [], t = E.value.getTime(), n = D.value.getTime(), r = new Date(E.value);
+			r.setHours(0, 0, 0, 0);
+			let i = new Date(D.value);
+			for (i.setHours(0, 0, 0, 0); r.getTime() <= i.getTime();) {
+				let i = new Date(r), a = new Date(r);
+				a.setDate(a.getDate() + 1);
+				let o = Math.max(i.getTime(), t), s = Math.min(a.getTime(), n);
+				s > o && e.push({
+					day: ae(i),
+					startUs: o * 1e3,
+					endUs: s * 1e3
+				}), r.setDate(r.getDate() + 1);
+			}
+			return e;
+		}), L = h(() => _.value.map((e) => {
+			let t = ne.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" : V(r);
+			return {
+				cameraId: e.cameraId,
+				cameraName: t,
+				name: `${oe(t)}_${e.day}${j.value ? "_timelapse" : ""}.mp4`,
+				span: i ? s("views.recordings.export.whole_day") : `${V(n)}–${a}`,
+				bytes: j.value ? e.bytes / rn : e.bytes
+			};
+		})), R = h(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of L.value) {
+				let n = e.get(t.cameraId);
+				n || (n = {
+					cameraId: t.cameraId,
+					cameraName: t.cameraName,
+					files: [],
+					bytes: 0
+				}, e.set(t.cameraId, n)), n.files.push(t), n.bytes += t.bytes;
+			}
+			return [...e.values()];
+		}), re = h(() => L.value.reduce((e, t) => e + t.bytes, 0)), ie = h(() => b.value.length === 0 ? s("views.recordings.export.no_cameras") : F.value ? s("views.recordings.export.no_footage") : s("views.recordings.export.no_range"));
+		function B(e) {
+			return String(e).padStart(2, "0");
+		}
+		function ae(e) {
+			return `${e.getFullYear()}-${B(e.getMonth() + 1)}-${B(e.getDate())}`;
+		}
+		function V(e) {
+			return `${B(e.getHours())}:${B(e.getMinutes())}`;
+		}
+		function oe(e) {
+			return e.replace(/[^a-zA-Z0-9-_]/g, "_");
+		}
+		function H(e) {
+			if (e <= 0) return "0 MB";
+			let t = e / 1e6;
+			if (t < 1e3) return `${t < 10 ? t.toFixed(1) : Math.round(t)} MB`;
+			let n = e / 1e9;
+			return `${n.toFixed(+(n < 10))} GB`;
+		}
+		async function se() {
+			let e = u.value;
+			if (!e?.nvrExportEstimate || b.value.length === 0 || I.value.length === 0) {
+				_.value = [], v.value = !1;
+				return;
+			}
+			v.value = !0;
+			try {
+				let t = await e.nvrExportEstimate({
+					cameras: b.value,
+					slices: I.value,
+					quality: S.value
+				});
+				_.value = t.files ?? [];
+			} catch {
+				_.value = [];
+			} finally {
+				v.value = !1;
+			}
+		}
+		async function ce() {
+			if (!F.value || b.value.length === 0 || I.value.length === 0) return null;
+			let e = u.value;
+			if (!e?.nvrExportBatch) return c.add({
+				severity: "error",
+				detail: s("views.recordings.export.plugin_missing"),
+				life: 3e3
+			}), null;
+			let t = await e.nvrExportBatch({
+				cameras: b.value,
+				slices: I.value,
+				quality: S.value,
+				timelapseIntervalSec: j.value ? T.value : 0
+			});
+			await Le({
+				url: t.url,
+				filename: t.filename
+			});
+		}
+		return He([
+			b,
+			I,
+			S
+		], se, {
+			debounce: 350,
+			immediate: !0,
+			deep: !0
+		}), C(() => {
+			l.disabled && (l.disabled.value = !F.value || b.value.length === 0 || !v.value && L.value.length === 0);
+		}), t({ onConfirm: ce }), (t, n) => {
+			let a = Y, s = ot, c = M, l = xe, u = J, h = N, _ = U, C = kt;
+			return i(), y("div", At, [
+				w("div", jt, [w("label", Mt, o(t.$t("views.recordings.export.cameras")), 1), k(a, {
+					modelValue: m(b),
+					"onUpdate:modelValue": n[0] ||= (e) => p(b) ? b.value = e : null,
+					options: e.cameras,
+					"option-label": "name",
+					"option-value": "id",
+					display: "chip",
+					filter: "",
+					placeholder: t.$t("views.recordings.export.cameras_placeholder"),
+					class: "w-full"
+				}, null, 8, [
+					"modelValue",
+					"options",
+					"placeholder"
+				])]),
+				w("div", Q, [
+					w("label", Nt, o(t.$t("views.recordings.export.range")), 1),
+					w("div", Pt, [w("div", Ft, [w("span", It, o(t.$t("views.recordings.export.from")), 1), k(s, {
+						modelValue: m(E),
+						"onUpdate:modelValue": n[1] ||= (e) => p(E) ? E.value = e : null,
+						"show-time": "",
+						"hour-format": "24",
+						fluid: "",
+						"max-date": m(D)
+					}, null, 8, ["modelValue", "max-date"])]), w("div", Lt, [w("span", Rt, o(t.$t("views.recordings.export.to")), 1), k(s, {
+						modelValue: m(D),
+						"onUpdate:modelValue": n[2] ||= (e) => p(D) ? D.value = e : null,
+						"show-time": "",
+						"hour-format": "24",
+						fluid: "",
+						"min-date": m(E)
+					}, null, 8, ["modelValue", "min-date"])])]),
+					m(F) ? (i(), d(c, {
+						key: 1,
+						severity: "secondary",
+						variant: "simple",
+						size: "small",
+						class: "cui-input-hint"
+					}, {
+						default: g(() => [ee(o(t.$t("views.recordings.export.range_hint")), 1)]),
+						_: 1
+					})) : (i(), d(c, {
+						key: 0,
+						severity: "error",
+						variant: "simple",
+						size: "small",
+						class: "cui-input-hint"
+					}, {
+						default: g(() => [ee(o(t.$t("views.recordings.export.invalid_range")), 1)]),
+						_: 1
+					}))
+				]),
+				w("div", zt, [w("div", Bt, [w("label", Vt, o(t.$t("views.recordings.export.quality")), 1), k(l, {
+					modelValue: m(S),
+					"onUpdate:modelValue": n[3] ||= (e) => p(S) ? S.value = e : null,
+					options: m(A),
+					"option-label": "label",
+					"option-value": "value",
+					"allow-empty": !1,
+					pt: {
+						root: { class: "flex w-full" },
+						pcToggleButton: { root: { class: "flex-1" } }
+					}
+				}, null, 8, ["modelValue", "options"])]), w("div", Ht, [w("label", Ut, o(t.$t("views.recordings.export.timelapse")), 1), k(u, {
+					modelValue: m(T),
+					"onUpdate:modelValue": n[4] ||= (e) => p(T) ? T.value = e : null,
+					options: m(te),
+					"option-label": "label",
+					"option-value": "value",
+					class: "w-full"
+				}, null, 8, ["modelValue", "options"])])]),
+				w("div", Wt, [w("div", Gt, [w("label", Kt, o(t.$t("views.recordings.export.result")), 1), m(L).length ? (i(), y("div", qt, [
+					w("span", Jt, o(m(L).length) + " " + o(m(L).length === 1 ? t.$t("views.recordings.export.file") : t.$t("views.recordings.export.files")), 1),
+					n[5] ||= w("span", { class: "text-muted" }, "·", -1),
+					w("span", Yt, o(m(P)) + o(H(m(re))), 1),
+					k(h, {
+						value: m(L).length === 1 ? "MP4" : "ZIP",
+						severity: "info"
+					}, null, 8, ["value"])
+				])) : f("", !0)]), w("div", Xt, [w("div", $, [m(v) && !m(L).length ? (i(), y("div", Zt, [k(_, {
+					style: {
+						width: "1rem",
+						height: "1rem"
+					},
+					"stroke-width": "4",
+					class: "m-0"
+				}), w("span", null, o(t.$t("views.recordings.export.estimating")), 1)])) : m(L).length ? (i(!0), y(x, { key: 2 }, r(m(R), (e) => (i(), y("div", {
+					key: e.cameraId,
+					class: "flex flex-col gap-1"
+				}, [w("span", $t, o(e.cameraName) + " · " + o(e.files.length) + " · " + o(m(P)) + o(H(e.bytes)), 1), (i(!0), y(x, null, r(e.files, (e) => (i(), y("div", {
+					key: e.name,
+					class: "flex items-center gap-3 card-inner-background border border-color rounded-lg px-3 py-2"
+				}, [
+					k(C, { class: "w-4 h-4 text-muted shrink-0" }),
+					w("span", en, o(e.name), 1),
+					w("span", tn, o(e.span), 1),
+					w("span", nn, o(m(P)) + o(H(e.bytes)), 1)
+				]))), 128))]))), 128)) : (i(), y("div", Qt, o(m(ie)), 1))])])])
+			]);
+		};
+	}
+}), on = [
+	"object",
+	"objectAssist",
+	"face",
+	"faceEmbedder",
+	"personEmbedder",
+	"licensePlate",
+	"clip",
+	"segmenter"
+], sn = { class: "flex flex-col items-center gap-3" }, cn = {
+	key: 0,
+	class: "relative max-w-full overflow-hidden rounded-md"
+}, ln = ["src"], un = {
+	key: 1,
+	class: "text-sm text-muted text-center"
+}, dn = /* @__PURE__ */ D({
+	__name: "SimilarImageSearch",
+	props: { image: {} },
+	setup(e, { expose: t }) {
+		let r = new Te(), s = e, { t: c } = Ke(), l = n("dialogRef"), { openSimilarSearch: u } = Ce(), { data: d, isLoading: p } = r.getCamerasQuery({
+			page: 1,
+			pageSize: -1
+		}), g = URL.createObjectURL(s.image), _ = h(() => {
+			let e, t = 0;
+			for (let n of d.value?.result ?? []) {
+				let r = n.assignments ?? {};
+				if (n.disabled || !(r.object || r.objectAssist)) continue;
+				let i = on.filter((e) => r[e]).length;
+				i > t && (e = n, t = i);
+			}
+			return e;
+		});
+		async function v(e) {
+			let t = await Ee(s.image, e.box, e.mask);
+			l.value.close(), u({
+				query: e.query,
+				objectLabel: e.label,
+				crop: t
+			});
+		}
+		return a(() => URL.revokeObjectURL(g)), t({}), (t, n) => {
+			let r = ke;
+			return i(), y("div", sn, [m(_) ? (i(), y("div", cn, [w("img", {
+				src: m(g),
+				alt: "",
+				class: "block max-w-full max-h-[65vh]"
+			}, null, 8, ln), k(r, {
+				camera: m(_),
+				frame: e.image,
+				onPick: v,
+				onClose: n[0] ||= (e) => m(l).close()
+			}, null, 8, ["camera", "frame"])])) : m(p) ? f("", !0) : (i(), y("p", un, o(m(c)("components.similar.image_no_camera")), 1))]);
+		};
+	}
+}), fn = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function pn(e, t) {
+	return i(), y("svg", fn, [...t[0] ||= [w("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "m6 9l6 6l6-6"
+	}, null, -1)]]);
+}
+var mn = u({
+	name: "tabler-chevron-down",
+	render: pn
+}), hn = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function gn(e, t) {
+	return i(), y("svg", hn, [...t[0] ||= [w("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "m6 15l6-6l6 6"
+	}, null, -1)]]);
+}
+var _n = u({
+	name: "tabler-chevron-up",
+	render: gn
+}), vn = { class: "flex flex-col gap-2" }, yn = { class: "sidebar-section-title" }, bn = { class: "text-xs text-muted" }, xn = { class: "text-xs text-muted" }, Sn = {
+	key: 0,
+	class: "flex flex-col gap-2"
+}, Cn = { class: "sidebar-section-title" }, wn = { class: "text-xs text-muted" }, Tn = {
+	key: 0,
+	class: "inline-flex items-center gap-1 text-xs text-muted"
+}, En = {
+	key: 1,
+	class: "flex flex-col gap-1.5 mt-1"
+}, Dn = { class: "text-xs text-muted" }, On = { class: "flex items-center gap-3" }, kn = { class: "text-xs font-mono w-8 text-right shrink-0" }, An = {
+	key: 0,
+	class: "text-xs text-muted"
+}, jn = { class: "text-xs text-center" }, Mn = {
+	key: 1,
+	class: "sidebar-divider"
+}, Nn = {
+	key: 2,
+	class: "flex flex-col gap-2"
+}, Pn = { class: "sidebar-section-title" }, Fn = { class: "flex flex-col gap-2" }, In = { class: "sidebar-section-title" }, Ln = { class: "flex flex-col gap-2" }, Rn = { class: "sidebar-section-title" }, zn = { class: "relative rounded-md overflow-hidden" }, Bn = {
+	key: 4,
+	class: "sidebar-divider"
+}, Vn = {
+	key: 5,
+	class: "flex flex-col gap-2"
+}, Hn = { class: "sidebar-section-title" }, Un = { class: "flex items-center gap-3" }, Wn = { class: "text-xs font-mono w-8 text-right shrink-0" }, Gn = { class: "flex flex-col gap-2" }, Kn = { class: "sidebar-section-title" }, qn = { class: "flex flex-wrap gap-1" }, Jn = { class: "flex flex-col gap-2" }, Yn = {
+	key: 0,
+	class: "flex flex-col gap-2"
+}, Xn = { class: "flex items-center gap-2 cursor-pointer text-sm" }, Zn = {
+	key: 0,
+	class: "flex flex-col gap-2 ml-6"
+}, Qn = { class: "filter-logic-divider" }, $n = { class: "flex flex-col gap-2" }, er = {
+	key: 0,
+	class: "flex flex-col gap-2"
+}, tr = { class: "filter-logic-divider" }, nr = { class: "flex flex-col gap-2" }, rr = {
+	key: 0,
+	class: "flex flex-col gap-2"
+}, ir = { class: "flex items-center gap-2 cursor-pointer text-sm" }, ar = { class: "flex flex-col gap-2" }, or = {
+	key: 0,
+	class: "flex flex-col gap-3"
+}, sr = { class: "flex flex-wrap gap-2" }, cr = [
+	"aria-label",
+	"aria-pressed",
+	"onClick"
+], lr = { class: "flex flex-wrap gap-1" }, ur = { class: "text-xs text-muted" }, dr = 288, fr = /*#__PURE__*/ F(/* @__PURE__ */ D({
+	__name: "RecordingsFilterSidebar",
+	props: {
+		filters: {},
+		cameras: {},
+		isOpen: { type: Boolean },
+		isOverlay: { type: Boolean },
+		resultCount: {},
+		resultTotal: {},
+		resultCapped: { type: Boolean },
+		semanticCount: {},
+		semanticSearchAvailable: { type: Boolean },
+		semanticSearchLoading: { type: Boolean },
+		assistantSearchAvailable: { type: Boolean },
+		assistantSearchLoading: { type: Boolean },
+		assistantSearchNote: {},
+		imageSearchAvailable: { type: Boolean }
+	},
+	emits: [
+		"update:filters",
+		"semantic-search",
+		"assistant-search",
+		"image-search",
+		"close"
+	],
+	setup(n, { expose: a, emit: s }) {
+		let u = /* @__PURE__ */ new Set(["motion", "audio"]), _ = {
+			white: "#f5f5f5",
+			gray: "#9ca3af",
+			yellow: "#facc15",
+			red: "#ef4444",
+			green: "#22c55e",
+			blue: "#3b82f6",
+			black: "#111827"
+		}, C = n, E = s, { t: D } = Ke(), { topbarOffset: te } = ie(), { icons: M, generic: N } = Qe(), P = M, ne = _n, F = mn, I = S("sidebarRef"), L = O(C.filters.semanticQuery ?? ""), z = O(""), re = O(C.filters.semanticQuery ? "semantic" : "text"), B = O(!1), V = A({
+			eventTypes: !0,
+			attributes: !0,
+			sensorEvents: !0,
+			vehicles: !0
+		}), oe = h(() => C.isOpen ? dr : 0), H = h(() => {
+			let e = [...new Set(C.cameras.map((e) => e.room).filter((e) => !!e))];
+			return e.sort((e, t) => e.localeCompare(t)), e.map((e) => ({
+				id: e,
+				name: e === "Default" ? D("components.form.label.room_default") : e
+			}));
+		}), se = h(() => {
+			let e = C.filters.rooms;
+			return (e.length > 0 ? C.cameras.filter((t) => e.includes(t.room ?? "")) : C.cameras).map((e) => ({
+				id: e.id,
+				name: e.name
+			}));
+		}), le = h(() => {
+			if (C.filters.cameraIds.length === 1) return C.cameras.find((e) => e.id === C.filters.cameraIds[0])?.id;
+		}), U = h(() => C.filters.contentKind === "episodes"), ue = h(() => {
+			let e = U.value ? "episodes" : "recordings";
+			if (C.resultTotal === void 0) return D(`views.recordings.result_count_${e}`, { count: C.resultCount });
+			let t = C.resultCapped ? `${C.resultTotal}+` : C.resultTotal;
+			return D(`views.recordings.result_count_${e}_of`, {
+				count: C.resultCount,
+				total: t
+			});
+		}), de = h(() => {
+			let e = [];
+			return U.value || (e.push({
+				value: "text",
+				label: D("views.recordings.search"),
+				icon: pt
+			}), e.push({
+				value: "semantic",
+				label: D("views.recordings.semantic_search"),
+				icon: ce
+			})), C.assistantSearchAvailable && e.push({
+				value: "assistant",
+				label: D("views.recordings.assistant_search"),
+				icon: Xe
+			}), C.imageSearchAvailable && !U.value && e.push({
+				value: "image",
+				label: D("views.recordings.image_search"),
+				icon: xt
+			}), e;
+		}), W = h(() => de.value.find((e) => e.value === re.value) ?? de.value[0]), fe = h(() => [
+			{
+				label: D("views.recordings.content_kind_all"),
+				value: "all"
+			},
+			{
+				label: D("views.recordings.content_kind_events"),
+				value: "events"
+			},
+			{
+				label: D("views.recordings.content_kind_episodes"),
+				value: "episodes"
+			}
+		]), pe = h(() => [{
+			label: D("views.recordings.filter_and"),
+			value: "and"
+		}, {
+			label: D("views.recordings.filter_or"),
+			value: "or"
+		}]), me = h(() => [
+			{
+				label: D("views.recordings.time_1h"),
+				value: "1h"
+			},
+			{
+				label: D("views.recordings.time_1d"),
+				value: "1d"
+			},
+			{
+				label: D("views.recordings.time_1w"),
+				value: "1w"
+			},
+			{
+				label: D("views.recordings.time_1m"),
+				value: "1m"
+			}
+		]), ge = h(() => Je.filter((e) => !u.has(e)).map((e) => ({
+			label: D(`views.recordings.type_${e}`),
+			value: e,
+			icon: M[e] ?? N
+		}))), _e = h(() => ({
+			label: D("views.recordings.type_other"),
+			value: Ae,
+			icon: M.other ?? N
+		})), ve = h(() => ye.map((e) => ({
+			label: D(Ze(e)),
+			value: e,
+			icon: P[e] ?? N
+		}))), be = h(() => qe.map((e) => ({
+			label: D($e(e)),
+			value: e,
+			icon: M[e] ?? N
+		}))), Se = h(() => Ye.map((e) => ({
+			label: D(q(e)),
+			value: e,
+			icon: M[e] ?? N
+		}))), Ce = h(() => ae.map((e) => ({
+			label: D(et(e)),
+			value: e,
+			swatch: _[e]
+		}))), we = h(() => he.map((e) => ({
+			label: D(tt(e)),
+			value: e
+		})));
+		function G(e, t) {
+			E("update:filters", {
+				...C.filters,
+				[e]: t
+			});
+		}
+		let Te = Ue((e) => {
+			G("search", e);
+		}, 300);
+		function Ee(e) {
+			let t = new Set(C.cameras.filter((t) => e.length === 0 || e.includes(t.room ?? "")).map((e) => e.id));
+			E("update:filters", {
+				...C.filters,
+				rooms: e,
+				cameraIds: C.filters.cameraIds.filter((e) => t.has(e))
+			});
+		}
+		function De() {
+			let e = z.value.trim();
+			e && !C.assistantSearchLoading && E("assistant-search", e);
+		}
+		function Oe(e) {
+			B.value = !1, je(e.dataTransfer?.files);
+		}
+		function ke(e) {
+			let t = e.target;
+			je(t.files), t.value = "";
+		}
+		function je(e) {
+			let t = Array.from(e ?? []).find((e) => e.type.startsWith("image/"));
+			t && E("image-search", t);
+		}
+		function Me() {
+			let e = L.value.trim();
+			G("semanticQuery", e), E("semantic-search", e);
+		}
+		function Fe(e) {
+			let t = [...C.filters.eventTypes], n = t.indexOf(e);
+			n >= 0 ? t.splice(n, 1) : t.push(e), G("eventTypes", t);
+		}
+		function Ie(e) {
+			let t = [...C.filters.audioLabels], n = t.indexOf(e);
+			n >= 0 ? t.splice(n, 1) : t.push(e), G("audioLabels", t);
+		}
+		function Le(e) {
+			let t = [...C.filters.sensorEvents], n = t.indexOf(e);
+			n >= 0 ? t.splice(n, 1) : t.push(e), G("sensorEvents", t);
+		}
+		function Re(e) {
+			let t = [...C.filters.hasAttributes], n = t.indexOf(e);
+			n >= 0 ? t.splice(n, 1) : t.push(e), G("hasAttributes", t);
+		}
+		function ze(e, t) {
+			let n = C.filters[e];
+			G(e, n.includes(t) ? n.filter((e) => e !== t) : [...n, t]);
+		}
+		function Be(e) {
+			V[e] = !V[e];
+		}
+		return v(L, (e) => {
+			!e?.trim() && C.filters.semanticQuery && G("semanticQuery", "");
+		}), K(I, (e) => {
+			let t = e.target;
+			t.closest("#recordings-sidebar-toggle") || t.closest("[data-pc-section=\"overlay\"], [data-pc-section=\"panel\"], .p-connected-overlay") || C.isOpen && C.isOverlay && E("close");
+		}), a({ sidebarWidth: oe }), (a, s) => {
+			let u = xe, h = it, _ = lt, v = nt, S = ce, C = Ne, E = xt, D = Y, O = R, A = Pe, M = at, N = j;
+			return i(), y("nav", {
+				ref_key: "sidebarRef",
+				ref: I,
+				class: "recordings-sidebar fixed transition-all duration-200 overflow-x-hidden overflow-y-auto md:!pl-0 pl-safe flex flex-col z-4",
+				style: b({
+					width: `${m(oe)}px`,
+					borderRightWidth: n.isOpen ? "1px" : "0px",
+					paddingBottom: `calc(var(--safe-area-inset-top) + ${m(te)}px + var(--cui-bottom-bar) + var(--cui-bottom-gap))`
+				})
+			}, [w("div", {
+				class: "flex flex-col gap-4 px-4 pt-4",
+				style: b({ width: `${dr}px` })
+			}, [
+				w("div", vn, [
+					w("label", yn, o(a.$t("views.recordings.content_kind")), 1),
+					k(u, {
+						"model-value": n.filters.contentKind,
+						options: m(fe),
+						"option-label": "label",
+						"option-value": "value",
+						"allow-empty": !1,
+						class: "content-kind-toggle",
+						"onUpdate:modelValue": s[0] ||= (e) => G("contentKind", e)
+					}, null, 8, ["model-value", "options"]),
+					m(U) ? (i(), y(x, { key: 0 }, [w("span", bn, o(m(ue)), 1), w("span", xn, o(a.$t("views.recordings.content_kind_episodes_hint")), 1)], 64)) : f("", !0)
+				]),
+				s[27] ||= w("div", { class: "sidebar-divider" }, null, -1),
+				m(W) ? (i(), y("div", Sn, [
+					w("label", Cn, o(m(W).label), 1),
+					m(de).length > 1 ? (i(), d(u, {
+						key: 0,
+						"model-value": m(W).value,
+						options: m(de),
+						"option-value": "value",
+						"data-key": "value",
+						"allow-empty": !1,
+						class: "search-mode-toggle",
+						"onUpdate:modelValue": s[1] ||= (e) => re.value = e
+					}, {
+						option: g(({ option: e }) => [T((i(), d(l(e.icon), {
+							"aria-label": e.label,
+							class: "w-4 h-4"
+						}, null, 8, ["aria-label"])), [[
+							N,
+							e.label,
+							void 0,
+							{ bottom: !0 }
+						]])]),
+						_: 1
+					}, 8, ["model-value", "options"])) : f("", !0),
+					m(W).value === "text" ? (i(), y(x, { key: 1 }, [k(h, {
+						"model-value": n.filters.search,
+						placeholder: a.$t("views.recordings.search_placeholder"),
+						class: "w-full text-sm",
+						"onUpdate:modelValue": s[2] ||= (e) => m(Te)(e)
+					}, null, 8, ["model-value", "placeholder"]), w("span", wn, o(m(ue)), 1)], 64)) : m(W).value === "semantic" ? (i(), y(x, { key: 2 }, [
+						k(_, {
+							modelValue: m(L),
+							"onUpdate:modelValue": s[3] ||= (e) => p(L) ? L.value = e : null,
+							placeholder: a.$t("views.recordings.semantic_search_placeholder"),
+							class: "w-full text-sm semantic-textarea",
+							rows: "3",
+							disabled: !n.semanticSearchAvailable
+						}, null, 8, [
+							"modelValue",
+							"placeholder",
+							"disabled"
+						]),
+						k(v, {
+							label: a.$t("views.recordings.semantic_search_button"),
+							severity: "secondary",
+							outlined: "",
+							size: "small",
+							class: "w-full text-xs",
+							loading: n.semanticSearchLoading,
+							disabled: !n.semanticSearchAvailable || !m(L)?.trim(),
+							onClick: Me
+						}, null, 8, [
+							"label",
+							"loading",
+							"disabled"
+						]),
+						n.semanticCount == null ? f("", !0) : (i(), y("span", Tn, [k(S, { class: "w-3 h-3" }), ee(" " + o(a.$t("views.recordings.semantic_results", { count: n.semanticCount })), 1)])),
+						n.filters.semanticQuery ? (i(), y("div", En, [w("label", Dn, o(a.$t("views.recordings.min_match_score")), 1), w("div", On, [k(C, {
+							"model-value": n.filters.minSemanticScore,
+							min: 0,
+							max: 1,
+							step: .05,
+							class: "flex-1",
+							"onUpdate:modelValue": s[4] ||= (e) => G("minSemanticScore", e)
+						}, null, 8, ["model-value"]), w("span", kn, o(Math.round(n.filters.minSemanticScore * 100)) + "%", 1)])])) : f("", !0)
+					], 64)) : m(W).value === "assistant" ? (i(), y(x, { key: 3 }, [
+						k(h, {
+							modelValue: m(z),
+							"onUpdate:modelValue": s[5] ||= (e) => p(z) ? z.value = e : null,
+							placeholder: a.$t("views.recordings.assistant_search_placeholder"),
+							class: "w-full text-sm",
+							disabled: n.assistantSearchLoading,
+							onKeydown: t(e(De, ["prevent"]), ["enter"])
+						}, null, 8, [
+							"modelValue",
+							"placeholder",
+							"disabled",
+							"onKeydown"
+						]),
+						k(v, {
+							label: a.$t("views.recordings.assistant_search_button"),
+							severity: "secondary",
+							outlined: "",
+							size: "small",
+							class: "w-full text-xs",
+							loading: n.assistantSearchLoading,
+							disabled: !m(z).trim(),
+							onClick: De
+						}, null, 8, [
+							"label",
+							"loading",
+							"disabled"
+						]),
+						n.assistantSearchNote ? (i(), y("span", An, o(n.assistantSearchNote), 1)) : f("", !0)
+					], 64)) : (i(), y("label", {
+						key: 4,
+						class: c(["image-drop", { "image-drop-over": m(B) }]),
+						onDragover: s[6] ||= e((e) => B.value = !0, ["prevent"]),
+						onDragleave: s[7] ||= e((e) => B.value = !1, ["prevent"]),
+						onDrop: e(Oe, ["prevent"])
+					}, [
+						k(E, { class: "w-6 h-6" }),
+						w("span", jn, o(a.$t("views.recordings.image_search_drop")), 1),
+						w("input", {
+							type: "file",
+							accept: "image/*",
+							class: "hidden",
+							onChange: ke
+						}, null, 32)
+					], 34))
+				])) : f("", !0),
+				m(W) ? (i(), y("div", Mn)) : f("", !0),
+				m(H).length > 1 ? (i(), y("div", Nn, [w("label", Pn, o(a.$t("views.recordings.rooms")), 1), k(D, {
+					"model-value": n.filters.rooms,
+					options: m(H),
+					"option-label": "name",
+					"option-value": "id",
+					placeholder: a.$t("views.recordings.all_rooms"),
+					class: "w-full text-sm",
+					"max-selected-labels": 2,
+					"show-toggle-all": !1,
+					pt: { overlay: { style: "position: fixed" } },
+					"onUpdate:modelValue": s[8] ||= (e) => Ee(e)
+				}, null, 8, [
+					"model-value",
+					"options",
+					"placeholder"
+				])])) : f("", !0),
+				w("div", Fn, [w("label", In, o(a.$t("views.recordings.cameras")), 1), k(D, {
+					"model-value": n.filters.cameraIds,
+					options: m(se),
+					"option-label": "name",
+					"option-value": "id",
+					placeholder: a.$t("views.recordings.all_cameras"),
+					class: "w-full text-sm",
+					"max-selected-labels": 2,
+					"show-toggle-all": !1,
+					pt: { overlay: { style: "position: fixed" } },
+					"onUpdate:modelValue": s[9] ||= (e) => G("cameraIds", e)
+				}, null, 8, [
+					"model-value",
+					"options",
+					"placeholder"
+				])]),
+				m(le) && !m(U) ? (i(), y(x, { key: 3 }, [s[20] ||= w("div", { class: "sidebar-divider" }, null, -1), w("div", Ln, [
+					w("label", Rn, o(a.$t("views.recordings.grid_search")), 1),
+					w("div", zn, [k(O, {
+						camera: m(le),
+						"object-fit": "cover"
+					}, null, 8, ["camera"]), k(A, {
+						"model-value": n.filters.gridRegions,
+						"onUpdate:modelValue": s[10] ||= (e) => G("gridRegions", e)
+					}, null, 8, ["model-value"])]),
+					k(v, {
+						label: a.$t("views.recordings.grid_clear"),
+						severity: "secondary",
+						outlined: "",
+						size: "small",
+						class: "w-full text-xs",
+						disabled: n.filters.gridRegions.length === 0,
+						onClick: s[11] ||= (e) => G("gridRegions", [])
+					}, null, 8, ["label", "disabled"])
+				])], 64)) : f("", !0),
+				m(U) ? f("", !0) : (i(), y("div", Bn)),
+				m(U) ? f("", !0) : (i(), y("div", Vn, [w("label", Hn, o(a.$t("views.recordings.confidence")), 1), w("div", Un, [k(C, {
+					"model-value": n.filters.minConfidence,
+					min: 0,
+					max: 1,
+					step: .05,
+					class: "flex-1",
+					"onUpdate:modelValue": s[12] ||= (e) => G("minConfidence", e)
+				}, null, 8, ["model-value"]), w("span", Wn, o(Math.round(n.filters.minConfidence * 100)) + "%", 1)])])),
+				s[28] ||= w("div", { class: "sidebar-divider" }, null, -1),
+				w("div", Gn, [w("label", Kn, o(a.$t("views.recordings.time_range")), 1), w("div", qn, [(i(!0), y(x, null, r(m(me), (e) => (i(), d(v, {
+					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) => G("timeRange", n.filters.timeRange === e.value ? null : e.value)
+				}, null, 8, [
+					"label",
+					"severity",
+					"outlined",
+					"onClick"
+				]))), 128))])]),
+				m(U) ? f("", !0) : (i(), y(x, { key: 6 }, [
+					s[25] ||= w("div", { class: "sidebar-divider" }, null, -1),
+					w("div", Jn, [w("button", {
+						class: "sidebar-section-title flex items-center justify-between w-full cursor-pointer",
+						onClick: s[13] ||= (e) => Be("sensorEvents")
+					}, [w("span", null, o(a.$t("views.recordings.sensor_events")), 1), (i(), d(l(m(V).sensorEvents ? m(ne) : m(F)), { class: "w-4 h-4 text-muted" }))]), m(V).sensorEvents ? (i(), y("div", Yn, [(i(!0), y(x, null, r(m(ve), (e) => (i(), y(x, { key: e.value }, [w("label", Xn, [
+						k(M, {
+							"model-value": n.filters.sensorEvents.includes(e.value),
+							binary: !0,
+							"onUpdate:modelValue": (t) => Le(e.value)
+						}, null, 8, ["model-value", "onUpdate:modelValue"]),
+						(i(), d(l(e.icon), { class: "w-4 h-4 text-muted" })),
+						w("span", null, o(e.label), 1)
+					]), e.value === "audio" && n.filters.sensorEvents.includes("audio") ? (i(), y("div", Zn, [(i(!0), y(x, null, r(m(be), (e) => (i(), y("label", {
+						key: e.value,
+						class: "flex items-center gap-2 cursor-pointer text-sm"
+					}, [
+						k(M, {
+							"model-value": n.filters.audioLabels.includes(e.value),
+							binary: !0,
+							"onUpdate:modelValue": (t) => Ie(e.value)
+						}, null, 8, ["model-value", "onUpdate:modelValue"]),
+						(i(), d(l(e.icon), { class: "w-4 h-4 text-muted" })),
+						w("span", null, o(e.label), 1)
+					]))), 128))])) : f("", !0)], 64))), 128))])) : f("", !0)]),
+					w("div", Qn, [
+						s[21] ||= w("div", { class: "filter-logic-line" }, null, -1),
+						k(u, {
+							"model-value": n.filters.filterLogicTriggers,
+							options: m(pe),
+							"option-label": "label",
+							"option-value": "value",
+							"allow-empty": !1,
+							class: "filter-logic-toggle",
+							"onUpdate:modelValue": s[14] ||= (e) => G("filterLogicTriggers", e)
+						}, null, 8, ["model-value", "options"]),
+						s[22] ||= w("div", { class: "filter-logic-line" }, null, -1)
+					]),
+					w("div", $n, [w("button", {
+						class: "sidebar-section-title flex items-center justify-between w-full cursor-pointer",
+						onClick: s[15] ||= (e) => Be("eventTypes")
+					}, [w("span", null, o(a.$t("views.recordings.event_type")), 1), (i(), d(l(m(V).eventTypes ? m(ne) : m(F)), { class: "w-4 h-4 text-muted" }))]), m(V).eventTypes ? (i(), y("div", er, [(i(!0), y(x, null, r(m(ge), (e) => (i(), y("label", {
+						key: e.value,
+						class: "flex items-center gap-2 cursor-pointer text-sm"
+					}, [
+						k(M, {
+							"model-value": n.filters.eventTypes.includes(e.value),
+							binary: !0,
+							"onUpdate:modelValue": (t) => Fe(e.value)
+						}, null, 8, ["model-value", "onUpdate:modelValue"]),
+						(i(), d(l(e.icon), { class: "w-4 h-4 text-muted" })),
+						w("span", null, o(e.label), 1)
+					]))), 128))])) : f("", !0)]),
+					w("div", tr, [
+						s[23] ||= w("div", { class: "filter-logic-line" }, null, -1),
+						k(u, {
+							"model-value": n.filters.filterLogicAttributes,
+							options: m(pe),
+							"option-label": "label",
+							"option-value": "value",
+							"allow-empty": !1,
+							class: "filter-logic-toggle",
+							"onUpdate:modelValue": s[16] ||= (e) => G("filterLogicAttributes", e)
+						}, null, 8, ["model-value", "options"]),
+						s[24] ||= w("div", { class: "filter-logic-line" }, null, -1)
+					]),
+					w("div", nr, [w("button", {
+						class: "sidebar-section-title flex items-center justify-between w-full cursor-pointer",
+						onClick: s[17] ||= (e) => Be("attributes")
+					}, [w("span", null, o(a.$t("views.recordings.attributes")), 1), (i(), d(l(m(V).attributes ? m(ne) : m(F)), { class: "w-4 h-4 text-muted" }))]), m(V).attributes ? (i(), y("div", rr, [(i(!0), y(x, null, r(m(Se), (e) => (i(), y("label", {
+						key: e.value,
+						class: "flex items-center gap-2 cursor-pointer text-sm"
+					}, [
+						k(M, {
+							"model-value": n.filters.hasAttributes.includes(e.value),
+							binary: !0,
+							"onUpdate:modelValue": (t) => Re(e.value)
+						}, null, 8, ["model-value", "onUpdate:modelValue"]),
+						(i(), d(l(e.icon), { class: "w-4 h-4 text-muted" })),
+						w("span", null, o(e.label), 1)
+					]))), 128)), w("label", ir, [
+						k(M, {
+							"model-value": n.filters.eventTypes.includes(m(_e).value),
+							binary: !0,
+							"onUpdate:modelValue": s[18] ||= (e) => Fe(m(_e).value)
+						}, null, 8, ["model-value"]),
+						(i(), d(l(m(_e).icon), { class: "w-4 h-4 text-muted" })),
+						w("span", null, o(m(_e).label), 1)
+					])])) : f("", !0)]),
+					s[26] ||= w("div", { class: "sidebar-divider" }, null, -1),
+					w("div", ar, [w("button", {
+						class: "sidebar-section-title flex items-center justify-between w-full cursor-pointer",
+						onClick: s[19] ||= (e) => Be("vehicles")
+					}, [w("span", null, o(a.$t("views.recordings.vehicles")), 1), (i(), d(l(m(V).vehicles ? m(ne) : m(F)), { class: "w-4 h-4 text-muted" }))]), m(V).vehicles ? (i(), y("div", or, [
+						w("div", sr, [(i(!0), y(x, null, r(m(Ce), (e) => T((i(), y("button", {
+							key: e.value,
+							class: c(["vehicle-color", { "vehicle-color-active": n.filters.vehicleColors.includes(e.value) }]),
+							style: b({ background: e.swatch }),
+							"aria-label": e.label,
+							"aria-pressed": n.filters.vehicleColors.includes(e.value),
+							onClick: (t) => ze("vehicleColors", e.value)
+						}, null, 14, cr)), [[
+							N,
+							{ value: e.label },
+							void 0,
+							{ top: !0 }
+						]])), 128))]),
+						w("div", lr, [(i(!0), y(x, null, r(m(we), (e) => (i(), d(v, {
+							key: e.value,
+							label: e.label,
+							severity: n.filters.vehicleTypes.includes(e.value) ? void 0 : "secondary",
+							outlined: !n.filters.vehicleTypes.includes(e.value),
+							size: "small",
+							class: "text-xs",
+							onClick: (t) => ze("vehicleTypes", e.value)
+						}, null, 8, [
+							"label",
+							"severity",
+							"outlined",
+							"onClick"
+						]))), 128))]),
+						w("span", ur, o(a.$t("views.recordings.vehicle_filter_hint")), 1)
+					])) : f("", !0)])
+				], 64))
+			], 4)], 4);
+		};
+	}
+}), [["__scopeId", "data-v-be7d97b8"]]), pr = { class: "font-semibold text-xl truncate" }, mr = {
+	key: 0,
+	class: "image-drop-overlay"
+}, hr = { class: "text-sm font-semibold" }, gr = { class: "w-full h-full relative" }, _r = {
+	key: 0,
+	class: "w-full flex flex-row h-[calc(40px+1rem)] py-2 items-center fixed z-10"
+}, vr = { class: "relative z-2 page-title !m-0" }, yr = {
+	key: 1,
+	class: "fixed right-0 z-10 h-[calc(40px+1rem)] py-2 pr-safe-offset-2 flex items-center"
+}, br = {
+	key: 3,
+	class: "flex justify-center py-4"
+}, xr = {
+	key: 4,
+	class: "flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4"
+}, Sr = { class: "text-muted text-sm" }, Cr = 288, wr = /*#__PURE__*/ F(/* @__PURE__ */ D({
+	__name: "Recordings",
+	setup(t) {
+		let n = new dt(), r = new Te(), a = new L(), l = Re(), u = we(), { bottombarHeight: p } = ie(), { status: C, checking: ee } = pe(), { openEventTrace: D } = Ie(), { request: A, closeSimilarSearch: M } = Ce(), N = Se("@camera.ui/camera-ui-nvr"), F = z(), { t: R, locale: ae } = Ke(), { smBreakpoint: U, xlBreakpoint: he, mdBreakpoint: ye } = de(), { registerScrollToTop: xe } = V();
+		if (typeof VideoDecoder < "u") {
+			let e = Fe({ cacheSize: 20 });
+			s(Me, e), We(() => e.dispose());
+		}
+		let { results: Ee, isSearching: ke, isAvailable: Ae, hasSearched: Ne, search: Pe, clear: Le } = oe(), { result: He, isSearching: Ue, isAvailable: K, licenseRequired: qe, search: Je, clear: Ye } = ue(), { data: Xe } = n.getAssistantStatusQuery(), { data: Ze } = r.getCamerasQuery({
+			page: 1,
+			pageSize: -1
+		}), { data: Qe } = a.getUserQuery(h(() => u.user?.username ?? "")), $e = Array.from({ length: 24 }, (e, t) => t), et = {
+			contentKind: "all",
+			favoritesOnly: !1,
+			search: "",
+			semanticQuery: "",
+			filterLogicTriggers: "or",
+			filterLogicAttributes: "or",
+			rooms: [],
+			cameraIds: [],
+			timeRange: null,
+			customDateRange: null,
+			eventTypes: [],
+			audioLabels: [],
+			hasAttributes: [],
+			vehicleColors: [],
+			vehicleTypes: [],
+			sensorEvents: [],
+			gridRegions: [],
+			minConfidence: .5,
+			minSemanticScore: .5,
+			onlyWithRecordings: !0
+		}, tt = {
+			"1h": 36e5,
+			"1d": 864e5,
+			"1w": 6048e5,
+			"1m": 2592e6
+		}, q = S("gridRef"), rt = S("viewMenuRef"), it = S("reindexAnchorRef"), at = E({
+			hasDetections: !0,
+			withRecordingInfo: !0,
+			hasRecording: !0
+		}), ot = E([]), J = O("closed"), ct = O(!1), Y = O({ ...et }), lt = O(!1), pt = O(""), bt = O(0), X = O(), Z = O(!1), St = O(null), Ct = !1, wt = JSON.stringify(at.value), { left: Tt } = Ge(it), Dt = h(() => {
+			let e = p.value > 0 ? "calc(1.25rem + var(--safe-area-inset-bottom))" : "calc(max(8px, var(--safe-area-inset-bottom)) + 0px)";
+			return `calc(${p.value}px + ${e})`;
+		}), Ot = h(() => he.value ? !0 : J.value === "opened"), kt = h(() => ye.value), At = le(() => q.value?.scrollY ?? 0), jt = h(() => Ot.value && kt.value ? !0 : At.value && !C.value?.running), Mt = h(() => ye.value ? "0px" : Ot.value ? `${Cr}px` : "0px"), Q = h(() => (Ze.value?.result ?? []).map((e) => ({
+			id: e._id,
+			name: e.name,
+			room: e.room
+		}))), Nt = h(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of Q.value) e.set(t.id, t.name);
+			return e;
+		}), Pt = h(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of Ze.value?.result ?? []) e.set(t._id, t);
+			return e;
+		}), Ft = h(() => {
+			let e = Y.value.rooms;
+			return (e.length > 0 ? Q.value.filter((t) => e.includes(t.room ?? "")) : Q.value).map((e) => e.id);
+		}), It = h(() => Y.value.cameraIds.filter((e) => Ft.value.includes(e))), Lt = h(() => Ft.value);
+		xe(() => q.value?.scrollToTop());
+		let { events: Rt, isLoading: zt, hasMore: Bt, stats: Vt, loadMore: Ht, loadThumbnails: Ut, deleteEvents: Wt, reset: Gt, loadFailed: Kt, licenseRequired: qt, pluginUnavailable: Jt } = ve({
+			availableCameraIds: Lt,
+			cameraIds: It,
+			realtime: !0,
+			pageSize: 40,
+			filter: at,
+			withEpisodes: !0,
+			withStats: !0
+		}), Yt = h(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of Ee.value ?? []) {
+				let n = e.get(t.eventId);
+				(!n || t.score > n) && e.set(t.eventId, t.score);
+			}
+			return e;
+		}), Xt = h(() => Ne.value), $ = h(() => !!A.value), Zt = h(() => new Map((He.value?.events ?? []).map((e) => [e.id, e]))), Qt = h(() => {
+			let e = [], t = /* @__PURE__ */ new Set();
+			for (let n of He.value?.matches ?? []) {
+				let r = Zt.value.get(n.eventId);
+				if (!r) continue;
+				let i = n.segment >= 0 && r.segments[n.segment] ? n.segment : void 0, a = i === void 0 ? r.id : `${r.id}:seg:${i}`;
+				t.has(a) || (t.add(a), e.push({
+					event: r,
+					key: a,
+					segIndex: i
+				}));
+			}
+			return e;
+		}), $t = h(() => {
+			let e = Y.value, t = It.value.length ? It.value : e.rooms.length ? Ft.value : [], n = e.timeRange === "custom" ? e.customDateRange : null;
+			return {
+				cameraIds: t.length ? t : void 0,
+				startMs: n ? n[0].getTime() : X.value,
+				endMs: n ? n[1].getTime() : void 0
+			};
+		}), en = h(() => $.value ? Ue.value : zt.value), tn = h(() => {
+			if ($.value) {
+				let e = He.value;
+				return !!e && e?.mode !== "none" && !Qt.value.length && !Ue.value;
+			}
+			return !rn.value.length && !zt.value && !ke.value;
+		}), nn = h(() => $.value ? R("views.recordings.similar_empty") : qt.value ? R("views.recordings.vehicle_filter_license") : Jt.value ? R("views.recordings.recordings_unavailable") : Kt.value ? R("views.recordings.load_failed") : R("views.recordings.no_recordings")), rn = h(() => {
+			let e = Rt.value.filter((e) => e.state === "ended" || (e.segments?.length ?? 0) > 0), t = Y.value;
+			if (X.value !== void 0) {
+				let t = X.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 && ht(e.box, t.gridRegions))))), t.favoritesOnly && (e = e.filter((e) => e.favorite)), Xt.value && (e = e.filter((e) => {
+				let n = Yt.value.get(e.id);
+				return n != null && n >= t.minSemanticScore;
+			}), e.sort((e, t) => (Yt.value.get(t.id) ?? 0) - (Yt.value.get(e.id) ?? 0))), e;
+		}), on = h(() => Y.value.contentKind === "episodes"), sn = h(() => {
+			let e = Y.value;
+			return e.search.trim() !== "" || e.eventTypes.length > 0 || e.audioLabels.length > 0 || e.hasAttributes.length > 0 || e.vehicleColors.length > 0 || e.vehicleTypes.length > 0 || e.sensorEvents.length > 0 || e.minConfidence !== .5;
+		}), cn = h(() => Xe.value?.state === "ready"), ln = h(() => {
+			if (Y.value.contentKind === "events") return [];
+			N.storeVersion.value;
+			let e = Y.value;
+			if (!on.value && (Xt.value || e.gridRegions.length > 0 || sn.value)) return [];
+			let t = It.value.length > 0 ? It.value : Lt.value, n = X.value ?? 0, r = Infinity;
+			if (e.timeRange === "custom" && e.customDateRange && (n = Math.max(n, e.customDateRange[0].getTime()), r = e.customDateRange[1].getTime()), Bt.value && !on.value) {
+				let e = Infinity;
+				for (let t of Rt.value) e = Math.min(e, t.thumbnailAt ?? t.startTime);
+				n = Math.max(n, e);
+			}
+			let i = [];
+			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;
+		}), un = h(() => {
+			if ($.value) return Qt.value;
+			if (on.value) return [...ln.value].sort(ft);
+			let e = Z.value && ot.value.length ? [...ot.value] : rn.value.map((e) => ({
+				event: e,
+				key: e.id
+			}));
+			return ln.value.length && (e.push(...ln.value), e.sort(ft)), e;
+		}), fn = h(() => {
+			let e = Vt.value, t = Y.value;
+			if (!e || !Bt.value || Xt.value || t.gridRegions.length > 0 || t.timeRange && X.value === void 0) return;
+			if (on.value) return e.episodes;
+			let n = Z.value ? e.segments : e.total;
+			if (n !== void 0) return n + (t.contentKind !== "events" && !sn.value ? e.episodes : 0);
+		}), pn = h(() => Be(void 0, "admin")), mn = h(() => rn.value.filter((e) => e.state === "ended")), { selectionMode: hn, selectedIds: gn, allSelected: _n, bulkBusy: vn, enterSelectionMode: yn, exitSelectionMode: bn, toggleSelectAll: xn, toggleSelection: Sn } = W(mn, (e) => e.id);
+		function Cn() {
+			let e = [...gn.value];
+			e.length && !vn.value && l.openTextDialog({
+				data: {
+					title: R("components.dialog.title.confirm"),
+					contentText: R("views.recordings.delete_selected_confirm", { count: e.length }),
+					confirmText: R("components.form.button.remove"),
+					confirmButtonProps: { severity: "danger" }
+				},
+				onConfirm: async () => {
+					vn.value = !0;
+					try {
+						await Wt(e), bn(), F.add({
+							severity: "success",
+							detail: R("views.recordings.delete_selected_done", { count: e.length }),
+							life: 5e3
+						});
+					} catch (e) {
+						F.add({
+							severity: "error",
+							detail: e?.message ?? String(e),
+							life: 5e3
+						});
+					} finally {
+						vn.value = !1;
+					}
+				}
+			});
+		}
+		let wn = h(() => [
+			{
+				key: "ungroup",
+				label: R("views.recordings.ungroup"),
+				description: R("views.recordings.ungroup_hint"),
+				toggle: !0,
+				toggleState: Z.value,
+				onClick: () => {
+					Ct = !0, Z.value = !Z.value, u.updateUser({ preferences: { recordings: { ungrouped: Z.value } } });
+				}
+			},
+			{
+				key: "onlyWithRecordings",
+				label: R("views.recordings.only_with_recordings"),
+				description: R("views.recordings.only_with_recordings_hint"),
+				toggle: !0,
+				toggleState: Y.value.onlyWithRecordings,
+				onClick: () => {
+					Y.value = {
+						...Y.value,
+						onlyWithRecordings: !Y.value.onlyWithRecordings
+					};
+				}
+			},
+			...pn.value ? [{
+				key: "favoritesOnly",
+				label: R("views.recordings.favorites_only"),
+				description: R("views.recordings.favorites_hint"),
+				toggle: !0,
+				toggleState: Y.value.favoritesOnly,
+				onClick: () => {
+					Y.value = {
+						...Y.value,
+						favoritesOnly: !Y.value.favoritesOnly
+					};
+				}
+			}] : []
+		]);
+		function Tn() {
+			l.openComponentDialog(Et, { data: {
+				title: R("views.recordings.reindex.title"),
+				contentProps: {},
+				confirmText: R("views.recordings.reindex.start")
+			} });
+		}
+		function En() {
+			l.openComponentDialog(an, { data: {
+				title: R("views.recordings.export.title"),
+				contentProps: {
+					cameras: Q.value,
+					preselect: Y.value.cameraIds?.length ? Y.value.cameraIds : []
+				},
+				confirmText: R("views.recordings.export.confirm")
+			} });
+		}
+		function Dn() {
+			let e = J.value;
+			J.value = e === "opened" ? "closed" : "opened";
+		}
+		function On() {
+			J.value = "closed";
+		}
+		function kn(e) {
+			!e.semanticQuery?.trim() && Y.value.semanticQuery?.trim() && Le(), Y.value = e;
+		}
+		async function An(e) {
+			lt.value = !0, pt.value = "";
+			try {
+				let t = await ut(e, ae.value, Intl.DateTimeFormat().resolvedOptions().timeZone);
+				kn({
+					...et,
+					...t.filters,
+					favoritesOnly: pn.value && t.filters.favoritesOnly
+				}), jn(t.filters.semanticQuery), pt.value = t.note;
+			} catch (e) {
+				F.add({
+					severity: "error",
+					detail: e?.response?.data?.message ?? R("views.recordings.assistant_search_failed"),
+					life: 5e3
+				});
+			} finally {
+				lt.value = !1;
+			}
+		}
+		function jn(e) {
+			if (!e.trim()) {
+				Le();
+				return;
+			}
+			Pe(e);
+		}
+		function Mn(e, t) {
+			let n = Zt.value.get(e);
+			return n && !N.getEvent(e) ? N.loadThumbnails(e, n.cameraId, t) : Ut(e, t);
+		}
+		function Nn(e) {
+			if (!e.vehicleColors.length && !e.vehicleTypes.length) return;
+			let t = {};
+			return e.vehicleColors.length && (t.color = e.vehicleColors), e.vehicleTypes.length && (t.vehicle_type = e.vehicleTypes), t;
+		}
+		function Pn(e, t) {
+			let n = Pt.value.get(e.cameraId);
+			n && D(e, n, t);
+		}
+		function Fn(e) {
+			l.openComponentDialog(dn, {
+				data: {
+					title: R("components.similar.image_search_title"),
+					hideConfirmButton: !0,
+					contentProps: { image: e }
+				},
+				dialogSize: { desktop: { width: "720px" } }
+			});
+		}
+		function In(e) {
+			return !!e.dataTransfer?.types.includes("Files");
+		}
+		function Ln(e) {
+			K.value && In(e) && bt.value++;
+		}
+		function Rn(e) {
+			In(e) && (bt.value = Math.max(0, bt.value - 1));
+		}
+		function zn(e) {
+			bt.value = 0;
+			let t = Array.from(e.dataTransfer?.files ?? []).find((e) => e.type.startsWith("image/"));
+			t && K.value && Fn(t);
+		}
+		function Bn(e, t) {
+			let n = Pt.value.get(e.cameraId);
+			n && l.openComponentDialog(P, {
+				data: {
+					title: n.name,
+					dedupeKey: `camera-event:${n._id}:${t}`,
+					stayActive: !0,
+					hideCancelButton: !0,
+					hideConfirmButton: !0,
+					contentProps: {
+						camera: n,
+						eventTimestamp: t
+					},
+					headerActions: e.segments?.some((e) => e?.description) ? [{
+						icon: ce,
+						toggle: !0,
+						onClick: () => {}
+					}] : void 0,
+					draggable: !0,
+					blockDragOnSelectors: [".p-dialog-body"],
+					dismissableMask: !1,
+					modal: !1,
+					dialogContentClass: "!px-0 h-full",
+					goTo: `/cameras/${n.name}?startTs=${t}`
+				},
+				dialogSize: { desktop: {
+					maxWidth: "800px",
+					maxHeight: "calc(100vh - max(1rem, var(--safe-area-inset-top)) - max(1rem, var(--safe-area-inset-bottom)))",
+					width: "50vw"
+				} }
+			});
+		}
+		return v(he, (e) => {
+			e && (J.value = "closed");
+		}), v(() => Y.value.timeRange, (e) => {
+			X.value = e && tt[e] ? Date.now() - tt[e] : void 0;
+		}, { immediate: !0 }), v(Y, (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,
+				triggerLabels: e.audioLabels.length > 0 ? e.audioLabels : void 0,
+				attributes: e.hasAttributes.length > 0 ? e.hasAttributes : void 0,
+				attributeLabels: Nn(e),
+				filterLogicTriggers: t ? e.filterLogicTriggers : void 0,
+				filterLogicAttributes: t ? e.filterLogicAttributes : void 0,
+				search: e.search || void 0,
+				minConfidence: e.minConfidence > 0 ? e.minConfidence : void 0,
+				hasDetections: !t,
+				withRecordingInfo: !0,
+				hasRecording: e.onlyWithRecordings || void 0,
+				favoritesOnly: e.favoritesOnly || void 0,
+				startedSinceMs: X.value
+			}, r = JSON.stringify(n);
+			r !== wt && (wt = r, at.value = n);
+		}, {
+			deep: !0,
+			immediate: !0
+		}), v(Qe, (e) => {
+			if (!e || Ct) return;
+			let t = e.preferences?.recordings?.ungrouped;
+			t !== void 0 && (Z.value = t);
+		}, { immediate: !0 }), v([
+			A,
+			() => JSON.stringify($t.value),
+			K
+		], ([e, , t]) => {
+			e ? t && Je(e.query, $t.value) : Ye();
+		}, { immediate: !0 }), v([
+			Z,
+			rn,
+			Xt
+		], ([e, t, n]) => {
+			ot.value = e ? mt(t, n) : [];
+		}), v(() => Y.value.cameraIds, (e) => {
+			e.length !== 1 && Y.value.gridRegions.length > 0 && (Y.value = {
+				...Y.value,
+				gridRegions: []
+			});
+		}), te(() => {
+			requestAnimationFrame(() => {
+				ct.value = !0;
+			});
+		}), (t, n) => {
+			let r = je, a = B, s = me, l = nt, u = gt, p = xt, h = yt, v = vt, S = ze, E = _e, D = be, O = De, te = G, N = H, P = ge, F = Oe, L = se, R = j;
+			return i(), y("div", null, [
+				k(r, { position: "center" }, {
+					default: g(() => [w("span", pr, o(t.$t("views.recordings.title")), 1)]),
+					_: 1
+				}),
+				k(r, { position: "left" }, {
+					default: g(() => [k(l, {
+						id: "recordings-sidebar-toggle",
+						severity: "secondary",
+						class: "cui-button p-2 text-color",
+						text: "",
+						rounded: "",
+						onClick: Dn
+					}, {
+						icon: g(() => [m(J) === "closed" ? (i(), d(a, {
+							key: 0,
+							width: "100%",
+							height: "100%"
+						})) : (i(), d(s, {
+							key: 1,
+							width: "100%",
+							height: "100%"
+						}))]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				k(r, { position: "right" }, {
+					default: g(() => [k(l, {
+						severity: "secondary",
+						class: "cui-button p-2 text-color",
+						text: "",
+						rounded: "",
+						onClick: n[0] ||= (e) => m(rt)?.toggleMenu(e)
+					}, {
+						icon: g(() => [k(u, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				k(fr, {
+					filters: m(Y),
+					cameras: m(Q),
+					"is-open": m(Ot),
+					"is-overlay": m(kt),
+					"result-count": m(un).length,
+					"result-total": m(fn),
+					"result-capped": m(Vt)?.capped,
+					"semantic-count": m(Xt) ? m(Yt).size : void 0,
+					"semantic-search-available": m(Ae),
+					"semantic-search-loading": m(ke),
+					"assistant-search-available": m(cn),
+					"assistant-search-loading": m(lt),
+					"assistant-search-note": m(pt),
+					"image-search-available": m(K),
+					"onUpdate:filters": kn,
+					onSemanticSearch: jn,
+					onAssistantSearch: An,
+					onImageSearch: Fn,
+					onClose: On
+				}, null, 8, [
+					"filters",
+					"cameras",
+					"is-open",
+					"is-overlay",
+					"result-count",
+					"result-total",
+					"result-capped",
+					"semantic-count",
+					"semantic-search-available",
+					"semantic-search-loading",
+					"assistant-search-available",
+					"assistant-search-loading",
+					"assistant-search-note",
+					"image-search-available"
+				]),
+				(i(), d(_, {
+					to: "#container",
+					defer: ""
+				}, [m(Ot) && m(kt) ? (i(), y("div", {
+					key: 0,
+					class: "fixed top-0 left-0 right-0 bottom-0 w-full h-full bg-black/50 z-1",
+					onClick: On
+				})) : f("", !0)])),
+				w("main", {
+					ref_key: "reindexAnchorRef",
+					ref: it,
+					class: "relative w-full h-full",
+					style: b({
+						paddingLeft: m(Mt),
+						transition: m(ct) ? "padding-left 200ms" : void 0
+					}),
+					onDragenter: Ln,
+					onDragleave: Rn,
+					onDragover: n[3] ||= e(() => {}, ["prevent"]),
+					onDrop: e(zn, ["prevent"])
+				}, [m(bt) > 0 ? (i(), y("div", mr, [k(p, { class: "w-10 h-10" }), w("span", hr, o(t.$t("views.recordings.image_drop_overlay")), 1)])) : f("", !0), w("div", gr, [
+					m(U) ? f("", !0) : (i(), y("div", _r, [
+						n[4] ||= w("div", { class: "ml-2" }, null, -1),
+						m(he) ? f("", !0) : (i(), d(l, {
+							key: 0,
+							id: "recordings-sidebar-toggle",
+							severity: "secondary",
+							class: "mr-2 cui-icon-lg relative z-2",
+							text: "",
+							rounded: "",
+							onClick: Dn
+						}, {
+							icon: g(() => [m(Ot) ? (i(), d(h, {
+								key: 0,
+								width: "100%",
+								height: "100%"
+							})) : (i(), d(v, {
+								key: 1,
+								width: "100%",
+								height: "100%"
+							}))]),
+							_: 1
+						})),
+						w("h1", vr, o(t.$t("views.recordings.title")), 1),
+						n[5] ||= w("div", { class: "gradient-blur rotate-180 !h-[70px]" }, [
+							w("div"),
+							w("div"),
+							w("div"),
+							w("div"),
+							w("div"),
+							w("div")
+						], -1)
+					])),
+					m(U) ? f("", !0) : (i(), y("div", yr, [T((i(), d(l, {
+						severity: "secondary",
+						text: "",
+						rounded: "",
+						class: "cui-icon-lg relative z-2",
+						onClick: n[1] ||= (e) => m(rt)?.toggleMenu(e)
+					}, {
+						icon: g(() => [k(u, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					})), [[
+						R,
+						{ value: t.$t("views.recordings.view_options") },
+						void 0,
+						{ bottom: !0 }
+					]])])),
+					w("div", { class: c(["px-2 h-full w-full flex flex-col", {
+						"pt-4": m(U),
+						"pt-[calc(40px+2rem)]": !m(U)
+					}]) }, [
+						m($) ? (i(), d(S, {
+							key: 0,
+							crop: m(A)?.crop,
+							"object-label": m(A)?.objectLabel,
+							result: m(He),
+							count: m(Qt).length,
+							searching: m(Ue) || !m(K),
+							"license-required": m(qe),
+							onClose: m(M)
+						}, null, 8, [
+							"crop",
+							"object-label",
+							"result",
+							"count",
+							"searching",
+							"license-required",
+							"onClose"
+						])) : f("", !0),
+						m(un).length ? (i(), d(O, {
+							key: 1,
+							ref_key: "gridRef",
+							ref: q,
+							items: m(un),
+							"min-item-width": m(U) ? 160 : 180,
+							gap: 8,
+							"has-more": m(Bt) && !m($),
+							"load-more": m(Ht),
+							"item-key": (e) => e.key,
+							class: "flex-1 min-h-0",
+							style: { "--cui-scroll-end": "calc(var(--cui-bottom-gap) - 8px)" }
+						}, {
+							item: g(({ item: e }) => [e.episode ? (i(), d(E, {
+								key: 0,
+								episode: e.episode,
+								"camera-by-id": m(Pt),
+								fluid: "",
+								"click-disabled": m(hn)
+							}, null, 8, [
+								"episode",
+								"camera-by-id",
+								"click-disabled"
+							])) : (i(), d(D, {
+								key: 1,
+								event: e.event,
+								"camera-name": m(Nt).get(e.event.cameraId),
+								camera: m(Pt).get(e.event.cameraId),
+								"load-thumbnails": Mn,
+								"semantic-score": m(Yt).get(e.event.id),
+								"seg-index": e.segIndex,
+								"selection-mode": m(hn) && e.event.state === "ended",
+								selected: m(gn).has(e.event.id),
+								"sibling-active": e.segIndex !== void 0 && m(St) === e.event.id,
+								onSelect: (t) => m(Sn)(e.event.id),
+								onScrollToEvent: (t) => Bn(e.event, t),
+								onOpenTrace: (t) => Pn(e.event, t),
+								onMouseenter: (t) => St.value = e.segIndex === void 0 ? null : e.event.id,
+								onMouseleave: n[2] ||= (e) => St.value = null
+							}, null, 8, [
+								"event",
+								"camera-name",
+								"camera",
+								"semantic-score",
+								"seg-index",
+								"selection-mode",
+								"selected",
+								"sibling-active",
+								"onSelect",
+								"onScrollToEvent",
+								"onOpenTrace",
+								"onMouseenter"
+							]))]),
+							_: 1
+						}, 8, [
+							"items",
+							"min-item-width",
+							"has-more",
+							"load-more",
+							"item-key"
+						])) : m(en) ? (i(), d(O, {
+							key: 2,
+							items: m($e),
+							"min-item-width": m(U) ? 160 : 180,
+							gap: 8,
+							"item-key": (e) => e,
+							class: "flex-1 min-h-0 pointer-events-none"
+						}, {
+							item: g(() => [k(te, {
+								width: "100%",
+								height: "100%",
+								class: "rounded-xl"
+							})]),
+							_: 1
+						}, 8, [
+							"items",
+							"min-item-width",
+							"item-key"
+						])) : f("", !0),
+						m(en) && m(un).length && !m(q)?.loadingMore || m(ke) ? (i(), y("div", br, [k(N, {
+							width: "24px",
+							height: "24px",
+							class: "text-muted"
+						})])) : f("", !0),
+						m(tn) ? (i(), y("div", xr, [
+							k(P, { class: "w-12 h-12 text-muted" }),
+							w("span", Sr, o(m(nn)), 1),
+							m(Kt) && !m(Jt) && !m($) && !m(qt) ? (i(), d(l, {
+								key: 0,
+								severity: "secondary",
+								class: "cui-button-small",
+								label: t.$t("views.recordings.load_failed_retry"),
+								onClick: m(Gt)
+							}, null, 8, ["label", "onClick"])) : f("", !0)
+						])) : f("", !0)
+					], 2)
+				])], 36),
+				m(pn) && m(Q).length ? (i(), y("div", {
+					key: 0,
+					class: c(["fixed z-10", m(jt) ? "scale-0 opacity-0" : "scale-100 opacity-100"]),
+					style: b({
+						left: m(jt) ? `calc(${m(Mt)} + 0.75rem + var(--safe-area-inset-left))` : `calc(${m(Tt)}px + ${m(Mt)} + 0.75rem)`,
+						bottom: m(Dt),
+						transition: m(ct) ? "left 200ms, transform 200ms ease-in-out, opacity 200ms ease-in-out" : void 0
+					})
+				}, [k(l, {
+					severity: "secondary",
+					rounded: "",
+					class: "shadow-lg",
+					disabled: m(C)?.running,
+					label: m(ee) ? t.$t("views.recordings.reindex.checking") : m(C)?.running ? t.$t("views.recordings.reindex.progress", {
+						done: m(C).done,
+						total: m(C).total
+					}) : t.$t("views.recordings.reindex.button"),
+					onClick: Tn
+				}, {
+					icon: g(() => [m(C)?.running ? (i(), d(m(H), { key: 0 })) : (i(), d(m(_t), { key: 1 }))]),
+					_: 1
+				}, 8, ["disabled", "label"])], 6)) : f("", !0),
+				m(Q).length ? (i(), d(L, {
+					key: 1,
+					"force-visible": m(hn),
+					"scroll-y": m(q)?.scrollY ?? 0
+				}, {
+					default: g(() => [m(hn) ? (i(), y(x, { key: 1 }, [
+						k(F, {
+							grouped: "",
+							"tooltip-props": { value: t.$t("components.form.tooltip.cancel_selection") },
+							"button-props": { severity: "secondary" },
+							icon: m(st),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: m(bn)
+						}, null, 8, [
+							"tooltip-props",
+							"icon",
+							"onClick"
+						]),
+						k(F, {
+							grouped: "",
+							"tooltip-props": { value: m(_n) ? t.$t("components.form.tooltip.deselect_all") : t.$t("components.form.tooltip.select_all") },
+							"button-props": { severity: m(_n) ? "primary" : "secondary" },
+							icon: m(fe),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: m(xn)
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon",
+							"onClick"
+						]),
+						k(F, {
+							grouped: "",
+							"tooltip-props": { value: t.$t("components.form.tooltip.delete_selected") },
+							"button-props": {
+								severity: "danger",
+								disabled: !m(gn).size || m(vn)
+							},
+							icon: m(I),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: Cn
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						])
+					], 64)) : (i(), y(x, { key: 0 }, [m(pn) && m(rn).length && !m($) ? (i(), d(F, {
+						key: 0,
+						grouped: "",
+						"tooltip-props": { value: t.$t("views.recordings.select") },
+						"button-props": { severity: "secondary" },
+						icon: m(Ve),
+						"icon-props": {
+							width: "100%",
+							height: "100%"
+						},
+						onClick: m(yn)
+					}, null, 8, [
+						"tooltip-props",
+						"icon",
+						"onClick"
+					])) : f("", !0), k(F, {
+						grouped: "",
+						"tooltip-props": { value: t.$t("views.recordings.export.title") },
+						"button-props": { class: "text-white" },
+						icon: m(ne),
+						"icon-props": {
+							width: "26px",
+							height: "26px"
+						},
+						onClick: En
+					}, null, 8, ["tooltip-props", "icon"])], 64))]),
+					_: 1
+				}, 8, ["force-visible", "scroll-y"])) : f("", !0),
+				k(re, {
+					ref_key: "viewMenuRef",
+					ref: rt,
+					items: m(wn),
+					"auto-hide": !1,
+					popover: { pt: {
+						root: { class: "w-[22rem]" },
+						content: { class: "p-0! rounded-xl! overflow-hidden!" }
+					} }
+				}, null, 8, ["items"])
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-4ed7ce40"]]);
+//#endregion
+export { wr as default };