@camera.ui/server 2.2.6 → 2.2.8

package/dist/interface/ha/{Metrics-B_SN5hbp.js → Metrics-CdpWJ1mm.js}

@@ -1,61 +1,61 @@
 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-BDrlgLof.js";
-import { $i as D, $t as re, An as O, Ar as k, Bi as ie, Ci as A, Er as j, Jt as ae, Si as M, Xn as oe, bi as N, en as se, fi as ce, fn as le, gt as ue, jn as de, la as fe, lr as pe, pn as me, q as he, tn as ge, ur as P, wn as _e, wr as ve } from "./api-D2VzV4is.js";
-import { i as ye, p as be } from "./intercomService-B7HkLs6z.js";
-import { V as F } from "./pinia-BokSpDzj.js";
-import { n as xe } from "./vue-i18n-D5EAy78K.js";
-import { r as Se, t as Ce } from "./alert-outline-FcLLjoOK.js";
-import { p as we } from "./eventIcons-BFNUgeGr.js";
-import { n as Te, t as Ee } from "./button-BouAFgf5.js";
-import { t as De } from "./chip-BTHURsTF.js";
-import { i as Oe, t as ke } from "./CuiDataTable-CIKQLseG.js";
-import { t as Ae } from "./plugins-jozYyBhV.js";
-import { t as je } from "./content-copy-CHPYjxRC.js";
-import { t as Me } from "./brain-BiKXGva0.js";
-import { t as Ne } from "./server-hCCjQjZE.js";
-import { n as Pe } from "./useServerRestart-CRSVcz3z.js";
-import { t as Fe } from "./back-filled-CaxrZv0Q.js";
-import { a as Ie, c as Le, i as Re, n as ze, o as Be, r as Ve, s as He, t as Ue } from "./CuiChartTable-FQ2iR5Hd.js";
-import { t as We } from "./useTabSwipe-B_bseZkI.js";
+import { $t as D, An as O, Er as re, Hi as k, Jt as ie, Mr as A, Or as ae, Si as j, Ti as M, Wn as oe, da as N, dr as se, en as ce, fn as le, gt as ue, jn as de, mi as fe, pn as pe, q as me, ta as P, tn as he, ur as F, wi as ge, wn as _e } from "./api-DUqpDJ2N.js";
+import { i as ve, p as ye } from "./intercomService-B7HkLs6z.js";
+import { V as I } from "./pinia-DIKO5lnE.js";
+import { n as be } from "./vue-i18n-D5EAy78K.js";
+import { r as xe, t as Se } from "./alert-outline-FcLLjoOK.js";
+import { p as Ce } from "./eventIcons-BFNUgeGr.js";
+import { n as we, t as Te } from "./button-BouAFgf5.js";
+import { t as Ee } from "./chip-BTHURsTF.js";
+import { i as De, t as Oe } from "./CuiDataTable-BOdQDY8J.js";
+import { t as ke } from "./plugins-ml823dJV.js";
+import { t as Ae } from "./content-copy-CHPYjxRC.js";
+import { t as je } from "./brain-BiKXGva0.js";
+import { t as Me } from "./server-dArenpJI.js";
+import { n as Ne } from "./useServerRestart-Ci0SppGW.js";
+import { t as Pe } from "./back-filled-CaxrZv0Q.js";
+import { a as Fe, c as Ie, i as Le, n as Re, o as ze, r as Be, s as Ve, t as He } from "./CuiChartTable-BxWjRe-k.js";
+import { t as Ue } from "./useTabSwipe-CPKkRmaH.js";
 //#region ../server/src/services/config/types.ts
-var I = /* @__PURE__ */ function(e) {
+var L = /* @__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;
-}({}), L = {
+}({}), R = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function R(e, t) {
-	return i(), g("svg", L, [...t[0] ||= [b("path", {
+function z(e, t) {
+	return i(), g("svg", R, [...t[0] ||= [b("path", {
 		fill: "currentColor",
 		d: "m3 14l.5.07L8.07 9.5a1.95 1.95 0 0 1 .52-1.91c.78-.79 2.04-.79 2.82 0c.53.52.7 1.26.52 1.91l2.57 2.57l.5-.07c.18 0 .35 0 .5.07l3.57-3.57C19 8.35 19 8.18 19 8a2 2 0 0 1 2-2a2 2 0 0 1 2 2a2 2 0 0 1-2 2c-.18 0-.35 0-.5-.07l-3.57 3.57c.07.15.07.32.07.5a2 2 0 0 1-2 2a2 2 0 0 1-2-2l.07-.5l-2.57-2.57c-.32.07-.68.07-1 0L4.93 15.5L5 16a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2"
 	}, null, -1)]]);
 }
-var Ge = s({
+var We = s({
 	name: "mdi-chart-timeline-variant",
-	render: R
+	render: z
 });
 //#endregion
 //#region src/api/routes/frameWorkers.ts
-async function z({ parameter: e, signal: t }) {
-	return (await D.get("/frameworkers", {
+async function B({ parameter: e, signal: t }) {
+	return (await P.get("/frameworkers", {
 		params: e,
 		signal: t
 	})).data;
 }
-async function Ke({ frameWorkerName: e }) {
-	return (await D.put(`/frameworkers/${e}/restart`)).data;
+async function Ge({ frameWorkerName: e }) {
+	return (await P.put(`/frameworkers/${e}/restart`)).data;
 }
-async function qe() {
-	return (await D.put("/frameworkers/perf/reset")).data;
+async function Ke() {
+	return (await P.put("/frameworkers/perf/reset")).data;
 }
-async function B({ cameras: e }) {
-	return (await D.post("/frameworkers/perf/benchmark", { cameras: e })).data;
+async function V({ cameras: e }) {
+	return (await P.post("/frameworkers/perf/benchmark", { cameras: e })).data;
 }
-var Je = class {
-	_queryClient = ie();
-	t = fe.global.t;
-	toast = M();
+var qe = class {
+	_queryClient = k();
+	t = N.global.t;
+	toast = ge();
 	queryActivator = w([{
 		name: "getFrameWorkersQuery",
 		enabled: !0
@@ -64,9 +64,9 @@ var Je = class {
 		return this._queryClient;
 	}
 	getFrameWorkersQuery(e) {
-		return N({
+		return j({
 			queryKey: ["frameWorkerList", e],
-			queryFn: ({ signal: t }) => z({
+			queryFn: ({ signal: t }) => B({
 				parameter: f(e),
 				signal: t
 			}),
@@ -75,8 +75,8 @@ var Je = class {
 		});
 	}
 	restartFrameWorkerQuery() {
-		return A({
-			mutationFn: Ke,
+		return M({
+			mutationFn: Ge,
 			onSuccess: async (e, t) => {
 				await this._queryClient.refetchQueries({ queryKey: ["frameWorkers", t.frameWorkerName] }), this.toast.add({
 					severity: "success",
@@ -87,8 +87,8 @@ var Je = class {
 		});
 	}
 	resetFrameWorkerPerfQuery() {
-		return A({
-			mutationFn: qe,
+		return M({
+			mutationFn: Ke,
 			onSuccess: () => {
 				this.toast.add({
 					severity: "success",
@@ -99,29 +99,29 @@ var Je = class {
 		});
 	}
 	benchmarkObjectDetectionQuery() {
-		return A({ mutationFn: B });
+		return M({ mutationFn: V });
 	}
 	toggleQueryActivator(e, t) {
 		let n = this.queryActivator.value.find((t) => t.name === e);
 		return n && (n.enabled = t), this;
 	}
-}, V = { class: "flex flex-col gap-4" }, Ye = { class: "text-sm text-pretty" }, Xe = {
+}, H = { class: "flex flex-col gap-4" }, Je = { class: "text-sm text-pretty" }, Ye = {
 	key: 0,
 	class: "flex flex-col"
-}, Ze = { class: "flex justify-end" }, Qe = {
+}, Xe = { class: "flex justify-end" }, Ze = {
 	key: 1,
 	class: "flex flex-col gap-2"
-}, $e = { class: "flex items-center justify-between gap-2" }, et = { class: "flex items-center gap-1 min-w-0" }, tt = { class: "text-sm font-semibold text-color truncate" }, nt = {
+}, Qe = { class: "flex items-center justify-between gap-2" }, $e = { class: "flex items-center gap-1 min-w-0" }, et = { class: "text-sm font-semibold text-color truncate" }, tt = {
 	key: 0,
 	class: "font-medium underline decoration-dotted"
-}, rt = {
+}, nt = {
 	key: 1,
 	class: "font-medium"
-}, it = /* @__PURE__ */ C({
+}, rt = /* @__PURE__ */ C({
 	__name: "DetectionBenchmark",
 	props: { cameras: {} },
 	setup(e, { expose: n }) {
-		let s = e, { t: u } = xe(), d = M(), { copy: ee } = be(), h = t("dialogRefProps"), te = { bodyRow: { class: "text-sm text-secondary" } }, { mutateAsync: v } = new Je().benchmarkObjectDetectionQuery(), C = w([]), E = w(), D = w(0), re = p(() => s.cameras.length > 0 && C.value.length === s.cameras.length), k = p(() => {
+		let s = e, { t: u } = be(), d = ge(), { copy: ee } = ye(), h = t("dialogRefProps"), te = { bodyRow: { class: "text-sm text-secondary" } }, { mutateAsync: v } = new qe().benchmarkObjectDetectionQuery(), C = w([]), E = w(), D = w(0), re = p(() => s.cameras.length > 0 && C.value.length === s.cameras.length), k = p(() => {
 			let e = E.value;
 			if (!e) return [];
 			let t = [
@@ -227,13 +227,13 @@ var Je = class {
 				}
 			];
 		}
-		function j(e) {
+		function ae(e) {
 			C.value = C.value.includes(e) ? C.value.filter((t) => t !== e) : [...C.value, e];
 		}
-		function ae() {
+		function j() {
 			C.value = re.value ? [] : [...s.cameras];
 		}
-		async function oe() {
+		async function M() {
 			let e = (e) => [e.title, ...e.rows.flatMap((e) => [`${e.label}: ${e.value}`, ..."details" in e && e.details || []])].join("\n"), t = D.value === 0 ? k.value.map(e).join("\n\n---\n\n") : e(k.value[D.value]);
 			await ee(t), d.add({
 				severity: "success",
@@ -241,7 +241,7 @@ var Je = class {
 				life: 3e3
 			});
 		}
-		async function N() {
+		async function oe() {
 			try {
 				return E.value = await v({ cameras: C.value }), h.hideConfirmButton && (h.hideConfirmButton.value = !0), null;
 			} catch (e) {
@@ -254,9 +254,9 @@ var Je = class {
 		}
 		return y(() => {
 			h.disabled && (h.disabled.value = C.value.length === 0);
-		}), n({ onConfirm: N }), (t, n) => {
-			let s = Ee, u = O, d = de, ee = pe, p = P, h = je, v = Oe, y = ke, w = ne;
-			return i(), g("div", V, [b("span", Ye, a(t.$t("views.metrics.benchmark_confirm")), 1), f(E) ? (i(), g("div", Qe, [b("div", $e, [b("div", et, [
+		}), n({ onConfirm: oe }), (t, n) => {
+			let s = Te, u = O, d = de, ee = F, p = se, h = Ae, v = De, y = Oe, w = ne;
+			return i(), g("div", H, [b("span", Je, a(t.$t("views.metrics.benchmark_confirm")), 1), f(E) ? (i(), g("div", Ze, [b("div", Qe, [b("div", $e, [
 				f(k).length > 1 ? (i(), c(s, {
 					key: 0,
 					severity: "secondary",
@@ -268,7 +268,7 @@ var Je = class {
 					icon: m(() => [T(ee)]),
 					_: 1
 				})) : l("", !0),
-				b("span", tt, a(f(k)[f(D)].title), 1),
+				b("span", et, a(f(k)[f(D)].title), 1),
 				f(k).length > 1 ? (i(), c(s, {
 					key: 1,
 					severity: "secondary",
@@ -285,7 +285,7 @@ var Je = class {
 				text: "",
 				rounded: "",
 				class: "cui-icon-md",
-				onClick: oe
+				onClick: M
 			}, {
 				icon: m(() => [T(h)]),
 				_: 1
@@ -309,70 +309,70 @@ var Je = class {
 					field: "value",
 					style: { "text-align": "right" }
 				}, {
-					body: m(({ data: e }) => [e.details?.length ? x((i(), g("span", nt, [S(a(e.value), 1)])), [[
+					body: m(({ data: e }) => [e.details?.length ? x((i(), g("span", tt, [S(a(e.value), 1)])), [[
 						w,
 						{ value: e.details.join(" · ") },
 						void 0,
 						{ left: !0 }
-					]]) : (i(), g("span", rt, a(e.value), 1))]),
+					]]) : (i(), g("span", nt, a(e.value), 1))]),
 					_: 1
 				})]),
 				_: 1
-			}, 8, ["value", "rows"])])) : (i(), g("div", Xe, [b("div", Ze, [T(s, {
+			}, 8, ["value", "rows"])])) : (i(), g("div", Ye, [b("div", Xe, [T(s, {
 				severity: "secondary",
 				text: "",
 				class: "cui-button-small",
 				label: f(re) ? t.$t("views.metrics.deselect_all") : t.$t("views.metrics.select_all"),
-				onClick: ae
+				onClick: j
 			}, 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) => j(e)
+				onClick: (t) => ae(e)
 			}, {
 				append: m(() => [T(u, {
 					"model-value": f(C).includes(e),
-					"onUpdate:modelValue": (t) => j(e)
+					"onUpdate:modelValue": (t) => ae(e)
 				}, null, 8, ["model-value", "onUpdate:modelValue"])]),
 				default: m(() => [b("span", null, a(e), 1)]),
 				_: 2
 			}, 1032, ["active", "onClick"])]))), 128))]))]);
 		};
 	}
-}), H = {
+}), U = {
 	pid: -1,
 	cpuLoad: "0.00",
 	memLoad: "0.00",
 	timestamp: 0
 };
-function at() {
+function it() {
 	return {
 		systemProcess: [{
 			name: "system",
 			type: "system",
-			...H
+			...U
 		}],
 		systemProcessInfo: [],
-		serverStatus: I.UNKNOWN,
-		go2rtcStatus: I.UNKNOWN,
-		natsStatus: I.UNKNOWN,
+		serverStatus: L.UNKNOWN,
+		go2rtcStatus: L.UNKNOWN,
+		natsStatus: L.UNKNOWN,
 		coreProcesses: {
 			"camera.ui": {
 				name: "camera.ui",
 				type: "core",
-				...H
+				...U
 			},
 			go2rtc: {
 				name: "go2rtc",
 				type: "core",
-				...H
+				...U
 			},
 			nats: {
 				name: "nats",
 				type: "core",
-				...H
+				...U
 			}
 		},
 		coreProcessInfos: {
@@ -389,183 +389,183 @@ function at() {
 		streamStats: []
 	};
 }
-var U = E(at()), ot = null, W = null, G = null;
-function K() {
-	return !!(W?.connected.value && G?.connected.value);
+var W = E(it()), at = null, G = null, K = null;
+function q() {
+	return !!(G?.connected.value && K?.connected.value);
 }
-function st(e) {
-	e["camera.ui"] && (U.coreProcesses["camera.ui"] = e["camera.ui"]), e.go2rtc && (U.coreProcesses.go2rtc = e.go2rtc), e.nats && (U.coreProcesses.nats = e.nats);
+function ot(e) {
+	e["camera.ui"] && (W.coreProcesses["camera.ui"] = e["camera.ui"]), e.go2rtc && (W.coreProcesses.go2rtc = e.go2rtc), e.nats && (W.coreProcesses.nats = e.nats);
 	let t = e.workers ?? {};
-	for (let e of Object.keys(U.frameWorkersProcess)) e in t || (delete U.frameWorkersProcess[e], delete U.frameWorkersProcessInfos[e]);
-	for (let [e, n] of Object.entries(t)) U.frameWorkersProcess[e] = n;
-	for (let [t, n] of Object.entries(e.plugins ?? {})) U.pluginsProcesses[t] = n;
+	for (let e of Object.keys(W.frameWorkersProcess)) e in t || (delete W.frameWorkersProcess[e], delete W.frameWorkersProcessInfos[e]);
+	for (let [e, n] of Object.entries(t)) W.frameWorkersProcess[e] = n;
+	for (let [t, n] of Object.entries(e.plugins ?? {})) W.pluginsProcesses[t] = n;
 }
-function ct(e) {
-	e["camera.ui"] && (U.coreProcessInfos["camera.ui"].push(e["camera.ui"]), U.coreProcessInfos["camera.ui"] = U.coreProcessInfos["camera.ui"].slice(-30)), e.go2rtc && (U.coreProcessInfos.go2rtc.push(e.go2rtc), U.coreProcessInfos.go2rtc = U.coreProcessInfos.go2rtc.slice(-30)), e.nats && (U.coreProcessInfos.nats.push(e.nats), U.coreProcessInfos.nats = U.coreProcessInfos.nats.slice(-30));
-	for (let [t, n] of Object.entries(e.workers ?? {})) U.frameWorkersProcessInfos[t] || (U.frameWorkersProcessInfos[t] = []), U.frameWorkersProcessInfos[t].push(n), U.frameWorkersProcessInfos[t] = U.frameWorkersProcessInfos[t].slice(-30);
-	for (let [t, n] of Object.entries(e.plugins ?? {})) U.pluginsProcessInfos[t] || (U.pluginsProcessInfos[t] = []), U.pluginsProcessInfos[t].push(n), U.pluginsProcessInfos[t] = U.pluginsProcessInfos[t].slice(-30);
+function st(e) {
+	e["camera.ui"] && (W.coreProcessInfos["camera.ui"].push(e["camera.ui"]), W.coreProcessInfos["camera.ui"] = W.coreProcessInfos["camera.ui"].slice(-30)), e.go2rtc && (W.coreProcessInfos.go2rtc.push(e.go2rtc), W.coreProcessInfos.go2rtc = W.coreProcessInfos.go2rtc.slice(-30)), e.nats && (W.coreProcessInfos.nats.push(e.nats), W.coreProcessInfos.nats = W.coreProcessInfos.nats.slice(-30));
+	for (let [t, n] of Object.entries(e.workers ?? {})) W.frameWorkersProcessInfos[t] || (W.frameWorkersProcessInfos[t] = []), W.frameWorkersProcessInfos[t].push(n), W.frameWorkersProcessInfos[t] = W.frameWorkersProcessInfos[t].slice(-30);
+	for (let [t, n] of Object.entries(e.plugins ?? {})) W.pluginsProcessInfos[t] || (W.pluginsProcessInfos[t] = []), W.pluginsProcessInfos[t].push(n), W.pluginsProcessInfos[t] = W.pluginsProcessInfos[t].slice(-30);
 }
-async function lt() {
-	if (W?.ready.value) try {
-		U.systemProcessInfo = await W.request("get-system-info");
+async function ct() {
+	if (G?.ready.value) try {
+		W.systemProcessInfo = await G.request("get-system-info");
 	} catch {}
 }
-async function ut() {
-	if (W?.ready.value && G?.ready.value) {
-		G.emit("get-process-status");
+async function lt() {
+	if (G?.ready.value && K?.ready.value) {
+		K.emit("get-process-status");
 		try {
-			U.coreProcessInfos = await W.request("get-server-process-info");
+			W.coreProcessInfos = await G.request("get-server-process-info");
 		} catch {}
 	}
 }
-async function dt() {
-	if (W?.ready.value && G?.ready.value) {
-		G.emit("get-frameworker-process-status");
+async function ut() {
+	if (G?.ready.value && K?.ready.value) {
+		K.emit("get-frameworker-process-status");
 		try {
-			U.frameWorkersProcessInfos = await W.request("get-frameworker-process-info");
+			W.frameWorkersProcessInfos = await G.request("get-frameworker-process-info");
 		} catch {}
 	}
 }
-async function ft() {
-	if (W?.ready.value && G?.ready.value) {
-		G.emit("get-plugin-process-status");
+async function dt() {
+	if (G?.ready.value && K?.ready.value) {
+		K.emit("get-plugin-process-status");
 		try {
-			U.pluginsProcessInfos = await W.request("get-plugins-process-info");
+			W.pluginsProcessInfos = await G.request("get-plugins-process-info");
 		} catch {}
 	}
 }
-async function q() {
+async function J() {
 	await Promise.all([
+		ct(),
 		lt(),
 		ut(),
-		dt(),
-		ft()
+		dt()
 	]);
 }
-function pt() {
-	W && G || (ot = u(!0), ot.run(() => {
-		let e = ce("/metrics"), t = ce("/status");
-		W = e, G = t, e.on("process-infos-realtime", st), e.on("process-infos", ct), e.on("system-infos-realtime", (e) => {
-			U.systemProcess = [e];
+function ft() {
+	G && K || (at = u(!0), at.run(() => {
+		let e = fe("/metrics"), t = fe("/status");
+		G = e, K = t, e.on("process-infos-realtime", ot), e.on("process-infos", st), e.on("system-infos-realtime", (e) => {
+			W.systemProcess = [e];
 		}), e.on("stream-stats-realtime", (e) => {
-			U.streamStats = e;
+			W.streamStats = e;
 		}), e.on("system-infos", (e) => {
-			U.systemProcessInfo.push(e), U.systemProcessInfo = U.systemProcessInfo.slice(-30);
+			W.systemProcessInfo.push(e), W.systemProcessInfo = W.systemProcessInfo.slice(-30);
 		}), t.on("process-status", (e) => {
-			e["camera.ui"] && (U.serverStatus = e["camera.ui"].status), e.go2rtc && (U.go2rtcStatus = e.go2rtc.status), e.nats && (U.natsStatus = e.nats.status);
+			e["camera.ui"] && (W.serverStatus = e["camera.ui"].status), e.go2rtc && (W.go2rtcStatus = e.go2rtc.status), e.nats && (W.natsStatus = e.nats.status);
 		}), t.on("frameworker-process-status", (e) => {
-			for (let [t, n] of Object.entries(e)) U.frameWorkerStatus[t] = n;
+			for (let [t, n] of Object.entries(e)) W.frameWorkerStatus[t] = n;
 		}), t.on("plugin-process-status", (e) => {
-			for (let [t, n] of Object.entries(e)) U.pluginsStatus[t] = n;
+			for (let [t, n] of Object.entries(e)) W.pluginsStatus[t] = n;
 		}), e.onReady(() => {
-			K() && q();
+			q() && J();
 		}), t.onReady(() => {
-			K() && q();
+			q() && J();
 		});
 	}));
 }
-function mt() {
+function pt() {
 	function e() {
-		pt(), K() && q();
+		ft(), q() && J();
 	}
 	function t() {}
 	return {
-		isConnected: p(() => K()),
-		systemProcess: p(() => U.systemProcess),
-		systemProcessInfo: p(() => U.systemProcessInfo),
-		serverStatus: p(() => U.serverStatus),
-		go2rtcStatus: p(() => U.go2rtcStatus),
-		natsStatus: p(() => U.natsStatus),
-		coreProcesses: p(() => U.coreProcesses),
-		coreProcessInfos: p(() => U.coreProcessInfos),
-		frameWorkerStatus: p(() => U.frameWorkerStatus),
-		frameWorkersProcess: p(() => U.frameWorkersProcess),
-		frameWorkersProcessInfos: p(() => U.frameWorkersProcessInfos),
-		pluginsStatus: p(() => U.pluginsStatus),
-		pluginsProcesses: p(() => U.pluginsProcesses),
-		pluginsProcessInfos: p(() => U.pluginsProcessInfos),
-		streamStats: p(() => U.streamStats),
+		isConnected: p(() => q()),
+		systemProcess: p(() => W.systemProcess),
+		systemProcessInfo: p(() => W.systemProcessInfo),
+		serverStatus: p(() => W.serverStatus),
+		go2rtcStatus: p(() => W.go2rtcStatus),
+		natsStatus: p(() => W.natsStatus),
+		coreProcesses: p(() => W.coreProcesses),
+		coreProcessInfos: p(() => W.coreProcessInfos),
+		frameWorkerStatus: p(() => W.frameWorkerStatus),
+		frameWorkersProcess: p(() => W.frameWorkersProcess),
+		frameWorkersProcessInfos: p(() => W.frameWorkersProcessInfos),
+		pluginsStatus: p(() => W.pluginsStatus),
+		pluginsProcesses: p(() => W.pluginsProcesses),
+		pluginsProcessInfos: p(() => W.pluginsProcessInfos),
+		streamStats: p(() => W.streamStats),
 		connect: e,
 		disconnect: t,
-		loadAll: q,
-		loadSystemProcessInfos: lt,
-		loadCoreProcessInfos: ut,
-		loadFrameWorkerProcessInfos: dt,
-		loadPluginProcessInfos: ft
+		loadAll: J,
+		loadSystemProcessInfos: ct,
+		loadCoreProcessInfos: lt,
+		loadFrameWorkerProcessInfos: ut,
+		loadPluginProcessInfos: dt
 	};
 }
 //#endregion
 //#region src/views/Metrics.vue?vue&type=script&setup=true&lang.ts
-var ht = {
+var mt = {
 	key: 0,
 	class: "page-title"
-}, gt = { class: "flex flex-col gap-6" }, _t = { class: "card-title" }, vt = { class: "card-title" }, yt = { class: "card-title" }, bt = { class: "flex flex-col gap-6" }, xt = { class: "card-title" }, St = { class: "flex items-end gap-2" }, Ct = { class: "card-title" }, wt = { class: "flex items-end gap-2" }, Tt = { class: "flex items-end gap-2" }, Et = { class: "flex flex-col gap-6" }, Dt = {
+}, ht = { class: "flex flex-col gap-6" }, gt = { class: "card-title" }, _t = { class: "card-title" }, vt = { class: "card-title" }, yt = { class: "flex flex-col gap-6" }, bt = { class: "card-title" }, xt = { class: "flex items-end gap-2" }, St = { class: "card-title" }, Ct = { class: "flex items-end gap-2" }, wt = { class: "flex items-end gap-2" }, Tt = { class: "flex flex-col gap-6" }, Et = {
 	key: 0,
 	class: "cui-banner cui-banner-error"
-}, Ot = {
+}, Dt = {
 	key: 1,
 	class: "cui-banner cui-banner-warn"
-}, kt = {
+}, Ot = {
 	key: 2,
 	class: "cui-banner cui-banner-warn"
-}, At = { class: "card-title" }, jt = {
+}, kt = { class: "card-title" }, At = {
 	key: 0,
 	class: "flex items-center justify-center py-8"
-}, Mt = {
+}, jt = {
 	key: 1,
 	class: "text-sm text-muted text-center py-8"
-}, Nt = {
+}, Mt = {
 	key: 2,
 	class: "flex flex-col sm:flex-row items-center gap-6"
-}, Pt = {
+}, Nt = {
 	class: "shrink-0",
 	style: {
 		width: "180px",
 		height: "180px"
 	}
-}, Ft = { class: "text-color" }, It = { class: "font-medium" }, Lt = { class: "card-title" }, Rt = {
+}, Pt = { class: "text-color" }, Ft = { class: "font-medium" }, It = { class: "card-title" }, Lt = {
 	key: 0,
 	class: "flex items-center justify-center py-8"
-}, zt = {
+}, Rt = {
 	key: 1,
 	class: "text-sm text-muted text-center py-8"
-}, Bt = { class: "flex items-center" }, Vt = { class: "font-bold text-color block whitespace-normal break-all hyphens-auto" }, Ht = { class: "text-muted text-sm" }, Ut = /*#__PURE__*/ j(/* @__PURE__ */ C({
+}, zt = { class: "flex items-center" }, Bt = { class: "font-bold text-color block whitespace-normal break-all hyphens-auto" }, Vt = { class: "text-muted text-sm" }, Ht = /*#__PURE__*/ ae(/* @__PURE__ */ C({
 	__name: "Metrics",
 	setup(t) {
-		Ie.register(Be, Re, He);
-		let r = new ae(), o = new Ae(), s = new Je(), u = new Ne(), { t: _ } = xe(), y = ue(), C = M(), { copy: E } = be(), D = mt(), { mdBreakpoint: O, smBreakpoint: ie, xsBreakpoint: A } = k(), { beginServerRestart: j } = Pe(), { stats: N, isLoading: ce } = oe(), de = [
+		Fe.register(ze, Le, Ve);
+		let r = new ie(), o = new ke(), s = new qe(), u = new Me(), { t: _ } = be(), y = ue(), C = ge(), { copy: E } = ye(), O = pt(), { mdBreakpoint: k, smBreakpoint: ae, xsBreakpoint: j } = A(), { beginServerRestart: M } = Ne(), { stats: N, isLoading: se } = oe(), de = [
 			"overview",
 			"cameras",
 			"storage"
 		], fe = {
 			bodyRow: { class: "text-sm text-secondary" },
 			column: { columnTitle: { class: "text-sm" } }
-		}, pe = v("containerRef"), P = w("overview"), L = w(!1), R = w(!1), z = w({
+		}, P = v("containerRef"), F = w("overview"), R = w(!1), z = w(!1), B = w({
 			frameworker: 1,
 			plugins: 1,
 			streams: 1
-		}), Ke = w({
+		}), Ge = w({
 			page: 1,
 			pageSize: -1
-		}), qe = w({
+		}), Ke = w({
 			page: 1,
 			pageSize: -1
-		}), B = w([]), V = w([]), { data: Ye } = r.getCamerasQuery({
+		}), V = w([]), H = w([]), { data: Je } = r.getCamerasQuery({
 			page: 1,
 			pageSize: -1
-		}), { data: Xe, isBusy: Ze, suspense: Qe } = o.getPluginsQuery(qe), { data: $e, isBusy: et, suspense: tt } = s.getFrameWorkersQuery(Ke), { mutateAsync: nt } = o.restartPluginQuery(), { mutateAsync: rt } = s.restartFrameWorkerQuery(), { mutateAsync: at, isPending: U } = s.resetFrameWorkerPerfQuery(), { mutate: ot, isPending: W } = u.restartGo2RtcQuery(), { mutate: G, isPending: K } = u.restartServerQuery();
-		We(pe, (e) => {
-			let t = de.indexOf(P.value), n = de[e === "right" ? t - 1 : t + 1];
-			n && (P.value = n);
+		}), { data: Ye, isBusy: Xe, suspense: Ze } = o.getPluginsQuery(Ke), { data: Qe, isBusy: $e, suspense: et } = s.getFrameWorkersQuery(Ge), { mutateAsync: tt } = o.restartPluginQuery(), { mutateAsync: nt } = s.restartFrameWorkerQuery(), { mutateAsync: it, isPending: W } = s.resetFrameWorkerPerfQuery(), { mutate: at, isPending: G } = u.restartGo2RtcQuery(), { mutate: K, isPending: q } = u.restartServerQuery();
+		Ue(P, (e) => {
+			let t = de.indexOf(F.value), n = de[e === "right" ? t - 1 : t + 1];
+			n && (F.value = n);
 		});
-		let st = D.systemProcess, ct = D.systemProcessInfo, lt = D.serverStatus, ut = D.go2rtcStatus, dt = D.natsStatus, ft = D.coreProcesses, q = D.coreProcessInfos, pt = D.frameWorkerStatus, Ut = D.frameWorkersProcess, J = D.frameWorkersProcessInfos, Wt = D.pluginsStatus, Gt = D.pluginsProcesses, Kt = D.pluginsProcessInfos, qt = D.streamStats, Y = p(() => (e) => {
+		let ot = O.systemProcess, st = O.systemProcessInfo, ct = O.serverStatus, lt = O.go2rtcStatus, ut = O.natsStatus, dt = O.coreProcesses, J = O.coreProcessInfos, ft = O.frameWorkerStatus, Ht = O.frameWorkersProcess, Ut = O.frameWorkersProcessInfos, Wt = O.pluginsStatus, Gt = O.pluginsProcesses, Kt = O.pluginsProcessInfos, qt = O.streamStats, Y = p(() => (e) => {
 			let t = [
 				{
 					type: "indicator",
 					field: "status",
 					columnProps: {
 						alignFrozen: "left",
-						frozen: !O.value,
+						frozen: !k.value,
 						headerClass: "w-5 max-w-5",
 						class: "w-5 max-w-5"
 					},
@@ -583,7 +583,7 @@ var ht = {
 					name: _("components.process_table.title_name"),
 					columnProps: {
 						alignFrozen: "left",
-						frozen: !O.value,
+						frozen: !k.value,
 						headerClass: "w-56 min-w-56 max-w-56",
 						class: "w-56 min-w-56 max-w-56"
 					},
@@ -643,10 +643,10 @@ var ht = {
 				{
 					type: "action",
 					field: "restart",
-					icon: Le,
+					icon: Ie,
 					columnProps: { class: "text-right" },
 					loading(t) {
-						return e === "core" ? t.name === "camera.ui" ? K.value : W.value : e === "frameworker" ? yn.value(t.name) : e === "plugins" && vn.value(t.name);
+						return e === "core" ? t.name === "camera.ui" ? q.value : G.value : e === "frameworker" ? yn.value(t.name) : e === "plugins" && vn.value(t.name);
 					},
 					disabled(e) {
 						return e.name === "nats";
@@ -669,7 +669,7 @@ var ht = {
 			name: _("views.metrics.col_camera"),
 			columnProps: {
 				alignFrozen: "left",
-				frozen: !O.value,
+				frozen: !k.value,
 				headerClass: "w-56 min-w-56 max-w-56",
 				class: "w-56 min-w-56 max-w-56"
 			},
@@ -760,7 +760,7 @@ var ht = {
 				name: _("views.metrics.col_camera"),
 				columnProps: {
 					alignFrozen: "left",
-					frozen: !O.value,
+					frozen: !k.value,
 					headerClass: "w-56 min-w-56 max-w-56",
 					class: "w-56 min-w-56 max-w-56"
 				},
@@ -800,7 +800,7 @@ var ht = {
 				headerTooltip: _("views.metrics.info_drops"),
 				columnProps: X
 			}
-		]), en = p(() => [Xt.value, ...L.value ? Zt.value : Qt.value]);
+		]), en = p(() => [Xt.value, ...R.value ? Zt.value : Qt.value]);
 		function Z(e) {
 			return e && e > 0 ? `${e.toFixed(1)} ms` : "-";
 		}
@@ -870,24 +870,24 @@ var ht = {
 					awaitConfirm: !0
 				},
 				onConfirm: async () => {
-					await at();
+					await it();
 				}
 			});
 		}
 		function un() {
-			y.openComponentDialog(it, { data: {
+			y.openComponentDialog(rt, { data: {
 				title: _("views.metrics.benchmark"),
 				confirmText: _("views.metrics.benchmark_start"),
 				cancelText: _("components.form.button.close"),
 				contentProps: { cameras: Jt.value.filter((e) => e.perf?.detectors?.object).map((e) => e.name) }
 			} });
 		}
-		let dn = p(() => st.value), fn = p(() => Object.values(ft.value).filter(Boolean)), Q = p(() => Object.values(Ut.value).filter(Boolean)), pn = p(() => Object.values(Gt.value).filter((e) => {
-			let t = Xe.value?.result.find((t) => t.pluginName === e.name);
+		let dn = p(() => ot.value), fn = p(() => Object.values(dt.value).filter(Boolean)), Q = p(() => Object.values(Ht.value).filter(Boolean)), pn = p(() => Object.values(Gt.value).filter((e) => {
+			let t = Ye.value?.result.find((t) => t.pluginName === e.name);
 			return t && !t.disabled;
-		}).filter(Boolean)), mn = p(() => Tn("system", { system: ct.value })), hn = p(() => Tn("core", q.value)), gn = p(() => Tn("frameworker", J.value)), _n = p(() => Tn("plugins", Kt.value)), vn = p(() => (e) => V.value.includes(e)), yn = p(() => (e) => B.value.includes(e)), bn = p(() => {
+		}).filter(Boolean)), mn = p(() => Tn("system", { system: st.value })), hn = p(() => Tn("core", J.value)), gn = p(() => Tn("frameworker", Ut.value)), _n = p(() => Tn("plugins", Kt.value)), vn = p(() => (e) => H.value.includes(e)), yn = p(() => (e) => V.value.includes(e)), bn = p(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of Ye.value?.result ?? []) e.set(t._id, t.name);
+			for (let t of Je.value?.result ?? []) e.set(t._id, t.name);
 			return e;
 		}), xn = p(() => N.value?.cameras ? Object.entries(N.value.cameras).map(([e, t]) => ({
 			id: e,
@@ -955,7 +955,7 @@ var ht = {
 			}
 		}));
 		function Tn(e, t) {
-			return Object.keys(t).reduce((n, r) => (Y.value(e).filter(ze).forEach((e) => {
+			return Object.keys(t).reduce((n, r) => (Y.value(e).filter(Re).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}`] = {
 					labels: c,
@@ -976,74 +976,74 @@ var ht = {
 			}), n), {});
 		}
 		function En(e, t) {
-			z.value[t] = e.page + 1;
+			B.value[t] = e.page + 1;
 		}
 		function Dn(e, t) {
 			if (e === "core") switch (t) {
-				case "camera.ui": return lt.value;
-				case "go2rtc": return ut.value;
-				case "nats": return dt.value;
-				default: return I.UNKNOWN;
+				case "camera.ui": return ct.value;
+				case "go2rtc": return lt.value;
+				case "nats": return ut.value;
+				default: return L.UNKNOWN;
 			}
-			else if (e === "frameworker") return pt.value[t]?.status ?? F.UNKNOWN;
-			else if (e === "plugins") return Wt.value[t]?.status ?? F.UNKNOWN;
-			return I.UNKNOWN;
+			else if (e === "frameworker") return ft.value[t]?.status ?? I.UNKNOWN;
+			else if (e === "plugins") return Wt.value[t]?.status ?? I.UNKNOWN;
+			return L.UNKNOWN;
 		}
 		function On(e) {
 			switch (e) {
-				case F.ERROR:
-				case I.ERROR: return "#9d5752";
+				case I.ERROR:
+				case L.ERROR: return "#9d5752";
+				case L.STOPPED:
 				case I.STOPPED:
-				case F.STOPPED:
-				case F.STOPPING: return "red";
-				case F.READY:
-				case I.READY: return "yellow";
-				case F.STARTING:
-				case I.STARTING: return "orange";
-				case F.STARTED:
-				case I.STARTED: return "green";
-				case F.UNKNOWN:
-				case F.DISABLED:
-				case I.UNKNOWN: return "gray";
+				case I.STOPPING: return "red";
+				case I.READY:
+				case L.READY: return "yellow";
+				case I.STARTING:
+				case L.STARTING: return "orange";
+				case I.STARTED:
+				case L.STARTED: return "green";
+				case I.UNKNOWN:
+				case I.DISABLED:
+				case L.UNKNOWN: return "gray";
 				default: return "gray";
 			}
 		}
 		function kn(e) {
 			switch (e) {
-				case F.ERROR:
-				case I.ERROR: return _("components.process_table.status_error");
-				case F.STOPPED:
-				case I.STOPPED: return _("components.process_table.status_stopped");
-				case F.STOPPING: return _("components.process_table.status_stopping");
-				case F.READY:
-				case I.READY: return _("components.process_table.status_ready");
-				case F.STARTING:
-				case I.STARTING: return _("components.process_table.status_starting");
-				case F.STARTED:
-				case I.STARTED: return _("components.process_table.status_started");
-				case F.DISABLED: return _("components.process_table.status_disabled");
-				case F.UNKNOWN:
-				case I.UNKNOWN: return _("components.process_table.status_unknown");
+				case I.ERROR:
+				case L.ERROR: return _("components.process_table.status_error");
+				case I.STOPPED:
+				case L.STOPPED: return _("components.process_table.status_stopped");
+				case I.STOPPING: return _("components.process_table.status_stopping");
+				case I.READY:
+				case L.READY: return _("components.process_table.status_ready");
+				case I.STARTING:
+				case L.STARTING: return _("components.process_table.status_starting");
+				case I.STARTED:
+				case L.STARTED: return _("components.process_table.status_started");
+				case I.DISABLED: return _("components.process_table.status_disabled");
+				case I.UNKNOWN:
+				case L.UNKNOWN: return _("components.process_table.status_unknown");
 				default: return _("components.process_table.status_unknown");
 			}
 		}
 		async function An(e) {
-			e === "camera.ui" ? (j(), G()) : e === "go2rtc" && ot();
+			e === "camera.ui" ? (M(), K()) : e === "go2rtc" && at();
 		}
 		async function jn(e) {
-			B.value.push(e);
+			V.value.push(e);
 			try {
-				await rt({ frameWorkerName: e });
+				await nt({ frameWorkerName: e });
 			} catch {} finally {
-				B.value = B.value.filter((t) => t !== e);
+				V.value = V.value.filter((t) => t !== e);
 			}
 		}
 		async function Mn(e) {
-			V.value.push(e);
+			H.value.push(e);
 			try {
-				await nt({ pluginName: e });
+				await tt({ pluginName: e });
 			} catch {} finally {
-				V.value = V.value.filter((t) => t !== e);
+				H.value = H.value.filter((t) => t !== e);
 			}
 		}
 		function $(e) {
@@ -1056,9 +1056,9 @@ var ht = {
 			let t = e * 24 / 1e3;
 			return t >= 1 ? `${t.toFixed(1)} GB/d` : `${(t * 1e3).toFixed(0)} MB/d`;
 		}
-		return h(J, (e) => {
-			for (let [t, n] of Object.entries(e)) Ut.value[t] = n[n.length - 1] ?? {
-				...H,
+		return h(Ut, (e) => {
+			for (let [t, n] of Object.entries(e)) Ht.value[t] = n[n.length - 1] ?? {
+				...U,
 				name: t,
 				type: "frameworker"
 			};
@@ -1067,40 +1067,40 @@ var ht = {
 			immediate: !0
 		}), h(Kt, (e) => {
 			for (let [t, n] of Object.entries(e)) Gt.value[t] = n[n.length - 1] ?? {
-				...H,
+				...U,
 				name: t,
 				type: "plugin"
 			};
 		}, {
 			deep: !0,
 			immediate: !0
-		}), h($e, (e) => {
-			if (e) for (let t of e.result) J.value[t.name] || (J.value[t.name] = []), pt.value[t.name] || (pt.value[t.name] = {
+		}), h(Qe, (e) => {
+			if (e) for (let t of e.result) Ut.value[t.name] || (Ut.value[t.name] = []), ft.value[t.name] || (ft.value[t.name] = {
 				name: t.name,
-				status: F.UNKNOWN
+				status: I.UNKNOWN
 			});
 		}, {
 			deep: !0,
 			immediate: !0
-		}), h(Xe, (e) => {
+		}), h(Ye, (e) => {
 			if (e) for (let t of e.result) t.disabled || (Kt.value[t.pluginName] || (Kt.value[t.pluginName] = []), Wt.value[t.pluginName] || (Wt.value[t.pluginName] = {
 				name: t.pluginName,
-				status: F.UNKNOWN
+				status: I.UNKNOWN
 			}));
 		}, {
 			deep: !0,
 			immediate: !0
 		}), n(async () => {
-			D.connect(), await Promise.all([Qe(), tt()]), await new Promise((e) => setTimeout(e, 10)), D.loadAll();
+			O.connect(), await Promise.all([Ze(), et()]), await new Promise((e) => setTimeout(e, 10)), O.loadAll();
 		}), e(() => {
-			D.disconnect();
+			O.disconnect();
 		}), (e, t) => {
-			let n = Fe, r = Ee, o = he, s = re, u = se, p = Ue, h = ge, _ = je, v = Ge, y = Se, C = Me, w = Le, E = _e, D = we, O = Ce, k = ve, j = Oe, ae = ke, M = ye, oe = Te, ue = De, de = le, be = me, F = ne;
+			let n = Pe, r = Te, o = me, s = D, u = ce, p = He, h = he, _ = Ae, v = We, y = xe, C = je, w = Ie, E = _e, O = Ce, k = Se, ie = re, A = De, M = Oe, oe = ve, ue = we, de = Ee, ge = le, ye = pe, I = ne;
 			return i(), g("div", {
 				ref_key: "containerRef",
-				ref: pe
+				ref: P
 			}, [
-				f(ie) ? l("", !0) : (i(), g("h1", ht, a(e.$t(`views.${String(e.$route.name).toLowerCase()}.title`)), 1)),
+				f(ae) ? l("", !0) : (i(), g("h1", mt, a(e.$t(`views.${String(e.$route.name).toLowerCase()}.title`)), 1)),
 				T(o, { position: "left" }, {
 					default: m(() => [T(r, {
 						severity: "secondary",
@@ -1113,9 +1113,9 @@ var ht = {
 					})]),
 					_: 1
 				}),
-				T(be, {
-					value: f(P),
-					"onUpdate:value": t[6] ||= (e) => ee(P) ? P.value = e : null,
+				T(ye, {
+					value: f(F),
+					"onUpdate:value": t[6] ||= (e) => ee(F) ? F.value = e : null,
 					class: "metrics-tabs"
 				}, {
 					default: m(() => [T(u, { class: "mb-4" }, {
@@ -1143,11 +1143,11 @@ var ht = {
 							})
 						]),
 						_: 1
-					}), T(de, { class: "!p-0 !bg-transparent" }, {
+					}), T(ge, { class: "!p-0 !bg-transparent" }, {
 						default: m(() => [
 							T(h, { value: "overview" }, {
-								default: m(() => [b("div", gt, [
-									b("div", null, [b("span", _t, a(e.$t("views.metrics.general")), 1), T(p, {
+								default: m(() => [b("div", ht, [
+									b("div", null, [b("span", gt, a(e.$t("views.metrics.general")), 1), T(p, {
 										items: f(dn),
 										headers: f(Y)("system"),
 										"chart-data": f(mn),
@@ -1158,7 +1158,7 @@ var ht = {
 										"chart-data",
 										"empty-message"
 									])]),
-									b("div", null, [b("span", vt, a(e.$t("views.metrics.core")), 1), T(p, {
+									b("div", null, [b("span", _t, a(e.$t("views.metrics.core")), 1), T(p, {
 										items: f(fn),
 										headers: f(Y)("core"),
 										"chart-data": f(hn),
@@ -1169,13 +1169,13 @@ var ht = {
 										"chart-data",
 										"empty-message"
 									])]),
-									b("div", null, [b("span", yt, a(e.$t("views.metrics.plugins")), 1), T(p, {
+									b("div", null, [b("span", vt, a(e.$t("views.metrics.plugins")), 1), T(p, {
 										items: f(pn),
 										headers: f(Y)("plugins"),
 										"chart-data": f(_n),
-										loading: f(Ze),
+										loading: f(Xe),
 										paginator: "",
-										pagination: { page: f(z).plugins },
+										pagination: { page: f(B).plugins },
 										"total-records": f(pn).length,
 										"empty-message": e.$t("views.metrics.no_plugins"),
 										"onUpdate:page": t[1] ||= (e) => En(e, "plugins")
@@ -1192,19 +1192,20 @@ var ht = {
 								_: 1
 							}),
 							T(h, { value: "cameras" }, {
-								default: m(() => [b("div", bt, [b("div", null, [b("span", xt, a(e.$t("views.metrics.cameras")), 1), (i(), c(p, {
-									key: f(R) ? "streams" : "processes",
-									items: f(R) ? f(qt) : f(Q),
-									headers: f(R) ? f($t) : f(Y)("frameworker"),
-									"chart-data": f(R) ? void 0 : f(gn),
-									loading: f(et),
+								default: m(() => [b("div", yt, [b("div", null, [b("span", bt, a(e.$t("views.metrics.cameras")), 1), (i(), c(p, {
+									key: f(z) ? "streams" : "processes",
+									items: f(z) ? f(qt) : f(Q),
+									headers: f(z) ? f($t) : f(Y)("frameworker"),
+									"chart-data": f(z) ? void 0 : f(gn),
+									loading: f($e),
 									paginator: "",
-									pagination: { page: f(R) ? f(z).streams : f(z).frameworker },
-									"total-records": f(R) ? f(qt).length : f(Q).length,
+									pagination: { page: f(z) ? f(B).streams : f(B).frameworker },
+									"total-records": f(z) ? f(qt).length : f(Q).length,
 									"empty-message": e.$t("views.metrics.no_cameras"),
-									"onUpdate:page": t[3] ||= (e) => En(e, f(R) ? "streams" : "frameworker")
+									"group-by": f(z) ? "cameraName" : void 0,
+									"onUpdate:page": t[3] ||= (e) => En(e, f(z) ? "streams" : "frameworker")
 								}, {
-									actions: m(() => [b("div", St, [x((i(), c(r, {
+									actions: m(() => [b("div", xt, [x((i(), c(r, {
 										severity: "secondary",
 										outlined: "",
 										class: "cui-button-medium",
@@ -1213,7 +1214,7 @@ var ht = {
 										icon: m(() => [T(_)]),
 										_: 1
 									})), [[
-										F,
+										I,
 										{ value: e.$t("views.metrics.copy") },
 										void 0,
 										{ top: !0 }
@@ -1221,17 +1222,17 @@ var ht = {
 										severity: "secondary",
 										outlined: "",
 										class: "cui-button-medium",
-										label: f(A) ? void 0 : f(R) ? e.$t("views.metrics.show_processes") : e.$t("views.metrics.show_streams"),
-										onClick: t[2] ||= (e) => R.value = !f(R)
-									}, d({ _: 2 }, [f(A) ? {
+										label: f(j) ? void 0 : f(z) ? e.$t("views.metrics.show_processes") : e.$t("views.metrics.show_streams"),
+										onClick: t[2] ||= (e) => z.value = !f(z)
+									}, d({ _: 2 }, [f(j) ? {
 										name: "icon",
-										fn: m(() => [f(R) ? (i(), c(v, { key: 0 })) : (i(), c(y, { key: 1 }))]),
+										fn: m(() => [f(z) ? (i(), c(v, { key: 0 })) : (i(), c(y, { key: 1 }))]),
 										key: "0"
 									} : void 0]), 1032, ["label"])), [[
-										F,
+										I,
 										{
-											value: f(R) ? e.$t("views.metrics.show_processes") : e.$t("views.metrics.show_streams"),
-											disabled: !f(A)
+											value: f(z) ? e.$t("views.metrics.show_processes") : e.$t("views.metrics.show_streams"),
+											disabled: !f(j)
 										},
 										void 0,
 										{ top: !0 }
@@ -1244,18 +1245,19 @@ var ht = {
 									"loading",
 									"pagination",
 									"total-records",
-									"empty-message"
-								]))]), b("div", null, [b("span", Ct, a(e.$t("views.metrics.analysis")), 1), T(p, {
+									"empty-message",
+									"group-by"
+								]))]), b("div", null, [b("span", St, a(e.$t("views.metrics.analysis")), 1), T(p, {
 									items: f(Jt),
 									headers: f(en),
-									loading: f(et),
+									loading: f($e),
 									paginator: "",
-									pagination: { page: f(z).frameworker },
+									pagination: { page: f(B).frameworker },
 									"total-records": f(Jt).length,
 									"empty-message": e.$t("views.metrics.no_cameras"),
 									"onUpdate:page": t[5] ||= (e) => En(e, "frameworker")
 								}, {
-									actions: m(() => [b("div", wt, [x((i(), c(r, {
+									actions: m(() => [b("div", Ct, [x((i(), c(r, {
 										severity: "secondary",
 										outlined: "",
 										class: "cui-button-medium",
@@ -1264,7 +1266,7 @@ var ht = {
 										icon: m(() => [T(_)]),
 										_: 1
 									})), [[
-										F,
+										I,
 										{ value: e.$t("views.metrics.copy") },
 										void 0,
 										{ top: !0 }
@@ -1272,52 +1274,52 @@ var ht = {
 										severity: "secondary",
 										outlined: "",
 										class: "cui-button-medium",
-										label: f(A) ? void 0 : f(L) ? e.$t("views.metrics.show_performance") : e.$t("views.metrics.show_inference"),
-										onClick: t[4] ||= (e) => L.value = !f(L)
-									}, d({ _: 2 }, [f(A) ? {
+										label: f(j) ? void 0 : f(R) ? e.$t("views.metrics.show_performance") : e.$t("views.metrics.show_inference"),
+										onClick: t[4] ||= (e) => R.value = !f(R)
+									}, d({ _: 2 }, [f(j) ? {
 										name: "icon",
-										fn: m(() => [f(L) ? (i(), c(v, { key: 0 })) : (i(), c(C, { key: 1 }))]),
+										fn: m(() => [f(R) ? (i(), c(v, { key: 0 })) : (i(), c(C, { key: 1 }))]),
 										key: "0"
 									} : void 0]), 1032, ["label"])), [[
-										F,
+										I,
 										{
-											value: f(L) ? e.$t("views.metrics.show_performance") : e.$t("views.metrics.show_inference"),
-											disabled: !f(A)
+											value: f(R) ? e.$t("views.metrics.show_performance") : e.$t("views.metrics.show_inference"),
+											disabled: !f(j)
 										},
 										void 0,
 										{ top: !0 }
-									]])]), b("div", Tt, [x((i(), c(r, {
+									]])]), b("div", wt, [x((i(), c(r, {
 										severity: "secondary",
 										class: "cui-button-medium",
-										loading: f(U),
-										label: f(A) ? void 0 : e.$t("views.metrics.reset"),
+										loading: f(W),
+										label: f(j) ? void 0 : e.$t("views.metrics.reset"),
 										onClick: ln
-									}, d({ _: 2 }, [f(A) ? {
+									}, d({ _: 2 }, [f(j) ? {
 										name: "icon",
 										fn: m(() => [T(w)]),
 										key: "0"
 									} : void 0]), 1032, ["loading", "label"])), [[
-										F,
+										I,
 										{
 											value: e.$t("views.metrics.reset"),
-											disabled: !f(A)
+											disabled: !f(j)
 										},
 										void 0,
 										{ top: !0 }
 									]]), x((i(), c(r, {
 										class: "cui-button-medium",
-										disabled: f(U),
-										label: f(A) ? void 0 : e.$t("views.metrics.benchmark"),
+										disabled: f(W),
+										label: f(j) ? void 0 : e.$t("views.metrics.benchmark"),
 										onClick: un
-									}, d({ _: 2 }, [f(A) ? {
+									}, d({ _: 2 }, [f(j) ? {
 										name: "icon",
 										fn: m(() => [T(E)]),
 										key: "0"
 									} : void 0]), 1032, ["disabled", "label"])), [[
-										F,
+										I,
 										{
 											value: e.$t("views.metrics.benchmark"),
-											disabled: !f(A)
+											disabled: !f(j)
 										},
 										void 0,
 										{ top: !0 }
@@ -1334,91 +1336,91 @@ var ht = {
 								_: 1
 							}),
 							T(h, { value: "storage" }, {
-								default: m(() => [b("div", Et, [
-									f(N) && f(N).paused === !0 ? (i(), g("div", Dt, [T(D, { 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", Ot, [T(O, { 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", kt, [T(O, { 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", At, a(e.$t("views.metrics.storage_overview")), 1), T(M, { class: "cui-card" }, {
-										content: m(() => [f(ce) && !f(N) ? (i(), g("div", jt, [T(k, {
+								default: m(() => [b("div", Tt, [
+									f(N) && f(N).paused === !0 ? (i(), g("div", Et, [T(O, { 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", Dt, [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", Ot, [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", kt, a(e.$t("views.metrics.storage_overview")), 1), T(oe, { class: "cui-card" }, {
+										content: m(() => [f(se) && !f(N) ? (i(), g("div", At, [T(ie, {
 											class: "w-[30px] h-[30px] m-0",
 											"stroke-width": "5"
-										})])) : f(N) ? (i(), g("div", Nt, [b("div", Pt, [T(f(Ve), {
+										})])) : f(N) ? (i(), g("div", Mt, [b("div", Nt, [T(f(Be), {
 											data: f(Cn),
 											options: f(wn)
-										}, null, 8, ["data", "options"])]), T(ae, {
+										}, null, 8, ["data", "options"])]), T(M, {
 											value: f(Sn),
 											pt: fe,
 											"striped-rows": "",
 											"show-headers": !1,
 											class: "w-full"
 										}, {
-											default: m(() => [T(j, { field: "label" }, {
-												body: m(({ data: e }) => [b("span", Ft, a(e.label), 1)]),
+											default: m(() => [T(A, { field: "label" }, {
+												body: m(({ data: e }) => [b("span", Pt, a(e.label), 1)]),
 												_: 1
-											}), T(j, {
+											}), T(A, {
 												field: "value",
 												style: { "text-align": "right" }
 											}, {
-												body: m(({ data: e }) => [b("span", It, a(e.value), 1)]),
+												body: m(({ data: e }) => [b("span", Ft, a(e.value), 1)]),
 												_: 1
 											})]),
 											_: 1
-										}, 8, ["value"])])) : (i(), g("div", Mt, a(e.$t("views.metrics.storage_not_available")), 1))]),
+										}, 8, ["value"])])) : (i(), g("div", jt, a(e.$t("views.metrics.storage_not_available")), 1))]),
 										_: 1
 									})]),
-									b("div", null, [b("span", Lt, a(e.$t("views.metrics.camera_storage")), 1), T(M, { class: "cui-card" }, {
-										content: m(() => [f(ce) && !f(N) ? (i(), g("div", Rt, [T(k, {
+									b("div", null, [b("span", It, a(e.$t("views.metrics.camera_storage")), 1), T(oe, { class: "cui-card" }, {
+										content: m(() => [f(se) && !f(N) ? (i(), g("div", Lt, [T(ie, {
 											class: "w-[30px] h-[30px] m-0",
 											"stroke-width": "5"
-										})])) : f(N) ? (i(), c(ae, {
+										})])) : f(N) ? (i(), c(M, {
 											key: 2,
 											value: f(xn),
 											pt: fe,
 											"striped-rows": "",
 											scrollable: ""
 										}, {
-											empty: m(() => [b("span", Ht, a(e.$t("views.metrics.no_cameras")), 1)]),
+											empty: m(() => [b("span", Vt, a(e.$t("views.metrics.no_cameras")), 1)]),
 											default: m(() => [
-												T(j, {
+												T(A, {
 													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", Bt, [x(T(oe, { style: te({ background: t.isRecording ? "green" : "gray" }) }, null, 8, ["style"]), [[F, { value: t.isRecording ? e.$t("views.metrics.status_recording") : e.$t("views.metrics.status_stopped") }]])])]),
+													body: m(({ data: t }) => [b("div", zt, [x(T(ue, { style: te({ background: t.isRecording ? "green" : "gray" }) }, null, 8, ["style"]), [[I, { value: t.isRecording ? e.$t("views.metrics.status_recording") : e.$t("views.metrics.status_stopped") }]])])]),
 													_: 1
 												}),
-												T(j, {
+												T(A, {
 													field: "name",
 													header: e.$t("views.metrics.col_camera"),
 													"header-class": "w-56 min-w-56 max-w-56",
 													class: "w-56 min-w-56 max-w-56"
 												}, {
-													body: m(({ data: e }) => [b("span", Vt, a(e.name), 1)]),
+													body: m(({ data: e }) => [b("span", Bt, a(e.name), 1)]),
 													_: 1
 												}, 8, ["header"]),
-												T(j, {
+												T(A, {
 													field: "size",
 													header: e.$t("views.metrics.col_size")
 												}, {
 													body: m(({ data: e }) => [S(a(Nn(e.usedBytes)), 1)]),
 													_: 1
 												}, 8, ["header"]),
-												T(j, {
+												T(A, {
 													field: "daysCount",
 													header: e.$t("views.metrics.col_days")
 												}, null, 8, ["header"]),
-												T(j, {
+												T(A, {
 													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(j, {
+												T(A, {
 													field: "recordingMode",
 													header: e.$t("views.metrics.col_mode")
 												}, {
-													body: m(({ data: e }) => [T(ue, {
+													body: m(({ data: e }) => [T(de, {
 														label: e.recordingMode,
 														class: "text-xs"
 													}, null, 8, ["label"])]),
@@ -1426,7 +1428,7 @@ var ht = {
 												}, 8, ["header"])
 											]),
 											_: 1
-										}, 8, ["value"])) : (i(), g("div", zt, a(e.$t("views.metrics.storage_not_available")), 1))]),
+										}, 8, ["value"])) : (i(), g("div", Rt, a(e.$t("views.metrics.storage_not_available")), 1))]),
 										_: 1
 									})])
 								])]),
@@ -1440,6 +1442,6 @@ var ht = {
 			], 512);
 		};
 	}
-}), [["__scopeId", "data-v-23d68a31"]]);
+}), [["__scopeId", "data-v-1c088949"]]);
 //#endregion
-export { Ut as default };
+export { Ht as default };