@camera.ui/server 2.2.5-beta.0 → 2.2.5-beta.2

package/dist/interface/ha/Faces-DjXHzr77.js

@@ -0,0 +1,1282 @@
+import { m as e } from "./ripple-ZDATPc2w.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-_TfE0DWz.js";
+import { t as S } from "./tooltip-Z7VN-E1u.js";
+import { B as C, Er as w, J as T, Mr as E, Or as D, Tr as O, V as k, W as ee, Wn as te, bi as ne, ca as re, dr as ie, er as A, ht as ae, l as j, z as oe } from "./api-BmYisoxj.js";
+import { i as se } from "./intercomService-B7HkLs6z.js";
+import { n as M } from "./vue-i18n-D5EAy78K.js";
+import { O as N, T as P } from "./dist-BTp4AyuI.js";
+import { h as ce } from "./eventIcons-BFNUgeGr.js";
+import { t as le } from "./button-BouAFgf5.js";
+import { t as F } from "./inputtext-C_ygnPrC.js";
+import { t as ue } from "./close-CxFbonhd.js";
+import { t as I } from "./select-UR3ZRDew.js";
+import { i as de, n as fe, r as pe, t as me } from "./accordion-Xem2SzgR.js";
+import { t as L } from "./autocomplete-B94Amei3.js";
+import { t as he } from "./delete-DWdURc9X.js";
+import { t as R } from "./plugins-BwwaWxye.js";
+import { t as z } from "./upload-BF0iIQFa.js";
+import { t as ge } from "./back-filled-CaxrZv0Q.js";
+import { t as _e } from "./refresh-CpjKkasY.js";
+import { t as ve } from "./plus-CgxY7W0L.js";
+import { n as B, t as V } from "./eye-off-UG_p9nl8.js";
+import { t as ye } from "./minus-D3V6azhV.js";
+//#region ~icons/mdi/account-question
+var H = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+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 be = a({
+	name: "mdi-account-question",
+	render: U
+}), W = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+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 Se = a({
+	name: "mdi-account-plus",
+	render: xe
+}), G = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Ce(e, t) {
+	return n(), p("svg", G, [...t[0] ||= [_("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "M5 12h14"
+	}, null, -1)]]);
+}
+var we = a({
+	name: "tabler-minus",
+	render: Ce
+}), Te = { class: "aspect-square overflow-hidden flex items-center justify-center bg-black/5 dark:bg-black/30" }, Ee = ["src"], De = ["src"], K = { class: "font-medium truncate" }, Oe = { class: "text-xs text-muted" }, ke = {
+	class: "bg-neutral-900 w-full rounded-xl overflow-hidden relative border-[1px] border-color shadow-lg",
+	style: { "aspect-ratio": "1 / 1" }
+}, Ae = ["src"], je = {
+	key: 1,
+	class: "w-full h-full flex items-center justify-center bg-neutral-800/80"
+}, Me = ["src"], q = { class: "absolute top-0 left-0 right-0 p-2 bg-gradient-to-b from-black/60 to-transparent" }, Ne = { class: "flex items-center justify-between" }, J = { class: "text-xs text-white/70" }, Pe = {
+	key: 2,
+	class: "absolute bottom-2 left-2 pointer-events-none"
+}, Fe = {
+	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"
+}, Ie = /* @__PURE__ */ y({
+	__name: "CuiFaceCard",
+	props: {
+		variant: {},
+		thumbnail: {},
+		name: {},
+		imageCount: {},
+		cameraName: {},
+		timestamp: {},
+		confidence: {},
+		compact: { type: Boolean },
+		showRemove: { type: Boolean },
+		selectionMode: { type: Boolean },
+		selected: { type: Boolean },
+		assignValue: {},
+		assignOptions: {}
+	},
+	emits: [
+		"click",
+		"assign",
+		"assign-prompt",
+		"skip",
+		"remove",
+		"ignore",
+		"restore"
+	],
+	setup(t) {
+		let a = t, c = j(), 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 = se, y = ie, b = B, C = le, 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",
+				onClick: u[0] ||= (e) => a.$emit("click")
+			}, {
+				header: d(() => [_("div", Te, [t.thumbnail ? (n(), p("img", {
+					key: 0,
+					src: t.thumbnail,
+					class: "w-full h-full object-cover"
+				}, null, 8, Ee)) : (n(), p("img", {
+					key: 1,
+					src: l(c),
+					class: "w-1/2 h-1/2 object-contain"
+				}, null, 8, De))])]),
+				content: d(() => [_("div", K, r(t.name), 1), _("div", Oe, r(t.imageCount) + " " + r(a.$t("views.faces.images")), 1)]),
+				_: 1
+			})) : (n(), p("div", {
+				key: 1,
+				class: i(["relative", t.selectionMode ? "cursor-pointer" : "cursor-default"]),
+				onClick: u[6] ||= (e) => t.selectionMode && a.$emit("click")
+			}, [_("div", ke, [
+				t.thumbnail ? (n(), p("img", {
+					key: 0,
+					src: t.thumbnail,
+					class: "w-full h-full object-cover"
+				}, null, 8, Ae)) : (n(), p("div", je, [_("img", {
+					src: l(c),
+					class: "w-1/3 h-1/3 object-contain opacity-20"
+				}, null, 8, Me)])),
+				_("div", q, [_("div", Ne, [_("span", J, r(l(m)), 1), t.confidence ? (n(), p("span", {
+					key: 0,
+					class: i(["text-xs font-medium", l(f)])
+				}, r(Math.round(t.confidence * 100)) + "%", 3)) : s("", !0)])]),
+				t.selectionMode ? (n(), p("div", Pe, [_("div", { class: i(["w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors", t.selected ? "bg-primary border-primary" : "bg-black/40 border-white/80"]) }, [t.selected ? (n(), o(y, {
+					key: 0,
+					class: "w-4 h-4 text-white"
+				})) : s("", !0)], 2)])) : s("", !0),
+				t.selectionMode ? s("", !0) : (n(), p("div", Fe, [t.variant === "ignored" ? v((n(), o(C, {
+					key: 0,
+					severity: "secondary",
+					rounded: "",
+					size: "small",
+					class: "cui-icon-sm text-white",
+					onClick: u[1] ||= e((e) => a.$emit("restore"), ["stop"])
+				}, {
+					icon: d(() => [x(b, {
+						width: "100%",
+						height: "100%"
+					})]),
+					_: 1
+				})), [[
+					O,
+					a.$t("views.faces.restore"),
+					void 0,
+					{ top: !0 }
+				]]) : (n(), p(h, { key: 1 }, [
+					t.showRemove ? v((n(), o(C, {
+						key: 0,
+						severity: "secondary",
+						rounded: "",
+						size: "small",
+						class: "cui-icon-sm text-white",
+						onClick: u[2] ||= e((e) => a.$emit("remove"), ["stop"])
+					}, {
+						icon: d(() => [x(w, { class: "w-4 h-4" })]),
+						_: 1
+					})), [[
+						O,
+						a.$t("views.faces.remove_from_cluster"),
+						void 0,
+						{ top: !0 }
+					]]) : v((n(), o(C, {
+						key: 1,
+						severity: "secondary",
+						rounded: "",
+						size: "small",
+						class: "cui-icon-sm text-white",
+						onClick: u[3] ||= e((e) => a.$emit("assign-prompt"), ["stop"])
+					}, {
+						icon: d(() => [x(T, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					})), [[
+						O,
+						a.$t("views.faces.assign"),
+						void 0,
+						{ top: !0 }
+					]]),
+					v((n(), o(C, {
+						severity: "secondary",
+						rounded: "",
+						size: "small",
+						class: "cui-icon-sm text-white",
+						onClick: u[4] ||= e((e) => a.$emit("ignore"), ["stop"])
+					}, {
+						icon: d(() => [x(E, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					})), [[
+						O,
+						a.$t("views.faces.ignore"),
+						void 0,
+						{ top: !0 }
+					]]),
+					v((n(), o(C, {
+						severity: "danger",
+						rounded: "",
+						size: "small",
+						class: "cui-icon-sm text-white",
+						onClick: u[5] ||= e((e) => a.$emit("skip"), ["stop"])
+					}, {
+						icon: d(() => [x(D, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					})), [[
+						O,
+						a.$t("views.faces.discard"),
+						void 0,
+						{ top: !0 }
+					]])
+				], 64))]))
+			])], 2));
+		};
+	}
+}), Le = {
+	key: 0,
+	class: "text-sm text-muted mb-4"
+}, Re = {
+	key: 1,
+	class: "grid grid-cols-3 gap-2"
+}, ze = ["src"], Be = {
+	key: 2,
+	class: "text-muted text-sm text-center py-8"
+}, Y = /* @__PURE__ */ y({
+	__name: "FaceDetail",
+	props: {
+		face: {},
+		onRemoveImage: { type: Function },
+		onDeletePerson: { type: Function }
+	},
+	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;
+			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"
+			}, [
+				_("img", {
+					src: t.src,
+					class: "w-full h-full object-cover"
+				}, null, 8, ze),
+				t.confidence ? (n(), p("div", {
+					key: 0,
+					class: i(["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"])
+				}, r(Math.round(t.confidence * 100)) + "% ", 3)) : s("", !0),
+				x(f, {
+					severity: "danger",
+					rounded: "",
+					class: "!absolute top-1 right-1 cui-icon-sm text-white",
+					onClick: (t) => e.onRemoveImage(a)
+				}, {
+					icon: d(() => [x(u, {
+						width: "100%",
+						height: "100%"
+					})]),
+					_: 1
+				}, 8, ["onClick"])
+			]))), 128))])) : (n(), p("div", Be, r(a.$t("views.faces.no_known_faces")), 1))]);
+		};
+	}
+}), Ve = { class: "flex flex-col gap-2 w-full" }, He = {
+	for: "personName",
+	class: "cui-label"
+}, X = /* @__PURE__ */ y({
+	__name: "FaceNewPerson",
+	props: { knownNames: {} },
+	setup(e, { expose: t }) {
+		let i = e, a = b(""), o = b([]);
+		function s(e) {
+			let t = e.query.trim().toLowerCase(), n = i.knownNames ?? [];
+			o.value = t ? n.filter((e) => e.toLowerCase().includes(t)) : [...n];
+		}
+		return t({ onConfirm: async () => a.value.trim() || null }), (e, t) => {
+			let i = L;
+			return n(), p("div", Ve, [_("label", He, r(e.$t("views.faces.name")), 1), x(i, {
+				id: "personName",
+				modelValue: l(a),
+				"onUpdate:modelValue": t[0] ||= (e) => c(a) ? a.value = e : null,
+				suggestions: l(o),
+				class: "w-full",
+				fluid: "",
+				dropdown: "",
+				"dropdown-mode": "blank",
+				"complete-on-focus": "",
+				placeholder: e.$t("views.faces.enter_or_pick_name"),
+				autofocus: "",
+				onComplete: s
+			}, null, 8, [
+				"modelValue",
+				"suggestions",
+				"placeholder"
+			])]);
+		};
+	}
+}), Z = [
+	"image/jpeg",
+	"image/png",
+	"image/webp"
+], Ue = { class: "flex flex-col gap-6" }, We = { class: "cui-label" }, Q = { class: "cui-label" }, Ge = { key: 0 }, $ = { class: "text-sm text-muted" }, Ke = { key: 1 }, qe = ["src"], Je = ["accept"], Ye = {
+	key: 0,
+	class: "text-xs text-red-500 mt-1"
+}, Xe = { class: "flex items-center justify-center mt-2 text-xs text-muted" }, Ze = /* @__PURE__ */ y({
+	__name: "FaceUpload",
+	props: { onEnroll: { type: Function } },
+	setup(t, { expose: i }) {
+		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) => ({
+			label: e.displayName,
+			value: e.pluginName
+		})));
+		function T() {
+			C.value?.click();
+		}
+		function E(e) {
+			let t = e.target.files?.[0];
+			t && k(t);
+		}
+		function D(e) {
+			let t = e.dataTransfer?.files[0];
+			t && k(t);
+		}
+		function O(e) {
+			return Z.includes(e.type) ? e.size > 10485760 ? d("views.faces.file_too_large", { maxSize: 10 }) : null : d("views.faces.invalid_format");
+		}
+		function k(e) {
+			S.value = "";
+			let t = O(e);
+			if (t) {
+				S.value = t, y.value = null, v.value = "";
+				return;
+			}
+			let n = new FileReader();
+			n.onload = () => {
+				y.value = new Uint8Array(n.result);
+			}, n.readAsArrayBuffer(e);
+			let r = new FileReader();
+			r.onload = () => {
+				v.value = r.result;
+			}, r.readAsDataURL(e);
+		}
+		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 = I, u = z;
+			return n(), p("div", Ue, [
+				_("div", null, [_("label", We, r(t.$t("views.faces.name")), 1), x(a, {
+					modelValue: l(h),
+					"onUpdate:modelValue": i[0] ||= (e) => c(h) ? h.value = e : null,
+					modelModifiers: { trim: !0 },
+					placeholder: t.$t("views.faces.enter_name"),
+					class: "w-full",
+					autofocus: ""
+				}, null, 8, ["modelValue", "placeholder"])]),
+				_("div", null, [_("label", Q, r(t.$t("views.faces.face_plugin")), 1), x(o, {
+					modelValue: l(g),
+					"onUpdate:modelValue": i[1] ||= (e) => c(g) ? g.value = e : null,
+					options: l(w),
+					"option-label": "label",
+					"option-value": "value",
+					placeholder: t.$t("views.faces.select_plugin"),
+					class: "w-full"
+				}, null, 8, [
+					"modelValue",
+					"options",
+					"placeholder"
+				])]),
+				_("div", null, [
+					i[3] ||= _("label", { class: "cui-label mb-1" }, "Image", -1),
+					_("div", {
+						class: "border-2 border-dashed border-surface-300 dark:border-surface-600 rounded-lg p-6 text-center cursor-pointer hover:border-primary transition-colors",
+						onClick: T,
+						onDragover: i[2] ||= e(() => {}, ["prevent"]),
+						onDrop: e(D, ["prevent"])
+					}, [l(v) ? (n(), p("div", Ke, [_("img", {
+						src: l(v),
+						class: "max-h-48 mx-auto rounded"
+					}, null, 8, qe)])) : (n(), p("div", Ge, [x(u, { class: "w-8 h-8 text-muted mx-auto mb-2" }), _("div", $, r(t.$t("views.faces.drop_image")), 1)]))], 32),
+					_("input", {
+						ref_key: "fileInput",
+						ref: C,
+						type: "file",
+						accept: l(Z).join(","),
+						class: "hidden",
+						onChange: E
+					}, null, 40, Je),
+					l(S) ? (n(), p("div", Ye, r(l(S)), 1)) : s("", !0),
+					_("div", Xe, [_("span", null, "(" + r(l(10)) + "MB, " + r(l(Z).join(", ")) + ")", 1)])
+				])
+			]);
+		};
+	}
+}), Qe = { class: "flex flex-col" }, $e = {
+	key: 0,
+	class: "flex items-center justify-between"
+}, et = { class: "page-title" }, tt = { class: "p-3" }, nt = {
+	key: 0,
+	class: "flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4"
+}, rt = { class: "text-muted text-sm" }, it = { class: "mb-6 p-px" }, at = { class: "flex items-center justify-between mb-3" }, ot = { class: "card-title m-0!" }, st = {
+	key: 1,
+	class: "text-muted text-sm"
+}, ct = { class: "mb-6 p-px" }, lt = { class: "flex items-center justify-between mb-3" }, ut = { class: "card-title m-0!" }, dt = { class: "flex flex-col gap-3" }, ft = { class: "flex items-center gap-3 w-full" }, pt = ["onClick"], mt = { class: "w-10 h-10 rounded-full overflow-hidden bg-surface-100 dark:bg-surface-800 shrink-0" }, ht = ["src"], gt = { class: "font-medium" }, _t = { class: "flex items-center gap-3 w-full" }, vt = { class: "w-10 h-10 rounded-full overflow-hidden bg-surface-100 dark:bg-surface-800 shrink-0 flex items-center justify-center" }, yt = { class: "flex flex-col" }, bt = { class: "font-medium" }, xt = { class: "text-muted text-sm font-normal" }, St = { class: "flex items-center gap-3 w-full" }, Ct = { class: "w-10 h-10 rounded-full overflow-hidden bg-surface-100 dark:bg-surface-800 shrink-0 flex items-center justify-center" }, wt = { class: "flex flex-col" }, Tt = { class: "font-medium" }, Et = { class: "text-muted text-sm font-normal" }, Dt = {
+	key: 0,
+	class: "text-muted text-sm"
+}, Ot = /* @__PURE__ */ y({
+	__name: "Faces",
+	setup(a) {
+		let c = ae(), f = ne(), { t: y } = M(), { smBreakpoint: j } = D(), { width: N } = E(), P = te(), F = P.clusteredUnknowns, I = g("knownSkeletonRef"), L = b(!1), R = u(() => [...F.value.clusters.flatMap((e) => e.faces), ...F.value.ungrouped]), { selectionMode: z, selectedIds: B, selectedItems: H, allSelected: U, bulkBusy: W, enterSelectionMode: xe, exitSelectionMode: G, toggleSelectAll: Ce, toggleSelection: Te } = oe(R, (e) => e.id), Ee = u(() => {
+			let e = new Set(F.value.clusters.flatMap((e) => e.faces.map((e) => e.id)));
+			return [...B.value].filter((t) => e.has(t));
+		}), De = u(() => {
+			N.value;
+			let e = j.value ? 140 : 160, t = I.value?.clientWidth ?? N.value;
+			return Math.floor((t + 12) / (e + 12)) || 4;
+		});
+		function K(e) {
+			let t = 0;
+			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(B.value), n = e.every((e) => t.has(e.id));
+			for (let r of e) n ? t.delete(r.id) : t.add(r.id);
+			B.value = t;
+		}
+		async function ke() {
+			L.value = !0;
+			try {
+				let e = await P.rescanFaces();
+				e > 0 ? f.add({
+					severity: "success",
+					detail: y("views.faces.rescan_complete", { count: e }),
+					life: 3e3
+				}) : f.add({
+					severity: "info",
+					detail: y("views.faces.rescan_no_matches"),
+					life: 3e3
+				});
+			} catch (e) {
+				f.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			} finally {
+				L.value = !1;
+			}
+		}
+		async function Ae(e) {
+			let t = b([]);
+			try {
+				t.value = (await P.getFaceImages(e.name)).map((e) => {
+					let t = A(e.jpeg);
+					return t ? {
+						id: e.id,
+						src: t,
+						confidence: e.confidence ?? 0
+					} : null;
+				}).filter(Boolean);
+			} catch {}
+			let n = c.openComponentDialog(Y, { data: {
+				title: e.name,
+				contentProps: {
+					face: u(() => ({
+						...e,
+						images: t.value,
+						imageCount: t.value.length
+					})),
+					onRemoveImage: async (n) => {
+						let r = t.value[n];
+						if (r) try {
+							await P.removeFaceImage(e.name, r.id), t.value.splice(n, 1), f.add({
+								severity: "success",
+								detail: y("views.faces.image_removed"),
+								life: 3e3
+							}), await P.refresh(!0);
+						} catch (e) {
+							f.add({
+								severity: "error",
+								detail: e,
+								life: 3e3
+							});
+						}
+					},
+					onDeletePerson: async () => {
+						try {
+							await P.deleteFace(e.name), f.add({
+								severity: "success",
+								detail: y("views.faces.person_deleted"),
+								life: 3e3
+							}), n.close(), await P.refresh(!0);
+						} catch (e) {
+							f.add({
+								severity: "error",
+								detail: e,
+								life: 3e3
+							});
+						}
+					}
+				},
+				confirmText: y("views.faces.delete_person"),
+				confirmButtonProps: { severity: "danger" }
+			} });
+		}
+		function je() {
+			c.openComponentDialog(Ze, { data: {
+				title: y("views.faces.add_face"),
+				confirmText: y("views.faces.enroll"),
+				contentProps: { onEnroll: async (e, t, n) => {
+					await P.enrollFace(e, t, n), f.add({
+						severity: "success",
+						detail: y("views.faces.face_enrolled"),
+						life: 3e3
+					}), await P.refresh(!0);
+				} }
+			} });
+		}
+		async function Me(e, t) {
+			let n = e.faces.map((e) => e.id);
+			if (t === "__new__") {
+				q(n);
+				return;
+			}
+			try {
+				await P.enrollCluster(t, n), f.add({
+					severity: "success",
+					detail: y("views.faces.face_assigned"),
+					life: 3e3
+				});
+			} catch (e) {
+				f.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		function q(e) {
+			c.openComponentDialog(X, {
+				data: {
+					title: y("views.faces.enter_person_name"),
+					confirmText: y("views.faces.enroll"),
+					contentProps: { knownNames: P.knownFaces.value.map((e) => e.name) }
+				},
+				onConfirm: async (t) => {
+					try {
+						await P.enrollCluster(t, e), f.add({
+							severity: "success",
+							detail: y("views.faces.face_enrolled"),
+							life: 3e3
+						});
+					} catch (e) {
+						f.add({
+							severity: "error",
+							detail: e,
+							life: 3e3
+						});
+					}
+				}
+			});
+		}
+		async function Ne(e) {
+			try {
+				await P.deleteUnknownFacesByCluster(e.clusterId);
+			} catch (e) {
+				f.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		async function J(e) {
+			try {
+				await P.deleteUnknownFace(e.id);
+			} catch (e) {
+				f.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		async function Pe(e) {
+			try {
+				await P.removeFromCluster(e.id);
+			} catch (e) {
+				f.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		async function Fe(e) {
+			try {
+				await P.ignoreFaces([e.id]), f.add({
+					severity: "success",
+					detail: y("views.faces.face_ignored"),
+					life: 3e3
+				});
+			} catch (e) {
+				f.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		async function Le(e) {
+			try {
+				await P.ignoreCluster(e.clusterId), f.add({
+					severity: "success",
+					detail: y("views.faces.face_ignored"),
+					life: 3e3
+				});
+			} catch (e) {
+				f.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		async function Re() {
+			let e = H.value.map((e) => e.id);
+			if (e.length) {
+				W.value = !0;
+				try {
+					await P.ignoreFaces(e), f.add({
+						severity: "success",
+						detail: y("views.faces.face_ignored"),
+						life: 3e3
+					}), G();
+				} catch (e) {
+					f.add({
+						severity: "error",
+						detail: e,
+						life: 3e3
+					});
+				} finally {
+					W.value = !1;
+				}
+			}
+		}
+		async function ze(e) {
+			try {
+				await P.unignoreFaces([e.id]), f.add({
+					severity: "success",
+					detail: y("views.faces.face_restored"),
+					life: 3e3
+				});
+			} catch (e) {
+				f.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		function Be(e) {
+			c.openComponentDialog(X, {
+				data: {
+					title: y("views.faces.assign"),
+					confirmText: y("views.faces.enroll"),
+					contentProps: { knownNames: P.knownFaces.value.map((e) => e.name) }
+				},
+				onConfirm: async (t) => {
+					try {
+						await P.enrollFromEvent(t, e.id), f.add({
+							severity: "success",
+							detail: y("views.faces.face_assigned"),
+							life: 3e3
+						}), await P.refresh(!0);
+					} catch (e) {
+						f.add({
+							severity: "error",
+							detail: e,
+							life: 3e3
+						});
+					}
+				}
+			});
+		}
+		function Ve() {
+			let e = H.value.map((e) => e.id);
+			e.length && c.openComponentDialog(X, {
+				data: {
+					title: y("views.faces.assign"),
+					confirmText: y("views.faces.enroll"),
+					contentProps: { knownNames: P.knownFaces.value.map((e) => e.name) }
+				},
+				onConfirm: async (t) => {
+					W.value = !0;
+					try {
+						await P.enrollCluster(t, e), f.add({
+							severity: "success",
+							detail: y("views.faces.face_assigned"),
+							life: 3e3
+						}), G();
+					} catch (e) {
+						f.add({
+							severity: "error",
+							detail: e,
+							life: 3e3
+						});
+					} finally {
+						W.value = !1;
+					}
+				}
+			});
+		}
+		async function He() {
+			let e = Ee.value;
+			if (e.length) {
+				W.value = !0;
+				try {
+					await P.removeFacesFromCluster(e), G();
+				} catch (e) {
+					f.add({
+						severity: "error",
+						detail: e,
+						life: 3e3
+					});
+				} finally {
+					W.value = !1;
+				}
+			}
+		}
+		async function Z() {
+			let e = H.value.map((e) => e.id);
+			if (e.length) {
+				W.value = !0;
+				try {
+					await P.deleteUnknownFaces(e), G();
+				} catch (e) {
+					f.add({
+						severity: "error",
+						detail: e,
+						life: 3e3
+					});
+				} finally {
+					W.value = !1;
+				}
+			}
+		}
+		async function Ue() {
+			try {
+				await P.deleteUngroupedUnknownFaces(), f.add({
+					severity: "success",
+					detail: y("views.faces.all_unknown_cleared"),
+					life: 3e3
+				});
+			} catch (e) {
+				f.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		return (a, c) => {
+			let u = _e, f = le, g = ge, y = T, b = re, E = ce, D = Ie, te = ie, ne = ye, ae = Se, oe = V, M = he, N = pe, H = de, q = fe, Y = me, X = se, We = be, Q = O, Ge = w, $ = S;
+			return n(), p("div", Qe, [
+				l(j) ? 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(L),
+					onClick: ke
+				}, {
+					icon: d(() => [x(u, {
+						width: "100%",
+						height: "100%"
+					})]),
+					_: 1
+				}, 8, ["loading"])), [[
+					$,
+					{ value: a.$t("views.faces.rescan_events") },
+					void 0,
+					{ bottom: !0 }
+				]]) : s("", !0)])),
+				x(y, { position: "left" }, {
+					default: d(() => [x(f, {
+						severity: "secondary",
+						text: "",
+						class: "cui-button p-2 text-color non-draggable-region",
+						onClick: c[0] ||= (e) => a.$router.push("/menu")
+					}, {
+						icon: d(() => [x(g, { class: "w-6 h-6" })]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				x(y, { position: "right" }, {
+					default: d(() => [l(P).knownFaces.value.length ? (n(), o(f, {
+						key: 0,
+						severity: "secondary",
+						class: "cui-button p-2 text-color",
+						text: "",
+						rounded: "",
+						loading: l(L),
+						onClick: ke
+					}, {
+						icon: d(() => [x(u, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					}, 8, ["loading"])) : s("", !0)]),
+					_: 1
+				}),
+				l(P).isLoading.value ? (n(), p("section", {
+					key: 1,
+					ref_key: "knownSkeletonRef",
+					ref: I,
+					class: "mb-6 p-px"
+				}, [x(b, {
+					height: "16px",
+					width: "140px",
+					class: "mb-3"
+				}), _("div", {
+					class: "grid w-full gap-3 p-px",
+					style: m({ gridTemplateColumns: `repeat(auto-fill, minmax(${l(j) ? "140px" : "160px"}, 1fr))` })
+				}, [(n(!0), p(h, null, t(l(De), (e) => (n(), p("div", {
+					key: e,
+					class: "cui-card overflow-hidden"
+				}, [x(b, {
+					class: "aspect-square",
+					width: "100%",
+					height: "100%"
+				}), _("div", tt, [x(b, {
+					height: "14px",
+					width: "70%",
+					class: "mb-1"
+				}), x(b, {
+					height: "12px",
+					width: "40%"
+				})])]))), 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(E, { 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(j) ? "140px" : "160px"}, 1fr))` })
+				}, [(n(!0), p(h, null, t(l(P).knownFaces.value, (e) => (n(), o(D, {
+					key: e.name,
+					variant: "known",
+					thumbnail: l(A)(e.thumbnail),
+					name: e.name,
+					"image-count": e.imageCount,
+					onClick: (t) => Ae(e)
+				}, null, 8, [
+					"thumbnail",
+					"name",
+					"image-count",
+					"onClick"
+				]))), 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, {
+							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, {
+									key: u.clusterId,
+									value: u.clusterId,
+									class: i({ "border-b-0": g === l(F).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
+									}) }, {
+										default: d(() => [_("span", ft, [
+											l(z) ? (n(), p("div", {
+												key: 0,
+												class: "shrink-0",
+												onClick: e((e) => Oe(u.faces), ["stop"])
+											}, [_("div", { class: i(["w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors cursor-pointer", K(u.faces) === "none" ? "border-surface-400 dark:border-surface-500" : "bg-primary border-primary"]) }, [K(u.faces) === "all" ? (n(), o(te, {
+												key: 0,
+												class: "w-4 h-4 text-white"
+											})) : K(u.faces) === "some" ? (n(), o(ne, {
+												key: 1,
+												class: "w-4 h-4 text-white"
+											})) : s("", !0)], 2)], 8, pt)) : s("", !0),
+											_("div", mt, [u.bestThumbnail ? (n(), p("img", {
+												key: 0,
+												src: u.bestThumbnail,
+												class: "w-full h-full object-cover"
+											}, null, 8, ht)) : s("", !0)]),
+											_("span", gt, r(u.faces.length) + " " + r(a.$t("views.faces.faces_in_cluster")), 1),
+											_("span", {
+												class: "ml-auto flex items-center gap-1 mr-2",
+												onClick: c[1] ||= e(() => {}, ["stop"])
+											}, [
+												v((n(), o(f, {
+													severity: "secondary",
+													text: "",
+													rounded: "",
+													class: "cui-icon-lg",
+													onClick: (e) => Me(u, "__new__")
+												}, {
+													icon: d(() => [x(ae, { class: "w-4 h-4" })]),
+													_: 1
+												}, 8, ["onClick"])), [[
+													$,
+													a.$t("views.faces.assign_cluster"),
+													void 0,
+													{ top: !0 }
+												]]),
+												v((n(), o(f, {
+													severity: "secondary",
+													text: "",
+													rounded: "",
+													class: "cui-icon-lg",
+													onClick: (e) => Le(u)
+												}, {
+													icon: d(() => [x(oe, { class: "w-4 h-4" })]),
+													_: 1
+												}, 8, ["onClick"])), [[
+													$,
+													a.$t("views.faces.ignore_cluster"),
+													void 0,
+													{ top: !0 }
+												]]),
+												v((n(), o(f, {
+													severity: "danger",
+													text: "",
+													rounded: "",
+													class: "cui-icon-lg",
+													onClick: (e) => Ne(u)
+												}, {
+													icon: d(() => [x(M, {
+														width: "100%",
+														height: "100%"
+													})]),
+													_: 1
+												}, 8, ["onClick"])), [[
+													$,
+													a.$t("views.faces.discard"),
+													void 0,
+													{ top: !0 }
+												]])
+											])
+										])]),
+										_: 2
+									}, 1032, ["class"]), x(H, { pt: { content: { class: {
+										"px-0": !0,
+										"pb-5": g === l(F).clusters.length - 1
+									} } } }, {
+										default: d(() => [_("div", {
+											class: "grid w-full gap-3",
+											style: m({ gridTemplateColumns: `repeat(auto-fill, minmax(${l(j) ? "120px" : "140px"}, 1fr))` })
+										}, [(n(!0), p(h, null, t(u.faces, (e) => (n(), o(D, {
+											key: e.id,
+											variant: "unknown",
+											"show-remove": "",
+											thumbnail: l(A)(e.thumbnail),
+											timestamp: e.timestamp,
+											confidence: e.confidence,
+											"selection-mode": l(z),
+											selected: l(B).has(e.id),
+											onClick: (t) => l(Te)(e.id),
+											onAssignPrompt: (t) => Be(e),
+											onRemove: (t) => Pe(e),
+											onIgnore: (t) => Fe(e),
+											onSkip: (t) => J(e)
+										}, null, 8, [
+											"thumbnail",
+											"timestamp",
+											"confidence",
+											"selection-mode",
+											"selected",
+											"onClick",
+											"onAssignPrompt",
+											"onRemove",
+											"onIgnore",
+											"onSkip"
+										]))), 128))], 4)]),
+										_: 2
+									}, 1032, ["pt"])]),
+									_: 2
+								}, 1032, ["value", "class"]))), 128))]),
+								_: 1
+							})]),
+							_: 1
+						})) : s("", !0),
+						l(F).ungrouped.length ? (n(), o(X, {
+							key: 1,
+							class: "cui-card border-color-inner h-auto!",
+							pt: { body: { class: "pb-0" } }
+						}, {
+							content: d(() => [x(Y, null, {
+								default: d(() => [x(q, {
+									value: "__ungrouped__",
+									class: "border-b-0"
+								}, {
+									default: d(() => [x(N, { class: "px-0 pt-0 pb-5" }, {
+										default: d(() => [_("span", _t, [
+											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(te, {
+												key: 0,
+												class: "w-4 h-4 text-white"
+											})) : K(l(F).ungrouped) === "some" ? (n(), o(ne, {
+												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", {
+												class: "ml-auto flex items-center gap-1 mr-2",
+												onClick: c[3] ||= e(() => {}, ["stop"])
+											}, [v((n(), o(f, {
+												severity: "danger",
+												text: "",
+												rounded: "",
+												class: "cui-icon-lg",
+												onClick: Ue
+											}, {
+												icon: d(() => [x(M, {
+													width: "100%",
+													height: "100%"
+												})]),
+												_: 1
+											})), [[
+												$,
+												a.$t("views.faces.discard"),
+												void 0,
+												{ top: !0 }
+											]])])
+										])]),
+										_: 1
+									}), 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(j) ? "120px" : "140px"}, 1fr))` })
+										}, [(n(!0), p(h, null, t(l(F).ungrouped, (e) => (n(), o(D, {
+											key: e.id,
+											variant: "unknown",
+											thumbnail: l(A)(e.thumbnail),
+											timestamp: e.timestamp,
+											confidence: e.confidence,
+											"selection-mode": l(z),
+											selected: l(B).has(e.id),
+											onClick: (t) => l(Te)(e.id),
+											onAssignPrompt: (t) => Be(e),
+											onIgnore: (t) => Fe(e),
+											onSkip: (t) => J(e)
+										}, null, 8, [
+											"thumbnail",
+											"timestamp",
+											"confidence",
+											"selection-mode",
+											"selected",
+											"onClick",
+											"onAssignPrompt",
+											"onIgnore",
+											"onSkip"
+										]))), 128))], 4)]),
+										_: 1
+									})]),
+									_: 1
+								})]),
+								_: 1
+							})]),
+							_: 1
+						})) : s("", !0),
+						l(P).ignoredFaces.value.length ? (n(), o(X, {
+							key: 2,
+							class: "cui-card border-color-inner h-auto!",
+							pt: { body: { class: "pb-0" } }
+						}, {
+							content: d(() => [x(Y, null, {
+								default: d(() => [x(q, {
+									value: "__ignored__",
+									class: "border-b-0"
+								}, {
+									default: d(() => [x(N, { class: "px-0 pt-0 pb-5" }, {
+										default: d(() => [_("span", St, [_("div", Ct, [x(oe, { 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(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(j) ? "120px" : "140px"}, 1fr))` })
+										}, [(n(!0), p(h, null, t(l(P).ignoredFaces.value, (e) => (n(), o(D, {
+											key: e.id,
+											variant: "ignored",
+											thumbnail: l(A)(e.thumbnail),
+											timestamp: e.timestamp,
+											onRestore: (t) => ze(e)
+										}, null, 8, [
+											"thumbnail",
+											"timestamp",
+											"onRestore"
+										]))), 128))], 4)]),
+										_: 1
+									})]),
+									_: 1
+								})]),
+								_: 1
+							})]),
+							_: 1
+						})) : s("", !0)
+					]),
+					!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(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-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: l(G)
+						}, null, 8, [
+							"tooltip-props",
+							"icon",
+							"onClick"
+						]),
+						x(Q, {
+							grouped: "",
+							"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(ee),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: l(Ce)
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon",
+							"onClick"
+						]),
+						x(Q, {
+							grouped: "",
+							"tooltip-props": { value: a.$t("views.faces.assign") },
+							"button-props": {
+								severity: "secondary",
+								disabled: !l(B).size || l(W)
+							},
+							icon: l(Se),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: Ve
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						]),
+						x(Q, {
+							grouped: "",
+							"tooltip-props": { value: a.$t("views.faces.remove_from_cluster") },
+							"button-props": {
+								severity: "secondary",
+								disabled: !l(Ee).length || l(W)
+							},
+							icon: l(we),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: He
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						]),
+						x(Q, {
+							grouped: "",
+							"tooltip-props": { value: a.$t("views.faces.ignore") },
+							"button-props": {
+								severity: "secondary",
+								disabled: !l(B).size || l(W)
+							},
+							icon: l(V),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: Re
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						]),
+						x(Q, {
+							grouped: "",
+							"tooltip-props": { value: a.$t("views.faces.discard") },
+							"button-props": {
+								severity: "danger",
+								disabled: !l(B).size || l(W)
+							},
+							icon: l(k),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: Z
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						])
+					], 64)) : (n(), p(h, { key: 0 }, [l(R).length ? (n(), o(Q, {
+						key: 0,
+						grouped: "",
+						"tooltip-props": { value: a.$t("views.faces.select") },
+						"button-props": { severity: "secondary" },
+						icon: l(C),
+						"icon-props": {
+							width: "100%",
+							height: "100%"
+						},
+						onClick: l(xe)
+					}, null, 8, [
+						"tooltip-props",
+						"icon",
+						"onClick"
+					])) : s("", !0), x(Q, {
+						grouped: "",
+						"tooltip-props": { value: a.$t("views.faces.add_face") },
+						"button-props": { class: "text-white" },
+						icon: l(ve),
+						"icon-props": {
+							width: "30px",
+							height: "30px"
+						},
+						onClick: je
+					}, null, 8, ["tooltip-props", "icon"])], 64))]),
+					_: 1
+				}, 8, ["force-visible"])
+			]);
+		};
+	}
+});
+//#endregion
+export { Ot as default };