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

package/dist/interface/ha/{Metrics-Br2Dyvzh.js → Metrics-BtnRqL_I.js}

@@ -1,6 +1,6 @@
 import { B as e, D as t, F as n, G as r, H as i, Jt as a, Wt as o, _t as s, d as c, f as l, ft as u, g as d, gt as ee, kt as f, l as p, lt as m, ot as h, p as g, qt as te, r as _, rt as v, st as y, u as b, ut as x, v as S, x as C, xt as w, y as T, yt as E } from "./runtime-core.esm-bundler-_TfE0DWz.js";
-import { t as ne } from "./tooltip-Z7VN-E1u.js";
-import { $t as D, Cn as re, J as O, Kn as ie, On as k, Or as ae, Qt as oe, Ri as A, Zi as j, ar as M, bi as se, br as ce, dn as le, en as ue, fn as de, ht as fe, kn as pe, or as N, qt as me, sa as he, ui as P, vi as ge, xi as F, yr as I } from "./api-BmYisoxj.js";
+import { t as ne } from "./tooltip-BDrlgLof.js";
+import { J as D, Mn as O, Or as k, Ri as A, Sr as re, Tn as ie, Yt as j, Zi as M, _t as ae, bi as N, en as oe, jn as P, lr as se, mn as ce, nn as le, nr as ue, pn as de, sa as F, tn as fe, ui as pe, ur as me, vi as he, wr as ge, xi as I } from "./api-BP7mlzjP.js";
 import { i as _e, p as ve } from "./intercomService-B7HkLs6z.js";
 import { V as L } from "./pinia-C6gt7A_Q.js";
 import { n as ye } from "./vue-i18n-D5EAy78K.js";
@@ -8,15 +8,15 @@ import { r as be, t as xe } from "./alert-outline-FcLLjoOK.js";
 import { p as Se } from "./eventIcons-BFNUgeGr.js";
 import { n as Ce, t as we } from "./button-BouAFgf5.js";
 import { t as Te } from "./chip-BTHURsTF.js";
-import { i as Ee, t as De } from "./CuiDataTable-C_ndu5My.js";
-import { t as Oe } from "./plugins-BwwaWxye.js";
+import { i as Ee, t as De } from "./CuiDataTable-CN4T8DgP.js";
+import { t as Oe } from "./plugins-B29K3nQP.js";
 import { t as ke } from "./content-copy-CHPYjxRC.js";
 import { t as Ae } from "./brain-BiKXGva0.js";
-import { t as je } from "./server-YOLwDVAW.js";
-import { n as Me } from "./useServerRestart-CMl589qX.js";
+import { t as je } from "./server-B4b5_Ecu.js";
+import { n as Me } from "./useServerRestart-C8tynLUf.js";
 import { t as Ne } from "./back-filled-CaxrZv0Q.js";
-import { a as Pe, c as Fe, i as Ie, n as Le, o as Re, r as ze, s as Be, t as Ve } from "./CuiChartTable-BjBBI7Fo.js";
-import { t as He } from "./useTabSwipe-Cmqdn0J5.js";
+import { a as Pe, c as Fe, i as Ie, n as Le, o as Re, r as ze, s as Be, t as Ve } from "./CuiChartTable-muC7jL2H.js";
+import { t as He } from "./useTabSwipe-CFoLDp3j.js";
 //#region ../server/src/services/config/types.ts
 var R = /* @__PURE__ */ function(e) {
 	return e.READY = "ready", e.RESTARTING = "restarting", e.STARTING = "starting", e.STARTED = "started", e.STOPPED = "stopped", e.ERROR = "error", e.UNKNOWN = "unknown", e;
@@ -38,24 +38,24 @@ var Ue = s({
 //#endregion
 //#region src/api/routes/frameWorkers.ts
 async function V({ parameter: e, signal: t }) {
-	return (await j.get("/frameworkers", {
+	return (await M.get("/frameworkers", {
 		params: e,
 		signal: t
 	})).data;
 }
 async function We({ frameWorkerName: e }) {
-	return (await j.put(`/frameworkers/${e}/restart`)).data;
+	return (await M.put(`/frameworkers/${e}/restart`)).data;
 }
 async function Ge() {
-	return (await j.put("/frameworkers/perf/reset")).data;
+	return (await M.put("/frameworkers/perf/reset")).data;
 }
 async function H({ cameras: e }) {
-	return (await j.post("/frameworkers/perf/benchmark", { cameras: e })).data;
+	return (await M.post("/frameworkers/perf/benchmark", { cameras: e })).data;
 }
 var Ke = class {
 	_queryClient = A();
-	t = he.global.t;
-	toast = se();
+	t = F.global.t;
+	toast = N();
 	queryActivator = w([{
 		name: "getFrameWorkersQuery",
 		enabled: !0
@@ -64,7 +64,7 @@ var Ke = class {
 		return this._queryClient;
 	}
 	getFrameWorkersQuery(e) {
-		return ge({
+		return he({
 			queryKey: ["frameWorkerList", e],
 			queryFn: ({ signal: t }) => V({
 				parameter: f(e),
@@ -75,7 +75,7 @@ var Ke = class {
 		});
 	}
 	restartFrameWorkerQuery() {
-		return F({
+		return I({
 			mutationFn: We,
 			onSuccess: async (e, t) => {
 				await this._queryClient.refetchQueries({ queryKey: ["frameWorkers", t.frameWorkerName] }), this.toast.add({
@@ -87,7 +87,7 @@ var Ke = class {
 		});
 	}
 	resetFrameWorkerPerfQuery() {
-		return F({
+		return I({
 			mutationFn: Ge,
 			onSuccess: () => {
 				this.toast.add({
@@ -99,7 +99,7 @@ var Ke = class {
 		});
 	}
 	benchmarkObjectDetectionQuery() {
-		return F({ mutationFn: H });
+		return I({ mutationFn: H });
 	}
 	toggleQueryActivator(e, t) {
 		let n = this.queryActivator.value.find((t) => t.name === e);
@@ -121,11 +121,11 @@ var Ke = class {
 	__name: "DetectionBenchmark",
 	props: { cameras: {} },
 	setup(e, { expose: n }) {
-		let s = e, { t: u } = ye(), d = se(), { copy: ee } = ve(), h = t("dialogRefProps"), te = { bodyRow: { class: "text-sm text-secondary" } }, { mutateAsync: v } = new Ke().benchmarkObjectDetectionQuery(), C = w([]), E = w(), D = w(0), re = p(() => s.cameras.length > 0 && C.value.length === s.cameras.length), O = p(() => {
+		let s = e, { t: u } = ye(), d = N(), { copy: ee } = ve(), h = t("dialogRefProps"), te = { bodyRow: { class: "text-sm text-secondary" } }, { mutateAsync: v } = new Ke().benchmarkObjectDetectionQuery(), C = w([]), E = w(), D = w(0), k = p(() => s.cameras.length > 0 && C.value.length === s.cameras.length), A = p(() => {
 			let e = E.value;
 			if (!e) return [];
 			let t = [
-				...e.hosts.map(ie),
+				...e.hosts.map(re),
 				{
 					label: u("views.metrics.bench_cameras"),
 					value: String(e.total.cameras)
@@ -160,10 +160,10 @@ var Ke = class {
 				rows: t
 			}, ...e.cameras.map((e) => ({
 				title: e.camera,
-				rows: ae(e)
+				rows: ie(e)
 			}))];
 		});
-		function ie(e) {
+		function re(e) {
 			let t = e.system, n = t ? [
 				`${u("views.metrics.bench_cpu")}: ${t.cpu} (${t.cores})`,
 				`${u("views.metrics.bench_gpu")}: ${t.gpu ?? "-"}`,
@@ -178,7 +178,7 @@ var Ke = class {
 				details: n
 			};
 		}
-		function ae(e) {
+		function ie(e) {
 			return [
 				{
 					label: u("views.metrics.bench_host"),
@@ -227,21 +227,21 @@ var Ke = class {
 				}
 			];
 		}
-		function oe(e) {
+		function j(e) {
 			C.value = C.value.includes(e) ? C.value.filter((t) => t !== e) : [...C.value, e];
 		}
-		function A() {
-			C.value = re.value ? [] : [...s.cameras];
+		function M() {
+			C.value = k.value ? [] : [...s.cameras];
 		}
-		async function j() {
-			let e = (e) => [e.title, ...e.rows.flatMap((e) => [`${e.label}: ${e.value}`, ..."details" in e && e.details || []])].join("\n"), t = D.value === 0 ? O.value.map(e).join("\n\n---\n\n") : e(O.value[D.value]);
+		async function ae() {
+			let e = (e) => [e.title, ...e.rows.flatMap((e) => [`${e.label}: ${e.value}`, ..."details" in e && e.details || []])].join("\n"), t = D.value === 0 ? A.value.map(e).join("\n\n---\n\n") : e(A.value[D.value]);
 			await ee(t), d.add({
 				severity: "success",
 				detail: u("views.metrics.copied"),
 				life: 3e3
 			});
 		}
-		async function ce() {
+		async function oe() {
 			try {
 				return E.value = await v({ cameras: C.value }), h.hideConfirmButton && (h.hideConfirmButton.value = !0), null;
 			} catch (e) {
@@ -254,28 +254,28 @@ var Ke = class {
 		}
 		return y(() => {
 			h.disabled && (h.disabled.value = C.value.length === 0);
-		}), n({ onConfirm: ce }), (t, n) => {
-			let s = we, u = k, d = pe, ee = M, p = N, h = ke, v = Ee, y = De, w = ne;
+		}), n({ onConfirm: oe }), (t, n) => {
+			let s = we, u = P, d = O, ee = se, p = me, h = ke, v = Ee, y = De, w = ne;
 			return i(), g("div", U, [b("span", qe, a(t.$t("views.metrics.benchmark_confirm")), 1), f(E) ? (i(), g("div", Xe, [b("div", Ze, [b("div", Qe, [
-				f(O).length > 1 ? (i(), c(s, {
+				f(A).length > 1 ? (i(), c(s, {
 					key: 0,
 					severity: "secondary",
 					text: "",
 					rounded: "",
 					class: "cui-icon-md",
-					onClick: n[0] ||= (e) => D.value = (f(D) - 1 + f(O).length) % f(O).length
+					onClick: n[0] ||= (e) => D.value = (f(D) - 1 + f(A).length) % f(A).length
 				}, {
 					icon: m(() => [T(ee)]),
 					_: 1
 				})) : l("", !0),
-				b("span", $e, a(f(O)[f(D)].title), 1),
-				f(O).length > 1 ? (i(), c(s, {
+				b("span", $e, a(f(A)[f(D)].title), 1),
+				f(A).length > 1 ? (i(), c(s, {
 					key: 1,
 					severity: "secondary",
 					text: "",
 					rounded: "",
 					class: "cui-icon-md",
-					onClick: n[1] ||= (e) => D.value = (f(D) + 1) % f(O).length
+					onClick: n[1] ||= (e) => D.value = (f(D) + 1) % f(A).length
 				}, {
 					icon: m(() => [T(p)]),
 					_: 1
@@ -285,7 +285,7 @@ var Ke = class {
 				text: "",
 				rounded: "",
 				class: "cui-icon-md",
-				onClick: j
+				onClick: ae
 			}, {
 				icon: m(() => [T(h)]),
 				_: 1
@@ -295,8 +295,8 @@ var Ke = class {
 				void 0,
 				{ left: !0 }
 			]])]), T(y, {
-				value: f(O)[f(D)].rows,
-				rows: f(O)[f(D)].rows.length,
+				value: f(A)[f(D)].rows,
+				rows: f(A)[f(D)].rows.length,
 				pt: te,
 				"striped-rows": "",
 				"show-headers": !1,
@@ -322,19 +322,19 @@ var Ke = class {
 				severity: "secondary",
 				text: "",
 				class: "cui-button-small",
-				label: f(re) ? t.$t("views.metrics.deselect_all") : t.$t("views.metrics.select_all"),
-				onClick: A
+				label: f(k) ? t.$t("views.metrics.deselect_all") : t.$t("views.metrics.select_all"),
+				onClick: M
 			}, null, 8, ["label"])]), (i(!0), g(_, null, r(e.cameras, (e) => (i(), g("div", {
 				key: e,
 				class: "cui-list-item"
 			}, [T(d, {
 				active: f(C).includes(e),
 				class: "h-14",
-				onClick: (t) => oe(e)
+				onClick: (t) => j(e)
 			}, {
 				append: m(() => [T(u, {
 					"model-value": f(C).includes(e),
-					"onUpdate:modelValue": (t) => oe(e)
+					"onUpdate:modelValue": (t) => j(e)
 				}, null, 8, ["model-value", "onUpdate:modelValue"])]),
 				default: m(() => [b("span", null, a(e), 1)]),
 				_: 2
@@ -444,7 +444,7 @@ async function Y() {
 }
 function dt() {
 	K && q || (it = u(!0), it.run(() => {
-		let e = P("/metrics"), t = P("/status");
+		let e = pe("/metrics"), t = pe("/status");
 		K = e, q = t, e.on("process-infos-realtime", at), e.on("process-infos", ot), e.on("system-infos-realtime", (e) => {
 			G.systemProcess = [e];
 		}), e.on("stream-stats-realtime", (e) => {
@@ -529,18 +529,18 @@ var pt = {
 }, Lt = {
 	key: 1,
 	class: "text-sm text-muted text-center py-8"
-}, Rt = { class: "flex items-center" }, zt = { class: "font-bold text-color block whitespace-normal break-all hyphens-auto" }, Bt = { class: "text-muted text-sm" }, Vt = /*#__PURE__*/ I(/* @__PURE__ */ C({
+}, Rt = { class: "flex items-center" }, zt = { class: "font-bold text-color block whitespace-normal break-all hyphens-auto" }, Bt = { class: "text-muted text-sm" }, Vt = /*#__PURE__*/ ge(/* @__PURE__ */ C({
 	__name: "Metrics",
 	setup(t) {
 		Pe.register(Re, Ie, Be);
-		let r = new me(), o = new Oe(), s = new Ke(), u = new je(), { t: _ } = ye(), y = fe(), C = se(), { copy: E } = ve(), k = ft(), { mdBreakpoint: A, smBreakpoint: j, xsBreakpoint: M } = ae(), { beginServerRestart: pe } = Me(), { stats: N, isLoading: he } = ie(), P = [
+		let r = new j(), o = new Oe(), s = new Ke(), u = new je(), { t: _ } = ye(), y = ae(), C = N(), { copy: E } = ve(), O = ft(), { mdBreakpoint: A, smBreakpoint: M, xsBreakpoint: P } = k(), { beginServerRestart: se } = Me(), { stats: F, isLoading: pe } = ue(), me = [
 			"overview",
 			"cameras",
 			"storage"
-		], ge = {
+		], he = {
 			bodyRow: { class: "text-sm text-secondary" },
 			column: { columnTitle: { class: "text-sm" } }
-		}, F = v("containerRef"), I = w("overview"), z = w(!1), B = w(!1), V = w({
+		}, ge = v("containerRef"), I = w("overview"), z = w(!1), B = w(!1), V = w({
 			frameworker: 1,
 			plugins: 1,
 			streams: 1
@@ -554,11 +554,11 @@ var pt = {
 			page: 1,
 			pageSize: -1
 		}), { data: Je, isBusy: Ye, suspense: Xe } = o.getPluginsQuery(Ge), { data: Ze, isBusy: Qe, suspense: $e } = s.getFrameWorkersQuery(We), { mutateAsync: et } = o.restartPluginQuery(), { mutateAsync: tt } = s.restartFrameWorkerQuery(), { mutateAsync: rt, isPending: G } = s.resetFrameWorkerPerfQuery(), { mutate: it, isPending: K } = u.restartGo2RtcQuery(), { mutate: q, isPending: J } = u.restartServerQuery();
-		He(F, (e) => {
-			let t = P.indexOf(I.value), n = P[e === "right" ? t - 1 : t + 1];
+		He(ge, (e) => {
+			let t = me.indexOf(I.value), n = me[e === "right" ? t - 1 : t + 1];
 			n && (I.value = n);
 		});
-		let at = k.systemProcess, ot = k.systemProcessInfo, st = k.serverStatus, ct = k.go2rtcStatus, lt = k.natsStatus, ut = k.coreProcesses, Y = k.coreProcessInfos, dt = k.frameWorkerStatus, Vt = k.frameWorkersProcess, Ht = k.frameWorkersProcessInfos, Ut = k.pluginsStatus, Wt = k.pluginsProcesses, Gt = k.pluginsProcessInfos, Kt = k.streamStats, X = p(() => (e) => {
+		let at = O.systemProcess, ot = O.systemProcessInfo, st = O.serverStatus, ct = O.go2rtcStatus, lt = O.natsStatus, ut = O.coreProcesses, Y = O.coreProcessInfos, dt = O.frameWorkerStatus, Vt = O.frameWorkersProcess, Ht = O.frameWorkersProcessInfos, Ut = O.pluginsStatus, Wt = O.pluginsProcesses, Gt = O.pluginsProcessInfos, Kt = O.streamStats, X = p(() => (e) => {
 			let t = [
 				{
 					type: "indicator",
@@ -570,10 +570,10 @@ var pt = {
 						class: "w-5 max-w-5"
 					},
 					color(t) {
-						return On(Dn(e, t.name));
+						return Dn(En(e, t.name));
 					},
 					tooltip(t) {
-						return kn(Dn(e, t.name));
+						return On(En(e, t.name));
 					}
 				},
 				{
@@ -646,18 +646,18 @@ var pt = {
 					icon: Fe,
 					columnProps: { class: "text-right" },
 					loading(t) {
-						return e === "core" ? t.name === "camera.ui" ? J.value : K.value : e === "frameworker" ? yn.value(t.name) : e === "plugins" && vn.value(t.name);
+						return e === "core" ? t.name === "camera.ui" ? J.value : K.value : e === "frameworker" ? vn.value(t.name) : e === "plugins" && _n.value(t.name);
 					},
 					disabled(e) {
 						return e.name === "nats";
 					},
 					action(e) {
-						e.type === "core" && An(e.name), e.type === "frameworker" && jn(e.name), e.type === "plugin" && Mn(e.name);
+						e.type === "core" && kn(e.name), e.type === "frameworker" && An(e.name), e.type === "plugin" && jn(e.name);
 					}
 				}
 			];
 			return e === "system" && (t = t.filter((e) => e.field !== "pid" && e.field !== "restart" && e.field !== "status")), t;
-		}), qt = p(() => fn.value), Z = {
+		}), qt = p(() => $.value), Z = {
 			headerClass: "min-w-24",
 			class: "min-w-24"
 		}, Jt = {
@@ -828,8 +828,8 @@ var pt = {
 			return n.stamped || i.push(_("views.metrics.tip_round_trip")), i.filter(Boolean).join(" · ");
 		}
 		async function an() {
-			let e = X.value("frameworker").filter((e) => e.type === "category" && e.field !== "name"), t = Qt.value.slice(2), n = [.../* @__PURE__ */ new Set([...fn.value.map((e) => e.name), ...Kt.value.map((e) => e.cameraName)])].map((n) => {
-				let r = fn.value.find((e) => e.name === n), i = r?.worker ? `${n} (${r.worker})` : n, a = r ? e.map((e) => `  ${e.name}: ${on(e, r)}${e.type === "category" && e.suffix ? e.suffix : ""}`) : [], o = Kt.value.filter((e) => e.cameraName === n).flatMap((e) => [`  ${e.sourceName}:`, ...t.map((t) => `    ${t.name}: ${on(t, e)}`)]);
+			let e = X.value("frameworker").filter((e) => e.type === "category" && e.field !== "name"), t = Qt.value.slice(2), n = [.../* @__PURE__ */ new Set([...$.value.map((e) => e.name), ...Kt.value.map((e) => e.cameraName)])].map((n) => {
+				let r = $.value.find((e) => e.name === n), i = r?.worker ? `${n} (${r.worker})` : n, a = r ? e.map((e) => `  ${e.name}: ${on(e, r)}${e.type === "category" && e.suffix ? e.suffix : ""}`) : [], o = Kt.value.filter((e) => e.cameraName === n).flatMap((e) => [`  ${e.sourceName}:`, ...t.map((t) => `    ${t.name}: ${on(t, e)}`)]);
 				return [
 					i,
 					...a,
@@ -881,44 +881,44 @@ var pt = {
 				contentProps: { cameras: qt.value.filter((e) => e.perf?.detectors?.object).map((e) => e.name) }
 			} });
 		}
-		let un = p(() => at.value), dn = p(() => Object.values(ut.value).filter(Boolean)), fn = p(() => Object.values(Vt.value).filter(Boolean)), pn = p(() => Object.values(Wt.value).filter((e) => {
+		let un = p(() => at.value), dn = p(() => Object.values(ut.value).filter(Boolean)), $ = p(() => Object.values(Vt.value).filter(Boolean)), fn = p(() => Object.values(Wt.value).filter((e) => {
 			let t = Je.value?.result.find((t) => t.pluginName === e.name);
 			return t && !t.disabled;
-		}).filter(Boolean)), mn = p(() => Tn("system", { system: ot.value })), hn = p(() => Tn("core", Y.value)), gn = p(() => Tn("frameworker", Ht.value)), _n = p(() => Tn("plugins", Gt.value)), vn = p(() => (e) => U.value.includes(e)), yn = p(() => (e) => H.value.includes(e)), bn = p(() => {
+		}).filter(Boolean)), pn = p(() => wn("system", { system: ot.value })), mn = p(() => wn("core", Y.value)), hn = p(() => wn("frameworker", Ht.value)), gn = p(() => wn("plugins", Gt.value)), _n = p(() => (e) => U.value.includes(e)), vn = p(() => (e) => H.value.includes(e)), yn = p(() => {
 			let e = /* @__PURE__ */ new Map();
 			for (let t of qe.value?.result ?? []) e.set(t._id, t.name);
 			return e;
-		}), xn = p(() => N.value?.cameras ? Object.entries(N.value.cameras).map(([e, t]) => ({
+		}), bn = p(() => F.value?.cameras ? Object.entries(F.value.cameras).map(([e, t]) => ({
 			id: e,
-			name: bn.value.get(e) || e,
+			name: yn.value.get(e) || e,
 			usedBytes: t.usedBytes,
 			daysCount: t.daysCount,
 			bandwidthMBh: t.bandwidthMBh,
 			recordingMode: t.recordingMode,
 			isRecording: t.isRecording
-		})).sort((e, t) => t.usedBytes - e.usedBytes) : []), Sn = p(() => N.value ? [
+		})).sort((e, t) => t.usedBytes - e.usedBytes) : []), xn = p(() => F.value ? [
 			{
 				label: _("views.metrics.disk_total"),
-				value: $(N.value.diskTotalGB)
+				value: Mn(F.value.diskTotalGB)
 			},
 			{
 				label: _("views.metrics.nvr_usage"),
-				value: $(N.value.nvrUsedGB)
+				value: Mn(F.value.nvrUsedGB)
 			},
 			{
 				label: _("views.metrics.quota"),
-				value: N.value.nvrQuotaGB > 0 ? $(N.value.nvrQuotaGB) : _("views.metrics.unlimited")
+				value: F.value.nvrQuotaGB > 0 ? Mn(F.value.nvrQuotaGB) : _("views.metrics.unlimited")
 			},
 			{
 				label: _("views.metrics.retention"),
-				value: N.value.retentionDays > 0 ? _("views.metrics.days_count", { count: N.value.retentionDays }) : _("views.metrics.unlimited")
+				value: F.value.retentionDays > 0 ? _("views.metrics.days_count", { count: F.value.retentionDays }) : _("views.metrics.unlimited")
 			},
 			{
 				label: _("views.metrics.disk_free"),
-				value: `${$(N.value.diskFreeGB)} (${N.value.diskFreePercent.toFixed(1)}%)`
+				value: `${Mn(F.value.diskFreeGB)} (${F.value.diskFreePercent.toFixed(1)}%)`
 			}
-		] : []), Cn = p(() => {
-			let e = N.value?.nvrUsedGB ?? 0, t = N.value?.diskFreeGB ?? 0, n = Math.max(0, (N.value?.diskUsedGB ?? 0) - e), r = e === 0 && n === 0 && t === 0;
+		] : []), Sn = p(() => {
+			let e = F.value?.nvrUsedGB ?? 0, t = F.value?.diskFreeGB ?? 0, n = Math.max(0, (F.value?.diskUsedGB ?? 0) - e), r = e === 0 && n === 0 && t === 0;
 			return {
 				labels: [
 					_("views.metrics.chart_nvr"),
@@ -943,17 +943,17 @@ var pt = {
 					borderWidth: 0
 				}]
 			};
-		}), wn = p(() => ({
+		}), Cn = p(() => ({
 			responsive: !0,
 			maintainAspectRatio: !0,
 			cutout: "65%",
 			animation: !1,
 			plugins: {
 				legend: { display: !1 },
-				tooltip: { callbacks: { label: (e) => `${e.label}: ${$(e.parsed)}` } }
+				tooltip: { callbacks: { label: (e) => `${e.label}: ${Mn(e.parsed)}` } }
 			}
 		}));
-		function Tn(e, t) {
+		function wn(e, t) {
 			return Object.keys(t).reduce((n, r) => (X.value(e).filter(Le).forEach((e) => {
 				let i = e.for, a = t[r].slice(-30).filter((e) => e[i] !== void 0).map((e) => parseFloat(e[i])), o = t[r].slice(-30).map((e) => e.timestamp), s = [...a, ...Array(30 - a.length).fill(0)], c = [...o, ...Array(30 - o.length).fill(null)];
 				n[`${r}_${i}`] = {
@@ -974,10 +974,10 @@ var pt = {
 				};
 			}), n), {});
 		}
-		function En(e, t) {
+		function Tn(e, t) {
 			V.value[t] = e.page + 1;
 		}
-		function Dn(e, t) {
+		function En(e, t) {
 			if (e === "core") switch (t) {
 				case "camera.ui": return st.value;
 				case "go2rtc": return ct.value;
@@ -988,7 +988,7 @@ var pt = {
 			else if (e === "plugins") return Ut.value[t]?.status ?? L.UNKNOWN;
 			return R.UNKNOWN;
 		}
-		function On(e) {
+		function Dn(e) {
 			switch (e) {
 				case L.ERROR:
 				case R.ERROR: return "#9d5752";
@@ -1007,7 +1007,7 @@ var pt = {
 				default: return "gray";
 			}
 		}
-		function kn(e) {
+		function On(e) {
 			switch (e) {
 				case L.ERROR:
 				case R.ERROR: return _("components.process_table.status_error");
@@ -1026,10 +1026,10 @@ var pt = {
 				default: return _("components.process_table.status_unknown");
 			}
 		}
-		async function An(e) {
-			e === "camera.ui" ? (pe(), q()) : e === "go2rtc" && it();
+		async function kn(e) {
+			e === "camera.ui" ? (se(), q()) : e === "go2rtc" && it();
 		}
-		async function jn(e) {
+		async function An(e) {
 			H.value.push(e);
 			try {
 				await tt({ frameWorkerName: e });
@@ -1037,7 +1037,7 @@ var pt = {
 				H.value = H.value.filter((t) => t !== e);
 			}
 		}
-		async function Mn(e) {
+		async function jn(e) {
 			U.value.push(e);
 			try {
 				await et({ pluginName: e });
@@ -1045,7 +1045,7 @@ var pt = {
 				U.value = U.value.filter((t) => t !== e);
 			}
 		}
-		function $(e) {
+		function Mn(e) {
 			return e >= 1e3 ? `${(e / 1e3).toFixed(2)} TB` : e >= 1 ? `${e.toFixed(2)} GB` : `${(e * 1e3).toFixed(0)} MB`;
 		}
 		function Nn(e) {
@@ -1090,16 +1090,16 @@ var pt = {
 			deep: !0,
 			immediate: !0
 		}), n(async () => {
-			k.connect(), await Promise.all([Xe(), $e()]), await new Promise((e) => setTimeout(e, 10)), k.loadAll();
+			O.connect(), await Promise.all([Xe(), $e()]), await new Promise((e) => setTimeout(e, 10)), O.loadAll();
 		}), e(() => {
-			k.disconnect();
+			O.disconnect();
 		}), (e, t) => {
-			let n = Ne, r = we, o = O, s = oe, u = D, p = Ve, h = ue, _ = ke, v = Ue, y = be, C = Ae, w = Fe, E = re, ie = Se, k = xe, ae = ce, A = Ee, se = De, fe = _e, pe = Ce, me = Te, P = le, ve = de, L = ne;
+			let n = Ne, r = we, o = D, s = oe, u = fe, p = Ve, h = le, _ = ke, v = Ue, y = be, C = Ae, w = Fe, E = ie, O = Se, k = xe, A = re, j = Ee, ae = De, N = _e, se = Ce, ue = Te, me = de, ve = ce, L = ne;
 			return i(), g("div", {
 				ref_key: "containerRef",
-				ref: F
+				ref: ge
 			}, [
-				f(j) ? l("", !0) : (i(), g("h1", pt, a(e.$t(`views.${String(e.$route.name).toLowerCase()}.title`)), 1)),
+				f(M) ? l("", !0) : (i(), g("h1", pt, a(e.$t(`views.${String(e.$route.name).toLowerCase()}.title`)), 1)),
 				T(o, { position: "left" }, {
 					default: m(() => [T(r, {
 						severity: "secondary",
@@ -1142,14 +1142,14 @@ var pt = {
 							})
 						]),
 						_: 1
-					}), T(P, { class: "!p-0 !bg-transparent" }, {
+					}), T(me, { class: "!p-0 !bg-transparent" }, {
 						default: m(() => [
 							T(h, { value: "overview" }, {
 								default: m(() => [b("div", mt, [
 									b("div", null, [b("span", ht, a(e.$t("views.metrics.general")), 1), T(p, {
 										items: f(un),
 										headers: f(X)("system"),
-										"chart-data": f(mn),
+										"chart-data": f(pn),
 										"empty-message": e.$t("views.metrics.no_system")
 									}, null, 8, [
 										"items",
@@ -1160,7 +1160,7 @@ var pt = {
 									b("div", null, [b("span", gt, a(e.$t("views.metrics.core")), 1), T(p, {
 										items: f(dn),
 										headers: f(X)("core"),
-										"chart-data": f(hn),
+										"chart-data": f(mn),
 										"empty-message": e.$t("views.metrics.no_core")
 									}, null, 8, [
 										"items",
@@ -1169,15 +1169,15 @@ var pt = {
 										"empty-message"
 									])]),
 									b("div", null, [b("span", _t, a(e.$t("views.metrics.plugins")), 1), T(p, {
-										items: f(pn),
+										items: f(fn),
 										headers: f(X)("plugins"),
-										"chart-data": f(_n),
+										"chart-data": f(gn),
 										loading: f(Ye),
 										paginator: "",
 										pagination: { page: f(V).plugins },
-										"total-records": f(pn).length,
+										"total-records": f(fn).length,
 										"empty-message": e.$t("views.metrics.no_plugins"),
-										"onUpdate:page": t[1] ||= (e) => En(e, "plugins")
+										"onUpdate:page": t[1] ||= (e) => Tn(e, "plugins")
 									}, null, 8, [
 										"items",
 										"headers",
@@ -1193,15 +1193,15 @@ var pt = {
 							T(h, { value: "cameras" }, {
 								default: m(() => [b("div", vt, [b("div", null, [b("span", yt, a(e.$t("views.metrics.cameras")), 1), (i(), c(p, {
 									key: f(B) ? "streams" : "processes",
-									items: f(B) ? f(Kt) : f(fn),
+									items: f(B) ? f(Kt) : f($),
 									headers: f(B) ? f(Qt) : f(X)("frameworker"),
-									"chart-data": f(B) ? void 0 : f(gn),
+									"chart-data": f(B) ? void 0 : f(hn),
 									loading: f(Qe),
 									paginator: "",
 									pagination: { page: f(B) ? f(V).streams : f(V).frameworker },
-									"total-records": f(B) ? f(Kt).length : f(fn).length,
+									"total-records": f(B) ? f(Kt).length : f($).length,
 									"empty-message": e.$t("views.metrics.no_cameras"),
-									"onUpdate:page": t[3] ||= (e) => En(e, f(B) ? "streams" : "frameworker")
+									"onUpdate:page": t[3] ||= (e) => Tn(e, f(B) ? "streams" : "frameworker")
 								}, {
 									actions: m(() => [b("div", bt, [x((i(), c(r, {
 										severity: "secondary",
@@ -1220,9 +1220,9 @@ var pt = {
 										severity: "secondary",
 										outlined: "",
 										class: "cui-button-medium",
-										label: f(M) ? void 0 : f(B) ? e.$t("views.metrics.show_processes") : e.$t("views.metrics.show_streams"),
+										label: f(P) ? void 0 : f(B) ? e.$t("views.metrics.show_processes") : e.$t("views.metrics.show_streams"),
 										onClick: t[2] ||= (e) => B.value = !f(B)
-									}, d({ _: 2 }, [f(M) ? {
+									}, d({ _: 2 }, [f(P) ? {
 										name: "icon",
 										fn: m(() => [f(B) ? (i(), c(v, { key: 0 })) : (i(), c(y, { key: 1 }))]),
 										key: "0"
@@ -1230,7 +1230,7 @@ var pt = {
 										L,
 										{
 											value: f(B) ? e.$t("views.metrics.show_processes") : e.$t("views.metrics.show_streams"),
-											disabled: !f(M)
+											disabled: !f(P)
 										},
 										void 0,
 										{ top: !0 }
@@ -1252,7 +1252,7 @@ var pt = {
 									pagination: { page: f(V).frameworker },
 									"total-records": f(qt).length,
 									"empty-message": e.$t("views.metrics.no_cameras"),
-									"onUpdate:page": t[5] ||= (e) => En(e, "frameworker")
+									"onUpdate:page": t[5] ||= (e) => Tn(e, "frameworker")
 								}, {
 									actions: m(() => [b("div", St, [x((i(), c(r, {
 										severity: "secondary",
@@ -1271,9 +1271,9 @@ var pt = {
 										severity: "secondary",
 										outlined: "",
 										class: "cui-button-medium",
-										label: f(M) ? void 0 : f(z) ? e.$t("views.metrics.show_performance") : e.$t("views.metrics.show_inference"),
+										label: f(P) ? void 0 : f(z) ? e.$t("views.metrics.show_performance") : e.$t("views.metrics.show_inference"),
 										onClick: t[4] ||= (e) => z.value = !f(z)
-									}, d({ _: 2 }, [f(M) ? {
+									}, d({ _: 2 }, [f(P) ? {
 										name: "icon",
 										fn: m(() => [f(z) ? (i(), c(v, { key: 0 })) : (i(), c(C, { key: 1 }))]),
 										key: "0"
@@ -1281,7 +1281,7 @@ var pt = {
 										L,
 										{
 											value: f(z) ? e.$t("views.metrics.show_performance") : e.$t("views.metrics.show_inference"),
-											disabled: !f(M)
+											disabled: !f(P)
 										},
 										void 0,
 										{ top: !0 }
@@ -1289,9 +1289,9 @@ var pt = {
 										severity: "secondary",
 										class: "cui-button-medium",
 										loading: f(G),
-										label: f(M) ? void 0 : e.$t("views.metrics.reset"),
+										label: f(P) ? void 0 : e.$t("views.metrics.reset"),
 										onClick: cn
-									}, d({ _: 2 }, [f(M) ? {
+									}, d({ _: 2 }, [f(P) ? {
 										name: "icon",
 										fn: m(() => [T(w)]),
 										key: "0"
@@ -1299,16 +1299,16 @@ var pt = {
 										L,
 										{
 											value: e.$t("views.metrics.reset"),
-											disabled: !f(M)
+											disabled: !f(P)
 										},
 										void 0,
 										{ top: !0 }
 									]]), x((i(), c(r, {
 										class: "cui-button-medium",
 										disabled: f(G),
-										label: f(M) ? void 0 : e.$t("views.metrics.benchmark"),
+										label: f(P) ? void 0 : e.$t("views.metrics.benchmark"),
 										onClick: ln
-									}, d({ _: 2 }, [f(M) ? {
+									}, d({ _: 2 }, [f(P) ? {
 										name: "icon",
 										fn: m(() => [T(E)]),
 										key: "0"
@@ -1316,7 +1316,7 @@ var pt = {
 										L,
 										{
 											value: e.$t("views.metrics.benchmark"),
-											disabled: !f(M)
+											disabled: !f(P)
 										},
 										void 0,
 										{ top: !0 }
@@ -1334,26 +1334,26 @@ var pt = {
 							}),
 							T(h, { value: "storage" }, {
 								default: m(() => [b("div", wt, [
-									f(N) && f(N).paused === !0 ? (i(), g("div", Tt, [T(ie, { class: "shrink-0 w-5 h-5" }), b("span", null, a(e.$t("views.metrics.disk_critical")), 1)])) : f(N) && f(N).diskFreePercent > 0 && f(N).diskFreePercent < 8 ? (i(), g("div", Et, [T(k, { class: "shrink-0 w-5 h-5" }), b("span", null, a(e.$t("views.metrics.disk_warning")), 1)])) : l("", !0),
-									f(N) && f(N).smallVolume ? (i(), g("div", Dt, [T(k, { class: "shrink-0 w-5 h-5" }), b("span", null, a(e.$t("views.metrics.disk_small_volume")), 1)])) : l("", !0),
-									b("div", null, [b("span", Ot, a(e.$t("views.metrics.storage_overview")), 1), T(fe, { class: "cui-card" }, {
-										content: m(() => [f(he) && !f(N) ? (i(), g("div", kt, [T(ae, {
+									f(F) && f(F).paused === !0 ? (i(), g("div", Tt, [T(O, { class: "shrink-0 w-5 h-5" }), b("span", null, a(e.$t("views.metrics.disk_critical")), 1)])) : f(F) && f(F).diskFreePercent > 0 && f(F).diskFreePercent < 8 ? (i(), g("div", Et, [T(k, { class: "shrink-0 w-5 h-5" }), b("span", null, a(e.$t("views.metrics.disk_warning")), 1)])) : l("", !0),
+									f(F) && f(F).smallVolume ? (i(), g("div", Dt, [T(k, { class: "shrink-0 w-5 h-5" }), b("span", null, a(e.$t("views.metrics.disk_small_volume")), 1)])) : l("", !0),
+									b("div", null, [b("span", Ot, a(e.$t("views.metrics.storage_overview")), 1), T(N, { class: "cui-card" }, {
+										content: m(() => [f(pe) && !f(F) ? (i(), g("div", kt, [T(A, {
 											class: "w-[30px] h-[30px] m-0",
 											"stroke-width": "5"
-										})])) : f(N) ? (i(), g("div", jt, [b("div", Mt, [T(f(ze), {
-											data: f(Cn),
-											options: f(wn)
-										}, null, 8, ["data", "options"])]), T(se, {
-											value: f(Sn),
-											pt: ge,
+										})])) : f(F) ? (i(), g("div", jt, [b("div", Mt, [T(f(ze), {
+											data: f(Sn),
+											options: f(Cn)
+										}, null, 8, ["data", "options"])]), T(ae, {
+											value: f(xn),
+											pt: he,
 											"striped-rows": "",
 											"show-headers": !1,
 											class: "w-full"
 										}, {
-											default: m(() => [T(A, { field: "label" }, {
+											default: m(() => [T(j, { field: "label" }, {
 												body: m(({ data: e }) => [b("span", Nt, a(e.label), 1)]),
 												_: 1
-											}), T(A, {
+											}), T(j, {
 												field: "value",
 												style: { "text-align": "right" }
 											}, {
@@ -1364,29 +1364,29 @@ var pt = {
 										}, 8, ["value"])])) : (i(), g("div", At, a(e.$t("views.metrics.storage_not_available")), 1))]),
 										_: 1
 									})]),
-									b("div", null, [b("span", Ft, a(e.$t("views.metrics.camera_storage")), 1), T(fe, { class: "cui-card" }, {
-										content: m(() => [f(he) && !f(N) ? (i(), g("div", It, [T(ae, {
+									b("div", null, [b("span", Ft, a(e.$t("views.metrics.camera_storage")), 1), T(N, { class: "cui-card" }, {
+										content: m(() => [f(pe) && !f(F) ? (i(), g("div", It, [T(A, {
 											class: "w-[30px] h-[30px] m-0",
 											"stroke-width": "5"
-										})])) : f(N) ? (i(), c(se, {
+										})])) : f(F) ? (i(), c(ae, {
 											key: 2,
-											value: f(xn),
-											pt: ge,
+											value: f(bn),
+											pt: he,
 											"striped-rows": "",
 											scrollable: ""
 										}, {
 											empty: m(() => [b("span", Bt, a(e.$t("views.metrics.no_cameras")), 1)]),
 											default: m(() => [
-												T(A, {
+												T(j, {
 													field: "status",
 													header: "",
 													"header-class": "p-2! w-5 max-w-5",
 													class: "p-2! w-5 max-w-5"
 												}, {
-													body: m(({ data: t }) => [b("div", Rt, [x(T(pe, { style: te({ background: t.isRecording ? "green" : "gray" }) }, null, 8, ["style"]), [[L, { value: t.isRecording ? e.$t("views.metrics.status_recording") : e.$t("views.metrics.status_stopped") }]])])]),
+													body: m(({ data: t }) => [b("div", Rt, [x(T(se, { style: te({ background: t.isRecording ? "green" : "gray" }) }, null, 8, ["style"]), [[L, { value: t.isRecording ? e.$t("views.metrics.status_recording") : e.$t("views.metrics.status_stopped") }]])])]),
 													_: 1
 												}),
-												T(A, {
+												T(j, {
 													field: "name",
 													header: e.$t("views.metrics.col_camera"),
 													"header-class": "w-56 min-w-56 max-w-56",
@@ -1395,29 +1395,29 @@ var pt = {
 													body: m(({ data: e }) => [b("span", zt, a(e.name), 1)]),
 													_: 1
 												}, 8, ["header"]),
-												T(A, {
+												T(j, {
 													field: "size",
 													header: e.$t("views.metrics.col_size")
 												}, {
 													body: m(({ data: e }) => [S(a(Nn(e.usedBytes)), 1)]),
 													_: 1
 												}, 8, ["header"]),
-												T(A, {
+												T(j, {
 													field: "daysCount",
 													header: e.$t("views.metrics.col_days")
 												}, null, 8, ["header"]),
-												T(A, {
+												T(j, {
 													field: "rate",
 													header: e.$t("views.metrics.col_rate")
 												}, {
 													body: m(({ data: e }) => [S(a(e.bandwidthMBh > 0 ? Pn(e.bandwidthMBh) : "-"), 1)]),
 													_: 1
 												}, 8, ["header"]),
-												T(A, {
+												T(j, {
 													field: "recordingMode",
 													header: e.$t("views.metrics.col_mode")
 												}, {
-													body: m(({ data: e }) => [T(me, {
+													body: m(({ data: e }) => [T(ue, {
 														label: e.recordingMode,
 														class: "text-xs"
 													}, null, 8, ["label"])]),