@camera.ui/server 2.2.7 → 2.2.8

package/dist/interface/ha/{Faces-Crfi-75Z.js → Faces-CsM5VO8Q.js}

@@ -2,53 +2,53 @@ import { c as e, m as t } from "./ripple-ZDATPc2w.js";
 import { D as n, G as r, H as i, Jt as a, N as o, Wt as s, _t as c, d as l, f as u, gt as d, kt as f, l as p, lt as m, ot as h, p as g, qt as _, r as v, rt as y, st as b, u as x, ut as S, v as C, x as w, xt as T, y as E, yt as D, z as ee } from "./runtime-core.esm-bundler-_TfE0DWz.js";
 import { t as te } from "./tooltip-BDrlgLof.js";
 import { t as O } from "./message-D6dIy_hz.js";
-import { Ar as k, B as ne, Dr as re, Jn as ie, Or as ae, Pr as oe, Qn as se, R as A, Si as j, U as ce, Un as M, _r as le, dr as ue, et as de, gr as N, gt as P, jr as F, kr as fe, l as pe, q as me, ua as he, z as ge } from "./api-BelbnLQO.js";
+import { Ar as ne, B as re, Bn as k, Ir as ie, Mr as ae, Nn as A, Nr as oe, R as j, U as se, _r as M, er as N, et as ce, fa as le, fr as ue, gt as P, jr as F, kr as de, l as fe, q as pe, wi as me, yr as he, z as ge } from "./api-DUqpDJ2N.js";
 import { A as I, M as _e, h as L, i as ve } from "./intercomService-B7HkLs6z.js";
-import { n as ye } from "./vue-i18n-D5EAy78K.js";
-import { h as be } from "./eventIcons-BFNUgeGr.js";
-import { n as xe, t as Se } from "./button-BouAFgf5.js";
-import { t as R } from "./inputtext-C_ygnPrC.js";
-import { t as Ce } from "./close-CxFbonhd.js";
-import { i as we, n as Te, r as Ee, t as De } from "./accordion-BylV-jUK.js";
-import { t as z } from "./autocomplete-Cp3u2Ywa.js";
-import { t as Oe } from "./progressbar-CaUaM8Bt.js";
-import { t as ke } from "./delete-DWdURc9X.js";
-import { t as B } from "./upload-BF0iIQFa.js";
-import { t as Ae } from "./back-filled-CaxrZv0Q.js";
-import { t as je } from "./refresh-CpjKkasY.js";
-import { t as Me } from "./plus-CgxY7W0L.js";
-import { n as Ne, t as Pe } from "./eye-off-UG_p9nl8.js";
-import { t as Fe } from "./minus-D3V6azhV.js";
-import { t as Ie } from "./database-refresh-outline-PiqlCkA7.js";
+import { n as R } from "./vue-i18n-D5EAy78K.js";
+import { h as ye } from "./eventIcons-BFNUgeGr.js";
+import { n as be, t as xe } from "./button-BouAFgf5.js";
+import { t as z } from "./inputtext-C_ygnPrC.js";
+import { t as Se } from "./close-CxFbonhd.js";
+import { i as Ce, n as we, r as Te, t as Ee } from "./accordion-BylV-jUK.js";
+import { t as B } from "./autocomplete-Cp3u2Ywa.js";
+import { t as De } from "./progressbar-CaUaM8Bt.js";
+import { t as Oe } from "./delete-DWdURc9X.js";
+import { t as V } from "./upload-BF0iIQFa.js";
+import { t as ke } from "./back-filled-CaxrZv0Q.js";
+import { t as Ae } from "./refresh-CpjKkasY.js";
+import { t as je } from "./plus-CgxY7W0L.js";
+import { n as Me, t as Ne } from "./eye-off-UG_p9nl8.js";
+import { t as Pe } from "./minus-D3V6azhV.js";
+import { t as Fe } from "./database-refresh-outline-PiqlCkA7.js";
 //#region ~icons/mdi/account-question
-var Le = {
+var Ie = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function V(e, t) {
-	return i(), g("svg", Le, [...t[0] ||= [x("path", {
+function H(e, t) {
+	return i(), g("svg", Ie, [...t[0] ||= [x("path", {
 		fill: "currentColor",
 		d: "M13 8a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4a4 4 0 0 1 4 4m4 10v2H1v-2c0-2.21 3.58-4 8-4s8 1.79 8 4m3.5-3.5V16H19v-1.5zm-2-5H17V9a3 3 0 0 1 3-3a3 3 0 0 1 3 3c0 .97-.5 1.88-1.29 2.41l-.3.19c-.57.4-.91 1.01-.91 1.7v.2H19v-.2c0-1.19.6-2.3 1.59-2.95l.29-.19c.39-.26.62-.69.62-1.16A1.5 1.5 0 0 0 20 7.5A1.5 1.5 0 0 0 18.5 9z"
 	}, null, -1)]]);
 }
-var Re = c({
+var Le = c({
 	name: "mdi-account-question",
-	render: V
-}), ze = {
+	render: H
+}), Re = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function H(e, t) {
-	return i(), g("svg", ze, [...t[0] ||= [x("path", {
+function U(e, t) {
+	return i(), g("svg", Re, [...t[0] ||= [x("path", {
 		fill: "currentColor",
 		d: "M15 14c-2.67 0-8 1.33-8 4v2h16v-2c0-2.67-5.33-4-8-4m-9-4V7H4v3H1v2h3v3h2v-3h3v-2m6 2a4 4 0 0 0 4-4a4 4 0 0 0-4-4a4 4 0 0 0-4 4a4 4 0 0 0 4 4"
 	}, null, -1)]]);
 }
-var U = c({
+var ze = c({
 	name: "mdi-account-plus",
-	render: H
+	render: U
 }), Be = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
@@ -124,12 +124,12 @@ var We = c({
 		"restore"
 	],
 	setup(e) {
-		let n = e, r = pe(), o = p(() => n.confidence ? n.confidence >= .9 ? "text-green-400" : n.confidence >= .7 ? "text-yellow-400" : "text-red-400" : "text-white/50"), c = p(() => n.timestamp ? new Date(n.timestamp).toLocaleTimeString([], {
+		let n = e, r = fe(), o = p(() => n.confidence ? n.confidence >= .9 ? "text-green-400" : n.confidence >= .7 ? "text-yellow-400" : "text-red-400" : "text-white/50"), c = p(() => n.timestamp ? new Date(n.timestamp).toLocaleTimeString([], {
 			hour: "2-digit",
 			minute: "2-digit"
 		}) : "");
 		return (n, d) => {
-			let p = ve, h = le, _ = Ne, y = Se, b = We, C = U, w = Pe, T = ke, D = te;
+			let p = ve, h = he, _ = Me, y = xe, b = We, C = ze, w = Ne, T = Oe, D = te;
 			return e.variant === "known" ? (i(), l(p, {
 				key: 0,
 				class: "cui-card transition-shadow cursor-pointer hover:shadow-md",
@@ -279,7 +279,7 @@ var We = c({
 	setup(e, { expose: t }) {
 		let n = e, o = p(() => n.face);
 		return t({ onConfirm: async () => (n.onDeletePerson(), !0) }), (t, n) => {
-			let c = O, d = Ce, p = Se;
+			let c = O, d = Se, p = xe;
 			return i(), g("div", null, [
 				f(o).imageCount ? (i(), g("div", tt, a(f(o).imageCount) + " " + a(t.$t("views.faces.training_images")), 1)) : u("", !0),
 				f(o).images.length > 0 && f(o).images.length < f(10) ? (i(), l(c, {
@@ -320,10 +320,10 @@ var We = c({
 			]);
 		};
 	}
-}), Z = { class: "flex flex-col gap-2 w-full" }, Q = {
+}), Z = { class: "flex flex-col gap-2 w-full" }, at = {
 	for: "personName",
 	class: "cui-label"
-}, at = /* @__PURE__ */ w({
+}, Q = /* @__PURE__ */ w({
 	__name: "FaceNewPerson",
 	props: { knownNames: {} },
 	setup(e, { expose: t }) {
@@ -333,8 +333,8 @@ var We = c({
 			o.value = t ? r.filter((e) => e.toLowerCase().includes(t)) : [...r];
 		}
 		return t({ onConfirm: async () => r.value.trim() || null }), (e, t) => {
-			let n = z;
-			return i(), g("div", Z, [x("label", Q, a(e.$t("views.faces.name")), 1), E(n, {
+			let n = B;
+			return i(), g("div", Z, [x("label", at, a(e.$t("views.faces.name")), 1), E(n, {
 				id: "personName",
 				modelValue: f(r),
 				"onUpdate:modelValue": t[0] ||= (e) => d(r) ? r.value = e : null,
@@ -369,7 +369,7 @@ var We = c({
 }, ft = /* @__PURE__ */ w({
 	__name: "FacesReindex",
 	setup(e, { expose: t }) {
-		let r = n("dialogRefProps"), { t: o } = ye(), { status: s, isBusy: c, checking: l, refresh: d, start: m, cancel: _ } = ie(), v = T(!1), y = T(!1), S = T(0), C = p(() => s.value?.running === !0), w = p(() => C.value ? [] : s.value?.unusable ?? []), D = p(() => C.value ? [] : (s.value?.skippedNames ?? []).filter((e) => !w.value.includes(e))), te = p(() => {
+		let r = n("dialogRefProps"), { t: o } = R(), { status: s, isBusy: c, checking: l, refresh: d, start: m, cancel: _ } = A(), v = T(!1), y = T(!1), S = T(0), C = p(() => s.value?.running === !0), w = p(() => C.value ? [] : s.value?.unusable ?? []), D = p(() => C.value ? [] : (s.value?.skippedNames ?? []).filter((e) => !w.value.includes(e))), te = p(() => {
 			if (y.value) {
 				if (!s.value?.total) return o("views.faces.reindex.up_to_date");
 				let { done: e, total: t } = s.value;
@@ -384,7 +384,7 @@ var We = c({
 			let e = s.value?.total ?? 0;
 			return e <= 0 ? 0 : Math.min(100, Math.round(((s.value?.done ?? 0) + (s.value?.skipped ?? 0)) / e * 100));
 		});
-		async function k() {
+		async function ne() {
 			return C.value ? _() : (v.value = !0, m()), null;
 		}
 		return h(C, (e, t) => {
@@ -395,8 +395,8 @@ var We = c({
 			s.value?.running && (v.value = !0), d().then(() => {
 				s.value?.running && (v.value = !0);
 			});
-		}), t({ onConfirm: k }), (e, t) => {
-			let n = Oe;
+		}), t({ onConfirm: ne }), (e, t) => {
+			let n = De;
 			return i(), g("div", ot, [
 				x("span", st, a(f(te)), 1),
 				f(v) || f(C) ? (i(), g("div", ct, [E(n, {
@@ -424,7 +424,7 @@ var We = c({
 	__name: "FaceUpload",
 	props: { onEnroll: { type: Function } },
 	setup(e, { expose: n }) {
-		let r = e, { t: o } = ye(), s = T(""), c = T(""), l = T(null), p = T(""), m = T();
+		let r = e, { t: o } = R(), s = T(""), c = T(""), l = T(null), p = T(""), m = T();
 		function h() {
 			m.value?.click();
 		}
@@ -456,7 +456,7 @@ var We = c({
 			}, r.readAsDataURL(e);
 		}
 		return n({ onConfirm: async () => !s.value || !l.value ? null : (await r.onEnroll(s.value, l.value), !0) }), (e, n) => {
-			let r = R, o = B;
+			let r = z, o = V;
 			return i(), g("div", pt, [x("div", null, [x("label", mt, a(e.$t("views.faces.name")), 1), E(r, {
 				modelValue: f(s),
 				"onUpdate:modelValue": n[0] ||= (e) => d(s) ? s.value = e : null,
@@ -506,23 +506,23 @@ var We = c({
 }, nn = 160, rn = 12, an = /* @__PURE__ */ w({
 	__name: "Faces",
 	setup(n) {
-		let c = P(), d = j(), { t: b } = ye(), { smBreakpoint: w } = k(), { width: O } = oe(), { bottombarHeight: pe } = F(), R = se(), z = R.clusteredUnknowns, Oe = y("knownSkeletonRef"), B = y("knownRowRef"), Ne = y("reindexAnchorRef"), { left: Le } = L(Ne), V = T(!1), ze = T(!1), { status: H, checking: Be } = ie(), { y: Ve } = _e(window, { throttle: 100 }), Ue = fe(() => Ve.value), W = D({
+		let c = P(), d = me(), { t: b } = R(), { smBreakpoint: w } = ae(), { width: O } = ie(), { bottombarHeight: fe } = oe(), z = N(), B = z.clusteredUnknowns, De = y("knownSkeletonRef"), V = y("knownRowRef"), Me = y("reindexAnchorRef"), { left: Ie } = L(Me), H = T(!1), Re = T(!1), { status: U, checking: Be } = A(), { y: Ve } = _e(window, { throttle: 100 }), Ue = F(() => Ve.value), W = D({
 			left: 0,
 			max: 0
-		}), Ge = p(() => [...z.value.clusters.flatMap((e) => e.faces), ...z.value.ungrouped]), { selectionMode: G, selectedIds: K, selectedItems: q, allSelected: Ke, bulkBusy: J, enterSelectionMode: qe, exitSelectionMode: Y, toggleSelectAll: Je, toggleSelection: Ye } = A(Ge, (e) => e.id), Xe = p(() => N(void 0, "admin")), Ze = p(() => Ue.value && !H.value?.running), Qe = p(() => {
-			let e = new Set(z.value.clusters.flatMap((e) => e.faces.map((e) => e.id)));
+		}), Ge = p(() => [...B.value.clusters.flatMap((e) => e.faces), ...B.value.ungrouped]), { selectionMode: G, selectedIds: K, selectedItems: q, allSelected: Ke, bulkBusy: J, enterSelectionMode: qe, exitSelectionMode: Y, toggleSelectAll: Je, toggleSelection: Ye } = j(Ge, (e) => e.id), Xe = p(() => M(void 0, "admin")), Ze = p(() => Ue.value && !U.value?.running), Qe = p(() => {
+			let e = new Set(B.value.clusters.flatMap((e) => e.faces.map((e) => e.id)));
 			return [...K.value].filter((t) => e.has(t));
 		}), $e = p(() => {
 			O.value;
-			let e = Oe.value?.clientWidth ?? O.value;
+			let e = De.value?.clientWidth ?? O.value;
 			return Math.floor((e + rn) / 172) || 4;
 		}), tt = p(() => W.left > 4), nt = p(() => W.left < W.max - 4);
 		function X() {
-			let e = B.value;
+			let e = V.value;
 			e && (W.left = e.scrollLeft, W.max = e.scrollWidth - e.clientWidth);
 		}
 		function rt(e) {
-			let t = B.value;
+			let t = V.value;
 			t && t.scrollBy({
 				left: e * Math.max(t.clientWidth - 172, 172),
 				behavior: "smooth"
@@ -533,15 +533,15 @@ var We = c({
 			for (let n of e) K.value.has(n.id) && t++;
 			return t === 0 ? "none" : t === e.length ? "all" : "some";
 		}
-		function Q(e) {
+		function at(e) {
 			let t = new Set(K.value), n = e.every((e) => t.has(e.id));
 			for (let r of e) n ? t.delete(r.id) : t.add(r.id);
 			K.value = t;
 		}
 		async function ot() {
-			V.value = !0;
+			H.value = !0;
 			try {
-				let e = await R.rescanFaces();
+				let e = await z.rescanFaces();
 				e > 0 ? d.add({
 					severity: "success",
 					detail: b("views.faces.rescan_complete", { count: e }),
@@ -558,14 +558,14 @@ var We = c({
 					life: 3e3
 				});
 			} finally {
-				V.value = !1;
+				H.value = !1;
 			}
 		}
 		async function st(e) {
 			let t = T([]);
 			try {
-				t.value = (await R.getFaceImages(e.name)).map((e) => {
-					let t = M(e.jpeg);
+				t.value = (await z.getFaceImages(e.name)).map((e) => {
+					let t = k(e.jpeg);
 					return t ? {
 						id: e.id,
 						src: t,
@@ -584,11 +584,11 @@ var We = c({
 					onRemoveImage: async (n) => {
 						let r = t.value[n];
 						if (r) try {
-							await R.removeFaceImage(e.name, r.id), t.value.splice(n, 1), d.add({
+							await z.removeFaceImage(e.name, r.id), t.value.splice(n, 1), d.add({
 								severity: "success",
 								detail: b("views.faces.image_removed"),
 								life: 3e3
-							}), await R.refresh(!0);
+							}), await z.refresh(!0);
 						} catch (e) {
 							d.add({
 								severity: "error",
@@ -599,11 +599,11 @@ var We = c({
 					},
 					onDeletePerson: async () => {
 						try {
-							await R.deleteFace(e.name), d.add({
+							await z.deleteFace(e.name), d.add({
 								severity: "success",
 								detail: b("views.faces.person_deleted"),
 								life: 3e3
-							}), n.close(), await R.refresh(!0);
+							}), n.close(), await z.refresh(!0);
 						} catch (e) {
 							d.add({
 								severity: "error",
@@ -629,11 +629,11 @@ var We = c({
 				title: b("views.faces.add_face"),
 				confirmText: b("views.faces.enroll"),
 				contentProps: { onEnroll: async (e, t) => {
-					await R.enrollFace(e, t), d.add({
+					await z.enrollFace(e, t), d.add({
 						severity: "success",
 						detail: b("views.faces.face_enrolled"),
 						life: 3e3
-					}), await R.refresh(!0);
+					}), await z.refresh(!0);
 				} }
 			} });
 		}
@@ -644,7 +644,7 @@ var We = c({
 				return;
 			}
 			try {
-				await R.enrollCluster(t, n), d.add({
+				await z.enrollCluster(t, n), d.add({
 					severity: "success",
 					detail: b("views.faces.face_assigned"),
 					life: 3e3
@@ -658,15 +658,15 @@ var We = c({
 			}
 		}
 		function dt(e) {
-			c.openComponentDialog(at, {
+			c.openComponentDialog(Q, {
 				data: {
 					title: b("views.faces.enter_person_name"),
 					confirmText: b("views.faces.enroll"),
-					contentProps: { knownNames: R.knownFaces.value.map((e) => e.name) }
+					contentProps: { knownNames: z.knownFaces.value.map((e) => e.name) }
 				},
 				onConfirm: async (t) => {
 					try {
-						await R.enrollCluster(t, e), d.add({
+						await z.enrollCluster(t, e), d.add({
 							severity: "success",
 							detail: b("views.faces.face_enrolled"),
 							life: 3e3
@@ -683,7 +683,7 @@ var We = c({
 		}
 		async function $(e) {
 			try {
-				await R.deleteUnknownFacesByCluster(e.clusterId);
+				await z.deleteUnknownFacesByCluster(e.clusterId);
 			} catch (e) {
 				d.add({
 					severity: "error",
@@ -694,7 +694,7 @@ var We = c({
 		}
 		async function pt(e) {
 			try {
-				await R.deleteUnknownFace(e.id);
+				await z.deleteUnknownFace(e.id);
 			} catch (e) {
 				d.add({
 					severity: "error",
@@ -705,7 +705,7 @@ var We = c({
 		}
 		async function mt(e) {
 			try {
-				await R.removeFromCluster(e.id);
+				await z.removeFromCluster(e.id);
 			} catch (e) {
 				d.add({
 					severity: "error",
@@ -716,7 +716,7 @@ var We = c({
 		}
 		async function ht(e) {
 			try {
-				await R.ignoreFaces([e.id]), d.add({
+				await z.ignoreFaces([e.id]), d.add({
 					severity: "success",
 					detail: b("views.faces.face_ignored"),
 					life: 3e3
@@ -731,7 +731,7 @@ var We = c({
 		}
 		async function gt(e) {
 			try {
-				await R.ignoreCluster(e.clusterId), d.add({
+				await z.ignoreCluster(e.clusterId), d.add({
 					severity: "success",
 					detail: b("views.faces.face_ignored"),
 					life: 3e3
@@ -749,7 +749,7 @@ var We = c({
 			if (e.length) {
 				J.value = !0;
 				try {
-					await R.ignoreFaces(e), d.add({
+					await z.ignoreFaces(e), d.add({
 						severity: "success",
 						detail: b("views.faces.face_ignored"),
 						life: 3e3
@@ -767,7 +767,7 @@ var We = c({
 		}
 		async function vt(e) {
 			try {
-				await R.unignoreFaces([e.id]), d.add({
+				await z.unignoreFaces([e.id]), d.add({
 					severity: "success",
 					detail: b("views.faces.face_restored"),
 					life: 3e3
@@ -781,19 +781,19 @@ var We = c({
 			}
 		}
 		function yt(e) {
-			c.openComponentDialog(at, {
+			c.openComponentDialog(Q, {
 				data: {
 					title: b("views.faces.assign"),
 					confirmText: b("views.faces.enroll"),
-					contentProps: { knownNames: R.knownFaces.value.map((e) => e.name) }
+					contentProps: { knownNames: z.knownFaces.value.map((e) => e.name) }
 				},
 				onConfirm: async (t) => {
 					try {
-						await R.enrollFromEvent(t, e.id), d.add({
+						await z.enrollFromEvent(t, e.id), d.add({
 							severity: "success",
 							detail: b("views.faces.face_assigned"),
 							life: 3e3
-						}), await R.refresh(!0);
+						}), await z.refresh(!0);
 					} catch (e) {
 						d.add({
 							severity: "error",
@@ -806,16 +806,16 @@ var We = c({
 		}
 		function bt() {
 			let e = q.value.map((e) => e.id);
-			e.length && c.openComponentDialog(at, {
+			e.length && c.openComponentDialog(Q, {
 				data: {
 					title: b("views.faces.assign"),
 					confirmText: b("views.faces.enroll"),
-					contentProps: { knownNames: R.knownFaces.value.map((e) => e.name) }
+					contentProps: { knownNames: z.knownFaces.value.map((e) => e.name) }
 				},
 				onConfirm: async (t) => {
 					J.value = !0;
 					try {
-						await R.enrollCluster(t, e), d.add({
+						await z.enrollCluster(t, e), d.add({
 							severity: "success",
 							detail: b("views.faces.face_assigned"),
 							life: 3e3
@@ -837,7 +837,7 @@ var We = c({
 			if (e.length) {
 				J.value = !0;
 				try {
-					await R.removeFacesFromCluster(e), Y();
+					await z.removeFacesFromCluster(e), Y();
 				} catch (e) {
 					d.add({
 						severity: "error",
@@ -854,7 +854,7 @@ var We = c({
 			if (e.length) {
 				J.value = !0;
 				try {
-					await R.deleteUnknownFaces(e), Y();
+					await z.deleteUnknownFaces(e), Y();
 				} catch (e) {
 					d.add({
 						severity: "error",
@@ -868,7 +868,7 @@ var We = c({
 		}
 		async function on() {
 			try {
-				await R.deleteUngroupedUnknownFaces(), d.add({
+				await z.deleteUngroupedUnknownFaces(), d.add({
 					severity: "success",
 					detail: b("views.faces.all_unknown_cleared"),
 					life: 3e3
@@ -881,15 +881,15 @@ var We = c({
 				});
 			}
 		}
-		return h(() => R.knownFaces.value.length, () => o(X)), I(B, X), ee(() => {
+		return h(() => z.knownFaces.value.length, () => o(X)), I(V, X), ee(() => {
 			requestAnimationFrame(() => {
-				ze.value = !0;
+				Re.value = !0;
 			});
 		}), (n, o) => {
-			let c = Ae, d = Se, p = me, h = he, y = be, b = xe, T = et, D = ue, ee = He, O = le, k = Fe, ie = U, oe = Pe, se = ke, A = Ee, j = we, N = Te, P = De, F = ve, fe = Re, I = re, _e = ae, L = te;
+			let c = ke, d = xe, p = pe, h = le, y = ye, b = be, T = et, D = ue, ee = He, O = he, ie = Pe, ae = ze, A = Ne, oe = Oe, j = Te, M = Ce, N = we, P = Ee, F = ve, me = Le, I = de, _e = ne, L = te;
 			return i(), g("div", {
 				ref_key: "reindexAnchorRef",
-				ref: Ne,
+				ref: Me,
 				class: "flex flex-col"
 			}, [
 				f(w) ? u("", !0) : (i(), g("div", Ct, [x("h1", wt, a(n.$t("views.faces.title")), 1)])),
@@ -905,10 +905,10 @@ var We = c({
 					})]),
 					_: 1
 				}),
-				f(R).isLoading.value ? (i(), g("section", {
+				f(z).isLoading.value ? (i(), g("section", {
 					key: 1,
 					ref_key: "knownSkeletonRef",
-					ref: Oe,
+					ref: De,
 					class: "mb-6 p-px"
 				}, [E(h, {
 					height: "16px",
@@ -929,22 +929,22 @@ var We = c({
 				}), E(h, {
 					height: "12px",
 					width: "40%"
-				})])], 4))), 128))])], 512)) : (i(), g(v, { key: 2 }, [!f(R).knownFaces.value.length && !f(R).unknownFaces.value.length && !f(R).ignoredFaces.value.length ? (i(), g("div", Dt, [E(y, { class: "w-12 h-12 text-muted" }), x("span", Ot, a(n.$t("views.faces.no_faces_yet")), 1)])) : (i(), g(v, { key: 1 }, [x("section", kt, [x("div", At, [x("span", jt, [x("span", Mt, a(n.$t("views.faces.known_faces")), 1), E(b, {
+				})])], 4))), 128))])], 512)) : (i(), g(v, { key: 2 }, [!f(z).knownFaces.value.length && !f(z).unknownFaces.value.length && !f(z).ignoredFaces.value.length ? (i(), g("div", Dt, [E(y, { class: "w-12 h-12 text-muted" }), x("span", Ot, a(n.$t("views.faces.no_faces_yet")), 1)])) : (i(), g(v, { key: 1 }, [x("section", kt, [x("div", At, [x("span", jt, [x("span", Mt, a(n.$t("views.faces.known_faces")), 1), E(b, {
 					size: "small",
 					class: "rounded-full px-1.5",
-					value: String(f(R).knownFaces.value.length)
-				}, null, 8, ["value"])])]), f(R).knownFaces.value.length ? (i(), g("div", Nt, [
+					value: String(f(z).knownFaces.value.length)
+				}, null, 8, ["value"])])]), f(z).knownFaces.value.length ? (i(), g("div", Nt, [
 					x("div", {
 						ref_key: "knownRowRef",
-						ref: B,
+						ref: V,
 						class: "flex gap-3 p-px overflow-x-auto overscroll-x-contain hide-scrollbar",
 						onScroll: X
-					}, [(i(!0), g(v, null, r(f(R).knownFaces.value, (e) => (i(), l(T, {
+					}, [(i(!0), g(v, null, r(f(z).knownFaces.value, (e) => (i(), l(T, {
 						key: e.name,
 						class: "shrink-0",
 						style: _({ width: `${nn}px` }),
 						variant: "known",
-						thumbnail: f(M)(e.thumbnail),
+						thumbnail: f(k)(e.thumbnail),
 						name: e.name,
 						"image-count": e.imageCount,
 						onClick: (t) => st(e)
@@ -991,34 +991,34 @@ var We = c({
 					x("div", It, [x("span", Lt, [x("span", Rt, a(n.$t("views.faces.unknown_faces")), 1), E(b, {
 						size: "small",
 						class: "rounded-full px-1.5",
-						value: String(f(R).unknownFaces.value.length)
+						value: String(f(z).unknownFaces.value.length)
 					}, null, 8, ["value"])])]),
 					x("div", zt, [
-						f(z).clusters.length ? (i(), l(F, {
+						f(B).clusters.length ? (i(), l(F, {
 							key: 0,
 							class: "cui-card border-color-inner h-auto!",
 							pt: { body: { class: "pb-0" } }
 						}, {
 							content: m(() => [E(P, { multiple: "" }, {
-								default: m(() => [(i(!0), g(v, null, r(f(z).clusters, (e, c) => (i(), l(N, {
+								default: m(() => [(i(!0), g(v, null, r(f(B).clusters, (e, c) => (i(), l(N, {
 									key: e.clusterId,
 									value: e.clusterId,
-									class: s({ "border-b-0": c === f(z).clusters.length - 1 })
+									class: s({ "border-b-0": c === f(B).clusters.length - 1 })
 								}, {
-									default: m(() => [E(A, { class: s({
+									default: m(() => [E(j, { class: s({
 										"px-0 pt-0": c === 0,
 										"px-0": c !== 0,
-										"pb-5": c === f(z).clusters.length - 1
+										"pb-5": c === f(B).clusters.length - 1
 									}) }, {
 										default: m(() => [x("span", Bt, [
 											f(G) ? (i(), g("div", {
 												key: 0,
 												class: "shrink-0",
-												onClick: t((t) => Q(e.faces), ["stop"])
+												onClick: t((t) => at(e.faces), ["stop"])
 											}, [x("div", { class: s(["w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors cursor-pointer", Z(e.faces) === "none" ? "border-surface-400 dark:border-surface-500" : "bg-primary border-primary"]) }, [Z(e.faces) === "all" ? (i(), l(O, {
 												key: 0,
 												class: "w-4 h-4 text-white"
-											})) : Z(e.faces) === "some" ? (i(), l(k, {
+											})) : Z(e.faces) === "some" ? (i(), l(ie, {
 												key: 1,
 												class: "w-4 h-4 text-white"
 											})) : u("", !0)], 2)], 8, Vt)) : u("", !0),
@@ -1039,7 +1039,7 @@ var We = c({
 													class: "cui-icon-lg",
 													onClick: (t) => ut(e, "__new__")
 												}, {
-													icon: m(() => [E(ie, { class: "w-4 h-4" })]),
+													icon: m(() => [E(ae, { class: "w-4 h-4" })]),
 													_: 1
 												}, 8, ["onClick"])), [[
 													L,
@@ -1054,7 +1054,7 @@ var We = c({
 													class: "cui-icon-lg",
 													onClick: (t) => gt(e)
 												}, {
-													icon: m(() => [E(oe, { class: "w-4 h-4" })]),
+													icon: m(() => [E(A, { class: "w-4 h-4" })]),
 													_: 1
 												}, 8, ["onClick"])), [[
 													L,
@@ -1069,7 +1069,7 @@ var We = c({
 													class: "cui-icon-lg",
 													onClick: (t) => $(e)
 												}, {
-													icon: m(() => [E(se, {
+													icon: m(() => [E(oe, {
 														width: "100%",
 														height: "100%"
 													})]),
@@ -1083,9 +1083,9 @@ var We = c({
 											])
 										])]),
 										_: 2
-									}, 1032, ["class"]), E(j, { pt: { content: { class: {
+									}, 1032, ["class"]), E(M, { pt: { content: { class: {
 										"px-0": !0,
-										"pb-5": c === f(z).clusters.length - 1
+										"pb-5": c === f(B).clusters.length - 1
 									} } } }, {
 										default: m(() => [x("div", {
 											class: "grid w-full gap-3",
@@ -1094,7 +1094,7 @@ var We = c({
 											key: e.id,
 											variant: "unknown",
 											"show-remove": "",
-											thumbnail: f(M)(e.thumbnail),
+											thumbnail: f(k)(e.thumbnail),
 											timestamp: e.timestamp,
 											confidence: e.confidence,
 											"selection-mode": f(G),
@@ -1124,7 +1124,7 @@ var We = c({
 							})]),
 							_: 1
 						})) : u("", !0),
-						f(z).ungrouped.length ? (i(), l(F, {
+						f(B).ungrouped.length ? (i(), l(F, {
 							key: 1,
 							class: "cui-card border-color-inner h-auto!",
 							pt: { body: { class: "pb-0" } }
@@ -1134,25 +1134,25 @@ var We = c({
 									value: "__ungrouped__",
 									class: "border-b-0"
 								}, {
-									default: m(() => [E(A, { class: "px-0 pt-0 pb-5" }, {
+									default: m(() => [E(j, { class: "px-0 pt-0 pb-5" }, {
 										default: m(() => [x("span", Gt, [
 											f(G) ? (i(), g("div", {
 												key: 0,
 												class: "shrink-0",
-												onClick: o[4] ||= t((e) => Q(f(z).ungrouped), ["stop"])
-											}, [x("div", { class: s(["w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors cursor-pointer", Z(f(z).ungrouped) === "none" ? "border-surface-400 dark:border-surface-500" : "bg-primary border-primary"]) }, [Z(f(z).ungrouped) === "all" ? (i(), l(O, {
+												onClick: o[4] ||= t((e) => at(f(B).ungrouped), ["stop"])
+											}, [x("div", { class: s(["w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors cursor-pointer", Z(f(B).ungrouped) === "none" ? "border-surface-400 dark:border-surface-500" : "bg-primary border-primary"]) }, [Z(f(B).ungrouped) === "all" ? (i(), l(O, {
 												key: 0,
 												class: "w-4 h-4 text-white"
-											})) : Z(f(z).ungrouped) === "some" ? (i(), l(k, {
+											})) : Z(f(B).ungrouped) === "some" ? (i(), l(ie, {
 												key: 1,
 												class: "w-4 h-4 text-white"
 											})) : u("", !0)], 2)])) : u("", !0),
-											x("div", Kt, [E(fe, { class: "w-5 h-5 text-muted" })]),
+											x("div", Kt, [E(me, { class: "w-5 h-5 text-muted" })]),
 											x("span", qt, [x("span", Jt, [C(a(n.$t("views.faces.ungrouped")) + " ", 1), E(b, {
 												size: "small",
 												class: "rounded-full px-1.5",
 												severity: "secondary",
-												value: String(f(z).ungrouped.length)
+												value: String(f(B).ungrouped.length)
 											}, null, 8, ["value"])]), x("span", Yt, a(n.$t("views.faces.ungrouped_hint")), 1)]),
 											x("span", {
 												class: "ml-auto flex items-center gap-1 mr-2",
@@ -1164,7 +1164,7 @@ var We = c({
 												class: "cui-icon-lg",
 												onClick: on
 											}, {
-												icon: m(() => [E(se, {
+												icon: m(() => [E(oe, {
 													width: "100%",
 													height: "100%"
 												})]),
@@ -1177,14 +1177,14 @@ var We = c({
 											]])])
 										])]),
 										_: 1
-									}), E(j, { pt: { content: { class: "px-0 pb-5" } } }, {
+									}), E(M, { pt: { content: { class: "px-0 pb-5" } } }, {
 										default: m(() => [x("div", {
 											class: "grid w-full gap-3",
 											style: _({ gridTemplateColumns: `repeat(auto-fill, minmax(${f(w) ? "120px" : "140px"}, 1fr))` })
-										}, [(i(!0), g(v, null, r(f(z).ungrouped, (e) => (i(), l(T, {
+										}, [(i(!0), g(v, null, r(f(B).ungrouped, (e) => (i(), l(T, {
 											key: e.id,
 											variant: "unknown",
-											thumbnail: f(M)(e.thumbnail),
+											thumbnail: f(k)(e.thumbnail),
 											timestamp: e.timestamp,
 											confidence: e.confidence,
 											"selection-mode": f(G),
@@ -1212,7 +1212,7 @@ var We = c({
 							})]),
 							_: 1
 						})) : u("", !0),
-						f(R).ignoredFaces.value.length ? (i(), l(F, {
+						f(z).ignoredFaces.value.length ? (i(), l(F, {
 							key: 2,
 							class: "cui-card border-color-inner h-auto!",
 							pt: { body: { class: "pb-0" } }
@@ -1222,22 +1222,22 @@ var We = c({
 									value: "__ignored__",
 									class: "border-b-0"
 								}, {
-									default: m(() => [E(A, { class: "px-0 pt-0 pb-5" }, {
-										default: m(() => [x("span", Xt, [x("div", Zt, [E(oe, { class: "w-5 h-5 text-muted" })]), x("span", Qt, [x("span", $t, [C(a(n.$t("views.faces.ignored_faces")) + " ", 1), E(b, {
+									default: m(() => [E(j, { class: "px-0 pt-0 pb-5" }, {
+										default: m(() => [x("span", Xt, [x("div", Zt, [E(A, { class: "w-5 h-5 text-muted" })]), x("span", Qt, [x("span", $t, [C(a(n.$t("views.faces.ignored_faces")) + " ", 1), E(b, {
 											size: "small",
 											class: "rounded-full px-1.5",
 											severity: "secondary",
-											value: String(f(R).ignoredFaces.value.length)
+											value: String(f(z).ignoredFaces.value.length)
 										}, null, 8, ["value"])]), x("span", en, a(n.$t("views.faces.ignored_hint")), 1)])])]),
 										_: 1
-									}), E(j, { pt: { content: { class: "px-0 pb-5" } } }, {
+									}), E(M, { pt: { content: { class: "px-0 pb-5" } } }, {
 										default: m(() => [x("div", {
 											class: "grid w-full gap-3",
 											style: _({ gridTemplateColumns: `repeat(auto-fill, minmax(${f(w) ? "120px" : "140px"}, 1fr))` })
-										}, [(i(!0), g(v, null, r(f(R).ignoredFaces.value, (e) => (i(), l(T, {
+										}, [(i(!0), g(v, null, r(f(z).ignoredFaces.value, (e) => (i(), l(T, {
 											key: e.id,
 											variant: "ignored",
-											thumbnail: f(M)(e.thumbnail),
+											thumbnail: f(k)(e.thumbnail),
 											timestamp: e.timestamp,
 											onRestore: (t) => vt(e)
 										}, null, 8, [
@@ -1254,28 +1254,28 @@ var We = c({
 							_: 1
 						})) : u("", !0)
 					]),
-					!f(R).unknownFaces.value.length && !f(R).ignoredFaces.value.length ? (i(), g("div", tn, a(n.$t("views.faces.no_unknown_faces")), 1)) : u("", !0)
+					!f(z).unknownFaces.value.length && !f(z).ignoredFaces.value.length ? (i(), g("div", tn, a(n.$t("views.faces.no_unknown_faces")), 1)) : u("", !0)
 				])], 64))], 64)),
-				f(Xe) && f(R).knownFaces.value.length ? (i(), g("div", {
+				f(Xe) && f(z).knownFaces.value.length ? (i(), g("div", {
 					key: 3,
 					class: s(["fixed z-10", f(Ze) ? "scale-0 opacity-0" : "scale-100 opacity-100"]),
 					style: _({
-						left: `calc(${f(Le)}px + 0.75rem)`,
-						bottom: `calc(${f(pe)}px + 1.25rem + var(--safe-area-inset-bottom))`,
-						transition: f(ze) ? "left 200ms, transform 200ms ease-in-out, opacity 200ms ease-in-out" : void 0
+						left: `calc(${f(Ie)}px + 0.75rem)`,
+						bottom: `calc(${f(fe)}px + 1.25rem + var(--safe-area-inset-bottom))`,
+						transition: f(Re) ? "left 200ms, transform 200ms ease-in-out, opacity 200ms ease-in-out" : void 0
 					})
 				}, [E(d, {
 					severity: "secondary",
 					rounded: "",
 					class: "shadow-lg",
-					disabled: f(H)?.running,
-					label: f(Be) ? n.$t("views.faces.reindex.checking") : f(H)?.running ? n.$t("views.faces.reindex.progress", {
-						done: f(H).done,
-						total: f(H).total
+					disabled: f(U)?.running,
+					label: f(Be) ? n.$t("views.faces.reindex.checking") : f(U)?.running ? n.$t("views.faces.reindex.progress", {
+						done: f(U).done,
+						total: f(U).total
 					}) : n.$t("views.faces.reindex.button"),
 					onClick: ct
 				}, {
-					icon: m(() => [f(H)?.running ? (i(), l(f(de), { key: 0 })) : (i(), l(f(Ie), { key: 1 }))]),
+					icon: m(() => [f(U)?.running ? (i(), l(f(ce), { key: 0 })) : (i(), l(f(Fe), { key: 1 }))]),
 					_: 1
 				}, 8, ["disabled", "label"])], 6)) : u("", !0),
 				E(_e, { "force-visible": f(G) }, {
@@ -1284,7 +1284,7 @@ var We = c({
 							grouped: "",
 							"tooltip-props": { value: n.$t("components.form.tooltip.cancel_selection") },
 							"button-props": { severity: "secondary" },
-							icon: f(Ce),
+							icon: f(Se),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
@@ -1299,7 +1299,7 @@ var We = c({
 							grouped: "",
 							"tooltip-props": { value: f(Ke) ? n.$t("components.form.tooltip.deselect_all") : n.$t("components.form.tooltip.select_all") },
 							"button-props": { severity: f(Ke) ? "primary" : "secondary" },
-							icon: f(ce),
+							icon: f(se),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
@@ -1318,7 +1318,7 @@ var We = c({
 								severity: "secondary",
 								disabled: !f(K).size || f(J)
 							},
-							icon: f(U),
+							icon: f(ze),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
@@ -1354,7 +1354,7 @@ var We = c({
 								severity: "secondary",
 								disabled: !f(K).size || f(J)
 							},
-							icon: f(Pe),
+							icon: f(Ne),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
@@ -1372,7 +1372,7 @@ var We = c({
 								severity: "danger",
 								disabled: !f(K).size || f(J)
 							},
-							icon: f(ne),
+							icon: f(re),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
@@ -1400,15 +1400,15 @@ var We = c({
 							"icon",
 							"onClick"
 						])) : u("", !0),
-						f(R).knownFaces.value.length ? (i(), l(I, {
+						f(z).knownFaces.value.length ? (i(), l(I, {
 							key: 1,
 							grouped: "",
 							"tooltip-props": { value: n.$t("views.faces.rescan_events") },
 							"button-props": {
 								severity: "secondary",
-								disabled: f(V)
+								disabled: f(H)
 							},
-							icon: f(V) ? f(de) : f(je),
+							icon: f(H) ? f(ce) : f(Ae),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
@@ -1423,7 +1423,7 @@ var We = c({
 							grouped: "",
 							"tooltip-props": { value: n.$t("views.faces.add_face") },
 							"button-props": { class: "text-white" },
-							icon: f(Me),
+							icon: f(je),
 							"icon-props": {
 								width: "30px",
 								height: "30px"