@camera.ui/server 2.1.12 → 2.1.14-beta.0

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

@@ -0,0 +1,1404 @@
+import { m as e, p as t } from "./ripple-BilzxWfY.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-D8slQ3BU.js";
+import { t as F } from "./tooltip-BIrD_hC8.js";
+import { t as I } from "./tag-CXgC9OZ6.js";
+import { $t as te, An as L, Er as R, Jr as z, Kr as B, Lr as ne, Qt as re, W as ie, Zt as ae, bn as V, d as H, dn as U, dr as W, fn as oe, gi as se, gt as ce, kn as le, m as ue, ni as de, pn as fe, qt as pe, vr as me, xn as he, xt as ge, yr as _e } from "./api-CWJkvtnM.js";
+import { A as G, b as K, i as ve, o as ye } from "./intercomService-jB2mTgsn.js";
+import { B as q, C as be, H as xe, U as Se, V as Ce, W as we, r as Te, s as Ee, z as J } from "./pinia-3D39Do4a.js";
+import { n as De } from "./vue-i18n-Dcb07o5U.js";
+import { M as Oe, N as ke, P as Y, b as X, lt as Ae, pt as Z, ut as Q } from "./dist-Ca9_5rzq.js";
+import { i as je } from "./alert-outline-CGTMAqXf.js";
+import { t as Me } from "./button-BlYuI0Q7.js";
+import { t as Ne } from "./inputtext-DGIESrd0.js";
+import { t as Pe } from "./select-DjWkRqsI.js";
+import { t as $ } from "./multiselect-BbgV_fPx.js";
+import { t as Fe } from "./textarea-DvLkfUX7.js";
+import { t as Ie } from "./CuiSchema-dl7TXv-k.js";
+import { t as Le } from "./plugins-dkWbXWVM.js";
+import { t as Re } from "./information-outline-DIdNxPCN.js";
+import { t as ze } from "./close-circle-C2nTtN_-.js";
+import { t as Be } from "./CuiMarkdownContent-D7sCtnNQ.js";
+import { r as Ve, t as He } from "./CuiPluginCard-ChLIfOms.js";
+import { u as Ue } from "./cards-CNOyNWMA.js";
+import { t as We } from "./back-filled-Cxzg5vQg.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 = V, a = he, u = Me, d = _e, 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 = se(), l = ue(), { user: u } = Te(l), { pluginName: d } = a(t), { plugin: f } = Oe(d), p = y(() => Object.values(Ae).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: Ae.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 = W(void 0, "admin") ? [] : [u.value._id];
+					T.value = await f.value.getDevices?.(e) ?? [];
+				} catch (e) {
+					n.error("Failed to load notifier devices:", e), T.value = [];
+				} 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 = Me, u = Ue, d = _e, 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 = Me, 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 = se(), g = ce(), { type: _, pluginName: ee } = a(i), { plugin: C, isLoading: w } = Oe(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), ae = y(() => ie.value || w.value || z.value), V = 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 Ce;
+				case "video": return q;
+				case "audio": return J;
+				default: return [];
+			}
+		}), W = y(() => {
+			switch (H.value) {
+				case "image": return be;
+				case "video": return Se;
+				case "audio": return xe;
+				default: return 0;
+			}
+		}), oe = y(() => U.value.join(","));
+		async function le() {
+			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 ue(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 && le();
+		}, { 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 = Me, 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) => ue(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(V)}`)), 1),
+					E("input", {
+						id: "restoreInput",
+						ref_key: "fileInputRef",
+						ref: D,
+						type: "file",
+						class: "hidden",
+						accept: v(oe),
+						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(ae),
+					"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: {},
+		cameraName: {},
+		buttonKey: {},
+		sensorId: {},
+		pluginId: {}
+	},
+	setup(e, { expose: t }) {
+		let n = e, r = se(), o = i("dialogRef"), c = i("dialogRefProps"), { schemaConfig: l, pluginName: u, cameraName: d, buttonKey: f, sensorId: p, pluginId: h } = a(n), g = ke(u), _ = X(d, u), ee = Y(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 = H(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__*/ me(/* @__PURE__ */ A({
+	__name: "Plugin",
+	setup(e) {
+		let t = new pe(), n = new Le(), i = ye(), a = ge(), u = ne(), p = se(), C = ce(), { lgBreakpoint: T } = R(), { t: O } = De(), k = j(u.params.scope), A = j(u.params.pluginname), N = y(() => k.value ? `${k.value}/${A.value}` : A.value), { contract: P, error: I } = Oe(N);
+		n.toggleQueryActivator("getPluginContractQuery", !1);
+		let { data: V, isBusy: W } = n.getPluginQuery(N), { data: ue, isBusy: fe } = n.getPluginReadmeQuery(N), { data: me, isBusy: he } = n.getPluginChangelogQuery(N), { data: G } = n.getPluginContractQuery(N), K = ke(N), q = K.config, be = K.isLoading, { mutate: xe, isPending: Se } = t.activateCameraExtensionQuery(), { mutate: Ce, isPending: Te } = t.deactivateCameraExtensionQuery(), J = j("settings"), Y = j([]), X = j([]), Ae = j(we.UNKNOWN), Ne, Pe = y(() => !!P.value && Q(P.value, Z.NVR)), $ = y(() => Ae.value === we.READY || Ae.value === we.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 = H(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 && (X.value.includes(e.name) ? Ce({
+				cameraname: e.name,
+				pluginname: V.value.pluginName
+			}, { onSuccess: () => {
+				X.value = X.value.filter((t) => t !== e.name);
+			} }) : xe({
+				cameraname: e.name,
+				pluginname: V.value.pluginName
+			}, { onSuccess: () => {
+				X.value = [...X.value, e.name];
+			} }));
+		}
+		return x(V, (e) => {
+			if (!e || e.disabled) {
+				let e = Y.value.some((e) => e.name === "settings"), t = Y.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) => Ae.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: B,
+				isInterface: !1,
+				tooltip: O("views.plugin.settings_tab_tooltip")
+			}), $.value && P.value && Q(P.value, Z.MotionDetection) && (t = !0, e.push({
+				name: "motion_detection",
+				icon: _n,
+				isInterface: !0,
+				tooltip: O("views.plugin.motion_detection_tab_tooltip")
+			})), $.value && P.value && Q(P.value, Z.ObjectDetection) && (t = !0, e.push({
+				name: "object_detection",
+				icon: dn,
+				isInterface: !0,
+				tooltip: O("views.plugin.object_detection_tab_tooltip")
+			})), $.value && P.value && Q(P.value, Z.AudioDetection) && (t = !0, e.push({
+				name: "audio_detection",
+				icon: cn,
+				isInterface: !0,
+				tooltip: O("views.plugin.audio_detection_tab_tooltip")
+			})), $.value && P.value && Q(P.value, Z.FaceDetection) && (t = !0, e.push({
+				name: "face_detection",
+				icon: mn,
+				isInterface: !0,
+				tooltip: O("views.plugin.face_detection_tab_tooltip")
+			})), $.value && P.value && Q(P.value, Z.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 && Q(P.value, Z.ClassifierDetection) && (t = !0, e.push({
+				name: "classifier_detection",
+				icon: bn,
+				isInterface: !0,
+				tooltip: O("views.plugin.classifier_detection_tab_tooltip")
+			})), $.value && P.value && Q(P.value, Z.ClipDetection) && (t = !0, e.push({
+				name: "clip_detection",
+				icon: Cn,
+				isInterface: !0,
+				tooltip: O("views.plugin.clip_detection_tab_tooltip")
+			})), $.value && P.value && Q(P.value, Z.Notifier) && (t = !0, e.push({
+				name: "notification",
+				icon: z,
+				isInterface: !0,
+				tooltip: O("views.plugin.notification_tab_tooltip")
+			})), e.push({
+				name: "cameras",
+				icon: de,
+				isInterface: !1,
+				tooltip: O("views.plugin.cameras_tab_tooltip")
+			}), G.value?.cameras.length && (X.value = G.value.cameras.filter((e) => e.plugins?.some((e) => e.name === N.value)).map((e) => e.name)), Y.value = [...e], V.value?.disabled || (Fe.value ? J.value = "settings" : t ? J.value = Y.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 = Me, i = ie, u = _e, p = ve, g = He, y = ae, x = re, C = je, O = Ie, k = an, A = Tt, j = Re, P = le, I = L, R = te, z = U, B = oe, ne = Ze, H = 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(W) || v(be) }]) }, {
+						content: b(() => [v(W) || 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(B, {
+							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(Y), (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)), [[H, { value: e.tooltip }]])]),
+									_: 2
+								}, 1032, ["disabled", "value"]))), 128))]),
+								_: 1
+							}), M(z, { class: "px-0 pb-0" }, {
+								default: b(() => [(s(!0), S(w, null, o(v(Y), (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(X).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(X).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(ne, {
+						class: "lg:col-span-2 order-3",
+						title: e.$t("views.plugin.readme"),
+						placeholder: e.$t("views.plugin.no_readme"),
+						content: v(ue),
+						loading: v(fe)
+					}, null, 8, [
+						"title",
+						"placeholder",
+						"content",
+						"loading"
+					]),
+					M(ne, {
+						class: "lg:col-span-2 order-4",
+						title: e.$t("views.plugin.changelog"),
+						placeholder: e.$t("views.plugin.no_changelog"),
+						content: v(me),
+						loading: v(he)
+					}, null, 8, [
+						"title",
+						"placeholder",
+						"content",
+						"loading"
+					])
+				], 2)
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-2ecf2010"]]);
+//#endregion
+export { Wn as default };