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

package/dist/interface/ha/Workers-CkDuQ9NG.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 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 { $r as b, Dt as ne, Et as re, J as ie, On as ae, Or as x, Tt as oe, V as S, bi as se, br as ce, ht as le, ni as ue, qt as C, r as de, ui as w, wt as fe, yr as T } from "./api-BmYisoxj.js";
+import { i as pe } from "./intercomService-B7HkLs6z.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-UR3ZRDew.js";
+import { i as _e, t as ve } from "./CuiDataTable-C_ndu5My.js";
+import { t as ye } from "./inputnumber-DZRwKgXr.js";
+import { t as D } from "./plugins-BwwaWxye.js";
+import { t as O } from "./pencil-outline-SN9ingm5.js";
+import { t as be } from "./api-oqpIZTkx.js";
+import { t as xe } from "./back-filled-CaxrZv0Q.js";
+import { c as Se, t as Ce } from "./CuiChartTable-BjBBI7Fo.js";
+import { n as we, t as Te } from "./updates-DVhiQhMM.js";
+//#region src/components/CuiDialog/templates/RenameWorker/RenameWorker.vue?vue&type=script&setup=true&lang.ts
+var k = { class: "flex flex-col gap-2 w-full" }, A = {
+	for: "workerName",
+	class: "cui-label"
+}, Ee = /* @__PURE__ */ g({
+	__name: "RenameWorker",
+	props: { currentName: {} },
+	setup(e, { expose: t }) {
+		let i = _(e.currentName);
+		return t({ onConfirm: async () => i.value.trim() || null }), (e, t) => {
+			let a = he;
+			return n(), p("div", k, [m("label", A, r(e.$t("views.workers.name")), 1), v(a, {
+				id: "workerName",
+				modelValue: l(i),
+				"onUpdate:modelValue": t[0] ||= (e) => c(i) ? i.value = e : null,
+				class: "w-full",
+				autofocus: ""
+			}, null, 8, ["modelValue"])]);
+		};
+	}
+}), j = y({
+	workers: [],
+	workerHistory: {}
+}), M = null, N = null;
+function P(e) {
+	let t = j.workers.findIndex((t) => t.agentId === e.agentId);
+	if (t !== -1) {
+		let n = [...j.workers];
+		n[t] = e, j.workers = n;
+	} else j.workers = [...j.workers, e];
+	let n = j.workerHistory[e.agentId] ?? [];
+	j.workerHistory = {
+		...j.workerHistory,
+		[e.agentId]: [...n, e].slice(-30)
+	};
+}
+async function F() {
+	if (N?.ready.value) try {
+		j.workers = await N.request("get-workers");
+	} catch {}
+}
+async function I() {
+	if (N?.ready.value) try {
+		j.workerHistory = await N.request("get-worker-history");
+	} catch {}
+}
+async function L() {
+	await Promise.all([F(), I()]);
+}
+function R() {
+	return N || (M = s(!0), M.run(() => {
+		let e = w("/workers");
+		N = e, e.on("worker-update", (e) => P(e)), e.on("worker-removed", ({ agentId: e }) => {
+			j.workers = j.workers.filter((t) => t.agentId !== e);
+			let t = { ...j.workerHistory };
+			delete t[e], j.workerHistory = t;
+		}), e.onReady(() => {
+			L();
+		});
+	}), N);
+}
+function De() {
+	function e() {
+		R();
+	}
+	function t() {}
+	return {
+		isConnected: u(() => N?.connected.value ?? !1),
+		workers: u(() => j.workers),
+		workerHistory: u(() => j.workerHistory),
+		connect: e,
+		disconnect: t,
+		loadAll: L
+	};
+}
+//#endregion
+//#region src/views/Workers.vue?vue&type=script&setup=true&lang.ts
+var Oe = {
+	key: 0,
+	class: "page-title"
+}, ke = {
+	key: 1,
+	class: "w-full h-full flex items-center justify-center"
+}, Ae = {
+	key: 2,
+	class: "flex flex-col w-full gap-6"
+}, je = { class: "card-title" }, Me = { class: "flex flex-col gap-6" }, Ne = { class: "flex items-center gap-4" }, Pe = { class: "flex flex-col field-switch-gap" }, Fe = { class: "cui-label-switch" }, Ie = { class: "flex flex-col field-gap" }, Le = {
+	for: "master-address",
+	class: "cui-label"
+}, Re = { class: "flex flex-col field-gap" }, ze = {
+	for: "leaf-port",
+	class: "cui-label"
+}, Be = { class: "flex flex-row items-end justify-end" }, Ve = { key: 0 }, He = { class: "card-title" }, Ue = { class: "flex flex-col items-center justify-center gap-4 py-6" }, We = { class: "text-muted text-sm" }, Ge = { key: 1 }, Ke = { class: "card-title" }, qe = { class: "text-sm block mb-6" }, Je = { class: "text-muted text-sm" }, Ye = { class: "font-bold text-color text-sm" }, Xe = { key: 2 }, Ze = { class: "card-title" }, Qe = { class: "text-sm block mb-6" }, $e = { class: "text-muted text-sm" }, et = { class: "flex flex-col" }, tt = { class: "font-bold text-color text-sm" }, nt = {
+	key: 0,
+	class: "text-muted text-xs"
+}, rt = { key: 3 }, it = { class: "card-title" }, at = { class: "flex flex-col gap-6" }, ot = { class: "text-sm" }, st = { class: "flex flex-col field-gap" }, ct = { class: "cui-label" }, lt = { class: "flex flex-col field-gap" }, ut = { class: "flex flex-row items-center justify-between" }, dt = { class: "cui-label" }, ft = { class: "pairing-snippet" }, pt = { class: "flex flex-row items-end justify-end" }, mt = /*#__PURE__*/ T(/* @__PURE__ */ g({
+	__name: "Workers",
+	setup(s) {
+		let { t: g } = E(), { smBreakpoint: y } = x(), w = le(), T = Te(), k = se(), A = De(), { workers: j, workerHistory: M, isConnected: N } = A, P = new be(), F = new C(), I = new D(), L = new we(), { data: R, isLoading: mt } = F.getCamerasQuery(_({
+			page: 1,
+			pageSize: 999
+		})), { data: ht, isLoading: gt } = I.getPluginsQuery(_({
+			page: 1,
+			pageSize: 999
+		})), { data: z } = L.getConfigQuery(), { mutateAsync: _t, isPending: vt } = L.patchConfigQuery(), { mutateAsync: yt } = L.assignCameraQuery(), { mutateAsync: bt } = L.unassignCameraQuery(), { mutateAsync: xt } = L.restartWorkerQuery(), { mutateAsync: St } = L.updateWorkerQuery(), { mutateAsync: Ct, isPending: wt } = L.createPairingQuery(), { mutateAsync: Tt } = L.removeWorkerQuery(), { mutateAsync: Et } = L.assignPluginQuery(), { mutateAsync: Dt } = L.unassignPluginQuery(), { mutateAsync: Ot } = L.renameWorkerQuery(), { data: kt } = P.apiInfoQuery(), At = {
+			bodyRow: { class: "text-sm text-secondary" },
+			column: { columnTitle: { class: "text-sm font-semibold" } }
+		}, jt = _(!1), B = _([]), V = _([]), H = _([]), U = _(/* @__PURE__ */ new Set()), W = _(/* @__PURE__ */ new Set()), G = _(null), K = _(""), q = _(7422), Mt = !1, J = /* @__PURE__ */ new Map(), Nt = u(() => R.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(j.value.map((e) => e.agentId))), Z = u(() => T.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 ? 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 && Z.value ? `v${e.version} → v${Z.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: O,
+						buttonProps: { severity: "secondary" },
+						tooltip: () => g("views.workers.rename_worker"),
+						action: (e) => Ht(e)
+					},
+					{
+						icon: b,
+						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: Se,
+						buttonProps: { severity: "secondary" },
+						loading: (e) => B.value.includes(e.name),
+						disabled: (e) => !e.online,
+						tooltip: () => g("views.workers.restart_worker"),
+						action: (e) => Gt(e.name, e.agentId)
+					},
+					{
+						icon: S,
+						buttonProps: { severity: "danger" },
+						loading: (e) => V.value.includes(e.agentId),
+						tooltip: () => g("views.workers.remove_worker"),
+						action: (e) => rn(e)
+					}
+				]
+			}
+		]), Vt = u(() => {
+			let e = M.value;
+			return j.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) {
+			w.openComponentDialog(Ee, {
+				data: {
+					title: g("views.workers.rename_worker"),
+					confirmText: g("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 ? g("views.workers.updating") : Z.value ? g("views.workers.update_worker", { version: Z.value }) : g("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 j.value) {
+				let n = t.online ? t.name : `${t.name} (${g("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 j.value) {
+				let r = Jt(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 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)) {
+				w.openTextDialog({ data: {
+					title: g("views.workers.enable_workers"),
+					contentText: g("views.workers.address_required"),
+					confirmText: g("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) {
+			w.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 () => {
+					V.value.push(e.agentId);
+					try {
+						await Tt(e.agentId);
+					} finally {
+						V.value = V.value.filter((t) => t !== e.agentId);
+					}
+				}
+			});
+		}
+		return t(async () => {
+			A.connect(), T.connect(), await i(), A.loadAll(), jt.value = !0;
+		}), f(z, (e) => {
+			e && (K.value = e.address, q.value = e.port);
+		}, { immediate: !0 }), f(j, (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), k.add({
+					severity: "error",
+					summary: t.name,
+					detail: g("views.workers.update_failed", { error: e }),
+					life: 6e3
+				}));
+			}
+		}), e(() => {
+			A.disconnect();
+		}), (e, t) => {
+			let i = xe, s = me, u = ie, f = ce, g = te, _ = ae, b = ge, x = ye, S = pe, se = Ce, le = ue, C = _e, w = ve, T = he, E = oe, D = re, O = ne;
+			return n(), p("div", null, [
+				l(y) ? o("", !0) : (n(), p("h1", Oe, 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(jt) || !l(N) ? (n(), p("div", ke, [v(f, {
+					class: "w-[30px] h-[30px] m-0",
+					"stroke-width": "5"
+				})])) : (n(), p("div", Ae, [
+					m("div", null, [m("span", je, r(e.$t("views.workers.configuration")), 1), v(S, { class: "cui-card" }, {
+						content: d(() => [m("div", Me, [m("div", Ne, [m("div", Pe, [m("label", Fe, 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(Y),
+							disabled: l(vt),
+							class: "ml-auto shrink-0",
+							"onUpdate:modelValue": tn
+						}, null, 8, ["model-value", "disabled"])]), l(Y) ? (n(), p(ee, { key: 0 }, [
+							m("div", Ie, [
+								m("label", Le, r(e.$t("views.workers.master_address")), 1),
+								v(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"
+								]),
+								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", Re, [
+								m("label", ze, r(e.$t("views.workers.leaf_port")), 1),
+								v(x, {
+									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(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", Be, [v(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", Ve, [m("span", He, r(e.$t("views.workers.workers")), 1), l(j).length ? (n(), a(se, {
+						key: 0,
+						items: l(j),
+						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(() => [m("div", Ue, [v(le, { class: "w-12 h-12 text-muted" }), m("span", We, r(e.$t("views.workers.no_workers")), 1)])]),
+						_: 1
+					}))])) : o("", !0),
+					l(Y) && l(j).length ? (n(), p("div", Ge, [m("span", Ke, r(e.$t("views.workers.camera_assignments")), 1), v(S, { class: "cui-card" }, {
+						content: d(() => [m("span", qe, r(e.$t("views.workers.camera_assignments_description")), 1), v(w, {
+							value: l(Nt),
+							loading: l(mt),
+							pt: At,
+							"striped-rows": "",
+							class: "w-full"
+						}, {
+							loading: d(() => [v(f, {
+								class: "w-[30px] h-[30px] m-0",
+								"stroke-width": "5"
+							})]),
+							empty: d(() => [m("span", Je, r(e.$t("views.workers.no_cameras")), 1)]),
+							default: d(() => [v(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 }) => [m("span", Ye, r(e.name), 1)]),
+								_: 1
+							}, 8, ["header"]), v(C, {
+								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": 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(j).length ? (n(), p("div", Xe, [m("span", Ze, r(e.$t("views.workers.plugin_assignments")), 1), v(S, { class: "cui-card" }, {
+						content: d(() => [m("span", Qe, r(e.$t("views.workers.plugin_assignments_description")), 1), v(w, {
+							value: l(Pt),
+							loading: l(gt),
+							pt: At,
+							"striped-rows": "",
+							class: "w-full"
+						}, {
+							loading: d(() => [v(f, {
+								class: "w-[30px] h-[30px] m-0",
+								"stroke-width": "5"
+							})]),
+							empty: d(() => [m("span", $e, r(e.$t("views.workers.no_plugins")), 1)]),
+							default: d(() => [v(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 }) => [m("div", et, [m("span", tt, r(e.displayName), 1), Yt(e) ? (n(), p("span", nt, r(Yt(e)), 1)) : o("", !0)])]),
+								_: 1
+							}, 8, ["header"]), v(C, {
+								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": 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", rt, [m("span", it, r(e.$t("views.workers.pair_worker")), 1), v(S, { class: "cui-card" }, {
+						content: d(() => [m("div", at, [
+							m("span", ot, r(e.$t("views.workers.pair_worker_description")), 1),
+							l(G) ? (n(), p(ee, { key: 0 }, [m("div", st, [
+								m("label", ct, r(e.$t("views.workers.pairing_code")), 1),
+								v(O, null, {
+									default: d(() => [v(T, {
+										"model-value": l(G).code,
+										readonly: "",
+										type: "text"
+									}, null, 8, ["model-value"]), v(D, null, {
+										default: d(() => [v(E, {
+											"action-text": e.$t("views.workers.copied"),
+											icon: l(fe),
+											"button-props": {
+												severity: "secondary",
+												text: !0
+											},
+											onAction: t[3] ||= (e) => l(de)(l(G).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(Rt) })), 1)]),
+									_: 1
+								})
+							]), m("div", lt, [
+								m("div", ut, [m("label", dt, r(e.$t("views.workers.pairing_snippet")), 1), v(E, {
+									"action-text": e.$t("views.workers.copied"),
+									icon: l(fe),
+									"button-props": {
+										severity: "secondary",
+										text: !0
+									},
+									onAction: t[4] ||= (e) => l(de)(l(zt))
+								}, null, 8, ["action-text", "icon"])]),
+								m("pre", ft, r(l(zt)), 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", pt, [v(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 { mt as default };