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

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

@@ -0,0 +1,1441 @@
+import { c as e, m as t } from "./ripple-ZDATPc2w.js";
+import { D as n, G as r, H as i, Jt as a, N as o, Wt as s, _t as c, d as l, f as u, gt as d, kt as f, l as p, lt as m, ot as h, p as g, qt as _, r as v, rt as y, st as b, u as x, ut as S, v as C, x as w, xt as T, y as E, yt as D, z as ee } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { t as te } from "./tooltip-BDrlgLof.js";
+import { t as O } from "./message-D6dIy_hz.js";
+import { Ar as k, B as ne, Dr as re, Fn as A, J as ie, Jn as j, Or as ae, Pr as oe, Si as M, V as se, W as ce, Wn as N, _r as le, _t as P, fr as ue, gr as F, jr as I, kr as L, l as de, tt as fe, ua as pe, z as me } from "./api-Dv3Lk_g5.js";
+import { A as R, M as he, h as z, i as ge } from "./intercomService-B7HkLs6z.js";
+import { n as _e } from "./vue-i18n-D5EAy78K.js";
+import { h as ve } from "./eventIcons-BFNUgeGr.js";
+import { n as ye, t as be } from "./button-BouAFgf5.js";
+import { t as B } from "./inputtext-C_ygnPrC.js";
+import { t as xe } from "./close-CxFbonhd.js";
+import { i as Se, n as Ce, r as we, t as Te } from "./accordion-BylV-jUK.js";
+import { t as V } from "./autocomplete-Cp3u2Ywa.js";
+import { t as Ee } from "./progressbar-CaUaM8Bt.js";
+import { t as De } from "./delete-DWdURc9X.js";
+import { t as H } from "./upload-BF0iIQFa.js";
+import { t as Oe } from "./back-filled-CaxrZv0Q.js";
+import { t as ke } from "./refresh-CpjKkasY.js";
+import { t as Ae } from "./plus-CgxY7W0L.js";
+import { n as je, t as Me } from "./eye-off-UG_p9nl8.js";
+import { t as Ne } from "./minus-D3V6azhV.js";
+import { t as Pe } from "./database-refresh-outline-PiqlCkA7.js";
+//#region ~icons/mdi/account-question
+var Fe = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function U(e, t) {
+	return i(), g("svg", Fe, [...t[0] ||= [x("path", {
+		fill: "currentColor",
+		d: "M13 8a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4a4 4 0 0 1 4 4m4 10v2H1v-2c0-2.21 3.58-4 8-4s8 1.79 8 4m3.5-3.5V16H19v-1.5zm-2-5H17V9a3 3 0 0 1 3-3a3 3 0 0 1 3 3c0 .97-.5 1.88-1.29 2.41l-.3.19c-.57.4-.91 1.01-.91 1.7v.2H19v-.2c0-1.19.6-2.3 1.59-2.95l.29-.19c.39-.26.62-.69.62-1.16A1.5 1.5 0 0 0 20 7.5A1.5 1.5 0 0 0 18.5 9z"
+	}, null, -1)]]);
+}
+var Ie = c({
+	name: "mdi-account-question",
+	render: U
+}), Le = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function W(e, t) {
+	return i(), g("svg", Le, [...t[0] ||= [x("path", {
+		fill: "currentColor",
+		d: "M15 14c-2.67 0-8 1.33-8 4v2h16v-2c0-2.67-5.33-4-8-4m-9-4V7H4v3H1v2h3v3h2v-3h3v-2m6 2a4 4 0 0 0 4-4a4 4 0 0 0-4-4a4 4 0 0 0-4 4a4 4 0 0 0 4 4"
+	}, null, -1)]]);
+}
+var Re = c({
+	name: "mdi-account-plus",
+	render: W
+}), ze = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Be(e, t) {
+	return i(), g("svg", ze, [...t[0] ||= [x("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "m9 6l6 6l-6 6"
+	}, null, -1)]]);
+}
+var Ve = c({
+	name: "tabler-chevron-right",
+	render: Be
+}), He = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function G(e, t) {
+	return i(), g("svg", He, [...t[0] ||= [x("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "M5 12h14"
+	}, null, -1)]]);
+}
+var Ue = c({
+	name: "tabler-minus",
+	render: G
+}), We = { class: "aspect-square overflow-hidden flex items-center justify-center bg-black/5 dark:bg-black/30" }, K = ["src"], q = ["src"], J = { class: "font-medium truncate" }, Ge = { class: "text-xs text-muted" }, Y = {
+	class: "bg-neutral-900 w-full rounded-xl overflow-hidden relative border-[1px] border-color shadow-lg",
+	style: { "aspect-ratio": "1 / 1" }
+}, Ke = ["src"], X = {
+	key: 1,
+	class: "w-full h-full flex items-center justify-center bg-neutral-800/80"
+}, qe = ["src"], Je = { class: "absolute top-0 left-0 right-0 p-2 bg-gradient-to-b from-black/60 to-transparent" }, Ye = { class: "flex items-center justify-between" }, Xe = { class: "text-xs text-white/70" }, Ze = {
+	key: 2,
+	class: "absolute bottom-2 left-2 pointer-events-none"
+}, Qe = {
+	key: 3,
+	class: "absolute bottom-0 left-0 right-0 p-1.5 bg-gradient-to-t from-black/60 to-transparent flex items-center justify-center gap-1 dark-mode"
+}, $e = /* @__PURE__ */ w({
+	__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(e) {
+		let n = e, r = de(), o = p(() => n.confidence ? n.confidence >= .9 ? "text-green-400" : n.confidence >= .7 ? "text-yellow-400" : "text-red-400" : "text-white/50"), c = p(() => n.timestamp ? new Date(n.timestamp).toLocaleTimeString([], {
+			hour: "2-digit",
+			minute: "2-digit"
+		}) : "");
+		return (n, d) => {
+			let p = ge, h = le, _ = je, y = be, b = Ue, C = Re, w = Me, T = De, D = te;
+			return e.variant === "known" ? (i(), l(p, {
+				key: 0,
+				class: "cui-card transition-shadow cursor-pointer hover:shadow-md",
+				onClick: d[0] ||= (e) => n.$emit("click")
+			}, {
+				header: m(() => [x("div", We, [e.thumbnail ? (i(), g("img", {
+					key: 0,
+					src: e.thumbnail,
+					class: "w-full h-full object-cover"
+				}, null, 8, K)) : (i(), g("img", {
+					key: 1,
+					src: f(r),
+					class: "w-1/2 h-1/2 object-contain"
+				}, null, 8, q))])]),
+				content: m(() => [x("div", J, a(e.name), 1), x("div", Ge, a(e.imageCount) + " " + a(n.$t("views.faces.images")), 1)]),
+				_: 1
+			})) : (i(), g("div", {
+				key: 1,
+				class: s(["relative", e.selectionMode ? "cursor-pointer" : "cursor-default"]),
+				onClick: d[6] ||= (t) => e.selectionMode && n.$emit("click")
+			}, [x("div", Y, [
+				e.thumbnail ? (i(), g("img", {
+					key: 0,
+					src: e.thumbnail,
+					class: "w-full h-full object-cover"
+				}, null, 8, Ke)) : (i(), g("div", X, [x("img", {
+					src: f(r),
+					class: "w-1/3 h-1/3 object-contain opacity-20"
+				}, null, 8, qe)])),
+				x("div", Je, [x("div", Ye, [x("span", Xe, a(f(c)), 1), e.confidence ? (i(), g("span", {
+					key: 0,
+					class: s(["text-xs font-medium", f(o)])
+				}, a(Math.round(e.confidence * 100)) + "%", 3)) : u("", !0)])]),
+				e.selectionMode ? (i(), g("div", Ze, [x("div", { class: s(["w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors", e.selected ? "bg-primary border-primary" : "bg-black/40 border-white/80"]) }, [e.selected ? (i(), l(h, {
+					key: 0,
+					class: "w-4 h-4 text-white"
+				})) : u("", !0)], 2)])) : u("", !0),
+				e.selectionMode ? u("", !0) : (i(), g("div", Qe, [e.variant === "ignored" ? S((i(), l(y, {
+					key: 0,
+					severity: "secondary",
+					rounded: "",
+					size: "small",
+					class: "cui-icon-sm text-white",
+					onClick: d[1] ||= t((e) => n.$emit("restore"), ["stop"])
+				}, {
+					icon: m(() => [E(_, {
+						width: "100%",
+						height: "100%"
+					})]),
+					_: 1
+				})), [[
+					D,
+					n.$t("views.faces.restore"),
+					void 0,
+					{ top: !0 }
+				]]) : (i(), g(v, { key: 1 }, [
+					e.showRemove ? S((i(), l(y, {
+						key: 0,
+						severity: "secondary",
+						rounded: "",
+						size: "small",
+						class: "cui-icon-sm text-white",
+						onClick: d[2] ||= t((e) => n.$emit("remove"), ["stop"])
+					}, {
+						icon: m(() => [E(b, { class: "w-4 h-4" })]),
+						_: 1
+					})), [[
+						D,
+						n.$t("views.faces.remove_from_cluster"),
+						void 0,
+						{ top: !0 }
+					]]) : S((i(), l(y, {
+						key: 1,
+						severity: "secondary",
+						rounded: "",
+						size: "small",
+						class: "cui-icon-sm text-white",
+						onClick: d[3] ||= t((e) => n.$emit("assign-prompt"), ["stop"])
+					}, {
+						icon: m(() => [E(C, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					})), [[
+						D,
+						n.$t("views.faces.assign"),
+						void 0,
+						{ top: !0 }
+					]]),
+					S((i(), l(y, {
+						severity: "secondary",
+						rounded: "",
+						size: "small",
+						class: "cui-icon-sm text-white",
+						onClick: d[4] ||= t((e) => n.$emit("ignore"), ["stop"])
+					}, {
+						icon: m(() => [E(w, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					})), [[
+						D,
+						n.$t("views.faces.ignore"),
+						void 0,
+						{ top: !0 }
+					]]),
+					S((i(), l(y, {
+						severity: "danger",
+						rounded: "",
+						size: "small",
+						class: "cui-icon-sm text-white",
+						onClick: d[5] ||= t((e) => n.$emit("skip"), ["stop"])
+					}, {
+						icon: m(() => [E(T, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					})), [[
+						D,
+						n.$t("views.faces.discard"),
+						void 0,
+						{ top: !0 }
+					]])
+				], 64))]))
+			])], 2));
+		};
+	}
+}), et = {
+	key: 0,
+	class: "text-sm text-muted mb-4"
+}, tt = {
+	key: 2,
+	class: "grid grid-cols-3 gap-2"
+}, Z = ["src"], nt = {
+	key: 3,
+	class: "text-muted text-sm text-center py-8"
+}, rt = /* @__PURE__ */ w({
+	__name: "FaceDetail",
+	props: {
+		face: {},
+		onRemoveImage: { type: Function },
+		onDeletePerson: { type: Function }
+	},
+	setup(e, { expose: t }) {
+		let n = e, o = p(() => n.face);
+		return t({ onConfirm: async () => (n.onDeletePerson(), !0) }), (t, n) => {
+			let c = O, d = xe, p = be;
+			return i(), g("div", null, [
+				f(o).imageCount ? (i(), g("div", et, a(f(o).imageCount) + " " + a(t.$t("views.faces.training_images")), 1)) : u("", !0),
+				f(o).images.length > 0 && f(o).images.length < f(10) ? (i(), l(c, {
+					key: 1,
+					severity: "warn",
+					size: "small",
+					class: "mb-4",
+					closable: !1
+				}, {
+					default: m(() => [C(a(t.$t("views.faces.few_pictures_hint", { count: f(10) })), 1)]),
+					_: 1
+				})) : u("", !0),
+				f(o).images.length ? (i(), g("div", tt, [(i(!0), g(v, null, r(f(o).images, (t, n) => (i(), g("div", {
+					key: n,
+					class: "relative aspect-square rounded-2xl overflow-hidden bg-surface-100 dark:bg-surface-800"
+				}, [
+					x("img", {
+						src: t.src,
+						class: "w-full h-full object-cover"
+					}, null, 8, Z),
+					t.confidence ? (i(), g("div", {
+						key: 0,
+						class: s(["absolute bottom-0.5 right-0.5 text-[10px] font-medium px-1 rounded bg-black/60", t.confidence >= .9 ? "text-green-400" : t.confidence >= .7 ? "text-yellow-400" : "text-red-400"])
+					}, a(Math.round(t.confidence * 100)) + "% ", 3)) : u("", !0),
+					E(p, {
+						severity: "danger",
+						rounded: "",
+						class: "!absolute top-1 right-1 cui-icon-sm text-white",
+						onClick: (t) => e.onRemoveImage(n)
+					}, {
+						icon: m(() => [E(d, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					}, 8, ["onClick"])
+				]))), 128))])) : (i(), g("div", nt, a(t.$t("views.faces.no_known_faces")), 1))
+			]);
+		};
+	}
+}), Q = { class: "flex flex-col gap-2 w-full" }, it = {
+	for: "personName",
+	class: "cui-label"
+}, at = /* @__PURE__ */ w({
+	__name: "FaceNewPerson",
+	props: { knownNames: {} },
+	setup(e, { expose: t }) {
+		let n = e, r = T(""), o = T([]);
+		function s(e) {
+			let t = e.query.trim().toLowerCase(), r = n.knownNames ?? [];
+			o.value = t ? r.filter((e) => e.toLowerCase().includes(t)) : [...r];
+		}
+		return t({ onConfirm: async () => r.value.trim() || null }), (e, t) => {
+			let n = V;
+			return i(), g("div", Q, [x("label", it, a(e.$t("views.faces.name")), 1), E(n, {
+				id: "personName",
+				modelValue: f(r),
+				"onUpdate:modelValue": t[0] ||= (e) => d(r) ? r.value = e : null,
+				suggestions: f(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"
+			])]);
+		};
+	}
+}), ot = { class: "flex flex-col gap-4" }, st = { class: "text-sm text-pretty" }, ct = {
+	key: 0,
+	class: "flex flex-col gap-2"
+}, lt = {
+	key: 0,
+	class: "text-sm text-muted"
+}, ut = {
+	key: 1,
+	class: "text-sm text-pretty text-muted"
+}, dt = {
+	key: 2,
+	class: "text-sm text-pretty text-muted"
+}, ft = /* @__PURE__ */ w({
+	__name: "FacesReindex",
+	setup(e, { expose: t }) {
+		let r = n("dialogRefProps"), { t: o } = _e(), { status: s, isBusy: c, checking: l, refresh: d, start: m, cancel: _ } = A(), v = T(!1), y = T(!1), S = T(0), C = p(() => s.value?.running === !0), w = p(() => C.value ? [] : s.value?.unusable ?? []), D = p(() => C.value ? [] : (s.value?.skippedNames ?? []).filter((e) => !w.value.includes(e))), te = p(() => {
+			if (y.value) {
+				if (!s.value?.total) return o("views.faces.reindex.up_to_date");
+				let { done: e, total: t } = s.value;
+				return o("views.faces.reindex.result", {
+					done: e,
+					total: t
+				});
+			}
+			return l.value ? o("views.faces.reindex.checking") : C.value ? o("views.faces.reindex.running_intro") : o("views.faces.reindex.intro");
+		}), O = p(() => {
+			if (y.value) return S.value;
+			let e = s.value?.total ?? 0;
+			return e <= 0 ? 0 : Math.min(100, Math.round(((s.value?.done ?? 0) + (s.value?.skipped ?? 0)) / e * 100));
+		});
+		async function k() {
+			return C.value ? _() : (v.value = !0, m()), null;
+		}
+		return h(C, (e, t) => {
+			t && !e && v.value && (y.value = !0, S.value = s.value?.total ? 100 : 0, s.value?.total || requestAnimationFrame(() => S.value = 100));
+		}), b(() => {
+			r.hideConfirmButton && (r.hideConfirmButton.value = y.value), r.confirmText && (r.confirmText.value = C.value ? o("views.faces.reindex.stop") : o("views.faces.reindex.start")), r.confirmButtonProps && (r.confirmButtonProps.value = C.value ? { severity: "danger" } : {}), r.disabled && (r.disabled.value = c.value);
+		}), ee(() => {
+			s.value?.running && (v.value = !0), d().then(() => {
+				s.value?.running && (v.value = !0);
+			});
+		}), t({ onConfirm: k }), (e, t) => {
+			let n = Ee;
+			return i(), g("div", ot, [
+				x("span", st, a(f(te)), 1),
+				f(v) || f(C) ? (i(), g("div", ct, [E(n, {
+					mode: f(l) ? "indeterminate" : "determinate",
+					value: f(O),
+					"show-value": !1,
+					class: "h-2"
+				}, null, 8, ["mode", "value"]), f(C) && !f(l) ? (i(), g("div", lt, a(e.$t("views.faces.reindex.progress", {
+					done: f(s)?.done ?? 0,
+					total: f(s)?.total ?? 0
+				})), 1)) : u("", !0)])) : u("", !0),
+				f(D).length ? (i(), g("span", ut, a(e.$t("views.faces.reindex.skipped_pictures", { names: f(D).join(", ") })), 1)) : u("", !0),
+				f(w).length ? (i(), g("span", dt, a(e.$t("views.faces.reindex.unusable", { names: f(w).join(", ") })), 1)) : u("", !0)
+			]);
+		};
+	}
+}), $ = [
+	"image/jpeg",
+	"image/png",
+	"image/webp"
+], pt = { class: "flex flex-col gap-6" }, mt = { class: "cui-label" }, ht = { key: 0 }, gt = { class: "text-sm text-muted" }, _t = { key: 1 }, vt = ["src"], yt = ["accept"], bt = {
+	key: 0,
+	class: "text-xs text-red-500 mt-1"
+}, xt = { class: "flex items-center justify-center mt-2 text-xs text-muted" }, St = /* @__PURE__ */ w({
+	__name: "FaceUpload",
+	props: { onEnroll: { type: Function } },
+	setup(e, { expose: n }) {
+		let r = e, { t: o } = _e(), s = T(""), c = T(""), l = T(null), p = T(""), m = T();
+		function h() {
+			m.value?.click();
+		}
+		function _(e) {
+			let t = e.target.files?.[0];
+			t && b(t);
+		}
+		function v(e) {
+			let t = e.dataTransfer?.files[0];
+			t && b(t);
+		}
+		function y(e) {
+			return $.includes(e.type) ? e.size > 10485760 ? o("views.faces.file_too_large", { maxSize: 10 }) : null : o("views.faces.invalid_format");
+		}
+		function b(e) {
+			p.value = "";
+			let t = y(e);
+			if (t) {
+				p.value = t, l.value = null, c.value = "";
+				return;
+			}
+			let n = new FileReader();
+			n.onload = () => {
+				l.value = new Uint8Array(n.result);
+			}, n.readAsArrayBuffer(e);
+			let r = new FileReader();
+			r.onload = () => {
+				c.value = r.result;
+			}, r.readAsDataURL(e);
+		}
+		return n({ onConfirm: async () => !s.value || !l.value ? null : (await r.onEnroll(s.value, l.value), !0) }), (e, n) => {
+			let r = B, o = H;
+			return i(), g("div", pt, [x("div", null, [x("label", mt, a(e.$t("views.faces.name")), 1), E(r, {
+				modelValue: f(s),
+				"onUpdate:modelValue": n[0] ||= (e) => d(s) ? s.value = e : null,
+				modelModifiers: { trim: !0 },
+				placeholder: e.$t("views.faces.enter_name"),
+				class: "w-full",
+				autofocus: ""
+			}, null, 8, ["modelValue", "placeholder"])]), x("div", null, [
+				n[2] ||= x("label", { class: "cui-label mb-1" }, "Image", -1),
+				x("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: h,
+					onDragover: n[1] ||= t(() => {}, ["prevent"]),
+					onDrop: t(v, ["prevent"])
+				}, [f(c) ? (i(), g("div", _t, [x("img", {
+					src: f(c),
+					class: "max-h-48 mx-auto rounded"
+				}, null, 8, vt)])) : (i(), g("div", ht, [E(o, { class: "w-8 h-8 text-muted mx-auto mb-2" }), x("div", gt, a(e.$t("views.faces.drop_image")), 1)]))], 32),
+				x("input", {
+					ref_key: "fileInput",
+					ref: m,
+					type: "file",
+					accept: f($).join(","),
+					class: "hidden",
+					onChange: _
+				}, null, 40, yt),
+				f(p) ? (i(), g("div", bt, a(f(p)), 1)) : u("", !0),
+				x("div", xt, [x("span", null, "(" + a(f(10)) + "MB, " + a(f($).join(", ")) + ")", 1)])
+			])]);
+		};
+	}
+}), Ct = {
+	key: 0,
+	class: "flex items-center justify-between"
+}, wt = { class: "page-title" }, Tt = { class: "flex gap-3 p-px overflow-hidden" }, Et = { class: "p-3" }, Dt = {
+	key: 0,
+	class: "flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4"
+}, Ot = { class: "text-muted text-sm" }, kt = { class: "mb-6 p-px" }, At = { class: "flex items-center justify-between mb-3" }, jt = { class: "flex items-center gap-2" }, Mt = { class: "card-title m-0!" }, Nt = {
+	key: 0,
+	class: "relative"
+}, Pt = {
+	key: 1,
+	class: "text-muted text-sm"
+}, Ft = { class: "mb-6 p-px" }, It = { class: "flex items-center justify-between mb-3" }, Lt = { class: "flex items-center gap-2" }, Rt = { class: "card-title m-0!" }, zt = { class: "flex flex-col gap-3" }, Bt = { class: "flex items-center gap-3 w-full" }, Vt = ["onClick"], Ht = { class: "w-10 h-10 rounded-full overflow-hidden bg-surface-100 dark:bg-surface-800 shrink-0" }, Ut = ["src"], Wt = { class: "font-medium" }, Gt = { class: "flex items-center gap-3 w-full" }, Kt = { class: "w-10 h-10 rounded-full overflow-hidden bg-surface-100 dark:bg-surface-800 shrink-0 flex items-center justify-center" }, qt = { class: "flex flex-col" }, Jt = { class: "flex items-center gap-2 font-medium" }, Yt = { class: "text-muted text-sm font-normal" }, Xt = { class: "flex items-center gap-3 w-full" }, Zt = { class: "w-10 h-10 rounded-full overflow-hidden bg-surface-100 dark:bg-surface-800 shrink-0 flex items-center justify-center" }, Qt = { class: "flex flex-col" }, $t = { class: "flex items-center gap-2 font-medium" }, en = { class: "text-muted text-sm font-normal" }, tn = {
+	key: 0,
+	class: "text-muted text-sm"
+}, nn = 160, rn = 12, an = /* @__PURE__ */ w({
+	__name: "Faces",
+	setup(n) {
+		let c = P(), d = M(), { t: b } = _e(), { smBreakpoint: w } = k(), { width: O } = oe(), { bottombarHeight: de } = I(), B = j(), V = B.clusteredUnknowns, Ee = y("knownSkeletonRef"), H = y("knownRowRef"), je = y("reindexAnchorRef"), { left: Fe } = z(je), U = T(!1), Le = T(!1), { status: W, checking: ze } = A(), { y: Be } = he(window, { throttle: 100 }), He = L(() => Be.value), G = D({
+			left: 0,
+			max: 0
+		}), We = p(() => [...V.value.clusters.flatMap((e) => e.faces), ...V.value.ungrouped]), { selectionMode: K, selectedIds: q, selectedItems: J, allSelected: Ge, bulkBusy: Y, enterSelectionMode: Ke, exitSelectionMode: X, toggleSelectAll: qe, toggleSelection: Je } = me(We, (e) => e.id), Ye = p(() => F(void 0, "admin")), Xe = p(() => He.value && !W.value?.running), Ze = p(() => {
+			let e = new Set(V.value.clusters.flatMap((e) => e.faces.map((e) => e.id)));
+			return [...q.value].filter((t) => e.has(t));
+		}), Qe = p(() => {
+			O.value;
+			let e = Ee.value?.clientWidth ?? O.value;
+			return Math.floor((e + rn) / 172) || 4;
+		}), et = p(() => G.left > 4), tt = p(() => G.left < G.max - 4);
+		function Z() {
+			let e = H.value;
+			e && (G.left = e.scrollLeft, G.max = e.scrollWidth - e.clientWidth);
+		}
+		function nt(e) {
+			let t = H.value;
+			t && t.scrollBy({
+				left: e * Math.max(t.clientWidth - 172, 172),
+				behavior: "smooth"
+			});
+		}
+		function Q(e) {
+			let t = 0;
+			for (let n of e) q.value.has(n.id) && t++;
+			return t === 0 ? "none" : t === e.length ? "all" : "some";
+		}
+		function it(e) {
+			let t = new Set(q.value), n = e.every((e) => t.has(e.id));
+			for (let r of e) n ? t.delete(r.id) : t.add(r.id);
+			q.value = t;
+		}
+		async function ot() {
+			U.value = !0;
+			try {
+				let e = await B.rescanFaces();
+				e > 0 ? d.add({
+					severity: "success",
+					detail: b("views.faces.rescan_complete", { count: e }),
+					life: 3e3
+				}) : d.add({
+					severity: "info",
+					detail: b("views.faces.rescan_no_matches"),
+					life: 3e3
+				});
+			} catch (e) {
+				d.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			} finally {
+				U.value = !1;
+			}
+		}
+		async function st(e) {
+			let t = T([]);
+			try {
+				t.value = (await B.getFaceImages(e.name)).map((e) => {
+					let t = N(e.jpeg);
+					return t ? {
+						id: e.id,
+						src: t,
+						confidence: e.confidence ?? 0
+					} : null;
+				}).filter(Boolean);
+			} catch {}
+			let n = c.openComponentDialog(rt, { data: {
+				title: e.name,
+				contentProps: {
+					face: p(() => ({
+						...e,
+						images: t.value,
+						imageCount: t.value.length
+					})),
+					onRemoveImage: async (n) => {
+						let r = t.value[n];
+						if (r) try {
+							await B.removeFaceImage(e.name, r.id), t.value.splice(n, 1), d.add({
+								severity: "success",
+								detail: b("views.faces.image_removed"),
+								life: 3e3
+							}), await B.refresh(!0);
+						} catch (e) {
+							d.add({
+								severity: "error",
+								detail: e,
+								life: 3e3
+							});
+						}
+					},
+					onDeletePerson: async () => {
+						try {
+							await B.deleteFace(e.name), d.add({
+								severity: "success",
+								detail: b("views.faces.person_deleted"),
+								life: 3e3
+							}), n.close(), await B.refresh(!0);
+						} catch (e) {
+							d.add({
+								severity: "error",
+								detail: e,
+								life: 3e3
+							});
+						}
+					}
+				},
+				confirmText: b("views.faces.delete_person"),
+				confirmButtonProps: { severity: "danger" }
+			} });
+		}
+		function ct() {
+			c.openComponentDialog(ft, { data: {
+				title: b("views.faces.reindex.title"),
+				contentProps: {},
+				confirmText: b("views.faces.reindex.start")
+			} });
+		}
+		function lt() {
+			c.openComponentDialog(St, { data: {
+				title: b("views.faces.add_face"),
+				confirmText: b("views.faces.enroll"),
+				contentProps: { onEnroll: async (e, t) => {
+					await B.enrollFace(e, t), d.add({
+						severity: "success",
+						detail: b("views.faces.face_enrolled"),
+						life: 3e3
+					}), await B.refresh(!0);
+				} }
+			} });
+		}
+		async function ut(e, t) {
+			let n = e.faces.map((e) => e.id);
+			if (t === "__new__") {
+				dt(n);
+				return;
+			}
+			try {
+				await B.enrollCluster(t, n), d.add({
+					severity: "success",
+					detail: b("views.faces.face_assigned"),
+					life: 3e3
+				});
+			} catch (e) {
+				d.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		function dt(e) {
+			c.openComponentDialog(at, {
+				data: {
+					title: b("views.faces.enter_person_name"),
+					confirmText: b("views.faces.enroll"),
+					contentProps: { knownNames: B.knownFaces.value.map((e) => e.name) }
+				},
+				onConfirm: async (t) => {
+					try {
+						await B.enrollCluster(t, e), d.add({
+							severity: "success",
+							detail: b("views.faces.face_enrolled"),
+							life: 3e3
+						});
+					} catch (e) {
+						d.add({
+							severity: "error",
+							detail: e,
+							life: 3e3
+						});
+					}
+				}
+			});
+		}
+		async function $(e) {
+			try {
+				await B.deleteUnknownFacesByCluster(e.clusterId);
+			} catch (e) {
+				d.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		async function pt(e) {
+			try {
+				await B.deleteUnknownFace(e.id);
+			} catch (e) {
+				d.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		async function mt(e) {
+			try {
+				await B.removeFromCluster(e.id);
+			} catch (e) {
+				d.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		async function ht(e) {
+			try {
+				await B.ignoreFaces([e.id]), d.add({
+					severity: "success",
+					detail: b("views.faces.face_ignored"),
+					life: 3e3
+				});
+			} catch (e) {
+				d.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		async function gt(e) {
+			try {
+				await B.ignoreCluster(e.clusterId), d.add({
+					severity: "success",
+					detail: b("views.faces.face_ignored"),
+					life: 3e3
+				});
+			} catch (e) {
+				d.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		async function _t() {
+			let e = J.value.map((e) => e.id);
+			if (e.length) {
+				Y.value = !0;
+				try {
+					await B.ignoreFaces(e), d.add({
+						severity: "success",
+						detail: b("views.faces.face_ignored"),
+						life: 3e3
+					}), X();
+				} catch (e) {
+					d.add({
+						severity: "error",
+						detail: e,
+						life: 3e3
+					});
+				} finally {
+					Y.value = !1;
+				}
+			}
+		}
+		async function vt(e) {
+			try {
+				await B.unignoreFaces([e.id]), d.add({
+					severity: "success",
+					detail: b("views.faces.face_restored"),
+					life: 3e3
+				});
+			} catch (e) {
+				d.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		function yt(e) {
+			c.openComponentDialog(at, {
+				data: {
+					title: b("views.faces.assign"),
+					confirmText: b("views.faces.enroll"),
+					contentProps: { knownNames: B.knownFaces.value.map((e) => e.name) }
+				},
+				onConfirm: async (t) => {
+					try {
+						await B.enrollFromEvent(t, e.id), d.add({
+							severity: "success",
+							detail: b("views.faces.face_assigned"),
+							life: 3e3
+						}), await B.refresh(!0);
+					} catch (e) {
+						d.add({
+							severity: "error",
+							detail: e,
+							life: 3e3
+						});
+					}
+				}
+			});
+		}
+		function bt() {
+			let e = J.value.map((e) => e.id);
+			e.length && c.openComponentDialog(at, {
+				data: {
+					title: b("views.faces.assign"),
+					confirmText: b("views.faces.enroll"),
+					contentProps: { knownNames: B.knownFaces.value.map((e) => e.name) }
+				},
+				onConfirm: async (t) => {
+					Y.value = !0;
+					try {
+						await B.enrollCluster(t, e), d.add({
+							severity: "success",
+							detail: b("views.faces.face_assigned"),
+							life: 3e3
+						}), X();
+					} catch (e) {
+						d.add({
+							severity: "error",
+							detail: e,
+							life: 3e3
+						});
+					} finally {
+						Y.value = !1;
+					}
+				}
+			});
+		}
+		async function xt() {
+			let e = Ze.value;
+			if (e.length) {
+				Y.value = !0;
+				try {
+					await B.removeFacesFromCluster(e), X();
+				} catch (e) {
+					d.add({
+						severity: "error",
+						detail: e,
+						life: 3e3
+					});
+				} finally {
+					Y.value = !1;
+				}
+			}
+		}
+		async function an() {
+			let e = J.value.map((e) => e.id);
+			if (e.length) {
+				Y.value = !0;
+				try {
+					await B.deleteUnknownFaces(e), X();
+				} catch (e) {
+					d.add({
+						severity: "error",
+						detail: e,
+						life: 3e3
+					});
+				} finally {
+					Y.value = !1;
+				}
+			}
+		}
+		async function on() {
+			try {
+				await B.deleteUngroupedUnknownFaces(), d.add({
+					severity: "success",
+					detail: b("views.faces.all_unknown_cleared"),
+					life: 3e3
+				});
+			} catch (e) {
+				d.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		return h(() => B.knownFaces.value.length, () => o(Z)), R(H, Z), ee(() => {
+			requestAnimationFrame(() => {
+				Le.value = !0;
+			});
+		}), (n, o) => {
+			let c = Oe, d = be, p = ie, h = pe, y = ve, b = ye, T = $e, D = ue, ee = Ve, O = le, k = Ne, A = Re, j = Me, oe = De, M = we, P = Se, F = Ce, I = Te, L = ge, me = Ie, R = re, he = ae, z = te;
+			return i(), g("div", {
+				ref_key: "reindexAnchorRef",
+				ref: je,
+				class: "flex flex-col"
+			}, [
+				f(w) ? u("", !0) : (i(), g("div", Ct, [x("h1", wt, a(n.$t("views.faces.title")), 1)])),
+				E(p, { position: "left" }, {
+					default: m(() => [E(d, {
+						severity: "secondary",
+						text: "",
+						class: "cui-button p-2 text-color non-draggable-region",
+						onClick: o[0] ||= (e) => n.$router.push("/menu")
+					}, {
+						icon: m(() => [E(c, { class: "w-6 h-6" })]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				f(B).isLoading.value ? (i(), g("section", {
+					key: 1,
+					ref_key: "knownSkeletonRef",
+					ref: Ee,
+					class: "mb-6 p-px"
+				}, [E(h, {
+					height: "16px",
+					width: "140px",
+					class: "mb-3"
+				}), x("div", Tt, [(i(!0), g(v, null, r(f(Qe), (e) => (i(), g("div", {
+					key: e,
+					class: "cui-card overflow-hidden shrink-0",
+					style: _({ width: `${nn}px` })
+				}, [E(h, {
+					class: "aspect-square",
+					width: "100%",
+					height: "100%"
+				}), x("div", Et, [E(h, {
+					height: "14px",
+					width: "70%",
+					class: "mb-1"
+				}), E(h, {
+					height: "12px",
+					width: "40%"
+				})])], 4))), 128))])], 512)) : (i(), g(v, { key: 2 }, [!f(B).knownFaces.value.length && !f(B).unknownFaces.value.length && !f(B).ignoredFaces.value.length ? (i(), g("div", Dt, [E(y, { class: "w-12 h-12 text-muted" }), x("span", Ot, a(n.$t("views.faces.no_faces_yet")), 1)])) : (i(), g(v, { key: 1 }, [x("section", kt, [x("div", At, [x("span", jt, [x("span", Mt, a(n.$t("views.faces.known_faces")), 1), E(b, {
+					size: "small",
+					class: "rounded-full px-1.5",
+					value: String(f(B).knownFaces.value.length)
+				}, null, 8, ["value"])])]), f(B).knownFaces.value.length ? (i(), g("div", Nt, [
+					x("div", {
+						ref_key: "knownRowRef",
+						ref: H,
+						class: "flex gap-3 p-px overflow-x-auto overscroll-x-contain hide-scrollbar",
+						onScroll: Z
+					}, [(i(!0), g(v, null, r(f(B).knownFaces.value, (e) => (i(), l(T, {
+						key: e.name,
+						class: "shrink-0",
+						style: _({ width: `${nn}px` }),
+						variant: "known",
+						thumbnail: f(N)(e.thumbnail),
+						name: e.name,
+						"image-count": e.imageCount,
+						onClick: (t) => st(e)
+					}, null, 8, [
+						"style",
+						"thumbnail",
+						"name",
+						"image-count",
+						"onClick"
+					]))), 128))], 544),
+					E(e, { name: "fade-2" }, {
+						default: m(() => [f(et) ? (i(), l(d, {
+							key: 0,
+							rounded: "",
+							severity: "secondary",
+							class: "absolute left-1 top-1/2 -translate-y-1/2 cui-icon-md shadow-md z-2 opacity-70 hover:opacity-100 transition-opacity",
+							onClick: o[1] ||= (e) => nt(-1)
+						}, {
+							icon: m(() => [E(D, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						})) : u("", !0)]),
+						_: 1
+					}),
+					E(e, { name: "fade-2" }, {
+						default: m(() => [f(tt) ? (i(), l(d, {
+							key: 0,
+							rounded: "",
+							severity: "secondary",
+							class: "absolute right-1 top-1/2 -translate-y-1/2 cui-icon-md shadow-md z-2 opacity-70 hover:opacity-100 transition-opacity",
+							onClick: o[2] ||= (e) => nt(1)
+						}, {
+							icon: m(() => [E(ee, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						})) : u("", !0)]),
+						_: 1
+					})
+				])) : (i(), g("div", Pt, a(n.$t("views.faces.no_known_faces")), 1))]), x("section", Ft, [
+					x("div", It, [x("span", Lt, [x("span", Rt, a(n.$t("views.faces.unknown_faces")), 1), E(b, {
+						size: "small",
+						class: "rounded-full px-1.5",
+						value: String(f(B).unknownFaces.value.length)
+					}, null, 8, ["value"])])]),
+					x("div", zt, [
+						f(V).clusters.length ? (i(), l(L, {
+							key: 0,
+							class: "cui-card border-color-inner h-auto!",
+							pt: { body: { class: "pb-0" } }
+						}, {
+							content: m(() => [E(I, { multiple: "" }, {
+								default: m(() => [(i(!0), g(v, null, r(f(V).clusters, (e, c) => (i(), l(F, {
+									key: e.clusterId,
+									value: e.clusterId,
+									class: s({ "border-b-0": c === f(V).clusters.length - 1 })
+								}, {
+									default: m(() => [E(M, { class: s({
+										"px-0 pt-0": c === 0,
+										"px-0": c !== 0,
+										"pb-5": c === f(V).clusters.length - 1
+									}) }, {
+										default: m(() => [x("span", Bt, [
+											f(K) ? (i(), g("div", {
+												key: 0,
+												class: "shrink-0",
+												onClick: t((t) => it(e.faces), ["stop"])
+											}, [x("div", { class: s(["w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors cursor-pointer", Q(e.faces) === "none" ? "border-surface-400 dark:border-surface-500" : "bg-primary border-primary"]) }, [Q(e.faces) === "all" ? (i(), l(O, {
+												key: 0,
+												class: "w-4 h-4 text-white"
+											})) : Q(e.faces) === "some" ? (i(), l(k, {
+												key: 1,
+												class: "w-4 h-4 text-white"
+											})) : u("", !0)], 2)], 8, Vt)) : u("", !0),
+											x("div", Ht, [e.bestThumbnail ? (i(), g("img", {
+												key: 0,
+												src: e.bestThumbnail,
+												class: "w-full h-full object-cover"
+											}, null, 8, Ut)) : u("", !0)]),
+											x("span", Wt, a(e.faces.length) + " " + a(n.$t("views.faces.faces_in_cluster")), 1),
+											x("span", {
+												class: "ml-auto flex items-center gap-1 mr-2",
+												onClick: o[3] ||= t(() => {}, ["stop"])
+											}, [
+												S((i(), l(d, {
+													severity: "secondary",
+													text: "",
+													rounded: "",
+													class: "cui-icon-lg",
+													onClick: (t) => ut(e, "__new__")
+												}, {
+													icon: m(() => [E(A, { class: "w-4 h-4" })]),
+													_: 1
+												}, 8, ["onClick"])), [[
+													z,
+													n.$t("views.faces.assign_cluster"),
+													void 0,
+													{ top: !0 }
+												]]),
+												S((i(), l(d, {
+													severity: "secondary",
+													text: "",
+													rounded: "",
+													class: "cui-icon-lg",
+													onClick: (t) => gt(e)
+												}, {
+													icon: m(() => [E(j, { class: "w-4 h-4" })]),
+													_: 1
+												}, 8, ["onClick"])), [[
+													z,
+													n.$t("views.faces.ignore_cluster"),
+													void 0,
+													{ top: !0 }
+												]]),
+												S((i(), l(d, {
+													severity: "danger",
+													text: "",
+													rounded: "",
+													class: "cui-icon-lg",
+													onClick: (t) => $(e)
+												}, {
+													icon: m(() => [E(oe, {
+														width: "100%",
+														height: "100%"
+													})]),
+													_: 1
+												}, 8, ["onClick"])), [[
+													z,
+													n.$t("views.faces.discard"),
+													void 0,
+													{ top: !0 }
+												]])
+											])
+										])]),
+										_: 2
+									}, 1032, ["class"]), E(P, { pt: { content: { class: {
+										"px-0": !0,
+										"pb-5": c === f(V).clusters.length - 1
+									} } } }, {
+										default: m(() => [x("div", {
+											class: "grid w-full gap-3",
+											style: _({ gridTemplateColumns: `repeat(auto-fill, minmax(${f(w) ? "120px" : "140px"}, 1fr))` })
+										}, [(i(!0), g(v, null, r(e.faces, (e) => (i(), l(T, {
+											key: e.id,
+											variant: "unknown",
+											"show-remove": "",
+											thumbnail: f(N)(e.thumbnail),
+											timestamp: e.timestamp,
+											confidence: e.confidence,
+											"selection-mode": f(K),
+											selected: f(q).has(e.id),
+											onClick: (t) => f(Je)(e.id),
+											onAssignPrompt: (t) => yt(e),
+											onRemove: (t) => mt(e),
+											onIgnore: (t) => ht(e),
+											onSkip: (t) => pt(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
+						})) : u("", !0),
+						f(V).ungrouped.length ? (i(), l(L, {
+							key: 1,
+							class: "cui-card border-color-inner h-auto!",
+							pt: { body: { class: "pb-0" } }
+						}, {
+							content: m(() => [E(I, null, {
+								default: m(() => [E(F, {
+									value: "__ungrouped__",
+									class: "border-b-0"
+								}, {
+									default: m(() => [E(M, { class: "px-0 pt-0 pb-5" }, {
+										default: m(() => [x("span", Gt, [
+											f(K) ? (i(), g("div", {
+												key: 0,
+												class: "shrink-0",
+												onClick: o[4] ||= t((e) => it(f(V).ungrouped), ["stop"])
+											}, [x("div", { class: s(["w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors cursor-pointer", Q(f(V).ungrouped) === "none" ? "border-surface-400 dark:border-surface-500" : "bg-primary border-primary"]) }, [Q(f(V).ungrouped) === "all" ? (i(), l(O, {
+												key: 0,
+												class: "w-4 h-4 text-white"
+											})) : Q(f(V).ungrouped) === "some" ? (i(), l(k, {
+												key: 1,
+												class: "w-4 h-4 text-white"
+											})) : u("", !0)], 2)])) : u("", !0),
+											x("div", Kt, [E(me, { class: "w-5 h-5 text-muted" })]),
+											x("span", qt, [x("span", Jt, [C(a(n.$t("views.faces.ungrouped")) + " ", 1), E(b, {
+												size: "small",
+												class: "rounded-full px-1.5",
+												severity: "secondary",
+												value: String(f(V).ungrouped.length)
+											}, null, 8, ["value"])]), x("span", Yt, a(n.$t("views.faces.ungrouped_hint")), 1)]),
+											x("span", {
+												class: "ml-auto flex items-center gap-1 mr-2",
+												onClick: o[5] ||= t(() => {}, ["stop"])
+											}, [S((i(), l(d, {
+												severity: "danger",
+												text: "",
+												rounded: "",
+												class: "cui-icon-lg",
+												onClick: on
+											}, {
+												icon: m(() => [E(oe, {
+													width: "100%",
+													height: "100%"
+												})]),
+												_: 1
+											})), [[
+												z,
+												n.$t("views.faces.discard"),
+												void 0,
+												{ top: !0 }
+											]])])
+										])]),
+										_: 1
+									}), E(P, { pt: { content: { class: "px-0 pb-5" } } }, {
+										default: m(() => [x("div", {
+											class: "grid w-full gap-3",
+											style: _({ gridTemplateColumns: `repeat(auto-fill, minmax(${f(w) ? "120px" : "140px"}, 1fr))` })
+										}, [(i(!0), g(v, null, r(f(V).ungrouped, (e) => (i(), l(T, {
+											key: e.id,
+											variant: "unknown",
+											thumbnail: f(N)(e.thumbnail),
+											timestamp: e.timestamp,
+											confidence: e.confidence,
+											"selection-mode": f(K),
+											selected: f(q).has(e.id),
+											onClick: (t) => f(Je)(e.id),
+											onAssignPrompt: (t) => yt(e),
+											onIgnore: (t) => ht(e),
+											onSkip: (t) => pt(e)
+										}, null, 8, [
+											"thumbnail",
+											"timestamp",
+											"confidence",
+											"selection-mode",
+											"selected",
+											"onClick",
+											"onAssignPrompt",
+											"onIgnore",
+											"onSkip"
+										]))), 128))], 4)]),
+										_: 1
+									})]),
+									_: 1
+								})]),
+								_: 1
+							})]),
+							_: 1
+						})) : u("", !0),
+						f(B).ignoredFaces.value.length ? (i(), l(L, {
+							key: 2,
+							class: "cui-card border-color-inner h-auto!",
+							pt: { body: { class: "pb-0" } }
+						}, {
+							content: m(() => [E(I, null, {
+								default: m(() => [E(F, {
+									value: "__ignored__",
+									class: "border-b-0"
+								}, {
+									default: m(() => [E(M, { class: "px-0 pt-0 pb-5" }, {
+										default: m(() => [x("span", Xt, [x("div", Zt, [E(j, { class: "w-5 h-5 text-muted" })]), x("span", Qt, [x("span", $t, [C(a(n.$t("views.faces.ignored_faces")) + " ", 1), E(b, {
+											size: "small",
+											class: "rounded-full px-1.5",
+											severity: "secondary",
+											value: String(f(B).ignoredFaces.value.length)
+										}, null, 8, ["value"])]), x("span", en, a(n.$t("views.faces.ignored_hint")), 1)])])]),
+										_: 1
+									}), E(P, { pt: { content: { class: "px-0 pb-5" } } }, {
+										default: m(() => [x("div", {
+											class: "grid w-full gap-3",
+											style: _({ gridTemplateColumns: `repeat(auto-fill, minmax(${f(w) ? "120px" : "140px"}, 1fr))` })
+										}, [(i(!0), g(v, null, r(f(B).ignoredFaces.value, (e) => (i(), l(T, {
+											key: e.id,
+											variant: "ignored",
+											thumbnail: f(N)(e.thumbnail),
+											timestamp: e.timestamp,
+											onRestore: (t) => vt(e)
+										}, null, 8, [
+											"thumbnail",
+											"timestamp",
+											"onRestore"
+										]))), 128))], 4)]),
+										_: 1
+									})]),
+									_: 1
+								})]),
+								_: 1
+							})]),
+							_: 1
+						})) : u("", !0)
+					]),
+					!f(B).unknownFaces.value.length && !f(B).ignoredFaces.value.length ? (i(), g("div", tn, a(n.$t("views.faces.no_unknown_faces")), 1)) : u("", !0)
+				])], 64))], 64)),
+				f(Ye) && f(B).knownFaces.value.length ? (i(), g("div", {
+					key: 3,
+					class: s(["fixed z-10", f(Xe) ? "scale-0 opacity-0" : "scale-100 opacity-100"]),
+					style: _({
+						left: `calc(${f(Fe)}px + 0.75rem)`,
+						bottom: `calc(${f(de)}px + 1.25rem + var(--safe-area-inset-bottom))`,
+						transition: f(Le) ? "left 200ms, transform 200ms ease-in-out, opacity 200ms ease-in-out" : void 0
+					})
+				}, [E(d, {
+					severity: "secondary",
+					rounded: "",
+					class: "shadow-lg",
+					disabled: f(W)?.running,
+					label: f(ze) ? n.$t("views.faces.reindex.checking") : f(W)?.running ? n.$t("views.faces.reindex.progress", {
+						done: f(W).done,
+						total: f(W).total
+					}) : n.$t("views.faces.reindex.button"),
+					onClick: ct
+				}, {
+					icon: m(() => [f(W)?.running ? (i(), l(f(fe), { key: 0 })) : (i(), l(f(Pe), { key: 1 }))]),
+					_: 1
+				}, 8, ["disabled", "label"])], 6)) : u("", !0),
+				E(he, { "force-visible": f(K) }, {
+					default: m(() => [f(K) ? (i(), g(v, { key: 1 }, [
+						E(R, {
+							grouped: "",
+							"tooltip-props": { value: n.$t("components.form.tooltip.cancel_selection") },
+							"button-props": { severity: "secondary" },
+							icon: f(xe),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: f(X)
+						}, null, 8, [
+							"tooltip-props",
+							"icon",
+							"onClick"
+						]),
+						E(R, {
+							grouped: "",
+							"tooltip-props": { value: f(Ge) ? n.$t("components.form.tooltip.deselect_all") : n.$t("components.form.tooltip.select_all") },
+							"button-props": { severity: f(Ge) ? "primary" : "secondary" },
+							icon: f(ce),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: f(qe)
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon",
+							"onClick"
+						]),
+						E(R, {
+							grouped: "",
+							"tooltip-props": { value: n.$t("views.faces.assign") },
+							"button-props": {
+								severity: "secondary",
+								disabled: !f(q).size || f(Y)
+							},
+							icon: f(Re),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: bt
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						]),
+						E(R, {
+							grouped: "",
+							"tooltip-props": { value: n.$t("views.faces.remove_from_cluster") },
+							"button-props": {
+								severity: "secondary",
+								disabled: !f(Ze).length || f(Y)
+							},
+							icon: f(Ue),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: xt
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						]),
+						E(R, {
+							grouped: "",
+							"tooltip-props": { value: n.$t("views.faces.ignore") },
+							"button-props": {
+								severity: "secondary",
+								disabled: !f(q).size || f(Y)
+							},
+							icon: f(Me),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: _t
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						]),
+						E(R, {
+							grouped: "",
+							"tooltip-props": { value: n.$t("views.faces.discard") },
+							"button-props": {
+								severity: "danger",
+								disabled: !f(q).size || f(Y)
+							},
+							icon: f(se),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: an
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						])
+					], 64)) : (i(), g(v, { key: 0 }, [
+						f(We).length ? (i(), l(R, {
+							key: 0,
+							grouped: "",
+							"tooltip-props": { value: n.$t("views.faces.select") },
+							"button-props": { severity: "secondary" },
+							icon: f(ne),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: f(Ke)
+						}, null, 8, [
+							"tooltip-props",
+							"icon",
+							"onClick"
+						])) : u("", !0),
+						f(B).knownFaces.value.length ? (i(), l(R, {
+							key: 1,
+							grouped: "",
+							"tooltip-props": { value: n.$t("views.faces.rescan_events") },
+							"button-props": {
+								severity: "secondary",
+								disabled: f(U)
+							},
+							icon: f(U) ? f(fe) : f(ke),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: ot
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						])) : u("", !0),
+						E(R, {
+							grouped: "",
+							"tooltip-props": { value: n.$t("views.faces.add_face") },
+							"button-props": { class: "text-white" },
+							icon: f(Ae),
+							"icon-props": {
+								width: "30px",
+								height: "30px"
+							},
+							onClick: lt
+						}, null, 8, ["tooltip-props", "icon"])
+					], 64))]),
+					_: 1
+				}, 8, ["force-visible"])
+			], 512);
+		};
+	}
+});
+//#endregion
+export { an as default };