@camera.ui/server 2.4.3 → 2.4.4

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

@@ -1,1659 +0,0 @@
-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 { $i as k, Jr as A, Qa as j, Tr as M, Ur as ee, Zn as N, Zr as te, ai as ne, ci as re, cr as ie, f as P, fi as ae, fr as F, gt as I, li as L, mt as oe, ni as R, oi as se, ot as z, si as B, sr as ce, st as le, ut as ue, wr as de } from "./api-B_pmwTpy.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-DV0RmW3T.js";
-import { t as he } from "./CuiButton-CGAd8xvo.js";
-import { r as ge } from "./button-D9sS6H0w.js";
-import { t as _e } from "./inputtext-DfgvQQt_.js";
-import { t as ve } from "./close-BYhywzVJ.js";
-import { i as ye, n as be, r as xe, t as Se } from "./accordion-w3Av_-S6.js";
-import { t as Ce } from "./autocomplete-S67slrj3.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 = R, w = je, T = fe, D = te, O = Me, k = he, A = Ue, j = Ve, M = Ne, ee = Te, N = 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)), [[
-					N,
-					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)])), [[
-						N,
-						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
-				})), [[
-					N,
-					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
-					})), [[
-						N,
-						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
-					})), [[
-						N,
-						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(M, {
-							width: "100%",
-							height: "100%"
-						})]),
-						_: 1
-					})), [[
-						N,
-						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(ee, {
-							width: "100%",
-							height: "100%"
-						})]),
-						_: 1
-					})), [[
-						N,
-						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 = R, m = it, x = rt, T = Re, D = et, k = Ee, A = ve, j = he, M = 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)), [[
-						M,
-						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 } = de(), 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 = N(), g = k(), { t: b } = H(), { smBreakpoint: w } = re(), { width: T } = ae(), { bottombarHeight: O } = L(), P = F(), R = 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 } = de(), { y: Ge } = V(window, { throttle: 100 }), Ke = B(() => Ge.value), qe = m(() => [...R.value.clusters.flatMap((e) => e.faces), ...R.value.ungrouped]), { selectionMode: K, selectedIds: q, selectedItems: J, allSelected: Je, bulkBusy: Y, enterSelectionMode: Ye, exitSelectionMode: X, toggleSelectAll: Xe, toggleSelection: Qe } = z(qe, (e) => e.id), $e = m(() => A(void 0, "admin")), et = m(() => Ke.value && !G.value?.running), tt = m(() => {
-			let e = new Set(R.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 = M(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 = j, b = me, T = ge, D = Ze, O = ee, k = te, A = Pe, N = Ve, re = Ne, ae = Te, F = xe, I = ye, L = be, z = Se, B = fe, de = Re, V = ne, 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(M)(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(R).clusters.length ? (i(), u(B, {
-							key: 0,
-							class: "cui-card border-color-inner h-auto!",
-							pt: { body: { class: "pb-0" } }
-						}, {
-							content: h(() => [E(z, {
-								multiple: "",
-								"onUpdate:value": Q
-							}, {
-								default: h(() => [(i(!0), _(v, null, r(p(R).clusters, (e, a) => (i(), u(L, {
-									key: e.clusterId,
-									value: e.clusterId,
-									class: o({ "border-b-0": a === p(R).clusters.length - 1 })
-								}, {
-									default: h(() => [E(F, { class: o({
-										"px-0 pt-0": a === 0,
-										"px-0": a !== 0,
-										"pb-5": a === p(R).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(k, {
-												key: 0,
-												class: "w-4 h-4 text-white"
-											})) : Z(e.faces) === "some" ? (i(), u(A, {
-												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(N, { 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(re, { 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(R).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(M)(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(R).ungrouped.length ? (i(), u(B, {
-							key: 1,
-							class: "cui-card border-color-inner h-auto!",
-							pt: { body: { class: "pb-0" } }
-						}, {
-							content: h(() => [E(z, { "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(R).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(R).ungrouped) === "none" ? "border-surface-400 dark:border-surface-500" : "bg-primary border-primary"]) }, [Z(p(R).ungrouped) === "all" ? (i(), u(k, {
-												key: 0,
-												class: "w-4 h-4 text-white"
-											})) : Z(p(R).ungrouped) === "some" ? (i(), u(A, {
-												key: 1,
-												class: "w-4 h-4 text-white"
-											})) : d("", !0)], 2)])) : d("", !0),
-											x("div", an, [E(de, { 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(R).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(R).ungrouped, (e) => (i(), u(D, {
-											key: e.id,
-											variant: "unknown",
-											thumbnail: p(M)(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(z, { "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(re, { 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(M)(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(ue),
-							"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(ce),
-							"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(le),
-							"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 };