@camera.ui/server 2.4.4 → 2.4.5

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

@@ -0,0 +1,1270 @@
+import { B as e, F as t, H as n, J as r, N as i, St as a, Xt as o, Yt as s, bt as c, d as l, f as u, ft as d, gt as f, jt as p, l as m, lt as h, ot as ee, p as g, r as te, u as _, ut as v, v as y, x as ne, y as b } from "./runtime-core.esm-bundler-CrWKbcD2.js";
+import { t as re } from "./message-CZC3zWwJ.js";
+import { Ft as ie, Gn as x, Ii as ae, It as oe, Lt as se, Ni as S, Qi as ce, Rt as le, Wi as C, Zn as ue, c as de, ci as fe, d as w, ii as pe, ir as me, mt as he, ni as ge, r as _e, sr as ve } from "./api-BMAjMZXW.js";
+import { N as T, R as ye } from "./protocol-BB4jdtUC-CGK3LRf3.js";
+import { M as be, s as xe } from "./vee-validate-DWIY1QrX.js";
+import { n as Se } from "./vue-i18n-DzDRu5NH.js";
+import { t as Ce } from "./CuiButton-CGAd8xvo.js";
+import { r as we } from "./button-D9sS6H0w.js";
+import { t as Te } from "./inputtext-CMGQjYbf.js";
+import { t as Ee } from "./select-Dx9X_nNU.js";
+import { i as De, t as Oe } from "./CuiDataTable-D_IsEeqy.js";
+import { t as ke } from "./inputnumber-D-JlCBqj.js";
+import { t as E } from "./multiselect-DBmOmJqR.js";
+import { t as Ae } from "./CuiToggleRow-4GA_eZL4.js";
+import { t as je } from "./plugins-BnbAa3my.js";
+import { t as Me } from "./alert-circle-DphRWvbP.js";
+import { n as Ne, t as Pe } from "./updates-CRKJ_Z3k.js";
+import { t as Fe } from "./pencil-outline-C2o3oqgD.js";
+import { t as Ie } from "./api-CTAjaUH8.js";
+import { t as Le } from "./back-filled-DHF_824p.js";
+import { c as Re, t as ze } from "./CuiChartTable-ET--AH4i.js";
+import { t as Be } from "./usePlacementLabel-9Tv16qVQ.js";
+//#region src/components/CuiDialog/templates/EditWorker/EditWorker.vue?vue&type=script&setup=true&lang.ts
+var D = { class: "flex flex-col gap-6 w-full" }, Ve = { class: "flex flex-col gap-2" }, He = {
+	for: "workerName",
+	class: "cui-label"
+}, O = { class: "flex flex-col gap-2" }, Ue = {
+	for: "workerServerAddresses",
+	class: "cui-label"
+}, We = /* @__PURE__ */ ne({
+	__name: "EditWorker",
+	props: {
+		currentName: {},
+		addresses: {},
+		serverAddresses: {}
+	},
+	setup(e, { expose: t }) {
+		let r = e, i = a(r.currentName), s = a([...r.serverAddresses]), c = m(() => {
+			let e = r.serverAddresses.filter((e) => !r.addresses.some((t) => t.address === e));
+			return [...r.addresses, ...e.map((e) => ({ address: e }))];
+		});
+		return t({ onConfirm: async () => {
+			let e = i.value.trim();
+			return e ? {
+				name: e,
+				serverAddresses: s.value
+			} : null;
+		} }), (e, t) => {
+			let r = Te, a = E, l = re;
+			return n(), g("div", D, [_("div", Ve, [_("label", He, o(e.$t("views.workers.name")), 1), b(r, {
+				id: "workerName",
+				modelValue: p(i),
+				"onUpdate:modelValue": t[0] ||= (e) => f(i) ? i.value = e : null,
+				class: "w-full",
+				autofocus: ""
+			}, null, 8, ["modelValue"])]), _("div", O, [
+				_("label", Ue, o(e.$t("components.form.label.server_addresses")), 1),
+				b(a, {
+					modelValue: p(s),
+					"onUpdate:modelValue": t[1] ||= (e) => f(s) ? s.value = e : null,
+					"input-id": "workerServerAddresses",
+					options: p(c),
+					"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"]),
+				b(l, {
+					severity: "secondary",
+					variant: "simple",
+					size: "small",
+					class: "cui-input-hint"
+				}, {
+					default: h(() => [y(o(e.$t("views.workers.server_addresses_hint")), 1)]),
+					_: 1
+				})
+			])]);
+		};
+	}
+}), k = c({
+	workers: [],
+	workerHistory: {}
+}), Ge = null, A = null;
+function Ke(e) {
+	let t = k.workers.findIndex((t) => t.agentId === e.agentId);
+	if (t !== -1) {
+		let n = [...k.workers];
+		n[t] = e, k.workers = n;
+	} else k.workers = [...k.workers, e];
+	let n = k.workerHistory[e.agentId] ?? [];
+	k.workerHistory = {
+		...k.workerHistory,
+		[e.agentId]: [...n, e].slice(-30)
+	};
+}
+async function qe() {
+	if (A?.ready.value) try {
+		k.workers = await A.request("get-workers");
+	} catch {}
+}
+async function j() {
+	if (A?.ready.value) try {
+		k.workerHistory = await A.request("get-worker-history");
+	} catch {}
+}
+async function Je() {
+	await Promise.all([qe(), j()]);
+}
+function Ye() {
+	return A || (Ge = d(!0), Ge.run(() => {
+		let e = C("/workers");
+		A = e, e.on("worker-update", (e) => Ke(e)), e.on("worker-removed", ({ agentId: e }) => {
+			k.workers = k.workers.filter((t) => t.agentId !== e);
+			let t = { ...k.workerHistory };
+			delete t[e], k.workerHistory = t;
+		}), e.onReady(() => {
+			Je();
+		});
+	}), A);
+}
+function Xe() {
+	function e() {
+		Ye();
+	}
+	function t() {}
+	return {
+		isConnected: m(() => A?.connected.value ?? !1),
+		workers: m(() => k.workers),
+		workerHistory: m(() => k.workerHistory),
+		connect: e,
+		disconnect: t,
+		loadAll: Je
+	};
+}
+//#endregion
+//#region src/composables/sockets/usePlacementSocket.ts
+var Ze = 5e3, M = c({
+	plugins: {},
+	cameras: {}
+}), N = null, P = null, F = 0, I = null;
+function Qe(e, t) {
+	for (let [n, r] of Object.entries(t)) r.placement && (e[n] = r.placement);
+}
+function $e() {
+	P?.ready.value && (P.emit("get-plugin-process-status"), P.emit("get-frameworker-process-status"));
+}
+function et() {
+	P || (N = d(!0), N.run(() => {
+		let e = C("/status");
+		P = e, e.on("plugin-process-status", (e) => Qe(M.plugins, e)), e.on("frameworker-process-status", (e) => Qe(M.cameras, e)), e.onReady($e);
+	}));
+}
+function tt() {
+	N?.stop(), N = null, P = null, M.plugins = {}, M.cameras = {};
+}
+function nt() {
+	I &&= (clearTimeout(I), null), F++;
+	function e() {
+		et(), $e();
+	}
+	return T(() => {
+		F--, !(F > 0) && (F = 0, I = setTimeout(() => {
+			I = null, F <= 0 && tt();
+		}, Ze));
+	}), {
+		plugins: m(() => M.plugins),
+		cameras: m(() => M.cameras),
+		connect: e
+	};
+}
+//#endregion
+//#region src/views/Workers.vue?vue&type=script&setup=true&lang.ts
+var rt = {
+	key: 0,
+	class: "page-title"
+}, it = {
+	key: 1,
+	class: "w-full h-full flex items-center justify-center"
+}, at = {
+	key: 2,
+	class: "flex flex-col w-full gap-6"
+}, ot = { class: "card-title" }, st = { class: "flex flex-col gap-6" }, ct = { class: "flex flex-col field-gap" }, lt = {
+	for: "master-address",
+	class: "cui-label"
+}, ut = { class: "flex flex-col field-gap" }, dt = {
+	for: "leaf-port",
+	class: "cui-label"
+}, ft = { class: "flex flex-row items-end justify-end" }, pt = { key: 1 }, mt = { class: "card-title" }, ht = { class: "flex flex-col items-center justify-center gap-4 py-6" }, gt = { class: "text-muted text-sm" }, _t = { key: 2 }, vt = { class: "card-title" }, yt = { class: "text-sm block mb-6" }, bt = { class: "text-muted text-sm" }, xt = { class: "flex items-center justify-center" }, St = { class: "flex items-center gap-1.5" }, Ct = { class: "font-bold text-color text-sm" }, wt = { class: "inline-flex" }, Tt = { class: "flex flex-row justify-end mt-6" }, Et = { key: 3 }, Dt = { class: "card-title" }, Ot = { class: "text-sm block mb-6" }, kt = { class: "text-muted text-sm" }, At = { class: "flex items-center justify-center" }, jt = { class: "flex flex-col" }, Mt = { class: "font-bold text-color text-sm" }, Nt = {
+	key: 0,
+	class: "text-muted text-xs"
+}, Pt = { class: "inline-flex" }, Ft = { class: "flex flex-row justify-end mt-6" }, It = { key: 4 }, Lt = { class: "card-title" }, Rt = { class: "flex flex-col gap-6" }, zt = { class: "text-sm" }, Bt = {
+	key: 0,
+	class: "flex flex-col field-gap"
+}, Vt = {
+	for: "pairing-replaces",
+	class: "cui-label"
+}, Ht = { class: "flex flex-col field-gap" }, Ut = { class: "cui-label" }, Wt = {
+	key: 0,
+	class: "flex flex-col field-gap"
+}, Gt = { class: "cui-label" }, Kt = { class: "text-xs font-mono break-all" }, qt = { class: "flex flex-col field-gap" }, Jt = { class: "flex flex-row items-center justify-between" }, Yt = { class: "cui-label" }, Xt = { class: "pairing-snippet" }, Zt = { class: "flex flex-row items-end justify-end" }, Qt = /*#__PURE__*/ pe(/* @__PURE__ */ ne({
+	__name: "Workers",
+	setup(c) {
+		let { t: d } = Se(), { smBreakpoint: ne } = fe(), C = ue(), pe = Pe(), T = ce(), E = Xe(), { workers: D, workerHistory: Ve, isConnected: He } = E, O = nt(), { placementLabel: Ue, placementDetail: k } = Be(), Ge = be({ scheduler: (e) => ye(e, 3e4) }), A = new Ie(), Ke = new x(), qe = new je(), j = new Ne(), { data: Je, isLoading: Ye } = Ke.getCamerasQuery(a({
+			page: 1,
+			pageSize: 999
+		})), { data: Ze, isLoading: M } = qe.getPluginsQuery(a({
+			page: 1,
+			pageSize: 999
+		})), { data: N } = j.getConfigQuery(), { mutateAsync: P, isPending: F } = j.patchConfigQuery(), { mutateAsync: I } = j.assignCameraQuery(), { mutateAsync: Qe } = j.unassignCameraQuery(), { mutateAsync: $e } = j.restartWorkerQuery(), { mutateAsync: et } = j.updateWorkerQuery(), { mutateAsync: tt, isPending: Qt } = j.createPairingQuery(), { mutateAsync: $t } = j.removeWorkerQuery(), { mutateAsync: en } = j.assignPluginQuery(), { mutateAsync: tn } = j.unassignPluginQuery(), { mutateAsync: nn } = j.patchWorkerQuery(), { data: rn } = j.getFrameLinksQuery(() => !!N.value?.enabled && D.value.length > 0), { data: an } = A.apiInfoQuery(), on = {
+			bodyRow: { class: "text-sm text-secondary" },
+			column: { columnTitle: { class: "text-sm font-semibold" } }
+		}, sn = a(!1), cn = a([]), ln = a([]), un = a([]), L = a(/* @__PURE__ */ new Set()), R = a(/* @__PURE__ */ new Set()), z = a(/* @__PURE__ */ new Map()), B = a(/* @__PURE__ */ new Map()), V = a(!1), H = a(!1), U = a(null), dn = a(null), W = a(""), G = a(7422), fn = !1, K = /* @__PURE__ */ new Map(), pn = m(() => Je.value?.result ?? []), q = m(() => Ze.value?.result ?? []), J = m(() => N.value?.enabled ?? !1), mn = m(() => (N.value?.suggestedAddresses ?? []).map((e) => ({
+			label: e,
+			value: e
+		}))), hn = m(() => G.value !== (N.value?.port ?? 7422)), gn = m(() => W.value !== (N.value?.address ?? "") || hn.value), _n = m(() => new Set(D.value.map((e) => e.agentId))), vn = m(() => pe.targetServerVersion ?? an.value?.version), yn = m(() => pn.value.some((e) => !Z(Q(e), X(e)))), bn = m(() => q.value.some((e) => !Z($(e), X(e)))), xn = m(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of rn.value ?? []) {
+				let n = d("views.workers.frame_link_hint", {
+					plugin: q.value.find((e) => e.pluginName === t.pluginName)?.displayName ?? t.pluginName,
+					pluginHost: Yn(t.pluginWorker),
+					types: t.sensorTypes.map((e) => d(`components.camera_options.sensor_type_${e}`)).join(", ")
+				}), r = e.get(t.cameraId);
+				e.set(t.cameraId, r ? `${r} ${n}` : n);
+			}
+			return e;
+		}), Sn = m(() => U.value ? Math.max(0, Math.ceil((U.value.expiresAt - Ge.value.getTime()) / 6e4)) : 0), Cn = m(() => D.value.map((e) => ({
+			label: e.name,
+			value: e.agentId
+		}))), wn = m(() => U.value ? [
+			"worker:",
+			`  master: ${U.value.address || "<MASTER_IP>"}`,
+			`  apiPort: ${U.value.apiPort}`,
+			`  pairingCode: ${U.value.code}`,
+			"  name: my-worker",
+			"  capabilities:",
+			"    - frameDecoding",
+			"    - pluginHost"
+		].join("\n") : ""), Tn = m(() => [
+			{
+				type: "indicator",
+				field: "status",
+				columnProps: {
+					headerClass: "w-5 max-w-5",
+					class: "w-5 max-w-5"
+				},
+				color: (e) => An(e),
+				tooltip(e) {
+					return e.state === "online" && !e.update?.updating && On(e) ? d("views.workers.version_mismatch", { version: e.version || "?" }) : jn(e);
+				}
+			},
+			{
+				type: "category",
+				field: "name",
+				name: d("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) => jn(e),
+				name: d("views.workers.status"),
+				tooltip: (e) => Mn(e),
+				columnProps: {
+					headerClass: "min-w-48",
+					class: "min-w-48"
+				}
+			},
+			{
+				type: "category",
+				field: (e) => Fn(e),
+				name: d("views.workers.workloads"),
+				tooltip: (e) => In(e),
+				asChip: !0,
+				columnProps: {
+					headerClass: "min-w-30",
+					class: "min-w-30"
+				}
+			},
+			{
+				type: "category",
+				field: (e) => e.version ? On(e) && vn.value ? `v${e.version} → v${vn.value}` : `v${e.version}` : "—",
+				name: d("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: d("views.workers.platform"),
+				asChip: !0,
+				columnProps: {
+					headerClass: "min-w-40",
+					class: "min-w-40"
+				}
+			},
+			{
+				type: "category",
+				field: (e) => e.pid?.toString() ?? "—",
+				name: d("views.workers.pid"),
+				columnProps: {
+					headerClass: "min-w-20",
+					class: "min-w-20"
+				}
+			},
+			{
+				type: "category",
+				field: (e) => e.cpuLoad === void 0 ? "—" : `${e.cpuLoad}%`,
+				name: d("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: d("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: Fe,
+						buttonProps: { severity: "secondary" },
+						tooltip: () => d("views.workers.edit_worker"),
+						action: (e) => Dn(e)
+					},
+					{
+						icon: S,
+						buttonProps: { severity: "secondary" },
+						loading: (e) => e.update?.updating || un.value.includes(e.agentId),
+						disabled: (e) => !kn(e) || !On(e) || !e.update?.updatable,
+						tooltip: (e) => Wn(e),
+						action: (e) => Gn(e.agentId)
+					},
+					{
+						icon: Re,
+						buttonProps: { severity: "secondary" },
+						loading: (e) => cn.value.includes(e.name),
+						disabled: (e) => !kn(e) || e.update?.updating === !0,
+						tooltip: () => d("views.workers.restart_worker"),
+						action: (e) => Kn(e.name, e.agentId)
+					},
+					{
+						icon: ve,
+						buttonProps: { severity: "danger" },
+						loading: (e) => ln.value.includes(e.agentId),
+						tooltip: () => d("views.workers.remove_worker"),
+						action: (e) => hr(e)
+					}
+				]
+			}
+		]), En = m(() => {
+			let e = Ve.value;
+			return D.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 Dn(e) {
+			let t = e.serverAddresses ?? [];
+			C.openComponentDialog(We, {
+				data: {
+					title: d("views.workers.edit_worker"),
+					confirmText: d("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 nn({
+						agentId: e.agentId,
+						name: r ? n.name : void 0,
+						serverAddresses: i ? n.serverAddresses : void 0
+					});
+				}
+			});
+		}
+		function On(e) {
+			return e.versionStanding === "behind" || e.versionStanding === "unknown" && e.versionMismatch === !0;
+		}
+		function kn(e) {
+			return e.state === "online" || e.state === "outdated";
+		}
+		function An(e) {
+			switch (e.state) {
+				case "online": return On(e) ? "orange" : "green";
+				case "unreachable":
+				case "restarting": return "yellow";
+				case "offline":
+				case "outdated":
+				case "conflict": return "red";
+				default: return "gray";
+			}
+		}
+		function Y(e) {
+			switch (e.state) {
+				case "online": return d("views.workers.online");
+				case "expected": return d("views.workers.state_expected");
+				case "unreachable": return d("views.workers.state_unreachable_short");
+				case "restarting": return d("views.workers.state_restarting");
+				case "outdated": return d("views.workers.state_outdated_short");
+				case "releasing": return d("views.workers.state_releasing");
+				case "released": return d("views.workers.state_released");
+				case "conflict": return d("views.workers.state_conflict_short");
+				default: return d("views.workers.offline");
+			}
+		}
+		function jn(e) {
+			let t = e.stateSince ? de(e.stateSince) : void 0;
+			switch (e.state) {
+				case "online": return Nn(e) ?? d("views.workers.online");
+				case "unreachable": return e.stateReason?.startsWith("answers do not arrive") ? d("views.workers.state_no_answers") : t ? d("views.workers.state_unreachable", { time: t }) : Y(e);
+				case "offline": return t ? d("views.workers.state_offline", { time: t }) : Y(e);
+				case "outdated": return d("views.workers.state_outdated", { version: e.version ?? "?" });
+				case "conflict": return d("views.workers.state_conflict", { name: e.name });
+				default: return Y(e);
+			}
+		}
+		function Mn(e) {
+			let t = [];
+			e.stateReason && e.state !== "online" && t.push(e.stateReason.charAt(0).toUpperCase() + e.stateReason.slice(1)), e.stateUntil && e.stateUntil > Ge.value.getTime() && t.push(d("views.workers.state_moves_at", { time: w(e.stateUntil).formattedTime }));
+			let n = e.update?.lastResult;
+			if (n && n.result !== "applied") {
+				let e = n.result === "rolled-back" ? "views.workers.update_rolled_back" : "views.workers.update_swap_failed";
+				t.push(d(e, {
+					version: n.target,
+					reason: n.reason ?? "?"
+				}));
+			}
+			return e.update?.error && t.push(d("views.workers.update_failed", { error: e.update.error })), t.length ? t.join(". ") : void 0;
+		}
+		function Nn(e) {
+			if (e.update?.updating) switch (e.update.phase) {
+				case "installing": return d("views.workers.update_installing");
+				case "staged": return d("views.workers.update_staged");
+				case "restarting": return d("views.workers.update_restarting");
+				default: return d("views.workers.updating");
+			}
+		}
+		function Pn(e) {
+			let t = e.slice(e.indexOf(":") + 1);
+			return e.startsWith("frameDecoding:") ? pn.value.find((e) => e._id === t)?.name ?? t : q.value.find((e) => e.pluginName === t)?.displayName ?? t;
+		}
+		function Fn(e) {
+			let t = e.workloads ?? [], n = t.filter((e) => e.phase === "running").length;
+			return n === t.length ? `${n}` : `${n}/${t.length}`;
+		}
+		function In(e) {
+			let t = (e.workloads ?? []).map((e) => {
+				let t = e.failure ? ` (${e.failure.message})` : "";
+				return `${Pn(e.key)}: ${d(`views.workers.workload_${e.phase}`)}${t}`;
+			});
+			return t.length ? t.join(", ") : void 0;
+		}
+		function Ln(e, t) {
+			return e.capabilities.length === 0 || e.capabilities.includes(t);
+		}
+		function Rn(e, ...t) {
+			let n = [e.state === "online" ? void 0 : Y(e), ...t].filter((e) => !!e);
+			return n.length ? `${e.name} (${n.join(", ")})` : e.name;
+		}
+		function zn(e, t) {
+			let n = e?.phase === "held" ? D.value.find((t) => t.agentId === e.host)?.stateUntil : void 0, r = Ue(e, {
+				until: n,
+				version: t
+			}) ?? d("views.workers.not_running"), i = k(e);
+			return i ? `${r}: ${i}` : r;
+		}
+		function Bn(e) {
+			switch (e?.phase) {
+				case "local":
+				case "bound": return "green";
+				case "held": return "yellow";
+				case "failed": return "red";
+				case "waiting-for-worker":
+				case void 0: return "gray";
+				default: return "orange";
+			}
+		}
+		function Vn(e) {
+			return $(e).agentId ? e.compatible ? d("views.workers.fallback_hint") : d("views.workers.fallback_unavailable") : d("views.workers.fallback_no_worker");
+		}
+		function Hn(e) {
+			let t = `pluginHost:${e}`;
+			for (let e of D.value) {
+				let n = e.workloads?.find((e) => e.key === t)?.install?.version;
+				if (n) return n;
+			}
+		}
+		function Un(e, t) {
+			return t ? d("views.workers.moving", {
+				name: e,
+				host: Yn(t)
+			}) : d("views.workers.moving_local", { name: e });
+		}
+		function Wn(e) {
+			return e.update?.updating ? Nn(e) ?? d("views.workers.updating") : vn.value ? d("views.workers.update_worker", { version: vn.value }) : d("views.workers.update_worker_short");
+		}
+		async function Gn(e) {
+			K.delete(e), un.value.push(e);
+			try {
+				await et({ agentId: e });
+			} finally {
+				un.value = un.value.filter((t) => t !== e);
+			}
+		}
+		async function Kn(e, t) {
+			cn.value.push(e);
+			try {
+				await $e(t);
+			} catch {} finally {
+				cn.value = cn.value.filter((t) => t !== e);
+			}
+		}
+		function qn(e) {
+			return D.value.filter((t) => Ln(t, "frameDecoding") || t.agentId === e).map((e) => ({
+				label: Rn(e),
+				value: e.agentId
+			}));
+		}
+		function Jn(e) {
+			return e && _n.value.has(e) ? e : null;
+		}
+		function Yn(e) {
+			if (!e) return d("views.workers.local");
+			let t = D.value.find((t) => t.agentId === e);
+			return t ? t.state === "online" ? t.name : `${t.name}, ${Y(t)}` : e;
+		}
+		function Xn(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 Zn(e, t) {
+			return !t.platform || Xn(e.os, t.platform.os) && Xn(e.cpu, t.platform.arch);
+		}
+		function Qn(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 $n(e) {
+			return D.value.filter((t) => Ln(t, "pluginHost") || t.agentId === e.workerAgentId).map((t) => {
+				let n = Zn(e, t);
+				return {
+					label: Rn(t, n ? "" : d("views.workers.incompatible")),
+					value: t.agentId,
+					disabled: !n
+				};
+			});
+		}
+		function er(e) {
+			return R.value.has(e);
+		}
+		function X(e) {
+			let t = Jn(e.workerAgentId);
+			return {
+				agentId: t,
+				workerOnly: !!(t && e.workerOnly)
+			};
+		}
+		function Z(e, t) {
+			return e.agentId === t.agentId && e.workerOnly === t.workerOnly;
+		}
+		function tr(e, t, n, r) {
+			Z(n, r) ? e.delete(t) : e.set(t, n);
+		}
+		function Q(e) {
+			return z.value.get(e._id) ?? X(e);
+		}
+		function nr(e, t) {
+			tr(z.value, e._id, {
+				agentId: t,
+				workerOnly: !!t && Q(e).workerOnly
+			}, X(e));
+		}
+		function rr(e, t) {
+			tr(z.value, e._id, {
+				...Q(e),
+				workerOnly: !t
+			}, X(e));
+		}
+		function $(e) {
+			return B.value.get(e.pluginName) ?? X(e);
+		}
+		function ir(e, t) {
+			tr(B.value, e.pluginName, {
+				agentId: t,
+				workerOnly: !!t && $(e).workerOnly
+			}, X(e));
+		}
+		function ar(e, t) {
+			tr(B.value, e.pluginName, {
+				...$(e),
+				workerOnly: !t
+			}, X(e));
+		}
+		function or() {
+			let e = q.value.filter((e) => $(e).agentId !== X(e).agentId).map((e) => ({
+				plugin: e.displayName,
+				from: Yn(X(e).agentId ?? void 0),
+				to: Yn($(e).agentId ?? void 0)
+			}));
+			e.length ? C.openTextDialog({
+				data: {
+					title: e.length > 1 ? d("views.workers.move_plugins") : d("views.workers.move_plugin"),
+					confirmText: d("views.workers.move"),
+					contentText: e.length > 1 ? d("views.workers.move_plugins_confirm", { plugins: e.map((e) => d("views.workers.move_plugin_item", e)).join(", ") }) : d("views.workers.move_plugin_confirm", e[0])
+				},
+				dialogSize: { desktop: {
+					width: "auto",
+					maxWidth: "560px",
+					maxHeight: "90vh"
+				} },
+				onConfirm: () => sr()
+			}) : sr();
+		}
+		async function sr() {
+			H.value = !0;
+			try {
+				for (let e of q.value) {
+					let t = B.value.get(e.pluginName);
+					if (!t) continue;
+					let n = X(e);
+					if (!Z(t, n)) {
+						let r = await cr(e, t);
+						if (r === void 0) continue;
+						r && t.agentId !== n.agentId && T.add({
+							severity: "info",
+							detail: Un(e.displayName, t.agentId),
+							life: 4e3
+						});
+					}
+					B.value.delete(e.pluginName);
+				}
+			} finally {
+				H.value = !1;
+			}
+		}
+		async function cr(e, { agentId: t, workerOnly: n }) {
+			let r = new Set(R.value);
+			r.add(e.pluginName), R.value = r;
+			try {
+				return t ? await en({
+					pluginName: e.pluginName,
+					agentId: t,
+					workerOnly: n
+				}) : await tn({ pluginName: e.pluginName });
+			} catch {
+				return;
+			} finally {
+				let t = new Set(R.value);
+				t.delete(e.pluginName), R.value = t;
+			}
+		}
+		function lr(e) {
+			return L.value.has(e);
+		}
+		async function ur() {
+			V.value = !0;
+			try {
+				for (let e of pn.value) {
+					let t = z.value.get(e._id);
+					if (!t) continue;
+					let n = X(e);
+					if (!Z(t, n)) {
+						let r = await dr(e, t);
+						if (r === void 0) continue;
+						r && t.agentId !== n.agentId && T.add({
+							severity: "info",
+							detail: Un(e.name, t.agentId),
+							life: 4e3
+						});
+					}
+					z.value.delete(e._id);
+				}
+			} finally {
+				V.value = !1;
+			}
+		}
+		async function dr(e, { agentId: t, workerOnly: n }) {
+			let r = new Set(L.value);
+			r.add(e._id), L.value = r;
+			try {
+				return t ? await I({
+					cameraId: e._id,
+					agentId: t,
+					workerOnly: n
+				}) : await Qe({ cameraId: e._id });
+			} catch {
+				return;
+			} finally {
+				let t = new Set(L.value);
+				t.delete(e._id), L.value = t;
+			}
+		}
+		async function fr() {
+			try {
+				U.value = await tt(dn.value ?? void 0);
+			} catch {}
+		}
+		async function pr(e) {
+			if (e && !W.value && (W.value = N.value?.suggestedAddresses?.[0] ?? "", !W.value)) C.openTextDialog({ data: {
+				title: d("views.workers.enable_workers"),
+				contentText: d("views.workers.address_required"),
+				confirmText: d("views.workers.ok")
+			} });
+			else try {
+				await P(e ? {
+					enabled: !0,
+					address: W.value,
+					port: G.value
+				} : { enabled: !1 });
+			} catch {}
+		}
+		async function mr() {
+			try {
+				await P({
+					address: W.value,
+					port: G.value
+				});
+			} catch {}
+		}
+		function hr(e) {
+			C.openTextDialog({
+				data: {
+					title: d("views.workers.remove_worker"),
+					confirmText: d("views.workers.remove"),
+					contentText: d("views.workers.remove_worker_confirm", { name: e.name }),
+					confirmButtonProps: { severity: "danger" }
+				},
+				dialogSize: { desktop: {
+					width: "auto",
+					maxWidth: "560px",
+					maxHeight: "90vh"
+				} },
+				onConfirm: async () => {
+					ln.value.push(e.agentId);
+					try {
+						await $t(e.agentId);
+					} finally {
+						ln.value = ln.value.filter((t) => t !== e.agentId);
+					}
+				}
+			});
+		}
+		return t(async () => {
+			E.connect(), O.connect(), pe.connect(), await i(), E.loadAll(), sn.value = !0;
+		}), ee(() => [N.value?.address, N.value?.port], ([e, t]) => {
+			e !== void 0 && t !== void 0 && (W.value = e, G.value = t);
+		}, { immediate: !0 }), ee(D, (e) => {
+			if (fn) for (let t of e) {
+				if (t.update?.updating) {
+					K.delete(t.agentId);
+					continue;
+				}
+				let e = t.update?.error;
+				e ? K.get(t.agentId) !== e && (K.set(t.agentId, e), T.add({
+					severity: "error",
+					summary: t.name,
+					detail: d("views.workers.update_failed", { error: e }),
+					life: 6e3
+				})) : K.delete(t.agentId);
+			}
+			else {
+				if (!e.length) return;
+				for (let t of e) t.update?.error && K.set(t.agentId, t.update.error);
+				fn = !0;
+			}
+		}), e(() => {
+			E.disconnect();
+		}), (e, t) => {
+			let i = Le, a = Ce, c = he, d = ge, m = me, ee = Ae, x = Ee, S = re, ce = ke, C = xe, ue = ze, de = ae, fe = we, w = De, pe = Me, ve = Oe, T = Te, ye = oe, be = se, Se = le, E = r("tooltip");
+			return n(), g("div", null, [
+				p(ne) ? u("", !0) : (n(), g("h1", rt, o(e.$t("views.workers.title")), 1)),
+				b(c, { position: "left" }, {
+					default: h(() => [b(a, {
+						severity: "secondary",
+						text: "",
+						class: "cui-button p-2 text-color non-draggable-region",
+						onClick: t[0] ||= (t) => e.$router.push("/menu")
+					}, {
+						icon: h(() => [b(i, { class: "w-6 h-6" })]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				!p(sn) || !p(He) ? (n(), g("div", it, [b(d, {
+					class: "w-[30px] h-[30px] m-0",
+					"stroke-width": "5"
+				})])) : (n(), g("div", at, [
+					_("div", null, [_("span", ot, o(e.$t("views.workers.configuration")), 1), b(C, { class: "cui-card" }, {
+						content: h(() => [_("div", st, [b(ee, {
+							label: e.$t("views.workers.enable_workers"),
+							hint: e.$t("views.workers.enable_workers_description")
+						}, {
+							default: h(() => [b(m, {
+								"model-value": p(J),
+								disabled: p(F),
+								"onUpdate:modelValue": pr
+							}, null, 8, ["model-value", "disabled"])]),
+							_: 1
+						}, 8, ["label", "hint"]), p(J) ? (n(), g(te, { key: 0 }, [
+							_("div", ct, [
+								_("label", lt, o(e.$t("views.workers.master_address")), 1),
+								b(x, {
+									modelValue: p(W),
+									"onUpdate:modelValue": t[1] ||= (e) => f(W) ? W.value = e : null,
+									"input-id": "master-address",
+									options: p(mn),
+									editable: "",
+									"option-label": "label",
+									"option-value": "value",
+									placeholder: e.$t("views.workers.master_address_placeholder"),
+									class: "w-full"
+								}, null, 8, [
+									"modelValue",
+									"options",
+									"placeholder"
+								]),
+								b(S, {
+									severity: "secondary",
+									variant: "simple",
+									size: "small",
+									class: "cui-input-hint"
+								}, {
+									default: h(() => [y(o(e.$t("views.workers.master_address_hint")), 1)]),
+									_: 1
+								})
+							]),
+							_("div", ut, [
+								_("label", dt, o(e.$t("views.workers.leaf_port")), 1),
+								b(ce, {
+									modelValue: p(G),
+									"onUpdate:modelValue": t[2] ||= (e) => f(G) ? G.value = e : null,
+									"input-id": "leaf-port",
+									min: 1024,
+									max: 65535,
+									"use-grouping": !1,
+									class: "w-full"
+								}, null, 8, ["modelValue"]),
+								p(hn) && (p(N)?.pairedWorkers ?? 0) > 0 ? (n(), l(S, {
+									key: 0,
+									severity: "warn",
+									variant: "simple",
+									size: "small",
+									class: "cui-input-hint"
+								}, {
+									default: h(() => [y(o(e.$t("views.workers.port_change_warning")), 1)]),
+									_: 1
+								})) : u("", !0)
+							]),
+							_("div", ft, [b(a, {
+								class: "cui-button-medium",
+								label: e.$t("views.workers.save"),
+								loading: p(F),
+								disabled: !p(gn),
+								onClick: mr
+							}, null, 8, [
+								"label",
+								"loading",
+								"disabled"
+							])])
+						], 64)) : u("", !0)])]),
+						_: 1
+					})]),
+					p(J) && p(N)?.acceptorError ? (n(), l(S, {
+						key: 0,
+						severity: "error",
+						size: "small",
+						closable: !1
+					}, {
+						default: h(() => [y(o(e.$t("views.workers.acceptor_error", { error: p(N).acceptorError })), 1)]),
+						_: 1
+					})) : u("", !0),
+					p(J) ? (n(), g("div", pt, [_("span", mt, o(e.$t("views.workers.workers")), 1), p(D).length ? (n(), l(ue, {
+						key: 0,
+						items: p(D),
+						headers: p(Tn),
+						"chart-data": p(En)
+					}, null, 8, [
+						"items",
+						"headers",
+						"chart-data"
+					])) : (n(), l(C, {
+						key: 1,
+						class: "cui-card",
+						pt: { root: { class: "h-full" } }
+					}, {
+						content: h(() => [_("div", ht, [b(de, { class: "w-12 h-12 text-muted" }), _("span", gt, o(e.$t("views.workers.no_workers")), 1)])]),
+						_: 1
+					}))])) : u("", !0),
+					p(J) && p(D).length ? (n(), g("div", _t, [_("span", vt, o(e.$t("views.workers.camera_assignments")), 1), b(C, { class: "cui-card" }, {
+						content: h(() => [
+							_("span", yt, o(e.$t("views.workers.camera_assignments_description")), 1),
+							b(ve, {
+								value: p(pn),
+								loading: p(Ye),
+								pt: on,
+								"striped-rows": "",
+								class: "w-full"
+							}, {
+								loading: h(() => [b(d, {
+									class: "w-[30px] h-[30px] m-0",
+									"stroke-width": "5"
+								})]),
+								empty: h(() => [_("span", bt, o(e.$t("views.workers.no_cameras")), 1)]),
+								default: h(() => [
+									b(w, {
+										header: "",
+										"header-class": "p-2 w-5 max-w-5",
+										class: "p-2 w-5 max-w-5"
+									}, {
+										body: h(({ data: e }) => [_("div", xt, [v(b(fe, { style: s({ background: Bn(p(O).cameras.value[e.name]) }) }, null, 8, ["style"]), [[E, { value: zn(p(O).cameras.value[e.name]) }]])])]),
+										_: 1
+									}),
+									b(w, {
+										field: "name",
+										header: e.$t("views.workers.camera"),
+										"header-class": "p-2 min-w-40",
+										class: "p-2 min-w-40"
+									}, {
+										body: h(({ data: e }) => [_("div", St, [_("span", Ct, o(e.name), 1), p(xn).has(e._id) ? v((n(), l(pe, {
+											key: 0,
+											class: "w-4 h-4 shrink-0 text-orange-500"
+										}, null, 512)), [[E, p(xn).get(e._id)]]) : u("", !0)])]),
+										_: 1
+									}, 8, ["header"]),
+									b(w, {
+										header: e.$t("views.workers.workers"),
+										"header-class": "p-2 w-full",
+										class: "p-2 w-full"
+									}, {
+										body: h(({ data: t }) => [b(x, {
+											"model-value": Q(t).agentId,
+											options: qn(t.workerAgentId),
+											"option-label": "label",
+											"option-value": "value",
+											placeholder: e.$t("views.workers.local"),
+											class: "w-full",
+											"show-clear": "",
+											loading: lr(t._id),
+											disabled: p(V),
+											"onUpdate:modelValue": (e) => nr(t, e)
+										}, null, 8, [
+											"model-value",
+											"options",
+											"placeholder",
+											"loading",
+											"disabled",
+											"onUpdate:modelValue"
+										])]),
+										_: 1
+									}, 8, ["header"]),
+									b(w, {
+										header: e.$t("views.workers.fallback"),
+										"header-class": "p-2",
+										class: "p-2"
+									}, {
+										body: h(({ data: t }) => [v((n(), g("span", wt, [b(m, {
+											"model-value": !Q(t).workerOnly,
+											disabled: !Q(t).agentId || p(V),
+											"onUpdate:modelValue": (e) => rr(t, e)
+										}, null, 8, [
+											"model-value",
+											"disabled",
+											"onUpdate:modelValue"
+										])])), [[
+											E,
+											Q(t).agentId ? e.$t("views.workers.fallback_hint") : e.$t("views.workers.fallback_no_worker"),
+											void 0,
+											{ top: !0 }
+										]])]),
+										_: 1
+									}, 8, ["header"])
+								]),
+								_: 1
+							}, 8, ["value", "loading"]),
+							_("div", Tt, [b(a, {
+								class: "cui-button-medium",
+								label: e.$t("views.workers.save"),
+								loading: p(V),
+								disabled: !p(yn),
+								onClick: ur
+							}, null, 8, [
+								"label",
+								"loading",
+								"disabled"
+							])])
+						]),
+						_: 1
+					})])) : u("", !0),
+					p(J) && p(D).length ? (n(), g("div", Et, [_("span", Dt, o(e.$t("views.workers.plugin_assignments")), 1), b(C, { class: "cui-card" }, {
+						content: h(() => [
+							_("span", Ot, o(e.$t("views.workers.plugin_assignments_description")), 1),
+							b(ve, {
+								value: p(q),
+								loading: p(M),
+								pt: on,
+								"striped-rows": "",
+								class: "w-full"
+							}, {
+								loading: h(() => [b(d, {
+									class: "w-[30px] h-[30px] m-0",
+									"stroke-width": "5"
+								})]),
+								empty: h(() => [_("span", kt, o(e.$t("views.workers.no_plugins")), 1)]),
+								default: h(() => [
+									b(w, {
+										header: "",
+										"header-class": "p-2 w-5 max-w-5",
+										class: "p-2 w-5 max-w-5"
+									}, {
+										body: h(({ data: e }) => [_("div", At, [v(b(fe, { style: s({ background: Bn(p(O).plugins.value[e.pluginName]) }) }, null, 8, ["style"]), [[E, { value: zn(p(O).plugins.value[e.pluginName], Hn(e.pluginName)) }]])])]),
+										_: 1
+									}),
+									b(w, {
+										field: "displayName",
+										header: e.$t("views.workers.plugin"),
+										"header-class": "p-2 min-w-40",
+										class: "p-2 min-w-40"
+									}, {
+										body: h(({ data: e }) => [_("div", jt, [_("span", Mt, o(e.displayName), 1), Qn(e) ? (n(), g("span", Nt, o(Qn(e)), 1)) : u("", !0)])]),
+										_: 1
+									}, 8, ["header"]),
+									b(w, {
+										header: e.$t("views.workers.workers"),
+										"header-class": "p-2 w-full",
+										class: "p-2 w-full"
+									}, {
+										body: h(({ data: t }) => [b(x, {
+											"model-value": $(t).agentId,
+											options: $n(t),
+											"option-label": "label",
+											"option-value": "value",
+											"option-disabled": "disabled",
+											placeholder: e.$t("views.workers.local"),
+											class: "w-full",
+											"show-clear": "",
+											loading: er(t.pluginName),
+											disabled: p(H),
+											"onUpdate:modelValue": (e) => ir(t, e)
+										}, null, 8, [
+											"model-value",
+											"options",
+											"placeholder",
+											"loading",
+											"disabled",
+											"onUpdate:modelValue"
+										])]),
+										_: 1
+									}, 8, ["header"]),
+									b(w, {
+										header: e.$t("views.workers.fallback"),
+										"header-class": "p-2",
+										class: "p-2"
+									}, {
+										body: h(({ data: e }) => [v((n(), g("span", Pt, [b(m, {
+											"model-value": e.compatible && !$(e).workerOnly,
+											disabled: !$(e).agentId || !e.compatible || p(H),
+											"onUpdate:modelValue": (t) => ar(e, t)
+										}, null, 8, [
+											"model-value",
+											"disabled",
+											"onUpdate:modelValue"
+										])])), [[
+											E,
+											Vn(e),
+											void 0,
+											{ top: !0 }
+										]])]),
+										_: 1
+									}, 8, ["header"])
+								]),
+								_: 1
+							}, 8, ["value", "loading"]),
+							_("div", Ft, [b(a, {
+								class: "cui-button-medium",
+								label: e.$t("views.workers.save"),
+								loading: p(H),
+								disabled: !p(bn),
+								onClick: or
+							}, null, 8, [
+								"label",
+								"loading",
+								"disabled"
+							])])
+						]),
+						_: 1
+					})])) : u("", !0),
+					p(J) ? (n(), g("div", It, [_("span", Lt, o(e.$t("views.workers.pair_worker")), 1), b(C, { class: "cui-card" }, {
+						content: h(() => [_("div", Rt, [
+							_("span", zt, o(e.$t("views.workers.pair_worker_description")), 1),
+							p(D).length ? (n(), g("div", Bt, [
+								_("label", Vt, o(e.$t("views.workers.replaces")), 1),
+								b(x, {
+									modelValue: p(dn),
+									"onUpdate:modelValue": t[3] ||= (e) => f(dn) ? dn.value = e : null,
+									"input-id": "pairing-replaces",
+									options: p(Cn),
+									"option-label": "label",
+									"option-value": "value",
+									placeholder: e.$t("views.workers.replaces_none"),
+									class: "w-full",
+									"show-clear": ""
+								}, null, 8, [
+									"modelValue",
+									"options",
+									"placeholder"
+								]),
+								b(S, {
+									severity: "secondary",
+									variant: "simple",
+									size: "small",
+									class: "cui-input-hint"
+								}, {
+									default: h(() => [y(o(e.$t("views.workers.replaces_hint")), 1)]),
+									_: 1
+								})
+							])) : u("", !0),
+							p(U) ? (n(), g(te, { key: 1 }, [
+								_("div", Ht, [
+									_("label", Ut, o(e.$t("views.workers.pairing_code")), 1),
+									b(Se, null, {
+										default: h(() => [b(T, {
+											"model-value": p(U).code,
+											readonly: "",
+											type: "text"
+										}, null, 8, ["model-value"]), b(be, null, {
+											default: h(() => [b(ye, {
+												"action-text": e.$t("views.workers.copied"),
+												icon: p(ie),
+												"button-props": {
+													severity: "secondary",
+													text: !0
+												},
+												onAction: t[4] ||= (e) => p(_e)(p(U).code)
+											}, null, 8, ["action-text", "icon"])]),
+											_: 1
+										})]),
+										_: 1
+									}),
+									p(Sn) > 0 ? (n(), l(S, {
+										key: 0,
+										severity: "secondary",
+										variant: "simple",
+										size: "small",
+										class: "cui-input-hint"
+									}, {
+										default: h(() => [y(o(e.$t("views.workers.pairing_expires", { minutes: p(Sn) })), 1)]),
+										_: 1
+									})) : (n(), l(S, {
+										key: 1,
+										severity: "warn",
+										variant: "simple",
+										size: "small",
+										class: "cui-input-hint"
+									}, {
+										default: h(() => [y(o(e.$t("views.workers.pairing_expired")), 1)]),
+										_: 1
+									}))
+								]),
+								p(U).caFingerprint ? (n(), g("div", Wt, [
+									_("label", Gt, o(e.$t("views.workers.ca_fingerprint")), 1),
+									_("span", Kt, o(p(U).caFingerprint), 1),
+									b(S, {
+										severity: "secondary",
+										variant: "simple",
+										size: "small",
+										class: "cui-input-hint"
+									}, {
+										default: h(() => [y(o(e.$t("views.workers.ca_fingerprint_hint")), 1)]),
+										_: 1
+									})
+								])) : u("", !0),
+								_("div", qt, [
+									_("div", Jt, [_("label", Yt, o(e.$t("views.workers.pairing_snippet")), 1), b(ye, {
+										"action-text": e.$t("views.workers.copied"),
+										icon: p(ie),
+										"button-props": {
+											severity: "secondary",
+											text: !0
+										},
+										onAction: t[5] ||= (e) => p(_e)(p(wn))
+									}, null, 8, ["action-text", "icon"])]),
+									_("pre", Xt, o(p(wn)), 1),
+									b(S, {
+										severity: "secondary",
+										variant: "simple",
+										size: "small",
+										class: "cui-input-hint"
+									}, {
+										default: h(() => [y(o(e.$t("views.workers.pairing_snippet_hint")), 1)]),
+										_: 1
+									})
+								])
+							], 64)) : u("", !0),
+							_("div", Zt, [b(a, {
+								class: "cui-button-medium",
+								label: e.$t("views.workers.generate_code"),
+								loading: p(Qt),
+								onClick: fr
+							}, null, 8, ["label", "loading"])])
+						])]),
+						_: 1
+					})])) : u("", !0)
+				]))
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-51313459"]]);
+//#endregion
+export { Qt as default };