@camera.ui/server 2.4.4 → 2.4.5

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

@@ -0,0 +1,1659 @@
+import { c as e, m as t } from "./ripple-CGl9oC16.js";
+import { D as n, G as r, H as i, J as a, Kt as o, St as s, Xt as c, Yt as l, d as u, f as d, gt as f, jt as p, l as m, lt as h, ot as g, p as _, r as v, rt as y, st as b, u as x, ut as S, v as C, vt as w, x as T, y as E, z as D } from "./runtime-core.esm-bundler-CrWKbcD2.js";
+import { t as O } from "./message-CZC3zWwJ.js";
+import { Cr as k, Jr as A, Qi as j, Ur as ee, Xa as te, Zn as M, Zr as ne, ai as re, ci as N, cr as ie, dr as ae, f as P, fi as F, gt as I, jr as L, li as R, mt as oe, ni as z, oi as se, ot as B, si as ce, sr as le, st as ue, ut as de } from "./api-BMAjMZXW.js";
+import { F as V, s as fe, y as pe } from "./vee-validate-DWIY1QrX.js";
+import { n as H } from "./vue-i18n-DzDRu5NH.js";
+import { S as me } from "./eventLabels-BtMQrzXf.js";
+import { t as he } from "./CuiButton-CGAd8xvo.js";
+import { r as ge } from "./button-D9sS6H0w.js";
+import { t as _e } from "./inputtext-CMGQjYbf.js";
+import { t as ve } from "./close-BYhywzVJ.js";
+import { i as ye, n as be, r as xe, t as Se } from "./accordion-hfR-HxkK.js";
+import { t as Ce } from "./autocomplete-DKmA4ccm.js";
+import { t as we } from "./progressbar-PUG00hyZ.js";
+import { t as Te } from "./delete-Bn7AbDKs.js";
+import { t as Ee } from "./content-copy-1iMHvyby.js";
+import { t as De } from "./upload-BXxj7MTY.js";
+import { t as Oe } from "./refresh-uev9eKuw.js";
+import { t as ke } from "./back-filled-DHF_824p.js";
+import { t as Ae } from "./plus-CVdkLDRi.js";
+import { t as je } from "./exclamation-thick-TCzPZwNy.js";
+import { n as Me, t as Ne } from "./eye-off-Bp9pn9q3.js";
+import { t as Pe } from "./minus-Bf1yxhPx.js";
+import { t as Fe } from "./database-refresh-outline-BnqtSxnu.js";
+//#region ~icons/mdi/account-question
+var Ie = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Le(e, t) {
+	return i(), _("svg", Ie, [...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 Re = w({
+	name: "mdi-account-question",
+	render: Le
+}), ze = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Be(e, t) {
+	return i(), _("svg", ze, [...t[0] ||= [x("path", {
+		fill: "currentColor",
+		d: "M15 14c-2.67 0-8 1.33-8 4v2h16v-2c0-2.67-5.33-4-8-4m-9-4V7H4v3H1v2h3v3h2v-3h3v-2m6 2a4 4 0 0 0 4-4a4 4 0 0 0-4-4a4 4 0 0 0-4 4a4 4 0 0 0 4 4"
+	}, null, -1)]]);
+}
+var Ve = w({
+	name: "mdi-account-plus",
+	render: Be
+}), U = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function He(e, t) {
+	return i(), _("svg", U, [...t[0] ||= [x("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "M5 12h14"
+	}, null, -1)]]);
+}
+var Ue = w({
+	name: "tabler-minus",
+	render: He
+}), W = { class: "relative aspect-square overflow-hidden flex items-center justify-center bg-black/5 dark:bg-black/30" }, G = ["src"], We = ["src"], Ge = { class: "font-medium truncate" }, Ke = {
+	key: 0,
+	class: "text-xs text-amber-500 truncate"
+}, qe = {
+	key: 1,
+	class: "text-xs text-muted truncate"
+}, K = {
+	class: "bg-neutral-900 w-full rounded-xl overflow-hidden relative border-[1px] border-color shadow-lg",
+	style: { "aspect-ratio": "1 / 1" }
+}, q = ["src"], J = {
+	key: 1,
+	class: "w-full h-full flex items-center justify-center bg-neutral-800/80"
+}, Je = { class: "absolute top-0 left-0 right-0 p-2 bg-gradient-to-b from-black/60 to-transparent" }, Y = { class: "flex items-center justify-between" }, Ye = { class: "text-xs text-white/70" }, X = {
+	key: 2,
+	class: "absolute bottom-2 left-2 pointer-events-none"
+}, Xe = {
+	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"
+}, Ze = /* @__PURE__ */ T({
+	__name: "CuiFaceCard",
+	props: {
+		variant: {},
+		thumbnail: {},
+		name: {},
+		imageCount: {},
+		marks: {},
+		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 = P(), s = m(() => !!n.imageCount && n.imageCount < 10), l = m(() => {
+			let e = n.marks;
+			return (e?.filedUnder ?? 0) + (e?.unclear ?? 0) + (e?.unlike ?? 0) + (e?.partlyVisible ?? 0) + (e?.sameAs ?? 0);
+		}), f = m(() => !!(n.marks?.filedUnder || n.marks?.unclear)), g = m(() => n.confidence ? n.confidence >= .9 ? "text-green-400" : n.confidence >= .7 ? "text-yellow-400" : "text-red-400" : "text-white/50"), y = m(() => n.timestamp ? new Date(n.timestamp).toLocaleTimeString([], {
+			hour: "2-digit",
+			minute: "2-digit"
+		}) : "");
+		return (n, m) => {
+			let b = z, w = je, T = fe, D = ne, O = Me, k = he, A = Ue, j = Ve, ee = Ne, te = Te, M = a("tooltip");
+			return e.variant === "known" ? (i(), u(T, {
+				key: 0,
+				class: "cui-card transition-shadow cursor-pointer hover:shadow-md",
+				onClick: m[0] ||= (e) => n.$emit("click")
+			}, {
+				header: h(() => [x("div", W, [e.thumbnail ? (i(), _("img", {
+					key: 0,
+					src: e.thumbnail,
+					class: "w-full h-full object-cover"
+				}, null, 8, G)) : e.imageCount ? (i(), u(b, {
+					key: 1,
+					"stroke-width": "6",
+					class: "cui-spinner-delayed"
+				})) : (i(), _("img", {
+					key: 2,
+					src: p(r),
+					class: "w-1/2 h-1/2 object-contain"
+				}, null, 8, We)), p(l) ? S((i(), _("span", {
+					key: 3,
+					class: o(["absolute top-1.5 left-1.5 cui-icon-sm rounded-full shadow-md", p(f) ? "bg-red-500 text-white" : "bg-amber-400 text-black"])
+				}, [E(w, {
+					width: "100%",
+					height: "100%"
+				})], 2)), [[
+					M,
+					n.$t("views.faces.card_marked", { count: p(l) }, p(l)),
+					void 0,
+					{ top: !0 }
+				]]) : d("", !0)])]),
+				content: h(() => [
+					x("div", Ge, c(e.name), 1),
+					p(s) ? S((i(), _("div", Ke, [C(c(e.imageCount) + " " + c(n.$t("views.faces.images")), 1)])), [[
+						M,
+						n.$t("views.faces.few_pictures_hint", { count: p(10) }),
+						void 0,
+						{ top: !0 }
+					]]) : (i(), _("div", qe, c(e.imageCount) + " " + c(n.$t("views.faces.images")), 1)),
+					p(l) ? (i(), _("div", {
+						key: 2,
+						class: o(["text-xs truncate", p(f) ? "text-red-500" : "text-amber-500"])
+					}, c(n.$t("views.faces.to_check", { count: p(l) })), 3)) : d("", !0)
+				]),
+				_: 1
+			})) : (i(), _("div", {
+				key: 1,
+				class: o(["relative", e.selectionMode ? "cursor-pointer" : "cursor-default"]),
+				onClick: m[6] ||= (t) => e.selectionMode && n.$emit("click")
+			}, [x("div", K, [
+				e.thumbnail ? (i(), _("img", {
+					key: 0,
+					src: e.thumbnail,
+					class: "w-full h-full object-cover"
+				}, null, 8, q)) : (i(), _("div", J, [E(b, {
+					"stroke-width": "6",
+					class: "cui-spinner-delayed"
+				})])),
+				x("div", Je, [x("div", Y, [x("span", Ye, c(p(y)), 1), e.confidence ? (i(), _("span", {
+					key: 0,
+					class: o(["text-xs font-medium", p(g)])
+				}, c(Math.round(e.confidence * 100)) + "%", 3)) : d("", !0)])]),
+				e.selectionMode ? (i(), _("div", X, [x("div", { class: o(["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(), u(D, {
+					key: 0,
+					class: "w-4 h-4 text-white"
+				})) : d("", !0)], 2)])) : d("", !0),
+				e.selectionMode ? d("", !0) : (i(), _("div", Xe, [e.variant === "ignored" ? S((i(), u(k, {
+					key: 0,
+					severity: "secondary",
+					rounded: "",
+					size: "small",
+					class: "cui-icon-sm text-white",
+					onClick: m[1] ||= t((e) => n.$emit("restore"), ["stop"])
+				}, {
+					icon: h(() => [E(O, {
+						width: "100%",
+						height: "100%"
+					})]),
+					_: 1
+				})), [[
+					M,
+					n.$t("views.faces.restore"),
+					void 0,
+					{ top: !0 }
+				]]) : (i(), _(v, { key: 1 }, [
+					e.showRemove ? S((i(), u(k, {
+						key: 0,
+						severity: "secondary",
+						rounded: "",
+						size: "small",
+						class: "cui-icon-sm text-white",
+						onClick: m[2] ||= t((e) => n.$emit("remove"), ["stop"])
+					}, {
+						icon: h(() => [E(A, { class: "w-4 h-4" })]),
+						_: 1
+					})), [[
+						M,
+						n.$t("views.faces.remove_from_cluster"),
+						void 0,
+						{ top: !0 }
+					]]) : S((i(), u(k, {
+						key: 1,
+						severity: "secondary",
+						rounded: "",
+						size: "small",
+						class: "cui-icon-sm text-white",
+						onClick: m[3] ||= t((e) => n.$emit("assign-prompt"), ["stop"])
+					}, {
+						icon: h(() => [E(j, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					})), [[
+						M,
+						n.$t("views.faces.assign"),
+						void 0,
+						{ top: !0 }
+					]]),
+					S((i(), u(k, {
+						severity: "secondary",
+						rounded: "",
+						size: "small",
+						class: "cui-icon-sm text-white",
+						onClick: m[4] ||= t((e) => n.$emit("ignore"), ["stop"])
+					}, {
+						icon: h(() => [E(ee, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					})), [[
+						M,
+						n.$t("views.faces.ignore"),
+						void 0,
+						{ top: !0 }
+					]]),
+					S((i(), u(k, {
+						severity: "danger",
+						rounded: "",
+						size: "small",
+						class: "cui-icon-sm text-white",
+						onClick: m[5] ||= t((e) => n.$emit("skip"), ["stop"])
+					}, {
+						icon: h(() => [E(te, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					})), [[
+						M,
+						n.$t("views.faces.discard"),
+						void 0,
+						{ top: !0 }
+					]])
+				], 64))]))
+			])], 2));
+		};
+	}
+}), Qe = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function $e(e, t) {
+	return i(), _("svg", Qe, [...t[0] ||= [x("path", {
+		fill: "currentColor",
+		d: "M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 2a8 8 0 0 1 8 8a8 8 0 0 1-8 8z"
+	}, null, -1)]]);
+}
+var et = w({
+	name: "mdi-circle-half-full",
+	render: $e
+}), tt = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function nt(e, t) {
+	return i(), _("svg", tt, [...t[0] ||= [x("path", {
+		fill: "currentColor",
+		d: "M14 8.5a1.5 1.5 0 0 0-1.5 1.5a1.5 1.5 0 0 0 1.5 1.5a1.5 1.5 0 0 0 1.5-1.5A1.5 1.5 0 0 0 14 8.5m0 4a1.5 1.5 0 0 0-1.5 1.5a1.5 1.5 0 0 0 1.5 1.5a1.5 1.5 0 0 0 1.5-1.5a1.5 1.5 0 0 0-1.5-1.5M10 17a1 1 0 0 0-1 1a1 1 0 0 0 1 1a1 1 0 0 0 1-1a1 1 0 0 0-1-1m0-8.5A1.5 1.5 0 0 0 8.5 10a1.5 1.5 0 0 0 1.5 1.5a1.5 1.5 0 0 0 1.5-1.5A1.5 1.5 0 0 0 10 8.5m4 12a.5.5 0 0 0-.5.5a.5.5 0 0 0 .5.5a.5.5 0 0 0 .5-.5a.5.5 0 0 0-.5-.5m0-3.5a1 1 0 0 0-1 1a1 1 0 0 0 1 1a1 1 0 0 0 1-1a1 1 0 0 0-1-1m7-3.5a.5.5 0 0 0-.5.5a.5.5 0 0 0 .5.5a.5.5 0 0 0 .5-.5a.5.5 0 0 0-.5-.5M18 5a1 1 0 0 0-1 1a1 1 0 0 0 1 1a1 1 0 0 0 1-1a1 1 0 0 0-1-1m0 4a1 1 0 0 0-1 1a1 1 0 0 0 1 1a1 1 0 0 0 1-1a1 1 0 0 0-1-1m0 8a1 1 0 0 0-1 1a1 1 0 0 0 1 1a1 1 0 0 0 1-1a1 1 0 0 0-1-1m0-4a1 1 0 0 0-1 1a1 1 0 0 0 1 1a1 1 0 0 0 1-1a1 1 0 0 0-1-1m-8-.5A1.5 1.5 0 0 0 8.5 14a1.5 1.5 0 0 0 1.5 1.5a1.5 1.5 0 0 0 1.5-1.5a1.5 1.5 0 0 0-1.5-1.5M10 7a1 1 0 0 0 1-1a1 1 0 0 0-1-1a1 1 0 0 0-1 1a1 1 0 0 0 1 1m0-3.5a.5.5 0 0 0 .5-.5a.5.5 0 0 0-.5-.5a.5.5 0 0 0-.5.5a.5.5 0 0 0 .5.5m0 17a.5.5 0 0 0-.5.5a.5.5 0 0 0 .5.5a.5.5 0 0 0 .5-.5a.5.5 0 0 0-.5-.5m-7-7a.5.5 0 0 0-.5.5a.5.5 0 0 0 .5.5a.5.5 0 0 0 .5-.5a.5.5 0 0 0-.5-.5m11-10a.5.5 0 0 0 .5-.5a.5.5 0 0 0-.5-.5a.5.5 0 0 0-.5.5a.5.5 0 0 0 .5.5M14 7a1 1 0 0 0 1-1a1 1 0 0 0-1-1a1 1 0 0 0-1 1a1 1 0 0 0 1 1m7 3.5a.5.5 0 0 0 .5-.5a.5.5 0 0 0-.5-.5a.5.5 0 0 0-.5.5a.5.5 0 0 0 .5.5M6 5a1 1 0 0 0-1 1a1 1 0 0 0 1 1a1 1 0 0 0 1-1a1 1 0 0 0-1-1M3 9.5a.5.5 0 0 0-.5.5a.5.5 0 0 0 .5.5a.5.5 0 0 0 .5-.5a.5.5 0 0 0-.5-.5M6 9a1 1 0 0 0-1 1a1 1 0 0 0 1 1a1 1 0 0 0 1-1a1 1 0 0 0-1-1m0 8a1 1 0 0 0-1 1a1 1 0 0 0 1 1a1 1 0 0 0 1-1a1 1 0 0 0-1-1m0-4a1 1 0 0 0-1 1a1 1 0 0 0 1 1a1 1 0 0 0 1-1a1 1 0 0 0-1-1"
+	}, null, -1)]]);
+}
+var rt = w({
+	name: "mdi-blur",
+	render: nt
+}), Z = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Q(e, t) {
+	return i(), _("svg", Z, [...t[0] ||= [x("path", {
+		fill: "currentColor",
+		d: "M16 17v2H2v-2s0-4 7-4s7 4 7 4m-3.5-9.5A3.5 3.5 0 1 0 9 11a3.5 3.5 0 0 0 3.5-3.5m3.44 5.5A5.32 5.32 0 0 1 18 17v2h4v-2s0-3.63-6.06-4M15 4a3.4 3.4 0 0 0-1.93.59a5 5 0 0 1 0 5.82A3.4 3.4 0 0 0 15 11a3.5 3.5 0 0 0 0-7"
+	}, null, -1)]]);
+}
+var it = w({
+	name: "mdi-account-multiple",
+	render: Q
+}), at = {
+	key: 0,
+	class: "text-sm text-muted mb-4"
+}, ot = {
+	key: 3,
+	class: "grid grid-cols-3 gap-2"
+}, st = {
+	key: 4,
+	class: "grid grid-cols-3 gap-2"
+}, ct = ["src"], lt = {
+	key: 1,
+	class: "w-full h-full flex items-center justify-center"
+}, ut = [
+	"aria-label",
+	"aria-expanded",
+	"onClick"
+], dt = {
+	key: 5,
+	class: "text-muted text-sm text-center py-8"
+}, ft = /* @__PURE__ */ T({
+	__name: "FaceDetail",
+	props: {
+		face: {},
+		onRemoveImage: { type: Function },
+		onDeletePerson: { type: Function }
+	},
+	setup(e, { expose: t }) {
+		let n = e, { t: l } = H(), f = s(), g = m(() => n.face), y = m(() => g.value.images.map((e) => ({
+			img: e,
+			mark: x(e)
+		}))), b = m(() => y.value.some((e) => e.mark));
+		function x(e) {
+			let t = e.clarity ?? 1;
+			if (e.alsoFiledUnder?.length) return {
+				kind: "filed_under",
+				text: l("views.faces.mark_filed_under", { names: e.alsoFiledUnder.join(", ") }),
+				danger: !0
+			};
+			if (t < .7) return {
+				kind: "unclear",
+				text: l("views.faces.mark_unclear"),
+				danger: !0
+			};
+			if (e.unlike) return {
+				kind: "unlike",
+				text: l("views.faces.mark_unlike"),
+				danger: !1
+			};
+			if (t < .8) return {
+				kind: "partly_visible",
+				text: l("views.faces.mark_partly_visible"),
+				danger: !1
+			};
+			if (e.sameAs) return {
+				kind: "same_as",
+				text: l("views.faces.mark_same_as"),
+				danger: !1
+			};
+		}
+		function w(e) {
+			f.value = f.value === e ? void 0 : e;
+		}
+		return t({ onConfirm: async () => (n.onDeletePerson(), !0) }), (t, n) => {
+			let s = O, l = z, m = it, x = rt, T = Re, D = et, k = Ee, A = ve, j = he, ee = a("tooltip");
+			return i(), _("div", null, [
+				p(g).imageCount ? (i(), _("div", at, c(p(g).imageCount) + " " + c(t.$t("views.faces.training_images")), 1)) : d("", !0),
+				p(g).images.length > 0 && p(g).images.length < p(10) ? (i(), u(s, {
+					key: 1,
+					severity: "warn",
+					size: "small",
+					class: "mb-4",
+					closable: !1
+				}, {
+					default: h(() => [C(c(t.$t("views.faces.few_pictures_hint", { count: p(10) })), 1)]),
+					_: 1
+				})) : d("", !0),
+				p(b) ? (i(), u(s, {
+					key: 2,
+					severity: "warn",
+					size: "small",
+					class: "mb-4",
+					closable: !1
+				}, {
+					default: h(() => [C(c(t.$t("views.faces.marks_hint")), 1)]),
+					_: 1
+				})) : d("", !0),
+				p(g).loading ? (i(), _("div", ot, [(i(!0), _(v, null, r(p(g).imageCount, (e) => (i(), _("div", {
+					key: e,
+					class: "aspect-square rounded-2xl flex items-center justify-center bg-surface-100 dark:bg-surface-800"
+				}, [E(l, {
+					"stroke-width": "6",
+					class: "cui-spinner-delayed"
+				})]))), 128))])) : p(g).images.length ? (i(), _("div", st, [(i(!0), _(v, null, r(p(y), ({ img: t, mark: r }, a) => (i(), _("div", {
+					key: a,
+					class: "relative aspect-square rounded-2xl overflow-hidden bg-surface-100 dark:bg-surface-800"
+				}, [
+					t.src ? (i(), _("img", {
+						key: 0,
+						src: t.src,
+						class: "w-full h-full object-cover"
+					}, null, 8, ct)) : (i(), _("div", lt, [E(l, {
+						"stroke-width": "6",
+						class: "cui-spinner-delayed"
+					})])),
+					r && p(f) === t.id ? (i(), _("div", {
+						key: 2,
+						class: "absolute inset-x-0 bottom-0 max-h-full overflow-y-auto px-2 pt-1 pb-1.5 bg-black/75 text-white text-[11px] leading-tight",
+						onClick: n[0] ||= (e) => f.value = void 0
+					}, c(r.text), 1)) : t.confidence ? (i(), _("div", {
+						key: 3,
+						class: o(["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"])
+					}, c(Math.round(t.confidence * 100)) + "% ", 3)) : d("", !0),
+					r ? (i(), _("div", {
+						key: 4,
+						class: o(["absolute inset-0 rounded-2xl border-2 pointer-events-none", r.danger ? "border-red-500" : "border-amber-400"])
+					}, null, 2)) : d("", !0),
+					r ? S((i(), _("button", {
+						key: 5,
+						type: "button",
+						class: o(["absolute top-1 left-1 cui-icon-sm rounded-full cursor-pointer shadow-md", r.danger ? "bg-red-500 text-white" : "bg-amber-400 text-black"]),
+						"aria-label": r.text,
+						"aria-expanded": p(f) === t.id,
+						onClick: (e) => w(t.id)
+					}, [r.kind === "filed_under" ? (i(), u(m, {
+						key: 0,
+						width: "100%",
+						height: "100%"
+					})) : r.kind === "unclear" ? (i(), u(x, {
+						key: 1,
+						width: "100%",
+						height: "100%"
+					})) : r.kind === "unlike" ? (i(), u(T, {
+						key: 2,
+						width: "100%",
+						height: "100%"
+					})) : r.kind === "partly_visible" ? (i(), u(D, {
+						key: 3,
+						width: "100%",
+						height: "100%"
+					})) : (i(), u(k, {
+						key: 4,
+						width: "100%",
+						height: "100%"
+					}))], 10, ut)), [[
+						ee,
+						r.text,
+						void 0,
+						{ top: !0 }
+					]]) : d("", !0),
+					E(j, {
+						severity: "danger",
+						rounded: "",
+						class: "!absolute top-1 right-1 cui-icon-sm text-white",
+						onClick: (t) => e.onRemoveImage(a)
+					}, {
+						icon: h(() => [E(A, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					}, 8, ["onClick"])
+				]))), 128))])) : (i(), _("div", dt, c(t.$t("views.faces.no_known_faces")), 1))
+			]);
+		};
+	}
+}), pt = { class: "flex flex-col gap-2 w-full" }, mt = {
+	for: "personName",
+	class: "cui-label"
+}, ht = /* @__PURE__ */ T({
+	__name: "FaceNewPerson",
+	props: {
+		knownNames: {},
+		faces: {}
+	},
+	setup(e, { expose: t }) {
+		let n = e, { t: r } = H(), a = s(""), o = s([]), l = m(() => {
+			let e = n.faces ?? [], t = e.length, i = e.filter((e) => e.alsoFiledUnder?.length), a = e.filter((e) => {
+				let t = e.clarity ?? 1;
+				return t >= .7 && t < .8;
+			}).length, o = [];
+			if (i.length) {
+				let e = [...new Set(i.flatMap((e) => e.alsoFiledUnder ?? []))].join(", ");
+				o.push(r("views.faces.assign_filed_under", {
+					names: e,
+					affected: i.length,
+					total: t
+				}, t));
+			}
+			return a && o.push(r("views.faces.assign_partly_visible", {
+				affected: a,
+				total: t
+			}, t)), o.join(" ");
+		});
+		function g(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 () => a.value.trim() || null }), (e, t) => {
+			let n = O, r = Ce;
+			return i(), _("div", pt, [
+				p(l) ? (i(), u(n, {
+					key: 0,
+					severity: "warn",
+					size: "small",
+					class: "mb-2",
+					closable: !1
+				}, {
+					default: h(() => [C(c(p(l)), 1)]),
+					_: 1
+				})) : d("", !0),
+				x("label", mt, c(e.$t("views.faces.name")), 1),
+				E(r, {
+					id: "personName",
+					modelValue: p(a),
+					"onUpdate:modelValue": t[0] ||= (e) => f(a) ? a.value = e : null,
+					suggestions: p(o),
+					class: "w-full",
+					fluid: "",
+					dropdown: "",
+					"dropdown-mode": "blank",
+					"complete-on-focus": "",
+					placeholder: e.$t("views.faces.enter_or_pick_name"),
+					autofocus: "",
+					onComplete: g
+				}, null, 8, [
+					"modelValue",
+					"suggestions",
+					"placeholder"
+				])
+			]);
+		};
+	}
+}), gt = { class: "flex flex-col gap-4" }, _t = { class: "text-sm text-pretty" }, vt = {
+	key: 0,
+	class: "flex flex-col gap-2"
+}, yt = {
+	key: 0,
+	class: "text-sm text-muted"
+}, bt = {
+	key: 1,
+	class: "text-sm text-pretty text-muted"
+}, xt = {
+	key: 2,
+	class: "text-sm text-pretty text-muted"
+}, St = /* @__PURE__ */ T({
+	__name: "FacesReindex",
+	setup(e, { expose: t }) {
+		let r = n("dialogRefProps"), { t: a } = H(), { status: o, isBusy: l, checking: u, refresh: f, start: h, cancel: v } = L(), y = s(!1), S = s(!1), C = s(0), w = m(() => o.value?.running === !0), T = m(() => w.value ? [] : o.value?.unusable ?? []), O = m(() => w.value ? [] : (o.value?.skippedNames ?? []).filter((e) => !T.value.includes(e))), k = m(() => {
+			if (S.value) {
+				if (!o.value?.total) return a("views.faces.reindex.up_to_date");
+				let { done: e, total: t } = o.value;
+				return a("views.faces.reindex.result", {
+					done: e,
+					total: t
+				});
+			}
+			return u.value ? a("views.faces.reindex.checking") : w.value ? a("views.faces.reindex.running_intro") : a("views.faces.reindex.intro");
+		}), A = m(() => {
+			if (S.value) return C.value;
+			let e = o.value?.total ?? 0;
+			return e <= 0 ? 0 : Math.min(100, Math.round(((o.value?.done ?? 0) + (o.value?.skipped ?? 0)) / e * 100));
+		});
+		async function j() {
+			return w.value ? v() : (y.value = !0, h()), null;
+		}
+		return g(w, (e, t) => {
+			t && !e && y.value && (S.value = !0, C.value = o.value?.total ? 100 : 0, o.value?.total || requestAnimationFrame(() => C.value = 100));
+		}), b(() => {
+			r.hideConfirmButton && (r.hideConfirmButton.value = S.value), r.confirmText && (r.confirmText.value = w.value ? a("views.faces.reindex.stop") : a("views.faces.reindex.start")), r.confirmButtonProps && (r.confirmButtonProps.value = w.value ? { severity: "danger" } : {}), r.disabled && (r.disabled.value = l.value);
+		}), D(() => {
+			o.value?.running && (y.value = !0), f().then(() => {
+				o.value?.running && (y.value = !0);
+			});
+		}), t({ onConfirm: j }), (e, t) => {
+			let n = we;
+			return i(), _("div", gt, [
+				x("span", _t, c(p(k)), 1),
+				p(y) || p(w) ? (i(), _("div", vt, [E(n, {
+					mode: p(u) ? "indeterminate" : "determinate",
+					value: p(A),
+					"show-value": !1,
+					class: "h-2"
+				}, null, 8, ["mode", "value"]), p(w) && !p(u) ? (i(), _("div", yt, c(e.$t("views.faces.reindex.progress", {
+					done: p(o)?.done ?? 0,
+					total: p(o)?.total ?? 0
+				})), 1)) : d("", !0)])) : d("", !0),
+				p(O).length ? (i(), _("span", bt, c(e.$t("views.faces.reindex.skipped_pictures", { names: p(O).join(", ") })), 1)) : d("", !0),
+				p(T).length ? (i(), _("span", xt, c(e.$t("views.faces.reindex.unusable", { names: p(T).join(", ") })), 1)) : d("", !0)
+			]);
+		};
+	}
+}), $ = [
+	"image/jpeg",
+	"image/png",
+	"image/webp"
+], Ct = { class: "flex flex-col gap-6" }, wt = { class: "cui-label" }, Tt = { key: 0 }, Et = { class: "text-sm text-muted" }, Dt = { key: 1 }, Ot = ["src"], kt = ["accept"], At = {
+	key: 0,
+	class: "text-xs text-red-500 mt-1"
+}, jt = { class: "flex items-center justify-center mt-2 text-xs text-muted" }, Mt = /* @__PURE__ */ T({
+	__name: "FaceUpload",
+	props: { onEnroll: { type: Function } },
+	setup(e, { expose: n }) {
+		let r = e, { t: a } = H(), o = s(""), l = s(""), u = s(null), m = s(""), h = s();
+		function g() {
+			h.value?.click();
+		}
+		function v(e) {
+			let t = e.target.files?.[0];
+			t && S(t);
+		}
+		function y(e) {
+			let t = e.dataTransfer?.files[0];
+			t && S(t);
+		}
+		function b(e) {
+			return $.includes(e.type) ? e.size > 10485760 ? a("views.faces.file_too_large", { maxSize: 10 }) : null : a("views.faces.invalid_format");
+		}
+		function S(e) {
+			m.value = "";
+			let t = b(e);
+			if (t) {
+				m.value = t, u.value = null, l.value = "";
+				return;
+			}
+			let n = new FileReader();
+			n.onload = () => {
+				u.value = new Uint8Array(n.result);
+			}, n.readAsArrayBuffer(e);
+			let r = new FileReader();
+			r.onload = () => {
+				l.value = r.result;
+			}, r.readAsDataURL(e);
+		}
+		return n({ onConfirm: async () => !o.value || !u.value ? null : (await r.onEnroll(o.value, u.value), !0) }), (e, n) => {
+			let r = _e, a = De;
+			return i(), _("div", Ct, [x("div", null, [x("label", wt, c(e.$t("views.faces.name")), 1), E(r, {
+				modelValue: p(o),
+				"onUpdate:modelValue": n[0] ||= (e) => f(o) ? o.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: g,
+					onDragover: n[1] ||= t(() => {}, ["prevent"]),
+					onDrop: t(y, ["prevent"])
+				}, [p(l) ? (i(), _("div", Dt, [x("img", {
+					src: p(l),
+					class: "max-h-48 mx-auto rounded"
+				}, null, 8, Ot)])) : (i(), _("div", Tt, [E(a, { class: "w-8 h-8 text-muted mx-auto mb-2" }), x("div", Et, c(e.$t("views.faces.drop_image")), 1)]))], 32),
+				x("input", {
+					ref_key: "fileInput",
+					ref: h,
+					type: "file",
+					accept: p($).join(","),
+					class: "hidden",
+					onChange: v
+				}, null, 40, kt),
+				p(m) ? (i(), _("div", At, c(p(m)), 1)) : d("", !0),
+				x("div", jt, [x("span", null, "(" + c(p(10)) + "MB, " + c(p($).join(", ")) + ")", 1)])
+			])]);
+		};
+	}
+}), Nt = {
+	key: 0,
+	class: "flex items-center justify-between"
+}, Pt = { class: "page-title" }, Ft = { class: "flex gap-3 p-px overflow-hidden" }, It = { class: "p-3" }, Lt = {
+	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" }, zt = {
+	key: 1,
+	class: "flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4"
+}, Bt = { class: "text-muted text-sm" }, Vt = { class: "mb-6 p-px" }, Ht = { class: "flex items-center justify-between mb-3" }, Ut = { class: "flex items-center gap-2" }, Wt = { class: "card-title m-0!" }, Gt = { class: "flex w-max gap-3 p-px" }, Kt = {
+	key: 1,
+	class: "text-muted text-sm"
+}, qt = { class: "p-px" }, Jt = { class: "flex items-center justify-between mb-3" }, Yt = { class: "flex items-center gap-2" }, Xt = { class: "card-title m-0!" }, Zt = { class: "flex flex-col gap-3" }, Qt = { class: "flex items-center gap-3 w-full" }, $t = ["onClick"], en = { class: "w-10 h-10 rounded-full overflow-hidden bg-surface-100 dark:bg-surface-800 shrink-0" }, tn = ["src"], nn = { class: "font-medium" }, rn = { class: "flex items-center gap-3 w-full" }, an = { class: "w-10 h-10 rounded-full overflow-hidden bg-surface-100 dark:bg-surface-800 shrink-0 flex items-center justify-center" }, on = { class: "flex flex-col" }, sn = { class: "flex items-center gap-2 font-medium" }, cn = { class: "text-muted text-sm font-normal" }, ln = { class: "flex items-center gap-3 w-full" }, un = { class: "w-10 h-10 rounded-full overflow-hidden bg-surface-100 dark:bg-surface-800 shrink-0 flex items-center justify-center" }, dn = { class: "flex flex-col" }, fn = { class: "flex items-center gap-2 font-medium" }, pn = { class: "text-muted text-sm font-normal" }, mn = {
+	key: 0,
+	class: "text-muted text-sm"
+}, hn = 160, gn = 12, _n = /* @__PURE__ */ T({
+	__name: "Faces",
+	setup(n) {
+		let f = M(), g = j(), { t: b } = H(), { smBreakpoint: w } = N(), { width: T } = F(), { bottombarHeight: O } = R(), P = ae(), z = P.clusteredUnknowns, _e = y("knownSkeletonRef"), Ce = y("knownContainerRef"), we = y("knownRowRef"), { bleedLeft: Ee, bleedStyle: De, fadeStyle: je, isAtStart: Me, isSwiping: Ie, scrollToStart: Le } = I(Ce, we), ze = y("reindexAnchorRef"), { left: Be } = pe(ze), U = s(!1), He = s(!1), W = s(/* @__PURE__ */ new Set()), { status: G, checking: We } = L(), { y: Ge } = V(window, { throttle: 100 }), Ke = ce(() => Ge.value), qe = m(() => [...z.value.clusters.flatMap((e) => e.faces), ...z.value.ungrouped]), { selectionMode: K, selectedIds: q, selectedItems: J, allSelected: Je, bulkBusy: Y, enterSelectionMode: Ye, exitSelectionMode: X, toggleSelectAll: Xe, toggleSelection: Qe } = B(qe, (e) => e.id), $e = m(() => A(void 0, "admin")), et = m(() => Ke.value && !G.value?.running), tt = m(() => {
+			let e = new Set(z.value.clusters.flatMap((e) => e.faces.map((e) => e.id)));
+			return [...q.value].filter((t) => e.has(t));
+		}), nt = m(() => {
+			T.value;
+			let e = _e.value?.clientWidth ?? T.value;
+			return Math.floor((e + gn) / 172) || 4;
+		}), rt = m(() => {
+			let e = O.value > 0 ? "calc(1.25rem + var(--safe-area-inset-bottom))" : "calc(max(8px, var(--safe-area-inset-bottom)) + 0px)";
+			return `calc(${O.value}px + ${e})`;
+		});
+		function Z(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 Q(e) {
+			if (e) for (let t of Array.isArray(e) ? e : [e]) W.value.add(t);
+		}
+		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 at() {
+			U.value = !0;
+			try {
+				let e = await P.rescanFaces();
+				e > 0 ? g.add({
+					severity: "success",
+					detail: b("views.faces.rescan_complete", { count: e }),
+					life: 3e3
+				}) : g.add({
+					severity: "info",
+					detail: b("views.faces.rescan_no_matches"),
+					life: 3e3
+				});
+			} catch (e) {
+				g.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			} finally {
+				U.value = !1;
+			}
+		}
+		async function ot(e) {
+			let t = s([]), n = s(!0), r = f.openComponentDialog(ft, { data: {
+				title: e.name,
+				contentProps: {
+					face: m(() => ({
+						...e,
+						images: t.value,
+						imageCount: n.value ? e.imageCount : t.value.length,
+						loading: n.value
+					})),
+					onRemoveImage: async (n) => {
+						let r = t.value[n];
+						if (r) try {
+							await P.removeFaceImage(e.name, r.id);
+							let n = t.value.findIndex((e) => e.id === r.id);
+							n >= 0 && t.value.splice(n, 1), st(t.value, await P.listFaceImageMeta(e.name)), g.add({
+								severity: "success",
+								detail: b("views.faces.image_removed"),
+								life: 3e3
+							}), await P.refresh(!0);
+						} catch (e) {
+							g.add({
+								severity: "error",
+								detail: e,
+								life: 3e3
+							});
+						}
+					},
+					onDeletePerson: async () => {
+						try {
+							await P.deleteFace(e.name), g.add({
+								severity: "success",
+								detail: b("views.faces.person_deleted"),
+								life: 3e3
+							}), r.close(), await P.refresh(!0);
+						} catch (e) {
+							g.add({
+								severity: "error",
+								detail: e,
+								life: 3e3
+							});
+						}
+					}
+				},
+				confirmText: b("views.faces.delete_person"),
+				confirmButtonProps: { severity: "danger" }
+			} });
+			try {
+				t.value = (await P.listFaceImageMeta(e.name)).map((e) => ({
+					id: e.id,
+					confidence: e.confidence ?? 0,
+					clarity: e.clarity,
+					sameAs: e.sameAs,
+					alsoFiledUnder: e.alsoFiledUnder,
+					unlike: e.unlike
+				}));
+			} catch {} finally {
+				n.value = !1;
+			}
+			try {
+				await P.loadFaceImageThumbnails(e.name, t.value.map((e) => e.id), (e) => {
+					for (let n of t.value) e[n.id] && (n.src = k(e[n.id]));
+				});
+			} catch {}
+		}
+		function st(e, t) {
+			let n = new Map(t.map((e) => [e.id, e]));
+			for (let t of e) {
+				let e = n.get(t.id);
+				e && (t.sameAs = e.sameAs, t.alsoFiledUnder = e.alsoFiledUnder, t.unlike = e.unlike);
+			}
+		}
+		function ct() {
+			f.openComponentDialog(St, { data: {
+				title: b("views.faces.reindex.title"),
+				contentProps: {},
+				confirmText: b("views.faces.reindex.start")
+			} });
+		}
+		function lt() {
+			f.openComponentDialog(Mt, { data: {
+				title: b("views.faces.add_face"),
+				confirmText: b("views.faces.enroll"),
+				contentProps: { onEnroll: async (e, t) => {
+					await P.enrollFace(e, t), g.add({
+						severity: "success",
+						detail: b("views.faces.face_enrolled"),
+						life: 3e3
+					}), await P.refresh(!0);
+				} }
+			} });
+		}
+		async function ut(e, t) {
+			let n = e.faces.map((e) => e.id);
+			if (t === "__new__") dt(e.faces);
+			else try {
+				await P.enrollCluster(t, n), g.add({
+					severity: "success",
+					detail: b("views.faces.face_assigned"),
+					life: 3e3
+				});
+			} catch (e) {
+				g.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		function dt(e) {
+			let t = e.map((e) => e.id);
+			f.openComponentDialog(ht, {
+				data: {
+					title: b("views.faces.enter_person_name"),
+					confirmText: b("views.faces.enroll"),
+					contentProps: {
+						knownNames: P.knownFaces.value.map((e) => e.name),
+						faces: e
+					}
+				},
+				onConfirm: async (e) => {
+					try {
+						await P.enrollCluster(e, t), g.add({
+							severity: "success",
+							detail: b("views.faces.face_enrolled"),
+							life: 3e3
+						});
+					} catch (e) {
+						g.add({
+							severity: "error",
+							detail: e,
+							life: 3e3
+						});
+					}
+				}
+			});
+		}
+		async function pt(e) {
+			try {
+				await P.deleteUnknownFacesByCluster(e.clusterId);
+			} catch (e) {
+				g.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		async function mt(e) {
+			try {
+				await P.deleteUnknownFace(e.id);
+			} catch (e) {
+				g.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		async function gt(e) {
+			try {
+				await P.removeFromCluster(e.id);
+			} catch (e) {
+				g.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		async function _t(e) {
+			try {
+				await P.ignoreFaces([e.id]), g.add({
+					severity: "success",
+					detail: b("views.faces.face_ignored"),
+					life: 3e3
+				});
+			} catch (e) {
+				g.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		async function vt(e) {
+			try {
+				await P.ignoreCluster(e.clusterId), g.add({
+					severity: "success",
+					detail: b("views.faces.face_ignored"),
+					life: 3e3
+				});
+			} catch (e) {
+				g.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		async function yt() {
+			let e = J.value.map((e) => e.id);
+			if (e.length) {
+				Y.value = !0;
+				try {
+					await P.ignoreFaces(e), g.add({
+						severity: "success",
+						detail: b("views.faces.face_ignored"),
+						life: 3e3
+					}), X();
+				} catch (e) {
+					g.add({
+						severity: "error",
+						detail: e,
+						life: 3e3
+					});
+				} finally {
+					Y.value = !1;
+				}
+			}
+		}
+		async function bt(e) {
+			try {
+				await P.unignoreFaces([e.id]), g.add({
+					severity: "success",
+					detail: b("views.faces.face_restored"),
+					life: 3e3
+				});
+			} catch (e) {
+				g.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		function xt(e) {
+			f.openComponentDialog(ht, {
+				data: {
+					title: b("views.faces.assign"),
+					confirmText: b("views.faces.enroll"),
+					contentProps: {
+						knownNames: P.knownFaces.value.map((e) => e.name),
+						faces: [e]
+					}
+				},
+				onConfirm: async (t) => {
+					try {
+						await P.enrollFromEvent(t, e.id), g.add({
+							severity: "success",
+							detail: b("views.faces.face_assigned"),
+							life: 3e3
+						}), await P.refresh(!0);
+					} catch (e) {
+						g.add({
+							severity: "error",
+							detail: e,
+							life: 3e3
+						});
+					}
+				}
+			});
+		}
+		function $() {
+			let e = J.value, t = e.map((e) => e.id);
+			t.length && f.openComponentDialog(ht, {
+				data: {
+					title: b("views.faces.assign"),
+					confirmText: b("views.faces.enroll"),
+					contentProps: {
+						knownNames: P.knownFaces.value.map((e) => e.name),
+						faces: e
+					}
+				},
+				onConfirm: async (e) => {
+					Y.value = !0;
+					try {
+						await P.enrollCluster(e, t), g.add({
+							severity: "success",
+							detail: b("views.faces.face_assigned"),
+							life: 3e3
+						}), X();
+					} catch (e) {
+						g.add({
+							severity: "error",
+							detail: e,
+							life: 3e3
+						});
+					} finally {
+						Y.value = !1;
+					}
+				}
+			});
+		}
+		async function Ct() {
+			let e = tt.value;
+			if (e.length) {
+				Y.value = !0;
+				try {
+					await P.removeFacesFromCluster(e), X();
+				} catch (e) {
+					g.add({
+						severity: "error",
+						detail: e,
+						life: 3e3
+					});
+				} finally {
+					Y.value = !1;
+				}
+			}
+		}
+		async function wt() {
+			let e = J.value.map((e) => e.id);
+			if (e.length) {
+				Y.value = !0;
+				try {
+					await P.deleteUnknownFaces(e), X();
+				} catch (e) {
+					g.add({
+						severity: "error",
+						detail: e,
+						life: 3e3
+					});
+				} finally {
+					Y.value = !1;
+				}
+			}
+		}
+		async function Tt() {
+			try {
+				await P.deleteUngroupedUnknownFaces(), g.add({
+					severity: "success",
+					detail: b("views.faces.all_unknown_cleared"),
+					life: 3e3
+				});
+			} catch (e) {
+				g.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		return D(() => {
+			requestAnimationFrame(() => {
+				He.value = !0;
+			});
+		}), (n, s) => {
+			let f = ke, m = he, g = oe, y = te, b = me, T = ge, D = Ze, O = ee, A = ne, j = Pe, M = Ve, N = Ne, ae = Te, F = xe, I = ye, L = be, R = Se, B = fe, ce = Re, V = re, pe = se, H = a("tooltip");
+			return i(), _("div", {
+				ref_key: "reindexAnchorRef",
+				ref: ze,
+				class: "flex flex-col"
+			}, [
+				p(w) ? d("", !0) : (i(), _("div", Nt, [x("h1", Pt, c(n.$t("views.faces.title")), 1)])),
+				E(g, { position: "left" }, {
+					default: h(() => [E(m, {
+						severity: "secondary",
+						text: "",
+						class: "cui-button p-2 text-color non-draggable-region",
+						onClick: s[0] ||= (e) => n.$router.push("/menu")
+					}, {
+						icon: h(() => [E(f, { class: "w-6 h-6" })]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				p(P).isLoading.value ? (i(), _("section", {
+					key: 1,
+					ref_key: "knownSkeletonRef",
+					ref: _e,
+					class: "mb-6 p-px"
+				}, [E(y, {
+					height: "16px",
+					width: "140px",
+					class: "mb-3"
+				}), x("div", Ft, [(i(!0), _(v, null, r(p(nt), (e) => (i(), _("div", {
+					key: e,
+					class: "cui-card overflow-hidden shrink-0",
+					style: l({ width: `${hn}px` })
+				}, [E(y, {
+					class: "aspect-square",
+					width: "100%",
+					height: "100%"
+				}), x("div", It, [E(y, {
+					height: "14px",
+					width: "70%",
+					class: "mb-1"
+				}), E(y, {
+					height: "12px",
+					width: "40%"
+				})])], 4))), 128))])], 512)) : (i(), _(v, { key: 2 }, [p(P).isAvailable.value ? !p(P).knownFaces.value.length && !p(P).unknownFaces.value.length && !p(P).ignoredFaces.value.length ? (i(), _("div", zt, [E(b, { class: "w-12 h-12 text-muted" }), x("span", Bt, c(n.$t("views.faces.no_faces_yet")), 1)])) : (i(), _(v, { key: 2 }, [x("section", Vt, [x("div", Ht, [x("span", Ut, [x("span", Wt, c(n.$t("views.faces.known_faces")), 1), E(T, {
+					size: "small",
+					class: "rounded-full px-1.5",
+					value: String(p(P).knownFaces.value.length)
+				}, null, 8, ["value"])])]), p(P).knownFaces.value.length ? (i(), _("div", {
+					key: 0,
+					ref_key: "knownContainerRef",
+					ref: Ce,
+					class: "relative min-w-0"
+				}, [
+					x("div", {
+						ref_key: "knownRowRef",
+						ref: we,
+						class: "overflow-x-auto overflow-y-hidden overscroll-x-contain hide-scrollbar",
+						style: l(p(De))
+					}, [x("div", Gt, [(i(!0), _(v, null, r(p(P).knownFaces.value, (e) => (i(), u(D, {
+						key: e.name,
+						class: "shrink-0 h-auto!",
+						style: l({ width: `${hn}px` }),
+						variant: "known",
+						thumbnail: p(k)(e.thumbnail),
+						name: e.name,
+						"image-count": e.imageCount,
+						marks: e.marks,
+						onClick: (t) => !p(Ie) && ot(e)
+					}, null, 8, [
+						"style",
+						"thumbnail",
+						"name",
+						"image-count",
+						"marks",
+						"onClick"
+					]))), 128))])], 4),
+					!p(Me) && p(Ee) > 0 ? (i(), _("div", {
+						key: 0,
+						class: "absolute pointer-events-none z-1",
+						style: l(p(je))
+					}, null, 4)) : d("", !0),
+					E(e, { name: "fade-2" }, {
+						default: h(() => [p(Me) ? d("", !0) : (i(), u(m, {
+							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: p(Le)
+						}, {
+							icon: h(() => [E(O, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["onClick"]))]),
+						_: 1
+					})
+				], 512)) : (i(), _("div", Kt, c(n.$t("views.faces.no_known_faces")), 1))]), x("section", qt, [
+					x("div", Jt, [x("span", Yt, [x("span", Xt, c(n.$t("views.faces.unknown_faces")), 1), E(T, {
+						size: "small",
+						class: "rounded-full px-1.5",
+						value: String(p(P).unknownFaces.value.length)
+					}, null, 8, ["value"])])]),
+					x("div", Zt, [
+						p(z).clusters.length ? (i(), u(B, {
+							key: 0,
+							class: "cui-card border-color-inner h-auto!",
+							pt: { body: { class: "pb-0" } }
+						}, {
+							content: h(() => [E(R, {
+								multiple: "",
+								"onUpdate:value": Q
+							}, {
+								default: h(() => [(i(!0), _(v, null, r(p(z).clusters, (e, a) => (i(), u(L, {
+									key: e.clusterId,
+									value: e.clusterId,
+									class: o({ "border-b-0": a === p(z).clusters.length - 1 })
+								}, {
+									default: h(() => [E(F, { class: o({
+										"px-0 pt-0": a === 0,
+										"px-0": a !== 0,
+										"pb-5": a === p(z).clusters.length - 1
+									}) }, {
+										default: h(() => [x("span", Qt, [
+											p(K) ? (i(), _("div", {
+												key: 0,
+												class: "shrink-0",
+												onClick: t((t) => it(e.faces), ["stop"])
+											}, [x("div", { class: o(["w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors cursor-pointer", Z(e.faces) === "none" ? "border-surface-400 dark:border-surface-500" : "bg-primary border-primary"]) }, [Z(e.faces) === "all" ? (i(), u(A, {
+												key: 0,
+												class: "w-4 h-4 text-white"
+											})) : Z(e.faces) === "some" ? (i(), u(j, {
+												key: 1,
+												class: "w-4 h-4 text-white"
+											})) : d("", !0)], 2)], 8, $t)) : d("", !0),
+											x("div", en, [e.bestThumbnail ? (i(), _("img", {
+												key: 0,
+												src: e.bestThumbnail,
+												class: "w-full h-full object-cover"
+											}, null, 8, tn)) : d("", !0)]),
+											x("span", nn, c(e.faces.length) + " " + c(n.$t("views.faces.faces_in_cluster")), 1),
+											x("span", {
+												class: "ml-auto flex items-center gap-1 mr-2",
+												onClick: s[1] ||= t(() => {}, ["stop"])
+											}, [
+												S((i(), u(m, {
+													severity: "secondary",
+													text: "",
+													rounded: "",
+													class: "cui-icon-lg",
+													onClick: (t) => ut(e, "__new__")
+												}, {
+													icon: h(() => [E(M, { class: "w-4 h-4" })]),
+													_: 1
+												}, 8, ["onClick"])), [[
+													H,
+													n.$t("views.faces.assign_cluster"),
+													void 0,
+													{ top: !0 }
+												]]),
+												S((i(), u(m, {
+													severity: "secondary",
+													text: "",
+													rounded: "",
+													class: "cui-icon-lg",
+													onClick: (t) => vt(e)
+												}, {
+													icon: h(() => [E(N, { class: "w-4 h-4" })]),
+													_: 1
+												}, 8, ["onClick"])), [[
+													H,
+													n.$t("views.faces.ignore_cluster"),
+													void 0,
+													{ top: !0 }
+												]]),
+												S((i(), u(m, {
+													severity: "danger",
+													text: "",
+													rounded: "",
+													class: "cui-icon-lg",
+													onClick: (t) => pt(e)
+												}, {
+													icon: h(() => [E(ae, {
+														width: "100%",
+														height: "100%"
+													})]),
+													_: 1
+												}, 8, ["onClick"])), [[
+													H,
+													n.$t("views.faces.discard"),
+													void 0,
+													{ top: !0 }
+												]])
+											])
+										])]),
+										_: 2
+									}, 1032, ["class"]), E(I, { pt: { content: { class: {
+										"px-0": !0,
+										"pb-5": a === p(z).clusters.length - 1
+									} } } }, {
+										default: h(() => [p(W).has(e.clusterId) ? (i(), _("div", {
+											key: 0,
+											class: "grid w-full gap-3",
+											style: l({ gridTemplateColumns: `repeat(auto-fill, minmax(${p(w) ? "120px" : "140px"}, 1fr))` })
+										}, [(i(!0), _(v, null, r(e.faces, (e) => (i(), u(D, {
+											key: e.id,
+											variant: "unknown",
+											"show-remove": "",
+											thumbnail: p(k)(e.thumbnail),
+											timestamp: e.timestamp,
+											confidence: e.confidence,
+											"selection-mode": p(K),
+											selected: p(q).has(e.id),
+											onClick: (t) => p(Qe)(e.id),
+											onAssignPrompt: (t) => xt(e),
+											onRemove: (t) => gt(e),
+											onIgnore: (t) => _t(e),
+											onSkip: (t) => mt(e)
+										}, null, 8, [
+											"thumbnail",
+											"timestamp",
+											"confidence",
+											"selection-mode",
+											"selected",
+											"onClick",
+											"onAssignPrompt",
+											"onRemove",
+											"onIgnore",
+											"onSkip"
+										]))), 128))], 4)) : d("", !0)]),
+										_: 2
+									}, 1032, ["pt"])]),
+									_: 2
+								}, 1032, ["value", "class"]))), 128))]),
+								_: 1
+							})]),
+							_: 1
+						})) : d("", !0),
+						p(z).ungrouped.length ? (i(), u(B, {
+							key: 1,
+							class: "cui-card border-color-inner h-auto!",
+							pt: { body: { class: "pb-0" } }
+						}, {
+							content: h(() => [E(R, { "onUpdate:value": Q }, {
+								default: h(() => [E(L, {
+									value: "__ungrouped__",
+									class: "border-b-0"
+								}, {
+									default: h(() => [E(F, { class: "px-0 pt-0 pb-5" }, {
+										default: h(() => [x("span", rn, [
+											p(K) ? (i(), _("div", {
+												key: 0,
+												class: "shrink-0",
+												onClick: s[2] ||= t((e) => it(p(z).ungrouped), ["stop"])
+											}, [x("div", { class: o(["w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors cursor-pointer", Z(p(z).ungrouped) === "none" ? "border-surface-400 dark:border-surface-500" : "bg-primary border-primary"]) }, [Z(p(z).ungrouped) === "all" ? (i(), u(A, {
+												key: 0,
+												class: "w-4 h-4 text-white"
+											})) : Z(p(z).ungrouped) === "some" ? (i(), u(j, {
+												key: 1,
+												class: "w-4 h-4 text-white"
+											})) : d("", !0)], 2)])) : d("", !0),
+											x("div", an, [E(ce, { class: "w-5 h-5 text-muted" })]),
+											x("span", on, [x("span", sn, [C(c(n.$t("views.faces.ungrouped")) + " ", 1), E(T, {
+												size: "small",
+												class: "rounded-full px-1.5",
+												severity: "secondary",
+												value: String(p(z).ungrouped.length)
+											}, null, 8, ["value"])]), x("span", cn, c(n.$t("views.faces.ungrouped_hint")), 1)]),
+											x("span", {
+												class: "ml-auto flex items-center gap-1 mr-2",
+												onClick: s[3] ||= t(() => {}, ["stop"])
+											}, [S((i(), u(m, {
+												severity: "danger",
+												text: "",
+												rounded: "",
+												class: "cui-icon-lg",
+												onClick: Tt
+											}, {
+												icon: h(() => [E(ae, {
+													width: "100%",
+													height: "100%"
+												})]),
+												_: 1
+											})), [[
+												H,
+												n.$t("views.faces.discard"),
+												void 0,
+												{ top: !0 }
+											]])])
+										])]),
+										_: 1
+									}), E(I, { pt: { content: { class: "px-0 pb-5" } } }, {
+										default: h(() => [p(W).has("__ungrouped__") ? (i(), _("div", {
+											key: 0,
+											class: "grid w-full gap-3",
+											style: l({ gridTemplateColumns: `repeat(auto-fill, minmax(${p(w) ? "120px" : "140px"}, 1fr))` })
+										}, [(i(!0), _(v, null, r(p(z).ungrouped, (e) => (i(), u(D, {
+											key: e.id,
+											variant: "unknown",
+											thumbnail: p(k)(e.thumbnail),
+											timestamp: e.timestamp,
+											confidence: e.confidence,
+											"selection-mode": p(K),
+											selected: p(q).has(e.id),
+											onClick: (t) => p(Qe)(e.id),
+											onAssignPrompt: (t) => xt(e),
+											onIgnore: (t) => _t(e),
+											onSkip: (t) => mt(e)
+										}, null, 8, [
+											"thumbnail",
+											"timestamp",
+											"confidence",
+											"selection-mode",
+											"selected",
+											"onClick",
+											"onAssignPrompt",
+											"onIgnore",
+											"onSkip"
+										]))), 128))], 4)) : d("", !0)]),
+										_: 1
+									})]),
+									_: 1
+								})]),
+								_: 1
+							})]),
+							_: 1
+						})) : d("", !0),
+						p(P).ignoredFaces.value.length ? (i(), u(B, {
+							key: 2,
+							class: "cui-card border-color-inner h-auto!",
+							pt: { body: { class: "pb-0" } }
+						}, {
+							content: h(() => [E(R, { "onUpdate:value": Q }, {
+								default: h(() => [E(L, {
+									value: "__ignored__",
+									class: "border-b-0"
+								}, {
+									default: h(() => [E(F, { class: "px-0 pt-0 pb-5" }, {
+										default: h(() => [x("span", ln, [x("div", un, [E(N, { class: "w-5 h-5 text-muted" })]), x("span", dn, [x("span", fn, [C(c(n.$t("views.faces.ignored_faces")) + " ", 1), E(T, {
+											size: "small",
+											class: "rounded-full px-1.5",
+											severity: "secondary",
+											value: String(p(P).ignoredFaces.value.length)
+										}, null, 8, ["value"])]), x("span", pn, c(n.$t("views.faces.ignored_hint")), 1)])])]),
+										_: 1
+									}), E(I, { pt: { content: { class: "px-0 pb-5" } } }, {
+										default: h(() => [p(W).has("__ignored__") ? (i(), _("div", {
+											key: 0,
+											class: "grid w-full gap-3",
+											style: l({ gridTemplateColumns: `repeat(auto-fill, minmax(${p(w) ? "120px" : "140px"}, 1fr))` })
+										}, [(i(!0), _(v, null, r(p(P).ignoredFaces.value, (e) => (i(), u(D, {
+											key: e.id,
+											variant: "ignored",
+											thumbnail: p(k)(e.thumbnail),
+											timestamp: e.timestamp,
+											onRestore: (t) => bt(e)
+										}, null, 8, [
+											"thumbnail",
+											"timestamp",
+											"onRestore"
+										]))), 128))], 4)) : d("", !0)]),
+										_: 1
+									})]),
+									_: 1
+								})]),
+								_: 1
+							})]),
+							_: 1
+						})) : d("", !0)
+					]),
+					!p(P).unknownFaces.value.length && !p(P).ignoredFaces.value.length ? (i(), _("div", mn, c(n.$t("views.faces.no_unknown_faces")), 1)) : d("", !0)
+				])], 64)) : (i(), _("div", Lt, [E(b, { class: "w-12 h-12 text-muted" }), x("span", Rt, c(n.$t("views.faces.unavailable")), 1)]))], 64)),
+				p($e) && p(P).knownFaces.value.length ? (i(), _("div", {
+					key: 3,
+					class: o(["fixed z-10", p(et) ? "scale-0 opacity-0" : "scale-100 opacity-100"]),
+					style: l({
+						left: `calc(${p(Be)}px + 0.75rem)`,
+						bottom: p(rt),
+						transition: p(He) ? "left 200ms, transform 200ms ease-in-out, opacity 200ms ease-in-out" : void 0
+					})
+				}, [E(m, {
+					severity: "secondary",
+					rounded: "",
+					class: "shadow-lg",
+					disabled: p(G)?.running,
+					label: p(We) ? n.$t("views.faces.reindex.checking") : p(G)?.running ? n.$t("views.faces.reindex.progress", {
+						done: p(G).done,
+						total: p(G).total
+					}) : n.$t("views.faces.reindex.button"),
+					onClick: ct
+				}, {
+					icon: h(() => [p(G)?.running ? (i(), u(p(ie), { key: 0 })) : (i(), u(p(Fe), { key: 1 }))]),
+					_: 1
+				}, 8, ["disabled", "label"])], 6)) : d("", !0),
+				E(pe, { "force-visible": p(K) }, {
+					default: h(() => [p(K) ? (i(), _(v, { key: 1 }, [
+						E(V, {
+							grouped: "",
+							"tooltip-props": { value: n.$t("components.form.tooltip.cancel_selection") },
+							"button-props": { severity: "secondary" },
+							icon: p(ve),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: p(X)
+						}, null, 8, [
+							"tooltip-props",
+							"icon",
+							"onClick"
+						]),
+						E(V, {
+							grouped: "",
+							"tooltip-props": { value: p(Je) ? n.$t("components.form.tooltip.deselect_all") : n.$t("components.form.tooltip.select_all") },
+							"button-props": { severity: p(Je) ? "primary" : "secondary" },
+							icon: p(de),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: p(Xe)
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon",
+							"onClick"
+						]),
+						E(V, {
+							grouped: "",
+							"tooltip-props": { value: n.$t("views.faces.assign") },
+							"button-props": {
+								severity: "secondary",
+								disabled: !p(q).size || p(Y)
+							},
+							icon: p(Ve),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: $
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						]),
+						E(V, {
+							grouped: "",
+							"tooltip-props": { value: n.$t("views.faces.remove_from_cluster") },
+							"button-props": {
+								severity: "secondary",
+								disabled: !p(tt).length || p(Y)
+							},
+							icon: p(Ue),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: Ct
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						]),
+						E(V, {
+							grouped: "",
+							"tooltip-props": { value: n.$t("views.faces.ignore") },
+							"button-props": {
+								severity: "secondary",
+								disabled: !p(q).size || p(Y)
+							},
+							icon: p(Ne),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: yt
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						]),
+						E(V, {
+							grouped: "",
+							"tooltip-props": { value: n.$t("views.faces.discard") },
+							"button-props": {
+								severity: "danger",
+								disabled: !p(q).size || p(Y)
+							},
+							icon: p(le),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: wt
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						])
+					], 64)) : (i(), _(v, { key: 0 }, [
+						p(qe).length ? (i(), u(V, {
+							key: 0,
+							grouped: "",
+							"tooltip-props": { value: n.$t("views.faces.select") },
+							"button-props": { severity: "secondary" },
+							icon: p(ue),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: p(Ye)
+						}, null, 8, [
+							"tooltip-props",
+							"icon",
+							"onClick"
+						])) : d("", !0),
+						p(P).knownFaces.value.length ? (i(), u(V, {
+							key: 1,
+							grouped: "",
+							"tooltip-props": { value: n.$t("views.faces.rescan_events") },
+							"button-props": {
+								severity: "secondary",
+								disabled: p(U)
+							},
+							icon: p(U) ? p(ie) : p(Oe),
+							"icon-props": {
+								width: "100%",
+								height: "100%"
+							},
+							onClick: at
+						}, null, 8, [
+							"tooltip-props",
+							"button-props",
+							"icon"
+						])) : d("", !0),
+						E(V, {
+							grouped: "",
+							"tooltip-props": { value: n.$t("views.faces.add_face") },
+							"button-props": { class: "text-white" },
+							icon: p(Ae),
+							"icon-props": {
+								width: "30px",
+								height: "30px"
+							},
+							onClick: lt
+						}, null, 8, ["tooltip-props", "icon"])
+					], 64))]),
+					_: 1
+				}, 8, ["force-visible"])
+			], 512);
+		};
+	}
+});
+//#endregion
+export { _n as default };