@64mb/freelens-power 1.6.0 → 2.0.0

package/out/renderer/power-logs.js

@@ -8,8 +8,14 @@ const require_jsx_runtime = require("./_virtual/_global-external_react/jsx-runti
 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");
+const require_power_log_field_filters = require("./src/common/power-log-field-filters.js");
+const require_power_log_json_filter_sql = require("./src/common/power-log-json-filter-sql.js");
+const require_power_log_json_preset = require("./src/common/power-log-json-preset.js");
 const require_power_logs_ai = require("./src/common/power-logs-ai.js");
+const require_power_log_json_fields = require("./power-log-json-fields.js");
 const require_power_log_json = require("./power-log-json.js");
+const require_power_log_message = require("./power-log-message.js");
+const require_power_log_json_cell = require("./power-log-json-cell.js");
 const require_power_logs_css = require("./power-logs.css.js");
 const require_power_logs_client = require("./power-logs-client.js");
 const require_power_logs_collector = require("./power-logs-collector.js");
@@ -17,6 +23,7 @@ const require_power_logs_entrypoints = require("./power-logs-entrypoints.js");
 const require_power_logs_sql_row = require("./power-logs-sql-row.js");
 const require_resource_search_client = require("./resource-search-client.js");
 const require_power_logs_transport = require("./power-logs-transport.js");
+let electron = require("electron");
 let node_crypto = require("node:crypto");
 //#region src/renderer/power-logs.tsx
 var Icon = (props) => /* @__PURE__ */ require_jsx_runtime.jsx("span", {
@@ -38,7 +45,7 @@ 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, level, count(*) AS lines FROM logs GROUP BY minute, level ORDER BY minute"],
-	["JSON", "SELECT pod, json_extract(fieldsJson, '$.message') AS message FROM logs WHERE fieldsJson IS NOT NULL LIMIT 100"]
+	["JSON", "SELECT fieldsJson FROM logs WHERE fieldsJson IS NOT NULL LIMIT 100"]
 ];
 var sqlColumnWidth = (column) => column === "message" || column === "fieldsJson" ? 360 : column === "level" ? 90 : 200;
 function initialTarget() {
@@ -154,7 +161,7 @@ var SourcePicker = require__global_external_mobx_react.observer(() => {
 		]
 	});
 });
-function LogRows({ records, selected, onSelect, follow, setFollow, compact }) {
+function LogRows({ records, loading, selected, onSelect, follow, setFollow, compact }) {
 	const viewport = require__global_external_react.useRef(null);
 	const [top, setTop] = require__global_external_react.useState(0);
 	const [height, setHeight] = require__global_external_react.useState(400);
@@ -175,7 +182,7 @@ function LogRows({ records, selected, onSelect, follow, setFollow, compact }) {
 		follow,
 		compact
 	]);
-	const rowHeight = compact ? 24 : 34;
+	const rowHeight = compact ? 20 : 34;
 	const start = Math.max(0, Math.floor(top / rowHeight) - 5);
 	const visible = records.slice(start, start + Math.ceil(height / rowHeight) + 10);
 	return /* @__PURE__ */ require_jsx_runtime.jsx("div", {
@@ -184,6 +191,7 @@ function LogRows({ records, selected, onSelect, follow, setFollow, compact }) {
 			className: "power-logs-stream",
 			ref: viewport,
 			"aria-label": "Log lines",
+			"aria-busy": loading,
 			onScroll: (event) => {
 				const el = event.currentTarget;
 				setTop(el.scrollTop);
@@ -191,7 +199,7 @@ function LogRows({ records, selected, onSelect, follow, setFollow, compact }) {
 			},
 			children: records.length === 0 ? /* @__PURE__ */ require_jsx_runtime.jsx("div", {
 				className: "power-logs-empty",
-				children: "No matching log lines"
+				children: loading ? "Loading logs…" : "No matching log lines"
 			}) : /* @__PURE__ */ require_jsx_runtime.jsx("div", {
 				style: {
 					height: records.length * rowHeight,
@@ -226,22 +234,21 @@ function LogRows({ records, selected, onSelect, follow, setFollow, compact }) {
 								record.pod
 							]
 						}),
-						/* @__PURE__ */ require_jsx_runtime.jsx("span", { children: record.message })
+						/* @__PURE__ */ require_jsx_runtime.jsx(require_power_log_message.LogMessage, { text: record.message })
 					]
 				}, record.key))
 			})
 		})
 	});
 }
-function LogDetails({ record, jsonColumn, onClose }) {
+function LogDetails({ record, jsonColumn, onClose, onFilter }) {
 	const structuredFields = require__global_external_react.useMemo(() => {
 		if (!record?.fieldsJson) return "";
-		try {
-			return JSON.stringify(JSON.parse(record.fieldsJson), null, 2);
-		} catch {
-			return record.fieldsJson;
-		}
+		return require_power_log_json_fields.formatJsonLiteral(record.fieldsJson);
 	}, [record?.fieldsJson]);
+	const fieldsEnabled = require__global_external_react.useMemo(() => !require_power_log_json_fields.jsonHasDuplicateKeys(record.fieldsJson ?? ""), [record.fieldsJson]);
+	const [copyFeedback, setCopyFeedback] = require__global_external_react.useState("");
+	require__global_external_react.useEffect(() => setCopyFeedback(""), [structuredFields]);
 	return /* @__PURE__ */ require_jsx_runtime.jsxs("aside", {
 		className: "power-logs-detail",
 		"aria-label": "Log line details",
@@ -260,11 +267,70 @@ function LogDetails({ record, jsonColumn, onClose }) {
 				className: "power-logs-muted",
 				children: [record.pod && sourceKey(record), record.level].filter(Boolean).join(" · ")
 			}),
-			record.message && /* @__PURE__ */ require_jsx_runtime.jsx("pre", { children: record.message }),
-			record.fieldsJson && /* @__PURE__ */ require_jsx_runtime.jsxs(require_jsx_runtime.Fragment, { children: [/* @__PURE__ */ require_jsx_runtime.jsx("strong", { children: jsonColumn ? `Structured fields · ${jsonColumn}` : "Structured fields" }), /* @__PURE__ */ require_jsx_runtime.jsx(require_power_log_json.LogJson, { text: structuredFields })] })
+			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",
+						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
+						})
+					}),
+					/* @__PURE__ */ require_jsx_runtime.jsx("span", {
+						className: "power-logs-muted",
+						"aria-live": "polite",
+						children: copyFeedback
+					})
+				]
+			}), /* @__PURE__ */ require_jsx_runtime.jsx(require_power_log_json.LogJson, {
+				text: structuredFields,
+				fieldsEnabled,
+				Icon,
+				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 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;
+	return /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+		className: "power-logs-field-filters",
+		"aria-label": sql ? "SQL JSON filters" : "Live JSON filters",
+		children: [/* @__PURE__ */ require_jsx_runtime.jsxs("span", {
+			className: "power-logs-muted",
+			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,
+				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
+				})]
+			}, index);
+		})]
+	});
+}
 function Workspace({ clusterId, contextId }) {
 	const client = require__global_external_react.useMemo(() => require_power_logs_client.createPowerLogsClient({
 		clusterId,
@@ -280,6 +346,10 @@ 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 [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());
+	const [sqlFieldFilters, setSqlFieldFilters] = require__global_external_react.useState();
 	const preferences = require_logs_preferences_store.LogsPreferencesStore.getInstanceOrCreate();
 	const limits = require_power_logs_limits.normalizePowerLogsLimits(preferences.limits);
 	require__global_external_react.useEffect(() => {
@@ -291,18 +361,32 @@ function Workspace({ clusterId, contextId }) {
 	const [liveCoverage, setLiveCoverage] = require__global_external_react.useState();
 	const [live, setLive] = require__global_external_react.useState(false);
 	const [follow, setFollow] = require__global_external_react.useState(true);
-	const [busy, setBusy] = require__global_external_react.useState(false);
+	const [busy, setBusy] = require__global_external_react.useState(() => Boolean(initialTarget()));
 	const [captures, setCaptures] = require__global_external_react.useState([]);
-	const [captureId, setCaptureId] = require__global_external_react.useState("");
+	const [captureId, updateCaptureId] = require__global_external_react.useState("");
 	const captureSelection = require__global_external_react.useRef(captureId);
 	captureSelection.current = captureId;
+	const setCaptureId = (id) => {
+		captureSelection.current = id;
+		updateCaptureId(id);
+	};
 	const deleting = require__global_external_react.useRef(/* @__PURE__ */ new Set());
 	const [deletingCount, setDeletingCount] = require__global_external_react.useState(0);
 	const [capturing, setCapturing] = require__global_external_react.useState();
 	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 [sql, setSql] = require__global_external_react.useState(examples[0][1]);
+	const [sql, updateSql] = require__global_external_react.useState(examples[0][1]);
+	const sqlDraft = require__global_external_react.useRef(sql);
+	sqlDraft.current = sql;
+	const setSql = (query) => {
+		sqlDraft.current = query;
+		updateSql(query);
+	};
+	const captureKeys = require__global_external_react.useRef(/* @__PURE__ */ new Map());
+	require__global_external_react.useEffect(() => {
+		setSqlFieldFilters((current) => current && (current.rendered !== sql || current.captureId !== captureId) ? void 0 : current);
+	}, [sql, captureId]);
 	const [result, setResult] = require__global_external_react.useState();
 	const [resultEvidence, setResultEvidence] = require__global_external_react.useState();
 	const [resultPage, setResultPage] = require__global_external_react.useState(0);
@@ -447,6 +531,7 @@ function Workspace({ clusterId, contextId }) {
 	};
 	require__global_external_react.useEffect(() => {
 		setText("");
+		setFieldFilters([]);
 		setSources([]);
 		setTab("live");
 		readHistory();
@@ -581,7 +666,7 @@ function Workspace({ clusterId, contextId }) {
 					setCaptures((items) => [saved, ...items.filter((item) => item.id !== saved.id)]);
 					setTab("captures");
 					setSql(examples[0][1]);
-					runQuery(saved, examples[0][1]);
+					applyPreset("Recent", saved, true);
 				}
 			} catch {
 				if (alive.current) setError("The temporary capture could not be finalized");
@@ -623,11 +708,115 @@ function Workspace({ clusterId, contextId }) {
 			}
 		}
 	};
-	const filtered = require__global_external_react.useMemo(() => records.filter((record) => (!text || record.message.toLocaleLowerCase().includes(text.toLocaleLowerCase())) && (!level || record.level === level) && (!source || (source.startsWith("container:") ? record.container === source.slice(10) : sourceKey(record) === source))), [
+	const applyPreset = async (title, selectedCapture, execute = false) => {
+		const captured = selectedCapture ?? captures.find((item) => item.id === captureId);
+		if (queryRef.current || !selectedCapture && captureController.current || !captured || captured.state === "collecting" || deleting.current.has(captured.id)) return;
+		const draft = execute ? examples[0][1] : sqlDraft.current;
+		const id = (0, node_crypto.randomUUID)();
+		queryRef.current = id;
+		setQueryId(id);
+		setError("");
+		let prepared;
+		try {
+			let keys = captureKeys.current.get(captured.id);
+			if (!keys) {
+				const schema = await client.query(captured.id, id, require_power_log_json_preset.JSON_KEY_DISCOVERY_SQL);
+				if (schema.error) throw new Error(schema.error);
+				const keyColumn = schema.columns.indexOf("key");
+				keys = schema.truncated ? ["\0"] : keyColumn < 0 ? [] : schema.rows.map((row) => row[keyColumn]).filter((key) => typeof key === "string");
+				captureKeys.current.set(captured.id, keys);
+				if (captureKeys.current.size > 10) captureKeys.current.delete(captureKeys.current.keys().next().value);
+			}
+			if (!alive.current || queryRef.current !== id || captureSelection.current !== captured.id) return;
+			if (sqlDraft.current !== draft) {
+				setError("SQL draft changed while detecting JSON fields. Select the preset again to replace it.");
+				return;
+			}
+			prepared = require_power_log_json_preset.buildJsonProjectionSql(keys, { recent: title === "Recent" });
+			setSql(prepared);
+			setSelectedSqlRow(void 0);
+		} catch {
+			if (alive.current) setError("Could not detect JSON fields for this snapshot. Try the preset again.");
+		} finally {
+			if (queryRef.current === id) {
+				queryRef.current = "";
+				if (alive.current) setQueryId("");
+			}
+		}
+		if (prepared && execute && alive.current) runQuery(captured, prepared);
+	};
+	const addLiveFilter = (filter) => {
+		if (!require_power_log_field_filters.jsonValuesEqual(filter.value, filter.value)) {
+			setError("This JSON value is too large or unsupported for filtering");
+			return;
+		}
+		if (fieldFilters.some((current) => sameFieldFilter(current, filter))) return;
+		if (fieldFilters.length >= 32) {
+			setError("Up to 32 JSON filters can be combined");
+			return;
+		}
+		setFieldFilters([...fieldFilters, filter]);
+	};
+	const activeSqlFilters = sqlFieldFilters?.rendered === sql && sqlFieldFilters.captureId === captureId ? sqlFieldFilters : void 0;
+	const sqlFilteringDisabled = Boolean(queryId || capturePending || deleting.current.has(captureId) || !captures.some((capture) => capture.id === captureId && capture.state !== "collecting"));
+	const applySqlFilters = (filters) => {
+		if (queryRef.current || captureController.current || sqlFilteringDisabled) return;
+		if (!resultEvidence || resultEvidence.sql !== sql) {
+			setError("Run the edited SQL query before filtering its results");
+			return;
+		}
+		try {
+			const base = activeSqlFilters?.base ?? sql;
+			const query = require_power_log_json_filter_sql.buildJsonFilterSql(base, filters);
+			setSqlFieldFilters({
+				base,
+				rendered: query,
+				captureId,
+				filters
+			});
+			setSql(query);
+			runQuery(void 0, query);
+		} catch {
+			setError("This JSON filter cannot be added to the query. Check the field path and value size.");
+		}
+	};
+	const addSqlFilter = (column, filter) => {
+		const columnNames = result?.columns.map((name) => name.replace(/[A-Z]/g, (letter) => letter.toLowerCase())) ?? [];
+		if (!result?.columns.includes(column) || new Set(columnNames).size !== columnNames.length) {
+			setError("JSON filters require unique result column names, ignoring case");
+			return;
+		}
+		const filters = activeSqlFilters?.filters ?? [];
+		if (filters.some((current) => current.column === column && sameFieldFilter(current, filter))) return;
+		if (filters.length >= 32) {
+			setError("Up to 32 JSON filters can be combined");
+			return;
+		}
+		applySqlFilters([...filters, {
+			...filter,
+			column
+		}]);
+	};
+	const matchesRecordFields = (record) => {
+		if (!fieldFilters.length) return true;
+		if (!parsedFields.current.has(record)) {
+			let fields;
+			try {
+				fields = JSON.parse(record.fieldsJson ?? "null");
+			} catch {
+				fields = void 0;
+			}
+			parsedFields.current.set(record, fields);
+		}
+		return matchFields(parsedFields.current.get(record));
+	};
+	const filtered = require__global_external_react.useMemo(() => records.filter((record) => (!text || record.message.toLocaleLowerCase().includes(text.toLocaleLowerCase())) && (!level || record.level === level) && (!source || (source.startsWith("container:") ? record.container === source.slice(10) : sourceKey(record) === source)) && matchesRecordFields(record)), [
 		records,
 		text,
 		level,
-		source
+		source,
+		fieldFilters,
+		matchFields
 	]);
 	const chosenCapture = captures.find((item) => item.id === captureId);
 	const collectionNotes = tab === "live" ? [.../* @__PURE__ */ new Set([...notes, ...live ? liveCoverage?.notes ?? [] : []])] : [];
@@ -764,7 +953,7 @@ function Workspace({ clusterId, contextId }) {
 							if (!captureId && latest && !capturePending) {
 								setCaptureId(latest.id);
 								setSql(examples[0][1]);
-								runQuery(latest, examples[0][1]);
+								applyPreset("Recent", latest, true);
 							}
 							refreshCaptures();
 						},
@@ -1004,6 +1193,10 @@ function Workspace({ clusterId, contextId }) {
 						})
 					]
 				}),
+				/* @__PURE__ */ require_jsx_runtime.jsx(FieldFilters, {
+					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",
@@ -1024,6 +1217,7 @@ function Workspace({ clusterId, contextId }) {
 					className: "power-logs-workspace",
 					children: [/* @__PURE__ */ require_jsx_runtime.jsx(LogRows, {
 						records: filtered,
+						loading: busy,
 						selected: selected?.key,
 						onSelect: setSelected,
 						follow,
@@ -1031,7 +1225,8 @@ function Workspace({ clusterId, contextId }) {
 						compact
 					}), selected && /* @__PURE__ */ require_jsx_runtime.jsx(LogDetails, {
 						record: selected,
-						onClose: () => setSelected(void 0)
+						onClose: () => setSelected(void 0),
+						onFilter: addLiveFilter
 					})]
 				})
 			] }) : /* @__PURE__ */ require_jsx_runtime.jsxs(require_jsx_runtime.Fragment, { children: [
@@ -1100,7 +1295,7 @@ function Workspace({ clusterId, contextId }) {
 							const snapshot = captures.find((item) => item.id === value);
 							if (snapshot) {
 								setSql(examples[0][1]);
-								runQuery(snapshot, examples[0][1]);
+								applyPreset("Recent", snapshot, true);
 							}
 						},
 						options: [{
@@ -1160,7 +1355,8 @@ function Workspace({ clusterId, contextId }) {
 						}),
 						examples.map(([title, query]) => /* @__PURE__ */ require_jsx_runtime.jsxs("button", {
 							type: "button",
-							onClick: () => setSql(query),
+							disabled: !!queryId || capturePending,
+							onClick: () => title === "JSON" || title === "Recent" ? void applyPreset(title) : setSql(query),
 							children: [
 								/* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
 									material: title === "Recent" ? "history" : title === "Errors" ? "error_outline" : title === "Timeline" ? "timeline" : "data_object",
@@ -1173,13 +1369,36 @@ function Workspace({ clusterId, contextId }) {
 						}, title))
 					]
 				}),
+				/* @__PURE__ */ require_jsx_runtime.jsx(FieldFilters, {
+					sql: true,
+					filters: activeSqlFilters?.filters ?? [],
+					disabled: sqlFilteringDisabled,
+					onRemove: (index) => applySqlFilters((activeSqlFilters?.filters ?? []).filter((_, item) => item !== index))
+				}),
 				/* @__PURE__ */ require_jsx_runtime.jsx("textarea", {
 					rows: 2,
 					id: "power-logs-sql",
 					value: sql,
 					maxLength: 65536,
 					onChange: (event) => setSql(event.target.value),
-					spellCheck: false
+					spellCheck: false,
+					onClick: (event) => {
+						event.stopPropagation();
+						if (event.detail >= 3) {
+							event.preventDefault();
+							window.getSelection()?.removeAllRanges();
+							event.currentTarget.select();
+						}
+					},
+					onMouseDown: (event) => {
+						event.stopPropagation();
+						if (event.detail >= 3) {
+							event.preventDefault();
+							window.getSelection()?.removeAllRanges();
+							event.currentTarget.focus();
+							event.currentTarget.select();
+						}
+					}
 				}),
 				result ? /* @__PURE__ */ require_jsx_runtime.jsxs(require_jsx_runtime.Fragment, { children: [
 					/* @__PURE__ */ require_jsx_runtime.jsx("div", {
@@ -1227,10 +1446,11 @@ function Workspace({ clusterId, contextId }) {
 										children: row.map((cell, j) => /* @__PURE__ */ require_jsx_runtime.jsx("td", {
 											"data-column": result.columns[j],
 											"data-level": result.columns[j] === "level" ? String(cell) : void 0,
-											children: /* @__PURE__ */ require_jsx_runtime.jsx("span", {
-												className: "power-logs-cell",
-												title: cell === null ? "NULL" : String(cell),
-												children: cell === null ? "NULL" : String(cell)
+											children: /* @__PURE__ */ require_jsx_runtime.jsx(require_power_log_json_cell.LogJsonCell, {
+												value: cell === null ? null : String(cell),
+												message: result.columns[j] === "message",
+												Icon,
+												onFilter: sqlFilteringDisabled ? void 0 : (filter) => addSqlFilter(result.columns[j], filter)
 											})
 										}, j))
 									}, i)) })
@@ -1242,6 +1462,7 @@ function Workspace({ clusterId, contextId }) {
 						}), selectedSqlRow && /* @__PURE__ */ require_jsx_runtime.jsx(LogDetails, {
 							record: selectedSqlRow.record,
 							jsonColumn: selectedSqlRow.jsonColumn,
+							onFilter: !sqlFilteringDisabled && selectedSqlRow.jsonColumn ? (filter) => addSqlFilter(selectedSqlRow.jsonColumn, filter) : void 0,
 							onClose: () => setSelectedSqlRow(void 0)
 						})]
 					}),