@camera.ui/server 2.2.7 → 2.3.0

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

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