);
}
// ─── Parse a simple WHERE clause into a row predicate
// Supports: body LIKE '%XYZ%' | "body" LIKE '%XYZ%'
// level = 'INFO' | service = 'frontend'
// agent IS NOT NULL | field IS NULL
// AND (logical AND)
function buildFilter(query) {
if (!query || !query.trim()) return () => true;
// Normalize
let q = query.trim();
// Extract WHERE clause if it's a full SQL statement
const wm = /\bWHERE\b\s+(.+?)(?:\bORDER BY\b|\bLIMIT\b|$)/i.exec(q);
if (wm) q = wm[1].trim();
// Strip trailing semicolons
q = q.replace(/;+$/, "").trim();
// Split on AND (case-insensitive, top-level only)
const conds = q.split(/\s+AND\s+/i).map(s => s.trim()).filter(Boolean);
const checks = conds.map(parseCond).filter(Boolean);
if (checks.length === 0) return () => true;
return (row) => {
const src = row.source || {};
const haystack = JSON.stringify(src);
return checks.every(check => check(src, haystack));
};
}
function parseCond(c) {
// body LIKE '%xyz%' OR "body" LIKE '%xyz%'
let m = /^"?(\w+)"?\s+LIKE\s+'%([^%]*)%'$/i.exec(c);
if (m) {
const [_, field, value] = m;
const re = new RegExp(escRegex(value), "i");
return (src, haystack) => {
const f = src[field];
if (f != null) return re.test(String(f));
return re.test(haystack);
};
}
// field = 'value'
m = /^"?(\w+)"?\s*=\s*'([^']*)'$/i.exec(c);
if (m) {
const [_, field, value] = m;
return (src) => {
const f = src[field];
if (f != null) return String(f) === value;
const haystack = JSON.stringify(src);
return haystack.includes(value);
};
}
// field != 'value'
m = /^"?(\w+)"?\s*(!=|<>)\s*'([^']*)'$/i.exec(c);
if (m) {
const [_, field, _op, value] = m;
return (src) => {
const f = src[field];
if (f == null) return true;
return String(f) !== value;
};
}
// field IS NOT NULL
m = /^"?(\w+)"?\s+IS\s+NOT\s+NULL$/i.exec(c);
if (m) {
const [_, field] = m;
return (src) => src[field] != null;
}
// field IS NULL
m = /^"?(\w+)"?\s+IS\s+NULL$/i.exec(c);
if (m) {
const [_, field] = m;
return (src) => src[field] == null;
}
// Fallback: plain free-text against the whole row
const re = new RegExp(escRegex(c), "i");
return (src, haystack) => re.test(haystack);
}
function escRegex(s) {
return String(s).replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
}
// ─── Stream selector header
function StreamHeader({ events, ms, scan, mode, patternMode, loading, patternsFound }) {
if (patternMode && loading) {
return null; // header is hidden while extracting
}
return (
{patternMode
? <>Showing 1 to 50 out of 1,547,595 events & {patternsFound} patterns found in 3,233 events in 2,228ms.
: <>Showing 1 to 50 out of {events} events in {ms}ms. (Scan size: {scan})
}
{/* Tabs visible on screenshot: Inspect + Insights */}
);
}
// ─── Field sidebar (otel_demo stream + search + collapsible field list)
function FieldSidebar({ streamName = "ai_inference" }) {
return (
);
}
// ─── Histogram (uses palette tokens, with hover tooltip)
function Histogram() {
const max = Math.max(...HIST_BARS);
const [hoverIdx, setHoverIdx] = useStateL(null);
const total = HIST_BARS.reduce((a, b) => a + b, 0);
return (