@camera.ui/server 2.2.5 → 2.2.7

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

@@ -2,60 +2,60 @@ 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, Fn as A, J as ie, Jn as j, Or as ae, Pr as oe, Si as M, V as se, W as ce, Wn as N, _r as le, _t as P, fr as ue, gr as F, jr as I, kr as L, l as de, tt as fe, ua as pe, z as me } from "./api-Dv3Lk_g5.js";
-import { A as R, M as he, h as z, i as ge } from "./intercomService-B7HkLs6z.js";
-import { n as _e } from "./vue-i18n-D5EAy78K.js";
-import { h as ve } from "./eventIcons-BFNUgeGr.js";
-import { n as ye, t as be } from "./button-BouAFgf5.js";
-import { t as B } from "./inputtext-C_ygnPrC.js";
-import { t as xe } from "./close-CxFbonhd.js";
-import { i as Se, n as Ce, r as we, t as Te } from "./accordion-BylV-jUK.js";
-import { t as V } from "./autocomplete-Cp3u2Ywa.js";
-import { t as Ee } from "./progressbar-CaUaM8Bt.js";
-import { t as De } from "./delete-DWdURc9X.js";
-import { t as H } from "./upload-BF0iIQFa.js";
-import { t as Oe } from "./back-filled-CaxrZv0Q.js";
-import { t as ke } from "./refresh-CpjKkasY.js";
-import { t as Ae } from "./plus-CgxY7W0L.js";
-import { n as je, t as Me } from "./eye-off-UG_p9nl8.js";
-import { t as Ne } from "./minus-D3V6azhV.js";
-import { t as Pe } from "./database-refresh-outline-PiqlCkA7.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 { 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";
 //#region ~icons/mdi/account-question
-var Fe = {
+var Le = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function U(e, t) {
-	return i(), g("svg", Fe, [...t[0] ||= [x("path", {
+function V(e, t) {
+	return i(), g("svg", Le, [...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 Ie = c({
+var Re = c({
 	name: "mdi-account-question",
-	render: U
-}), Le = {
+	render: V
+}), ze = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function W(e, t) {
-	return i(), g("svg", Le, [...t[0] ||= [x("path", {
+function H(e, t) {
+	return i(), g("svg", ze, [...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 Re = c({
+var U = c({
 	name: "mdi-account-plus",
-	render: W
-}), ze = {
+	render: H
+}), Be = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Be(e, t) {
-	return i(), g("svg", ze, [...t[0] ||= [x("path", {
+function Ve(e, t) {
+	return i(), g("svg", Be, [...t[0] ||= [x("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -64,16 +64,16 @@ function Be(e, t) {
 		d: "m9 6l6 6l-6 6"
 	}, null, -1)]]);
 }
-var Ve = c({
+var He = c({
 	name: "tabler-chevron-right",
-	render: Be
-}), He = {
+	render: Ve
+}), Ue = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function G(e, t) {
-	return i(), g("svg", He, [...t[0] ||= [x("path", {
+function W(e, t) {
+	return i(), g("svg", Ue, [...t[0] ||= [x("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -82,22 +82,22 @@ function G(e, t) {
 		d: "M5 12h14"
 	}, null, -1)]]);
 }
-var Ue = c({
+var We = c({
 	name: "tabler-minus",
-	render: G
-}), We = { class: "aspect-square overflow-hidden flex items-center justify-center bg-black/5 dark:bg-black/30" }, K = ["src"], q = ["src"], J = { class: "font-medium truncate" }, Ge = { class: "text-xs text-muted" }, Y = {
+	render: W
+}), Ge = { class: "aspect-square overflow-hidden flex items-center justify-center bg-black/5 dark:bg-black/30" }, G = ["src"], K = ["src"], q = { class: "font-medium truncate" }, Ke = { class: "text-xs text-muted" }, J = {
 	class: "bg-neutral-900 w-full rounded-xl overflow-hidden relative border-[1px] border-color shadow-lg",
 	style: { "aspect-ratio": "1 / 1" }
-}, Ke = ["src"], X = {
+}, qe = ["src"], Y = {
 	key: 1,
 	class: "w-full h-full flex items-center justify-center bg-neutral-800/80"
-}, qe = ["src"], Je = { class: "absolute top-0 left-0 right-0 p-2 bg-gradient-to-b from-black/60 to-transparent" }, Ye = { class: "flex items-center justify-between" }, Xe = { class: "text-xs text-white/70" }, Ze = {
+}, Je = ["src"], Ye = { class: "absolute top-0 left-0 right-0 p-2 bg-gradient-to-b from-black/60 to-transparent" }, Xe = { class: "flex items-center justify-between" }, Ze = { class: "text-xs text-white/70" }, Qe = {
 	key: 2,
 	class: "absolute bottom-2 left-2 pointer-events-none"
-}, Qe = {
+}, $e = {
 	key: 3,
 	class: "absolute bottom-0 left-0 right-0 p-1.5 bg-gradient-to-t from-black/60 to-transparent flex items-center justify-center gap-1 dark-mode"
-}, $e = /* @__PURE__ */ w({
+}, et = /* @__PURE__ */ w({
 	__name: "CuiFaceCard",
 	props: {
 		variant: {},
@@ -124,50 +124,50 @@ var Ue = c({
 		"restore"
 	],
 	setup(e) {
-		let n = e, r = de(), 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 = 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([], {
 			hour: "2-digit",
 			minute: "2-digit"
 		}) : "");
 		return (n, d) => {
-			let p = ge, h = le, _ = je, y = be, b = Ue, C = Re, w = Me, T = De, D = te;
+			let p = ve, h = le, _ = Ne, y = Se, b = We, C = U, w = Pe, T = ke, D = te;
 			return e.variant === "known" ? (i(), l(p, {
 				key: 0,
 				class: "cui-card transition-shadow cursor-pointer hover:shadow-md",
 				onClick: d[0] ||= (e) => n.$emit("click")
 			}, {
-				header: m(() => [x("div", We, [e.thumbnail ? (i(), g("img", {
+				header: m(() => [x("div", Ge, [e.thumbnail ? (i(), g("img", {
 					key: 0,
 					src: e.thumbnail,
 					class: "w-full h-full object-cover"
-				}, null, 8, K)) : (i(), g("img", {
+				}, null, 8, G)) : (i(), g("img", {
 					key: 1,
 					src: f(r),
 					class: "w-1/2 h-1/2 object-contain"
-				}, null, 8, q))])]),
-				content: m(() => [x("div", J, a(e.name), 1), x("div", Ge, a(e.imageCount) + " " + a(n.$t("views.faces.images")), 1)]),
+				}, null, 8, K))])]),
+				content: m(() => [x("div", q, a(e.name), 1), x("div", Ke, a(e.imageCount) + " " + a(n.$t("views.faces.images")), 1)]),
 				_: 1
 			})) : (i(), g("div", {
 				key: 1,
 				class: s(["relative", e.selectionMode ? "cursor-pointer" : "cursor-default"]),
 				onClick: d[6] ||= (t) => e.selectionMode && n.$emit("click")
-			}, [x("div", Y, [
+			}, [x("div", J, [
 				e.thumbnail ? (i(), g("img", {
 					key: 0,
 					src: e.thumbnail,
 					class: "w-full h-full object-cover"
-				}, null, 8, Ke)) : (i(), g("div", X, [x("img", {
+				}, null, 8, qe)) : (i(), g("div", Y, [x("img", {
 					src: f(r),
 					class: "w-1/3 h-1/3 object-contain opacity-20"
-				}, null, 8, qe)])),
-				x("div", Je, [x("div", Ye, [x("span", Xe, a(f(c)), 1), e.confidence ? (i(), g("span", {
+				}, null, 8, Je)])),
+				x("div", Ye, [x("div", Xe, [x("span", Ze, a(f(c)), 1), e.confidence ? (i(), g("span", {
 					key: 0,
 					class: s(["text-xs font-medium", f(o)])
 				}, a(Math.round(e.confidence * 100)) + "%", 3)) : u("", !0)])]),
-				e.selectionMode ? (i(), g("div", Ze, [x("div", { class: s(["w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors", e.selected ? "bg-primary border-primary" : "bg-black/40 border-white/80"]) }, [e.selected ? (i(), l(h, {
+				e.selectionMode ? (i(), g("div", Qe, [x("div", { class: s(["w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors", e.selected ? "bg-primary border-primary" : "bg-black/40 border-white/80"]) }, [e.selected ? (i(), l(h, {
 					key: 0,
 					class: "w-4 h-4 text-white"
 				})) : u("", !0)], 2)])) : u("", !0),
-				e.selectionMode ? u("", !0) : (i(), g("div", Qe, [e.variant === "ignored" ? S((i(), l(y, {
+				e.selectionMode ? u("", !0) : (i(), g("div", $e, [e.variant === "ignored" ? S((i(), l(y, {
 					key: 0,
 					severity: "secondary",
 					rounded: "",
@@ -260,16 +260,16 @@ var Ue = c({
 			])], 2));
 		};
 	}
-}), et = {
+}), tt = {
 	key: 0,
 	class: "text-sm text-muted mb-4"
-}, tt = {
+}, nt = {
 	key: 2,
 	class: "grid grid-cols-3 gap-2"
-}, Z = ["src"], nt = {
+}, X = ["src"], rt = {
 	key: 3,
 	class: "text-muted text-sm text-center py-8"
-}, rt = /* @__PURE__ */ w({
+}, it = /* @__PURE__ */ w({
 	__name: "FaceDetail",
 	props: {
 		face: {},
@@ -279,9 +279,9 @@ var Ue = 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 = xe, p = be;
+			let c = O, d = Ce, p = Se;
 			return i(), g("div", null, [
-				f(o).imageCount ? (i(), g("div", et, a(f(o).imageCount) + " " + a(t.$t("views.faces.training_images")), 1)) : u("", !0),
+				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, {
 					key: 1,
 					severity: "warn",
@@ -292,14 +292,14 @@ var Ue = c({
 					default: m(() => [C(a(t.$t("views.faces.few_pictures_hint", { count: f(10) })), 1)]),
 					_: 1
 				})) : u("", !0),
-				f(o).images.length ? (i(), g("div", tt, [(i(!0), g(v, null, r(f(o).images, (t, n) => (i(), g("div", {
+				f(o).images.length ? (i(), g("div", nt, [(i(!0), g(v, null, r(f(o).images, (t, n) => (i(), g("div", {
 					key: n,
 					class: "relative aspect-square rounded-2xl overflow-hidden bg-surface-100 dark:bg-surface-800"
 				}, [
 					x("img", {
 						src: t.src,
 						class: "w-full h-full object-cover"
-					}, null, 8, Z),
+					}, null, 8, X),
 					t.confidence ? (i(), g("div", {
 						key: 0,
 						class: s(["absolute bottom-0.5 right-0.5 text-[10px] font-medium px-1 rounded bg-black/60", t.confidence >= .9 ? "text-green-400" : t.confidence >= .7 ? "text-yellow-400" : "text-red-400"])
@@ -316,11 +316,11 @@ var Ue = c({
 						})]),
 						_: 1
 					}, 8, ["onClick"])
-				]))), 128))])) : (i(), g("div", nt, a(t.$t("views.faces.no_known_faces")), 1))
+				]))), 128))])) : (i(), g("div", rt, a(t.$t("views.faces.no_known_faces")), 1))
 			]);
 		};
 	}
-}), Q = { class: "flex flex-col gap-2 w-full" }, it = {
+}), Z = { class: "flex flex-col gap-2 w-full" }, Q = {
 	for: "personName",
 	class: "cui-label"
 }, at = /* @__PURE__ */ w({
@@ -333,8 +333,8 @@ var Ue = c({
 			o.value = t ? r.filter((e) => e.toLowerCase().includes(t)) : [...r];
 		}
 		return t({ onConfirm: async () => r.value.trim() || null }), (e, t) => {
-			let n = V;
-			return i(), g("div", Q, [x("label", it, a(e.$t("views.faces.name")), 1), E(n, {
+			let n = z;
+			return i(), g("div", Z, [x("label", Q, 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 Ue = c({
 }, ft = /* @__PURE__ */ w({
 	__name: "FacesReindex",
 	setup(e, { expose: t }) {
-		let r = n("dialogRefProps"), { t: o } = _e(), { 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(() => {
+		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(() => {
 			if (y.value) {
 				if (!s.value?.total) return o("views.faces.reindex.up_to_date");
 				let { done: e, total: t } = s.value;
@@ -396,7 +396,7 @@ var Ue = c({
 				s.value?.running && (v.value = !0);
 			});
 		}), t({ onConfirm: k }), (e, t) => {
-			let n = Ee;
+			let n = Oe;
 			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 Ue = c({
 	__name: "FaceUpload",
 	props: { onEnroll: { type: Function } },
 	setup(e, { expose: n }) {
-		let r = e, { t: o } = _e(), s = T(""), c = T(""), l = T(null), p = T(""), m = T();
+		let r = e, { t: o } = ye(), s = T(""), c = T(""), l = T(null), p = T(""), m = T();
 		function h() {
 			m.value?.click();
 		}
@@ -456,7 +456,7 @@ var Ue = 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 = B, o = H;
+			let r = R, o = B;
 			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,42 +506,42 @@ var Ue = c({
 }, nn = 160, rn = 12, an = /* @__PURE__ */ w({
 	__name: "Faces",
 	setup(n) {
-		let c = P(), d = M(), { t: b } = _e(), { smBreakpoint: w } = k(), { width: O } = oe(), { bottombarHeight: de } = I(), B = j(), V = B.clusteredUnknowns, Ee = y("knownSkeletonRef"), H = y("knownRowRef"), je = y("reindexAnchorRef"), { left: Fe } = z(je), U = T(!1), Le = T(!1), { status: W, checking: ze } = A(), { y: Be } = he(window, { throttle: 100 }), He = L(() => Be.value), G = D({
+		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({
 			left: 0,
 			max: 0
-		}), We = p(() => [...V.value.clusters.flatMap((e) => e.faces), ...V.value.ungrouped]), { selectionMode: K, selectedIds: q, selectedItems: J, allSelected: Ge, bulkBusy: Y, enterSelectionMode: Ke, exitSelectionMode: X, toggleSelectAll: qe, toggleSelection: Je } = me(We, (e) => e.id), Ye = p(() => F(void 0, "admin")), Xe = p(() => He.value && !W.value?.running), Ze = p(() => {
-			let e = new Set(V.value.clusters.flatMap((e) => e.faces.map((e) => e.id)));
-			return [...q.value].filter((t) => e.has(t));
-		}), Qe = p(() => {
+		}), 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)));
+			return [...K.value].filter((t) => e.has(t));
+		}), $e = p(() => {
 			O.value;
-			let e = Ee.value?.clientWidth ?? O.value;
+			let e = Oe.value?.clientWidth ?? O.value;
 			return Math.floor((e + rn) / 172) || 4;
-		}), et = p(() => G.left > 4), tt = p(() => G.left < G.max - 4);
-		function Z() {
-			let e = H.value;
-			e && (G.left = e.scrollLeft, G.max = e.scrollWidth - e.clientWidth);
+		}), tt = p(() => W.left > 4), nt = p(() => W.left < W.max - 4);
+		function X() {
+			let e = B.value;
+			e && (W.left = e.scrollLeft, W.max = e.scrollWidth - e.clientWidth);
 		}
-		function nt(e) {
-			let t = H.value;
+		function rt(e) {
+			let t = B.value;
 			t && t.scrollBy({
 				left: e * Math.max(t.clientWidth - 172, 172),
 				behavior: "smooth"
 			});
 		}
-		function Q(e) {
+		function Z(e) {
 			let t = 0;
-			for (let n of e) q.value.has(n.id) && t++;
+			for (let n of e) K.value.has(n.id) && t++;
 			return t === 0 ? "none" : t === e.length ? "all" : "some";
 		}
-		function it(e) {
-			let t = new Set(q.value), n = e.every((e) => t.has(e.id));
+		function Q(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);
-			q.value = t;
+			K.value = t;
 		}
 		async function ot() {
-			U.value = !0;
+			V.value = !0;
 			try {
-				let e = await B.rescanFaces();
+				let e = await R.rescanFaces();
 				e > 0 ? d.add({
 					severity: "success",
 					detail: b("views.faces.rescan_complete", { count: e }),
@@ -558,14 +558,14 @@ var Ue = c({
 					life: 3e3
 				});
 			} finally {
-				U.value = !1;
+				V.value = !1;
 			}
 		}
 		async function st(e) {
 			let t = T([]);
 			try {
-				t.value = (await B.getFaceImages(e.name)).map((e) => {
-					let t = N(e.jpeg);
+				t.value = (await R.getFaceImages(e.name)).map((e) => {
+					let t = M(e.jpeg);
 					return t ? {
 						id: e.id,
 						src: t,
@@ -573,7 +573,7 @@ var Ue = c({
 					} : null;
 				}).filter(Boolean);
 			} catch {}
-			let n = c.openComponentDialog(rt, { data: {
+			let n = c.openComponentDialog(it, { data: {
 				title: e.name,
 				contentProps: {
 					face: p(() => ({
@@ -584,11 +584,11 @@ var Ue = c({
 					onRemoveImage: async (n) => {
 						let r = t.value[n];
 						if (r) try {
-							await B.removeFaceImage(e.name, r.id), t.value.splice(n, 1), d.add({
+							await R.removeFaceImage(e.name, r.id), t.value.splice(n, 1), d.add({
 								severity: "success",
 								detail: b("views.faces.image_removed"),
 								life: 3e3
-							}), await B.refresh(!0);
+							}), await R.refresh(!0);
 						} catch (e) {
 							d.add({
 								severity: "error",
@@ -599,11 +599,11 @@ var Ue = c({
 					},
 					onDeletePerson: async () => {
 						try {
-							await B.deleteFace(e.name), d.add({
+							await R.deleteFace(e.name), d.add({
 								severity: "success",
 								detail: b("views.faces.person_deleted"),
 								life: 3e3
-							}), n.close(), await B.refresh(!0);
+							}), n.close(), await R.refresh(!0);
 						} catch (e) {
 							d.add({
 								severity: "error",
@@ -629,11 +629,11 @@ var Ue = c({
 				title: b("views.faces.add_face"),
 				confirmText: b("views.faces.enroll"),
 				contentProps: { onEnroll: async (e, t) => {
-					await B.enrollFace(e, t), d.add({
+					await R.enrollFace(e, t), d.add({
 						severity: "success",
 						detail: b("views.faces.face_enrolled"),
 						life: 3e3
-					}), await B.refresh(!0);
+					}), await R.refresh(!0);
 				} }
 			} });
 		}
@@ -644,7 +644,7 @@ var Ue = c({
 				return;
 			}
 			try {
-				await B.enrollCluster(t, n), d.add({
+				await R.enrollCluster(t, n), d.add({
 					severity: "success",
 					detail: b("views.faces.face_assigned"),
 					life: 3e3
@@ -662,11 +662,11 @@ var Ue = c({
 				data: {
 					title: b("views.faces.enter_person_name"),
 					confirmText: b("views.faces.enroll"),
-					contentProps: { knownNames: B.knownFaces.value.map((e) => e.name) }
+					contentProps: { knownNames: R.knownFaces.value.map((e) => e.name) }
 				},
 				onConfirm: async (t) => {
 					try {
-						await B.enrollCluster(t, e), d.add({
+						await R.enrollCluster(t, e), d.add({
 							severity: "success",
 							detail: b("views.faces.face_enrolled"),
 							life: 3e3
@@ -683,7 +683,7 @@ var Ue = c({
 		}
 		async function $(e) {
 			try {
-				await B.deleteUnknownFacesByCluster(e.clusterId);
+				await R.deleteUnknownFacesByCluster(e.clusterId);
 			} catch (e) {
 				d.add({
 					severity: "error",
@@ -694,7 +694,7 @@ var Ue = c({
 		}
 		async function pt(e) {
 			try {
-				await B.deleteUnknownFace(e.id);
+				await R.deleteUnknownFace(e.id);
 			} catch (e) {
 				d.add({
 					severity: "error",
@@ -705,7 +705,7 @@ var Ue = c({
 		}
 		async function mt(e) {
 			try {
-				await B.removeFromCluster(e.id);
+				await R.removeFromCluster(e.id);
 			} catch (e) {
 				d.add({
 					severity: "error",
@@ -716,7 +716,7 @@ var Ue = c({
 		}
 		async function ht(e) {
 			try {
-				await B.ignoreFaces([e.id]), d.add({
+				await R.ignoreFaces([e.id]), d.add({
 					severity: "success",
 					detail: b("views.faces.face_ignored"),
 					life: 3e3
@@ -731,7 +731,7 @@ var Ue = c({
 		}
 		async function gt(e) {
 			try {
-				await B.ignoreCluster(e.clusterId), d.add({
+				await R.ignoreCluster(e.clusterId), d.add({
 					severity: "success",
 					detail: b("views.faces.face_ignored"),
 					life: 3e3
@@ -745,15 +745,15 @@ var Ue = c({
 			}
 		}
 		async function _t() {
-			let e = J.value.map((e) => e.id);
+			let e = q.value.map((e) => e.id);
 			if (e.length) {
-				Y.value = !0;
+				J.value = !0;
 				try {
-					await B.ignoreFaces(e), d.add({
+					await R.ignoreFaces(e), d.add({
 						severity: "success",
 						detail: b("views.faces.face_ignored"),
 						life: 3e3
-					}), X();
+					}), Y();
 				} catch (e) {
 					d.add({
 						severity: "error",
@@ -761,13 +761,13 @@ var Ue = c({
 						life: 3e3
 					});
 				} finally {
-					Y.value = !1;
+					J.value = !1;
 				}
 			}
 		}
 		async function vt(e) {
 			try {
-				await B.unignoreFaces([e.id]), d.add({
+				await R.unignoreFaces([e.id]), d.add({
 					severity: "success",
 					detail: b("views.faces.face_restored"),
 					life: 3e3
@@ -785,15 +785,15 @@ var Ue = c({
 				data: {
 					title: b("views.faces.assign"),
 					confirmText: b("views.faces.enroll"),
-					contentProps: { knownNames: B.knownFaces.value.map((e) => e.name) }
+					contentProps: { knownNames: R.knownFaces.value.map((e) => e.name) }
 				},
 				onConfirm: async (t) => {
 					try {
-						await B.enrollFromEvent(t, e.id), d.add({
+						await R.enrollFromEvent(t, e.id), d.add({
 							severity: "success",
 							detail: b("views.faces.face_assigned"),
 							life: 3e3
-						}), await B.refresh(!0);
+						}), await R.refresh(!0);
 					} catch (e) {
 						d.add({
 							severity: "error",
@@ -805,21 +805,21 @@ var Ue = c({
 			});
 		}
 		function bt() {
-			let e = J.value.map((e) => e.id);
+			let e = q.value.map((e) => e.id);
 			e.length && c.openComponentDialog(at, {
 				data: {
 					title: b("views.faces.assign"),
 					confirmText: b("views.faces.enroll"),
-					contentProps: { knownNames: B.knownFaces.value.map((e) => e.name) }
+					contentProps: { knownNames: R.knownFaces.value.map((e) => e.name) }
 				},
 				onConfirm: async (t) => {
-					Y.value = !0;
+					J.value = !0;
 					try {
-						await B.enrollCluster(t, e), d.add({
+						await R.enrollCluster(t, e), d.add({
 							severity: "success",
 							detail: b("views.faces.face_assigned"),
 							life: 3e3
-						}), X();
+						}), Y();
 					} catch (e) {
 						d.add({
 							severity: "error",
@@ -827,17 +827,17 @@ var Ue = c({
 							life: 3e3
 						});
 					} finally {
-						Y.value = !1;
+						J.value = !1;
 					}
 				}
 			});
 		}
 		async function xt() {
-			let e = Ze.value;
+			let e = Qe.value;
 			if (e.length) {
-				Y.value = !0;
+				J.value = !0;
 				try {
-					await B.removeFacesFromCluster(e), X();
+					await R.removeFacesFromCluster(e), Y();
 				} catch (e) {
 					d.add({
 						severity: "error",
@@ -845,16 +845,16 @@ var Ue = c({
 						life: 3e3
 					});
 				} finally {
-					Y.value = !1;
+					J.value = !1;
 				}
 			}
 		}
 		async function an() {
-			let e = J.value.map((e) => e.id);
+			let e = q.value.map((e) => e.id);
 			if (e.length) {
-				Y.value = !0;
+				J.value = !0;
 				try {
-					await B.deleteUnknownFaces(e), X();
+					await R.deleteUnknownFaces(e), Y();
 				} catch (e) {
 					d.add({
 						severity: "error",
@@ -862,13 +862,13 @@ var Ue = c({
 						life: 3e3
 					});
 				} finally {
-					Y.value = !1;
+					J.value = !1;
 				}
 			}
 		}
 		async function on() {
 			try {
-				await B.deleteUngroupedUnknownFaces(), d.add({
+				await R.deleteUngroupedUnknownFaces(), d.add({
 					severity: "success",
 					detail: b("views.faces.all_unknown_cleared"),
 					life: 3e3
@@ -881,15 +881,15 @@ var Ue = c({
 				});
 			}
 		}
-		return h(() => B.knownFaces.value.length, () => o(Z)), R(H, Z), ee(() => {
+		return h(() => R.knownFaces.value.length, () => o(X)), I(B, X), ee(() => {
 			requestAnimationFrame(() => {
-				Le.value = !0;
+				ze.value = !0;
 			});
 		}), (n, o) => {
-			let c = Oe, d = be, p = ie, h = pe, y = ve, b = ye, T = $e, D = ue, ee = Ve, O = le, k = Ne, A = Re, j = Me, oe = De, M = we, P = Se, F = Ce, I = Te, L = ge, me = Ie, R = re, he = ae, z = te;
+			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;
 			return i(), g("div", {
 				ref_key: "reindexAnchorRef",
-				ref: je,
+				ref: Ne,
 				class: "flex flex-col"
 			}, [
 				f(w) ? u("", !0) : (i(), g("div", Ct, [x("h1", wt, a(n.$t("views.faces.title")), 1)])),
@@ -905,16 +905,16 @@ var Ue = c({
 					})]),
 					_: 1
 				}),
-				f(B).isLoading.value ? (i(), g("section", {
+				f(R).isLoading.value ? (i(), g("section", {
 					key: 1,
 					ref_key: "knownSkeletonRef",
-					ref: Ee,
+					ref: Oe,
 					class: "mb-6 p-px"
 				}, [E(h, {
 					height: "16px",
 					width: "140px",
 					class: "mb-3"
-				}), x("div", Tt, [(i(!0), g(v, null, r(f(Qe), (e) => (i(), g("div", {
+				}), x("div", Tt, [(i(!0), g(v, null, r(f($e), (e) => (i(), g("div", {
 					key: e,
 					class: "cui-card overflow-hidden shrink-0",
 					style: _({ width: `${nn}px` })
@@ -929,22 +929,22 @@ var Ue = c({
 				}), E(h, {
 					height: "12px",
 					width: "40%"
-				})])], 4))), 128))])], 512)) : (i(), g(v, { key: 2 }, [!f(B).knownFaces.value.length && !f(B).unknownFaces.value.length && !f(B).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(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, {
 					size: "small",
 					class: "rounded-full px-1.5",
-					value: String(f(B).knownFaces.value.length)
-				}, null, 8, ["value"])])]), f(B).knownFaces.value.length ? (i(), g("div", Nt, [
+					value: String(f(R).knownFaces.value.length)
+				}, null, 8, ["value"])])]), f(R).knownFaces.value.length ? (i(), g("div", Nt, [
 					x("div", {
 						ref_key: "knownRowRef",
-						ref: H,
+						ref: B,
 						class: "flex gap-3 p-px overflow-x-auto overscroll-x-contain hide-scrollbar",
-						onScroll: Z
-					}, [(i(!0), g(v, null, r(f(B).knownFaces.value, (e) => (i(), l(T, {
+						onScroll: X
+					}, [(i(!0), g(v, null, r(f(R).knownFaces.value, (e) => (i(), l(T, {
 						key: e.name,
 						class: "shrink-0",
 						style: _({ width: `${nn}px` }),
 						variant: "known",
-						thumbnail: f(N)(e.thumbnail),
+						thumbnail: f(M)(e.thumbnail),
 						name: e.name,
 						"image-count": e.imageCount,
 						onClick: (t) => st(e)
@@ -956,12 +956,12 @@ var Ue = c({
 						"onClick"
 					]))), 128))], 544),
 					E(e, { name: "fade-2" }, {
-						default: m(() => [f(et) ? (i(), l(d, {
+						default: m(() => [f(tt) ? (i(), l(d, {
 							key: 0,
 							rounded: "",
 							severity: "secondary",
 							class: "absolute left-1 top-1/2 -translate-y-1/2 cui-icon-md shadow-md z-2 opacity-70 hover:opacity-100 transition-opacity",
-							onClick: o[1] ||= (e) => nt(-1)
+							onClick: o[1] ||= (e) => rt(-1)
 						}, {
 							icon: m(() => [E(D, {
 								width: "100%",
@@ -972,12 +972,12 @@ var Ue = c({
 						_: 1
 					}),
 					E(e, { name: "fade-2" }, {
-						default: m(() => [f(tt) ? (i(), l(d, {
+						default: m(() => [f(nt) ? (i(), l(d, {
 							key: 0,
 							rounded: "",
 							severity: "secondary",
 							class: "absolute right-1 top-1/2 -translate-y-1/2 cui-icon-md shadow-md z-2 opacity-70 hover:opacity-100 transition-opacity",
-							onClick: o[2] ||= (e) => nt(1)
+							onClick: o[2] ||= (e) => rt(1)
 						}, {
 							icon: m(() => [E(ee, {
 								width: "100%",
@@ -991,34 +991,34 @@ var Ue = 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(B).unknownFaces.value.length)
+						value: String(f(R).unknownFaces.value.length)
 					}, null, 8, ["value"])])]),
 					x("div", zt, [
-						f(V).clusters.length ? (i(), l(L, {
+						f(z).clusters.length ? (i(), l(F, {
 							key: 0,
 							class: "cui-card border-color-inner h-auto!",
 							pt: { body: { class: "pb-0" } }
 						}, {
-							content: m(() => [E(I, { multiple: "" }, {
-								default: m(() => [(i(!0), g(v, null, r(f(V).clusters, (e, c) => (i(), l(F, {
+							content: m(() => [E(P, { multiple: "" }, {
+								default: m(() => [(i(!0), g(v, null, r(f(z).clusters, (e, c) => (i(), l(N, {
 									key: e.clusterId,
 									value: e.clusterId,
-									class: s({ "border-b-0": c === f(V).clusters.length - 1 })
+									class: s({ "border-b-0": c === f(z).clusters.length - 1 })
 								}, {
-									default: m(() => [E(M, { class: s({
+									default: m(() => [E(A, { class: s({
 										"px-0 pt-0": c === 0,
 										"px-0": c !== 0,
-										"pb-5": c === f(V).clusters.length - 1
+										"pb-5": c === f(z).clusters.length - 1
 									}) }, {
 										default: m(() => [x("span", Bt, [
-											f(K) ? (i(), g("div", {
+											f(G) ? (i(), g("div", {
 												key: 0,
 												class: "shrink-0",
-												onClick: t((t) => it(e.faces), ["stop"])
-											}, [x("div", { class: s(["w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors cursor-pointer", Q(e.faces) === "none" ? "border-surface-400 dark:border-surface-500" : "bg-primary border-primary"]) }, [Q(e.faces) === "all" ? (i(), l(O, {
+												onClick: t((t) => Q(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"
-											})) : Q(e.faces) === "some" ? (i(), l(k, {
+											})) : Z(e.faces) === "some" ? (i(), l(k, {
 												key: 1,
 												class: "w-4 h-4 text-white"
 											})) : u("", !0)], 2)], 8, Vt)) : u("", !0),
@@ -1039,10 +1039,10 @@ var Ue = c({
 													class: "cui-icon-lg",
 													onClick: (t) => ut(e, "__new__")
 												}, {
-													icon: m(() => [E(A, { class: "w-4 h-4" })]),
+													icon: m(() => [E(ie, { class: "w-4 h-4" })]),
 													_: 1
 												}, 8, ["onClick"])), [[
-													z,
+													L,
 													n.$t("views.faces.assign_cluster"),
 													void 0,
 													{ top: !0 }
@@ -1054,10 +1054,10 @@ var Ue = c({
 													class: "cui-icon-lg",
 													onClick: (t) => gt(e)
 												}, {
-													icon: m(() => [E(j, { class: "w-4 h-4" })]),
+													icon: m(() => [E(oe, { class: "w-4 h-4" })]),
 													_: 1
 												}, 8, ["onClick"])), [[
-													z,
+													L,
 													n.$t("views.faces.ignore_cluster"),
 													void 0,
 													{ top: !0 }
@@ -1069,13 +1069,13 @@ var Ue = c({
 													class: "cui-icon-lg",
 													onClick: (t) => $(e)
 												}, {
-													icon: m(() => [E(oe, {
+													icon: m(() => [E(se, {
 														width: "100%",
 														height: "100%"
 													})]),
 													_: 1
 												}, 8, ["onClick"])), [[
-													z,
+													L,
 													n.$t("views.faces.discard"),
 													void 0,
 													{ top: !0 }
@@ -1083,9 +1083,9 @@ var Ue = c({
 											])
 										])]),
 										_: 2
-									}, 1032, ["class"]), E(P, { pt: { content: { class: {
+									}, 1032, ["class"]), E(j, { pt: { content: { class: {
 										"px-0": !0,
-										"pb-5": c === f(V).clusters.length - 1
+										"pb-5": c === f(z).clusters.length - 1
 									} } } }, {
 										default: m(() => [x("div", {
 											class: "grid w-full gap-3",
@@ -1094,12 +1094,12 @@ var Ue = c({
 											key: e.id,
 											variant: "unknown",
 											"show-remove": "",
-											thumbnail: f(N)(e.thumbnail),
+											thumbnail: f(M)(e.thumbnail),
 											timestamp: e.timestamp,
 											confidence: e.confidence,
-											"selection-mode": f(K),
-											selected: f(q).has(e.id),
-											onClick: (t) => f(Je)(e.id),
+											"selection-mode": f(G),
+											selected: f(K).has(e.id),
+											onClick: (t) => f(Ye)(e.id),
 											onAssignPrompt: (t) => yt(e),
 											onRemove: (t) => mt(e),
 											onIgnore: (t) => ht(e),
@@ -1124,35 +1124,35 @@ var Ue = c({
 							})]),
 							_: 1
 						})) : u("", !0),
-						f(V).ungrouped.length ? (i(), l(L, {
+						f(z).ungrouped.length ? (i(), l(F, {
 							key: 1,
 							class: "cui-card border-color-inner h-auto!",
 							pt: { body: { class: "pb-0" } }
 						}, {
-							content: m(() => [E(I, null, {
-								default: m(() => [E(F, {
+							content: m(() => [E(P, null, {
+								default: m(() => [E(N, {
 									value: "__ungrouped__",
 									class: "border-b-0"
 								}, {
-									default: m(() => [E(M, { class: "px-0 pt-0 pb-5" }, {
+									default: m(() => [E(A, { class: "px-0 pt-0 pb-5" }, {
 										default: m(() => [x("span", Gt, [
-											f(K) ? (i(), g("div", {
+											f(G) ? (i(), g("div", {
 												key: 0,
 												class: "shrink-0",
-												onClick: o[4] ||= t((e) => it(f(V).ungrouped), ["stop"])
-											}, [x("div", { class: s(["w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors cursor-pointer", Q(f(V).ungrouped) === "none" ? "border-surface-400 dark:border-surface-500" : "bg-primary border-primary"]) }, [Q(f(V).ungrouped) === "all" ? (i(), l(O, {
+												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, {
 												key: 0,
 												class: "w-4 h-4 text-white"
-											})) : Q(f(V).ungrouped) === "some" ? (i(), l(k, {
+											})) : Z(f(z).ungrouped) === "some" ? (i(), l(k, {
 												key: 1,
 												class: "w-4 h-4 text-white"
 											})) : u("", !0)], 2)])) : u("", !0),
-											x("div", Kt, [E(me, { class: "w-5 h-5 text-muted" })]),
+											x("div", Kt, [E(fe, { 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(V).ungrouped.length)
+												value: String(f(z).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,32 +1164,32 @@ var Ue = c({
 												class: "cui-icon-lg",
 												onClick: on
 											}, {
-												icon: m(() => [E(oe, {
+												icon: m(() => [E(se, {
 													width: "100%",
 													height: "100%"
 												})]),
 												_: 1
 											})), [[
-												z,
+												L,
 												n.$t("views.faces.discard"),
 												void 0,
 												{ top: !0 }
 											]])])
 										])]),
 										_: 1
-									}), E(P, { pt: { content: { class: "px-0 pb-5" } } }, {
+									}), E(j, { 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(V).ungrouped, (e) => (i(), l(T, {
+										}, [(i(!0), g(v, null, r(f(z).ungrouped, (e) => (i(), l(T, {
 											key: e.id,
 											variant: "unknown",
-											thumbnail: f(N)(e.thumbnail),
+											thumbnail: f(M)(e.thumbnail),
 											timestamp: e.timestamp,
 											confidence: e.confidence,
-											"selection-mode": f(K),
-											selected: f(q).has(e.id),
-											onClick: (t) => f(Je)(e.id),
+											"selection-mode": f(G),
+											selected: f(K).has(e.id),
+											onClick: (t) => f(Ye)(e.id),
 											onAssignPrompt: (t) => yt(e),
 											onIgnore: (t) => ht(e),
 											onSkip: (t) => pt(e)
@@ -1212,32 +1212,32 @@ var Ue = c({
 							})]),
 							_: 1
 						})) : u("", !0),
-						f(B).ignoredFaces.value.length ? (i(), l(L, {
+						f(R).ignoredFaces.value.length ? (i(), l(F, {
 							key: 2,
 							class: "cui-card border-color-inner h-auto!",
 							pt: { body: { class: "pb-0" } }
 						}, {
-							content: m(() => [E(I, null, {
-								default: m(() => [E(F, {
+							content: m(() => [E(P, null, {
+								default: m(() => [E(N, {
 									value: "__ignored__",
 									class: "border-b-0"
 								}, {
-									default: m(() => [E(M, { class: "px-0 pt-0 pb-5" }, {
-										default: m(() => [x("span", Xt, [x("div", Zt, [E(j, { 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(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, {
 											size: "small",
 											class: "rounded-full px-1.5",
 											severity: "secondary",
-											value: String(f(B).ignoredFaces.value.length)
+											value: String(f(R).ignoredFaces.value.length)
 										}, null, 8, ["value"])]), x("span", en, a(n.$t("views.faces.ignored_hint")), 1)])])]),
 										_: 1
-									}), E(P, { pt: { content: { class: "px-0 pb-5" } } }, {
+									}), E(j, { 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(B).ignoredFaces.value, (e) => (i(), l(T, {
+										}, [(i(!0), g(v, null, r(f(R).ignoredFaces.value, (e) => (i(), l(T, {
 											key: e.id,
 											variant: "ignored",
-											thumbnail: f(N)(e.thumbnail),
+											thumbnail: f(M)(e.thumbnail),
 											timestamp: e.timestamp,
 											onRestore: (t) => vt(e)
 										}, null, 8, [
@@ -1254,71 +1254,71 @@ var Ue = c({
 							_: 1
 						})) : u("", !0)
 					]),
-					!f(B).unknownFaces.value.length && !f(B).ignoredFaces.value.length ? (i(), g("div", tn, a(n.$t("views.faces.no_unknown_faces")), 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)
 				])], 64))], 64)),
-				f(Ye) && f(B).knownFaces.value.length ? (i(), g("div", {
+				f(Xe) && f(R).knownFaces.value.length ? (i(), g("div", {
 					key: 3,
-					class: s(["fixed z-10", f(Xe) ? "scale-0 opacity-0" : "scale-100 opacity-100"]),
+					class: s(["fixed z-10", f(Ze) ? "scale-0 opacity-0" : "scale-100 opacity-100"]),
 					style: _({
-						left: `calc(${f(Fe)}px + 0.75rem)`,
-						bottom: `calc(${f(de)}px + 1.25rem + var(--safe-area-inset-bottom))`,
-						transition: f(Le) ? "left 200ms, transform 200ms ease-in-out, opacity 200ms ease-in-out" : void 0
+						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
 					})
 				}, [E(d, {
 					severity: "secondary",
 					rounded: "",
 					class: "shadow-lg",
-					disabled: f(W)?.running,
-					label: f(ze) ? n.$t("views.faces.reindex.checking") : f(W)?.running ? n.$t("views.faces.reindex.progress", {
-						done: f(W).done,
-						total: f(W).total
+					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
 					}) : n.$t("views.faces.reindex.button"),
 					onClick: ct
 				}, {
-					icon: m(() => [f(W)?.running ? (i(), l(f(fe), { key: 0 })) : (i(), l(f(Pe), { key: 1 }))]),
+					icon: m(() => [f(H)?.running ? (i(), l(f(de), { key: 0 })) : (i(), l(f(Ie), { key: 1 }))]),
 					_: 1
 				}, 8, ["disabled", "label"])], 6)) : u("", !0),
-				E(he, { "force-visible": f(K) }, {
-					default: m(() => [f(K) ? (i(), g(v, { key: 1 }, [
-						E(R, {
+				E(_e, { "force-visible": f(G) }, {
+					default: m(() => [f(G) ? (i(), g(v, { key: 1 }, [
+						E(I, {
 							grouped: "",
 							"tooltip-props": { value: n.$t("components.form.tooltip.cancel_selection") },
 							"button-props": { severity: "secondary" },
-							icon: f(xe),
+							icon: f(Ce),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
 							},
-							onClick: f(X)
+							onClick: f(Y)
 						}, null, 8, [
 							"tooltip-props",
 							"icon",
 							"onClick"
 						]),
-						E(R, {
+						E(I, {
 							grouped: "",
-							"tooltip-props": { value: f(Ge) ? n.$t("components.form.tooltip.deselect_all") : n.$t("components.form.tooltip.select_all") },
-							"button-props": { severity: f(Ge) ? "primary" : "secondary" },
+							"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-props": {
 								width: "100%",
 								height: "100%"
 							},
-							onClick: f(qe)
+							onClick: f(Je)
 						}, null, 8, [
 							"tooltip-props",
 							"button-props",
 							"icon",
 							"onClick"
 						]),
-						E(R, {
+						E(I, {
 							grouped: "",
 							"tooltip-props": { value: n.$t("views.faces.assign") },
 							"button-props": {
 								severity: "secondary",
-								disabled: !f(q).size || f(Y)
+								disabled: !f(K).size || f(J)
 							},
-							icon: f(Re),
+							icon: f(U),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
@@ -1329,14 +1329,14 @@ var Ue = c({
 							"button-props",
 							"icon"
 						]),
-						E(R, {
+						E(I, {
 							grouped: "",
 							"tooltip-props": { value: n.$t("views.faces.remove_from_cluster") },
 							"button-props": {
 								severity: "secondary",
-								disabled: !f(Ze).length || f(Y)
+								disabled: !f(Qe).length || f(J)
 							},
-							icon: f(Ue),
+							icon: f(We),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
@@ -1347,14 +1347,14 @@ var Ue = c({
 							"button-props",
 							"icon"
 						]),
-						E(R, {
+						E(I, {
 							grouped: "",
 							"tooltip-props": { value: n.$t("views.faces.ignore") },
 							"button-props": {
 								severity: "secondary",
-								disabled: !f(q).size || f(Y)
+								disabled: !f(K).size || f(J)
 							},
-							icon: f(Me),
+							icon: f(Pe),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
@@ -1365,14 +1365,14 @@ var Ue = c({
 							"button-props",
 							"icon"
 						]),
-						E(R, {
+						E(I, {
 							grouped: "",
 							"tooltip-props": { value: n.$t("views.faces.discard") },
 							"button-props": {
 								severity: "danger",
-								disabled: !f(q).size || f(Y)
+								disabled: !f(K).size || f(J)
 							},
-							icon: f(se),
+							icon: f(ne),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
@@ -1384,31 +1384,31 @@ var Ue = c({
 							"icon"
 						])
 					], 64)) : (i(), g(v, { key: 0 }, [
-						f(We).length ? (i(), l(R, {
+						f(Ge).length ? (i(), l(I, {
 							key: 0,
 							grouped: "",
 							"tooltip-props": { value: n.$t("views.faces.select") },
 							"button-props": { severity: "secondary" },
-							icon: f(ne),
+							icon: f(ge),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
 							},
-							onClick: f(Ke)
+							onClick: f(qe)
 						}, null, 8, [
 							"tooltip-props",
 							"icon",
 							"onClick"
 						])) : u("", !0),
-						f(B).knownFaces.value.length ? (i(), l(R, {
+						f(R).knownFaces.value.length ? (i(), l(I, {
 							key: 1,
 							grouped: "",
 							"tooltip-props": { value: n.$t("views.faces.rescan_events") },
 							"button-props": {
 								severity: "secondary",
-								disabled: f(U)
+								disabled: f(V)
 							},
-							icon: f(U) ? f(fe) : f(ke),
+							icon: f(V) ? f(de) : f(je),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
@@ -1419,11 +1419,11 @@ var Ue = c({
 							"button-props",
 							"icon"
 						])) : u("", !0),
-						E(R, {
+						E(I, {
 							grouped: "",
 							"tooltip-props": { value: n.$t("views.faces.add_face") },
 							"button-props": { class: "text-white" },
-							icon: f(Ae),
+							icon: f(Me),
 							"icon-props": {
 								width: "30px",
 								height: "30px"