@camera.ui/server 2.2.5-beta.4 → 2.2.6

package/dist/interface/ha/{Plugin-EfUSqwyh.js → Plugin-B2PbbB8d.js}

@@ -2,38 +2,39 @@ import { m as e, p as t } from "./ripple-ZDATPc2w.js";
 import { A as n, B as r, D as i, Dt as a, G as o, H as s, Jt as c, M as l, N as u, Wt as d, Y as f, _t as p, d as m, f as h, ft as g, g as _, gt as ee, kt as v, l as y, lt as b, ot as x, p as S, qt as C, r as w, rt as T, u as E, ut as D, v as O, wt as k, x as A, xt as j, y as M, yt as N, z as P } from "./runtime-core.esm-bundler-_TfE0DWz.js";
 import { t as F } from "./tooltip-BDrlgLof.js";
 import { t as I } from "./tag-mchuCAPR.js";
-import { J as L, Jr as R, Mn as z, Or as B, Sn as V, Sr as te, St as ne, Xr as re, Yt as ie, _t as ae, ai as oe, bi as se, en as H, f as U, g as W, hn as ce, jn as le, mn as ue, mr as de, nn as fe, pn as pe, tn as me, wr as he, xn as ge, zr as _e } from "./api-BP7mlzjP.js";
+import { $t as L, An as te, Ar as R, Er as z, Jt as B, Qr as V, Si as ne, Vr as re, Xr as ie, bn as ae, en as oe, f as se, fn as H, g as U, gr as W, gt as ce, jn as le, mn as ue, pn as de, q as fe, si as pe, tn as me, wr as he, xn as ge, xt as _e } from "./api-D2VzV4is.js";
 import { A as G, b as K, i as ve, o as ye } from "./intercomService-B7HkLs6z.js";
-import { B as q, I as be, L as xe, R as Se, V as Ce, q as we, r as Te, s as Ee, z as J } from "./pinia-C6gt7A_Q.js";
+import { B as q, I as be, L as xe, R as Se, V as Ce, q as we, r as Te, s as Ee, z as J } from "./pinia-BokSpDzj.js";
 import { n as De } from "./vue-i18n-D5EAy78K.js";
-import { O as Y, T as X, w as Z } from "./dist-BTp4AyuI.js";
-import { a as Oe } from "./alert-outline-FcLLjoOK.js";
-import { t as ke } from "./button-BouAFgf5.js";
-import { M as Ae, N as je, P as Q, b as Me } from "./dist-C6MBHJhs.js";
-import { t as Ne } from "./inputtext-C_ygnPrC.js";
-import { t as Pe } from "./select-DV7p2EDj.js";
-import { t as $ } from "./multiselect-BOb4ScAZ.js";
-import { t as Fe } from "./textarea-ByXnzJzx.js";
-import { t as Ie } from "./CuiSchema-DY0V-8xP.js";
-import { t as Le } from "./plugins-B29K3nQP.js";
-import { t as Re } from "./information-outline-DSSRyysT.js";
-import { t as ze } from "./close-circle-DfYSNAKm.js";
-import { t as Be } from "./CuiMarkdownContent-CrkZwv5j.js";
-import { r as Ve, t as He } from "./CuiPluginCard-nIQiyQvH.js";
-import { u as Ue } from "./cards-BpBP1zVW.js";
-import { t as We } from "./back-filled-CaxrZv0Q.js";
+import { O as Y, T as X, k as Oe, w as Z } from "./dist-BIngHzHx.js";
+import { a as ke } from "./alert-outline-FcLLjoOK.js";
+import { h as Ae } from "./eventIcons-BFNUgeGr.js";
+import { t as je } from "./button-BouAFgf5.js";
+import { M as Me, N as Ne, P as Q, b as Pe } from "./dist-oFWkn6pD.js";
+import { t as Fe } from "./inputtext-C_ygnPrC.js";
+import { t as Ie } from "./select-DV7p2EDj.js";
+import { t as Le } from "./multiselect-BOb4ScAZ.js";
+import { t as $ } from "./textarea-ByXnzJzx.js";
+import { t as Re } from "./CuiSchema-CQy94ZTs.js";
+import { t as ze } from "./plugins-jozYyBhV.js";
+import { t as Be } from "./information-outline-DSSRyysT.js";
+import { t as Ve } from "./close-circle-DfYSNAKm.js";
+import { t as He } from "./CuiMarkdownContent-CrkZwv5j.js";
+import { r as Ue, t as We } from "./CuiPluginCard-DZNXKP_P.js";
+import { u as Ge } from "./cards-MQrnU0T8.js";
+import { t as Ke } from "./back-filled-CaxrZv0Q.js";
 //#region src/components/CuiMarkdownPanel/types.ts
-var Ge = {
+var qe = {
 	content: null,
 	loading: !1,
 	collapsedHeight: 420
-}, Ke = { class: "lg:!hidden card-title" }, qe = {
+}, Je = { class: "lg:!hidden card-title" }, Ye = {
 	ref: "frame",
 	class: "flex flex-col h-full"
-}, Je = { class: "flex items-center gap-3 border-color lg:border-b-[1px] lg:mb-3 lg:pb-3" }, Ye = { class: "hidden lg:block text-base font-semibold" }, Xe = {
+}, Xe = { class: "flex items-center gap-3 border-color lg:border-b-[1px] lg:mb-3 lg:pb-3" }, Ze = { class: "hidden lg:block text-base font-semibold" }, Qe = {
 	key: 0,
 	class: "flex w-full h-full items-center justify-center"
-}, Ze = /* @__PURE__ */ A({
+}, $e = /* @__PURE__ */ A({
 	__name: "CuiMarkdownPanel",
 	props: /*@__PURE__*/ n({
 		title: {},
@@ -41,7 +42,7 @@ var Ge = {
 		content: {},
 		loading: { type: Boolean },
 		collapsedHeight: {}
-	}, Ge),
+	}, qe),
 	setup(e) {
 		let t = e, n = T("frame"), r = T("body"), i = j(!1), a = j(!1), o = j(t.collapsedHeight), l = y(() => !t.loading && (i.value || a.value));
 		function d() {
@@ -57,9 +58,9 @@ var Ge = {
 			a.value = !!e && e.scrollHeight > e.clientHeight + 1;
 		}
 		return K(r, "load", f, { capture: !0 }), G(n, f), G(r, f), x([() => t.content, () => t.loading], () => u(f)), P(() => u(f)), (t, n) => {
-			let r = ge, a = V, u = ke, d = te, f = Be, p = ve, g = F;
-			return s(), S("div", null, [E("span", Ke, c(e.title), 1), M(p, { class: "cui-card !h-auto lg:!h-full" }, {
-				content: b(() => [E("div", qe, [E("div", Je, [E("h3", Ye, c(e.title), 1), v(l) ? D((s(), m(u, {
+			let r = ae, a = ge, u = je, d = he, f = He, p = ve, g = F;
+			return s(), S("div", null, [E("span", Je, c(e.title), 1), M(p, { class: "cui-card !h-auto lg:!h-full" }, {
+				content: b(() => [E("div", Ye, [E("div", Xe, [E("h3", Ze, c(e.title), 1), v(l) ? D((s(), m(u, {
 					key: 0,
 					severity: "secondary",
 					text: "",
@@ -79,7 +80,7 @@ var Ge = {
 					{ value: v(i) ? t.$t("components.form.button.collapse") : t.$t("components.form.button.expand") },
 					void 0,
 					{ left: !0 }
-				]]) : h("", !0)]), e.loading ? (s(), S("div", Xe, [M(d, {
+				]]) : h("", !0)]), e.loading ? (s(), S("div", Qe, [M(d, {
 					class: "w-[30px] h-[30px] m-0",
 					"stroke-width": "5"
 				})])) : (s(), S("div", {
@@ -92,26 +93,26 @@ var Ge = {
 			})]);
 		};
 	}
-}), Qe = { class: "text-base font-semibold border-b-[1px] border-color mb-3 pb-3" }, $e = { class: "flex flex-col gap-4" }, et = { class: "flex flex-col field-gap" }, tt = { class: "cui-label" }, nt = {
+}), et = { class: "text-base font-semibold border-b-[1px] border-color mb-3 pb-3" }, tt = { class: "flex flex-col gap-4" }, nt = { class: "flex flex-col field-gap" }, rt = { class: "cui-label" }, it = {
 	key: 0,
 	class: "text-red-500 text-sm"
-}, rt = { class: "flex flex-col field-gap" }, it = { class: "cui-label" }, at = { class: "flex flex-col field-gap" }, ot = { class: "cui-label" }, st = { class: "flex flex-col field-gap" }, ct = { class: "cui-label" }, lt = { class: "flex flex-col field-gap" }, ut = { class: "cui-label" }, dt = { class: "flex flex-col field-gap" }, ft = { class: "cui-label" }, pt = { class: "flex flex-col field-gap" }, mt = { class: "cui-label" }, ht = { class: "flex flex-col field-gap" }, gt = { class: "cui-label" }, _t = { class: "mt-8" }, vt = { class: "text-base font-semibold border-b-[1px] border-color mb-3 pb-3" }, yt = {
+}, at = { class: "flex flex-col field-gap" }, ot = { class: "cui-label" }, st = { class: "flex flex-col field-gap" }, ct = { class: "cui-label" }, lt = { class: "flex flex-col field-gap" }, ut = { class: "cui-label" }, dt = { class: "flex flex-col field-gap" }, ft = { class: "cui-label" }, pt = { class: "flex flex-col field-gap" }, mt = { class: "cui-label" }, ht = { class: "flex flex-col field-gap" }, gt = { class: "cui-label" }, _t = { class: "flex flex-col field-gap" }, vt = { class: "cui-label" }, yt = { class: "mt-8" }, bt = { class: "text-base font-semibold border-b-[1px] border-color mb-3 pb-3" }, xt = {
 	key: 0,
 	class: "flex items-center justify-center w-full py-4"
-}, bt = {
+}, St = {
 	key: 1,
 	class: "flex items-center justify-center text-sm text-muted py-4 text-center"
-}, xt = {
+}, Ct = {
 	key: 2,
 	class: "flex flex-col field-gap"
-}, St = { class: "text-xs text-muted" }, Ct = {
+}, wt = { class: "text-xs text-muted" }, Tt = {
 	key: 0,
 	class: "mt-8"
-}, wt = { class: "text-base font-semibold border-b-[1px] border-color mb-3 pb-3" }, Tt = /* @__PURE__ */ A({
+}, Et = { class: "text-base font-semibold border-b-[1px] border-color mb-3 pb-3" }, Dt = /* @__PURE__ */ A({
 	__name: "CuiNotificationInterface",
 	props: { pluginName: {} },
 	setup(e) {
-		let t = e, n = ye(), { t: r } = De(), i = se(), l = W(), { user: u } = Te(l), { pluginName: d } = a(t), { plugin: f } = Ae(d), p = y(() => Object.values(Z).map((e) => ({
+		let t = e, n = ye(), { t: r } = De(), i = ne(), l = U(), { user: u } = Te(l), { pluginName: d } = a(t), { plugin: f } = Me(d), p = y(() => Object.values(Z).map((e) => ({
 			label: r(`components.notification_interface.severity_${e}`),
 			value: e
 		}))), m = N({
@@ -130,7 +131,7 @@ var Ge = {
 			if (f.value && u.value?._id) {
 				D.value = !0;
 				try {
-					let e = de(void 0, "admin") ? [] : [u.value._id];
+					let e = W(void 0, "admin") ? [] : [u.value._id];
 					T.value = await f.value.getDevices?.(e) ?? [];
 				} catch (e) {
 					n.error("Failed to load notifier devices:", e), T.value = [];
@@ -151,16 +152,16 @@ var Ge = {
 				}
 			}
 		}
-		function R() {
+		function te() {
 			g.value.push({
 				key: "",
 				value: ""
 			});
 		}
-		function z(e) {
+		function R(e) {
 			g.value.splice(e, 1);
 		}
-		function B() {
+		function z() {
 			let e = {};
 			for (let t of g.value) t.key.trim() && (e[t.key.trim()] = t.value);
 			return {
@@ -174,7 +175,7 @@ var Ge = {
 				data: Object.keys(e).length ? e : void 0
 			};
 		}
-		async function V() {
+		async function B() {
 			let e = f.value;
 			if (e && !C.value) {
 				if (!m.title.trim()) {
@@ -183,7 +184,7 @@ var Ge = {
 				}
 				C.value = !0;
 				try {
-					let t = B(), n = O.value.length ? O.value : T.value.map((e) => e.id);
+					let t = z(), n = O.value.length ? O.value : T.value.map((e) => e.id);
 					await e.sendNotification?.(n, t), i.add({
 						severity: "success",
 						detail: r("components.notification_interface.sent"),
@@ -203,12 +204,12 @@ var Ge = {
 		return x(f, (e) => {
 			e && (I(), L());
 		}, { immediate: !0 }), (e, t) => {
-			let n = Ne, r = Fe, i = Pe, a = ze, l = ke, u = Ue, d = te, y = $, x = Ie;
+			let n = Fe, r = $, i = Ie, a = Ve, l = je, u = Ge, d = he, y = Le, x = Re;
 			return s(), S("div", null, [
-				E("h3", Qe, c(e.$t("components.notification_interface.template")), 1),
-				E("div", $e, [
-					E("div", et, [
-						E("label", tt, c(e.$t("components.notification_interface.title")), 1),
+				E("h3", et, c(e.$t("components.notification_interface.template")), 1),
+				E("div", tt, [
+					E("div", nt, [
+						E("label", rt, c(e.$t("components.notification_interface.title")), 1),
 						M(n, {
 							modelValue: v(m).title,
 							"onUpdate:modelValue": [t[0] ||= (e) => v(m).title = e, t[1] ||= (e) => _.value = !1],
@@ -220,22 +221,22 @@ var Ge = {
 							"placeholder",
 							"invalid"
 						]),
-						v(_) ? (s(), S("p", nt, c(e.$t("components.notification_interface.title_required")), 1)) : h("", !0)
+						v(_) ? (s(), S("p", it, c(e.$t("components.notification_interface.title_required")), 1)) : h("", !0)
 					]),
-					E("div", rt, [E("label", it, c(e.$t("components.notification_interface.subtitle")), 1), M(n, {
+					E("div", at, [E("label", ot, c(e.$t("components.notification_interface.subtitle")), 1), M(n, {
 						modelValue: v(m).subtitle,
 						"onUpdate:modelValue": t[2] ||= (e) => v(m).subtitle = e,
 						placeholder: e.$t("components.notification_interface.subtitle"),
 						class: "w-full"
 					}, null, 8, ["modelValue", "placeholder"])]),
-					E("div", at, [E("label", ot, c(e.$t("components.notification_interface.body")), 1), M(r, {
+					E("div", st, [E("label", ct, c(e.$t("components.notification_interface.body")), 1), M(r, {
 						modelValue: v(m).body,
 						"onUpdate:modelValue": t[3] ||= (e) => v(m).body = e,
 						placeholder: e.$t("components.notification_interface.body"),
 						rows: "3",
 						class: "w-full"
 					}, null, 8, ["modelValue", "placeholder"])]),
-					E("div", st, [E("label", ct, c(e.$t("components.notification_interface.severity")), 1), M(i, {
+					E("div", lt, [E("label", ut, c(e.$t("components.notification_interface.severity")), 1), M(i, {
 						modelValue: v(m).severity,
 						"onUpdate:modelValue": t[4] ||= (e) => v(m).severity = e,
 						options: v(p),
@@ -243,26 +244,26 @@ var Ge = {
 						"option-value": "value",
 						class: "w-full"
 					}, null, 8, ["modelValue", "options"])]),
-					E("div", lt, [E("label", ut, c(e.$t("components.notification_interface.tag")), 1), M(n, {
+					E("div", dt, [E("label", ft, c(e.$t("components.notification_interface.tag")), 1), M(n, {
 						modelValue: v(m).tag,
 						"onUpdate:modelValue": t[5] ||= (e) => v(m).tag = e,
 						placeholder: "motion:cam-1",
 						class: "w-full"
 					}, null, 8, ["modelValue"])]),
-					E("div", dt, [E("label", ft, c(e.$t("components.notification_interface.image_url")), 1), M(n, {
+					E("div", pt, [E("label", mt, c(e.$t("components.notification_interface.image_url")), 1), M(n, {
 						modelValue: v(m).imageUrl,
 						"onUpdate:modelValue": t[6] ||= (e) => v(m).imageUrl = e,
 						placeholder: "https://…",
 						class: "w-full"
 					}, null, 8, ["modelValue"])]),
-					E("div", pt, [E("label", mt, c(e.$t("components.notification_interface.deep_link")), 1), M(n, {
+					E("div", ht, [E("label", gt, c(e.$t("components.notification_interface.deep_link")), 1), M(n, {
 						modelValue: v(m).deepLink,
 						"onUpdate:modelValue": t[7] ||= (e) => v(m).deepLink = e,
 						placeholder: "/cameras/cam-1",
 						class: "w-full"
 					}, null, 8, ["modelValue"])]),
-					E("div", ht, [
-						E("label", gt, c(e.$t("components.notification_interface.data")), 1),
+					E("div", _t, [
+						E("label", vt, c(e.$t("components.notification_interface.data")), 1),
 						(s(!0), S(w, null, o(v(g), (t, r) => (s(), S("div", {
 							key: r,
 							class: "flex gap-2 items-center"
@@ -292,7 +293,7 @@ var Ge = {
 								rounded: "",
 								severity: "danger",
 								class: "cui-icon-md shrink-0",
-								onClick: (e) => z(r)
+								onClick: (e) => R(r)
 							}, {
 								icon: b(() => [M(a, {
 									width: "100%",
@@ -307,17 +308,17 @@ var Ge = {
 							fluid: "",
 							class: "cui-button-medium",
 							label: e.$t("components.notification_interface.add_data"),
-							onClick: R
+							onClick: te
 						}, {
 							icon: b(() => [M(u, { class: "w-4 h-4" })]),
 							_: 1
 						}, 8, ["label"])
 					])
 				]),
-				E("div", _t, [E("h3", vt, c(e.$t("components.notification_interface.targets")), 1), v(D) ? (s(), S("div", yt, [M(d, {
+				E("div", yt, [E("h3", bt, c(e.$t("components.notification_interface.targets")), 1), v(D) ? (s(), S("div", xt, [M(d, {
 					class: "w-[24px] h-[24px] m-0",
 					"stroke-width": "5"
-				})])) : v(F).length ? (s(), S("div", xt, [E("span", St, c(e.$t("components.notification_interface.targets_hint")), 1), M(y, {
+				})])) : v(F).length ? (s(), S("div", Ct, [E("span", wt, c(e.$t("components.notification_interface.targets_hint")), 1), M(y, {
 					modelValue: v(O),
 					"onUpdate:modelValue": t[8] ||= (e) => ee(O) ? O.value = e : null,
 					options: v(F),
@@ -331,8 +332,8 @@ var Ge = {
 					"modelValue",
 					"options",
 					"placeholder"
-				])])) : (s(), S("div", bt, c(e.$t("components.notification_interface.no_devices")), 1))]),
-				v(A)?.length ? (s(), S("div", Ct, [E("h3", wt, c(e.$t("components.notification_interface.settings")), 1), M(x, {
+				])])) : (s(), S("div", St, c(e.$t("components.notification_interface.no_devices")), 1))]),
+				v(A)?.length ? (s(), S("div", Tt, [E("h3", Et, c(e.$t("components.notification_interface.settings")), 1), M(x, {
 					"schema-form": {
 						schema: v(A),
 						config: {}
@@ -346,7 +347,7 @@ var Ge = {
 					loading: v(C),
 					disabled: !v(f) || v(C),
 					label: e.$t("components.notification_interface.send_test"),
-					onClick: V
+					onClick: B
 				}, null, 8, [
 					"loading",
 					"disabled",
@@ -355,13 +356,13 @@ var Ge = {
 			]);
 		};
 	}
-}), Et = { class: "mb-4 rounded-xl overflow-hidden w-fit mx-auto" }, Dt = ["src"], Ot = { class: "text-sm text-muted mb-4" }, kt = {
+}), Ot = { class: "mb-4 rounded-xl overflow-hidden w-fit mx-auto" }, kt = ["src"], At = { class: "text-sm text-muted mb-4" }, jt = {
 	key: 0,
 	class: "ml-1"
-}, At = { class: "flex gap-2 mb-4" }, jt = {
+}, Mt = { class: "flex gap-2 mb-4" }, Nt = {
 	key: 0,
 	class: "flex flex-col gap-2"
-}, Mt = { class: "text-sm truncate flex-1 mr-3" }, Nt = { class: "flex items-center gap-2 shrink-0" }, Pt = /* @__PURE__ */ A({
+}, Pt = { class: "text-sm truncate flex-1 mr-3" }, Ft = { class: "flex items-center gap-2 shrink-0" }, It = /* @__PURE__ */ A({
 	__name: "PluginClipInterface",
 	props: {
 		src: {},
@@ -393,15 +394,15 @@ var Ge = {
 			}
 		}
 		return n({}), (n, r) => {
-			let i = Ne, f = ke, m = I;
+			let i = Fe, f = je, m = I;
 			return s(), S("div", null, [
-				E("div", Et, [E("img", {
+				E("div", Ot, [E("img", {
 					src: e.src,
 					alt: "CLIP test image",
 					class: "max-w-full max-h-[50vh] w-auto object-contain"
-				}, null, 8, Dt)]),
-				E("div", Ot, [O(c(e.response.embeddings.length) + " embedding(s), " + c(e.response.embeddings[0]?.embedding?.length ?? 0) + "-dim ", 1), e.response.embeddingModel ? (s(), S("span", kt, "(" + c(e.response.embeddingModel) + ")", 1)) : h("", !0)]),
-				E("div", At, [M(i, {
+				}, null, 8, kt)]),
+				E("div", At, [O(c(e.response.embeddings.length) + " embedding(s), " + c(e.response.embeddings[0]?.embedding?.length ?? 0) + "-dim ", 1), e.response.embeddingModel ? (s(), S("span", jt, "(" + c(e.response.embeddingModel) + ")", 1)) : h("", !0)]),
+				E("div", Mt, [M(i, {
 					modelValue: v(a),
 					"onUpdate:modelValue": r[0] ||= (e) => ee(a) ? a.value = e : null,
 					class: "flex-1",
@@ -413,10 +414,10 @@ var Ge = {
 					loading: v(l),
 					onClick: p
 				}, null, 8, ["label", "loading"])]),
-				v(u).length ? (s(), S("div", jt, [(s(!0), S(w, null, o(v(u), (e, t) => (s(), S("div", {
+				v(u).length ? (s(), S("div", Nt, [(s(!0), S(w, null, o(v(u), (e, t) => (s(), S("div", {
 					key: t,
 					class: "flex items-center justify-between p-3 rounded-lg content-background"
-				}, [E("span", Mt, c(e.query), 1), E("div", Nt, [E("div", { class: d(["text-sm font-medium", e.displayScore >= .5 ? "text-green-500" : e.displayScore >= .25 ? "text-yellow-500" : "text-red-400"]) }, c((e.displayScore * 100).toFixed(0)) + "% ", 3), M(m, {
+				}, [E("span", Pt, c(e.query), 1), E("div", Ft, [E("div", { class: d(["text-sm font-medium", e.displayScore >= .5 ? "text-green-500" : e.displayScore >= .25 ? "text-yellow-500" : "text-red-400"]) }, c((e.displayScore * 100).toFixed(0)) + "% ", 3), M(m, {
 					value: e.displayScore >= .5 ? "Match" : e.displayScore >= .25 ? "Possible" : "No match",
 					severity: e.displayScore >= .5 ? "success" : e.displayScore >= .25 ? "warn" : "danger",
 					class: "text-xs"
@@ -424,7 +425,99 @@ var Ge = {
 			]);
 		};
 	}
-}), Ft = /* @__PURE__ */ A({
+}), Lt = [
+	"strict",
+	"balanced",
+	"relaxed"
+], Rt = { class: "relative mb-4 rounded-xl overflow-hidden w-fit mx-auto" }, zt = ["src"], Bt = { class: "text-sm text-muted mb-4" }, Vt = {
+	key: 0,
+	class: "ml-1"
+}, Ht = {
+	key: 1,
+	class: "ml-1"
+}, Ut = { class: "flex gap-2 mb-4" }, Wt = {
+	key: 0,
+	class: "flex flex-col gap-2"
+}, Gt = { class: "text-sm truncate flex-1 mr-3" }, Kt = { class: "flex items-center gap-2 shrink-0" }, qt = {
+	key: 0,
+	class: "text-sm font-medium"
+}, Jt = /* @__PURE__ */ A({
+	__name: "PluginFaceRecognition",
+	props: {
+		src: {},
+		embeddingModel: {},
+		dimensions: {},
+		landmarks: {},
+		quality: {},
+		onMatch: { type: Function }
+	},
+	setup(e, { expose: t }) {
+		let n = e, { t: r } = De(), i = ye(), a = j("balanced"), l = j(!1), u = j([]), d = y(() => Lt.map((e) => ({
+			value: e,
+			label: r(`components.face_recognition_interface.sensitivity_${e}`)
+		})));
+		async function f() {
+			if (!l.value) {
+				l.value = !0;
+				try {
+					let e = await n.onMatch(a.value);
+					u.value.unshift({
+						sensitivity: a.value,
+						identity: e?.identity,
+						score: e?.score
+					});
+				} catch (e) {
+					i.error("Face match failed:", e);
+				} finally {
+					l.value = !1;
+				}
+			}
+		}
+		return P(f), t({}), (t, n) => {
+			let r = Ie, i = je, p = I;
+			return s(), S("div", null, [
+				E("div", Rt, [E("img", {
+					src: e.src,
+					alt: "Face recognition test image",
+					class: "block max-w-full max-h-[50vh] w-auto object-contain"
+				}, null, 8, zt), (s(!0), S(w, null, o(e.landmarks, (e, t) => (s(), S("span", {
+					key: t,
+					class: "absolute size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary ring-2 ring-white/80",
+					style: C({
+						left: `${e[0] * 100}%`,
+						top: `${e[1] * 100}%`
+					})
+				}, null, 4))), 128))]),
+				E("div", Bt, [
+					O(c(e.dimensions) + "-dim ", 1),
+					e.embeddingModel ? (s(), S("span", Vt, "(" + c(e.embeddingModel) + ")", 1)) : h("", !0),
+					e.quality == null ? h("", !0) : (s(), S("span", Ht, "· " + c(t.$t("components.face_recognition_interface.quality", { value: (e.quality * 100).toFixed(0) })), 1))
+				]),
+				E("div", Ut, [M(r, {
+					modelValue: v(a),
+					"onUpdate:modelValue": n[0] ||= (e) => ee(a) ? a.value = e : null,
+					options: v(d),
+					"option-label": "label",
+					"option-value": "value",
+					class: "flex-1"
+				}, null, 8, ["modelValue", "options"]), M(i, {
+					class: "cui-button-medium",
+					label: t.$t("components.face_recognition_interface.match"),
+					loading: v(l),
+					onClick: f
+				}, null, 8, ["label", "loading"])]),
+				v(u).length ? (s(), S("div", Wt, [(s(!0), S(w, null, o(v(u), (e, n) => (s(), S("div", {
+					key: n,
+					class: "flex items-center justify-between p-3 rounded-lg content-background"
+				}, [E("span", Gt, c(e.identity ?? t.$t("components.face_recognition_interface.no_match")), 1), E("div", Kt, [e.score == null ? h("", !0) : (s(), S("div", qt, c((e.score * 100).toFixed(0)) + "%", 1)), M(p, {
+					value: t.$t(`components.face_recognition_interface.sensitivity_${e.sensitivity}`),
+					severity: e.identity ? "success" : "danger",
+					class: "text-xs"
+				}, null, 8, ["value", "severity"])])]))), 128))])) : h("", !0)
+			]);
+		};
+	}
+}), Yt = /* @__PURE__ */ A({
 	__name: "PluginMotionInterface",
 	props: { response: {} },
 	setup(e) {
@@ -441,7 +534,7 @@ var Ge = {
 			class: "max-w-full max-h-[60vh] w-auto mx-auto"
 		}, "Your browser does not support the video tag.", 512)]));
 	}
-}), It = { class: "mb-5 flex justify-center" }, Lt = { class: "relative w-fit" }, Rt = ["src"], zt = /* @__PURE__ */ A({
+}), Xt = { class: "mb-5 flex justify-center" }, Zt = { class: "relative w-fit" }, Qt = ["src"], $t = /* @__PURE__ */ A({
 	__name: "PluginObjectInterface",
 	props: {
 		src: {},
@@ -450,39 +543,39 @@ var Ge = {
 	setup(e) {
 		let { response: t, src: n } = a(e), r = y(() => t.value.detections);
 		return (e, t) => {
-			let i = ce;
-			return s(), S("div", It, [E("div", Lt, [M(i, { detections: v(r) }, null, 8, ["detections"]), E("img", {
+			let i = ue;
+			return s(), S("div", Xt, [E("div", Zt, [M(i, { detections: v(r) }, null, 8, ["detections"]), E("img", {
 				src: v(n),
 				alt: "Preview",
 				class: "max-w-full max-h-[60vh] w-auto"
-			}, null, 8, Rt)])]);
+			}, null, 8, Qt)])]);
 		};
 	}
-}), Bt = {
+}), en = {
 	key: 0,
 	class: "w-full"
-}, Vt = { class: "flex flex-col justify-center items-center mb-5" }, Ht = {
+}, tn = { class: "flex flex-col justify-center items-center mb-5" }, nn = {
 	for: "restoreInput",
 	class: "cursor-pointer text-center text-sm"
-}, Ut = ["accept"], Wt = {
+}, rn = ["accept"], an = {
 	key: 0,
 	class: "text-red-500 text-sm"
-}, Gt = {
+}, on = {
 	key: 1,
 	class: "w-full flex flex-col items-center justify-center"
-}, Kt = {
+}, sn = {
 	key: 0,
 	class: "relative mb-4"
-}, qt = ["src"], Jt = {
+}, cn = ["src"], ln = {
 	key: 1,
 	class: "relative mb-4 w-full"
-}, Yt = {
+}, un = {
 	key: 2,
 	class: "relative mb-4 w-full"
-}, Xt = ["src", "type"], Zt = { class: "flex items-center justify-center" }, Qt = { class: "mx-2" }, $t = { class: "text-muted" }, en = { class: "flex items-center justify-center mt-2 text-xs text-muted" }, tn = { class: "mt-10" }, nn = { class: "text-base font-semibold border-b-[1px] border-color mb-3 pb-3" }, rn = {
+}, dn = ["src", "type"], fn = { class: "flex items-center justify-center" }, pn = { class: "mx-2" }, mn = { class: "text-muted" }, hn = { class: "flex items-center justify-center mt-2 text-xs text-muted" }, gn = { class: "mt-10" }, _n = { class: "text-base font-semibold border-b-[1px] border-color mb-3 pb-3" }, vn = {
 	key: 0,
 	class: "flex items-center justify-center text-sm text-muted mt-5"
-}, an = /* @__PURE__ */ A({
+}, yn = /* @__PURE__ */ A({
 	__name: "CuiDetectionInterface",
 	props: {
 		type: {},
@@ -495,13 +588,15 @@ var Ge = {
 			audioDetection: "drop_or_select_audio_to_detect",
 			objectDetection: "drop_or_select_image_to_detect_objects",
 			faceDetection: "drop_or_select_image_to_detect_faces",
+			faceRecognition: "drop_or_select_image_to_recognize_face",
 			licensePlateDetection: "drop_or_select_image_to_detect_license_plates",
 			classifierDetection: "drop_or_select_image_to_classify",
 			clipDetection: "drop_or_select_image_for_semantic_search"
-		}, i = t, o = n, l = ye(), { t: f } = De(), p = se(), g = ae(), { type: _, pluginName: ee } = a(i), { plugin: C, isLoading: w } = Ae(ee), D = T("fileInputRef"), A = T("videoPlayerRef"), N = T("audioPlayerRef"), P = k([]), F = j(!1), I = j(!1), L = j(!1), R = j(!1), z = j(""), B = j(!1), V = j(), te = j(!0), ne = k(), re = j(!1), ie = y(() => re.value || w.value || B.value), oe = y(() => r[_.value]), H = y(() => {
+		}, i = t, o = n, l = ye(), { t: f } = De(), p = ne(), g = ce(), { type: _, pluginName: ee } = a(i), { plugin: C, isLoading: w } = Me(ee), { plugin: D } = Me("@camera.ui/camera-ui-nvr"), A = T("fileInputRef"), N = T("videoPlayerRef"), P = T("audioPlayerRef"), F = k([]), I = j(!1), L = j(!1), te = j(!1), R = j(!1), z = j(""), B = j(!1), V = j(), re = j(!0), ie = k(), ae = j(!1), oe = y(() => ae.value || w.value || B.value), se = y(() => r[_.value]), H = y(() => {
 			switch (_.value) {
 				case "objectDetection":
 				case "faceDetection":
+				case "faceRecognition":
 				case "licensePlateDetection":
 				case "classifierDetection":
 				case "clipDetection": return "image";
@@ -523,10 +618,10 @@ var Ge = {
 				case "audio": return J;
 				default: return 0;
 			}
-		}), ce = y(() => U.value.join(","));
-		async function le() {
+		}), le = y(() => U.value.join(","));
+		async function ue() {
 			if (C.value) {
-				re.value = !0;
+				ae.value = !0;
 				try {
 					let e;
 					switch (_.value) {
@@ -542,6 +637,9 @@ var Ge = {
 						case "faceDetection":
 							e = await C.value.faceDetectionSettings?.();
 							break;
+						case "faceRecognition":
+							e = await C.value.faceEmbeddingSettings?.();
+							break;
 						case "licensePlateDetection":
 							e = await C.value.licensePlateDetectionSettings?.();
 							break;
@@ -550,59 +648,59 @@ var Ge = {
 							break;
 						case "clipDetection": e = await C.value.clipSettings?.();
 					}
-					ne.value = e;
+					ie.value = e;
 				} catch (e) {
-					l.error("Failed to load interface schema:", e), ne.value = void 0;
+					l.error("Failed to load interface schema:", e), ie.value = void 0;
 				} finally {
-					re.value = !1;
+					ae.value = !1;
 				}
 			}
 		}
-		function ue(e) {
-			let t = P.value.findIndex((t) => t.name === e);
-			t > -1 && (P.value.splice(t, 1), pe(), z.value = "", H.value === "video" && A.value && (A.value.src = ""), V.value = void 0, o("update:file", null), o("update:metadata", null));
-		}
 		function de(e) {
-			if (F.value = !1, I.value = !1, R.value = !1, P.value = [], e.dataTransfer) {
-				if (e.dataTransfer.files.length > 1) I.value = !0;
+			let t = F.value.findIndex((t) => t.name === e);
+			t > -1 && (F.value.splice(t, 1), me(), z.value = "", H.value === "video" && N.value && (N.value.src = ""), V.value = void 0, o("update:file", null), o("update:metadata", null));
+		}
+		function fe(e) {
+			if (I.value = !1, L.value = !1, R.value = !1, F.value = [], e.dataTransfer) {
+				if (e.dataTransfer.files.length > 1) L.value = !0;
 				else {
 					let t = e.dataTransfer.files[0];
-					(U.value.length === 0 || U.value.includes(t.type)) && t.size <= W.value ? (P.value.push(t), u(() => {
-						me(t);
-					})) : t.size > W.value ? R.value = !0 : I.value = !0;
+					(U.value.length === 0 || U.value.includes(t.type)) && t.size <= W.value ? (F.value.push(t), u(() => {
+						he(t);
+					})) : t.size > W.value ? R.value = !0 : L.value = !0;
 				}
 			}
 		}
-		function fe(e) {
-			I.value = !1, R.value = !1, P.value = [];
+		function pe(e) {
+			L.value = !1, R.value = !1, F.value = [];
 			let t = e.target;
 			if (t && t.files) {
-				if (t.files?.length > 1) I.value = !0;
+				if (t.files?.length > 1) L.value = !0;
 				else if (t.files.length === 1) {
 					let e = t.files[0], n = U.value.length === 0 || U.value.includes(e.type);
-					e.size <= W.value && n ? (P.value.push(e), u(() => {
-						me(e);
-					})) : e.size > W.value ? R.value = !0 : I.value = !0;
+					e.size <= W.value && n ? (F.value.push(e), u(() => {
+						he(e);
+					})) : e.size > W.value ? R.value = !0 : L.value = !0;
 				}
 			}
 		}
-		function pe() {
-			D.value && (D.value.value = "");
+		function me() {
+			A.value && (A.value.value = "");
 		}
-		function me(e) {
+		function he(e) {
 			B.value = !0;
 			let t = URL.createObjectURL(e);
 			switch (H.value) {
 				case "image":
-					he(e, t);
+					ge(e, t);
 					break;
 				case "video":
-					ge(e, t);
+					_e(e, t);
 					break;
-				case "audio": _e(e, t);
+				case "audio": G(e, t);
 			}
 		}
-		function he(e, t) {
+		function ge(e, t) {
 			let n = new Image();
 			n.src = t, n.onload = () => {
 				z.value = n.src;
@@ -613,12 +711,12 @@ var Ge = {
 				V.value = t, o("update:metadata", t), o("update:file", e), B.value = !1;
 			};
 		}
-		function ge(e, t) {
-			A.value && (A.value.src = t, A.value.load(), A.value.onloadeddata = () => {
+		function _e(e, t) {
+			N.value && (N.value.src = t, N.value.load(), N.value.onloadeddata = () => {
 				o("update:file", e), B.value = !1;
 			});
 		}
-		function _e(e, t) {
+		function G(e, t) {
 			z.value = t;
 			let n = new Audio();
 			n.src = t, n.onloadedmetadata = () => {
@@ -626,17 +724,17 @@ var Ge = {
 				V.value = t, o("update:metadata", t), o("update:file", e), B.value = !1;
 			};
 		}
-		function G(e) {
+		function K(e) {
 			return e < 1024 ? e + " bytes" : e < 1048576 ? (e / 1024).toFixed(1) + " KB" : (e / 1048576).toFixed(1) + " MB";
 		}
-		function K(e, t) {
+		function ve(e, t) {
 			let n = 0, r = 0, i = 0;
 			for (let a = 0; a < e.length; a++) n += e[a] * t[a], r += e[a] * e[a], i += t[a] * t[a];
 			return r && i ? n / (Math.sqrt(r) * Math.sqrt(i)) : 0;
 		}
-		async function ve(e) {
-			if (!P.value.length) {
-				L.value = !0;
+		async function Ce(e) {
+			if (!F.value.length) {
+				te.value = !0;
 				return;
 			}
 			if (!C.value) {
@@ -645,7 +743,7 @@ var Ge = {
 			}
 			B.value = !0;
 			try {
-				let t = await P.value[0].arrayBuffer();
+				let t = await F.value[0].arrayBuffer();
 				if (_.value === "audioDetection") {
 					let n = await C.value.testAudioDetection?.(new Uint8Array(t), V.value, e);
 					if (!n) {
@@ -670,7 +768,7 @@ var Ge = {
 						l.warn("No motion detection interface available");
 						return;
 					}
-					g.openComponentDialog(Ft, { data: {
+					g.openComponentDialog(Yt, { data: {
 						title: f("components.dialog.title.result"),
 						hideConfirmButton: !0,
 						contentProps: { response: n }
@@ -681,7 +779,7 @@ var Ge = {
 						l.warn("No face detection interface available");
 						return;
 					}
-					g.openComponentDialog(zt, { data: {
+					g.openComponentDialog($t, { data: {
 						title: f("components.dialog.title.result"),
 						hideConfirmButton: !0,
 						contentProps: {
@@ -689,13 +787,44 @@ var Ge = {
 							response: n
 						}
 					} });
+				} else if (_.value === "faceRecognition") {
+					let n = await C.value.embedFaceImages?.([new Uint8Array(t)], e), r = n?.[0]?.embedding;
+					if (!r?.length) {
+						p.add({
+							severity: "info",
+							detail: f("components.face_recognition_interface.no_face"),
+							life: 3e3
+						});
+						return;
+					}
+					if (!D.value) {
+						p.add({
+							severity: "info",
+							detail: f("components.face_recognition_interface.needs_nvr"),
+							life: 3e3
+						});
+						return;
+					}
+					let i = n[0].embeddingModel;
+					g.openComponentDialog(Jt, { data: {
+						title: f("components.dialog.title.result"),
+						hideConfirmButton: !0,
+						contentProps: {
+							src: z,
+							embeddingModel: i,
+							dimensions: r.length,
+							landmarks: n[0].landmarks,
+							quality: n[0].quality,
+							onMatch: async (e) => (await D.value.matchFaces([r], i, e))?.[0] ?? void 0
+						}
+					} });
 				} else if (_.value === "licensePlateDetection") {
 					let n = await C.value.testLicensePlateDetection?.(new Uint8Array(t), V.value, e);
 					if (!n) {
 						l.warn("No license plate detection interface available");
 						return;
 					}
-					g.openComponentDialog(zt, { data: {
+					g.openComponentDialog($t, { data: {
 						title: f("components.dialog.title.result"),
 						hideConfirmButton: !0,
 						contentProps: {
@@ -709,7 +838,7 @@ var Ge = {
 						l.warn("No classifier detection interface available");
 						return;
 					}
-					g.openComponentDialog(zt, { data: {
+					g.openComponentDialog($t, { data: {
 						title: f("components.dialog.title.result"),
 						hideConfirmButton: !0,
 						contentProps: {
@@ -732,7 +861,7 @@ var Ge = {
 						return;
 					}
 					let r = n.embeddings[0].embedding;
-					g.openComponentDialog(Pt, { data: {
+					g.openComponentDialog(It, { data: {
 						title: f("components.dialog.title.result"),
 						hideConfirmButton: !0,
 						contentProps: {
@@ -740,7 +869,7 @@ var Ge = {
 							response: n,
 							onTextSearch: async (e) => {
 								let t = n.embeddingModel, i = C.value.getTextEmbeddings ? (await C.value.getTextEmbeddings(e))?.find((e) => e.embeddingModel === t) : void 0;
-								return i ??= await C.value.getTextEmbedding(e), !i?.embedding?.length || t && i.embeddingModel && i.embeddingModel !== t ? { score: 0 } : { score: K(r, i.embedding) };
+								return i ??= await C.value.getTextEmbedding(e), !i?.embedding?.length || t && i.embeddingModel && i.embeddingModel !== t ? { score: 0 } : { score: ve(r, i.embedding) };
 							}
 						}
 					} });
@@ -750,7 +879,7 @@ var Ge = {
 						l.warn("No object detection interface available");
 						return;
 					}
-					g.openComponentDialog(zt, { data: {
+					g.openComponentDialog($t, { data: {
 						title: f("components.dialog.title.result"),
 						hideConfirmButton: !0,
 						contentProps: {
@@ -770,45 +899,45 @@ var Ge = {
 			}
 		}
 		return x(C, (e) => {
-			e && le();
-		}, { immediate: !0 }), x(P, (e) => {
-			e.length > 0 ? (L.value = !1, te.value = !1) : (z.value = "", V.value = void 0, te.value = !0);
+			e && ue();
+		}, { immediate: !0 }), x(F, (e) => {
+			e.length > 0 ? (te.value = !1, re.value = !1) : (z.value = "", V.value = void 0, re.value = !0);
 		}, {
 			immediate: !0,
 			deep: !0
 		}), (t, n) => {
-			let r = ze, i = ke, a = Ie;
+			let r = Ve, i = je, a = Re;
 			return s(), S("div", null, [
 				E("div", {
 					class: "file-upload-box",
-					onDrop: n[1] ||= e((e) => de(e), ["prevent"]),
-					onDragover: n[2] ||= e((e) => F.value = !0, ["prevent"]),
-					onDragenter: n[3] ||= e((e) => F.value = !0, ["prevent"]),
-					onDragleave: n[4] ||= e((e) => F.value = !1, ["prevent"])
-				}, [v(P).length ? (s(), S("div", Gt, [v(H) === "image" ? (s(), S("div", Kt, [E("img", {
+					onDrop: n[1] ||= e((e) => fe(e), ["prevent"]),
+					onDragover: n[2] ||= e((e) => I.value = !0, ["prevent"]),
+					onDragenter: n[3] ||= e((e) => I.value = !0, ["prevent"]),
+					onDragleave: n[4] ||= e((e) => I.value = !1, ["prevent"])
+				}, [v(F).length ? (s(), S("div", on, [v(H) === "image" ? (s(), S("div", sn, [E("img", {
 					src: v(z),
 					alt: "Preview",
 					class: "w-full"
-				}, null, 8, qt)])) : v(H) === "video" ? (s(), S("div", Jt, [E("video", {
+				}, null, 8, cn)])) : v(H) === "video" ? (s(), S("div", ln, [E("video", {
 					ref_key: "videoPlayerRef",
-					ref: A,
+					ref: N,
 					controls: "",
 					class: "w-full"
-				}, "Your browser does not support the video tag.", 512)])) : v(H) === "audio" ? (s(), S("div", Yt, [E("audio", {
+				}, "Your browser does not support the video tag.", 512)])) : v(H) === "audio" ? (s(), S("div", un, [E("audio", {
 					ref_key: "audioPlayerRef",
-					ref: N,
+					ref: P,
 					controls: "",
 					class: "w-full"
 				}, [E("source", {
 					src: v(z),
-					type: v(P)[0].type
-				}, null, 8, Xt), n[5] ||= O(" Your browser does not support the audio element. ", -1)], 512)])) : h("", !0), E("div", Zt, [
+					type: v(F)[0].type
+				}, null, 8, dn), n[5] ||= O(" Your browser does not support the audio element. ", -1)], 512)])) : h("", !0), E("div", fn, [
 					M(i, {
 						text: "",
 						rounded: "",
 						severity: "danger",
 						class: "cui-icon-md shrink-0",
-						onClick: n[0] ||= e((e) => ue(v(P)[0].name), ["stop"])
+						onClick: n[0] ||= e((e) => de(v(F)[0].name), ["stop"])
 					}, {
 						icon: b(() => [M(r, {
 							width: "100%",
@@ -816,57 +945,57 @@ var Ge = {
 						})]),
 						_: 1
 					}),
-					E("b", Qt, c(v(P)[0].name), 1),
-					E("span", $t, "(" + c(G(v(P)[0].size)) + ")", 1)
-				])])) : (s(), S("div", Bt, [E("div", Vt, [
-					E("label", Ht, c(t.$t(`components.detection_interface.${v(oe)}`)), 1),
+					E("b", pn, c(v(F)[0].name), 1),
+					E("span", mn, "(" + c(K(v(F)[0].size)) + ")", 1)
+				])])) : (s(), S("div", en, [E("div", tn, [
+					E("label", nn, c(t.$t(`components.detection_interface.${v(se)}`)), 1),
 					E("input", {
 						id: "restoreInput",
 						ref_key: "fileInputRef",
-						ref: D,
+						ref: A,
 						type: "file",
 						class: "hidden",
-						accept: v(ce),
-						onChange: fe
-					}, null, 40, Ut),
-					v(I) ? (s(), S("p", Wt, c(t.$t(`components.detection_interface.only_one_${v(H)}_allowed`)), 1)) : h("", !0),
-					v(L) ? (s(), S("p", {
+						accept: v(le),
+						onChange: pe
+					}, null, 40, rn),
+					v(L) ? (s(), S("p", an, c(t.$t(`components.detection_interface.only_one_${v(H)}_allowed`)), 1)) : h("", !0),
+					v(te) ? (s(), S("p", {
 						key: 1,
-						class: d(["text-red-500 text-sm", { "mt-2": v(I) }])
+						class: d(["text-red-500 text-sm", { "mt-2": v(L) }])
 					}, c(t.$t(`components.detection_interface.${v(H)}_required`)), 3)) : h("", !0),
 					v(R) ? (s(), S("p", {
 						key: 2,
-						class: d(["text-red-500 text-sm", { "mt-2": v(I) || v(L) }])
+						class: d(["text-red-500 text-sm", { "mt-2": v(L) || v(te) }])
 					}, c(t.$t("components.detection_interface.file_size_error")), 3)) : h("", !0)
 				])]))], 32),
-				E("div", en, [E("span", null, "(" + c(v(W) / 1024 / 1024) + "MB, " + c(v(U).join(", ")) + ")", 1)]),
-				E("div", tn, [E("h3", nn, c(t.$t("components.detection_interface.interface_config")), 1), v(ne)?.length ? (s(), m(a, {
+				E("div", hn, [E("span", null, "(" + c(v(W) / 1024 / 1024) + "MB, " + c(v(U).join(", ")) + ")", 1)]),
+				E("div", gn, [E("h3", _n, c(t.$t("components.detection_interface.interface_config")), 1), v(ie)?.length ? (s(), m(a, {
 					key: 1,
 					"schema-form": {
-						schema: v(ne),
+						schema: v(ie),
 						config: {}
 					},
-					loading: v(ie),
+					loading: v(oe),
 					"save-button-label": t.$t("components.detection_interface.detect"),
-					"disable-button": v(te),
+					"disable-button": v(re),
 					"show-button": "",
-					onOnFormSubmit: ve
+					onOnFormSubmit: Ce
 				}, null, 8, [
 					"schema-form",
 					"loading",
 					"save-button-label",
 					"disable-button"
-				])) : (s(), S("div", rn, c(t.$t("components.detection_interface.no_interface_config")), 1))])
+				])) : (s(), S("div", vn, c(t.$t("components.detection_interface.no_interface_config")), 1))])
 			]);
 		};
 	}
-}), on = {
+}), bn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function sn(e, t) {
-	return s(), S("svg", on, [...t[0] ||= [E("path", {
+function xn(e, t) {
+	return s(), S("svg", bn, [...t[0] ||= [E("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -875,97 +1004,97 @@ function sn(e, t) {
 		d: "M2 10v3m4-7v11m4-14v18m4-13v7m4-10v13m4-8v3"
 	}, null, -1)]]);
 }
-var cn = p({
+var Sn = p({
 	name: "lucide-audio-lines",
-	render: sn
-}), ln = {
+	render: xn
+}), Cn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function un(e, t) {
-	return s(), S("svg", ln, [...t[0] ||= [E("path", {
+function wn(e, t) {
+	return s(), S("svg", Cn, [...t[0] ||= [E("path", {
 		fill: "currentColor",
 		d: "M2 7V4q0-.825.588-1.412T4 2h3v2H4v3zm5 15H4q-.825 0-1.412-.587T2 20v-3h2v3h3zm10 0v-2h3v-3h2v3q0 .825-.587 1.413T20 22zm3-15V4h-3V2h3q.825 0 1.413.588T22 4v3zm-7.913 1.913Q11.5 8.325 11.5 7.5t.588-1.412T13.5 5.5t1.413.588T15.5 7.5t-.587 1.413T13.5 9.5t-1.412-.587M12.8 18h-4l1-5.1l-1.8.7V17H6v-4.7l3.95-1.7q.875-.375 1.288-.487T12 10q.525 0 .975.275T13.7 11l1 1.6q.65 1.05 1.763 1.725T19 15v2q-1.65 0-3.088-.687T13.5 14.5z"
 	}, null, -1)]]);
 }
-var dn = p({
+var Tn = p({
 	name: "material-symbols-detection-and-zone",
-	render: un
-}), fn = {
+	render: wn
+}), En = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function pn(e, t) {
-	return s(), S("svg", fn, [...t[0] ||= [E("path", {
+function Dn(e, t) {
+	return s(), S("svg", En, [...t[0] ||= [E("path", {
 		fill: "currentColor",
 		d: "M8.113 13.888Q7.75 13.525 7.75 13t.363-.888T9 11.75t.888.363t.362.887t-.363.888T9 14.25t-.888-.363m6 0q-.362-.362-.362-.887t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362t-.888-.363M12 20q3.35 0 5.675-2.325T20 12q0-.6-.075-1.162T19.65 9.75q-.525.125-1.05.188T17.5 10q-2.275 0-4.3-.975T9.75 6.3q-.8 1.95-2.287 3.388T4 11.85V12q0 3.35 2.325 5.675T12 20m0 2q-2.075 0-3.9-.787t-3.175-2.138T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22"
 	}, null, -1)]]);
 }
-var mn = p({
+var On = p({
 	name: "material-symbols-face",
-	render: pn
-}), hn = {
+	render: Dn
+}), kn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function gn(e, t) {
-	return s(), S("svg", hn, [...t[0] ||= [E("path", {
+function An(e, t) {
+	return s(), S("svg", kn, [...t[0] ||= [E("path", {
 		fill: "currentColor",
 		d: "M8 17q-.425 0-.712-.288T7 16t.288-.712T8 15h5q-.35-.425-.562-.925T12.1 13H10q-.425 0-.712-.288T9 12t.288-.712T10 11h2.1q.125-.575.338-1.075T13 9H4q-.425 0-.712-.288T3 8t.288-.712T4 7h13q2.075 0 3.538 1.463T22 12t-1.463 3.538T17 17zm9-2q1.25 0 2.125-.875T20 12t-.875-2.125T17 9t-2.125.875T14 12t.875 2.125T17 15M3 13q-.425 0-.712-.288T2 12t.288-.712T3 11h4q.425 0 .713.288T8 12t-.288.713T7 13zm1 4q-.425 0-.712-.288T3 16t.288-.712T4 15h1q.425 0 .713.288T6 16t-.288.713T5 17z"
 	}, null, -1)]]);
 }
-var _n = p({
+var jn = p({
 	name: "material-symbols-motion-blur-rounded",
-	render: gn
-}), vn = {
+	render: An
+}), Mn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function yn(e, t) {
-	return s(), S("svg", vn, [...t[0] ||= [E("path", {
+function Nn(e, t) {
+	return s(), S("svg", Mn, [...t[0] ||= [E("path", {
 		fill: "currentColor",
 		"fill-rule": "evenodd",
 		d: "M15.586 2.758a2 2 0 0 1 2.828 0l2.829 2.828a2 2 0 0 1 0 2.829l-2.829 2.828a2 2 0 0 1-2.828 0l-2.829-2.828a2 2 0 0 1 0-2.829zM9 3a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm12 12a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2zM9 13a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2z",
 		"clip-rule": "evenodd"
 	}, null, -1)]]);
 }
-var bn = p({
+var Pn = p({
 	name: "mingcute-classify-2-fill",
-	render: yn
-}), xn = {
+	render: Nn
+}), Fn = {
 	viewBox: "0 0 256 256",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Sn(e, t) {
-	return s(), S("svg", xn, [...t[0] ||= [E("path", {
+function In(e, t) {
+	return s(), S("svg", Fn, [...t[0] ||= [E("path", {
 		fill: "currentColor",
 		d: "M200 156c0 6.5-7.33 12-16 12s-16-5.5-16-12s7.33-12 16-12s16 5.5 16 12m32-100v144a16 16 0 0 1-16 16H40a16 16 0 0 1-16-16V56a16 16 0 0 1 16-16h176a16 16 0 0 1 16 16m-88.63 116.88l-44-104a8 8 0 0 0-14.74 0l-44 104a8 8 0 0 0 14.74 6.24L66.84 152h50.32l11.47 27.12a8 8 0 0 0 14.74-6.24M216 124c0-15.44-14.36-28-32-28a34.86 34.86 0 0 0-20.78 6.68a8 8 0 0 0 9.56 12.83A18.84 18.84 0 0 1 184 112c8.56 0 15.8 5.36 16 11.76v8a35.24 35.24 0 0 0-16-3.76c-17.64 0-32 12.56-32 28s14.36 28 32 28a35.1 35.1 0 0 0 16.93-4.26A8 8 0 0 0 216 176ZM73.61 136h36.78L92 92.53Z"
 	}, null, -1)]]);
 }
-var Cn = p({
+var Ln = p({
 	name: "ph-text-aa-fill",
-	render: Sn
-}), wn = {
+	render: In
+}), Rn = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Tn(e, t) {
-	return s(), S("svg", wn, [...t[0] ||= [E("g", { fill: "currentColor" }, [E("path", { d: "M12.75 3C12.75 2.58579 12.4142 2.25 12 2.25C11.5858 2.25 11.25 2.58579 11.25 3V5C11.25 5.41421 11.5858 5.75 12 5.75C12.4142 5.75 12.75 5.41421 12.75 5V3Z" }), E("path", {
+function zn(e, t) {
+	return s(), S("svg", Rn, [...t[0] ||= [E("g", { fill: "currentColor" }, [E("path", { d: "M12.75 3C12.75 2.58579 12.4142 2.25 12 2.25C11.5858 2.25 11.25 2.58579 11.25 3V5C11.25 5.41421 11.5858 5.75 12 5.75C12.4142 5.75 12.75 5.41421 12.75 5V3Z" }), E("path", {
 		"fill-rule": "evenodd",
 		d: "M22.75 12.0565C22.75 13.8943 22.75 15.3499 22.5969 16.4891C22.4392 17.6615 22.1071 18.6105 21.3588 19.3588C20.6104 20.1072 19.6614 20.4393 18.489 20.597C17.3498 20.7501 15.8942 20.7501 14.0565 20.7501H9.94348C8.10577 20.7501 6.65017 20.7501 5.51098 20.597C4.33856 20.4393 3.38961 20.1072 2.64124 19.3588C1.89288 18.6105 1.56076 17.6615 1.40314 16.4891C1.24997 15.3499 1.24999 13.8943 1.25 12.0565L1.25 11.7725C1.25002 11.5529 1.25011 11.3388 1.25053 11.1303C1.25132 10.7466 1.25327 10.3814 1.25806 10.034C1.27152 9.05873 1.30741 8.22316 1.40314 7.51116C1.56076 6.33873 1.89288 5.38978 2.64124 4.64142C3.38961 3.89306 4.33856 3.56094 5.51098 3.40331C6.22742 3.30699 7.069 3.27125 8.05206 3.25799C8.2173 3.25576 8.47469 3.25412 8.74859 3.25292C9.3014 3.2505 9.75 3.69873 9.75 4.25155V5.00008C9.75 6.24272 10.7574 7.25008 12 7.25008C13.2426 7.25008 14.25 6.24272 14.25 5.00008V4.25028C14.25 3.69796 14.698 3.24935 15.2503 3.25196C16.5391 3.25806 17.6086 3.28494 18.489 3.40331C19.6614 3.56094 20.6104 3.89306 21.3588 4.64142C22.1071 5.38978 22.4392 6.33873 22.5969 7.51116C22.75 8.65036 22.75 10.1059 22.75 11.9437V12.0565ZM8 9.75008C7.58579 9.75008 7.25 10.0859 7.25 10.5001C7.25 10.9143 7.58579 11.2501 8 11.2501H16C16.4142 11.2501 16.75 10.9143 16.75 10.5001C16.75 10.0859 16.4142 9.75008 16 9.75008H8ZM8 13.2501C7.58579 13.2501 7.25 13.5859 7.25 14.0001C7.25 14.4143 7.58579 14.7501 8 14.7501H13.5C13.9142 14.7501 14.25 14.4143 14.25 14.0001C14.25 13.5859 13.9142 13.2501 13.5 13.2501H8Z",
 		"clip-rule": "evenodd"
 	})], -1)]]);
 }
-var En = p({
+var Bn = p({
 	name: "solar-plate-bold",
-	render: Tn
-}), Dn = /* @__PURE__ */ A({
+	render: zn
+}), Vn = /* @__PURE__ */ A({
 	__name: "PluginSchema",
 	props: {
 		schemaConfig: {},
@@ -976,7 +1105,7 @@ var En = p({
 		pluginId: {}
 	},
 	setup(e, { expose: t }) {
-		let n = e, r = se(), o = i("dialogRef"), c = i("dialogRefProps"), { schemaConfig: l, pluginName: u, cameraId: d, buttonKey: f, sensorId: p, pluginId: h } = a(n), g = je(u), _ = Me(d, u), ee = Q(p, h), b = j({
+		let n = e, r = ne(), o = i("dialogRef"), c = i("dialogRefProps"), { schemaConfig: l, pluginName: u, cameraId: d, buttonKey: f, sensorId: p, pluginId: h } = a(n), g = Ne(u), _ = Pe(d, u), ee = Q(p, h), b = j({
 			schema: [],
 			config: {}
 		}), S = y(() => d.value && p.value ? "sensor" : d.value ? "camera" : "plugin"), C = y(() => {
@@ -995,7 +1124,7 @@ var En = p({
 				...e
 			}, n = await C.value.submitValue(f.value, t);
 			if (n?.toast) {
-				let e = U(n.toast.type);
+				let e = se(n.toast.type);
 				r.add({
 					severity: e,
 					detail: n.toast.message,
@@ -1010,7 +1139,7 @@ var En = p({
 			deep: !0,
 			immediate: !0
 		}), t({ isLoading: w }), (e, t) => {
-			let n = Ie;
+			let n = Re;
 			return s(), m(n, {
 				"schema-form": v(b),
 				loading: v(w),
@@ -1020,40 +1149,40 @@ var En = p({
 			}, null, 8, ["schema-form", "loading"]);
 		};
 	}
-}), On = { class: "font-semibold text-xl truncate" }, kn = { class: "lg:col-span-2 order-1 !h-[220px]" }, An = { class: "flex w-full h-full items-center justify-center" }, jn = { class: "lg:col-span-1 lg:row-span-3 order-2" }, Mn = { class: "lg:!hidden card-title" }, Nn = {
+}), Hn = { class: "font-semibold text-xl truncate" }, Un = { class: "lg:col-span-2 order-1 !h-[220px]" }, Wn = { class: "flex w-full h-full items-center justify-center" }, Gn = { class: "lg:col-span-1 lg:row-span-3 order-2" }, Kn = { class: "lg:!hidden card-title" }, qn = {
 	key: 0,
 	class: "w-full h-full flex items-center justify-center"
-}, Pn = { key: 1 }, Fn = { class: "hidden lg:block text-base font-semibold border-b-[1px] border-color mb-3 pb-3" }, In = {
+}, Jn = { key: 1 }, Yn = { class: "hidden lg:block text-base font-semibold border-b-[1px] border-color mb-3 pb-3" }, Xn = {
 	key: 0,
 	class: "flex items-center justify-center w-full h-full text-muted text-sm"
-}, Ln = ["onClick"], Rn = {
+}, Zn = ["onClick"], Qn = {
 	key: 0,
 	class: "w-full h-full"
-}, zn = {
+}, $n = {
 	key: 0,
 	class: "flex flex-col items-center justify-center w-full h-full text-muted text-sm gap-3 text-center"
-}, Bn = {
+}, er = {
 	key: 2,
 	class: "flex items-center justify-center w-full h-full text-muted text-sm"
-}, Vn = {
-	key: 9,
+}, tr = {
+	key: 10,
 	class: "w-full h-full"
-}, Hn = {
+}, nr = {
 	key: 0,
 	class: "flex items-center justify-center w-full h-full text-muted text-sm"
-}, Un = {
+}, rr = {
 	key: 1,
 	class: "flex items-center justify-center gap-2 w-full h-full text-muted text-sm"
-}, Wn = /*#__PURE__*/ he(/* @__PURE__ */ A({
+}, ir = /*#__PURE__*/ z(/* @__PURE__ */ A({
 	__name: "Plugin",
 	setup(e) {
-		let t = new ie(), n = new Le(), i = ye(), a = ne(), u = _e(), p = se(), C = ae(), { lgBreakpoint: T } = B(), { t: O } = De(), k = j(u.params.scope), A = j(u.params.pluginname), N = y(() => k.value ? `${k.value}/${A.value}` : A.value), { contract: P, error: I } = Ae(N);
+		let t = new B(), n = new ze(), i = ye(), a = _e(), u = re(), p = ne(), C = ce(), { lgBreakpoint: T } = R(), { t: O } = De(), k = j(u.params.scope), A = j(u.params.pluginname), N = y(() => k.value ? `${k.value}/${A.value}` : A.value), { contract: P, error: I } = Me(N);
 		n.toggleQueryActivator("getPluginContractQuery", !1);
-		let { data: V, isBusy: W } = n.getPluginQuery(N), { data: ce, isBusy: de } = n.getPluginReadmeQuery(N), { data: he, isBusy: ge } = n.getPluginChangelogQuery(N), { data: G } = n.getPluginContractQuery(N), K = je(N), q = K.config, be = K.isLoading, { mutate: xe, isPending: Se } = t.activateCameraExtensionQuery(), { mutate: we, isPending: Te } = t.deactivateCameraExtensionQuery(), J = j("settings"), Z = j([]), Q = j([]), Me = j(Ce.UNKNOWN), Ne, Pe = y(() => !!P.value && X(P.value, Y.NVR)), $ = y(() => Me.value === Ce.READY || Me.value === Ce.STARTED), Fe = y(() => $.value ? Pe.value || q.value?.schema?.length ? !0 : be.value : !1);
-		function ze(e, t) {
+		let { data: z, isBusy: ae } = n.getPluginQuery(N), { data: U, isBusy: W } = n.getPluginReadmeQuery(N), { data: ue, isBusy: ge } = n.getPluginChangelogQuery(N), { data: G } = n.getPluginContractQuery(N), K = Ne(N), q = K.config, be = K.isLoading, { mutate: xe, isPending: Se } = t.activateCameraExtensionQuery(), { mutate: we, isPending: Te } = t.deactivateCameraExtensionQuery(), J = j("settings"), Z = j([]), Q = j([]), Pe = j(Ce.UNKNOWN), Fe, Ie = y(() => z.value?.contract?.role !== Oe.Service), Le = y(() => !!P.value && X(P.value, Y.NVR)), $ = y(() => Pe.value === Ce.READY || Pe.value === Ce.STARTED), Ve = y(() => $.value ? Le.value || q.value?.schema?.length ? !0 : be.value : !1);
+		function He(e, t) {
 			return e.pluginInfo?.name === t;
 		}
-		async function Be(e) {
+		async function Ge(e) {
 			try {
 				await K.setValue(e.key, void 0), p.add({
 					severity: "success",
@@ -1068,18 +1197,18 @@ var En = p({
 				});
 			}
 		}
-		async function Ue(e) {
+		async function qe(e) {
 			try {
 				let t = await K.submitValue(e.key, e.payload);
 				if (t?.toast) {
-					let e = U(t.toast.type);
+					let e = se(t.toast.type);
 					p.add({
 						severity: e,
 						detail: t.toast.message,
 						life: 3e3
 					});
 				}
-				t?.schema?.length && C.openComponentDialog(Dn, { data: {
+				t?.schema?.length && C.openComponentDialog(Vn, { data: {
 					title: O("components.dialog.title.config"),
 					hideConfirmButton: !0,
 					contentProps: {
@@ -1099,7 +1228,7 @@ var En = p({
 				});
 			}
 		}
-		async function Ge(e) {
+		async function Je(e) {
 			if (q.value?.schema.length) try {
 				let t = Ee(q.value.schema, e);
 				await K.setConfig(t), p.add({
@@ -1115,20 +1244,20 @@ var En = p({
 				});
 			}
 		}
-		async function Ke(e) {
-			V.value && V.value.contract && (Q.value.includes(e.name) ? we({
+		async function Ye(e) {
+			z.value && z.value.contract && (Q.value.includes(e.name) ? we({
 				cameraname: e.name,
-				pluginname: V.value.pluginName
+				pluginname: z.value.pluginName
 			}, { onSuccess: () => {
 				Q.value = Q.value.filter((t) => t !== e.name);
 			} }) : xe({
 				cameraname: e.name,
-				pluginname: V.value.pluginName
+				pluginname: z.value.pluginName
 			}, { onSuccess: () => {
 				Q.value = [...Q.value, e.name];
 			} }));
 		}
-		return x(V, (e) => {
+		return x(z, (e) => {
 			if (!e || e.disabled) {
 				let e = Z.value.some((e) => e.name === "settings"), t = Z.value.some((e) => e.name === "cameras");
 				e ? J.value = "settings" : t && (J.value = "cameras");
@@ -1138,12 +1267,12 @@ var En = p({
 		}, {
 			deep: !0,
 			immediate: !0
-		}), x([V, K.isConnected], async ([e, t]) => {
+		}), x([z, K.isConnected], async ([e, t]) => {
 			e && !e.disabled && t && await K.getConfig();
 		}, { immediate: !0 }), x(N, (e) => {
-			Ne?.stop(), e && (Ne = g(), Ne.run(() => {
-				let t = Ve(e);
-				t.connect(), x(t.status, (e) => Me.value = e, { immediate: !0 });
+			Fe?.stop(), e && (Fe = g(), Fe.run(() => {
+				let t = Ue(e);
+				t.connect(), x(t.status, (e) => Pe.value = e, { immediate: !0 });
 			}));
 		}, { immediate: !0 }), x(q, () => {
 			q.value ? n.toggleQueryActivator("getPluginContractQuery", !0) : n.toggleQueryActivator("getPluginContractQuery", !1);
@@ -1154,68 +1283,74 @@ var En = p({
 			G,
 			q,
 			P,
-			Fe,
-			$
+			Ve,
+			$,
+			Ie
 		], () => {
 			let e = [], t = !1;
-			Fe.value && e.push({
+			Ve.value && e.push({
 				name: "settings",
-				icon: R,
+				icon: ie,
 				isInterface: !1,
 				tooltip: O("views.plugin.settings_tab_tooltip")
 			}), $.value && P.value && X(P.value, Y.MotionDetection) && (t = !0, e.push({
 				name: "motion_detection",
-				icon: _n,
+				icon: jn,
 				isInterface: !0,
 				tooltip: O("views.plugin.motion_detection_tab_tooltip")
 			})), $.value && P.value && X(P.value, Y.ObjectDetection) && (t = !0, e.push({
 				name: "object_detection",
-				icon: dn,
+				icon: Tn,
 				isInterface: !0,
 				tooltip: O("views.plugin.object_detection_tab_tooltip")
 			})), $.value && P.value && X(P.value, Y.AudioDetection) && (t = !0, e.push({
 				name: "audio_detection",
-				icon: cn,
+				icon: Sn,
 				isInterface: !0,
 				tooltip: O("views.plugin.audio_detection_tab_tooltip")
 			})), $.value && P.value && X(P.value, Y.FaceDetection) && (t = !0, e.push({
 				name: "face_detection",
-				icon: mn,
+				icon: On,
 				isInterface: !0,
 				tooltip: O("views.plugin.face_detection_tab_tooltip")
+			})), $.value && P.value && X(P.value, Y.FaceEmbedding) && (t = !0, e.push({
+				name: "face_recognition",
+				icon: Ae,
+				isInterface: !0,
+				tooltip: O("views.plugin.face_recognition_tab_tooltip")
 			})), $.value && P.value && X(P.value, Y.LicensePlateDetection) && (t = !0, e.push({
 				name: "license_plate_detection",
-				icon: En,
+				icon: Bn,
 				isInterface: !0,
 				tooltip: O("views.plugin.license_plate_detection_tab_tooltip")
 			})), $.value && P.value && X(P.value, Y.ClassifierDetection) && (t = !0, e.push({
 				name: "classifier_detection",
-				icon: bn,
+				icon: Pn,
 				isInterface: !0,
 				tooltip: O("views.plugin.classifier_detection_tab_tooltip")
 			})), $.value && P.value && X(P.value, Y.ClipDetection) && (t = !0, e.push({
 				name: "clip_detection",
-				icon: Cn,
+				icon: Ln,
 				isInterface: !0,
 				tooltip: O("views.plugin.clip_detection_tab_tooltip")
 			})), $.value && P.value && X(P.value, Y.Notifier) && (t = !0, e.push({
 				name: "notification",
-				icon: re,
+				icon: V,
 				isInterface: !0,
 				tooltip: O("views.plugin.notification_tab_tooltip")
-			})), e.push({
+			})), Ie.value && e.push({
 				name: "cameras",
-				icon: oe,
+				icon: pe,
 				isInterface: !1,
 				tooltip: O("views.plugin.cameras_tab_tooltip")
-			}), G.value?.cameras.length && (Q.value = G.value.cameras.filter((e) => e.plugins?.some((e) => e.name === N.value)).map((e) => e.name)), Z.value = [...e], V.value?.disabled || (Fe.value ? J.value = "settings" : t ? J.value = Z.value.filter((e) => e.isInterface)[0].name : J.value = "cameras");
+			}), G.value?.cameras.length && (Q.value = G.value.cameras.filter((e) => e.plugins?.some((e) => e.name === N.value)).map((e) => e.name)), Z.value = [...e], z.value?.disabled || (Ve.value ? J.value = "settings" : t ? J.value = Z.value.filter((e) => e.isInterface)[0].name : Ie.value && (J.value = "cameras"));
 		}, {
 			deep: !0,
 			immediate: !0
 		}), x(I, (e) => {
-			e && V.value && !V.value.disabled && i.error("Error connecting to plugin:", e);
-		}), r(() => Ne?.stop()), (e, t) => {
-			let n = We, r = ke, i = L, u = te, p = ve, g = He, y = H, x = me, C = Oe, O = Ie, k = an, A = Tt, j = Re, P = le, I = z, R = fe, B = pe, ne = ue, re = Ze, ie = F;
+			e && z.value && !z.value.disabled && i.error("Error connecting to plugin:", e);
+		}), r(() => Fe?.stop()), (e, t) => {
+			let n = Ke, r = je, i = fe, u = he, p = ve, g = We, y = L, x = oe, C = ke, O = Re, k = yn, A = Dt, j = Be, P = te, I = le, R = me, B = H, V = de, ne = $e, re = F;
 			return s(), S("div", { key: v(N) }, [
 				M(i, { position: "left" }, {
 					default: b(() => [M(r, {
@@ -1230,29 +1365,29 @@ var En = p({
 					_: 1
 				}),
 				M(i, { position: "center" }, {
-					default: b(() => [E("span", On, c(e.$t("views.plugin.title")), 1)]),
+					default: b(() => [E("span", Hn, c(e.$t("views.plugin.title")), 1)]),
 					_: 1
 				}),
 				E("div", { class: d(["grid grid-auto grid-cols-1 lg:grid-cols-3 gap-6 lg:h-full", { "!gap-2": v(T) }]) }, [
-					E("div", kn, [v(V) ? (s(), m(g, {
-						key: v(V).pluginName,
-						plugin: v(V),
+					E("div", Un, [v(z) ? (s(), m(g, {
+						key: v(z).pluginName,
+						plugin: v(z),
 						class: "h-[220px]"
 					}, null, 8, ["plugin"])) : (s(), m(p, {
 						key: 0,
 						class: "cui-card items-center justify-center !h-[220px]"
 					}, {
-						content: b(() => [E("div", An, [M(u, {
+						content: b(() => [E("div", Wn, [M(u, {
 							class: "w-[30px] h-[30px] m-0",
 							"stroke-width": "5"
 						})])]),
 						_: 1
 					}))]),
-					E("div", jn, [E("span", Mn, c(e.$t("views.plugin.settings")), 1), M(p, { class: d(["cui-card !h-auto lg:!h-full", { "items-center justify-center": v(W) || v(be) }]) }, {
-						content: b(() => [v(W) || v(be) ? (s(), S("div", Nn, [M(u, {
+					E("div", Gn, [E("span", Kn, c(e.$t("views.plugin.settings")), 1), M(p, { class: d(["cui-card !h-auto lg:!h-full", { "items-center justify-center": v(ae) || v(be) }]) }, {
+						content: b(() => [v(ae) || v(be) ? (s(), S("div", qn, [M(u, {
 							class: "w-[30px] h-[30px] m-0",
 							"stroke-width": "5"
-						})])) : (s(), S("div", Pn, [E("h3", Fn, c(e.$t("views.plugin.settings")), 1), v(V)?.disabled ? (s(), S("div", In, [E("span", null, c(e.$t("views.plugin.disabled_info")), 1)])) : (s(), m(ne, {
+						})])) : (s(), S("div", Jn, [E("h3", Yn, c(e.$t("views.plugin.settings")), 1), v(z)?.disabled ? (s(), S("div", Xn, [E("span", null, c(e.$t("views.plugin.disabled_info")), 1)])) : (s(), m(V, {
 							key: 1,
 							value: v(J),
 							"onUpdate:value": t[2] ||= (e) => ee(J) ? J.value = e : null,
@@ -1267,14 +1402,14 @@ var En = p({
 							}, {
 								default: b(() => [(s(!0), S(w, null, o(v(Z), (e, t) => (s(), m(y, {
 									key: t,
-									disabled: e.isInterface && v(V)?.disabled,
+									disabled: e.isInterface && v(z)?.disabled,
 									value: e.name,
 									"as-child": ""
 								}, {
 									default: b((t) => [D((s(), S("div", l({ ref_for: !0 }, t.a11yAttrs, {
 										class: ["flex flex-col items-center justify-center flex-1 content-background !py-3 h-[55px]", [{ "hover:!text-color active:!text-color focus:!text-color": !t.active }, t.class]],
 										onClick: t.onClick
-									}), [(s(), m(f(e.icon), { class: "w-5 h-5" }))], 16, Ln)), [[ie, { value: e.tooltip }]])]),
+									}), [(s(), m(f(e.icon), { class: "w-5 h-5" }))], 16, Zn)), [[re, { value: e.tooltip }]])]),
 									_: 2
 								}, 1032, ["disabled", "value"]))), 128))]),
 								_: 1
@@ -1287,7 +1422,7 @@ var En = p({
 									default: b((i) => [i.active ? (s(), S("div", l({
 										key: 0,
 										class: i.class
-									}, { ref_for: !0 }, i.a11yAttrs), [n.name === "settings" ? (s(), S("div", Rn, [v(Pe) ? (s(), S("div", zn, [E("span", null, c(e.$t("views.plugin.nvr_settings_hint")), 1), M(r, {
+									}, { ref_for: !0 }, i.a11yAttrs), [n.name === "settings" ? (s(), S("div", Qn, [v(Le) ? (s(), S("div", $n, [E("span", null, c(e.$t("views.plugin.nvr_settings_hint")), 1), M(r, {
 										class: "cui-button-medium whitespace-nowrap",
 										label: e.$t("views.plugin.nvr_settings_button"),
 										onClick: t[1] ||= (t) => e.$router.push("/settings/recordings")
@@ -1302,10 +1437,10 @@ var En = p({
 										},
 										loading: v(K).isLoading.value,
 										"save-button-color": "success",
-										onOnAction: Be,
-										onOnSubmit: Ue,
-										onOnFormSubmit: Ge
-									}, null, 8, ["schema-form", "loading"])) : (s(), S("div", Bn, [E("span", null, c(e.$t("views.plugin.no_settings")), 1)]))])) : n.name === "motion_detection" ? (s(), m(k, {
+										onOnAction: Ge,
+										onOnSubmit: qe,
+										onOnFormSubmit: Je
+									}, null, 8, ["schema-form", "loading"])) : (s(), S("div", er, [E("span", null, c(e.$t("views.plugin.no_settings")), 1)]))])) : n.name === "motion_detection" ? (s(), m(k, {
 										key: 1,
 										"plugin-name": v(N),
 										type: "motionDetection"
@@ -1321,22 +1456,26 @@ var En = p({
 										key: 4,
 										"plugin-name": v(N),
 										type: "faceDetection"
-									}, null, 8, ["plugin-name"])) : n.name === "license_plate_detection" ? (s(), m(k, {
+									}, null, 8, ["plugin-name"])) : n.name === "face_recognition" ? (s(), m(k, {
 										key: 5,
 										"plugin-name": v(N),
+										type: "faceRecognition"
+									}, null, 8, ["plugin-name"])) : n.name === "license_plate_detection" ? (s(), m(k, {
+										key: 6,
+										"plugin-name": v(N),
 										type: "licensePlateDetection"
 									}, null, 8, ["plugin-name"])) : n.name === "classifier_detection" ? (s(), m(k, {
-										key: 6,
+										key: 7,
 										"plugin-name": v(N),
 										type: "classifierDetection"
 									}, null, 8, ["plugin-name"])) : n.name === "clip_detection" ? (s(), m(k, {
-										key: 7,
+										key: 8,
 										"plugin-name": v(N),
 										type: "clipDetection"
 									}, null, 8, ["plugin-name"])) : n.name === "notification" ? (s(), m(A, {
-										key: 8,
+										key: 9,
 										"plugin-name": v(N)
-									}, null, 8, ["plugin-name"])) : n.name === "cameras" ? (s(), S("div", Vn, [v(G)?.cameras?.length ? v($) ? (s(!0), S(w, { key: 2 }, o(v(G).cameras, (e) => (s(), S("div", {
+									}, null, 8, ["plugin-name"])) : n.name === "cameras" ? (s(), S("div", tr, [v(G)?.cameras?.length ? v($) ? (s(!0), S(w, { key: 2 }, o(v(G).cameras, (e) => (s(), S("div", {
 										key: e.name,
 										class: "cui-list-item"
 									}, [M(I, {
@@ -1347,12 +1486,12 @@ var En = p({
 									}, _({
 										default: b(() => [E("span", null, c(e.name), 1)]),
 										_: 2
-									}, [!v(V) || !ze(e, v(V).pluginName) ? {
+									}, [!v(z) || !He(e, v(z).pluginName) ? {
 										name: "append",
 										fn: b(() => [M(P, {
 											"model-value": v(Q).includes(e.name),
 											disabled: v(Se) || v(Te) || v(K).isLoading.value || !v($),
-											"onUpdate:modelValue": () => Ke(e)
+											"onUpdate:modelValue": () => Ye(e)
 										}, null, 8, [
 											"model-value",
 											"disabled",
@@ -1363,7 +1502,7 @@ var En = p({
 										"disabled",
 										"active",
 										"onClick"
-									])]))), 128)) : (s(), S("div", Un, [M(j, { class: "w-4 h-4 flex-shrink-0" }), E("span", null, c(e.$t("views.plugin.assignment_requires_running")), 1)])) : (s(), S("div", Hn, [E("span", null, c(e.$t("views.plugin.no_cameras")), 1)]))])) : h("", !0)], 16)) : h("", !0)]),
+									])]))), 128)) : (s(), S("div", rr, [M(j, { class: "w-4 h-4 flex-shrink-0" }), E("span", null, c(e.$t("views.plugin.assignment_requires_running")), 1)])) : (s(), S("div", nr, [E("span", null, c(e.$t("views.plugin.no_cameras")), 1)]))])) : h("", !0)], 16)) : h("", !0)]),
 									_: 2
 								}, 1032, ["value"]))), 128))]),
 								_: 1
@@ -1372,23 +1511,23 @@ var En = p({
 						}, 8, ["value"]))]))]),
 						_: 1
 					}, 8, ["class"])]),
-					M(re, {
+					M(ne, {
 						class: "lg:col-span-2 order-3",
 						title: e.$t("views.plugin.readme"),
 						placeholder: e.$t("views.plugin.no_readme"),
-						content: v(ce),
-						loading: v(de)
+						content: v(U),
+						loading: v(W)
 					}, null, 8, [
 						"title",
 						"placeholder",
 						"content",
 						"loading"
 					]),
-					M(re, {
+					M(ne, {
 						class: "lg:col-span-2 order-4",
 						title: e.$t("views.plugin.changelog"),
 						placeholder: e.$t("views.plugin.no_changelog"),
-						content: v(he),
+						content: v(ue),
 						loading: v(ge)
 					}, null, 8, [
 						"title",
@@ -1400,6 +1539,6 @@ var En = p({
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-2ecf2010"]]);
+}), [["__scopeId", "data-v-3ee212b0"]]);
 //#endregion
-export { Wn as default };
+export { ir as default };