@64mb/freelens-power 1.2.2 → 1.3.0

package/out/renderer/diagnostics.js

@@ -3,10 +3,15 @@ const require__global_external_mobx = require("./_virtual/_global-external_mobx.
 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_ai_diagnostic_handoff = require("./ai-diagnostic-handoff.js");
 const require_date_time = require("./src/common/date-time.js");
+const require_monitoring_collector = require("./monitoring-collector.js");
 const require_resource_diagnostics = require("./src/common/resource-diagnostics.js");
+const require_timeline_groups = require("./src/common/timeline-groups.js");
+const require_diagnostic_explain_button = require("./diagnostic-explain-button.js");
 const require_diagnostics_css = require("./diagnostics.css.js");
-const require_monitoring_collector = require("./monitoring-collector.js");
+const require_diagnostics_state = require("./diagnostics-state.js");
+const require_incident_copy_button = require("./incident-copy-button.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."],
@@ -86,6 +91,7 @@ function consumerStatus(pods) {
 		"InvalidImageName"
 	]);
 	for (const pod of pods) {
+		if (pod.status?.phase === "Succeeded") continue;
 		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 {
@@ -100,14 +106,18 @@ function consumerStatus(pods) {
 		label: `${pendingCount} Pending`,
 		icon: "hourglass_empty"
 	};
-	if (pods.some((pod) => pod.status?.conditions?.some((condition) => condition.type === "Ready" && condition.status === "False"))) return {
+	if (pods.some((pod) => pod.status?.phase !== "Succeeded" && 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 {
+	if (pods.length && pods.every((pod) => pod.status?.phase === "Succeeded" || pod.status?.phase === "Running" && pod.status.conditions?.some((condition) => condition.type === "Ready" && condition.status === "True"))) return pods.every((pod) => pod.status?.phase === "Succeeded") ? {
 		tone: "healthy",
-		label: "Ready",
+		label: "Completed",
+		icon: "check_circle"
+	} : {
+		tone: "healthy",
+		label: pods.some((pod) => pod.status?.phase === "Succeeded") ? "Ready / Completed" : "Ready",
 		icon: "check_circle_outline"
 	};
 	return {
@@ -209,20 +219,68 @@ function projection(data) {
 	return value;
 }
 function DiagnosticsPage() {
-	const [tab, setTab] = require__global_external_react.useState("Consumers");
+	const initial = require__global_external_react.useRef(require_diagnostics_state.readDiagnosticsState(activeId() ?? "")).current;
+	const scrollContainer = require__global_external_react.useRef(null);
+	const stateCluster = require__global_external_react.useRef(activeId() ?? "");
+	const [tab, setTab] = require__global_external_react.useState(initial.tab);
 	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 [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 [filter, setFilter] = require__global_external_react.useState(initial.filter);
+	const [namespaceScope, setNamespaceScope] = require__global_external_react.useState(initial.namespaceScope);
+	const pendingScroll = require__global_external_react.useRef({
+		clusterId: stateCluster.current,
+		top: initial.scrollTop
+	});
+	const [needsAttention, setNeedsAttention] = require__global_external_react.useState(initial.needsAttention);
+	const [groupMode, setGroupMode] = require__global_external_react.useState(initial.groupMode);
+	const [namespacesOpen, setNamespacesOpen] = require__global_external_react.useState(initial.namespacesOpen);
 	const known = require__global_external_react.useRef(/* @__PURE__ */ new Map());
-	const [sort, setSort] = require__global_external_react.useState("cpu");
-	const [expanded, setExpanded] = require__global_external_react.useState([]);
-	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(true);
+	const [sort, setSort] = require__global_external_react.useState(initial.sort);
+	const [expanded, setExpanded] = require__global_external_react.useState(initial.expanded);
+	const [selected, setSelected] = require__global_external_react.useState(initial.selected);
+	const [pendingUid, setPendingUid] = require__global_external_react.useState(initial.pendingUid);
+	const [reason, setReason] = require__global_external_react.useState(initial.reason);
+	const [warningOnly, setWarningOnly] = require__global_external_react.useState(initial.warningOnly);
+	const [groupedTimeline, setGroupedTimeline] = require__global_external_react.useState(initial.groupedTimeline);
+	const [openTimeline, setOpenTimeline] = require__global_external_react.useState(initial.openTimeline);
+	const viewState = require__global_external_react.useRef(initial);
+	viewState.current = {
+		tab,
+		filter,
+		namespaceScope,
+		needsAttention,
+		groupMode,
+		namespacesOpen,
+		sort,
+		expanded,
+		selected,
+		pendingUid,
+		reason,
+		warningOnly,
+		groupedTimeline,
+		openTimeline,
+		scrollTop: viewState.current.scrollTop
+	};
+	require__global_external_react.useEffect(() => {
+		return () => require_diagnostics_state.saveDiagnosticsState(stateCluster.current, viewState.current);
+	}, [initial]);
+	require__global_external_react.useEffect(() => {
+		const focusNamespace = (event) => {
+			const detail = event.detail;
+			if (!detail || detail.clusterId !== stateCluster.current || detail.clusterId !== activeId() || typeof detail.namespace !== "string" || !detail.namespace) return;
+			setTab("Consumers");
+			setNamespaceScope(detail.namespace);
+			setFilter("");
+			setNeedsAttention(false);
+			setGroupMode("namespace");
+			setNamespacesOpen([detail.namespace]);
+			viewState.current.scrollTop = 0;
+			pendingScroll.current = void 0;
+			if (scrollContainer.current) scrollContainer.current.scrollTop = 0;
+		};
+		window.addEventListener(require_diagnostics_state.DIAGNOSTICS_NAMESPACE_EVENT, focusNamespace);
+		return () => window.removeEventListener(require_diagnostics_state.DIAGNOSTICS_NAMESPACE_EVENT, focusNamespace);
+	}, []);
 	const [observed, setObserved] = require__global_external_react.useState([]);
 	const previous = require__global_external_react.useRef();
 	require__global_external_react.useEffect(() => {
@@ -236,9 +294,28 @@ function DiagnosticsPage() {
 			known.current.clear();
 			setSnapshot(void 0);
 			setObserved([]);
-			setSelected("");
-			setPendingUid("");
-			setExpanded([]);
+			require_diagnostics_state.saveDiagnosticsState(stateCluster.current, viewState.current);
+			stateCluster.current = activeId() ?? "";
+			const restored = require_diagnostics_state.readDiagnosticsState(stateCluster.current);
+			setTab(restored.tab);
+			setFilter(restored.filter);
+			setNamespaceScope(restored.namespaceScope);
+			setNeedsAttention(restored.needsAttention);
+			setGroupMode(restored.groupMode);
+			setNamespacesOpen(restored.namespacesOpen);
+			setSort(restored.sort);
+			setExpanded(restored.expanded);
+			setSelected(restored.selected);
+			setPendingUid(restored.pendingUid);
+			setReason(restored.reason);
+			setWarningOnly(restored.warningOnly);
+			setGroupedTimeline(restored.groupedTimeline);
+			setOpenTimeline(restored.openTimeline);
+			viewState.current = restored;
+			pendingScroll.current = {
+				clusterId: stateCluster.current,
+				top: restored.scrollTop
+			};
 			setError("");
 		};
 		const load = async () => {
@@ -301,20 +378,30 @@ function DiagnosticsPage() {
 		};
 	}, []);
 	const data = snapshot?.clusterId === activeId() ? snapshot : void 0;
+	require__global_external_react.useLayoutEffect(() => {
+		const pending = pendingScroll.current;
+		if (!data || !pending || pending.clusterId !== data.clusterId || !scrollContainer.current) return;
+		scrollContainer.current.scrollTop = pending.top;
+		const frame = requestAnimationFrame(() => {
+			if (pendingScroll.current !== pending || !scrollContainer.current) return;
+			scrollContainer.current.scrollTop = pending.top;
+			viewState.current.scrollTop = scrollContainer.current.scrollTop;
+			pendingScroll.current = void 0;
+		});
+		return () => cancelAnimationFrame(frame);
+	}, [data]);
 	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())).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)), [
+	const filtered = require__global_external_react.useMemo(() => groups.filter((group) => !namespaceScope || group.namespace === namespaceScope).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,
+		namespaceScope,
 		sort,
 		needsAttention
 	]);
 	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 normalizedEvents = require_resource_diagnostics.normalizeEvents(data?.events ?? []);
@@ -324,11 +411,26 @@ function DiagnosticsPage() {
 		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 timelineResource = (entry) => {
+		const object = entry.objectUid ? projected?.objects.get(entry.objectUid) : void 0;
+		const ref = eventReferences.get(entry.id);
+		return `${object?.metadata.namespace ?? ref?.namespace ?? "Unknown namespace"} / ${object?.kind ?? ref?.kind ?? "Resource"} / ${object?.metadata.name ?? ref?.name ?? entry.objectUid ?? entry.id}`;
+	};
+	const timelineGroups = require_timeline_groups.groupTimelineEntries(timeline, (entry) => {
+		if (!warningIds.has(entry.id)) return entry.id;
+		const owner = [...known.current.entries()].find(([, item]) => !!entry.objectUid && item.uids.has(entry.objectUid));
+		return owner ? `${owner[1].group.namespace}/${owner[1].group.kind}/${owner[1].group.name}` : timelineResource(entry);
+	}, timelineResource);
+	const displayedTimeline = groupedTimeline ? timelineGroups.map((group) => group.latest) : timeline;
 	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", {
+		ref: scrollContainer,
+		onScroll: (event) => {
+			if (!pendingScroll.current) viewState.current.scrollTop = event.currentTarget.scrollTop;
+		},
 		className: "power-diagnostics",
 		style: {
 			padding: 24,
@@ -428,6 +530,22 @@ function DiagnosticsPage() {
 				children: "Loading resource diagnostics…"
 			}),
 			tab === "Consumers" && data && /* @__PURE__ */ require_jsx_runtime.jsxs(require_jsx_runtime.Fragment, { children: [
+				namespaceScope && /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+					className: "namespace-scope",
+					role: "status",
+					children: [/* @__PURE__ */ require_jsx_runtime.jsxs("span", {
+						className: "namespace-scope-label",
+						children: ["Namespace: ", namespaceScope]
+					}), /* @__PURE__ */ require_jsx_runtime.jsxs("button", {
+						type: "button",
+						"aria-label": "Clear namespace scope",
+						onClick: () => setNamespaceScope(void 0),
+						children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, {
+							material: "close",
+							size: 13
+						}), "Show all namespaces"]
+					})]
+				}),
 				/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
 					className: "toolbar consumers-toolbar",
 					children: [
@@ -530,6 +648,7 @@ function DiagnosticsPage() {
 							/* @__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,
+								snapshotTime: data.time,
 								clusterId: data?.clusterId ?? "",
 								usage: projected?.usage ?? [],
 								open: !namespace || namespacesOpen.includes(namespace),
@@ -612,6 +731,14 @@ function DiagnosticsPage() {
 					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: "warning-filter",
+					children: /* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Checkbox, {
+						label: "Group recurring warnings",
+						value: groupedTimeline,
+						onChange: setGroupedTimeline
+					})
+				}),
 				/* @__PURE__ */ require_jsx_runtime.jsx("div", {
 					className: "timeline-legend",
 					"aria-label": "Event types",
@@ -630,7 +757,8 @@ function DiagnosticsPage() {
 				/* @__PURE__ */ require_jsx_runtime.jsx("ol", {
 					className: "diagnostics-timeline",
 					"aria-label": "Workload event timeline",
-					children: timeline.map((entry) => {
+					children: displayedTimeline.map((entry) => {
+						const recurrence = groupedTimeline ? timelineGroups.find((group) => group.latest === entry) : void 0;
 						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";
@@ -649,41 +777,120 @@ function DiagnosticsPage() {
 							}), /* @__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"]
-											})
-										]
+										className: "timeline-card-top",
+										children: [/* @__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.jsxs("div", {
+											className: "timeline-card-actions",
+											role: "group",
+											"aria-label": "Event actions",
+											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.jsx(require_incident_copy_button.IncidentCopyButton, {
+													clusterId: data.clusterId,
+													incident: {
+														problem: entry.reason,
+														facts: [
+															entry.message,
+															`Reported count ${recurrence?.count ?? entry.count}`,
+															...(recurrence?.affected ?? []).length > 1 ? [`Affected resources: ${recurrence?.affected.join("; ")}`] : []
+														],
+														time: entry.time ?? data.time,
+														resources: (recurrence?.entries ?? [entry]).slice(0, 12).flatMap((original) => {
+															const originalObject = original.objectUid ? projected?.objects.get(original.objectUid) : void 0;
+															const originalReference = eventReferences.get(original.id);
+															const originalMetadata = originalObject?.metadata ?? originalReference;
+															const originalKind = originalObject?.kind ?? originalReference?.kind;
+															return originalMetadata?.name && originalKind ? [{
+																kind: originalKind,
+																namespace: originalMetadata.namespace,
+																name: originalMetadata.name
+															}] : [];
+														})
+													}
+												}),
+												/* @__PURE__ */ require_jsx_runtime.jsxs(require_diagnostic_explain_button.DiagnosticExplainButton, {
+													type: "button",
+													className: "explain-finding",
+													"aria-label": "Explain with AI",
+													title: "Explain with AI",
+													onClick: () => require_ai_diagnostic_handoff.explainDiagnosticFinding({
+														clusterId: data.clusterId,
+														title: entry.reason,
+														summary: `${timelineResource(entry)}: ${entry.message}. Reported count ${recurrence?.count ?? entry.count}`,
+														resource: metadata?.name && referenceKind ? {
+															kind: referenceKind,
+															namespace: metadata.namespace,
+															name: metadata.name
+														} : void 0
+													}),
+													children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, {
+														material: "auto_awesome",
+														size: 13
+													}), /* @__PURE__ */ require_jsx_runtime.jsx("span", {
+														className: "timeline-action-label",
+														children: "Explain with AI"
+													})]
+												})
+											]
+										})]
 									}),
 									/* @__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,
+										recurrence?.count ?? entry.count,
 										entry.firstTime ? ` · First ${require_date_time.formatDateTime(entry.firstTime)}` : ""
 									] }),
-									entry.gap && /* @__PURE__ */ require_jsx_runtime.jsx("small", { children: entry.gap })
+									entry.gap && /* @__PURE__ */ require_jsx_runtime.jsx("small", { children: entry.gap }),
+									recurrence && recurrence.entries.length > 1 && /* @__PURE__ */ require_jsx_runtime.jsxs("details", {
+										open: openTimeline.includes(recurrence.key),
+										onToggle: (event) => {
+											const open = event.currentTarget.open;
+											setOpenTimeline((items) => open ? [.../* @__PURE__ */ new Set([...items, recurrence.key])] : items.filter((item) => item !== recurrence.key));
+										},
+										children: [
+											/* @__PURE__ */ require_jsx_runtime.jsxs("summary", { children: [
+												recurrence.affected.length,
+												" affected resources · ",
+												recurrence.entries.length,
+												" original entries"
+											] }),
+											/* @__PURE__ */ require_jsx_runtime.jsx("small", { children: recurrence.affected.join(" · ") }),
+											/* @__PURE__ */ require_jsx_runtime.jsx("ul", { children: recurrence.entries.map((original, index) => /* @__PURE__ */ require_jsx_runtime.jsxs("li", { children: [/* @__PURE__ */ require_jsx_runtime.jsxs("small", { children: [
+												original.time ? require_date_time.formatDateTime(original.time) : "Time unknown",
+												" ·",
+												" ",
+												timelineResource(original),
+												" · Count ",
+												original.count
+											] }), original.message] }, `${original.id}/${index}`)) })
+										]
+									})
 								]
 							})]
 						}, entry.id);
@@ -780,6 +987,41 @@ function DiagnosticsPage() {
 						/* @__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(require_incident_copy_button.IncidentCopyButton, {
+					clusterId: data.clusterId,
+					incident: {
+						problem: "Pending pod",
+						facts: [
+							diagnosis.state,
+							`CPU request ${podRequest(selectedPod, "cpu")}; memory request ${podRequest(selectedPod, "memory")}`,
+							...diagnosis.evidence.slice(0, 8).map((entry) => entry.message)
+						],
+						time: data.time,
+						resources: [{
+							kind: "Pod",
+							namespace: selectedPod.metadata.namespace,
+							name: selectedPod.metadata.name
+						}]
+					}
+				}),
+				/* @__PURE__ */ require_jsx_runtime.jsxs(require_diagnostic_explain_button.DiagnosticExplainButton, {
+					type: "button",
+					className: "explain-finding",
+					onClick: () => require_ai_diagnostic_handoff.explainDiagnosticFinding({
+						clusterId: data.clusterId,
+						title: "Pending pod",
+						summary: `${diagnosis.state}. CPU request ${podRequest(selectedPod, "cpu")}, memory request ${podRequest(selectedPod, "memory")}. ${diagnosis.evidence.slice(0, 8).map((entry) => entry.message).join("; ")}`,
+						resource: {
+							kind: "Pod",
+							namespace: selectedPod.metadata.namespace,
+							name: selectedPod.metadata.name
+						}
+					}),
+					children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, {
+						material: "auto_awesome",
+						size: 13
+					}), "Explain with AI"]
+				}),
 				/* @__PURE__ */ require_jsx_runtime.jsx("h3", { children: "Scheduling evidence" }),
 				/* @__PURE__ */ require_jsx_runtime.jsx("div", {
 					className: "diagnostics-table",
@@ -822,7 +1064,7 @@ function DiagnosticsPage() {
 		]
 	});
 }
-function ConsumerRows({ group, clusterId, expanded, toggle, usage, depth }) {
+function ConsumerRows({ group, clusterId, snapshotTime, 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,
@@ -873,20 +1115,59 @@ function ConsumerRows({ group, clusterId, expanded, toggle, usage, depth }) {
 							group.ownerResolved ? "" : " · Owner chain incomplete"
 						]
 					})]
-				}), /* @__PURE__ */ require_jsx_runtime.jsx("div", {
+				}), /* @__PURE__ */ require_jsx_runtime.jsxs("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",
+					children: [
+						["warning", "error"].includes(consumerStatus(group.pods).tone) && /* @__PURE__ */ require_jsx_runtime.jsx(require_incident_copy_button.IncidentCopyButton, {
+							clusterId,
+							incident: {
+								problem: `${group.kind} ${group.name}: ${consumerStatus(group.pods).label}`,
+								facts: [
+									`${group.pods.length} pods`,
+									`CPU ${resourceText(group.cpu.usage, "cpu")} used / ${resourceText(group.cpu.requests, "cpu")} requested`,
+									`Memory ${resourceText(group.memory.usage, "memory")} used / ${resourceText(group.memory.requests, "memory")} requested`
+								],
+								time: snapshotTime,
+								resources: [{
+									kind: group.kind,
+									namespace: group.namespace,
+									name: group.name
+								}]
+							}
+						}),
+						["warning", "error"].includes(consumerStatus(group.pods).tone) && /* @__PURE__ */ require_jsx_runtime.jsx(require_diagnostic_explain_button.DiagnosticExplainButton, {
 							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" })
+							className: "explain-finding",
+							title: "Explain with AI",
+							"aria-label": `Explain finding for ${group.name}`,
+							onClick: () => require_ai_diagnostic_handoff.explainDiagnosticFinding({
+								clusterId,
+								title: `${group.kind} ${group.name}`,
+								summary: `${consumerStatus(group.pods).label}; ${group.pods.length} pods. CPU ${resourceText(group.cpu.usage, "cpu")} used / ${resourceText(group.cpu.requests, "cpu")} requested; memory ${resourceText(group.memory.usage, "memory")} used / ${resourceText(group.memory.requests, "memory")} requested`,
+								resource: {
+									kind: group.kind,
+									namespace: group.namespace,
+									name: group.name
+								}
+							}),
+							children: /* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, {
+								material: "auto_awesome",
+								size: 13
+							})
+						}),
+						/* @__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", {
@@ -980,7 +1261,7 @@ function podRequest(pod, metric) {
 		return "Unavailable";
 	}
 }
-function NamespaceRows({ namespace, groups, clusterId, usage, open, toggleNamespace, expanded, toggleGroup }) {
+function NamespaceRows({ namespace, groups, clusterId, snapshotTime, usage, open, toggleNamespace, expanded, toggleGroup }) {
 	const sum = (metric) => groups.reduce((total, group) => {
 		const next = group[metric];
 		return {
@@ -1010,22 +1291,36 @@ function NamespaceRows({ namespace, groups, clusterId, usage, open, toggleNamesp
 					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) })]
+						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", { children: [
+								groups.filter((group) => consumerStatus(group.pods).tone === "healthy").length,
+								" ready ·",
+								" ",
+								groups.filter((group) => ["warning", "error"].includes(consumerStatus(group.pods).tone)).length,
+								" ",
+								"need attention · ",
+								groups.filter((group) => consumerStatus(group.pods).tone === "neutral").length,
+								" ",
+								"unknown"
+							] })
+						]
 					}), /* @__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",
+							" filtered consumers",
 							/* @__PURE__ */ require_jsx_runtime.jsx("span", { children: "·" }),
 							groups.reduce((total, group) => total + group.pods.length, 0),
 							" pods"
@@ -1069,6 +1364,7 @@ function NamespaceRows({ namespace, groups, clusterId, usage, open, toggleNamesp
 	}), open && groups.map((group) => /* @__PURE__ */ require_jsx_runtime.jsx(ConsumerRows, {
 		group,
 		depth: namespace ? 1 : 0,
+		snapshotTime,
 		clusterId,
 		expanded: expanded.includes(groupKey(group)),
 		toggle: () => toggleGroup(groupKey(group)),