@camera.ui/server 2.2.5-beta.1 → 2.2.5-beta.2

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

@@ -1,1405 +0,0 @@
-import { m as e, p as t } from "./ripple-B_itunQV.js";
-import { A as n, B as r, D as i, Dt as a, G as o, H as s, Jt as c, M as l, N as u, Wt as d, Y as f, _t as p, d as m, f as h, ft as g, g as _, gt as ee, kt as v, l as y, lt as b, ot as x, p as S, qt as C, r as w, rt as T, u as E, ut as D, v as O, wt as k, x as A, xt as j, y as M, yt as N, z as P } from "./runtime-core.esm-bundler-DCktklpY.js";
-import { t as F } from "./tooltip-X5MY9FoG.js";
-import { t as I } from "./tag-Bko2QYOK.js";
-import { $t as te, J as L, Jr as R, On as z, Or as B, Qt as ne, Xr as re, ai as ie, bi as ae, bn as V, br as oe, bt as H, dn as U, en as W, f as se, fn as ce, g as le, ht as ue, kn as de, pn as fe, qt as pe, ur as me, yn as he, yr as ge, zr as _e } from "./api-CMboY32E.js";
-import { A as G, b as K, i as ve, o as ye } from "./intercomService-WdbgAuZn.js";
-import { B as q, I as be, L as xe, R as Se, V as Ce, q as we, r as Te, s as Ee, z as J } from "./pinia-D2fpp6nV.js";
-import { n as De } from "./vue-i18n-CxWAK5Gn.js";
-import { O as Y, T as X, w as Z } from "./dist-BTp4AyuI.js";
-import { a as Oe } from "./alert-outline-BssBb-kV.js";
-import { t as ke } from "./button-DJDZxmKj.js";
-import { M as Ae, N as je, P as Q, b as Me } from "./dist-DLZYY_4u.js";
-import { t as Ne } from "./inputtext-vdcrNX6K.js";
-import { t as Pe } from "./select-CaVzuLaS.js";
-import { t as $ } from "./multiselect-B0fAnW75.js";
-import { t as Fe } from "./textarea-DrKQ6YMZ.js";
-import { t as Ie } from "./CuiSchema-BYnQRNtd.js";
-import { t as Le } from "./plugins-BAng0szW.js";
-import { t as Re } from "./information-outline-B1TiBdcz.js";
-import { t as ze } from "./close-circle-Qqtz5NiQ.js";
-import { t as Be } from "./CuiMarkdownContent-CU4eGw6l.js";
-import { r as Ve, t as He } from "./CuiPluginCard-BfRbo1oT.js";
-import { u as Ue } from "./cards-PAF_pPbZ.js";
-import { t as We } from "./back-filled-B-jI6Dqb.js";
-//#region src/components/CuiMarkdownPanel/types.ts
-var Ge = {
-	content: null,
-	loading: !1,
-	collapsedHeight: 420
-}, Ke = { class: "lg:!hidden card-title" }, qe = {
-	ref: "frame",
-	class: "flex flex-col h-full"
-}, Je = { class: "flex items-center gap-3 border-color lg:border-b-[1px] lg:mb-3 lg:pb-3" }, Ye = { class: "hidden lg:block text-base font-semibold" }, Xe = {
-	key: 0,
-	class: "flex w-full h-full items-center justify-center"
-}, Ze = /* @__PURE__ */ A({
-	__name: "CuiMarkdownPanel",
-	props: /*@__PURE__*/ n({
-		title: {},
-		placeholder: {},
-		content: {},
-		loading: { type: Boolean },
-		collapsedHeight: {}
-	}, Ge),
-	setup(e) {
-		let t = e, n = T("frame"), r = T("body"), i = j(!1), a = j(!1), o = j(t.collapsedHeight), l = y(() => !t.loading && (i.value || a.value));
-		function d() {
-			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 K(r, "load", f, { capture: !0 }), G(n, f), G(r, f), x([() => t.content, () => t.loading], () => u(f)), P(() => u(f)), (t, n) => {
-			let r = he, a = V, u = ke, d = oe, f = Be, p = ve, g = F;
-			return s(), S("div", null, [E("span", Ke, c(e.title), 1), M(p, { class: "cui-card !h-auto lg:!h-full" }, {
-				content: b(() => [E("div", qe, [E("div", Je, [E("h3", Ye, c(e.title), 1), v(l) ? D((s(), m(u, {
-					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", Xe, [M(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` })
-				}, [M(f, { content: e.content || e.placeholder }, null, 8, ["content"])], 4))], 512)]),
-				_: 1
-			})]);
-		};
-	}
-}), Qe = { class: "text-base font-semibold border-b-[1px] border-color mb-3 pb-3" }, $e = { class: "flex flex-col gap-4" }, et = { class: "flex flex-col field-gap" }, tt = { class: "cui-label" }, nt = {
-	key: 0,
-	class: "text-red-500 text-sm"
-}, rt = { class: "flex flex-col field-gap" }, it = { class: "cui-label" }, at = { class: "flex flex-col field-gap" }, ot = { class: "cui-label" }, st = { class: "flex flex-col field-gap" }, ct = { class: "cui-label" }, lt = { class: "flex flex-col field-gap" }, ut = { class: "cui-label" }, dt = { class: "flex flex-col field-gap" }, ft = { class: "cui-label" }, pt = { class: "flex flex-col field-gap" }, mt = { class: "cui-label" }, ht = { class: "flex flex-col field-gap" }, gt = { class: "cui-label" }, _t = { class: "mt-8" }, vt = { class: "text-base font-semibold border-b-[1px] border-color mb-3 pb-3" }, yt = {
-	key: 0,
-	class: "flex items-center justify-center w-full py-4"
-}, bt = {
-	key: 1,
-	class: "flex items-center justify-center text-sm text-muted py-4 text-center"
-}, xt = {
-	key: 2,
-	class: "flex flex-col field-gap"
-}, St = { class: "text-xs text-muted" }, Ct = {
-	key: 0,
-	class: "mt-8"
-}, wt = { class: "text-base font-semibold border-b-[1px] border-color mb-3 pb-3" }, Tt = /* @__PURE__ */ A({
-	__name: "CuiNotificationInterface",
-	props: { pluginName: {} },
-	setup(e) {
-		let t = e, n = ye(), { t: r } = De(), i = ae(), l = le(), { user: u } = Te(l), { pluginName: d } = a(t), { plugin: f } = Ae(d), p = y(() => Object.values(Z).map((e) => ({
-			label: r(`components.notification_interface.severity_${e}`),
-			value: e
-		}))), m = N({
-			title: "Test notification",
-			subtitle: "",
-			body: "This is a test notification from camera.ui",
-			severity: Z.Info,
-			tag: "",
-			imageUrl: "",
-			deepLink: ""
-		}), g = j([]), _ = j(!1), C = j(!1), T = k([]), D = j(!1), O = j([]), A = k(), P = j(!1), F = y(() => T.value.map((e) => ({
-			id: e.id,
-			label: e.name
-		})));
-		async function I() {
-			if (f.value && u.value?._id) {
-				D.value = !0;
-				try {
-					let e = me(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 {
-					D.value = !1;
-				}
-			}
-		}
-		async function te() {
-			if (f.value) {
-				P.value = !0;
-				try {
-					A.value = await f.value.notificationSettings?.();
-				} catch (e) {
-					n.error("Failed to load notification settings schema:", e), A.value = void 0;
-				} finally {
-					P.value = !1;
-				}
-			}
-		}
-		function L() {
-			g.value.push({
-				key: "",
-				value: ""
-			});
-		}
-		function R(e) {
-			g.value.splice(e, 1);
-		}
-		function z() {
-			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 B() {
-			let e = f.value;
-			if (e && !C.value) {
-				if (!m.title.trim()) {
-					_.value = !0;
-					return;
-				}
-				C.value = !0;
-				try {
-					let t = z(), n = O.value.length ? O.value : T.value.map((e) => e.id);
-					await e.sendNotification?.(n, t), i.add({
-						severity: "success",
-						detail: r("components.notification_interface.sent"),
-						life: 3e3
-					});
-				} catch (e) {
-					i.add({
-						severity: "error",
-						detail: e,
-						life: 3e3
-					});
-				} finally {
-					C.value = !1;
-				}
-			}
-		}
-		return x(f, (e) => {
-			e && (I(), te());
-		}, { immediate: !0 }), (e, t) => {
-			let n = Ne, r = Fe, i = Pe, a = ze, l = ke, u = Ue, d = oe, y = $, x = Ie;
-			return s(), S("div", null, [
-				E("h3", Qe, c(e.$t("components.notification_interface.template")), 1),
-				E("div", $e, [
-					E("div", et, [
-						E("label", tt, c(e.$t("components.notification_interface.title")), 1),
-						M(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", nt, c(e.$t("components.notification_interface.title_required")), 1)) : h("", !0)
-					]),
-					E("div", rt, [E("label", it, c(e.$t("components.notification_interface.subtitle")), 1), M(n, {
-						modelValue: v(m).subtitle,
-						"onUpdate:modelValue": t[2] ||= (e) => v(m).subtitle = e,
-						placeholder: e.$t("components.notification_interface.subtitle"),
-						class: "w-full"
-					}, null, 8, ["modelValue", "placeholder"])]),
-					E("div", at, [E("label", ot, c(e.$t("components.notification_interface.body")), 1), M(r, {
-						modelValue: v(m).body,
-						"onUpdate:modelValue": t[3] ||= (e) => v(m).body = e,
-						placeholder: e.$t("components.notification_interface.body"),
-						rows: "3",
-						class: "w-full"
-					}, null, 8, ["modelValue", "placeholder"])]),
-					E("div", st, [E("label", ct, c(e.$t("components.notification_interface.severity")), 1), M(i, {
-						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", lt, [E("label", ut, c(e.$t("components.notification_interface.tag")), 1), M(n, {
-						modelValue: v(m).tag,
-						"onUpdate:modelValue": t[5] ||= (e) => v(m).tag = e,
-						placeholder: "motion:cam-1",
-						class: "w-full"
-					}, null, 8, ["modelValue"])]),
-					E("div", dt, [E("label", ft, c(e.$t("components.notification_interface.image_url")), 1), M(n, {
-						modelValue: v(m).imageUrl,
-						"onUpdate:modelValue": t[6] ||= (e) => v(m).imageUrl = e,
-						placeholder: "https://…",
-						class: "w-full"
-					}, null, 8, ["modelValue"])]),
-					E("div", pt, [E("label", mt, c(e.$t("components.notification_interface.deep_link")), 1), M(n, {
-						modelValue: v(m).deepLink,
-						"onUpdate:modelValue": t[7] ||= (e) => v(m).deepLink = e,
-						placeholder: "/cameras/cam-1",
-						class: "w-full"
-					}, null, 8, ["modelValue"])]),
-					E("div", ht, [
-						E("label", gt, c(e.$t("components.notification_interface.data")), 1),
-						(s(!0), S(w, null, o(v(g), (t, r) => (s(), S("div", {
-							key: r,
-							class: "flex gap-2 items-center"
-						}, [
-							M(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"
-							]),
-							M(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"
-							]),
-							M(l, {
-								text: "",
-								rounded: "",
-								severity: "danger",
-								class: "cui-icon-md shrink-0",
-								onClick: (e) => R(r)
-							}, {
-								icon: b(() => [M(a, {
-									width: "100%",
-									height: "100%"
-								})]),
-								_: 1
-							}, 8, ["onClick"])
-						]))), 128)),
-						M(l, {
-							severity: "secondary",
-							outlined: "",
-							fluid: "",
-							class: "cui-button-medium",
-							label: e.$t("components.notification_interface.add_data"),
-							onClick: L
-						}, {
-							icon: b(() => [M(u, { class: "w-4 h-4" })]),
-							_: 1
-						}, 8, ["label"])
-					])
-				]),
-				E("div", _t, [E("h3", vt, c(e.$t("components.notification_interface.targets")), 1), v(D) ? (s(), S("div", yt, [M(d, {
-					class: "w-[24px] h-[24px] m-0",
-					"stroke-width": "5"
-				})])) : v(F).length ? (s(), S("div", xt, [E("span", St, c(e.$t("components.notification_interface.targets_hint")), 1), M(y, {
-					modelValue: v(O),
-					"onUpdate:modelValue": t[8] ||= (e) => ee(O) ? O.value = e : null,
-					options: v(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"
-				])])) : (s(), S("div", bt, c(e.$t("components.notification_interface.no_devices")), 1))]),
-				v(A)?.length ? (s(), S("div", Ct, [E("h3", wt, c(e.$t("components.notification_interface.settings")), 1), M(x, {
-					"schema-form": {
-						schema: v(A),
-						config: {}
-					},
-					loading: v(P)
-				}, null, 8, ["schema-form", "loading"])])) : h("", !0),
-				M(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: B
-				}, null, 8, [
-					"loading",
-					"disabled",
-					"label"
-				])
-			]);
-		};
-	}
-}), Et = { class: "mb-4 rounded-xl overflow-hidden w-fit mx-auto" }, Dt = ["src"], Ot = { class: "text-sm text-muted mb-4" }, kt = {
-	key: 0,
-	class: "ml-1"
-}, At = { class: "flex gap-2 mb-4" }, jt = {
-	key: 0,
-	class: "flex flex-col gap-2"
-}, Mt = { class: "text-sm truncate flex-1 mr-3" }, Nt = { class: "flex items-center gap-2 shrink-0" }, Pt = /* @__PURE__ */ A({
-	__name: "PluginClipInterface",
-	props: {
-		src: {},
-		response: {},
-		onTextSearch: { type: Function }
-	},
-	setup(e, { expose: n }) {
-		let r = e, i = ye(), a = j(""), l = j(!1), u = j([]);
-		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 = Ne, f = ke, m = I;
-			return s(), S("div", null, [
-				E("div", Et, [E("img", {
-					src: e.src,
-					alt: "CLIP test image",
-					class: "max-w-full max-h-[50vh] w-auto object-contain"
-				}, null, 8, Dt)]),
-				E("div", Ot, [O(c(e.response.embeddings.length) + " embedding(s), " + c(e.response.embeddings[0]?.embedding?.length ?? 0) + "-dim ", 1), e.response.embeddingModel ? (s(), S("span", kt, "(" + c(e.response.embeddingModel) + ")", 1)) : h("", !0)]),
-				E("div", At, [M(i, {
-					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"]), M(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", jt, [(s(!0), S(w, null, o(v(u), (e, t) => (s(), S("div", {
-					key: t,
-					class: "flex items-center justify-between p-3 rounded-lg content-background"
-				}, [E("span", Mt, c(e.query), 1), E("div", Nt, [E("div", { class: d(["text-sm font-medium", e.displayScore >= .5 ? "text-green-500" : e.displayScore >= .25 ? "text-yellow-500" : "text-red-400"]) }, c((e.displayScore * 100).toFixed(0)) + "% ", 3), M(m, {
-					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)
-			]);
-		};
-	}
-}), Ft = /* @__PURE__ */ A({
-	__name: "PluginMotionInterface",
-	props: { response: {} },
-	setup(e) {
-		let { response: t } = a(e), n = T("videoPlayerRef");
-		return P(() => {
-			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)]));
-	}
-}), It = { class: "mb-5 flex justify-center" }, Lt = { class: "relative w-fit" }, Rt = ["src"], zt = /* @__PURE__ */ A({
-	__name: "PluginObjectInterface",
-	props: {
-		src: {},
-		response: {}
-	},
-	setup(e) {
-		let { response: t, src: n } = a(e), r = y(() => t.value.detections);
-		return (e, t) => {
-			let i = fe;
-			return s(), S("div", It, [E("div", Lt, [M(i, { detections: v(r) }, null, 8, ["detections"]), E("img", {
-				src: v(n),
-				alt: "Preview",
-				class: "max-w-full max-h-[60vh] w-auto"
-			}, null, 8, Rt)])]);
-		};
-	}
-}), Bt = {
-	key: 0,
-	class: "w-full"
-}, Vt = { class: "flex flex-col justify-center items-center mb-5" }, Ht = {
-	for: "restoreInput",
-	class: "cursor-pointer text-center text-sm"
-}, Ut = ["accept"], Wt = {
-	key: 0,
-	class: "text-red-500 text-sm"
-}, Gt = {
-	key: 1,
-	class: "w-full flex flex-col items-center justify-center"
-}, Kt = {
-	key: 0,
-	class: "relative mb-4"
-}, qt = ["src"], Jt = {
-	key: 1,
-	class: "relative mb-4 w-full"
-}, Yt = {
-	key: 2,
-	class: "relative mb-4 w-full"
-}, Xt = ["src", "type"], Zt = { class: "flex items-center justify-center" }, Qt = { class: "mx-2" }, $t = { class: "text-muted" }, en = { class: "flex items-center justify-center mt-2 text-xs text-muted" }, tn = { class: "mt-10" }, nn = { class: "text-base font-semibold border-b-[1px] border-color mb-3 pb-3" }, rn = {
-	key: 0,
-	class: "flex items-center justify-center text-sm text-muted mt-5"
-}, an = /* @__PURE__ */ A({
-	__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",
-			licensePlateDetection: "drop_or_select_image_to_detect_license_plates",
-			classifierDetection: "drop_or_select_image_to_classify",
-			clipDetection: "drop_or_select_image_for_semantic_search"
-		}, i = t, o = n, l = ye(), { t: f } = De(), p = ae(), g = ue(), { type: _, pluginName: ee } = a(i), { plugin: C, isLoading: w } = Ae(ee), D = T("fileInputRef"), A = T("videoPlayerRef"), N = T("audioPlayerRef"), P = k([]), F = j(!1), I = j(!1), te = j(!1), L = j(!1), R = j(""), z = j(!1), B = j(), ne = j(!0), re = k(), ie = j(!1), V = y(() => ie.value || w.value || z.value), oe = y(() => r[_.value]), H = y(() => {
-			switch (_.value) {
-				case "objectDetection":
-				case "faceDetection":
-				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 Se;
-				case "video": return xe;
-				case "audio": return be;
-				default: return [];
-			}
-		}), W = y(() => {
-			switch (H.value) {
-				case "image": return we;
-				case "video": return q;
-				case "audio": return J;
-				default: return 0;
-			}
-		}), se = y(() => U.value.join(","));
-		async function ce() {
-			if (C.value) {
-				ie.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 "licensePlateDetection":
-							e = await C.value.licensePlateDetectionSettings?.();
-							break;
-						case "classifierDetection":
-							e = await C.value.classifierDetectionSettings?.();
-							break;
-						case "clipDetection": e = await C.value.clipSettings?.();
-					}
-					re.value = e;
-				} catch (e) {
-					l.error("Failed to load interface schema:", e), re.value = void 0;
-				} finally {
-					ie.value = !1;
-				}
-			}
-		}
-		function le(e) {
-			let t = P.value.findIndex((t) => t.name === e);
-			t > -1 && (P.value.splice(t, 1), pe(), R.value = "", H.value === "video" && A.value && (A.value.src = ""), B.value = void 0, o("update:file", null), o("update:metadata", null));
-		}
-		function de(e) {
-			if (F.value = !1, I.value = !1, L.value = !1, P.value = [], e.dataTransfer) {
-				if (e.dataTransfer.files.length > 1) I.value = !0;
-				else {
-					let t = e.dataTransfer.files[0];
-					(U.value.length === 0 || U.value.includes(t.type)) && t.size <= W.value ? (P.value.push(t), u(() => {
-						me(t);
-					})) : t.size > W.value ? L.value = !0 : I.value = !0;
-				}
-			}
-		}
-		function fe(e) {
-			I.value = !1, L.value = !1, P.value = [];
-			let t = e.target;
-			if (t && t.files) {
-				if (t.files?.length > 1) I.value = !0;
-				else if (t.files.length === 1) {
-					let e = t.files[0], n = U.value.length === 0 || U.value.includes(e.type);
-					e.size <= W.value && n ? (P.value.push(e), u(() => {
-						me(e);
-					})) : e.size > W.value ? L.value = !0 : I.value = !0;
-				}
-			}
-		}
-		function pe() {
-			D.value && (D.value.value = "");
-		}
-		function me(e) {
-			z.value = !0;
-			let t = URL.createObjectURL(e);
-			switch (H.value) {
-				case "image":
-					he(e, t);
-					break;
-				case "video":
-					ge(e, t);
-					break;
-				case "audio": _e(e, t);
-			}
-		}
-		function he(e, t) {
-			let n = new Image();
-			n.src = t, n.onload = () => {
-				R.value = n.src;
-				let t = {
-					width: n.width,
-					height: n.height
-				};
-				B.value = t, o("update:metadata", t), o("update:file", e), z.value = !1;
-			};
-		}
-		function ge(e, t) {
-			A.value && (A.value.src = t, A.value.load(), A.value.onloadeddata = () => {
-				o("update:file", e), z.value = !1;
-			});
-		}
-		function _e(e, t) {
-			R.value = t;
-			let n = new Audio();
-			n.src = t, n.onloadedmetadata = () => {
-				let t = { mimeType: e.type };
-				B.value = t, o("update:metadata", t), o("update:file", e), z.value = !1;
-			};
-		}
-		function G(e) {
-			return e < 1024 ? e + " bytes" : e < 1048576 ? (e / 1024).toFixed(1) + " KB" : (e / 1048576).toFixed(1) + " MB";
-		}
-		function K(e, t) {
-			let n = 0, r = 0, i = 0;
-			for (let a = 0; a < e.length; a++) n += e[a] * t[a], r += e[a] * e[a], i += t[a] * t[a];
-			return r && i ? n / (Math.sqrt(r) * Math.sqrt(i)) : 0;
-		}
-		async function ve(e) {
-			if (!P.value.length) {
-				te.value = !0;
-				return;
-			}
-			if (!C.value) {
-				l.error("Plugin not connected");
-				return;
-			}
-			z.value = !0;
-			try {
-				let t = await P.value[0].arrayBuffer();
-				if (_.value === "audioDetection") {
-					let n = await C.value.testAudioDetection?.(new Uint8Array(t), B.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(Ft, { 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), B.value, e);
-					if (!n) {
-						l.warn("No face detection interface available");
-						return;
-					}
-					g.openComponentDialog(zt, { data: {
-						title: f("components.dialog.title.result"),
-						hideConfirmButton: !0,
-						contentProps: {
-							src: R,
-							response: n
-						}
-					} });
-				} else if (_.value === "licensePlateDetection") {
-					let n = await C.value.testLicensePlateDetection?.(new Uint8Array(t), B.value, e);
-					if (!n) {
-						l.warn("No license plate detection interface available");
-						return;
-					}
-					g.openComponentDialog(zt, { data: {
-						title: f("components.dialog.title.result"),
-						hideConfirmButton: !0,
-						contentProps: {
-							src: R,
-							response: n
-						}
-					} });
-				} else if (_.value === "classifierDetection") {
-					let n = await C.value.testClassifierDetection?.(new Uint8Array(t), B.value, e);
-					if (!n) {
-						l.warn("No classifier detection interface available");
-						return;
-					}
-					g.openComponentDialog(zt, { data: {
-						title: f("components.dialog.title.result"),
-						hideConfirmButton: !0,
-						contentProps: {
-							src: R,
-							response: n
-						}
-					} });
-				} else if (_.value === "clipDetection") {
-					let n = await C.value.testClipEmbedding?.(new Uint8Array(t), B.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(Pt, { data: {
-						title: f("components.dialog.title.result"),
-						hideConfirmButton: !0,
-						contentProps: {
-							src: R,
-							response: n,
-							onTextSearch: async (e) => {
-								let t = n.embeddingModel, i = C.value.getTextEmbeddings ? (await C.value.getTextEmbeddings(e))?.find((e) => e.embeddingModel === t) : void 0;
-								return i ??= await C.value.getTextEmbedding(e), !i?.embedding?.length || t && i.embeddingModel && i.embeddingModel !== t ? { score: 0 } : { score: K(r, i.embedding) };
-							}
-						}
-					} });
-				} else {
-					let n = await C.value.testObjectDetection?.(new Uint8Array(t), B.value, e);
-					if (!n) {
-						l.warn("No object detection interface available");
-						return;
-					}
-					g.openComponentDialog(zt, { data: {
-						title: f("components.dialog.title.result"),
-						hideConfirmButton: !0,
-						contentProps: {
-							src: R,
-							response: n
-						}
-					} });
-				}
-			} catch (e) {
-				p.add({
-					severity: "error",
-					detail: e,
-					life: 3e3
-				});
-			} finally {
-				z.value = !1;
-			}
-		}
-		return x(C, (e) => {
-			e && ce();
-		}, { immediate: !0 }), x(P, (e) => {
-			e.length > 0 ? (te.value = !1, ne.value = !1) : (R.value = "", B.value = void 0, ne.value = !0);
-		}, {
-			immediate: !0,
-			deep: !0
-		}), (t, n) => {
-			let r = ze, i = ke, a = Ie;
-			return s(), S("div", null, [
-				E("div", {
-					class: "file-upload-box",
-					onDrop: n[1] ||= e((e) => de(e), ["prevent"]),
-					onDragover: n[2] ||= e((e) => F.value = !0, ["prevent"]),
-					onDragenter: n[3] ||= e((e) => F.value = !0, ["prevent"]),
-					onDragleave: n[4] ||= e((e) => F.value = !1, ["prevent"])
-				}, [v(P).length ? (s(), S("div", Gt, [v(H) === "image" ? (s(), S("div", Kt, [E("img", {
-					src: v(R),
-					alt: "Preview",
-					class: "w-full"
-				}, null, 8, qt)])) : v(H) === "video" ? (s(), S("div", Jt, [E("video", {
-					ref_key: "videoPlayerRef",
-					ref: A,
-					controls: "",
-					class: "w-full"
-				}, "Your browser does not support the video tag.", 512)])) : v(H) === "audio" ? (s(), S("div", Yt, [E("audio", {
-					ref_key: "audioPlayerRef",
-					ref: N,
-					controls: "",
-					class: "w-full"
-				}, [E("source", {
-					src: v(R),
-					type: v(P)[0].type
-				}, null, 8, Xt), n[5] ||= O(" Your browser does not support the audio element. ", -1)], 512)])) : h("", !0), E("div", Zt, [
-					M(i, {
-						text: "",
-						rounded: "",
-						severity: "danger",
-						class: "cui-icon-md shrink-0",
-						onClick: n[0] ||= e((e) => le(v(P)[0].name), ["stop"])
-					}, {
-						icon: b(() => [M(r, {
-							width: "100%",
-							height: "100%"
-						})]),
-						_: 1
-					}),
-					E("b", Qt, c(v(P)[0].name), 1),
-					E("span", $t, "(" + c(G(v(P)[0].size)) + ")", 1)
-				])])) : (s(), S("div", Bt, [E("div", Vt, [
-					E("label", Ht, c(t.$t(`components.detection_interface.${v(oe)}`)), 1),
-					E("input", {
-						id: "restoreInput",
-						ref_key: "fileInputRef",
-						ref: D,
-						type: "file",
-						class: "hidden",
-						accept: v(se),
-						onChange: fe
-					}, null, 40, Ut),
-					v(I) ? (s(), S("p", Wt, c(t.$t(`components.detection_interface.only_one_${v(H)}_allowed`)), 1)) : h("", !0),
-					v(te) ? (s(), S("p", {
-						key: 1,
-						class: d(["text-red-500 text-sm", { "mt-2": v(I) }])
-					}, c(t.$t(`components.detection_interface.${v(H)}_required`)), 3)) : h("", !0),
-					v(L) ? (s(), S("p", {
-						key: 2,
-						class: d(["text-red-500 text-sm", { "mt-2": v(I) || v(te) }])
-					}, c(t.$t("components.detection_interface.file_size_error")), 3)) : h("", !0)
-				])]))], 32),
-				E("div", en, [E("span", null, "(" + c(v(W) / 1024 / 1024) + "MB, " + c(v(U).join(", ")) + ")", 1)]),
-				E("div", tn, [E("h3", nn, c(t.$t("components.detection_interface.interface_config")), 1), v(re)?.length ? (s(), m(a, {
-					key: 1,
-					"schema-form": {
-						schema: v(re),
-						config: {}
-					},
-					loading: v(V),
-					"save-button-label": t.$t("components.detection_interface.detect"),
-					"disable-button": v(ne),
-					"show-button": "",
-					onOnFormSubmit: ve
-				}, null, 8, [
-					"schema-form",
-					"loading",
-					"save-button-label",
-					"disable-button"
-				])) : (s(), S("div", rn, c(t.$t("components.detection_interface.no_interface_config")), 1))])
-			]);
-		};
-	}
-}), on = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function sn(e, t) {
-	return s(), S("svg", on, [...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 cn = p({
-	name: "lucide-audio-lines",
-	render: sn
-}), ln = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function un(e, t) {
-	return s(), S("svg", ln, [...t[0] ||= [E("path", {
-		fill: "currentColor",
-		d: "M2 7V4q0-.825.588-1.412T4 2h3v2H4v3zm5 15H4q-.825 0-1.412-.587T2 20v-3h2v3h3zm10 0v-2h3v-3h2v3q0 .825-.587 1.413T20 22zm3-15V4h-3V2h3q.825 0 1.413.588T22 4v3zm-7.913 1.913Q11.5 8.325 11.5 7.5t.588-1.412T13.5 5.5t1.413.588T15.5 7.5t-.587 1.413T13.5 9.5t-1.412-.587M12.8 18h-4l1-5.1l-1.8.7V17H6v-4.7l3.95-1.7q.875-.375 1.288-.487T12 10q.525 0 .975.275T13.7 11l1 1.6q.65 1.05 1.763 1.725T19 15v2q-1.65 0-3.088-.687T13.5 14.5z"
-	}, null, -1)]]);
-}
-var dn = p({
-	name: "material-symbols-detection-and-zone",
-	render: un
-}), fn = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function pn(e, t) {
-	return s(), S("svg", fn, [...t[0] ||= [E("path", {
-		fill: "currentColor",
-		d: "M8.113 13.888Q7.75 13.525 7.75 13t.363-.888T9 11.75t.888.363t.362.887t-.363.888T9 14.25t-.888-.363m6 0q-.362-.362-.362-.887t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362t-.888-.363M12 20q3.35 0 5.675-2.325T20 12q0-.6-.075-1.162T19.65 9.75q-.525.125-1.05.188T17.5 10q-2.275 0-4.3-.975T9.75 6.3q-.8 1.95-2.287 3.388T4 11.85V12q0 3.35 2.325 5.675T12 20m0 2q-2.075 0-3.9-.787t-3.175-2.138T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22"
-	}, null, -1)]]);
-}
-var mn = p({
-	name: "material-symbols-face",
-	render: pn
-}), hn = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function gn(e, t) {
-	return s(), S("svg", hn, [...t[0] ||= [E("path", {
-		fill: "currentColor",
-		d: "M8 17q-.425 0-.712-.288T7 16t.288-.712T8 15h5q-.35-.425-.562-.925T12.1 13H10q-.425 0-.712-.288T9 12t.288-.712T10 11h2.1q.125-.575.338-1.075T13 9H4q-.425 0-.712-.288T3 8t.288-.712T4 7h13q2.075 0 3.538 1.463T22 12t-1.463 3.538T17 17zm9-2q1.25 0 2.125-.875T20 12t-.875-2.125T17 9t-2.125.875T14 12t.875 2.125T17 15M3 13q-.425 0-.712-.288T2 12t.288-.712T3 11h4q.425 0 .713.288T8 12t-.288.713T7 13zm1 4q-.425 0-.712-.288T3 16t.288-.712T4 15h1q.425 0 .713.288T6 16t-.288.713T5 17z"
-	}, null, -1)]]);
-}
-var _n = p({
-	name: "material-symbols-motion-blur-rounded",
-	render: gn
-}), vn = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function yn(e, t) {
-	return s(), S("svg", vn, [...t[0] ||= [E("path", {
-		fill: "currentColor",
-		"fill-rule": "evenodd",
-		d: "M15.586 2.758a2 2 0 0 1 2.828 0l2.829 2.828a2 2 0 0 1 0 2.829l-2.829 2.828a2 2 0 0 1-2.828 0l-2.829-2.828a2 2 0 0 1 0-2.829zM9 3a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm12 12a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2zM9 13a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2z",
-		"clip-rule": "evenodd"
-	}, null, -1)]]);
-}
-var bn = p({
-	name: "mingcute-classify-2-fill",
-	render: yn
-}), xn = {
-	viewBox: "0 0 256 256",
-	width: "1.2em",
-	height: "1.2em"
-};
-function Sn(e, t) {
-	return s(), S("svg", xn, [...t[0] ||= [E("path", {
-		fill: "currentColor",
-		d: "M200 156c0 6.5-7.33 12-16 12s-16-5.5-16-12s7.33-12 16-12s16 5.5 16 12m32-100v144a16 16 0 0 1-16 16H40a16 16 0 0 1-16-16V56a16 16 0 0 1 16-16h176a16 16 0 0 1 16 16m-88.63 116.88l-44-104a8 8 0 0 0-14.74 0l-44 104a8 8 0 0 0 14.74 6.24L66.84 152h50.32l11.47 27.12a8 8 0 0 0 14.74-6.24M216 124c0-15.44-14.36-28-32-28a34.86 34.86 0 0 0-20.78 6.68a8 8 0 0 0 9.56 12.83A18.84 18.84 0 0 1 184 112c8.56 0 15.8 5.36 16 11.76v8a35.24 35.24 0 0 0-16-3.76c-17.64 0-32 12.56-32 28s14.36 28 32 28a35.1 35.1 0 0 0 16.93-4.26A8 8 0 0 0 216 176ZM73.61 136h36.78L92 92.53Z"
-	}, null, -1)]]);
-}
-var Cn = p({
-	name: "ph-text-aa-fill",
-	render: Sn
-}), wn = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function Tn(e, t) {
-	return s(), S("svg", wn, [...t[0] ||= [E("g", { fill: "currentColor" }, [E("path", { d: "M12.75 3C12.75 2.58579 12.4142 2.25 12 2.25C11.5858 2.25 11.25 2.58579 11.25 3V5C11.25 5.41421 11.5858 5.75 12 5.75C12.4142 5.75 12.75 5.41421 12.75 5V3Z" }), E("path", {
-		"fill-rule": "evenodd",
-		d: "M22.75 12.0565C22.75 13.8943 22.75 15.3499 22.5969 16.4891C22.4392 17.6615 22.1071 18.6105 21.3588 19.3588C20.6104 20.1072 19.6614 20.4393 18.489 20.597C17.3498 20.7501 15.8942 20.7501 14.0565 20.7501H9.94348C8.10577 20.7501 6.65017 20.7501 5.51098 20.597C4.33856 20.4393 3.38961 20.1072 2.64124 19.3588C1.89288 18.6105 1.56076 17.6615 1.40314 16.4891C1.24997 15.3499 1.24999 13.8943 1.25 12.0565L1.25 11.7725C1.25002 11.5529 1.25011 11.3388 1.25053 11.1303C1.25132 10.7466 1.25327 10.3814 1.25806 10.034C1.27152 9.05873 1.30741 8.22316 1.40314 7.51116C1.56076 6.33873 1.89288 5.38978 2.64124 4.64142C3.38961 3.89306 4.33856 3.56094 5.51098 3.40331C6.22742 3.30699 7.069 3.27125 8.05206 3.25799C8.2173 3.25576 8.47469 3.25412 8.74859 3.25292C9.3014 3.2505 9.75 3.69873 9.75 4.25155V5.00008C9.75 6.24272 10.7574 7.25008 12 7.25008C13.2426 7.25008 14.25 6.24272 14.25 5.00008V4.25028C14.25 3.69796 14.698 3.24935 15.2503 3.25196C16.5391 3.25806 17.6086 3.28494 18.489 3.40331C19.6614 3.56094 20.6104 3.89306 21.3588 4.64142C22.1071 5.38978 22.4392 6.33873 22.5969 7.51116C22.75 8.65036 22.75 10.1059 22.75 11.9437V12.0565ZM8 9.75008C7.58579 9.75008 7.25 10.0859 7.25 10.5001C7.25 10.9143 7.58579 11.2501 8 11.2501H16C16.4142 11.2501 16.75 10.9143 16.75 10.5001C16.75 10.0859 16.4142 9.75008 16 9.75008H8ZM8 13.2501C7.58579 13.2501 7.25 13.5859 7.25 14.0001C7.25 14.4143 7.58579 14.7501 8 14.7501H13.5C13.9142 14.7501 14.25 14.4143 14.25 14.0001C14.25 13.5859 13.9142 13.2501 13.5 13.2501H8Z",
-		"clip-rule": "evenodd"
-	})], -1)]]);
-}
-var En = p({
-	name: "solar-plate-bold",
-	render: Tn
-}), Dn = /* @__PURE__ */ A({
-	__name: "PluginSchema",
-	props: {
-		schemaConfig: {},
-		pluginName: {},
-		cameraId: {},
-		buttonKey: {},
-		sensorId: {},
-		pluginId: {}
-	},
-	setup(e, { expose: t }) {
-		let n = e, r = ae(), o = i("dialogRef"), c = i("dialogRefProps"), { schemaConfig: l, pluginName: u, cameraId: d, buttonKey: f, sensorId: p, pluginId: h } = a(n), g = je(u), _ = Me(d, u), ee = Q(p, h), b = j({
-			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 = se(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 = Ie;
-			return s(), m(n, {
-				"schema-form": v(b),
-				loading: v(w),
-				"show-button": "",
-				onOnAction: T,
-				onOnFormSubmit: E
-			}, null, 8, ["schema-form", "loading"]);
-		};
-	}
-}), On = { class: "font-semibold text-xl truncate" }, kn = { class: "lg:col-span-2 order-1 !h-[220px]" }, An = { class: "flex w-full h-full items-center justify-center" }, jn = { class: "lg:col-span-1 lg:row-span-3 order-2" }, Mn = { class: "lg:!hidden card-title" }, Nn = {
-	key: 0,
-	class: "w-full h-full flex items-center justify-center"
-}, Pn = { key: 1 }, Fn = { class: "hidden lg:block text-base font-semibold border-b-[1px] border-color mb-3 pb-3" }, In = {
-	key: 0,
-	class: "flex items-center justify-center w-full h-full text-muted text-sm"
-}, Ln = ["onClick"], Rn = {
-	key: 0,
-	class: "w-full h-full"
-}, zn = {
-	key: 0,
-	class: "flex flex-col items-center justify-center w-full h-full text-muted text-sm gap-3 text-center"
-}, Bn = {
-	key: 2,
-	class: "flex items-center justify-center w-full h-full text-muted text-sm"
-}, Vn = {
-	key: 9,
-	class: "w-full h-full"
-}, Hn = {
-	key: 0,
-	class: "flex items-center justify-center w-full h-full text-muted text-sm"
-}, Un = {
-	key: 1,
-	class: "flex items-center justify-center gap-2 w-full h-full text-muted text-sm"
-}, Wn = /*#__PURE__*/ ge(/* @__PURE__ */ A({
-	__name: "Plugin",
-	setup(e) {
-		let t = new pe(), n = new Le(), i = ye(), a = H(), u = _e(), p = ae(), C = ue(), { lgBreakpoint: T } = B(), { t: O } = De(), k = j(u.params.scope), A = j(u.params.pluginname), N = y(() => k.value ? `${k.value}/${A.value}` : A.value), { contract: P, error: I } = Ae(N);
-		n.toggleQueryActivator("getPluginContractQuery", !1);
-		let { data: V, isBusy: le } = n.getPluginQuery(N), { data: fe, isBusy: me } = n.getPluginReadmeQuery(N), { data: he, isBusy: ge } = n.getPluginChangelogQuery(N), { data: G } = n.getPluginContractQuery(N), K = je(N), q = K.config, be = K.isLoading, { mutate: xe, isPending: Se } = t.activateCameraExtensionQuery(), { mutate: we, isPending: Te } = t.deactivateCameraExtensionQuery(), J = j("settings"), Z = j([]), Q = j([]), Me = j(Ce.UNKNOWN), Ne, Pe = y(() => !!P.value && X(P.value, Y.NVR)), $ = y(() => Me.value === Ce.READY || Me.value === Ce.STARTED), Fe = y(() => $.value ? Pe.value || q.value?.schema?.length ? !0 : be.value : !1);
-		function ze(e, t) {
-			return e.pluginInfo?.name === t;
-		}
-		async function Be(e) {
-			try {
-				await K.setValue(e.key, void 0), p.add({
-					severity: "success",
-					detail: O("components.toast.config_updated"),
-					life: 3e3
-				});
-			} catch (e) {
-				p.add({
-					severity: "error",
-					detail: e,
-					life: 3e3
-				});
-			}
-		}
-		async function Ue(e) {
-			try {
-				let t = await K.submitValue(e.key, e.payload);
-				if (t?.toast) {
-					let e = se(t.toast.type);
-					p.add({
-						severity: e,
-						detail: t.toast.message,
-						life: 3e3
-					});
-				}
-				t?.schema?.length && C.openComponentDialog(Dn, { data: {
-					title: O("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 Ge(e) {
-			if (q.value?.schema.length) try {
-				let t = Ee(q.value.schema, e);
-				await K.setConfig(t), p.add({
-					severity: "success",
-					detail: O("components.toast.config_updated"),
-					life: 3e3
-				});
-			} catch (e) {
-				p.add({
-					severity: "error",
-					detail: e,
-					life: 3e3
-				});
-			}
-		}
-		async function Ke(e) {
-			V.value && V.value.contract && (Q.value.includes(e.name) ? we({
-				cameraname: e.name,
-				pluginname: V.value.pluginName
-			}, { onSuccess: () => {
-				Q.value = Q.value.filter((t) => t !== e.name);
-			} }) : xe({
-				cameraname: e.name,
-				pluginname: V.value.pluginName
-			}, { onSuccess: () => {
-				Q.value = [...Q.value, e.name];
-			} }));
-		}
-		return x(V, (e) => {
-			if (!e || e.disabled) {
-				let e = Z.value.some((e) => e.name === "settings"), t = Z.value.some((e) => e.name === "cameras");
-				e ? J.value = "settings" : t && (J.value = "cameras");
-			}
-		}, { deep: !0 }), x(u, () => {
-			A.value = u.params.pluginname;
-		}, {
-			deep: !0,
-			immediate: !0
-		}), x([V, K.isConnected], async ([e, t]) => {
-			e && !e.disabled && t && await K.getConfig();
-		}, { immediate: !0 }), x(N, (e) => {
-			Ne?.stop(), e && (Ne = g(), Ne.run(() => {
-				let t = Ve(e);
-				t.connect(), x(t.status, (e) => Me.value = e, { immediate: !0 });
-			}));
-		}, { immediate: !0 }), x(q, () => {
-			q.value ? n.toggleQueryActivator("getPluginContractQuery", !0) : n.toggleQueryActivator("getPluginContractQuery", !1);
-		}, {
-			deep: !0,
-			immediate: !0
-		}), x([
-			G,
-			q,
-			P,
-			Fe,
-			$
-		], () => {
-			let e = [], t = !1;
-			Fe.value && e.push({
-				name: "settings",
-				icon: R,
-				isInterface: !1,
-				tooltip: O("views.plugin.settings_tab_tooltip")
-			}), $.value && P.value && X(P.value, Y.MotionDetection) && (t = !0, e.push({
-				name: "motion_detection",
-				icon: _n,
-				isInterface: !0,
-				tooltip: O("views.plugin.motion_detection_tab_tooltip")
-			})), $.value && P.value && X(P.value, Y.ObjectDetection) && (t = !0, e.push({
-				name: "object_detection",
-				icon: dn,
-				isInterface: !0,
-				tooltip: O("views.plugin.object_detection_tab_tooltip")
-			})), $.value && P.value && X(P.value, Y.AudioDetection) && (t = !0, e.push({
-				name: "audio_detection",
-				icon: cn,
-				isInterface: !0,
-				tooltip: O("views.plugin.audio_detection_tab_tooltip")
-			})), $.value && P.value && X(P.value, Y.FaceDetection) && (t = !0, e.push({
-				name: "face_detection",
-				icon: mn,
-				isInterface: !0,
-				tooltip: O("views.plugin.face_detection_tab_tooltip")
-			})), $.value && P.value && X(P.value, Y.LicensePlateDetection) && (t = !0, e.push({
-				name: "license_plate_detection",
-				icon: En,
-				isInterface: !0,
-				tooltip: O("views.plugin.license_plate_detection_tab_tooltip")
-			})), $.value && P.value && X(P.value, Y.ClassifierDetection) && (t = !0, e.push({
-				name: "classifier_detection",
-				icon: bn,
-				isInterface: !0,
-				tooltip: O("views.plugin.classifier_detection_tab_tooltip")
-			})), $.value && P.value && X(P.value, Y.ClipDetection) && (t = !0, e.push({
-				name: "clip_detection",
-				icon: Cn,
-				isInterface: !0,
-				tooltip: O("views.plugin.clip_detection_tab_tooltip")
-			})), $.value && P.value && X(P.value, Y.Notifier) && (t = !0, e.push({
-				name: "notification",
-				icon: re,
-				isInterface: !0,
-				tooltip: O("views.plugin.notification_tab_tooltip")
-			})), e.push({
-				name: "cameras",
-				icon: ie,
-				isInterface: !1,
-				tooltip: O("views.plugin.cameras_tab_tooltip")
-			}), G.value?.cameras.length && (Q.value = G.value.cameras.filter((e) => e.plugins?.some((e) => e.name === N.value)).map((e) => e.name)), Z.value = [...e], V.value?.disabled || (Fe.value ? J.value = "settings" : t ? J.value = Z.value.filter((e) => e.isInterface)[0].name : J.value = "cameras");
-		}, {
-			deep: !0,
-			immediate: !0
-		}), x(I, (e) => {
-			e && V.value && !V.value.disabled && i.error("Error connecting to plugin:", e);
-		}), r(() => Ne?.stop()), (e, t) => {
-			let n = We, r = ke, i = L, u = oe, p = ve, g = He, y = ne, x = te, C = Oe, O = Ie, k = an, A = Tt, j = Re, P = z, I = de, R = W, B = U, re = ce, ie = Ze, ae = F;
-			return s(), S("div", { key: v(N) }, [
-				M(i, { position: "left" }, {
-					default: b(() => [M(r, {
-						severity: "secondary",
-						text: "",
-						class: "cui-button p-2 text-color non-draggable-region",
-						onClick: t[0] ||= (t) => e.$router.push("/plugins")
-					}, {
-						icon: b(() => [M(n, { class: "w-6 h-6" })]),
-						_: 1
-					})]),
-					_: 1
-				}),
-				M(i, { position: "center" }, {
-					default: b(() => [E("span", On, c(e.$t("views.plugin.title")), 1)]),
-					_: 1
-				}),
-				E("div", { class: d(["grid grid-auto grid-cols-1 lg:grid-cols-3 gap-6 lg:h-full", { "!gap-2": v(T) }]) }, [
-					E("div", kn, [v(V) ? (s(), m(g, {
-						key: v(V).pluginName,
-						plugin: v(V),
-						class: "h-[220px]"
-					}, null, 8, ["plugin"])) : (s(), m(p, {
-						key: 0,
-						class: "cui-card items-center justify-center !h-[220px]"
-					}, {
-						content: b(() => [E("div", An, [M(u, {
-							class: "w-[30px] h-[30px] m-0",
-							"stroke-width": "5"
-						})])]),
-						_: 1
-					}))]),
-					E("div", jn, [E("span", Mn, c(e.$t("views.plugin.settings")), 1), M(p, { class: d(["cui-card !h-auto lg:!h-full", { "items-center justify-center": v(le) || v(be) }]) }, {
-						content: b(() => [v(le) || v(be) ? (s(), S("div", Nn, [M(u, {
-							class: "w-[30px] h-[30px] m-0",
-							"stroke-width": "5"
-						})])) : (s(), S("div", Pn, [E("h3", Fn, c(e.$t("views.plugin.settings")), 1), v(V)?.disabled ? (s(), S("div", In, [E("span", null, c(e.$t("views.plugin.disabled_info")), 1)])) : (s(), m(re, {
-							key: 1,
-							value: v(J),
-							"onUpdate:value": t[2] ||= (e) => ee(J) ? J.value = e : null,
-							scrollable: ""
-						}, {
-							default: b(() => [M(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(Z), (e, t) => (s(), m(y, {
-									key: t,
-									disabled: e.isInterface && v(V)?.disabled,
-									value: e.name,
-									"as-child": ""
-								}, {
-									default: b((t) => [D((s(), S("div", l({ ref_for: !0 }, t.a11yAttrs, {
-										class: ["flex flex-col items-center justify-center flex-1 content-background !py-3 h-[55px]", [{ "hover:!text-color active:!text-color focus:!text-color": !t.active }, t.class]],
-										onClick: t.onClick
-									}), [(s(), m(f(e.icon), { class: "w-5 h-5" }))], 16, Ln)), [[ae, { value: e.tooltip }]])]),
-									_: 2
-								}, 1032, ["disabled", "value"]))), 128))]),
-								_: 1
-							}), M(B, { class: "px-0 pb-0" }, {
-								default: b(() => [(s(!0), S(w, null, o(v(Z), (n, i) => (s(), m(R, {
-									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", Rn, [v(Pe) ? (s(), S("div", zn, [E("span", null, c(e.$t("views.plugin.nvr_settings_hint")), 1), M(r, {
-										class: "cui-button-medium whitespace-nowrap",
-										label: e.$t("views.plugin.nvr_settings_button"),
-										onClick: t[1] ||= (t) => e.$router.push("/settings/recordings")
-									}, {
-										icon: b(() => [M(C, { class: "w-4 h-4" })]),
-										_: 1
-									}, 8, ["label"])])) : v(q)?.schema?.length ? (s(), m(O, {
-										key: 1,
-										"schema-form": {
-											schema: v(q).schema,
-											config: v(q).config
-										},
-										loading: v(K).isLoading.value,
-										"save-button-color": "success",
-										onOnAction: Be,
-										onOnSubmit: Ue,
-										onOnFormSubmit: Ge
-									}, null, 8, ["schema-form", "loading"])) : (s(), S("div", Bn, [E("span", null, c(e.$t("views.plugin.no_settings")), 1)]))])) : n.name === "motion_detection" ? (s(), m(k, {
-										key: 1,
-										"plugin-name": v(N),
-										type: "motionDetection"
-									}, null, 8, ["plugin-name"])) : n.name === "object_detection" ? (s(), m(k, {
-										key: 2,
-										"plugin-name": v(N),
-										type: "objectDetection"
-									}, null, 8, ["plugin-name"])) : n.name === "audio_detection" ? (s(), m(k, {
-										key: 3,
-										"plugin-name": v(N),
-										type: "audioDetection"
-									}, null, 8, ["plugin-name"])) : n.name === "face_detection" ? (s(), m(k, {
-										key: 4,
-										"plugin-name": v(N),
-										type: "faceDetection"
-									}, null, 8, ["plugin-name"])) : n.name === "license_plate_detection" ? (s(), m(k, {
-										key: 5,
-										"plugin-name": v(N),
-										type: "licensePlateDetection"
-									}, null, 8, ["plugin-name"])) : n.name === "classifier_detection" ? (s(), m(k, {
-										key: 6,
-										"plugin-name": v(N),
-										type: "classifierDetection"
-									}, null, 8, ["plugin-name"])) : n.name === "clip_detection" ? (s(), m(k, {
-										key: 7,
-										"plugin-name": v(N),
-										type: "clipDetection"
-									}, null, 8, ["plugin-name"])) : n.name === "notification" ? (s(), m(A, {
-										key: 8,
-										"plugin-name": v(N)
-									}, null, 8, ["plugin-name"])) : n.name === "cameras" ? (s(), S("div", Vn, [v(G)?.cameras?.length ? v($) ? (s(!0), S(w, { key: 2 }, o(v(G).cameras, (e) => (s(), S("div", {
-										key: e.name,
-										class: "cui-list-item"
-									}, [M(I, {
-										disabled: v(Se) || v(Te) || v(K).isLoading.value,
-										active: v(Q).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(V) || !ze(e, v(V).pluginName) ? {
-										name: "append",
-										fn: b(() => [M(P, {
-											"model-value": v(Q).includes(e.name),
-											disabled: v(Se) || v(Te) || v(K).isLoading.value || !v($),
-											"onUpdate:modelValue": () => Ke(e)
-										}, null, 8, [
-											"model-value",
-											"disabled",
-											"onUpdate:modelValue"
-										])]),
-										key: "0"
-									} : void 0]), 1032, [
-										"disabled",
-										"active",
-										"onClick"
-									])]))), 128)) : (s(), S("div", Un, [M(j, { class: "w-4 h-4 flex-shrink-0" }), E("span", null, c(e.$t("views.plugin.assignment_requires_running")), 1)])) : (s(), S("div", Hn, [E("span", null, c(e.$t("views.plugin.no_cameras")), 1)]))])) : h("", !0)], 16)) : h("", !0)]),
-									_: 2
-								}, 1032, ["value"]))), 128))]),
-								_: 1
-							})]),
-							_: 1
-						}, 8, ["value"]))]))]),
-						_: 1
-					}, 8, ["class"])]),
-					M(ie, {
-						class: "lg:col-span-2 order-3",
-						title: e.$t("views.plugin.readme"),
-						placeholder: e.$t("views.plugin.no_readme"),
-						content: v(fe),
-						loading: v(me)
-					}, null, 8, [
-						"title",
-						"placeholder",
-						"content",
-						"loading"
-					]),
-					M(ie, {
-						class: "lg:col-span-2 order-4",
-						title: e.$t("views.plugin.changelog"),
-						placeholder: e.$t("views.plugin.no_changelog"),
-						content: v(he),
-						loading: v(ge)
-					}, null, 8, [
-						"title",
-						"placeholder",
-						"content",
-						"loading"
-					])
-				], 2)
-			]);
-		};
-	}
-}), [["__scopeId", "data-v-2ecf2010"]]);
-//#endregion
-export { Wn as default };