@camera.ui/server 2.4.3 → 2.4.5

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

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