@64mb/freelens-power 2.1.0 → 2.2.0

package/out/renderer/diagnostics.js

@@ -3,6 +3,7 @@ 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_native_tooltip = require("./native-tooltip.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");
@@ -10,6 +11,7 @@ const require_resource_diagnostics = require("./src/common/resource-diagnostics.
 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_diagnostics_screen_finding = require("./diagnostics-screen-finding.js");
 const require_diagnostics_state = require("./diagnostics-state.js");
 const require_incident_copy_button = require("./incident-copy-button.js");
 //#region src/renderer/diagnostics.tsx
@@ -47,34 +49,40 @@ function ResourceCell({ summary, metric }) {
 				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",
+			/* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 				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}` : ""
-				]
+				children: /* @__PURE__ */ require_jsx_runtime.jsxs("small", {
+					className: "resource-coverage",
+					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",
+			complete && summary.usage !== void 0 && summary.requests > 0 && summary.usage > summary.requests && /* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 				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"]
+				children: /* @__PURE__ */ require_jsx_runtime.jsxs("span", {
+					className: "request-burst",
+					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",
+	if (!(cpu.unknownRequestPods || memory.unknownRequestPods) && !cpu.unscheduledRequests && !memory.unscheduledRequests) return /* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 		title: "No unscheduled requests",
-		children: "—"
+		children: /* @__PURE__ */ require_jsx_runtime.jsx("span", {
+			className: "unscheduled-empty",
+			children: "—"
+		})
 	});
 	return /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
 		className: `unscheduled-cell${cpu.unscheduledRequests || memory.unscheduledRequests ? " has-requests" : ""}`,
@@ -465,6 +473,17 @@ function DiagnosticsPage() {
 		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;
+	require__global_external_react.useEffect(() => {
+		if (!data || tab !== "Consumers" && tab !== "Timeline") return;
+		const attach = () => require_ai_diagnostic_handoff.explainDiagnosticFinding(require_diagnostics_screen_finding.diagnosticsScreenFinding(data.clusterId, tab, filtered, displayedTimeline, timelineResource));
+		window.addEventListener("power-ai-request-screen-context", attach);
+		return () => window.removeEventListener("power-ai-request-screen-context", attach);
+	}, [
+		data,
+		tab,
+		filtered,
+		displayedTimeline
+	]);
 	const pending = (data?.pods ?? []).filter((pod) => pod.status?.phase === "Pending");
 	const attentionPods = new Set(groups.filter((group) => !namespaceScope || group.namespace === namespaceScope).flatMap((group) => group.pods).filter((pod) => ["warning", "error"].includes(consumerStatus([pod]).tone)).map((pod) => pod.metadata.uid ?? pod)).size;
 	const AttentionCard = data?.pods ? "button" : "div";
@@ -503,16 +522,18 @@ function DiagnosticsPage() {
 					"Timeline",
 					"Pending",
 					"Not ready"
-				].map((name) => /* @__PURE__ */ require_jsx_runtime.jsxs("button", {
-					type: "button",
+				].map((name) => /* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 					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,
-						name === "Pending" && data?.pods ? ` (${pending.length})` : name === "Not ready" && data?.pods ? ` (${notReady.length})` : ""
-					]
+					children: /* @__PURE__ */ require_jsx_runtime.jsxs("button", {
+						type: "button",
+						"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,
+							name === "Pending" && data?.pods ? ` (${pending.length})` : name === "Not ready" && data?.pods ? ` (${notReady.length})` : ""
+						]
+					})
 				}, name))
 			}),
 			error && /* @__PURE__ */ require_jsx_runtime.jsxs("p", {
@@ -871,13 +892,15 @@ function DiagnosticsPage() {
 											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",
+												object && data && /* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 													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" })
+													children: /* @__PURE__ */ require_jsx_runtime.jsx("button", {
+														type: "button",
+														className: "timeline-resource-action",
+														"aria-label": "Open resource",
+														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,
@@ -1003,15 +1026,17 @@ function DiagnosticsPage() {
 							] }), /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
 								className: "pending-state-row",
 								children: [/* @__PURE__ */ require_jsx_runtime.jsx("h3", { children: readinessView ? "Not ready" : 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",
+							})] }), /* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 								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"]
+								children: /* @__PURE__ */ require_jsx_runtime.jsxs("button", {
+									className: "pending-open-action",
+									type: "button",
+									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: readinessView ? "The pod is running but needs attention. Check readiness conditions, container status and events." : 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." }),
@@ -1145,21 +1170,23 @@ function ConsumerRows({ group, clusterId, snapshotTime, expanded, toggle, usage,
 					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.jsx("button", {
-							className: "consumer-resource-link",
-							type: "button",
+						children: [group.ownerResolved && resources[group.kind] && group.name !== "Unknown" ? /* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 							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: /* @__PURE__ */ require_jsx_runtime.jsx("span", {
-								className: "consumer-link-name",
-								children: group.name
+							children: /* @__PURE__ */ require_jsx_runtime.jsx("button", {
+								className: "consumer-resource-link",
+								type: "button",
+								onClick: (event) => openResource({
+									kind: group.kind,
+									metadata: {
+										uid: group.identity,
+										namespace: group.namespace,
+										name: group.name
+									}
+								}, clusterId, event),
+								children: /* @__PURE__ */ require_jsx_runtime.jsx("span", {
+									className: "consumer-link-name",
+									children: group.name
+								})
 							})
 						}) : /* @__PURE__ */ require_jsx_runtime.jsx("span", {
 							className: "consumer-identity-label",
@@ -1227,14 +1254,16 @@ function ConsumerRows({ group, clusterId, snapshotTime, expanded, toggle, usage,
 						}),
 						/* @__PURE__ */ require_jsx_runtime.jsx("span", {
 							className: "consumer-expand-slot",
-							children: /* @__PURE__ */ require_jsx_runtime.jsx("button", {
-								className: "consumer-expand",
-								type: "button",
+							children: /* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 								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" })
+								children: /* @__PURE__ */ require_jsx_runtime.jsx("button", {
+									className: "consumer-expand",
+									type: "button",
+									"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" })
+								})
 							})
 						})
 					]
@@ -1272,18 +1301,20 @@ function ConsumerRows({ group, clusterId, snapshotTime, expanded, toggle, usage,
 					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",
+						children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 							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
-							}), /* @__PURE__ */ require_jsx_runtime.jsx("span", {
-								className: "consumer-link-name",
-								children: pod.metadata.name
-							})]
+							children: /* @__PURE__ */ require_jsx_runtime.jsxs("button", {
+								className: "consumer-resource-link",
+								type: "button",
+								onClick: (event) => openResource(pod, clusterId, event),
+								children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, {
+									material: "view_in_ar",
+									size: 14
+								}), /* @__PURE__ */ require_jsx_runtime.jsx("span", {
+									className: "consumer-link-name",
+									children: pod.metadata.name
+								})]
+							})
 						}), /* @__PURE__ */ require_jsx_runtime.jsx(ConsumerStatus, { pods: [pod] })]
 					}), /* @__PURE__ */ require_jsx_runtime.jsxs("small", {
 						className: "consumer-subtitle",
@@ -1311,10 +1342,12 @@ function ConsumerRows({ group, clusterId, snapshotTime, expanded, toggle, usage,
 			}),
 			/* @__PURE__ */ require_jsx_runtime.jsx("td", {
 				className: "numeric",
-				children: /* @__PURE__ */ require_jsx_runtime.jsx("span", {
-					className: "unscheduled-empty",
+				children: /* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 					title: pod.spec?.nodeName ? "No unscheduled requests" : "Unscheduled requests are included in the workload total",
-					children: pod.spec?.nodeName ? "—" : "Included above"
+					children: /* @__PURE__ */ require_jsx_runtime.jsx("span", {
+						className: "unscheduled-empty",
+						children: pod.spec?.nodeName ? "—" : "Included above"
+					})
 				})
 			})
 		]
@@ -1358,21 +1391,23 @@ function NamespaceRows({ namespace, groups, clusterId, snapshotTime, usage, open
 					children: [/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
 						className: "consumer-title-line",
 						children: [
-							/* @__PURE__ */ require_jsx_runtime.jsxs("button", {
-								type: "button",
-								className: "consumer-resource-link namespace-identity",
-								onClick: (event) => openResource({
-									kind: "Namespace",
-									metadata: { name: namespace }
-								}, clusterId, event),
+							/* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 								title: "Open namespace",
-								children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, {
-									material: "folder_open",
-									size: 17
-								}), /* @__PURE__ */ require_jsx_runtime.jsx("span", {
-									className: "consumer-link-name",
-									children: namespace
-								})]
+								children: /* @__PURE__ */ require_jsx_runtime.jsxs("button", {
+									type: "button",
+									className: "consumer-resource-link namespace-identity",
+									onClick: (event) => openResource({
+										kind: "Namespace",
+										metadata: { name: namespace }
+									}, clusterId, event),
+									children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_ai_icon.AiIcon, {
+										material: "folder_open",
+										size: 17
+									}), /* @__PURE__ */ require_jsx_runtime.jsx("span", {
+										className: "consumer-link-name",
+										children: namespace
+									})]
+								})
 							}),
 							/* @__PURE__ */ require_jsx_runtime.jsx(ConsumerStatus, { pods: groups.flatMap((group) => group.pods) }),
 							/* @__PURE__ */ require_jsx_runtime.jsxs("small", { children: [
@@ -1387,27 +1422,31 @@ function NamespaceRows({ namespace, groups, clusterId, snapshotTime, usage, open
 								"unknown"
 							] })
 						]
-					}), /* @__PURE__ */ require_jsx_runtime.jsxs("small", {
-						className: "consumer-subtitle",
+					}), /* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 						title: "Resource totals include only consumers shown by the current filters",
-						children: [
-							groups.length,
-							" filtered consumers",
-							/* @__PURE__ */ require_jsx_runtime.jsx("span", { children: "·" }),
-							groups.reduce((total, group) => total + group.pods.length, 0),
-							" pods"
-						]
+						children: /* @__PURE__ */ require_jsx_runtime.jsxs("small", {
+							className: "consumer-subtitle",
+							children: [
+								groups.length,
+								" filtered 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",
+					children: /* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 						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" })
+						children: /* @__PURE__ */ require_jsx_runtime.jsx("button", {
+							className: "consumer-expand",
+							type: "button",
+							"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" })
+						})
 					})
 				})]
 			}) }),