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

package/dist/interface/ha/Metrics-Br2Dyvzh.js

@@ -0,0 +1,1444 @@
+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 { 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";
+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 { 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 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";
+//#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;
+}({}), z = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function B(e, t) {
+	return i(), g("svg", z, [...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 Ue = s({
+	name: "mdi-chart-timeline-variant",
+	render: B
+});
+//#endregion
+//#region src/api/routes/frameWorkers.ts
+async function V({ parameter: e, signal: t }) {
+	return (await j.get("/frameworkers", {
+		params: e,
+		signal: t
+	})).data;
+}
+async function We({ frameWorkerName: e }) {
+	return (await j.put(`/frameworkers/${e}/restart`)).data;
+}
+async function Ge() {
+	return (await j.put("/frameworkers/perf/reset")).data;
+}
+async function H({ cameras: e }) {
+	return (await j.post("/frameworkers/perf/benchmark", { cameras: e })).data;
+}
+var Ke = class {
+	_queryClient = A();
+	t = he.global.t;
+	toast = se();
+	queryActivator = w([{
+		name: "getFrameWorkersQuery",
+		enabled: !0
+	}]);
+	get queryClient() {
+		return this._queryClient;
+	}
+	getFrameWorkersQuery(e) {
+		return ge({
+			queryKey: ["frameWorkerList", e],
+			queryFn: ({ signal: t }) => V({
+				parameter: f(e),
+				signal: t
+			}),
+			placeholderData: (e) => e,
+			enabled: () => this.queryActivator.value.some((e) => e.name === "getFrameWorkersQuery" && e.enabled)
+		});
+	}
+	restartFrameWorkerQuery() {
+		return F({
+			mutationFn: We,
+			onSuccess: async (e, t) => {
+				await this._queryClient.refetchQueries({ queryKey: ["frameWorkers", t.frameWorkerName] }), this.toast.add({
+					severity: "success",
+					detail: this.t("components.toast.frame_worker_restarted"),
+					life: 3e3
+				});
+			}
+		});
+	}
+	resetFrameWorkerPerfQuery() {
+		return F({
+			mutationFn: Ge,
+			onSuccess: () => {
+				this.toast.add({
+					severity: "success",
+					detail: this.t("components.toast.metrics_reset"),
+					life: 3e3
+				});
+			}
+		});
+	}
+	benchmarkObjectDetectionQuery() {
+		return F({ mutationFn: H });
+	}
+	toggleQueryActivator(e, t) {
+		let n = this.queryActivator.value.find((t) => t.name === e);
+		return n && (n.enabled = t), this;
+	}
+}, U = { class: "flex flex-col gap-4" }, qe = { class: "text-sm text-pretty" }, Je = {
+	key: 0,
+	class: "flex flex-col"
+}, Ye = { class: "flex justify-end" }, Xe = {
+	key: 1,
+	class: "flex flex-col gap-2"
+}, Ze = { class: "flex items-center justify-between gap-2" }, Qe = { class: "flex items-center gap-1 min-w-0" }, $e = { class: "text-sm font-semibold text-color truncate" }, et = {
+	key: 0,
+	class: "font-medium underline decoration-dotted"
+}, tt = {
+	key: 1,
+	class: "font-medium"
+}, nt = /* @__PURE__ */ C({
+	__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 e = E.value;
+			if (!e) return [];
+			let t = [
+				...e.hosts.map(ie),
+				{
+					label: u("views.metrics.bench_cameras"),
+					value: String(e.total.cameras)
+				},
+				{
+					label: u("views.metrics.bench_calls"),
+					value: `${e.total.iterations}${e.total.failed > 0 ? ` (+${e.total.failed} ✗)` : ""}`
+				},
+				{
+					label: u("views.metrics.bench_concurrency"),
+					value: String(e.total.concurrency)
+				},
+				{
+					label: u("views.metrics.bench_duration"),
+					value: `${(e.total.totalMs / 1e3).toFixed(1)} s`
+				},
+				{
+					label: u("views.metrics.bench_rate"),
+					value: `${e.total.perSecond}/s`
+				},
+				...e.hosts.length > 1 ? [] : [{
+					label: u("views.metrics.bench_per_camera"),
+					value: `${Math.round(e.total.perSecond / Math.max(1, e.total.cameras) * 10) / 10}/s`
+				}],
+				{
+					label: u("views.metrics.bench_handler"),
+					value: `${e.total.handlerMs} ms`
+				}
+			];
+			return [{
+				title: u("views.metrics.benchmark_total"),
+				rows: t
+			}, ...e.cameras.map((e) => ({
+				title: e.camera,
+				rows: ae(e)
+			}))];
+		});
+		function ie(e) {
+			let t = e.system, n = t ? [
+				`${u("views.metrics.bench_cpu")}: ${t.cpu} (${t.cores})`,
+				`${u("views.metrics.bench_gpu")}: ${t.gpu ?? "-"}`,
+				`${u("views.metrics.bench_memory")}: ${t.memoryGb} GB`,
+				`${u("views.metrics.bench_os")}: ${t.os}`,
+				`${u("views.metrics.bench_version")}: ${t.version}`
+			] : [];
+			return {
+				label: u("views.metrics.bench_host"),
+				value: e.worker ?? u("views.metrics.bench_host_server"),
+				host: !0,
+				details: n
+			};
+		}
+		function ae(e) {
+			return [
+				{
+					label: u("views.metrics.bench_host"),
+					value: e.worker ?? u("views.metrics.bench_host_server"),
+					host: !0
+				},
+				{
+					label: u("views.metrics.col_object"),
+					value: e.plugin
+				},
+				{
+					label: u("views.metrics.bench_runtime"),
+					value: e.runtime ?? "-"
+				},
+				...(e.models ?? []).map((e) => ({
+					label: e.role ? `${u("views.metrics.bench_model")} (${e.role})` : u("views.metrics.bench_model"),
+					value: [
+						e.name,
+						e.device,
+						e.precision
+					].filter(Boolean).join(" · ")
+				})),
+				{
+					label: u("views.metrics.bench_input"),
+					value: e.input
+				},
+				{
+					label: u("views.metrics.bench_calls"),
+					value: `${e.iterations}${e.failed > 0 ? ` (+${e.failed} ✗)` : ""}`
+				},
+				{
+					label: u("views.metrics.bench_concurrency"),
+					value: String(e.concurrency)
+				},
+				{
+					label: u("views.metrics.bench_duration"),
+					value: `${(e.totalMs / 1e3).toFixed(1)} s`
+				},
+				{
+					label: u("views.metrics.bench_rate"),
+					value: `${e.perSecond}/s`
+				},
+				{
+					label: u("views.metrics.bench_handler"),
+					value: `${e.handlerMs} ms`
+				}
+			];
+		}
+		function oe(e) {
+			C.value = C.value.includes(e) ? C.value.filter((t) => t !== e) : [...C.value, e];
+		}
+		function A() {
+			C.value = re.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]);
+			await ee(t), d.add({
+				severity: "success",
+				detail: u("views.metrics.copied"),
+				life: 3e3
+			});
+		}
+		async function ce() {
+			try {
+				return E.value = await v({ cameras: C.value }), h.hideConfirmButton && (h.hideConfirmButton.value = !0), null;
+			} catch (e) {
+				d.add({
+					severity: "error",
+					detail: e?.response?.data?.message ?? e?.message,
+					life: 5e3
+				});
+			}
+		}
+		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;
+			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, {
+					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
+				}, {
+					icon: m(() => [T(ee)]),
+					_: 1
+				})) : l("", !0),
+				b("span", $e, a(f(O)[f(D)].title), 1),
+				f(O).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
+				}, {
+					icon: m(() => [T(p)]),
+					_: 1
+				})) : l("", !0)
+			]), x((i(), c(s, {
+				severity: "secondary",
+				text: "",
+				rounded: "",
+				class: "cui-icon-md",
+				onClick: j
+			}, {
+				icon: m(() => [T(h)]),
+				_: 1
+			})), [[
+				w,
+				t.$t("views.metrics.copy"),
+				void 0,
+				{ left: !0 }
+			]])]), T(y, {
+				value: f(O)[f(D)].rows,
+				rows: f(O)[f(D)].rows.length,
+				pt: te,
+				"striped-rows": "",
+				"show-headers": !1,
+				class: "w-full"
+			}, {
+				default: m(() => [T(v, { field: "label" }, {
+					body: m(({ data: e }) => [b("span", { class: o(["text-color", { "font-semibold": e.host }]) }, a(e.label), 3)]),
+					_: 1
+				}), T(v, {
+					field: "value",
+					style: { "text-align": "right" }
+				}, {
+					body: m(({ data: e }) => [e.details?.length ? x((i(), g("span", et, [S(a(e.value), 1)])), [[
+						w,
+						{ value: e.details.join(" · ") },
+						void 0,
+						{ left: !0 }
+					]]) : (i(), g("span", tt, a(e.value), 1))]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["value", "rows"])])) : (i(), g("div", Je, [b("div", Ye, [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: A
+			}, 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)
+			}, {
+				append: m(() => [T(u, {
+					"model-value": f(C).includes(e),
+					"onUpdate:modelValue": (t) => oe(e)
+				}, null, 8, ["model-value", "onUpdate:modelValue"])]),
+				default: m(() => [b("span", null, a(e), 1)]),
+				_: 2
+			}, 1032, ["active", "onClick"])]))), 128))]))]);
+		};
+	}
+}), W = {
+	pid: -1,
+	cpuLoad: "0.00",
+	memLoad: "0.00",
+	timestamp: 0
+};
+function rt() {
+	return {
+		systemProcess: [{
+			name: "system",
+			type: "system",
+			...W
+		}],
+		systemProcessInfo: [],
+		serverStatus: R.UNKNOWN,
+		go2rtcStatus: R.UNKNOWN,
+		natsStatus: R.UNKNOWN,
+		coreProcesses: {
+			"camera.ui": {
+				name: "camera.ui",
+				type: "core",
+				...W
+			},
+			go2rtc: {
+				name: "go2rtc",
+				type: "core",
+				...W
+			},
+			nats: {
+				name: "nats",
+				type: "core",
+				...W
+			}
+		},
+		coreProcessInfos: {
+			"camera.ui": [],
+			go2rtc: [],
+			nats: []
+		},
+		frameWorkerStatus: {},
+		frameWorkersProcess: {},
+		frameWorkersProcessInfos: {},
+		pluginsStatus: {},
+		pluginsProcesses: {},
+		pluginsProcessInfos: {},
+		streamStats: []
+	};
+}
+var G = E(rt()), it = null, K = null, q = null;
+function J() {
+	return !!(K?.connected.value && q?.connected.value);
+}
+function at(e) {
+	e["camera.ui"] && (G.coreProcesses["camera.ui"] = e["camera.ui"]), e.go2rtc && (G.coreProcesses.go2rtc = e.go2rtc), e.nats && (G.coreProcesses.nats = e.nats);
+	let t = e.workers ?? {};
+	for (let e of Object.keys(G.frameWorkersProcess)) e in t || (delete G.frameWorkersProcess[e], delete G.frameWorkersProcessInfos[e]);
+	for (let [e, n] of Object.entries(t)) G.frameWorkersProcess[e] = n;
+	for (let [t, n] of Object.entries(e.plugins ?? {})) G.pluginsProcesses[t] = n;
+}
+function ot(e) {
+	e["camera.ui"] && (G.coreProcessInfos["camera.ui"].push(e["camera.ui"]), G.coreProcessInfos["camera.ui"] = G.coreProcessInfos["camera.ui"].slice(-30)), e.go2rtc && (G.coreProcessInfos.go2rtc.push(e.go2rtc), G.coreProcessInfos.go2rtc = G.coreProcessInfos.go2rtc.slice(-30)), e.nats && (G.coreProcessInfos.nats.push(e.nats), G.coreProcessInfos.nats = G.coreProcessInfos.nats.slice(-30));
+	for (let [t, n] of Object.entries(e.workers ?? {})) G.frameWorkersProcessInfos[t] || (G.frameWorkersProcessInfos[t] = []), G.frameWorkersProcessInfos[t].push(n), G.frameWorkersProcessInfos[t] = G.frameWorkersProcessInfos[t].slice(-30);
+	for (let [t, n] of Object.entries(e.plugins ?? {})) G.pluginsProcessInfos[t] || (G.pluginsProcessInfos[t] = []), G.pluginsProcessInfos[t].push(n), G.pluginsProcessInfos[t] = G.pluginsProcessInfos[t].slice(-30);
+}
+async function st() {
+	if (K?.ready.value) try {
+		G.systemProcessInfo = await K.request("get-system-info");
+	} catch {}
+}
+async function ct() {
+	if (K?.ready.value && q?.ready.value) {
+		q.emit("get-process-status");
+		try {
+			G.coreProcessInfos = await K.request("get-server-process-info");
+		} catch {}
+	}
+}
+async function lt() {
+	if (K?.ready.value && q?.ready.value) {
+		q.emit("get-frameworker-process-status");
+		try {
+			G.frameWorkersProcessInfos = await K.request("get-frameworker-process-info");
+		} catch {}
+	}
+}
+async function ut() {
+	if (K?.ready.value && q?.ready.value) {
+		q.emit("get-plugin-process-status");
+		try {
+			G.pluginsProcessInfos = await K.request("get-plugins-process-info");
+		} catch {}
+	}
+}
+async function Y() {
+	await Promise.all([
+		st(),
+		ct(),
+		lt(),
+		ut()
+	]);
+}
+function dt() {
+	K && q || (it = u(!0), it.run(() => {
+		let e = P("/metrics"), t = P("/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) => {
+			G.streamStats = e;
+		}), e.on("system-infos", (e) => {
+			G.systemProcessInfo.push(e), G.systemProcessInfo = G.systemProcessInfo.slice(-30);
+		}), t.on("process-status", (e) => {
+			e["camera.ui"] && (G.serverStatus = e["camera.ui"].status), e.go2rtc && (G.go2rtcStatus = e.go2rtc.status), e.nats && (G.natsStatus = e.nats.status);
+		}), t.on("frameworker-process-status", (e) => {
+			for (let [t, n] of Object.entries(e)) G.frameWorkerStatus[t] = n;
+		}), t.on("plugin-process-status", (e) => {
+			for (let [t, n] of Object.entries(e)) G.pluginsStatus[t] = n;
+		}), e.onReady(() => {
+			J() && Y();
+		}), t.onReady(() => {
+			J() && Y();
+		});
+	}));
+}
+function ft() {
+	function e() {
+		dt(), J() && Y();
+	}
+	function t() {}
+	return {
+		isConnected: p(() => J()),
+		systemProcess: p(() => G.systemProcess),
+		systemProcessInfo: p(() => G.systemProcessInfo),
+		serverStatus: p(() => G.serverStatus),
+		go2rtcStatus: p(() => G.go2rtcStatus),
+		natsStatus: p(() => G.natsStatus),
+		coreProcesses: p(() => G.coreProcesses),
+		coreProcessInfos: p(() => G.coreProcessInfos),
+		frameWorkerStatus: p(() => G.frameWorkerStatus),
+		frameWorkersProcess: p(() => G.frameWorkersProcess),
+		frameWorkersProcessInfos: p(() => G.frameWorkersProcessInfos),
+		pluginsStatus: p(() => G.pluginsStatus),
+		pluginsProcesses: p(() => G.pluginsProcesses),
+		pluginsProcessInfos: p(() => G.pluginsProcessInfos),
+		streamStats: p(() => G.streamStats),
+		connect: e,
+		disconnect: t,
+		loadAll: Y,
+		loadSystemProcessInfos: st,
+		loadCoreProcessInfos: ct,
+		loadFrameWorkerProcessInfos: lt,
+		loadPluginProcessInfos: ut
+	};
+}
+//#endregion
+//#region src/views/Metrics.vue?vue&type=script&setup=true&lang.ts
+var pt = {
+	key: 0,
+	class: "page-title"
+}, mt = { class: "flex flex-col gap-6" }, ht = { class: "card-title" }, gt = { class: "card-title" }, _t = { class: "card-title" }, vt = { class: "flex flex-col gap-6" }, yt = { class: "card-title" }, bt = { class: "flex items-end gap-2" }, xt = { class: "card-title" }, St = { class: "flex items-end gap-2" }, Ct = { class: "flex items-end gap-2" }, wt = { class: "flex flex-col gap-6" }, Tt = {
+	key: 0,
+	class: "cui-banner cui-banner-error"
+}, Et = {
+	key: 1,
+	class: "cui-banner cui-banner-warn"
+}, Dt = {
+	key: 2,
+	class: "cui-banner cui-banner-warn"
+}, Ot = { class: "card-title" }, kt = {
+	key: 0,
+	class: "flex items-center justify-center py-8"
+}, At = {
+	key: 1,
+	class: "text-sm text-muted text-center py-8"
+}, jt = {
+	key: 2,
+	class: "flex flex-col sm:flex-row items-center gap-6"
+}, Mt = {
+	class: "shrink-0",
+	style: {
+		width: "180px",
+		height: "180px"
+	}
+}, Nt = { class: "text-color" }, Pt = { class: "font-medium" }, Ft = { class: "card-title" }, It = {
+	key: 0,
+	class: "flex items-center justify-center py-8"
+}, 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({
+	__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 = [
+			"overview",
+			"cameras",
+			"storage"
+		], ge = {
+			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({
+			frameworker: 1,
+			plugins: 1,
+			streams: 1
+		}), We = w({
+			page: 1,
+			pageSize: -1
+		}), Ge = w({
+			page: 1,
+			pageSize: -1
+		}), H = w([]), U = w([]), { data: qe } = r.getCamerasQuery({
+			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];
+			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 t = [
+				{
+					type: "indicator",
+					field: "status",
+					columnProps: {
+						alignFrozen: "left",
+						frozen: !A.value,
+						headerClass: "w-5 max-w-5",
+						class: "w-5 max-w-5"
+					},
+					color(t) {
+						return On(Dn(e, t.name));
+					},
+					tooltip(t) {
+						return kn(Dn(e, t.name));
+					}
+				},
+				{
+					type: "category",
+					field: "name",
+					altName: e === "system" ? _("components.process_table.system") : void 0,
+					name: _("components.process_table.title_name"),
+					columnProps: {
+						alignFrozen: "left",
+						frozen: !A.value,
+						headerClass: "w-56 min-w-56 max-w-56",
+						class: "w-56 min-w-56 max-w-56"
+					},
+					props: { class: "font-bold text-color" },
+					badge: (e) => e.worker,
+					badgeTooltip: (e) => e.worker ? _("views.metrics.tip_worker", { name: e.worker }) : void 0
+				},
+				{
+					type: "category",
+					field: "pid",
+					name: _("components.process_table.title_pid"),
+					columnProps: {
+						headerClass: "min-w-20",
+						class: "min-w-20"
+					}
+				},
+				{
+					type: "category",
+					field: "cpuLoad",
+					suffix: "%",
+					name: _("components.process_table.title_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: "memLoad",
+					suffix: "%",
+					name: _("components.process_table.title_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: "restart",
+					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);
+					},
+					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);
+					}
+				}
+			];
+			return e === "system" && (t = t.filter((e) => e.field !== "pid" && e.field !== "restart" && e.field !== "status")), t;
+		}), qt = p(() => fn.value), Z = {
+			headerClass: "min-w-24",
+			class: "min-w-24"
+		}, Jt = {
+			headerClass: "min-w-24 pl-4",
+			class: "min-w-24 pl-4"
+		}, Yt = p(() => ({
+			type: "category",
+			field: "name",
+			name: _("views.metrics.col_camera"),
+			columnProps: {
+				alignFrozen: "left",
+				frozen: !A.value,
+				headerClass: "w-56 min-w-56 max-w-56",
+				class: "w-56 min-w-56 max-w-56"
+			},
+			props: { class: "font-bold text-color" },
+			badge: (e) => e.worker,
+			badgeTooltip: (e) => e.worker ? _("views.metrics.tip_worker", { name: e.worker }) : void 0
+		})), Xt = p(() => {
+			let e = (e, t, n, r = !1) => ({
+				type: "category",
+				field: (t) => Q(nn(t, e)?.inferenceMs),
+				name: t,
+				headerTooltip: n,
+				columnProps: r ? Jt : Z,
+				tooltip: (t) => rn(t, e)
+			});
+			return [
+				e("motion", _("views.metrics.col_motion"), _("views.metrics.info_motion"), !0),
+				e("object", _("views.metrics.col_object"), _("views.metrics.info_object")),
+				e("face", _("views.metrics.col_face"), _("views.metrics.info_secondary")),
+				e("licensePlate", _("views.metrics.col_plate"), _("views.metrics.info_secondary")),
+				e("classifier", _("views.metrics.col_classifier"), _("views.metrics.info_secondary")),
+				e("clip", _("views.metrics.col_clip"), _("views.metrics.info_secondary"))
+			];
+		}), Zt = p(() => [
+			{
+				type: "category",
+				field: (e) => `${Q(e.perf?.decodeMs)} / ${Q(e.perf?.mainDecodeMs)}`,
+				name: _("views.metrics.col_decode"),
+				headerTooltip: _("views.metrics.info_decode"),
+				columnProps: Jt,
+				tooltip: () => `${_("views.metrics.tip_analysis_stream")} / ${_("views.metrics.tip_main")}`
+			},
+			{
+				type: "category",
+				field: (e) => Q(e.perf?.processingMs),
+				name: _("views.metrics.col_processing"),
+				headerTooltip: _("views.metrics.info_processing"),
+				columnProps: Z,
+				tooltip: (e) => [
+					`${_("views.metrics.tip_scale")}: ${Q(e.perf?.scaleMs)}`,
+					`${_("views.metrics.tip_post")}: ${Q(e.perf?.postMs)}`,
+					`${_("views.metrics.tip_motion_scale")}: ${Q(e.perf?.motionScaleMs)}`
+				].join(" · ")
+			},
+			{
+				type: "category",
+				field: (e) => Q(e.perf?.transportMs),
+				name: _("views.metrics.col_transport"),
+				headerTooltip: _("views.metrics.info_transport"),
+				columnProps: Z
+			},
+			{
+				type: "category",
+				field: (e) => `${tn(e.perf?.analysedFps)} / ${tn(e.perf?.mainFps)}`,
+				name: _("views.metrics.col_analysed"),
+				headerTooltip: _("views.metrics.info_analysed"),
+				columnProps: Z,
+				tooltip: () => `${_("views.metrics.tip_analysis_stream")} / ${_("views.metrics.tip_main")}`
+			},
+			{
+				type: "category",
+				field: (e) => e.perf ? e.perf.objectsPerFrame.toFixed(1) : "-",
+				name: _("views.metrics.col_detections"),
+				headerTooltip: _("views.metrics.info_detections"),
+				columnProps: Z,
+				tooltip: (e) => `${_("views.metrics.tip_hit_rate")}: ${e.perf ? `${e.perf.hitPercent}%` : "-"}`
+			},
+			{
+				type: "category",
+				field: (e) => e.perf ? `${e.perf.zoomPercent}%` : "-",
+				name: _("views.metrics.col_zoom"),
+				headerTooltip: _("views.metrics.info_zoom"),
+				columnProps: Z,
+				tooltip: (e) => `${_("views.metrics.tip_zoom_windows")}: ${e.perf && e.perf.zoomWindows > 0 ? e.perf.zoomWindows.toFixed(1) : "-"}`
+			},
+			{
+				type: "category",
+				field: (e) => e.perf ? `${e.perf.activePercent}%` : "-",
+				name: _("views.metrics.col_active"),
+				headerTooltip: _("views.metrics.info_active"),
+				columnProps: Z
+			}
+		]), Qt = p(() => [
+			{
+				type: "category",
+				field: "cameraName",
+				name: _("views.metrics.col_camera"),
+				columnProps: {
+					alignFrozen: "left",
+					frozen: !A.value,
+					headerClass: "w-56 min-w-56 max-w-56",
+					class: "w-56 min-w-56 max-w-56"
+				},
+				props: { class: "font-bold text-color" }
+			},
+			{
+				type: "category",
+				field: "sourceName",
+				name: _("views.metrics.col_source"),
+				columnProps: Jt
+			},
+			{
+				type: "category",
+				field: "connections",
+				name: _("views.metrics.col_connections"),
+				headerTooltip: _("views.metrics.info_connections"),
+				columnProps: Z
+			},
+			{
+				type: "category",
+				field: (e) => en(e.bitrateIn),
+				name: _("views.metrics.col_bitrate_in"),
+				headerTooltip: _("views.metrics.info_bitrate_in"),
+				columnProps: Z
+			},
+			{
+				type: "category",
+				field: (e) => en(e.bitrateOut),
+				name: _("views.metrics.col_bitrate_out"),
+				headerTooltip: _("views.metrics.info_bitrate_out"),
+				columnProps: Z
+			},
+			{
+				type: "category",
+				field: "drops",
+				name: _("views.metrics.col_drops"),
+				headerTooltip: _("views.metrics.info_drops"),
+				columnProps: Z
+			}
+		]), $t = p(() => [Yt.value, ...z.value ? Xt.value : Zt.value]);
+		function Q(e) {
+			return e && e > 0 ? `${e.toFixed(1)} ms` : "-";
+		}
+		function en(e) {
+			return e <= 0 ? "-" : e >= 1e6 ? `${(e / 1e6).toFixed(1)} Mbit/s` : `${Math.round(e / 1e3)} kbit/s`;
+		}
+		function tn(e) {
+			return e && e > 0 ? e.toFixed(1) : "-";
+		}
+		function nn(e, t) {
+			return e.perf?.detectors?.[t];
+		}
+		function rn(e, t) {
+			let n = nn(e, t);
+			if (!n) return _("views.metrics.tip_no_plugin");
+			let r = (n.models ?? []).map((e) => [
+				e.name,
+				e.role,
+				e.device
+			].filter(Boolean).join(" ")), i = [
+				n.plugin,
+				n.input,
+				n.runtime,
+				...r
+			];
+			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)}`)]);
+				return [
+					i,
+					...a,
+					...o
+				].join("\n");
+			}).join("\n\n");
+			await E(n), C.add({
+				severity: "success",
+				detail: _("views.metrics.copied"),
+				life: 3e3
+			});
+		}
+		function on(e, t) {
+			let n = typeof e.field == "function" ? e.field(t) : t[e.field];
+			return String(n ?? "-");
+		}
+		async function sn() {
+			let e = [{
+				title: _("views.metrics.performance"),
+				headers: Zt.value
+			}, {
+				title: _("views.metrics.inference"),
+				headers: Xt.value
+			}], t = qt.value.map((t) => [t.worker ? `${t.name} (${t.worker})` : t.name, ...e.flatMap(({ title: e, headers: n }) => [`${e}:`, ...n.map((e) => `  ${e.name}: ${typeof e.field == "function" ? e.field(t) : t[e.field] ?? "-"}`)])].join("\n")).join("\n\n");
+			await E(t), C.add({
+				severity: "success",
+				detail: _("views.metrics.copied"),
+				life: 3e3
+			});
+		}
+		function cn() {
+			y.openTextDialog({
+				data: {
+					title: _("views.metrics.reset"),
+					contentText: _("views.metrics.reset_confirm"),
+					confirmText: _("views.metrics.reset"),
+					awaitConfirm: !0
+				},
+				onConfirm: async () => {
+					await rt();
+				}
+			});
+		}
+		function ln() {
+			y.openComponentDialog(nt, { data: {
+				title: _("views.metrics.benchmark"),
+				confirmText: _("views.metrics.benchmark_start"),
+				cancelText: _("components.form.button.close"),
+				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 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(() => {
+			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]) => ({
+			id: e,
+			name: bn.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 ? [
+			{
+				label: _("views.metrics.disk_total"),
+				value: $(N.value.diskTotalGB)
+			},
+			{
+				label: _("views.metrics.nvr_usage"),
+				value: $(N.value.nvrUsedGB)
+			},
+			{
+				label: _("views.metrics.quota"),
+				value: N.value.nvrQuotaGB > 0 ? $(N.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")
+			},
+			{
+				label: _("views.metrics.disk_free"),
+				value: `${$(N.value.diskFreeGB)} (${N.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;
+			return {
+				labels: [
+					_("views.metrics.chart_nvr"),
+					_("views.metrics.chart_other"),
+					_("views.metrics.chart_free")
+				],
+				datasets: [{
+					data: r ? [
+						0,
+						0,
+						1
+					] : [
+						e,
+						n,
+						t
+					],
+					backgroundColor: [
+						"#df2a4c",
+						"rgba(223,42,76,0.35)",
+						"rgba(223,42,76,0.10)"
+					],
+					borderWidth: 0
+				}]
+			};
+		}), wn = p(() => ({
+			responsive: !0,
+			maintainAspectRatio: !0,
+			cutout: "65%",
+			animation: !1,
+			plugins: {
+				legend: { display: !1 },
+				tooltip: { callbacks: { label: (e) => `${e.label}: ${$(e.parsed)}` } }
+			}
+		}));
+		function Tn(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}`] = {
+					labels: c,
+					datasets: [{
+						data: s,
+						backgroundColor: (e) => {
+							let t = e.raw;
+							return t >= 90 ? "#FA5252" : t >= 70 ? "#FF9966" : "#df2a4c";
+						},
+						borderWidth: 0,
+						borderRadius: 3,
+						barPercentage: .8,
+						categoryPercentage: .8,
+						maxBarThickness: 4,
+						barThickness: 4
+					}]
+				};
+			}), n), {});
+		}
+		function En(e, t) {
+			V.value[t] = e.page + 1;
+		}
+		function Dn(e, t) {
+			if (e === "core") switch (t) {
+				case "camera.ui": return st.value;
+				case "go2rtc": return ct.value;
+				case "nats": return lt.value;
+				default: return R.UNKNOWN;
+			}
+			else if (e === "frameworker") return dt.value[t]?.status ?? L.UNKNOWN;
+			else if (e === "plugins") return Ut.value[t]?.status ?? L.UNKNOWN;
+			return R.UNKNOWN;
+		}
+		function On(e) {
+			switch (e) {
+				case L.ERROR:
+				case R.ERROR: return "#9d5752";
+				case R.STOPPED:
+				case L.STOPPED:
+				case L.STOPPING: return "red";
+				case L.READY:
+				case R.READY: return "yellow";
+				case L.STARTING:
+				case R.STARTING: return "orange";
+				case L.STARTED:
+				case R.STARTED: return "green";
+				case L.UNKNOWN:
+				case L.DISABLED:
+				case R.UNKNOWN: return "gray";
+				default: return "gray";
+			}
+		}
+		function kn(e) {
+			switch (e) {
+				case L.ERROR:
+				case R.ERROR: return _("components.process_table.status_error");
+				case L.STOPPED:
+				case R.STOPPED: return _("components.process_table.status_stopped");
+				case L.STOPPING: return _("components.process_table.status_stopping");
+				case L.READY:
+				case R.READY: return _("components.process_table.status_ready");
+				case L.STARTING:
+				case R.STARTING: return _("components.process_table.status_starting");
+				case L.STARTED:
+				case R.STARTED: return _("components.process_table.status_started");
+				case L.DISABLED: return _("components.process_table.status_disabled");
+				case L.UNKNOWN:
+				case R.UNKNOWN: return _("components.process_table.status_unknown");
+				default: return _("components.process_table.status_unknown");
+			}
+		}
+		async function An(e) {
+			e === "camera.ui" ? (pe(), q()) : e === "go2rtc" && it();
+		}
+		async function jn(e) {
+			H.value.push(e);
+			try {
+				await tt({ frameWorkerName: e });
+			} catch {} finally {
+				H.value = H.value.filter((t) => t !== e);
+			}
+		}
+		async function Mn(e) {
+			U.value.push(e);
+			try {
+				await et({ pluginName: e });
+			} catch {} finally {
+				U.value = U.value.filter((t) => t !== e);
+			}
+		}
+		function $(e) {
+			return e >= 1e3 ? `${(e / 1e3).toFixed(2)} TB` : e >= 1 ? `${e.toFixed(2)} GB` : `${(e * 1e3).toFixed(0)} MB`;
+		}
+		function Nn(e) {
+			return e >= 0xe8d4a51000 ? `${(e / 0xe8d4a51000).toFixed(2)} TB` : e >= 1e9 ? `${(e / 1e9).toFixed(2)} GB` : e >= 1e6 ? `${(e / 1e6).toFixed(0)} MB` : `${(e / 1e3).toFixed(0)} KB`;
+		}
+		function Pn(e) {
+			let t = e * 24 / 1e3;
+			return t >= 1 ? `${t.toFixed(1)} GB/d` : `${(t * 1e3).toFixed(0)} MB/d`;
+		}
+		return h(Ht, (e) => {
+			for (let [t, n] of Object.entries(e)) Vt.value[t] = n[n.length - 1] ?? {
+				...W,
+				name: t,
+				type: "frameworker"
+			};
+		}, {
+			deep: !0,
+			immediate: !0
+		}), h(Gt, (e) => {
+			for (let [t, n] of Object.entries(e)) Wt.value[t] = n[n.length - 1] ?? {
+				...W,
+				name: t,
+				type: "plugin"
+			};
+		}, {
+			deep: !0,
+			immediate: !0
+		}), h(Ze, (e) => {
+			if (e) for (let t of e.result) Ht.value[t.name] || (Ht.value[t.name] = []), dt.value[t.name] || (dt.value[t.name] = {
+				name: t.name,
+				status: L.UNKNOWN
+			});
+		}, {
+			deep: !0,
+			immediate: !0
+		}), h(Je, (e) => {
+			if (e) for (let t of e.result) t.disabled || (Gt.value[t.pluginName] || (Gt.value[t.pluginName] = []), Ut.value[t.pluginName] || (Ut.value[t.pluginName] = {
+				name: t.pluginName,
+				status: L.UNKNOWN
+			}));
+		}, {
+			deep: !0,
+			immediate: !0
+		}), n(async () => {
+			k.connect(), await Promise.all([Xe(), $e()]), await new Promise((e) => setTimeout(e, 10)), k.loadAll();
+		}), e(() => {
+			k.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;
+			return i(), g("div", {
+				ref_key: "containerRef",
+				ref: F
+			}, [
+				f(j) ? 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",
+						text: "",
+						class: "cui-button p-2 text-color non-draggable-region",
+						onClick: t[0] ||= (t) => e.$router.push("/menu")
+					}, {
+						icon: m(() => [T(n, { class: "w-6 h-6" })]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				T(ve, {
+					value: f(I),
+					"onUpdate:value": t[6] ||= (e) => ee(I) ? I.value = e : null,
+					class: "metrics-tabs"
+				}, {
+					default: m(() => [T(u, { class: "mb-4" }, {
+						default: m(() => [
+							T(s, {
+								value: "overview",
+								class: "text-sm"
+							}, {
+								default: m(() => [S(a(e.$t("views.metrics.tab_overview")), 1)]),
+								_: 1
+							}),
+							T(s, {
+								value: "cameras",
+								class: "text-sm"
+							}, {
+								default: m(() => [S(a(e.$t("views.metrics.tab_cameras")), 1)]),
+								_: 1
+							}),
+							T(s, {
+								value: "storage",
+								class: "text-sm"
+							}, {
+								default: m(() => [S(a(e.$t("views.metrics.tab_storage")), 1)]),
+								_: 1
+							})
+						]),
+						_: 1
+					}), T(P, { 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),
+										"empty-message": e.$t("views.metrics.no_system")
+									}, null, 8, [
+										"items",
+										"headers",
+										"chart-data",
+										"empty-message"
+									])]),
+									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),
+										"empty-message": e.$t("views.metrics.no_core")
+									}, null, 8, [
+										"items",
+										"headers",
+										"chart-data",
+										"empty-message"
+									])]),
+									b("div", null, [b("span", _t, a(e.$t("views.metrics.plugins")), 1), T(p, {
+										items: f(pn),
+										headers: f(X)("plugins"),
+										"chart-data": f(_n),
+										loading: f(Ye),
+										paginator: "",
+										pagination: { page: f(V).plugins },
+										"total-records": f(pn).length,
+										"empty-message": e.$t("views.metrics.no_plugins"),
+										"onUpdate:page": t[1] ||= (e) => En(e, "plugins")
+									}, null, 8, [
+										"items",
+										"headers",
+										"chart-data",
+										"loading",
+										"pagination",
+										"total-records",
+										"empty-message"
+									])])
+								])]),
+								_: 1
+							}),
+							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),
+									headers: f(B) ? f(Qt) : f(X)("frameworker"),
+									"chart-data": f(B) ? void 0 : f(gn),
+									loading: f(Qe),
+									paginator: "",
+									pagination: { page: f(B) ? f(V).streams : f(V).frameworker },
+									"total-records": f(B) ? f(Kt).length : f(fn).length,
+									"empty-message": e.$t("views.metrics.no_cameras"),
+									"onUpdate:page": t[3] ||= (e) => En(e, f(B) ? "streams" : "frameworker")
+								}, {
+									actions: m(() => [b("div", bt, [x((i(), c(r, {
+										severity: "secondary",
+										outlined: "",
+										class: "cui-button-medium",
+										onClick: an
+									}, {
+										icon: m(() => [T(_)]),
+										_: 1
+									})), [[
+										L,
+										{ value: e.$t("views.metrics.copy") },
+										void 0,
+										{ top: !0 }
+									]]), x((i(), c(r, {
+										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"),
+										onClick: t[2] ||= (e) => B.value = !f(B)
+									}, d({ _: 2 }, [f(M) ? {
+										name: "icon",
+										fn: m(() => [f(B) ? (i(), c(v, { key: 0 })) : (i(), c(y, { key: 1 }))]),
+										key: "0"
+									} : void 0]), 1032, ["label"])), [[
+										L,
+										{
+											value: f(B) ? e.$t("views.metrics.show_processes") : e.$t("views.metrics.show_streams"),
+											disabled: !f(M)
+										},
+										void 0,
+										{ top: !0 }
+									]])])]),
+									_: 1
+								}, 8, [
+									"items",
+									"headers",
+									"chart-data",
+									"loading",
+									"pagination",
+									"total-records",
+									"empty-message"
+								]))]), b("div", null, [b("span", xt, a(e.$t("views.metrics.analysis")), 1), T(p, {
+									items: f(qt),
+									headers: f($t),
+									loading: f(Qe),
+									paginator: "",
+									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")
+								}, {
+									actions: m(() => [b("div", St, [x((i(), c(r, {
+										severity: "secondary",
+										outlined: "",
+										class: "cui-button-medium",
+										onClick: sn
+									}, {
+										icon: m(() => [T(_)]),
+										_: 1
+									})), [[
+										L,
+										{ value: e.$t("views.metrics.copy") },
+										void 0,
+										{ top: !0 }
+									]]), x((i(), c(r, {
+										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"),
+										onClick: t[4] ||= (e) => z.value = !f(z)
+									}, d({ _: 2 }, [f(M) ? {
+										name: "icon",
+										fn: m(() => [f(z) ? (i(), c(v, { key: 0 })) : (i(), c(C, { key: 1 }))]),
+										key: "0"
+									} : void 0]), 1032, ["label"])), [[
+										L,
+										{
+											value: f(z) ? e.$t("views.metrics.show_performance") : e.$t("views.metrics.show_inference"),
+											disabled: !f(M)
+										},
+										void 0,
+										{ top: !0 }
+									]])]), b("div", Ct, [x((i(), c(r, {
+										severity: "secondary",
+										class: "cui-button-medium",
+										loading: f(G),
+										label: f(M) ? void 0 : e.$t("views.metrics.reset"),
+										onClick: cn
+									}, d({ _: 2 }, [f(M) ? {
+										name: "icon",
+										fn: m(() => [T(w)]),
+										key: "0"
+									} : void 0]), 1032, ["loading", "label"])), [[
+										L,
+										{
+											value: e.$t("views.metrics.reset"),
+											disabled: !f(M)
+										},
+										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"),
+										onClick: ln
+									}, d({ _: 2 }, [f(M) ? {
+										name: "icon",
+										fn: m(() => [T(E)]),
+										key: "0"
+									} : void 0]), 1032, ["disabled", "label"])), [[
+										L,
+										{
+											value: e.$t("views.metrics.benchmark"),
+											disabled: !f(M)
+										},
+										void 0,
+										{ top: !0 }
+									]])])]),
+									_: 1
+								}, 8, [
+									"items",
+									"headers",
+									"loading",
+									"pagination",
+									"total-records",
+									"empty-message"
+								])])])]),
+								_: 1
+							}),
+							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, {
+											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,
+											"striped-rows": "",
+											"show-headers": !1,
+											class: "w-full"
+										}, {
+											default: m(() => [T(A, { field: "label" }, {
+												body: m(({ data: e }) => [b("span", Nt, a(e.label), 1)]),
+												_: 1
+											}), T(A, {
+												field: "value",
+												style: { "text-align": "right" }
+											}, {
+												body: m(({ data: e }) => [b("span", Pt, a(e.value), 1)]),
+												_: 1
+											})]),
+											_: 1
+										}, 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, {
+											class: "w-[30px] h-[30px] m-0",
+											"stroke-width": "5"
+										})])) : f(N) ? (i(), c(se, {
+											key: 2,
+											value: f(xn),
+											pt: ge,
+											"striped-rows": "",
+											scrollable: ""
+										}, {
+											empty: m(() => [b("span", Bt, a(e.$t("views.metrics.no_cameras")), 1)]),
+											default: m(() => [
+												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", 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") }]])])]),
+													_: 1
+												}),
+												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", zt, a(e.name), 1)]),
+													_: 1
+												}, 8, ["header"]),
+												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(A, {
+													field: "daysCount",
+													header: e.$t("views.metrics.col_days")
+												}, null, 8, ["header"]),
+												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(A, {
+													field: "recordingMode",
+													header: e.$t("views.metrics.col_mode")
+												}, {
+													body: m(({ data: e }) => [T(me, {
+														label: e.recordingMode,
+														class: "text-xs"
+													}, null, 8, ["label"])]),
+													_: 1
+												}, 8, ["header"])
+											]),
+											_: 1
+										}, 8, ["value"])) : (i(), g("div", Lt, a(e.$t("views.metrics.storage_not_available")), 1))]),
+										_: 1
+									})])
+								])]),
+								_: 1
+							})
+						]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["value"])
+			], 512);
+		};
+	}
+}), [["__scopeId", "data-v-67a689a7"]]);
+//#endregion
+export { Vt as default };