@camera.ui/server 2.1.11 → 2.1.13

package/dist/interface/ha/Workers-CEJtdSu-.js

@@ -0,0 +1,765 @@
+import { B as e, F as t, H as n, Jt as r, N as i, d as a, f as o, ft as s, gt as c, kt as l, l as u, lt as d, ot as f, p, r as m, u as h, v as g, x as _, xt as v, y, yt as ee } from "./runtime-core.esm-bundler-D8slQ3BU.js";
+import { t as te } from "./message-C8U_kMBA.js";
+import { $r as ne, Dt as re, Er as b, Et as ie, Ot as ae, Tt as x, W as oe, Xr as se, gi as S, gt as ce, kn as le, qt as ue, r as de, si as C, vr as w, yr as fe, z as pe } from "./api-CWJkvtnM.js";
+import { i as me } from "./intercomService-jB2mTgsn.js";
+import { n as T } from "./vue-i18n-Dcb07o5U.js";
+import { t as he } from "./button-BlYuI0Q7.js";
+import { t as ge } from "./inputtext-DGIESrd0.js";
+import { t as _e } from "./select-DjWkRqsI.js";
+import { i as ve, t as ye } from "./CuiDataTable-Cx9GBqsV.js";
+import { t as be } from "./inputnumber-B1Buq8Nc.js";
+import { t as E } from "./plugins-dkWbXWVM.js";
+import { t as D } from "./api-BmNBy1ay.js";
+import { t as xe } from "./back-filled-Cxzg5vQg.js";
+import { t as Se } from "./pencil-outline-BqfTDXIh.js";
+import { c as Ce, t as we } from "./CuiChartTable-7EnAA-WG.js";
+import { n as Te, t as Ee } from "./updates-BdVmkKAa.js";
+//#region src/components/CuiDialog/templates/RenameWorker/RenameWorker.vue?vue&type=script&setup=true&lang.ts
+var O = { class: "flex flex-col gap-2 w-full" }, k = {
+	for: "workerName",
+	class: "cui-label"
+}, De = /* @__PURE__ */ _({
+	__name: "RenameWorker",
+	props: { currentName: {} },
+	setup(e, { expose: t }) {
+		let i = v(e.currentName);
+		return t({ onConfirm: async () => i.value.trim() || null }), (e, t) => {
+			let a = ge;
+			return n(), p("div", O, [h("label", k, r(e.$t("views.workers.name")), 1), y(a, {
+				id: "workerName",
+				modelValue: l(i),
+				"onUpdate:modelValue": t[0] ||= (e) => c(i) ? i.value = e : null,
+				class: "w-full",
+				autofocus: ""
+			}, null, 8, ["modelValue"])]);
+		};
+	}
+}), A = ee({
+	workers: [],
+	workerHistory: {}
+}), j = null, M = null;
+function N(e) {
+	let t = A.workers.findIndex((t) => t.agentId === e.agentId);
+	if (t !== -1) {
+		let n = [...A.workers];
+		n[t] = e, A.workers = n;
+	} else A.workers = [...A.workers, e];
+	let n = A.workerHistory[e.agentId] ?? [];
+	A.workerHistory = {
+		...A.workerHistory,
+		[e.agentId]: [...n, e].slice(-30)
+	};
+}
+async function P() {
+	if (M?.ready.value) try {
+		A.workers = await M.request("get-workers");
+	} catch {}
+}
+async function F() {
+	if (M?.ready.value) try {
+		A.workerHistory = await M.request("get-worker-history");
+	} catch {}
+}
+async function I() {
+	await Promise.all([P(), F()]);
+}
+function L() {
+	return M || (j = s(!0), j.run(() => {
+		let e = C("/workers");
+		M = e, e.on("worker-update", (e) => N(e)), e.on("worker-removed", ({ agentId: e }) => {
+			A.workers = A.workers.filter((t) => t.agentId !== e);
+			let t = { ...A.workerHistory };
+			delete t[e], A.workerHistory = t;
+		}), e.onReady(() => {
+			I();
+		});
+	}), M);
+}
+function Oe() {
+	function e() {
+		L();
+	}
+	function t() {}
+	return {
+		isConnected: u(() => M?.connected.value ?? !1),
+		workers: u(() => A.workers),
+		workerHistory: u(() => A.workerHistory),
+		connect: e,
+		disconnect: t,
+		loadAll: I
+	};
+}
+//#endregion
+//#region src/views/Workers.vue?vue&type=script&setup=true&lang.ts
+var ke = {
+	key: 0,
+	class: "page-title"
+}, Ae = {
+	key: 1,
+	class: "w-full h-full flex items-center justify-center"
+}, je = {
+	key: 2,
+	class: "flex flex-col w-full gap-6"
+}, Me = { class: "card-title" }, Ne = { class: "flex flex-col gap-6" }, Pe = { class: "flex items-center gap-4" }, Fe = { class: "flex flex-col field-switch-gap" }, Ie = { class: "cui-label-switch" }, Le = { class: "flex flex-col field-gap" }, Re = {
+	for: "master-address",
+	class: "cui-label"
+}, ze = { class: "flex flex-col field-gap" }, Be = {
+	for: "leaf-port",
+	class: "cui-label"
+}, Ve = { class: "flex flex-row items-end justify-end" }, He = { key: 0 }, Ue = { class: "card-title" }, We = { class: "flex flex-col items-center justify-center gap-4 py-6" }, Ge = { class: "text-muted text-sm" }, Ke = { key: 1 }, qe = { class: "card-title" }, Je = { class: "text-sm block mb-6" }, Ye = { class: "text-muted text-sm" }, Xe = { class: "font-bold text-color text-sm" }, Ze = { key: 2 }, Qe = { class: "card-title" }, $e = { class: "text-sm block mb-6" }, et = { class: "text-muted text-sm" }, tt = { class: "flex flex-col" }, nt = { class: "font-bold text-color text-sm" }, rt = {
+	key: 0,
+	class: "text-muted text-xs"
+}, it = { key: 3 }, at = { class: "card-title" }, ot = { class: "flex flex-col gap-6" }, st = { class: "text-sm" }, ct = { class: "flex flex-col field-gap" }, lt = { class: "cui-label" }, ut = { class: "flex flex-col field-gap" }, dt = { class: "flex flex-row items-center justify-between" }, ft = { class: "cui-label" }, pt = { class: "pairing-snippet" }, mt = { class: "flex flex-row items-end justify-end" }, R = /*#__PURE__*/ w(/* @__PURE__ */ _({
+	__name: "Workers",
+	setup(s) {
+		let { t: _ } = T(), { smBreakpoint: ee } = b(), C = ce(), w = Ee(), O = S(), k = Oe(), { workers: A, workerHistory: j, isConnected: M } = k, N = new D(), P = new ue(), F = new E(), I = new Te(), { data: L, isLoading: R } = P.getCamerasQuery(v({
+			page: 1,
+			pageSize: 999
+		})), { data: ht, isLoading: gt } = F.getPluginsQuery(v({
+			page: 1,
+			pageSize: 999
+		})), { data: z } = I.getConfigQuery(), { mutateAsync: _t, isPending: vt } = I.patchConfigQuery(), { mutateAsync: yt } = I.assignCameraQuery(), { mutateAsync: bt } = I.unassignCameraQuery(), { mutateAsync: xt } = I.restartWorkerQuery(), { mutateAsync: St } = I.updateWorkerQuery(), { mutateAsync: Ct, isPending: wt } = I.createPairingQuery(), { mutateAsync: Tt } = I.removeWorkerQuery(), { mutateAsync: Et } = I.assignPluginQuery(), { mutateAsync: Dt } = I.unassignPluginQuery(), { mutateAsync: Ot } = I.renameWorkerQuery(), { data: kt } = N.apiInfoQuery(), At = {
+			bodyRow: { class: "text-sm text-secondary" },
+			column: { columnTitle: { class: "text-sm font-semibold" } }
+		}, jt = v(!1), B = v([]), V = v([]), H = v([]), U = v(/* @__PURE__ */ new Set()), W = v(/* @__PURE__ */ new Set()), G = v(null), K = v(""), q = v(7422), Mt = !1, J = /* @__PURE__ */ new Map(), Nt = u(() => L.value?.result ?? []), Pt = u(() => ht.value?.result ?? []), Y = u(() => z.value?.enabled ?? !1), Ft = u(() => (z.value?.suggestedAddresses ?? []).map((e) => ({
+			label: e,
+			value: e
+		}))), X = u(() => q.value !== (z.value?.port ?? 7422)), It = u(() => K.value !== (z.value?.address ?? "") || X.value), Lt = u(() => new Set(A.value.map((e) => e.agentId))), Z = u(() => w.targetServerVersion ?? kt.value?.version), Rt = u(() => G.value ? Math.max(0, Math.round((G.value.expiresAt - Date.now()) / 6e4)) : 0), zt = u(() => G.value ? [
+			"worker:",
+			`  master: ${G.value.address || "<MASTER_IP>"}`,
+			`  apiPort: ${G.value.apiPort}`,
+			`  pairingCode: ${G.value.code}`,
+			"  name: my-worker",
+			"  capabilities:",
+			"    - frameDecoding",
+			"    - pluginHost"
+		].join("\n") : ""), Bt = u(() => [
+			{
+				type: "indicator",
+				field: "status",
+				columnProps: {
+					headerClass: "w-5 max-w-5",
+					class: "w-5 max-w-5"
+				},
+				color(e) {
+					return e.online ? e.versionMismatch ? "orange" : "green" : "red";
+				},
+				tooltip(e) {
+					return e.online ? e.update?.error ? _("views.workers.update_failed", { error: e.update.error }) : e.update?.updating ? _("views.workers.updating") : e.versionMismatch ? _("views.workers.version_mismatch", { version: e.version || "?" }) : _("views.workers.online") : _("views.workers.offline");
+				}
+			},
+			{
+				type: "category",
+				field: "name",
+				name: _("views.workers.name"),
+				columnProps: {
+					headerClass: "w-40 min-w-40 max-w-40",
+					class: "w-40 min-w-40 max-w-40"
+				},
+				props: { class: "font-bold text-color" }
+			},
+			{
+				type: "category",
+				field: (e) => e.version ? e.versionMismatch && Z.value ? `v${e.version} → v${Z.value}` : `v${e.version}` : "—",
+				name: _("views.workers.version"),
+				asChip: !0,
+				columnProps: {
+					headerClass: "min-w-30",
+					class: "min-w-30"
+				}
+			},
+			{
+				type: "category",
+				field: (e) => e.platform ? `${e.platform.os}/${e.platform.arch}` : "—",
+				name: _("views.workers.platform"),
+				asChip: !0,
+				columnProps: {
+					headerClass: "min-w-40",
+					class: "min-w-40"
+				}
+			},
+			{
+				type: "category",
+				field: (e) => e.pid?.toString() ?? "—",
+				name: _("views.workers.pid"),
+				columnProps: {
+					headerClass: "min-w-20",
+					class: "min-w-20"
+				}
+			},
+			{
+				type: "category",
+				field: (e) => e.cpuLoad === void 0 ? "—" : `${e.cpuLoad}%`,
+				name: _("views.workers.cpu"),
+				asChip: !0,
+				columnProps: {
+					headerClass: "min-w-30",
+					class: "min-w-30"
+				}
+			},
+			{
+				type: "chart",
+				field: "cpu_chart",
+				for: "cpuLoad",
+				columnProps: {
+					headerClass: "min-w-[250px]",
+					class: "min-w-[250px]"
+				}
+			},
+			{
+				type: "category",
+				field: (e) => e.memLoad === void 0 ? "—" : `${e.memLoad}%`,
+				name: _("views.workers.memory"),
+				asChip: !0,
+				columnProps: {
+					headerClass: "min-w-30",
+					class: "min-w-30"
+				}
+			},
+			{
+				type: "chart",
+				field: "memory_chart",
+				for: "memLoad",
+				columnProps: {
+					headerClass: "min-w-[250px]",
+					class: "min-w-[250px]"
+				}
+			},
+			{
+				type: "action",
+				field: "actions",
+				columnProps: { class: "text-right" },
+				buttons: [
+					{
+						icon: Se,
+						buttonProps: { severity: "secondary" },
+						tooltip: () => _("views.workers.rename_worker"),
+						action: (e) => Ht(e)
+					},
+					{
+						icon: se,
+						buttonProps: { severity: "secondary" },
+						loading: (e) => e.update?.updating || H.value.includes(e.agentId),
+						disabled: (e) => !e.online || !e.versionMismatch || !e.update?.updatable,
+						tooltip: (e) => Ut(e),
+						action: (e) => Wt(e.agentId)
+					},
+					{
+						icon: Ce,
+						buttonProps: { severity: "secondary" },
+						loading: (e) => B.value.includes(e.name),
+						disabled: (e) => !e.online,
+						tooltip: () => _("views.workers.restart_worker"),
+						action: (e) => Gt(e.name, e.agentId)
+					},
+					{
+						icon: pe,
+						buttonProps: { severity: "danger" },
+						loading: (e) => V.value.includes(e.agentId),
+						tooltip: () => _("views.workers.remove_worker"),
+						action: (e) => rn(e)
+					}
+				]
+			}
+		]), Vt = u(() => {
+			let e = j.value;
+			return A.value.reduce((t, n) => {
+				for (let r of ["cpuLoad", "memLoad"]) {
+					let i = e[n.agentId] ?? [], a = i.slice(-30).filter((e) => e[r] !== void 0).map((e) => parseFloat(e[r])), o = i.slice(-30).map((e) => e.lastHeartbeat), s = [...a, ...Array(30 - a.length).fill(0)], c = [...o, ...Array(30 - o.length).fill(null)];
+					t[`${n.name}_${r}`] = {
+						labels: c,
+						datasets: [{
+							data: s,
+							backgroundColor: (e) => {
+								let t = e.raw;
+								return t >= 90 ? "#FA5252" : t >= 50 ? "#FF9966" : "#df2a4c";
+							},
+							borderWidth: 0,
+							borderRadius: 3,
+							barPercentage: .8,
+							categoryPercentage: .8,
+							maxBarThickness: 4,
+							barThickness: 4
+						}]
+					};
+				}
+				return t;
+			}, {});
+		});
+		function Ht(e) {
+			C.openComponentDialog(De, {
+				data: {
+					title: _("views.workers.rename_worker"),
+					confirmText: _("views.workers.save"),
+					contentProps: { currentName: e.name }
+				},
+				onConfirm: async (t) => {
+					!t || t === e.name || await Ot({
+						agentId: e.agentId,
+						name: t
+					});
+				}
+			});
+		}
+		function Ut(e) {
+			return e.update?.updating ? _("views.workers.updating") : Z.value ? _("views.workers.update_worker", { version: Z.value }) : _("views.workers.update_worker_short");
+		}
+		async function Wt(e) {
+			J.delete(e), H.value.push(e);
+			try {
+				await St({ agentId: e });
+			} finally {
+				H.value = H.value.filter((t) => t !== e);
+			}
+		}
+		async function Gt(e, t) {
+			B.value.push(e);
+			try {
+				await xt(t);
+			} finally {
+				B.value = B.value.filter((t) => t !== e);
+			}
+		}
+		function Kt() {
+			let e = [];
+			for (let t of A.value) {
+				let n = t.online ? t.name : `${t.name} (${_("views.workers.offline").toLowerCase()})`;
+				e.push({
+					label: n,
+					value: t.agentId
+				});
+			}
+			return e;
+		}
+		function Q(e) {
+			return e && Lt.value.has(e) ? e : null;
+		}
+		function qt(e, t) {
+			if (!e?.length) return !0;
+			let n = e.filter((e) => e.startsWith("!")).map((e) => e.slice(1)), r = e.filter((e) => !e.startsWith("!"));
+			return n.includes(t) ? !1 : r.length === 0 || r.includes(t);
+		}
+		function Jt(e, t) {
+			return !t.platform || qt(e.os, t.platform.os) && qt(e.cpu, t.platform.arch);
+		}
+		function Yt(e) {
+			let t = [];
+			return e.os?.length && t.push(`os: ${e.os.join(", ")}`), e.cpu?.length && t.push(`cpu: ${e.cpu.join(", ")}`), t.join(" · ");
+		}
+		function Xt(e) {
+			let t = [];
+			for (let n of A.value) {
+				let r = Jt(e, n), i = n.online ? "" : ` (${_("views.workers.offline").toLowerCase()})`, a = r ? "" : ` — ${_("views.workers.incompatible")}`;
+				t.push({
+					label: `${n.name}${i}${a}`,
+					value: n.agentId,
+					disabled: !r
+				});
+			}
+			return t;
+		}
+		function Zt(e) {
+			return W.value.has(e);
+		}
+		async function Qt(e, t) {
+			if (t === Q(e.workerAgentId)) return;
+			let n = new Set(W.value);
+			n.add(e.pluginName), W.value = n;
+			try {
+				t ? await Et({
+					pluginName: e.pluginName,
+					agentId: t
+				}) : await Dt({ pluginName: e.pluginName });
+			} catch {} finally {
+				let t = new Set(W.value);
+				t.delete(e.pluginName), W.value = t;
+			}
+		}
+		function $(e) {
+			return U.value.has(e);
+		}
+		async function $t(e, t) {
+			if (t === Q(e.workerAgentId)) return;
+			let n = new Set(U.value);
+			n.add(e._id), U.value = n;
+			try {
+				t ? await yt({
+					cameraId: e._id,
+					agentId: t
+				}) : await bt({ cameraId: e._id });
+			} catch {} finally {
+				let t = new Set(U.value);
+				t.delete(e._id), U.value = t;
+			}
+		}
+		async function en() {
+			try {
+				G.value = await Ct();
+			} catch {}
+		}
+		async function tn(e) {
+			if (e && !K.value && (K.value = z.value?.suggestedAddresses?.[0] ?? "", !K.value)) {
+				C.openTextDialog({ data: {
+					title: _("views.workers.enable_workers"),
+					contentText: _("views.workers.address_required"),
+					confirmText: _("views.workers.ok")
+				} });
+				return;
+			}
+			try {
+				await _t(e ? {
+					enabled: !0,
+					address: K.value,
+					port: q.value
+				} : { enabled: !1 });
+			} catch {}
+		}
+		async function nn() {
+			try {
+				await _t({
+					address: K.value,
+					port: q.value
+				});
+			} catch {}
+		}
+		function rn(e) {
+			C.openTextDialog({
+				data: {
+					title: _("views.workers.remove_worker"),
+					confirmText: _("views.workers.remove"),
+					contentText: _("views.workers.remove_worker_confirm", { name: e.name }),
+					confirmButtonProps: { severity: "danger" }
+				},
+				dialogSize: { desktop: {
+					width: "auto",
+					maxWidth: "560px",
+					maxHeight: "90vh"
+				} },
+				onConfirm: async () => {
+					V.value.push(e.agentId);
+					try {
+						await Tt(e.agentId);
+					} finally {
+						V.value = V.value.filter((t) => t !== e.agentId);
+					}
+				}
+			});
+		}
+		return t(async () => {
+			k.connect(), w.connect(), await i(), k.loadAll(), jt.value = !0;
+		}), f(z, (e) => {
+			e && (K.value = e.address, q.value = e.port);
+		}, { immediate: !0 }), f(A, (e) => {
+			if (!Mt) {
+				if (!e.length) return;
+				for (let t of e) t.update?.error && J.set(t.agentId, t.update.error);
+				Mt = !0;
+				return;
+			}
+			for (let t of e) {
+				if (t.update?.updating) {
+					J.delete(t.agentId);
+					continue;
+				}
+				let e = t.update?.error;
+				if (!e) {
+					J.delete(t.agentId);
+					continue;
+				}
+				J.get(t.agentId) !== e && (J.set(t.agentId, e), O.add({
+					severity: "error",
+					summary: t.name,
+					detail: _("views.workers.update_failed", { error: e }),
+					life: 6e3
+				}));
+			}
+		}), e(() => {
+			k.disconnect();
+		}), (e, t) => {
+			let i = xe, s = he, u = oe, f = fe, _ = te, v = le, b = _e, se = be, S = me, ce = we, ue = ne, C = ve, w = ye, pe = ge, T = ie, E = re, D = ae;
+			return n(), p("div", null, [
+				l(ee) ? o("", !0) : (n(), p("h1", ke, r(e.$t("views.workers.title")), 1)),
+				y(u, { position: "left" }, {
+					default: d(() => [y(s, {
+						severity: "secondary",
+						text: "",
+						class: "cui-button p-2 text-color non-draggable-region",
+						onClick: t[0] ||= (t) => e.$router.push("/menu")
+					}, {
+						icon: d(() => [y(i, { class: "w-6 h-6" })]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				!l(jt) || !l(M) ? (n(), p("div", Ae, [y(f, {
+					class: "w-[30px] h-[30px] m-0",
+					"stroke-width": "5"
+				})])) : (n(), p("div", je, [
+					h("div", null, [h("span", Me, r(e.$t("views.workers.configuration")), 1), y(S, { class: "cui-card" }, {
+						content: d(() => [h("div", Ne, [h("div", Pe, [h("div", Fe, [h("label", Ie, r(e.$t("views.workers.enable_workers")), 1), y(_, {
+							severity: "secondary",
+							variant: "simple",
+							size: "small",
+							class: "cui-input-switch-hint"
+						}, {
+							default: d(() => [g(r(e.$t("views.workers.enable_workers_description")), 1)]),
+							_: 1
+						})]), y(v, {
+							"model-value": l(Y),
+							disabled: l(vt),
+							class: "ml-auto shrink-0",
+							"onUpdate:modelValue": tn
+						}, null, 8, ["model-value", "disabled"])]), l(Y) ? (n(), p(m, { key: 0 }, [
+							h("div", Le, [
+								h("label", Re, r(e.$t("views.workers.master_address")), 1),
+								y(b, {
+									modelValue: l(K),
+									"onUpdate:modelValue": t[1] ||= (e) => c(K) ? K.value = e : null,
+									"input-id": "master-address",
+									options: l(Ft),
+									editable: "",
+									"option-label": "label",
+									"option-value": "value",
+									placeholder: e.$t("views.workers.master_address_placeholder"),
+									class: "w-full"
+								}, null, 8, [
+									"modelValue",
+									"options",
+									"placeholder"
+								]),
+								y(_, {
+									severity: "secondary",
+									variant: "simple",
+									size: "small",
+									class: "cui-input-hint"
+								}, {
+									default: d(() => [g(r(e.$t("views.workers.master_address_hint")), 1)]),
+									_: 1
+								})
+							]),
+							h("div", ze, [
+								h("label", Be, r(e.$t("views.workers.leaf_port")), 1),
+								y(se, {
+									modelValue: l(q),
+									"onUpdate:modelValue": t[2] ||= (e) => c(q) ? q.value = e : null,
+									"input-id": "leaf-port",
+									min: 1024,
+									max: 65535,
+									"use-grouping": !1,
+									class: "w-full"
+								}, null, 8, ["modelValue"]),
+								l(X) && (l(z)?.pairedWorkers ?? 0) > 0 ? (n(), a(_, {
+									key: 0,
+									severity: "warn",
+									variant: "simple",
+									size: "small",
+									class: "cui-input-hint"
+								}, {
+									default: d(() => [g(r(e.$t("views.workers.port_change_warning")), 1)]),
+									_: 1
+								})) : o("", !0)
+							]),
+							h("div", Ve, [y(s, {
+								class: "cui-button-medium",
+								label: e.$t("views.workers.save"),
+								loading: l(vt),
+								disabled: !l(It),
+								onClick: nn
+							}, null, 8, [
+								"label",
+								"loading",
+								"disabled"
+							])])
+						], 64)) : o("", !0)])]),
+						_: 1
+					})]),
+					l(Y) ? (n(), p("div", He, [h("span", Ue, r(e.$t("views.workers.workers")), 1), l(A).length ? (n(), a(ce, {
+						key: 0,
+						items: l(A),
+						headers: l(Bt),
+						"chart-data": l(Vt)
+					}, null, 8, [
+						"items",
+						"headers",
+						"chart-data"
+					])) : (n(), a(S, {
+						key: 1,
+						class: "cui-card",
+						pt: { root: { class: "h-full" } }
+					}, {
+						content: d(() => [h("div", We, [y(ue, { class: "w-12 h-12 text-muted" }), h("span", Ge, r(e.$t("views.workers.no_workers")), 1)])]),
+						_: 1
+					}))])) : o("", !0),
+					l(Y) && l(A).length ? (n(), p("div", Ke, [h("span", qe, r(e.$t("views.workers.camera_assignments")), 1), y(S, { class: "cui-card" }, {
+						content: d(() => [h("span", Je, r(e.$t("views.workers.camera_assignments_description")), 1), y(w, {
+							value: l(Nt),
+							loading: l(R),
+							pt: At,
+							"striped-rows": "",
+							class: "w-full"
+						}, {
+							loading: d(() => [y(f, {
+								class: "w-[30px] h-[30px] m-0",
+								"stroke-width": "5"
+							})]),
+							empty: d(() => [h("span", Ye, r(e.$t("views.workers.no_cameras")), 1)]),
+							default: d(() => [y(C, {
+								field: "name",
+								header: e.$t("views.workers.camera"),
+								"header-class": "p-2 min-w-40",
+								class: "p-2 min-w-40"
+							}, {
+								body: d(({ data: e }) => [h("span", Xe, r(e.name), 1)]),
+								_: 1
+							}, 8, ["header"]), y(C, {
+								header: e.$t("views.workers.workers"),
+								"header-class": "p-2 w-full",
+								class: "p-2 w-full"
+							}, {
+								body: d(({ data: t }) => [y(b, {
+									"model-value": Q(t.workerAgentId),
+									options: Kt(),
+									"option-label": "label",
+									"option-value": "value",
+									placeholder: e.$t("views.workers.local"),
+									class: "w-full",
+									"show-clear": "",
+									loading: $(t._id),
+									disabled: $(t._id),
+									"onUpdate:modelValue": (e) => $t(t, e)
+								}, null, 8, [
+									"model-value",
+									"options",
+									"placeholder",
+									"loading",
+									"disabled",
+									"onUpdate:modelValue"
+								])]),
+								_: 1
+							}, 8, ["header"])]),
+							_: 1
+						}, 8, ["value", "loading"])]),
+						_: 1
+					})])) : o("", !0),
+					l(Y) && l(A).length ? (n(), p("div", Ze, [h("span", Qe, r(e.$t("views.workers.plugin_assignments")), 1), y(S, { class: "cui-card" }, {
+						content: d(() => [h("span", $e, r(e.$t("views.workers.plugin_assignments_description")), 1), y(w, {
+							value: l(Pt),
+							loading: l(gt),
+							pt: At,
+							"striped-rows": "",
+							class: "w-full"
+						}, {
+							loading: d(() => [y(f, {
+								class: "w-[30px] h-[30px] m-0",
+								"stroke-width": "5"
+							})]),
+							empty: d(() => [h("span", et, r(e.$t("views.workers.no_plugins")), 1)]),
+							default: d(() => [y(C, {
+								field: "displayName",
+								header: e.$t("views.workers.plugin"),
+								"header-class": "p-2 min-w-40",
+								class: "p-2 min-w-40"
+							}, {
+								body: d(({ data: e }) => [h("div", tt, [h("span", nt, r(e.displayName), 1), Yt(e) ? (n(), p("span", rt, r(Yt(e)), 1)) : o("", !0)])]),
+								_: 1
+							}, 8, ["header"]), y(C, {
+								header: e.$t("views.workers.workers"),
+								"header-class": "p-2 w-full",
+								class: "p-2 w-full"
+							}, {
+								body: d(({ data: t }) => [y(b, {
+									"model-value": Q(t.workerAgentId),
+									options: Xt(t),
+									"option-label": "label",
+									"option-value": "value",
+									"option-disabled": "disabled",
+									placeholder: e.$t("views.workers.local"),
+									class: "w-full",
+									"show-clear": "",
+									loading: Zt(t.pluginName),
+									disabled: Zt(t.pluginName),
+									"onUpdate:modelValue": (e) => Qt(t, e)
+								}, null, 8, [
+									"model-value",
+									"options",
+									"placeholder",
+									"loading",
+									"disabled",
+									"onUpdate:modelValue"
+								])]),
+								_: 1
+							}, 8, ["header"])]),
+							_: 1
+						}, 8, ["value", "loading"])]),
+						_: 1
+					})])) : o("", !0),
+					l(Y) ? (n(), p("div", it, [h("span", at, r(e.$t("views.workers.pair_worker")), 1), y(S, { class: "cui-card" }, {
+						content: d(() => [h("div", ot, [
+							h("span", st, r(e.$t("views.workers.pair_worker_description")), 1),
+							l(G) ? (n(), p(m, { key: 0 }, [h("div", ct, [
+								h("label", lt, r(e.$t("views.workers.pairing_code")), 1),
+								y(D, null, {
+									default: d(() => [y(pe, {
+										"model-value": l(G).code,
+										readonly: "",
+										type: "text"
+									}, null, 8, ["model-value"]), y(E, null, {
+										default: d(() => [y(T, {
+											"action-text": e.$t("views.workers.copied"),
+											icon: l(x),
+											"button-props": {
+												severity: "secondary",
+												text: !0
+											},
+											onAction: t[3] ||= (e) => l(de)(l(G).code)
+										}, null, 8, ["action-text", "icon"])]),
+										_: 1
+									})]),
+									_: 1
+								}),
+								y(_, {
+									severity: "secondary",
+									variant: "simple",
+									size: "small",
+									class: "cui-input-hint"
+								}, {
+									default: d(() => [g(r(e.$t("views.workers.pairing_expires", { minutes: l(Rt) })), 1)]),
+									_: 1
+								})
+							]), h("div", ut, [
+								h("div", dt, [h("label", ft, r(e.$t("views.workers.pairing_snippet")), 1), y(T, {
+									"action-text": e.$t("views.workers.copied"),
+									icon: l(x),
+									"button-props": {
+										severity: "secondary",
+										text: !0
+									},
+									onAction: t[4] ||= (e) => l(de)(l(zt))
+								}, null, 8, ["action-text", "icon"])]),
+								h("pre", pt, r(l(zt)), 1),
+								y(_, {
+									severity: "secondary",
+									variant: "simple",
+									size: "small",
+									class: "cui-input-hint"
+								}, {
+									default: d(() => [g(r(e.$t("views.workers.pairing_snippet_hint")), 1)]),
+									_: 1
+								})
+							])], 64)) : o("", !0),
+							h("div", mt, [y(s, {
+								class: "cui-button-medium",
+								label: e.$t("views.workers.generate_code"),
+								loading: l(wt),
+								onClick: en
+							}, null, 8, ["label", "loading"])])
+						])]),
+						_: 1
+					})])) : o("", !0)
+				]))
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-11df8752"]]);
+//#endregion
+export { R as default };