@camera.ui/server 2.1.14-beta.1 → 2.1.14-beta.3

package/dist/interface/ha/{Faces-DnqWMGWW.js → Faces-COKq1uOY.js}

@@ -1,53 +1,53 @@
 import { m as e } from "./ripple-BilzxWfY.js";
 import { G as t, H as n, Jt as r, Wt as i, _t as a, d as o, f as s, gt as c, kt as l, l as u, lt as d, ot as f, p, qt as m, r as h, rt as g, u as _, ut as v, x as y, xt as b, y as x } from "./runtime-core.esm-bundler-D8slQ3BU.js";
 import { t as S } from "./tooltip-BIrD_hC8.js";
-import { Ar as C, B as w, Er as T, Fn as E, Gr as D, L as O, R as ee, Tr as te, W as ne, fr as re, gi as ie, gt as k, ia as ae, l as A, wr as oe, z as se, zn as j } from "./api-CWJkvtnM.js";
+import { Ar as C, B as w, Er as T, Fn as E, Gr as D, L as O, R as ee, Tr as te, W as ne, fr as re, gi as ie, ia as ae, l as k, ot as A, wr as oe, z as se, zn as j } from "./api-BqtwQvFZ.js";
 import { i as ce } from "./intercomService-jB2mTgsn.js";
 import { n as M } from "./vue-i18n-Dcb07o5U.js";
-import { pt as N, ut as P } from "./dist-Ca9_5rzq.js";
-import { t as le } from "./button-BlYuI0Q7.js";
-import { t as F } from "./inputtext-DGIESrd0.js";
-import { t as ue } from "./close-Eq3txTBS.js";
-import { t as de } from "./select-DjWkRqsI.js";
-import { i as fe, n as pe, r as me, t as he } from "./accordion-BT2wHwK8.js";
-import { t as I } from "./autocomplete-L_jK3s3m.js";
-import { t as ge } from "./delete-D-m8mqly.js";
-import { t as L } from "./plugins-dkWbXWVM.js";
-import { t as R } from "./upload-wQHBRZX_.js";
-import { t as _e } from "./back-filled-Cxzg5vQg.js";
-import { t as ve } from "./plus-d_caPq5l.js";
-import { n as z, t as B } from "./eye-off-AdumIw0H.js";
-import { t as ye } from "./minus-DKa9TXat.js";
-import { t as be } from "./refresh-BIhepekY.js";
+import { pt as N, ut as P } from "./dist-BQFunPaA.js";
+import { t as F } from "./button-BlYuI0Q7.js";
+import { t as I } from "./inputtext-DGIESrd0.js";
+import { t as le } from "./close-Eq3txTBS.js";
+import { t as ue } from "./select-DjWkRqsI.js";
+import { i as de, n as fe, r as pe, t as me } from "./accordion-BT2wHwK8.js";
+import { t as L } from "./autocomplete-L_jK3s3m.js";
+import { t as he } from "./delete-D-m8mqly.js";
+import { t as R } from "./plugins-B7xVEI2U.js";
+import { t as z } from "./upload-wQHBRZX_.js";
+import { t as ge } from "./back-filled-Cxzg5vQg.js";
+import { t as _e } from "./plus-d_caPq5l.js";
+import { n as B, t as V } from "./eye-off-AdumIw0H.js";
+import { t as ve } from "./minus-DKa9TXat.js";
+import { t as ye } from "./refresh-BIhepekY.js";
 //#region ~icons/mdi/account-question
-var V = {
+var H = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function H(e, t) {
-	return n(), p("svg", V, [...t[0] ||= [_("path", {
+function U(e, t) {
+	return n(), p("svg", H, [...t[0] ||= [_("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 xe = a({
+var be = a({
 	name: "mdi-account-question",
-	render: H
-}), U = {
+	render: U
+}), W = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Se(e, t) {
-	return n(), p("svg", U, [...t[0] ||= [_("path", {
+function xe(e, t) {
+	return n(), p("svg", W, [...t[0] ||= [_("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 W = a({
+var Se = a({
 	name: "mdi-account-plus",
-	render: Se
+	render: xe
 }), G = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
@@ -105,12 +105,12 @@ var we = a({
 		"restore"
 	],
 	setup(t) {
-		let a = t, c = A(), f = u(() => a.confidence ? a.confidence >= .9 ? "text-green-400" : a.confidence >= .7 ? "text-yellow-400" : "text-red-400" : "text-white/50"), m = u(() => a.timestamp ? new Date(a.timestamp).toLocaleTimeString([], {
+		let a = t, c = k(), f = u(() => a.confidence ? a.confidence >= .9 ? "text-green-400" : a.confidence >= .7 ? "text-yellow-400" : "text-red-400" : "text-white/50"), m = u(() => a.timestamp ? new Date(a.timestamp).toLocaleTimeString([], {
 			hour: "2-digit",
 			minute: "2-digit"
 		}) : "");
 		return (a, u) => {
-			let g = ce, y = re, b = z, C = le, w = we, T = W, E = B, D = ge, O = S;
+			let g = ce, y = re, b = B, C = F, w = we, T = Se, E = V, D = he, O = S;
 			return t.variant === "known" ? (n(), o(g, {
 				key: 0,
 				class: "cui-card transition-shadow cursor-pointer hover:shadow-md",
@@ -260,7 +260,7 @@ var we = a({
 	setup(e, { expose: a }) {
 		let o = e, c = u(() => o.face);
 		return a({ onConfirm: async () => (o.onDeletePerson(), !0) }), (a, o) => {
-			let u = ue, f = le;
+			let u = le, f = F;
 			return n(), p("div", null, [l(c).imageCount ? (n(), p("div", Le, r(l(c).imageCount) + " " + r(a.$t("views.faces.training_images")), 1)) : s("", !0), l(c).images.length ? (n(), p("div", Re, [(n(!0), p(h, null, t(l(c).images, (t, a) => (n(), p("div", {
 				key: a,
 				class: "relative aspect-square rounded-2xl overflow-hidden bg-surface-100 dark:bg-surface-800"
@@ -301,7 +301,7 @@ var we = a({
 			o.value = t ? n.filter((e) => e.toLowerCase().includes(t)) : [...n];
 		}
 		return t({ onConfirm: async () => a.value.trim() || null }), (e, t) => {
-			let i = I;
+			let i = L;
 			return n(), p("div", Ve, [_("label", He, r(e.$t("views.faces.name")), 1), x(i, {
 				id: "personName",
 				modelValue: l(a),
@@ -333,7 +333,7 @@ var we = a({
 	__name: "FaceUpload",
 	props: { onEnroll: { type: Function } },
 	setup(t, { expose: i }) {
-		let a = new L(), o = t, { t: d } = M(), { data: m } = a.getPluginsExtensionsQuery({
+		let a = new R(), o = t, { t: d } = M(), { data: m } = a.getPluginsExtensionsQuery({
 			page: 1,
 			pageSize: -1
 		}), h = b(""), g = b(""), v = b(""), y = b(null), S = b(""), C = b(), w = u(() => (m.value?.result ?? []).filter((e) => P(e.contract, N.FaceDetection)).map((e) => ({
@@ -373,7 +373,7 @@ var we = a({
 		return f(w, (e) => {
 			!g.value && e.length === 1 && (g.value = e[0].value);
 		}, { immediate: !0 }), i({ onConfirm: async () => !h.value || !g.value || !y.value ? null : (await o.onEnroll(h.value, y.value, g.value), !0) }), (t, i) => {
-			let a = F, o = de, u = R;
+			let a = I, o = ue, u = z;
 			return n(), p("div", Ue, [
 				_("div", null, [_("label", We, r(t.$t("views.faces.name")), 1), x(a, {
 					modelValue: l(h),
@@ -436,26 +436,26 @@ var we = a({
 }, Ot = /* @__PURE__ */ y({
 	__name: "Faces",
 	setup(a) {
-		let c = k(), f = ie(), { t: y } = M(), { smBreakpoint: A } = T(), { width: N } = C(), P = E(), F = P.clusteredUnknowns, de = g("knownSkeletonRef"), I = b(!1), L = u(() => [...F.value.clusters.flatMap((e) => e.faces), ...F.value.ungrouped]), { selectionMode: R, selectedIds: z, selectedItems: V, allSelected: H, bulkBusy: U, enterSelectionMode: Se, exitSelectionMode: G, toggleSelectAll: Ce, toggleSelection: Te } = O(L, (e) => e.id), Ee = u(() => {
-			let e = new Set(F.value.clusters.flatMap((e) => e.faces.map((e) => e.id)));
-			return [...z.value].filter((t) => e.has(t));
+		let c = A(), f = ie(), { t: y } = M(), { smBreakpoint: k } = T(), { width: N } = C(), P = E(), I = P.clusteredUnknowns, ue = g("knownSkeletonRef"), L = b(!1), R = u(() => [...I.value.clusters.flatMap((e) => e.faces), ...I.value.ungrouped]), { selectionMode: z, selectedIds: B, selectedItems: H, allSelected: U, bulkBusy: W, enterSelectionMode: xe, exitSelectionMode: G, toggleSelectAll: Ce, toggleSelection: Te } = O(R, (e) => e.id), Ee = u(() => {
+			let e = new Set(I.value.clusters.flatMap((e) => e.faces.map((e) => e.id)));
+			return [...B.value].filter((t) => e.has(t));
 		}), De = u(() => {
 			N.value;
-			let e = A.value ? 140 : 160, t = de.value?.clientWidth ?? N.value;
+			let e = k.value ? 140 : 160, t = ue.value?.clientWidth ?? N.value;
 			return Math.floor((t + 12) / (e + 12)) || 4;
 		});
 		function K(e) {
 			let t = 0;
-			for (let n of e) z.value.has(n.id) && t++;
+			for (let n of e) B.value.has(n.id) && t++;
 			return t === 0 ? "none" : t === e.length ? "all" : "some";
 		}
 		function Oe(e) {
-			let t = new Set(z.value), n = e.every((e) => t.has(e.id));
+			let t = new Set(B.value), n = e.every((e) => t.has(e.id));
 			for (let r of e) n ? t.delete(r.id) : t.add(r.id);
-			z.value = t;
+			B.value = t;
 		}
 		async function ke() {
-			I.value = !0;
+			L.value = !0;
 			try {
 				let e = await P.rescanFaces();
 				e > 0 ? f.add({
@@ -474,7 +474,7 @@ var we = a({
 					life: 3e3
 				});
 			} finally {
-				I.value = !1;
+				L.value = !1;
 			}
 		}
 		async function Ae(e) {
@@ -654,9 +654,9 @@ var we = a({
 			}
 		}
 		async function Re() {
-			let e = V.value.map((e) => e.id);
+			let e = H.value.map((e) => e.id);
 			if (e.length) {
-				U.value = !0;
+				W.value = !0;
 				try {
 					await P.ignoreFaces(e), f.add({
 						severity: "success",
@@ -670,7 +670,7 @@ var we = a({
 						life: 3e3
 					});
 				} finally {
-					U.value = !1;
+					W.value = !1;
 				}
 			}
 		}
@@ -714,7 +714,7 @@ var we = a({
 			});
 		}
 		function Ve() {
-			let e = V.value.map((e) => e.id);
+			let e = H.value.map((e) => e.id);
 			e.length && c.openComponentDialog(X, {
 				data: {
 					title: y("views.faces.assign"),
@@ -722,7 +722,7 @@ var we = a({
 					contentProps: { knownNames: P.knownFaces.value.map((e) => e.name) }
 				},
 				onConfirm: async (t) => {
-					U.value = !0;
+					W.value = !0;
 					try {
 						await P.enrollCluster(t, e), f.add({
 							severity: "success",
@@ -736,7 +736,7 @@ var we = a({
 							life: 3e3
 						});
 					} finally {
-						U.value = !1;
+						W.value = !1;
 					}
 				}
 			});
@@ -744,7 +744,7 @@ var we = a({
 		async function He() {
 			let e = Ee.value;
 			if (e.length) {
-				U.value = !0;
+				W.value = !0;
 				try {
 					await P.removeFacesFromCluster(e), G();
 				} catch (e) {
@@ -754,14 +754,14 @@ var we = a({
 						life: 3e3
 					});
 				} finally {
-					U.value = !1;
+					W.value = !1;
 				}
 			}
 		}
 		async function Z() {
-			let e = V.value.map((e) => e.id);
+			let e = H.value.map((e) => e.id);
 			if (e.length) {
-				U.value = !0;
+				W.value = !0;
 				try {
 					await P.deleteUnknownFaces(e), G();
 				} catch (e) {
@@ -771,7 +771,7 @@ var we = a({
 						life: 3e3
 					});
 				} finally {
-					U.value = !1;
+					W.value = !1;
 				}
 			}
 		}
@@ -791,15 +791,15 @@ var we = a({
 			}
 		}
 		return (a, c) => {
-			let u = be, f = le, g = _e, y = ne, b = ae, C = D, T = Ie, E = re, O = ye, ie = W, k = B, M = ge, N = me, V = fe, q = pe, Y = he, X = ce, We = xe, Q = oe, Ge = te, $ = S;
+			let u = ye, f = F, g = ge, y = ne, b = ae, C = D, T = Ie, E = re, O = ve, ie = Se, A = V, M = he, N = pe, H = de, q = fe, Y = me, X = ce, We = be, Q = oe, Ge = te, $ = S;
 			return n(), p("div", Qe, [
-				l(A) ? s("", !0) : (n(), p("div", $e, [_("h1", et, r(a.$t("views.faces.title")), 1), l(P).knownFaces.value.length ? v((n(), o(f, {
+				l(k) ? s("", !0) : (n(), p("div", $e, [_("h1", et, r(a.$t("views.faces.title")), 1), l(P).knownFaces.value.length ? v((n(), o(f, {
 					key: 0,
 					severity: "secondary",
 					text: "",
 					rounded: "",
 					class: "cui-icon-lg relative z-2",
-					loading: l(I),
+					loading: l(L),
 					onClick: ke
 				}, {
 					icon: d(() => [x(u, {
@@ -832,7 +832,7 @@ var we = a({
 						class: "cui-button p-2 text-color",
 						text: "",
 						rounded: "",
-						loading: l(I),
+						loading: l(L),
 						onClick: ke
 					}, {
 						icon: d(() => [x(u, {
@@ -846,7 +846,7 @@ var we = a({
 				l(P).isLoading.value ? (n(), p("section", {
 					key: 1,
 					ref_key: "knownSkeletonRef",
-					ref: de,
+					ref: ue,
 					class: "mb-6 p-px"
 				}, [x(b, {
 					height: "16px",
@@ -854,7 +854,7 @@ var we = a({
 					class: "mb-3"
 				}), _("div", {
 					class: "grid w-full gap-3 p-px",
-					style: m({ gridTemplateColumns: `repeat(auto-fill, minmax(${l(A) ? "140px" : "160px"}, 1fr))` })
+					style: m({ gridTemplateColumns: `repeat(auto-fill, minmax(${l(k) ? "140px" : "160px"}, 1fr))` })
 				}, [(n(!0), p(h, null, t(l(De), (e) => (n(), p("div", {
 					key: e,
 					class: "cui-card overflow-hidden"
@@ -872,7 +872,7 @@ var we = a({
 				})])]))), 128))], 4)], 512)) : (n(), p(h, { key: 2 }, [!l(P).knownFaces.value.length && !l(P).unknownFaces.value.length && !l(P).ignoredFaces.value.length ? (n(), p("div", nt, [x(C, { class: "w-12 h-12 text-muted" }), _("span", rt, r(a.$t("views.faces.no_faces_yet")), 1)])) : (n(), p(h, { key: 1 }, [_("section", it, [_("div", at, [_("span", ot, r(a.$t("views.faces.known_faces")) + " (" + r(l(P).knownFaces.value.length) + ")", 1)]), l(P).knownFaces.value.length ? (n(), p("div", {
 					key: 0,
 					class: "grid w-full gap-3 p-px",
-					style: m({ gridTemplateColumns: `repeat(auto-fill, minmax(${l(A) ? "140px" : "160px"}, 1fr))` })
+					style: m({ gridTemplateColumns: `repeat(auto-fill, minmax(${l(k) ? "140px" : "160px"}, 1fr))` })
 				}, [(n(!0), p(h, null, t(l(P).knownFaces.value, (e) => (n(), o(T, {
 					key: e.name,
 					variant: "known",
@@ -888,24 +888,24 @@ var we = a({
 				]))), 128))], 4)) : (n(), p("div", st, r(a.$t("views.faces.no_known_faces")), 1))]), _("section", ct, [
 					_("div", lt, [_("span", ut, r(a.$t("views.faces.unknown_faces")) + " (" + r(l(P).unknownFaces.value.length) + ")", 1)]),
 					_("div", dt, [
-						l(F).clusters.length ? (n(), o(X, {
+						l(I).clusters.length ? (n(), o(X, {
 							key: 0,
 							class: "cui-card border-color-inner h-auto!",
 							pt: { body: { class: "pb-0" } }
 						}, {
 							content: d(() => [x(Y, { multiple: "" }, {
-								default: d(() => [(n(!0), p(h, null, t(l(F).clusters, (u, g) => (n(), o(q, {
+								default: d(() => [(n(!0), p(h, null, t(l(I).clusters, (u, g) => (n(), o(q, {
 									key: u.clusterId,
 									value: u.clusterId,
-									class: i({ "border-b-0": g === l(F).clusters.length - 1 })
+									class: i({ "border-b-0": g === l(I).clusters.length - 1 })
 								}, {
 									default: d(() => [x(N, { class: i({
 										"px-0 pt-0": g === 0,
 										"px-0": g !== 0,
-										"pb-5": g === l(F).clusters.length - 1
+										"pb-5": g === l(I).clusters.length - 1
 									}) }, {
 										default: d(() => [_("span", ft, [
-											l(R) ? (n(), p("div", {
+											l(z) ? (n(), p("div", {
 												key: 0,
 												class: "shrink-0",
 												onClick: e((e) => Oe(u.faces), ["stop"])
@@ -948,7 +948,7 @@ var we = a({
 													class: "cui-icon-lg",
 													onClick: (e) => Le(u)
 												}, {
-													icon: d(() => [x(k, { class: "w-4 h-4" })]),
+													icon: d(() => [x(A, { class: "w-4 h-4" })]),
 													_: 1
 												}, 8, ["onClick"])), [[
 													$,
@@ -977,13 +977,13 @@ var we = a({
 											])
 										])]),
 										_: 2
-									}, 1032, ["class"]), x(V, { pt: { content: { class: {
+									}, 1032, ["class"]), x(H, { pt: { content: { class: {
 										"px-0": !0,
-										"pb-5": g === l(F).clusters.length - 1
+										"pb-5": g === l(I).clusters.length - 1
 									} } } }, {
 										default: d(() => [_("div", {
 											class: "grid w-full gap-3",
-											style: m({ gridTemplateColumns: `repeat(auto-fill, minmax(${l(A) ? "120px" : "140px"}, 1fr))` })
+											style: m({ gridTemplateColumns: `repeat(auto-fill, minmax(${l(k) ? "120px" : "140px"}, 1fr))` })
 										}, [(n(!0), p(h, null, t(u.faces, (e) => (n(), o(T, {
 											key: e.id,
 											variant: "unknown",
@@ -991,8 +991,8 @@ var we = a({
 											thumbnail: l(j)(e.thumbnail),
 											timestamp: e.timestamp,
 											confidence: e.confidence,
-											"selection-mode": l(R),
-											selected: l(z).has(e.id),
+											"selection-mode": l(z),
+											selected: l(B).has(e.id),
 											onClick: (t) => l(Te)(e.id),
 											onAssignPrompt: (t) => Be(e),
 											onRemove: (t) => Pe(e),
@@ -1018,7 +1018,7 @@ var we = a({
 							})]),
 							_: 1
 						})) : s("", !0),
-						l(F).ungrouped.length ? (n(), o(X, {
+						l(I).ungrouped.length ? (n(), o(X, {
 							key: 1,
 							class: "cui-card border-color-inner h-auto!",
 							pt: { body: { class: "pb-0" } }
@@ -1030,19 +1030,19 @@ var we = a({
 								}, {
 									default: d(() => [x(N, { class: "px-0 pt-0 pb-5" }, {
 										default: d(() => [_("span", _t, [
-											l(R) ? (n(), p("div", {
+											l(z) ? (n(), p("div", {
 												key: 0,
 												class: "shrink-0",
-												onClick: c[2] ||= e((e) => Oe(l(F).ungrouped), ["stop"])
-											}, [_("div", { class: i(["w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors cursor-pointer", K(l(F).ungrouped) === "none" ? "border-surface-400 dark:border-surface-500" : "bg-primary border-primary"]) }, [K(l(F).ungrouped) === "all" ? (n(), o(E, {
+												onClick: c[2] ||= e((e) => Oe(l(I).ungrouped), ["stop"])
+											}, [_("div", { class: i(["w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors cursor-pointer", K(l(I).ungrouped) === "none" ? "border-surface-400 dark:border-surface-500" : "bg-primary border-primary"]) }, [K(l(I).ungrouped) === "all" ? (n(), o(E, {
 												key: 0,
 												class: "w-4 h-4 text-white"
-											})) : K(l(F).ungrouped) === "some" ? (n(), o(O, {
+											})) : K(l(I).ungrouped) === "some" ? (n(), o(O, {
 												key: 1,
 												class: "w-4 h-4 text-white"
 											})) : s("", !0)], 2)])) : s("", !0),
 											_("div", vt, [x(We, { class: "w-5 h-5 text-muted" })]),
-											_("span", yt, [_("span", bt, r(a.$t("views.faces.ungrouped")) + " (" + r(l(F).ungrouped.length) + ")", 1), _("span", xt, r(a.$t("views.faces.ungrouped_hint")), 1)]),
+											_("span", yt, [_("span", bt, r(a.$t("views.faces.ungrouped")) + " (" + r(l(I).ungrouped.length) + ")", 1), _("span", xt, r(a.$t("views.faces.ungrouped_hint")), 1)]),
 											_("span", {
 												class: "ml-auto flex items-center gap-1 mr-2",
 												onClick: c[3] ||= e(() => {}, ["stop"])
@@ -1066,18 +1066,18 @@ var we = a({
 											]])])
 										])]),
 										_: 1
-									}), x(V, { pt: { content: { class: "px-0 pb-5" } } }, {
+									}), x(H, { pt: { content: { class: "px-0 pb-5" } } }, {
 										default: d(() => [_("div", {
 											class: "grid w-full gap-3",
-											style: m({ gridTemplateColumns: `repeat(auto-fill, minmax(${l(A) ? "120px" : "140px"}, 1fr))` })
-										}, [(n(!0), p(h, null, t(l(F).ungrouped, (e) => (n(), o(T, {
+											style: m({ gridTemplateColumns: `repeat(auto-fill, minmax(${l(k) ? "120px" : "140px"}, 1fr))` })
+										}, [(n(!0), p(h, null, t(l(I).ungrouped, (e) => (n(), o(T, {
 											key: e.id,
 											variant: "unknown",
 											thumbnail: l(j)(e.thumbnail),
 											timestamp: e.timestamp,
 											confidence: e.confidence,
-											"selection-mode": l(R),
-											selected: l(z).has(e.id),
+											"selection-mode": l(z),
+											selected: l(B).has(e.id),
 											onClick: (t) => l(Te)(e.id),
 											onAssignPrompt: (t) => Be(e),
 											onIgnore: (t) => Fe(e),
@@ -1112,12 +1112,12 @@ var we = a({
 									class: "border-b-0"
 								}, {
 									default: d(() => [x(N, { class: "px-0 pt-0 pb-5" }, {
-										default: d(() => [_("span", St, [_("div", Ct, [x(k, { class: "w-5 h-5 text-muted" })]), _("span", wt, [_("span", Tt, r(a.$t("views.faces.ignored_faces")) + " (" + r(l(P).ignoredFaces.value.length) + ")", 1), _("span", Et, r(a.$t("views.faces.ignored_hint")), 1)])])]),
+										default: d(() => [_("span", St, [_("div", Ct, [x(A, { class: "w-5 h-5 text-muted" })]), _("span", wt, [_("span", Tt, r(a.$t("views.faces.ignored_faces")) + " (" + r(l(P).ignoredFaces.value.length) + ")", 1), _("span", Et, r(a.$t("views.faces.ignored_hint")), 1)])])]),
 										_: 1
-									}), x(V, { pt: { content: { class: "px-0 pb-5" } } }, {
+									}), x(H, { pt: { content: { class: "px-0 pb-5" } } }, {
 										default: d(() => [_("div", {
 											class: "grid w-full gap-3",
-											style: m({ gridTemplateColumns: `repeat(auto-fill, minmax(${l(A) ? "120px" : "140px"}, 1fr))` })
+											style: m({ gridTemplateColumns: `repeat(auto-fill, minmax(${l(k) ? "120px" : "140px"}, 1fr))` })
 										}, [(n(!0), p(h, null, t(l(P).ignoredFaces.value, (e) => (n(), o(T, {
 											key: e.id,
 											variant: "ignored",
@@ -1140,13 +1140,13 @@ var we = a({
 					]),
 					!l(P).unknownFaces.value.length && !l(P).ignoredFaces.value.length ? (n(), p("div", Dt, r(a.$t("views.faces.no_unknown_faces")), 1)) : s("", !0)
 				])], 64))], 64)),
-				x(Ge, { "force-visible": l(R) }, {
-					default: d(() => [l(R) ? (n(), p(h, { key: 1 }, [
+				x(Ge, { "force-visible": l(z) }, {
+					default: d(() => [l(z) ? (n(), p(h, { key: 1 }, [
 						x(Q, {
 							grouped: "",
 							"tooltip-props": { value: a.$t("components.form.tooltip.cancel_selection") },
 							"button-props": { severity: "secondary" },
-							icon: l(ue),
+							icon: l(le),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
@@ -1159,8 +1159,8 @@ var we = a({
 						]),
 						x(Q, {
 							grouped: "",
-							"tooltip-props": { value: l(H) ? a.$t("components.form.tooltip.deselect_all") : a.$t("components.form.tooltip.select_all") },
-							"button-props": { severity: l(H) ? "primary" : "secondary" },
+							"tooltip-props": { value: l(U) ? a.$t("components.form.tooltip.deselect_all") : a.$t("components.form.tooltip.select_all") },
+							"button-props": { severity: l(U) ? "primary" : "secondary" },
 							icon: l(w),
 							"icon-props": {
 								width: "100%",
@@ -1178,9 +1178,9 @@ var we = a({
 							"tooltip-props": { value: a.$t("views.faces.assign") },
 							"button-props": {
 								severity: "secondary",
-								disabled: !l(z).size || l(U)
+								disabled: !l(B).size || l(W)
 							},
-							icon: l(W),
+							icon: l(Se),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
@@ -1196,7 +1196,7 @@ var we = a({
 							"tooltip-props": { value: a.$t("views.faces.remove_from_cluster") },
 							"button-props": {
 								severity: "secondary",
-								disabled: !l(Ee).length || l(U)
+								disabled: !l(Ee).length || l(W)
 							},
 							icon: l(we),
 							"icon-props": {
@@ -1214,9 +1214,9 @@ var we = a({
 							"tooltip-props": { value: a.$t("views.faces.ignore") },
 							"button-props": {
 								severity: "secondary",
-								disabled: !l(z).size || l(U)
+								disabled: !l(B).size || l(W)
 							},
-							icon: l(B),
+							icon: l(V),
 							"icon-props": {
 								width: "100%",
 								height: "100%"
@@ -1232,7 +1232,7 @@ var we = a({
 							"tooltip-props": { value: a.$t("views.faces.discard") },
 							"button-props": {
 								severity: "danger",
-								disabled: !l(z).size || l(U)
+								disabled: !l(B).size || l(W)
 							},
 							icon: l(se),
 							"icon-props": {
@@ -1245,7 +1245,7 @@ var we = a({
 							"button-props",
 							"icon"
 						])
-					], 64)) : (n(), p(h, { key: 0 }, [l(L).length ? (n(), o(Q, {
+					], 64)) : (n(), p(h, { key: 0 }, [l(R).length ? (n(), o(Q, {
 						key: 0,
 						grouped: "",
 						"tooltip-props": { value: a.$t("views.faces.select") },
@@ -1255,7 +1255,7 @@ var we = a({
 							width: "100%",
 							height: "100%"
 						},
-						onClick: l(Se)
+						onClick: l(xe)
 					}, null, 8, [
 						"tooltip-props",
 						"icon",
@@ -1264,7 +1264,7 @@ var we = a({
 						grouped: "",
 						"tooltip-props": { value: a.$t("views.faces.add_face") },
 						"button-props": { class: "text-white" },
-						icon: l(ve),
+						icon: l(_e),
 						"icon-props": {
 							width: "30px",
 							height: "30px"