@camera.ui/server 2.4.2 → 2.4.4

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

@@ -1,1916 +0,0 @@
-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 { $i as te, $r as F, Ci as ne, Ct as I, Fn as L, Fr as R, Gn as z, In as re, Ir as ie, Jr as ae, Ka as B, Ln as V, Lr as oe, Mr as H, Or as se, Pr as ce, Qa as le, Rn as ue, Sr as U, St as de, Ti as fe, Un as W, Wn as pe, Xi as me, Yn as he, Zn as ge, _t as _e, ai as ve, bn as ye, br as be, ci as xe, cr as Se, ct as Ce, ei as G, ii as we, li as Te, lr as Ee, lt as De, mt as Oe, ni as ke, nr as Ae, oi as je, or as Me, ot as Ne, si as Pe, sr as Fe, st as Ie, ur as Le, ut as Re, vr as ze, x as Be, xn as Ve, xr as He, yt as Ue, zn as We } from "./api-DUn3L5D7.js";
-import { D as Ge, L as Ke, V as qe } from "./protocol-BB4jdtUC-CGK3LRf3.js";
-import { p as Je, y as Ye } from "./vee-validate-DWIY1QrX.js";
-import { n as Xe } from "./vue-i18n-DzDRu5NH.js";
-import { N as Ze } from "./dist-DTq7_9I6.js";
-import { C as Qe, _ as $e, g as et } from "./dist-euRmladF.js";
-import { i as tt } from "./lightbulb-outline-DzvRUz5O.js";
-import { a as nt, c as rt, n as it, o as at, s as ot, t as st } from "./eventLabels-DV0RmW3T.js";
-import { t as ct } from "./CuiButton-CGAd8xvo.js";
-import { t as lt } from "./inputtext-DfgvQQt_.js";
-import { t as ut } from "./checkbox-DEv0j3RK.js";
-import { t as dt } from "./datepicker-B3dHYEyg.js";
-import { t as ft } from "./select-Ba_XFods.js";
-import { t as pt } from "./close-BYhywzVJ.js";
-import { t as K } from "./progressbar-PUG00hyZ.js";
-import { t as mt } from "./multiselect-C6iTGDj5.js";
-import { t as q } from "./textarea-BQGY5eCW.js";
-import { s as ht, t as gt } from "./assistant-BN7Ii0r0.js";
-import { t as _t } from "./utils-DYtBrGDz.js";
-import { n as vt, r as yt, t as bt } from "./search-Bz-9_WEk.js";
-import { t as xt } from "./settings-BN8SfzNL.js";
-import { t as St } from "./database-refresh-outline-BnqtSxnu.js";
-import { n as Ct, t as wt } from "./round-alt-arrow-left-bold-aQPQ4P7J.js";
-//#region src/components/CuiRecordings/SimilarSearchBar.vue?vue&type=script&setup=true&lang.ts
-var Tt = { class: "similar-search-bar" }, Et = {
-	key: 0,
-	class: "flex shrink-0"
-}, Dt = ["src"], J = {
-	key: 1,
-	class: "similar-search-crop"
-}, Ot = ["src"], Y = { class: "flex flex-col min-w-0 flex-1" }, kt = { class: "text-sm font-semibold truncate" }, At = {
-	key: 0,
-	class: "text-xs text-muted truncate"
-}, jt = /*#__PURE__*/ we(/* @__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 } = Xe(), 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 = V, u = Se, f = ue, p = ct, m = o("tooltip");
-			return i(), C("div", Tt, [
-				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", J, [e.crops[0] ? (i(), C("img", {
-					key: 0,
-					src: e.crops[0],
-					alt: "",
-					class: "w-full h-full object-contain"
-				}, null, 8, Ot)) : (i(), h(s, {
-					key: 1,
-					class: "w-5 h-5 text-muted"
-				}))])),
-				D("div", Y, [D("span", kt, d(v(c)), 1), v(l) ? (i(), C("span", At, 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"]]), Mt = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function Nt(e, t) {
-	return i(), C("svg", Mt, [...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 } = Xe(), { status: o, isBusy: s, checking: c, refresh: u, start: f, cancel: p } = U(), 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 = K;
-			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 X = k({
-	name: "mdi-file-video-outline",
-	render: Ht
-}), Ut = { class: "flex flex-col gap-6" }, Wt = { class: "flex flex-col field-gap" }, Gt = { class: "cui-label" }, Kt = { class: "flex flex-col field-gap" }, qt = { class: "cui-label" }, Z = { class: "grid grid-cols-1 xs:grid-cols-2 gap-3" }, Jt = { class: "flex flex-col gap-1" }, Yt = { class: "text-xs text-muted" }, Xt = { class: "flex flex-col gap-1" }, Zt = { 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" }, Q = { class: "flex flex-col gap-3 max-h-[240px] overflow-y-auto p-2.5" }, dn = {
-	key: 0,
-	class: "flex items-center justify-center gap-2 text-muted text-sm py-6"
-}, fn = {
-	key: 1,
-	class: "text-center text-muted text-sm py-6"
-}, pn = { class: "text-xs text-muted px-0.5" }, $ = { class: "font-mono text-xs truncate flex-1" }, mn = { class: "text-xs text-muted tabular-nums shrink-0" }, hn = { class: "font-mono text-xs text-muted tabular-nums shrink-0 min-w-[58px] text-right" }, gn = 30, _n = /* @__PURE__ */ A({
-	__name: "ExportRecordings",
-	props: {
-		cameras: {},
-		preselect: {}
-	},
-	setup(e, { expose: t }) {
-		let a = e, { t: o } = Xe(), s = te(), c = n("dialogRefProps"), { plugin: u } = Ze("@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), F = y(() => M.value ? "~" : ""), ne = 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: V(i),
-					startUs: o * 1e3,
-					endUs: s * 1e3
-				}), r.setDate(r.getDate() + 1);
-			}
-			return e;
-		}), R = y(() => f.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" : oe(r);
-			return {
-				cameraId: e.cameraId,
-				cameraName: t,
-				name: `${H(t)}_${e.day}${M.value ? "_timelapse" : ""}.mp4`,
-				span: i ? o("views.recordings.export.whole_day") : `${oe(n)}–${a}`,
-				bytes: M.value ? e.bytes / gn : 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()];
-		}), re = y(() => R.value.reduce((e, t) => e + t.bytes, 0)), ae = 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 B(e) {
-			return String(e).padStart(2, "0");
-		}
-		function V(e) {
-			return `${e.getFullYear()}-${B(e.getMonth() + 1)}-${B(e.getDate())}`;
-		}
-		function oe(e) {
-			return `${B(e.getHours())}:${B(e.getMinutes())}`;
-		}
-		function H(e) {
-			return e.replace(/[^a-zA-Z0-9-_]/g, "_");
-		}
-		function se(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 G({
-				url: t.url,
-				filename: t.filename
-			});
-		}
-		return qe([
-			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 = dt, s = N, c = ie, l = ft, u = P, f = ke, y = X;
-			return i(), C("div", Ut, [
-				D("div", Wt, [D("label", Gt, 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", Kt, [
-					D("label", qt, d(t.$t("views.recordings.export.range")), 1),
-					D("div", Z, [D("div", Jt, [D("span", Yt, 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", Xt, [D("span", Zt, 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(F)) + d(se(v(re))), 1),
-					j(u, {
-						value: v(R).length === 1 ? "MP4" : "ZIP",
-						severity: "info"
-					}, null, 8, ["value"])
-				])) : g("", !0)]), D("div", un, [D("div", Q, [v(p) && !v(R).length ? (i(), C("div", dn, [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", pn, d(e.cameraName) + " · " + d(e.files.length) + " · " + d(v(F)) + d(se(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", $, d(e.name), 1),
-					D("span", mn, d(e.span), 1),
-					D("span", hn, d(v(F)) + d(se(e.bytes)), 1)
-				]))), 128))]))), 128)) : (i(), C("div", fn, d(v(ae)), 1))])])])
-			]);
-		};
-	}
-}), vn = [
-	"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 z(), o = e, { t: s } = Xe(), c = n("dialogRef"), { openSimilarSearch: l } = I(), { 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 = vn.filter((e) => r[e]).length;
-				i > t && (e = n, t = i);
-			}
-			return e;
-		});
-		async function h(e) {
-			let t = await de(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 = Ve;
-			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__*/ we(/* @__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 } = Xe(), { topbarOffset: M } = Te(), { icons: N, generic: P } = rt(), te = N, ne = kn, I = En, L = T("sidebarRef"), z = l(E.filters.semanticQuery ?? ""), re = l(""), ae = l(E.filters.semanticQuery ? "semantic" : "text"), V = l(!1), H = m({
-			eventTypes: !0,
-			attributes: !0,
-			sensorEvents: !0,
-			vehicles: !0
-		}), se = y(() => E.isOpen ? Cr : 0), ce = 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
-			}));
-		}), le = 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
-			}));
-		}), ue = 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"), de = 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
-			});
-		}), fe = y(() => {
-			let e = [];
-			return U.value || (e.push({
-				value: "text",
-				label: A("views.recordings.search"),
-				icon: bt
-			}), e.push({
-				value: "semantic",
-				label: A("views.recordings.semantic_search"),
-				icon: Ee
-			})), E.assistantSearchAvailable && e.push({
-				value: "assistant",
-				label: A("views.recordings.assistant_search"),
-				icon: tt
-			}), E.imageSearchAvailable && !U.value && e.push({
-				value: "image",
-				label: A("views.recordings.image_search"),
-				icon: Pt
-			}), e;
-		}), W = y(() => fe.value.find((e) => e.value === ae.value) ?? fe.value[0]), pe = 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"
-			}
-		]), me = y(() => [{
-			label: A("views.recordings.filter_and"),
-			value: "and"
-		}, {
-			label: A("views.recordings.filter_or"),
-			value: "or"
-		}]), he = 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"
-			}
-		]), ge = y(() => $e.filter((e) => !u.has(e)).map((e) => ({
-			label: A(`views.recordings.type_${e}`),
-			value: e,
-			icon: N[e] ?? P
-		}))), _e = y(() => ({
-			label: A("views.recordings.type_other"),
-			value: ze,
-			icon: N.other ?? P
-		})), ve = y(() => B.map((e) => ({
-			label: A(nt(e)),
-			value: e,
-			icon: te[e] ?? P
-		}))), be = y(() => Qe.map((e) => ({
-			label: A(it(e)),
-			value: e,
-			icon: N[e] ?? P
-		}))), xe = y(() => et.map((e) => ({
-			label: A(st(e)),
-			value: e,
-			icon: N[e] ?? P
-		}))), Se = y(() => He.map((e) => ({
-			label: A(at(e)),
-			value: e,
-			swatch: x[e]
-		}))), Ce = y(() => R.map((e) => ({
-			label: A(ot(e)),
-			value: e
-		})));
-		function G(e, t) {
-			k("update:filters", {
-				...E.filters,
-				[e]: t
-			});
-		}
-		let we = Ke((e) => {
-			G("search", e);
-		}, 300);
-		function De(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 Oe() {
-			let e = re.value.trim();
-			e && !E.assistantSearchLoading && k("assistant-search", e);
-		}
-		function ke(e) {
-			V.value = !1, je(e.dataTransfer?.files);
-		}
-		function Ae(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 && k("image-search", t);
-		}
-		function Me() {
-			let e = z.value.trim();
-			G("semanticQuery", e), k("semantic-search", e);
-		}
-		function Ne(e) {
-			let t = [...E.filters.eventTypes], n = t.indexOf(e);
-			n >= 0 ? t.splice(n, 1) : t.push(e), G("eventTypes", t);
-		}
-		function Pe(e) {
-			let t = [...E.filters.audioLabels], n = t.indexOf(e);
-			n >= 0 ? t.splice(n, 1) : t.push(e), G("audioLabels", t);
-		}
-		function Fe(e) {
-			let t = [...E.filters.sensorEvents], n = t.indexOf(e);
-			n >= 0 ? t.splice(n, 1) : t.push(e), G("sensorEvents", t);
-		}
-		function Ie(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", "");
-		}), Je(L, (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: se }), (a, c) => {
-			let l = ie, u = lt, m = q, y = ct, x = Ee, S = oe, T = Pt, E = mt, k = F, A = ye, N = ut, P = o("tooltip");
-			return i(), C("nav", {
-				ref_key: "sidebarRef",
-				ref: L,
-				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(se)}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(pe),
-						"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(de)), 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(fe).length > 1 ? (i(), h(l, {
-						key: 0,
-						"model-value": v(W).value,
-						options: v(fe),
-						"option-value": "value",
-						"data-key": "value",
-						"allow-empty": !1,
-						class: "search-mode-toggle",
-						"onUpdate:modelValue": c[1] ||= (e) => ae.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(we)(e)
-					}, null, 8, ["model-value", "placeholder"]), D("span", In, d(v(de)), 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: Me
-						}, 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(re),
-							"onUpdate:modelValue": c[5] ||= (e) => _(re) ? re.value = e : null,
-							placeholder: a.$t("views.recordings.assistant_search_placeholder"),
-							class: "w-full text-sm",
-							disabled: n.assistantSearchLoading,
-							onKeydown: t(e(Oe, ["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(re).trim(),
-							onClick: Oe
-						}, 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(V) }]),
-						onDragover: c[6] ||= e((e) => V.value = !0, ["prevent"]),
-						onDragleave: c[7] ||= e((e) => V.value = !1, ["prevent"]),
-						onDrop: e(ke, ["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: Ae
-						}, null, 32)
-					], 34))
-				])) : g("", !0),
-				v(W) ? (i(), C("div", Wn)) : g("", !0),
-				v(ce).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(ce),
-					"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) => De(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(le),
-					"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(ue) && !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(ue),
-						"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(he), (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(ne) : v(I)), { class: "w-4 h-4 text-muted" }))]), v(H).sensorEvents ? (i(), C("div", sr, [(i(!0), C(w, null, r(v(ve), (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) => 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)
-					]), e.value === "audio" && n.filters.sensorEvents.includes("audio") ? (i(), C("div", lr, [(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.audioLabels.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)
-					]))), 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(me),
-							"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(ne) : v(I)), { class: "w-4 h-4 text-muted" }))]), v(H).eventTypes ? (i(), C("div", fr, [(i(!0), C(w, null, r(v(ge), (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) => 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)]),
-					D("div", pr, [
-						c[23] ||= D("div", { class: "filter-logic-line" }, null, -1),
-						j(l, {
-							"model-value": n.filters.filterLogicAttributes,
-							options: v(me),
-							"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(ne) : v(I)), { class: "w-4 h-4 text-muted" }))]), v(H).attributes ? (i(), C("div", hr, [(i(!0), C(w, null, r(v(xe), (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) => Ie(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(_e).value),
-							binary: !0,
-							"onUpdate:modelValue": c[18] ||= (e) => Ne(v(_e).value)
-						}, null, 8, ["model-value"]),
-						(i(), h(f(v(_e).icon), { class: "w-4 h-4 text-muted" })),
-						D("span", null, d(v(_e).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(ne) : v(I)), { class: "w-4 h-4 text-muted" }))]), v(H).vehicles ? (i(), C("div", vr, [
-						D("div", yr, [(i(!0), C(w, null, r(v(Se), (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(Ce), (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__*/ we(/* @__PURE__ */ A({
-	__name: "Recordings",
-	setup(t) {
-		let n = new gt(), r = new z(), a = new me(), f = ge(), m = Be(), { bottombarHeight: _ } = Te(), { status: E, checking: ee } = U(), { openEventTrace: k } = We(), { requests: A, closeSimilarSearch: N } = I(), P = se("@camera.ui/camera-ui-nvr"), F = te(), { t: R, locale: ie } = Xe(), { smBreakpoint: B, xlBreakpoint: V, mdBreakpoint: oe } = xe(), { registerScrollToTop: ue } = ne();
-		W(20);
-		let { result: de, results: ye, isSearching: G, isAvailable: we, hasSearched: ke, search: ze, loadMore: Ve, clear: He } = be(), { results: Ke, isSearching: qe, isAvailable: Je, licenseRequired: Ze, search: Qe, clear: $e } = Le(), et = H(), { data: tt } = n.getAssistantStatusQuery(), { data: nt } = r.getCamerasQuery({
-			page: 1,
-			pageSize: -1
-		}), { data: rt } = a.getUserQuery(y(() => m.user?.username ?? "")), it = Array.from({ length: 24 }, (e, t) => t), at = {
-			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
-		}, ot = {
-			"1h": 36e5,
-			"1d": 864e5,
-			"1w": 6048e5,
-			"1m": 2592e6
-		}, st = T("gridRef"), lt = T("viewMenuRef"), ut = T("reindexAnchorRef"), dt = u({
-			hasDetections: !0,
-			withRecordingInfo: !0,
-			hasRecording: !0
-		}), ft = u([]), K = l("closed"), mt = l(!1), q = l({ ...at }), bt = l(!1), Tt = l(""), Et = l(0), Dt = l(), J = l(!1), Ot = l(null), Y = l(""), kt = Ge(y(() => q.value.minSemanticScore), 300), At = !1, Mt = "", Nt = JSON.stringify(dt.value), { left: Ft } = Ye(ut), It = 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})`;
-		}), Lt = y(() => V.value ? !0 : K.value === "opened"), Rt = y(() => oe.value), zt = Pe(() => st.value?.scrollY ?? 0), Vt = y(() => Lt.value && Rt.value ? !0 : zt.value && !E.value?.running), Ht = y(() => oe.value ? "0px" : Lt.value ? `${Fr}px` : "0px"), X = y(() => (nt.value?.result ?? []).map((e) => ({
-			id: e._id,
-			name: e.name,
-			room: e.room
-		}))), Ut = y(() => {
-			let e = /* @__PURE__ */ new Map();
-			for (let t of X.value) e.set(t.id, t.name);
-			return e;
-		}), Wt = y(() => {
-			let e = /* @__PURE__ */ new Map();
-			for (let t of nt.value?.result ?? []) e.set(t._id, t);
-			return e;
-		}), Gt = y(() => {
-			let e = q.value.rooms;
-			return (e.length > 0 ? X.value.filter((t) => e.includes(t.room ?? "")) : X.value).map((e) => e.id);
-		}), Kt = y(() => q.value.cameraIds.filter((e) => Gt.value.includes(e))), qt = y(() => Gt.value), Z = y(() => q.value.contentKind === "episodes"), Jt = 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;
-		}), Yt = y(() => {
-			let e = q.value;
-			return e.contentKind !== "events" && (Z.value || !Jt.value && !e.gridRegions.length);
-		});
-		ue(() => st.value?.scrollToTop());
-		let { events: Xt, episodes: Zt, isLoading: Qt, hasMore: $t, episodesHasMore: en, stats: tn, loadMore: nn, loadMoreEpisodes: rn, deleteEvents: an, reset: on, loadFailed: sn, licenseRequired: cn, pluginUnavailable: ln } = ce({
-			availableCameraIds: qt,
-			cameraIds: Kt,
-			realtime: !0,
-			pageSize: 40,
-			filter: dt,
-			withEpisodes: Yt,
-			withStats: !0
-		}), un = y(() => {
-			let e = /* @__PURE__ */ new Map();
-			for (let t of ye.value ?? []) {
-				let n = e.get(t.eventId);
-				(!n || t.score > n) && e.set(t.eventId, t.score);
-			}
-			return e;
-		}), Q = y(() => ke.value && !Z.value), dn = y(() => {
-			P.storeVersion.value;
-			let e = new Map((de.value?.events ?? []).map((e) => [e.id, e])), t = q.value.gridRegions, n = [];
-			for (let r of ye.value) {
-				let i = P.getEvent(r.eventId) ?? e.get(r.eventId);
-				i && (!t.length || Qn(i, t)) && n.push(i);
-			}
-			return n;
-		}), fn = y(() => J.value ? vt(dn.value, !0) : dn.value.map((e) => ({
-			event: e,
-			key: e.id
-		}))), pn = y(() => de.value?.hasMore || de.value?.truncated ? `${dn.value.length}+` : dn.value.length), $ = y(() => A.value.length > 0), mn = y(() => A.value.flatMap((e) => e.crop ? [e.crop] : [])), hn = y(() => L(Ke.value.map((e) => re(e, 100))).map(({ event: e, key: t, segIndex: n }) => ({
-			event: e,
-			key: t,
-			segIndex: n
-		}))), gn = y(() => {
-			let e = q.value, t = Kt.value.length ? Kt.value : e.rooms.length ? Gt.value : [], n = e.timeRange === "custom" ? e.customDateRange : null;
-			return {
-				cameraIds: t.length ? t : void 0,
-				startMs: n ? n[0].getTime() : Dt.value,
-				endMs: n ? n[1].getTime() : void 0
-			};
-		}), vn = y(() => ({
-			...gn.value,
-			filter: $n(q.value)
-		})), yn = y(() => $.value ? qe.value : Qt.value), bn = y(() => $.value ? Ke.value.some((e) => e.mode !== "none") && !hn.value.length && !qe.value : !wn.value.length && !Qt.value && !G.value), xn = y(() => $.value ? R("views.recordings.similar_empty") : cn.value ? R("views.recordings.vehicle_filter_license") : ln.value ? R("views.recordings.recordings_unavailable") : sn.value ? R("views.recordings.load_failed") : R("views.recordings.no_recordings")), Sn = y(() => {
-			let e = Xt.value.filter((e) => e.state === "ended" || (e.segments?.length ?? 0) > 0), t = q.value;
-			if (Dt.value !== void 0) {
-				let t = Dt.value;
-				e = e.filter((e) => e.startTime >= t);
-			}
-			return t.gridRegions.length > 0 && (e = e.filter((e) => Qn(e, t.gridRegions))), t.favoritesOnly && (e = e.filter((e) => e.favorite)), e;
-		}), wn = y(() => Q.value ? dn.value : Sn.value), Tn = y(() => tt.value?.state === "ready"), En = y(() => {
-			if (q.value.contentKind === "events") return [];
-			let e = q.value;
-			if (!Z.value && (Q.value || e.gridRegions.length > 0 || Jt.value)) return [];
-			let t = 0;
-			if ($t.value && !Z.value) {
-				t = Infinity;
-				for (let e of Xt.value) t = Math.min(t, e.thumbnailAt ?? e.startTime);
-			}
-			let n = [];
-			for (let e of Zt.value) t && e.endTime < t || n.push({
-				event: void 0,
-				key: `episode:${e.id}`,
-				episode: e
-			});
-			return n;
-		}), Dn = y(() => {
-			if ($.value) return hn.value;
-			if (Q.value) return fn.value;
-			if (Z.value) return [...En.value].sort(yt);
-			let e = J.value && ft.value.length ? [...ft.value] : Sn.value.map((e) => ({
-				event: e,
-				key: e.id
-			}));
-			return En.value.length && (e.push(...En.value), e.sort(yt)), e;
-		}), On = y(() => {
-			let e = tn.value, t = q.value;
-			if (!e || !$t.value || Q.value || t.gridRegions.length > 0 || t.timeRange && Dt.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" && !Jt.value ? e.episodes : 0);
-		}), kn = y(() => ae(void 0, "admin")), An = y(() => kn.value && Je.value), jn = y(() => $.value ? !1 : Q.value ? de.value?.hasMore ?? !1 : Z.value ? en.value : $t.value || Yt.value && en.value), Mn = y(() => wn.value.filter((e) => e.state === "ended")), { selectionMode: Nn, selectedIds: Pn, allSelected: Fn, bulkBusy: In, enterSelectionMode: Ln, exitSelectionMode: Rn, toggleSelectAll: zn, toggleSelection: Bn } = Ne(Mn, (e) => e.id);
-		function Vn() {
-			let e = [...Pn.value];
-			e.length && !In.value && f.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 () => {
-					In.value = !0;
-					try {
-						await an(e), Rn(), 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 {
-						In.value = !1;
-					}
-				}
-			});
-		}
-		let Hn = y(() => [
-			{
-				key: "ungroup",
-				label: R("views.recordings.ungroup"),
-				description: R("views.recordings.ungroup_hint"),
-				toggle: !0,
-				toggleState: J.value,
-				onClick: () => {
-					At = !0, J.value = !J.value, m.updateUser({ preferences: { recordings: { ungrouped: J.value } } });
-				}
-			},
-			{
-				key: "onlyWithRecordings",
-				label: R("views.recordings.only_with_recordings"),
-				description: R("views.recordings.only_with_recordings_hint"),
-				toggle: !0,
-				toggleState: q.value.onlyWithRecordings,
-				onClick: () => {
-					q.value = {
-						...q.value,
-						onlyWithRecordings: !q.value.onlyWithRecordings
-					};
-				}
-			},
-			...kn.value ? [{
-				key: "favoritesOnly",
-				label: R("views.recordings.favorites_only"),
-				description: R("views.recordings.favorites_hint"),
-				toggle: !0,
-				toggleState: q.value.favoritesOnly,
-				onClick: () => {
-					q.value = {
-						...q.value,
-						favoritesOnly: !q.value.favoritesOnly
-					};
-				}
-			}] : []
-		]);
-		function Un() {
-			f.openComponentDialog(Bt, { data: {
-				title: R("views.recordings.reindex.title"),
-				contentProps: {},
-				confirmText: R("views.recordings.reindex.start")
-			} });
-		}
-		function Wn() {
-			f.openComponentDialog(_n, { data: {
-				title: R("views.recordings.export.title"),
-				contentProps: {
-					cameras: X.value,
-					preselect: q.value.cameraIds?.length ? q.value.cameraIds : []
-				},
-				confirmText: R("views.recordings.export.confirm")
-			} });
-		}
-		function Gn() {
-			let e = K.value;
-			K.value = e === "opened" ? "closed" : "opened";
-		}
-		function Kn() {
-			K.value = "closed";
-		}
-		function qn(e) {
-			!e.semanticQuery?.trim() && q.value.semanticQuery?.trim() && He(), q.value = e;
-		}
-		async function Jn(e) {
-			bt.value = !0, Tt.value = "";
-			try {
-				let t = await ht(e, ie.value, Intl.DateTimeFormat().resolvedOptions().timeZone), n = t.filters.semanticQuery.trim();
-				Y.value = n, qn({
-					...at,
-					...t.filters,
-					favoritesOnly: kn.value && t.filters.favoritesOnly
-				}), await c(), n ? Xn(!1) : He(), Tt.value = t.note;
-			} catch (e) {
-				F.add({
-					severity: "error",
-					detail: e?.response?.data?.message ?? R("views.recordings.assistant_search_failed"),
-					life: 5e3
-				});
-			} finally {
-				bt.value = !1;
-			}
-		}
-		function Yn(e) {
-			Y.value = e.trim(), Y.value ? Xn(!0) : He();
-		}
-		function Xn(e) {
-			let t = {
-				...vn.value,
-				threshold: q.value.minSemanticScore
-			}, n = JSON.stringify([Y.value, t]);
-			(e || n !== Mt || !G.value && !ke.value) && (Mt = n, ze(Y.value, t));
-		}
-		function Zn() {
-			return Q.value ? Ve() : Z.value || !$t.value ? rn() : nn();
-		}
-		function Qn(e, t) {
-			return e.segments.some((e) => e?.detections.some((e) => e.box && _t(e.box, t)));
-		}
-		function $n(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: er(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: Dt.value
-			};
-		}
-		function er(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 tr(e) {
-			return e.key;
-		}
-		function nr(e) {
-			return e;
-		}
-		function rr(e, t) {
-			let n = Wt.value.get(e.cameraId);
-			n && k(e, n, t);
-		}
-		function ir(e) {
-			f.openComponentDialog(Cn, {
-				data: {
-					title: R("components.similar.image_search_title"),
-					hideConfirmButton: !0,
-					contentProps: { image: e }
-				},
-				dialogSize: { desktop: { width: "720px" } }
-			});
-		}
-		function ar(e) {
-			return !!e.dataTransfer?.types.includes("Files");
-		}
-		function or(e) {
-			An.value && ar(e) && Et.value++;
-		}
-		function sr(e) {
-			ar(e) && (Et.value = Math.max(0, Et.value - 1));
-		}
-		function cr(e) {
-			Et.value = 0;
-			let t = Array.from(e.dataTransfer?.files ?? []).find((e) => e.type.startsWith("image/"));
-			t && An.value && ir(t);
-		}
-		function lr(e, t) {
-			let n = Wt.value.get(e.cameraId);
-			n && f.openComponentDialog(Ue, {
-				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: Ee,
-						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(V, (e) => {
-			e && (K.value = "closed");
-		}), S(() => q.value.timeRange, (e) => {
-			Dt.value = e && ot[e] ? Date.now() - ot[e] : void 0;
-		}, { immediate: !0 }), S(q, (e) => {
-			let t = $n(e), n = JSON.stringify(t);
-			n !== Nt && (Nt = n, dt.value = t);
-		}, {
-			deep: !0,
-			immediate: !0
-		}), S(rt, (e) => {
-			if (!e || At) return;
-			let t = e.preferences?.recordings?.ungrouped;
-			t !== void 0 && (J.value = t);
-		}, { immediate: !0 }), S([
-			A,
-			() => JSON.stringify(gn.value),
-			Je,
-			et
-		], ([e, , t]) => {
-			e.length ? t && Qe(e.map((e) => e.query), gn.value) : $e();
-		}, { immediate: !0 }), S([J, Sn], ([e, t]) => {
-			ft.value = e ? vt(t) : [];
-		}), S(() => JSON.stringify([vn.value, kt.value]), () => {
-			ke.value && Y.value && Xn(!1);
-		}), S(et, () => {
-			Y.value && Xn(!0);
-		}), S(() => q.value.cameraIds, (e) => {
-			e.length !== 1 && q.value.gridRegions.length > 0 && (q.value = {
-				...q.value,
-				gridRegions: []
-			});
-		}), M(() => {
-			requestAnimationFrame(() => {
-				mt.value = !0;
-			});
-		}), (t, n) => {
-			let r = Oe, a = De, c = Ce, l = ct, u = xt, f = Pt, m = wt, _ = Ct, y = jt, S = _e, T = he, k = pe, M = le, P = Se, te = fe, F = ve, ne = je, I = 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: Gn
-					}, {
-						icon: b(() => [v(K) === "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(lt)?.toggleMenu(e)
-					}, {
-						icon: b(() => [j(u, {
-							width: "100%",
-							height: "100%"
-						})]),
-						_: 1
-					})]),
-					_: 1
-				}),
-				j(wr, {
-					filters: v(q),
-					cameras: v(X),
-					"is-open": v(Lt),
-					"is-overlay": v(Rt),
-					"result-count": v(Dn).length,
-					"result-total": v(On),
-					"result-capped": v(tn)?.capped,
-					"semantic-count": v(Q) ? v(pn) : void 0,
-					"semantic-search-available": v(we),
-					"semantic-search-loading": v(G),
-					"assistant-search-available": v(Tn),
-					"assistant-search-loading": v(bt),
-					"assistant-search-note": v(Tt),
-					"image-search-available": v(An),
-					"onUpdate:filters": qn,
-					onSemanticSearch: Yn,
-					onAssistantSearch: Jn,
-					onImageSearch: ir,
-					onClose: Kn
-				}, 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(Lt) && v(Rt) ? (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: Kn
-				})) : g("", !0)])),
-				D("main", {
-					ref_key: "reindexAnchorRef",
-					ref: ut,
-					class: "relative w-full h-full",
-					style: p({
-						paddingLeft: v(Ht),
-						transition: v(mt) ? "padding-left 200ms" : void 0
-					}),
-					onDragenter: or,
-					onDragleave: sr,
-					onDragover: n[3] ||= e(() => {}, ["prevent"]),
-					onDrop: e(cr, ["prevent"])
-				}, [v(Et) > 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(B) ? g("", !0) : (i(), C("div", kr, [
-						n[4] ||= D("div", { class: "ml-2" }, null, -1),
-						v(V) ? 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: Gn
-						}, {
-							icon: b(() => [v(Lt) ? (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(B) ? 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(lt)?.toggleMenu(e)
-					}, {
-						icon: b(() => [j(u, {
-							width: "100%",
-							height: "100%"
-						})]),
-						_: 1
-					})), [[
-						I,
-						{ 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(B),
-						"pt-[calc(40px+2rem)]": !v(B)
-					}]) }, [
-						v($) ? (i(), h(y, {
-							key: 0,
-							crops: v(mn),
-							"object-label": v(A)[0]?.objectLabel,
-							results: v(Ke),
-							count: v(hn).length,
-							searching: v(qe) || !v(Je),
-							"license-required": v(Ze),
-							onClose: v(N)
-						}, null, 8, [
-							"crops",
-							"object-label",
-							"results",
-							"count",
-							"searching",
-							"license-required",
-							"onClose"
-						])) : g("", !0),
-						v(Dn).length ? (i(), h(k, {
-							key: 1,
-							ref_key: "gridRef",
-							ref: st,
-							items: v(Dn),
-							"min-item-width": v(B) ? 160 : 180,
-							gap: 8,
-							"has-more": v(jn),
-							"load-more": Zn,
-							"item-key": tr,
-							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(Wt),
-								fluid: "",
-								"click-disabled": v(Nn)
-							}, null, 8, [
-								"episode",
-								"camera-by-id",
-								"click-disabled"
-							])) : (i(), h(T, {
-								key: 1,
-								event: e.event,
-								"camera-name": v(Ut).get(e.event.cameraId),
-								camera: v(Wt).get(e.event.cameraId),
-								"semantic-score": v(un).get(e.event.id),
-								"seg-index": e.segIndex,
-								"selection-mode": v(Nn) && e.event.state === "ended",
-								selected: v(Pn).has(e.event.id),
-								"sibling-active": e.segIndex !== void 0 && v(Ot) === e.event.id,
-								onSelect: (t) => v(Bn)(e.event.id),
-								onScrollToEvent: (t) => lr(e.event, t),
-								onOpenTrace: (t) => rr(e.event, t),
-								onSegmentHover: n[2] ||= (e) => Ot.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(yn) ? (i(), h(k, {
-							key: 2,
-							items: v(it),
-							"min-item-width": v(B) ? 160 : 180,
-							gap: 8,
-							"item-key": nr,
-							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(yn) && v(Dn).length && !v(st)?.loadingMore || v(G) ? (i(), C("div", Mr, [j(P, {
-							width: "24px",
-							height: "24px",
-							class: "text-muted"
-						})])) : g("", !0),
-						v(bn) ? (i(), C("div", Nr, [
-							j(te, { class: "w-12 h-12 text-muted" }),
-							D("span", Pr, d(v(xn)), 1),
-							v(sn) && !v(ln) && !v($) && !v(cn) ? (i(), h(l, {
-								key: 0,
-								severity: "secondary",
-								class: "cui-button-small",
-								label: t.$t("views.recordings.load_failed_retry"),
-								onClick: v(on)
-							}, null, 8, ["label", "onClick"])) : g("", !0)
-						])) : g("", !0)
-					], 2)
-				])], 36),
-				v(kn) && v(X).length ? (i(), C("div", {
-					key: 0,
-					class: s(["fixed z-10", v(Vt) ? "scale-0 opacity-0" : "scale-100 opacity-100"]),
-					style: p({
-						left: v(Vt) ? `calc(${v(Ht)} + 0.75rem + var(--safe-area-inset-left))` : `calc(${v(Ft)}px + ${v(Ht)} + 0.75rem)`,
-						bottom: v(It),
-						transition: v(mt) ? "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: Un
-				}, {
-					icon: b(() => [v(E)?.running ? (i(), h(v(Se), { key: 0 })) : (i(), h(v(St), { key: 1 }))]),
-					_: 1
-				}, 8, ["disabled", "label"])], 6)) : g("", !0),
-				v(X).length ? (i(), h(ne, {
-					key: 1,
-					"force-visible": v(Nn),
-					"scroll-hidden": v(zt)
-				}, {
-					default: b(() => [v(Nn) ? (i(), C(w, { key: 1 }, [
-						j(F, {
-							grouped: "",
-							"tooltip-props": { value: t.$t("components.form.tooltip.cancel_selection") },
-							"button-props": { severity: "secondary" },
-							icon: v(pt),
-							"icon-props": {
-								width: "100%",
-								height: "100%"
-							},
-							onClick: v(Rn)
-						}, null, 8, [
-							"tooltip-props",
-							"icon",
-							"onClick"
-						]),
-						j(F, {
-							grouped: "",
-							"tooltip-props": { value: v(Fn) ? t.$t("components.form.tooltip.deselect_all") : t.$t("components.form.tooltip.select_all") },
-							"button-props": { severity: v(Fn) ? "primary" : "secondary" },
-							icon: v(Re),
-							"icon-props": {
-								width: "100%",
-								height: "100%"
-							},
-							onClick: v(zn)
-						}, 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(Pn).size || v(In)
-							},
-							icon: v(Fe),
-							"icon-props": {
-								width: "100%",
-								height: "100%"
-							},
-							onClick: Vn
-						}, null, 8, [
-							"tooltip-props",
-							"button-props",
-							"icon"
-						])
-					], 64)) : (i(), C(w, { key: 0 }, [v(kn) && v(wn).length && !v($) ? (i(), h(F, {
-						key: 0,
-						grouped: "",
-						"tooltip-props": { value: t.$t("views.recordings.select") },
-						"button-props": { severity: "secondary" },
-						icon: v(Ie),
-						"icon-props": {
-							width: "100%",
-							height: "100%"
-						},
-						onClick: v(Ln)
-					}, 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(Me),
-						"icon-props": {
-							width: "26px",
-							height: "26px"
-						},
-						onClick: Wn
-					}, null, 8, ["tooltip-props", "icon"])], 64))]),
-					_: 1
-				}, 8, ["force-visible", "scroll-hidden"])) : g("", !0),
-				j(Ae, {
-					ref_key: "viewMenuRef",
-					ref: lt,
-					items: v(Hn),
-					"auto-hide": !1,
-					popover: { pt: {
-						root: { class: "w-[22rem]" },
-						content: { class: "p-0! rounded-xl! overflow-hidden!" }
-					} }
-				}, null, 8, ["items"])
-			]);
-		};
-	}
-}), [["__scopeId", "data-v-1c253593"]]);
-//#endregion
-export { Ir as default };