@64mb/freelens-power 2.1.0 → 2.2.0

package/out/renderer/power-logs.js

@@ -5,6 +5,7 @@ const require_power_logs_limits = require("./src/common/power-logs-limits.js");
 const require_logs_preferences_store = require("./src/common/store/logs-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_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_diagnostic_explain_button = require("./diagnostic-explain-button.js");
@@ -45,9 +46,9 @@ var levels = [
 	"unknown"
 ];
 var examples = [
-	["Recent", "SELECT message, level, container, pod, timestamp FROM logs ORDER BY timestamp DESC NULLS LAST LIMIT 200"],
-	["Errors", "SELECT pod, container, count(*) AS errors FROM logs WHERE level IN ('error','fatal') GROUP BY pod, container ORDER BY errors DESC"],
-	["Timeline", "SELECT strftime('%Y-%m-%d %H:%M', timestamp / 1000, 'unixepoch') AS minute, UPPER(level) AS level, count(*) AS lines FROM logs GROUP BY minute, level ORDER BY minute"],
+	["Recent", "SELECT timestamp, level, message, container, pod FROM logs ORDER BY timestamp DESC NULLS LAST LIMIT 200"],
+	["Errors", "SELECT message, count(*) AS occurrences FROM logs WHERE level IN ('error','fatal') GROUP BY message ORDER BY occurrences DESC LIMIT 200"],
+	["Timeline", "SELECT (timestamp / 60000) * 60000 AS minute, UPPER(level) AS level, count(*) AS lines FROM logs GROUP BY minute, level ORDER BY minute"],
 	["JSON", "SELECT fieldsJson FROM logs WHERE fieldsJson IS NOT NULL LIMIT 100"]
 ];
 var sqlColumnWidth = (column) => column === "message" || column === "fieldsJson" ? 360 : column === "level" ? 90 : 200;
@@ -224,9 +225,9 @@ function LogRows({ records, loading, selected, onSelect, follow, setFollow, comp
 					},
 					onClick: () => onSelect(record),
 					children: [
-						/* @__PURE__ */ require_jsx_runtime.jsx("span", {
+						/* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 							title: record.timestamp !== null ? require_date_time.formatDateTime(record.timestamp) : "Timestamp unavailable",
-							children: record.timestamp !== null ? require_date_time.formatDateTime(record.timestamp).slice(-8) : "—"
+							children: /* @__PURE__ */ require_jsx_runtime.jsx("span", { children: record.timestamp !== null ? require_date_time.formatDateTime(record.timestamp).slice(-8) : "—" })
 						}),
 						/* @__PURE__ */ require_jsx_runtime.jsx("span", {
 							className: "power-log-level",
@@ -263,41 +264,49 @@ function LogDetails({ record, jsonColumn, onClose, onFilter }) {
 		className: "power-logs-detail",
 		"aria-label": "Log line details",
 		children: [
-			/* @__PURE__ */ require_jsx_runtime.jsxs("header", { children: [/* @__PURE__ */ require_jsx_runtime.jsx("strong", { children: "Line details" }), /* @__PURE__ */ require_jsx_runtime.jsx("button", {
-				className: "power-logs-detail-close",
-				"aria-label": "Close line details",
+			/* @__PURE__ */ require_jsx_runtime.jsxs("header", { children: [/* @__PURE__ */ require_jsx_runtime.jsx("strong", { children: "Line details" }), /* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 				title: "Close line details",
-				onClick: onClose,
-				children: /* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
-					material: "close",
-					size: 16
+				children: /* @__PURE__ */ require_jsx_runtime.jsx("button", {
+					className: "power-logs-detail-close",
+					"aria-label": "Close line details",
+					onClick: onClose,
+					children: /* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
+						material: "close",
+						size: 16
+					})
 				})
 			})] }),
-			/* @__PURE__ */ require_jsx_runtime.jsx("p", {
+			/* @__PURE__ */ require_jsx_runtime.jsxs("p", {
 				className: "power-logs-muted",
-				children: [record.pod && sourceKey(record), record.level.toUpperCase()].filter(Boolean).join(" · ")
+				children: [record.pod && /* @__PURE__ */ require_jsx_runtime.jsxs(require_jsx_runtime.Fragment, { children: [sourceKey(record), " · "] }), /* @__PURE__ */ require_jsx_runtime.jsx("span", {
+					className: "power-logs-level-label",
+					"data-level": record.level,
+					children: record.level.toUpperCase()
+				})]
 			}),
 			record.message && /* @__PURE__ */ require_jsx_runtime.jsx("pre", { children: /* @__PURE__ */ require_jsx_runtime.jsx(require_power_log_message.LogMessage, { text: record.message }) }),
 			record.fieldsJson && /* @__PURE__ */ require_jsx_runtime.jsxs(require_jsx_runtime.Fragment, { children: [/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
 				className: "power-logs-structured-heading",
 				children: [
 					/* @__PURE__ */ require_jsx_runtime.jsx("strong", { children: jsonColumn ? `Structured fields · ${jsonColumn}` : "Structured fields" }),
-					/* @__PURE__ */ require_jsx_runtime.jsx("button", {
-						type: "button",
-						className: "power-logs-detail-copy",
-						"aria-label": "Copy structured JSON",
+					/* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 						title: copyFeedback || "Copy structured JSON",
-						onClick: () => {
-							try {
-								electron.clipboard.writeText(structuredFields);
-								setCopyFeedback("Copied");
-							} catch {
-								setCopyFeedback("Unable to copy JSON");
-							}
-						},
-						children: /* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
-							material: copyFeedback === "Copied" ? "check" : "content_copy",
-							size: 16
+						children: /* @__PURE__ */ require_jsx_runtime.jsx("button", {
+							type: "button",
+							className: "power-logs-detail-copy",
+							"aria-label": "Copy structured JSON",
+							onClick: () => {
+								try {
+									electron.clipboard.writeText(structuredFields);
+									setCopyFeedback("Copied");
+								} catch {
+									setCopyFeedback("Unable to copy JSON");
+								}
+							},
+							children: /* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
+								material: copyFeedback === "Copied" ? "check" : "content_copy",
+								size: 16
+							})
 						})
 					}),
 					/* @__PURE__ */ require_jsx_runtime.jsx("span", {
@@ -315,7 +324,7 @@ function LogDetails({ record, jsonColumn, onClose, onFilter }) {
 		]
 	});
 }
-var sameFieldFilter = (a, b) => a.operator === b.operator && a.path.length === b.path.length && a.path.every((part, index) => part === b.path[index]) && require_power_log_field_filters.jsonValuesEqual(a.value, b.value);
+var sameFieldValue = (a, b) => a.path.length === b.path.length && a.path.every((part, index) => part === b.path[index]) && require_power_log_field_filters.jsonValuesEqual(a.value, b.value);
 var fieldFilterLabel = (filter) => `${filter.path.reduce((path, part) => `${path}[${typeof part === "number" ? part : JSON.stringify(part)}]`, "$")} ${filter.operator === "eq" ? "=" : "!="} ${JSON.stringify(filter.value)}`;
 function FieldFilters({ filters, sql = false, disabled = false, onRemove }) {
 	if (!filters.length) return null;
@@ -327,16 +336,18 @@ function FieldFilters({ filters, sql = false, disabled = false, onRemove }) {
 			children: [sql ? "Result filters" : "JSON filters", " · AND"]
 		}), filters.map((filter, index) => {
 			const label = `${filter.column ? `${filter.column} ` : ""}${fieldFilterLabel(filter)}`;
-			return /* @__PURE__ */ require_jsx_runtime.jsxs("button", {
-				type: "button",
-				disabled,
+			return /* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 				title: label,
-				"aria-label": `Remove JSON filter ${label}`,
-				onClick: () => onRemove(index),
-				children: [/* @__PURE__ */ require_jsx_runtime.jsx("span", { children: label }), /* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
-					material: "close",
-					size: 14
-				})]
+				children: /* @__PURE__ */ require_jsx_runtime.jsxs("button", {
+					type: "button",
+					disabled,
+					"aria-label": `Remove JSON filter ${label}`,
+					onClick: () => onRemove(index),
+					children: [/* @__PURE__ */ require_jsx_runtime.jsx("span", { children: label }), /* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
+						material: "close",
+						size: 14
+					})]
+				})
 			}, index);
 		})]
 	});
@@ -361,6 +372,7 @@ function Workspace({ clusterId, contextId }) {
 	const [text, setText] = require__global_external_react.useState("");
 	const [level, setLevel] = require__global_external_react.useState("");
 	const [source, setSource] = require__global_external_react.useState(initialSource);
+	const [savedPoolFull, setSavedPoolFull] = require__global_external_react.useState(false);
 	const [fieldFilters, setFieldFilters] = require__global_external_react.useState([]);
 	const matchFields = require__global_external_react.useMemo(() => require_power_log_field_filters.compileJsonFilters(fieldFilters), [fieldFilters]);
 	const parsedFields = require__global_external_react.useRef(/* @__PURE__ */ new WeakMap());
@@ -396,6 +408,7 @@ function Workspace({ clusterId, contextId }) {
 	const [capturePending, setCapturePending] = require__global_external_react.useState(false);
 	const [captureMinutes, setCaptureMinutes] = require__global_external_react.useState(15);
 	const [previous, setPrevious] = require__global_external_react.useState(false);
+	const [sqlFitVersion, setSqlFitVersion] = require__global_external_react.useState(0);
 	const [sql, updateSql] = require__global_external_react.useState(examples[0][1]);
 	const sqlDraft = require__global_external_react.useRef(sql);
 	sqlDraft.current = sql;
@@ -750,6 +763,7 @@ function Workspace({ clusterId, contextId }) {
 		if (title === "Recent") {
 			const query = examples[0][1];
 			setSql(query);
+			setSqlFitVersion((version) => version + 1);
 			setSelectedSqlRow(void 0);
 			if (execute && captured) runQuery(captured, query);
 			return;
@@ -778,6 +792,7 @@ function Workspace({ clusterId, contextId }) {
 			}
 			prepared = require_power_log_json_preset.buildJsonProjectionSql(keys);
 			setSql(prepared);
+			setSqlFitVersion((version) => version + 1);
 			setSelectedSqlRow(void 0);
 		} catch {
 			if (alive.current) setSqlError("Could not detect JSON fields for this snapshot. Try the preset again.");
@@ -794,7 +809,11 @@ function Workspace({ clusterId, contextId }) {
 			setError("This JSON value is too large or unsupported for filtering");
 			return;
 		}
-		if (fieldFilters.some((current) => sameFieldFilter(current, filter))) return;
+		const existing = fieldFilters.findIndex((current) => sameFieldValue(current, filter));
+		if (existing >= 0) {
+			if (fieldFilters[existing].operator !== filter.operator) setFieldFilters(fieldFilters.map((current, index) => index === existing ? filter : current));
+			return;
+		}
 		if (fieldFilters.length >= 32) {
 			setError("Up to 32 JSON filters can be combined");
 			return;
@@ -831,7 +850,14 @@ function Workspace({ clusterId, contextId }) {
 			return;
 		}
 		const filters = activeSqlFilters?.filters ?? [];
-		if (filters.some((current) => current.column === column && sameFieldFilter(current, filter))) return;
+		const existing = filters.findIndex((current) => current.column === column && sameFieldValue(current, filter));
+		if (existing >= 0) {
+			if (filters[existing].operator !== filter.operator) applySqlFilters(filters.map((current, index) => index === existing ? {
+				...filter,
+				column
+			} : current));
+			return;
+		}
 		if (filters.length >= 32) {
 			setSqlError("Up to 32 JSON filters can be combined");
 			return;
@@ -948,6 +974,82 @@ function Workspace({ clusterId, contextId }) {
 			if (alive.current) setDeletingCount(deleting.current.size);
 		}
 	};
+	const confirmDeleteCapture = (id) => {
+		const capture = captures.find((capture) => capture.id === id);
+		if (!capture) return;
+		require_extensions.Renderer.Component.ConfirmDialog.open({
+			message: /* @__PURE__ */ require_jsx_runtime.jsxs(require_jsx_runtime.Fragment, { children: [
+				"Delete snapshot ",
+				/* @__PURE__ */ require_jsx_runtime.jsx("strong", { children: capture.target.name }),
+				"? This cannot be undone."
+			] }),
+			labelOk: "Delete snapshot",
+			ok: () => deleteCapture(id)
+		});
+	};
+	const confirmPersistentCapture = (capture) => {
+		const persistent = !capture.persistent;
+		require_extensions.Renderer.Component.ConfirmDialog.open({
+			message: persistent ? /* @__PURE__ */ require_jsx_runtime.jsxs(require_jsx_runtime.Fragment, { children: [
+				"Keep snapshot ",
+				/* @__PURE__ */ require_jsx_runtime.jsx("strong", { children: capture.target.name }),
+				" until you delete it? It will survive restarts and will not expire automatically."
+			] }) : /* @__PURE__ */ require_jsx_runtime.jsxs(require_jsx_runtime.Fragment, { children: [
+				"Allow snapshot ",
+				/* @__PURE__ */ require_jsx_runtime.jsx("strong", { children: capture.target.name }),
+				" to expire? Its retention period will start again now."
+			] }),
+			labelOk: persistent ? "Keep snapshot" : "Allow expiration",
+			ok: async () => {
+				if (!alive.current || deleting.current.has(capture.id) || queryRef.current || captureController.current) return;
+				deleting.current.add(capture.id);
+				setDeletingCount(deleting.current.size);
+				try {
+					await drafts.flush();
+					await client.setPersistent(capture.id, persistent);
+					await refreshCaptures();
+				} catch (error) {
+					if (alive.current) {
+						const full = error instanceof Error && error.message.includes("Saved snapshot limit reached");
+						setSavedPoolFull(full);
+						setError(full ? "Saved snapshot limit reached. Delete a saved snapshot or clear saved snapshots from all clusters." : "Could not update snapshot retention");
+					}
+				} finally {
+					deleting.current.delete(capture.id);
+					if (alive.current) setDeletingCount(deleting.current.size);
+				}
+			}
+		});
+	};
+	const clearSavedSnapshots = () => require_extensions.Renderer.Component.ConfirmDialog.open({
+		message: "Delete all saved snapshots from all clusters? Temporary snapshots will be kept. This cannot be undone.",
+		labelOk: "Clear saved snapshots",
+		ok: async () => {
+			if (queryRef.current || captureController.current || deleting.current.size) return;
+			deleting.current.add("clear-saved");
+			setDeletingCount(deleting.current.size);
+			try {
+				await drafts.flush();
+				await client.clearPersistent();
+				const removed = captures.filter((capture) => capture.persistent);
+				for (const capture of removed) drafts.forget(capture.id);
+				if (removed.some((capture) => capture.id === captureSelection.current)) {
+					setCaptureId("");
+					setResult(void 0);
+					setResultEvidence(void 0);
+					setSelectedSqlRow(void 0);
+				}
+				setSavedPoolFull(false);
+				setError("");
+				await refreshCaptures();
+			} catch {
+				if (alive.current) setError("Could not clear saved snapshots");
+			} finally {
+				deleting.current.delete("clear-saved");
+				if (alive.current) setDeletingCount(deleting.current.size);
+			}
+		}
+	});
 	const native = () => {
 		const first = sources[0];
 		const pod = require_extensions.Renderer.K8sApi.podsStore.getItems().find((item) => target?.kind === "Pod" ? item.metadata.uid === target.uid : item.metadata.uid === first?.podUid);
@@ -1023,12 +1125,12 @@ function Workspace({ clusterId, contextId }) {
 								/* @__PURE__ */ require_jsx_runtime.jsxs("details", {
 									ref: captureOptions,
 									className: "power-logs-options",
-									children: [/* @__PURE__ */ require_jsx_runtime.jsxs("summary", {
+									children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 										title: `Capture window: ${captureMinutes} minutes`,
-										children: [/* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
+										children: /* @__PURE__ */ require_jsx_runtime.jsxs("summary", { children: [/* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
 											material: "tune",
 											size: 16
-										}), " Options"]
+										}), " Options"] })
 									}), /* @__PURE__ */ require_jsx_runtime.jsxs("div", { children: [
 										" ",
 										/* @__PURE__ */ require_jsx_runtime.jsxs("label", { children: ["Capture window", /* @__PURE__ */ require_jsx_runtime.jsx(LogSelect, {
@@ -1114,39 +1216,46 @@ function Workspace({ clusterId, contextId }) {
 								size: 16
 							}), " Refresh"]
 						}),
-						target?.kind === "Pod" && /* @__PURE__ */ require_jsx_runtime.jsx("button", {
-							type: "button",
-							"aria-label": "Native logs",
+						target?.kind === "Pod" && /* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 							title: "Native logs",
-							onClick: native,
-							children: /* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Icon, {
-								material: "open_in_new",
-								size: 16,
-								tooltip: "Native logs",
-								tooltipOverrideDisabled: true
+							children: /* @__PURE__ */ require_jsx_runtime.jsx("button", {
+								type: "button",
+								"aria-label": "Native logs",
+								onClick: native,
+								children: /* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Icon, {
+									material: "open_in_new",
+									size: 16
+								})
 							})
 						})
 					]
 				})
 			] }),
-			target ? /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
-				className: "power-logs-target power-logs-muted",
+			target ? /* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 				title: `${target.kind} / ${target.name} · ${target.namespace} · UID ${target.uid}`,
-				children: [
-					/* @__PURE__ */ require_jsx_runtime.jsxs("strong", { children: [
-						target.kind,
-						" / ",
-						target.name
-					] }),
-					" ",
-					"· ",
-					target.namespace
-				]
+				children: /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+					className: "power-logs-target power-logs-muted",
+					children: [
+						/* @__PURE__ */ require_jsx_runtime.jsxs("strong", { children: [
+							target.kind,
+							" / ",
+							target.name
+						] }),
+						" ",
+						"· ",
+						target.namespace
+					]
+				})
 			}) : /* @__PURE__ */ require_jsx_runtime.jsx(SourcePicker, {}),
-			error && /* @__PURE__ */ require_jsx_runtime.jsx("div", {
+			error && /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
 				role: "alert",
 				className: "power-logs-notice power-logs-error",
-				children: error
+				children: [error, savedPoolFull && /* @__PURE__ */ require_jsx_runtime.jsx("button", {
+					type: "button",
+					disabled: deletingCount > 0 || !!queryId || capturePending,
+					onClick: clearSavedSnapshots,
+					children: "Clear saved snapshots"
+				})]
 			}),
 			tab === "live" ? /* @__PURE__ */ require_jsx_runtime.jsxs(require_jsx_runtime.Fragment, { children: [
 				/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
@@ -1174,32 +1283,34 @@ function Workspace({ clusterId, contextId }) {
 						/* @__PURE__ */ require_jsx_runtime.jsx(LogSelect, {
 							label: "Container source",
 							renderOption: (option, context) => {
-								if (context !== "menu") return /* @__PURE__ */ require_jsx_runtime.jsx("span", {
+								if (context !== "menu") return /* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 									title: option.label,
-									children: option.label
+									children: /* @__PURE__ */ require_jsx_runtime.jsx("span", { children: option.label })
 								});
 								const item = sources.find((item) => sourceKey(item) === option.value);
-								return /* @__PURE__ */ require_jsx_runtime.jsxs("span", {
-									className: "power-logs-source-option",
+								return /* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 									title: option.label,
-									children: [
-										/* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
-											material: item ? "view_in_ar" : "layers",
-											size: 16
-										}),
-										/* @__PURE__ */ require_jsx_runtime.jsxs("span", {
-											className: "power-logs-option-text",
-											children: [/* @__PURE__ */ require_jsx_runtime.jsx("strong", { children: item ? item.pod : option.value ? "All pods" : option.label }), /* @__PURE__ */ require_jsx_runtime.jsxs("small", { children: [option.value ? `Container · ${item?.container ?? option.value.slice(10)}` : "Every pod and container", item?.previous ? " · Previous" : ""] })]
-										}),
-										/* @__PURE__ */ require_jsx_runtime.jsx("span", {
-											className: "power-logs-source-check",
-											"aria-hidden": "true",
-											children: source === option.value && /* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
-												material: "check",
+									children: /* @__PURE__ */ require_jsx_runtime.jsxs("span", {
+										className: "power-logs-source-option",
+										children: [
+											/* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
+												material: item ? "view_in_ar" : "layers",
 												size: 16
+											}),
+											/* @__PURE__ */ require_jsx_runtime.jsxs("span", {
+												className: "power-logs-option-text",
+												children: [/* @__PURE__ */ require_jsx_runtime.jsx("strong", { children: item ? item.pod : option.value ? "All pods" : option.label }), /* @__PURE__ */ require_jsx_runtime.jsxs("small", { children: [option.value ? `Container · ${item?.container ?? option.value.slice(10)}` : "Every pod and container", item?.previous ? " · Previous" : ""] })]
+											}),
+											/* @__PURE__ */ require_jsx_runtime.jsx("span", {
+												className: "power-logs-source-check",
+												"aria-hidden": "true",
+												children: source === option.value && /* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
+													material: "check",
+													size: 16
+												})
 											})
-										})
-									]
+										]
+									})
 								});
 							},
 							value: source,
@@ -1256,21 +1367,23 @@ function Workspace({ clusterId, contextId }) {
 					filters: fieldFilters,
 					onRemove: (index) => setFieldFilters(fieldFilters.filter((_, item) => item !== index))
 				}),
-				/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
-					className: "power-logs-muted power-logs-status",
-					role: "status",
+				/* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 					title: `${status} · Viewer retains up to ${limits.liveRows.toLocaleString()} lines / ${limits.liveBytes / 1048576} MiB`,
-					children: [
-						/* @__PURE__ */ require_jsx_runtime.jsxs("span", { children: [filtered.length.toLocaleString(), " matching lines"] }),
-						" · ",
-						status,
-						liveCoverage && live ? ` · ${liveCoverage.active}/${liveCoverage.total} active sources` : "",
-						" · Viewer retains up to ",
-						limits.liveRows.toLocaleString(),
-						" lines / ",
-						limits.liveBytes / 1048576,
-						" MiB"
-					]
+					children: /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+						className: "power-logs-muted power-logs-status",
+						role: "status",
+						children: [
+							/* @__PURE__ */ require_jsx_runtime.jsxs("span", { children: [filtered.length.toLocaleString(), " matching lines"] }),
+							" · ",
+							status,
+							liveCoverage && live ? ` · ${liveCoverage.active}/${liveCoverage.total} active sources` : "",
+							" · Viewer retains up to ",
+							limits.liveRows.toLocaleString(),
+							" lines / ",
+							limits.liveBytes / 1048576,
+							" MiB"
+						]
+					})
 				}),
 				/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
 					className: "power-logs-workspace",
@@ -1304,7 +1417,7 @@ function Workspace({ clusterId, contextId }) {
 								if (button && !button.disabled) {
 									event.preventDefault();
 									event.stopPropagation();
-									deleteCapture(button.dataset.captureDelete);
+									confirmDeleteCapture(button.dataset.captureDelete);
 								}
 							},
 							renderOption: (option, context) => {
@@ -1312,41 +1425,71 @@ function Workspace({ clusterId, contextId }) {
 								if (context !== "menu" || !item) return option.label;
 								return /* @__PURE__ */ require_jsx_runtime.jsxs("span", {
 									className: "power-logs-snapshot-option",
-									title: option.label,
-									children: [/* @__PURE__ */ require_jsx_runtime.jsxs("span", {
-										className: "power-logs-option-text",
-										children: [/* @__PURE__ */ require_jsx_runtime.jsx("strong", { children: item.target.name }), /* @__PURE__ */ require_jsx_runtime.jsxs("small", { children: [
-											require_date_time.formatDateTime(item.createdAt),
-											" · ",
-											item.rows.toLocaleString(),
-											" lines ·",
-											" ",
-											item.state[0].toUpperCase(),
-											item.state.slice(1)
-										] })]
-									}), /* @__PURE__ */ require_jsx_runtime.jsx("button", {
-										type: "button",
-										"aria-label": `Delete snapshot ${item.target.name}`,
-										title: "Delete snapshot (Alt+Delete)",
-										"data-capture-delete": item.id,
-										onKeyDown: (event) => event.stopPropagation(),
-										disabled: !!queryId || capturePending || deletingCount > 0 || item.state === "collecting",
-										onMouseDown: (event) => {
-											event.preventDefault();
-											event.stopPropagation();
-										},
-										onClick: (event) => {
-											event.preventDefault();
-											event.stopPropagation();
-											deleteCapture(item.id);
-										},
-										children: /* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Icon, {
-											material: "delete_outline",
-											size: 16,
-											tooltip: "Delete snapshot",
-											tooltipOverrideDisabled: true
+									children: [
+										/* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
+											title: option.label,
+											children: /* @__PURE__ */ require_jsx_runtime.jsxs("span", {
+												className: "power-logs-option-text",
+												children: [/* @__PURE__ */ require_jsx_runtime.jsx("strong", { children: item.target.name }), /* @__PURE__ */ require_jsx_runtime.jsxs("small", { children: [
+													require_date_time.formatDateTime(item.createdAt),
+													" · ",
+													item.rows.toLocaleString(),
+													" lines ·",
+													" ",
+													item.state[0].toUpperCase(),
+													item.state.slice(1),
+													item.persistent ? " · Persistent" : ""
+												] })]
+											})
+										}),
+										/* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
+											title: item.persistent ? "Allow snapshot to expire" : "Keep snapshot",
+											children: /* @__PURE__ */ require_jsx_runtime.jsx("button", {
+												type: "button",
+												"aria-label": `${item.persistent ? "Allow expiration for" : "Keep"} snapshot ${item.target.name}`,
+												"aria-pressed": Boolean(item.persistent),
+												"data-capture-persistent": item.id,
+												onKeyDown: (event) => event.stopPropagation(),
+												disabled: !!queryId || capturePending || deletingCount > 0 || item.state === "collecting",
+												onMouseDown: (event) => {
+													event.preventDefault();
+													event.stopPropagation();
+												},
+												onClick: (event) => {
+													event.preventDefault();
+													event.stopPropagation();
+													confirmPersistentCapture(item);
+												},
+												children: /* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Icon, {
+													material: "push_pin",
+													size: 16
+												})
+											})
+										}),
+										/* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
+											title: "Delete snapshot (Alt+Delete)",
+											children: /* @__PURE__ */ require_jsx_runtime.jsx("button", {
+												type: "button",
+												"aria-label": `Delete snapshot ${item.target.name}`,
+												"data-capture-delete": item.id,
+												onKeyDown: (event) => event.stopPropagation(),
+												disabled: !!queryId || capturePending || deletingCount > 0 || item.state === "collecting",
+												onMouseDown: (event) => {
+													event.preventDefault();
+													event.stopPropagation();
+												},
+												onClick: (event) => {
+													event.preventDefault();
+													event.stopPropagation();
+													confirmDeleteCapture(item.id);
+												},
+												children: /* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Icon, {
+													material: "delete_outline",
+													size: 16
+												})
+											})
 										})
-									})]
+									]
 								});
 							},
 							value: captureId,
@@ -1363,39 +1506,35 @@ function Workspace({ clusterId, contextId }) {
 								label: "Choose a snapshot"
 							}, ...captures.map((item) => ({
 								value: item.id,
-								label: `${item.target.name} · ${require_date_time.formatDateTime(item.createdAt)} · ${item.rows.toLocaleString()} lines · ${item.state[0].toUpperCase()}${item.state.slice(1)}`
+								label: `${item.target.name} · ${require_date_time.formatDateTime(item.createdAt)} · ${item.rows.toLocaleString()} lines · ${item.state[0].toUpperCase()}${item.state.slice(1)}${item.persistent ? " · Persistent" : ""}`
 							}))]
 						}),
-						/* @__PURE__ */ require_jsx_runtime.jsxs("button", {
-							type: "button",
-							disabled: !captureId || !!queryId || deleting.current.has(captureId),
+						/* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 							title: "Export JSON Lines (NDJSON)",
-							onClick: () => {
-								client.export(captureId).catch(() => setError("Could not export capture"));
-							},
-							children: [/* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
-								material: "download",
-								size: 16
-							}), " Export JSON"]
+							children: /* @__PURE__ */ require_jsx_runtime.jsxs("button", {
+								type: "button",
+								disabled: !captureId || !!queryId || deleting.current.has(captureId),
+								onClick: () => {
+									client.export(captureId).catch(() => setError("Could not export capture"));
+								},
+								children: [/* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
+									material: "download",
+									size: 16
+								}), " Export JSON"]
+							})
 						})
 					]
 				}),
-				!!chosenCapture?.notes.length && /* @__PURE__ */ require_jsx_runtime.jsxs("details", {
-					className: "power-logs-snapshot-notes power-logs-muted",
-					children: [/* @__PURE__ */ require_jsx_runtime.jsxs("summary", { children: [
-						"Snapshot notes (",
-						chosenCapture.notes.length,
-						")"
-					] }), chosenCapture.notes.map((note) => /* @__PURE__ */ require_jsx_runtime.jsx("div", { children: note }, note))]
-				}),
 				/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
 					className: "power-logs-toolbar power-logs-sql-tools",
 					children: [
-						/* @__PURE__ */ require_jsx_runtime.jsx("label", {
-							htmlFor: "power-logs-sql",
-							className: "power-logs-control-label",
+						/* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 							title: `Read-only SELECT · ${limits.queryMs / 1e3} s · ${limits.resultRows.toLocaleString()} rows · Schema: logs(timestamp INTEGER in milliseconds, pod, podUid, container, level, message, fieldsJson, previous INTEGER 0 or 1)`,
-							children: "SQL query"
+							children: /* @__PURE__ */ require_jsx_runtime.jsx("label", {
+								htmlFor: "power-logs-sql",
+								className: "power-logs-control-label",
+								children: "SQL query"
+							})
 						}),
 						/* @__PURE__ */ require_jsx_runtime.jsxs("button", {
 							type: "button",
@@ -1419,7 +1558,13 @@ function Workspace({ clusterId, contextId }) {
 						examples.map(([title, query]) => /* @__PURE__ */ require_jsx_runtime.jsxs("button", {
 							type: "button",
 							disabled: !!queryId || capturePending,
-							onClick: () => title === "JSON" || title === "Recent" ? void applyPreset(title) : setSql(query),
+							onClick: () => {
+								if (title === "JSON" || title === "Recent") applyPreset(title);
+								else {
+									setSql(query);
+									setSqlFitVersion((version) => version + 1);
+								}
+							},
 							children: [
 								/* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
 									material: title === "Recent" ? "history" : title === "Errors" ? "error_outline" : title === "Timeline" ? "timeline" : "data_object",
@@ -1441,7 +1586,8 @@ function Workspace({ clusterId, contextId }) {
 				/* @__PURE__ */ require_jsx_runtime.jsx(require_power_log_sql_editor.SqlEditor, {
 					id: "power-logs-sql",
 					value: sql,
-					onChange: setSql
+					onChange: setSql,
+					fitVersion: sqlFitVersion
 				}),
 				sqlError && /* @__PURE__ */ require_jsx_runtime.jsx("div", {
 					role: "alert",
@@ -1498,8 +1644,7 @@ function Workspace({ clusterId, contextId }) {
 												value: cell === null ? null : String(cell),
 												column: result.columns[j],
 												rawValue: cell,
-												Icon,
-												onFilter: sqlFilteringDisabled ? void 0 : (filter) => addSqlFilter(result.columns[j], filter)
+												Icon
 											})
 										}, j))
 									}, i)) })
@@ -1519,18 +1664,20 @@ function Workspace({ clusterId, contextId }) {
 						className: "power-logs-toolbar power-logs-pagination",
 						"aria-label": "SQL result pages",
 						children: [
-							/* @__PURE__ */ require_jsx_runtime.jsx("button", {
-								type: "button",
-								"aria-label": "Previous page",
+							/* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 								title: "Previous page",
-								disabled: resultPage === 0,
-								onClick: () => {
-									setResultPage(resultPage - 1);
-									setSelectedSqlRow(void 0);
-								},
-								children: /* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
-									material: "chevron_left",
-									size: 16
+								children: /* @__PURE__ */ require_jsx_runtime.jsx("button", {
+									type: "button",
+									"aria-label": "Previous page",
+									disabled: resultPage === 0,
+									onClick: () => {
+										setResultPage(resultPage - 1);
+										setSelectedSqlRow(void 0);
+									},
+									children: /* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
+										material: "chevron_left",
+										size: 16
+									})
 								})
 							}),
 							/* @__PURE__ */ require_jsx_runtime.jsxs("span", {
@@ -1542,18 +1689,20 @@ function Workspace({ clusterId, contextId }) {
 									Math.max(1, Math.ceil(result.rows.length / 50))
 								]
 							}),
-							/* @__PURE__ */ require_jsx_runtime.jsx("button", {
-								type: "button",
-								"aria-label": "Next page",
+							/* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
 								title: "Next page",
-								disabled: (resultPage + 1) * 50 >= result.rows.length,
-								onClick: () => {
-									setResultPage(resultPage + 1);
-									setSelectedSqlRow(void 0);
-								},
-								children: /* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
-									material: "chevron_right",
-									size: 16
+								children: /* @__PURE__ */ require_jsx_runtime.jsx("button", {
+									type: "button",
+									"aria-label": "Next page",
+									disabled: (resultPage + 1) * 50 >= result.rows.length,
+									onClick: () => {
+										setResultPage(resultPage + 1);
+										setSelectedSqlRow(void 0);
+									},
+									children: /* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
+										material: "chevron_right",
+										size: 16
+									})
 								})
 							})
 						]
@@ -1565,35 +1714,48 @@ function Workspace({ clusterId, contextId }) {
 			] }),
 			/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
 				className: "power-logs-muted power-logs-footer",
-				children: [/* @__PURE__ */ require_jsx_runtime.jsxs("span", {
-					className: "power-logs-caption",
-					title: `Gentle collection: ${limits.requestsPerSecond} requests/s, ${limits.bytesPerSecond / 1048576} MiB/s. Captures: ${limits.captureSourceLines.toLocaleString()} lines / ${limits.captureSourceBytes / 1048576} MiB per source, ${limits.captureBytes / 1048576} MiB total. Up to ${limits.captures} snapshots retained for ${limits.ttlMs / 6e4} minutes.`,
-					children: [
-						"Gentle collection · ",
-						limits.requestsPerSecond,
-						" requests/s · ",
-						limits.bytesPerSecond / 1048576,
-						" MiB/s · Captures limited to ",
-						limits.captureSourceLines.toLocaleString(),
-						" lines / ",
-						limits.captureSourceBytes / 1048576,
-						" MiB per source and ",
-						limits.captureBytes / 1048576,
-						" MiB total · Up to ",
-						limits.captures,
-						" temporary snapshots, retained for ",
-						limits.ttlMs / 6e4,
-						" min"
-					]
-				}), collectionNotes.length > 0 && /* @__PURE__ */ require_jsx_runtime.jsxs("span", {
-					role: "note",
-					className: "power-logs-notice power-logs-collection-note",
-					title: collectionNotes.join("\n"),
-					children: [/* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
-						material: "warning_amber",
-						size: 14
-					}), /* @__PURE__ */ require_jsx_runtime.jsx("span", { children: collectionNotes.join(" · ") })]
-				})]
+				children: [
+					/* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
+						title: `Gentle collection: ${limits.requestsPerSecond} requests/s, ${limits.bytesPerSecond / 1048576} MiB/s. Captures: ${limits.captureSourceLines.toLocaleString()} lines / ${limits.captureSourceBytes / 1048576} MiB per source, ${limits.captureBytes / 1048576} MiB total. Up to ${limits.captures} snapshots retained for ${limits.ttlMs / 6e4} minutes.`,
+						children: /* @__PURE__ */ require_jsx_runtime.jsxs("span", {
+							className: "power-logs-caption",
+							children: [
+								"Collection · ",
+								limits.requestsPerSecond,
+								" req/s · ",
+								limits.bytesPerSecond / 1048576,
+								" MiB/s ·",
+								" ",
+								limits.captureBytes / 1048576,
+								" MiB/snapshot · Retention ",
+								limits.ttlMs / 6e4,
+								" min"
+							]
+						})
+					}),
+					tab === "live" && collectionNotes.length > 0 && /* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
+						title: collectionNotes.join("\n"),
+						children: /* @__PURE__ */ require_jsx_runtime.jsxs("span", {
+							role: "note",
+							className: "power-logs-notice power-logs-collection-note",
+							children: [/* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
+								material: "warning_amber",
+								size: 14
+							}), /* @__PURE__ */ require_jsx_runtime.jsx("span", { children: collectionNotes.join(" · ") })]
+						})
+					}),
+					tab === "captures" && chosenCapture && (chosenCapture.state === "partial" || chosenCapture.notes.length > 0) && /* @__PURE__ */ require_jsx_runtime.jsx(require_native_tooltip.NativeTooltip, {
+						title: chosenCapture.notes.join("\n") || "Collection stopped or a source was unavailable; this snapshot may be incomplete",
+						children: /* @__PURE__ */ require_jsx_runtime.jsxs("span", {
+							role: "note",
+							className: "power-logs-notice power-logs-collection-note",
+							children: [/* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
+								material: "warning_amber",
+								size: 14
+							}), /* @__PURE__ */ require_jsx_runtime.jsx("span", { children: "Incomplete snapshot" })]
+						})
+					})
+				]
 			})
 		]
 	});