@64mb/freelens-power 1.1.0 → 1.2.0

package/out/renderer/diagnostics.js

@@ -1,15 +1,131 @@
 const require_extensions = require("./_virtual/_global-external_@freelensapp/extensions.js");
 const require__global_external_mobx = require("./_virtual/_global-external_mobx.js");
-const require_monitoring_preferences_store = require("./src/common/store/monitoring-preferences-store.js");
 const require__global_external_react = require("./_virtual/_global-external_react.js");
 const require_jsx_runtime = require("./_virtual/_global-external_react/jsx-runtime.js");
 const require_ai_icon = require("./ai-icon.js");
+const require_date_time = require("./src/common/date-time.js");
 const require_resource_diagnostics = require("./src/common/resource-diagnostics.js");
+const require_diagnostics_css = require("./diagnostics.css.js");
 const require_monitoring_collector = require("./monitoring-collector.js");
-const require_monitoring_history_view = require("./monitoring-history-view.js");
-const require_monitoring = require("./monitoring.js");
-const require_monitoring_history_collection = require("./monitoring-history-collection.js");
 //#region src/renderer/diagnostics.tsx
+var viewDescriptions = {
+	Consumers: ["What is using cluster resources?", "Compare workload usage and requests, then expand a workload to inspect its pods."],
+	Timeline: ["What changed in this workload?", "Follow related Kubernetes events and changes observed while this view is open."],
+	Pending: ["Why is this pod waiting?", "Inspect scheduling evidence and resource requests before opening the pod for investigation."]
+};
+function DiagnosticsSelect({ label, value, onChange, options }) {
+	return /* @__PURE__ */ require_jsx_runtime.jsx("span", {
+		className: "diagnostics-select",
+		children: /* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Select, {
+			"aria-label": label,
+			value,
+			options,
+			onChange: (option) => {
+				if (option) onChange(option.value);
+			},
+			isClearable: false
+		})
+	});
+}
+function ResourceCell({ summary, metric }) {
+	const complete = summary.coveredPods === summary.totalPods && !summary.unknownRequestPods;
+	const ratio = complete && summary.usage !== void 0 && summary.requests > 0 ? `${(summary.usage / summary.requests * 100).toFixed(0)}% of requests` : void 0;
+	return /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+		className: "resource-cell",
+		children: [
+			/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+				className: "resource-value",
+				children: [/* @__PURE__ */ require_jsx_runtime.jsx("small", { children: "Usage" }), /* @__PURE__ */ require_jsx_runtime.jsx("strong", { children: resourceText(summary.usage, metric) })]
+			}),
+			/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+				className: "resource-request",
+				children: [/* @__PURE__ */ require_jsx_runtime.jsx("small", { children: summary.unknownRequestPods ? "Known requests" : "Requests" }), /* @__PURE__ */ require_jsx_runtime.jsx("span", { children: resourceText(summary.requests, metric) })]
+			}),
+			/* @__PURE__ */ require_jsx_runtime.jsxs("small", {
+				className: "resource-coverage",
+				title: "Coverage is per resource. Missing metrics are unavailable, never zero.",
+				children: [
+					summary.coveredPods,
+					"/",
+					summary.totalPods,
+					" pods covered",
+					summary.unknownRequestPods ? ` · ${summary.unknownRequestPods} requests unknown` : "",
+					ratio ? ` · ${ratio}` : ""
+				]
+			}),
+			complete && summary.usage !== void 0 && summary.requests > 0 && summary.usage > summary.requests && /* @__PURE__ */ require_jsx_runtime.jsxs("span", {
+				className: "request-burst",
+				title: "Usage exceeds configured requests. Requests are reservations, not limits; this alone does not indicate a failure.",
+				children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, {
+					material: "info_outline",
+					size: 12
+				}), "Above requests"]
+			})
+		]
+	});
+}
+function UnscheduledCell({ cpu, memory }) {
+	if (!(cpu.unknownRequestPods || memory.unknownRequestPods) && !cpu.unscheduledRequests && !memory.unscheduledRequests) return /* @__PURE__ */ require_jsx_runtime.jsx("span", {
+		className: "unscheduled-empty",
+		title: "No unscheduled requests",
+		children: "—"
+	});
+	return /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+		className: `unscheduled-cell${cpu.unscheduledRequests || memory.unscheduledRequests ? " has-requests" : ""}`,
+		children: [/* @__PURE__ */ require_jsx_runtime.jsxs("div", { children: [/* @__PURE__ */ require_jsx_runtime.jsx("small", { children: "CPU" }), /* @__PURE__ */ require_jsx_runtime.jsx("span", { children: unscheduledText(cpu, "cpu") })] }), /* @__PURE__ */ require_jsx_runtime.jsxs("div", { children: [/* @__PURE__ */ require_jsx_runtime.jsx("small", { children: "Memory" }), /* @__PURE__ */ require_jsx_runtime.jsx("span", { children: unscheduledText(memory, "memory") })] })]
+	});
+}
+function consumerStatus(pods) {
+	const failureReasons = /* @__PURE__ */ new Set([
+		"CrashLoopBackOff",
+		"ImagePullBackOff",
+		"ErrImagePull",
+		"CreateContainerConfigError",
+		"CreateContainerError",
+		"RunContainerError",
+		"InvalidImageName"
+	]);
+	for (const pod of pods) {
+		const status = pod.status;
+		const reason = [...status?.containerStatuses ?? [], ...status?.initContainerStatuses ?? []].map((status) => status.state?.waiting?.reason).find((value) => value && failureReasons.has(value));
+		if (pod.status?.phase === "Failed" || reason) return {
+			tone: "error",
+			label: reason ?? "Failed",
+			icon: "error_outline"
+		};
+	}
+	const pendingCount = pods.filter((pod) => pod.status?.phase === "Pending").length;
+	if (pendingCount) return {
+		tone: "warning",
+		label: `${pendingCount} Pending`,
+		icon: "hourglass_empty"
+	};
+	if (pods.some((pod) => pod.status?.conditions?.some((condition) => condition.type === "Ready" && condition.status === "False"))) return {
+		tone: "warning",
+		label: "Not ready",
+		icon: "warning_amber"
+	};
+	if (pods.length && pods.every((pod) => pod.status?.phase === "Running" && pod.status.conditions?.some((condition) => condition.type === "Ready" && condition.status === "True"))) return {
+		tone: "healthy",
+		label: "Ready",
+		icon: "check_circle_outline"
+	};
+	return {
+		tone: "neutral",
+		label: "Readiness unknown",
+		icon: "help_outline"
+	};
+}
+function ConsumerStatus({ pods }) {
+	const status = consumerStatus(pods);
+	return /* @__PURE__ */ require_jsx_runtime.jsxs("span", {
+		className: `consumer-status ${status.tone}`,
+		children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, {
+			material: status.icon,
+			size: 13
+		}), status.label]
+	});
+}
 var hidden = () => document.visibilityState === "hidden";
 var activeId = () => require_extensions.Renderer.Catalog.activeCluster.get()?.metadata.uid;
 var groupKey = (group) => `${group.namespace}/${group.identity}`;
@@ -17,11 +133,6 @@ function resourceText(value, metric) {
 	if (value === void 0) return "Unavailable";
 	return metric === "cpu" ? `${value.toFixed(3)} cores` : `${(value / 1024 ** 2).toFixed(1)} MiB`;
 }
-function summaryText(summary, metric) {
-	const request = summary.unknownRequestPods ? `partial ${resourceText(summary.requests, metric)} known (${summary.unknownRequestPods} pods unknown)` : resourceText(summary.requests, metric);
-	const ratio = summary.usage !== void 0 && summary.requests > 0 && !summary.unknownRequestPods && summary.coveredPods === summary.totalPods ? `${(summary.usage / summary.requests * 100).toFixed(0)}% of requests` : "ratio unavailable";
-	return `${resourceText(summary.usage, metric)} (${summary.coveredPods}/${summary.totalPods} pods covered), requests ${request}, ${ratio}`;
-}
 function unscheduledText(summary, metric) {
 	return `${summary.unknownRequestPods ? "Partial known: " : ""}${resourceText(summary.unscheduledRequests, metric)}`;
 }
@@ -43,7 +154,8 @@ var plurals = {
 	Job: "jobs",
 	CronJob: "cronjobs"
 };
-function openResource(object, clusterId) {
+function openResource(object, clusterId, event) {
+	event.stopPropagation();
 	const kind = object.kind ?? "Pod";
 	if (activeId() !== clusterId || !object.metadata.name || !object.metadata.namespace || !resources[kind]) return;
 	const path = `${resources[kind]}/namespaces/${encodeURIComponent(object.metadata.namespace)}/${plurals[kind]}/${encodeURIComponent(object.metadata.name)}`;
@@ -101,7 +213,7 @@ function DiagnosticsPage() {
 	const [snapshot, setSnapshot] = require__global_external_react.useState();
 	const [error, setError] = require__global_external_react.useState("");
 	const [filter, setFilter] = require__global_external_react.useState("");
-	const [historyTarget, setHistoryTarget] = require__global_external_react.useState("");
+	const [needsAttention, setNeedsAttention] = require__global_external_react.useState(true);
 	const [groupMode, setGroupMode] = require__global_external_react.useState("workload");
 	const [namespacesOpen, setNamespacesOpen] = require__global_external_react.useState([]);
 	const known = require__global_external_react.useRef(/* @__PURE__ */ new Map());
@@ -110,7 +222,7 @@ function DiagnosticsPage() {
 	const [selected, setSelected] = require__global_external_react.useState("");
 	const [pendingUid, setPendingUid] = require__global_external_react.useState("");
 	const [reason, setReason] = require__global_external_react.useState("");
-	const [warningOnly, setWarningOnly] = require__global_external_react.useState(false);
+	const [warningOnly, setWarningOnly] = require__global_external_react.useState(true);
 	const [observed, setObserved] = require__global_external_react.useState([]);
 	const previous = require__global_external_react.useRef();
 	require__global_external_react.useEffect(() => {
@@ -191,29 +303,48 @@ function DiagnosticsPage() {
 	const data = snapshot?.clusterId === activeId() ? snapshot : void 0;
 	const projected = require__global_external_react.useMemo(() => data ? projection(data) : void 0, [data]);
 	const groups = projected?.groups ?? [];
-	const filtered = require__global_external_react.useMemo(() => groups.filter((group) => `${group.namespace} ${group.name} ${group.kind}`.toLowerCase().includes(filter.toLowerCase())).sort((a, b) => sort === "name" ? groupKey(a).localeCompare(groupKey(b)) : sort === "requests" || sort === "memoryRequests" ? b[sort === "requests" ? "cpu" : "memory"].requests - a[sort === "requests" ? "cpu" : "memory"].requests : (b[sort === "memory" ? "memory" : "cpu"].usage ?? -1) - (a[sort === "memory" ? "memory" : "cpu"].usage ?? -1)), [
+	const filtered = require__global_external_react.useMemo(() => groups.filter((group) => `${group.namespace} ${group.name} ${group.kind}`.toLowerCase().includes(filter.toLowerCase())).filter((group) => !needsAttention || ["error", "warning"].includes(consumerStatus(group.pods).tone)).sort((a, b) => sort === "name" ? a.namespace.localeCompare(b.namespace) || a.name.localeCompare(b.name) || a.kind.localeCompare(b.kind) || a.identity.localeCompare(b.identity) : sort === "requests" || sort === "memoryRequests" ? b[sort === "requests" ? "cpu" : "memory"].requests - a[sort === "requests" ? "cpu" : "memory"].requests : (b[sort === "memory" ? "memory" : "cpu"].usage ?? -1) - (a[sort === "memory" ? "memory" : "cpu"].usage ?? -1)), [
 		groups,
 		filter,
-		sort
+		sort,
+		needsAttention
 	]);
-	const applications = [...known.current.values()].map((item) => item.group);
+	const warningUids = new Set((data?.events ?? []).filter((event) => event.type === "Warning").map((event) => event.involvedObject?.uid ?? event.regarding?.uid).filter((uid) => !!uid));
+	const applications = [...known.current.values()].filter((item) => !warningOnly || [...item.uids].some((uid) => warningUids.has(uid))).map((item) => item.group);
+	const selectionAvailable = applications.some((group) => groupKey(group) === selected);
+	require__global_external_react.useEffect(() => {
+		if (selected && !selectionAvailable) setSelected("");
+	}, [selected, selectionAvailable]);
 	const application = applications.find((group) => groupKey(group) === selected);
 	const uids = new Set(known.current.get(selected)?.uids ?? []);
-	const warningIds = new Set((data?.events ?? []).filter((event) => event.type === "Warning").map((event) => event.metadata?.uid));
-	const timeline = [...require_resource_diagnostics.normalizeEvents(data?.events ?? []), ...observed].filter((entry) => !!application && !!entry.objectUid && uids.has(entry.objectUid) && (!reason || `${entry.reason} ${entry.message}`.toLowerCase().includes(reason.toLowerCase())) && (!warningOnly || warningIds.has(entry.id))).sort((a, b) => (Date.parse(b.time ?? "") || 0) - (Date.parse(a.time ?? "") || 0));
+	const normalizedEvents = require_resource_diagnostics.normalizeEvents(data?.events ?? []);
+	const warningIds = new Set(normalizedEvents.filter((_entry, index) => data?.events?.[index]?.type === "Warning").map((entry) => entry.id));
+	const eventReferences = new Map(normalizedEvents.map((entry, index) => {
+		const event = data?.events?.[index];
+		return [entry.id, event?.involvedObject ?? event?.regarding];
+	}));
+	const timeline = [...normalizedEvents, ...observed].filter((entry) => (!application || !!entry.objectUid && uids.has(entry.objectUid)) && (!reason || `${entry.reason} ${entry.message}`.toLowerCase().includes(reason.toLowerCase())) && (!warningOnly || warningIds.has(entry.id))).sort((a, b) => (Date.parse(b.time ?? "") || 0) - (Date.parse(a.time ?? "") || 0));
 	const pending = (data?.pods ?? []).filter((pod) => pod.status?.phase === "Pending");
+	const PendingCard = pending.length && data?.pods ? "button" : "div";
 	const selectedPod = pending.find((pod) => pod.metadata.uid === pendingUid);
 	const diagnosis = selectedPod ? require_resource_diagnostics.diagnosePendingPod(selectedPod, data?.nodes ?? [], data?.events ?? [], data?.pvcs) : void 0;
 	return /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
 		className: "power-diagnostics",
 		style: {
-			padding: 20,
+			padding: 24,
 			overflow: "auto",
-			height: "100%"
+			height: "100%",
+			minWidth: 0
 		},
 		children: [
-			/* @__PURE__ */ require_jsx_runtime.jsx("style", { children: `.power-diagnostics table{width:100%;border-collapse:collapse}.power-diagnostics th,.power-diagnostics td{text-align:left;padding:9px;border-bottom:1px solid var(--borderColor);vertical-align:top}.power-diagnostics button,.power-diagnostics select,.power-diagnostics input{margin:4px;padding:6px}.power-diagnostics .toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.power-diagnostics small{display:block;opacity:.75}.power-diagnostics button{cursor:pointer;display:inline-flex;align-items:center;gap:6px;border-radius:4px;border:1px solid var(--borderColor);background:var(--contentColor);color:var(--textColorPrimary);font:inherit}.power-diagnostics button:hover{border-color:var(--primary)}.power-diagnostics button[aria-pressed=true]{color:var(--primary);border-color:var(--primary)}.power-diagnostics button:disabled{opacity:.5;cursor:default}.power-diagnostics select,.power-diagnostics input{border-radius:4px;border:1px solid var(--borderColor);background:var(--contentColor);color:var(--textColorPrimary);font:inherit}.power-diagnostics :is(button,select,input):focus-visible{outline:2px solid var(--primary);outline-offset:2px}.power-diagnostics input[type=checkbox]{accent-color:var(--primary)}.power-diagnostics th{color:var(--textColorSecondary);font-weight:500}.power-diagnostics nav{display:flex;gap:8px;flex-wrap:wrap}` }),
-			/* @__PURE__ */ require_jsx_runtime.jsx("h2", { children: "Resource diagnostics" }),
+			/* @__PURE__ */ require_jsx_runtime.jsx("style", { children: require_diagnostics_css.diagnosticsStyles }),
+			/* @__PURE__ */ require_jsx_runtime.jsxs("header", {
+				className: "diagnostics-header",
+				children: [/* @__PURE__ */ require_jsx_runtime.jsx("h2", { children: "Resource diagnostics" }), /* @__PURE__ */ require_jsx_runtime.jsxs("span", {
+					className: "snapshot-meta",
+					children: ["Read-only snapshot", data ? ` · ${require_date_time.formatDateTime(data.time)}` : ""]
+				})]
+			}),
 			/* @__PURE__ */ require_jsx_runtime.jsx("nav", {
 				"aria-label": "Diagnostics views",
 				children: [
@@ -225,319 +356,622 @@ function DiagnosticsPage() {
 					title: `Show ${name.toLowerCase()}`,
 					"aria-pressed": tab === name,
 					onClick: () => setTab(name),
-					children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, { material: name === "Consumers" ? "account_tree" : name === "Timeline" ? "timeline" : "hourglass_empty" }), name]
+					children: [
+						/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, { material: name === "Consumers" ? "account_tree" : name === "Timeline" ? "timeline" : "hourglass_empty" }),
+						name,
+						name === "Pending" && data?.pods ? ` (${pending.length})` : ""
+					]
 				}, name))
 			}),
-			/* @__PURE__ */ require_jsx_runtime.jsxs("p", { children: ["Read-only cluster snapshot", data ? ` · ${new Date(data.time).toLocaleTimeString([], { hourCycle: "h23" })}` : " · Loading"] }),
-			error && /* @__PURE__ */ require_jsx_runtime.jsx("p", {
+			error && /* @__PURE__ */ require_jsx_runtime.jsxs("p", {
+				className: "diagnostics-notice",
 				role: "status",
-				children: error
+				children: [error, ". Check the cluster connection and your access permissions."]
 			}),
 			data?.errors.map((message) => /* @__PURE__ */ require_jsx_runtime.jsx("p", {
+				className: "diagnostics-notice",
 				role: "status",
 				children: message
 			}, message)),
-			tab === "Consumers" && /* @__PURE__ */ require_jsx_runtime.jsxs(require_jsx_runtime.Fragment, { children: [
+			/* @__PURE__ */ require_jsx_runtime.jsxs("section", {
+				className: "view-intro",
+				children: [/* @__PURE__ */ require_jsx_runtime.jsx("h3", { children: viewDescriptions[tab][0] }), /* @__PURE__ */ require_jsx_runtime.jsx("p", { children: viewDescriptions[tab][1] })]
+			}),
+			data && tab === "Consumers" && /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+				className: "diagnostics-summary",
+				"aria-label": "Snapshot summary",
+				children: [
+					/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+						className: "summary-card workloads",
+						children: [/* @__PURE__ */ require_jsx_runtime.jsx("span", {
+							className: "summary-icon",
+							children: /* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, {
+								material: "account_tree",
+								size: 22
+							})
+						}), /* @__PURE__ */ require_jsx_runtime.jsxs("div", { children: [/* @__PURE__ */ require_jsx_runtime.jsx("strong", { children: data.pods ? groups.length : "Unavailable" }), /* @__PURE__ */ require_jsx_runtime.jsx("span", { children: "Workloads and standalone pods" })] })]
+					}),
+					/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+						className: "summary-card pods",
+						children: [/* @__PURE__ */ require_jsx_runtime.jsx("span", {
+							className: "summary-icon",
+							children: /* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, {
+								material: "view_in_ar",
+								size: 22
+							})
+						}), /* @__PURE__ */ require_jsx_runtime.jsxs("div", { children: [/* @__PURE__ */ require_jsx_runtime.jsx("strong", { children: data.pods?.length ?? "Unavailable" }), /* @__PURE__ */ require_jsx_runtime.jsx("span", { children: "Pods in snapshot" })] })]
+					}),
+					/* @__PURE__ */ require_jsx_runtime.jsxs(PendingCard, {
+						className: `summary-card pending${!data.pods ? " unavailable" : pending.length ? " attention" : ""}`,
+						...pending.length ? {
+							type: "button",
+							title: "Inspect pending pods",
+							"aria-label": "Inspect pending pods",
+							onClick: () => {
+								setPendingUid(pending[0]?.metadata.uid ?? "");
+								setTab("Pending");
+							}
+						} : {},
+						children: [/* @__PURE__ */ require_jsx_runtime.jsx("span", {
+							className: "summary-icon",
+							children: /* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, {
+								material: "hourglass_empty",
+								size: 22
+							})
+						}), /* @__PURE__ */ require_jsx_runtime.jsxs("div", { children: [/* @__PURE__ */ require_jsx_runtime.jsx("strong", { children: data.pods ? pending.length : "Unavailable" }), /* @__PURE__ */ require_jsx_runtime.jsx("span", { children: "Pending pods" })] })]
+					})
+				]
+			}),
+			!data && !error && /* @__PURE__ */ require_jsx_runtime.jsx("p", {
+				className: "diagnostics-empty",
+				role: "status",
+				children: "Loading resource diagnostics…"
+			}),
+			tab === "Consumers" && data && /* @__PURE__ */ require_jsx_runtime.jsxs(require_jsx_runtime.Fragment, { children: [
 				/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
-					className: "toolbar",
+					className: "toolbar consumers-toolbar",
 					children: [
 						/* @__PURE__ */ require_jsx_runtime.jsxs("label", { children: [
 							"Group by",
 							" ",
-							/* @__PURE__ */ require_jsx_runtime.jsxs("select", {
-								"aria-label": "Group consumers",
+							/* @__PURE__ */ require_jsx_runtime.jsx(DiagnosticsSelect, {
+								label: "Group consumers",
 								value: groupMode,
-								onChange: (event) => setGroupMode(event.target.value),
-								children: [/* @__PURE__ */ require_jsx_runtime.jsx("option", {
+								onChange: setGroupMode,
+								options: [{
 									value: "workload",
-									children: "Workload"
-								}), /* @__PURE__ */ require_jsx_runtime.jsx("option", {
+									label: "Workload"
+								}, {
 									value: "namespace",
-									children: "Namespace"
-								})]
+									label: "Namespace"
+								}]
 							})
 						] }),
-						/* @__PURE__ */ require_jsx_runtime.jsx("input", {
-							"aria-label": "Filter consumers",
-							placeholder: "Namespace or workload",
-							value: filter,
-							onChange: (event) => setFilter(event.target.value)
+						/* @__PURE__ */ require_jsx_runtime.jsxs("label", {
+							className: "search-field",
+							children: ["Search consumers", /* @__PURE__ */ require_jsx_runtime.jsx("span", {
+								className: "diagnostics-input",
+								children: /* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Input, {
+									"aria-label": "Filter consumers",
+									placeholder: "Namespace or workload",
+									value: filter,
+									onChange: setFilter
+								})
+							})]
 						}),
 						/* @__PURE__ */ require_jsx_runtime.jsxs("label", { children: [
 							"Sort",
 							" ",
-							/* @__PURE__ */ require_jsx_runtime.jsxs("select", {
-								"aria-label": "Sort consumers",
+							/* @__PURE__ */ require_jsx_runtime.jsx(DiagnosticsSelect, {
+								label: "Sort consumers",
 								value: sort,
-								onChange: (event) => setSort(event.target.value),
-								children: [
-									/* @__PURE__ */ require_jsx_runtime.jsx("option", {
+								onChange: setSort,
+								options: [
+									{
 										value: "cpu",
-										children: "CPU usage"
-									}),
-									/* @__PURE__ */ require_jsx_runtime.jsx("option", {
+										label: "CPU usage"
+									},
+									{
 										value: "memory",
-										children: "Memory usage"
-									}),
-									/* @__PURE__ */ require_jsx_runtime.jsx("option", {
+										label: "Memory usage"
+									},
+									{
 										value: "requests",
-										children: "CPU requests"
-									}),
-									/* @__PURE__ */ require_jsx_runtime.jsx("option", {
+										label: "CPU requests"
+									},
+									{
 										value: "memoryRequests",
-										children: "Memory requests"
-									}),
-									/* @__PURE__ */ require_jsx_runtime.jsx("option", {
+										label: "Memory requests"
+									},
+									{
 										value: "name",
-										children: "Namespace / name"
-									})
+										label: "Namespace / name"
+									}
 								]
 							})
-						] })
+						] }),
+						/* @__PURE__ */ require_jsx_runtime.jsx("div", {
+							className: "warning-filter",
+							children: /* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Checkbox, {
+								label: "Needs attention",
+								value: needsAttention,
+								onChange: setNeedsAttention
+							})
+						})
 					]
 				}),
-				/* @__PURE__ */ require_jsx_runtime.jsx("p", { children: "Usage coverage is per resource. Missing metrics are unavailable. Unscheduled requests are listed separately." }),
-				/* @__PURE__ */ require_jsx_runtime.jsxs("table", { children: [/* @__PURE__ */ require_jsx_runtime.jsx("thead", { children: /* @__PURE__ */ require_jsx_runtime.jsxs("tr", { children: [
-					/* @__PURE__ */ require_jsx_runtime.jsx("th", { children: "Namespace / consumer" }),
-					/* @__PURE__ */ require_jsx_runtime.jsx("th", { children: "CPU" }),
-					/* @__PURE__ */ require_jsx_runtime.jsx("th", { children: "Memory" }),
-					/* @__PURE__ */ require_jsx_runtime.jsx("th", { children: "Unscheduled requests" })
-				] }) }), /* @__PURE__ */ require_jsx_runtime.jsx("tbody", { children: (groupMode === "namespace" ? [...new Set(filtered.map((group) => group.namespace))] : [""]).map((namespace) => /* @__PURE__ */ require_jsx_runtime.jsx(NamespaceRows, {
-					namespace,
-					groups: namespace ? filtered.filter((group) => group.namespace === namespace) : filtered,
-					clusterId: data?.clusterId ?? "",
-					usage: projected?.usage ?? [],
-					viewHistory: setHistoryTarget,
-					open: !namespace || namespacesOpen.includes(namespace),
-					toggleNamespace: () => setNamespacesOpen((items) => items.includes(namespace) ? items.filter((item) => item !== namespace) : [...items, namespace]),
-					expanded,
-					toggleGroup: (key) => setExpanded((items) => items.includes(key) ? items.filter((item) => item !== key) : [...items, key])
-				}, namespace)) })] }),
-				!filtered.length && /* @__PURE__ */ require_jsx_runtime.jsx("p", { children: "No consumers available" }),
-				data && historyTarget && /* @__PURE__ */ require_jsx_runtime.jsx(ApplicationHistory, {
-					data,
-					group: groups.find((group) => groupKey(group) === historyTarget)
-				}, `${data.clusterId}/${historyTarget}`)
+				/* @__PURE__ */ require_jsx_runtime.jsxs("details", {
+					className: "diagnostics-explainer",
+					children: [/* @__PURE__ */ require_jsx_runtime.jsx("summary", { children: "How to read usage and requests" }), /* @__PURE__ */ require_jsx_runtime.jsx("p", { children: "Usage is measured consumption. Requests are configured resource reservations. Coverage is reported separately for CPU and memory; missing metrics are unavailable, never zero. Requests from unscheduled pods appear separately." })]
+				}),
+				/* @__PURE__ */ require_jsx_runtime.jsx("div", {
+					className: "diagnostics-table",
+					children: /* @__PURE__ */ require_jsx_runtime.jsxs("table", {
+						className: "consumers-table",
+						children: [
+							/* @__PURE__ */ require_jsx_runtime.jsxs("colgroup", { children: [
+								/* @__PURE__ */ require_jsx_runtime.jsx("col", { className: "consumer-column" }),
+								/* @__PURE__ */ require_jsx_runtime.jsx("col", { className: "metric-column" }),
+								/* @__PURE__ */ require_jsx_runtime.jsx("col", { className: "metric-column" }),
+								/* @__PURE__ */ require_jsx_runtime.jsx("col", { className: "unscheduled-column" })
+							] }),
+							/* @__PURE__ */ require_jsx_runtime.jsx("thead", { children: /* @__PURE__ */ require_jsx_runtime.jsxs("tr", { children: [
+								/* @__PURE__ */ require_jsx_runtime.jsx("th", { children: "Namespace / consumer" }),
+								/* @__PURE__ */ require_jsx_runtime.jsx("th", {
+									className: "numeric",
+									children: "CPU usage / requests"
+								}),
+								/* @__PURE__ */ require_jsx_runtime.jsx("th", {
+									className: "numeric",
+									children: "Memory usage / requests"
+								}),
+								/* @__PURE__ */ require_jsx_runtime.jsx("th", { children: "Unscheduled requests" })
+							] }) }),
+							/* @__PURE__ */ require_jsx_runtime.jsx("tbody", { children: (groupMode === "namespace" ? [...new Set(filtered.map((group) => group.namespace))] : [""]).map((namespace) => /* @__PURE__ */ require_jsx_runtime.jsx(NamespaceRows, {
+								namespace,
+								groups: namespace ? filtered.filter((group) => group.namespace === namespace) : filtered,
+								clusterId: data?.clusterId ?? "",
+								usage: projected?.usage ?? [],
+								open: !namespace || namespacesOpen.includes(namespace),
+								toggleNamespace: () => setNamespacesOpen((items) => items.includes(namespace) ? items.filter((item) => item !== namespace) : [...items, namespace]),
+								expanded,
+								toggleGroup: (key) => setExpanded((items) => items.includes(key) ? items.filter((item) => item !== key) : [...items, key])
+							}, namespace)) })
+						]
+					})
+				}),
+				!filtered.length && (!data.pods ? /* @__PURE__ */ require_jsx_runtime.jsx("p", {
+					className: "diagnostics-empty",
+					children: "Pod inventory unavailable"
+				}) : filter ? /* @__PURE__ */ require_jsx_runtime.jsx("p", {
+					className: "diagnostics-empty",
+					children: "No consumers match this filter"
+				}) : needsAttention && groups.length ? /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+					className: `diagnostics-empty attention-empty ${groups.every((group) => consumerStatus(group.pods).tone === "healthy") ? "all-ready" : "readiness-unconfirmed"}`,
+					children: [
+						/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, {
+							material: groups.every((group) => consumerStatus(group.pods).tone === "healthy") ? "check_circle_outline" : "info_outline",
+							size: 22
+						}),
+						/* @__PURE__ */ require_jsx_runtime.jsx("strong", { children: groups.every((group) => consumerStatus(group.pods).tone === "healthy") ? "All consumers are ready" : "No known issues" }),
+						/* @__PURE__ */ require_jsx_runtime.jsx("small", { children: groups.every((group) => consumerStatus(group.pods).tone === "healthy") ? "No pending pods or known failures in this snapshot." : "Unconfirmed readiness is not treated as a failure. Show all consumers to inspect them." }),
+						/* @__PURE__ */ require_jsx_runtime.jsx("button", {
+							type: "button",
+							onClick: () => setNeedsAttention(false),
+							children: "Show all consumers"
+						})
+					]
+				}) : /* @__PURE__ */ require_jsx_runtime.jsx("p", {
+					className: "diagnostics-empty",
+					children: "No consumers available"
+				}))
 			] }),
-			tab === "Timeline" && /* @__PURE__ */ require_jsx_runtime.jsxs(require_jsx_runtime.Fragment, { children: [
+			tab === "Timeline" && data && /* @__PURE__ */ require_jsx_runtime.jsxs(require_jsx_runtime.Fragment, { children: [
 				/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
-					className: "toolbar",
+					className: "toolbar timeline-toolbar",
 					children: [
 						/* @__PURE__ */ require_jsx_runtime.jsxs("label", { children: [
 							"Application",
 							" ",
-							/* @__PURE__ */ require_jsx_runtime.jsxs("select", {
-								"aria-label": "Timeline application",
-								value: selected,
-								onChange: (event) => setSelected(event.target.value),
-								children: [/* @__PURE__ */ require_jsx_runtime.jsx("option", {
+							/* @__PURE__ */ require_jsx_runtime.jsx(DiagnosticsSelect, {
+								label: "Timeline application",
+								value: selectionAvailable ? selected : "",
+								onChange: setSelected,
+								options: [{
 									value: "",
-									children: "Select a workload or standalone pod"
-								}), applications.map((group) => /* @__PURE__ */ require_jsx_runtime.jsxs("option", {
+									label: "All applications"
+								}, ...applications.map((group) => ({
 									value: groupKey(group),
-									children: [
-										group.namespace,
-										" / ",
-										group.kind,
-										" / ",
-										group.name
-									]
-								}, groupKey(group)))]
+									label: `${group.namespace} / ${group.kind} / ${group.name}`
+								}))]
 							})
 						] }),
-						/* @__PURE__ */ require_jsx_runtime.jsx("input", {
-							"aria-label": "Filter timeline reason",
-							placeholder: "Reason or message",
-							value: reason,
-							onChange: (event) => setReason(event.target.value)
+						/* @__PURE__ */ require_jsx_runtime.jsxs("label", {
+							className: "search-field",
+							children: ["Search events", /* @__PURE__ */ require_jsx_runtime.jsx("span", {
+								className: "diagnostics-input",
+								children: /* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Input, {
+									"aria-label": "Filter timeline reason",
+									placeholder: "Reason or message",
+									value: reason,
+									onChange: setReason
+								})
+							})]
 						}),
-						/* @__PURE__ */ require_jsx_runtime.jsxs("label", { children: [/* @__PURE__ */ require_jsx_runtime.jsx("input", {
-							type: "checkbox",
-							checked: warningOnly,
-							onChange: (event) => setWarningOnly(event.target.checked)
-						}), "Warnings only"] })
+						/* @__PURE__ */ require_jsx_runtime.jsx("div", {
+							className: "warning-filter",
+							children: /* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Checkbox, {
+								label: "Warnings only",
+								value: warningOnly,
+								onChange: setWarningOnly
+							})
+						})
 					]
 				}),
-				/* @__PURE__ */ require_jsx_runtime.jsx("p", { children: "Kubernetes events have limited retention. Observed changes begin with this open view, retain at most 300 entries, and have unknown transition times between snapshots. Related identities observed in this view are retained for at most 100 applications and 500 identities per application; older identity coverage can be incomplete." }),
-				/* @__PURE__ */ require_jsx_runtime.jsxs("table", { children: [/* @__PURE__ */ require_jsx_runtime.jsx("thead", { children: /* @__PURE__ */ require_jsx_runtime.jsxs("tr", { children: [
-					/* @__PURE__ */ require_jsx_runtime.jsx("th", { children: "Time / certainty" }),
-					/* @__PURE__ */ require_jsx_runtime.jsx("th", { children: "Reason" }),
-					/* @__PURE__ */ require_jsx_runtime.jsx("th", { children: "Evidence" })
-				] }) }), /* @__PURE__ */ require_jsx_runtime.jsx("tbody", { children: timeline.map((entry) => /* @__PURE__ */ require_jsx_runtime.jsxs("tr", { children: [
-					/* @__PURE__ */ require_jsx_runtime.jsxs("td", { children: [entry.time ? new Date(entry.time).toLocaleString([], { hourCycle: "h23" }) : "Time unknown", /* @__PURE__ */ require_jsx_runtime.jsxs("small", { children: [
-						entry.certainty,
-						", count ",
-						entry.count,
-						entry.firstTime ? `, first ${new Date(entry.firstTime).toLocaleString([], { hourCycle: "h23" })}` : ""
-					] })] }),
-					/* @__PURE__ */ require_jsx_runtime.jsx("td", { children: entry.reason }),
-					/* @__PURE__ */ require_jsx_runtime.jsxs("td", { children: [
-						entry.message,
-						(() => {
-							const object = entry.objectUid ? projected?.objects.get(entry.objectUid) : void 0;
-							return object && data ? /* @__PURE__ */ require_jsx_runtime.jsxs("button", {
-								type: "button",
-								title: "Open exact resource details",
-								onClick: () => openResource(object, data.clusterId),
-								children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, { material: "open_in_new" }), "Open resource"]
-							}) : null;
-						})(),
-						/* @__PURE__ */ require_jsx_runtime.jsx("small", { children: entry.gap })
-					] })
-				] }, entry.id)) })] }),
-				!timeline.length && /* @__PURE__ */ require_jsx_runtime.jsx("p", { children: application ? "No matching retained events or observed changes" : "Select an application to inspect its exact resource identities" })
+				/* @__PURE__ */ require_jsx_runtime.jsxs("details", {
+					className: "diagnostics-explainer",
+					children: [/* @__PURE__ */ require_jsx_runtime.jsx("summary", { children: "Timeline coverage and timing" }), /* @__PURE__ */ require_jsx_runtime.jsx("p", { children: "Kubernetes events have limited retention. Observed changes begin with this open view, retain at most 300 entries, and have unknown transition times between snapshots. Related identities observed in this view are retained for at most 100 applications and 500 identities per application; older identity coverage can be incomplete." })]
+				}),
+				/* @__PURE__ */ require_jsx_runtime.jsx("div", {
+					className: "timeline-legend",
+					"aria-label": "Event types",
+					children: [
+						"Warning",
+						"Rollout",
+						"Restart",
+						"Readiness",
+						"Kubernetes event",
+						"Observed change"
+					].map((label) => /* @__PURE__ */ require_jsx_runtime.jsx("span", {
+						className: `timeline-type ${eventCategory(label)}`,
+						children: label
+					}, label))
+				}),
+				/* @__PURE__ */ require_jsx_runtime.jsx("ol", {
+					className: "diagnostics-timeline",
+					"aria-label": "Workload event timeline",
+					children: timeline.map((entry) => {
+						const kind = eventCategory(entry.reason);
+						const category = warningIds.has(entry.id) ? "warning" : kind === "event" && entry.certainty === "observed" ? "observed" : kind;
+						const label = category === "warning" ? "Warning" : category === "rollout" ? "Rollout" : category === "restart" ? "Restart" : category === "readiness" ? "Readiness" : entry.certainty === "observed" ? "Observed change" : "Kubernetes event";
+						const object = entry.objectUid ? projected?.objects.get(entry.objectUid) : void 0;
+						const reference = eventReferences.get(entry.id);
+						const referenceKind = object?.kind ?? reference?.kind;
+						const metadata = object?.metadata ?? reference;
+						return /* @__PURE__ */ require_jsx_runtime.jsxs("li", {
+							className: `timeline-entry ${category}`,
+							children: [/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+								className: "timeline-time",
+								children: [entry.time ? /* @__PURE__ */ require_jsx_runtime.jsx("time", {
+									dateTime: entry.time,
+									children: require_date_time.formatDateTime(entry.time)
+								}) : "Time unknown", /* @__PURE__ */ require_jsx_runtime.jsx("small", { children: entry.certainty === "observed" ? "Observed at snapshot" : "Kubernetes event time" })]
+							}), /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+								className: "timeline-content",
+								children: [
+									object && data && /* @__PURE__ */ require_jsx_runtime.jsx("button", {
+										type: "button",
+										className: "timeline-resource-action",
+										"aria-label": "Open resource",
+										title: `Open ${object.kind ?? "Pod"} ${object.metadata.namespace} / ${object.metadata.name}`,
+										onClick: (event) => openResource(object, data.clusterId, event),
+										children: /* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, { material: "open_in_new" })
+									}),
+									/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+										className: "timeline-card-heading",
+										children: [
+											" ",
+											/* @__PURE__ */ require_jsx_runtime.jsx("span", {
+												className: `timeline-type ${category}`,
+												children: label
+											}),
+											/* @__PURE__ */ require_jsx_runtime.jsx("h4", { children: entry.reason }),
+											/* @__PURE__ */ require_jsx_runtime.jsxs("small", {
+												className: "timeline-resource-identity",
+												children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, {
+													material: referenceKind === "Pod" ? "view_in_ar" : "account_tree",
+													size: 12
+												}), metadata?.name ? `${metadata.namespace ?? "Namespace unknown"} / ${referenceKind ?? "Resource"} / ${metadata.name}` : "Resource identity unavailable"]
+											})
+										]
+									}),
+									/* @__PURE__ */ require_jsx_runtime.jsx("p", { children: entry.message }),
+									/* @__PURE__ */ require_jsx_runtime.jsxs("small", { children: [
+										entry.certainty === "reported" ? "Reported" : entry.certainty === "observed" ? "Observed" : "Unknown",
+										" ",
+										"· Count ",
+										entry.count,
+										entry.firstTime ? ` · First ${require_date_time.formatDateTime(entry.firstTime)}` : ""
+									] }),
+									entry.gap && /* @__PURE__ */ require_jsx_runtime.jsx("small", { children: entry.gap })
+								]
+							})]
+						}, entry.id);
+					})
+				}),
+				!timeline.length && /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+					className: "diagnostics-empty",
+					children: [/* @__PURE__ */ require_jsx_runtime.jsx("p", { children: warningOnly ? "No retained warning events match these filters" : "No retained events or observed changes match these filters" }), warningOnly && /* @__PURE__ */ require_jsx_runtime.jsx("button", {
+						type: "button",
+						onClick: () => setWarningOnly(false),
+						children: "Show all events"
+					})]
+				})
 			] }),
-			tab === "Pending" && /* @__PURE__ */ require_jsx_runtime.jsxs(require_jsx_runtime.Fragment, { children: [/* @__PURE__ */ require_jsx_runtime.jsxs("label", { children: [
+			tab === "Pending" && data && /* @__PURE__ */ require_jsx_runtime.jsxs(require_jsx_runtime.Fragment, { children: [/* @__PURE__ */ require_jsx_runtime.jsxs("label", { children: [
 				"Pending pod",
 				" ",
-				/* @__PURE__ */ require_jsx_runtime.jsxs("select", {
-					"aria-label": "Pending pod",
+				/* @__PURE__ */ require_jsx_runtime.jsx(DiagnosticsSelect, {
+					label: "Pending pod",
 					value: pendingUid,
-					onChange: (event) => setPendingUid(event.target.value),
-					children: [/* @__PURE__ */ require_jsx_runtime.jsx("option", {
+					onChange: setPendingUid,
+					options: [{
 						value: "",
-						children: "Select a pod"
-					}), pending.map((pod) => /* @__PURE__ */ require_jsx_runtime.jsxs("option", {
-						value: pod.metadata.uid,
-						children: [
-							pod.metadata.namespace,
-							" / ",
-							pod.metadata.name
-						]
-					}, pod.metadata.uid))]
+						label: "Select a pod"
+					}, ...pending.map((pod) => ({
+						value: pod.metadata.uid ?? "",
+						label: `${pod.metadata.namespace} / ${pod.metadata.name}`
+					}))]
 				})
 			] }), selectedPod && diagnosis ? /* @__PURE__ */ require_jsx_runtime.jsxs(require_jsx_runtime.Fragment, { children: [
-				/* @__PURE__ */ require_jsx_runtime.jsx("h3", { children: diagnosis.state === "assigned-waiting" ? "Assigned and waiting" : "Unscheduled" }),
-				/* @__PURE__ */ require_jsx_runtime.jsxs("p", { children: [
-					"Requested CPU: ",
-					podRequest(selectedPod, "cpu"),
-					" · Requested memory: ",
-					podRequest(selectedPod, "memory")
-				] }),
-				/* @__PURE__ */ require_jsx_runtime.jsxs("p", { children: [
-					"Node selector:",
-					" ",
-					Object.entries(selectedPod.spec?.nodeSelector ?? {}).map(([key, value]) => `${key}=${value}`).join(", ") || "None"
-				] }),
-				/* @__PURE__ */ require_jsx_runtime.jsxs("p", { children: [
-					"Tolerations:",
-					" ",
-					(selectedPod.spec?.tolerations ?? []).map((item) => `${item.key || "all keys"} ${item.operator ?? "Equal"}${item.value ? ` ${item.value}` : ""} (${item.effect || "all effects"})`).join(", ") || "None"
-				] }),
-				/* @__PURE__ */ require_jsx_runtime.jsxs("p", { children: [
-					"Required node affinity:",
-					" ",
-					selectedPod.spec?.affinity?.nodeAffinity?.requiredDuringSchedulingIgnoredDuringExecution ? JSON.stringify(selectedPod.spec.affinity.nodeAffinity.requiredDuringSchedulingIgnoredDuringExecution).slice(0, 2e3) : "None"
-				] }),
-				/* @__PURE__ */ require_jsx_runtime.jsxs("button", {
-					type: "button",
-					title: "Open pod details",
-					onClick: () => openResource(selectedPod, data.clusterId),
-					children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, { material: "open_in_new" }), "Open pod"]
+				/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+					className: `pending-heading ${consumerStatus([selectedPod]).tone}`,
+					children: [
+						/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+							className: "pending-title-row",
+							children: [/* @__PURE__ */ require_jsx_runtime.jsxs("div", { children: [/* @__PURE__ */ require_jsx_runtime.jsxs("strong", { children: [
+								selectedPod.metadata.namespace,
+								" / ",
+								selectedPod.metadata.name
+							] }), /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+								className: "pending-state-row",
+								children: [/* @__PURE__ */ require_jsx_runtime.jsx("h3", { children: diagnosis.state === "assigned-waiting" ? "Assigned and waiting" : "Unscheduled" }), consumerStatus([selectedPod]).tone === "error" && /* @__PURE__ */ require_jsx_runtime.jsx(ConsumerStatus, { pods: [selectedPod] })]
+							})] }), /* @__PURE__ */ require_jsx_runtime.jsxs("button", {
+								className: "pending-open-action",
+								type: "button",
+								title: "Open pod details",
+								onClick: (event) => openResource(selectedPod, data.clusterId, event),
+								children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, {
+									material: "open_in_new",
+									size: 15
+								}), "Open pod"]
+							})]
+						}),
+						/* @__PURE__ */ require_jsx_runtime.jsx("p", { children: diagnosis.state === "assigned-waiting" ? "A node is assigned. Check pod conditions and events for startup or storage issues." : "No node is assigned. Start with scheduler events, then inspect constraints." }),
+						/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+							className: "pending-request-badges",
+							children: [/* @__PURE__ */ require_jsx_runtime.jsxs("span", { children: [
+								/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, {
+									material: "memory",
+									size: 14
+								}),
+								"CPU request ",
+								/* @__PURE__ */ require_jsx_runtime.jsx("strong", { children: podRequest(selectedPod, "cpu") })
+							] }), /* @__PURE__ */ require_jsx_runtime.jsxs("span", { children: [
+								/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, {
+									material: "storage",
+									size: 14
+								}),
+								"Memory request ",
+								/* @__PURE__ */ require_jsx_runtime.jsx("strong", { children: podRequest(selectedPod, "memory") })
+							] })]
+						})
+					]
+				}),
+				/* @__PURE__ */ require_jsx_runtime.jsxs("details", {
+					className: "diagnostics-explainer",
+					children: [
+						/* @__PURE__ */ require_jsx_runtime.jsx("summary", { children: "Scheduling constraints and pod conditions" }),
+						/* @__PURE__ */ require_jsx_runtime.jsxs("p", { children: [
+							"Node selector:",
+							" ",
+							Object.entries(selectedPod.spec?.nodeSelector ?? {}).map(([key, value]) => `${key}=${value}`).join(", ") || "None"
+						] }),
+						/* @__PURE__ */ require_jsx_runtime.jsxs("p", { children: [
+							"Tolerations:",
+							" ",
+							(selectedPod.spec?.tolerations ?? []).map((item) => `${item.key || "all keys"} ${item.operator ?? "Equal"}${item.value ? ` ${item.value}` : ""} (${item.effect || "all effects"})`).join(", ") || "None"
+						] }),
+						/* @__PURE__ */ require_jsx_runtime.jsxs("p", { children: [
+							"Required node affinity:",
+							" ",
+							selectedPod.spec?.affinity?.nodeAffinity?.requiredDuringSchedulingIgnoredDuringExecution ? JSON.stringify(selectedPod.spec.affinity.nodeAffinity.requiredDuringSchedulingIgnoredDuringExecution).slice(0, 2e3) : "None"
+						] }),
+						/* @__PURE__ */ require_jsx_runtime.jsx("p", { children: selectedPod.status?.conditions?.map((condition) => `${condition.type}: ${condition.status}${condition.message ? ` (${condition.message})` : ""}`).join(" · ") })
+					]
+				}),
+				/* @__PURE__ */ require_jsx_runtime.jsx("h3", { children: "Scheduling evidence" }),
+				/* @__PURE__ */ require_jsx_runtime.jsx("div", {
+					className: "diagnostics-table",
+					children: /* @__PURE__ */ require_jsx_runtime.jsxs("table", {
+						className: "evidence-table",
+						children: [
+							/* @__PURE__ */ require_jsx_runtime.jsxs("colgroup", { children: [
+								/* @__PURE__ */ require_jsx_runtime.jsx("col", { className: "evidence-source" }),
+								/* @__PURE__ */ require_jsx_runtime.jsx("col", { className: "evidence-node" }),
+								/* @__PURE__ */ require_jsx_runtime.jsx("col", { className: "evidence-finding" })
+							] }),
+							/* @__PURE__ */ require_jsx_runtime.jsx("thead", { children: /* @__PURE__ */ require_jsx_runtime.jsxs("tr", { children: [
+								/* @__PURE__ */ require_jsx_runtime.jsx("th", { children: "Evidence source" }),
+								/* @__PURE__ */ require_jsx_runtime.jsx("th", { children: "Node" }),
+								/* @__PURE__ */ require_jsx_runtime.jsx("th", { children: "Finding" })
+							] }) }),
+							/* @__PURE__ */ require_jsx_runtime.jsx("tbody", { children: diagnosis.evidence.map((entry, index) => /* @__PURE__ */ require_jsx_runtime.jsxs("tr", { children: [
+								/* @__PURE__ */ require_jsx_runtime.jsxs("td", { children: [/* @__PURE__ */ require_jsx_runtime.jsxs("span", {
+									className: `evidence-badge ${entry.source === "event" ? "reported" : "inferred"}`,
+									children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, {
+										material: entry.source === "event" ? "receipt_long" : "rule",
+										size: 13
+									}), entry.source === "event" ? "Reported" : "Inferred"]
+								}), /* @__PURE__ */ require_jsx_runtime.jsx("small", { children: entry.source === "event" ? "Reported Kubernetes event" : "Local hard constraint" })] }),
+								/* @__PURE__ */ require_jsx_runtime.jsx("td", { children: entry.node ?? "—" }),
+								/* @__PURE__ */ require_jsx_runtime.jsx("td", { children: entry.message })
+							] }, `${entry.node}/${index}`)) })
+						]
+					})
 				}),
-				/* @__PURE__ */ require_jsx_runtime.jsx("p", { children: selectedPod.status?.conditions?.map((condition) => `${condition.type}: ${condition.status}${condition.message ? ` (${condition.message})` : ""}`).join(" · ") }),
-				/* @__PURE__ */ require_jsx_runtime.jsxs("table", { children: [/* @__PURE__ */ require_jsx_runtime.jsx("thead", { children: /* @__PURE__ */ require_jsx_runtime.jsxs("tr", { children: [
-					/* @__PURE__ */ require_jsx_runtime.jsx("th", { children: "Evidence source" }),
-					/* @__PURE__ */ require_jsx_runtime.jsx("th", { children: "Node" }),
-					/* @__PURE__ */ require_jsx_runtime.jsx("th", { children: "Finding" })
-				] }) }), /* @__PURE__ */ require_jsx_runtime.jsx("tbody", { children: diagnosis.evidence.map((entry, index) => /* @__PURE__ */ require_jsx_runtime.jsxs("tr", { children: [
-					/* @__PURE__ */ require_jsx_runtime.jsx("td", { children: entry.source === "event" ? "Reported Kubernetes event" : "Local hard constraint" }),
-					/* @__PURE__ */ require_jsx_runtime.jsx("td", { children: entry.node ?? "—" }),
-					/* @__PURE__ */ require_jsx_runtime.jsx("td", { children: entry.message })
-				] }, `${entry.node}/${index}`)) })] }),
 				!diagnosis.evidence.length && /* @__PURE__ */ require_jsx_runtime.jsx("p", { children: "No retained evidence is available for this pod" }),
-				diagnosis.limitations.map((message) => /* @__PURE__ */ require_jsx_runtime.jsx("p", { children: message }, message))
-			] }) : /* @__PURE__ */ require_jsx_runtime.jsx("p", { children: pending.length ? "Select a pending pod" : "No pending pods available" })] })
+				/* @__PURE__ */ require_jsx_runtime.jsxs("details", {
+					className: "diagnostics-explainer",
+					children: [/* @__PURE__ */ require_jsx_runtime.jsx("summary", { children: "What this diagnosis can establish" }), diagnosis.limitations.map((message) => /* @__PURE__ */ require_jsx_runtime.jsx("p", { children: message }, message))]
+				})
+			] }) : /* @__PURE__ */ require_jsx_runtime.jsx("p", {
+				className: "diagnostics-empty",
+				children: !data.pods ? "Pod inventory unavailable. Check cluster access before investigating pending pods." : pending.length ? "Select a pending pod to see scheduling evidence and requests" : "No pending pods in this snapshot"
+			})] })
 		]
 	});
 }
-function ConsumerRows({ group, clusterId, expanded, toggle, usage, viewHistory }) {
-	return /* @__PURE__ */ require_jsx_runtime.jsxs(require_jsx_runtime.Fragment, { children: [/* @__PURE__ */ require_jsx_runtime.jsxs("tr", { children: [
-		/* @__PURE__ */ require_jsx_runtime.jsxs("td", { children: [
-			/* @__PURE__ */ require_jsx_runtime.jsxs("button", {
-				type: "button",
-				title: expanded ? "Collapse pods" : "Expand pods",
-				"aria-expanded": expanded,
-				onClick: toggle,
-				children: [
-					/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, { material: expanded ? "expand_less" : "expand_more" }),
-					group.namespace,
-					" / ",
-					group.kind,
-					" / ",
-					group.name
-				]
+function ConsumerRows({ group, clusterId, expanded, toggle, usage, depth }) {
+	return /* @__PURE__ */ require_jsx_runtime.jsxs(require_jsx_runtime.Fragment, { children: [/* @__PURE__ */ require_jsx_runtime.jsxs("tr", {
+		className: `consumer-workload-row consumer-depth-${depth} consumer-tone-${consumerStatus(group.pods).tone}`,
+		"data-row-depth": depth,
+		children: [
+			/* @__PURE__ */ require_jsx_runtime.jsx("td", { children: /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+				className: "consumer-identity-row",
+				children: [/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+					className: "consumer-identity-main",
+					children: [/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+						className: "consumer-title-line",
+						children: [group.ownerResolved && resources[group.kind] && group.name !== "Unknown" ? /* @__PURE__ */ require_jsx_runtime.jsxs("button", {
+							className: "consumer-resource-link",
+							type: "button",
+							title: `Open ${group.kind} ${group.namespace} / ${group.name}`,
+							onClick: (event) => openResource({
+								kind: group.kind,
+								metadata: {
+									uid: group.identity,
+									namespace: group.namespace,
+									name: group.name
+								}
+							}, clusterId, event),
+							children: [group.name, /* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, {
+								material: "open_in_new",
+								size: 13
+							})]
+						}) : /* @__PURE__ */ require_jsx_runtime.jsx("span", {
+							className: "consumer-identity-label",
+							children: group.name
+						}), /* @__PURE__ */ require_jsx_runtime.jsx(ConsumerStatus, { pods: group.pods })]
+					}), /* @__PURE__ */ require_jsx_runtime.jsxs("small", {
+						className: "consumer-subtitle",
+						children: [
+							/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, {
+								material: "folder_open",
+								size: 12
+							}),
+							group.namespace,
+							/* @__PURE__ */ require_jsx_runtime.jsx("span", { children: "·" }),
+							/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, {
+								material: group.kind === "Pod" ? "view_in_ar" : "account_tree",
+								size: 12
+							}),
+							group.kind,
+							/* @__PURE__ */ require_jsx_runtime.jsx("span", { children: "·" }),
+							group.pods.length,
+							" pods",
+							group.ownerResolved ? "" : " · Owner chain incomplete"
+						]
+					})]
+				}), /* @__PURE__ */ require_jsx_runtime.jsx("div", {
+					className: "consumer-row-actions",
+					children: /* @__PURE__ */ require_jsx_runtime.jsx("span", {
+						className: "consumer-expand-slot",
+						children: /* @__PURE__ */ require_jsx_runtime.jsx("button", {
+							className: "consumer-expand",
+							type: "button",
+							title: expanded ? "Collapse pods" : "Expand pods",
+							"aria-label": `${expanded ? "Collapse" : "Expand"} pods for ${group.name}`,
+							"aria-expanded": expanded,
+							onClick: toggle,
+							children: /* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, { material: expanded ? "expand_less" : "expand_more" })
+						})
+					})
+				})]
+			}) }),
+			/* @__PURE__ */ require_jsx_runtime.jsx("td", {
+				className: "numeric",
+				children: /* @__PURE__ */ require_jsx_runtime.jsx(ResourceCell, {
+					summary: group.cpu,
+					metric: "cpu"
+				})
 			}),
-			/* @__PURE__ */ require_jsx_runtime.jsxs("small", { children: [
-				group.pods.length,
-				" pods",
-				group.ownerResolved ? "" : " · Owner chain incomplete"
-			] }),
-			/* @__PURE__ */ require_jsx_runtime.jsx(TrackButton, { identity: {
-				clusterId,
-				scope: group.kind === "Pod" ? "pod" : "workload",
-				uid: group.identity
-			} }),
-			/* @__PURE__ */ require_jsx_runtime.jsxs("button", {
-				type: "button",
-				title: "View resource history",
-				onClick: () => viewHistory(groupKey(group)),
-				children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, { material: "timeline" }), "View history"]
+			/* @__PURE__ */ require_jsx_runtime.jsx("td", {
+				className: "numeric",
+				children: /* @__PURE__ */ require_jsx_runtime.jsx(ResourceCell, {
+					summary: group.memory,
+					metric: "memory"
+				})
+			}),
+			/* @__PURE__ */ require_jsx_runtime.jsx("td", {
+				className: "numeric",
+				children: /* @__PURE__ */ require_jsx_runtime.jsx(UnscheduledCell, {
+					cpu: group.cpu,
+					memory: group.memory
+				})
 			})
-		] }),
-		/* @__PURE__ */ require_jsx_runtime.jsx("td", { children: summaryText(group.cpu, "cpu") }),
-		/* @__PURE__ */ require_jsx_runtime.jsx("td", { children: summaryText(group.memory, "memory") }),
-		/* @__PURE__ */ require_jsx_runtime.jsxs("td", { children: [
-			unscheduledText(group.cpu, "cpu"),
-			" / ",
-			unscheduledText(group.memory, "memory")
-		] })
-	] }), expanded && group.pods.map((pod) => /* @__PURE__ */ require_jsx_runtime.jsxs("tr", { children: [
-		/* @__PURE__ */ require_jsx_runtime.jsxs("td", { children: [
-			/* @__PURE__ */ require_jsx_runtime.jsxs("button", {
-				type: "button",
-				title: "Open pod details",
-				onClick: () => openResource(pod, clusterId),
-				children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, { material: "open_in_new" }), pod.metadata.name]
+		]
+	}), expanded && group.pods.map((pod) => /* @__PURE__ */ require_jsx_runtime.jsxs("tr", {
+		className: `consumer-pod-row consumer-depth-${depth + 1} consumer-tone-${consumerStatus([pod]).tone}`,
+		"data-row-depth": depth + 1,
+		children: [
+			/* @__PURE__ */ require_jsx_runtime.jsx("td", { children: /* @__PURE__ */ require_jsx_runtime.jsx("div", {
+				className: "consumer-identity-row",
+				children: /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+					className: "consumer-identity-main",
+					children: [/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+						className: "consumer-title-line",
+						children: [/* @__PURE__ */ require_jsx_runtime.jsxs("button", {
+							className: "consumer-resource-link",
+							type: "button",
+							title: "Open pod details",
+							onClick: (event) => openResource(pod, clusterId, event),
+							children: [
+								/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, {
+									material: "view_in_ar",
+									size: 14
+								}),
+								pod.metadata.name,
+								/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, {
+									material: "open_in_new",
+									size: 12
+								})
+							]
+						}), /* @__PURE__ */ require_jsx_runtime.jsx(ConsumerStatus, { pods: [pod] })]
+					}), /* @__PURE__ */ require_jsx_runtime.jsxs("small", {
+						className: "consumer-subtitle",
+						children: [
+							pod.status?.phase ?? "Unknown",
+							/* @__PURE__ */ require_jsx_runtime.jsx("span", { children: "·" }),
+							pod.spec?.nodeName ? `Node ${pod.spec.nodeName}` : "No node assigned"
+						]
+					})]
+				})
+			}) }),
+			/* @__PURE__ */ require_jsx_runtime.jsx("td", {
+				className: "numeric",
+				children: /* @__PURE__ */ require_jsx_runtime.jsx(ResourceCell, {
+					summary: podResourceGroup(pod, usage).cpu,
+					metric: "cpu"
+				})
 			}),
-			" ",
-			pod.metadata.uid && /* @__PURE__ */ require_jsx_runtime.jsx(TrackButton, { identity: {
-				clusterId,
-				scope: "pod",
-				uid: pod.metadata.uid
-			} }),
-			pod.status?.phase ?? "Unknown",
-			" ·",
-			" ",
-			pod.spec?.nodeName ? `Assigned to ${pod.spec.nodeName}` : "Unscheduled"
-		] }),
-		/* @__PURE__ */ require_jsx_runtime.jsx("td", { children: podSummary(pod, usage, "cpu") }),
-		/* @__PURE__ */ require_jsx_runtime.jsx("td", { children: podSummary(pod, usage, "memory") }),
-		/* @__PURE__ */ require_jsx_runtime.jsx("td", { children: pod.spec?.nodeName ? "—" : "Included above" })
-	] }, pod.metadata.uid))] });
-}
-function TrackButton({ identity }) {
-	const preferences = require_monitoring_preferences_store.MonitoringPreferencesStore.getInstanceOrCreate();
-	const [, update] = require__global_external_react.useState(0);
-	require__global_external_react.useEffect(() => require__global_external_mobx.reaction(() => [preferences.historyEnabled, require_monitoring_history_collection.isHistoryTracked(identity)], () => update((value) => value + 1)), [
-		identity.clusterId,
-		identity.scope,
-		identity.uid,
-		preferences
-	]);
-	const tracked = require_monitoring_history_collection.isHistoryTracked(identity);
-	return /* @__PURE__ */ require_jsx_runtime.jsxs("button", {
-		type: "button",
-		disabled: !preferences.historyEnabled,
-		title: preferences.historyEnabled ? "Track numeric resource history locally" : "Enable local history in extension preferences",
-		"aria-pressed": tracked,
-		onClick: () => {
-			if (activeId() !== identity.clusterId || !preferences.historyEnabled) return;
-			require_monitoring_history_collection.setHistoryTracked(identity, !tracked);
-			update((value) => value + 1);
-		},
-		children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, { material: tracked ? "visibility" : "visibility_off" }), tracked ? "Stop tracking" : "Track history"]
-	});
+			/* @__PURE__ */ require_jsx_runtime.jsx("td", {
+				className: "numeric",
+				children: /* @__PURE__ */ require_jsx_runtime.jsx(ResourceCell, {
+					summary: podResourceGroup(pod, usage).memory,
+					metric: "memory"
+				})
+			}),
+			/* @__PURE__ */ require_jsx_runtime.jsx("td", {
+				className: "numeric",
+				children: /* @__PURE__ */ require_jsx_runtime.jsx("span", {
+					className: "unscheduled-empty",
+					title: pod.spec?.nodeName ? "No unscheduled requests" : "Unscheduled requests are included in the workload total",
+					children: pod.spec?.nodeName ? "—" : "Included above"
+				})
+			})
+		]
+	}, pod.metadata.uid))] });
 }
 function podRequest(pod, metric) {
 	try {
@@ -546,15 +980,7 @@ function podRequest(pod, metric) {
 		return "Unavailable";
 	}
 }
-function podSummary(pod, usage, metric) {
-	let request;
-	try {
-		request = require_resource_diagnostics.effectivePodResource(pod, metric);
-	} catch {}
-	const value = usage.find((item) => item.uid === pod.metadata.uid)?.[metric];
-	return `${resourceText(value, metric)}, requests ${resourceText(request, metric)}${value !== void 0 && request ? `, ${(value / request * 100).toFixed(0)}% of requests` : ", ratio unavailable"}`;
-}
-function NamespaceRows({ namespace, groups, clusterId, usage, open, toggleNamespace, expanded, toggleGroup, viewHistory }) {
+function NamespaceRows({ namespace, groups, clusterId, usage, open, toggleNamespace, expanded, toggleGroup }) {
 	const sum = (metric) => groups.reduce((total, group) => {
 		const next = group[metric];
 		return {
@@ -574,74 +1000,101 @@ function NamespaceRows({ namespace, groups, clusterId, usage, open, toggleNamesp
 		totalPods: 0,
 		unknownRequestPods: 0
 	});
-	return /* @__PURE__ */ require_jsx_runtime.jsxs(require_jsx_runtime.Fragment, { children: [namespace && /* @__PURE__ */ require_jsx_runtime.jsxs("tr", { children: [
-		/* @__PURE__ */ require_jsx_runtime.jsxs("td", { children: [/* @__PURE__ */ require_jsx_runtime.jsxs("button", {
-			type: "button",
-			title: "Expand namespace workloads",
-			"aria-expanded": open,
-			onClick: toggleNamespace,
-			children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, { material: open ? "expand_less" : "expand_more" }), namespace]
-		}), /* @__PURE__ */ require_jsx_runtime.jsxs("small", { children: [groups.length, " consumers"] })] }),
-		/* @__PURE__ */ require_jsx_runtime.jsx("td", { children: summaryText(sum("cpu"), "cpu") }),
-		/* @__PURE__ */ require_jsx_runtime.jsx("td", { children: summaryText(sum("memory"), "memory") }),
-		/* @__PURE__ */ require_jsx_runtime.jsxs("td", { children: [
-			unscheduledText(sum("cpu"), "cpu"),
-			" / ",
-			unscheduledText(sum("memory"), "memory")
-		] })
-	] }), open && groups.map((group) => /* @__PURE__ */ require_jsx_runtime.jsx(ConsumerRows, {
+	return /* @__PURE__ */ require_jsx_runtime.jsxs(require_jsx_runtime.Fragment, { children: [namespace && /* @__PURE__ */ require_jsx_runtime.jsxs("tr", {
+		className: `consumer-namespace-row consumer-depth-0 consumer-tone-${consumerStatus(groups.flatMap((group) => group.pods)).tone}`,
+		"data-row-depth": 0,
+		children: [
+			/* @__PURE__ */ require_jsx_runtime.jsx("td", { children: /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+				className: "consumer-identity-row",
+				children: [/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+					className: "consumer-identity-main",
+					children: [/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+						className: "consumer-title-line",
+						children: [/* @__PURE__ */ require_jsx_runtime.jsxs("span", {
+							className: "namespace-identity",
+							children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, {
+								material: "folder_open",
+								size: 17
+							}), /* @__PURE__ */ require_jsx_runtime.jsx("span", {
+								className: "consumer-identity-label",
+								children: namespace
+							})]
+						}), /* @__PURE__ */ require_jsx_runtime.jsx(ConsumerStatus, { pods: groups.flatMap((group) => group.pods) })]
+					}), /* @__PURE__ */ require_jsx_runtime.jsxs("small", {
+						className: "consumer-subtitle",
+						title: "Resource totals include only consumers shown by the current filters",
+						children: [
+							groups.length,
+							" shown consumers",
+							/* @__PURE__ */ require_jsx_runtime.jsx("span", { children: "·" }),
+							groups.reduce((total, group) => total + group.pods.length, 0),
+							" pods"
+						]
+					})]
+				}), /* @__PURE__ */ require_jsx_runtime.jsx("span", {
+					className: "consumer-expand-slot",
+					children: /* @__PURE__ */ require_jsx_runtime.jsx("button", {
+						className: "consumer-expand",
+						type: "button",
+						title: open ? "Collapse namespace workloads" : "Expand namespace workloads",
+						"aria-label": `${open ? "Collapse" : "Expand"} workloads in ${namespace}`,
+						"aria-expanded": open,
+						onClick: toggleNamespace,
+						children: /* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, { material: open ? "expand_less" : "expand_more" })
+					})
+				})]
+			}) }),
+			/* @__PURE__ */ require_jsx_runtime.jsx("td", {
+				className: "numeric",
+				children: /* @__PURE__ */ require_jsx_runtime.jsx(ResourceCell, {
+					summary: sum("cpu"),
+					metric: "cpu"
+				})
+			}),
+			/* @__PURE__ */ require_jsx_runtime.jsx("td", {
+				className: "numeric",
+				children: /* @__PURE__ */ require_jsx_runtime.jsx(ResourceCell, {
+					summary: sum("memory"),
+					metric: "memory"
+				})
+			}),
+			/* @__PURE__ */ require_jsx_runtime.jsx("td", {
+				className: "numeric",
+				children: /* @__PURE__ */ require_jsx_runtime.jsx(UnscheduledCell, {
+					cpu: sum("cpu"),
+					memory: sum("memory")
+				})
+			})
+		]
+	}), open && groups.map((group) => /* @__PURE__ */ require_jsx_runtime.jsx(ConsumerRows, {
 		group,
+		depth: namespace ? 1 : 0,
 		clusterId,
 		expanded: expanded.includes(groupKey(group)),
 		toggle: () => toggleGroup(groupKey(group)),
-		usage,
-		viewHistory
+		usage
 	}, groupKey(group)))] });
 }
-function ApplicationHistory({ data, group }) {
-	const live = require__global_external_react.useMemo(() => {
-		if (!group || group.cpu.coveredPods !== group.cpu.totalPods || group.memory.coveredPods !== group.memory.totalPods || group.cpu.usage === void 0 || group.memory.usage === void 0) return [];
-		const names = new Set(group.pods.map((pod) => `${pod.metadata.namespace}/${pod.metadata.name}`));
-		const times = (data.podMetrics ?? []).filter((metric) => names.has(`${metric.metadata.namespace}/${metric.metadata.name}`)).map((metric) => Date.parse(metric.timestamp));
-		if (!times.length || times.some((time) => !Number.isFinite(time))) return [];
-		return [{
-			time: Math.min(...times),
-			cpu: group.cpu.usage,
-			memory: group.memory.usage,
-			resources: {
-				cpu: { requests: group.cpu.unknownRequestPods ? void 0 : group.cpu.requests },
-				memory: { requests: group.memory.unknownRequestPods ? void 0 : group.memory.requests }
-			}
-		}];
-	}, [data, group]);
-	const history = require_monitoring_history_view.useMonitoringHistory(group ? {
-		clusterId: data.clusterId,
-		scope: group.kind === "Pod" ? "pod" : "workload",
-		uid: group.identity
-	} : void 0, live);
-	return /* @__PURE__ */ require_jsx_runtime.jsxs("section", {
-		"aria-label": "Application resource history",
-		children: [
-			/* @__PURE__ */ require_jsx_runtime.jsxs("h3", { children: [group?.name ?? "Unavailable application", " resource history"] }),
-			/* @__PURE__ */ require_jsx_runtime.jsx(require_monitoring_history_view.MonitoringHistoryRange, {
-				range: history.range,
-				onChange: history.setRange
-			}),
-			/* @__PURE__ */ require_jsx_runtime.jsx("p", {
-				role: "status",
-				children: history.status
-			}),
-			/* @__PURE__ */ require_jsx_runtime.jsx("p", { children: live.length ? "Live usage includes every current pod; source metric timestamps are used" : "Complete current usage unavailable; missing coverage remains a gap" }),
-			["cpu", "memory"].map((metric) => /* @__PURE__ */ require_jsx_runtime.jsx(require_monitoring.MetricChart, {
-				metric,
-				samples: history.samples,
-				scope: "pod",
-				status: live.length ? "" : "Complete live usage unavailable"
-			}, metric))
-		]
-	});
+function podResourceGroup(pod, usage) {
+	return require_resource_diagnostics.buildConsumerGroups([{
+		...pod,
+		kind: "Pod",
+		metadata: {
+			...pod.metadata,
+			ownerReferences: []
+		}
+	}], [], usage)[0];
+}
+function eventCategory(reason) {
+	if (reason === "Observed change") return "observed";
+	if (reason === "Warning") return "warning";
+	if (["Rollout", "RolloutObserved"].includes(reason)) return "rollout";
+	if (reason === "Restart" || reason.startsWith("Restarts/")) return "restart";
+	if (reason === "Readiness" || reason.startsWith("Readiness/")) return "readiness";
+	return "event";
 }
 //#endregion
 exports.DiagnosticsPage = DiagnosticsPage;
+exports.consumerStatus = consumerStatus;
 
 //# sourceMappingURL=diagnostics.js.map