npm - @pythia-software/query-table-ui - Versions diffs - 0.9.3 → 0.9.5 - Mend

@pythia-software/query-table-ui 0.9.3 → 0.9.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.js CHANGED Viewed

@@ -1958,8 +1958,9 @@ import { useCallback, useEffect as useEffect5, useRef as useRef5, useState as us
 import { createPortal as createPortal2 } from "react-dom";
 import { autoUpdate, flip, offset, shift, size, useFloating } from "@floating-ui/react";
 import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
-function useFloatingOverlay({ anchor, onClose, returnFocus, width = 240, placement = "bottom-start", nodeId }) {
-  const mobile = useMobileLayout();
+function useFloatingOverlay({ anchor, onClose, returnFocus, width = 240, placement = "bottom-start", nodeId, modalOnMobile = true, retainAnchorFocus = false, maxHeight }) {
+  const mobileLayout = useMobileLayout();
+  const mobile = mobileLayout && modalOnMobile;
   const themeAnchor = useRef5(null);
   const theme = useOverlayTheme(themeAnchor);
   const surface = useRef5(null);
@@ -1984,7 +1985,7 @@ function useFloatingOverlay({ anchor, onClose, returnFocus, width = 240, placeme
     middleware: [offset(4), flip({ padding: 8 }), shift({ padding: 8 }), size({
       padding: 8,
       apply({ availableHeight, elements }) {
-        elements.floating.style.maxHeight = `${Math.max(0, availableHeight)}px`;
+        elements.floating.style.maxHeight = `${Math.max(0, Math.min(availableHeight, maxHeight ?? Infinity))}px`;
       }
     })]
   });
@@ -2028,7 +2029,7 @@ function useFloatingOverlay({ anchor, onClose, returnFocus, width = 240, placeme
       close("outside");
     };
     const focusOutside = (event) => {
-      if (pointerOnAnchor && event.target instanceof Node && isElementAnchor && anchor.contains(event.target)) return;
+      if ((pointerOnAnchor || retainAnchorFocus) && event.target instanceof Node && isElementAnchor && anchor.contains(event.target)) return;
       if (event.target instanceof Node && !surface.current?.contains(event.target)) close("outside");
     };
     const scroll = (event) => {
@@ -2047,7 +2048,7 @@ function useFloatingOverlay({ anchor, onClose, returnFocus, width = 240, placeme
       document.removeEventListener("scroll", scroll, true);
       window.removeEventListener("blur", blur);
     };
-  }, [close, mobile, isElementAnchor, anchor]);
+  }, [close, mobile, isElementAnchor, anchor, retainAnchorFocus]);
   const setSurface = useCallback((element) => {
     surface.current = element;
     refs.setFloating(mobile ? null : element);
@@ -13135,11 +13136,11 @@ function SetFilterEditor({ api, field, returnFocus, classNames, mode: initialMod
 // src/QueryBuilder.tsx
 import {
   Fragment as Fragment23,
-  useEffect as useEffect21,
-  useId as useId10,
+  useEffect as useEffect22,
+  useId as useId11,
   useMemo as useMemo12,
-  useRef as useRef22,
-  useState as useState30
+  useRef as useRef23,
+  useState as useState31
 } from "react";
 import {
   NULLARY_OPS as NULLARY_OPS2,
@@ -13223,8 +13224,148 @@ function SavedQueriesModal({ saved, onClose, onLoad }) {
   }) }) }) });
 }
+// src/FilterValueAutocomplete.tsx
+import { useEffect as useEffect21, useId as useId10, useRef as useRef22, useState as useState30 } from "react";
+import { jsx as jsx38, jsxs as jsxs33 } from "react/jsx-runtime";
+function FilterValueAutocomplete({ api, field, value, contextKey, className, widthChars, onChange }) {
+  const input = useRef22(null);
+  const listId = useId10();
+  const [open, setOpen] = useState30(false);
+  const [active, setActive] = useState30(null);
+  const scopeKey = JSON.stringify([field.name, contextKey]);
+  const requestKey = JSON.stringify([scopeKey, value]);
+  const fetchValues = api.filterValues;
+  const [known, setKnown] = useState30(null);
+  const [response, setResponse] = useState30(null);
+  const current = response?.key === requestKey && response.fetchValues === fetchValues ? response : null;
+  const search = value.trim().toLowerCase();
+  const previousValues = known?.scopeKey === scopeKey && known.fetchValues === fetchValues ? known.result.values.filter((choice) => choice.toLowerCase().includes(search)) : [];
+  const values = [...new Set(current?.result?.values ?? previousValues)];
+  const activeIndex = active === null ? -1 : values.indexOf(active);
+  const activeId = open && activeIndex >= 0 ? `${listId}-${activeIndex}` : void 0;
+  useEffect21(() => {
+    let cancelled = false;
+    setActive(null);
+    const timer = setTimeout(() => {
+      void Promise.resolve().then(() => fetchValues(field.name, value)).then(
+        (result) => {
+          if (cancelled) return;
+          setResponse({ key: requestKey, fetchValues, result });
+          setKnown({ scopeKey, fetchValues, result });
+        },
+        () => {
+          if (!cancelled) setResponse({ key: requestKey, fetchValues, failed: true });
+        }
+      );
+    }, 200);
+    return () => {
+      cancelled = true;
+      clearTimeout(timer);
+    };
+  }, [fetchValues, requestKey, scopeKey, field.name, value]);
+  useEffect21(() => {
+    if (activeId) document.getElementById(activeId)?.scrollIntoView?.({ block: "nearest" });
+  }, [activeId]);
+  const close = () => {
+    setOpen(false);
+    setActive(null);
+  };
+  const choose = (choice) => {
+    onChange(choice);
+    close();
+    input.current?.focus({ preventScroll: true });
+  };
+  const status = !current ? values.length ? "" : "Loading suggestions\u2026" : current.failed ? "Suggestions unavailable. Keep typing a value." : values.length === 0 ? "No matching values. Keep typing a value." : current.result?.hasMore ? "keep typing to refine\u2026" : "";
+  return /* @__PURE__ */ jsxs33("span", { className: "qt-autocomplete", children: [
+    /* @__PURE__ */ jsx38(
+      "input",
+      {
+        ref: input,
+        className,
+        value,
+        placeholder: "value",
+        "aria-label": `Value for ${field.label}`,
+        role: "combobox",
+        "aria-autocomplete": "list",
+        "aria-haspopup": "listbox",
+        "aria-expanded": open,
+        "aria-controls": open ? listId : void 0,
+        "aria-activedescendant": activeId,
+        "aria-describedby": open && status ? `${listId}-status` : void 0,
+        autoComplete: "off",
+        size: widthChars,
+        style: { width: `${widthChars}ch` },
+        onFocus: () => setOpen(true),
+        onClick: () => setOpen(true),
+        onChange: (event) => {
+          setActive(null);
+          setOpen(true);
+          onChange(event.target.value);
+        },
+        onKeyDown: (event) => {
+          if (event.nativeEvent.isComposing || event.keyCode === 229) return;
+          if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+            event.preventDefault();
+            setOpen(true);
+            if (values.length) {
+              const next = !open || activeIndex < 0 ? event.key === "ArrowDown" ? 0 : values.length - 1 : (activeIndex + (event.key === "ArrowDown" ? 1 : -1) + values.length) % values.length;
+              setActive(values[next]);
+            }
+          } else if (open && activeIndex >= 0 && (event.key === "Home" || event.key === "End")) {
+            event.preventDefault();
+            setActive(values[event.key === "Home" ? 0 : values.length - 1]);
+          } else if (open && event.key === "Enter" && activeIndex >= 0) {
+            event.preventDefault();
+            choose(values[activeIndex]);
+          } else if (open && event.key === "Escape") {
+            event.preventDefault();
+            event.stopPropagation();
+            close();
+          } else if (event.key === "Tab") close();
+        }
+      }
+    ),
+    open && input.current && /* @__PURE__ */ jsxs33(Suggestions, { anchor: input.current, onClose: close, children: [
+      /* @__PURE__ */ jsx38("div", { id: listId, role: "listbox", "aria-label": `Suggestions for ${field.label}`, "aria-busy": !current, children: values.map((choice, index) => /* @__PURE__ */ jsx38(
+        "div",
+        {
+          id: `${listId}-${index}`,
+          role: "option",
+          "aria-selected": choice === active,
+          className: "qt-autocomplete-option",
+          onMouseDown: (event) => event.preventDefault(),
+          onClick: () => choose(choice),
+          children: choice
+        },
+        choice
+      )) }),
+      status && /* @__PURE__ */ jsx38("p", { id: `${listId}-status`, role: "status", className: "qt-autocomplete-status", children: status })
+    ] })
+  ] });
+}
+function Suggestions({ anchor, onClose, children }) {
+  const overlay = useFloatingOverlay({
+    anchor,
+    onClose,
+    width: "max-content",
+    maxHeight: 440,
+    modalOnMobile: false,
+    retainAnchorFocus: true
+  });
+  return /* @__PURE__ */ jsx38(OverlayPortal, { overlay, label: "Value suggestions", children: /* @__PURE__ */ jsx38(
+    "div",
+    {
+      ref: overlay.setSurface,
+      style: overlay.style,
+      className: "qt-menu-surface qt-autocomplete-menu",
+      onClick: (event) => event.stopPropagation(),
+      children
+    }
+  ) });
+}
 // src/QueryBuilder.tsx
-import { Fragment as Fragment24, jsx as jsx38, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx39, jsxs as jsxs34 } 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;
@@ -13272,8 +13413,8 @@ function formatStatusTime(ms) {
   });
 }
 function useFieldHasNull(api, fieldName) {
-  const [hasNull, setHasNull] = useState30(void 0);
-  useEffect21(() => {
+  const [hasNull, setHasNull] = useState31(void 0);
+  useEffect22(() => {
     if (!fieldName) return;
     let cancelled = false;
     void api.filterValues(fieldName, "").then((r) => {
@@ -13374,21 +13515,21 @@ function QueryBuilder({
   selectPresentation ?? (selectPresentation = groupingUI.selectPresentation);
   const mobile = useMobileLayout();
   const UNSAVED_QUERY_EDIT_ID = "__qt-unsaved-query__";
-  const [showSaved, setShowSaved] = useState30(false);
-  const [shareCopied, setShareCopied] = useState30(false);
-  const [showActivity, setShowActivity] = useState30(false);
-  const activityId = useId10();
-  const [showAutoRefresh, setShowAutoRefresh] = useState30(false);
-  const [autoRefreshFrequencyMs, setAutoRefreshFrequencyMs] = useState30(
+  const [showSaved, setShowSaved] = useState31(false);
+  const [shareCopied, setShareCopied] = useState31(false);
+  const [showActivity, setShowActivity] = useState31(false);
+  const activityId = useId11();
+  const [showAutoRefresh, setShowAutoRefresh] = useState31(false);
+  const [autoRefreshFrequencyMs, setAutoRefreshFrequencyMs] = useState31(
     DEFAULT_AUTO_REFRESH_FREQUENCY_MS
   );
-  const [autoRefreshTurnOffAfterMs, setAutoRefreshTurnOffAfterMs] = useState30(
+  const [autoRefreshTurnOffAfterMs, setAutoRefreshTurnOffAfterMs] = useState31(
     DEFAULT_AUTO_REFRESH_TURN_OFF_AFTER_MS
   );
-  const [editingSavedId, setEditingSavedId] = useState30(null);
-  const [editingSavedName, setEditingSavedName] = useState30("");
-  const [lastSavedId, setLastSavedId] = useState30(null);
-  const [collapsedFallback, setCollapsedFallback] = useState30(defaultCollapsed);
+  const [editingSavedId, setEditingSavedId] = useState31(null);
+  const [editingSavedName, setEditingSavedName] = useState31("");
+  const [lastSavedId, setLastSavedId] = useState31(null);
+  const [collapsedFallback, setCollapsedFallback] = useState31(defaultCollapsed);
   const collapsedControlled = typeof collapsed !== "undefined";
   const isCollapsed = collapsedControlled ? collapsed : collapsedFallback;
   const setCollapsed = (next) => {
@@ -13398,8 +13539,8 @@ function QueryBuilder({
     }
     setCollapsedFallback(next);
   };
-  const [lastUpdatedAt, setLastUpdatedAt] = useState30(null);
-  const [lastFailureAt, setLastFailureAt] = useState30(null);
+  const [lastUpdatedAt, setLastUpdatedAt] = useState31(null);
+  const [lastFailureAt, setLastFailureAt] = useState31(null);
   const byName = useMemo12(
     () => new Map(fields.map((f) => [f.name, f])),
     [fields]
@@ -13416,7 +13557,7 @@ function QueryBuilder({
   );
   const isSavedQuery = activeSavedQuery != null;
   const isEditingUnsaved = editingSavedId === UNSAVED_QUERY_EDIT_ID;
-  const bodyId = useId10();
+  const bodyId = useId11();
   const isEditingSaved = editingSavedId != null && activeSavedQuery?.id === editingSavedId;
   const showUpdateButton = api.saved.canUpdate && Boolean(lastSavedQuery) && !activeSavedQuery;
   const collapsedSummary = useMemo12(
@@ -13443,28 +13584,28 @@ function QueryBuilder({
   const lastUpdatedText = formatStatusTime(lastUpdatedAt);
   const failureText = api.error ? `Error: ${api.error.message}` : lastFailureAt ? `Last failure at ${formatStatusTime(lastFailureAt)}` : null;
   const isBusy = Boolean(running) || api.loading || api.links.busy;
-  const lastRowsRef = useRef22(null);
-  const lastTotalRef = useRef22(null);
-  const previousLoadingRef = useRef22(api.loading);
-  const autoRefreshRef = useRef22(null);
-  const shareFeedbackTimerRef = useRef22(
+  const lastRowsRef = useRef23(null);
+  const lastTotalRef = useRef23(null);
+  const previousLoadingRef = useRef23(api.loading);
+  const autoRefreshRef = useRef23(null);
+  const shareFeedbackTimerRef = useRef23(
     null
   );
-  useEffect21(
+  useEffect22(
     () => () => {
       if (shareFeedbackTimerRef.current)
         clearTimeout(shareFeedbackTimerRef.current);
     },
     []
   );
-  useEffect21(() => {
+  useEffect22(() => {
     setShareCopied(false);
     if (shareFeedbackTimerRef.current) {
       clearTimeout(shareFeedbackTimerRef.current);
       shareFeedbackTimerRef.current = null;
     }
   }, [api.query]);
-  useEffect21(() => {
+  useEffect22(() => {
     if (activeSavedQuery) {
       setLastSavedId(activeSavedQuery.id);
       if (!isEditingSaved) {
@@ -13478,12 +13619,12 @@ function QueryBuilder({
       setEditingSavedName("");
     }
   }, [activeSavedQuery, isEditingSaved, isEditingUnsaved]);
-  useEffect21(() => {
+  useEffect22(() => {
     if (!lastSavedId || api.saved.items.some((item) => item.id === lastSavedId))
       return;
     setLastSavedId(null);
   }, [api.saved.items, lastSavedId]);
-  useEffect21(() => {
+  useEffect22(() => {
     const hasData = api.rows.length > 0 || total != null;
     const rowsChanged = lastRowsRef.current !== api.rows;
     const totalChanged = lastTotalRef.current !== total;
@@ -13573,10 +13714,10 @@ function QueryBuilder({
       return;
     }
   }
-  useEffect21(() => {
+  useEffect22(() => {
     if (isCollapsed) setShowSaved(false);
   }, [isCollapsed]);
-  useEffect21(() => {
+  useEffect22(() => {
     if (!showAutoRefresh || !autoRefreshStatus) return;
     setAutoRefreshFrequencyMs(autoRefreshStatus.frequencyMs);
     setAutoRefreshTurnOffAfterMs(autoRefreshStatus.turnOffAfterMs);
@@ -13624,15 +13765,15 @@ function QueryBuilder({
       window.prompt("Copy this query URL", url.toString());
     }
   }
-  return /* @__PURE__ */ jsxs33("div", { className: cx5(
+  return /* @__PURE__ */ jsxs34("div", { className: cx5(
     "qt-qb",
     api.grouping && "qt-qb--groupable",
     compact && "qt-qb--compact",
     classNames?.root
   ), children: [
-    /* @__PURE__ */ jsxs33("div", { className: "qt-qb-bar qt-qb-state-bar qt-qb-row", children: [
-      /* @__PURE__ */ jsxs33("span", { className: "qt-qb-state-main", children: [
-        /* @__PURE__ */ jsxs33(
+    /* @__PURE__ */ jsxs34("div", { className: "qt-qb-bar qt-qb-state-bar qt-qb-row", children: [
+      /* @__PURE__ */ jsxs34("span", { className: "qt-qb-state-main", children: [
+        /* @__PURE__ */ jsxs34(
           "button",
           {
             type: "button",
@@ -13643,7 +13784,7 @@ function QueryBuilder({
             "aria-label": isCollapsed ? "Expand query builder" : "Collapse query builder",
             title: isCollapsed ? "Expand query builder" : "Collapse query builder",
             children: [
-              /* @__PURE__ */ jsx38(
+              /* @__PURE__ */ jsx39(
                 Icon,
                 {
                   name: "chevronDown",
@@ -13654,12 +13795,12 @@ function QueryBuilder({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx38("span", { children: "Query" })
+              /* @__PURE__ */ jsx39("span", { children: "Query" })
             ]
           }
         ),
-        savedQueryControls !== void 0 ? savedQueryControls : /* @__PURE__ */ jsxs33("span", { className: "qt-qb-saved", children: [
-          /* @__PURE__ */ jsx38(
+        savedQueryControls !== void 0 ? savedQueryControls : /* @__PURE__ */ jsxs34("span", { className: "qt-qb-saved", children: [
+          /* @__PURE__ */ jsx39(
             "button",
             {
               type: "button",
@@ -13671,11 +13812,11 @@ function QueryBuilder({
               "aria-label": isSavedQuery ? "Rename saved query" : "Save query",
               disabled: isBusy,
               onClick: beginEditSavedName,
-              children: /* @__PURE__ */ jsx38(Icon, { name: "star", size: 16, filled: isSavedQuery })
+              children: /* @__PURE__ */ jsx39(Icon, { name: "star", size: 16, filled: isSavedQuery })
             }
           ),
-          isEditingSaved || isEditingUnsaved ? /* @__PURE__ */ jsxs33("span", { className: "qt-qb-saved-input-wrap", children: [
-            /* @__PURE__ */ jsx38(
+          isEditingSaved || isEditingUnsaved ? /* @__PURE__ */ jsxs34("span", { className: "qt-qb-saved-input-wrap", children: [
+            /* @__PURE__ */ jsx39(
               "input",
               {
                 type: "text",
@@ -13698,7 +13839,7 @@ function QueryBuilder({
                 onClick: (e) => e.stopPropagation()
               }
             ),
-            /* @__PURE__ */ jsx38(
+            /* @__PURE__ */ jsx39(
               "button",
               {
                 type: "button",
@@ -13710,10 +13851,10 @@ function QueryBuilder({
                   cancelNameEdit();
                 },
                 onClick: (e) => e.stopPropagation(),
-                children: /* @__PURE__ */ jsx38(Icon, { name: "close" })
+                children: /* @__PURE__ */ jsx39(Icon, { name: "close" })
               }
             )
-          ] }) : /* @__PURE__ */ jsx38(
+          ] }) : /* @__PURE__ */ jsx39(
             "button",
             {
               type: "button",
@@ -13726,24 +13867,24 @@ function QueryBuilder({
             }
           )
         ] }),
-        isCollapsed ? /* @__PURE__ */ jsx38(
+        isCollapsed ? /* @__PURE__ */ jsx39(
           "span",
           {
             className: "qt-qb-summary qt-truncate",
             title: summary ? void 0 : collapsedSummary,
-            children: summary ?? /* @__PURE__ */ jsxs33(Fragment24, { children: [
-              /* @__PURE__ */ jsx38("span", { className: "qt-qb-summary-kw", children: "WHERE" }),
+            children: summary ?? /* @__PURE__ */ jsxs34(Fragment24, { children: [
+              /* @__PURE__ */ jsx39("span", { className: "qt-qb-summary-kw", children: "WHERE" }),
               " ",
-              /* @__PURE__ */ jsx38("strong", { children: collapsedWhereText }),
+              /* @__PURE__ */ jsx39("strong", { children: collapsedWhereText }),
               " ",
-              /* @__PURE__ */ jsx38("span", { className: "qt-qb-summary-kw", children: "ORDER BY" }),
+              /* @__PURE__ */ jsx39("span", { className: "qt-qb-summary-kw", children: "ORDER BY" }),
               " ",
-              /* @__PURE__ */ jsx38("strong", { children: collapsedOrderText })
+              /* @__PURE__ */ jsx39("strong", { children: collapsedOrderText })
             ] })
           }
         ) : null
       ] }),
-      savedQueryControls === void 0 && showUpdateButton ? /* @__PURE__ */ jsx38(
+      savedQueryControls === void 0 && showUpdateButton ? /* @__PURE__ */ jsx39(
         "button",
         {
           type: "button",
@@ -13753,7 +13894,7 @@ function QueryBuilder({
           children: `Update Query '${lastSavedQuery?.name ?? "query"}'`
         }
       ) : null,
-      /* @__PURE__ */ jsxs33(
+      /* @__PURE__ */ jsxs34(
         "button",
         {
           type: "button",
@@ -13763,28 +13904,28 @@ function QueryBuilder({
           "aria-live": "polite",
           disabled: api.loading || api.links.busy,
           children: [
-            /* @__PURE__ */ jsx38(Icon, { name: shareCopied ? "check" : "share" }),
+            /* @__PURE__ */ jsx39(Icon, { name: shareCopied ? "check" : "share" }),
             shareCopied ? "Copied!" : "Share"
           ]
         }
       ),
-      api.links.kind === "local" && /* @__PURE__ */ jsx38("small", { role: "status", children: "Temporary link \xB7 this browser only" }),
-      api.links.error && /* @__PURE__ */ jsx38("small", { role: "alert", children: api.links.error.message }),
-      savedQueryControls === void 0 && /* @__PURE__ */ jsxs33(
+      api.links.kind === "local" && /* @__PURE__ */ jsx39("small", { role: "status", children: "Temporary link \xB7 this browser only" }),
+      api.links.error && /* @__PURE__ */ jsx39("small", { role: "alert", children: api.links.error.message }),
+      savedQueryControls === void 0 && /* @__PURE__ */ jsxs34(
         "button",
         {
           type: "button",
           className: cx5("qt-btn", classNames?.button),
           onClick: () => setShowSaved(true),
           children: [
-            /* @__PURE__ */ jsx38(Icon, { name: "bookmark" }),
+            /* @__PURE__ */ jsx39(Icon, { name: "bookmark" }),
             "Saved",
             api.saved.items.length > 0 ? ` (${api.saved.items.length})` : ""
           ]
         }
       ),
-      /* @__PURE__ */ jsxs33("div", { className: "qt-property-history qt-query-history", role: "group", "aria-label": "Query history", children: [
-        /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsxs34("div", { className: "qt-property-history qt-query-history", role: "group", "aria-label": "Query history", children: [
+        /* @__PURE__ */ jsx39(
           "button",
           {
             type: "button",
@@ -13793,10 +13934,10 @@ function QueryBuilder({
             title: "Undo query change",
             disabled: !api.canUndo || isBusy,
             onClick: api.undo,
-            children: /* @__PURE__ */ jsx38(Icon, { name: "undo", size: 14 })
+            children: /* @__PURE__ */ jsx39(Icon, { name: "undo", size: 14 })
           }
         ),
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx39(
           "button",
           {
             type: "button",
@@ -13805,10 +13946,10 @@ function QueryBuilder({
             title: "Redo query change",
             disabled: !api.canRedo || isBusy,
             onClick: api.redo,
-            children: /* @__PURE__ */ jsx38(Icon, { name: "redo", size: 14 })
+            children: /* @__PURE__ */ jsx39(Icon, { name: "redo", size: 14 })
           }
         ),
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx39(
           "button",
           {
             type: "button",
@@ -13817,13 +13958,13 @@ function QueryBuilder({
             title: "Reset query",
             disabled: isBusy,
             onClick: api.resetAll,
-            children: /* @__PURE__ */ jsx38(Icon, { name: "reset", size: 14 })
+            children: /* @__PURE__ */ jsx39(Icon, { name: "reset", size: 14 })
           }
         )
       ] })
     ] }),
-    !isCollapsed ? /* @__PURE__ */ jsx38("div", { className: "qt-qb-bar qt-qb-editor-bar", children: /* @__PURE__ */ jsxs33("div", { id: bodyId, className: "qt-qb-body", children: [
-      /* @__PURE__ */ jsx38(
+    !isCollapsed ? /* @__PURE__ */ jsx39("div", { className: "qt-qb-bar qt-qb-editor-bar", children: /* @__PURE__ */ jsxs34("div", { id: bodyId, className: "qt-qb-body", children: [
+      /* @__PURE__ */ jsx39(
         SelectRow,
         {
           api,
@@ -13833,7 +13974,7 @@ function QueryBuilder({
           presentation: selectPresentation
         }
       ),
-      whereRow ?? /* @__PURE__ */ jsx38(
+      whereRow ?? /* @__PURE__ */ jsx39(
         WhereRow,
         {
           api,
@@ -13844,7 +13985,7 @@ function QueryBuilder({
         }
       ),
       clauses,
-      /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx39(
         OrderRow,
         {
           api,
@@ -13853,7 +13994,7 @@ function QueryBuilder({
           disabled: isBusy
         }
       ),
-      /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx39(
         WindowRow,
         {
           api,
@@ -13863,7 +14004,7 @@ function QueryBuilder({
           disabled: isBusy
         }
       ),
-      /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx39(
         MetricsRow,
         {
           api,
@@ -13873,8 +14014,8 @@ function QueryBuilder({
         }
       )
     ] }) }) : null,
-    /* @__PURE__ */ jsxs33("div", { className: "qt-qb-bar qt-qb-run-bar qt-qb-row", children: [
-      /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsxs34("div", { className: "qt-qb-bar qt-qb-run-bar qt-qb-row", children: [
+      /* @__PURE__ */ jsx39(
         "span",
         {
           className: "qt-qb-run-metric qt-qb-run-metric--strong",
@@ -13882,16 +14023,16 @@ function QueryBuilder({
           children: api.loading ? "loading\u2026" : `${rowSummary} rows`
         }
       ),
-      /* @__PURE__ */ jsxs33("span", { className: "qt-qb-run-metric", children: [
+      /* @__PURE__ */ jsxs34("span", { className: "qt-qb-run-metric", children: [
         "Last updated ",
         lastUpdatedText
       ] }),
-      failureText ? /* @__PURE__ */ jsx38("span", { className: "qt-qb-run-error", children: failureText }) : null,
-      /* @__PURE__ */ jsxs33("span", { className: "qt-qb-run-actions", children: [
-        autoRefreshStatus ? /* @__PURE__ */ jsx38("span", { className: "qt-qb-auto-status", children: `Every ${formatDuration2(autoRefreshStatus.frequencyMs)}; clear after ${formatDuration2(
+      failureText ? /* @__PURE__ */ jsx39("span", { className: "qt-qb-run-error", children: failureText }) : null,
+      /* @__PURE__ */ jsxs34("span", { className: "qt-qb-run-actions", children: [
+        autoRefreshStatus ? /* @__PURE__ */ jsx39("span", { className: "qt-qb-auto-status", children: `Every ${formatDuration2(autoRefreshStatus.frequencyMs)}; clear after ${formatDuration2(
           autoRefreshStatus.turnOffAfterMs
         )} (${autoRefreshStatus.pollCount} polls run)` }) : null,
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx39(
           "button",
           {
             type: "button",
@@ -13905,11 +14046,11 @@ function QueryBuilder({
             "aria-expanded": showActivity,
             "aria-controls": activityId,
             onClick: () => setShowActivity((v) => !v),
-            children: /* @__PURE__ */ jsx38(Icon, { name: "stopwatch" })
+            children: /* @__PURE__ */ jsx39(Icon, { name: "stopwatch" })
           }
         ),
-        /* @__PURE__ */ jsxs33("span", { className: "qt-auto-refresh", children: [
-          /* @__PURE__ */ jsxs33(
+        /* @__PURE__ */ jsxs34("span", { className: "qt-auto-refresh", children: [
+          /* @__PURE__ */ jsxs34(
             "button",
             {
               type: "button",
@@ -13924,12 +14065,12 @@ function QueryBuilder({
               "aria-expanded": showAutoRefresh,
               title: autoRefreshStatus ? "View or clear auto-update" : "Configure auto-update",
               children: [
-                /* @__PURE__ */ jsx38(Icon, { name: "clock" }),
+                /* @__PURE__ */ jsx39(Icon, { name: "clock" }),
                 autoRefreshButtonText
               ]
             }
           ),
-          showAutoRefresh && autoRefreshRef.current ? /* @__PURE__ */ jsxs33(
+          showAutoRefresh && autoRefreshRef.current ? /* @__PURE__ */ jsxs34(
             Popover,
             {
               anchor: autoRefreshRef.current,
@@ -13938,27 +14079,27 @@ function QueryBuilder({
               label: "Auto-refresh settings",
               onClose: () => setShowAutoRefresh(false),
               children: [
-                /* @__PURE__ */ jsxs33("label", { className: "qt-auto-refresh-field", children: [
-                  /* @__PURE__ */ jsx38("span", { children: "Frequency" }),
-                  /* @__PURE__ */ jsx38(
+                /* @__PURE__ */ jsxs34("label", { className: "qt-auto-refresh-field", children: [
+                  /* @__PURE__ */ jsx39("span", { children: "Frequency" }),
+                  /* @__PURE__ */ jsx39(
                     "select",
                     {
                       className: "qt-auto-refresh-select",
                       value: autoRefreshFrequencyMs,
                       onChange: (e) => setAutoRefreshFrequencyMs(Number(e.target.value)),
-                      children: AUTO_REFRESH_FREQUENCIES.map((option) => /* @__PURE__ */ jsx38("option", { value: option.value, children: option.label }, option.value))
+                      children: AUTO_REFRESH_FREQUENCIES.map((option) => /* @__PURE__ */ jsx39("option", { value: option.value, children: option.label }, option.value))
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs33("label", { className: "qt-auto-refresh-field", children: [
-                  /* @__PURE__ */ jsx38("span", { children: "Turn off after" }),
-                  /* @__PURE__ */ jsx38(
+                /* @__PURE__ */ jsxs34("label", { className: "qt-auto-refresh-field", children: [
+                  /* @__PURE__ */ jsx39("span", { children: "Turn off after" }),
+                  /* @__PURE__ */ jsx39(
                     "select",
                     {
                       className: "qt-auto-refresh-select",
                       value: autoRefreshTurnOffAfterMs,
                       onChange: (e) => setAutoRefreshTurnOffAfterMs(Number(e.target.value)),
-                      children: AUTO_REFRESH_TURN_OFF_AFTER.map((option) => /* @__PURE__ */ jsx38(
+                      children: AUTO_REFRESH_TURN_OFF_AFTER.map((option) => /* @__PURE__ */ jsx39(
                         "option",
                         {
                           value: option.value,
@@ -13976,7 +14117,7 @@ function QueryBuilder({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx38(
+                /* @__PURE__ */ jsx39(
                   "span",
                   {
                     className: cx5(
@@ -13986,7 +14127,7 @@ function QueryBuilder({
                     children: canSubmitAutoRefresh ? `${selectedAutoRefreshPolls} polls maximum` : `Choose between 1 and 1000 polls`
                   }
                 ),
-                autoRefreshStatus ? /* @__PURE__ */ jsxs33("span", { className: "qt-auto-refresh-status", children: [
+                autoRefreshStatus ? /* @__PURE__ */ jsxs34("span", { className: "qt-auto-refresh-status", children: [
                   "Active: every",
                   " ",
                   formatDuration2(autoRefreshStatus.frequencyMs),
@@ -13997,8 +14138,8 @@ function QueryBuilder({
                   autoRefreshStatus.pollCount,
                   " polls run."
                 ] }) : null,
-                /* @__PURE__ */ jsxs33("span", { className: "qt-auto-refresh-actions", children: [
-                  /* @__PURE__ */ jsx38(
+                /* @__PURE__ */ jsxs34("span", { className: "qt-auto-refresh-actions", children: [
+                  /* @__PURE__ */ jsx39(
                     "button",
                     {
                       type: "button",
@@ -14008,7 +14149,7 @@ function QueryBuilder({
                       children: autoRefreshStatus ? "Update" : "Start"
                     }
                   ),
-                  autoRefreshStatus ? /* @__PURE__ */ jsx38(
+                  autoRefreshStatus ? /* @__PURE__ */ jsx39(
                     "button",
                     {
                       type: "button",
@@ -14025,7 +14166,7 @@ function QueryBuilder({
             }
           ) : null
         ] }),
-        /* @__PURE__ */ jsxs33(
+        /* @__PURE__ */ jsxs34(
           "button",
           {
             type: "button",
@@ -14033,7 +14174,7 @@ function QueryBuilder({
             onClick: api.refresh,
             disabled: isBusy,
             children: [
-              /* @__PURE__ */ jsx38(Icon, { name: "refresh" }),
+              /* @__PURE__ */ jsx39(Icon, { name: "refresh" }),
               "Run Now"
             ]
           }
@@ -14041,8 +14182,8 @@ function QueryBuilder({
       ] })
     ] }),
     groupingUI.overlays,
-    showActivity && /* @__PURE__ */ jsx38(RequestActivity, { id: activityId, activity: api.requestActivity, children: requestActivityDetails }),
-    savedQueryControls === void 0 && showSaved ? /* @__PURE__ */ jsx38(
+    showActivity && /* @__PURE__ */ jsx39(RequestActivity, { id: activityId, activity: api.requestActivity, children: requestActivityDetails }),
+    savedQueryControls === void 0 && showSaved ? /* @__PURE__ */ jsx39(
       SavedQueriesModal,
       {
         saved: api.saved,
@@ -14069,13 +14210,13 @@ function SelectRow({
     }
   }
   const mobile = useMobileLayout();
-  const [editingColumns, setEditingColumns] = useState30(false);
-  const [editingField, setEditingField] = useState30();
+  const [editingColumns, setEditingColumns] = useState31(false);
+  const [editingField, setEditingField] = useState31();
   function openColumnEditor(field) {
     setEditingField(field);
     setEditingColumns(true);
   }
-  const detailSettingsButton = (field) => field === ITEM_DETAILS_COLUMN3 && api.itemDetails ? /* @__PURE__ */ jsx38(
+  const detailSettingsButton = (field) => field === ITEM_DETAILS_COLUMN3 && api.itemDetails ? /* @__PURE__ */ jsx39(
     "button",
     {
       type: "button",
@@ -14086,11 +14227,11 @@ function SelectRow({
       "aria-expanded": editingColumns && editingField === field,
       disabled,
       onClick: () => openColumnEditor(field),
-      children: /* @__PURE__ */ jsx38(Icon, { name: "chevronRight", size: 18 })
+      children: /* @__PURE__ */ jsx39(Icon, { name: "chevronRight", size: 18 })
     }
   ) : null;
-  const [adding, setAdding] = useState30(false);
-  const addColumnRef = useRef22(null);
+  const [adding, setAdding] = useState31(false);
+  const addColumnRef = useRef23(null);
   const fieldLabelByName = useMemo12(
     () => new Map(select.fields.map((f) => [f.name, f.label])),
     [select.fields]
@@ -14101,10 +14242,10 @@ function SelectRow({
   const fieldNames = select.visible.map((c) => c.field);
   const dragSource = columnDrag.source;
   const rendered = columnDrag.preview(fieldNames);
-  const actions = /* @__PURE__ */ jsxs33(Fragment24, { children: [
-    /* @__PURE__ */ jsxs33(PickerAnchor, { children: [
-      /* @__PURE__ */ jsxs33("span", { className: "qt-split-btn", role: "group", "aria-label": "Column actions", children: [
-        /* @__PURE__ */ jsxs33(
+  const actions = /* @__PURE__ */ jsxs34(Fragment24, { children: [
+    /* @__PURE__ */ jsxs34(PickerAnchor, { children: [
+      /* @__PURE__ */ jsxs34("span", { className: "qt-split-btn", role: "group", "aria-label": "Column actions", children: [
+        /* @__PURE__ */ jsxs34(
           "button",
           {
             type: "button",
@@ -14116,12 +14257,12 @@ function SelectRow({
             onClick: () => setAdding(!adding),
             disabled: disabled || !presentation?.renderPicker && select.hidden.length === 0,
             children: [
-              /* @__PURE__ */ jsx38(Icon, { name: "add" }),
+              /* @__PURE__ */ jsx39(Icon, { name: "add" }),
               mobile ? "Add" : "add column"
             ]
           }
         ),
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx39(
           "button",
           {
             type: "button",
@@ -14132,11 +14273,11 @@ function SelectRow({
             "aria-expanded": editingColumns,
             disabled,
             onClick: () => openColumnEditor(),
-            children: /* @__PURE__ */ jsx38(Icon, { name: "chevronRight", size: 18 })
+            children: /* @__PURE__ */ jsx39(Icon, { name: "chevronRight", size: 18 })
           }
         )
       ] }),
-      adding ? presentation?.renderPicker ? presentation.renderPicker(() => setAdding(false)) : /* @__PURE__ */ jsx38(
+      adding ? presentation?.renderPicker ? presentation.renderPicker(() => setAdding(false)) : /* @__PURE__ */ jsx39(
         FieldPicker,
         {
           anchor: addColumnRef.current ?? void 0,
@@ -14149,7 +14290,7 @@ function SelectRow({
         }
       ) : null
     ] }),
-    /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx39(
       "button",
       {
         type: "button",
@@ -14162,12 +14303,12 @@ function SelectRow({
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs33("div", { className: "qt-qb-row qt-qb-row--select", children: [
-    /* @__PURE__ */ jsxs33("div", { className: "qt-qb-section-header", children: [
-      /* @__PURE__ */ jsx38("span", { className: "qt-qb-kw", "data-mobile-label": "Columns", children: "select" }),
+  return /* @__PURE__ */ jsxs34("div", { className: "qt-qb-row qt-qb-row--select", children: [
+    /* @__PURE__ */ jsxs34("div", { className: "qt-qb-section-header", children: [
+      /* @__PURE__ */ jsx39("span", { className: "qt-qb-kw", "data-mobile-label": "Columns", children: "select" }),
       mobile && actions
     ] }),
-    editingColumns && (presentation?.renderEditor ? presentation.renderEditor(() => setEditingColumns(false)) : /* @__PURE__ */ jsx38(
+    editingColumns && (presentation?.renderEditor ? presentation.renderEditor(() => setEditingColumns(false)) : /* @__PURE__ */ jsx39(
       SelectColumnEditor,
       {
         api,
@@ -14176,7 +14317,7 @@ function SelectRow({
         notice: presentation?.editorNotice
       }
     )),
-    mobile ? /* @__PURE__ */ jsx38(
+    mobile ? /* @__PURE__ */ jsx39(
       ReorderList,
       {
         className: "qt-query-reorder-list qt-query-reorder-list--columns",
@@ -14188,10 +14329,10 @@ function SelectRow({
         })),
         onMove: select.move,
         disabled,
-        renderItem: (item) => /* @__PURE__ */ jsxs33(Fragment24, { children: [
-          presentation?.renderChip?.(item.id, item.label) ?? /* @__PURE__ */ jsx38("span", { className: "qt-chip-field", children: item.label }),
+        renderItem: (item) => /* @__PURE__ */ jsxs34(Fragment24, { children: [
+          presentation?.renderChip?.(item.id, item.label) ?? /* @__PURE__ */ jsx39("span", { className: "qt-chip-field", children: item.label }),
           detailSettingsButton(item.id),
-          /* @__PURE__ */ jsx38(
+          /* @__PURE__ */ jsx39(
             "button",
             {
               type: "button",
@@ -14199,14 +14340,14 @@ function SelectRow({
               onClick: () => removeColumn(item.id),
               disabled,
               "aria-label": `Remove ${item.label} column`,
-              children: /* @__PURE__ */ jsx38(Icon, { name: "close" })
+              children: /* @__PURE__ */ jsx39(Icon, { name: "close" })
             }
           )
         ] })
       }
     ) : rendered.map((name) => {
       const label = fieldLabelByName.get(name) ?? name;
-      return /* @__PURE__ */ jsxs33(
+      return /* @__PURE__ */ jsxs34(
         "span",
         {
           className: cx5(
@@ -14249,10 +14390,10 @@ function SelectRow({
           onDragEnd: () => columnDrag.end(),
           title: "drag to reorder",
           children: [
-            /* @__PURE__ */ jsx38("span", { "aria-hidden": true, className: "qt-chip-grip", children: /* @__PURE__ */ jsx38(Icon, { name: "grip" }) }),
-            presentation?.renderChip?.(name, label) ?? /* @__PURE__ */ jsx38("span", { className: "qt-chip-field", children: label }),
+            /* @__PURE__ */ jsx39("span", { "aria-hidden": true, className: "qt-chip-grip", children: /* @__PURE__ */ jsx39(Icon, { name: "grip" }) }),
+            presentation?.renderChip?.(name, label) ?? /* @__PURE__ */ jsx39("span", { className: "qt-chip-field", children: label }),
             detailSettingsButton(name),
-            /* @__PURE__ */ jsx38(
+            /* @__PURE__ */ jsx39(
               "button",
               {
                 type: "button",
@@ -14260,7 +14401,7 @@ function SelectRow({
                 onClick: () => removeColumn(name),
                 disabled,
                 "aria-label": `Remove ${label} column`,
-                children: /* @__PURE__ */ jsx38(Icon, { name: "close" })
+                children: /* @__PURE__ */ jsx39(Icon, { name: "close" })
               }
             )
           ]
@@ -14281,7 +14422,7 @@ function QueryFilterRow({
     () => new Map(fields.map((field) => [field.name, field])),
     [fields]
   );
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     WhereRow,
     {
       api,
@@ -14308,14 +14449,14 @@ function WhereRow({
   disabled,
   label = "where"
 }) {
-  const [adding, setAdding] = useState30(false);
+  const [adding, setAdding] = useState31(false);
   const mobile = useMobileLayout();
-  const editorId = useId10();
-  const nextSetId = useRef22(0);
-  const addFilterButton = useRef22(null);
-  const [editingSet, setEditingSet] = useState30(null);
-  const [drag, setDrag] = useState30(null);
-  const [editingFilter, setEditingFilter] = useState30(null);
+  const editorId = useId11();
+  const nextSetId = useRef23(0);
+  const addFilterButton = useRef23(null);
+  const [editingSet, setEditingSet] = useState31(null);
+  const [drag, setDrag] = useState31(null);
+  const [editingFilter, setEditingFilter] = useState31(null);
   const where = api.query.where;
   const whereSignature = JSON.stringify(where);
   const setEditors = /* @__PURE__ */ new Map();
@@ -14330,7 +14471,7 @@ function WhereRow({
       hiddenSetTerms.add(index + offset3);
     index += set.count - 1;
   }
-  useEffect21(() => {
+  useEffect22(() => {
     if (editingSet && editingSet.signature !== whereSignature)
       setEditingSet(null);
   }, [editingSet, whereSignature]);
@@ -14400,9 +14541,9 @@ function WhereRow({
     }
     setDrag(null);
   }
-  const actions = /* @__PURE__ */ jsxs33(Fragment24, { children: [
-    /* @__PURE__ */ jsxs33(PickerAnchor, { children: [
-      /* @__PURE__ */ jsxs33(
+  const actions = /* @__PURE__ */ jsxs34(Fragment24, { children: [
+    /* @__PURE__ */ jsxs34(PickerAnchor, { children: [
+      /* @__PURE__ */ jsxs34(
         "button",
         {
           ref: addFilterButton,
@@ -14414,12 +14555,12 @@ function WhereRow({
           onClick: () => setAdding(!adding),
           disabled,
           children: [
-            /* @__PURE__ */ jsx38(Icon, { name: "add" }),
+            /* @__PURE__ */ jsx39(Icon, { name: "add" }),
             label === "having" ? "having" : "add filter"
           ]
         }
       ),
-      adding && /* @__PURE__ */ jsx38(
+      adding && /* @__PURE__ */ jsx39(
         FieldPicker,
         {
           anchor: addFilterButton.current ?? void 0,
@@ -14430,7 +14571,7 @@ function WhereRow({
         }
       )
     ] }),
-    where.length > 0 && /* @__PURE__ */ jsx38(
+    where.length > 0 && /* @__PURE__ */ jsx39(
       "button",
       {
         type: "button",
@@ -14442,18 +14583,18 @@ function WhereRow({
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs33("div", { className: cx5("qt-qb-row qt-qb-row--filters", where.length === 0 && "qt-qb-row--unused"), "data-clause": label, children: [
-    /* @__PURE__ */ jsxs33("div", { className: "qt-qb-section-header", children: [
-      /* @__PURE__ */ jsx38("span", { className: "qt-qb-kw", "data-mobile-label": label === "having" ? "Having" : "Filters", children: label }),
+  return /* @__PURE__ */ jsxs34("div", { className: cx5("qt-qb-row qt-qb-row--filters", where.length === 0 && "qt-qb-row--unused"), "data-clause": label, children: [
+    /* @__PURE__ */ jsxs34("div", { className: "qt-qb-section-header", children: [
+      /* @__PURE__ */ jsx39("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__ */ jsxs33("span", { className: "qt-where-term-wrap", children: [
-        index > 0 && hasOr && /* @__PURE__ */ jsx38("span", { className: "qt-where-and", children: "AND" }),
-        set ? /* @__PURE__ */ jsxs33("span", { className: cx5("qt-chip", classNames?.chip), children: [
-          /* @__PURE__ */ jsxs33(
+      return /* @__PURE__ */ jsxs34("span", { className: "qt-where-term-wrap", children: [
+        index > 0 && hasOr && /* @__PURE__ */ jsx39("span", { className: "qt-where-and", children: "AND" }),
+        set ? /* @__PURE__ */ jsxs34("span", { className: cx5("qt-chip", classNames?.chip), children: [
+          /* @__PURE__ */ jsxs34(
             "button",
             {
               type: "button",
@@ -14475,8 +14616,8 @@ function WhereRow({
               ]
             }
           ),
-          set.metadata.values.map((value) => /* @__PURE__ */ jsxs33("span", { className: "qt-set-tag", children: [
-            /* @__PURE__ */ jsx38(
+          set.metadata.values.map((value) => /* @__PURE__ */ jsxs34("span", { className: "qt-set-tag", children: [
+            /* @__PURE__ */ jsx39(
               PresentedFilterValue,
               {
                 field: set.field.name,
@@ -14484,7 +14625,7 @@ function WhereRow({
                 label: setFilterValueLabel(set.field, value)
               }
             ),
-            /* @__PURE__ */ jsx38(
+            /* @__PURE__ */ jsx39(
               "button",
               {
                 type: "button",
@@ -14505,7 +14646,7 @@ function WhereRow({
               }
             )
           ] }, value)),
-          /* @__PURE__ */ jsx38(
+          /* @__PURE__ */ jsx39(
             "button",
             {
               type: "button",
@@ -14516,7 +14657,7 @@ function WhereRow({
               children: "\u2715"
             }
           )
-        ] }) : /* @__PURE__ */ jsx38(
+        ] }) : /* @__PURE__ */ jsx39(
           TermChip,
           {
             api,
@@ -14537,7 +14678,7 @@ function WhereRow({
         )
       ] }, index);
     }),
-    editingSet && /* @__PURE__ */ jsx38(
+    editingSet && /* @__PURE__ */ jsx39(
       SetFilterEditor,
       {
         api,
@@ -14602,7 +14743,7 @@ function TermChip({
   const group = isOrGroup(term);
   const predicates = predicatesOf2(term);
   if (mobile)
-    return /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsx39(
       MobileFilter,
       {
         api,
@@ -14615,7 +14756,7 @@ function TermChip({
         onOpenChange: onEditorChange
       }
     );
-  const grip = /* @__PURE__ */ jsx38(
+  const grip = /* @__PURE__ */ jsx39(
     "span",
     {
       className: "qt-chip-grip",
@@ -14628,10 +14769,10 @@ function TermChip({
       },
       onDragEnd,
       title: "drag to reorder, or drop onto another filter to make an OR",
-      children: /* @__PURE__ */ jsx38(Icon, { name: "grip" })
+      children: /* @__PURE__ */ jsx39(Icon, { name: "grip" })
     }
   );
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(
     "span",
     {
       className: cx5(
@@ -14649,9 +14790,9 @@ function TermChip({
       },
       children: [
         grip,
-        group ? /* @__PURE__ */ jsx38("span", { className: "qt-or-group", children: predicates.map((clause, predIndex) => /* @__PURE__ */ jsxs33("span", { className: "qt-or-member", children: [
-          predIndex > 0 && /* @__PURE__ */ jsx38("span", { className: "qt-chip-and qt-chip-or", children: "OR" }),
-          /* @__PURE__ */ jsx38(
+        group ? /* @__PURE__ */ jsx39("span", { className: "qt-or-group", children: predicates.map((clause, predIndex) => /* @__PURE__ */ jsxs34("span", { className: "qt-or-member", children: [
+          predIndex > 0 && /* @__PURE__ */ jsx39("span", { className: "qt-chip-and qt-chip-or", children: "OR" }),
+          /* @__PURE__ */ jsx39(
             PredicateEditor,
             {
               api,
@@ -14663,7 +14804,7 @@ function TermChip({
               onRemove: () => api.removePredicate(index, predIndex)
             }
           )
-        ] }, predIndex)) }) : /* @__PURE__ */ jsx38(
+        ] }, predIndex)) }) : /* @__PURE__ */ jsx39(
           PredicateEditor,
           {
             api,
@@ -14690,8 +14831,8 @@ function MobileFilter({
   onOpenChange
 }) {
   const predicates = predicatesOf2(term);
-  return /* @__PURE__ */ jsxs33(Fragment24, { children: [
-    /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs34(Fragment24, { children: [
+    /* @__PURE__ */ jsx39(
       MobileClauseSummary,
       {
         editLabel: `Edit filter: ${whereTermAsText(term, byName)}`,
@@ -14699,24 +14840,24 @@ function MobileFilter({
         className: classNames?.chip,
         filter: true,
         onEdit: () => onOpenChange(true),
-        children: /* @__PURE__ */ jsx38("span", { children: predicates.map((clause, position) => {
+        children: /* @__PURE__ */ jsx39("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__ */ jsxs33("span", { className: "qt-mobile-filter-summary", children: [
-            position > 0 && /* @__PURE__ */ jsx38("small", { children: "OR" }),
-            /* @__PURE__ */ jsx38("strong", { children: byName.get(clause.field)?.label ?? clause.field }),
-            /* @__PURE__ */ jsxs33("span", { children: [
+          return /* @__PURE__ */ jsxs34("span", { className: "qt-mobile-filter-summary", children: [
+            position > 0 && /* @__PURE__ */ jsx39("small", { children: "OR" }),
+            /* @__PURE__ */ jsx39("strong", { children: byName.get(clause.field)?.label ?? clause.field }),
+            /* @__PURE__ */ jsxs34("span", { children: [
               choiceLabel(
                 clause.op,
                 Boolean(clause.negated),
                 clause.value
               ),
               " ",
-              !NULLARY_OPS2.has(clause.op) && !emptyStringCondition && /* @__PURE__ */ jsx38(
+              !NULLARY_OPS2.has(clause.op) && !emptyStringCondition && /* @__PURE__ */ jsx39(
                 PresentedFilterValue,
                 {
                   field: clause.field,
@@ -14729,15 +14870,15 @@ function MobileFilter({
         }) })
       }
     ),
-    open && /* @__PURE__ */ jsx38(
+    open && /* @__PURE__ */ jsx39(
       ModalSurface,
       {
         title: predicates.length > 1 ? "Edit filter group" : `Filter by ${byName.get(predicates[0].field)?.label ?? predicates[0].field}`,
         onClose: () => onOpenChange(false),
-        children: /* @__PURE__ */ jsxs33("div", { className: "qt-overlay-body qt-filter-editor", children: [
-          predicates.map((clause, position) => /* @__PURE__ */ jsxs33(Fragment23, { children: [
-            position > 0 && /* @__PURE__ */ jsx38("p", { className: "qt-muted", children: "OR" }),
-            /* @__PURE__ */ jsx38(
+        children: /* @__PURE__ */ jsxs34("div", { className: "qt-overlay-body qt-filter-editor", children: [
+          predicates.map((clause, position) => /* @__PURE__ */ jsxs34(Fragment23, { children: [
+            position > 0 && /* @__PURE__ */ jsx39("p", { className: "qt-muted", children: "OR" }),
+            /* @__PURE__ */ jsx39(
               PredicateEditor,
               {
                 api,
@@ -14754,7 +14895,7 @@ function MobileFilter({
               }
             )
           ] }, position)),
-          predicates.length > 1 && /* @__PURE__ */ jsx38(
+          predicates.length > 1 && /* @__PURE__ */ jsx39(
             "button",
             {
               type: "button",
@@ -14768,9 +14909,9 @@ function MobileFilter({
               children: "Remove filter group"
             }
           ),
-          api.query.where.length > 1 && /* @__PURE__ */ jsxs33("label", { className: "qt-filter-combine", children: [
+          api.query.where.length > 1 && /* @__PURE__ */ jsxs34("label", { className: "qt-filter-combine", children: [
             "Match either filter (OR)",
-            /* @__PURE__ */ jsxs33(
+            /* @__PURE__ */ jsxs34(
               "select",
               {
                 className: "qt-input",
@@ -14782,9 +14923,9 @@ function MobileFilter({
                   api.mergeFilters(index, Number(event.target.value));
                 },
                 children: [
-                  /* @__PURE__ */ jsx38("option", { value: "", children: "Combine with another filter\u2026" }),
+                  /* @__PURE__ */ jsx39("option", { value: "", children: "Combine with another filter\u2026" }),
                   api.query.where.map(
-                    (candidate, position) => position !== index && /* @__PURE__ */ jsx38("option", { value: position, children: whereTermAsText(candidate, byName) }, position)
+                    (candidate, position) => position !== index && /* @__PURE__ */ jsx39("option", { value: position, children: whereTermAsText(candidate, byName) }, position)
                   )
                 ]
               }
@@ -14837,7 +14978,7 @@ function OpPicker({
     ) : { op: choice.op, negated: false };
     return resolved.op === clause.op && Boolean(resolved.negated) === Boolean(clause.negated);
   };
-  return /* @__PURE__ */ jsx38("span", { className: "qt-op-picker", children: /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39("span", { className: "qt-op-picker", children: /* @__PURE__ */ jsx39(
     MenuButton,
     {
       label: "Choose condition",
@@ -14847,15 +14988,15 @@ function OpPicker({
         disabled: disabled || visiblePairs.length === 0,
         "aria-label": choiceLabel(clause.op, Boolean(clause.negated), clause.value)
       },
-      trigger: /* @__PURE__ */ jsxs33(Fragment24, { children: [
+      trigger: /* @__PURE__ */ jsxs34(Fragment24, { children: [
         choiceLabel(clause.op, Boolean(clause.negated), clause.value),
-        /* @__PURE__ */ jsx38(Icon, { name: "chevronDown", size: 12, className: "qt-op-caret" })
+        /* @__PURE__ */ jsx39(Icon, { name: "chevronDown", size: 12, className: "qt-op-caret" })
       ] }),
-      children: /* @__PURE__ */ jsxs33(MenuGroup, { label: `Condition for ${field?.label ?? clause.field}`, columns: 2, className: "qt-op-pop", children: [
-        /* @__PURE__ */ jsx38("span", { className: "qt-cm-col-head", children: "keep" }),
-        /* @__PURE__ */ jsx38("span", { className: "qt-cm-col-head qt-cm-col-head--neg", children: "exclude" }),
-        visiblePairs.map((pair, i) => /* @__PURE__ */ jsxs33(Fragment23, { children: [
-          /* @__PURE__ */ jsx38(
+      children: /* @__PURE__ */ jsxs34(MenuGroup, { label: `Condition for ${field?.label ?? clause.field}`, columns: 2, className: "qt-op-pop", children: [
+        /* @__PURE__ */ jsx39("span", { className: "qt-cm-col-head", children: "keep" }),
+        /* @__PURE__ */ jsx39("span", { className: "qt-cm-col-head qt-cm-col-head--neg", children: "exclude" }),
+        visiblePairs.map((pair, i) => /* @__PURE__ */ jsxs34(Fragment23, { children: [
+          /* @__PURE__ */ jsx39(
             MenuItem,
             {
               className: cx5("qt-op-cell", isActive(pair.keep) && "qt-op-cell--on"),
@@ -14865,7 +15006,7 @@ function OpPicker({
               children: choiceLabel(pair.keep.op, pair.keep.negated, clause.value)
             }
           ),
-          /* @__PURE__ */ jsx38(
+          /* @__PURE__ */ jsx39(
             MenuItem,
             {
               className: cx5("qt-op-cell", "qt-op-cell--neg", isActive(pair.exclude) && "qt-op-cell--on"),
@@ -14903,7 +15044,7 @@ function PredicateEditor({
       choice.negated ? negateClause2(next, field ? opsForField3(field) : void 0) : next
     );
   }
-  const conditionControl = /* @__PURE__ */ jsx38(
+  const conditionControl = /* @__PURE__ */ jsx39(
     OpPicker,
     {
       field,
@@ -14913,12 +15054,16 @@ function PredicateEditor({
       onPick: pickOp
     }
   );
-  const valueControl = needsValue ? /* @__PURE__ */ jsx38(
+  const valueControl = needsValue ? /* @__PURE__ */ jsx39(
     ValueInput,
     {
       api,
       field,
       value: clause.value,
+      contextKey: JSON.stringify(
+        { ...api.query, offset: 0 },
+        (_key, entry) => entry === clause ? { ...clause, value: "" } : entry
+      ),
       forceFreeform: isRegex || isLength,
       numeric: isLength,
       placeholder: isRegex ? "regex" : isLength ? "length" : field?.type === "datetime" ? "ISO date or signed duration" : "value",
@@ -14926,7 +15071,7 @@ function PredicateEditor({
       onChange: (value) => onChange({ ...clause, value })
     }
   ) : null;
-  const removeControl = /* @__PURE__ */ jsx38(
+  const removeControl = /* @__PURE__ */ jsx39(
     "button",
     {
       type: "button",
@@ -14934,13 +15079,13 @@ function PredicateEditor({
       onClick: onRemove,
       disabled,
       "aria-label": `Remove ${field?.label ?? clause.field} filter`,
-      children: mobile ? "Remove filter" : /* @__PURE__ */ jsx38(Icon, { name: "close" })
+      children: mobile ? "Remove filter" : /* @__PURE__ */ jsx39(Icon, { name: "close" })
     }
   );
   if (mobile)
-    return /* @__PURE__ */ jsxs33("div", { className: "qt-mobile-predicate qt-mobile-form", children: [
-      showField && /* @__PURE__ */ jsx38("strong", { className: "qt-mobile-form-field--wide", children: field?.label ?? clause.field }),
-      /* @__PURE__ */ jsxs33(
+    return /* @__PURE__ */ jsxs34("div", { className: "qt-mobile-predicate qt-mobile-form", children: [
+      showField && /* @__PURE__ */ jsx39("strong", { className: "qt-mobile-form-field--wide", children: field?.label ?? clause.field }),
+      /* @__PURE__ */ jsxs34(
         "label",
         {
           className: cx5(
@@ -14948,19 +15093,19 @@ function PredicateEditor({
             !needsValue && "qt-mobile-form-field--wide"
           ),
           children: [
-            /* @__PURE__ */ jsx38("span", { children: "Condition" }),
+            /* @__PURE__ */ jsx39("span", { children: "Condition" }),
             conditionControl
           ]
         }
       ),
-      valueControl && /* @__PURE__ */ jsxs33("label", { className: "qt-mobile-form-field", children: [
-        /* @__PURE__ */ jsx38("span", { children: "Value" }),
+      valueControl && /* @__PURE__ */ jsxs34("label", { className: "qt-mobile-form-field", children: [
+        /* @__PURE__ */ jsx39("span", { children: "Value" }),
         valueControl
       ] }),
       removeControl
     ] });
-  return /* @__PURE__ */ jsxs33("span", { className: "qt-pred", children: [
-    /* @__PURE__ */ jsx38("span", { className: "qt-chip-field", children: field?.label ?? clause.field }),
+  return /* @__PURE__ */ jsxs34("span", { className: "qt-pred", children: [
+    /* @__PURE__ */ jsx39("span", { className: "qt-chip-field", children: field?.label ?? clause.field }),
     conditionControl,
     valueControl,
     removeControl
@@ -14970,6 +15115,7 @@ function ValueInput({
   api,
   field,
   value,
+  contextKey,
   forceFreeform,
   numeric: numeric2,
   placeholder = "value",
@@ -14980,7 +15126,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__ */ jsx38(
+      return /* @__PURE__ */ jsx39(
         PresentedValueInput,
         {
           field: field?.name ?? "",
@@ -14990,7 +15136,7 @@ function ValueInput({
         }
       );
     }
-    return /* @__PURE__ */ jsxs33(
+    return /* @__PURE__ */ jsxs34(
       "select",
       {
         className: cx5("qt-chip-val", classNames?.select),
@@ -14998,10 +15144,10 @@ function ValueInput({
         value,
         onChange: (e) => onChange(e.target.value),
         children: [
-          /* @__PURE__ */ jsx38("option", { value: "", children: "\u2014" }),
+          /* @__PURE__ */ jsx39("option", { value: "", children: "\u2014" }),
           strategy.options.map((o) => {
             const option = typeof o === "string" ? { value: o, label: o } : o;
-            return /* @__PURE__ */ jsx38("option", { value: option.value, children: option.label }, option.value);
+            return /* @__PURE__ */ jsx39("option", { value: option.value, children: option.label }, option.value);
           })
         ]
       }
@@ -15014,7 +15160,7 @@ function ValueInput({
       5,
       4
     );
-    return /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsx39(
       "input",
       {
         className: cx5("qt-chip-val", classNames?.input),
@@ -15029,63 +15175,19 @@ function ValueInput({
       }
     );
   }
-  return /* @__PURE__ */ jsx38(
-    AutocompleteInput,
+  return /* @__PURE__ */ jsx39(
+    FilterValueAutocomplete,
     {
       api,
       field,
       value,
-      classNames,
+      contextKey,
+      className: cx5("qt-chip-val", classNames?.input),
+      widthChars: chipFieldWidthForInput(value || "value", field.type, 5, 4),
       onChange
     }
   );
 }
-function AutocompleteInput({
-  api,
-  field,
-  value,
-  classNames,
-  onChange
-}) {
-  const [result, setResult] = useState30({
-    values: [],
-    hasMore: false
-  });
-  const listId = useId10();
-  useEffect21(() => {
-    let cancelled = false;
-    const t = setTimeout(() => {
-      void api.filterValues(field.name, value).then((r) => {
-        if (!cancelled) setResult(r);
-      }).catch(() => {
-        if (!cancelled) setResult({ values: [], hasMore: false });
-      });
-    }, 200);
-    return () => {
-      cancelled = true;
-      clearTimeout(t);
-    };
-  }, [api, field.name, value]);
-  return /* @__PURE__ */ jsxs33("span", { className: "qt-autocomplete", children: [
-    /* @__PURE__ */ jsx38(
-      "input",
-      {
-        className: cx5("qt-chip-val", classNames?.input),
-        value,
-        placeholder: "value",
-        "aria-label": `Value for ${field.label}`,
-        list: listId,
-        size: chipFieldWidthForInput(value || "value", field.type, 5, 4),
-        style: {
-          width: `${chipFieldWidthForInput(value || "value", field.type, 5, 4)}ch`
-        },
-        onChange: (e) => onChange(e.target.value)
-      }
-    ),
-    /* @__PURE__ */ jsx38("datalist", { id: listId, children: result.values.map((v) => /* @__PURE__ */ jsx38("option", { value: v }, v)) }),
-    result.hasMore && /* @__PURE__ */ jsx38("span", { className: "qt-autocomplete-hint", children: "keep typing to refine\u2026" })
-  ] });
-}
 function MobileClauseSummary({
   editLabel,
   disabled,
@@ -15094,7 +15196,7 @@ function MobileClauseSummary({
   onEdit,
   children
 }) {
-  return /* @__PURE__ */ jsx38("div", { className: cx5("qt-mobile-clause", className), children: /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsx39("div", { className: cx5("qt-mobile-clause", className), children: /* @__PURE__ */ jsxs34(
     "button",
     {
       type: "button",
@@ -15107,7 +15209,7 @@ function MobileClauseSummary({
       onClick: onEdit,
       children: [
         children,
-        /* @__PURE__ */ jsx38("span", { className: "qt-mobile-filter-edit", children: /* @__PURE__ */ jsx38(Icon, { name: "pencil" }) })
+        /* @__PURE__ */ jsx39("span", { className: "qt-mobile-filter-edit", children: /* @__PURE__ */ jsx39(Icon, { name: "pencil" }) })
       ]
     }
   ) });
@@ -15123,20 +15225,20 @@ function MobileChipEditor({
 }) {
   const mobile = useMobileLayout();
   if (!mobile) return children;
-  return /* @__PURE__ */ jsxs33(Fragment24, { children: [
-    /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs34(Fragment24, { children: [
+    /* @__PURE__ */ jsx39(
       MobileClauseSummary,
       {
         editLabel: `Edit ${title}: ${summary}`,
         disabled,
         onEdit: () => onOpenChange(true),
-        children: /* @__PURE__ */ jsxs33("span", { className: "qt-mobile-filter-summary", children: [
-          /* @__PURE__ */ jsx38("strong", { children: summaryTitle }),
-          /* @__PURE__ */ jsx38("span", { children: summary })
+        children: /* @__PURE__ */ jsxs34("span", { className: "qt-mobile-filter-summary", children: [
+          /* @__PURE__ */ jsx39("strong", { children: summaryTitle }),
+          /* @__PURE__ */ jsx39("span", { children: summary })
         ] })
       }
     ),
-    open && /* @__PURE__ */ jsx38(ModalSurface, { title, onClose: () => onOpenChange(false), children: /* @__PURE__ */ jsx38("div", { className: "qt-overlay-body qt-mobile-chip-editor", children }) })
+    open && /* @__PURE__ */ jsx39(ModalSurface, { title, onClose: () => onOpenChange(false), children: /* @__PURE__ */ jsx39("div", { className: "qt-overlay-body qt-mobile-chip-editor", children }) })
   ] });
 }
 function OrderTermChip({
@@ -15162,10 +15264,10 @@ function OrderTermChip({
 }) {
   const fieldHasNull = useFieldHasNull(api, field?.name);
   const mobile = useMobileLayout();
-  const [extractOpen, setExtractOpen] = useState30(false);
+  const [extractOpen, setExtractOpen] = useState31(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__ */ jsx38(
+  const extractionEditor = extractOpen && /* @__PURE__ */ jsx39(
     SortExtractionEditor,
     {
       api,
@@ -15185,8 +15287,8 @@ function OrderTermChip({
     }
   );
   if (mobile)
-    return /* @__PURE__ */ jsxs33(Fragment24, { children: [
-      /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsxs34(Fragment24, { children: [
+      /* @__PURE__ */ jsx39(
         MobileChipEditor,
         {
           title,
@@ -15195,10 +15297,10 @@ function OrderTermChip({
           disabled,
           open: editorOpen,
           onOpenChange: onEditorChange,
-          children: /* @__PURE__ */ jsxs33("div", { className: "qt-mobile-form", children: [
-            /* @__PURE__ */ jsxs33("label", { className: "qt-mobile-form-field", children: [
-              /* @__PURE__ */ jsx38("span", { children: "Direction" }),
-              /* @__PURE__ */ jsxs33(
+          children: /* @__PURE__ */ jsxs34("div", { className: "qt-mobile-form", children: [
+            /* @__PURE__ */ jsxs34("label", { className: "qt-mobile-form-field", children: [
+              /* @__PURE__ */ jsx39("span", { children: "Direction" }),
+              /* @__PURE__ */ jsxs34(
                 "select",
                 {
                   className: cx5("qt-input", classNames?.select),
@@ -15208,15 +15310,15 @@ function OrderTermChip({
                     dir: event.target.value
                   }),
                   children: [
-                    /* @__PURE__ */ jsx38("option", { value: "asc", children: "Ascending" }),
-                    /* @__PURE__ */ jsx38("option", { value: "desc", children: "Descending" })
+                    /* @__PURE__ */ jsx39("option", { value: "asc", children: "Ascending" }),
+                    /* @__PURE__ */ jsx39("option", { value: "desc", children: "Descending" })
                   ]
                 }
               )
             ] }),
-            (term.extract != null || fieldHasNull !== false) && /* @__PURE__ */ jsxs33("label", { className: "qt-mobile-form-field", children: [
-              /* @__PURE__ */ jsx38("span", { children: "Null values" }),
-              /* @__PURE__ */ jsxs33(
+            (term.extract != null || fieldHasNull !== false) && /* @__PURE__ */ jsxs34("label", { className: "qt-mobile-form-field", children: [
+              /* @__PURE__ */ jsx39("span", { children: "Null values" }),
+              /* @__PURE__ */ jsxs34(
                 "select",
                 {
                   className: cx5("qt-input", classNames?.select),
@@ -15226,15 +15328,15 @@ function OrderTermChip({
                     nulls: event.target.value
                   }),
                   children: [
-                    /* @__PURE__ */ jsx38("option", { value: "last", children: "Last" }),
-                    /* @__PURE__ */ jsx38("option", { value: "first", children: "First" })
+                    /* @__PURE__ */ jsx39("option", { value: "last", children: "Last" }),
+                    /* @__PURE__ */ jsx39("option", { value: "first", children: "First" })
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs33("div", { className: "qt-mobile-form-field qt-mobile-form-field--wide", children: [
-              /* @__PURE__ */ jsx38("span", { children: "Extraction" }),
-              /* @__PURE__ */ jsxs33(
+            /* @__PURE__ */ jsxs34("div", { className: "qt-mobile-form-field qt-mobile-form-field--wide", children: [
+              /* @__PURE__ */ jsx39("span", { children: "Extraction" }),
+              /* @__PURE__ */ jsxs34(
                 "button",
                 {
                   type: "button",
@@ -15243,13 +15345,13 @@ function OrderTermChip({
                   onClick: () => setExtractOpen(true),
                   "aria-label": `Configure regex extract for ${label}`,
                   children: [
-                    /* @__PURE__ */ jsx38(Icon, { name: term.extract ? "pencil" : "add" }),
+                    /* @__PURE__ */ jsx39(Icon, { name: term.extract ? "pencil" : "add" }),
                     term.extract ? "Edit regex extraction" : "regex extract"
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx38("div", { className: "qt-mobile-form-actions", children: /* @__PURE__ */ jsx38(
+            /* @__PURE__ */ jsx39("div", { className: "qt-mobile-form-actions", children: /* @__PURE__ */ jsx39(
               "button",
               {
                 type: "button",
@@ -15265,8 +15367,8 @@ function OrderTermChip({
       ),
       extractionEditor
     ] });
-  return /* @__PURE__ */ jsxs33(Fragment24, { children: [
-    /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(Fragment24, { children: [
+    /* @__PURE__ */ jsxs34(
       "span",
       {
         className: cx5(
@@ -15290,10 +15392,10 @@ function OrderTermChip({
         onDragEnd,
         title: "drag to reorder sort priority",
         children: [
-          /* @__PURE__ */ jsx38("span", { "aria-hidden": true, className: "qt-chip-grip", children: /* @__PURE__ */ jsx38(Icon, { name: "grip" }) }),
-          showPriority && /* @__PURE__ */ jsx38("span", { className: "qt-chip-priority", children: priority }),
-          /* @__PURE__ */ jsx38("span", { className: "qt-chip-field", children: label }),
-          /* @__PURE__ */ jsxs33(
+          /* @__PURE__ */ jsx39("span", { "aria-hidden": true, className: "qt-chip-grip", children: /* @__PURE__ */ jsx39(Icon, { name: "grip" }) }),
+          showPriority && /* @__PURE__ */ jsx39("span", { className: "qt-chip-priority", children: priority }),
+          /* @__PURE__ */ jsx39("span", { className: "qt-chip-field", children: label }),
+          /* @__PURE__ */ jsxs34(
             "button",
             {
               type: "button",
@@ -15301,12 +15403,12 @@ function OrderTermChip({
               disabled,
               onClick: () => updateTerm(dataIndex, { dir: term.dir === "asc" ? "desc" : "asc" }),
               children: [
-                /* @__PURE__ */ jsx38(Icon, { name: term.dir === "asc" ? "arrowUp" : "arrowDown" }),
+                /* @__PURE__ */ jsx39(Icon, { name: term.dir === "asc" ? "arrowUp" : "arrowDown" }),
                 term.dir === "asc" ? "asc" : "desc"
               ]
             }
           ),
-          term.extract && /* @__PURE__ */ jsxs33(
+          term.extract && /* @__PURE__ */ jsxs34(
             "button",
             {
               type: "button",
@@ -15316,12 +15418,12 @@ function OrderTermChip({
               disabled,
               onClick: () => setExtractOpen(true),
               children: [
-                /* @__PURE__ */ jsx38(Icon, { name: "pencil" }),
+                /* @__PURE__ */ jsx39(Icon, { name: "pencil" }),
                 "regex extraction"
               ]
             }
           ),
-          (term.extract != null || fieldHasNull !== false) && /* @__PURE__ */ jsxs33(
+          (term.extract != null || fieldHasNull !== false) && /* @__PURE__ */ jsxs34(
             "button",
             {
               type: "button",
@@ -15337,7 +15439,7 @@ function OrderTermChip({
               ]
             }
           ),
-          /* @__PURE__ */ jsx38(
+          /* @__PURE__ */ jsx39(
             "button",
             {
               type: "button",
@@ -15345,7 +15447,7 @@ function OrderTermChip({
               onClick: () => removeTerm(dataIndex),
               disabled,
               "aria-label": `Remove ${label} sort`,
-              children: /* @__PURE__ */ jsx38(Icon, { name: "close" })
+              children: /* @__PURE__ */ jsx39(Icon, { name: "close" })
             }
           )
         ]
@@ -15366,11 +15468,11 @@ function OrderRow({
     () => new Map(fields.map((f) => [f.name, f])),
     [fields]
   );
-  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);
+  const [drag, setDrag] = useState31(null);
+  const [adding, setAdding] = useState31(false);
+  const [regexField, setRegexField] = useState31(null);
+  const [regexDirection, setRegexDirection] = useState31("desc");
+  const [editingSort, setEditingSort] = useState31(null);
   function setOrderBy(next) {
     api.setSort(next);
   }
@@ -15463,7 +15565,7 @@ function OrderRow({
   }
   const renderTerm = (name, position) => {
     const term = termByField.get(name);
-    return /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsx39(
       OrderTermChip,
       {
         api,
@@ -15493,10 +15595,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__ */ jsxs33(Fragment24, { children: [
-    /* @__PURE__ */ jsxs33(PickerAnchor, { children: [
-      /* @__PURE__ */ jsxs33("span", { className: "qt-split-btn", role: "group", "aria-label": "Sort actions", children: [
-        /* @__PURE__ */ jsxs33(
+  const actions = /* @__PURE__ */ jsxs34(Fragment24, { children: [
+    /* @__PURE__ */ jsxs34(PickerAnchor, { children: [
+      /* @__PURE__ */ jsxs34("span", { className: "qt-split-btn", role: "group", "aria-label": "Sort actions", children: [
+        /* @__PURE__ */ jsxs34(
           "button",
           {
             type: "button",
@@ -15507,12 +15609,12 @@ function OrderRow({
             onClick: () => setAdding((previous) => !previous),
             disabled: disabled || sortable.length === 0,
             children: [
-              /* @__PURE__ */ jsx38(Icon, { name: "add" }),
+              /* @__PURE__ */ jsx39(Icon, { name: "add" }),
               mobile ? "Add" : "add sort"
             ]
           }
         ),
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx39(
           "button",
           {
             type: "button",
@@ -15523,11 +15625,11 @@ function OrderRow({
             "aria-expanded": regexField != null,
             disabled: disabled || sortable.length === 0,
             onClick: () => openRegexConfigurator(),
-            children: /* @__PURE__ */ jsx38(Icon, { name: "chevronRight", size: 18 })
+            children: /* @__PURE__ */ jsx39(Icon, { name: "chevronRight", size: 18 })
           }
         )
       ] }),
-      adding && /* @__PURE__ */ jsx38(
+      adding && /* @__PURE__ */ jsx39(
         SortPicker,
         {
           fields: sortable,
@@ -15537,7 +15639,7 @@ function OrderRow({
         }
       )
     ] }),
-    !isDefaultOrderBy && /* @__PURE__ */ jsx38(
+    !isDefaultOrderBy && /* @__PURE__ */ jsx39(
       "button",
       {
         type: "button",
@@ -15548,13 +15650,13 @@ function OrderRow({
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs33("div", { className: cx5("qt-qb-row qt-qb-row--sort", orderBy.length === 0 && "qt-qb-row--unused"), children: [
-    /* @__PURE__ */ jsxs33("div", { className: "qt-qb-section-header", children: [
-      /* @__PURE__ */ jsx38("span", { className: "qt-qb-kw", "data-mobile-label": "Sort", children: "order by" }),
+  return /* @__PURE__ */ jsxs34("div", { className: cx5("qt-qb-row qt-qb-row--sort", orderBy.length === 0 && "qt-qb-row--unused"), children: [
+    /* @__PURE__ */ jsxs34("div", { className: "qt-qb-section-header", children: [
+      /* @__PURE__ */ jsx39("span", { className: "qt-qb-kw", "data-mobile-label": "Sort", children: "order by" }),
       mobile && actions
     ] }),
-    orderBy.length === 0 && !adding && /* @__PURE__ */ jsx38("span", { className: "qt-qb-hint", children: "(default)" }),
-    mobile && orderBy.length > 0 ? /* @__PURE__ */ jsx38(
+    orderBy.length === 0 && !adding && /* @__PURE__ */ jsx39("span", { className: "qt-qb-hint", children: "(default)" }),
+    mobile && orderBy.length > 0 ? /* @__PURE__ */ jsx39(
       ReorderList,
       {
         className: "qt-query-reorder-list",
@@ -15576,7 +15678,7 @@ function OrderRow({
       }
     ) : rendered.map(renderTerm),
     !mobile && actions,
-    regexField && /* @__PURE__ */ jsx38(
+    regexField && /* @__PURE__ */ jsx39(
       SortExtractionEditor,
       {
         api,
@@ -15617,17 +15719,17 @@ function WindowRow({
   compact
 }) {
   const { query } = api;
-  const offsetId = useId10();
-  const [addingOffset, setAddingOffset] = useState30(false);
-  const offsetInput = useRef22(null);
-  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(() => {
+  const offsetId = useId11();
+  const [addingOffset, setAddingOffset] = useState31(false);
+  const offsetInput = useRef23(null);
+  const [limitDraft, setLimitDraft] = useState31(String(query.limit));
+  const [offsetDraft, setOffsetDraft] = useState31(String(query.offset));
+  useEffect22(() => setLimitDraft(String(query.limit)), [query.limit]);
+  useEffect22(() => setOffsetDraft(String(query.offset)), [query.offset]);
+  useEffect22(() => {
     if (query.offset > 0) setAddingOffset(false);
   }, [query.offset]);
-  useEffect21(() => {
+  useEffect22(() => {
     if (addingOffset) {
       offsetInput.current?.focus();
       offsetInput.current?.select();
@@ -15639,10 +15741,10 @@ function WindowRow({
   function commitOffset() {
     api.setOffset(Math.max(0, Number(offsetDraft) || 0));
   }
-  return /* @__PURE__ */ jsxs33("div", { className: "qt-qb-row qt-qb-pagination", children: [
-    /* @__PURE__ */ jsxs33("label", { className: "qt-qb-window-field", children: [
-      /* @__PURE__ */ jsx38("span", { className: "qt-qb-kw", "data-mobile-label": "Limit", children: "limit" }),
-      /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs34("div", { className: "qt-qb-row qt-qb-pagination", children: [
+    /* @__PURE__ */ jsxs34("label", { className: "qt-qb-window-field", children: [
+      /* @__PURE__ */ jsx39("span", { className: "qt-qb-kw", "data-mobile-label": "Limit", children: "limit" }),
+      /* @__PURE__ */ jsx39(
         "input",
         {
           className: cx5("qt-qb-num", classNames?.input),
@@ -15656,8 +15758,8 @@ function WindowRow({
         }
       )
     ] }),
-    !compact || query.offset > 0 || addingOffset ? /* @__PURE__ */ jsxs33("div", { className: "qt-qb-window-field", children: [
-      /* @__PURE__ */ jsx38(
+    !compact || query.offset > 0 || addingOffset ? /* @__PURE__ */ jsxs34("div", { className: "qt-qb-window-field", children: [
+      /* @__PURE__ */ jsx39(
         "label",
         {
           className: "qt-qb-kw",
@@ -15666,8 +15768,8 @@ function WindowRow({
           children: "offset"
         }
       ),
-      /* @__PURE__ */ jsxs33("span", { className: "qt-qb-num-combo", children: [
-        /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsxs34("span", { className: "qt-qb-num-combo", children: [
+        /* @__PURE__ */ jsx39(
           "input",
           {
             ref: offsetInput,
@@ -15682,7 +15784,7 @@ function WindowRow({
             onKeyDown: (e) => e.key === "Enter" && commitOffset()
           }
         ),
-        query.offset >= query.limit && /* @__PURE__ */ jsxs33(
+        query.offset >= query.limit && /* @__PURE__ */ jsxs34(
           "button",
           {
             type: "button",
@@ -15697,7 +15799,7 @@ function WindowRow({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs33(
+        /* @__PURE__ */ jsxs34(
           "button",
           {
             type: "button",
@@ -15713,12 +15815,12 @@ function WindowRow({
           }
         )
       ] }),
-      compact && /* @__PURE__ */ jsx38("button", { type: "button", className: "qt-chip-x", "aria-label": "Clear offset", disabled, onClick: () => {
+      compact && /* @__PURE__ */ jsx39("button", { type: "button", className: "qt-chip-x", "aria-label": "Clear offset", disabled, onClick: () => {
         setAddingOffset(false);
         api.setOffset(0);
-      }, children: /* @__PURE__ */ jsx38(Icon, { name: "close" }) })
-    ] }) : /* @__PURE__ */ jsxs33("button", { type: "button", className: "qt-add", "aria-label": "Add offset", disabled, onClick: () => setAddingOffset(true), children: [
-      /* @__PURE__ */ jsx38(Icon, { name: "add" }),
+      }, children: /* @__PURE__ */ jsx39(Icon, { name: "close" }) })
+    ] }) : /* @__PURE__ */ jsxs34("button", { type: "button", className: "qt-add", "aria-label": "Add offset", disabled, onClick: () => setAddingOffset(true), children: [
+      /* @__PURE__ */ jsx39(Icon, { name: "add" }),
       "add offset"
     ] })
   ] });
@@ -15729,7 +15831,7 @@ function MetricsRow({
   theme,
   locale
 }) {
-  const [editing, setEditing] = useState30(false);
+  const [editing, setEditing] = useState31(false);
   const allFields = useMemo12(
     () => [
       ...fields,
@@ -15739,10 +15841,10 @@ function MetricsRow({
     ],
     [fields, api.computed.catalogue]
   );
-  return /* @__PURE__ */ jsxs33(Fragment24, { children: [
-    api.aggregations.clauses.length === 0 && /* @__PURE__ */ jsx38("div", { className: "qt-qb-row qt-qb-row--metrics qt-qb-row--unused", children: /* @__PURE__ */ jsxs33("div", { className: "qt-qb-section-header", children: [
-      /* @__PURE__ */ jsx38("span", { className: "qt-qb-kw", "data-mobile-label": "Metrics", children: "metrics" }),
-      /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(Fragment24, { children: [
+    api.aggregations.clauses.length === 0 && /* @__PURE__ */ jsx39("div", { className: "qt-qb-row qt-qb-row--metrics qt-qb-row--unused", children: /* @__PURE__ */ jsxs34("div", { className: "qt-qb-section-header", children: [
+      /* @__PURE__ */ jsx39("span", { className: "qt-qb-kw", "data-mobile-label": "Metrics", children: "metrics" }),
+      /* @__PURE__ */ jsxs34(
         "button",
         {
           type: "button",
@@ -15751,14 +15853,14 @@ function MetricsRow({
           "aria-haspopup": "dialog",
           onClick: () => setEditing(true),
           children: [
-            /* @__PURE__ */ jsx38(Icon, { name: "add" }),
+            /* @__PURE__ */ jsx39(Icon, { name: "add" }),
             "add metric",
-            /* @__PURE__ */ jsx38(Icon, { name: "arrowRight", size: 14 })
+            /* @__PURE__ */ jsx39(Icon, { name: "arrowRight", size: 14 })
           ]
         }
       )
     ] }) }),
-    editing && /* @__PURE__ */ jsx38(
+    editing && /* @__PURE__ */ jsx39(
       MetricsEditor,
       {
         api,
@@ -15772,17 +15874,17 @@ function MetricsRow({
 }
 // src/SelectionToolbar.tsx
-import { jsx as jsx39, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs35 } 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__ */ jsxs34("div", { className: cx6("qt-selection-toolbar", className), role: "toolbar", children: [
-    /* @__PURE__ */ jsxs34("span", { className: "qt-selection-count", children: [
+  return /* @__PURE__ */ jsxs35("div", { className: cx6("qt-selection-toolbar", className), role: "toolbar", children: [
+    /* @__PURE__ */ jsxs35("span", { className: "qt-selection-count", children: [
       selection.count,
       " selected"
     ] }),
-    /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsx40(
       "button",
       {
         type: "button",
@@ -15792,7 +15894,7 @@ function SelectionToolbar({ selection, actions, alwaysShow, className }) {
         children: "clear"
       }
     ),
-    /* @__PURE__ */ jsx39("span", { className: "qt-selection-actions", children: actions(selectedIds, selection) })
+    /* @__PURE__ */ jsx40("span", { className: "qt-selection-actions", children: actions(selectedIds, selection) })
   ] });
 }
 export {