@pythia-software/query-table-ui 0.7.0 → 0.7.1

package/dist/index.js

@@ -8251,7 +8251,7 @@ import {
   useLayoutEffect as useLayoutEffect6,
   useMemo as useMemo9,
   useRef as useRef18,
-  useState as useState25
+  useState as useState26
 } from "react";
 import {
   MAX_AGGREGATIONS,
@@ -8266,7 +8266,7 @@ import {
 } from "@pythia-software/query-table-core";
 
 // src/MetricsPanel.tsx
-import { useState as useState24, useMemo as useMemo8 } from "react";
+import { useState as useState25, useMemo as useMemo8 } from "react";
 import { EMPTY_QUERY as EMPTY_QUERY2 } from "@pythia-software/query-table-core";
 
 // src/MetricChart.tsx
@@ -8274,7 +8274,7 @@ import {
   useEffect as useEffect16,
   useId as useId7,
   useRef as useRef17,
-  useState as useState23
+  useState as useState24
 } from "react";
 
 // src/metricChartHelpers.ts
@@ -8453,6 +8453,62 @@ function metricScale(values, options, zero = false) {
     omitted: values.length - valid.length
   };
 }
+function metricBoxWhiskers(summary) {
+  return {
+    low: Math.min(summary.low, summary.q1),
+    high: Math.max(summary.high, summary.q3)
+  };
+}
+function metricBoxOutliers(summary) {
+  return [.../* @__PURE__ */ new Set([
+    ...summary.outliers,
+    ...summary.min < summary.low ? [summary.min] : [],
+    ...summary.max > summary.high ? [summary.max] : []
+  ])];
+}
+
+// src/MetricTooltip.tsx
+import { useState as useState23 } from "react";
+import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+function MetricTooltip({ id, children }) {
+  const [tooltip, setTooltip] = useState23(null);
+  const show = (event) => {
+    const target = event.target;
+    const mark = target instanceof Element ? target.closest(".qt-metric-mark[aria-label]") : null;
+    if (!mark || !event.currentTarget.contains(mark)) return;
+    const label = mark.getAttribute("aria-label");
+    const color = mark.getAttribute("data-qt-metric-color") ?? void 0;
+    setTooltip((previous) => previous?.label === label && previous.color === color ? previous : { label, color });
+  };
+  return /* @__PURE__ */ jsxs24(
+    "div",
+    {
+      className: "qt-metric-chart-body",
+      onMouseOver: show,
+      onMouseOut: (event) => {
+        const target = event.target instanceof Element ? event.target.closest(".qt-metric-mark") : null;
+        if (target && (!(event.relatedTarget instanceof Node) || !target.contains(event.relatedTarget))) setTooltip(null);
+      },
+      onMouseLeave: () => setTooltip(null),
+      onFocus: show,
+      onBlur: () => setTooltip(null),
+      onKeyDown: (event) => {
+        if (event.key === "Escape" && tooltip) {
+          event.preventDefault();
+          event.stopPropagation();
+          setTooltip(null);
+        }
+      },
+      children: [
+        children,
+        tooltip && /* @__PURE__ */ jsxs24("div", { id, role: "tooltip", className: "qt-metric-tooltip", children: [
+          tooltip.color && /* @__PURE__ */ jsx28("span", { "aria-hidden": "true", className: "qt-metric-swatch", style: { background: tooltip.color } }),
+          /* @__PURE__ */ jsx28("span", { children: tooltip.label })
+        ] })
+      ]
+    }
+  );
+}
 
 // src/compactMetricChart.ts
 var durationUnits2 = {
@@ -8565,19 +8621,19 @@ function compactCalendarLabels(points, clause, locale) {
 }
 
 // src/MetricChart.tsx
-import { Fragment as Fragment18, jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
 function usePlotSize() {
   const ref = useRef17(null);
-  const [size3, setSize] = useState23({ width: 400, height: 220 });
+  const [size3, setSize] = useState24({ width: 400, height: 220 });
   useEffect16(() => {
     const element = ref.current;
     if (!element || typeof ResizeObserver === "undefined") return;
     const observer = new ResizeObserver((entries) => {
       const rect = entries[0]?.contentRect;
       if (rect && rect.width > 0 && rect.height > 0)
-        setSize({
-          width: Math.max(160, rect.width),
-          height: Math.max(100, rect.height)
+        setSize((previous) => {
+          const width = Math.max(160, rect.width), height = Math.max(100, rect.height);
+          return previous.width === width && previous.height === height ? previous : { width, height };
         });
     });
     observer.observe(element);
@@ -8595,7 +8651,7 @@ function MetricChart({
   classNames,
   onInspect
 }) {
-  const { ref, width: W, height: H } = usePlotSize(), tooltipId = useId7(), clipId = useId7(), [tooltip, setTooltip] = useState23(null);
+  const { ref, width: W, height: H } = usePlotSize(), tooltipId = useId7(), clipId = useId7();
   let buckets = inputBuckets;
   if (compact && clause.dateGrouping && ["line", "bar-vertical"].includes(clause.display?.kind ?? "")) {
     try {
@@ -8620,26 +8676,17 @@ function MetricChart({
   const detail = (b) => `${metricGroupLabel(b, clause, locale, true)}
 ${b.error ?? fmt(b.value, kind === "scatter" ? display2.xFormat : display2.format)}${kind === "scatter" ? ` / ${b.yError ?? fmt(b.y, display2.yFormat)}` : ""}
 ${b.count.toLocaleString(locale)} rows`;
-  const interaction = (b, label = detail(b), inspectable = true) => ({
+  const interaction = (b, label = detail(b), inspectable = true, color = shade(b)) => ({
     clipPath: ["pie", "donut"].includes(kind) ? void 0 : `url(#${clipId})`,
     tabIndex: 0,
     role: onInspect && inspectable ? "button" : "img",
     "aria-label": label,
-    "aria-describedby": tooltip === label ? tooltipId : void 0,
+    "data-qt-metric-color": color,
     className: `qt-metric-mark ${classNames?.mark ?? ""}`,
-    onMouseEnter: () => setTooltip(label),
-    onMouseLeave: () => setTooltip(null),
-    onFocus: () => setTooltip(label),
-    onBlur: () => setTooltip(null),
     onClick: () => {
       if (inspectable) onInspect?.(b);
     },
     onKeyDown: (e) => {
-      if (e.key === "Escape" && tooltip) {
-        e.preventDefault();
-        e.stopPropagation();
-        setTooltip(null);
-      }
       if (onInspect && inspectable && (e.key === "Enter" || e.key === " ")) {
         e.preventDefault();
         onInspect(b);
@@ -8647,8 +8694,8 @@ ${b.count.toLocaleString(locale)} rows`;
     }
   });
   const compactBox = compact && kind === "box";
-  const left = compactBox ? 8 : compact ? 28 : Math.min(78, W * 0.24), right = W - (compactBox ? 8 : compact ? 8 : 32), top = compactBox ? 0 : 12, bottom = H - (compactBox ? 5 : compact ? 20 : 42), plotW = right - left, plotH = bottom - top;
-  const text = (x, y, label, anchor = "middle") => /* @__PURE__ */ jsx28(
+  const left = compactBox ? 8 : compact ? 44 : Math.min(78, W * 0.24), right = W - (compactBox ? 8 : compact ? 8 : 32), top = compactBox ? 0 : 12, bottom = H - (compact ? 20 : 42), plotW = right - left, plotH = bottom - top;
+  const text = (x, y, label, anchor = "middle") => /* @__PURE__ */ jsx29(
     "text",
     {
       x: compact && anchor === "middle" ? Math.max(label.length * 2.7 + 2, Math.min(W - label.length * 2.7 - 2, x)) : x,
@@ -8658,7 +8705,7 @@ ${b.count.toLocaleString(locale)} rows`;
       children: label
     }
   );
-  const grid = (x1, y1, x2, y2) => /* @__PURE__ */ jsx28(
+  const grid = (x1, y1, x2, y2) => /* @__PURE__ */ jsx29(
     "line",
     {
       x1,
@@ -8708,7 +8755,7 @@ ${b.count.toLocaleString(locale)} rows`;
       const start = angle;
       angle += s.value / pie.total * Math.PI * 2;
       const end = angle, large = end - start > Math.PI ? 1 : 0, color = s.other ? colors.token("other") : shade(s.bucket), label = `${s.other ? "Other (combined remainder)" : groupLabel(s.bucket)}: ${fmt(s.value, display2.format)} (${percent(s.value / pie.total)} of ${fmt(pie.total, display2.format)})`;
-      return /* @__PURE__ */ jsx28("g", { ...interaction(s.bucket, label, !s.other), children: s.value === pie.total ? /* @__PURE__ */ jsx28(
+      return /* @__PURE__ */ jsx29("g", { ...interaction(s.bucket, label, !s.other, color), children: s.value === pie.total ? /* @__PURE__ */ jsx29(
         "circle",
         {
           cx: cx7,
@@ -8718,7 +8765,7 @@ ${b.count.toLocaleString(locale)} rows`;
           stroke: inner ? color : "none",
           strokeWidth: r - inner
         }
-      ) : /* @__PURE__ */ jsx28(
+      ) : /* @__PURE__ */ jsx29(
         "path",
         {
           fill: color,
@@ -8728,48 +8775,52 @@ ${b.count.toLocaleString(locale)} rows`;
     });
     legend = pie.slices.map((s, i) => ({
       key: String(i),
-      label: `${s.other ? "Other (remainder)" : groupLabel(s.bucket)} \xB7 ${fmt(s.value, display2.format)} \xB7 ${percent(s.value / pie.total)}`,
+      label: compact ? s.other ? "Other" : groupLabel(s.bucket) : `${s.other ? "Other (remainder)" : groupLabel(s.bucket)} \xB7 ${fmt(s.value, display2.format)} \xB7 ${percent(s.value / pie.total)}`,
+      ...compact ? { value: fmt(s.value, display2.format), share: percent(s.value / pie.total) } : {},
       color: s.other ? colors.token("other") : shade(s.bucket)
     }));
     note = `Exact additive denominator: ${fmt(pie.total, display2.format)}. ${display2.showOther === false ? "Hidden remainder retains its share of the full denominator." : "Other combines remaining groups."} Hover a slice for its value.`;
   } else if (compactBox) {
-    const step = 52, visible = buckets.slice(0, Math.max(1, Math.floor(plotH / step)));
+    const step = 30, visible = buckets.slice(0, Math.max(1, Math.floor(plotH / step)));
+    const summaries = visible.flatMap((b) => !b.error && b.distribution?.kind === "box" && b.distribution.summary ? [b.distribution.summary] : []);
+    const axis = scale(summaries.flatMap((s) => [s.min, s.max]), display2.xScale, false, display2.format);
+    const x = (v) => left + axis.fraction(v) * plotW;
+    axes = axis.ticks.map((v, i) => /* @__PURE__ */ jsxs25("g", { className: "qt-metric-box-axis-tick", children: [
+      grid(x(v), top, x(v), bottom),
+      text(x(v), bottom + 16, tickFmt(v, display2.format, axis.ticks), i === 0 ? "start" : i === axis.ticks.length - 1 ? "end" : "middle")
+    ] }, i));
     marks = visible.map((b, i) => {
       const s = b.distribution?.kind === "box" ? b.distribution.summary : null;
-      const y = top + i * step + 27, color = shade(b);
-      const median = s ? `med ${fmt(s.median, display2.format)}` : "";
+      const y = top + i * step + 22, color = shade(b);
+      const median = s ? `Median ${fmt(s.median, display2.format)}` : "";
       const fullLabel = groupLabel(b);
       const chars = Math.max(4, Math.floor((plotW - median.length * 5.5 - 12) / 5.5));
       const shortLabel = fullLabel.length > chars ? `${fullLabel.slice(0, chars - 1)}\u2026` : fullLabel;
-      const axis = s ? scale([s.low, s.high], { ...display2.xScale, mode: "linear" }, false, display2.format) : void 0;
-      const x = (v) => left + axis.fraction(v) * plotW;
+      const whisker = s ? metricBoxWhiskers(s) : null;
+      const outliers = s ? metricBoxOutliers(s) : [];
       const detailLabel = s ? `${fullLabel}
 Min ${fmt(s.min, display2.format)} \xB7 Q1 ${fmt(s.q1, display2.format)} \xB7 Median ${fmt(s.median, display2.format)} \xB7 Q3 ${fmt(s.q3, display2.format)} \xB7 Max ${fmt(s.max, display2.format)} \xB7 Mean ${fmt(s.mean, display2.format)}
-Whiskers ${fmt(s.low, display2.format)} \u2013 ${fmt(s.high, display2.format)}
-${s.n} samples \xB7 ${b.nullCount ?? 0} NULL \xB7 ${s.outlierCount} outliers (omitted from cover). Independent whisker scale.` : detail(b);
-      return /* @__PURE__ */ jsxs24("g", { className: "qt-metric-box-row", children: [
-        /* @__PURE__ */ jsxs24("text", { x: left, y: y - 17, textAnchor: "start", className: "qt-metric-axis qt-metric-box-label", children: [
-          /* @__PURE__ */ jsx28("title", { children: fullLabel }),
+Observed whiskers ${fmt(s.low, display2.format)} \u2013 ${fmt(s.high, display2.format)}${s.low > s.q1 || s.high < s.q3 ? "\nInterpolated quartile extends beyond observed inliers; whisker meets the box edge." : ""}
+${s.n} samples \xB7 ${b.nullCount ?? 0} NULL \xB7 ${s.outlierCount} outliers (${outliers.length} retained markers). Shared ${display2.xScale?.mode === "log" ? "logarithmic" : "linear"} axis.` : detail(b);
+      return /* @__PURE__ */ jsxs25("g", { className: "qt-metric-box-row", children: [
+        /* @__PURE__ */ jsxs25("text", { x: left, y: y - 12, textAnchor: "start", className: "qt-metric-axis qt-metric-box-label", children: [
+          /* @__PURE__ */ jsx29("title", { children: fullLabel }),
           shortLabel
         ] }),
-        text(right, y - 17, median, "end"),
-        s && axis && !b.error && axis.accepts(s.low) ? /* @__PURE__ */ jsxs24(Fragment18, { children: [
-          axis.ticks.map((v, j) => /* @__PURE__ */ jsxs24("g", { children: [
-            grid(x(v), y - 9, x(v), y + 9),
-            text(x(v), y + 21, tickFmt(v, display2.format, axis.ticks), j === 0 ? "start" : j === axis.ticks.length - 1 ? "end" : "middle")
-          ] }, j)),
-          /* @__PURE__ */ jsxs24("g", { ...interaction(b, detailLabel), children: [
-            /* @__PURE__ */ jsx28("line", { x1: x(s.low), x2: x(s.high), y1: y, y2: y, stroke: color, strokeWidth: 2 }),
-            [s.low, s.high].map((v, j) => /* @__PURE__ */ jsx28("line", { x1: x(v), x2: x(v), y1: y - 6, y2: y + 6, stroke: color }, j)),
-            /* @__PURE__ */ jsx28("rect", { x: x(s.q1), y: y - 8, width: Math.max(1, x(s.q3) - x(s.q1)), height: 16, fill: color, fillOpacity: 0.25, stroke: color }),
-            /* @__PURE__ */ jsx28("line", { x1: x(s.median), x2: x(s.median), y1: y - 8, y2: y + 8, stroke: color, strokeWidth: 2 }),
-            /* @__PURE__ */ jsx28("rect", { x: left, y: y - 11, width: plotW, height: 22, fill: "transparent" })
-          ] })
-        ] }) : text((left + right) / 2, y + 4, b.error ? "Error" : "No samples")
+        text(right, y - 12, median, "end"),
+        s && whisker && !b.error && axis.accepts(s.min) ? /* @__PURE__ */ jsxs25("g", { ...interaction(b, detailLabel), children: [
+          /* @__PURE__ */ jsx29("line", { className: "qt-metric-box-whisker", x1: x(whisker.low), x2: x(whisker.high), y1: y, y2: y, stroke: color, strokeWidth: 2 }),
+          [whisker.low, whisker.high].map((v, j) => /* @__PURE__ */ jsx29("line", { className: "qt-metric-box-cap", x1: x(v), x2: x(v), y1: y - 4, y2: y + 4, stroke: color }, j)),
+          /* @__PURE__ */ jsx29("rect", { className: "qt-metric-box-quartiles", x: x(s.q1), y: y - 5, width: Math.max(1, x(s.q3) - x(s.q1)), height: 10, fill: color, fillOpacity: 0.25, stroke: color }),
+          /* @__PURE__ */ jsx29("line", { x1: x(s.median), x2: x(s.median), y1: y - 5, y2: y + 5, stroke: color, strokeWidth: 2 }),
+          display2.boxMean === true && /* @__PURE__ */ jsx29("circle", { cx: x(s.mean), cy: y, r: 2, fill: colors.token("surface"), stroke: color }),
+          outliers.map((v, j) => /* @__PURE__ */ jsx29("circle", { className: "qt-metric-box-outlier", cx: x(v), cy: y, r: 2.5, fill: color }, j)),
+          /* @__PURE__ */ jsx29("rect", { x: left, y: y - 7, width: plotW, height: 14, fill: "transparent" })
+        ] }) : text((left + right) / 2, y + 4, b.error ? "Error" : s ? "Nonpositive samples" : "No samples")
       ] }, i);
     });
     if (visible.length < buckets.length) disclosure = `${visible.length} of ${buckets.length} returned groups drawn.`;
-    note = "Independent linear scales focus on each row's whiskers. Outlier markers are omitted; full summaries remain available in the data table.";
+    note = `Shared ${display2.xScale?.mode === "log" ? "logarithmic" : "linear"} axis includes the visible cohorts\u2019 full observed range. Hover a box for exact summaries and observed whiskers. Dots retain sampled outliers and true extremes.`;
   } else if (kind === "box") {
     const summaries = buckets.flatMap(
       (b) => !b.error && b.distribution?.kind === "box" && b.distribution.summary ? [b.distribution.summary] : []
@@ -8778,35 +8829,36 @@ ${s.n} samples \xB7 ${b.nullCount ?? 0} NULL \xB7 ${s.outlierCount} outliers (om
       display2.xScale
     ), x = (v) => left + axis.fraction(v) * plotW;
     const visible = buckets.slice(0, Math.max(1, Math.floor(plotH / 22))), step = plotH / Math.max(1, visible.length);
-    axes = axis.ticks.map((v, i) => /* @__PURE__ */ jsxs24("g", { children: [
+    axes = axis.ticks.map((v, i) => /* @__PURE__ */ jsxs25("g", { children: [
       grid(x(v), top, x(v), bottom),
       text(x(v), bottom + 18, tickFmt(v, display2.format, axis.ticks))
     ] }, i));
     marks = visible.map((b, i) => {
       const s = b.distribution?.kind === "box" ? b.distribution.summary : null, y = top + step * (i + 0.5), color = shade(b);
+      const whisker = s ? metricBoxWhiskers(s) : null, outliers = s ? metricBoxOutliers(s) : [];
       const label = s ? `${groupLabel(b)}
 Min ${fmt(s.min, display2.format)} \xB7 Q1 ${fmt(s.q1, display2.format)} \xB7 Median ${fmt(s.median, display2.format)} \xB7 Q3 ${fmt(s.q3, display2.format)} \xB7 Max ${fmt(s.max, display2.format)} \xB7 Mean ${fmt(s.mean, display2.format)}
-Whiskers ${fmt(s.low, display2.format)} \u2013 ${fmt(s.high, display2.format)}
-${s.n} samples \xB7 ${b.nullCount ?? 0} NULL \xB7 ${s.outlierCount} outliers (${s.outliers.length} markers returned)` : detail(b);
-      return /* @__PURE__ */ jsxs24("g", { children: [
+Observed whiskers ${fmt(s.low, display2.format)} \u2013 ${fmt(s.high, display2.format)}${s.low > s.q1 || s.high < s.q3 ? "\nInterpolated quartile extends beyond observed inliers; whisker meets the box edge." : ""}
+${s.n} samples \xB7 ${b.nullCount ?? 0} NULL \xB7 ${s.outlierCount} outliers (${outliers.length} retained markers)` : detail(b);
+      return /* @__PURE__ */ jsxs25("g", { children: [
         text(left - 8, y + 4, groupLabel(b), "end"),
         !s || b.error || !axis.accepts(s.min) ? text(
           (left + right) / 2,
           y + 4,
           b.error ? "Error" : s ? "Nonpositive samples" : "No samples"
-        ) : /* @__PURE__ */ jsxs24("g", { ...interaction(b, label), children: [
-          /* @__PURE__ */ jsx28(
+        ) : /* @__PURE__ */ jsxs25("g", { ...interaction(b, label), children: [
+          /* @__PURE__ */ jsx29(
             "line",
             {
-              x1: x(s.low),
-              x2: x(s.high),
+              x1: x(whisker.low),
+              x2: x(whisker.high),
               y1: y,
               y2: y,
               stroke: color,
               strokeWidth: 2
             }
           ),
-          [s.low, s.high].map((v, j) => /* @__PURE__ */ jsx28(
+          [whisker.low, whisker.high].map((v, j) => /* @__PURE__ */ jsx29(
             "line",
             {
               x1: x(v),
@@ -8817,7 +8869,7 @@ ${s.n} samples \xB7 ${b.nullCount ?? 0} NULL \xB7 ${s.outlierCount} outliers (${
             },
             j
           )),
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx29(
             "rect",
             {
               x: x(s.q1),
@@ -8829,7 +8881,7 @@ ${s.n} samples \xB7 ${b.nullCount ?? 0} NULL \xB7 ${s.outlierCount} outliers (${
               stroke: color
             }
           ),
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx29(
             "line",
             {
               x1: x(s.median),
@@ -8840,7 +8892,7 @@ ${s.n} samples \xB7 ${b.nullCount ?? 0} NULL \xB7 ${s.outlierCount} outliers (${
               strokeWidth: 2
             }
           ),
-          display2.boxMean !== false && /* @__PURE__ */ jsx28(
+          display2.boxMean !== false && /* @__PURE__ */ jsx29(
             "circle",
             {
               cx: x(s.mean),
@@ -8850,7 +8902,7 @@ ${s.n} samples \xB7 ${b.nullCount ?? 0} NULL \xB7 ${s.outlierCount} outliers (${
               stroke: color
             }
           ),
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx29(
             "rect",
             {
               x: left,
@@ -8860,7 +8912,7 @@ ${s.n} samples \xB7 ${b.nullCount ?? 0} NULL \xB7 ${s.outlierCount} outliers (${
               fill: "transparent"
             }
           ),
-          s.outliers.map((v, j) => /* @__PURE__ */ jsx28("circle", { cx: x(v), cy: y, r: 3, fill: color }, j))
+          outliers.map((v, j) => /* @__PURE__ */ jsx29("circle", { cx: x(v), cy: y, r: 3, fill: color }, j))
         ] })
       ] }, i);
     });
@@ -8870,7 +8922,7 @@ ${s.n} samples \xB7 ${b.nullCount ?? 0} NULL \xB7 ${s.outlierCount} outliers (${
       (b) => b.error || b.distribution?.kind !== "box" || !b.distribution.summary
     ).length;
     const omittedOutliers = summaries.reduce(
-      (n, s) => n + s.outlierCount - s.outliers.length,
+      (n, s) => n + Math.max(0, s.outlierCount - metricBoxOutliers(s).length),
       0
     );
     if (missing)
@@ -8898,12 +8950,12 @@ ${s.n} samples \xB7 ${b.nullCount ?? 0} NULL \xB7 ${s.outlierCount} outliers (${
     );
     const ya = scale(counts, display2.yScale, true), xa = scale(edges, display2.xScale, false, display2.xFormat);
     const y = (v) => bottom - ya.fraction(v) * plotH;
-    axes = /* @__PURE__ */ jsxs24(Fragment18, { children: [
-      ya.ticks.map((v, i) => /* @__PURE__ */ jsxs24("g", { children: [
+    axes = /* @__PURE__ */ jsxs25(Fragment18, { children: [
+      ya.ticks.map((v, i) => /* @__PURE__ */ jsxs25("g", { children: [
         grid(left, y(v), right, y(v)),
         text(left - 7, y(v) + 4, compact ? tickFmt(v, void 0, ya.ticks) : v.toLocaleString(locale), "end")
       ] }, i)),
-      xa.ticks.map((v, i) => /* @__PURE__ */ jsx28("g", { children: text(
+      xa.ticks.map((v, i) => /* @__PURE__ */ jsx29("g", { children: text(
         left + xa.fraction(v) * plotW,
         bottom + 18,
         tickFmt(v, display2.xFormat, xa.ticks)
@@ -8919,9 +8971,9 @@ ${s.n} samples \xB7 ${b.nullCount ?? 0} NULL \xB7 ${s.outlierCount} outliers (${
         const binLeft = pointInterval ? center - pointWidth / 2 : center, binRight = pointInterval ? center + pointWidth / 2 : left + xa.fraction(edges[i + 1]) * plotW, binWidth = Math.max(1, binRight - binLeft), x = binLeft + j * binWidth / series.length, w = binWidth / series.length;
         const label = `${groupLabel(b)}
 ${fmt(edges[i], display2.xFormat)} \u2264 value ${i === bins - 1 ? "\u2264" : "<"} ${fmt(edges[i + 1], display2.xFormat)}
-${n} rows \xB7 ${b.distribution?.kind === "histogram" ? b.distribution.n : 0} numeric samples \xB7 ${b.nullCount ?? 0} NULL`;
-        return /* @__PURE__ */ jsxs24("g", { ...interaction(b, label), children: [
-          /* @__PURE__ */ jsx28(
+${n} rows${compact ? "" : ` \xB7 ${b.distribution?.kind === "histogram" ? b.distribution.n : 0} numeric samples \xB7 ${b.nullCount ?? 0} NULL`}`;
+        return /* @__PURE__ */ jsxs25("g", { ...interaction(b, label), children: [
+          /* @__PURE__ */ jsx29(
             "rect",
             {
               x,
@@ -8931,7 +8983,7 @@ ${n} rows \xB7 ${b.distribution?.kind === "histogram" ? b.distribution.n : 0} nu
               fill: shade(b)
             }
           ),
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx29(
             "rect",
             {
               x,
@@ -8967,18 +9019,18 @@ ${n} rows \xB7 ${b.distribution?.kind === "histogram" ? b.distribution.n : 0} nu
       false,
       display2.yFormat
     ), x = (v) => left + xa.fraction(v) * plotW, y = (v) => bottom - ya.fraction(v) * plotH;
-    axes = /* @__PURE__ */ jsxs24(Fragment18, { children: [
-      xa.ticks.map((v, i) => /* @__PURE__ */ jsxs24("g", { children: [
+    axes = /* @__PURE__ */ jsxs25(Fragment18, { children: [
+      xa.ticks.map((v, i) => /* @__PURE__ */ jsxs25("g", { children: [
         grid(x(v), top, x(v), bottom),
         text(x(v), bottom + 18, tickFmt(v, display2.xFormat, xa.ticks))
       ] }, `x${i}`)),
-      ya.ticks.map((v, i) => /* @__PURE__ */ jsxs24("g", { children: [
+      ya.ticks.map((v, i) => /* @__PURE__ */ jsxs25("g", { children: [
         grid(left, y(v), right, y(v)),
         text(left - 7, y(v) + 4, tickFmt(v, display2.yFormat, ya.ticks), "end")
       ] }, `y${i}`))
     ] });
-    marks = points.filter((b) => xa.accepts(b.value) && ya.accepts(b.y)).map((b, i) => /* @__PURE__ */ jsxs24("g", { ...interaction(b), children: [
-      /* @__PURE__ */ jsx28(
+    marks = points.filter((b) => xa.accepts(b.value) && ya.accepts(b.y)).map((b, i) => /* @__PURE__ */ jsxs25("g", { ...interaction(b), children: [
+      /* @__PURE__ */ jsx29(
         "circle",
         {
           cx: x(b.value),
@@ -8987,7 +9039,7 @@ ${n} rows \xB7 ${b.distribution?.kind === "histogram" ? b.distribution.n : 0} nu
           fill: shade(b)
         }
       ),
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx29(
         "circle",
         {
           cx: x(b.value),
@@ -9051,8 +9103,8 @@ ${n} rows \xB7 ${b.distribution?.kind === "histogram" ? b.distribution.n : 0} nu
             label: metricGroupLabel({ ...first, keys: first.keys.slice(1) })
           };
         });
-        marks = /* @__PURE__ */ jsxs24(Fragment18, { children: [
-          paths.map((series2) => /* @__PURE__ */ jsx28(
+        marks = /* @__PURE__ */ jsxs25(Fragment18, { children: [
+          paths.map((series2) => /* @__PURE__ */ jsx29(
             "path",
             {
               clipPath: `url(#${clipId})`,
@@ -9064,8 +9116,8 @@ ${n} rows \xB7 ${b.distribution?.kind === "histogram" ? b.distribution.n : 0} nu
             series2.key
           )),
           ordered.map(
-            ({ bucket: b, time }, i) => !b.error && finiteMetricNumber(b.value) && axis.accepts(b.value) && timeAxis.accepts(time) ? /* @__PURE__ */ jsxs24("g", { ...interaction(b), children: [
-              /* @__PURE__ */ jsx28(
+            ({ bucket: b, time }, i) => !b.error && finiteMetricNumber(b.value) && axis.accepts(b.value) && timeAxis.accepts(time) ? /* @__PURE__ */ jsxs25("g", { ...interaction(b, detail(b), true, clause.groupBy.length > 1 ? colors.color(clause.groupBy[1], b.keys[1] ?? null) : colors.token("accent")), children: [
+              /* @__PURE__ */ jsx29(
                 "circle",
                 {
                   cx: tx(time),
@@ -9074,7 +9126,7 @@ ${n} rows \xB7 ${b.distribution?.kind === "histogram" ? b.distribution.n : 0} nu
                   fill: clause.groupBy.length > 1 ? colors.color(clause.groupBy[1], b.keys[1] ?? null) : colors.token("accent")
                 }
               ),
-              /* @__PURE__ */ jsx28(
+              /* @__PURE__ */ jsx29(
                 "circle",
                 {
                   cx: tx(time),
@@ -9090,7 +9142,7 @@ ${n} rows \xB7 ${b.distribution?.kind === "histogram" ? b.distribution.n : 0} nu
           ).filter(({ time }) => timeAxis.accepts(time)).filter(({ bucket, time }, i, points) => {
             const last = points[points.length - 1];
             return i === points.length - 1 || tx(last.time) - tx(time) > (timeLabel(bucket).length + timeLabel(last.bucket).length) * 3 + 12;
-          }).map(({ bucket: b, time }, i) => /* @__PURE__ */ jsx28("g", { children: text(tx(time), bottom + 18, timeLabel(b)) }, i))
+          }).map(({ bucket: b, time }, i) => /* @__PURE__ */ jsx29("g", { children: text(tx(time), bottom + 18, timeLabel(b)) }, i))
         ] });
         const missing = buckets.filter(
           (b) => b.error || !finiteMetricNumber(b.value)
@@ -9107,14 +9159,14 @@ ${n} rows \xB7 ${b.distribution?.kind === "histogram" ? b.distribution.n : 0} nu
       const calendarLabels = compactCalendarLabels(compact && !horizontal ? visible.map((bucket, i) => ({ bucket, x: left + step * (i + 0.5) })) : [], clause, locale);
       marks = visible.map((b, i) => {
         const center = (horizontal ? top : left) + step * (i + 0.5), valid = !b.error && finiteMetricNumber(b.value) && axis.accepts(b.value), value = valid ? b.value : 0;
-        return /* @__PURE__ */ jsxs24("g", { children: [
+        return /* @__PURE__ */ jsxs25("g", { children: [
           (compact && clause.dateGrouping && !horizontal ? calendarLabels.has(b) : horizontal || step > 42 || i % Math.ceil(42 / step) === 0) && text(
             horizontal ? left - 7 : center,
             horizontal ? center + 4 : bottom + 18,
             compact && clause.dateGrouping && !horizontal ? calendarLabels.get(b) : !horizontal && groupFormat && b.keys.length === 1 ? formatMetricOutput(b.keys[0], groupFormat, locale).text : groupLabel(b),
             horizontal ? "end" : "middle"
           ),
-          valid ? /* @__PURE__ */ jsx28("g", { ...interaction(b), children: /* @__PURE__ */ jsx28(
+          valid ? /* @__PURE__ */ jsx29("g", { ...interaction(b), children: /* @__PURE__ */ jsx29(
             "rect",
             {
               x: horizontal ? Math.min(x(axis.baseline), x(value)) : center - step * 0.32,
@@ -9134,13 +9186,13 @@ ${n} rows \xB7 ${b.distribution?.kind === "histogram" ? b.distribution.n : 0} nu
       if (missing) disclosure += ` ${missing} missing/error values.`;
       note = `${axis.accepts(0) ? "Signed values use a zero baseline." : "Logarithmic values use the positive domain minimum as baseline."} ${visible.length} of ${result?.groupCount ?? buckets.length} groups drawn; Hover a mark for its value.`;
     }
-    axes = axis.ticks.map((v, i) => /* @__PURE__ */ jsxs24("g", { children: [
+    axes = axis.ticks.map((v, i) => /* @__PURE__ */ jsxs25("g", { children: [
       horizontal ? grid(x(v), top, x(v), bottom) : grid(left, y(v), right, y(v)),
       horizontal ? text(x(v), bottom + 18, compact ? tickFmt(v, display2.format, axis.ticks) : fmt(v, display2.format)) : text(left - 7, y(v) + 4, tickFmt(v, display2.format, axis.ticks), "end")
     ] }, i));
-    axes = /* @__PURE__ */ jsxs24(Fragment18, { children: [
+    axes = /* @__PURE__ */ jsxs25(Fragment18, { children: [
       axes,
-      horizontal ? /* @__PURE__ */ jsx28(
+      horizontal ? /* @__PURE__ */ jsx29(
         "line",
         {
           x1: x(axis.baseline),
@@ -9149,7 +9201,7 @@ ${n} rows \xB7 ${b.distribution?.kind === "histogram" ? b.distribution.n : 0} nu
           y2: bottom,
           stroke: colors.token("muted")
         }
-      ) : /* @__PURE__ */ jsx28(
+      ) : /* @__PURE__ */ jsx29(
         "line",
         {
           x1: left,
@@ -9166,33 +9218,33 @@ ${n} rows \xB7 ${b.distribution?.kind === "histogram" ? b.distribution.n : 0} nu
   const position = display2.legendPosition ?? (["pie", "donut", "scatter", "histogram"].includes(kind) ? "right" : "none");
   const xAxisLabel = display2.xLabel ?? (kind === "scatter" ? "X value" : kind === "histogram" ? display2.valueLabel ?? "Value" : horizontalLabel(kind, clause));
   const yAxisLabel = display2.yLabel ?? (kind === "scatter" ? "Y value" : kind === "histogram" ? "Count" : kind === "bar-horizontal" ? clause.groupBy.join(" / ") : display2.valueLabel ?? "Value");
-  return /* @__PURE__ */ jsxs24(Fragment18, { children: [
-    /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(MetricTooltip, { id: tooltipId, children: [
+    /* @__PURE__ */ jsxs25(
       "div",
       {
         className: `qt-metric-chart-layout qt-metric-legend-${position}`,
         style: kind === "bar-horizontal" || kind === "box" ? {
-          minHeight: Math.min(8, buckets.length) * (compactBox ? 52 : kind === "box" ? 22 : 20) + (compactBox ? 5 : 54)
+          minHeight: Math.min(8, buckets.length) * (compactBox ? 30 : kind === "box" ? 22 : 20) + (compactBox ? 20 : 54)
         } : void 0,
         children: [
-          /* @__PURE__ */ jsx28("div", { ref, className: `qt-metric-plot ${classNames?.plot ?? ""}`, children: problem ? /* @__PURE__ */ jsx28("p", { className: "qt-metric-message", role: "status", children: problem }) : /* @__PURE__ */ jsxs24(
+          /* @__PURE__ */ jsx29("div", { ref, className: `qt-metric-plot ${classNames?.plot ?? ""}`, children: problem ? /* @__PURE__ */ jsx29("p", { className: "qt-metric-message", role: "status", children: problem }) : /* @__PURE__ */ jsxs25(
             "svg",
             {
               viewBox: `0 0 ${W} ${H}`,
               "aria-label": clause.label ?? "Metric chart",
               role: "group",
               children: [
-                /* @__PURE__ */ jsx28("title", { children: clause.label ?? "Metric chart" }),
-                /* @__PURE__ */ jsx28("defs", { children: /* @__PURE__ */ jsx28("clipPath", { id: clipId, children: /* @__PURE__ */ jsx28("rect", { x: left, y: top, width: plotW, height: plotH }) }) }),
+                /* @__PURE__ */ jsx29("title", { children: clause.label ?? "Metric chart" }),
+                /* @__PURE__ */ jsx29("defs", { children: /* @__PURE__ */ jsx29("clipPath", { id: clipId, children: /* @__PURE__ */ jsx29("rect", { x: left, y: top, width: plotW, height: plotH }) }) }),
                 axes,
                 marks,
-                !compact && !["pie", "donut"].includes(kind) && /* @__PURE__ */ jsxs24(Fragment18, { children: [
+                !compact && !["pie", "donut"].includes(kind) && /* @__PURE__ */ jsxs25(Fragment18, { children: [
                   text(
                     (left + right) / 2,
                     H - 5,
                     display2.xLabel ?? (kind === "scatter" ? "X value" : kind === "box" || kind === "histogram" ? display2.valueLabel ?? "Value" : horizontalLabel(kind, clause))
                   ),
-                  display2.yLabel && /* @__PURE__ */ jsx28(
+                  display2.yLabel && /* @__PURE__ */ jsx29(
                     "text",
                     {
                       transform: `translate(12 ${(top + bottom) / 2}) rotate(-90)`,
@@ -9205,45 +9257,46 @@ ${n} rows \xB7 ${b.distribution?.kind === "histogram" ? b.distribution.n : 0} nu
               ]
             }
           ) }),
-          position !== "none" && legend.length > 0 && /* @__PURE__ */ jsx28(
+          position !== "none" && legend.length > 0 && /* @__PURE__ */ jsx29(
             "ul",
             {
-              className: `qt-metric-legend ${classNames?.legend ?? ""}`,
+              className: `qt-metric-legend ${legend.some((e) => e.value !== void 0) ? "qt-metric-legend--composition" : ""} ${classNames?.legend ?? ""}`,
               "aria-label": "Legend",
-              children: legend.map((e) => /* @__PURE__ */ jsxs24("li", { children: [
-                /* @__PURE__ */ jsx28(
+              children: legend.map((e) => /* @__PURE__ */ jsxs25("li", { title: [e.label, e.value, e.share].filter(Boolean).join(" \xB7 "), children: [
+                /* @__PURE__ */ jsx29(
                   "span",
                   {
                     className: "qt-metric-swatch",
                     style: { background: e.color }
                   }
                 ),
-                /* @__PURE__ */ jsx28("span", { children: e.label })
+                /* @__PURE__ */ jsx29("span", { className: "qt-metric-legend-label", children: e.label }),
+                e.value !== void 0 && /* @__PURE__ */ jsx29("span", { className: "qt-metric-legend-value", children: e.value }),
+                e.share !== void 0 && /* @__PURE__ */ jsx29("span", { className: "qt-metric-legend-share", children: e.share })
               ] }, e.key))
             }
           )
         ]
       }
     ),
-    compact && !compactBox && !["pie", "donut"].includes(kind) && /* @__PURE__ */ jsxs24("div", { className: "qt-metric-axis-labels", children: [
-      /* @__PURE__ */ jsxs24("span", { title: yAxisLabel, children: [
-        /* @__PURE__ */ jsx28("span", { "aria-hidden": "true", children: "\u2191 " }),
+    compact && !compactBox && !["pie", "donut"].includes(kind) && /* @__PURE__ */ jsxs25("div", { className: "qt-metric-axis-labels", children: [
+      /* @__PURE__ */ jsxs25("span", { title: yAxisLabel, children: [
+        /* @__PURE__ */ jsx29("span", { "aria-hidden": "true", children: "\u2191 " }),
         yAxisLabel
       ] }),
-      /* @__PURE__ */ jsxs24("span", { title: xAxisLabel, children: [
-        /* @__PURE__ */ jsx28("span", { "aria-hidden": "true", children: "\u2192 " }),
+      /* @__PURE__ */ jsxs25("span", { title: xAxisLabel, children: [
+        /* @__PURE__ */ jsx29("span", { "aria-hidden": "true", children: "\u2192 " }),
         xAxisLabel
       ] })
     ] }),
-    compactBox && /* @__PURE__ */ jsxs24("p", { className: "qt-metric-compact-guide", children: [
-      "Box: middle 50% \xB7 line: median",
-      /* @__PURE__ */ jsx28("br", {}),
-      "Per-row scales \xB7 outliers omitted"
+    compactBox && /* @__PURE__ */ jsxs25("p", { className: "qt-metric-compact-guide", children: [
+      "Shared ",
+      display2.xScale?.mode === "log" ? "log " : "",
+      "axis \xB7 Box: middle 50% \xB7 line: median \xB7 dots: outliers and extremes"
     ] }),
-    tooltip && /* @__PURE__ */ jsx28("div", { id: tooltipId, role: "tooltip", className: "qt-metric-tooltip", children: tooltip }),
-    !problem && scaleNotes.length > 0 && /* @__PURE__ */ jsx28("p", { className: "qt-metric-note", role: "status", children: [...new Set(scaleNotes)].join(" ") }),
-    !problem && disclosure && /* @__PURE__ */ jsx28("p", { className: "qt-metric-note", role: "status", children: disclosure.trim() }),
-    /* @__PURE__ */ jsx28("p", { className: "qt-metric-note qt-sr-only", children: note })
+    !problem && scaleNotes.length > 0 && /* @__PURE__ */ jsx29("p", { className: "qt-metric-note", role: "status", children: [...new Set(scaleNotes)].join(" ") }),
+    !problem && disclosure && /* @__PURE__ */ jsx29("p", { className: "qt-metric-note", role: "status", children: disclosure.trim() }),
+    /* @__PURE__ */ jsx29("p", { className: "qt-metric-note qt-sr-only", children: note })
   ] });
 }
 function horizontalLabel(kind, clause) {
@@ -9251,7 +9304,7 @@ function horizontalLabel(kind, clause) {
 }
 
 // src/MetricsPanel.tsx
-import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
 var cx4 = (...parts) => parts.filter((p) => Boolean(p)).join(" ");
 var OP_LABELS = {
   count: "Count",
@@ -9277,11 +9330,11 @@ function MetricsPanel({
 }) {
   if (api?.query.grouping && api.schema) fields = api.schema.fields;
   const { clauses, results, loading, error } = aggregations;
-  const [editing, setEditing] = useState24(null);
+  const [editing, setEditing] = useState25(null);
   const editMetric = onEditMetric ?? (api ? (id) => setEditing({ id, view: "editor" }) : void 0);
   const editDashboard = onEditDashboard ?? (api ? () => setEditing({ view: "editor" }) : void 0);
   if (clauses.length === 0) {
-    return emptyMessage ? /* @__PURE__ */ jsx29(
+    return emptyMessage ? /* @__PURE__ */ jsx30(
       "div",
       {
         className: cx4("qt-metrics", classNames?.root),
@@ -9291,13 +9344,13 @@ function MetricsPanel({
     ) : null;
   }
   const resultById = new Map((results?.metrics ?? []).map((m) => [m.id, m]));
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "div",
     {
       className: cx4("qt-metrics", classNames?.root),
       style: metricThemeStyle(theme),
       children: [
-        editDashboard && /* @__PURE__ */ jsx29("div", { className: "qt-metrics-toolbar", children: /* @__PURE__ */ jsxs25(
+        editDashboard && /* @__PURE__ */ jsx30("div", { className: "qt-metrics-toolbar", children: /* @__PURE__ */ jsxs26(
           "button",
           {
             type: "button",
@@ -9307,13 +9360,13 @@ function MetricsPanel({
             title: "Edit metrics",
             onClick: editDashboard,
             children: [
-              /* @__PURE__ */ jsx29(Icon, { name: "pencil" }),
+              /* @__PURE__ */ jsx30(Icon, { name: "pencil" }),
               "Edit",
-              /* @__PURE__ */ jsx29(Icon, { name: "chevronRight", size: 14 })
+              /* @__PURE__ */ jsx30(Icon, { name: "chevronRight", size: 14 })
             ]
           }
         ) }),
-        editing && api && /* @__PURE__ */ jsx29(
+        editing && api && /* @__PURE__ */ jsx30(
           MetricsEditor,
           {
             api,
@@ -9325,11 +9378,11 @@ function MetricsPanel({
             onClose: () => setEditing(null)
           }
         ),
-        error ? /* @__PURE__ */ jsxs25("div", { className: "qt-metrics-error", children: [
+        error ? /* @__PURE__ */ jsxs26("div", { className: "qt-metrics-error", children: [
           "Metrics failed: ",
           error.message
         ] }) : null,
-        clauses.map((clause) => /* @__PURE__ */ jsx29(
+        clauses.map((clause) => /* @__PURE__ */ jsx30(
           MetricCard,
           {
             clause,
@@ -9378,7 +9431,7 @@ function MetricCard({
   const fmt = (v) => {
     if (clause.display?.format) {
       const out = formatMetricOutput(v, clause.display.format, locale);
-      return /* @__PURE__ */ jsx29(
+      return /* @__PURE__ */ jsx30(
         "span",
         {
           title: out.error,
@@ -9422,16 +9475,16 @@ function MetricCard({
   const problem = result?.error ?? metricPresentationProblem(clause) ?? invalidDistribution ?? ((kind === "value" || kind === "auto" && !clause.groupBy.length) && (buckets.length > 1 || buckets.some((b) => b.keys.length > 0)) ? "Value display requires one ungrouped result. Choose Table or List, or correct the result grouping." : void 0);
   let body;
   if (problem)
-    body = /* @__PURE__ */ jsx29("div", { className: "qt-metrics-error", role: "status", children: problem });
+    body = /* @__PURE__ */ jsx30("div", { className: "qt-metrics-error", role: "status", children: problem });
   else if (loading && buckets.length === 0)
-    body = /* @__PURE__ */ jsxs25("div", { className: "qt-metric-loading", role: "status", children: [
-      /* @__PURE__ */ jsx29("span", { className: "qt-metric-spinner", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx29("span", { className: "qt-sr-only", children: "Loading metric" })
+    body = /* @__PURE__ */ jsxs26("div", { className: "qt-metric-loading", role: "status", children: [
+      /* @__PURE__ */ jsx30("span", { className: "qt-metric-spinner", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx30("span", { className: "qt-sr-only", children: "Loading metric" })
     ] });
   else if (!buckets.length)
-    body = /* @__PURE__ */ jsx29("div", { className: "qt-metric-empty", children: "no data" });
+    body = /* @__PURE__ */ jsx30("div", { className: "qt-metric-empty", children: "no data" });
   else if (chart)
-    body = /* @__PURE__ */ jsx29(
+    body = /* @__PURE__ */ jsx30(
       MetricChart,
       {
         compact,
@@ -9445,9 +9498,9 @@ function MetricCard({
       }
     );
   else if (kind === "value" || kind === "auto" && clause.groupBy.length === 0)
-    body = /* @__PURE__ */ jsx29(BigNumber, { bucket: buckets[0], fmt });
+    body = /* @__PURE__ */ jsx30(BigNumber, { bucket: buckets[0], fmt });
   else if (kind === "list" || kind === "auto" && clause.groupBy.length === 1)
-    body = /* @__PURE__ */ jsx29(
+    body = /* @__PURE__ */ jsx30(
       BarList,
       {
         clause,
@@ -9458,7 +9511,7 @@ function MetricCard({
       }
     );
   else if (clause.groupBy.length === 2)
-    body = /* @__PURE__ */ jsx29(
+    body = /* @__PURE__ */ jsx30(
       Pivot,
       {
         clause,
@@ -9470,7 +9523,7 @@ function MetricCard({
       }
     );
   else
-    body = /* @__PURE__ */ jsx29(
+    body = /* @__PURE__ */ jsx30(
       FlatTable,
       {
         clause,
@@ -9481,19 +9534,20 @@ function MetricCard({
         valueLabel: clause.display?.valueLabel ?? metricTitle(clause, measure)
       }
     );
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "div",
     {
       className: cx4(
         "qt-metric",
         `qt-metric--gb${Math.min(clause.groupBy.length, 3)}`,
         chart && "qt-metric--chart",
+        compact && "qt-metric--compact",
         className,
         classNames?.metric
       ),
       style: { ...metricThemeStyle(theme), ...size3 },
       children: [
-        onEdit && /* @__PURE__ */ jsx29(
+        onEdit && /* @__PURE__ */ jsx30(
           "button",
           {
             type: "button",
@@ -9501,32 +9555,32 @@ function MetricCard({
             "aria-label": `Edit metric ${metricTitle(clause, measure)}`,
             title: "Edit metric",
             onClick: onEdit,
-            children: /* @__PURE__ */ jsx29(Icon, { name: "pencil" })
+            children: /* @__PURE__ */ jsx30(Icon, { name: "pencil" })
           }
         ),
-        /* @__PURE__ */ jsxs25("div", { className: "qt-metric-head", children: [
-          /* @__PURE__ */ jsx29("span", { className: cx4("qt-metric-title", classNames?.title), children: metricTitle(clause, measure) }),
-          groupLabels.length > 0 && /* @__PURE__ */ jsxs25("span", { className: "qt-metric-by", children: [
+        /* @__PURE__ */ jsxs26("div", { className: "qt-metric-head", children: [
+          /* @__PURE__ */ jsx30("span", { className: cx4("qt-metric-title", classNames?.title), children: metricTitle(clause, measure) }),
+          groupLabels.length > 0 && /* @__PURE__ */ jsxs26("span", { className: "qt-metric-by", children: [
             "by ",
             groupLabels.join(" \xD7 ")
           ] })
         ] }),
-        result?.coverage === "partial" && /* @__PURE__ */ jsx29("p", { className: "qt-metric-note", role: "status", children: "Partial results" }),
+        result?.coverage === "partial" && /* @__PURE__ */ jsx30("p", { className: "qt-metric-note", role: "status", children: "Partial results" }),
         body,
-        keyedLimit ? buckets !== allBuckets && /* @__PURE__ */ jsxs25("p", { className: "qt-metric-note", children: [
+        keyedLimit ? buckets !== allBuckets && /* @__PURE__ */ jsxs26("p", { className: "qt-metric-note", children: [
           "Showing the first ",
           clause.display?.maxGroups,
           " ",
           keyedLimit.unit,
           " in result order."
-        ] }) : buckets !== allBuckets && allBuckets.length > (clause.display?.maxGroups ?? allBuckets.length) && /* @__PURE__ */ jsxs25("p", { className: "qt-metric-note", children: [
+        ] }) : buckets !== allBuckets && allBuckets.length > (clause.display?.maxGroups ?? allBuckets.length) && /* @__PURE__ */ jsxs26("p", { className: "qt-metric-note", children: [
           "Showing the first ",
           clause.display?.maxGroups,
           " groups in result order",
           buckets.length > clause.display.maxGroups ? " plus Other" : "",
           "."
         ] }),
-        result?.groupCount !== void 0 && result.groupCount > allBuckets.length && /* @__PURE__ */ jsxs25("p", { className: "qt-metric-note", children: [
+        result?.groupCount !== void 0 && result.groupCount > allBuckets.length && /* @__PURE__ */ jsxs26("p", { className: "qt-metric-note", children: [
           allBuckets.length,
           " of ",
           result.groupCount,
@@ -9540,9 +9594,9 @@ function BigNumber({
   bucket,
   fmt
 }) {
-  return /* @__PURE__ */ jsxs25("div", { className: "qt-metric-big", children: [
-    /* @__PURE__ */ jsx29("span", { className: "qt-metric-big-value", children: bucket.error ?? fmt(bucket.value) }),
-    /* @__PURE__ */ jsxs25("span", { className: "qt-metric-big-sub", children: [
+  return /* @__PURE__ */ jsxs26("div", { className: "qt-metric-big", children: [
+    /* @__PURE__ */ jsx30("span", { className: "qt-metric-big-value", children: bucket.error ?? fmt(bucket.value) }),
+    /* @__PURE__ */ jsxs26("span", { className: "qt-metric-big-sub", children: [
       bucket.count.toLocaleString(),
       " rows"
     ] })
@@ -9565,9 +9619,9 @@ function BarList({
     clause.display?.xScale,
     true
   );
-  return /* @__PURE__ */ jsx29("div", { className: "qt-metric-bars", children: buckets.map((b, i) => {
+  return /* @__PURE__ */ jsx30("div", { className: "qt-metric-bars", children: buckets.map((b, i) => {
     const pct = typeof b.value === "number" && !b.error && axis.accepts(b.value) ? Math.max(0, Math.min(1, axis.fraction(b.value))) * 100 : 0;
-    return /* @__PURE__ */ jsxs25(
+    return /* @__PURE__ */ jsxs26(
       "div",
       {
         className: `qt-metric-bar-row${below ? " qt-metric-bar-row--below" : ""}`,
@@ -9575,14 +9629,14 @@ function BarList({
           gridTemplateColumns: below ? `minmax(0, 1fr)${showValues ? " auto" : ""}` : `minmax(3.375rem, 38%) ${showBars ? "1fr " : ""}${showValues ? "auto" : ""}`
         },
         children: [
-          /* @__PURE__ */ jsxs25(
+          /* @__PURE__ */ jsxs26(
             "span",
             {
               className: `qt-metric-bar-label${maxLabelLines ? " qt-metric-bar-label--clamped" : ""}`,
               style: maxLabelLines ? { WebkitLineClamp: maxLabelLines } : void 0,
               title: metricGroupLabel(b, clause, locale, true),
               children: [
-                options?.useGroupColors && /* @__PURE__ */ jsx29(
+                options?.useGroupColors && /* @__PURE__ */ jsx30(
                   "span",
                   {
                     className: "qt-metric-swatch",
@@ -9596,7 +9650,7 @@ function BarList({
               ]
             }
           ),
-          showBars && /* @__PURE__ */ jsx29("span", { className: "qt-metric-bar-track", children: /* @__PURE__ */ jsx29(
+          showBars && /* @__PURE__ */ jsx30("span", { className: "qt-metric-bar-track", children: /* @__PURE__ */ jsx30(
             "span",
             {
               className: "qt-metric-bar-fill",
@@ -9608,7 +9662,7 @@ function BarList({
               }
             }
           ) }),
-          showValues && /* @__PURE__ */ jsx29("span", { className: "qt-metric-bar-value", children: b.error ?? fmt(b.value) })
+          showValues && /* @__PURE__ */ jsx30("span", { className: "qt-metric-bar-value", children: b.error ?? fmt(b.value) })
         ]
       },
       `${keyText(b.keys[0])}-${i}`
@@ -9641,22 +9695,22 @@ function Pivot({
       metricTupleKey([b.keys[rowAxis] ?? null, b.keys[colAxis] ?? null]),
       b
     );
-  return /* @__PURE__ */ jsx29("div", { className: "qt-metric-pivot-wrap", children: /* @__PURE__ */ jsxs25("table", { className: "qt-metric-pivot", children: [
-    /* @__PURE__ */ jsx29("thead", { children: /* @__PURE__ */ jsxs25("tr", { children: [
-      /* @__PURE__ */ jsx29("th", { className: "qt-metric-pivot-corner", children: /* @__PURE__ */ jsxs25("span", { className: "qt-metric-pivot-axes", children: [
+  return /* @__PURE__ */ jsx30("div", { className: "qt-metric-pivot-wrap", children: /* @__PURE__ */ jsxs26("table", { className: "qt-metric-pivot", children: [
+    /* @__PURE__ */ jsx30("thead", { children: /* @__PURE__ */ jsxs26("tr", { children: [
+      /* @__PURE__ */ jsx30("th", { className: "qt-metric-pivot-corner", children: /* @__PURE__ */ jsxs26("span", { className: "qt-metric-pivot-axes", children: [
         rowLabel,
         " ",
-        /* @__PURE__ */ jsx29("span", { className: "qt-muted", children: "\\" }),
+        /* @__PURE__ */ jsx30("span", { className: "qt-muted", children: "\\" }),
         " ",
         colLabel
       ] }) }),
-      colKeys.map((c) => /* @__PURE__ */ jsx29("th", { className: "qt-metric-pivot-col", children: keyNode(c, colAxis, clause, locale) }, typedMetricKey(c)))
+      colKeys.map((c) => /* @__PURE__ */ jsx30("th", { className: "qt-metric-pivot-col", children: keyNode(c, colAxis, clause, locale) }, typedMetricKey(c)))
     ] }) }),
-    /* @__PURE__ */ jsx29("tbody", { children: rowKeys.map((r) => /* @__PURE__ */ jsxs25("tr", { children: [
-      /* @__PURE__ */ jsx29("th", { className: "qt-metric-pivot-row", children: keyNode(r, rowAxis, clause, locale) }),
+    /* @__PURE__ */ jsx30("tbody", { children: rowKeys.map((r) => /* @__PURE__ */ jsxs26("tr", { children: [
+      /* @__PURE__ */ jsx30("th", { className: "qt-metric-pivot-row", children: keyNode(r, rowAxis, clause, locale) }),
       colKeys.map((c) => {
         const v = cell.get(metricTupleKey([r, c]));
-        return /* @__PURE__ */ jsx29("td", { className: "qt-metric-pivot-cell", children: v === void 0 ? /* @__PURE__ */ jsx29("span", { className: "qt-muted", children: "\xB7" }) : v.error ?? fmt(v.value) }, typedMetricKey(c));
+        return /* @__PURE__ */ jsx30("td", { className: "qt-metric-pivot-cell", children: v === void 0 ? /* @__PURE__ */ jsx30("span", { className: "qt-muted", children: "\xB7" }) : v.error ?? fmt(v.value) }, typedMetricKey(c));
       })
     ] }, typedMetricKey(r))) })
   ] }) });
@@ -9669,14 +9723,14 @@ function FlatTable({
   clause,
   locale
 }) {
-  return /* @__PURE__ */ jsx29("div", { className: "qt-metric-pivot-wrap", children: /* @__PURE__ */ jsxs25("table", { className: "qt-metric-flat", children: [
-    /* @__PURE__ */ jsx29("thead", { children: /* @__PURE__ */ jsxs25("tr", { children: [
-      groupLabels.map((g) => /* @__PURE__ */ jsx29("th", { children: g }, g)),
-      /* @__PURE__ */ jsx29("th", { className: "qt-metric-flat-value", children: valueLabel2 })
+  return /* @__PURE__ */ jsx30("div", { className: "qt-metric-pivot-wrap", children: /* @__PURE__ */ jsxs26("table", { className: "qt-metric-flat", children: [
+    /* @__PURE__ */ jsx30("thead", { children: /* @__PURE__ */ jsxs26("tr", { children: [
+      groupLabels.map((g) => /* @__PURE__ */ jsx30("th", { children: g }, g)),
+      /* @__PURE__ */ jsx30("th", { className: "qt-metric-flat-value", children: valueLabel2 })
     ] }) }),
-    /* @__PURE__ */ jsx29("tbody", { children: buckets.map((b, i) => /* @__PURE__ */ jsxs25("tr", { children: [
-      groupLabels.map((_, j) => /* @__PURE__ */ jsx29("td", { children: keyNode(b.keys[j], j, clause, locale) }, j)),
-      /* @__PURE__ */ jsx29("td", { className: "qt-metric-flat-value", children: b.error ?? fmt(b.value) })
+    /* @__PURE__ */ jsx30("tbody", { children: buckets.map((b, i) => /* @__PURE__ */ jsxs26("tr", { children: [
+      groupLabels.map((_, j) => /* @__PURE__ */ jsx30("td", { children: keyNode(b.keys[j], j, clause, locale) }, j)),
+      /* @__PURE__ */ jsx30("td", { className: "qt-metric-flat-value", children: b.error ?? fmt(b.value) })
     ] }, i)) })
   ] }) });
 }
@@ -9691,7 +9745,7 @@ var UNIT_RENDER_KEYS = /* @__PURE__ */ new Set([
   "byte_size"
 ]);
 function formatMetricValue(value, op, measure, renderers, decimals) {
-  if (value == null) return /* @__PURE__ */ jsx29("span", { className: "qt-muted", children: "\u2014" });
+  if (value == null) return /* @__PURE__ */ jsx30("span", { className: "qt-muted", children: "\u2014" });
   if (op === "count" || op === "count_distinct") {
     return typeof value === "number" ? formatNumber(value, 0) : String(value);
   }
@@ -9757,7 +9811,7 @@ function keyText(k) {
   return k == null ? NULL_KEY : String(k);
 }
 function keyNode(k, axis, clause, locale) {
-  return k == null ? /* @__PURE__ */ jsx29("span", { className: "qt-muted", children: NULL_KEY }) : metricGroupKeyLabel(k, axis, clause, locale);
+  return k == null ? /* @__PURE__ */ jsx30("span", { className: "qt-muted", children: NULL_KEY }) : metricGroupKeyLabel(k, axis, clause, locale);
 }
 
 // src/useMetricWorkbench.ts
@@ -9773,7 +9827,7 @@ function useMetricWorkbench(isEditor = true) {
 
 // src/MetricsEditor.tsx
 import { FORMULA_FUNCTIONS as FORMULA_FUNCTIONS2 } from "@pythia-software/query-table-core";
-import { Fragment as Fragment19, jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx31, jsxs as jsxs27 } from "react/jsx-runtime";
 var FormulaEditor3 = lazy2(() => import("./FormulaEditor-NZWSPFJQ.js"));
 var clone = (value) => JSON.parse(JSON.stringify(value));
 var fieldSource = (name) => `[${name.replace(/\]/g, "]]")}]`;
@@ -9817,21 +9871,21 @@ function MetricsEditor({
   const titleId = useId8();
   const initial = useRef18(clone(api.aggregations.clauses));
   const initialKey = useRef18(JSON.stringify(initial.current));
-  const [drafts, setDrafts] = useState25(initial.current);
-  const [active, setActive] = useState25(
+  const [drafts, setDrafts] = useState26(initial.current);
+  const [active, setActive] = useState26(
     initialMetricId ?? initial.current[0]?.id ?? ""
   );
-  const [view, setView] = useState25(initialView);
-  const [discard, setDiscard] = useState25(false);
-  const [error, setError] = useState25(null);
-  const [announcement, setAnnouncement] = useState25("");
-  const [preview, setPreview] = useState25(null);
-  const [previewLoading, setPreviewLoading] = useState25(false);
-  const [retry, setRetry] = useState25(0);
-  const [canvas, setCanvas] = useState25(1120);
-  const [returnMetric, setReturnMetric] = useState25(null);
-  const [removed, setRemoved] = useState25(null);
-  const [openSettings, setOpenSettings] = useState25({});
+  const [view, setView] = useState26(initialView);
+  const [discard, setDiscard] = useState26(false);
+  const [error, setError] = useState26(null);
+  const [announcement, setAnnouncement] = useState26("");
+  const [preview, setPreview] = useState26(null);
+  const [previewLoading, setPreviewLoading] = useState26(false);
+  const [retry, setRetry] = useState26(0);
+  const [canvas, setCanvas] = useState26(1120);
+  const [returnMetric, setReturnMetric] = useState26(null);
+  const [removed, setRemoved] = useState26(null);
+  const [openSettings, setOpenSettings] = useState26({});
   const settingsState = (title) => ({
     open: openSettings[title] ?? false,
     onOpenChange: (open) => setOpenSettings(
@@ -9841,23 +9895,23 @@ function MetricsEditor({
   const geometryDrag = useMetricResize();
   const canvasElement = useRef18(null);
   const focusDestination = useRef18(false);
-  const [navigation, setNavigation] = useState25(0);
+  const [navigation, setNavigation] = useState26(0);
   const paneScroll = useRef18([0, 0, 0, 0]);
-  const [previewSize, setPreviewSize] = useState25({ width: 320, height: 200 });
-  const [formatTarget, setFormatTarget] = useState25(
+  const [previewSize, setPreviewSize] = useState26({ width: 320, height: 200 });
+  const [formatTarget, setFormatTarget] = useState26(
     "value"
   );
-  const [reference, setReference] = useState25("fields");
-  const [referenceSearch, setReferenceSearch] = useState25({
+  const [reference, setReference] = useState26("fields");
+  const [referenceSearch, setReferenceSearch] = useState26({
     fields: "",
     functions: ""
   });
   const search = referenceSearch[reference];
   const setSearch = (value) => setReferenceSearch((previous) => ({ ...previous, [reference]: value }));
-  const [concept, setConcept] = useState25("all");
-  const [inspectOpen, setInspectOpen] = useState25(false);
-  const [inspectedKey, setInspectedKey] = useState25(null);
-  const [inputTarget, setInputTarget] = useState25(
+  const [concept, setConcept] = useState26("all");
+  const [inspectOpen, setInspectOpen] = useState26(false);
+  const [inspectedKey, setInspectedKey] = useState26(null);
+  const [inputTarget, setInputTarget] = useState26(
     "primary"
   );
   const pendingInsertion = useRef18(null);
@@ -10067,7 +10121,7 @@ function MetricsEditor({
   }
   function panelToggle(index, collapse = false) {
     const pane = panes4[index];
-    return /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsx31(
       EditorPanelToggle,
       {
         workbench,
@@ -10080,8 +10134,8 @@ function MetricsEditor({
     );
   }
   function paneHeading(index, label) {
-    return /* @__PURE__ */ jsxs26("div", { className: "qt-metric-pane-heading", children: [
-      /* @__PURE__ */ jsx30("h3", { children: label }),
+    return /* @__PURE__ */ jsxs27("div", { className: "qt-metric-pane-heading", children: [
+      /* @__PURE__ */ jsx31("h3", { children: label }),
       panelToggle(index, true)
     ] });
   }
@@ -10290,16 +10344,16 @@ function MetricsEditor({
   const setFormat = (format) => displayPatch(
     formatTarget === "x" ? { xFormat: format } : formatTarget === "y" ? { yFormat: format } : { format }
   );
-  const menu = (c, index) => /* @__PURE__ */ jsx30("span", { className: "qt-metric-actions", children: /* @__PURE__ */ jsxs26(MenuButton, { label: `Actions for ${titleOf(c, fields)}`, width: 200, trigger: /* @__PURE__ */ jsx30("span", { "aria-hidden": true, children: "\u22EF" }), children: [
-    view === "dashboard" && /* @__PURE__ */ jsx30(MenuItem, { onSelect: () => navigate("editor", c.id), children: "Edit metric" }),
-    /* @__PURE__ */ jsx30(MenuItem, { disabled: drafts.length >= MAX_AGGREGATIONS, onSelect: () => duplicate(c), children: "Duplicate" }),
-    /* @__PURE__ */ jsx30(MenuItem, { disabled: index === 0, onSelect: () => move(c.id, index - 1), children: "Move up" }),
-    /* @__PURE__ */ jsx30(MenuItem, { disabled: index === drafts.length - 1, onSelect: () => move(c.id, index + 1), children: "Move down" }),
-    /* @__PURE__ */ jsx30(MenuSeparator, {}),
-    /* @__PURE__ */ jsx30(MenuItem, { tone: "danger", onSelect: () => remove(c.id), children: "Remove" })
+  const menu = (c, index) => /* @__PURE__ */ jsx31("span", { className: "qt-metric-actions", children: /* @__PURE__ */ jsxs27(MenuButton, { label: `Actions for ${titleOf(c, fields)}`, width: 200, trigger: /* @__PURE__ */ jsx31("span", { "aria-hidden": true, children: "\u22EF" }), children: [
+    view === "dashboard" && /* @__PURE__ */ jsx31(MenuItem, { onSelect: () => navigate("editor", c.id), children: "Edit metric" }),
+    /* @__PURE__ */ jsx31(MenuItem, { disabled: drafts.length >= MAX_AGGREGATIONS, onSelect: () => duplicate(c), children: "Duplicate" }),
+    /* @__PURE__ */ jsx31(MenuItem, { disabled: index === 0, onSelect: () => move(c.id, index - 1), children: "Move up" }),
+    /* @__PURE__ */ jsx31(MenuItem, { disabled: index === drafts.length - 1, onSelect: () => move(c.id, index + 1), children: "Move down" }),
+    /* @__PURE__ */ jsx31(MenuSeparator, {}),
+    /* @__PURE__ */ jsx31(MenuItem, { tone: "danger", onSelect: () => remove(c.id), children: "Remove" })
   ] }) });
-  const sizeControls = selected && /* @__PURE__ */ jsx30("div", { className: "qt-metric-size-controls", children: ["widthRem", "heightRem", "minWidthRem", "minHeightRem"].map(
-    (key) => /* @__PURE__ */ jsxs26("label", { children: [
+  const sizeControls = selected && /* @__PURE__ */ jsx31("div", { className: "qt-metric-size-controls", children: ["widthRem", "heightRem", "minWidthRem", "minHeightRem"].map(
+    (key) => /* @__PURE__ */ jsxs27("label", { children: [
       {
         widthRem: "Width",
         heightRem: "Height",
@@ -10308,7 +10362,7 @@ function MetricsEditor({
       }[key],
       " ",
       "(rem)",
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx31(
         MetricNumberInput,
         {
           "aria-label": `${{ widthRem: "Width", heightRem: "Height", minWidthRem: "Min width", minHeightRem: "Min height" }[key]} in rem`,
@@ -10322,7 +10376,7 @@ function MetricsEditor({
       )
     ] }, key)
   ) });
-  const card = (c) => /* @__PURE__ */ jsx30(
+  const card = (c) => /* @__PURE__ */ jsx31(
     MetricCard,
     {
       clause: c,
@@ -10337,7 +10391,7 @@ function MetricsEditor({
       } : void 0
     }
   );
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     EditorModal,
     {
       title: "Edit metrics",
@@ -10345,9 +10399,9 @@ function MetricsEditor({
       closeLabel: "Close metric editor",
       onClose: close,
       workbench,
-      headerActions: /* @__PURE__ */ jsxs26("label", { children: [
-        /* @__PURE__ */ jsx30("span", { className: "qt-sr-only", children: "Workbench view" }),
-        /* @__PURE__ */ jsxs26(
+      headerActions: /* @__PURE__ */ jsxs27("label", { children: [
+        /* @__PURE__ */ jsx31("span", { className: "qt-sr-only", children: "Workbench view" }),
+        /* @__PURE__ */ jsxs27(
           "select",
           {
             "aria-label": "Workbench view",
@@ -10357,26 +10411,26 @@ function MetricsEditor({
               setView(e.target.value);
             },
             children: [
-              /* @__PURE__ */ jsx30("option", { value: "editor", children: "Metric editor" }),
-              /* @__PURE__ */ jsx30("option", { value: "dashboard", children: "Dashboard layout" })
+              /* @__PURE__ */ jsx31("option", { value: "editor", children: "Metric editor" }),
+              /* @__PURE__ */ jsx31("option", { value: "dashboard", children: "Dashboard layout" })
             ]
           }
         )
       ] }),
-      panelControls: view === "editor" && /* @__PURE__ */ jsxs26(
+      panelControls: view === "editor" && /* @__PURE__ */ jsxs27(
         "div",
         {
           className: "qt-metric-panel-tools",
           role: "group",
           "aria-label": "Visible editor panels",
           children: [
-            /* @__PURE__ */ jsx30("span", { children: "Panels" }),
-            panes4.map((pane, i) => /* @__PURE__ */ jsx30("span", { children: panelToggle(i) }, pane.label))
+            /* @__PURE__ */ jsx31("span", { children: "Panels" }),
+            panes4.map((pane, i) => /* @__PURE__ */ jsx31("span", { children: panelToggle(i) }, pane.label))
           ]
         }
       ),
       children: [
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31(
           EditorContext,
           {
             shown: api.rows.length,
@@ -10385,9 +10439,9 @@ function MetricsEditor({
             locale
           }
         ),
-        view === "editor" && /* @__PURE__ */ jsxs26("div", { className: "qt-metric-workbench-tools", children: [
-          /* @__PURE__ */ jsxs26("div", { className: "qt-metric-selection-tools", children: [
-            /* @__PURE__ */ jsxs26(
+        view === "editor" && /* @__PURE__ */ jsxs27("div", { className: "qt-metric-workbench-tools", children: [
+          /* @__PURE__ */ jsxs27("div", { className: "qt-metric-selection-tools", children: [
+            /* @__PURE__ */ jsxs27(
               "select",
               {
                 "aria-label": "Editing metric",
@@ -10395,12 +10449,12 @@ function MetricsEditor({
                 onChange: (e) => setActive(e.target.value),
                 disabled: !drafts.length,
                 children: [
-                  !drafts.length && /* @__PURE__ */ jsx30("option", { value: "", children: "No metrics yet" }),
-                  orderItems.map((item) => /* @__PURE__ */ jsx30("option", { value: item.id, children: item.label }, item.id))
+                  !drafts.length && /* @__PURE__ */ jsx31("option", { value: "", children: "No metrics yet" }),
+                  orderItems.map((item) => /* @__PURE__ */ jsx31("option", { value: item.id, children: item.label }, item.id))
                 ]
               }
             ),
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx31(
               "button",
               {
                 type: "button",
@@ -10409,10 +10463,10 @@ function MetricsEditor({
                 title: "Previous metric",
                 disabled: selectedPosition <= 0,
                 onClick: () => setActive(drafts[selectedPosition - 1].id),
-                children: /* @__PURE__ */ jsx30(Icon, { name: "arrowUp" })
+                children: /* @__PURE__ */ jsx31(Icon, { name: "arrowUp" })
               }
             ),
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx31(
               "button",
               {
                 type: "button",
@@ -10421,11 +10475,11 @@ function MetricsEditor({
                 title: "Next metric",
                 disabled: selectedPosition < 0 || selectedPosition >= drafts.length - 1,
                 onClick: () => setActive(drafts[selectedPosition + 1].id),
-                children: /* @__PURE__ */ jsx30(Icon, { name: "arrowDown" })
+                children: /* @__PURE__ */ jsx31(Icon, { name: "arrowDown" })
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs26(
+          /* @__PURE__ */ jsxs27(
             "button",
             {
               type: "button",
@@ -10433,20 +10487,20 @@ function MetricsEditor({
               disabled: !selected,
               onClick: seeInDashboard,
               children: [
-                /* @__PURE__ */ jsx30(Icon, { name: "dashboard" }),
+                /* @__PURE__ */ jsx31(Icon, { name: "dashboard" }),
                 "See in dashboard",
-                /* @__PURE__ */ jsx30(Icon, { name: "arrowRight", size: 14 })
+                /* @__PURE__ */ jsx31(Icon, { name: "arrowRight", size: 14 })
               ]
             }
           )
         ] }),
-        view === "dashboard" ? /* @__PURE__ */ jsxs26("section", { className: "qt-metric-layout-editor", children: [
-          /* @__PURE__ */ jsxs26("div", { className: "qt-metric-canvas-controls", children: [
-            /* @__PURE__ */ jsxs26("div", { className: "qt-metric-canvas-heading", children: [
-              /* @__PURE__ */ jsx30("strong", { children: "Dashboard layout" }),
-              /* @__PURE__ */ jsx30("p", { className: "qt-metric-help", children: "Select a card to adjust it. Drag handles to reorder, corners to resize." })
+        view === "dashboard" ? /* @__PURE__ */ jsxs27("section", { className: "qt-metric-layout-editor", children: [
+          /* @__PURE__ */ jsxs27("div", { className: "qt-metric-canvas-controls", children: [
+            /* @__PURE__ */ jsxs27("div", { className: "qt-metric-canvas-heading", children: [
+              /* @__PURE__ */ jsx31("strong", { children: "Dashboard layout" }),
+              /* @__PURE__ */ jsx31("p", { className: "qt-metric-help", children: "Select a card to adjust it. Drag handles to reorder, corners to resize." })
             ] }),
-            returnMetric && drafts.some((c) => c.id === returnMetric) && /* @__PURE__ */ jsxs26(
+            returnMetric && drafts.some((c) => c.id === returnMetric) && /* @__PURE__ */ jsxs27(
               "button",
               {
                 type: "button",
@@ -10457,12 +10511,12 @@ function MetricsEditor({
                 )}`,
                 onClick: () => navigate("editor", returnMetric),
                 children: [
-                  /* @__PURE__ */ jsx30(Icon, { name: "arrowLeft" }),
+                  /* @__PURE__ */ jsx31(Icon, { name: "arrowLeft" }),
                   "Back to metric"
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs26(
+            /* @__PURE__ */ jsxs27(
               "button",
               {
                 type: "button",
@@ -10470,21 +10524,21 @@ function MetricsEditor({
                 disabled: drafts.length >= MAX_AGGREGATIONS,
                 onClick: createMetric,
                 children: [
-                  /* @__PURE__ */ jsx30(Icon, { name: "add" }),
+                  /* @__PURE__ */ jsx31(Icon, { name: "add" }),
                   "Create metric"
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs26(
+            /* @__PURE__ */ jsxs27(
               "div",
               {
                 className: "qt-metric-canvas-presets",
                 role: "group",
                 "aria-label": "Viewport presets",
                 children: [
-                  /* @__PURE__ */ jsxs26("label", { children: [
+                  /* @__PURE__ */ jsxs27("label", { children: [
                     "Canvas width (px)",
-                    /* @__PURE__ */ jsx30(
+                    /* @__PURE__ */ jsx31(
                       MetricNumberInput,
                       {
                         "aria-label": "Canvas width",
@@ -10496,8 +10550,8 @@ function MetricsEditor({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx30("span", { children: "or preset" }),
-                  [360, 768, 1200].map((width) => /* @__PURE__ */ jsxs26(
+                  /* @__PURE__ */ jsx31("span", { children: "or preset" }),
+                  [360, 768, 1200].map((width) => /* @__PURE__ */ jsxs27(
                     "button",
                     {
                       type: "button",
@@ -10517,22 +10571,22 @@ function MetricsEditor({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs26("div", { className: "qt-metric-layout-controls", children: [
-            /* @__PURE__ */ jsxs26("label", { className: "qt-metric-layout-picker", children: [
+          /* @__PURE__ */ jsxs27("div", { className: "qt-metric-layout-controls", children: [
+            /* @__PURE__ */ jsxs27("label", { className: "qt-metric-layout-picker", children: [
               "Selected metric",
-              /* @__PURE__ */ jsx30(
+              /* @__PURE__ */ jsx31(
                 "select",
                 {
                   "aria-label": "Selected metric",
                   value: active,
                   onChange: (e) => setActive(e.target.value),
-                  children: orderItems.map((item) => /* @__PURE__ */ jsx30("option", { value: item.id, children: item.label }, item.id))
+                  children: orderItems.map((item) => /* @__PURE__ */ jsx31("option", { value: item.id, children: item.label }, item.id))
                 }
               )
             ] }),
-            selected && /* @__PURE__ */ jsxs26("label", { className: "qt-metric-layout-name", children: [
+            selected && /* @__PURE__ */ jsxs27("label", { className: "qt-metric-layout-name", children: [
               "Name",
-              /* @__PURE__ */ jsx30(
+              /* @__PURE__ */ jsx31(
                 "input",
                 {
                   "aria-label": "Layout metric name",
@@ -10543,7 +10597,7 @@ function MetricsEditor({
               )
             ] }),
             sizeControls,
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx31(
               "button",
               {
                 type: "button",
@@ -10554,20 +10608,20 @@ function MetricsEditor({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx30("div", { className: "qt-metric-canvas-scroll", children: /* @__PURE__ */ jsxs26(
+          /* @__PURE__ */ jsx31("div", { className: "qt-metric-canvas-scroll", children: /* @__PURE__ */ jsxs27(
             "div",
             {
               className: "qt-metric-canvas-frame",
               style: { width: canvas + 18 },
               children: [
-                /* @__PURE__ */ jsxs26(
+                /* @__PURE__ */ jsxs27(
                   "div",
                   {
                     ref: canvasElement,
                     className: "qt-metric-layout-canvas",
                     style: { width: canvas },
                     children: [
-                      /* @__PURE__ */ jsx30(
+                      /* @__PURE__ */ jsx31(
                         ReorderList,
                         {
                           items: orderItems,
@@ -10588,7 +10642,7 @@ function MetricsEditor({
                           },
                           renderItem: (item, index) => {
                             const c = drafts.find((d) => d.id === item.id);
-                            return /* @__PURE__ */ jsxs26(
+                            return /* @__PURE__ */ jsxs27(
                               "div",
                               {
                                 className: "qt-metric-layout-card",
@@ -10617,7 +10671,7 @@ function MetricsEditor({
                                   }
                                 },
                                 children: [
-                                  /* @__PURE__ */ jsx30(
+                                  /* @__PURE__ */ jsx31(
                                     "button",
                                     {
                                       type: "button",
@@ -10625,12 +10679,12 @@ function MetricsEditor({
                                       "aria-label": `Edit ${item.label}`,
                                       title: "Edit metric",
                                       onClick: () => navigate("editor", item.id),
-                                      children: /* @__PURE__ */ jsx30(Icon, { name: "pencil", size: 14 })
+                                      children: /* @__PURE__ */ jsx31(Icon, { name: "pencil", size: 14 })
                                     }
                                   ),
                                   menu(c, index),
                                   card(c),
-                                  /* @__PURE__ */ jsx30(
+                                  /* @__PURE__ */ jsx31(
                                     "button",
                                     {
                                       type: "button",
@@ -10700,7 +10754,7 @@ function MetricsEditor({
                                         if (layout.widthRem !== base.widthRem || layout.heightRem !== base.heightRem)
                                           patch(c.id, { layout });
                                       },
-                                      children: /* @__PURE__ */ jsx30(Icon, { name: "resize", size: 14 })
+                                      children: /* @__PURE__ */ jsx31(Icon, { name: "resize", size: 14 })
                                     }
                                   )
                                 ]
@@ -10709,18 +10763,18 @@ function MetricsEditor({
                           }
                         }
                       ),
-                      !drafts.length && /* @__PURE__ */ jsxs26("div", { className: "qt-metric-authoring-empty", children: [
-                        /* @__PURE__ */ jsx30(Icon, { name: "dashboard", size: 28 }),
-                        /* @__PURE__ */ jsx30("strong", { children: "Your dashboard is empty" }),
-                        /* @__PURE__ */ jsx30("p", { children: "Create a metric to start arranging your dashboard." }),
-                        /* @__PURE__ */ jsxs26(
+                      !drafts.length && /* @__PURE__ */ jsxs27("div", { className: "qt-metric-authoring-empty", children: [
+                        /* @__PURE__ */ jsx31(Icon, { name: "dashboard", size: 28 }),
+                        /* @__PURE__ */ jsx31("strong", { children: "Your dashboard is empty" }),
+                        /* @__PURE__ */ jsx31("p", { children: "Create a metric to start arranging your dashboard." }),
+                        /* @__PURE__ */ jsxs27(
                           "button",
                           {
                             type: "button",
                             className: "qt-btn",
                             onClick: createMetric,
                             children: [
-                              /* @__PURE__ */ jsx30(Icon, { name: "add" }),
+                              /* @__PURE__ */ jsx31(Icon, { name: "add" }),
                               "Create your first metric"
                             ]
                           }
@@ -10729,7 +10783,7 @@ function MetricsEditor({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx30(
+                /* @__PURE__ */ jsx31(
                   "div",
                   {
                     className: "qt-metric-canvas-resize",
@@ -10763,17 +10817,17 @@ function MetricsEditor({
                         );
                       }
                     },
-                    children: /* @__PURE__ */ jsx30(Icon, { name: "grip", size: 14 })
+                    children: /* @__PURE__ */ jsx31(Icon, { name: "grip", size: 14 })
                   }
                 )
               ]
             }
           ) }),
-          /* @__PURE__ */ jsxs26("p", { className: "qt-metric-canvas-note qt-metric-help", children: [
+          /* @__PURE__ */ jsxs27("p", { className: "qt-metric-canvas-note qt-metric-help", children: [
             canvas,
             " px canvas \xB7 Drag the right edge to test wrapping. Card widths are preferred sizes; cards expand to fill each row."
           ] })
-        ] }) : /* @__PURE__ */ jsxs26(
+        ] }) : /* @__PURE__ */ jsxs27(
           "div",
           {
             ref: workbench.root,
@@ -10782,7 +10836,7 @@ function MetricsEditor({
               gridTemplateColumns: workbench.visibleIndices.map((i) => `${workbench.widths[i]}px`).join(" 6px ")
             },
             children: [
-              /* @__PURE__ */ jsxs26(
+              /* @__PURE__ */ jsxs27(
                 "aside",
                 {
                   className: "qt-metric-library",
@@ -10791,15 +10845,15 @@ function MetricsEditor({
                   children: [
                     paneHeading(
                       0,
-                      /* @__PURE__ */ jsxs26(Fragment19, { children: [
+                      /* @__PURE__ */ jsxs27(Fragment19, { children: [
                         "In this query ",
-                        /* @__PURE__ */ jsxs26("span", { children: [
+                        /* @__PURE__ */ jsxs27("span", { children: [
                           "\xB7 ",
                           drafts.length
                         ] })
                       ] })
                     ),
-                    /* @__PURE__ */ jsx30(
+                    /* @__PURE__ */ jsx31(
                       ReorderList,
                       {
                         items: orderItems,
@@ -10808,8 +10862,8 @@ function MetricsEditor({
                         itemClassName: (item) => item.id === active ? "qt-metric-library-selected" : "",
                         renderItem: (item, index) => {
                           const c = drafts.find((d) => d.id === item.id);
-                          return /* @__PURE__ */ jsxs26(Fragment19, { children: [
-                            /* @__PURE__ */ jsxs26(
+                          return /* @__PURE__ */ jsxs27(Fragment19, { children: [
+                            /* @__PURE__ */ jsxs27(
                               "button",
                               {
                                 type: "button",
@@ -10817,20 +10871,20 @@ function MetricsEditor({
                                 "aria-current": item.id === active,
                                 onClick: () => setActive(item.id),
                                 children: [
-                                  /* @__PURE__ */ jsxs26("strong", { children: [
+                                  /* @__PURE__ */ jsxs27("strong", { children: [
                                     item.label,
-                                    issues.has(c.id) && /* @__PURE__ */ jsx30(
+                                    issues.has(c.id) && /* @__PURE__ */ jsx31(
                                       "span",
                                       {
                                         className: "qt-metric-needs-attention",
                                         "aria-label": "Needs attention",
                                         title: issues.get(c.id),
-                                        children: /* @__PURE__ */ jsx30(Icon, { name: "alert", size: 12 })
+                                        children: /* @__PURE__ */ jsx31(Icon, { name: "alert", size: 12 })
                                       }
                                     ),
                                     JSON.stringify(c) !== JSON.stringify(
                                       initial.current.find((m) => m.id === c.id)
-                                    ) && /* @__PURE__ */ jsx30(
+                                    ) && /* @__PURE__ */ jsx31(
                                       "i",
                                       {
                                         className: "qt-metric-dirty-dot",
@@ -10838,7 +10892,7 @@ function MetricsEditor({
                                       }
                                     )
                                   ] }),
-                                  /* @__PURE__ */ jsxs26("span", { children: [
+                                  /* @__PURE__ */ jsxs27("span", { children: [
                                     c.groupBy.map(
                                       (g) => fields.find((f) => f.name === g)?.label ?? g
                                     ).join(" \xD7 ") || "One value",
@@ -10855,7 +10909,7 @@ function MetricsEditor({
                         }
                       }
                     ),
-                    /* @__PURE__ */ jsx30(
+                    /* @__PURE__ */ jsx31(
                       "button",
                       {
                         type: "button",
@@ -10869,12 +10923,12 @@ function MetricsEditor({
                 }
               ),
               separator(0),
-              /* @__PURE__ */ jsxs26("section", { className: "qt-metric-definition", ...paneProps(1), children: [
+              /* @__PURE__ */ jsxs27("section", { className: "qt-metric-definition", ...paneProps(1), children: [
                 paneHeading(1, "Metric definition"),
-                selected ? /* @__PURE__ */ jsxs26(Fragment19, { children: [
-                  /* @__PURE__ */ jsxs26("label", { children: [
+                selected ? /* @__PURE__ */ jsxs27(Fragment19, { children: [
+                  /* @__PURE__ */ jsxs27("label", { children: [
                     "Metric name",
-                    /* @__PURE__ */ jsx30(
+                    /* @__PURE__ */ jsx31(
                       "input",
                       {
                         "aria-label": "Metric name",
@@ -10884,16 +10938,16 @@ function MetricsEditor({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsxs26("div", { className: "qt-metric-expression-heading", children: [
-                    /* @__PURE__ */ jsx30("strong", { children: ["box", "histogram"].includes(chosen.kind) ? "Values to summarize" : chosen.kind === "scatter" ? "X expression" : "Expression" }),
-                    !["box", "histogram", "scatter"].includes(chosen.kind) && /* @__PURE__ */ jsxs26(
+                  /* @__PURE__ */ jsxs27("div", { className: "qt-metric-expression-heading", children: [
+                    /* @__PURE__ */ jsx31("strong", { children: ["box", "histogram"].includes(chosen.kind) ? "Values to summarize" : chosen.kind === "scatter" ? "X expression" : "Expression" }),
+                    !["box", "histogram", "scatter"].includes(chosen.kind) && /* @__PURE__ */ jsxs27(
                       "div",
                       {
                         className: "qt-metric-mode",
                         role: "group",
                         "aria-label": "Expression mode",
                         children: [
-                          /* @__PURE__ */ jsx30(
+                          /* @__PURE__ */ jsx31(
                             "button",
                             {
                               type: "button",
@@ -10912,7 +10966,7 @@ function MetricsEditor({
                               children: "Basic"
                             }
                           ),
-                          /* @__PURE__ */ jsx30(
+                          /* @__PURE__ */ jsx31(
                             "button",
                             {
                               type: "button",
@@ -10927,8 +10981,8 @@ function MetricsEditor({
                       }
                     )
                   ] }),
-                  selected.expression === void 0 && !["box", "histogram", "scatter"].includes(chosen.kind) ? /* @__PURE__ */ jsxs26("div", { className: "qt-metric-basic", children: [
-                    /* @__PURE__ */ jsx30(
+                  selected.expression === void 0 && !["box", "histogram", "scatter"].includes(chosen.kind) ? /* @__PURE__ */ jsxs27("div", { className: "qt-metric-basic", children: [
+                    /* @__PURE__ */ jsx31(
                       "select",
                       {
                         "aria-label": "Aggregation function",
@@ -10938,10 +10992,10 @@ function MetricsEditor({
                         }),
                         children: (selected.field && fields.find((f) => f.name === selected.field) ? aggOpsForField(
                           fields.find((f) => f.name === selected.field)
-                        ) : ["count"]).map((op) => /* @__PURE__ */ jsx30("option", { value: op, children: op.toUpperCase() }, op))
+                        ) : ["count"]).map((op) => /* @__PURE__ */ jsx31("option", { value: op, children: op.toUpperCase() }, op))
                       }
                     ),
-                    /* @__PURE__ */ jsxs26(
+                    /* @__PURE__ */ jsxs27(
                       "select",
                       {
                         "aria-label": "Measure field",
@@ -10955,12 +11009,12 @@ function MetricsEditor({
                           });
                         },
                         children: [
-                          /* @__PURE__ */ jsx30("option", { value: "", children: "All rows" }),
-                          measurable.map((f) => /* @__PURE__ */ jsx30("option", { value: f.name, children: f.label }, f.name))
+                          /* @__PURE__ */ jsx31("option", { value: "", children: "All rows" }),
+                          measurable.map((f) => /* @__PURE__ */ jsx31("option", { value: f.name, children: f.label }, f.name))
                         ]
                       }
                     )
-                  ] }) : /* @__PURE__ */ jsx30(Suspense2, { fallback: /* @__PURE__ */ jsx30("p", { children: "Loading expression editor\u2026" }), children: /* @__PURE__ */ jsx30(
+                  ] }) : /* @__PURE__ */ jsx31(Suspense2, { fallback: /* @__PURE__ */ jsx31("p", { children: "Loading expression editor\u2026" }), children: /* @__PURE__ */ jsx31(
                     FormulaEditor3,
                     {
                       value: ["box", "histogram"].includes(chosen.kind) ? selected.distribution?.input ?? "NULL" : metricExpression(selected),
@@ -10985,9 +11039,9 @@ function MetricsEditor({
                     },
                     `${selected.id}-x`
                   ) }),
-                  chosen.kind === "scatter" && /* @__PURE__ */ jsxs26(Fragment19, { children: [
-                    /* @__PURE__ */ jsx30("strong", { children: "Y expression" }),
-                    /* @__PURE__ */ jsx30(Suspense2, { fallback: /* @__PURE__ */ jsx30("p", { children: "Loading expression editor\u2026" }), children: /* @__PURE__ */ jsx30(
+                  chosen.kind === "scatter" && /* @__PURE__ */ jsxs27(Fragment19, { children: [
+                    /* @__PURE__ */ jsx31("strong", { children: "Y expression" }),
+                    /* @__PURE__ */ jsx31(Suspense2, { fallback: /* @__PURE__ */ jsx31("p", { children: "Loading expression editor\u2026" }), children: /* @__PURE__ */ jsx31(
                       FormulaEditor3,
                       {
                         value: selected.expressionY ?? "COUNT()",
@@ -11009,22 +11063,22 @@ function MetricsEditor({
                   ] }),
                   diagnostics.get(selected.id) && (!computationDiagnostics.has(selected.id) || selected.expression === void 0 && !["box", "histogram", "scatter"].includes(
                     chosen.kind
-                  )) && /* @__PURE__ */ jsx30("p", { className: "qt-metric-editor-error", role: "status", children: diagnostics.get(selected.id) }),
-                  !diagnostics.has(selected.id) && /* @__PURE__ */ jsx30("p", { className: "qt-metric-validation", children: "\u2713 Valid expression" }),
-                  /* @__PURE__ */ jsxs26(
+                  )) && /* @__PURE__ */ jsx31("p", { className: "qt-metric-editor-error", role: "status", children: diagnostics.get(selected.id) }),
+                  !diagnostics.has(selected.id) && /* @__PURE__ */ jsx31("p", { className: "qt-metric-validation", children: "\u2713 Valid expression" }),
+                  /* @__PURE__ */ jsxs27(
                     Settings,
                     {
                       title: "Data scope",
                       ...settingsState("Data scope"),
                       summary: selected.scope === "shownRows" ? "Shown rows" : "All matching rows",
                       children: [
-                        /* @__PURE__ */ jsx30(
+                        /* @__PURE__ */ jsx31(
                           "div",
                           {
                             className: "qt-metric-scope",
                             role: "group",
                             "aria-label": "Calculate over",
-                            children: ["allMatching", "shownRows"].map((scope) => /* @__PURE__ */ jsx30(
+                            children: ["allMatching", "shownRows"].map((scope) => /* @__PURE__ */ jsx31(
                               "button",
                               {
                                 type: "button",
@@ -11036,11 +11090,11 @@ function MetricsEditor({
                             ))
                           }
                         ),
-                        /* @__PURE__ */ jsx30("p", { className: "qt-metric-help", children: selected.scope === "shownRows" ? "Uses only rows on the current page, after sorting and paging." : "Uses every matching row; ignores the table\u2019s limit and offset." })
+                        /* @__PURE__ */ jsx31("p", { className: "qt-metric-help", children: selected.scope === "shownRows" ? "Uses only rows on the current page, after sorting and paging." : "Uses every matching row; ignores the table\u2019s limit and offset." })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs26(
+                  /* @__PURE__ */ jsxs27(
                     Settings,
                     {
                       title: "Grouping",
@@ -11049,12 +11103,12 @@ function MetricsEditor({
                         (g) => fields.find((f) => f.name === g)?.label ?? g
                       ).join(" \xD7 ") + (selected.dateGrouping ? ` \xB7 ${selected.dateGrouping.interval} \xB7 ${selected.dateGrouping.timeZone ?? "UTC"}${selected.dateGrouping.includeEmpty ? " \xB7 empty dates" : ""}` : "") : "One value",
                       children: [
-                        selected.groupBy.map((group, index) => /* @__PURE__ */ jsxs26(
+                        selected.groupBy.map((group, index) => /* @__PURE__ */ jsxs27(
                           "div",
                           {
                             className: "qt-metric-group-row",
                             children: [
-                              /* @__PURE__ */ jsx30(
+                              /* @__PURE__ */ jsx31(
                                 "select",
                                 {
                                   "aria-label": `Grouping ${index + 1}`,
@@ -11064,7 +11118,7 @@ function MetricsEditor({
                                     groupBy[index] = e.target.value;
                                     regroup(groupBy);
                                   },
-                                  children: groupable.map((f) => /* @__PURE__ */ jsx30(
+                                  children: groupable.map((f) => /* @__PURE__ */ jsx31(
                                     "option",
                                     {
                                       value: f.name,
@@ -11075,7 +11129,7 @@ function MetricsEditor({
                                   ))
                                 }
                               ),
-                              /* @__PURE__ */ jsx30(
+                              /* @__PURE__ */ jsx31(
                                 "button",
                                 {
                                   type: "button",
@@ -11086,7 +11140,7 @@ function MetricsEditor({
                                   children: "\xD7"
                                 }
                               ),
-                              index > 0 && /* @__PURE__ */ jsx30(
+                              index > 0 && /* @__PURE__ */ jsx31(
                                 "button",
                                 {
                                   type: "button",
@@ -11106,10 +11160,10 @@ function MetricsEditor({
                           },
                           `${group}-${index}`
                         )),
-                        dateField && /* @__PURE__ */ jsxs26("div", { className: "qt-metric-date-grouping", children: [
-                          /* @__PURE__ */ jsxs26("label", { children: [
+                        dateField && /* @__PURE__ */ jsxs27("div", { className: "qt-metric-date-grouping", children: [
+                          /* @__PURE__ */ jsxs27("label", { children: [
                             "Date interval",
-                            /* @__PURE__ */ jsxs26(
+                            /* @__PURE__ */ jsxs27(
                               "select",
                               {
                                 "aria-label": "Date interval",
@@ -11131,19 +11185,19 @@ function MetricsEditor({
                                   });
                                 },
                                 children: [
-                                  /* @__PURE__ */ jsx30("option", { value: "exact", children: "Exact timestamp" }),
-                                  /* @__PURE__ */ jsx30("option", { value: "hour", children: "Hour" }),
-                                  /* @__PURE__ */ jsx30("option", { value: "day", children: "Day" }),
-                                  /* @__PURE__ */ jsx30("option", { value: "week", children: "Week" }),
-                                  /* @__PURE__ */ jsx30("option", { value: "month", children: "Month" }),
-                                  /* @__PURE__ */ jsx30("option", { value: "year", children: "Year" })
+                                  /* @__PURE__ */ jsx31("option", { value: "exact", children: "Exact timestamp" }),
+                                  /* @__PURE__ */ jsx31("option", { value: "hour", children: "Hour" }),
+                                  /* @__PURE__ */ jsx31("option", { value: "day", children: "Day" }),
+                                  /* @__PURE__ */ jsx31("option", { value: "week", children: "Week" }),
+                                  /* @__PURE__ */ jsx31("option", { value: "month", children: "Month" }),
+                                  /* @__PURE__ */ jsx31("option", { value: "year", children: "Year" })
                                 ]
                               }
                             )
                           ] }),
-                          selected.dateGrouping && /* @__PURE__ */ jsxs26("label", { children: [
+                          selected.dateGrouping && /* @__PURE__ */ jsxs27("label", { children: [
                             "Grouping timezone",
-                            /* @__PURE__ */ jsx30(
+                            /* @__PURE__ */ jsx31(
                               "input",
                               {
                                 "aria-label": "Grouping timezone",
@@ -11159,7 +11213,7 @@ function MetricsEditor({
                                 })
                               }
                             ),
-                            /* @__PURE__ */ jsx30("datalist", { id: `${titleId}-grouping-timezones`, children: [
+                            /* @__PURE__ */ jsx31("datalist", { id: `${titleId}-grouping-timezones`, children: [
                               "UTC",
                               "America/Denver",
                               "America/Los_Angeles",
@@ -11170,10 +11224,10 @@ function MetricsEditor({
                               "Asia/Tokyo",
                               "Australia/Sydney",
                               "Pacific/Auckland"
-                            ].map((zone2) => /* @__PURE__ */ jsx30("option", { value: zone2 }, zone2)) })
+                            ].map((zone2) => /* @__PURE__ */ jsx31("option", { value: zone2 }, zone2)) })
                           ] }),
-                          /* @__PURE__ */ jsxs26("label", { className: "qt-metric-date-toggle", children: [
-                            /* @__PURE__ */ jsx30(
+                          /* @__PURE__ */ jsxs27("label", { className: "qt-metric-date-toggle", children: [
+                            /* @__PURE__ */ jsx31(
                               "input",
                               {
                                 type: "checkbox",
@@ -11190,11 +11244,11 @@ function MetricsEditor({
                             ),
                             "Include empty dates"
                           ] }),
-                          /* @__PURE__ */ jsx30("p", { className: "qt-metric-help", children: "Add a bucket for every interval, even when no rows match." }),
-                          selected.dateGrouping?.includeEmpty && /* @__PURE__ */ jsxs26(Fragment19, { children: [
-                            /* @__PURE__ */ jsxs26("label", { children: [
+                          /* @__PURE__ */ jsx31("p", { className: "qt-metric-help", children: "Add a bucket for every interval, even when no rows match." }),
+                          selected.dateGrouping?.includeEmpty && /* @__PURE__ */ jsxs27(Fragment19, { children: [
+                            /* @__PURE__ */ jsxs27("label", { children: [
                               "Complete dates across",
-                              /* @__PURE__ */ jsxs26(
+                              /* @__PURE__ */ jsxs27(
                                 "select",
                                 {
                                   "aria-label": "Complete dates across",
@@ -11206,17 +11260,17 @@ function MetricsEditor({
                                     }
                                   }),
                                   children: [
-                                    /* @__PURE__ */ jsx30("option", { value: "query", children: "Query date range" }),
-                                    /* @__PURE__ */ jsx30("option", { value: "observed", children: "First to last observed date" }),
-                                    /* @__PURE__ */ jsx30("option", { value: "custom", children: "Custom date range" })
+                                    /* @__PURE__ */ jsx31("option", { value: "query", children: "Query date range" }),
+                                    /* @__PURE__ */ jsx31("option", { value: "observed", children: "First to last observed date" }),
+                                    /* @__PURE__ */ jsx31("option", { value: "custom", children: "Custom date range" })
                                   ]
                                 }
                               )
                             ] }),
-                            selected.dateGrouping.range === "custom" && /* @__PURE__ */ jsxs26("div", { className: "qt-metric-date-bounds", children: [
-                              /* @__PURE__ */ jsxs26("label", { children: [
+                            selected.dateGrouping.range === "custom" && /* @__PURE__ */ jsxs27("div", { className: "qt-metric-date-bounds", children: [
+                              /* @__PURE__ */ jsxs27("label", { children: [
                                 "From",
-                                /* @__PURE__ */ jsx30(
+                                /* @__PURE__ */ jsx31(
                                   "input",
                                   {
                                     type: "date",
@@ -11231,9 +11285,9 @@ function MetricsEditor({
                                   }
                                 )
                               ] }),
-                              /* @__PURE__ */ jsxs26("label", { children: [
+                              /* @__PURE__ */ jsxs27("label", { children: [
                                 "Through",
-                                /* @__PURE__ */ jsx30(
+                                /* @__PURE__ */ jsx31(
                                   "input",
                                   {
                                     type: "date",
@@ -11249,11 +11303,11 @@ function MetricsEditor({
                                 )
                               ] })
                             ] }),
-                            /* @__PURE__ */ jsx30("p", { className: "qt-metric-help", children: "Direct counts and sums use 0 for empty dates. Averages, ratios, and other expressions have no value." })
+                            /* @__PURE__ */ jsx31("p", { className: "qt-metric-help", children: "Direct counts and sums use 0 for empty dates. Averages, ratios, and other expressions have no value." })
                           ] }),
-                          /* @__PURE__ */ jsx30("p", { className: "qt-metric-help", children: "Calendar boundaries and custom dates use the grouping timezone. Weeks begin Monday." })
+                          /* @__PURE__ */ jsx31("p", { className: "qt-metric-help", children: "Calendar boundaries and custom dates use the grouping timezone. Weeks begin Monday." })
                         ] }),
-                        /* @__PURE__ */ jsxs26(
+                        /* @__PURE__ */ jsxs27(
                           "select",
                           {
                             "aria-label": "Add grouping",
@@ -11265,23 +11319,23 @@ function MetricsEditor({
                                 });
                             },
                             children: [
-                              /* @__PURE__ */ jsx30("option", { value: "", children: "+ Add grouping" }),
-                              groupable.filter((f) => !selected.groupBy.includes(f.name)).map((f) => /* @__PURE__ */ jsx30("option", { value: f.name, children: f.label }, f.name))
+                              /* @__PURE__ */ jsx31("option", { value: "", children: "+ Add grouping" }),
+                              groupable.filter((f) => !selected.groupBy.includes(f.name)).map((f) => /* @__PURE__ */ jsx31("option", { value: f.name, children: f.label }, f.name))
                             ]
                           }
                         )
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs26(
+                  /* @__PURE__ */ jsxs27(
                     Settings,
                     {
                       title: "Ordering & limits",
                       ...settingsState("Ordering & limits"),
                       summary: selected.sort?.length ? `${selected.sort.length} sort ${selected.sort.length === 1 ? "rule" : "rules"}${selected.groupLimit ? ` \xB7 first ${selected.groupLimit}` : ""}` : `Default ordering${selected.groupLimit ? ` \xB7 first ${selected.groupLimit}` : ""}`,
                       children: [
-                        (selected.sort ?? []).map((sort, index) => /* @__PURE__ */ jsxs26("div", { className: "qt-metric-sort-row", children: [
-                          /* @__PURE__ */ jsxs26(
+                        (selected.sort ?? []).map((sort, index) => /* @__PURE__ */ jsxs27("div", { className: "qt-metric-sort-row", children: [
+                          /* @__PURE__ */ jsxs27(
                             "select",
                             {
                               "aria-label": `Sort result ${index + 1}`,
@@ -11292,15 +11346,15 @@ function MetricsEditor({
                                 )
                               }),
                               children: [
-                                /* @__PURE__ */ jsx30("option", { value: "value", children: chosen.kind === "box" ? "Median" : chosen.kind === "scatter" ? "X value" : "Value" }),
-                                chosen.kind === "scatter" && /* @__PURE__ */ jsx30("option", { value: "y", children: "Y value" }),
-                                /* @__PURE__ */ jsx30("option", { value: "count", children: "Rows" }),
-                                ["box", "histogram"].includes(chosen.kind) && /* @__PURE__ */ jsx30("option", { value: "samples", children: "Numeric samples" }),
-                                selected.groupBy.map((g, i) => /* @__PURE__ */ jsx30("option", { value: `group${i}`, children: fields.find((f) => f.name === g)?.label ?? g }, g))
+                                /* @__PURE__ */ jsx31("option", { value: "value", children: chosen.kind === "box" ? "Median" : chosen.kind === "scatter" ? "X value" : "Value" }),
+                                chosen.kind === "scatter" && /* @__PURE__ */ jsx31("option", { value: "y", children: "Y value" }),
+                                /* @__PURE__ */ jsx31("option", { value: "count", children: "Rows" }),
+                                ["box", "histogram"].includes(chosen.kind) && /* @__PURE__ */ jsx31("option", { value: "samples", children: "Numeric samples" }),
+                                selected.groupBy.map((g, i) => /* @__PURE__ */ jsx31("option", { value: `group${i}`, children: fields.find((f) => f.name === g)?.label ?? g }, g))
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsxs26(
+                          /* @__PURE__ */ jsxs27(
                             "select",
                             {
                               "aria-label": `Sort direction ${index + 1}`,
@@ -11314,12 +11368,12 @@ function MetricsEditor({
                                 )
                               }),
                               children: [
-                                /* @__PURE__ */ jsx30("option", { value: "asc", children: "Ascending" }),
-                                /* @__PURE__ */ jsx30("option", { value: "desc", children: "Descending" })
+                                /* @__PURE__ */ jsx31("option", { value: "asc", children: "Ascending" }),
+                                /* @__PURE__ */ jsx31("option", { value: "desc", children: "Descending" })
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsxs26(
+                          /* @__PURE__ */ jsxs27(
                             "select",
                             {
                               "aria-label": `Null placement ${index + 1}`,
@@ -11333,12 +11387,12 @@ function MetricsEditor({
                                 )
                               }),
                               children: [
-                                /* @__PURE__ */ jsx30("option", { value: "last", children: "NULL last" }),
-                                /* @__PURE__ */ jsx30("option", { value: "first", children: "NULL first" })
+                                /* @__PURE__ */ jsx31("option", { value: "last", children: "NULL last" }),
+                                /* @__PURE__ */ jsx31("option", { value: "first", children: "NULL first" })
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsx30(
+                          /* @__PURE__ */ jsx31(
                             "button",
                             {
                               type: "button",
@@ -11350,7 +11404,7 @@ function MetricsEditor({
                             }
                           )
                         ] }, index)),
-                        /* @__PURE__ */ jsx30(
+                        /* @__PURE__ */ jsx31(
                           "button",
                           {
                             type: "button",
@@ -11365,9 +11419,9 @@ function MetricsEditor({
                             children: "+ Add sort"
                           }
                         ),
-                        /* @__PURE__ */ jsxs26("label", { children: [
+                        /* @__PURE__ */ jsxs27("label", { children: [
                           "Show first groups",
-                          /* @__PURE__ */ jsx30(
+                          /* @__PURE__ */ jsx31(
                             "input",
                             {
                               "aria-label": "Metric group limit",
@@ -11389,34 +11443,34 @@ function MetricsEditor({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs26(
+                  /* @__PURE__ */ jsxs27(
                     Settings,
                     {
                       title: "Display",
                       ...settingsState("Display"),
                       summary: `${kinds.find(([kind]) => kind === chosen.kind)?.[1] ?? chosen.kind}${chosen.format ? ` \xB7 ${chosen.format.kind}` : ""}`,
                       children: [
-                        chosen.kind === "scatter" && /* @__PURE__ */ jsxs26("label", { children: [
+                        chosen.kind === "scatter" && /* @__PURE__ */ jsxs27("label", { children: [
                           "Format measure",
-                          /* @__PURE__ */ jsxs26(
+                          /* @__PURE__ */ jsxs27(
                             "select",
                             {
                               "aria-label": "Format measure",
                               value: formatTarget,
                               onChange: (e) => setFormatTarget(e.target.value),
                               children: [
-                                /* @__PURE__ */ jsx30("option", { value: "x", children: "X output" }),
-                                /* @__PURE__ */ jsx30("option", { value: "y", children: "Y output" })
+                                /* @__PURE__ */ jsx31("option", { value: "x", children: "X output" }),
+                                /* @__PURE__ */ jsx31("option", { value: "y", children: "Y output" })
                               ]
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ jsx30(
+                        /* @__PURE__ */ jsx31(
                           MetricFormatControls,
                           {
-                            displayControl: /* @__PURE__ */ jsxs26("label", { children: [
+                            displayControl: /* @__PURE__ */ jsxs27("label", { children: [
                               "Display",
-                              /* @__PURE__ */ jsx30(
+                              /* @__PURE__ */ jsx31(
                                 "select",
                                 {
                                   "aria-label": "Metric display",
@@ -11424,7 +11478,7 @@ function MetricsEditor({
                                   onChange: (e) => changeDisplay(
                                     e.target.value
                                   ),
-                                  children: kinds.map(([kind, label]) => /* @__PURE__ */ jsx30("option", { value: kind, children: label }, kind))
+                                  children: kinds.map(([kind, label]) => /* @__PURE__ */ jsx31("option", { value: kind, children: label }, kind))
                                 }
                               )
                             ] }),
@@ -11442,15 +11496,15 @@ function MetricsEditor({
                           "box",
                           "histogram",
                           "list"
-                        ].includes(chosen.kind) && /* @__PURE__ */ jsxs26("details", { className: "qt-metric-settings", children: [
-                          /* @__PURE__ */ jsx30("summary", { children: "Scale & bounds" }),
+                        ].includes(chosen.kind) && /* @__PURE__ */ jsxs27("details", { className: "qt-metric-settings", children: [
+                          /* @__PURE__ */ jsx31("summary", { children: "Scale & bounds" }),
                           (chosen.kind === "scatter" || chosen.kind === "histogram" || chosen.kind === "line" ? ["xScale", "yScale"] : [
                             chosen.kind === "box" || chosen.kind === "bar-horizontal" || chosen.kind === "list" ? "xScale" : "yScale"
-                          ]).map((key) => /* @__PURE__ */ jsxs26("fieldset", { className: "qt-metric-axis-settings", children: [
-                            /* @__PURE__ */ jsx30("legend", { children: key === "xScale" ? "X / horizontal axis" : "Y / vertical axis" }),
-                            /* @__PURE__ */ jsxs26("label", { children: [
+                          ]).map((key) => /* @__PURE__ */ jsxs27("fieldset", { className: "qt-metric-axis-settings", children: [
+                            /* @__PURE__ */ jsx31("legend", { children: key === "xScale" ? "X / horizontal axis" : "Y / vertical axis" }),
+                            /* @__PURE__ */ jsxs27("label", { children: [
                               "Scale",
-                              /* @__PURE__ */ jsxs26(
+                              /* @__PURE__ */ jsxs27(
                                 "select",
                                 {
                                   "aria-label": `${key === "xScale" ? "X" : "Y"} axis scale`,
@@ -11462,15 +11516,15 @@ function MetricsEditor({
                                     }
                                   }),
                                   children: [
-                                    /* @__PURE__ */ jsx30("option", { value: "linear", children: "Linear" }),
-                                    /* @__PURE__ */ jsx30("option", { value: "log", children: "Logarithmic" })
+                                    /* @__PURE__ */ jsx31("option", { value: "linear", children: "Linear" }),
+                                    /* @__PURE__ */ jsx31("option", { value: "log", children: "Logarithmic" })
                                   ]
                                 }
                               )
                             ] }),
-                            ["min", "max"].map((bound) => /* @__PURE__ */ jsxs26("label", { children: [
+                            ["min", "max"].map((bound) => /* @__PURE__ */ jsxs27("label", { children: [
                               bound === "min" ? "Minimum" : "Maximum",
-                              /* @__PURE__ */ jsx30(
+                              /* @__PURE__ */ jsx31(
                                 "input",
                                 {
                                   type: "number",
@@ -11489,13 +11543,13 @@ function MetricsEditor({
                               )
                             ] }, bound))
                           ] }, key)),
-                          /* @__PURE__ */ jsx30("p", { className: "qt-muted", children: "Bounds use raw result units. Logarithmic axes omit zero and negative values. Pie and ring charts use proportional areas." })
+                          /* @__PURE__ */ jsx31("p", { className: "qt-muted", children: "Bounds use raw result units. Logarithmic axes omit zero and negative values. Pie and ring charts use proportional areas." })
                         ] }),
                         ["pie", "donut", "scatter", "histogram"].includes(
                           chosen.kind
-                        ) && /* @__PURE__ */ jsxs26("label", { children: [
+                        ) && /* @__PURE__ */ jsxs27("label", { children: [
                           "Legend placement",
-                          /* @__PURE__ */ jsx30(
+                          /* @__PURE__ */ jsx31(
                             "select",
                             {
                               "aria-label": "Legend placement",
@@ -11503,7 +11557,7 @@ function MetricsEditor({
                               onChange: (e) => displayPatch({
                                 legendPosition: e.target.value
                               }),
-                              children: ["left", "right", "bottom", "top", "none"].map((position) => /* @__PURE__ */ jsx30("option", { value: position, children: {
+                              children: ["left", "right", "bottom", "top", "none"].map((position) => /* @__PURE__ */ jsx31("option", { value: position, children: {
                                 left: "Left",
                                 right: "Right",
                                 bottom: "Below",
@@ -11513,9 +11567,9 @@ function MetricsEditor({
                             }
                           )
                         ] }),
-                        chosen.kind !== "value" && /* @__PURE__ */ jsxs26("label", { children: [
+                        chosen.kind !== "value" && /* @__PURE__ */ jsxs27("label", { children: [
                           "Maximum displayed groups",
-                          /* @__PURE__ */ jsx30(
+                          /* @__PURE__ */ jsx31(
                             MetricNumberInput,
                             {
                               "aria-label": "Maximum displayed groups",
@@ -11535,8 +11589,8 @@ function MetricsEditor({
                             selected.id
                           )
                         ] }),
-                        ["list", "pie", "donut"].includes(chosen.kind) && /* @__PURE__ */ jsxs26("label", { children: [
-                          /* @__PURE__ */ jsx30(
+                        ["list", "pie", "donut"].includes(chosen.kind) && /* @__PURE__ */ jsxs27("label", { children: [
+                          /* @__PURE__ */ jsx31(
                             "input",
                             {
                               type: "checkbox",
@@ -11547,25 +11601,25 @@ function MetricsEditor({
                           ),
                           "Show Other remainder (additive values only)"
                         ] }),
-                        chosen.kind === "list" && /* @__PURE__ */ jsxs26("div", { className: "qt-metric-list-controls", children: [
-                          /* @__PURE__ */ jsxs26("label", { children: [
+                        chosen.kind === "list" && /* @__PURE__ */ jsxs27("div", { className: "qt-metric-list-controls", children: [
+                          /* @__PURE__ */ jsxs27("label", { children: [
                             "Bar placement",
-                            /* @__PURE__ */ jsxs26(
+                            /* @__PURE__ */ jsxs27(
                               "select",
                               {
                                 "aria-label": "List bar placement",
                                 value: chosen.list?.barPosition ?? "inline",
                                 onChange: (event) => displayPatch({ list: { ...chosen.list, barPosition: event.target.value } }),
                                 children: [
-                                  /* @__PURE__ */ jsx30("option", { value: "inline", children: "Beside label" }),
-                                  /* @__PURE__ */ jsx30("option", { value: "below", children: "Under label" })
+                                  /* @__PURE__ */ jsx31("option", { value: "inline", children: "Beside label" }),
+                                  /* @__PURE__ */ jsx31("option", { value: "below", children: "Under label" })
                                 ]
                               }
                             )
                           ] }),
-                          chosen.list?.barPosition === "below" && /* @__PURE__ */ jsxs26("label", { children: [
+                          chosen.list?.barPosition === "below" && /* @__PURE__ */ jsxs27("label", { children: [
                             "Maximum label lines",
-                            /* @__PURE__ */ jsx30(
+                            /* @__PURE__ */ jsx31(
                               MetricNumberInput,
                               {
                                 "aria-label": "Maximum label lines",
@@ -11585,8 +11639,8 @@ function MetricsEditor({
                               selected.id
                             )
                           ] }),
-                          ["showBars", "useGroupColors", "showValues"].map((key) => /* @__PURE__ */ jsxs26("label", { children: [
-                            /* @__PURE__ */ jsx30(
+                          ["showBars", "useGroupColors", "showValues"].map((key) => /* @__PURE__ */ jsxs27("label", { children: [
+                            /* @__PURE__ */ jsx31(
                               "input",
                               {
                                 type: "checkbox",
@@ -11606,9 +11660,9 @@ function MetricsEditor({
                             }[key]
                           ] }, key))
                         ] }),
-                        chosen.kind === "table" && selected.groupBy.length === 2 && /* @__PURE__ */ jsxs26(Fragment19, { children: [
-                          /* @__PURE__ */ jsxs26("label", { children: [
-                            /* @__PURE__ */ jsx30(
+                        chosen.kind === "table" && selected.groupBy.length === 2 && /* @__PURE__ */ jsxs27(Fragment19, { children: [
+                          /* @__PURE__ */ jsxs27("label", { children: [
+                            /* @__PURE__ */ jsx31(
                               "input",
                               {
                                 type: "checkbox",
@@ -11623,9 +11677,9 @@ function MetricsEditor({
                             ),
                             "Swap X/Y axes"
                           ] }),
-                          ["rowDir", "columnDir"].map((key) => /* @__PURE__ */ jsxs26("label", { children: [
+                          ["rowDir", "columnDir"].map((key) => /* @__PURE__ */ jsxs27("label", { children: [
                             key === "rowDir" ? "Row keys" : "Column keys",
-                            /* @__PURE__ */ jsxs26(
+                            /* @__PURE__ */ jsxs27(
                               "select",
                               {
                                 value: chosen.pivot?.[key] ?? "asc",
@@ -11636,17 +11690,17 @@ function MetricsEditor({
                                   }
                                 }),
                                 children: [
-                                  /* @__PURE__ */ jsx30("option", { value: "asc", children: "Ascending" }),
-                                  /* @__PURE__ */ jsx30("option", { value: "desc", children: "Descending" })
+                                  /* @__PURE__ */ jsx31("option", { value: "asc", children: "Ascending" }),
+                                  /* @__PURE__ */ jsx31("option", { value: "desc", children: "Descending" })
                                 ]
                               }
                             )
                           ] }, key))
                         ] }),
-                        chosen.kind === "box" && selected.distribution && /* @__PURE__ */ jsxs26(Fragment19, { children: [
-                          /* @__PURE__ */ jsxs26("label", { children: [
+                        chosen.kind === "box" && selected.distribution && /* @__PURE__ */ jsxs27(Fragment19, { children: [
+                          /* @__PURE__ */ jsxs27("label", { children: [
                             "Whiskers",
-                            /* @__PURE__ */ jsxs26(
+                            /* @__PURE__ */ jsxs27(
                               "select",
                               {
                                 "aria-label": "Box whiskers",
@@ -11658,14 +11712,14 @@ function MetricsEditor({
                                   }
                                 }),
                                 children: [
-                                  /* @__PURE__ */ jsx30("option", { value: "minmax", children: "Minimum / maximum" }),
-                                  /* @__PURE__ */ jsx30("option", { value: "tukey", children: "1.5 \xD7 IQR \xB7 show outliers" })
+                                  /* @__PURE__ */ jsx31("option", { value: "minmax", children: "Minimum / maximum" }),
+                                  /* @__PURE__ */ jsx31("option", { value: "tukey", children: "1.5 \xD7 IQR \xB7 show outliers" })
                                 ]
                               }
                             )
                           ] }),
-                          /* @__PURE__ */ jsxs26("label", { children: [
-                            /* @__PURE__ */ jsx30(
+                          /* @__PURE__ */ jsxs27("label", { children: [
+                            /* @__PURE__ */ jsx31(
                               "input",
                               {
                                 type: "checkbox",
@@ -11676,9 +11730,9 @@ function MetricsEditor({
                             "Show mean marker"
                           ] })
                         ] }),
-                        chosen.kind === "histogram" && selected.distribution && /* @__PURE__ */ jsxs26("label", { children: [
+                        chosen.kind === "histogram" && selected.distribution && /* @__PURE__ */ jsxs27("label", { children: [
                           "Equal-width bins",
-                          /* @__PURE__ */ jsx30(
+                          /* @__PURE__ */ jsx31(
                             MetricNumberInput,
                             {
                               "aria-label": "Histogram bins",
@@ -11702,7 +11756,7 @@ function MetricsEditor({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx30(
+                  /* @__PURE__ */ jsx31(
                     Settings,
                     {
                       title: "Labels",
@@ -11710,13 +11764,13 @@ function MetricsEditor({
                       summary: [chosen.valueLabel, chosen.xLabel, chosen.yLabel].some(
                         Boolean
                       ) ? "Custom" : "Automatic",
-                      children: ["valueLabel", "xLabel", "yLabel"].map((key) => /* @__PURE__ */ jsxs26("label", { children: [
+                      children: ["valueLabel", "xLabel", "yLabel"].map((key) => /* @__PURE__ */ jsxs27("label", { children: [
                         {
                           valueLabel: "Value label",
                           xLabel: "X axis label",
                           yLabel: "Y axis label"
                         }[key],
-                        /* @__PURE__ */ jsx30(
+                        /* @__PURE__ */ jsx31(
                           "input",
                           {
                             maxLength: 1e3,
@@ -11727,7 +11781,7 @@ function MetricsEditor({
                       ] }, key))
                     }
                   ),
-                  /* @__PURE__ */ jsx30(
+                  /* @__PURE__ */ jsx31(
                     Settings,
                     {
                       title: "Card size",
@@ -11736,18 +11790,18 @@ function MetricsEditor({
                       children: sizeControls
                     }
                   )
-                ] }) : /* @__PURE__ */ jsxs26("div", { className: "qt-metric-authoring-empty", children: [
-                  /* @__PURE__ */ jsx30(Icon, { name: "panelDefinition", size: 28 }),
-                  /* @__PURE__ */ jsx30("strong", { children: "No metric selected" }),
-                  /* @__PURE__ */ jsx30("p", { children: "Create a metric to define what you want to measure." }),
-                  /* @__PURE__ */ jsxs26("button", { type: "button", className: "qt-btn", onClick: createMetric, children: [
-                    /* @__PURE__ */ jsx30(Icon, { name: "add" }),
+                ] }) : /* @__PURE__ */ jsxs27("div", { className: "qt-metric-authoring-empty", children: [
+                  /* @__PURE__ */ jsx31(Icon, { name: "panelDefinition", size: 28 }),
+                  /* @__PURE__ */ jsx31("strong", { children: "No metric selected" }),
+                  /* @__PURE__ */ jsx31("p", { children: "Create a metric to define what you want to measure." }),
+                  /* @__PURE__ */ jsxs27("button", { type: "button", className: "qt-btn", onClick: createMetric, children: [
+                    /* @__PURE__ */ jsx31(Icon, { name: "add" }),
                     "Create metric"
                   ] })
                 ] })
               ] }),
               separator(1),
-              /* @__PURE__ */ jsxs26(
+              /* @__PURE__ */ jsxs27(
                 "aside",
                 {
                   className: "qt-metric-reference",
@@ -11755,22 +11809,22 @@ function MetricsEditor({
                   "aria-label": "Field and function library",
                   children: [
                     paneHeading(2, "Fields & functions"),
-                    /* @__PURE__ */ jsxs26(
+                    /* @__PURE__ */ jsxs27(
                       "select",
                       {
                         "aria-label": "Reference library",
                         value: reference,
                         onChange: (e) => setReference(e.target.value),
                         children: [
-                          /* @__PURE__ */ jsx30("option", { value: "fields", children: "Fields" }),
-                          /* @__PURE__ */ jsx30("option", { value: "functions", children: "Functions" })
+                          /* @__PURE__ */ jsx31("option", { value: "fields", children: "Fields" }),
+                          /* @__PURE__ */ jsx31("option", { value: "functions", children: "Functions" })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsxs26("label", { children: [
+                    /* @__PURE__ */ jsxs27("label", { children: [
                       "Search ",
                       reference,
-                      /* @__PURE__ */ jsx30(
+                      /* @__PURE__ */ jsx31(
                         "input",
                         {
                           "aria-label": "Search metric reference",
@@ -11781,29 +11835,29 @@ function MetricsEditor({
                         }
                       )
                     ] }),
-                    reference === "functions" && /* @__PURE__ */ jsxs26("label", { children: [
+                    reference === "functions" && /* @__PURE__ */ jsxs27("label", { children: [
                       "Concept",
-                      /* @__PURE__ */ jsxs26(
+                      /* @__PURE__ */ jsxs27(
                         "select",
                         {
                           "aria-label": "Function concept",
                           value: concept,
                           onChange: (e) => setConcept(e.target.value),
                           children: [
-                            /* @__PURE__ */ jsx30("option", { value: "all", children: "All functions" }),
-                            /* @__PURE__ */ jsx30("option", { value: "aggregate", children: "Aggregation" }),
-                            /* @__PURE__ */ jsx30("option", { value: "row", children: "Row arithmetic & conditions" })
+                            /* @__PURE__ */ jsx31("option", { value: "all", children: "All functions" }),
+                            /* @__PURE__ */ jsx31("option", { value: "aggregate", children: "Aggregation" }),
+                            /* @__PURE__ */ jsx31("option", { value: "row", children: "Row arithmetic & conditions" })
                           ]
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsxs26("div", { className: "qt-metric-reference-columns", "aria-hidden": "true", children: [
-                      /* @__PURE__ */ jsx30("span", { children: "Type" }),
-                      /* @__PURE__ */ jsx30("span", { children: "Name" }),
-                      /* @__PURE__ */ jsx30("span", { children: reference === "fields" ? "ID" : "Signature" })
+                    /* @__PURE__ */ jsxs27("div", { className: "qt-metric-reference-columns", "aria-hidden": "true", children: [
+                      /* @__PURE__ */ jsx31("span", { children: "Type" }),
+                      /* @__PURE__ */ jsx31("span", { children: "Name" }),
+                      /* @__PURE__ */ jsx31("span", { children: reference === "fields" ? "ID" : "Signature" })
                     ] }),
-                    /* @__PURE__ */ jsxs26("div", { className: "qt-metric-reference-list", children: [
-                      referenceItems.map((item) => /* @__PURE__ */ jsxs26(
+                    /* @__PURE__ */ jsxs27("div", { className: "qt-metric-reference-list", children: [
+                      referenceItems.map((item) => /* @__PURE__ */ jsxs27(
                         "button",
                         {
                           type: "button",
@@ -11813,14 +11867,14 @@ ${item.description}`,
                           onMouseDown: (e) => e.preventDefault(),
                           onClick: () => insert(item.wrap ? item.name : item.detail, item.wrap),
                           children: [
-                            /* @__PURE__ */ jsx30("span", { children: item.type }),
-                            /* @__PURE__ */ jsx30("strong", { children: item.label }),
-                            /* @__PURE__ */ jsx30("code", { children: reference === "fields" ? item.name : item.detail })
+                            /* @__PURE__ */ jsx31("span", { children: item.type }),
+                            /* @__PURE__ */ jsx31("strong", { children: item.label }),
+                            /* @__PURE__ */ jsx31("code", { children: reference === "fields" ? item.name : item.detail })
                           ]
                         },
                         item.name
                       )),
-                      referenceItems.length === 0 && /* @__PURE__ */ jsxs26("p", { className: "qt-metric-help", role: "status", children: [
+                      referenceItems.length === 0 && /* @__PURE__ */ jsxs27("p", { className: "qt-metric-help", role: "status", children: [
                         "No ",
                         reference,
                         " match \u201C",
@@ -11828,24 +11882,24 @@ ${item.description}`,
                         "\u201D."
                       ] })
                     ] }),
-                    /* @__PURE__ */ jsx30("p", { className: "qt-metric-help", children: "Insert at the cursor. Select expression text to wrap it in a function." })
+                    /* @__PURE__ */ jsx31("p", { className: "qt-metric-help", children: "Insert at the cursor. Select expression text to wrap it in a function." })
                   ]
                 }
               ),
               separator(2),
-              /* @__PURE__ */ jsxs26("section", { className: "qt-metric-live-preview", ...paneProps(3), children: [
-                /* @__PURE__ */ jsxs26("div", { className: "qt-metric-preview-heading", children: [
-                  /* @__PURE__ */ jsx30("h3", { children: "Live preview" }),
-                  /* @__PURE__ */ jsx30("span", { className: "qt-metric-preview-status", role: "status", children: previewLoading ? "Calculating\u2026" : selectedResult?.error || error || selected && diagnostics.has(selected.id) ? "Needs attention" : selectedResult?.coverage === "exact" ? "Complete results" : selectedResult?.coverage === "partial" ? "Partial results" : "Preview" }),
+              /* @__PURE__ */ jsxs27("section", { className: "qt-metric-live-preview", ...paneProps(3), children: [
+                /* @__PURE__ */ jsxs27("div", { className: "qt-metric-preview-heading", children: [
+                  /* @__PURE__ */ jsx31("h3", { children: "Live preview" }),
+                  /* @__PURE__ */ jsx31("span", { className: "qt-metric-preview-status", role: "status", children: previewLoading ? "Calculating\u2026" : selectedResult?.error || error || selected && diagnostics.has(selected.id) ? "Needs attention" : selectedResult?.coverage === "exact" ? "Complete results" : selectedResult?.coverage === "partial" ? "Partial results" : "Preview" }),
                   panelToggle(3, true)
                 ] }),
-                selected && /* @__PURE__ */ jsxs26(Fragment19, { children: [
-                  /* @__PURE__ */ jsx30("p", { className: "qt-metric-preview-scope", children: selected.scope === "shownRows" ? "Shown rows on this page" : "All matching rows" }),
-                  /* @__PURE__ */ jsx30("p", { className: "qt-metric-help", children: "Aggregate input rows, then apply result ordering and display." }),
-                  /* @__PURE__ */ jsxs26("div", { className: "qt-metric-preview-controls", children: [
-                    /* @__PURE__ */ jsxs26("label", { children: [
+                selected && /* @__PURE__ */ jsxs27(Fragment19, { children: [
+                  /* @__PURE__ */ jsx31("p", { className: "qt-metric-preview-scope", children: selected.scope === "shownRows" ? "Shown rows on this page" : "All matching rows" }),
+                  /* @__PURE__ */ jsx31("p", { className: "qt-metric-help", children: "Aggregate input rows, then apply result ordering and display." }),
+                  /* @__PURE__ */ jsxs27("div", { className: "qt-metric-preview-controls", children: [
+                    /* @__PURE__ */ jsxs27("label", { children: [
                       "Width (px)",
-                      /* @__PURE__ */ jsx30(
+                      /* @__PURE__ */ jsx31(
                         MetricNumberInput,
                         {
                           "aria-label": "Preview width",
@@ -11863,9 +11917,9 @@ ${item.description}`,
                         selected.id
                       )
                     ] }),
-                    /* @__PURE__ */ jsxs26("label", { children: [
+                    /* @__PURE__ */ jsxs27("label", { children: [
                       "Height (px)",
-                      /* @__PURE__ */ jsx30(
+                      /* @__PURE__ */ jsx31(
                         MetricNumberInput,
                         {
                           "aria-label": "Preview height",
@@ -11883,7 +11937,7 @@ ${item.description}`,
                         selected.id
                       )
                     ] }),
-                    /* @__PURE__ */ jsx30(
+                    /* @__PURE__ */ jsx31(
                       "button",
                       {
                         type: "button",
@@ -11901,7 +11955,7 @@ ${item.description}`,
                         children: "Use card size"
                       }
                     ),
-                    /* @__PURE__ */ jsx30(
+                    /* @__PURE__ */ jsx31(
                       "button",
                       {
                         type: "button",
@@ -11909,11 +11963,11 @@ ${item.description}`,
                         "aria-label": "Refresh preview",
                         title: "Refresh preview",
                         onClick: () => setRetry((value) => value + 1),
-                        children: /* @__PURE__ */ jsx30(Icon, { name: "refresh", size: 14 })
+                        children: /* @__PURE__ */ jsx31(Icon, { name: "refresh", size: 14 })
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx30(
+                  /* @__PURE__ */ jsx31(
                     "div",
                     {
                       ref: previewContainer,
@@ -11925,8 +11979,8 @@ ${item.description}`,
                       children: card(selected)
                     }
                   ),
-                  /* @__PURE__ */ jsx30("p", { className: "qt-metric-help", children: "Drag the lower-right corner to resize. Preview dimensions are temporary." }),
-                  selectedResult?.processedRows !== void 0 && /* @__PURE__ */ jsxs26("p", { className: "qt-muted", children: [
+                  /* @__PURE__ */ jsx31("p", { className: "qt-metric-help", children: "Drag the lower-right corner to resize. Preview dimensions are temporary." }),
+                  selectedResult?.processedRows !== void 0 && /* @__PURE__ */ jsxs27("p", { className: "qt-muted", children: [
                     selectedResult.processedRows.toLocaleString(locale),
                     " input rows \xB7 ",
                     selectedResult.buckets.length,
@@ -11936,27 +11990,27 @@ ${item.description}`,
                     " ",
                     "groups"
                   ] }),
-                  inspectedBucket && /* @__PURE__ */ jsxs26(
+                  inspectedBucket && /* @__PURE__ */ jsxs27(
                     "details",
                     {
                       className: "qt-metric-settings qt-metric-inspection",
                       open: inspectOpen,
                       onToggle: (e) => setInspectOpen(e.currentTarget.open),
                       children: [
-                        /* @__PURE__ */ jsxs26("summary", { children: [
-                          /* @__PURE__ */ jsx30("strong", { children: "Inspect result" }),
-                          /* @__PURE__ */ jsx30("span", { children: inspectedBucket.keys.map((k) => k === null ? "NULL" : String(k)).join(" / ") || "One value" })
+                        /* @__PURE__ */ jsxs27("summary", { children: [
+                          /* @__PURE__ */ jsx31("strong", { children: "Inspect result" }),
+                          /* @__PURE__ */ jsx31("span", { children: inspectedBucket.keys.map((k) => k === null ? "NULL" : String(k)).join(" / ") || "One value" })
                         ] }),
-                        /* @__PURE__ */ jsxs26("div", { children: [
-                          selectedResult && selectedResult.buckets.length > 1 && /* @__PURE__ */ jsxs26("label", { children: [
+                        /* @__PURE__ */ jsxs27("div", { children: [
+                          selectedResult && selectedResult.buckets.length > 1 && /* @__PURE__ */ jsxs27("label", { children: [
                             "Result group",
-                            /* @__PURE__ */ jsx30(
+                            /* @__PURE__ */ jsx31(
                               "select",
                               {
                                 "aria-label": "Inspect result group",
                                 value: JSON.stringify(inspectedBucket.keys),
                                 onChange: (e) => setInspectedKey(e.target.value),
-                                children: selectedResult.buckets.map((b) => /* @__PURE__ */ jsx30(
+                                children: selectedResult.buckets.map((b) => /* @__PURE__ */ jsx31(
                                   "option",
                                   {
                                     value: JSON.stringify(b.keys),
@@ -11967,7 +12021,7 @@ ${item.description}`,
                               }
                             )
                           ] }),
-                          /* @__PURE__ */ jsx30(
+                          /* @__PURE__ */ jsx31(
                             MetricInspection,
                             {
                               bucket: inspectedBucket,
@@ -11984,11 +12038,11 @@ ${item.description}`,
             ]
           }
         ),
-        error && /* @__PURE__ */ jsx30("p", { className: "qt-metric-editor-error", role: "alert", children: error }),
-        contextChanged && /* @__PURE__ */ jsx30("p", { className: "qt-metric-editor-error", role: "status", children: "The metric configuration changed outside this draft." }),
-        /* @__PURE__ */ jsxs26("footer", { className: "qt-metrics-editor-footer", children: [
-          /* @__PURE__ */ jsx30("span", { className: "qt-muted", children: dirty ? "Unsaved changes" : "Changes stay in this draft until applied." }),
-          removed && /* @__PURE__ */ jsxs26(
+        error && /* @__PURE__ */ jsx31("p", { className: "qt-metric-editor-error", role: "alert", children: error }),
+        contextChanged && /* @__PURE__ */ jsx31("p", { className: "qt-metric-editor-error", role: "status", children: "The metric configuration changed outside this draft." }),
+        /* @__PURE__ */ jsxs27("footer", { className: "qt-metrics-editor-footer", children: [
+          /* @__PURE__ */ jsx31("span", { className: "qt-muted", children: dirty ? "Unsaved changes" : "Changes stay in this draft until applied." }),
+          removed && /* @__PURE__ */ jsxs27(
             "button",
             {
               type: "button",
@@ -12012,12 +12066,12 @@ ${item.description}`,
                 setRemoved(null);
               },
               children: [
-                /* @__PURE__ */ jsx30(Icon, { name: "undo", size: 14 }),
+                /* @__PURE__ */ jsx31(Icon, { name: "undo", size: 14 }),
                 "Undo remove"
               ]
             }
           ),
-          issues.size > 0 && /* @__PURE__ */ jsxs26(
+          issues.size > 0 && /* @__PURE__ */ jsxs27(
             "button",
             {
               type: "button",
@@ -12027,7 +12081,7 @@ ${item.description}`,
                 navigate("editor", issues.keys().next().value);
               },
               children: [
-                /* @__PURE__ */ jsx30(Icon, { name: "alert", size: 14 }),
+                /* @__PURE__ */ jsx31(Icon, { name: "alert", size: 14 }),
                 "Review ",
                 issues.size,
                 " ",
@@ -12035,8 +12089,8 @@ ${item.description}`,
               ]
             }
           ),
-          /* @__PURE__ */ jsx30("button", { type: "button", className: "qt-btn", onClick: close, children: "Cancel" }),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx31("button", { type: "button", className: "qt-btn", onClick: close, children: "Cancel" }),
+          /* @__PURE__ */ jsx31(
             "button",
             {
               type: "button",
@@ -12047,20 +12101,20 @@ ${item.description}`,
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs26("div", { className: "qt-sr-only", role: "status", "aria-live": "polite", children: [
+        /* @__PURE__ */ jsxs27("div", { className: "qt-sr-only", role: "status", "aria-live": "polite", children: [
           announcement,
           selectedPosition >= 0 ? `Selected metric ${selectedPosition + 1} of ${drafts.length}` : ""
         ] }),
-        discard && /* @__PURE__ */ jsx30(
+        discard && /* @__PURE__ */ jsx31(
           ModalSurface,
           {
             title: "Discard metric changes?",
             className: "qt-modal qt-metric-discard",
             onClose: () => setDiscard(false),
-            children: /* @__PURE__ */ jsxs26("div", { className: "qt-overlay-body", children: [
-              /* @__PURE__ */ jsx30("p", { children: "Your metric draft has not been applied." }),
-              /* @__PURE__ */ jsxs26("div", { className: "qt-metric-discard-actions", children: [
-                /* @__PURE__ */ jsx30(
+            children: /* @__PURE__ */ jsxs27("div", { className: "qt-overlay-body", children: [
+              /* @__PURE__ */ jsx31("p", { children: "Your metric draft has not been applied." }),
+              /* @__PURE__ */ jsxs27("div", { className: "qt-metric-discard-actions", children: [
+                /* @__PURE__ */ jsx31(
                   "button",
                   {
                     type: "button",
@@ -12069,7 +12123,7 @@ ${item.description}`,
                     children: "Keep editing"
                   }
                 ),
-                /* @__PURE__ */ jsx30("button", { type: "button", className: "qt-btn", onClick: onClose, children: "Discard changes" })
+                /* @__PURE__ */ jsx31("button", { type: "button", className: "qt-btn", onClick: onClose, children: "Discard changes" })
               ] })
             ] })
           }
@@ -12078,7 +12132,7 @@ ${item.description}`,
     }
   );
   function separator(index) {
-    return /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsx31(
       EditorPanelSeparator,
       {
         workbench,
@@ -12100,8 +12154,8 @@ function MetricNumberInput({
   max,
   ...props
 }) {
-  const [draft, setDraft] = useState25(null);
-  return /* @__PURE__ */ jsx30(
+  const [draft, setDraft] = useState26(null);
+  return /* @__PURE__ */ jsx31(
     "input",
     {
       ...props,
@@ -12137,18 +12191,18 @@ function Settings({
   open,
   onOpenChange
 }) {
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     "details",
     {
       className: "qt-metric-settings",
       open,
       onToggle: (e) => onOpenChange(e.currentTarget.open),
       children: [
-        /* @__PURE__ */ jsxs26("summary", { children: [
-          /* @__PURE__ */ jsx30("strong", { children: title }),
-          /* @__PURE__ */ jsx30("span", { children: summary })
+        /* @__PURE__ */ jsxs27("summary", { children: [
+          /* @__PURE__ */ jsx31("strong", { children: title }),
+          /* @__PURE__ */ jsx31("span", { children: summary })
         ] }),
-        /* @__PURE__ */ jsx30("div", { children })
+        /* @__PURE__ */ jsx31("div", { children })
       ]
     }
   );
@@ -12177,15 +12231,15 @@ function MetricFormatControls({
       ["millisecondsOfDay", "Milliseconds since midnight"]
     ] : []
   ];
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     "div",
     {
       className: `qt-metric-format-controls${temporal ? " qt-metric-format-controls--temporal" : ""}`,
       children: [
         displayControl,
-        /* @__PURE__ */ jsxs26("label", { children: [
+        /* @__PURE__ */ jsxs27("label", { children: [
           "Output type",
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx31(
             "select",
             {
               "aria-label": "Metric output type",
@@ -12204,7 +12258,7 @@ function MetricFormatControls({
                 "date",
                 "time",
                 "datetime"
-              ].map((kind) => /* @__PURE__ */ jsx30("option", { value: kind, children: {
+              ].map((kind) => /* @__PURE__ */ jsx31("option", { value: kind, children: {
                 number: "Number",
                 percent: "Percent",
                 duration: "Duration",
@@ -12215,9 +12269,9 @@ function MetricFormatControls({
             }
           )
         ] }),
-        !temporal && /* @__PURE__ */ jsxs26("label", { children: [
+        !temporal && /* @__PURE__ */ jsxs27("label", { children: [
           "Decimals",
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx31(
             MetricNumberInput,
             {
               "aria-label": "Metric decimals",
@@ -12232,10 +12286,10 @@ function MetricFormatControls({
             }
           )
         ] }),
-        temporal && /* @__PURE__ */ jsxs26("div", { className: "qt-metric-temporal-controls", children: [
-          /* @__PURE__ */ jsxs26("label", { children: [
+        temporal && /* @__PURE__ */ jsxs27("div", { className: "qt-metric-temporal-controls", children: [
+          /* @__PURE__ */ jsxs27("label", { children: [
             "Source units / encoding",
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx31(
               "select",
               {
                 "aria-label": "Source units",
@@ -12243,13 +12297,13 @@ function MetricFormatControls({
                 onChange: (e) => patch({
                   sourceUnit: e.target.value
                 }),
-                children: units.map(([unit, label]) => /* @__PURE__ */ jsx30("option", { value: unit, children: label }, unit))
+                children: units.map(([unit, label]) => /* @__PURE__ */ jsx31("option", { value: unit, children: label }, unit))
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs26("label", { children: [
+          /* @__PURE__ */ jsxs27("label", { children: [
             "Label format",
-            /* @__PURE__ */ jsxs26(
+            /* @__PURE__ */ jsxs27(
               "select",
               {
                 "aria-label": "Label format",
@@ -12259,19 +12313,19 @@ function MetricFormatControls({
                   pattern: format.pattern ?? (duration ? "{h}h{m}m" : format.kind === "time" ? "HH:mm:ss" : format.kind === "date" ? "YYYY-MM-DD" : "YYYY-MM-DD HH:mm:ss")
                 }),
                 children: [
-                  /* @__PURE__ */ jsx30("option", { value: "human", children: duration ? "Human readable" : format.kind === "time" ? "24-hour" : "Readable" }),
-                  duration ? /* @__PURE__ */ jsxs26(Fragment19, { children: [
-                    /* @__PURE__ */ jsx30("option", { value: "long", children: "Long" }),
-                    /* @__PURE__ */ jsx30("option", { value: "clock", children: "Clock \xB7 total hours" })
-                  ] }) : /* @__PURE__ */ jsx30("option", { value: "iso", children: "ISO-style" }),
-                  /* @__PURE__ */ jsx30("option", { value: "custom", children: "Custom format string" })
+                  /* @__PURE__ */ jsx31("option", { value: "human", children: duration ? "Human readable" : format.kind === "time" ? "24-hour" : "Readable" }),
+                  duration ? /* @__PURE__ */ jsxs27(Fragment19, { children: [
+                    /* @__PURE__ */ jsx31("option", { value: "long", children: "Long" }),
+                    /* @__PURE__ */ jsx31("option", { value: "clock", children: "Clock \xB7 total hours" })
+                  ] }) : /* @__PURE__ */ jsx31("option", { value: "iso", children: "ISO-style" }),
+                  /* @__PURE__ */ jsx31("option", { value: "custom", children: "Custom format string" })
                 ]
               }
             )
           ] }),
-          format.style === "custom" && /* @__PURE__ */ jsxs26("label", { children: [
+          format.style === "custom" && /* @__PURE__ */ jsxs27("label", { children: [
             "Format string",
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx31(
               "input",
               {
                 "aria-label": "Output format string",
@@ -12280,13 +12334,13 @@ function MetricFormatControls({
                 onChange: (e) => patch({ pattern: e.target.value })
               }
             ),
-            /* @__PURE__ */ jsx30("span", { className: "qt-muted", children: duration ? "{d} {h} {hh} {m} {mm} {s} {ss} {ms}" : "YYYY MM DD MMM MMMM ddd HH hh mm ss SSS A Z; [literal text]" })
+            /* @__PURE__ */ jsx31("span", { className: "qt-muted", children: duration ? "{d} {h} {hh} {m} {mm} {s} {ss} {ms}" : "YYYY MM DD MMM MMMM ddd HH hh mm ss SSS A Z; [literal text]" })
           ] }),
           !duration && !["secondsOfDay", "millisecondsOfDay"].includes(
             format.sourceUnit ?? ""
-          ) && /* @__PURE__ */ jsxs26("label", { children: [
+          ) && /* @__PURE__ */ jsxs27("label", { children: [
             "Timezone",
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx31(
               "input",
               {
                 "aria-label": "Output timezone",
@@ -12298,9 +12352,9 @@ function MetricFormatControls({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs26("div", { className: "qt-metric-format-example", children: [
-          /* @__PURE__ */ jsx30("span", { children: "Format example" }),
-          /* @__PURE__ */ jsx30("strong", { children: formatMetricOutput(
+        /* @__PURE__ */ jsxs27("div", { className: "qt-metric-format-example", children: [
+          /* @__PURE__ */ jsx31("span", { children: "Format example" }),
+          /* @__PURE__ */ jsx31("strong", { children: formatMetricOutput(
             sample === void 0 ? format.kind === "date" || format.kind === "datetime" ? "2026-10-08T14:30:00Z" : format.kind === "time" ? "14:30:00" : format.kind === "duration" ? 83400 : 0.875 : sample,
             format,
             locale
@@ -12347,13 +12401,13 @@ function MetricInspection({
       ],
       ["NULL values", String(bucket.nullCount ?? 0)]
     );
-  return /* @__PURE__ */ jsxs26(Fragment19, { children: [
-    /* @__PURE__ */ jsx30("code", { className: "qt-metric-inspection-expression", children: clause.distribution && ["box", "histogram"].includes(clause.display?.kind ?? "") ? clause.distribution.input : metricExpression(clause) }),
-    /* @__PURE__ */ jsx30("dl", { className: "qt-metric-inspection-values", children: rows.map(([label, value]) => /* @__PURE__ */ jsxs26("div", { children: [
-      /* @__PURE__ */ jsx30("dt", { children: label }),
-      /* @__PURE__ */ jsx30("dd", { children: value })
+  return /* @__PURE__ */ jsxs27(Fragment19, { children: [
+    /* @__PURE__ */ jsx31("code", { className: "qt-metric-inspection-expression", children: clause.distribution && ["box", "histogram"].includes(clause.display?.kind ?? "") ? clause.distribution.input : metricExpression(clause) }),
+    /* @__PURE__ */ jsx31("dl", { className: "qt-metric-inspection-values", children: rows.map(([label, value]) => /* @__PURE__ */ jsxs27("div", { children: [
+      /* @__PURE__ */ jsx31("dt", { children: label }),
+      /* @__PURE__ */ jsx31("dd", { children: value })
     ] }, label)) }),
-    bucket.error && /* @__PURE__ */ jsx30("p", { className: "qt-metric-editor-error", children: bucket.error })
+    bucket.error && /* @__PURE__ */ jsx31("p", { className: "qt-metric-editor-error", children: bucket.error })
   ] });
 }
 function simpleAggregate(clause, fields) {
@@ -12375,7 +12429,7 @@ function simpleAggregate(clause, fields) {
 }
 
 // src/SortExtractionEditor.tsx
-import { useEffect as useEffect18, useId as useId9, useMemo as useMemo10, useRef as useRef19, useState as useState26 } from "react";
+import { useEffect as useEffect18, useId as useId9, useMemo as useMemo10, useRef as useRef19, useState as useState27 } from "react";
 
 // src/sortExtractionPreview.ts
 function extractSortSamples(pattern, values) {
@@ -12434,17 +12488,17 @@ function previewSortExtraction(pattern, values, signal) {
 }
 
 // src/SortExtractionEditor.tsx
-import { Fragment as Fragment20, jsx as jsx31, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
 function SortExtractionEditor({ api, field, label, fieldOptions, onFieldChange, direction = "desc", onDirectionChange, title, applyLabel = "Apply extraction", initialPattern, disabled, onApply, onRemove, onClose }) {
-  const [pattern, setPattern] = useState26(initialPattern ?? "");
-  const [patternField, setPatternField] = useState26(field);
+  const [pattern, setPattern] = useState27(initialPattern ?? "");
+  const [patternField, setPatternField] = useState27(field);
   if (patternField !== field) {
     setPatternField(field);
     setPattern(initialPattern ?? "");
   }
-  const [sample, setSample] = useState26(null);
-  const [sampleError, setSampleError] = useState26(null);
-  const [preview, setPreview] = useState26(null);
+  const [sample, setSample] = useState27(null);
+  const [sampleError, setSampleError] = useState27(null);
+  const [preview, setPreview] = useState27(null);
   const request = useRef19(api.computed.preview);
   request.current = api.computed.preview;
   const inputId = useId9();
@@ -12489,79 +12543,79 @@ function SortExtractionEditor({ api, field, label, fieldOptions, onFieldChange,
   const previewWarning = sampleError ?? currentPreview?.error;
   const heading = title ?? `Regex extraction for ${label}`;
   const textValue = (value) => value == null ? "NULL" : String(value) === "" ? '""' : String(value);
-  return /* @__PURE__ */ jsxs27(ModalSurface, { title: heading, onClose, className: "qt-sort-extract-editor", chrome: false, children: [
-    /* @__PURE__ */ jsxs27("header", { className: "qt-overlay-header", children: [
-      /* @__PURE__ */ jsx31("h2", { children: heading }),
-      /* @__PURE__ */ jsx31("button", { type: "button", className: "qt-btn", onClick: onClose, "aria-label": title ? `Close ${title.toLowerCase()}` : `Close regex extraction for ${label}`, children: /* @__PURE__ */ jsx31(Icon, { name: "close" }) })
+  return /* @__PURE__ */ jsxs28(ModalSurface, { title: heading, onClose, className: "qt-sort-extract-editor", chrome: false, children: [
+    /* @__PURE__ */ jsxs28("header", { className: "qt-overlay-header", children: [
+      /* @__PURE__ */ jsx32("h2", { children: heading }),
+      /* @__PURE__ */ jsx32("button", { type: "button", className: "qt-btn", onClick: onClose, "aria-label": title ? `Close ${title.toLowerCase()}` : `Close regex extraction for ${label}`, children: /* @__PURE__ */ jsx32(Icon, { name: "close" }) })
     ] }),
-    /* @__PURE__ */ jsxs27("div", { className: "qt-overlay-body", children: [
-      fieldOptions && /* @__PURE__ */ jsxs27(Fragment20, { children: [
-        /* @__PURE__ */ jsx31("label", { className: "qt-sort-extract-label", htmlFor: fieldId, children: "Field" }),
-        /* @__PURE__ */ jsx31("select", { id: fieldId, className: "qt-input qt-sort-extract-field", value: field, disabled, onChange: (event) => onFieldChange?.(event.target.value), children: fieldOptions.map((option) => /* @__PURE__ */ jsx31("option", { value: option.name, children: option.label }, option.name)) })
+    /* @__PURE__ */ jsxs28("div", { className: "qt-overlay-body", children: [
+      fieldOptions && /* @__PURE__ */ jsxs28(Fragment20, { children: [
+        /* @__PURE__ */ jsx32("label", { className: "qt-sort-extract-label", htmlFor: fieldId, children: "Field" }),
+        /* @__PURE__ */ jsx32("select", { id: fieldId, className: "qt-input qt-sort-extract-field", value: field, disabled, onChange: (event) => onFieldChange?.(event.target.value), children: fieldOptions.map((option) => /* @__PURE__ */ jsx32("option", { value: option.name, children: option.label }, option.name)) })
       ] }),
-      onDirectionChange && /* @__PURE__ */ jsxs27(Fragment20, { children: [
-        /* @__PURE__ */ jsx31("label", { className: "qt-sort-extract-label", htmlFor: directionId, children: "Direction" }),
-        /* @__PURE__ */ jsxs27("select", { id: directionId, className: "qt-input qt-sort-extract-direction", value: direction, disabled, onChange: (event) => onDirectionChange(event.target.value), children: [
-          /* @__PURE__ */ jsx31("option", { value: "asc", children: "Ascending" }),
-          /* @__PURE__ */ jsx31("option", { value: "desc", children: "Descending" })
+      onDirectionChange && /* @__PURE__ */ jsxs28(Fragment20, { children: [
+        /* @__PURE__ */ jsx32("label", { className: "qt-sort-extract-label", htmlFor: directionId, children: "Direction" }),
+        /* @__PURE__ */ jsxs28("select", { id: directionId, className: "qt-input qt-sort-extract-direction", value: direction, disabled, onChange: (event) => onDirectionChange(event.target.value), children: [
+          /* @__PURE__ */ jsx32("option", { value: "asc", children: "Ascending" }),
+          /* @__PURE__ */ jsx32("option", { value: "desc", children: "Descending" })
         ] })
       ] }),
-      /* @__PURE__ */ jsx31("label", { className: "qt-sort-extract-label", htmlFor: inputId, children: "Regular expression" }),
-      /* @__PURE__ */ jsx31("input", { id: inputId, className: "qt-input qt-sort-extract-input", value: pattern, onChange: (event) => setPattern(event.target.value), "aria-label": `Regex extract for ${label}`, "aria-describedby": helpId, "aria-invalid": Boolean(patternError), disabled, autoComplete: "off", spellCheck: false, placeholder: "e.g. (\\d+)" }),
-      /* @__PURE__ */ jsx31("p", { id: helpId, className: "qt-sort-extract-help", children: "Sort by the first capture group, or the whole match if there are no groups. Unmatched values become NULL; the sort\u2019s null placement still applies." }),
-      patternError && /* @__PURE__ */ jsx31("p", { className: "qt-sort-extract-error", role: "alert", children: patternError }),
-      previewWarning && /* @__PURE__ */ jsxs27("p", { className: "qt-sort-extract-error", role: "alert", children: [
+      /* @__PURE__ */ jsx32("label", { className: "qt-sort-extract-label", htmlFor: inputId, children: "Regular expression" }),
+      /* @__PURE__ */ jsx32("input", { id: inputId, className: "qt-input qt-sort-extract-input", value: pattern, onChange: (event) => setPattern(event.target.value), "aria-label": `Regex extract for ${label}`, "aria-describedby": helpId, "aria-invalid": Boolean(patternError), disabled, autoComplete: "off", spellCheck: false, placeholder: "e.g. (\\d+)" }),
+      /* @__PURE__ */ jsx32("p", { id: helpId, className: "qt-sort-extract-help", children: "Sort by the first capture group, or the whole match if there are no groups. Unmatched values become NULL; the sort\u2019s null placement still applies." }),
+      patternError && /* @__PURE__ */ jsx32("p", { className: "qt-sort-extract-error", role: "alert", children: patternError }),
+      previewWarning && /* @__PURE__ */ jsxs28("p", { className: "qt-sort-extract-error", role: "alert", children: [
         "Preview unavailable: ",
         previewWarning,
         ". You can still apply a valid pattern."
       ] }),
-      Boolean(sample?.errors) && /* @__PURE__ */ jsx31("p", { className: "qt-sort-extract-error", role: "alert", children: "Some sampled values could not be read. The preview may be incomplete; you can still apply a valid pattern." }),
-      /* @__PURE__ */ jsx31("p", { className: "qt-sort-extract-status", role: "status", children: !sample && !sampleError ? "Loading sample\u2026" : !currentPreview && !patternError && !previewWarning ? "Updating preview\u2026" : sample ? `Preview of ${sample.processed} matching rows (${sample.groups.length} distinct values).` : "Sample unavailable." }),
-      /* @__PURE__ */ jsx31("div", { className: "qt-sort-extract-table-wrap", children: /* @__PURE__ */ jsxs27("table", { className: "qt-sort-extract-table", children: [
-        /* @__PURE__ */ jsx31("caption", { children: "Extraction preview" }),
-        /* @__PURE__ */ jsx31("thead", { children: /* @__PURE__ */ jsxs27("tr", { children: [
-          /* @__PURE__ */ jsx31("th", { scope: "col", children: "Original value" }),
-          /* @__PURE__ */ jsx31("th", { scope: "col", children: "Extracted sort value" }),
-          /* @__PURE__ */ jsx31("th", { scope: "col", children: "Rows" })
+      Boolean(sample?.errors) && /* @__PURE__ */ jsx32("p", { className: "qt-sort-extract-error", role: "alert", children: "Some sampled values could not be read. The preview may be incomplete; you can still apply a valid pattern." }),
+      /* @__PURE__ */ jsx32("p", { className: "qt-sort-extract-status", role: "status", children: !sample && !sampleError ? "Loading sample\u2026" : !currentPreview && !patternError && !previewWarning ? "Updating preview\u2026" : sample ? `Preview of ${sample.processed} matching rows (${sample.groups.length} distinct values).` : "Sample unavailable." }),
+      /* @__PURE__ */ jsx32("div", { className: "qt-sort-extract-table-wrap", children: /* @__PURE__ */ jsxs28("table", { className: "qt-sort-extract-table", children: [
+        /* @__PURE__ */ jsx32("caption", { children: "Extraction preview" }),
+        /* @__PURE__ */ jsx32("thead", { children: /* @__PURE__ */ jsxs28("tr", { children: [
+          /* @__PURE__ */ jsx32("th", { scope: "col", children: "Original value" }),
+          /* @__PURE__ */ jsx32("th", { scope: "col", children: "Extracted sort value" }),
+          /* @__PURE__ */ jsx32("th", { scope: "col", children: "Rows" })
         ] }) }),
-        /* @__PURE__ */ jsx31("tbody", { children: sample?.groups.map((group, index) => {
+        /* @__PURE__ */ jsx32("tbody", { children: sample?.groups.map((group, index) => {
           const result = currentPreview?.results[index];
-          return /* @__PURE__ */ jsxs27("tr", { children: [
-            /* @__PURE__ */ jsx31("td", { children: group.result.error ? "Value error" : textValue(group.result.value) }),
-            /* @__PURE__ */ jsx31("td", { children: result ? /* @__PURE__ */ jsxs27(Fragment20, { children: [
-              /* @__PURE__ */ jsx31("code", { children: textValue(result.extracted) }),
-              !result.matched && /* @__PURE__ */ jsx31("small", { children: group.result.value == null ? "Null input" : "No match" })
+          return /* @__PURE__ */ jsxs28("tr", { children: [
+            /* @__PURE__ */ jsx32("td", { children: group.result.error ? "Value error" : textValue(group.result.value) }),
+            /* @__PURE__ */ jsx32("td", { children: result ? /* @__PURE__ */ jsxs28(Fragment20, { children: [
+              /* @__PURE__ */ jsx32("code", { children: textValue(result.extracted) }),
+              !result.matched && /* @__PURE__ */ jsx32("small", { children: group.result.value == null ? "Null input" : "No match" })
             ] }) : "\u2014" }),
-            /* @__PURE__ */ jsx31("td", { children: group.count })
+            /* @__PURE__ */ jsx32("td", { children: group.count })
           ] }, index);
         }) })
       ] }) }),
-      sample?.processed === 0 && /* @__PURE__ */ jsx31("p", { className: "qt-muted", children: "No matching rows to preview. You can still apply a valid pattern." })
+      sample?.processed === 0 && /* @__PURE__ */ jsx32("p", { className: "qt-muted", children: "No matching rows to preview. You can still apply a valid pattern." })
     ] }),
-    /* @__PURE__ */ jsxs27("footer", { className: "qt-sort-extract-footer", children: [
-      initialPattern !== void 0 && /* @__PURE__ */ jsx31("button", { type: "button", className: "qt-link-btn", disabled, onClick: onRemove, "aria-label": `Remove regex extract for ${label}`, children: "Remove extraction" }),
-      /* @__PURE__ */ jsx31("button", { type: "button", className: "qt-btn", onClick: onClose, children: "Cancel" }),
-      /* @__PURE__ */ jsx31("button", { type: "button", className: "qt-btn qt-btn--primary", disabled: disabled || Boolean(patternError), onClick: () => onApply(pattern), children: applyLabel })
+    /* @__PURE__ */ jsxs28("footer", { className: "qt-sort-extract-footer", children: [
+      initialPattern !== void 0 && /* @__PURE__ */ jsx32("button", { type: "button", className: "qt-link-btn", disabled, onClick: onRemove, "aria-label": `Remove regex extract for ${label}`, children: "Remove extraction" }),
+      /* @__PURE__ */ jsx32("button", { type: "button", className: "qt-btn", onClick: onClose, children: "Cancel" }),
+      /* @__PURE__ */ jsx32("button", { type: "button", className: "qt-btn qt-btn--primary", disabled: disabled || Boolean(patternError), onClick: () => onApply(pattern), children: applyLabel })
     ] })
   ] });
 }
 
 // src/SortPicker.tsx
-import { useEffect as useEffect19, useRef as useRef20, useState as useState27 } from "react";
-import { jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
+import { useEffect as useEffect19, useRef as useRef20, useState as useState28 } from "react";
+import { jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
 function SortPicker({
   fields,
   onPick,
   onRegex,
   onClose
 }) {
-  const [field, setField] = useState27(null);
-  const [search, setSearch] = useState27("");
+  const [field, setField] = useState28(null);
+  const [search, setSearch] = useState28("");
   const ascending = useRef20(null);
   useEffect19(() => {
     if (field) ascending.current?.focus();
   }, [field]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     FieldPicker,
     {
       title: field ? `Sort by ${field.label}` : "Add sort",
@@ -12571,20 +12625,20 @@ function SortPicker({
       onPick: setField,
       onClose,
       ...field ? { onBack: () => setField(null) } : {},
-      children: field && /* @__PURE__ */ jsxs28("div", { className: "qt-sort-picker-options", children: [
-        /* @__PURE__ */ jsxs28("div", { className: "qt-sort-direction-grid", role: "group", "aria-label": "Sort direction", children: [
-          /* @__PURE__ */ jsxs28("button", { ref: ascending, type: "button", className: "qt-btn", onClick: () => onPick(field, "asc"), children: [
-            /* @__PURE__ */ jsx32(Icon, { name: "arrowUp" }),
+      children: field && /* @__PURE__ */ jsxs29("div", { className: "qt-sort-picker-options", children: [
+        /* @__PURE__ */ jsxs29("div", { className: "qt-sort-direction-grid", role: "group", "aria-label": "Sort direction", children: [
+          /* @__PURE__ */ jsxs29("button", { ref: ascending, type: "button", className: "qt-btn", onClick: () => onPick(field, "asc"), children: [
+            /* @__PURE__ */ jsx33(Icon, { name: "arrowUp" }),
             " Ascending"
           ] }),
-          /* @__PURE__ */ jsxs28("button", { type: "button", className: "qt-btn", onClick: () => onPick(field, "desc"), children: [
-            /* @__PURE__ */ jsx32(Icon, { name: "arrowDown" }),
+          /* @__PURE__ */ jsxs29("button", { type: "button", className: "qt-btn", onClick: () => onPick(field, "desc"), children: [
+            /* @__PURE__ */ jsx33(Icon, { name: "arrowDown" }),
             " Descending"
           ] })
         ] }),
-        /* @__PURE__ */ jsxs28("button", { type: "button", className: "qt-link-btn qt-sort-picker-regex", "aria-haspopup": "dialog", onClick: () => onRegex(field), children: [
+        /* @__PURE__ */ jsxs29("button", { type: "button", className: "qt-link-btn qt-sort-picker-regex", "aria-haspopup": "dialog", onClick: () => onRegex(field), children: [
           "Regex extraction ",
-          /* @__PURE__ */ jsx32(Icon, { name: "chevronRight", size: 14 })
+          /* @__PURE__ */ jsx33(Icon, { name: "chevronRight", size: 14 })
         ] })
       ] })
     }
@@ -12592,16 +12646,16 @@ function SortPicker({
 }
 
 // src/SetFilterEditor.tsx
-import { useEffect as useEffect20, useRef as useRef21, useState as useState28 } from "react";
+import { useEffect as useEffect20, useRef as useRef21, useState as useState29 } from "react";
 import { filterValues, opsForField as opsForField2 } from "@pythia-software/query-table-core";
-import { Fragment as Fragment21, jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
 function SetFilterEditor({ api, field, returnFocus, classNames, mode: initialMode, values: initialValues, disabled, maxPredicates, onApply, onClose }) {
-  const [mode, setMode] = useState28(initialMode);
-  const [values, setValues] = useState28([...initialValues]);
-  const [search, setSearch] = useState28("");
-  const [suggestions, setSuggestions] = useState28([]);
-  const [error, setError] = useState28("");
-  const [loading, setLoading] = useState28(false);
+  const [mode, setMode] = useState29(initialMode);
+  const [values, setValues] = useState29([...initialValues]);
+  const [search, setSearch] = useState29("");
+  const [suggestions, setSuggestions] = useState29([]);
+  const [error, setError] = useState29("");
+  const [loading, setLoading] = useState29(false);
   const searchInput = useRef21(null);
   const presentation = useFilterValuePresentation();
   const strategy = filterValues(field);
@@ -12641,7 +12695,7 @@ function SetFilterEditor({ api, field, returnFocus, classNames, mode: initialMod
     setSearch("");
     searchInput.current?.focus();
   }
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     ModalSurface,
     {
       title: `Filter ${field.label}`,
@@ -12652,29 +12706,29 @@ function SetFilterEditor({ api, field, returnFocus, classNames, mode: initialMod
       backdropClassName: ["qt-set-backdrop", classNames?.setBackdrop].filter(Boolean).join(" "),
       className: ["qt-set-editor", classNames?.setEditor].filter(Boolean).join(" "),
       children: [
-        /* @__PURE__ */ jsxs29("h3", { children: [
+        /* @__PURE__ */ jsxs30("h3", { children: [
           "Filter ",
           field.label
         ] }),
-        /* @__PURE__ */ jsxs29("label", { children: [
+        /* @__PURE__ */ jsxs30("label", { children: [
           "Match mode ",
-          /* @__PURE__ */ jsxs29("select", { className: classNames?.select, "aria-label": "Match mode", value: mode, disabled, onChange: (event) => setMode(event.target.value), children: [
-            /* @__PURE__ */ jsx33("option", { value: "any", disabled: !allowsMode("any"), children: "ANY \u2014 at least one selected tag" }),
-            /* @__PURE__ */ jsx33("option", { value: "all", disabled: !allowsMode("all"), children: "ALL \u2014 every selected tag" }),
-            /* @__PURE__ */ jsx33("option", { value: "none", disabled: !allowsMode("none"), children: "NONE \u2014 exclude selected tags, include empty rows" }),
-            /* @__PURE__ */ jsx33("option", { value: "empty", disabled: !allowsMode("empty"), children: "EMPTY \u2014 no tags" })
+          /* @__PURE__ */ jsxs30("select", { className: classNames?.select, "aria-label": "Match mode", value: mode, disabled, onChange: (event) => setMode(event.target.value), children: [
+            /* @__PURE__ */ jsx34("option", { value: "any", disabled: !allowsMode("any"), children: "ANY \u2014 at least one selected tag" }),
+            /* @__PURE__ */ jsx34("option", { value: "all", disabled: !allowsMode("all"), children: "ALL \u2014 every selected tag" }),
+            /* @__PURE__ */ jsx34("option", { value: "none", disabled: !allowsMode("none"), children: "NONE \u2014 exclude selected tags, include empty rows" }),
+            /* @__PURE__ */ jsx34("option", { value: "empty", disabled: !allowsMode("empty"), children: "EMPTY \u2014 no tags" })
           ] })
         ] }),
-        mode !== "empty" && /* @__PURE__ */ jsxs29(Fragment21, { children: [
-          /* @__PURE__ */ jsx33("div", { className: "qt-set-selected", "aria-label": "Selected tags", children: values.map((value) => /* @__PURE__ */ jsxs29("span", { className: "qt-chip", children: [
-            /* @__PURE__ */ jsx33(PresentedFilterValue, { field: field.name, value, label: labelFor(value) }),
-            strategy.source === "static" && !options.some((option) => option.value === value) && /* @__PURE__ */ jsxs29("small", { children: [
+        mode !== "empty" && /* @__PURE__ */ jsxs30(Fragment21, { children: [
+          /* @__PURE__ */ jsx34("div", { className: "qt-set-selected", "aria-label": "Selected tags", children: values.map((value) => /* @__PURE__ */ jsxs30("span", { className: "qt-chip", children: [
+            /* @__PURE__ */ jsx34(PresentedFilterValue, { field: field.name, value, label: labelFor(value) }),
+            strategy.source === "static" && !options.some((option) => option.value === value) && /* @__PURE__ */ jsxs30("small", { children: [
               " unavailable: ",
               value
             ] }),
-            /* @__PURE__ */ jsx33("button", { type: "button", className: "qt-chip-x", disabled, "aria-label": `Remove ${labelFor(value)}`, onClick: () => toggle(value), children: "\u2715" })
+            /* @__PURE__ */ jsx34("button", { type: "button", className: "qt-chip-x", disabled, "aria-label": `Remove ${labelFor(value)}`, onClick: () => toggle(value), children: "\u2715" })
           ] }, value)) }),
-          /* @__PURE__ */ jsx33("input", { ref: searchInput, className: classNames?.input, "aria-label": `Search ${field.label} tags`, placeholder: "Search names or keys", value: search, onChange: (event) => setSearch(event.target.value), disabled, onKeyDown: (event) => {
+          /* @__PURE__ */ jsx34("input", { ref: searchInput, className: classNames?.input, "aria-label": `Search ${field.label} tags`, placeholder: "Search names or keys", value: search, onChange: (event) => setSearch(event.target.value), disabled, onKeyDown: (event) => {
             if (event.key !== "Enter" || event.nativeEvent.isComposing || disabled) return;
             event.preventDefault();
             if (!search.trim()) return;
@@ -12682,25 +12736,25 @@ function SetFilterEditor({ api, field, returnFocus, classNames, mode: initialMod
             if (value !== void 0) addValue(value);
             else if (canCreate) addValue(search);
           } }),
-          /* @__PURE__ */ jsxs29("div", { className: "qt-set-options", role: "group", "aria-label": "Available tags", children: [
-            visible.map((option) => /* @__PURE__ */ jsxs29("label", { className: "qt-set-option", children: [
-              /* @__PURE__ */ jsx33("input", { type: "checkbox", checked: values.includes(option.value), disabled, onChange: () => toggle(option.value) }),
-              /* @__PURE__ */ jsx33(PresentedFilterValue, { field: field.name, value: option.value, label: labelFor(option.value) }),
-              labelFor(option.value) !== option.value && /* @__PURE__ */ jsx33("small", { children: option.value })
+          /* @__PURE__ */ jsxs30("div", { className: "qt-set-options", role: "group", "aria-label": "Available tags", children: [
+            visible.map((option) => /* @__PURE__ */ jsxs30("label", { className: "qt-set-option", children: [
+              /* @__PURE__ */ jsx34("input", { type: "checkbox", checked: values.includes(option.value), disabled, onChange: () => toggle(option.value) }),
+              /* @__PURE__ */ jsx34(PresentedFilterValue, { field: field.name, value: option.value, label: labelFor(option.value) }),
+              labelFor(option.value) !== option.value && /* @__PURE__ */ jsx34("small", { children: option.value })
             ] }, option.value)),
-            !visible.length && !loading && /* @__PURE__ */ jsx33("span", { className: "qt-muted", children: strategy.source === "freeform" ? "Type a tag and press Enter" : "No matching tags" })
+            !visible.length && !loading && /* @__PURE__ */ jsx34("span", { className: "qt-muted", children: strategy.source === "freeform" ? "Type a tag and press Enter" : "No matching tags" })
           ] }),
-          showCreate && /* @__PURE__ */ jsxs29("button", { type: "button", className: ["qt-btn", classNames?.button].filter(Boolean).join(" "), disabled, onClick: () => addValue(search), children: [
+          showCreate && /* @__PURE__ */ jsxs30("button", { type: "button", className: ["qt-btn", classNames?.button].filter(Boolean).join(" "), disabled, onClick: () => addValue(search), children: [
             "Add \u201C",
             search,
             "\u201D"
           ] }),
-          /* @__PURE__ */ jsx33("span", { role: "status", children: loading ? "Loading tags\u2026" : error })
+          /* @__PURE__ */ jsx34("span", { role: "status", children: loading ? "Loading tags\u2026" : error })
         ] }),
-        exceedsBudget && /* @__PURE__ */ jsx33("span", { role: "alert", children: "Too many tags for this query. Remove tags or other filters before applying." }),
-        /* @__PURE__ */ jsxs29("div", { className: "qt-set-actions", children: [
-          /* @__PURE__ */ jsx33("button", { type: "button", className: ["qt-btn", classNames?.button].filter(Boolean).join(" "), onClick: onClose, children: "Cancel" }),
-          /* @__PURE__ */ jsx33("button", { type: "button", className: ["qt-btn", classNames?.button].filter(Boolean).join(" "), disabled: disabled || exceedsBudget || !allowsMode(mode) || mode !== "empty" && values.length === 0, onClick: () => onApply(mode, mode === "empty" ? [] : values), children: "Apply filter" })
+        exceedsBudget && /* @__PURE__ */ jsx34("span", { role: "alert", children: "Too many tags for this query. Remove tags or other filters before applying." }),
+        /* @__PURE__ */ jsxs30("div", { className: "qt-set-actions", children: [
+          /* @__PURE__ */ jsx34("button", { type: "button", className: ["qt-btn", classNames?.button].filter(Boolean).join(" "), onClick: onClose, children: "Cancel" }),
+          /* @__PURE__ */ jsx34("button", { type: "button", className: ["qt-btn", classNames?.button].filter(Boolean).join(" "), disabled: disabled || exceedsBudget || !allowsMode(mode) || mode !== "empty" && values.length === 0, onClick: () => onApply(mode, mode === "empty" ? [] : values), children: "Apply filter" })
         ] })
       ]
     }
@@ -12714,7 +12768,7 @@ import {
   useId as useId10,
   useMemo as useMemo11,
   useRef as useRef22,
-  useState as useState29
+  useState as useState30
 } from "react";
 import {
   NULLARY_OPS as NULLARY_OPS2,
@@ -12735,13 +12789,13 @@ import {
 } from "@pythia-software/query-table-core";
 
 // src/SavedQueriesModal.tsx
-import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
 function SavedQueriesModal({ saved, onClose, onLoad }) {
-  return /* @__PURE__ */ jsx34(ModalSurface, { title: "Saved queries", onClose, children: /* @__PURE__ */ jsx34("div", { className: "qt-overlay-body", children: saved.loading ? /* @__PURE__ */ jsx34("p", { className: "qt-muted", children: "Loading\u2026" }) : saved.items.length === 0 ? /* @__PURE__ */ jsx34("p", { className: "qt-muted", children: "None saved yet. Save the current query from the toolbar." }) : /* @__PURE__ */ jsx34("ul", { className: "qt-saved-list", children: saved.items.map((s) => {
+  return /* @__PURE__ */ jsx35(ModalSurface, { title: "Saved queries", onClose, children: /* @__PURE__ */ jsx35("div", { className: "qt-overlay-body", children: saved.loading ? /* @__PURE__ */ jsx35("p", { className: "qt-muted", children: "Loading\u2026" }) : saved.items.length === 0 ? /* @__PURE__ */ jsx35("p", { className: "qt-muted", children: "None saved yet. Save the current query from the toolbar." }) : /* @__PURE__ */ jsx35("ul", { className: "qt-saved-list", children: saved.items.map((s) => {
     const filters = s.query.where.length;
     const isDefault = saved.defaultId === s.id;
-    return /* @__PURE__ */ jsxs30("li", { className: "qt-saved-item", children: [
-      /* @__PURE__ */ jsxs30(
+    return /* @__PURE__ */ jsxs31("li", { className: "qt-saved-item", children: [
+      /* @__PURE__ */ jsxs31(
         "button",
         {
           type: "button",
@@ -12752,8 +12806,8 @@ function SavedQueriesModal({ saved, onClose, onLoad }) {
             onClose();
           },
           children: [
-            /* @__PURE__ */ jsx34("span", { className: "qt-saved-name", children: s.name }),
-            /* @__PURE__ */ jsxs30("span", { className: "qt-saved-meta qt-muted", children: [
+            /* @__PURE__ */ jsx35("span", { className: "qt-saved-name", children: s.name }),
+            /* @__PURE__ */ jsxs31("span", { className: "qt-saved-meta qt-muted", children: [
               isDefault ? "Default view \xB7 " : "",
               new Date(s.savedAt).toLocaleString(),
               " \xB7 ",
@@ -12764,7 +12818,7 @@ function SavedQueriesModal({ saved, onClose, onLoad }) {
           ]
         }
       ),
-      isDefault ? /* @__PURE__ */ jsx34(
+      isDefault ? /* @__PURE__ */ jsx35(
         "button",
         {
           type: "button",
@@ -12773,7 +12827,7 @@ function SavedQueriesModal({ saved, onClose, onLoad }) {
           onClick: () => void saved.clearDefault(),
           children: "default"
         }
-      ) : /* @__PURE__ */ jsx34(
+      ) : /* @__PURE__ */ jsx35(
         "button",
         {
           type: "button",
@@ -12783,7 +12837,7 @@ function SavedQueriesModal({ saved, onClose, onLoad }) {
           children: "make default"
         }
       ),
-      /* @__PURE__ */ jsx34(
+      /* @__PURE__ */ jsx35(
         "button",
         {
           type: "button",
@@ -12798,7 +12852,7 @@ function SavedQueriesModal({ saved, onClose, onLoad }) {
 }
 
 // src/QueryBuilder.tsx
-import { Fragment as Fragment23, jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
 var cx5 = (...parts) => parts.filter((p) => Boolean(p)).join(" ");
 var MAX_AUTO_REFRESH_POLLS = 1e3;
 var DEFAULT_AUTO_REFRESH_FREQUENCY_MS = 2e4;
@@ -12846,7 +12900,7 @@ function formatStatusTime(ms) {
   });
 }
 function useFieldHasNull(api, fieldName) {
-  const [hasNull, setHasNull] = useState29(void 0);
+  const [hasNull, setHasNull] = useState30(void 0);
   useEffect21(() => {
     if (!fieldName) return;
     let cancelled = false;
@@ -12948,21 +13002,21 @@ function QueryBuilder({
   selectPresentation ?? (selectPresentation = groupingUI.selectPresentation);
   const mobile = useMobileLayout();
   const UNSAVED_QUERY_EDIT_ID = "__qt-unsaved-query__";
-  const [showSaved, setShowSaved] = useState29(false);
-  const [shareCopied, setShareCopied] = useState29(false);
-  const [showActivity, setShowActivity] = useState29(false);
+  const [showSaved, setShowSaved] = useState30(false);
+  const [shareCopied, setShareCopied] = useState30(false);
+  const [showActivity, setShowActivity] = useState30(false);
   const activityId = useId10();
-  const [showAutoRefresh, setShowAutoRefresh] = useState29(false);
-  const [autoRefreshFrequencyMs, setAutoRefreshFrequencyMs] = useState29(
+  const [showAutoRefresh, setShowAutoRefresh] = useState30(false);
+  const [autoRefreshFrequencyMs, setAutoRefreshFrequencyMs] = useState30(
     DEFAULT_AUTO_REFRESH_FREQUENCY_MS
   );
-  const [autoRefreshTurnOffAfterMs, setAutoRefreshTurnOffAfterMs] = useState29(
+  const [autoRefreshTurnOffAfterMs, setAutoRefreshTurnOffAfterMs] = useState30(
     DEFAULT_AUTO_REFRESH_TURN_OFF_AFTER_MS
   );
-  const [editingSavedId, setEditingSavedId] = useState29(null);
-  const [editingSavedName, setEditingSavedName] = useState29("");
-  const [lastSavedId, setLastSavedId] = useState29(null);
-  const [collapsedFallback, setCollapsedFallback] = useState29(defaultCollapsed);
+  const [editingSavedId, setEditingSavedId] = useState30(null);
+  const [editingSavedName, setEditingSavedName] = useState30("");
+  const [lastSavedId, setLastSavedId] = useState30(null);
+  const [collapsedFallback, setCollapsedFallback] = useState30(defaultCollapsed);
   const collapsedControlled = typeof collapsed !== "undefined";
   const isCollapsed = collapsedControlled ? collapsed : collapsedFallback;
   const setCollapsed = (next) => {
@@ -12972,8 +13026,8 @@ function QueryBuilder({
     }
     setCollapsedFallback(next);
   };
-  const [lastUpdatedAt, setLastUpdatedAt] = useState29(null);
-  const [lastFailureAt, setLastFailureAt] = useState29(null);
+  const [lastUpdatedAt, setLastUpdatedAt] = useState30(null);
+  const [lastFailureAt, setLastFailureAt] = useState30(null);
   const byName = useMemo11(
     () => new Map(fields.map((f) => [f.name, f])),
     [fields]
@@ -13198,15 +13252,15 @@ function QueryBuilder({
       window.prompt("Copy this query URL", url.toString());
     }
   }
-  return /* @__PURE__ */ jsxs31("div", { className: cx5(
+  return /* @__PURE__ */ jsxs32("div", { className: cx5(
     "qt-qb",
     api.grouping && "qt-qb--groupable",
     compact && "qt-qb--compact",
     classNames?.root
   ), children: [
-    /* @__PURE__ */ jsxs31("div", { className: "qt-qb-bar qt-qb-state-bar qt-qb-row", children: [
-      /* @__PURE__ */ jsxs31("span", { className: "qt-qb-state-main", children: [
-        /* @__PURE__ */ jsxs31(
+    /* @__PURE__ */ jsxs32("div", { className: "qt-qb-bar qt-qb-state-bar qt-qb-row", children: [
+      /* @__PURE__ */ jsxs32("span", { className: "qt-qb-state-main", children: [
+        /* @__PURE__ */ jsxs32(
           "button",
           {
             type: "button",
@@ -13217,7 +13271,7 @@ function QueryBuilder({
             "aria-label": isCollapsed ? "Expand query builder" : "Collapse query builder",
             title: isCollapsed ? "Expand query builder" : "Collapse query builder",
             children: [
-              /* @__PURE__ */ jsx35(
+              /* @__PURE__ */ jsx36(
                 Icon,
                 {
                   name: "chevronDown",
@@ -13228,12 +13282,12 @@ function QueryBuilder({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx35("span", { children: "Query" })
+              /* @__PURE__ */ jsx36("span", { children: "Query" })
             ]
           }
         ),
-        savedQueryControls !== void 0 ? savedQueryControls : /* @__PURE__ */ jsxs31("span", { className: "qt-qb-saved", children: [
-          /* @__PURE__ */ jsx35(
+        savedQueryControls !== void 0 ? savedQueryControls : /* @__PURE__ */ jsxs32("span", { className: "qt-qb-saved", children: [
+          /* @__PURE__ */ jsx36(
             "button",
             {
               type: "button",
@@ -13245,11 +13299,11 @@ function QueryBuilder({
               "aria-label": isSavedQuery ? "Rename saved query" : "Save query",
               disabled: isBusy,
               onClick: beginEditSavedName,
-              children: /* @__PURE__ */ jsx35(Icon, { name: "star", size: 16, filled: isSavedQuery })
+              children: /* @__PURE__ */ jsx36(Icon, { name: "star", size: 16, filled: isSavedQuery })
             }
           ),
-          isEditingSaved || isEditingUnsaved ? /* @__PURE__ */ jsxs31("span", { className: "qt-qb-saved-input-wrap", children: [
-            /* @__PURE__ */ jsx35(
+          isEditingSaved || isEditingUnsaved ? /* @__PURE__ */ jsxs32("span", { className: "qt-qb-saved-input-wrap", children: [
+            /* @__PURE__ */ jsx36(
               "input",
               {
                 type: "text",
@@ -13272,7 +13326,7 @@ function QueryBuilder({
                 onClick: (e) => e.stopPropagation()
               }
             ),
-            /* @__PURE__ */ jsx35(
+            /* @__PURE__ */ jsx36(
               "button",
               {
                 type: "button",
@@ -13284,10 +13338,10 @@ function QueryBuilder({
                   cancelNameEdit();
                 },
                 onClick: (e) => e.stopPropagation(),
-                children: /* @__PURE__ */ jsx35(Icon, { name: "close" })
+                children: /* @__PURE__ */ jsx36(Icon, { name: "close" })
               }
             )
-          ] }) : /* @__PURE__ */ jsx35(
+          ] }) : /* @__PURE__ */ jsx36(
             "button",
             {
               type: "button",
@@ -13300,24 +13354,24 @@ function QueryBuilder({
             }
           )
         ] }),
-        isCollapsed ? /* @__PURE__ */ jsx35(
+        isCollapsed ? /* @__PURE__ */ jsx36(
           "span",
           {
             className: "qt-qb-summary qt-truncate",
             title: summary ? void 0 : collapsedSummary,
-            children: summary ?? /* @__PURE__ */ jsxs31(Fragment23, { children: [
-              /* @__PURE__ */ jsx35("span", { className: "qt-qb-summary-kw", children: "WHERE" }),
+            children: summary ?? /* @__PURE__ */ jsxs32(Fragment23, { children: [
+              /* @__PURE__ */ jsx36("span", { className: "qt-qb-summary-kw", children: "WHERE" }),
               " ",
-              /* @__PURE__ */ jsx35("strong", { children: collapsedWhereText }),
+              /* @__PURE__ */ jsx36("strong", { children: collapsedWhereText }),
               " ",
-              /* @__PURE__ */ jsx35("span", { className: "qt-qb-summary-kw", children: "ORDER BY" }),
+              /* @__PURE__ */ jsx36("span", { className: "qt-qb-summary-kw", children: "ORDER BY" }),
               " ",
-              /* @__PURE__ */ jsx35("strong", { children: collapsedOrderText })
+              /* @__PURE__ */ jsx36("strong", { children: collapsedOrderText })
             ] })
           }
         ) : null
       ] }),
-      savedQueryControls === void 0 && showUpdateButton ? /* @__PURE__ */ jsx35(
+      savedQueryControls === void 0 && showUpdateButton ? /* @__PURE__ */ jsx36(
         "button",
         {
           type: "button",
@@ -13327,7 +13381,7 @@ function QueryBuilder({
           children: `Update Query '${lastSavedQuery?.name ?? "query"}'`
         }
       ) : null,
-      /* @__PURE__ */ jsxs31(
+      /* @__PURE__ */ jsxs32(
         "button",
         {
           type: "button",
@@ -13337,28 +13391,28 @@ function QueryBuilder({
           "aria-live": "polite",
           disabled: api.loading || api.links.busy,
           children: [
-            /* @__PURE__ */ jsx35(Icon, { name: shareCopied ? "check" : "share" }),
+            /* @__PURE__ */ jsx36(Icon, { name: shareCopied ? "check" : "share" }),
             shareCopied ? "Copied!" : "Share"
           ]
         }
       ),
-      api.links.kind === "local" && /* @__PURE__ */ jsx35("small", { role: "status", children: "Temporary link \xB7 this browser only" }),
-      api.links.error && /* @__PURE__ */ jsx35("small", { role: "alert", children: api.links.error.message }),
-      savedQueryControls === void 0 && /* @__PURE__ */ jsxs31(
+      api.links.kind === "local" && /* @__PURE__ */ jsx36("small", { role: "status", children: "Temporary link \xB7 this browser only" }),
+      api.links.error && /* @__PURE__ */ jsx36("small", { role: "alert", children: api.links.error.message }),
+      savedQueryControls === void 0 && /* @__PURE__ */ jsxs32(
         "button",
         {
           type: "button",
           className: cx5("qt-btn", classNames?.button),
           onClick: () => setShowSaved(true),
           children: [
-            /* @__PURE__ */ jsx35(Icon, { name: "bookmark" }),
+            /* @__PURE__ */ jsx36(Icon, { name: "bookmark" }),
             "Saved",
             api.saved.items.length > 0 ? ` (${api.saved.items.length})` : ""
           ]
         }
       ),
-      /* @__PURE__ */ jsxs31("div", { className: "qt-property-history qt-query-history", role: "group", "aria-label": "Query history", children: [
-        /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsxs32("div", { className: "qt-property-history qt-query-history", role: "group", "aria-label": "Query history", children: [
+        /* @__PURE__ */ jsx36(
           "button",
           {
             type: "button",
@@ -13367,10 +13421,10 @@ function QueryBuilder({
             title: "Undo query change",
             disabled: !api.canUndo || isBusy,
             onClick: api.undo,
-            children: /* @__PURE__ */ jsx35(Icon, { name: "undo", size: 14 })
+            children: /* @__PURE__ */ jsx36(Icon, { name: "undo", size: 14 })
           }
         ),
-        /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx36(
           "button",
           {
             type: "button",
@@ -13379,10 +13433,10 @@ function QueryBuilder({
             title: "Redo query change",
             disabled: !api.canRedo || isBusy,
             onClick: api.redo,
-            children: /* @__PURE__ */ jsx35(Icon, { name: "redo", size: 14 })
+            children: /* @__PURE__ */ jsx36(Icon, { name: "redo", size: 14 })
           }
         ),
-        /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx36(
           "button",
           {
             type: "button",
@@ -13391,13 +13445,13 @@ function QueryBuilder({
             title: "Reset query",
             disabled: isBusy,
             onClick: api.resetAll,
-            children: /* @__PURE__ */ jsx35(Icon, { name: "reset", size: 14 })
+            children: /* @__PURE__ */ jsx36(Icon, { name: "reset", size: 14 })
           }
         )
       ] })
     ] }),
-    !isCollapsed ? /* @__PURE__ */ jsx35("div", { className: "qt-qb-bar qt-qb-editor-bar", children: /* @__PURE__ */ jsxs31("div", { id: bodyId, className: "qt-qb-body", children: [
-      /* @__PURE__ */ jsx35(
+    !isCollapsed ? /* @__PURE__ */ jsx36("div", { className: "qt-qb-bar qt-qb-editor-bar", children: /* @__PURE__ */ jsxs32("div", { id: bodyId, className: "qt-qb-body", children: [
+      /* @__PURE__ */ jsx36(
         SelectRow,
         {
           api,
@@ -13407,7 +13461,7 @@ function QueryBuilder({
           presentation: selectPresentation
         }
       ),
-      whereRow ?? /* @__PURE__ */ jsx35(
+      whereRow ?? /* @__PURE__ */ jsx36(
         WhereRow,
         {
           api,
@@ -13418,7 +13472,7 @@ function QueryBuilder({
         }
       ),
       clauses,
-      /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsx36(
         OrderRow,
         {
           api,
@@ -13427,7 +13481,7 @@ function QueryBuilder({
           disabled: isBusy
         }
       ),
-      /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsx36(
         WindowRow,
         {
           api,
@@ -13437,7 +13491,7 @@ function QueryBuilder({
           disabled: isBusy
         }
       ),
-      /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsx36(
         MetricsRow,
         {
           api,
@@ -13447,8 +13501,8 @@ function QueryBuilder({
         }
       )
     ] }) }) : null,
-    /* @__PURE__ */ jsxs31("div", { className: "qt-qb-bar qt-qb-run-bar qt-qb-row", children: [
-      /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsxs32("div", { className: "qt-qb-bar qt-qb-run-bar qt-qb-row", children: [
+      /* @__PURE__ */ jsx36(
         "span",
         {
           className: "qt-qb-run-metric qt-qb-run-metric--strong",
@@ -13456,16 +13510,16 @@ function QueryBuilder({
           children: api.loading ? "loading\u2026" : `${rowSummary} rows`
         }
       ),
-      /* @__PURE__ */ jsxs31("span", { className: "qt-qb-run-metric", children: [
+      /* @__PURE__ */ jsxs32("span", { className: "qt-qb-run-metric", children: [
         "Last updated ",
         lastUpdatedText
       ] }),
-      failureText ? /* @__PURE__ */ jsx35("span", { className: "qt-qb-run-error", children: failureText }) : null,
-      /* @__PURE__ */ jsxs31("span", { className: "qt-qb-run-actions", children: [
-        autoRefreshStatus ? /* @__PURE__ */ jsx35("span", { className: "qt-qb-auto-status", children: `Every ${formatDuration2(autoRefreshStatus.frequencyMs)}; clear after ${formatDuration2(
+      failureText ? /* @__PURE__ */ jsx36("span", { className: "qt-qb-run-error", children: failureText }) : null,
+      /* @__PURE__ */ jsxs32("span", { className: "qt-qb-run-actions", children: [
+        autoRefreshStatus ? /* @__PURE__ */ jsx36("span", { className: "qt-qb-auto-status", children: `Every ${formatDuration2(autoRefreshStatus.frequencyMs)}; clear after ${formatDuration2(
           autoRefreshStatus.turnOffAfterMs
         )} (${autoRefreshStatus.pollCount} polls run)` }) : null,
-        /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx36(
           "button",
           {
             type: "button",
@@ -13479,11 +13533,11 @@ function QueryBuilder({
             "aria-expanded": showActivity,
             "aria-controls": activityId,
             onClick: () => setShowActivity((v) => !v),
-            children: /* @__PURE__ */ jsx35(Icon, { name: "stopwatch" })
+            children: /* @__PURE__ */ jsx36(Icon, { name: "stopwatch" })
           }
         ),
-        /* @__PURE__ */ jsxs31("span", { className: "qt-auto-refresh", children: [
-          /* @__PURE__ */ jsxs31(
+        /* @__PURE__ */ jsxs32("span", { className: "qt-auto-refresh", children: [
+          /* @__PURE__ */ jsxs32(
             "button",
             {
               type: "button",
@@ -13498,12 +13552,12 @@ function QueryBuilder({
               "aria-expanded": showAutoRefresh,
               title: autoRefreshStatus ? "View or clear auto-update" : "Configure auto-update",
               children: [
-                /* @__PURE__ */ jsx35(Icon, { name: "clock" }),
+                /* @__PURE__ */ jsx36(Icon, { name: "clock" }),
                 autoRefreshButtonText
               ]
             }
           ),
-          showAutoRefresh && autoRefreshRef.current ? /* @__PURE__ */ jsxs31(
+          showAutoRefresh && autoRefreshRef.current ? /* @__PURE__ */ jsxs32(
             Popover,
             {
               anchor: autoRefreshRef.current,
@@ -13512,27 +13566,27 @@ function QueryBuilder({
               label: "Auto-refresh settings",
               onClose: () => setShowAutoRefresh(false),
               children: [
-                /* @__PURE__ */ jsxs31("label", { className: "qt-auto-refresh-field", children: [
-                  /* @__PURE__ */ jsx35("span", { children: "Frequency" }),
-                  /* @__PURE__ */ jsx35(
+                /* @__PURE__ */ jsxs32("label", { className: "qt-auto-refresh-field", children: [
+                  /* @__PURE__ */ jsx36("span", { children: "Frequency" }),
+                  /* @__PURE__ */ jsx36(
                     "select",
                     {
                       className: "qt-auto-refresh-select",
                       value: autoRefreshFrequencyMs,
                       onChange: (e) => setAutoRefreshFrequencyMs(Number(e.target.value)),
-                      children: AUTO_REFRESH_FREQUENCIES.map((option) => /* @__PURE__ */ jsx35("option", { value: option.value, children: option.label }, option.value))
+                      children: AUTO_REFRESH_FREQUENCIES.map((option) => /* @__PURE__ */ jsx36("option", { value: option.value, children: option.label }, option.value))
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs31("label", { className: "qt-auto-refresh-field", children: [
-                  /* @__PURE__ */ jsx35("span", { children: "Turn off after" }),
-                  /* @__PURE__ */ jsx35(
+                /* @__PURE__ */ jsxs32("label", { className: "qt-auto-refresh-field", children: [
+                  /* @__PURE__ */ jsx36("span", { children: "Turn off after" }),
+                  /* @__PURE__ */ jsx36(
                     "select",
                     {
                       className: "qt-auto-refresh-select",
                       value: autoRefreshTurnOffAfterMs,
                       onChange: (e) => setAutoRefreshTurnOffAfterMs(Number(e.target.value)),
-                      children: AUTO_REFRESH_TURN_OFF_AFTER.map((option) => /* @__PURE__ */ jsx35(
+                      children: AUTO_REFRESH_TURN_OFF_AFTER.map((option) => /* @__PURE__ */ jsx36(
                         "option",
                         {
                           value: option.value,
@@ -13550,7 +13604,7 @@ function QueryBuilder({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx35(
+                /* @__PURE__ */ jsx36(
                   "span",
                   {
                     className: cx5(
@@ -13560,7 +13614,7 @@ function QueryBuilder({
                     children: canSubmitAutoRefresh ? `${selectedAutoRefreshPolls} polls maximum` : `Choose between 1 and 1000 polls`
                   }
                 ),
-                autoRefreshStatus ? /* @__PURE__ */ jsxs31("span", { className: "qt-auto-refresh-status", children: [
+                autoRefreshStatus ? /* @__PURE__ */ jsxs32("span", { className: "qt-auto-refresh-status", children: [
                   "Active: every",
                   " ",
                   formatDuration2(autoRefreshStatus.frequencyMs),
@@ -13571,8 +13625,8 @@ function QueryBuilder({
                   autoRefreshStatus.pollCount,
                   " polls run."
                 ] }) : null,
-                /* @__PURE__ */ jsxs31("span", { className: "qt-auto-refresh-actions", children: [
-                  /* @__PURE__ */ jsx35(
+                /* @__PURE__ */ jsxs32("span", { className: "qt-auto-refresh-actions", children: [
+                  /* @__PURE__ */ jsx36(
                     "button",
                     {
                       type: "button",
@@ -13582,7 +13636,7 @@ function QueryBuilder({
                       children: autoRefreshStatus ? "Update" : "Start"
                     }
                   ),
-                  autoRefreshStatus ? /* @__PURE__ */ jsx35(
+                  autoRefreshStatus ? /* @__PURE__ */ jsx36(
                     "button",
                     {
                       type: "button",
@@ -13599,7 +13653,7 @@ function QueryBuilder({
             }
           ) : null
         ] }),
-        /* @__PURE__ */ jsxs31(
+        /* @__PURE__ */ jsxs32(
           "button",
           {
             type: "button",
@@ -13607,7 +13661,7 @@ function QueryBuilder({
             onClick: api.refresh,
             disabled: isBusy,
             children: [
-              /* @__PURE__ */ jsx35(Icon, { name: "refresh" }),
+              /* @__PURE__ */ jsx36(Icon, { name: "refresh" }),
               "Run Now"
             ]
           }
@@ -13615,8 +13669,8 @@ function QueryBuilder({
       ] })
     ] }),
     groupingUI.overlays,
-    showActivity && /* @__PURE__ */ jsx35(RequestActivity, { id: activityId, activity: api.requestActivity, children: requestActivityDetails }),
-    savedQueryControls === void 0 && showSaved ? /* @__PURE__ */ jsx35(
+    showActivity && /* @__PURE__ */ jsx36(RequestActivity, { id: activityId, activity: api.requestActivity, children: requestActivityDetails }),
+    savedQueryControls === void 0 && showSaved ? /* @__PURE__ */ jsx36(
       SavedQueriesModal,
       {
         saved: api.saved,
@@ -13643,13 +13697,13 @@ function SelectRow({
     }
   }
   const mobile = useMobileLayout();
-  const [editingColumns, setEditingColumns] = useState29(false);
-  const [editingField, setEditingField] = useState29();
+  const [editingColumns, setEditingColumns] = useState30(false);
+  const [editingField, setEditingField] = useState30();
   function openColumnEditor(field) {
     setEditingField(field);
     setEditingColumns(true);
   }
-  const detailSettingsButton = (field) => field === ITEM_DETAILS_COLUMN3 && api.itemDetails ? /* @__PURE__ */ jsx35(
+  const detailSettingsButton = (field) => field === ITEM_DETAILS_COLUMN3 && api.itemDetails ? /* @__PURE__ */ jsx36(
     "button",
     {
       type: "button",
@@ -13660,10 +13714,10 @@ function SelectRow({
       "aria-expanded": editingColumns && editingField === field,
       disabled,
       onClick: () => openColumnEditor(field),
-      children: /* @__PURE__ */ jsx35(Icon, { name: "chevronRight", size: 18 })
+      children: /* @__PURE__ */ jsx36(Icon, { name: "chevronRight", size: 18 })
     }
   ) : null;
-  const [adding, setAdding] = useState29(false);
+  const [adding, setAdding] = useState30(false);
   const addColumnRef = useRef22(null);
   const fieldLabelByName = useMemo11(
     () => new Map(select.fields.map((f) => [f.name, f.label])),
@@ -13675,10 +13729,10 @@ function SelectRow({
   const fieldNames = select.visible.map((c) => c.field);
   const dragSource = columnDrag.source;
   const rendered = columnDrag.preview(fieldNames);
-  const actions = /* @__PURE__ */ jsxs31(Fragment23, { children: [
-    /* @__PURE__ */ jsxs31(PickerAnchor, { children: [
-      /* @__PURE__ */ jsxs31("span", { className: "qt-split-btn", role: "group", "aria-label": "Column actions", children: [
-        /* @__PURE__ */ jsxs31(
+  const actions = /* @__PURE__ */ jsxs32(Fragment23, { children: [
+    /* @__PURE__ */ jsxs32(PickerAnchor, { children: [
+      /* @__PURE__ */ jsxs32("span", { className: "qt-split-btn", role: "group", "aria-label": "Column actions", children: [
+        /* @__PURE__ */ jsxs32(
           "button",
           {
             type: "button",
@@ -13690,12 +13744,12 @@ function SelectRow({
             onClick: () => setAdding(!adding),
             disabled: disabled || !presentation?.renderPicker && select.hidden.length === 0,
             children: [
-              /* @__PURE__ */ jsx35(Icon, { name: "add" }),
+              /* @__PURE__ */ jsx36(Icon, { name: "add" }),
               mobile ? "Add" : "add column"
             ]
           }
         ),
-        /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx36(
           "button",
           {
             type: "button",
@@ -13706,11 +13760,11 @@ function SelectRow({
             "aria-expanded": editingColumns,
             disabled,
             onClick: () => openColumnEditor(),
-            children: /* @__PURE__ */ jsx35(Icon, { name: "chevronRight", size: 18 })
+            children: /* @__PURE__ */ jsx36(Icon, { name: "chevronRight", size: 18 })
           }
         )
       ] }),
-      adding ? presentation?.renderPicker ? presentation.renderPicker(() => setAdding(false)) : /* @__PURE__ */ jsx35(
+      adding ? presentation?.renderPicker ? presentation.renderPicker(() => setAdding(false)) : /* @__PURE__ */ jsx36(
         FieldPicker,
         {
           anchor: addColumnRef.current ?? void 0,
@@ -13723,7 +13777,7 @@ function SelectRow({
         }
       ) : null
     ] }),
-    /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsx36(
       "button",
       {
         type: "button",
@@ -13736,12 +13790,12 @@ function SelectRow({
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs31("div", { className: "qt-qb-row qt-qb-row--select", children: [
-    /* @__PURE__ */ jsxs31("div", { className: "qt-qb-section-header", children: [
-      /* @__PURE__ */ jsx35("span", { className: "qt-qb-kw", "data-mobile-label": "Columns", children: "select" }),
+  return /* @__PURE__ */ jsxs32("div", { className: "qt-qb-row qt-qb-row--select", children: [
+    /* @__PURE__ */ jsxs32("div", { className: "qt-qb-section-header", children: [
+      /* @__PURE__ */ jsx36("span", { className: "qt-qb-kw", "data-mobile-label": "Columns", children: "select" }),
       mobile && actions
     ] }),
-    editingColumns && (presentation?.renderEditor ? presentation.renderEditor(() => setEditingColumns(false)) : /* @__PURE__ */ jsx35(
+    editingColumns && (presentation?.renderEditor ? presentation.renderEditor(() => setEditingColumns(false)) : /* @__PURE__ */ jsx36(
       SelectColumnEditor,
       {
         api,
@@ -13750,7 +13804,7 @@ function SelectRow({
         notice: presentation?.editorNotice
       }
     )),
-    mobile ? /* @__PURE__ */ jsx35(
+    mobile ? /* @__PURE__ */ jsx36(
       ReorderList,
       {
         className: "qt-query-reorder-list qt-query-reorder-list--columns",
@@ -13762,10 +13816,10 @@ function SelectRow({
         })),
         onMove: select.move,
         disabled,
-        renderItem: (item) => /* @__PURE__ */ jsxs31(Fragment23, { children: [
-          presentation?.renderChip?.(item.id, item.label) ?? /* @__PURE__ */ jsx35("span", { className: "qt-chip-field", children: item.label }),
+        renderItem: (item) => /* @__PURE__ */ jsxs32(Fragment23, { children: [
+          presentation?.renderChip?.(item.id, item.label) ?? /* @__PURE__ */ jsx36("span", { className: "qt-chip-field", children: item.label }),
           detailSettingsButton(item.id),
-          /* @__PURE__ */ jsx35(
+          /* @__PURE__ */ jsx36(
             "button",
             {
               type: "button",
@@ -13773,14 +13827,14 @@ function SelectRow({
               onClick: () => removeColumn(item.id),
               disabled,
               "aria-label": `Remove ${item.label} column`,
-              children: /* @__PURE__ */ jsx35(Icon, { name: "close" })
+              children: /* @__PURE__ */ jsx36(Icon, { name: "close" })
             }
           )
         ] })
       }
     ) : rendered.map((name) => {
       const label = fieldLabelByName.get(name) ?? name;
-      return /* @__PURE__ */ jsxs31(
+      return /* @__PURE__ */ jsxs32(
         "span",
         {
           className: cx5(
@@ -13823,10 +13877,10 @@ function SelectRow({
           onDragEnd: () => columnDrag.end(),
           title: "drag to reorder",
           children: [
-            /* @__PURE__ */ jsx35("span", { "aria-hidden": true, className: "qt-chip-grip", children: /* @__PURE__ */ jsx35(Icon, { name: "grip" }) }),
-            presentation?.renderChip?.(name, label) ?? /* @__PURE__ */ jsx35("span", { className: "qt-chip-field", children: label }),
+            /* @__PURE__ */ jsx36("span", { "aria-hidden": true, className: "qt-chip-grip", children: /* @__PURE__ */ jsx36(Icon, { name: "grip" }) }),
+            presentation?.renderChip?.(name, label) ?? /* @__PURE__ */ jsx36("span", { className: "qt-chip-field", children: label }),
             detailSettingsButton(name),
-            /* @__PURE__ */ jsx35(
+            /* @__PURE__ */ jsx36(
               "button",
               {
                 type: "button",
@@ -13834,7 +13888,7 @@ function SelectRow({
                 onClick: () => removeColumn(name),
                 disabled,
                 "aria-label": `Remove ${label} column`,
-                children: /* @__PURE__ */ jsx35(Icon, { name: "close" })
+                children: /* @__PURE__ */ jsx36(Icon, { name: "close" })
               }
             )
           ]
@@ -13855,7 +13909,7 @@ function QueryFilterRow({
     () => new Map(fields.map((field) => [field.name, field])),
     [fields]
   );
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     WhereRow,
     {
       api,
@@ -13882,14 +13936,14 @@ function WhereRow({
   disabled,
   label = "where"
 }) {
-  const [adding, setAdding] = useState29(false);
+  const [adding, setAdding] = useState30(false);
   const mobile = useMobileLayout();
   const editorId = useId10();
   const nextSetId = useRef22(0);
   const addFilterButton = useRef22(null);
-  const [editingSet, setEditingSet] = useState29(null);
-  const [drag, setDrag] = useState29(null);
-  const [editingFilter, setEditingFilter] = useState29(null);
+  const [editingSet, setEditingSet] = useState30(null);
+  const [drag, setDrag] = useState30(null);
+  const [editingFilter, setEditingFilter] = useState30(null);
   const where = api.query.where;
   const whereSignature = JSON.stringify(where);
   const setEditors = /* @__PURE__ */ new Map();
@@ -13974,9 +14028,9 @@ function WhereRow({
     }
     setDrag(null);
   }
-  const actions = /* @__PURE__ */ jsxs31(Fragment23, { children: [
-    /* @__PURE__ */ jsxs31(PickerAnchor, { children: [
-      /* @__PURE__ */ jsxs31(
+  const actions = /* @__PURE__ */ jsxs32(Fragment23, { children: [
+    /* @__PURE__ */ jsxs32(PickerAnchor, { children: [
+      /* @__PURE__ */ jsxs32(
         "button",
         {
           ref: addFilterButton,
@@ -13988,12 +14042,12 @@ function WhereRow({
           onClick: () => setAdding(!adding),
           disabled,
           children: [
-            /* @__PURE__ */ jsx35(Icon, { name: "add" }),
+            /* @__PURE__ */ jsx36(Icon, { name: "add" }),
             label === "having" ? "having" : "add filter"
           ]
         }
       ),
-      adding && /* @__PURE__ */ jsx35(
+      adding && /* @__PURE__ */ jsx36(
         FieldPicker,
         {
           anchor: addFilterButton.current ?? void 0,
@@ -14004,7 +14058,7 @@ function WhereRow({
         }
       )
     ] }),
-    where.length > 0 && /* @__PURE__ */ jsx35(
+    where.length > 0 && /* @__PURE__ */ jsx36(
       "button",
       {
         type: "button",
@@ -14016,18 +14070,18 @@ function WhereRow({
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs31("div", { className: cx5("qt-qb-row qt-qb-row--filters", where.length === 0 && "qt-qb-row--unused"), "data-clause": label, children: [
-    /* @__PURE__ */ jsxs31("div", { className: "qt-qb-section-header", children: [
-      /* @__PURE__ */ jsx35("span", { className: "qt-qb-kw", "data-mobile-label": label === "having" ? "Having" : "Filters", children: label }),
+  return /* @__PURE__ */ jsxs32("div", { className: cx5("qt-qb-row qt-qb-row--filters", where.length === 0 && "qt-qb-row--unused"), "data-clause": label, children: [
+    /* @__PURE__ */ jsxs32("div", { className: "qt-qb-section-header", children: [
+      /* @__PURE__ */ jsx36("span", { className: "qt-qb-kw", "data-mobile-label": label === "having" ? "Having" : "Filters", children: label }),
       mobile && actions
     ] }),
     where.map((term, index) => {
       if (hiddenSetTerms.has(index)) return null;
       const set = setEditors.get(index);
-      return /* @__PURE__ */ jsxs31("span", { className: "qt-where-term-wrap", children: [
-        index > 0 && hasOr && /* @__PURE__ */ jsx35("span", { className: "qt-where-and", children: "AND" }),
-        set ? /* @__PURE__ */ jsxs31("span", { className: cx5("qt-chip", classNames?.chip), children: [
-          /* @__PURE__ */ jsxs31(
+      return /* @__PURE__ */ jsxs32("span", { className: "qt-where-term-wrap", children: [
+        index > 0 && hasOr && /* @__PURE__ */ jsx36("span", { className: "qt-where-and", children: "AND" }),
+        set ? /* @__PURE__ */ jsxs32("span", { className: cx5("qt-chip", classNames?.chip), children: [
+          /* @__PURE__ */ jsxs32(
             "button",
             {
               type: "button",
@@ -14049,8 +14103,8 @@ function WhereRow({
               ]
             }
           ),
-          set.metadata.values.map((value) => /* @__PURE__ */ jsxs31("span", { className: "qt-set-tag", children: [
-            /* @__PURE__ */ jsx35(
+          set.metadata.values.map((value) => /* @__PURE__ */ jsxs32("span", { className: "qt-set-tag", children: [
+            /* @__PURE__ */ jsx36(
               PresentedFilterValue,
               {
                 field: set.field.name,
@@ -14058,7 +14112,7 @@ function WhereRow({
                 label: setFilterValueLabel(set.field, value)
               }
             ),
-            /* @__PURE__ */ jsx35(
+            /* @__PURE__ */ jsx36(
               "button",
               {
                 type: "button",
@@ -14078,7 +14132,7 @@ function WhereRow({
               }
             )
           ] }, value)),
-          /* @__PURE__ */ jsx35(
+          /* @__PURE__ */ jsx36(
             "button",
             {
               type: "button",
@@ -14089,7 +14143,7 @@ function WhereRow({
               children: "\u2715"
             }
           )
-        ] }) : /* @__PURE__ */ jsx35(
+        ] }) : /* @__PURE__ */ jsx36(
           TermChip,
           {
             api,
@@ -14110,7 +14164,7 @@ function WhereRow({
         )
       ] }, index);
     }),
-    editingSet && /* @__PURE__ */ jsx35(
+    editingSet && /* @__PURE__ */ jsx36(
       SetFilterEditor,
       {
         api,
@@ -14174,7 +14228,7 @@ function TermChip({
   const group = isOrGroup(term);
   const predicates = predicatesOf2(term);
   if (mobile)
-    return /* @__PURE__ */ jsx35(
+    return /* @__PURE__ */ jsx36(
       MobileFilter,
       {
         api,
@@ -14187,7 +14241,7 @@ function TermChip({
         onOpenChange: onEditorChange
       }
     );
-  const grip = /* @__PURE__ */ jsx35(
+  const grip = /* @__PURE__ */ jsx36(
     "span",
     {
       className: "qt-chip-grip",
@@ -14200,10 +14254,10 @@ function TermChip({
       },
       onDragEnd,
       title: "drag to reorder, or drop onto another filter to make an OR",
-      children: /* @__PURE__ */ jsx35(Icon, { name: "grip" })
+      children: /* @__PURE__ */ jsx36(Icon, { name: "grip" })
     }
   );
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     "span",
     {
       className: cx5(
@@ -14221,9 +14275,9 @@ function TermChip({
       },
       children: [
         grip,
-        group ? /* @__PURE__ */ jsx35("span", { className: "qt-or-group", children: predicates.map((clause, predIndex) => /* @__PURE__ */ jsxs31("span", { className: "qt-or-member", children: [
-          predIndex > 0 && /* @__PURE__ */ jsx35("span", { className: "qt-chip-and qt-chip-or", children: "OR" }),
-          /* @__PURE__ */ jsx35(
+        group ? /* @__PURE__ */ jsx36("span", { className: "qt-or-group", children: predicates.map((clause, predIndex) => /* @__PURE__ */ jsxs32("span", { className: "qt-or-member", children: [
+          predIndex > 0 && /* @__PURE__ */ jsx36("span", { className: "qt-chip-and qt-chip-or", children: "OR" }),
+          /* @__PURE__ */ jsx36(
             PredicateEditor,
             {
               api,
@@ -14235,7 +14289,7 @@ function TermChip({
               onRemove: () => api.removePredicate(index, predIndex)
             }
           )
-        ] }, predIndex)) }) : /* @__PURE__ */ jsx35(
+        ] }, predIndex)) }) : /* @__PURE__ */ jsx36(
           PredicateEditor,
           {
             api,
@@ -14262,8 +14316,8 @@ function MobileFilter({
   onOpenChange
 }) {
   const predicates = predicatesOf2(term);
-  return /* @__PURE__ */ jsxs31(Fragment23, { children: [
-    /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsxs32(Fragment23, { children: [
+    /* @__PURE__ */ jsx36(
       MobileClauseSummary,
       {
         editLabel: `Edit filter: ${whereTermAsText(term, byName)}`,
@@ -14271,24 +14325,24 @@ function MobileFilter({
         className: classNames?.chip,
         filter: true,
         onEdit: () => onOpenChange(true),
-        children: /* @__PURE__ */ jsx35("span", { children: predicates.map((clause, position) => {
+        children: /* @__PURE__ */ jsx36("span", { children: predicates.map((clause, position) => {
           const strategy = byName.get(clause.field)?.filter?.values;
           const option = strategy?.source === "static" ? strategy.options.find(
             (choice) => typeof choice !== "string" && choice.value === clause.value
           ) : void 0;
           const label = typeof option === "object" ? option.label : clause.value === "" ? '""' : clause.value;
           const emptyStringCondition = clause.value === "0" && (clause.op === "length_eq" || clause.op === "length_gt");
-          return /* @__PURE__ */ jsxs31("span", { className: "qt-mobile-filter-summary", children: [
-            position > 0 && /* @__PURE__ */ jsx35("small", { children: "OR" }),
-            /* @__PURE__ */ jsx35("strong", { children: byName.get(clause.field)?.label ?? clause.field }),
-            /* @__PURE__ */ jsxs31("span", { children: [
+          return /* @__PURE__ */ jsxs32("span", { className: "qt-mobile-filter-summary", children: [
+            position > 0 && /* @__PURE__ */ jsx36("small", { children: "OR" }),
+            /* @__PURE__ */ jsx36("strong", { children: byName.get(clause.field)?.label ?? clause.field }),
+            /* @__PURE__ */ jsxs32("span", { children: [
               choiceLabel(
                 clause.op,
                 Boolean(clause.negated),
                 clause.value
               ),
               " ",
-              !NULLARY_OPS2.has(clause.op) && !emptyStringCondition && /* @__PURE__ */ jsx35(
+              !NULLARY_OPS2.has(clause.op) && !emptyStringCondition && /* @__PURE__ */ jsx36(
                 PresentedFilterValue,
                 {
                   field: clause.field,
@@ -14301,15 +14355,15 @@ function MobileFilter({
         }) })
       }
     ),
-    open && /* @__PURE__ */ jsx35(
+    open && /* @__PURE__ */ jsx36(
       ModalSurface,
       {
         title: predicates.length > 1 ? "Edit filter group" : `Filter by ${byName.get(predicates[0].field)?.label ?? predicates[0].field}`,
         onClose: () => onOpenChange(false),
-        children: /* @__PURE__ */ jsxs31("div", { className: "qt-overlay-body qt-filter-editor", children: [
-          predicates.map((clause, position) => /* @__PURE__ */ jsxs31(Fragment22, { children: [
-            position > 0 && /* @__PURE__ */ jsx35("p", { className: "qt-muted", children: "OR" }),
-            /* @__PURE__ */ jsx35(
+        children: /* @__PURE__ */ jsxs32("div", { className: "qt-overlay-body qt-filter-editor", children: [
+          predicates.map((clause, position) => /* @__PURE__ */ jsxs32(Fragment22, { children: [
+            position > 0 && /* @__PURE__ */ jsx36("p", { className: "qt-muted", children: "OR" }),
+            /* @__PURE__ */ jsx36(
               PredicateEditor,
               {
                 api,
@@ -14326,7 +14380,7 @@ function MobileFilter({
               }
             )
           ] }, position)),
-          predicates.length > 1 && /* @__PURE__ */ jsx35(
+          predicates.length > 1 && /* @__PURE__ */ jsx36(
             "button",
             {
               type: "button",
@@ -14340,9 +14394,9 @@ function MobileFilter({
               children: "Remove filter group"
             }
           ),
-          api.query.where.length > 1 && /* @__PURE__ */ jsxs31("label", { className: "qt-filter-combine", children: [
+          api.query.where.length > 1 && /* @__PURE__ */ jsxs32("label", { className: "qt-filter-combine", children: [
             "Match either filter (OR)",
-            /* @__PURE__ */ jsxs31(
+            /* @__PURE__ */ jsxs32(
               "select",
               {
                 className: "qt-input",
@@ -14354,9 +14408,9 @@ function MobileFilter({
                   api.mergeFilters(index, Number(event.target.value));
                 },
                 children: [
-                  /* @__PURE__ */ jsx35("option", { value: "", children: "Combine with another filter\u2026" }),
+                  /* @__PURE__ */ jsx36("option", { value: "", children: "Combine with another filter\u2026" }),
                   api.query.where.map(
-                    (candidate, position) => position !== index && /* @__PURE__ */ jsx35("option", { value: position, children: whereTermAsText(candidate, byName) }, position)
+                    (candidate, position) => position !== index && /* @__PURE__ */ jsx36("option", { value: position, children: whereTermAsText(candidate, byName) }, position)
                   )
                 ]
               }
@@ -14409,7 +14463,7 @@ function OpPicker({
     ) : { op: choice.op, negated: false };
     return resolved.op === clause.op && Boolean(resolved.negated) === Boolean(clause.negated);
   };
-  return /* @__PURE__ */ jsx35("span", { className: "qt-op-picker", children: /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36("span", { className: "qt-op-picker", children: /* @__PURE__ */ jsx36(
     MenuButton,
     {
       label: "Choose condition",
@@ -14419,15 +14473,15 @@ function OpPicker({
         disabled: disabled || visiblePairs.length === 0,
         "aria-label": choiceLabel(clause.op, Boolean(clause.negated), clause.value)
       },
-      trigger: /* @__PURE__ */ jsxs31(Fragment23, { children: [
+      trigger: /* @__PURE__ */ jsxs32(Fragment23, { children: [
         choiceLabel(clause.op, Boolean(clause.negated), clause.value),
-        /* @__PURE__ */ jsx35(Icon, { name: "chevronDown", size: 12, className: "qt-op-caret" })
+        /* @__PURE__ */ jsx36(Icon, { name: "chevronDown", size: 12, className: "qt-op-caret" })
       ] }),
-      children: /* @__PURE__ */ jsxs31(MenuGroup, { label: `Condition for ${field?.label ?? clause.field}`, columns: 2, className: "qt-op-pop", children: [
-        /* @__PURE__ */ jsx35("span", { className: "qt-cm-col-head", children: "keep" }),
-        /* @__PURE__ */ jsx35("span", { className: "qt-cm-col-head qt-cm-col-head--neg", children: "exclude" }),
-        visiblePairs.map((pair, i) => /* @__PURE__ */ jsxs31(Fragment22, { children: [
-          /* @__PURE__ */ jsx35(
+      children: /* @__PURE__ */ jsxs32(MenuGroup, { label: `Condition for ${field?.label ?? clause.field}`, columns: 2, className: "qt-op-pop", children: [
+        /* @__PURE__ */ jsx36("span", { className: "qt-cm-col-head", children: "keep" }),
+        /* @__PURE__ */ jsx36("span", { className: "qt-cm-col-head qt-cm-col-head--neg", children: "exclude" }),
+        visiblePairs.map((pair, i) => /* @__PURE__ */ jsxs32(Fragment22, { children: [
+          /* @__PURE__ */ jsx36(
             MenuItem,
             {
               className: cx5("qt-op-cell", isActive(pair.keep) && "qt-op-cell--on"),
@@ -14437,7 +14491,7 @@ function OpPicker({
               children: choiceLabel(pair.keep.op, pair.keep.negated, clause.value)
             }
           ),
-          /* @__PURE__ */ jsx35(
+          /* @__PURE__ */ jsx36(
             MenuItem,
             {
               className: cx5("qt-op-cell", "qt-op-cell--neg", isActive(pair.exclude) && "qt-op-cell--on"),
@@ -14475,7 +14529,7 @@ function PredicateEditor({
       choice.negated ? negateClause2(next, field ? opsForField3(field) : void 0) : next
     );
   }
-  const conditionControl = /* @__PURE__ */ jsx35(
+  const conditionControl = /* @__PURE__ */ jsx36(
     OpPicker,
     {
       field,
@@ -14485,7 +14539,7 @@ function PredicateEditor({
       onPick: pickOp
     }
   );
-  const valueControl = needsValue ? /* @__PURE__ */ jsx35(
+  const valueControl = needsValue ? /* @__PURE__ */ jsx36(
     ValueInput,
     {
       api,
@@ -14498,7 +14552,7 @@ function PredicateEditor({
       onChange: (value) => onChange({ ...clause, value })
     }
   ) : null;
-  const removeControl = /* @__PURE__ */ jsx35(
+  const removeControl = /* @__PURE__ */ jsx36(
     "button",
     {
       type: "button",
@@ -14506,13 +14560,13 @@ function PredicateEditor({
       onClick: onRemove,
       disabled,
       "aria-label": `Remove ${field?.label ?? clause.field} filter`,
-      children: mobile ? "Remove filter" : /* @__PURE__ */ jsx35(Icon, { name: "close" })
+      children: mobile ? "Remove filter" : /* @__PURE__ */ jsx36(Icon, { name: "close" })
     }
   );
   if (mobile)
-    return /* @__PURE__ */ jsxs31("div", { className: "qt-mobile-predicate qt-mobile-form", children: [
-      showField && /* @__PURE__ */ jsx35("strong", { className: "qt-mobile-form-field--wide", children: field?.label ?? clause.field }),
-      /* @__PURE__ */ jsxs31(
+    return /* @__PURE__ */ jsxs32("div", { className: "qt-mobile-predicate qt-mobile-form", children: [
+      showField && /* @__PURE__ */ jsx36("strong", { className: "qt-mobile-form-field--wide", children: field?.label ?? clause.field }),
+      /* @__PURE__ */ jsxs32(
         "label",
         {
           className: cx5(
@@ -14520,19 +14574,19 @@ function PredicateEditor({
             !needsValue && "qt-mobile-form-field--wide"
           ),
           children: [
-            /* @__PURE__ */ jsx35("span", { children: "Condition" }),
+            /* @__PURE__ */ jsx36("span", { children: "Condition" }),
             conditionControl
           ]
         }
       ),
-      valueControl && /* @__PURE__ */ jsxs31("label", { className: "qt-mobile-form-field", children: [
-        /* @__PURE__ */ jsx35("span", { children: "Value" }),
+      valueControl && /* @__PURE__ */ jsxs32("label", { className: "qt-mobile-form-field", children: [
+        /* @__PURE__ */ jsx36("span", { children: "Value" }),
         valueControl
       ] }),
       removeControl
     ] });
-  return /* @__PURE__ */ jsxs31("span", { className: "qt-pred", children: [
-    /* @__PURE__ */ jsx35("span", { className: "qt-chip-field", children: field?.label ?? clause.field }),
+  return /* @__PURE__ */ jsxs32("span", { className: "qt-pred", children: [
+    /* @__PURE__ */ jsx36("span", { className: "qt-chip-field", children: field?.label ?? clause.field }),
     conditionControl,
     valueControl,
     removeControl
@@ -14552,7 +14606,7 @@ function ValueInput({
   const strategy = field ? filterValuesFor(field) : { source: "freeform" };
   if (!forceFreeform && strategy.source === "static") {
     if (presentation.render || presentation.label || strategy.options.some((o) => typeof o !== "string")) {
-      return /* @__PURE__ */ jsx35(
+      return /* @__PURE__ */ jsx36(
         PresentedValueInput,
         {
           field: field?.name ?? "",
@@ -14562,7 +14616,7 @@ function ValueInput({
         }
       );
     }
-    return /* @__PURE__ */ jsxs31(
+    return /* @__PURE__ */ jsxs32(
       "select",
       {
         className: cx5("qt-chip-val", classNames?.select),
@@ -14570,10 +14624,10 @@ function ValueInput({
         value,
         onChange: (e) => onChange(e.target.value),
         children: [
-          /* @__PURE__ */ jsx35("option", { value: "", children: "\u2014" }),
+          /* @__PURE__ */ jsx36("option", { value: "", children: "\u2014" }),
           strategy.options.map((o) => {
             const option = typeof o === "string" ? { value: o, label: o } : o;
-            return /* @__PURE__ */ jsx35("option", { value: option.value, children: option.label }, option.value);
+            return /* @__PURE__ */ jsx36("option", { value: option.value, children: option.label }, option.value);
           })
         ]
       }
@@ -14586,7 +14640,7 @@ function ValueInput({
       5,
       4
     );
-    return /* @__PURE__ */ jsx35(
+    return /* @__PURE__ */ jsx36(
       "input",
       {
         className: cx5("qt-chip-val", classNames?.input),
@@ -14601,7 +14655,7 @@ function ValueInput({
       }
     );
   }
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     AutocompleteInput,
     {
       api,
@@ -14619,7 +14673,7 @@ function AutocompleteInput({
   classNames,
   onChange
 }) {
-  const [result, setResult] = useState29({
+  const [result, setResult] = useState30({
     values: [],
     hasMore: false
   });
@@ -14638,8 +14692,8 @@ function AutocompleteInput({
       clearTimeout(t);
     };
   }, [api, field.name, value]);
-  return /* @__PURE__ */ jsxs31("span", { className: "qt-autocomplete", children: [
-    /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsxs32("span", { className: "qt-autocomplete", children: [
+    /* @__PURE__ */ jsx36(
       "input",
       {
         className: cx5("qt-chip-val", classNames?.input),
@@ -14654,8 +14708,8 @@ function AutocompleteInput({
         onChange: (e) => onChange(e.target.value)
       }
     ),
-    /* @__PURE__ */ jsx35("datalist", { id: listId, children: result.values.map((v) => /* @__PURE__ */ jsx35("option", { value: v }, v)) }),
-    result.hasMore && /* @__PURE__ */ jsx35("span", { className: "qt-autocomplete-hint", children: "keep typing to refine\u2026" })
+    /* @__PURE__ */ jsx36("datalist", { id: listId, children: result.values.map((v) => /* @__PURE__ */ jsx36("option", { value: v }, v)) }),
+    result.hasMore && /* @__PURE__ */ jsx36("span", { className: "qt-autocomplete-hint", children: "keep typing to refine\u2026" })
   ] });
 }
 function MobileClauseSummary({
@@ -14666,7 +14720,7 @@ function MobileClauseSummary({
   onEdit,
   children
 }) {
-  return /* @__PURE__ */ jsx35("div", { className: cx5("qt-mobile-clause", className), children: /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsx36("div", { className: cx5("qt-mobile-clause", className), children: /* @__PURE__ */ jsxs32(
     "button",
     {
       type: "button",
@@ -14679,7 +14733,7 @@ function MobileClauseSummary({
       onClick: onEdit,
       children: [
         children,
-        /* @__PURE__ */ jsx35("span", { className: "qt-mobile-filter-edit", children: /* @__PURE__ */ jsx35(Icon, { name: "pencil" }) })
+        /* @__PURE__ */ jsx36("span", { className: "qt-mobile-filter-edit", children: /* @__PURE__ */ jsx36(Icon, { name: "pencil" }) })
       ]
     }
   ) });
@@ -14695,20 +14749,20 @@ function MobileChipEditor({
 }) {
   const mobile = useMobileLayout();
   if (!mobile) return children;
-  return /* @__PURE__ */ jsxs31(Fragment23, { children: [
-    /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsxs32(Fragment23, { children: [
+    /* @__PURE__ */ jsx36(
       MobileClauseSummary,
       {
         editLabel: `Edit ${title}: ${summary}`,
         disabled,
         onEdit: () => onOpenChange(true),
-        children: /* @__PURE__ */ jsxs31("span", { className: "qt-mobile-filter-summary", children: [
-          /* @__PURE__ */ jsx35("strong", { children: summaryTitle }),
-          /* @__PURE__ */ jsx35("span", { children: summary })
+        children: /* @__PURE__ */ jsxs32("span", { className: "qt-mobile-filter-summary", children: [
+          /* @__PURE__ */ jsx36("strong", { children: summaryTitle }),
+          /* @__PURE__ */ jsx36("span", { children: summary })
         ] })
       }
     ),
-    open && /* @__PURE__ */ jsx35(ModalSurface, { title, onClose: () => onOpenChange(false), children: /* @__PURE__ */ jsx35("div", { className: "qt-overlay-body qt-mobile-chip-editor", children }) })
+    open && /* @__PURE__ */ jsx36(ModalSurface, { title, onClose: () => onOpenChange(false), children: /* @__PURE__ */ jsx36("div", { className: "qt-overlay-body qt-mobile-chip-editor", children }) })
   ] });
 }
 function OrderTermChip({
@@ -14734,10 +14788,10 @@ function OrderTermChip({
 }) {
   const fieldHasNull = useFieldHasNull(api, field?.name);
   const mobile = useMobileLayout();
-  const [extractOpen, setExtractOpen] = useState29(false);
+  const [extractOpen, setExtractOpen] = useState30(false);
   const title = `Sort by ${label}`;
   const summary = `${term.dir === "asc" ? "Ascending" : "Descending"}${showPriority ? ` \xB7 Priority ${priority}` : ""}${term.extract ? " \xB7 Regex extraction" : ""}`;
-  const extractionEditor = extractOpen && /* @__PURE__ */ jsx35(
+  const extractionEditor = extractOpen && /* @__PURE__ */ jsx36(
     SortExtractionEditor,
     {
       api,
@@ -14757,8 +14811,8 @@ function OrderTermChip({
     }
   );
   if (mobile)
-    return /* @__PURE__ */ jsxs31(Fragment23, { children: [
-      /* @__PURE__ */ jsx35(
+    return /* @__PURE__ */ jsxs32(Fragment23, { children: [
+      /* @__PURE__ */ jsx36(
         MobileChipEditor,
         {
           title,
@@ -14767,10 +14821,10 @@ function OrderTermChip({
           disabled,
           open: editorOpen,
           onOpenChange: onEditorChange,
-          children: /* @__PURE__ */ jsxs31("div", { className: "qt-mobile-form", children: [
-            /* @__PURE__ */ jsxs31("label", { className: "qt-mobile-form-field", children: [
-              /* @__PURE__ */ jsx35("span", { children: "Direction" }),
-              /* @__PURE__ */ jsxs31(
+          children: /* @__PURE__ */ jsxs32("div", { className: "qt-mobile-form", children: [
+            /* @__PURE__ */ jsxs32("label", { className: "qt-mobile-form-field", children: [
+              /* @__PURE__ */ jsx36("span", { children: "Direction" }),
+              /* @__PURE__ */ jsxs32(
                 "select",
                 {
                   className: cx5("qt-input", classNames?.select),
@@ -14780,15 +14834,15 @@ function OrderTermChip({
                     dir: event.target.value
                   }),
                   children: [
-                    /* @__PURE__ */ jsx35("option", { value: "asc", children: "Ascending" }),
-                    /* @__PURE__ */ jsx35("option", { value: "desc", children: "Descending" })
+                    /* @__PURE__ */ jsx36("option", { value: "asc", children: "Ascending" }),
+                    /* @__PURE__ */ jsx36("option", { value: "desc", children: "Descending" })
                   ]
                 }
               )
             ] }),
-            (term.extract != null || fieldHasNull !== false) && /* @__PURE__ */ jsxs31("label", { className: "qt-mobile-form-field", children: [
-              /* @__PURE__ */ jsx35("span", { children: "Null values" }),
-              /* @__PURE__ */ jsxs31(
+            (term.extract != null || fieldHasNull !== false) && /* @__PURE__ */ jsxs32("label", { className: "qt-mobile-form-field", children: [
+              /* @__PURE__ */ jsx36("span", { children: "Null values" }),
+              /* @__PURE__ */ jsxs32(
                 "select",
                 {
                   className: cx5("qt-input", classNames?.select),
@@ -14798,15 +14852,15 @@ function OrderTermChip({
                     nulls: event.target.value
                   }),
                   children: [
-                    /* @__PURE__ */ jsx35("option", { value: "last", children: "Last" }),
-                    /* @__PURE__ */ jsx35("option", { value: "first", children: "First" })
+                    /* @__PURE__ */ jsx36("option", { value: "last", children: "Last" }),
+                    /* @__PURE__ */ jsx36("option", { value: "first", children: "First" })
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs31("div", { className: "qt-mobile-form-field qt-mobile-form-field--wide", children: [
-              /* @__PURE__ */ jsx35("span", { children: "Extraction" }),
-              /* @__PURE__ */ jsxs31(
+            /* @__PURE__ */ jsxs32("div", { className: "qt-mobile-form-field qt-mobile-form-field--wide", children: [
+              /* @__PURE__ */ jsx36("span", { children: "Extraction" }),
+              /* @__PURE__ */ jsxs32(
                 "button",
                 {
                   type: "button",
@@ -14815,13 +14869,13 @@ function OrderTermChip({
                   onClick: () => setExtractOpen(true),
                   "aria-label": `Configure regex extract for ${label}`,
                   children: [
-                    /* @__PURE__ */ jsx35(Icon, { name: term.extract ? "pencil" : "add" }),
+                    /* @__PURE__ */ jsx36(Icon, { name: term.extract ? "pencil" : "add" }),
                     term.extract ? "Edit regex extraction" : "regex extract"
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx35("div", { className: "qt-mobile-form-actions", children: /* @__PURE__ */ jsx35(
+            /* @__PURE__ */ jsx36("div", { className: "qt-mobile-form-actions", children: /* @__PURE__ */ jsx36(
               "button",
               {
                 type: "button",
@@ -14837,8 +14891,8 @@ function OrderTermChip({
       ),
       extractionEditor
     ] });
-  return /* @__PURE__ */ jsxs31(Fragment23, { children: [
-    /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(Fragment23, { children: [
+    /* @__PURE__ */ jsxs32(
       "span",
       {
         className: cx5(
@@ -14862,10 +14916,10 @@ function OrderTermChip({
         onDragEnd,
         title: "drag to reorder sort priority",
         children: [
-          /* @__PURE__ */ jsx35("span", { "aria-hidden": true, className: "qt-chip-grip", children: /* @__PURE__ */ jsx35(Icon, { name: "grip" }) }),
-          showPriority && /* @__PURE__ */ jsx35("span", { className: "qt-chip-priority", children: priority }),
-          /* @__PURE__ */ jsx35("span", { className: "qt-chip-field", children: label }),
-          /* @__PURE__ */ jsxs31(
+          /* @__PURE__ */ jsx36("span", { "aria-hidden": true, className: "qt-chip-grip", children: /* @__PURE__ */ jsx36(Icon, { name: "grip" }) }),
+          showPriority && /* @__PURE__ */ jsx36("span", { className: "qt-chip-priority", children: priority }),
+          /* @__PURE__ */ jsx36("span", { className: "qt-chip-field", children: label }),
+          /* @__PURE__ */ jsxs32(
             "button",
             {
               type: "button",
@@ -14873,12 +14927,12 @@ function OrderTermChip({
               disabled,
               onClick: () => updateTerm(dataIndex, { dir: term.dir === "asc" ? "desc" : "asc" }),
               children: [
-                /* @__PURE__ */ jsx35(Icon, { name: term.dir === "asc" ? "arrowUp" : "arrowDown" }),
+                /* @__PURE__ */ jsx36(Icon, { name: term.dir === "asc" ? "arrowUp" : "arrowDown" }),
                 term.dir === "asc" ? "asc" : "desc"
               ]
             }
           ),
-          term.extract && /* @__PURE__ */ jsxs31(
+          term.extract && /* @__PURE__ */ jsxs32(
             "button",
             {
               type: "button",
@@ -14888,12 +14942,12 @@ function OrderTermChip({
               disabled,
               onClick: () => setExtractOpen(true),
               children: [
-                /* @__PURE__ */ jsx35(Icon, { name: "pencil" }),
+                /* @__PURE__ */ jsx36(Icon, { name: "pencil" }),
                 "regex extraction"
               ]
             }
           ),
-          (term.extract != null || fieldHasNull !== false) && /* @__PURE__ */ jsxs31(
+          (term.extract != null || fieldHasNull !== false) && /* @__PURE__ */ jsxs32(
             "button",
             {
               type: "button",
@@ -14909,7 +14963,7 @@ function OrderTermChip({
               ]
             }
           ),
-          /* @__PURE__ */ jsx35(
+          /* @__PURE__ */ jsx36(
             "button",
             {
               type: "button",
@@ -14917,7 +14971,7 @@ function OrderTermChip({
               onClick: () => removeTerm(dataIndex),
               disabled,
               "aria-label": `Remove ${label} sort`,
-              children: /* @__PURE__ */ jsx35(Icon, { name: "close" })
+              children: /* @__PURE__ */ jsx36(Icon, { name: "close" })
             }
           )
         ]
@@ -14938,11 +14992,11 @@ function OrderRow({
     () => new Map(fields.map((f) => [f.name, f])),
     [fields]
   );
-  const [drag, setDrag] = useState29(null);
-  const [adding, setAdding] = useState29(false);
-  const [regexField, setRegexField] = useState29(null);
-  const [regexDirection, setRegexDirection] = useState29("desc");
-  const [editingSort, setEditingSort] = useState29(null);
+  const [drag, setDrag] = useState30(null);
+  const [adding, setAdding] = useState30(false);
+  const [regexField, setRegexField] = useState30(null);
+  const [regexDirection, setRegexDirection] = useState30("desc");
+  const [editingSort, setEditingSort] = useState30(null);
   function setOrderBy(next) {
     api.setSort(next);
   }
@@ -15035,7 +15089,7 @@ function OrderRow({
   }
   const renderTerm = (name, position) => {
     const term = termByField.get(name);
-    return /* @__PURE__ */ jsx35(
+    return /* @__PURE__ */ jsx36(
       OrderTermChip,
       {
         api,
@@ -15065,10 +15119,10 @@ function OrderRow({
     const next = api.defaults.orderBy[i];
     return term.field === next?.field && term.dir === next?.dir && (term.nulls ?? "last") === (next?.nulls ?? "last") && (term.extract?.regex ?? null) === (next?.extract?.regex ?? null);
   });
-  const actions = /* @__PURE__ */ jsxs31(Fragment23, { children: [
-    /* @__PURE__ */ jsxs31(PickerAnchor, { children: [
-      /* @__PURE__ */ jsxs31("span", { className: "qt-split-btn", role: "group", "aria-label": "Sort actions", children: [
-        /* @__PURE__ */ jsxs31(
+  const actions = /* @__PURE__ */ jsxs32(Fragment23, { children: [
+    /* @__PURE__ */ jsxs32(PickerAnchor, { children: [
+      /* @__PURE__ */ jsxs32("span", { className: "qt-split-btn", role: "group", "aria-label": "Sort actions", children: [
+        /* @__PURE__ */ jsxs32(
           "button",
           {
             type: "button",
@@ -15079,12 +15133,12 @@ function OrderRow({
             onClick: () => setAdding((previous) => !previous),
             disabled: disabled || sortable.length === 0,
             children: [
-              /* @__PURE__ */ jsx35(Icon, { name: "add" }),
+              /* @__PURE__ */ jsx36(Icon, { name: "add" }),
               mobile ? "Add" : "add sort"
             ]
           }
         ),
-        /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx36(
           "button",
           {
             type: "button",
@@ -15095,11 +15149,11 @@ function OrderRow({
             "aria-expanded": regexField != null,
             disabled: disabled || sortable.length === 0,
             onClick: () => openRegexConfigurator(),
-            children: /* @__PURE__ */ jsx35(Icon, { name: "chevronRight", size: 18 })
+            children: /* @__PURE__ */ jsx36(Icon, { name: "chevronRight", size: 18 })
           }
         )
       ] }),
-      adding && /* @__PURE__ */ jsx35(
+      adding && /* @__PURE__ */ jsx36(
         SortPicker,
         {
           fields: sortable,
@@ -15109,7 +15163,7 @@ function OrderRow({
         }
       )
     ] }),
-    !isDefaultOrderBy && /* @__PURE__ */ jsx35(
+    !isDefaultOrderBy && /* @__PURE__ */ jsx36(
       "button",
       {
         type: "button",
@@ -15120,13 +15174,13 @@ function OrderRow({
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs31("div", { className: cx5("qt-qb-row qt-qb-row--sort", orderBy.length === 0 && "qt-qb-row--unused"), children: [
-    /* @__PURE__ */ jsxs31("div", { className: "qt-qb-section-header", children: [
-      /* @__PURE__ */ jsx35("span", { className: "qt-qb-kw", "data-mobile-label": "Sort", children: "order by" }),
+  return /* @__PURE__ */ jsxs32("div", { className: cx5("qt-qb-row qt-qb-row--sort", orderBy.length === 0 && "qt-qb-row--unused"), children: [
+    /* @__PURE__ */ jsxs32("div", { className: "qt-qb-section-header", children: [
+      /* @__PURE__ */ jsx36("span", { className: "qt-qb-kw", "data-mobile-label": "Sort", children: "order by" }),
       mobile && actions
     ] }),
-    orderBy.length === 0 && !adding && /* @__PURE__ */ jsx35("span", { className: "qt-qb-hint", children: "(default)" }),
-    mobile && orderBy.length > 0 ? /* @__PURE__ */ jsx35(
+    orderBy.length === 0 && !adding && /* @__PURE__ */ jsx36("span", { className: "qt-qb-hint", children: "(default)" }),
+    mobile && orderBy.length > 0 ? /* @__PURE__ */ jsx36(
       ReorderList,
       {
         className: "qt-query-reorder-list",
@@ -15148,7 +15202,7 @@ function OrderRow({
       }
     ) : rendered.map(renderTerm),
     !mobile && actions,
-    regexField && /* @__PURE__ */ jsx35(
+    regexField && /* @__PURE__ */ jsx36(
       SortExtractionEditor,
       {
         api,
@@ -15190,10 +15244,10 @@ function WindowRow({
 }) {
   const { query } = api;
   const offsetId = useId10();
-  const [addingOffset, setAddingOffset] = useState29(false);
+  const [addingOffset, setAddingOffset] = useState30(false);
   const offsetInput = useRef22(null);
-  const [limitDraft, setLimitDraft] = useState29(String(query.limit));
-  const [offsetDraft, setOffsetDraft] = useState29(String(query.offset));
+  const [limitDraft, setLimitDraft] = useState30(String(query.limit));
+  const [offsetDraft, setOffsetDraft] = useState30(String(query.offset));
   useEffect21(() => setLimitDraft(String(query.limit)), [query.limit]);
   useEffect21(() => setOffsetDraft(String(query.offset)), [query.offset]);
   useEffect21(() => {
@@ -15211,10 +15265,10 @@ function WindowRow({
   function commitOffset() {
     api.setOffset(Math.max(0, Number(offsetDraft) || 0));
   }
-  return /* @__PURE__ */ jsxs31("div", { className: "qt-qb-row qt-qb-pagination", children: [
-    /* @__PURE__ */ jsxs31("label", { className: "qt-qb-window-field", children: [
-      /* @__PURE__ */ jsx35("span", { className: "qt-qb-kw", "data-mobile-label": "Limit", children: "limit" }),
-      /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsxs32("div", { className: "qt-qb-row qt-qb-pagination", children: [
+    /* @__PURE__ */ jsxs32("label", { className: "qt-qb-window-field", children: [
+      /* @__PURE__ */ jsx36("span", { className: "qt-qb-kw", "data-mobile-label": "Limit", children: "limit" }),
+      /* @__PURE__ */ jsx36(
         "input",
         {
           className: cx5("qt-qb-num", classNames?.input),
@@ -15228,8 +15282,8 @@ function WindowRow({
         }
       )
     ] }),
-    !compact || query.offset > 0 || addingOffset ? /* @__PURE__ */ jsxs31("div", { className: "qt-qb-window-field", children: [
-      /* @__PURE__ */ jsx35(
+    !compact || query.offset > 0 || addingOffset ? /* @__PURE__ */ jsxs32("div", { className: "qt-qb-window-field", children: [
+      /* @__PURE__ */ jsx36(
         "label",
         {
           className: "qt-qb-kw",
@@ -15238,8 +15292,8 @@ function WindowRow({
           children: "offset"
         }
       ),
-      /* @__PURE__ */ jsxs31("span", { className: "qt-qb-num-combo", children: [
-        /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsxs32("span", { className: "qt-qb-num-combo", children: [
+        /* @__PURE__ */ jsx36(
           "input",
           {
             ref: offsetInput,
@@ -15254,7 +15308,7 @@ function WindowRow({
             onKeyDown: (e) => e.key === "Enter" && commitOffset()
           }
         ),
-        query.offset >= query.limit && /* @__PURE__ */ jsxs31(
+        query.offset >= query.limit && /* @__PURE__ */ jsxs32(
           "button",
           {
             type: "button",
@@ -15269,7 +15323,7 @@ function WindowRow({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs31(
+        /* @__PURE__ */ jsxs32(
           "button",
           {
             type: "button",
@@ -15285,12 +15339,12 @@ function WindowRow({
           }
         )
       ] }),
-      compact && /* @__PURE__ */ jsx35("button", { type: "button", className: "qt-chip-x", "aria-label": "Clear offset", disabled, onClick: () => {
+      compact && /* @__PURE__ */ jsx36("button", { type: "button", className: "qt-chip-x", "aria-label": "Clear offset", disabled, onClick: () => {
         setAddingOffset(false);
         api.setOffset(0);
-      }, children: /* @__PURE__ */ jsx35(Icon, { name: "close" }) })
-    ] }) : /* @__PURE__ */ jsxs31("button", { type: "button", className: "qt-add", "aria-label": "Add offset", disabled, onClick: () => setAddingOffset(true), children: [
-      /* @__PURE__ */ jsx35(Icon, { name: "add" }),
+      }, children: /* @__PURE__ */ jsx36(Icon, { name: "close" }) })
+    ] }) : /* @__PURE__ */ jsxs32("button", { type: "button", className: "qt-add", "aria-label": "Add offset", disabled, onClick: () => setAddingOffset(true), children: [
+      /* @__PURE__ */ jsx36(Icon, { name: "add" }),
       "add offset"
     ] })
   ] });
@@ -15301,7 +15355,7 @@ function MetricsRow({
   theme,
   locale
 }) {
-  const [editing, setEditing] = useState29(false);
+  const [editing, setEditing] = useState30(false);
   const allFields = useMemo11(
     () => [
       ...fields,
@@ -15311,10 +15365,10 @@ function MetricsRow({
     ],
     [fields, api.computed.catalogue]
   );
-  return /* @__PURE__ */ jsxs31(Fragment23, { children: [
-    api.aggregations.clauses.length === 0 && /* @__PURE__ */ jsx35("div", { className: "qt-qb-row qt-qb-row--metrics qt-qb-row--unused", children: /* @__PURE__ */ jsxs31("div", { className: "qt-qb-section-header", children: [
-      /* @__PURE__ */ jsx35("span", { className: "qt-qb-kw", "data-mobile-label": "Metrics", children: "metrics" }),
-      /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(Fragment23, { children: [
+    api.aggregations.clauses.length === 0 && /* @__PURE__ */ jsx36("div", { className: "qt-qb-row qt-qb-row--metrics qt-qb-row--unused", children: /* @__PURE__ */ jsxs32("div", { className: "qt-qb-section-header", children: [
+      /* @__PURE__ */ jsx36("span", { className: "qt-qb-kw", "data-mobile-label": "Metrics", children: "metrics" }),
+      /* @__PURE__ */ jsxs32(
         "button",
         {
           type: "button",
@@ -15323,14 +15377,14 @@ function MetricsRow({
           "aria-haspopup": "dialog",
           onClick: () => setEditing(true),
           children: [
-            /* @__PURE__ */ jsx35(Icon, { name: "add" }),
+            /* @__PURE__ */ jsx36(Icon, { name: "add" }),
             "add metric",
-            /* @__PURE__ */ jsx35(Icon, { name: "arrowRight", size: 14 })
+            /* @__PURE__ */ jsx36(Icon, { name: "arrowRight", size: 14 })
           ]
         }
       )
     ] }) }),
-    editing && /* @__PURE__ */ jsx35(
+    editing && /* @__PURE__ */ jsx36(
       MetricsEditor,
       {
         api,
@@ -15344,17 +15398,17 @@ function MetricsRow({
 }
 
 // src/SelectionToolbar.tsx
-import { jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
 var cx6 = (...parts) => parts.filter(Boolean).join(" ");
 function SelectionToolbar({ selection, actions, alwaysShow, className }) {
   if (selection.count === 0 && !alwaysShow) return null;
   const selectedIds = [...selection.selected];
-  return /* @__PURE__ */ jsxs32("div", { className: cx6("qt-selection-toolbar", className), role: "toolbar", children: [
-    /* @__PURE__ */ jsxs32("span", { className: "qt-selection-count", children: [
+  return /* @__PURE__ */ jsxs33("div", { className: cx6("qt-selection-toolbar", className), role: "toolbar", children: [
+    /* @__PURE__ */ jsxs33("span", { className: "qt-selection-count", children: [
       selection.count,
       " selected"
     ] }),
-    /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx37(
       "button",
       {
         type: "button",
@@ -15364,7 +15418,7 @@ function SelectionToolbar({ selection, actions, alwaysShow, className }) {
         children: "clear"
       }
     ),
-    /* @__PURE__ */ jsx36("span", { className: "qt-selection-actions", children: actions(selectedIds, selection) })
+    /* @__PURE__ */ jsx37("span", { className: "qt-selection-actions", children: actions(selectedIds, selection) })
   ] });
 }
 export {