@camera.ui/server 2.2.8 → 2.3.0

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

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