@camera.ui/server 2.2.5-beta.4 → 2.2.5

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

@@ -1,1282 +0,0 @@
-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-BDrlgLof.js";
-import { B as C, Er as w, Hn as T, J as E, Mr as D, Or as O, Tr as ee, V as te, W as ne, _t as k, bi as A, ca as re, er as ie, hr as ae, l as j, z as oe } from "./api-BP7mlzjP.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 de } from "./select-DV7p2EDj.js";
-import { i as fe, n as pe, r as me, t as he } from "./accordion-BylV-jUK.js";
-import { t as I } from "./autocomplete-Cp3u2Ywa.js";
-import { t as ge } from "./delete-DWdURc9X.js";
-import { t as L } from "./plugins-B29K3nQP.js";
-import { t as R } from "./upload-BF0iIQFa.js";
-import { t as _e } from "./back-filled-CaxrZv0Q.js";
-import { t as ve } from "./refresh-CpjKkasY.js";
-import { t as ye } from "./plus-CgxY7W0L.js";
-import { n as z, t as B } from "./eye-off-UG_p9nl8.js";
-import { t as be } from "./minus-D3V6azhV.js";
-//#region ~icons/mdi/account-question
-var V = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function H(e, t) {
-	return n(), p("svg", V, [...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({
-	name: "mdi-account-question",
-	render: H
-}), U = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function Se(e, t) {
-	return n(), p("svg", U, [...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({
-	name: "mdi-account-plus",
-	render: Se
-}), 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 = ae, b = z, C = le, w = we, T = W, E = B, D = ge, 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 = I;
-			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 L(), 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 && ee(t);
-		}
-		function D(e) {
-			let t = e.dataTransfer?.files[0];
-			t && ee(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 ee(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 = de, u = R;
-			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 = k(), f = A(), { t: y } = M(), { smBreakpoint: j } = O(), { width: N } = D(), P = ie(), 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 } = oe(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));
-		}), De = u(() => {
-			N.value;
-			let e = j.value ? 140 : 160, t = de.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++;
-			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));
-			for (let r of e) n ? t.delete(r.id) : t.add(r.id);
-			z.value = t;
-		}
-		async function ke() {
-			I.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 {
-				I.value = !1;
-			}
-		}
-		async function Ae(e) {
-			let t = b([]);
-			try {
-				t.value = (await P.getFaceImages(e.name)).map((e) => {
-					let t = T(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 = V.value.map((e) => e.id);
-			if (e.length) {
-				U.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 {
-					U.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 = V.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) => {
-					U.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 {
-						U.value = !1;
-					}
-				}
-			});
-		}
-		async function He() {
-			let e = Ee.value;
-			if (e.length) {
-				U.value = !0;
-				try {
-					await P.removeFacesFromCluster(e), G();
-				} catch (e) {
-					f.add({
-						severity: "error",
-						detail: e,
-						life: 3e3
-					});
-				} finally {
-					U.value = !1;
-				}
-			}
-		}
-		async function Z() {
-			let e = V.value.map((e) => e.id);
-			if (e.length) {
-				U.value = !0;
-				try {
-					await P.deleteUnknownFaces(e), G();
-				} catch (e) {
-					f.add({
-						severity: "error",
-						detail: e,
-						life: 3e3
-					});
-				} finally {
-					U.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 = ve, f = le, g = _e, y = E, b = re, D = ce, O = Ie, k = ae, A = be, ie = W, oe = B, M = ge, N = me, V = fe, q = pe, Y = he, X = se, We = xe, Q = ee, 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(I),
-					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(I),
-						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: de,
-					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(D, { 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(O, {
-					key: e.name,
-					variant: "known",
-					thumbnail: l(T)(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(R) ? (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(k, {
-												key: 0,
-												class: "w-4 h-4 text-white"
-											})) : K(u.faces) === "some" ? (n(), o(A, {
-												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(ie, { 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(V, { 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(O, {
-											key: e.id,
-											variant: "unknown",
-											"show-remove": "",
-											thumbnail: l(T)(e.thumbnail),
-											timestamp: e.timestamp,
-											confidence: e.confidence,
-											"selection-mode": l(R),
-											selected: l(z).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(R) ? (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(k, {
-												key: 0,
-												class: "w-4 h-4 text-white"
-											})) : K(l(F).ungrouped) === "some" ? (n(), o(A, {
-												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(V, { 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(O, {
-											key: e.id,
-											variant: "unknown",
-											thumbnail: l(T)(e.thumbnail),
-											timestamp: e.timestamp,
-											confidence: e.confidence,
-											"selection-mode": l(R),
-											selected: l(z).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(V, { 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(O, {
-											key: e.id,
-											variant: "ignored",
-											thumbnail: l(T)(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(R) }, {
-					default: d(() => [l(R) ? (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(H) ? a.$t("components.form.tooltip.deselect_all") : a.$t("components.form.tooltip.select_all") },
-							"button-props": { severity: l(H) ? "primary" : "secondary" },
-							icon: l(ne),
-							"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(z).size || l(U)
-							},
-							icon: l(W),
-							"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(U)
-							},
-							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(z).size || l(U)
-							},
-							icon: l(B),
-							"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(z).size || l(U)
-							},
-							icon: l(te),
-							"icon-props": {
-								width: "100%",
-								height: "100%"
-							},
-							onClick: Z
-						}, null, 8, [
-							"tooltip-props",
-							"button-props",
-							"icon"
-						])
-					], 64)) : (n(), p(h, { key: 0 }, [l(L).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(Se)
-					}, 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(ye),
-						"icon-props": {
-							width: "30px",
-							height: "30px"
-						},
-						onClick: je
-					}, null, 8, ["tooltip-props", "icon"])], 64))]),
-					_: 1
-				}, 8, ["force-visible"])
-			]);
-		};
-	}
-});
-//#endregion
-export { Ot as default };