@64mb/freelens-power 1.0.3 → 1.2.0

package/out/renderer/monitoring.js

@@ -4,96 +4,11 @@ const require_monitoring_preferences_store = require("./src/common/store/monitor
 const require__global_external_react = require("./_virtual/_global-external_react.js");
 const require__global_external_react_dom = require("./_virtual/_global-external_react-dom.js");
 const require_jsx_runtime = require("./_virtual/_global-external_react/jsx-runtime.js");
+const require_date_time = require("./src/common/date-time.js");
+const require_monitoring_math = require("./src/common/monitoring-math.js");
+const require_monitoring_collector = require("./monitoring-collector.js");
+const require_monitoring_history_view = require("./monitoring-history-view.js");
 //#region src/renderer/monitoring.tsx
-function effectivePodResource(pod, metric, kind) {
-	const read = (resources) => {
-		const raw = resources?.[kind]?.[metric];
-		if (raw !== void 0) return parseQuantity(raw, metric === "memory");
-		if (kind === "requests" && resources?.limits?.[metric] !== void 0) return parseQuantity(resources.limits[metric], metric === "memory");
-		return kind === "requests" ? 0 : Infinity;
-	};
-	const spec = pod.spec;
-	if (!spec?.containers?.length) throw new Error("Missing pod containers");
-	let sidecars = 0;
-	let initPeak = 0;
-	for (const container of spec.initContainers ?? []) {
-		const value = read(container.resources);
-		if (container.restartPolicy === "Always") {
-			sidecars += value;
-			initPeak = Math.max(initPeak, sidecars);
-		} else initPeak = Math.max(initPeak, sidecars + value);
-	}
-	let effective = Math.max(initPeak, sidecars + spec.containers.reduce((sum, container) => sum + read(container.resources), 0));
-	if (spec.resources?.[kind]?.[metric] !== void 0) effective = read(spec.resources);
-	const overhead = spec.overhead?.[metric];
-	if (overhead !== void 0 && (kind === "requests" || effective > 0)) effective += parseQuantity(overhead, metric === "memory");
-	return effective;
-}
-function aggregateResources(nodes, pods) {
-	if (!nodes.length || nodes.some((node) => !node.metadata?.name)) throw new Error("Missing node inventory");
-	const names = new Set(nodes.map((node) => node.metadata.name));
-	const scheduled = pods?.filter((pod) => pod.spec?.nodeName && names.has(pod.spec.nodeName) && pod.status?.phase !== "Succeeded" && pod.status?.phase !== "Failed");
-	const sum = (metric) => {
-		const capacity = nodes.reduce((total, node) => total + parseQuantity(node.status?.capacity?.[metric] ?? "", metric === "memory"), 0);
-		const allocatable = nodes.reduce((total, node) => total + parseQuantity(node.status?.allocatable?.[metric] ?? "", metric === "memory"), 0);
-		const requests = scheduled?.reduce((total, pod) => total + effectivePodResource(pod, metric, "requests"), 0);
-		const limits = scheduled?.reduce((total, pod) => total + effectivePodResource(pod, metric, "limits"), 0);
-		return {
-			capacity,
-			allocatable,
-			requests,
-			limits: limits === Infinity ? void 0 : limits,
-			unbounded: limits === Infinity
-		};
-	};
-	return {
-		cpu: sum("cpu"),
-		memory: sum("memory")
-	};
-}
-var INTERVAL = 3e4;
-function parseQuantity(raw, memory = false) {
-	const match = /^(\d+(?:\.\d*)?|\.\d+)([eE][+-]?\d+|n|u|m|Ki|Mi|Gi|Ti|Pi|Ei|k|K|M|G|T|P|E)?$/.exec(raw);
-	if (!match) throw new Error("Invalid metrics quantity");
-	const suffix = match[2] ?? "";
-	const value = Number(match[1]) * (suffix.endsWith("i") ? 1024 ** ([
-		"Ki",
-		"Mi",
-		"Gi",
-		"Ti",
-		"Pi",
-		"Ei"
-	].indexOf(suffix) + 1) : /^[eE][+-]?\d+$/.test(suffix) ? 10 ** Number(suffix.slice(1)) : {
-		n: 1e-9,
-		u: 1e-6,
-		m: .001,
-		k: 1e3,
-		K: 1e3,
-		M: 1e6,
-		G: 1e9,
-		T: 0xe8d4a51000,
-		P: 0x38d7ea4c68000,
-		E: 0xde0b6b3a7640000
-	}[suffix] ?? 1);
-	if (!Number.isFinite(value) || !memory && suffix.endsWith("i")) throw new Error("Invalid metrics quantity");
-	return value;
-}
-function aggregateMetrics(nodes, now = Date.now()) {
-	if (!nodes.length) throw new Error("No node metrics available");
-	let cpu = 0;
-	let memory = 0;
-	for (const node of nodes) {
-		const timestamp = Date.parse(node.timestamp);
-		if (!Number.isFinite(timestamp) || now - timestamp > 12e4 || timestamp > now + 3e4) throw new Error("Node metrics are stale");
-		cpu += parseQuantity(node.usage.cpu);
-		memory += parseQuantity(node.usage.memory, true);
-	}
-	return {
-		time: now,
-		cpu,
-		memory
-	};
-}
 function formatMonitoringTime(time) {
 	return new Date(time).toLocaleTimeString([], {
 		hour: "2-digit",
@@ -123,7 +38,7 @@ function ResourceTitle({ metric, label }) {
 		}), label ?? (metric === "cpu" ? "CPU" : "Memory")]
 	});
 }
-function MetricChart({ metric, samples, status, scope = "node" }) {
+function MetricChart({ metric, samples, status, scope = "node", headerAction }) {
 	const [selectedTime, setSelectedTime] = require__global_external_react.useState();
 	const [pinned, setPinned] = require__global_external_react.useState(false);
 	const previousMetric = require__global_external_react.useRef(metric);
@@ -198,10 +113,10 @@ function MetricChart({ metric, samples, status, scope = "node" }) {
 		value: (sample) => sample.resources?.[metric][key]
 	}))];
 	const visibleSeries = scope === "pod" ? series.filter((line) => line.key === "usage" || line.key === "requests") : series;
-	const max = Math.max(...samples.flatMap((sample) => visibleSeries.map((line) => line.value(sample) ?? 0)), .001) * 1.1;
+	const max = Math.max(...samples.flatMap((sample) => [...visibleSeries.map((line) => line.value(sample) ?? 0), sample.historical?.[metric]?.max ?? 0]), .001) * 1.1;
 	const end = last?.time ?? Date.now();
 	const start = samples[0]?.time ?? end;
-	const duration = Math.max(end - start, INTERVAL);
+	const duration = Math.max(end - start, require_monitoring_math.MONITORING_INTERVAL);
 	const x = (sample) => 88 + (sample.time - start) / duration * plotWidth;
 	const y = (sample) => 208 - sample[metric] / max * 184;
 	const selectNearest = (event) => {
@@ -224,11 +139,19 @@ function MetricChart({ metric, samples, status, scope = "node" }) {
 			position: "relative"
 		},
 		children: [
+			headerAction && /* @__PURE__ */ require_jsx_runtime.jsx("div", {
+				className: "power-monitoring-period-action",
+				children: headerAction
+			}),
 			/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+				"data-monitoring-heading": "",
 				style: {
 					display: "flex",
 					alignItems: "center",
-					gap: 12
+					flexWrap: "wrap",
+					gap: 12,
+					paddingRight: headerAction ? 100 : 0,
+					minHeight: headerAction ? 32 : void 0
 				},
 				children: [/* @__PURE__ */ require_jsx_runtime.jsx(ResourceTitle, { metric }), /* @__PURE__ */ require_jsx_runtime.jsx("span", { children: status ? "Unavailable" : last ? format(last[metric]) : "Collecting…" })]
 			}),
@@ -298,25 +221,66 @@ function MetricChart({ metric, samples, status, scope = "node" }) {
 						fontSize: "11",
 						children: format(max * fraction)
 					})] }, fraction)),
-					visibleSeries.map((line) => /* @__PURE__ */ require_jsx_runtime.jsx("path", {
-						"data-monitoring-series": line.key,
-						d: samples.reduce((path, sample, index) => {
+					samples.map((sample) => {
+						const summary = sample.historical?.[metric];
+						if (!summary || summary.min === summary.max) return null;
+						return /* @__PURE__ */ require_jsx_runtime.jsx("line", {
+							"data-monitoring-extrema": "",
+							x1: x(sample),
+							x2: x(sample),
+							y1: 208 - summary.max / max * 184,
+							y2: 208 - summary.min / max * 184,
+							stroke: "#c93dce",
+							strokeOpacity: .35,
+							strokeWidth: 4
+						}, `range:${sample.time}`);
+					}),
+					visibleSeries.map((line) => {
+						let path = "";
+						let gaps = "";
+						let previous;
+						let interrupted = false;
+						for (const sample of samples) {
 							const value = line.value(sample);
-							if (value === void 0) return path;
-							return `${path} ${(index ? line.value(samples[index - 1]) : void 0) === void 0 ? "M" : "L"}${x(sample)},${208 - value / max * 184}`;
-						}, ""),
-						fill: "none",
-						stroke: line.color,
-						strokeWidth: "2",
-						strokeDasharray: line.key === "capacity" || line.key === "allocatable" ? "5 3" : void 0
-					}, line.key)),
+							if (value === void 0 || !Number.isFinite(value)) {
+								interrupted = true;
+								continue;
+							}
+							const point = `${x(sample)},${208 - value / max * 184}`;
+							const gap = previous && (interrupted || sample.breakBefore || sample.time - previous.sample.time > 1.8 * Math.max(sample.historical?.[metric]?.resolution ?? 3e4, previous.sample.historical?.[metric]?.resolution ?? 3e4));
+							path += ` ${!previous || gap ? "M" : "L"}${point}`;
+							if (previous && gap) gaps += ` M${previous.point} L${point}`;
+							previous = {
+								sample,
+								point
+							};
+							interrupted = false;
+						}
+						return /* @__PURE__ */ require_jsx_runtime.jsxs("g", { children: [/* @__PURE__ */ require_jsx_runtime.jsx("path", {
+							"data-monitoring-series": line.key,
+							d: path,
+							fill: "none",
+							stroke: line.color,
+							strokeWidth: "2",
+							strokeDasharray: line.key === "capacity" || line.key === "allocatable" ? "5 3" : void 0
+						}), gaps && /* @__PURE__ */ require_jsx_runtime.jsx("path", {
+							"data-monitoring-gap": line.key,
+							d: gaps,
+							fill: "none",
+							stroke: line.color,
+							strokeWidth: "2",
+							strokeDasharray: "3 4",
+							opacity: ".65",
+							children: /* @__PURE__ */ require_jsx_runtime.jsx("title", { children: "Dashed connections span missing measurements; intermediate values are unknown" })
+						})] }, line.key);
+					}),
 					samples.map((sample) => /* @__PURE__ */ require_jsx_runtime.jsx("circle", {
 						cx: x(sample),
 						cy: y(sample),
 						r: "2",
 						fill: "currentColor",
 						children: /* @__PURE__ */ require_jsx_runtime.jsxs("title", { children: [
-							formatMonitoringTime(sample.time),
+							require_date_time.formatDateTime(sample.time),
 							": ",
 							format(sample[metric])
 						] })
@@ -362,7 +326,10 @@ function MetricChart({ metric, samples, status, scope = "node" }) {
 					pointerEvents: "none"
 				},
 				children: [
-					/* @__PURE__ */ require_jsx_runtime.jsxs("div", { children: [formatMonitoringTime(selected.time), pinned ? " · Pinned" : ""] }),
+					/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+						style: { whiteSpace: "pre-wrap" },
+						children: [require_date_time.formatDateTime(selected.time), pinned ? " · Pinned" : ""]
+					}),
 					visibleSeries.map((line) => /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
 						style: { color: line.color },
 						children: [
@@ -371,6 +338,18 @@ function MetricChart({ metric, samples, status, scope = "node" }) {
 							line.value(selected) === void 0 ? "Unavailable" : format(line.value(selected))
 						]
 					}, line.key)),
+					selected.historical?.[metric] && /* @__PURE__ */ require_jsx_runtime.jsxs("div", { children: [
+						"Min: ",
+						format(selected.historical[metric].min),
+						" · Max: ",
+						format(selected.historical[metric].max),
+						/* @__PURE__ */ require_jsx_runtime.jsx("br", {}),
+						selected.historical[metric].count,
+						" samples ·",
+						" ",
+						Math.round(selected.historical[metric].resolution / 1e3),
+						"s bucket"
+					] }),
 					/* @__PURE__ */ require_jsx_runtime.jsx("div", {
 						style: {
 							color: "var(--textColorSecondary)",
@@ -617,11 +596,19 @@ function ResourceDonut({ metric, sample, status }) {
 	});
 }
 function MonitoringCharts({ samples, status }) {
+	const clusterId = require_extensions.Renderer.Catalog.activeCluster.get()?.metadata.uid;
+	const history = require_monitoring_history_view.useMonitoringHistory(clusterId ? {
+		clusterId,
+		scope: "cluster",
+		uid: clusterId
+	} : void 0, samples);
 	return /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
 		style: { containerType: "inline-size" },
-		children: [/* @__PURE__ */ require_jsx_runtime.jsx("style", { children: `
+		children: [
+			/* @__PURE__ */ require_jsx_runtime.jsx("style", { children: `
       [data-monitoring-layout] { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr); gap:16px; align-items:stretch }
       [data-monitoring-trends], [data-monitoring-summaries] { display:contents }
+      .power-monitoring-period-action { position:absolute;right:16px;top:19px }
       @container (min-width: 961px) {
         [data-monitoring-summaries] > section { --power-monitoring-summary-top:16px }
       }
@@ -631,29 +618,48 @@ function MonitoringCharts({ samples, status }) {
       }
       @container (max-width: 580px) {
         [data-monitoring-layout] { grid-template-columns:minmax(0,1fr) }
+        .power-monitoring-period-action { left:16px;right:auto;top:15px }
+        [data-monitoring-trends] > section:first-child { --power-monitoring-trend-top:56px }
         .power-ai-overview-actions + [data-testid="cluster-overview-page"] [data-monitoring-trends] > section:not(:first-child) { --power-monitoring-trend-top:16px }
       }
-    ` }), /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
-			"data-monitoring-layout": "",
-			children: [/* @__PURE__ */ require_jsx_runtime.jsx("div", {
-				"data-monitoring-trends": "",
-				children: ["cpu", "memory"].map((metric) => /* @__PURE__ */ require_jsx_runtime.jsx(MetricChart, {
-					metric,
-					samples,
-					status
-				}, metric))
-			}), /* @__PURE__ */ require_jsx_runtime.jsx("div", {
-				"data-monitoring-summaries": "",
-				children: ["cpu", "memory"].map((metric) => /* @__PURE__ */ require_jsx_runtime.jsx(ResourceDonut, {
-					metric,
-					sample: samples.at(-1),
-					status
-				}, metric))
-			})]
-		})]
+    ` }),
+			history.status && /* @__PURE__ */ require_jsx_runtime.jsx("small", {
+				role: "status",
+				style: {
+					display: "block",
+					color: "var(--textColorSecondary)",
+					marginBottom: 8
+				},
+				children: history.status
+			}),
+			/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+				"data-monitoring-layout": "",
+				children: [/* @__PURE__ */ require_jsx_runtime.jsx("div", {
+					"data-monitoring-trends": "",
+					children: ["cpu", "memory"].map((metric) => /* @__PURE__ */ require_jsx_runtime.jsx(MetricChart, {
+						metric,
+						samples: history.samples,
+						status,
+						headerAction: metric === "cpu" ? /* @__PURE__ */ require_jsx_runtime.jsx(require_monitoring_history_view.MonitoringHistoryRange, {
+							compact: true,
+							range: history.range,
+							onChange: history.setRange
+						}) : void 0
+					}, metric))
+				}), /* @__PURE__ */ require_jsx_runtime.jsx("div", {
+					"data-monitoring-summaries": "",
+					children: ["cpu", "memory"].map((metric) => /* @__PURE__ */ require_jsx_runtime.jsx(ResourceDonut, {
+						metric,
+						sample: samples.at(-1),
+						status
+					}, metric))
+				})]
+			})
+		]
 	});
 }
 function startMonitoring() {
+	const release = require_monitoring_collector.retainMonitoringCollector();
 	const preferences = require_monitoring_preferences_store.MonitoringPreferencesStore.getInstanceOrCreate();
 	let stopCurrent;
 	const stop = require__global_external_mobx.reaction(() => preferences.enabled, (enabled) => {
@@ -663,6 +669,7 @@ function startMonitoring() {
 	return () => {
 		stop();
 		stopCurrent?.();
+		release();
 	};
 }
 function mountMonitoring() {
@@ -713,7 +720,7 @@ function mountMonitoring() {
 			cluster = currentCluster;
 			overview = currentOverview;
 		}
-		const cutoff = Date.now() - 60 * INTERVAL;
+		const cutoff = Date.now() - 60 * require_monitoring_math.MONITORING_INTERVAL;
 		if (samples.length && samples[0].time < cutoff) samples = samples.filter((sample) => sample.time >= cutoff);
 		if (!overview || !cluster || document.visibilityState === "hidden") return;
 		if (!host) {
@@ -761,21 +768,30 @@ function mountMonitoring() {
 		render();
 		if (pendingGeneration === generation || Date.now() < nextSample) return;
 		pendingGeneration = generation;
-		nextSample = Date.now() + INTERVAL;
+		nextSample = Date.now() + require_monitoring_math.MONITORING_INTERVAL;
 		const requestGeneration = generation;
 		const isCurrent = () => !stopped && requestGeneration === generation && document.visibilityState !== "hidden" && overview?.isConnected === true && require_extensions.Renderer.Catalog.activeCluster.get()?.metadata.uid === cluster;
 		try {
-			const [metrics, inventory, pods] = await Promise.allSettled([
-				require_extensions.Renderer.K8sApi.nodesMetricsApi.list(),
-				Promise.resolve().then(() => require_extensions.Renderer.K8sApi.nodesApi.list()),
-				Promise.resolve().then(() => require_extensions.Renderer.K8sApi.podsApi.list())
-			]);
+			const collected = await require_monitoring_collector.getMonitoringSnapshot();
+			const metrics = collected.nodeMetrics === void 0 ? { status: "rejected" } : {
+				status: "fulfilled",
+				value: collected.nodeMetrics
+			};
+			const inventory = collected.nodes === void 0 ? { status: "rejected" } : {
+				status: "fulfilled",
+				value: collected.nodes
+			};
+			const pods = collected.pods === void 0 ? { status: "rejected" } : {
+				status: "fulfilled",
+				value: collected.pods
+			};
 			if (!isCurrent()) return;
 			if (metrics.status !== "fulfilled") throw new Error("Metrics unavailable");
-			const sample = aggregateMetrics(metrics.value ?? []);
+			const sample = require_monitoring_math.aggregateMetrics(metrics.value ?? []);
+			sample.time = Math.min(...metrics.value.map((item) => Date.parse(item.timestamp)));
 			const warnings = [];
 			if (inventory.status === "fulfilled") try {
-				sample.resources = aggregateResources(inventory.value ?? [], pods.status === "fulfilled" ? pods.value ?? void 0 : void 0);
+				sample.resources = require_monitoring_math.aggregateResources(inventory.value ?? [], pods.status === "fulfilled" ? pods.value ?? void 0 : void 0);
 				const expected = new Set((inventory.value ?? []).map((node) => node.metadata.name));
 				const observed = new Set((metrics.value ?? []).map((node) => node.metadata.name));
 				sample.completeUsage = expected.size > 0 && expected.size === observed.size && [...expected].every((name) => observed.has(name));
@@ -786,7 +802,7 @@ function mountMonitoring() {
 			else warnings.push("Node inventory unavailable or access denied; usage coverage unverified, capacity unavailable");
 			if (pods.status !== "fulfilled") warnings.push("Cluster-wide Pods unavailable or access denied; requests unavailable");
 			sample.resourceStatus = warnings.join(". ");
-			samples = [...samples, sample].slice(-60);
+			samples = [...samples.filter((entry) => entry.time !== sample.time), sample].sort((a, b) => a.time - b.time).slice(-60);
 			status = "";
 		} catch {
 			if (!isCurrent()) return;
@@ -819,11 +835,9 @@ function mountMonitoring() {
 }
 //#endregion
 exports.MetricChart = MetricChart;
-exports.aggregateMetrics = aggregateMetrics;
-exports.aggregateResources = aggregateResources;
-exports.effectivePodResource = effectivePodResource;
+exports.effectivePodResource = require_monitoring_math.effectivePodResource;
 exports.formatMonitoringTime = formatMonitoringTime;
-exports.parseQuantity = parseQuantity;
+exports.parseQuantity = require_monitoring_math.parseQuantity;
 exports.startMonitoring = startMonitoring;
 
 //# sourceMappingURL=monitoring.js.map