@64mb/freelens-power 2.1.1 → 2.2.0

package/out/renderer/power-logs.js

@@ -46,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;
@@ -324,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;
@@ -372,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());
@@ -407,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;
@@ -761,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;
@@ -789,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.");
@@ -805,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;
@@ -842,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;
@@ -959,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);
@@ -1156,10 +1247,15 @@ function Workspace({ clusterId, contextId }) {
 					]
 				})
 			}) : /* @__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", {
@@ -1321,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) => {
@@ -1329,43 +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",
-									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)
-											] })]
-										})
-									}), /* @__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();
-												deleteCapture(item.id);
-											},
-											children: /* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Icon, {
-												material: "delete_outline",
-												size: 16
+									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,
@@ -1382,7 +1506,7 @@ 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.jsx(require_native_tooltip.NativeTooltip, {
@@ -1401,14 +1525,6 @@ function Workspace({ clusterId, contextId }) {
 						})
 					]
 				}),
-				!!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: [
@@ -1442,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",
@@ -1464,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",
@@ -1521,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)) })
@@ -1592,41 +1714,48 @@ function Workspace({ clusterId, contextId }) {
 			] }),
 			/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
 				className: "power-logs-muted power-logs-footer",
-				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: [
-							"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.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(" · ") })]
+				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" })]
+						})
 					})
-				})]
+				]
 			})
 		]
 	});