@camera.ui/server 2.2.8 → 2.3.0

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

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