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

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

@@ -1,1335 +0,0 @@
-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-DCktklpY.js";
-import { t as ne } from "./tooltip-X5MY9FoG.js";
-import { $t as D, Cn as re, J as O, Kn as ie, On as k, Or as A, Qt as ae, Ri as j, Zi as M, ar as N, bi as oe, br as se, dn as ce, en as le, fn as ue, ht as de, kn as fe, or as P, qt as pe, sa as me, ui as F, vi as he, xi as I, yr as L } from "./api-CMboY32E.js";
-import { i as ge, p as R } from "./intercomService-WdbgAuZn.js";
-import { V as z } from "./pinia-D2fpp6nV.js";
-import { n as _e } from "./vue-i18n-CxWAK5Gn.js";
-import { t as ve } from "./alert-outline-BssBb-kV.js";
-import { p as ye } from "./eventIcons-DrjNuTS2.js";
-import { n as be, t as xe } from "./button-DJDZxmKj.js";
-import { t as Se } from "./chip-BIYZHiP1.js";
-import { i as Ce, t as we } from "./CuiDataTable-3tEK7pxb.js";
-import { t as Te } from "./plugins-BAng0szW.js";
-import { t as Ee } from "./content-copy-ChfuNPUb.js";
-import { t as De } from "./brain-DBagansp.js";
-import { t as Oe } from "./server-Ndqx0RmV.js";
-import { n as ke } from "./useServerRestart-BN_2Gvwy.js";
-import { t as Ae } from "./back-filled-B-jI6Dqb.js";
-import { a as je, c as Me, i as Ne, n as Pe, o as Fe, r as Ie, s as Le, t as Re } from "./CuiChartTable-Cjck-ymw.js";
-import { t as ze } from "./useTabSwipe-BhBi1bXW.js";
-//#region ../server/src/services/config/types.ts
-var B = /* @__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;
-}({}), V = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function H(e, t) {
-	return i(), g("svg", V, [...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 Be = s({
-	name: "mdi-chart-timeline-variant",
-	render: H
-});
-//#endregion
-//#region src/api/routes/frameWorkers.ts
-async function Ve({ parameter: e, signal: t }) {
-	return (await M.get("/frameworkers", {
-		params: e,
-		signal: t
-	})).data;
-}
-async function He({ frameWorkerName: e }) {
-	return (await M.put(`/frameworkers/${e}/restart`)).data;
-}
-async function U() {
-	return (await M.put("/frameworkers/perf/reset")).data;
-}
-async function W({ cameras: e }) {
-	return (await M.post("/frameworkers/perf/benchmark", { cameras: e })).data;
-}
-var Ue = class {
-	_queryClient = j();
-	t = me.global.t;
-	toast = oe();
-	queryActivator = w([{
-		name: "getFrameWorkersQuery",
-		enabled: !0
-	}]);
-	get queryClient() {
-		return this._queryClient;
-	}
-	getFrameWorkersQuery(e) {
-		return he({
-			queryKey: ["frameWorkerList", e],
-			queryFn: ({ signal: t }) => Ve({
-				parameter: f(e),
-				signal: t
-			}),
-			placeholderData: (e) => e,
-			enabled: () => this.queryActivator.value.some((e) => e.name === "getFrameWorkersQuery" && e.enabled)
-		});
-	}
-	restartFrameWorkerQuery() {
-		return I({
-			mutationFn: He,
-			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 I({
-			mutationFn: U,
-			onSuccess: () => {
-				this.toast.add({
-					severity: "success",
-					detail: this.t("components.toast.metrics_reset"),
-					life: 3e3
-				});
-			}
-		});
-	}
-	benchmarkObjectDetectionQuery() {
-		return I({ mutationFn: W });
-	}
-	toggleQueryActivator(e, t) {
-		let n = this.queryActivator.value.find((t) => t.name === e);
-		return n && (n.enabled = t), this;
-	}
-}, We = { class: "flex flex-col gap-4" }, Ge = { class: "text-sm text-pretty" }, Ke = {
-	key: 0,
-	class: "flex flex-col"
-}, qe = { class: "flex justify-end" }, Je = {
-	key: 1,
-	class: "flex flex-col gap-2"
-}, Ye = { class: "flex items-center justify-between gap-2" }, Xe = { class: "flex items-center gap-1 min-w-0" }, Ze = { class: "text-sm font-semibold text-color truncate" }, Qe = {
-	key: 0,
-	class: "font-medium underline decoration-dotted"
-}, $e = {
-	key: 1,
-	class: "font-medium"
-}, et = /* @__PURE__ */ C({
-	__name: "DetectionBenchmark",
-	props: { cameras: {} },
-	setup(e, { expose: n }) {
-		let s = e, { t: u } = _e(), d = oe(), { copy: ee } = R(), h = t("dialogRefProps"), te = { bodyRow: { class: "text-sm text-secondary" } }, { mutateAsync: v } = new Ue().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: A(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 A(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 ae(e) {
-			C.value = C.value.includes(e) ? C.value.filter((t) => t !== e) : [...C.value, e];
-		}
-		function j() {
-			C.value = re.value ? [] : [...s.cameras];
-		}
-		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 ? 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 se() {
-			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: se }), (t, n) => {
-			let s = xe, u = k, d = fe, ee = N, p = P, h = Ee, v = Ce, y = we, w = ne;
-			return i(), g("div", We, [b("span", Ge, a(t.$t("views.metrics.benchmark_confirm")), 1), f(E) ? (i(), g("div", Je, [b("div", Ye, [b("div", Xe, [
-				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", Ze, 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: M
-			}, {
-				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", Qe, [S(a(e.value), 1)])), [[
-						w,
-						{ value: e.details.join(" · ") },
-						void 0,
-						{ left: !0 }
-					]]) : (i(), g("span", $e, a(e.value), 1))]),
-					_: 1
-				})]),
-				_: 1
-			}, 8, ["value", "rows"])])) : (i(), g("div", Ke, [b("div", qe, [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: 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) => ae(e)
-			}, {
-				append: m(() => [T(u, {
-					"model-value": f(C).includes(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))]))]);
-		};
-	}
-}), G = {
-	pid: -1,
-	cpuLoad: "0.00",
-	memLoad: "0.00",
-	timestamp: 0
-};
-function tt() {
-	return {
-		systemProcess: [{
-			name: "system",
-			type: "system",
-			...G
-		}],
-		systemProcessInfo: [],
-		serverStatus: B.UNKNOWN,
-		go2rtcStatus: B.UNKNOWN,
-		natsStatus: B.UNKNOWN,
-		coreProcesses: {
-			"camera.ui": {
-				name: "camera.ui",
-				type: "core",
-				...G
-			},
-			go2rtc: {
-				name: "go2rtc",
-				type: "core",
-				...G
-			},
-			nats: {
-				name: "nats",
-				type: "core",
-				...G
-			}
-		},
-		coreProcessInfos: {
-			"camera.ui": [],
-			go2rtc: [],
-			nats: []
-		},
-		frameWorkerStatus: {},
-		frameWorkersProcess: {},
-		frameWorkersProcessInfos: {},
-		pluginsStatus: {},
-		pluginsProcesses: {},
-		pluginsProcessInfos: {}
-	};
-}
-var K = E(tt()), nt = null, q = null, J = null;
-function Y() {
-	return !!(q?.connected.value && J?.connected.value);
-}
-function rt(e) {
-	e["camera.ui"] && (K.coreProcesses["camera.ui"] = e["camera.ui"]), e.go2rtc && (K.coreProcesses.go2rtc = e.go2rtc), e.nats && (K.coreProcesses.nats = e.nats);
-	let t = e.workers ?? {};
-	for (let e of Object.keys(K.frameWorkersProcess)) e in t || (delete K.frameWorkersProcess[e], delete K.frameWorkersProcessInfos[e]);
-	for (let [e, n] of Object.entries(t)) K.frameWorkersProcess[e] = n;
-	for (let [t, n] of Object.entries(e.plugins ?? {})) K.pluginsProcesses[t] = n;
-}
-function it(e) {
-	e["camera.ui"] && (K.coreProcessInfos["camera.ui"].push(e["camera.ui"]), K.coreProcessInfos["camera.ui"] = K.coreProcessInfos["camera.ui"].slice(-30)), e.go2rtc && (K.coreProcessInfos.go2rtc.push(e.go2rtc), K.coreProcessInfos.go2rtc = K.coreProcessInfos.go2rtc.slice(-30)), e.nats && (K.coreProcessInfos.nats.push(e.nats), K.coreProcessInfos.nats = K.coreProcessInfos.nats.slice(-30));
-	for (let [t, n] of Object.entries(e.workers ?? {})) K.frameWorkersProcessInfos[t] || (K.frameWorkersProcessInfos[t] = []), K.frameWorkersProcessInfos[t].push(n), K.frameWorkersProcessInfos[t] = K.frameWorkersProcessInfos[t].slice(-30);
-	for (let [t, n] of Object.entries(e.plugins ?? {})) K.pluginsProcessInfos[t] || (K.pluginsProcessInfos[t] = []), K.pluginsProcessInfos[t].push(n), K.pluginsProcessInfos[t] = K.pluginsProcessInfos[t].slice(-30);
-}
-async function at() {
-	if (q?.ready.value) try {
-		K.systemProcessInfo = await q.request("get-system-info");
-	} catch {}
-}
-async function ot() {
-	if (q?.ready.value && J?.ready.value) {
-		J.emit("get-process-status");
-		try {
-			K.coreProcessInfos = await q.request("get-server-process-info");
-		} catch {}
-	}
-}
-async function st() {
-	if (q?.ready.value && J?.ready.value) {
-		J.emit("get-frameworker-process-status");
-		try {
-			K.frameWorkersProcessInfos = await q.request("get-frameworker-process-info");
-		} catch {}
-	}
-}
-async function ct() {
-	if (q?.ready.value && J?.ready.value) {
-		J.emit("get-plugin-process-status");
-		try {
-			K.pluginsProcessInfos = await q.request("get-plugins-process-info");
-		} catch {}
-	}
-}
-async function X() {
-	await Promise.all([
-		at(),
-		ot(),
-		st(),
-		ct()
-	]);
-}
-function lt() {
-	q && J || (nt = u(!0), nt.run(() => {
-		let e = F("/metrics"), t = F("/status");
-		q = e, J = t, e.on("process-infos-realtime", rt), e.on("process-infos", it), e.on("system-infos-realtime", (e) => {
-			K.systemProcess = [e];
-		}), e.on("system-infos", (e) => {
-			K.systemProcessInfo.push(e), K.systemProcessInfo = K.systemProcessInfo.slice(-30);
-		}), t.on("process-status", (e) => {
-			e["camera.ui"] && (K.serverStatus = e["camera.ui"].status), e.go2rtc && (K.go2rtcStatus = e.go2rtc.status), e.nats && (K.natsStatus = e.nats.status);
-		}), t.on("frameworker-process-status", (e) => {
-			for (let [t, n] of Object.entries(e)) K.frameWorkerStatus[t] = n;
-		}), t.on("plugin-process-status", (e) => {
-			for (let [t, n] of Object.entries(e)) K.pluginsStatus[t] = n;
-		}), e.onReady(() => {
-			Y() && X();
-		}), t.onReady(() => {
-			Y() && X();
-		});
-	}));
-}
-function ut() {
-	function e() {
-		lt(), Y() && X();
-	}
-	function t() {}
-	return {
-		isConnected: p(() => Y()),
-		systemProcess: p(() => K.systemProcess),
-		systemProcessInfo: p(() => K.systemProcessInfo),
-		serverStatus: p(() => K.serverStatus),
-		go2rtcStatus: p(() => K.go2rtcStatus),
-		natsStatus: p(() => K.natsStatus),
-		coreProcesses: p(() => K.coreProcesses),
-		coreProcessInfos: p(() => K.coreProcessInfos),
-		frameWorkerStatus: p(() => K.frameWorkerStatus),
-		frameWorkersProcess: p(() => K.frameWorkersProcess),
-		frameWorkersProcessInfos: p(() => K.frameWorkersProcessInfos),
-		pluginsStatus: p(() => K.pluginsStatus),
-		pluginsProcesses: p(() => K.pluginsProcesses),
-		pluginsProcessInfos: p(() => K.pluginsProcessInfos),
-		connect: e,
-		disconnect: t,
-		loadAll: X,
-		loadSystemProcessInfos: at,
-		loadCoreProcessInfos: ot,
-		loadFrameWorkerProcessInfos: st,
-		loadPluginProcessInfos: ct
-	};
-}
-//#endregion
-//#region src/views/Metrics.vue?vue&type=script&setup=true&lang.ts
-var dt = {
-	key: 0,
-	class: "page-title"
-}, ft = { class: "flex flex-col gap-6" }, pt = { class: "card-title" }, mt = { class: "card-title" }, ht = { class: "card-title" }, gt = { class: "flex flex-col gap-6" }, _t = { class: "card-title" }, vt = { class: "card-title" }, yt = { class: "flex items-end gap-2" }, bt = { class: "flex items-end gap-2" }, xt = { class: "flex flex-col gap-6" }, St = {
-	key: 0,
-	class: "cui-banner cui-banner-error"
-}, Ct = {
-	key: 1,
-	class: "cui-banner cui-banner-warn"
-}, wt = {
-	key: 2,
-	class: "cui-banner cui-banner-warn"
-}, Tt = { class: "card-title" }, Et = {
-	key: 0,
-	class: "flex items-center justify-center py-8"
-}, Dt = {
-	key: 1,
-	class: "text-sm text-muted text-center py-8"
-}, Ot = {
-	key: 2,
-	class: "flex flex-col sm:flex-row items-center gap-6"
-}, kt = {
-	class: "shrink-0",
-	style: {
-		width: "180px",
-		height: "180px"
-	}
-}, At = { class: "text-color" }, jt = { class: "font-medium" }, Mt = { class: "card-title" }, Nt = {
-	key: 0,
-	class: "flex items-center justify-center py-8"
-}, Pt = {
-	key: 1,
-	class: "text-sm text-muted text-center py-8"
-}, Ft = { class: "flex items-center" }, It = { class: "font-bold text-color block whitespace-normal break-all hyphens-auto" }, Lt = { class: "text-muted text-sm" }, Rt = /*#__PURE__*/ L(/* @__PURE__ */ C({
-	__name: "Metrics",
-	setup(t) {
-		je.register(Fe, Ne, Le);
-		let r = new pe(), o = new Te(), s = new Ue(), u = new Oe(), { t: _ } = _e(), y = de(), C = oe(), { copy: E } = R(), k = ut(), { mdBreakpoint: j, smBreakpoint: M, xsBreakpoint: N } = A(), { beginServerRestart: fe } = ke(), { stats: P, isLoading: me } = ie(), F = [
-			"overview",
-			"cameras",
-			"storage"
-		], he = {
-			bodyRow: { class: "text-sm text-secondary" },
-			column: { columnTitle: { class: "text-sm" } }
-		}, I = v("containerRef"), L = w("overview"), V = w(!1), H = w({
-			frameworker: 1,
-			plugins: 1
-		}), Ve = w({
-			page: 1,
-			pageSize: -1
-		}), He = w({
-			page: 1,
-			pageSize: -1
-		}), U = w([]), W = w([]), { data: We } = r.getCamerasQuery({
-			page: 1,
-			pageSize: -1
-		}), { data: Ge, isBusy: Ke, suspense: qe } = o.getPluginsQuery(He), { data: Je, isBusy: Ye, suspense: Xe } = s.getFrameWorkersQuery(Ve), { mutateAsync: Ze } = o.restartPluginQuery(), { mutateAsync: Qe } = s.restartFrameWorkerQuery(), { mutateAsync: $e, isPending: tt } = s.resetFrameWorkerPerfQuery(), { mutate: K, isPending: nt } = u.restartGo2RtcQuery(), { mutate: q, isPending: J } = u.restartServerQuery();
-		ze(I, (e) => {
-			let t = F.indexOf(L.value), n = F[e === "right" ? t - 1 : t + 1];
-			n && (L.value = n);
-		});
-		let Y = k.systemProcess, rt = k.systemProcessInfo, it = k.serverStatus, at = k.go2rtcStatus, ot = k.natsStatus, st = k.coreProcesses, ct = k.coreProcessInfos, X = k.frameWorkerStatus, lt = k.frameWorkersProcess, Rt = k.frameWorkersProcessInfos, zt = k.pluginsStatus, Bt = k.pluginsProcesses, Vt = k.pluginsProcessInfos, Ht = p(() => (e) => {
-			let t = [
-				{
-					type: "indicator",
-					field: "status",
-					columnProps: {
-						alignFrozen: "left",
-						frozen: !j.value,
-						headerClass: "w-5 max-w-5",
-						class: "w-5 max-w-5"
-					},
-					color(t) {
-						return bn(yn(e, t.name));
-					},
-					tooltip(t) {
-						return xn(yn(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: !j.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: Me,
-					columnProps: { class: "text-right" },
-					loading(t) {
-						return e === "core" ? t.name === "camera.ui" ? J.value : nt.value : e === "frameworker" ? dn.value(t.name) : e === "plugins" && un.value(t.name);
-					},
-					disabled(e) {
-						return e.name === "nats";
-					},
-					action(e) {
-						e.type === "core" && Sn(e.name), e.type === "frameworker" && Cn(e.name), e.type === "plugin" && wn(e.name);
-					}
-				}
-			];
-			return e === "system" && (t = t.filter((e) => e.field !== "pid" && e.field !== "restart" && e.field !== "status")), t;
-		}), Ut = p(() => rn.value), Z = {
-			headerClass: "min-w-24",
-			class: "min-w-24"
-		}, Wt = {
-			headerClass: "min-w-24 pl-4",
-			class: "min-w-24 pl-4"
-		}, Gt = p(() => ({
-			type: "category",
-			field: "name",
-			name: _("views.metrics.col_camera"),
-			columnProps: {
-				alignFrozen: "left",
-				frozen: !j.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
-		})), Kt = p(() => {
-			let e = (e, t, n, r = !1) => ({
-				type: "category",
-				field: (t) => Q(Xt(t, e)?.inferenceMs),
-				name: t,
-				headerTooltip: n,
-				columnProps: r ? Wt : Z,
-				tooltip: (t) => Zt(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"))
-			];
-		}), qt = p(() => [
-			{
-				type: "category",
-				field: (e) => `${Q(e.perf?.decodeMs)} / ${Q(e.perf?.mainDecodeMs)}`,
-				name: _("views.metrics.col_decode"),
-				headerTooltip: _("views.metrics.info_decode"),
-				columnProps: Wt,
-				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) => `${Yt(e.perf?.analysedFps)} / ${Yt(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
-			}
-		]), Jt = p(() => [Gt.value, ...V.value ? Kt.value : qt.value]);
-		function Q(e) {
-			return e && e > 0 ? `${e.toFixed(1)} ms` : "-";
-		}
-		function Yt(e) {
-			return e && e > 0 ? e.toFixed(1) : "-";
-		}
-		function Xt(e, t) {
-			return e.perf?.detectors?.[t];
-		}
-		function Zt(e, t) {
-			let n = Xt(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 Qt() {
-			let e = [{
-				title: _("views.metrics.performance"),
-				headers: qt.value
-			}, {
-				title: _("views.metrics.inference"),
-				headers: Kt.value
-			}], t = Ut.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 $t() {
-			y.openTextDialog({
-				data: {
-					title: _("views.metrics.reset"),
-					contentText: _("views.metrics.reset_confirm"),
-					confirmText: _("views.metrics.reset"),
-					awaitConfirm: !0
-				},
-				onConfirm: async () => {
-					await $e();
-				}
-			});
-		}
-		function en() {
-			y.openComponentDialog(et, { data: {
-				title: _("views.metrics.benchmark"),
-				confirmText: _("views.metrics.benchmark_start"),
-				cancelText: _("components.form.button.close"),
-				contentProps: { cameras: Ut.value.filter((e) => e.perf?.detectors?.object).map((e) => e.name) }
-			} });
-		}
-		let tn = p(() => Y.value), nn = p(() => Object.values(st.value).filter(Boolean)), rn = p(() => Object.values(lt.value).filter(Boolean)), an = p(() => Object.values(Bt.value).filter((e) => {
-			let t = Ge.value?.result.find((t) => t.pluginName === e.name);
-			return t && !t.disabled;
-		}).filter(Boolean)), on = p(() => _n("system", { system: rt.value })), sn = p(() => _n("core", ct.value)), cn = p(() => _n("frameworker", Rt.value)), ln = p(() => _n("plugins", Vt.value)), un = p(() => (e) => W.value.includes(e)), dn = p(() => (e) => U.value.includes(e)), fn = p(() => {
-			let e = /* @__PURE__ */ new Map();
-			for (let t of We.value?.result ?? []) e.set(t._id, t.name);
-			return e;
-		}), pn = p(() => P.value?.cameras ? Object.entries(P.value.cameras).map(([e, t]) => ({
-			id: e,
-			name: fn.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) : []), mn = p(() => P.value ? [
-			{
-				label: _("views.metrics.disk_total"),
-				value: $(P.value.diskTotalGB)
-			},
-			{
-				label: _("views.metrics.nvr_usage"),
-				value: $(P.value.nvrUsedGB)
-			},
-			{
-				label: _("views.metrics.quota"),
-				value: P.value.nvrQuotaGB > 0 ? $(P.value.nvrQuotaGB) : _("views.metrics.unlimited")
-			},
-			{
-				label: _("views.metrics.retention"),
-				value: P.value.retentionDays > 0 ? _("views.metrics.days_count", { count: P.value.retentionDays }) : _("views.metrics.unlimited")
-			},
-			{
-				label: _("views.metrics.disk_free"),
-				value: `${$(P.value.diskFreeGB)} (${P.value.diskFreePercent.toFixed(1)}%)`
-			}
-		] : []), hn = p(() => {
-			let e = P.value?.nvrUsedGB ?? 0, t = P.value?.diskFreeGB ?? 0, n = Math.max(0, (P.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
-				}]
-			};
-		}), gn = p(() => ({
-			responsive: !0,
-			maintainAspectRatio: !0,
-			cutout: "65%",
-			animation: !1,
-			plugins: {
-				legend: { display: !1 },
-				tooltip: { callbacks: { label: (e) => `${e.label}: ${$(e.parsed)}` } }
-			}
-		}));
-		function _n(e, t) {
-			return Object.keys(t).reduce((n, r) => (Ht.value(e).filter(Pe).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 vn(e, t) {
-			H.value[t] = e.page + 1;
-		}
-		function yn(e, t) {
-			if (e === "core") switch (t) {
-				case "camera.ui": return it.value;
-				case "go2rtc": return at.value;
-				case "nats": return ot.value;
-				default: return B.UNKNOWN;
-			}
-			else if (e === "frameworker") return X.value[t]?.status ?? z.UNKNOWN;
-			else if (e === "plugins") return zt.value[t]?.status ?? z.UNKNOWN;
-			return B.UNKNOWN;
-		}
-		function bn(e) {
-			switch (e) {
-				case z.ERROR:
-				case B.ERROR: return "#9d5752";
-				case B.STOPPED:
-				case z.STOPPED:
-				case z.STOPPING: return "red";
-				case z.READY:
-				case B.READY: return "yellow";
-				case z.STARTING:
-				case B.STARTING: return "orange";
-				case z.STARTED:
-				case B.STARTED: return "green";
-				case z.UNKNOWN:
-				case z.DISABLED:
-				case B.UNKNOWN: return "gray";
-				default: return "gray";
-			}
-		}
-		function xn(e) {
-			switch (e) {
-				case z.ERROR:
-				case B.ERROR: return _("components.process_table.status_error");
-				case z.STOPPED:
-				case B.STOPPED: return _("components.process_table.status_stopped");
-				case z.STOPPING: return _("components.process_table.status_stopping");
-				case z.READY:
-				case B.READY: return _("components.process_table.status_ready");
-				case z.STARTING:
-				case B.STARTING: return _("components.process_table.status_starting");
-				case z.STARTED:
-				case B.STARTED: return _("components.process_table.status_started");
-				case z.DISABLED: return _("components.process_table.status_disabled");
-				case z.UNKNOWN:
-				case B.UNKNOWN: return _("components.process_table.status_unknown");
-				default: return _("components.process_table.status_unknown");
-			}
-		}
-		async function Sn(e) {
-			e === "camera.ui" ? (fe(), q()) : e === "go2rtc" && K();
-		}
-		async function Cn(e) {
-			U.value.push(e);
-			try {
-				await Qe({ frameWorkerName: e });
-			} catch {} finally {
-				U.value = U.value.filter((t) => t !== e);
-			}
-		}
-		async function wn(e) {
-			W.value.push(e);
-			try {
-				await Ze({ pluginName: e });
-			} catch {} finally {
-				W.value = W.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 Tn(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 En(e) {
-			let t = e * 24 / 1e3;
-			return t >= 1 ? `${t.toFixed(1)} GB/d` : `${(t * 1e3).toFixed(0)} MB/d`;
-		}
-		return h(Rt, (e) => {
-			for (let [t, n] of Object.entries(e)) lt.value[t] = n[n.length - 1] ?? {
-				...G,
-				name: t,
-				type: "frameworker"
-			};
-		}, {
-			deep: !0,
-			immediate: !0
-		}), h(Vt, (e) => {
-			for (let [t, n] of Object.entries(e)) Bt.value[t] = n[n.length - 1] ?? {
-				...G,
-				name: t,
-				type: "plugin"
-			};
-		}, {
-			deep: !0,
-			immediate: !0
-		}), h(Je, (e) => {
-			if (e) for (let t of e.result) Rt.value[t.name] || (Rt.value[t.name] = []), X.value[t.name] || (X.value[t.name] = {
-				name: t.name,
-				status: z.UNKNOWN
-			});
-		}, {
-			deep: !0,
-			immediate: !0
-		}), h(Ge, (e) => {
-			if (e) for (let t of e.result) t.disabled || (Vt.value[t.pluginName] || (Vt.value[t.pluginName] = []), zt.value[t.pluginName] || (zt.value[t.pluginName] = {
-				name: t.pluginName,
-				status: z.UNKNOWN
-			}));
-		}, {
-			deep: !0,
-			immediate: !0
-		}), n(async () => {
-			k.connect(), await Promise.all([qe(), Xe()]), await new Promise((e) => setTimeout(e, 10)), k.loadAll();
-		}), e(() => {
-			k.disconnect();
-		}), (e, t) => {
-			let n = Ae, r = xe, o = O, s = ae, u = D, p = Re, h = le, _ = Ee, v = Be, y = De, C = Me, w = re, E = ye, ie = ve, k = se, A = Ce, j = we, oe = ge, de = be, fe = Se, pe = ce, F = ue, R = ne;
-			return i(), g("div", {
-				ref_key: "containerRef",
-				ref: I
-			}, [
-				f(M) ? l("", !0) : (i(), g("h1", dt, 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(F, {
-					value: f(L),
-					"onUpdate:value": t[5] ||= (e) => ee(L) ? L.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(pe, { class: "!p-0 !bg-transparent" }, {
-						default: m(() => [
-							T(h, { value: "overview" }, {
-								default: m(() => [b("div", ft, [
-									b("div", null, [b("span", pt, a(e.$t("views.metrics.general")), 1), T(p, {
-										items: f(tn),
-										headers: f(Ht)("system"),
-										"chart-data": f(on),
-										"empty-message": e.$t("views.metrics.no_system")
-									}, null, 8, [
-										"items",
-										"headers",
-										"chart-data",
-										"empty-message"
-									])]),
-									b("div", null, [b("span", mt, a(e.$t("views.metrics.core")), 1), T(p, {
-										items: f(nn),
-										headers: f(Ht)("core"),
-										"chart-data": f(sn),
-										"empty-message": e.$t("views.metrics.no_core")
-									}, null, 8, [
-										"items",
-										"headers",
-										"chart-data",
-										"empty-message"
-									])]),
-									b("div", null, [b("span", ht, a(e.$t("views.metrics.plugins")), 1), T(p, {
-										items: f(an),
-										headers: f(Ht)("plugins"),
-										"chart-data": f(ln),
-										loading: f(Ke),
-										paginator: "",
-										pagination: { page: f(H).plugins },
-										"total-records": f(an).length,
-										"empty-message": e.$t("views.metrics.no_plugins"),
-										"onUpdate:page": t[1] ||= (e) => vn(e, "plugins")
-									}, null, 8, [
-										"items",
-										"headers",
-										"chart-data",
-										"loading",
-										"pagination",
-										"total-records",
-										"empty-message"
-									])])
-								])]),
-								_: 1
-							}),
-							T(h, { value: "cameras" }, {
-								default: m(() => [b("div", gt, [b("div", null, [b("span", _t, a(e.$t("views.metrics.cameras")), 1), T(p, {
-									items: f(rn),
-									headers: f(Ht)("frameworker"),
-									"chart-data": f(cn),
-									loading: f(Ye),
-									paginator: "",
-									pagination: { page: f(H).frameworker },
-									"total-records": f(rn).length,
-									"empty-message": e.$t("views.metrics.no_cameras"),
-									"onUpdate:page": t[2] ||= (e) => vn(e, "frameworker")
-								}, null, 8, [
-									"items",
-									"headers",
-									"chart-data",
-									"loading",
-									"pagination",
-									"total-records",
-									"empty-message"
-								])]), b("div", null, [b("span", vt, a(e.$t("views.metrics.analysis")), 1), T(p, {
-									items: f(Ut),
-									headers: f(Jt),
-									loading: f(Ye),
-									paginator: "",
-									pagination: { page: f(H).frameworker },
-									"total-records": f(Ut).length,
-									"empty-message": e.$t("views.metrics.no_cameras"),
-									"onUpdate:page": t[4] ||= (e) => vn(e, "frameworker")
-								}, {
-									actions: m(() => [b("div", yt, [x((i(), c(r, {
-										severity: "secondary",
-										outlined: "",
-										class: "cui-button-medium",
-										onClick: Qt
-									}, {
-										icon: m(() => [T(_)]),
-										_: 1
-									})), [[
-										R,
-										{ value: e.$t("views.metrics.copy") },
-										void 0,
-										{ top: !0 }
-									]]), x((i(), c(r, {
-										severity: "secondary",
-										outlined: "",
-										class: "cui-button-medium",
-										label: f(N) ? void 0 : f(V) ? e.$t("views.metrics.show_performance") : e.$t("views.metrics.show_inference"),
-										onClick: t[3] ||= (e) => V.value = !f(V)
-									}, d({ _: 2 }, [f(N) ? {
-										name: "icon",
-										fn: m(() => [f(V) ? (i(), c(v, { key: 0 })) : (i(), c(y, { key: 1 }))]),
-										key: "0"
-									} : void 0]), 1032, ["label"])), [[
-										R,
-										{
-											value: f(V) ? e.$t("views.metrics.show_performance") : e.$t("views.metrics.show_inference"),
-											disabled: !f(N)
-										},
-										void 0,
-										{ top: !0 }
-									]])]), b("div", bt, [x((i(), c(r, {
-										severity: "secondary",
-										class: "cui-button-medium",
-										loading: f(tt),
-										label: f(N) ? void 0 : e.$t("views.metrics.reset"),
-										onClick: $t
-									}, d({ _: 2 }, [f(N) ? {
-										name: "icon",
-										fn: m(() => [T(C)]),
-										key: "0"
-									} : void 0]), 1032, ["loading", "label"])), [[
-										R,
-										{
-											value: e.$t("views.metrics.reset"),
-											disabled: !f(N)
-										},
-										void 0,
-										{ top: !0 }
-									]]), x((i(), c(r, {
-										class: "cui-button-medium",
-										disabled: f(tt),
-										label: f(N) ? void 0 : e.$t("views.metrics.benchmark"),
-										onClick: en
-									}, d({ _: 2 }, [f(N) ? {
-										name: "icon",
-										fn: m(() => [T(w)]),
-										key: "0"
-									} : void 0]), 1032, ["disabled", "label"])), [[
-										R,
-										{
-											value: e.$t("views.metrics.benchmark"),
-											disabled: !f(N)
-										},
-										void 0,
-										{ top: !0 }
-									]])])]),
-									_: 1
-								}, 8, [
-									"items",
-									"headers",
-									"loading",
-									"pagination",
-									"total-records",
-									"empty-message"
-								])])])]),
-								_: 1
-							}),
-							T(h, { value: "storage" }, {
-								default: m(() => [b("div", xt, [
-									f(P) && f(P).paused === !0 ? (i(), g("div", St, [T(E, { class: "shrink-0 w-5 h-5" }), b("span", null, a(e.$t("views.metrics.disk_critical")), 1)])) : f(P) && f(P).diskFreePercent > 0 && f(P).diskFreePercent < 8 ? (i(), g("div", Ct, [T(ie, { class: "shrink-0 w-5 h-5" }), b("span", null, a(e.$t("views.metrics.disk_warning")), 1)])) : l("", !0),
-									f(P) && f(P).smallVolume ? (i(), g("div", wt, [T(ie, { 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", Tt, a(e.$t("views.metrics.storage_overview")), 1), T(oe, { class: "cui-card" }, {
-										content: m(() => [f(me) && !f(P) ? (i(), g("div", Et, [T(k, {
-											class: "w-[30px] h-[30px] m-0",
-											"stroke-width": "5"
-										})])) : f(P) ? (i(), g("div", Ot, [b("div", kt, [T(f(Ie), {
-											data: f(hn),
-											options: f(gn)
-										}, null, 8, ["data", "options"])]), T(j, {
-											value: f(mn),
-											pt: he,
-											"striped-rows": "",
-											"show-headers": !1,
-											class: "w-full"
-										}, {
-											default: m(() => [T(A, { field: "label" }, {
-												body: m(({ data: e }) => [b("span", At, a(e.label), 1)]),
-												_: 1
-											}), T(A, {
-												field: "value",
-												style: { "text-align": "right" }
-											}, {
-												body: m(({ data: e }) => [b("span", jt, a(e.value), 1)]),
-												_: 1
-											})]),
-											_: 1
-										}, 8, ["value"])])) : (i(), g("div", Dt, a(e.$t("views.metrics.storage_not_available")), 1))]),
-										_: 1
-									})]),
-									b("div", null, [b("span", Mt, a(e.$t("views.metrics.camera_storage")), 1), T(oe, { class: "cui-card" }, {
-										content: m(() => [f(me) && !f(P) ? (i(), g("div", Nt, [T(k, {
-											class: "w-[30px] h-[30px] m-0",
-											"stroke-width": "5"
-										})])) : f(P) ? (i(), c(j, {
-											key: 2,
-											value: f(pn),
-											pt: he,
-											"striped-rows": "",
-											scrollable: ""
-										}, {
-											empty: m(() => [b("span", Lt, 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", Ft, [x(T(de, { style: te({ background: t.isRecording ? "green" : "gray" }) }, null, 8, ["style"]), [[R, { 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", It, a(e.name), 1)]),
-													_: 1
-												}, 8, ["header"]),
-												T(A, {
-													field: "size",
-													header: e.$t("views.metrics.col_size")
-												}, {
-													body: m(({ data: e }) => [S(a(Tn(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 ? En(e.bandwidthMBh) : "-"), 1)]),
-													_: 1
-												}, 8, ["header"]),
-												T(A, {
-													field: "recordingMode",
-													header: e.$t("views.metrics.col_mode")
-												}, {
-													body: m(({ data: e }) => [T(fe, {
-														label: e.recordingMode,
-														class: "text-xs"
-													}, null, 8, ["label"])]),
-													_: 1
-												}, 8, ["header"])
-											]),
-											_: 1
-										}, 8, ["value"])) : (i(), g("div", Pt, a(e.$t("views.metrics.storage_not_available")), 1))]),
-										_: 1
-									})])
-								])]),
-								_: 1
-							})
-						]),
-						_: 1
-					})]),
-					_: 1
-				}, 8, ["value"])
-			], 512);
-		};
-	}
-}), [["__scopeId", "data-v-0fa7f70e"]]);
-//#endregion
-export { Rt as default };