@camera.ui/server 2.2.7 → 2.3.0

package/dist/interface/ha/Plugin-D7XwcXkW.js

@@ -0,0 +1,1752 @@
+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 te, v as D, wt as O, x as k, xt as A, y as j, yt as M, z as N } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { t as ne } from "./tooltip-BDrlgLof.js";
+import { t as P } from "./tag-mchuCAPR.js";
+import { $t as F, Ar as I, Bt as re, Ei as ie, Gr as L, Jn as R, On as ae, Or as z, Pr as B, Qt as V, Rt as oe, Vn as se, Zt as ce, cn as le, di as ue, ei as H, et as de, f as U, g as W, hn as fe, it as G, kn as pe, ni as me, q as he, qn as K, rn as ge, sn as _e, ut as ve, xn as ye, yr as be, zn as xe, zt as Se } from "./api-CH_Y8Hee.js";
+import { A as Ce, b as q, i as we, o as Te } from "./intercomService-BtJ_zUNd.js";
+import { B as J, I as Y, L as Ee, R as De, V as Oe, q as ke, r as Ae, s as je, z as X } from "./pinia-CVnHHb-s.js";
+import { n as Me } from "./vue-i18n-D5EAy78K.js";
+import { O as Z, T as Q, k as Ne, w as Pe } from "./dist-euRmladF.js";
+import { a as Fe } from "./alert-outline-FcLLjoOK.js";
+import { S as Ie, r as Le } from "./eventLabels-B5GrM5jO.js";
+import { t as $ } from "./button-BouAFgf5.js";
+import { M as Re, N as ze, P as Be, b as Ve } from "./dist-BQf9ANPx.js";
+import { t as He } from "./inputtext-C_ygnPrC.js";
+import { t as Ue } from "./select-DV7p2EDj.js";
+import { t as We } from "./multiselect-BOb4ScAZ.js";
+import { t as Ge } from "./textarea-ByXnzJzx.js";
+import { t as Ke } from "./CuiSchema-CYpr_dD7.js";
+import { t as qe } from "./plugins--eatOIaI.js";
+import { t as Je } from "./information-outline-DSSRyysT.js";
+import { t as Ye } from "./close-circle-DfYSNAKm.js";
+import { t as Xe } from "./CuiMarkdownContent-CrkZwv5j.js";
+import { r as Ze, t as Qe } from "./CuiPluginCard-B4SCUblV.js";
+import { n as $e, t as et } from "./walk-CsSXaeJw.js";
+import { u as tt } from "./cards-E0zw1UVg.js";
+import { t as nt } from "./back-filled-CaxrZv0Q.js";
+//#region src/components/CuiMarkdownPanel/types.ts
+var rt = {
+	content: null,
+	loading: !1,
+	collapsedHeight: 420
+}, it = { class: "lg:!hidden card-title" }, at = {
+	ref: "frame",
+	class: "flex flex-col h-full"
+}, ot = { class: "flex items-center gap-3 border-color lg:border-b-[1px] lg:mb-3 lg:pb-3" }, st = { class: "hidden lg:block text-base font-semibold" }, ct = {
+	key: 0,
+	class: "flex w-full h-full items-center justify-center"
+}, lt = /* @__PURE__ */ k({
+	__name: "CuiMarkdownPanel",
+	props: /*@__PURE__*/ n({
+		title: {},
+		placeholder: {},
+		content: {},
+		loading: { type: Boolean },
+		collapsedHeight: {}
+	}, rt),
+	setup(e) {
+		let t = e, n = T("frame"), r = T("body"), i = A(!1), a = A(!1), o = A(t.collapsedHeight), l = y(() => !t.loading && (i.value || a.value));
+		function d() {
+			let e = n.value, i = r.value;
+			if (!e || !i) return;
+			let a = Math.round(e.getBoundingClientRect().bottom - i.getBoundingClientRect().top), s = Math.max(t.collapsedHeight, a);
+			Math.abs(s - o.value) > 2 && (o.value = s);
+		}
+		function f() {
+			if (i.value) return;
+			d();
+			let e = r.value;
+			a.value = !!e && e.scrollHeight > e.clientHeight + 1;
+		}
+		return q(r, "load", f, { capture: !0 }), Ce(n, f), Ce(r, f), x([() => t.content, () => t.loading], () => u(f)), N(() => u(f)), (t, n) => {
+			let r = _e, a = le, u = $, d = z, f = Xe, p = we, g = ne;
+			return s(), S("div", null, [E("span", it, c(e.title), 1), j(p, { class: "cui-card !h-auto lg:!h-full" }, {
+				content: b(() => [E("div", at, [E("div", ot, [E("h3", st, c(e.title), 1), v(l) ? te((s(), m(u, {
+					key: 0,
+					severity: "secondary",
+					text: "",
+					class: "cui-button ml-auto p-1",
+					onClick: n[0] ||= (e) => i.value = !v(i)
+				}, {
+					icon: b(() => [v(i) ? (s(), m(r, {
+						key: 0,
+						class: "w-[18px] h-[18px]"
+					})) : (s(), m(a, {
+						key: 1,
+						class: "w-[18px] h-[18px]"
+					}))]),
+					_: 1
+				})), [[
+					g,
+					{ 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", ct, [j(d, {
+					class: "w-[30px] h-[30px] m-0",
+					"stroke-width": "5"
+				})])) : (s(), S("div", {
+					key: 1,
+					ref: "body",
+					class: "overflow-y-auto",
+					style: C(v(i) ? void 0 : { maxHeight: `${v(o)}px` })
+				}, [j(f, { content: e.content || e.placeholder }, null, 8, ["content"])], 4))], 512)]),
+				_: 1
+			})]);
+		};
+	}
+}), ut = { class: "text-base font-semibold border-b-[1px] border-color mb-3 pb-3" }, dt = { class: "flex flex-col gap-4" }, ft = { class: "flex flex-col field-gap" }, pt = { class: "cui-label" }, mt = {
+	key: 0,
+	class: "text-red-500 text-sm"
+}, ht = { class: "flex flex-col field-gap" }, gt = { class: "cui-label" }, _t = { class: "flex flex-col field-gap" }, vt = { class: "cui-label" }, yt = { class: "flex flex-col field-gap" }, bt = { class: "cui-label" }, xt = { class: "flex flex-col field-gap" }, St = { class: "cui-label" }, Ct = { class: "flex flex-col field-gap" }, wt = { class: "cui-label" }, Tt = { class: "flex flex-col field-gap" }, Et = { class: "cui-label" }, Dt = { class: "flex flex-col field-gap" }, Ot = { class: "cui-label" }, kt = { class: "mt-8" }, At = { class: "text-base font-semibold border-b-[1px] border-color mb-3 pb-3" }, jt = {
+	key: 0,
+	class: "flex items-center justify-center w-full py-4"
+}, Mt = {
+	key: 1,
+	class: "flex items-center justify-center text-sm text-muted py-4 text-center"
+}, Nt = {
+	key: 2,
+	class: "flex flex-col field-gap"
+}, Pt = { class: "text-xs text-muted" }, Ft = {
+	key: 0,
+	class: "mt-8"
+}, It = { class: "text-base font-semibold border-b-[1px] border-color mb-3 pb-3" }, Lt = /* @__PURE__ */ k({
+	__name: "CuiNotificationInterface",
+	props: { pluginName: {} },
+	setup(e) {
+		let t = e, n = Te(), { t: r } = Me(), i = ie(), l = W(), { user: u } = Ae(l), { pluginName: d } = a(t), { plugin: f } = Re(d), p = y(() => Object.values(Pe).map((e) => ({
+			label: r(`components.notification_interface.severity_${e}`),
+			value: e
+		}))), m = M({
+			title: "Test notification",
+			subtitle: "",
+			body: "This is a test notification from camera.ui",
+			severity: Pe.Info,
+			tag: "",
+			imageUrl: "",
+			deepLink: ""
+		}), g = A([]), _ = A(!1), C = A(!1), T = O([]), te = A(!1), D = A([]), k = O(), N = A(!1), ne = y(() => T.value.map((e) => ({
+			id: e.id,
+			label: e.name
+		})));
+		async function P() {
+			if (f.value && u.value?._id) {
+				te.value = !0;
+				try {
+					let e = be(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 = [];
+				} finally {
+					te.value = !1;
+				}
+			}
+		}
+		async function F() {
+			if (f.value) {
+				N.value = !0;
+				try {
+					k.value = await f.value.notificationSettings?.();
+				} catch (e) {
+					n.error("Failed to load notification settings schema:", e), k.value = void 0;
+				} finally {
+					N.value = !1;
+				}
+			}
+		}
+		function I() {
+			g.value.push({
+				key: "",
+				value: ""
+			});
+		}
+		function re(e) {
+			g.value.splice(e, 1);
+		}
+		function L() {
+			let e = {};
+			for (let t of g.value) t.key.trim() && (e[t.key.trim()] = t.value);
+			return {
+				title: m.title.trim(),
+				subtitle: m.subtitle.trim() || void 0,
+				body: m.body.trim() || void 0,
+				severity: m.severity,
+				tag: m.tag.trim() || void 0,
+				imageUrl: m.imageUrl.trim() || void 0,
+				deepLink: m.deepLink.trim() || void 0,
+				data: Object.keys(e).length ? e : void 0
+			};
+		}
+		async function R() {
+			let e = f.value;
+			if (e && !C.value) {
+				if (!m.title.trim()) {
+					_.value = !0;
+					return;
+				}
+				C.value = !0;
+				try {
+					let t = L(), n = D.value.length ? D.value : T.value.map((e) => e.id);
+					await e.sendNotification?.(n, t), i.add({
+						severity: "success",
+						detail: r("components.notification_interface.sent"),
+						life: 3e3
+					});
+				} catch (e) {
+					i.add({
+						severity: "error",
+						detail: e,
+						life: 3e3
+					});
+				} finally {
+					C.value = !1;
+				}
+			}
+		}
+		return x(f, (e) => {
+			e && (P(), F());
+		}, { immediate: !0 }), (e, t) => {
+			let n = He, r = Ge, i = Ue, a = Ye, l = $, u = tt, d = z, y = We, x = Ke;
+			return s(), S("div", null, [
+				E("h3", ut, c(e.$t("components.notification_interface.template")), 1),
+				E("div", dt, [
+					E("div", ft, [
+						E("label", pt, c(e.$t("components.notification_interface.title")), 1),
+						j(n, {
+							modelValue: v(m).title,
+							"onUpdate:modelValue": [t[0] ||= (e) => v(m).title = e, t[1] ||= (e) => _.value = !1],
+							placeholder: e.$t("components.notification_interface.title"),
+							invalid: v(_),
+							class: "w-full"
+						}, null, 8, [
+							"modelValue",
+							"placeholder",
+							"invalid"
+						]),
+						v(_) ? (s(), S("p", mt, c(e.$t("components.notification_interface.title_required")), 1)) : h("", !0)
+					]),
+					E("div", ht, [E("label", gt, c(e.$t("components.notification_interface.subtitle")), 1), j(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", _t, [E("label", vt, c(e.$t("components.notification_interface.body")), 1), j(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", yt, [E("label", bt, c(e.$t("components.notification_interface.severity")), 1), j(i, {
+						modelValue: v(m).severity,
+						"onUpdate:modelValue": t[4] ||= (e) => v(m).severity = e,
+						options: v(p),
+						"option-label": "label",
+						"option-value": "value",
+						class: "w-full"
+					}, null, 8, ["modelValue", "options"])]),
+					E("div", xt, [E("label", St, c(e.$t("components.notification_interface.tag")), 1), j(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", Ct, [E("label", wt, c(e.$t("components.notification_interface.image_url")), 1), j(n, {
+						modelValue: v(m).imageUrl,
+						"onUpdate:modelValue": t[6] ||= (e) => v(m).imageUrl = e,
+						placeholder: "https://…",
+						class: "w-full"
+					}, null, 8, ["modelValue"])]),
+					E("div", Tt, [E("label", Et, c(e.$t("components.notification_interface.deep_link")), 1), j(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", Dt, [
+						E("label", Ot, 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"
+						}, [
+							j(n, {
+								modelValue: t.key,
+								"onUpdate:modelValue": (e) => t.key = e,
+								placeholder: e.$t("components.notification_interface.data_key"),
+								class: "flex-1 min-w-0"
+							}, null, 8, [
+								"modelValue",
+								"onUpdate:modelValue",
+								"placeholder"
+							]),
+							j(n, {
+								modelValue: t.value,
+								"onUpdate:modelValue": (e) => t.value = e,
+								placeholder: e.$t("components.notification_interface.data_value"),
+								class: "flex-1 min-w-0"
+							}, null, 8, [
+								"modelValue",
+								"onUpdate:modelValue",
+								"placeholder"
+							]),
+							j(l, {
+								text: "",
+								rounded: "",
+								severity: "danger",
+								class: "cui-icon-md shrink-0",
+								onClick: (e) => re(r)
+							}, {
+								icon: b(() => [j(a, {
+									width: "100%",
+									height: "100%"
+								})]),
+								_: 1
+							}, 8, ["onClick"])
+						]))), 128)),
+						j(l, {
+							severity: "secondary",
+							outlined: "",
+							fluid: "",
+							class: "cui-button-medium",
+							label: e.$t("components.notification_interface.add_data"),
+							onClick: I
+						}, {
+							icon: b(() => [j(u, { class: "w-4 h-4" })]),
+							_: 1
+						}, 8, ["label"])
+					])
+				]),
+				E("div", kt, [E("h3", At, c(e.$t("components.notification_interface.targets")), 1), v(te) ? (s(), S("div", jt, [j(d, {
+					class: "w-[24px] h-[24px] m-0",
+					"stroke-width": "5"
+				})])) : v(ne).length ? (s(), S("div", Nt, [E("span", Pt, c(e.$t("components.notification_interface.targets_hint")), 1), j(y, {
+					modelValue: v(D),
+					"onUpdate:modelValue": t[8] ||= (e) => ee(D) ? D.value = e : null,
+					options: v(ne),
+					"option-label": "label",
+					"option-value": "id",
+					placeholder: e.$t("components.notification_interface.all_devices"),
+					display: "chip",
+					filter: "",
+					class: "w-full"
+				}, null, 8, [
+					"modelValue",
+					"options",
+					"placeholder"
+				])])) : (s(), S("div", Mt, c(e.$t("components.notification_interface.no_devices")), 1))]),
+				v(k)?.length ? (s(), S("div", Ft, [E("h3", It, c(e.$t("components.notification_interface.settings")), 1), j(x, {
+					"schema-form": {
+						schema: v(k),
+						config: {}
+					},
+					loading: v(N)
+				}, null, 8, ["schema-form", "loading"])])) : h("", !0),
+				j(l, {
+					fluid: "",
+					class: "mt-8 cui-button-medium",
+					severity: "success",
+					loading: v(C),
+					disabled: !v(f) || v(C),
+					label: e.$t("components.notification_interface.send_test"),
+					onClick: R
+				}, null, 8, [
+					"loading",
+					"disabled",
+					"label"
+				])
+			]);
+		};
+	}
+}), Rt = { class: "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 = { class: "flex gap-2 mb-4" }, Ut = {
+	key: 0,
+	class: "flex flex-col gap-2"
+}, Wt = { class: "text-sm truncate flex-1 mr-3" }, Gt = { class: "flex items-center gap-2 shrink-0" }, Kt = /* @__PURE__ */ k({
+	__name: "PluginClipInterface",
+	props: {
+		src: {},
+		response: {},
+		onTextSearch: { type: Function }
+	},
+	setup(e, { expose: n }) {
+		let r = e, i = Te(), a = A(""), l = A(!1), u = A([]);
+		function f(e) {
+			let [t, n] = r.response.scoreBand ?? [0, 0];
+			return n <= t ? 0 : Math.max(0, Math.min(1, (e - t) / (n - t)));
+		}
+		async function p() {
+			let e = a.value.trim();
+			if (e && !l.value) {
+				l.value = !0;
+				try {
+					let { score: t } = await r.onTextSearch(e);
+					u.value.unshift({
+						query: e,
+						rawScore: t,
+						displayScore: f(t)
+					}), a.value = "";
+				} catch (e) {
+					i.error("CLIP text search failed:", e);
+				} finally {
+					l.value = !1;
+				}
+			}
+		}
+		return n({}), (n, r) => {
+			let i = He, f = $, m = P;
+			return s(), S("div", null, [
+				E("div", Rt, [E("img", {
+					src: e.src,
+					alt: "CLIP test image",
+					class: "max-w-full max-h-[50vh] w-auto object-contain"
+				}, null, 8, zt)]),
+				E("div", Bt, [D(c(e.response.embeddings.length) + " embedding(s), " + c(e.response.embeddings[0]?.embedding?.length ?? 0) + "-dim ", 1), e.response.embeddingModel ? (s(), S("span", Vt, "(" + c(e.response.embeddingModel) + ")", 1)) : h("", !0)]),
+				E("div", Ht, [j(i, {
+					modelValue: v(a),
+					"onUpdate:modelValue": r[0] ||= (e) => ee(a) ? a.value = e : null,
+					class: "flex-1",
+					placeholder: n.$t("components.clip_interface.enter_query"),
+					onKeyup: t(p, ["enter"])
+				}, null, 8, ["modelValue", "placeholder"]), j(f, {
+					class: "cui-button-medium",
+					label: n.$t("components.clip_interface.search"),
+					loading: v(l),
+					onClick: p
+				}, null, 8, ["label", "loading"])]),
+				v(u).length ? (s(), S("div", Ut, [(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", Wt, c(e.query), 1), E("div", Gt, [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), j(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"
+				}, null, 8, ["value", "severity"])])]))), 128))])) : h("", !0)
+			]);
+		};
+	}
+}), qt = [
+	"strict",
+	"balanced",
+	"relaxed"
+], Jt = { class: "relative mb-4 rounded-xl overflow-hidden w-fit mx-auto" }, Yt = ["src"], Xt = { class: "text-sm text-muted mb-4" }, Zt = {
+	key: 0,
+	class: "ml-1"
+}, Qt = {
+	key: 1,
+	class: "ml-1"
+}, $t = { class: "flex gap-2 mb-4" }, en = {
+	key: 0,
+	class: "flex flex-col gap-2"
+}, tn = { class: "text-sm truncate flex-1 mr-3" }, nn = { class: "flex items-center gap-2 shrink-0" }, rn = {
+	key: 0,
+	class: "text-sm font-medium"
+}, an = /* @__PURE__ */ k({
+	__name: "PluginFaceRecognition",
+	props: {
+		src: {},
+		embeddingModel: {},
+		dimensions: {},
+		landmarks: {},
+		quality: {},
+		onMatch: { type: Function }
+	},
+	setup(e, { expose: t }) {
+		let n = e, { t: r } = Me(), i = Te(), a = A("balanced"), l = A(!1), u = A([]), d = y(() => qt.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 N(f), t({}), (t, n) => {
+			let r = Ue, i = $, p = P;
+			return s(), S("div", null, [
+				E("div", Jt, [E("img", {
+					src: e.src,
+					alt: "Face recognition test image",
+					class: "block max-w-full max-h-[50vh] w-auto object-contain"
+				}, null, 8, Yt), (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", Xt, [
+					D(c(e.dimensions) + "-dim ", 1),
+					e.embeddingModel ? (s(), S("span", Zt, "(" + c(e.embeddingModel) + ")", 1)) : h("", !0),
+					e.quality == null ? h("", !0) : (s(), S("span", Qt, "· " + c(t.$t("components.face_recognition_interface.quality", { value: (e.quality * 100).toFixed(0) })), 1))
+				]),
+				E("div", $t, [j(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"]), j(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", en, [(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", tn, c(e.identity ?? t.$t("components.face_recognition_interface.no_match")), 1), E("div", nn, [e.score == null ? h("", !0) : (s(), S("div", rn, c((e.score * 100).toFixed(0)) + "%", 1)), j(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)
+			]);
+		};
+	}
+}), on = /* @__PURE__ */ k({
+	__name: "PluginMotionInterface",
+	props: { response: {} },
+	setup(e) {
+		let { response: t } = a(e), n = T("videoPlayerRef");
+		return N(() => {
+			if (n.value) {
+				let e = new Blob([t.value.videoData], { type: "video/mp4" });
+				n.value.src = URL.createObjectURL(e), n.value.load();
+			}
+		}), (e, t) => (s(), S("div", null, [E("video", {
+			ref_key: "videoPlayerRef",
+			ref: n,
+			controls: "",
+			class: "max-w-full max-h-[60vh] w-auto mx-auto"
+		}, "Your browser does not support the video tag.", 512)]));
+	}
+}), sn = { class: "mb-5 flex justify-center" }, cn = { class: "relative w-fit" }, ln = ["src"], un = /* @__PURE__ */ k({
+	__name: "PluginObjectInterface",
+	props: {
+		src: {},
+		response: {}
+	},
+	setup(e) {
+		let { response: t, src: n } = a(e), r = y(() => t.value.detections);
+		return (e, t) => {
+			let i = F;
+			return s(), S("div", sn, [E("div", cn, [j(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, ln)])]);
+		};
+	}
+}), dn = { class: "relative mb-4 rounded-xl overflow-hidden w-fit mx-auto" }, fn = ["src"], pn = { class: "text-sm text-muted mb-4" }, mn = {
+	key: 0,
+	class: "ml-1"
+}, hn = /* @__PURE__ */ k({
+	__name: "PluginPersonEmbedding",
+	props: {
+		src: {},
+		embeddingModel: {},
+		dimensions: {},
+		onSearch: { type: Function }
+	},
+	setup(e, { expose: t }) {
+		let n = e, r = i("dialogRef");
+		function a() {
+			r.value.close(), n.onSearch?.();
+		}
+		return t({}), (t, n) => {
+			let r = $;
+			return s(), S("div", null, [
+				E("div", dn, [E("img", {
+					src: e.src,
+					alt: "Person re-ID test image",
+					class: "block max-w-full max-h-[50vh] w-auto object-contain"
+				}, null, 8, fn)]),
+				E("div", pn, [D(c(e.dimensions) + "-dim ", 1), e.embeddingModel ? (s(), S("span", mn, "(" + c(e.embeddingModel) + ")", 1)) : h("", !0)]),
+				e.onSearch ? (s(), m(r, {
+					key: 0,
+					class: "cui-button-medium w-full",
+					label: t.$t("components.person_embedding_interface.search"),
+					onClick: a
+				}, null, 8, ["label"])) : h("", !0)
+			]);
+		};
+	}
+}), gn = { class: "mb-4 flex justify-center" }, _n = { class: "relative w-fit" }, vn = ["src"], yn = { class: "flex flex-col gap-2" }, bn = { class: "truncate" }, xn = {
+	key: 0,
+	class: "text-muted ml-1"
+}, Sn = { class: "text-muted shrink-0" }, Cn = /*#__PURE__*/ I(/* @__PURE__ */ k({
+	__name: "PluginSegmentationInterface",
+	props: {
+		src: {},
+		objects: {}
+	},
+	setup(e, { expose: t }) {
+		let n = e, { t: r } = Me(), i = T("canvas"), a = y(() => n.objects.flatMap((e) => e.mask ? [e.mask] : []));
+		function l() {
+			i.value && ge(i.value, a.value, getComputedStyle(i.value).color);
+		}
+		return Ce(i, l), t({}), (t, n) => (s(), S("div", null, [E("div", gn, [E("div", _n, [E("img", {
+			src: e.src,
+			alt: "Segmentation test image",
+			class: "block max-w-full max-h-[60vh] w-auto",
+			onLoad: l
+		}, null, 40, vn), E("canvas", {
+			ref_key: "canvas",
+			ref: i,
+			class: "segmentation-outlines"
+		}, null, 512)])]), E("div", yn, [(s(!0), S(w, null, o(e.objects, (e, t) => (s(), S("div", {
+			key: t,
+			class: "flex items-center justify-between gap-3 p-3 rounded-lg content-background text-sm"
+		}, [E("span", bn, [D(c(e.label ? v(r)(v(Le)(e.label)) : v(r)("components.segmentation_interface.whole_picture")) + " ", 1), e.confidence == null ? h("", !0) : (s(), S("span", xn, c(Math.round(e.confidence * 100)) + "%", 1))]), E("span", Sn, c(e.mask ? `${e.mask.width} × ${e.mask.height} px` : v(r)("components.segmentation_interface.no_outline")), 1)]))), 128))])]));
+	}
+}), [["__scopeId", "data-v-011dd43c"]]), wn = /* @__PURE__ */ new Set([
+	"person",
+	"vehicle",
+	"animal"
+]), Tn = .5, En = 8, Dn = .45, On = .15, kn = 640;
+async function An(e, t, n, r) {
+	let i = await createImageBitmap(e);
+	try {
+		let { width: a, height: o } = i, s = n && Q(n, Z.ObjectDetection) ? await jn(e, i, t) : [{ box: {
+			x: 0,
+			y: 0,
+			width: 1,
+			height: 1
+		} }], c = s.flatMap((e) => {
+			let t = xe(e.box, a, o, On, 1);
+			return t ? [{
+				object: e,
+				region: t
+			}] : [];
+		}), l = await Promise.all(c.map(async ({ object: e, region: t }) => ({
+			image: await Mn(i, t),
+			box: R(e.box, t, a, o)
+		})));
+		return (l.length ? await t.segmentImages?.(l, r) : void 0)?.forEach((e, t) => {
+			let n = e?.mask, { object: r, region: i } = c[t] ?? {};
+			!n || !r || !i || n.data.length < n.width * n.height || (r.mask = {
+				...n,
+				box: se(n.box, i, a, o)
+			});
+		}), s;
+	} finally {
+		i.close();
+	}
+}
+async function jn(e, t, n) {
+	let r = ((await n.testObjectDetection?.(new Uint8Array(await e.arrayBuffer()), {
+		width: t.width,
+		height: t.height
+	}, {}))?.detections ?? []).map((e) => ({
+		label: e.label.toLowerCase(),
+		confidence: e.confidence,
+		box: e.box
+	})).filter((e) => wn.has(e.label) && e.confidence >= Tn && e.box);
+	return K(r, Dn).slice(0, En);
+}
+async function Mn(e, t) {
+	let n = Math.min(1, kn / Math.max(t.width, t.height)), r = document.createElement("canvas");
+	r.width = Math.max(1, Math.round(t.width * n)), r.height = Math.max(1, Math.round(t.height * n)), r.getContext("2d")?.drawImage(e, t.x, t.y, t.width, t.height, 0, 0, r.width, r.height);
+	let i = await new Promise((e) => r.toBlob(e, "image/jpeg", .92));
+	return new Uint8Array(await (i ?? new Blob()).arrayBuffer());
+}
+//#endregion
+//#region src/components/CuiDetectionInterface/CuiDetectionInterface.vue?vue&type=script&setup=true&lang.ts
+var Nn = {
+	key: 0,
+	class: "w-full"
+}, Pn = { class: "flex flex-col justify-center items-center mb-5" }, Fn = {
+	for: "restoreInput",
+	class: "cursor-pointer text-center text-sm"
+}, In = ["accept"], Ln = {
+	key: 0,
+	class: "text-red-500 text-sm"
+}, Rn = {
+	key: 1,
+	class: "w-full flex flex-col items-center justify-center"
+}, zn = {
+	key: 0,
+	class: "relative mb-4"
+}, Bn = ["src"], Vn = {
+	key: 1,
+	class: "relative mb-4 w-full"
+}, Hn = {
+	key: 2,
+	class: "relative mb-4 w-full"
+}, Un = ["src", "type"], Wn = { class: "flex items-center justify-center" }, Gn = { class: "mx-2" }, Kn = { class: "text-muted" }, qn = { class: "flex items-center justify-center mt-2 text-xs text-muted" }, Jn = { class: "mt-10" }, Yn = { class: "text-base font-semibold border-b-[1px] border-color mb-3 pb-3" }, Xn = { class: "flex items-center justify-center text-sm text-muted mt-5" }, Zn = /* @__PURE__ */ k({
+	__name: "CuiDetectionInterface",
+	props: {
+		type: {},
+		pluginName: {}
+	},
+	emits: ["update:file", "update:metadata"],
+	setup(t, { emit: n }) {
+		let r = {
+			motionDetection: "drop_or_select_video_to_detect_motion",
+			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",
+			personEmbedding: "drop_or_select_image_of_person",
+			segmentation: "drop_or_select_image_to_outline",
+			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 = Te(), { t: f } = Me(), p = ie(), g = ye(), { type: _, pluginName: ee } = a(i), { plugin: C, contract: te, isLoading: k } = Re(ee), { plugin: M } = Re("@camera.ui/camera-ui-nvr"), { openSimilarSearch: N } = de(), ne = T("fileInputRef"), P = T("videoPlayerRef"), F = T("audioPlayerRef"), I = O([]), re = A(!1), L = A(!1), R = A(!1), ae = A(!1), z = A(""), B = A(!1), V = A(), oe = A(!0), se = O(), ce = A(!1), le = y(() => ce.value || k.value || B.value), ue = y(() => r[_.value]), H = y(() => {
+			switch (_.value) {
+				case "objectDetection":
+				case "faceDetection":
+				case "faceRecognition":
+				case "personEmbedding":
+				case "segmentation":
+				case "licensePlateDetection":
+				case "classifierDetection":
+				case "clipDetection": return "image";
+				case "motionDetection": return "video";
+				case "audioDetection": return "audio";
+				default: return "image";
+			}
+		}), U = y(() => {
+			switch (H.value) {
+				case "image": return De;
+				case "video": return Ee;
+				case "audio": return Y;
+				default: return [];
+			}
+		}), W = y(() => {
+			switch (H.value) {
+				case "image": return ke;
+				case "video": return J;
+				case "audio": return X;
+				default: return 0;
+			}
+		}), fe = y(() => U.value.join(","));
+		async function pe() {
+			if (C.value) {
+				ce.value = !0;
+				try {
+					let e;
+					switch (_.value) {
+						case "motionDetection":
+							e = await C.value.motionDetectionSettings?.();
+							break;
+						case "objectDetection":
+							e = await C.value.objectDetectionSettings?.();
+							break;
+						case "audioDetection":
+							e = await C.value.audioDetectionSettings?.();
+							break;
+						case "faceDetection":
+							e = await C.value.faceDetectionSettings?.();
+							break;
+						case "faceRecognition":
+							e = await C.value.faceEmbeddingSettings?.();
+							break;
+						case "personEmbedding":
+							e = await C.value.personEmbeddingSettings?.();
+							break;
+						case "segmentation":
+							e = await C.value.segmentationSettings?.();
+							break;
+						case "licensePlateDetection":
+							e = await C.value.licensePlateDetectionSettings?.();
+							break;
+						case "classifierDetection":
+							e = await C.value.classifierDetectionSettings?.();
+							break;
+						case "clipDetection": e = await C.value.clipSettings?.();
+					}
+					se.value = e;
+				} catch (e) {
+					l.error("Failed to load interface schema:", e), se.value = void 0;
+				} finally {
+					ce.value = !1;
+				}
+			}
+		}
+		function me(e) {
+			let t = I.value.findIndex((t) => t.name === e);
+			t > -1 && (I.value.splice(t, 1), ge(), z.value = "", H.value === "video" && P.value && (P.value.src = ""), V.value = void 0, o("update:file", null), o("update:metadata", null));
+		}
+		function he(e) {
+			if (re.value = !1, L.value = !1, ae.value = !1, I.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 ? (I.value.push(t), u(() => {
+						_e(t);
+					})) : t.size > W.value ? ae.value = !0 : L.value = !0;
+				}
+			}
+		}
+		function K(e) {
+			L.value = !1, ae.value = !1, I.value = [];
+			let t = e.target;
+			if (t && t.files) {
+				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 ? (I.value.push(e), u(() => {
+						_e(e);
+					})) : e.size > W.value ? ae.value = !0 : L.value = !0;
+				}
+			}
+		}
+		function ge() {
+			ne.value && (ne.value.value = "");
+		}
+		function _e(e) {
+			B.value = !0;
+			let t = URL.createObjectURL(e);
+			switch (H.value) {
+				case "image":
+					ve(e, t);
+					break;
+				case "video":
+					be(e, t);
+					break;
+				case "audio": xe(e, t);
+			}
+		}
+		function ve(e, t) {
+			let n = new Image();
+			n.src = t, n.onload = () => {
+				z.value = n.src;
+				let t = {
+					width: n.width,
+					height: n.height
+				};
+				V.value = t, o("update:metadata", t), o("update:file", e), B.value = !1;
+			};
+		}
+		function be(e, t) {
+			P.value && (P.value.src = t, P.value.load(), P.value.onloadeddata = () => {
+				o("update:file", e), B.value = !1;
+			});
+		}
+		function xe(e, t) {
+			z.value = t;
+			let n = new Audio();
+			n.src = t, n.onloadedmetadata = () => {
+				let t = { mimeType: e.type };
+				V.value = t, o("update:metadata", t), o("update:file", e), B.value = !1;
+			};
+		}
+		function Se(e) {
+			return e < 1024 ? e + " bytes" : e < 1048576 ? (e / 1024).toFixed(1) + " KB" : (e / 1048576).toFixed(1) + " MB";
+		}
+		function Ce(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 q(e) {
+			if (!I.value.length) {
+				R.value = !0;
+				return;
+			}
+			if (!C.value) {
+				l.error("Plugin not connected");
+				return;
+			}
+			B.value = !0;
+			try {
+				let t = await I.value[0].arrayBuffer();
+				if (_.value === "audioDetection") {
+					let n = await C.value.testAudioDetection?.(new Uint8Array(t), V.value, e);
+					if (!n) {
+						l.warn("No audio detection interface available");
+						return;
+					}
+					if (n.detected && n.detections?.length) {
+						let e = n.detections.map((e) => `${e.label} (${Math.round(e.confidence * 100)}%)`).join(", "), t = n.decibels == null ? "" : ` | ${n.decibels.toFixed(1)} dBFS`;
+						p.add({
+							severity: "success",
+							detail: `${e}${t}`,
+							life: 3e3
+						});
+					} else p.add({
+						severity: "info",
+						detail: f("components.detection_interface.audio_not_detected"),
+						life: 3e3
+					});
+				} else if (_.value === "motionDetection") {
+					let n = await C.value.testMotionDetection?.(new Uint8Array(t), e);
+					if (!n) {
+						l.warn("No motion detection interface available");
+						return;
+					}
+					g.openComponentDialog(on, { data: {
+						title: f("components.dialog.title.result"),
+						hideConfirmButton: !0,
+						contentProps: { response: n }
+					} });
+				} else if (_.value === "faceDetection") {
+					let n = await C.value.testFaceDetection?.(new Uint8Array(t), V.value, e);
+					if (!n) {
+						l.warn("No face detection interface available");
+						return;
+					}
+					g.openComponentDialog(un, { data: {
+						title: f("components.dialog.title.result"),
+						hideConfirmButton: !0,
+						contentProps: {
+							src: z,
+							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 (!M.value) {
+						p.add({
+							severity: "info",
+							detail: f("components.face_recognition_interface.needs_nvr"),
+							life: 3e3
+						});
+						return;
+					}
+					let i = n[0].embeddingModel;
+					g.openComponentDialog(an, { 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 M.value.matchFaces([r], i, e))?.[0] ?? void 0
+						}
+					} });
+				} else if (_.value === "personEmbedding") {
+					let n = (await C.value.embedPersonImages?.([new Uint8Array(t)], e))?.[0];
+					if (!n?.embedding?.length) {
+						p.add({
+							severity: "info",
+							detail: f("components.person_embedding_interface.no_vector"),
+							life: 3e3
+						});
+						return;
+					}
+					let r = await G(I.value[0], {
+						x: 0,
+						y: 0,
+						width: 1,
+						height: 1
+					}), i = {
+						query: {
+							label: "person",
+							personModel: n.embeddingModel,
+							person: n.embedding
+						},
+						objectLabel: "person",
+						crop: r
+					};
+					g.openComponentDialog(hn, { data: {
+						title: f("components.dialog.title.result"),
+						hideConfirmButton: !0,
+						contentProps: {
+							src: z,
+							embeddingModel: n.embeddingModel,
+							dimensions: n.embedding.length,
+							onSearch: M.value ? () => N(i) : void 0
+						}
+					} });
+				} else if (_.value === "segmentation") {
+					if (!C.value.segmentImages) {
+						l.warn("No segmentation interface available");
+						return;
+					}
+					let t = await An(I.value[0], C.value, te.value, e);
+					if (!t.some((e) => e.mask)) {
+						p.add({
+							severity: "info",
+							detail: f("components.segmentation_interface.no_mask"),
+							life: 3e3
+						});
+						return;
+					}
+					g.openComponentDialog(Cn, { data: {
+						title: f("components.dialog.title.result"),
+						hideConfirmButton: !0,
+						contentProps: {
+							src: z,
+							objects: t
+						}
+					} });
+				} 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(un, { data: {
+						title: f("components.dialog.title.result"),
+						hideConfirmButton: !0,
+						contentProps: {
+							src: z,
+							response: n
+						}
+					} });
+				} else if (_.value === "classifierDetection") {
+					let n = await C.value.testClassifierDetection?.(new Uint8Array(t), V.value, e);
+					if (!n) {
+						l.warn("No classifier detection interface available");
+						return;
+					}
+					g.openComponentDialog(un, { data: {
+						title: f("components.dialog.title.result"),
+						hideConfirmButton: !0,
+						contentProps: {
+							src: z,
+							response: n
+						}
+					} });
+				} else if (_.value === "clipDetection") {
+					let n = await C.value.testClipEmbedding?.(new Uint8Array(t), V.value, e);
+					if (!n) {
+						l.warn("No CLIP detection interface available");
+						return;
+					}
+					if (!n.embeddings?.length) {
+						p.add({
+							severity: "info",
+							detail: f("components.detection_interface.no_detections"),
+							life: 3e3
+						});
+						return;
+					}
+					let r = n.embeddings[0].embedding;
+					g.openComponentDialog(Kt, { data: {
+						title: f("components.dialog.title.result"),
+						hideConfirmButton: !0,
+						contentProps: {
+							src: z,
+							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: Ce(r, i.embedding) };
+							}
+						}
+					} });
+				} else {
+					let n = await C.value.testObjectDetection?.(new Uint8Array(t), V.value, e);
+					if (!n) {
+						l.warn("No object detection interface available");
+						return;
+					}
+					g.openComponentDialog(un, { data: {
+						title: f("components.dialog.title.result"),
+						hideConfirmButton: !0,
+						contentProps: {
+							src: z,
+							response: n
+						}
+					} });
+				}
+			} catch (e) {
+				p.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			} finally {
+				B.value = !1;
+			}
+		}
+		return x(C, (e) => {
+			e && pe();
+		}, { immediate: !0 }), x(I, (e) => {
+			e.length > 0 ? (R.value = !1, oe.value = !1) : (z.value = "", V.value = void 0, oe.value = !0);
+		}, {
+			immediate: !0,
+			deep: !0
+		}), (t, n) => {
+			let r = Ye, i = $, a = Ke;
+			return s(), S("div", null, [
+				E("div", {
+					class: "file-upload-box",
+					onDrop: n[1] ||= e((e) => he(e), ["prevent"]),
+					onDragover: n[2] ||= e((e) => re.value = !0, ["prevent"]),
+					onDragenter: n[3] ||= e((e) => re.value = !0, ["prevent"]),
+					onDragleave: n[4] ||= e((e) => re.value = !1, ["prevent"])
+				}, [v(I).length ? (s(), S("div", Rn, [v(H) === "image" ? (s(), S("div", zn, [E("img", {
+					src: v(z),
+					alt: "Preview",
+					class: "w-full"
+				}, null, 8, Bn)])) : v(H) === "video" ? (s(), S("div", Vn, [E("video", {
+					ref_key: "videoPlayerRef",
+					ref: P,
+					controls: "",
+					class: "w-full"
+				}, "Your browser does not support the video tag.", 512)])) : v(H) === "audio" ? (s(), S("div", Hn, [E("audio", {
+					ref_key: "audioPlayerRef",
+					ref: F,
+					controls: "",
+					class: "w-full"
+				}, [E("source", {
+					src: v(z),
+					type: v(I)[0].type
+				}, null, 8, Un), n[6] ||= D(" Your browser does not support the audio element. ", -1)], 512)])) : h("", !0), E("div", Wn, [
+					j(i, {
+						text: "",
+						rounded: "",
+						severity: "danger",
+						class: "cui-icon-md shrink-0",
+						onClick: n[0] ||= e((e) => me(v(I)[0].name), ["stop"])
+					}, {
+						icon: b(() => [j(r, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					}),
+					E("b", Gn, c(v(I)[0].name), 1),
+					E("span", Kn, "(" + c(Se(v(I)[0].size)) + ")", 1)
+				])])) : (s(), S("div", Nn, [E("div", Pn, [
+					E("label", Fn, c(t.$t(`components.detection_interface.${v(ue)}`)), 1),
+					E("input", {
+						id: "restoreInput",
+						ref_key: "fileInputRef",
+						ref: ne,
+						type: "file",
+						class: "hidden",
+						accept: v(fe),
+						onChange: K
+					}, null, 40, In),
+					v(L) ? (s(), S("p", Ln, c(t.$t(`components.detection_interface.only_one_${v(H)}_allowed`)), 1)) : h("", !0),
+					v(R) ? (s(), S("p", {
+						key: 1,
+						class: d(["text-red-500 text-sm", { "mt-2": v(L) }])
+					}, c(t.$t(`components.detection_interface.${v(H)}_required`)), 3)) : h("", !0),
+					v(ae) ? (s(), S("p", {
+						key: 2,
+						class: d(["text-red-500 text-sm", { "mt-2": v(L) || v(R) }])
+					}, c(t.$t("components.detection_interface.file_size_error")), 3)) : h("", !0)
+				])]))], 32),
+				E("div", qn, [E("span", null, "(" + c(v(W) / 1024 / 1024) + "MB, " + c(v(U).join(", ")) + ")", 1)]),
+				E("div", Jn, [E("h3", Yn, c(t.$t("components.detection_interface.interface_config")), 1), v(se)?.length ? (s(), m(a, {
+					key: 1,
+					"schema-form": {
+						schema: v(se),
+						config: {}
+					},
+					loading: v(le),
+					"save-button-label": t.$t("components.detection_interface.detect"),
+					"disable-button": v(oe),
+					"show-button": "",
+					onOnFormSubmit: q
+				}, null, 8, [
+					"schema-form",
+					"loading",
+					"save-button-label",
+					"disable-button"
+				])) : (s(), S(w, { key: 0 }, [E("div", Xn, c(t.$t("components.detection_interface.no_interface_config")), 1), j(i, {
+					fluid: "",
+					class: "mt-7 cui-button-medium",
+					loading: v(le),
+					disabled: v(oe),
+					label: t.$t("components.detection_interface.detect"),
+					onClick: n[5] ||= (e) => q({})
+				}, null, 8, [
+					"loading",
+					"disabled",
+					"label"
+				])], 64))])
+			]);
+		};
+	}
+}), Qn = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function $n(e, t) {
+	return s(), S("svg", Qn, [...t[0] ||= [E("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "M2 10v3m4-7v11m4-14v18m4-13v7m4-10v13m4-8v3"
+	}, null, -1)]]);
+}
+var er = p({
+	name: "lucide-audio-lines",
+	render: $n
+}), tr = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function nr(e, t) {
+	return s(), S("svg", tr, [...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 rr = p({
+	name: "material-symbols-detection-and-zone",
+	render: nr
+}), ir = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function ar(e, t) {
+	return s(), S("svg", ir, [...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 or = p({
+	name: "material-symbols-face",
+	render: ar
+}), sr = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function cr(e, t) {
+	return s(), S("svg", sr, [...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 lr = p({
+	name: "material-symbols-motion-blur-rounded",
+	render: cr
+}), ur = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function dr(e, t) {
+	return s(), S("svg", ur, [...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 fr = p({
+	name: "mingcute-classify-2-fill",
+	render: dr
+}), pr = {
+	viewBox: "0 0 256 256",
+	width: "1.2em",
+	height: "1.2em"
+};
+function mr(e, t) {
+	return s(), S("svg", pr, [...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 hr = p({
+	name: "ph-text-aa-fill",
+	render: mr
+}), gr = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function _r(e, t) {
+	return s(), S("svg", gr, [...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 vr = p({
+	name: "solar-plate-bold",
+	render: _r
+}), yr = /* @__PURE__ */ k({
+	__name: "PluginSchema",
+	props: {
+		schemaConfig: {},
+		pluginName: {},
+		cameraId: {},
+		buttonKey: {},
+		sensorId: {},
+		pluginId: {}
+	},
+	setup(e, { expose: t }) {
+		let n = e, r = ie(), o = i("dialogRef"), c = i("dialogRefProps"), { schemaConfig: l, pluginName: u, cameraId: d, buttonKey: f, sensorId: p, pluginId: h } = a(n), g = ze(u), _ = Ve(d, u), ee = Be(p, h), b = A({
+			schema: [],
+			config: {}
+		}), S = y(() => d.value && p.value ? "sensor" : d.value ? "camera" : "plugin"), C = y(() => {
+			switch (S.value) {
+				case "sensor": return ee;
+				case "camera": return _;
+				default: return g;
+			}
+		}), w = y(() => !!(c.loading?.value || C.value.isLoading.value));
+		async function T(e) {
+			await C.value.setValue(e.key, void 0);
+		}
+		async function E(e) {
+			let t = {
+				...l.value.config,
+				...e
+			}, n = await C.value.submitValue(f.value, t);
+			if (n?.toast) {
+				let e = U(n.toast.type);
+				r.add({
+					severity: e,
+					detail: n.toast.message,
+					life: 3e3
+				});
+			}
+			n?.schema && Object.keys(n.schema).length && b.value ? b.value.schema = n.schema : o.value.close();
+		}
+		return x(l, (e) => {
+			b.value = e;
+		}, {
+			deep: !0,
+			immediate: !0
+		}), t({ isLoading: w }), (e, t) => {
+			let n = Ke;
+			return s(), m(n, {
+				"schema-form": v(b),
+				loading: v(w),
+				"show-button": "",
+				onOnAction: T,
+				onOnFormSubmit: E
+			}, null, 8, ["schema-form", "loading"]);
+		};
+	}
+}), br = { class: "font-semibold text-xl truncate" }, xr = { class: "lg:col-span-2 order-1 !h-[220px]" }, Sr = { class: "flex w-full h-full items-center justify-center" }, Cr = { class: "lg:col-span-1 lg:row-span-3 order-2" }, wr = { class: "lg:!hidden card-title" }, Tr = {
+	key: 0,
+	class: "w-full h-full flex items-center justify-center"
+}, Er = { key: 1 }, Dr = { class: "hidden lg:block text-base font-semibold border-b-[1px] border-color mb-3 pb-3" }, Or = {
+	key: 0,
+	class: "flex items-center justify-center w-full h-full text-muted text-sm"
+}, kr = ["onClick"], Ar = {
+	key: 0,
+	class: "w-full h-full"
+}, jr = {
+	key: 0,
+	class: "flex flex-col items-center justify-center w-full h-full text-muted text-sm gap-3 text-center"
+}, Mr = {
+	key: 2,
+	class: "flex items-center justify-center w-full h-full text-muted text-sm"
+}, Nr = {
+	key: 12,
+	class: "w-full h-full"
+}, Pr = {
+	key: 0,
+	class: "flex items-center justify-center w-full h-full text-muted text-sm"
+}, Fr = {
+	key: 1,
+	class: "flex items-center justify-center gap-2 w-full h-full text-muted text-sm"
+}, Ir = /*#__PURE__*/ I(/* @__PURE__ */ k({
+	__name: "Plugin",
+	setup(e) {
+		let t = new fe(), n = new qe(), i = Te(), a = ve(), u = L(), p = ie(), C = ye(), { lgBreakpoint: T } = B(), { t: D } = Me(), O = A(u.params.scope), k = A(u.params.pluginname), M = y(() => O.value ? `${O.value}/${k.value}` : k.value), { contract: N, error: P } = Re(M);
+		n.toggleQueryActivator("getPluginContractQuery", !1);
+		let { data: F, isBusy: I } = n.getPluginQuery(M), { data: R, isBusy: se } = n.getPluginReadmeQuery(M), { data: le, isBusy: de } = n.getPluginChangelogQuery(M), { data: W } = n.getPluginContractQuery(M), G = ze(M), K = G.config, ge = G.isLoading, { mutate: _e, isPending: be } = t.activateCameraExtensionQuery(), { mutate: xe, isPending: Ce } = t.deactivateCameraExtensionQuery(), q = A("settings"), J = A([]), Y = A([]), Ee = A(Oe.UNKNOWN), De, ke = y(() => F.value?.contract?.role !== Ne.Service), Ae = y(() => !!N.value && Q(N.value, Z.NVR)), X = y(() => Ee.value === Oe.READY || Ee.value === Oe.STARTED), Pe = y(() => X.value ? Ae.value || K.value?.schema?.length ? !0 : ge.value : !1);
+		function Le(e, t) {
+			return e.pluginInfo?.name === t;
+		}
+		async function Be(e) {
+			try {
+				await G.setValue(e.key, void 0), p.add({
+					severity: "success",
+					detail: D("components.toast.config_updated"),
+					life: 3e3
+				});
+			} catch (e) {
+				p.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		async function Ve(e) {
+			try {
+				let t = await G.submitValue(e.key, e.payload);
+				if (t?.toast) {
+					let e = U(t.toast.type);
+					p.add({
+						severity: e,
+						detail: t.toast.message,
+						life: 3e3
+					});
+				}
+				t?.schema?.length && C.openComponentDialog(yr, { data: {
+					title: D("components.dialog.title.config"),
+					hideConfirmButton: !0,
+					contentProps: {
+						schemaConfig: {
+							schema: t.schema,
+							config: e.payload
+						},
+						pluginName: M.value,
+						buttonKey: e.key
+					}
+				} });
+			} catch (e) {
+				p.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		async function He(e) {
+			if (K.value?.schema.length) try {
+				let t = je(K.value.schema, e);
+				await G.setConfig(t), p.add({
+					severity: "success",
+					detail: D("components.toast.config_updated"),
+					life: 3e3
+				});
+			} catch (e) {
+				p.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		async function Ue(e) {
+			F.value && F.value.contract && (Y.value.includes(e.name) ? xe({
+				cameraname: e.name,
+				pluginname: F.value.pluginName
+			}, { onSuccess: () => {
+				Y.value = Y.value.filter((t) => t !== e.name);
+			} }) : _e({
+				cameraname: e.name,
+				pluginname: F.value.pluginName
+			}, { onSuccess: () => {
+				Y.value = [...Y.value, e.name];
+			} }));
+		}
+		return x(F, (e) => {
+			if (!e || e.disabled) {
+				let e = J.value.some((e) => e.name === "settings"), t = J.value.some((e) => e.name === "cameras");
+				e ? q.value = "settings" : t && (q.value = "cameras");
+			}
+		}, { deep: !0 }), x(u, () => {
+			k.value = u.params.pluginname;
+		}, {
+			deep: !0,
+			immediate: !0
+		}), x([F, G.isConnected], async ([e, t]) => {
+			e && !e.disabled && t && await G.getConfig();
+		}, { immediate: !0 }), x(M, (e) => {
+			De?.stop(), e && (De = g(), De.run(() => {
+				let t = Ze(e);
+				t.connect(), x(t.status, (e) => Ee.value = e, { immediate: !0 });
+			}));
+		}, { immediate: !0 }), x(K, () => {
+			K.value ? n.toggleQueryActivator("getPluginContractQuery", !0) : n.toggleQueryActivator("getPluginContractQuery", !1);
+		}, {
+			deep: !0,
+			immediate: !0
+		}), x([
+			W,
+			K,
+			N,
+			Pe,
+			X,
+			ke
+		], () => {
+			let e = [], t = !1;
+			Pe.value && e.push({
+				name: "settings",
+				icon: H,
+				isInterface: !1,
+				tooltip: D("views.plugin.settings_tab_tooltip")
+			}), X.value && N.value && Q(N.value, Z.MotionDetection) && (t = !0, e.push({
+				name: "motion_detection",
+				icon: lr,
+				isInterface: !0,
+				tooltip: D("views.plugin.motion_detection_tab_tooltip")
+			})), X.value && N.value && Q(N.value, Z.ObjectDetection) && (t = !0, e.push({
+				name: "object_detection",
+				icon: rr,
+				isInterface: !0,
+				tooltip: D("views.plugin.object_detection_tab_tooltip")
+			})), X.value && N.value && Q(N.value, Z.Segmentation) && (t = !0, e.push({
+				name: "segmentation",
+				icon: $e,
+				isInterface: !0,
+				tooltip: D("views.plugin.segmentation_tab_tooltip")
+			})), X.value && N.value && Q(N.value, Z.AudioDetection) && (t = !0, e.push({
+				name: "audio_detection",
+				icon: er,
+				isInterface: !0,
+				tooltip: D("views.plugin.audio_detection_tab_tooltip")
+			})), X.value && N.value && Q(N.value, Z.FaceDetection) && (t = !0, e.push({
+				name: "face_detection",
+				icon: or,
+				isInterface: !0,
+				tooltip: D("views.plugin.face_detection_tab_tooltip")
+			})), X.value && N.value && Q(N.value, Z.FaceEmbedding) && (t = !0, e.push({
+				name: "face_recognition",
+				icon: Ie,
+				isInterface: !0,
+				tooltip: D("views.plugin.face_recognition_tab_tooltip")
+			})), X.value && N.value && Q(N.value, Z.PersonEmbedding) && (t = !0, e.push({
+				name: "person_embedding",
+				icon: et,
+				isInterface: !0,
+				tooltip: D("views.plugin.person_embedding_tab_tooltip")
+			})), X.value && N.value && Q(N.value, Z.LicensePlateDetection) && (t = !0, e.push({
+				name: "license_plate_detection",
+				icon: vr,
+				isInterface: !0,
+				tooltip: D("views.plugin.license_plate_detection_tab_tooltip")
+			})), X.value && N.value && Q(N.value, Z.ClassifierDetection) && (t = !0, e.push({
+				name: "classifier_detection",
+				icon: fr,
+				isInterface: !0,
+				tooltip: D("views.plugin.classifier_detection_tab_tooltip")
+			})), X.value && N.value && Q(N.value, Z.ClipDetection) && (t = !0, e.push({
+				name: "clip_detection",
+				icon: hr,
+				isInterface: !0,
+				tooltip: D("views.plugin.clip_detection_tab_tooltip")
+			})), X.value && N.value && Q(N.value, Z.Notifier) && (t = !0, e.push({
+				name: "notification",
+				icon: me,
+				isInterface: !0,
+				tooltip: D("views.plugin.notification_tab_tooltip")
+			})), ke.value && e.push({
+				name: "cameras",
+				icon: ue,
+				isInterface: !1,
+				tooltip: D("views.plugin.cameras_tab_tooltip")
+			}), W.value?.cameras.length && (Y.value = W.value.cameras.filter((e) => e.plugins?.some((e) => e.name === M.value)).map((e) => e.name)), J.value = [...e], F.value?.disabled || (Pe.value ? q.value = "settings" : t ? q.value = J.value.filter((e) => e.isInterface)[0].name : ke.value && (q.value = "cameras"));
+		}, {
+			deep: !0,
+			immediate: !0
+		}), x(P, (e) => {
+			e && F.value && !F.value.disabled && i.error("Error connecting to plugin:", e);
+		}), r(() => De?.stop()), (e, t) => {
+			let n = nt, r = $, i = he, u = z, p = we, g = Qe, y = oe, x = Se, C = Fe, D = Ke, O = Zn, k = Lt, A = Je, N = ae, P = pe, ie = re, L = ce, B = V, ue = lt, H = ne;
+			return s(), S("div", { key: v(M) }, [
+				j(i, { position: "left" }, {
+					default: b(() => [j(r, {
+						severity: "secondary",
+						text: "",
+						class: "cui-button p-2 text-color non-draggable-region",
+						onClick: t[0] ||= (t) => e.$router.push("/plugins")
+					}, {
+						icon: b(() => [j(n, { class: "w-6 h-6" })]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				j(i, { position: "center" }, {
+					default: b(() => [E("span", br, 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", xr, [v(F) ? (s(), m(g, {
+						key: v(F).pluginName,
+						plugin: v(F),
+						class: "h-[220px]"
+					}, null, 8, ["plugin"])) : (s(), m(p, {
+						key: 0,
+						class: "cui-card items-center justify-center !h-[220px]"
+					}, {
+						content: b(() => [E("div", Sr, [j(u, {
+							class: "w-[30px] h-[30px] m-0",
+							"stroke-width": "5"
+						})])]),
+						_: 1
+					}))]),
+					E("div", Cr, [E("span", wr, c(e.$t("views.plugin.settings")), 1), j(p, { class: d(["cui-card !h-auto lg:!h-full", { "items-center justify-center": v(I) || v(ge) }]) }, {
+						content: b(() => [v(I) || v(ge) ? (s(), S("div", Tr, [j(u, {
+							class: "w-[30px] h-[30px] m-0",
+							"stroke-width": "5"
+						})])) : (s(), S("div", Er, [E("h3", Dr, c(e.$t("views.plugin.settings")), 1), v(F)?.disabled ? (s(), S("div", Or, [E("span", null, c(e.$t("views.plugin.disabled_info")), 1)])) : (s(), m(B, {
+							key: 1,
+							value: v(q),
+							"onUpdate:value": t[2] ||= (e) => ee(q) ? q.value = e : null,
+							scrollable: ""
+						}, {
+							default: b(() => [j(x, {
+								class: "justify-between",
+								pt: {
+									activeBar: { class: "!w-auto" },
+									content: { class: "border-[1px] border-color cui-rounded-corner overflow-hidden" }
+								}
+							}, {
+								default: b(() => [(s(!0), S(w, null, o(v(J), (e, t) => (s(), m(y, {
+									key: t,
+									disabled: e.isInterface && v(F)?.disabled,
+									value: e.name,
+									"as-child": ""
+								}, {
+									default: b((t) => [te((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, kr)), [[H, { value: e.tooltip }]])]),
+									_: 2
+								}, 1032, ["disabled", "value"]))), 128))]),
+								_: 1
+							}), j(L, { class: "px-0 pb-0" }, {
+								default: b(() => [(s(!0), S(w, null, o(v(J), (n, i) => (s(), m(ie, {
+									key: i,
+									value: n.name,
+									"as-child": ""
+								}, {
+									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", Ar, [v(Ae) ? (s(), S("div", jr, [E("span", null, c(e.$t("views.plugin.nvr_settings_hint")), 1), j(r, {
+										class: "cui-button-medium whitespace-nowrap",
+										label: e.$t("views.plugin.nvr_settings_button"),
+										onClick: t[1] ||= (t) => e.$router.push("/settings/recordings")
+									}, {
+										icon: b(() => [j(C, { class: "w-4 h-4" })]),
+										_: 1
+									}, 8, ["label"])])) : v(K)?.schema?.length ? (s(), m(D, {
+										key: 1,
+										"schema-form": {
+											schema: v(K).schema,
+											config: v(K).config
+										},
+										loading: v(G).isLoading.value,
+										"save-button-color": "success",
+										onOnAction: Be,
+										onOnSubmit: Ve,
+										onOnFormSubmit: He
+									}, null, 8, ["schema-form", "loading"])) : (s(), S("div", Mr, [E("span", null, c(e.$t("views.plugin.no_settings")), 1)]))])) : n.name === "motion_detection" ? (s(), m(O, {
+										key: 1,
+										"plugin-name": v(M),
+										type: "motionDetection"
+									}, null, 8, ["plugin-name"])) : n.name === "object_detection" ? (s(), m(O, {
+										key: 2,
+										"plugin-name": v(M),
+										type: "objectDetection"
+									}, null, 8, ["plugin-name"])) : n.name === "segmentation" ? (s(), m(O, {
+										key: 3,
+										"plugin-name": v(M),
+										type: "segmentation"
+									}, null, 8, ["plugin-name"])) : n.name === "audio_detection" ? (s(), m(O, {
+										key: 4,
+										"plugin-name": v(M),
+										type: "audioDetection"
+									}, null, 8, ["plugin-name"])) : n.name === "face_detection" ? (s(), m(O, {
+										key: 5,
+										"plugin-name": v(M),
+										type: "faceDetection"
+									}, null, 8, ["plugin-name"])) : n.name === "face_recognition" ? (s(), m(O, {
+										key: 6,
+										"plugin-name": v(M),
+										type: "faceRecognition"
+									}, null, 8, ["plugin-name"])) : n.name === "person_embedding" ? (s(), m(O, {
+										key: 7,
+										"plugin-name": v(M),
+										type: "personEmbedding"
+									}, null, 8, ["plugin-name"])) : n.name === "license_plate_detection" ? (s(), m(O, {
+										key: 8,
+										"plugin-name": v(M),
+										type: "licensePlateDetection"
+									}, null, 8, ["plugin-name"])) : n.name === "classifier_detection" ? (s(), m(O, {
+										key: 9,
+										"plugin-name": v(M),
+										type: "classifierDetection"
+									}, null, 8, ["plugin-name"])) : n.name === "clip_detection" ? (s(), m(O, {
+										key: 10,
+										"plugin-name": v(M),
+										type: "clipDetection"
+									}, null, 8, ["plugin-name"])) : n.name === "notification" ? (s(), m(k, {
+										key: 11,
+										"plugin-name": v(M)
+									}, null, 8, ["plugin-name"])) : n.name === "cameras" ? (s(), S("div", Nr, [v(W)?.cameras?.length ? v(X) ? (s(!0), S(w, { key: 2 }, o(v(W).cameras, (e) => (s(), S("div", {
+										key: e.name,
+										class: "cui-list-item"
+									}, [j(P, {
+										disabled: v(be) || v(Ce) || v(G).isLoading.value,
+										active: v(Y).includes(e.name),
+										class: "h-14",
+										onClick: (t) => v(a).open({ cameraName: e.name })
+									}, _({
+										default: b(() => [E("span", null, c(e.name), 1)]),
+										_: 2
+									}, [!v(F) || !Le(e, v(F).pluginName) ? {
+										name: "append",
+										fn: b(() => [j(N, {
+											"model-value": v(Y).includes(e.name),
+											disabled: v(be) || v(Ce) || v(G).isLoading.value || !v(X),
+											"onUpdate:modelValue": () => Ue(e)
+										}, null, 8, [
+											"model-value",
+											"disabled",
+											"onUpdate:modelValue"
+										])]),
+										key: "0"
+									} : void 0]), 1032, [
+										"disabled",
+										"active",
+										"onClick"
+									])]))), 128)) : (s(), S("div", Fr, [j(A, { class: "w-4 h-4 flex-shrink-0" }), E("span", null, c(e.$t("views.plugin.assignment_requires_running")), 1)])) : (s(), S("div", Pr, [E("span", null, c(e.$t("views.plugin.no_cameras")), 1)]))])) : h("", !0)], 16)) : h("", !0)]),
+									_: 2
+								}, 1032, ["value"]))), 128))]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["value"]))]))]),
+						_: 1
+					}, 8, ["class"])]),
+					j(ue, {
+						class: "lg:col-span-2 order-3",
+						title: e.$t("views.plugin.readme"),
+						placeholder: e.$t("views.plugin.no_readme"),
+						content: v(R),
+						loading: v(se)
+					}, null, 8, [
+						"title",
+						"placeholder",
+						"content",
+						"loading"
+					]),
+					j(ue, {
+						class: "lg:col-span-2 order-4",
+						title: e.$t("views.plugin.changelog"),
+						placeholder: e.$t("views.plugin.no_changelog"),
+						content: v(le),
+						loading: v(de)
+					}, null, 8, [
+						"title",
+						"placeholder",
+						"content",
+						"loading"
+					])
+				], 2)
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-253f0bcc"]]);
+//#endregion
+export { Ir as default };