@camera.ui/server 2.4.1 → 2.4.2

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

@@ -0,0 +1,1746 @@
+import { m as e, p as t } from "./ripple-CGl9oC16.js";
+import { A as n, B as r, D as i, G as a, H as o, J as s, Kt as c, M as l, N as u, Ot as d, St as f, Tt as p, Xt as m, Y as h, Yt as g, bt as _, d as v, f as y, ft as b, g as x, gt as S, jt as C, l as w, lt as T, ot as E, p as D, r as O, rt as k, u as A, ut as ee, v as j, vt as M, x as N, y as P, z as F } from "./runtime-core.esm-bundler-CrWKbcD2.js";
+import { t as I } from "./tag-B53KW-vD.js";
+import { $i as te, Ar as L, At as R, Bi as ne, Cr as z, Ct as re, Dn as ie, En as B, Gn as V, Jr as H, Sn as U, St as W, Zn as ae, _ as oe, _n as se, _r as G, an as ce, ar as le, ci as K, hr as q, ii as J, in as ue, ir as de, ji as fe, ki as pe, mt as me, ni as he, on as ge, vn as _e, x as ve, yi as ye, yn as be } from "./api-DUn3L5D7.js";
+import { P as xe, l as Se, s as Ce, w as Y } from "./vee-validate-DWIY1QrX.js";
+import { B as we, I as X, L as Te, R as Ee, V as De, q as Oe, r as ke, s as Ae, z as Z } from "./pinia-BBBIELZl.js";
+import { n as je } from "./vue-i18n-DzDRu5NH.js";
+import { F as Me, N as Ne, P as Pe, x as Fe } from "./dist-DTq7_9I6.js";
+import { O as Q, T as $, k as Ie, w as Le } from "./dist-euRmladF.js";
+import { a as Re } from "./lightbulb-outline-DzvRUz5O.js";
+import { S as ze, r as Be } from "./eventLabels-DV0RmW3T.js";
+import { t as Ve } from "./CuiButton-CGAd8xvo.js";
+import { t as He } from "./inputtext-DfgvQQt_.js";
+import { t as Ue } from "./select-Ba_XFods.js";
+import { t as We } from "./multiselect-C6iTGDj5.js";
+import { t as Ge } from "./textarea-BQGY5eCW.js";
+import { t as Ke } from "./CuiSchema-DWR2Cu3w.js";
+import { t as qe } from "./plugins-DHEWLE-_.js";
+import { t as Je } from "./information-outline-C6Y1CMOv.js";
+import { t as Ye } from "./close-circle-CC-KBgKa.js";
+import { t as Xe } from "./CuiMarkdownContent-BH6nLVFC.js";
+import { r as Ze, t as Qe } from "./CuiPluginCard-CGgQxSl7.js";
+import { n as $e, t as et } from "./walk-DTgYosUW.js";
+import { r as tt } from "./cards-DESDf3mL.js";
+import { t as nt } from "./back-filled-DHF_824p.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__ */ N({
+	__name: "CuiMarkdownPanel",
+	props: /*@__PURE__*/ n({
+		title: {},
+		placeholder: {},
+		content: {},
+		loading: { type: Boolean },
+		collapsedHeight: {}
+	}, rt),
+	setup(e) {
+		let t = e, n = k("frame"), r = k("body"), i = f(!1), a = f(!1), c = f(t.collapsedHeight), l = w(() => !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), o = Math.max(t.collapsedHeight, a);
+			Math.abs(o - c.value) > 2 && (c.value = o);
+		}
+		function p() {
+			if (i.value) return;
+			d();
+			let e = r.value;
+			a.value = !!e && e.scrollHeight > e.clientHeight + 1;
+		}
+		return Y(r, "load", p, { capture: !0 }), xe(n, p), xe(r, p), E([() => t.content, () => t.loading], () => u(p)), F(() => u(p)), (t, n) => {
+			let r = B, a = ie, u = Ve, d = he, f = Xe, p = Ce, h = s("tooltip");
+			return o(), D("div", null, [A("span", it, m(e.title), 1), P(p, { class: "cui-card !h-auto lg:!h-full" }, {
+				content: T(() => [A("div", at, [A("div", ot, [A("h3", st, m(e.title), 1), C(l) ? ee((o(), v(u, {
+					key: 0,
+					severity: "secondary",
+					text: "",
+					class: "cui-button ml-auto p-1",
+					onClick: n[0] ||= (e) => i.value = !C(i)
+				}, {
+					icon: T(() => [C(i) ? (o(), v(r, {
+						key: 0,
+						class: "w-[18px] h-[18px]"
+					})) : (o(), v(a, {
+						key: 1,
+						class: "w-[18px] h-[18px]"
+					}))]),
+					_: 1
+				})), [[
+					h,
+					{ value: C(i) ? t.$t("components.form.button.collapse") : t.$t("components.form.button.expand") },
+					void 0,
+					{ left: !0 }
+				]]) : y("", !0)]), e.loading ? (o(), D("div", ct, [P(d, {
+					class: "w-[30px] h-[30px] m-0",
+					"stroke-width": "5"
+				})])) : (o(), D("div", {
+					key: 1,
+					ref: "body",
+					class: "overflow-y-auto",
+					style: g(C(i) ? void 0 : { maxHeight: `${C(c)}px` })
+				}, [P(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__ */ N({
+	__name: "CuiNotificationInterface",
+	props: { pluginName: {} },
+	setup(e) {
+		let t = e, n = Se(), { t: r } = je(), i = te(), s = ve(), { user: c } = ke(s), { pluginName: l } = d(t), { plugin: u } = Ne(l), h = w(() => Object.values(Le).map((e) => ({
+			label: r(`components.notification_interface.severity_${e}`),
+			value: e
+		}))), g = _({
+			title: "Test notification",
+			subtitle: "",
+			body: "This is a test notification from camera.ui",
+			severity: Le.Info,
+			tag: "",
+			imageUrl: "",
+			deepLink: ""
+		}), v = f([]), b = f(!1), x = f(!1), k = p([]), ee = f(!1), j = f([]), M = p(), N = f(!1), F = w(() => k.value.map((e) => ({
+			id: e.id,
+			label: e.name
+		})));
+		async function I() {
+			if (u.value && c.value?._id) {
+				ee.value = !0;
+				try {
+					let e = H(void 0, "admin") ? [] : [c.value._id];
+					k.value = await u.value.getDevices?.(e) ?? [];
+				} catch (e) {
+					n.error("Failed to load notifier devices:", e), k.value = [];
+				} finally {
+					ee.value = !1;
+				}
+			}
+		}
+		async function L() {
+			if (u.value) {
+				N.value = !0;
+				try {
+					M.value = await u.value.notificationSettings?.();
+				} catch (e) {
+					n.error("Failed to load notification settings schema:", e), M.value = void 0;
+				} finally {
+					N.value = !1;
+				}
+			}
+		}
+		function R() {
+			v.value.push({
+				key: "",
+				value: ""
+			});
+		}
+		function ne(e) {
+			v.value.splice(e, 1);
+		}
+		function z() {
+			let e = {};
+			for (let t of v.value) t.key.trim() && (e[t.key.trim()] = t.value);
+			return {
+				title: g.title.trim(),
+				subtitle: g.subtitle.trim() || void 0,
+				body: g.body.trim() || void 0,
+				severity: g.severity,
+				tag: g.tag.trim() || void 0,
+				imageUrl: g.imageUrl.trim() || void 0,
+				deepLink: g.deepLink.trim() || void 0,
+				data: Object.keys(e).length ? e : void 0
+			};
+		}
+		async function re() {
+			let e = u.value;
+			if (e && !x.value) {
+				if (!g.title.trim()) b.value = !0;
+				else {
+					x.value = !0;
+					try {
+						let t = z(), n = j.value.length ? j.value : k.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 {
+						x.value = !1;
+					}
+				}
+			}
+		}
+		return E(u, (e) => {
+			e && (I(), L());
+		}, { immediate: !0 }), (e, t) => {
+			let n = He, r = Ge, i = Ue, s = Ye, c = Ve, l = tt, d = he, f = We, p = Ke;
+			return o(), D("div", null, [
+				A("h3", ut, m(e.$t("components.notification_interface.template")), 1),
+				A("div", dt, [
+					A("div", ft, [
+						A("label", pt, m(e.$t("components.notification_interface.title")), 1),
+						P(n, {
+							modelValue: C(g).title,
+							"onUpdate:modelValue": [t[0] ||= (e) => C(g).title = e, t[1] ||= (e) => b.value = !1],
+							placeholder: e.$t("components.notification_interface.title"),
+							invalid: C(b),
+							class: "w-full"
+						}, null, 8, [
+							"modelValue",
+							"placeholder",
+							"invalid"
+						]),
+						C(b) ? (o(), D("p", mt, m(e.$t("components.notification_interface.title_required")), 1)) : y("", !0)
+					]),
+					A("div", ht, [A("label", gt, m(e.$t("components.notification_interface.subtitle")), 1), P(n, {
+						modelValue: C(g).subtitle,
+						"onUpdate:modelValue": t[2] ||= (e) => C(g).subtitle = e,
+						placeholder: e.$t("components.notification_interface.subtitle"),
+						class: "w-full"
+					}, null, 8, ["modelValue", "placeholder"])]),
+					A("div", _t, [A("label", vt, m(e.$t("components.notification_interface.body")), 1), P(r, {
+						modelValue: C(g).body,
+						"onUpdate:modelValue": t[3] ||= (e) => C(g).body = e,
+						placeholder: e.$t("components.notification_interface.body"),
+						rows: "3",
+						class: "w-full"
+					}, null, 8, ["modelValue", "placeholder"])]),
+					A("div", yt, [A("label", bt, m(e.$t("components.notification_interface.severity")), 1), P(i, {
+						modelValue: C(g).severity,
+						"onUpdate:modelValue": t[4] ||= (e) => C(g).severity = e,
+						options: C(h),
+						"option-label": "label",
+						"option-value": "value",
+						class: "w-full"
+					}, null, 8, ["modelValue", "options"])]),
+					A("div", xt, [A("label", St, m(e.$t("components.notification_interface.tag")), 1), P(n, {
+						modelValue: C(g).tag,
+						"onUpdate:modelValue": t[5] ||= (e) => C(g).tag = e,
+						placeholder: "motion:cam-1",
+						class: "w-full"
+					}, null, 8, ["modelValue"])]),
+					A("div", Ct, [A("label", wt, m(e.$t("components.notification_interface.image_url")), 1), P(n, {
+						modelValue: C(g).imageUrl,
+						"onUpdate:modelValue": t[6] ||= (e) => C(g).imageUrl = e,
+						placeholder: "https://…",
+						class: "w-full"
+					}, null, 8, ["modelValue"])]),
+					A("div", Tt, [A("label", Et, m(e.$t("components.notification_interface.deep_link")), 1), P(n, {
+						modelValue: C(g).deepLink,
+						"onUpdate:modelValue": t[7] ||= (e) => C(g).deepLink = e,
+						placeholder: "/cameras/cam-1",
+						class: "w-full"
+					}, null, 8, ["modelValue"])]),
+					A("div", Dt, [
+						A("label", Ot, m(e.$t("components.notification_interface.data")), 1),
+						(o(!0), D(O, null, a(C(v), (t, r) => (o(), D("div", {
+							key: r,
+							class: "flex gap-2 items-center"
+						}, [
+							P(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"
+							]),
+							P(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"
+							]),
+							P(c, {
+								text: "",
+								rounded: "",
+								severity: "danger",
+								class: "cui-icon-md shrink-0",
+								onClick: (e) => ne(r)
+							}, {
+								icon: T(() => [P(s, {
+									width: "100%",
+									height: "100%"
+								})]),
+								_: 1
+							}, 8, ["onClick"])
+						]))), 128)),
+						P(c, {
+							severity: "secondary",
+							outlined: "",
+							fluid: "",
+							class: "cui-button-medium",
+							label: e.$t("components.notification_interface.add_data"),
+							onClick: R
+						}, {
+							icon: T(() => [P(l, { class: "w-4 h-4" })]),
+							_: 1
+						}, 8, ["label"])
+					])
+				]),
+				A("div", kt, [A("h3", At, m(e.$t("components.notification_interface.targets")), 1), C(ee) ? (o(), D("div", jt, [P(d, {
+					class: "w-[24px] h-[24px] m-0",
+					"stroke-width": "5"
+				})])) : C(F).length ? (o(), D("div", Nt, [A("span", Pt, m(e.$t("components.notification_interface.targets_hint")), 1), P(f, {
+					modelValue: C(j),
+					"onUpdate:modelValue": t[8] ||= (e) => S(j) ? j.value = e : null,
+					options: C(F),
+					"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"
+				])])) : (o(), D("div", Mt, m(e.$t("components.notification_interface.no_devices")), 1))]),
+				C(M)?.length ? (o(), D("div", Ft, [A("h3", It, m(e.$t("components.notification_interface.settings")), 1), P(p, {
+					"schema-form": {
+						schema: C(M),
+						config: {}
+					},
+					loading: C(N)
+				}, null, 8, ["schema-form", "loading"])])) : y("", !0),
+				P(c, {
+					fluid: "",
+					class: "mt-8 cui-button-medium",
+					severity: "success",
+					loading: C(x),
+					disabled: !C(u) || C(x),
+					label: e.$t("components.notification_interface.send_test"),
+					onClick: re
+				}, 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__ */ N({
+	__name: "PluginClipInterface",
+	props: {
+		src: {},
+		response: {},
+		onTextSearch: { type: Function }
+	},
+	setup(e, { expose: n }) {
+		let r = e, i = Se(), s = f(""), l = f(!1), u = f([]);
+		function d(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 = s.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: d(t)
+					}), s.value = "";
+				} catch (e) {
+					i.error("CLIP text search failed:", e);
+				} finally {
+					l.value = !1;
+				}
+			}
+		}
+		return n({}), (n, r) => {
+			let i = He, d = Ve, f = I;
+			return o(), D("div", null, [
+				A("div", Rt, [A("img", {
+					src: e.src,
+					alt: "CLIP test image",
+					class: "max-w-full max-h-[50vh] w-auto object-contain"
+				}, null, 8, zt)]),
+				A("div", Bt, [j(m(e.response.embeddings.length) + " embedding(s), " + m(e.response.embeddings[0]?.embedding?.length ?? 0) + "-dim ", 1), e.response.embeddingModel ? (o(), D("span", Vt, "(" + m(e.response.embeddingModel) + ")", 1)) : y("", !0)]),
+				A("div", Ht, [P(i, {
+					modelValue: C(s),
+					"onUpdate:modelValue": r[0] ||= (e) => S(s) ? s.value = e : null,
+					class: "flex-1",
+					placeholder: n.$t("components.clip_interface.enter_query"),
+					onKeyup: t(p, ["enter"])
+				}, null, 8, ["modelValue", "placeholder"]), P(d, {
+					class: "cui-button-medium",
+					label: n.$t("components.clip_interface.search"),
+					loading: C(l),
+					onClick: p
+				}, null, 8, ["label", "loading"])]),
+				C(u).length ? (o(), D("div", Ut, [(o(!0), D(O, null, a(C(u), (e, t) => (o(), D("div", {
+					key: t,
+					class: "flex items-center justify-between p-3 rounded-lg content-background"
+				}, [A("span", Wt, m(e.query), 1), A("div", Gt, [A("div", { class: c(["text-sm font-medium", e.displayScore >= .5 ? "text-green-500" : e.displayScore >= .25 ? "text-yellow-500" : "text-red-400"]) }, m((e.displayScore * 100).toFixed(0)) + "% ", 3), P(f, {
+					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))])) : y("", !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__ */ N({
+	__name: "PluginFaceRecognition",
+	props: {
+		src: {},
+		embeddingModel: {},
+		dimensions: {},
+		landmarks: {},
+		quality: {},
+		onMatch: { type: Function }
+	},
+	setup(e, { expose: t }) {
+		let n = e, { t: r } = je(), i = Se(), s = f("balanced"), c = f(!1), l = f([]), u = w(() => qt.map((e) => ({
+			value: e,
+			label: r(`components.face_recognition_interface.sensitivity_${e}`)
+		})));
+		async function d() {
+			if (!c.value) {
+				c.value = !0;
+				try {
+					let e = await n.onMatch(s.value);
+					l.value.unshift({
+						sensitivity: s.value,
+						identity: e?.identity,
+						score: e?.score
+					});
+				} catch (e) {
+					i.error("Face match failed:", e);
+				} finally {
+					c.value = !1;
+				}
+			}
+		}
+		return F(d), t({}), (t, n) => {
+			let r = Ue, i = Ve, f = I;
+			return o(), D("div", null, [
+				A("div", Jt, [A("img", {
+					src: e.src,
+					alt: "Face recognition test image",
+					class: "block max-w-full max-h-[50vh] w-auto object-contain"
+				}, null, 8, Yt), (o(!0), D(O, null, a(e.landmarks, (e, t) => (o(), D("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: g({
+						left: `${e[0] * 100}%`,
+						top: `${e[1] * 100}%`
+					})
+				}, null, 4))), 128))]),
+				A("div", Xt, [
+					j(m(e.dimensions) + "-dim ", 1),
+					e.embeddingModel ? (o(), D("span", Zt, "(" + m(e.embeddingModel) + ")", 1)) : y("", !0),
+					e.quality == null ? y("", !0) : (o(), D("span", Qt, "· " + m(t.$t("components.face_recognition_interface.quality", { value: (e.quality * 100).toFixed(0) })), 1))
+				]),
+				A("div", $t, [P(r, {
+					modelValue: C(s),
+					"onUpdate:modelValue": n[0] ||= (e) => S(s) ? s.value = e : null,
+					options: C(u),
+					"option-label": "label",
+					"option-value": "value",
+					class: "flex-1"
+				}, null, 8, ["modelValue", "options"]), P(i, {
+					class: "cui-button-medium",
+					label: t.$t("components.face_recognition_interface.match"),
+					loading: C(c),
+					onClick: d
+				}, null, 8, ["label", "loading"])]),
+				C(l).length ? (o(), D("div", en, [(o(!0), D(O, null, a(C(l), (e, n) => (o(), D("div", {
+					key: n,
+					class: "flex items-center justify-between p-3 rounded-lg content-background"
+				}, [A("span", tn, m(e.identity ?? t.$t("components.face_recognition_interface.no_match")), 1), A("div", nn, [e.score == null ? y("", !0) : (o(), D("div", rn, m((e.score * 100).toFixed(0)) + "%", 1)), P(f, {
+					value: t.$t(`components.face_recognition_interface.sensitivity_${e.sensitivity}`),
+					severity: e.identity ? "success" : "danger",
+					class: "text-xs"
+				}, null, 8, ["value", "severity"])])]))), 128))])) : y("", !0)
+			]);
+		};
+	}
+}), on = /* @__PURE__ */ N({
+	__name: "PluginMotionInterface",
+	props: { response: {} },
+	setup(e) {
+		let { response: t } = d(e), n = k("videoPlayerRef");
+		return F(() => {
+			if (n.value) {
+				let e = new Blob([t.value.videoData], { type: "video/mp4" });
+				n.value.src = URL.createObjectURL(e), n.value.load();
+			}
+		}), (e, t) => (o(), D("div", null, [A("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__ */ N({
+	__name: "PluginObjectInterface",
+	props: {
+		src: {},
+		response: {}
+	},
+	setup(e) {
+		let { response: t, src: n } = d(e), r = w(() => t.value.detections);
+		return (e, t) => {
+			let i = be;
+			return o(), D("div", sn, [A("div", cn, [P(i, { detections: C(r) }, null, 8, ["detections"]), A("img", {
+				src: C(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__ */ N({
+	__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 = Ve;
+			return o(), D("div", null, [
+				A("div", dn, [A("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)]),
+				A("div", pn, [j(m(e.dimensions) + "-dim ", 1), e.embeddingModel ? (o(), D("span", mn, "(" + m(e.embeddingModel) + ")", 1)) : y("", !0)]),
+				e.onSearch ? (o(), v(r, {
+					key: 0,
+					class: "cui-button-medium w-full",
+					label: t.$t("components.person_embedding_interface.search"),
+					onClick: a
+				}, null, 8, ["label"])) : y("", !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__*/ J(/* @__PURE__ */ N({
+	__name: "PluginSegmentationInterface",
+	props: {
+		src: {},
+		objects: {}
+	},
+	setup(e, { expose: t }) {
+		let n = e, { t: r } = je(), i = k("canvas"), s = w(() => n.objects.flatMap((e) => e.mask ? [e.mask] : []));
+		function c() {
+			i.value && U(i.value, s.value, getComputedStyle(i.value).color);
+		}
+		return xe(i, c), t({}), (t, n) => (o(), D("div", null, [A("div", gn, [A("div", _n, [A("img", {
+			src: e.src,
+			alt: "Segmentation test image",
+			class: "block max-w-full max-h-[60vh] w-auto",
+			onLoad: c
+		}, null, 40, vn), A("canvas", {
+			ref_key: "canvas",
+			ref: i,
+			class: "segmentation-outlines"
+		}, null, 512)])]), A("div", yn, [(o(!0), D(O, null, a(e.objects, (e, t) => (o(), D("div", {
+			key: t,
+			class: "flex items-center justify-between gap-3 p-3 rounded-lg content-background text-sm"
+		}, [A("span", bn, [j(m(e.label ? C(r)(C(Be)(e.label)) : C(r)("components.segmentation_interface.whole_picture")) + " ", 1), e.confidence == null ? y("", !0) : (o(), D("span", xn, m(Math.round(e.confidence * 100)) + "%", 1))]), A("span", Sn, m(e.mask ? `${e.mask.width} × ${e.mask.height} px` : C(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 && $(n, Q.ObjectDetection) ? await jn(e, i, t) : [{ box: {
+			x: 0,
+			y: 0,
+			width: 1,
+			height: 1
+		} }], c = s.flatMap((e) => {
+			let t = G(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: q(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: L(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 z(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__ */ N({
+	__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, a = n, s = Se(), { t: l } = je(), h = te(), g = ae(), { type: _, pluginName: b } = d(i), { plugin: x, contract: S, isLoading: ee } = Ne(b), { plugin: M } = Ne("@camera.ui/camera-ui-nvr"), { openSimilarSearch: N } = re(), F = k("fileInputRef"), I = k("videoPlayerRef"), L = k("audioPlayerRef"), R = p([]), ne = f(!1), z = f(!1), ie = f(!1), B = f(!1), V = f(""), H = f(!1), U = f(), oe = f(!0), se = p(), G = f(!1), ce = w(() => G.value || ee.value || H.value), le = w(() => r[_.value]), K = w(() => {
+			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";
+			}
+		}), q = w(() => {
+			switch (K.value) {
+				case "image": return Ee;
+				case "video": return Te;
+				case "audio": return X;
+				default: return [];
+			}
+		}), J = w(() => {
+			switch (K.value) {
+				case "image": return Oe;
+				case "video": return we;
+				case "audio": return Z;
+				default: return 0;
+			}
+		}), ue = w(() => q.value.join(","));
+		async function de() {
+			if (x.value) {
+				G.value = !0;
+				try {
+					let e;
+					switch (_.value) {
+						case "motionDetection":
+							e = await x.value.motionDetectionSettings?.();
+							break;
+						case "objectDetection":
+							e = await x.value.objectDetectionSettings?.();
+							break;
+						case "audioDetection":
+							e = await x.value.audioDetectionSettings?.();
+							break;
+						case "faceDetection":
+							e = await x.value.faceDetectionSettings?.();
+							break;
+						case "faceRecognition":
+							e = await x.value.faceEmbeddingSettings?.();
+							break;
+						case "personEmbedding":
+							e = await x.value.personEmbeddingSettings?.();
+							break;
+						case "segmentation":
+							e = await x.value.segmentationSettings?.();
+							break;
+						case "licensePlateDetection":
+							e = await x.value.licensePlateDetectionSettings?.();
+							break;
+						case "classifierDetection":
+							e = await x.value.classifierDetectionSettings?.();
+							break;
+						case "clipDetection": e = await x.value.clipSettings?.();
+					}
+					se.value = e;
+				} catch (e) {
+					s.error("Failed to load interface schema:", e), se.value = void 0;
+				} finally {
+					G.value = !1;
+				}
+			}
+		}
+		function fe(e) {
+			let t = R.value.findIndex((t) => t.name === e);
+			t > -1 && (R.value.splice(t, 1), he(), V.value = "", K.value === "video" && I.value && (I.value.src = ""), U.value = void 0, a("update:file", null), a("update:metadata", null));
+		}
+		function pe(e) {
+			if (ne.value = !1, z.value = !1, B.value = !1, R.value = [], e.dataTransfer) {
+				if (e.dataTransfer.files.length > 1) z.value = !0;
+				else {
+					let t = e.dataTransfer.files[0];
+					(q.value.length === 0 || q.value.includes(t.type)) && t.size <= J.value ? (R.value.push(t), u(() => {
+						ge(t);
+					})) : t.size > J.value ? B.value = !0 : z.value = !0;
+				}
+			}
+		}
+		function me(e) {
+			z.value = !1, B.value = !1, R.value = [];
+			let t = e.target;
+			if (t && t.files) {
+				if (t.files?.length > 1) z.value = !0;
+				else if (t.files.length === 1) {
+					let e = t.files[0], n = q.value.length === 0 || q.value.includes(e.type);
+					e.size <= J.value && n ? (R.value.push(e), u(() => {
+						ge(e);
+					})) : e.size > J.value ? B.value = !0 : z.value = !0;
+				}
+			}
+		}
+		function he() {
+			F.value && (F.value.value = "");
+		}
+		function ge(e) {
+			H.value = !0;
+			let t = URL.createObjectURL(e);
+			switch (K.value) {
+				case "image":
+					_e(e, t);
+					break;
+				case "video":
+					ve(e, t);
+					break;
+				case "audio": ye(e, t);
+			}
+		}
+		function _e(e, t) {
+			let n = new Image();
+			n.src = t, n.onload = () => {
+				V.value = n.src;
+				let t = {
+					width: n.width,
+					height: n.height
+				};
+				U.value = t, a("update:metadata", t), a("update:file", e), H.value = !1;
+			};
+		}
+		function ve(e, t) {
+			I.value && (I.value.src = t, I.value.load(), I.value.onloadeddata = () => {
+				a("update:file", e), H.value = !1;
+			});
+		}
+		function ye(e, t) {
+			V.value = t;
+			let n = new Audio();
+			n.src = t, n.onloadedmetadata = () => {
+				let t = { mimeType: e.type };
+				U.value = t, a("update:metadata", t), a("update:file", e), H.value = !1;
+			};
+		}
+		function be(e) {
+			return e < 1024 ? e + " bytes" : e < 1048576 ? (e / 1024).toFixed(1) + " KB" : (e / 1048576).toFixed(1) + " MB";
+		}
+		function xe(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 Ce(e) {
+			if (!R.value.length) ie.value = !0;
+			else if (!x.value) s.error("Plugin not connected");
+			else {
+				H.value = !0;
+				try {
+					let t = await R.value[0].arrayBuffer();
+					if (_.value === "audioDetection") {
+						let n = await x.value.testAudioDetection?.(new Uint8Array(t), U.value, e);
+						if (!n) {
+							s.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`;
+							h.add({
+								severity: "success",
+								detail: `${e}${t}`,
+								life: 3e3
+							});
+						} else h.add({
+							severity: "info",
+							detail: l("components.detection_interface.audio_not_detected"),
+							life: 3e3
+						});
+					} else if (_.value === "motionDetection") {
+						let n = await x.value.testMotionDetection?.(new Uint8Array(t), e);
+						if (!n) {
+							s.warn("No motion detection interface available");
+							return;
+						}
+						g.openComponentDialog(on, { data: {
+							title: l("components.dialog.title.result"),
+							hideConfirmButton: !0,
+							contentProps: { response: n }
+						} });
+					} else if (_.value === "faceDetection") {
+						let n = await x.value.testFaceDetection?.(new Uint8Array(t), U.value, e);
+						if (!n) {
+							s.warn("No face detection interface available");
+							return;
+						}
+						g.openComponentDialog(un, { data: {
+							title: l("components.dialog.title.result"),
+							hideConfirmButton: !0,
+							contentProps: {
+								src: V,
+								response: n
+							}
+						} });
+					} else if (_.value === "faceRecognition") {
+						let n = await x.value.embedFaceImages?.([new Uint8Array(t)], e), r = n?.[0]?.embedding;
+						if (!r?.length) {
+							h.add({
+								severity: "info",
+								detail: l("components.face_recognition_interface.no_face"),
+								life: 3e3
+							});
+							return;
+						}
+						if (!M.value) {
+							h.add({
+								severity: "info",
+								detail: l("components.face_recognition_interface.needs_nvr"),
+								life: 3e3
+							});
+							return;
+						}
+						let i = n[0].embeddingModel;
+						g.openComponentDialog(an, { data: {
+							title: l("components.dialog.title.result"),
+							hideConfirmButton: !0,
+							contentProps: {
+								src: V,
+								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 x.value.embedPersonImages?.([new Uint8Array(t)], e))?.[0];
+						if (!n?.embedding?.length) {
+							h.add({
+								severity: "info",
+								detail: l("components.person_embedding_interface.no_vector"),
+								life: 3e3
+							});
+							return;
+						}
+						let r = await W(R.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: l("components.dialog.title.result"),
+							hideConfirmButton: !0,
+							contentProps: {
+								src: V,
+								embeddingModel: n.embeddingModel,
+								dimensions: n.embedding.length,
+								onSearch: M.value ? () => N(i) : void 0
+							}
+						} });
+					} else if (_.value === "segmentation") {
+						if (!x.value.segmentImages) {
+							s.warn("No segmentation interface available");
+							return;
+						}
+						let t = await An(R.value[0], x.value, S.value, e);
+						if (!t.some((e) => e.mask)) {
+							h.add({
+								severity: "info",
+								detail: l("components.segmentation_interface.no_mask"),
+								life: 3e3
+							});
+							return;
+						}
+						g.openComponentDialog(Cn, { data: {
+							title: l("components.dialog.title.result"),
+							hideConfirmButton: !0,
+							contentProps: {
+								src: V,
+								objects: t
+							}
+						} });
+					} else if (_.value === "licensePlateDetection") {
+						let n = await x.value.testLicensePlateDetection?.(new Uint8Array(t), U.value, e);
+						if (!n) {
+							s.warn("No license plate detection interface available");
+							return;
+						}
+						g.openComponentDialog(un, { data: {
+							title: l("components.dialog.title.result"),
+							hideConfirmButton: !0,
+							contentProps: {
+								src: V,
+								response: n
+							}
+						} });
+					} else if (_.value === "classifierDetection") {
+						let n = await x.value.testClassifierDetection?.(new Uint8Array(t), U.value, e);
+						if (!n) {
+							s.warn("No classifier detection interface available");
+							return;
+						}
+						g.openComponentDialog(un, { data: {
+							title: l("components.dialog.title.result"),
+							hideConfirmButton: !0,
+							contentProps: {
+								src: V,
+								response: n
+							}
+						} });
+					} else if (_.value === "clipDetection") {
+						let n = await x.value.testClipEmbedding?.(new Uint8Array(t), U.value, e);
+						if (!n) {
+							s.warn("No CLIP detection interface available");
+							return;
+						}
+						if (!n.embeddings?.length) {
+							h.add({
+								severity: "info",
+								detail: l("components.detection_interface.no_detections"),
+								life: 3e3
+							});
+							return;
+						}
+						let r = n.embeddings[0].embedding;
+						g.openComponentDialog(Kt, { data: {
+							title: l("components.dialog.title.result"),
+							hideConfirmButton: !0,
+							contentProps: {
+								src: V,
+								response: n,
+								onTextSearch: async (e) => {
+									let t = n.embeddingModel, i = x.value.getTextEmbeddings ? (await x.value.getTextEmbeddings(e))?.find((e) => e.embeddingModel === t) : void 0;
+									return i ??= await x.value.getTextEmbedding(e), !i?.embedding?.length || t && i.embeddingModel && i.embeddingModel !== t ? { score: 0 } : { score: xe(r, i.embedding) };
+								}
+							}
+						} });
+					} else {
+						let n = await x.value.testObjectDetection?.(new Uint8Array(t), U.value, e);
+						if (!n) {
+							s.warn("No object detection interface available");
+							return;
+						}
+						g.openComponentDialog(un, { data: {
+							title: l("components.dialog.title.result"),
+							hideConfirmButton: !0,
+							contentProps: {
+								src: V,
+								response: n
+							}
+						} });
+					}
+				} catch (e) {
+					h.add({
+						severity: "error",
+						detail: e,
+						life: 3e3
+					});
+				} finally {
+					H.value = !1;
+				}
+			}
+		}
+		return E(x, (e) => {
+			e && de();
+		}, { immediate: !0 }), E(R, (e) => {
+			e.length > 0 ? (ie.value = !1, oe.value = !1) : (V.value = "", U.value = void 0, oe.value = !0);
+		}, {
+			immediate: !0,
+			deep: !0
+		}), (t, n) => {
+			let r = Ye, i = Ve, a = Ke;
+			return o(), D("div", null, [
+				A("div", {
+					class: "file-upload-box",
+					onDrop: n[1] ||= e((e) => pe(e), ["prevent"]),
+					onDragover: n[2] ||= e((e) => ne.value = !0, ["prevent"]),
+					onDragenter: n[3] ||= e((e) => ne.value = !0, ["prevent"]),
+					onDragleave: n[4] ||= e((e) => ne.value = !1, ["prevent"])
+				}, [C(R).length ? (o(), D("div", Rn, [C(K) === "image" ? (o(), D("div", zn, [A("img", {
+					src: C(V),
+					alt: "Preview",
+					class: "w-full"
+				}, null, 8, Bn)])) : C(K) === "video" ? (o(), D("div", Vn, [A("video", {
+					ref_key: "videoPlayerRef",
+					ref: I,
+					controls: "",
+					class: "w-full"
+				}, "Your browser does not support the video tag.", 512)])) : C(K) === "audio" ? (o(), D("div", Hn, [A("audio", {
+					ref_key: "audioPlayerRef",
+					ref: L,
+					controls: "",
+					class: "w-full"
+				}, [A("source", {
+					src: C(V),
+					type: C(R)[0].type
+				}, null, 8, Un), n[6] ||= j(" Your browser does not support the audio element. ", -1)], 512)])) : y("", !0), A("div", Wn, [
+					P(i, {
+						text: "",
+						rounded: "",
+						severity: "danger",
+						class: "cui-icon-md shrink-0",
+						onClick: n[0] ||= e((e) => fe(C(R)[0].name), ["stop"])
+					}, {
+						icon: T(() => [P(r, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					}),
+					A("b", Gn, m(C(R)[0].name), 1),
+					A("span", Kn, "(" + m(be(C(R)[0].size)) + ")", 1)
+				])])) : (o(), D("div", Nn, [A("div", Pn, [
+					A("label", Fn, m(t.$t(`components.detection_interface.${C(le)}`)), 1),
+					A("input", {
+						id: "restoreInput",
+						ref_key: "fileInputRef",
+						ref: F,
+						type: "file",
+						class: "hidden",
+						accept: C(ue),
+						onChange: me
+					}, null, 40, In),
+					C(z) ? (o(), D("p", Ln, m(t.$t(`components.detection_interface.only_one_${C(K)}_allowed`)), 1)) : y("", !0),
+					C(ie) ? (o(), D("p", {
+						key: 1,
+						class: c(["text-red-500 text-sm", { "mt-2": C(z) }])
+					}, m(t.$t(`components.detection_interface.${C(K)}_required`)), 3)) : y("", !0),
+					C(B) ? (o(), D("p", {
+						key: 2,
+						class: c(["text-red-500 text-sm", { "mt-2": C(z) || C(ie) }])
+					}, m(t.$t("components.detection_interface.file_size_error")), 3)) : y("", !0)
+				])]))], 32),
+				A("div", qn, [A("span", null, "(" + m(C(J) / 1024 / 1024) + "MB, " + m(C(q).join(", ")) + ")", 1)]),
+				A("div", Jn, [A("h3", Yn, m(t.$t("components.detection_interface.interface_config")), 1), C(se)?.length ? (o(), v(a, {
+					key: 1,
+					"schema-form": {
+						schema: C(se),
+						config: {}
+					},
+					loading: C(ce),
+					"save-button-label": t.$t("components.detection_interface.detect"),
+					"disable-button": C(oe),
+					"show-button": "",
+					onOnFormSubmit: Ce
+				}, null, 8, [
+					"schema-form",
+					"loading",
+					"save-button-label",
+					"disable-button"
+				])) : (o(), D(O, { key: 0 }, [A("div", Xn, m(t.$t("components.detection_interface.no_interface_config")), 1), P(i, {
+					fluid: "",
+					class: "mt-7 cui-button-medium",
+					loading: C(ce),
+					disabled: C(oe),
+					label: t.$t("components.detection_interface.detect"),
+					onClick: n[5] ||= (e) => Ce({})
+				}, null, 8, [
+					"loading",
+					"disabled",
+					"label"
+				])], 64))])
+			]);
+		};
+	}
+}), Qn = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function $n(e, t) {
+	return o(), D("svg", Qn, [...t[0] ||= [A("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 = M({
+	name: "lucide-audio-lines",
+	render: $n
+}), tr = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function nr(e, t) {
+	return o(), D("svg", tr, [...t[0] ||= [A("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 = M({
+	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 o(), D("svg", ir, [...t[0] ||= [A("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 = M({
+	name: "material-symbols-face",
+	render: ar
+}), sr = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function cr(e, t) {
+	return o(), D("svg", sr, [...t[0] ||= [A("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 = M({
+	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 o(), D("svg", ur, [...t[0] ||= [A("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 = M({
+	name: "mingcute-classify-2-fill",
+	render: dr
+}), pr = {
+	viewBox: "0 0 256 256",
+	width: "1.2em",
+	height: "1.2em"
+};
+function mr(e, t) {
+	return o(), D("svg", pr, [...t[0] ||= [A("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 = M({
+	name: "ph-text-aa-fill",
+	render: mr
+}), gr = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function _r(e, t) {
+	return o(), D("svg", gr, [...t[0] ||= [A("g", { fill: "currentColor" }, [A("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" }), A("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 = M({
+	name: "solar-plate-bold",
+	render: _r
+}), yr = /* @__PURE__ */ N({
+	__name: "PluginSchema",
+	props: {
+		schemaConfig: {},
+		pluginName: {},
+		cameraId: {},
+		buttonKey: {},
+		sensorId: {},
+		pluginId: {}
+	},
+	setup(e, { expose: t }) {
+		let n = e, r = te(), a = i("dialogRef"), s = i("dialogRefProps"), { schemaConfig: c, pluginName: l, cameraId: u, buttonKey: p, sensorId: m, pluginId: h } = d(n), g = Pe(l), _ = Fe(u, l), y = Me(m, h), b = f({
+			schema: [],
+			config: {}
+		}), x = w(() => u.value && m.value ? "sensor" : u.value ? "camera" : "plugin"), S = w(() => {
+			switch (x.value) {
+				case "sensor": return y;
+				case "camera": return _;
+				default: return g;
+			}
+		}), T = w(() => !!(s.loading?.value || S.value.isLoading.value));
+		async function D(e) {
+			await S.value.setValue(e.key, void 0);
+		}
+		async function O(e) {
+			let t = {
+				...c.value.config,
+				...e
+			}, n = await S.value.submitValue(p.value, t);
+			if (n?.toast) {
+				let e = oe(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 : a.value.close();
+		}
+		return E(c, (e) => {
+			b.value = e;
+		}, {
+			deep: !0,
+			immediate: !0
+		}), t({ isLoading: T }), (e, t) => {
+			let n = Ke;
+			return o(), v(n, {
+				"schema-form": C(b),
+				loading: C(T),
+				"show-button": "",
+				onOnAction: D,
+				onOnFormSubmit: O
+			}, 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__*/ J(/* @__PURE__ */ N({
+	__name: "Plugin",
+	setup(e) {
+		let t = new V(), n = new qe(), i = Se(), u = R(), d = ye(), p = te(), g = ae(), { lgBreakpoint: _ } = K(), { t: k } = je(), j = f(d.params.scope), M = f(d.params.pluginname), N = w(() => j.value ? `${j.value}/${M.value}` : M.value), { contract: F, error: I } = Ne(N);
+		n.toggleQueryActivator("getPluginContractQuery", !1);
+		let { data: L, isBusy: z } = n.getPluginQuery(N), { data: re, isBusy: ie } = n.getPluginReadmeQuery(N), { data: B, isBusy: H } = n.getPluginChangelogQuery(N), { data: U } = n.getPluginContractQuery(N), W = Pe(N), G = W.config, q = W.isLoading, { mutate: J, isPending: ve } = t.activateCameraExtensionQuery(), { mutate: be, isPending: xe } = t.deactivateCameraExtensionQuery(), Y = f("settings"), we = f([]), X = f([]), Te = f(De.UNKNOWN), Ee, Oe = w(() => L.value?.contract?.role !== Ie.Service), ke = w(() => !!F.value && $(F.value, Q.NVR)), Z = w(() => Te.value === De.READY || Te.value === De.STARTED), Me = w(() => Z.value ? ke.value || G.value?.schema?.length ? !0 : q.value : !1);
+		function Fe(e, t) {
+			return e.pluginInfo?.name === t;
+		}
+		async function Le(e) {
+			try {
+				await W.setValue(e.key, void 0), p.add({
+					severity: "success",
+					detail: k("components.toast.config_updated"),
+					life: 3e3
+				});
+			} catch (e) {
+				p.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		async function Be(e) {
+			try {
+				let t = await W.submitValue(e.key, e.payload);
+				if (t?.toast) {
+					let e = oe(t.toast.type);
+					p.add({
+						severity: e,
+						detail: t.toast.message,
+						life: 3e3
+					});
+				}
+				t?.schema?.length && g.openComponentDialog(yr, { data: {
+					title: k("components.dialog.title.config"),
+					hideConfirmButton: !0,
+					contentProps: {
+						schemaConfig: {
+							schema: t.schema,
+							config: e.payload
+						},
+						pluginName: N.value,
+						buttonKey: e.key
+					}
+				} });
+			} catch (e) {
+				p.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		async function He(e) {
+			if (G.value?.schema.length) try {
+				let t = Ae(G.value.schema, e);
+				await W.setConfig(t), p.add({
+					severity: "success",
+					detail: k("components.toast.config_updated"),
+					life: 3e3
+				});
+			} catch (e) {
+				p.add({
+					severity: "error",
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		async function Ue(e) {
+			L.value && L.value.contract && (X.value.includes(e.name) ? be({
+				cameraname: e.name,
+				pluginname: L.value.pluginName
+			}, { onSuccess: () => {
+				X.value = X.value.filter((t) => t !== e.name);
+			} }) : J({
+				cameraname: e.name,
+				pluginname: L.value.pluginName
+			}, { onSuccess: () => {
+				X.value = [...X.value, e.name];
+			} }));
+		}
+		return E(L, (e) => {
+			if (!e || e.disabled) {
+				let e = we.value.some((e) => e.name === "settings"), t = we.value.some((e) => e.name === "cameras");
+				e ? Y.value = "settings" : t && (Y.value = "cameras");
+			}
+		}, { deep: !0 }), E(d, () => {
+			M.value = d.params.pluginname;
+		}, {
+			deep: !0,
+			immediate: !0
+		}), E([L, W.isConnected], async ([e, t]) => {
+			e && !e.disabled && t && await W.getConfig();
+		}, { immediate: !0 }), E(N, (e) => {
+			Ee?.stop(), e && (Ee = b(), Ee.run(() => {
+				let t = Ze(e);
+				t.connect(), E(t.status, (e) => Te.value = e, { immediate: !0 });
+			}));
+		}, { immediate: !0 }), E(G, () => {
+			G.value ? n.toggleQueryActivator("getPluginContractQuery", !0) : n.toggleQueryActivator("getPluginContractQuery", !1);
+		}, {
+			deep: !0,
+			immediate: !0
+		}), E([
+			U,
+			G,
+			F,
+			Me,
+			Z,
+			Oe
+		], () => {
+			let e = [], t = !1;
+			Me.value && e.push({
+				name: "settings",
+				icon: pe,
+				isInterface: !1,
+				tooltip: k("views.plugin.settings_tab_tooltip")
+			}), Z.value && F.value && $(F.value, Q.MotionDetection) && (t = !0, e.push({
+				name: "motion_detection",
+				icon: lr,
+				isInterface: !0,
+				tooltip: k("views.plugin.motion_detection_tab_tooltip")
+			})), Z.value && F.value && $(F.value, Q.ObjectDetection) && (t = !0, e.push({
+				name: "object_detection",
+				icon: rr,
+				isInterface: !0,
+				tooltip: k("views.plugin.object_detection_tab_tooltip")
+			})), Z.value && F.value && $(F.value, Q.Segmentation) && (t = !0, e.push({
+				name: "segmentation",
+				icon: $e,
+				isInterface: !0,
+				tooltip: k("views.plugin.segmentation_tab_tooltip")
+			})), Z.value && F.value && $(F.value, Q.AudioDetection) && (t = !0, e.push({
+				name: "audio_detection",
+				icon: er,
+				isInterface: !0,
+				tooltip: k("views.plugin.audio_detection_tab_tooltip")
+			})), Z.value && F.value && $(F.value, Q.FaceDetection) && (t = !0, e.push({
+				name: "face_detection",
+				icon: or,
+				isInterface: !0,
+				tooltip: k("views.plugin.face_detection_tab_tooltip")
+			})), Z.value && F.value && $(F.value, Q.FaceEmbedding) && (t = !0, e.push({
+				name: "face_recognition",
+				icon: ze,
+				isInterface: !0,
+				tooltip: k("views.plugin.face_recognition_tab_tooltip")
+			})), Z.value && F.value && $(F.value, Q.PersonEmbedding) && (t = !0, e.push({
+				name: "person_embedding",
+				icon: et,
+				isInterface: !0,
+				tooltip: k("views.plugin.person_embedding_tab_tooltip")
+			})), Z.value && F.value && $(F.value, Q.LicensePlateDetection) && (t = !0, e.push({
+				name: "license_plate_detection",
+				icon: vr,
+				isInterface: !0,
+				tooltip: k("views.plugin.license_plate_detection_tab_tooltip")
+			})), Z.value && F.value && $(F.value, Q.ClassifierDetection) && (t = !0, e.push({
+				name: "classifier_detection",
+				icon: fr,
+				isInterface: !0,
+				tooltip: k("views.plugin.classifier_detection_tab_tooltip")
+			})), Z.value && F.value && $(F.value, Q.ClipDetection) && (t = !0, e.push({
+				name: "clip_detection",
+				icon: hr,
+				isInterface: !0,
+				tooltip: k("views.plugin.clip_detection_tab_tooltip")
+			})), Z.value && F.value && $(F.value, Q.Notifier) && (t = !0, e.push({
+				name: "notification",
+				icon: fe,
+				isInterface: !0,
+				tooltip: k("views.plugin.notification_tab_tooltip")
+			})), Oe.value && e.push({
+				name: "cameras",
+				icon: ne,
+				isInterface: !1,
+				tooltip: k("views.plugin.cameras_tab_tooltip")
+			}), U.value?.cameras.length && (X.value = U.value.cameras.filter((e) => e.plugins?.some((e) => e.name === N.value)).map((e) => e.name)), we.value = [...e], L.value?.disabled || (Me.value ? Y.value = "settings" : t ? Y.value = we.value.filter((e) => e.isInterface)[0].name : Oe.value && (Y.value = "cameras"));
+		}, {
+			deep: !0,
+			immediate: !0
+		}), E(I, (e) => {
+			e && L.value && !L.value.disabled && i.error("Error connecting to plugin:", e);
+		}), r(() => Ee?.stop()), (e, t) => {
+			let n = nt, r = Ve, i = me, d = he, f = Ce, p = Qe, g = ue, b = ce, w = Re, E = Ke, k = Zn, j = Lt, M = Je, F = de, I = le, te = ge, R = se, ne = _e, V = lt, ae = s("tooltip");
+			return o(), D("div", { key: C(N) }, [
+				P(i, { position: "left" }, {
+					default: T(() => [P(r, {
+						severity: "secondary",
+						text: "",
+						class: "cui-button p-2 text-color non-draggable-region",
+						onClick: t[0] ||= (t) => e.$router.push("/plugins")
+					}, {
+						icon: T(() => [P(n, { class: "w-6 h-6" })]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				P(i, { position: "center" }, {
+					default: T(() => [A("span", br, m(e.$t("views.plugin.title")), 1)]),
+					_: 1
+				}),
+				A("div", { class: c(["grid grid-auto grid-cols-1 lg:grid-cols-3 gap-6 lg:h-full", { "!gap-2": C(_) }]) }, [
+					A("div", xr, [C(L) ? (o(), v(p, {
+						key: C(L).pluginName,
+						plugin: C(L),
+						class: "h-[220px]"
+					}, null, 8, ["plugin"])) : (o(), v(f, {
+						key: 0,
+						class: "cui-card items-center justify-center !h-[220px]"
+					}, {
+						content: T(() => [A("div", Sr, [P(d, {
+							class: "w-[30px] h-[30px] m-0",
+							"stroke-width": "5"
+						})])]),
+						_: 1
+					}))]),
+					A("div", Cr, [A("span", wr, m(e.$t("views.plugin.settings")), 1), P(f, { class: c(["cui-card !h-auto lg:!h-full", { "items-center justify-center": C(z) || C(q) }]) }, {
+						content: T(() => [C(z) || C(q) ? (o(), D("div", Tr, [P(d, {
+							class: "w-[30px] h-[30px] m-0",
+							"stroke-width": "5"
+						})])) : (o(), D("div", Er, [A("h3", Dr, m(e.$t("views.plugin.settings")), 1), C(L)?.disabled ? (o(), D("div", Or, [A("span", null, m(e.$t("views.plugin.disabled_info")), 1)])) : (o(), v(ne, {
+							key: 1,
+							value: C(Y),
+							"onUpdate:value": t[2] ||= (e) => S(Y) ? Y.value = e : null,
+							scrollable: ""
+						}, {
+							default: T(() => [P(b, {
+								class: "justify-between",
+								pt: {
+									activeBar: { class: "!w-auto" },
+									content: { class: "border-[1px] border-color cui-rounded-corner overflow-hidden" }
+								}
+							}, {
+								default: T(() => [(o(!0), D(O, null, a(C(we), (e, t) => (o(), v(g, {
+									key: t,
+									disabled: e.isInterface && C(L)?.disabled,
+									value: e.name,
+									"as-child": ""
+								}, {
+									default: T((t) => [ee((o(), D("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
+									}), [(o(), v(h(e.icon), { class: "w-5 h-5" }))], 16, kr)), [[ae, { value: e.tooltip }]])]),
+									_: 2
+								}, 1032, ["disabled", "value"]))), 128))]),
+								_: 1
+							}), P(R, { class: "px-0 pb-0" }, {
+								default: T(() => [(o(!0), D(O, null, a(C(we), (n, i) => (o(), v(te, {
+									key: i,
+									value: n.name,
+									"as-child": ""
+								}, {
+									default: T((i) => [i.active ? (o(), D("div", l({
+										key: 0,
+										class: i.class
+									}, { ref_for: !0 }, i.a11yAttrs), [n.name === "settings" ? (o(), D("div", Ar, [C(ke) ? (o(), D("div", jr, [A("span", null, m(e.$t("views.plugin.nvr_settings_hint")), 1), P(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: T(() => [P(w, { class: "w-4 h-4" })]),
+										_: 1
+									}, 8, ["label"])])) : C(G)?.schema?.length ? (o(), v(E, {
+										key: 1,
+										"schema-form": {
+											schema: C(G).schema,
+											config: C(G).config
+										},
+										loading: C(W).isLoading.value,
+										"save-button-color": "success",
+										onOnAction: Le,
+										onOnSubmit: Be,
+										onOnFormSubmit: He
+									}, null, 8, ["schema-form", "loading"])) : (o(), D("div", Mr, [A("span", null, m(e.$t("views.plugin.no_settings")), 1)]))])) : n.name === "motion_detection" ? (o(), v(k, {
+										key: 1,
+										"plugin-name": C(N),
+										type: "motionDetection"
+									}, null, 8, ["plugin-name"])) : n.name === "object_detection" ? (o(), v(k, {
+										key: 2,
+										"plugin-name": C(N),
+										type: "objectDetection"
+									}, null, 8, ["plugin-name"])) : n.name === "segmentation" ? (o(), v(k, {
+										key: 3,
+										"plugin-name": C(N),
+										type: "segmentation"
+									}, null, 8, ["plugin-name"])) : n.name === "audio_detection" ? (o(), v(k, {
+										key: 4,
+										"plugin-name": C(N),
+										type: "audioDetection"
+									}, null, 8, ["plugin-name"])) : n.name === "face_detection" ? (o(), v(k, {
+										key: 5,
+										"plugin-name": C(N),
+										type: "faceDetection"
+									}, null, 8, ["plugin-name"])) : n.name === "face_recognition" ? (o(), v(k, {
+										key: 6,
+										"plugin-name": C(N),
+										type: "faceRecognition"
+									}, null, 8, ["plugin-name"])) : n.name === "person_embedding" ? (o(), v(k, {
+										key: 7,
+										"plugin-name": C(N),
+										type: "personEmbedding"
+									}, null, 8, ["plugin-name"])) : n.name === "license_plate_detection" ? (o(), v(k, {
+										key: 8,
+										"plugin-name": C(N),
+										type: "licensePlateDetection"
+									}, null, 8, ["plugin-name"])) : n.name === "classifier_detection" ? (o(), v(k, {
+										key: 9,
+										"plugin-name": C(N),
+										type: "classifierDetection"
+									}, null, 8, ["plugin-name"])) : n.name === "clip_detection" ? (o(), v(k, {
+										key: 10,
+										"plugin-name": C(N),
+										type: "clipDetection"
+									}, null, 8, ["plugin-name"])) : n.name === "notification" ? (o(), v(j, {
+										key: 11,
+										"plugin-name": C(N)
+									}, null, 8, ["plugin-name"])) : n.name === "cameras" ? (o(), D("div", Nr, [C(U)?.cameras?.length ? C(Z) ? (o(!0), D(O, { key: 2 }, a(C(U).cameras, (e) => (o(), D("div", {
+										key: e.name,
+										class: "cui-list-item"
+									}, [P(I, {
+										disabled: C(ve) || C(xe) || C(W).isLoading.value,
+										active: C(X).includes(e.name),
+										class: "h-14",
+										onClick: (t) => C(u).open({ cameraName: e.name })
+									}, x({
+										default: T(() => [A("span", null, m(e.name), 1)]),
+										_: 2
+									}, [!C(L) || !Fe(e, C(L).pluginName) ? {
+										name: "append",
+										fn: T(() => [P(F, {
+											"model-value": C(X).includes(e.name),
+											disabled: C(ve) || C(xe) || C(W).isLoading.value || !C(Z),
+											"onUpdate:modelValue": () => Ue(e)
+										}, null, 8, [
+											"model-value",
+											"disabled",
+											"onUpdate:modelValue"
+										])]),
+										key: "0"
+									} : void 0]), 1032, [
+										"disabled",
+										"active",
+										"onClick"
+									])]))), 128)) : (o(), D("div", Fr, [P(M, { class: "w-4 h-4 flex-shrink-0" }), A("span", null, m(e.$t("views.plugin.assignment_requires_running")), 1)])) : (o(), D("div", Pr, [A("span", null, m(e.$t("views.plugin.no_cameras")), 1)]))])) : y("", !0)], 16)) : y("", !0)]),
+									_: 2
+								}, 1032, ["value"]))), 128))]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["value"]))]))]),
+						_: 1
+					}, 8, ["class"])]),
+					P(V, {
+						class: "lg:col-span-2 order-3",
+						title: e.$t("views.plugin.readme"),
+						placeholder: e.$t("views.plugin.no_readme"),
+						content: C(re),
+						loading: C(ie)
+					}, null, 8, [
+						"title",
+						"placeholder",
+						"content",
+						"loading"
+					]),
+					P(V, {
+						class: "lg:col-span-2 order-4",
+						title: e.$t("views.plugin.changelog"),
+						placeholder: e.$t("views.plugin.no_changelog"),
+						content: C(B),
+						loading: C(H)
+					}, null, 8, [
+						"title",
+						"placeholder",
+						"content",
+						"loading"
+					])
+				], 2)
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-a86faea7"]]);
+//#endregion
+export { Ir as default };