@marimo-team/islands 0.23.4-dev1 → 0.23.4-dev10

package/dist/{slide-form-kI-kSHC_.js → slide-form--t4NFxYc.js}

@@ -34,7 +34,7 @@ import { n as formats } from "./vega-loader.browser-3_z8GoFC.js";
 import { a as getContainerWidth, n as vegaLoadData, r as createBatchedLoader, s as tooltipHandler, t as parseCsvData } from "./loader-BvW0-YWZ.js";
 import { t as useIframeCapabilities } from "./useIframeCapabilities-DbdLoEDm.js";
 import { t as useAsyncData } from "./useAsyncData-CKYzhCis.js";
-let SELECT_COLUMN_ID, slotsController, Expand, NAMELESS_COLUMN_PREFIX, ContextAwarePanelItem, EmotionCacheProvider, contextAwarePanelType, GripHorizontal, contextAwarePanelOwner, TextWrap, TableBody, ChevronsLeft, ColumnChartSpecModel, inferFieldTypes, TableCell, ChevronsDownUp, usePrevious, DelayMount, TableHead, ChevronLeft, Fill, Download, Provider$1, ChevronsUpDown, isCellAwareAtom, Funnel, Table, ChevronsRight, INDEX_COLUMN_NAME, TableHeader, ArrowDownWideNarrow, ComboboxItem, HtmlOutput, contextAwarePanelOpen, isStaticNotebook, renderCellValue, generateColumns, ColumnChartContext, loadTableAndRawData, getPageIndexForRow, loadTableData, Filenames, ChartLoadingState, Slide, CommandEmpty, useInternalStateWithSync, RenderTextWithLinks, JsonOutput, CommandList, DataTable, Tabs, TOO_MANY_ROWS, InstallPackageButton, TabsContent, downloadHTMLAsImage, ChartInfoState, downloadByURL, ChartErrorState, SlideSidebar, Command, Toggle, Ellipsis, SlotNames, EyeOff, OutputArea, CommandSeparator, downloadBlob, TabsTrigger, DEFAULT_SLIDE_TYPE, getMimeValues, RadioGroup, CommandInput, ADD_PRINTING_CLASS, TabsList, useIntersectionObserver, SLIDE_TYPE_OPTIONS_BY_VALUE, filtersToFilterGroup, RadioGroupItem, CommandItem, DEFAULT_DECK_TRANSITION, toFieldTypes, OutputRenderer, Maps, prettifyRowColumnCount, LazyVegaEmbed, PANEL_TYPES, getStaticVirtualFiles, Combobox, Kbd, prettifyRowCount, useOverflowDetection, TableRow;
+let INDEX_COLUMN_NAME, slotsController, Expand, NAMELESS_COLUMN_PREFIX, ContextAwarePanelItem, EmotionCacheProvider, contextAwarePanelType, GripHorizontal, contextAwarePanelOwner, TextWrap, TableBody, ChevronsLeft, ColumnChartSpecModel, inferFieldTypes, TableCell, ChevronsDownUp, usePrevious, DelayMount, TableHead, ChevronLeft, Fill, Download, Provider$1, ChevronsUpDown, isCellAwareAtom, Funnel, Table, ChevronsRight, loadTableData, TableHeader, ArrowDownWideNarrow, ComboboxItem, HtmlOutput, contextAwarePanelOpen, isStaticNotebook, renderCellValue, generateColumns, ColumnChartContext, getPageIndexForRow, filtersToFilterGroup, loadTableAndRawData, Filenames, ChartLoadingState, Slide, CommandEmpty, useInternalStateWithSync, RenderTextWithLinks, JsonOutput, CommandList, DataTable, Tabs, SELECT_COLUMN_ID, InstallPackageButton, TabsContent, downloadHTMLAsImage, ChartInfoState, downloadByURL, ChartErrorState, SlideSidebar, Command, Toggle, Ellipsis, SlotNames, EyeOff, OutputArea, CommandSeparator, downloadBlob, TabsTrigger, DEFAULT_SLIDE_TYPE, toFieldTypes, RadioGroup, CommandInput, ADD_PRINTING_CLASS, TabsList, useIntersectionObserver, SLIDE_TYPE_OPTIONS_BY_VALUE, getMimeValues, RadioGroupItem, CommandItem, DEFAULT_DECK_TRANSITION, TOO_MANY_ROWS, OutputRenderer, Maps, prettifyRowColumnCount, LazyVegaEmbed, PANEL_TYPES, getStaticVirtualFiles, Combobox, Kbd, prettifyRowCount, useOverflowDetection, TableRow;
 let __tla = Promise.all([
   (() => {
     try {
@@ -12521,6 +12521,104 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       return n;
     }
   };
+  var import_compiler_runtime$31 = require_compiler_runtime();
+  const DraggablePopover = (e) => {
+    let t = (0, import_compiler_runtime$31.c)(25), n, i, a;
+    t[0] === e ? (n = t[1], i = t[2], a = t[3]) : ({ children: n, className: i, ...a } = e, t[0] = e, t[1] = n, t[2] = i, t[3] = a);
+    let o;
+    t[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = {
+      x: 0,
+      y: 0
+    }, t[4] = o) : o = t[4];
+    let [s, c] = (0, import_react.useState)(o), d;
+    t[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = {
+      x: 0,
+      y: 0
+    }, t[5] = d) : d = t[5];
+    let f = (0, import_react.useRef)(d), [h, _] = (0, import_react.useState)(false), v;
+    if (t[6] !== s.x || t[7] !== s.y) {
+      v = (t2) => {
+        f.current = {
+          x: t2.clientX - s.x,
+          y: t2.clientY - s.y
+        }, _(true), document.addEventListener("mousemove", e2), document.addEventListener("mouseup", n2);
+      };
+      let e2 = (e3) => {
+        c({
+          x: e3.clientX - f.current.x,
+          y: e3.clientY - f.current.y
+        });
+      }, n2 = () => {
+        _(false), document.removeEventListener("mousemove", e2), document.removeEventListener("mouseup", n2);
+      };
+      t[6] = s.x, t[7] = s.y, t[8] = v;
+    } else v = t[8];
+    let y;
+    t[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = (0, import_jsx_runtime.jsx)(PopoverTrigger, {}), t[9] = y) : y = t[9];
+    let S;
+    t[10] !== s.x || t[11] !== s.y ? (S = {
+      position: "fixed",
+      left: s.x,
+      top: s.y
+    }, t[10] = s.x, t[11] = s.y, t[12] = S) : S = t[12];
+    let w = `flex items-center justify-center absolute top-0 left-1/2 -translate-x-1/2 ${h ? "cursor-grabbing" : "cursor-grab"}`, E;
+    t[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = (0, import_jsx_runtime.jsx)(GripHorizontal, {
+      className: "h-5 w-5 mt-1 text-muted-foreground/40"
+    }), t[13] = E) : E = t[13];
+    let O;
+    t[14] !== v || t[15] !== w ? (O = (0, import_jsx_runtime.jsx)("div", {
+      onMouseDown: v,
+      className: w,
+      children: E
+    }), t[14] = v, t[15] = w, t[16] = O) : O = t[16];
+    let A;
+    t[17] !== n || t[18] !== i || t[19] !== S || t[20] !== O ? (A = (0, import_jsx_runtime.jsxs)(PopoverContent, {
+      className: i,
+      style: S,
+      children: [
+        O,
+        n
+      ]
+    }), t[17] = n, t[18] = i, t[19] = S, t[20] = O, t[21] = A) : A = t[21];
+    let M;
+    return t[22] !== a || t[23] !== A ? (M = (0, import_jsx_runtime.jsxs)(Popover, {
+      ...a,
+      children: [
+        y,
+        A
+      ]
+    }), t[22] = a, t[23] = A, t[24] = M) : M = t[24], M;
+  }, Sets = {
+    merge(...e) {
+      let t = /* @__PURE__ */ new Set();
+      for (let n of e) for (let e2 of n) t.add(e2);
+      return t;
+    },
+    equals(e, t) {
+      if (e.size !== t.size) return false;
+      for (let n of e) if (!t.has(n)) return false;
+      return true;
+    },
+    toggle(e, t) {
+      let n = new Set(e);
+      return n.has(t) ? n.delete(t) : n.add(t), n;
+    }
+  };
+  function words(e) {
+    return e.toLowerCase().match(/[\da-z]+/g) || [];
+  }
+  function smartMatch(e, t) {
+    let n = words(e);
+    if (n.length === 0) return true;
+    let i = Array.isArray(t) ? t : [
+      t
+    ], a = [];
+    for (let e2 of i) e2 && a.push(...words(e2));
+    return n.every((e2) => a.some((t2) => t2.startsWith(e2)));
+  }
+  function smartMatchFilter(e, t, n) {
+    return smartMatch(t, e) ? 1 : n && smartMatch(t, n) ? 0.8 : 0;
+  }
   var U$1 = 1, Y$1 = 0.9, H = 0.8, J$1 = 0.17, p = 0.1, u = 0.999, $$1 = 0.9999, k$1 = 0.99, m = /[\\\/_+.#"@\[\(\{&]/, B$1 = /[\\\/_+.#"@\[\(\{&]/g, K$2 = /[\s-]/, X$1 = /[\s-]/g;
   function G(e, t, n, i, a, o, s) {
     if (o === t.length) return a === e.length ? U$1 : k$1;
@@ -13103,7 +13201,8 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ref: t.ref
     }, n(t.props.children)) : n(t);
   }
-  var Te = {
+  let Te, import_compiler_runtime$30;
+  Te = {
     position: "absolute",
     width: "1px",
     height: "1px",
@@ -13114,25 +13213,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     whiteSpace: "nowrap",
     borderWidth: "0"
   };
-  function words(e) {
-    return e.toLowerCase().match(/[\da-z]+/g) || [];
-  }
-  function smartMatch(e, t) {
-    let n = words(e);
-    if (n.length === 0) return true;
-    let i = Array.isArray(t) ? t : [
-      t
-    ], a = [];
-    for (let e2 of i) e2 && a.push(...words(e2));
-    return n.every((e2) => a.some((t2) => t2.startsWith(e2)));
-  }
-  function smartMatchFilter(e, t, n) {
-    return smartMatch(t, e) ? 1 : n && smartMatch(t, n) ? 0.8 : 0;
-  }
-  let import_compiler_runtime$31;
-  import_compiler_runtime$31 = require_compiler_runtime();
+  import_compiler_runtime$30 = require_compiler_runtime();
   Command = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$31.c)(9), i, o;
+    let n = (0, import_compiler_runtime$30.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", i), n[3] = i, n[4] = s);
@@ -13146,7 +13229,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   Command.displayName = _e.displayName;
   CommandInput = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$31.c)(19), i, o, s, c;
+    let n = (0, import_compiler_runtime$30.c)(19), i, o, s, c;
     n[0] === e ? (i = n[1], o = n[2], s = n[3], c = n[4]) : ({ className: i, icon: o, rootClassName: c, ...s } = e, n[0] = e, n[1] = i, n[2] = o, n[3] = s, n[4] = c);
     let d;
     n[5] === c ? d = n[6] : (d = cn("flex items-center border-b px-3", c), n[5] = c, n[6] = d);
@@ -13174,7 +13257,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   CommandInput.displayName = _e.Input.displayName;
   CommandList = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$31.c)(9), i, o;
+    let n = (0, import_compiler_runtime$30.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn("max-h-[300px] overflow-y-auto overflow-x-hidden", i), n[3] = i, n[4] = s);
@@ -13187,7 +13270,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   CommandList.displayName = _e.List.displayName;
   CommandEmpty = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$31.c)(3), i;
+    let n = (0, import_compiler_runtime$30.c)(3), i;
     return n[0] !== e || n[1] !== t ? (i = (0, import_jsx_runtime.jsx)(_e.Empty, {
       ref: t,
       className: "py-6 text-center text-sm",
@@ -13196,7 +13279,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   CommandEmpty.displayName = _e.Empty.displayName;
   var CommandGroup = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$31.c)(9), i, o;
+    let n = (0, import_compiler_runtime$30.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", i), n[3] = i, n[4] = s);
@@ -13209,7 +13292,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   CommandGroup.displayName = _e.Group.displayName;
   CommandSeparator = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$31.c)(9), i, a;
+    let n = (0, import_compiler_runtime$30.c)(9), i, a;
     n[0] === e ? (i = n[1], a = n[2]) : ({ className: i, ...a } = e, n[0] = e, n[1] = i, n[2] = a);
     let o;
     n[3] === i ? o = n[4] : (o = menuSeparatorVariants({
@@ -13224,7 +13307,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   CommandSeparator.displayName = _e.Separator.displayName;
   CommandItem = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$31.c)(17), i, o, s, c, d;
+    let n = (0, import_compiler_runtime$30.c)(17), i, o, s, c, d;
     if (n[0] !== t || n[1] !== e) {
       let { className: f2, variant: h, inset: _, ...v } = e;
       i = _e.Item, o = t, n[7] !== f2 || n[8] !== _ || n[9] !== h ? (s = cn(menuItemVariants({
@@ -13241,112 +13324,487 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), n[11] = i, n[12] = o, n[13] = s, n[14] = c, n[15] = d, n[16] = f) : f = n[16], f;
   });
   CommandItem.displayName = _e.Item.displayName;
-  var import_compiler_runtime$30 = require_compiler_runtime();
-  const DraggablePopover = (e) => {
-    let t = (0, import_compiler_runtime$30.c)(25), n, i, a;
-    t[0] === e ? (n = t[1], i = t[2], a = t[3]) : ({ children: n, className: i, ...a } = e, t[0] = e, t[1] = n, t[2] = i, t[3] = a);
-    let o;
-    t[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = {
-      x: 0,
-      y: 0
-    }, t[4] = o) : o = t[4];
-    let [s, c] = (0, import_react.useState)(o), d;
-    t[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = {
-      x: 0,
-      y: 0
-    }, t[5] = d) : d = t[5];
-    let f = (0, import_react.useRef)(d), [h, _] = (0, import_react.useState)(false), v;
-    if (t[6] !== s.x || t[7] !== s.y) {
-      v = (t2) => {
-        f.current = {
-          x: t2.clientX - s.x,
-          y: t2.clientY - s.y
-        }, _(true), document.addEventListener("mousemove", e2), document.addEventListener("mouseup", n2);
-      };
-      let e2 = (e3) => {
-        c({
-          x: e3.clientX - f.current.x,
-          y: e3.clientY - f.current.y
-        });
-      }, n2 = () => {
-        _(false), document.removeEventListener("mousemove", e2), document.removeEventListener("mouseup", n2);
-      };
-      t[6] = s.x, t[7] = s.y, t[8] = v;
-    } else v = t[8];
-    let y;
-    t[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = (0, import_jsx_runtime.jsx)(PopoverTrigger, {}), t[9] = y) : y = t[9];
-    let S;
-    t[10] !== s.x || t[11] !== s.y ? (S = {
-      position: "fixed",
-      left: s.x,
-      top: s.y
-    }, t[10] = s.x, t[11] = s.y, t[12] = S) : S = t[12];
-    let w = `flex items-center justify-center absolute top-0 left-1/2 -translate-x-1/2 ${h ? "cursor-grabbing" : "cursor-grab"}`, E;
-    t[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = (0, import_jsx_runtime.jsx)(GripHorizontal, {
-      className: "h-5 w-5 mt-1 text-muted-foreground/40"
-    }), t[13] = E) : E = t[13];
-    let O;
-    t[14] !== v || t[15] !== w ? (O = (0, import_jsx_runtime.jsx)("div", {
-      onMouseDown: v,
-      className: w,
-      children: E
-    }), t[14] = v, t[15] = w, t[16] = O) : O = t[16];
-    let A;
-    t[17] !== n || t[18] !== i || t[19] !== S || t[20] !== O ? (A = (0, import_jsx_runtime.jsxs)(PopoverContent, {
-      className: i,
-      style: S,
-      children: [
-        O,
-        n
-      ]
-    }), t[17] = n, t[18] = i, t[19] = S, t[20] = O, t[21] = A) : A = t[21];
-    let M;
-    return t[22] !== a || t[23] !== A ? (M = (0, import_jsx_runtime.jsxs)(Popover, {
-      ...a,
-      children: [
-        y,
-        A
-      ]
-    }), t[22] = a, t[23] = A, t[24] = M) : M = t[24], M;
-  }, Filter = {
-    number(e) {
-      return {
-        type: "number",
-        ...e
-      };
+  var import_compiler_runtime$29 = require_compiler_runtime(), WHITESPACE_CHARS = {
+    " ": {
+      marker: "\u2423",
+      name: "space"
     },
-    text(e) {
-      return {
-        type: "text",
-        ...e
-      };
+    "	": {
+      marker: "\\t",
+      name: "tab"
     },
-    date(e) {
-      return {
-        type: "date",
-        ...e
-      };
+    "\n": {
+      marker: "\\n",
+      name: "newline"
     },
-    datetime(e) {
-      return {
-        type: "datetime",
-        ...e
-      };
+    "\r": {
+      marker: "\\r",
+      name: "carriage return"
+    }
+  };
+  function renderWhitespaceMarkers(e) {
+    return [
+      ...e
+    ].map((e2, t) => {
+      let n = WHITESPACE_CHARS[e2];
+      return (0, import_jsx_runtime.jsx)("span", {
+        className: "mr-0.5 last:mr-0",
+        children: n ? n.marker : `\\u${(e2.codePointAt(0) ?? 0).toString(16).padStart(4, "0")}`
+      }, t);
+    });
+  }
+  function describeWhitespace(e) {
+    var _a2;
+    let t = {};
+    for (let n of e) {
+      let e2 = ((_a2 = WHITESPACE_CHARS[n]) == null ? void 0 : _a2.name) ?? "unicode whitespace";
+      t[e2] = (t[e2] ?? 0) + 1;
+    }
+    return Object.entries(t).map(([e2, t2]) => `${t2} ${e2}${t2 > 1 ? "s" : ""}`).join(", ");
+  }
+  var SENTINEL_CONFIG = {
+    null: {
+      label: () => "None",
+      tooltip: () => "None",
+      ariaLabel: () => "None"
     },
-    time(e) {
-      return {
-        type: "time",
-        ...e
-      };
+    "empty-string": {
+      label: () => "<empty>",
+      tooltip: () => "<empty>",
+      ariaLabel: () => "empty string"
     },
-    boolean(e) {
-      return {
-        type: "boolean",
-        ...e
-      };
+    whitespace: {
+      label: (e) => renderWhitespaceMarkers(String(e)),
+      tooltip: (e) => describeWhitespace(String(e)),
+      ariaLabel: (e) => describeWhitespace(String(e))
     },
-    select(e) {
-      return {
+    nan: {
+      label: () => "NaN",
+      tooltip: () => "NaN",
+      ariaLabel: () => "NaN"
+    },
+    "positive-infinity": {
+      label: () => "inf",
+      tooltip: () => "Infinity",
+      ariaLabel: () => "infinity"
+    },
+    "negative-infinity": {
+      label: () => "-inf",
+      tooltip: () => "-Infinity",
+      ariaLabel: () => "negative infinity"
+    },
+    nat: {
+      label: () => "NaT",
+      tooltip: () => "NaT (Not a Time)",
+      ariaLabel: () => "Not a Time"
+    }
+  };
+  function WhitespaceMarkers(e) {
+    let t = (0, import_compiler_runtime$29.c)(7), { value: n } = e;
+    if (!n) return null;
+    let i;
+    t[0] === n ? i = t[1] : (i = describeWhitespace(n), t[0] = n, t[1] = i);
+    let a = i, o;
+    t[2] === n ? o = t[3] : (o = renderWhitespaceMarkers(n), t[2] = n, t[3] = o);
+    let s;
+    return t[4] !== a || t[5] !== o ? (s = (0, import_jsx_runtime.jsx)("span", {
+      className: "text-muted-foreground opacity-60",
+      "aria-label": a,
+      title: a,
+      children: o
+    }), t[4] = a, t[5] = o, t[6] = s) : s = t[6], s;
+  }
+  function SentinelCell(e) {
+    let t = (0, import_compiler_runtime$29.c)(15), { sentinel: n } = e, i = SENTINEL_CONFIG[n.type], a;
+    t[0] !== i || t[1] !== n.value ? (a = i.label(n.value), t[0] = i, t[1] = n.value, t[2] = a) : a = t[2];
+    let o = a, s;
+    t[3] !== i || t[4] !== n.value ? (s = i.tooltip(n.value), t[3] = i, t[4] = n.value, t[5] = s) : s = t[5];
+    let c = s, d;
+    t[6] !== i || t[7] !== n.value ? (d = i.ariaLabel(n.value), t[6] = i, t[7] = n.value, t[8] = d) : d = t[8];
+    let f = d, h;
+    t[9] === o ? h = t[10] : (h = (0, import_jsx_runtime.jsx)("span", {
+      className: "opacity-70",
+      children: o
+    }), t[9] = o, t[10] = h);
+    let _;
+    return t[11] !== f || t[12] !== h || t[13] !== c ? (_ = (0, import_jsx_runtime.jsx)("span", {
+      className: "italic text-muted-foreground bg-muted rounded px-1",
+      "aria-label": f,
+      title: c,
+      children: h
+    }), t[11] = f, t[12] = h, t[13] = c, t[14] = _) : _ = t[14], _;
+  }
+  var import_compiler_runtime$28 = require_compiler_runtime();
+  const MimeCell = (e) => {
+    let t = (0, import_compiler_runtime$28.c)(6), { value: n } = e, i;
+    t[0] !== n.data || t[1] !== n.mimetype ? (i = {
+      channel: "output",
+      data: n.data,
+      mimetype: n.mimetype,
+      timestamp: 0
+    }, t[0] = n.data, t[1] = n.mimetype, t[2] = i) : i = t[2];
+    let o = i, s;
+    t[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = cn("flex items-center space-x-2"), t[3] = s) : s = t[3];
+    let c;
+    return t[4] === o ? c = t[5] : (c = (0, import_jsx_runtime.jsx)("div", {
+      className: s,
+      children: (0, import_jsx_runtime.jsx)(OutputRenderer, {
+        message: o
+      })
+    }), t[4] = o, t[5] = c), c;
+  };
+  function isMimeValue(e) {
+    return typeof e == "object" && !!e && "mimetype" in e && "data" in e;
+  }
+  getMimeValues = function(e) {
+    if (isMimeValue(e)) return [
+      e
+    ];
+    if (typeof e == "object" && e && ("_serialized_mime_bundle" in e || "serialized_mime_bundle" in e)) {
+      let t = e, n = t._serialized_mime_bundle || t.serialized_mime_bundle;
+      if (isMimeValue(n)) return [
+        n
+      ];
+    }
+    if (Array.isArray(e) && e.every(isMimeValue)) return e.map((e2) => e2);
+  };
+  toFieldTypes = function(e) {
+    return new Map(e.map(([e2, [t]]) => [
+      e2,
+      t
+    ]));
+  };
+  SELECT_COLUMN_ID = "__select__";
+  INDEX_COLUMN_NAME = "_marimo_row_id";
+  TOO_MANY_ROWS = "too_many";
+  function isNumericType(e) {
+    return e === "number" || e === "integer";
+  }
+  function isTemporalType(e) {
+    return e === "date" || e === "datetime" || e === "time";
+  }
+  function extractTimezone(e) {
+    var _a2, _b;
+    if (e) return (_b = (_a2 = /^datetime(?:64)?\[[^,]+,([^,]+)]$/.exec(e)) == null ? void 0 : _a2[1]) == null ? void 0 : _b.trim();
+  }
+  var WHITESPACE_ONLY_RE = /^[\s]+$/, WHITESPACE_CHAR_RE = /\s/, EDGE_WHITESPACE_RE = /^(\s*)([\s\S]*?)(\s*)$/;
+  function splitLeadingTrailingWhitespace(e) {
+    let t = {
+      leading: "",
+      middle: "",
+      trailing: ""
+    };
+    if (e.length === 0) return t;
+    let n = WHITESPACE_CHAR_RE.test(e[0]), i = WHITESPACE_CHAR_RE.test(e[e.length - 1]);
+    if (!n && !i) return t.middle = e, t;
+    let a = EDGE_WHITESPACE_RE.exec(e);
+    return a ? (t.leading = a[1] ?? "", t.middle = a[2] ?? "", t.trailing = a[3] ?? "", t) : (t.middle = e, t);
+  }
+  loadTableData = async function(e) {
+    return Array.isArray(e) ? e : e.startsWith("{") || e.startsWith("[") ? jsonParseWithSpecialChar(e) : (e = await vegaLoadData(e, {
+      type: "json"
+    }, {
+      handleBigIntAndNumberLike: true
+    }), e);
+  };
+  loadTableAndRawData = async function(e, t) {
+    return t ? Promise.all([
+      loadTableData(e),
+      loadTableData(t)
+    ]) : [
+      await loadTableData(e),
+      void 0
+    ];
+  };
+  function getStableRowId(e) {
+    if (e && typeof e == "object" && "_marimo_row_id" in e) return String(e[INDEX_COLUMN_NAME]);
+  }
+  getPageIndexForRow = function(e, t, n) {
+    let i = t * n, a = i + n - 1;
+    return e < i || e > a ? Math.floor(e / n) : null;
+  };
+  var NUMERIC_STRING_SPECIALS = {
+    NaN: "nan",
+    Infinity: "positive-infinity",
+    "-Infinity": "negative-infinity",
+    inf: "positive-infinity",
+    "-inf": "negative-infinity"
+  };
+  function detectSentinel(e, t) {
+    if (e == null) return {
+      type: "null",
+      value: e
+    };
+    if (typeof e == "string") {
+      if (e === "") return {
+        type: "empty-string",
+        value: e
+      };
+      if (WHITESPACE_ONLY_RE.test(e)) return {
+        type: "whitespace",
+        value: e
+      };
+      if (isNumericType(t)) {
+        let t2 = NUMERIC_STRING_SPECIALS[e];
+        if (t2) return {
+          type: t2,
+          value: e
+        };
+      }
+      return isTemporalType(t) && e === "NaT" ? {
+        type: "nat",
+        value: e
+      } : null;
+    }
+    return typeof e == "number" ? Number.isNaN(e) ? {
+      type: "nan",
+      value: e
+    } : e === Infinity ? {
+      type: "positive-infinity",
+      value: e
+    } : e === -Infinity ? {
+      type: "negative-infinity",
+      value: e
+    } : null : null;
+  }
+  function stringifyUnknownValue(e) {
+    let { value: t, nullAsEmptyString: n = false } = e;
+    return typeof t == "object" && t ? JSON.stringify(t) : t === null && n ? "" : String(t);
+  }
+  function stripHtml(e) {
+    let t = document.createElement("div");
+    return t.innerHTML = e, (t.textContent || t.innerText || "").trim() || e;
+  }
+  var HTML_MIMETYPES = /* @__PURE__ */ new Set([
+    "text/html",
+    "text/markdown"
+  ]);
+  function isRecord(e) {
+    return typeof e == "object" && !!e && !Array.isArray(e);
+  }
+  function getClipboardContent(e, t) {
+    let n = typeof t == "object" && t ? getMimeValues(t) : void 0, i;
+    if (n) {
+      let e2 = n.filter((e3) => HTML_MIMETYPES.has(e3.mimetype)).map((e3) => e3.data);
+      i = e2.length > 0 ? e2.join("") : void 0;
+    }
+    let a;
+    return a = e !== void 0 && e !== t ? stringifyUnknownValue({
+      value: e
+    }) : n ? n.map((e2) => HTML_MIMETYPES.has(e2.mimetype) ? stripHtml(e2.data) : e2.data).join(", ") : stringifyUnknownValue({
+      value: t
+    }), {
+      text: a,
+      html: i
+    };
+  }
+  function getRawValue(e, t, n) {
+    var _a2;
+    let i = (_a2 = e.options.meta) == null ? void 0 : _a2.rawData;
+    if (i) {
+      let e2 = i[t];
+      if (isRecord(e2)) return e2[n];
+    }
+  }
+  var TOP_K_ROWS = 30;
+  const FilterByValuesPicker = ({ column: e, calculateTopKRows: t, chosenValues: n, onChange: i }) => {
+    let [o, s] = (0, import_react.useState)(false), c = (0, import_react.useMemo)(() => new Set(n), [
+      n
+    ]), d = (0, import_react.useMemo)(() => c.size === 0 ? "Select values\u2026" : `[${[
+      ...c
+    ].map((e2) => stringifyUnknownValue({
+      value: e2
+    })).join(", ")}]`, [
+      c
+    ]);
+    return (0, import_jsx_runtime.jsxs)(Popover, {
+      open: o,
+      onOpenChange: s,
+      children: [
+        (0, import_jsx_runtime.jsx)(PopoverTrigger, {
+          asChild: true,
+          children: (0, import_jsx_runtime.jsxs)(Button, {
+            variant: "outline",
+            size: "xs",
+            className: "h-6 mb-1 w-full justify-between font-normal",
+            children: [
+              (0, import_jsx_runtime.jsx)("span", {
+                className: cn("truncate", c.size === 0 && "text-muted-foreground"),
+                children: d
+              }),
+              (0, import_jsx_runtime.jsx)(ChevronDown, {
+                className: "h-4 w-4 opacity-50 shrink-0"
+              })
+            ]
+          })
+        }),
+        (0, import_jsx_runtime.jsx)(PopoverContent, {
+          className: "w-80 p-0",
+          children: (0, import_jsx_runtime.jsx)(FilterByValuesList, {
+            column: e,
+            calculateTopKRows: t,
+            chosenValues: c,
+            onChange: i
+          })
+        })
+      ]
+    });
+  }, FilterByValuesList = ({ column: e, calculateTopKRows: t, chosenValues: i, onChange: a }) => {
+    let [o, s] = (0, import_react.useState)(""), { data: c, isPending: d, error: f } = useAsyncData(async () => t ? (await t({
+      column: e.id,
+      k: TOP_K_ROWS
+    })).data : null, [
+      t,
+      e.id
+    ]), h = (0, import_react.useMemo)(() => {
+      if (!c) return [];
+      try {
+        return c.filter(([e2, t2]) => {
+          if (e2 === void 0) return false;
+          let n = String(e2);
+          return smartMatch(o, n) || n.toLowerCase().includes(o.toLowerCase());
+        });
+      } catch (e2) {
+        return Logger.error("Error filtering data", e2), [];
+      }
+    }, [
+      c,
+      o
+    ]), _ = (e2) => {
+      a([
+        ...Sets.toggle(i, e2)
+      ]);
+    }, v = h.length > 0 && h.every(([e2]) => i.has(e2)), y = v ? true : i.size > 0 ? "indeterminate" : false;
+    return d ? (0, import_jsx_runtime.jsx)(Spinner, {
+      size: "medium",
+      className: "mx-auto mt-12 mb-10"
+    }) : f ? (0, import_jsx_runtime.jsx)(ErrorBanner, {
+      error: f,
+      className: "my-10 mx-4"
+    }) : c ? (0, import_jsx_runtime.jsxs)(Command, {
+      className: "text-sm outline-hidden",
+      shouldFilter: false,
+      children: [
+        (0, import_jsx_runtime.jsx)(CommandInput, {
+          placeholder: `Search among the top ${c.length} values`,
+          autoFocus: true,
+          onValueChange: (e2) => s(e2.trim())
+        }),
+        (0, import_jsx_runtime.jsx)(CommandEmpty, {
+          children: "No results found."
+        }),
+        (0, import_jsx_runtime.jsxs)(CommandList, {
+          children: [
+            h.length > 0 && (0, import_jsx_runtime.jsxs)(CommandItem, {
+              value: "__select-all__",
+              className: "border-b rounded-none px-3",
+              onSelect: () => {
+                if (!c) return;
+                let e2 = new Set(i);
+                if (v) for (let [t2] of h) e2.delete(t2);
+                else for (let [t2] of h) e2.add(t2);
+                a([
+                  ...e2
+                ]);
+              },
+              children: [
+                (0, import_jsx_runtime.jsx)(Checkbox, {
+                  checked: y,
+                  "aria-label": "Select all",
+                  className: "mr-3 h-3.5 w-3.5"
+                }),
+                (0, import_jsx_runtime.jsx)("span", {
+                  className: "font-bold flex-1",
+                  children: e.id
+                }),
+                (0, import_jsx_runtime.jsx)("span", {
+                  className: "font-bold",
+                  children: "Count"
+                })
+              ]
+            }),
+            h.map(([t2, n]) => {
+              var _a2;
+              let a2 = i.has(t2), o2 = stringifyUnknownValue({
+                value: t2
+              }), s2 = detectSentinel(t2, (_a2 = e.columnDef.meta) == null ? void 0 : _a2.dataType);
+              return (0, import_jsx_runtime.jsxs)(CommandItem, {
+                value: o2,
+                className: "not-last:border-b rounded-none px-3",
+                onSelect: () => _(t2),
+                children: [
+                  (0, import_jsx_runtime.jsx)(Checkbox, {
+                    checked: a2,
+                    "aria-label": "Select row",
+                    className: "mr-3 h-3.5 w-3.5"
+                  }),
+                  (0, import_jsx_runtime.jsx)("span", {
+                    className: "flex-1 overflow-hidden max-h-20 line-clamp-3",
+                    children: s2 ? (0, import_jsx_runtime.jsx)(SentinelCell, {
+                      sentinel: s2
+                    }) : o2
+                  }),
+                  (0, import_jsx_runtime.jsx)("span", {
+                    className: "ml-3",
+                    children: n
+                  })
+                ]
+              }, o2);
+            })
+          ]
+        }),
+        c.length === TOP_K_ROWS && (0, import_jsx_runtime.jsxs)("span", {
+          className: "text-xs text-muted-foreground py-1.5 text-center",
+          children: [
+            "Only showing the top ",
+            TOP_K_ROWS,
+            " values"
+          ]
+        })
+      ]
+    }) : (0, import_jsx_runtime.jsx)("div", {
+      className: "py-6 px-4 text-sm text-muted-foreground text-center",
+      children: "No values available"
+    });
+  }, Filter = {
+    number(e) {
+      return {
+        type: "number",
+        ...e
+      };
+    },
+    text(e) {
+      return {
+        type: "text",
+        ...e
+      };
+    },
+    date(e) {
+      return {
+        type: "date",
+        ...e
+      };
+    },
+    datetime(e) {
+      return {
+        type: "datetime",
+        ...e
+      };
+    },
+    time(e) {
+      return {
+        type: "time",
+        ...e
+      };
+    },
+    boolean(e) {
+      return {
+        type: "boolean",
+        ...e
+      };
+    },
+    select(e) {
+      return {
         type: "select",
         ...e
       };
@@ -13449,150 +13907,40 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             negate: false
           }
         ] : t.value ? [] : [
-          {
-            column_id: i,
-            operator: "is_false",
-            value: void 0,
-            type: "condition",
-            negate: false
-          }
-        ];
-      case "select": {
-        let e2 = t.operator;
-        return t.operator !== "in" && t.operator !== "not_in" && (Logger.warn("Invalid operator for select filter", {
-          operator: t.operator
-        }), e2 = "in"), [
-          {
-            column_id: i,
-            operator: e2,
-            value: t.options,
-            type: "condition",
-            negate: false
-          }
-        ];
-      }
-      default:
-        assertNever(t);
-    }
-  }
-  filtersToFilterGroup = function(e) {
-    return {
-      type: "group",
-      operator: "and",
-      children: e.flatMap((e2) => filterToFilterCondition(e2.id, e2.value)),
-      negate: false
-    };
-  };
-  var import_compiler_runtime$29 = require_compiler_runtime(), WHITESPACE_CHARS = {
-    " ": {
-      marker: "\u2423",
-      name: "space"
-    },
-    "	": {
-      marker: "\\t",
-      name: "tab"
-    },
-    "\n": {
-      marker: "\\n",
-      name: "newline"
-    },
-    "\r": {
-      marker: "\\r",
-      name: "carriage return"
-    }
-  };
-  function renderWhitespaceMarkers(e) {
-    return [
-      ...e
-    ].map((e2, t) => {
-      let n = WHITESPACE_CHARS[e2];
-      return (0, import_jsx_runtime.jsx)("span", {
-        className: "mr-0.5 last:mr-0",
-        children: n ? n.marker : `\\u${(e2.codePointAt(0) ?? 0).toString(16).padStart(4, "0")}`
-      }, t);
-    });
-  }
-  function describeWhitespace(e) {
-    var _a2;
-    let t = {};
-    for (let n of e) {
-      let e2 = ((_a2 = WHITESPACE_CHARS[n]) == null ? void 0 : _a2.name) ?? "unicode whitespace";
-      t[e2] = (t[e2] ?? 0) + 1;
-    }
-    return Object.entries(t).map(([e2, t2]) => `${t2} ${e2}${t2 > 1 ? "s" : ""}`).join(", ");
-  }
-  var SENTINEL_CONFIG = {
-    null: {
-      label: () => "None",
-      tooltip: () => "None",
-      ariaLabel: () => "None"
-    },
-    "empty-string": {
-      label: () => "<empty>",
-      tooltip: () => "<empty>",
-      ariaLabel: () => "empty string"
-    },
-    whitespace: {
-      label: (e) => renderWhitespaceMarkers(String(e)),
-      tooltip: (e) => describeWhitespace(String(e)),
-      ariaLabel: (e) => describeWhitespace(String(e))
-    },
-    nan: {
-      label: () => "NaN",
-      tooltip: () => "NaN",
-      ariaLabel: () => "NaN"
-    },
-    "positive-infinity": {
-      label: () => "inf",
-      tooltip: () => "Infinity",
-      ariaLabel: () => "infinity"
-    },
-    "negative-infinity": {
-      label: () => "-inf",
-      tooltip: () => "-Infinity",
-      ariaLabel: () => "negative infinity"
-    },
-    nat: {
-      label: () => "NaT",
-      tooltip: () => "NaT (Not a Time)",
-      ariaLabel: () => "Not a Time"
+          {
+            column_id: i,
+            operator: "is_false",
+            value: void 0,
+            type: "condition",
+            negate: false
+          }
+        ];
+      case "select": {
+        let e2 = t.operator;
+        return t.operator !== "in" && t.operator !== "not_in" && (Logger.warn("Invalid operator for select filter", {
+          operator: t.operator
+        }), e2 = "in"), [
+          {
+            column_id: i,
+            operator: e2,
+            value: t.options,
+            type: "condition",
+            negate: false
+          }
+        ];
+      }
+      default:
+        assertNever(t);
     }
-  };
-  function WhitespaceMarkers(e) {
-    let t = (0, import_compiler_runtime$29.c)(7), { value: n } = e;
-    if (!n) return null;
-    let i;
-    t[0] === n ? i = t[1] : (i = describeWhitespace(n), t[0] = n, t[1] = i);
-    let a = i, o;
-    t[2] === n ? o = t[3] : (o = renderWhitespaceMarkers(n), t[2] = n, t[3] = o);
-    let s;
-    return t[4] !== a || t[5] !== o ? (s = (0, import_jsx_runtime.jsx)("span", {
-      className: "text-muted-foreground opacity-60",
-      "aria-label": a,
-      title: a,
-      children: o
-    }), t[4] = a, t[5] = o, t[6] = s) : s = t[6], s;
-  }
-  function SentinelCell(e) {
-    let t = (0, import_compiler_runtime$29.c)(15), { sentinel: n } = e, i = SENTINEL_CONFIG[n.type], a;
-    t[0] !== i || t[1] !== n.value ? (a = i.label(n.value), t[0] = i, t[1] = n.value, t[2] = a) : a = t[2];
-    let o = a, s;
-    t[3] !== i || t[4] !== n.value ? (s = i.tooltip(n.value), t[3] = i, t[4] = n.value, t[5] = s) : s = t[5];
-    let c = s, d;
-    t[6] !== i || t[7] !== n.value ? (d = i.ariaLabel(n.value), t[6] = i, t[7] = n.value, t[8] = d) : d = t[8];
-    let f = d, h;
-    t[9] === o ? h = t[10] : (h = (0, import_jsx_runtime.jsx)("span", {
-      className: "opacity-70",
-      children: o
-    }), t[9] = o, t[10] = h);
-    let _;
-    return t[11] !== f || t[12] !== h || t[13] !== c ? (_ = (0, import_jsx_runtime.jsx)("span", {
-      className: "italic text-muted-foreground bg-muted rounded px-1",
-      "aria-label": f,
-      title: c,
-      children: h
-    }), t[11] = f, t[12] = h, t[13] = c, t[14] = _) : _ = t[14], _;
   }
+  filtersToFilterGroup = function(e) {
+    return {
+      type: "group",
+      operator: "and",
+      children: e.flatMap((e2) => filterToFilterCondition(e2.id, e2.value)),
+      negate: false
+    };
+  };
   function functionalUpdate(e, t) {
     return typeof e == "function" ? e(t) : e;
   }
@@ -15638,7 +15986,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     ],
     unknown: []
   };
-  var import_compiler_runtime$28 = require_compiler_runtime();
+  var import_compiler_runtime$27 = require_compiler_runtime();
   function renderFormatOptions(e, t) {
     var _a2, _b, _c;
     let n = (_a2 = e.columnDef.meta) == null ? void 0 : _a2.dataType, i = n ? formatOptions[n] : [];
@@ -15837,7 +16185,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }) : null;
   }
   const ClearFilterMenuItem = (e) => {
-    let t = (0, import_compiler_runtime$28.c)(5), { column: n } = e, i;
+    let t = (0, import_compiler_runtime$27.c)(5), { column: n } = e, i;
     t[0] === n ? i = t[1] : (i = () => n.setFilterValue(void 0), t[0] = n, t[1] = i);
     let a;
     t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = (0, import_jsx_runtime.jsx)(FunnelX, {
@@ -15867,7 +16215,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     });
   }
   const FilterButtons = (e) => {
-    let t = (0, import_compiler_runtime$28.c)(8), { onApply: n, onClear: i, clearButtonDisabled: a } = e, o;
+    let t = (0, import_compiler_runtime$27.c)(8), { onApply: n, onClear: i, clearButtonDisabled: a } = e, o;
     t[0] === n ? o = t[1] : (o = (0, import_jsx_runtime.jsx)(Button, {
       variant: "link",
       size: "sm",
@@ -15876,196 +16224,22 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), t[0] = n, t[1] = o);
     let s;
     t[2] !== a || t[3] !== i ? (s = (0, import_jsx_runtime.jsx)(Button, {
-      variant: "linkDestructive",
-      size: "sm",
-      className: "",
-      onClick: i,
-      disabled: a,
-      children: "Clear"
-    }), t[2] = a, t[3] = i, t[4] = s) : s = t[4];
-    let c;
-    return t[5] !== o || t[6] !== s ? (c = (0, import_jsx_runtime.jsxs)("div", {
-      className: "flex gap-2 px-2 justify-between",
-      children: [
-        o,
-        s
-      ]
-    }), t[5] = o, t[6] = s, t[7] = c) : c = t[7], c;
-  };
-  var import_compiler_runtime$27 = require_compiler_runtime();
-  const MimeCell = (e) => {
-    let t = (0, import_compiler_runtime$27.c)(6), { value: n } = e, i;
-    t[0] !== n.data || t[1] !== n.mimetype ? (i = {
-      channel: "output",
-      data: n.data,
-      mimetype: n.mimetype,
-      timestamp: 0
-    }, t[0] = n.data, t[1] = n.mimetype, t[2] = i) : i = t[2];
-    let o = i, s;
-    t[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = cn("flex items-center space-x-2"), t[3] = s) : s = t[3];
-    let c;
-    return t[4] === o ? c = t[5] : (c = (0, import_jsx_runtime.jsx)("div", {
-      className: s,
-      children: (0, import_jsx_runtime.jsx)(OutputRenderer, {
-        message: o
-      })
-    }), t[4] = o, t[5] = c), c;
-  };
-  function isMimeValue(e) {
-    return typeof e == "object" && !!e && "mimetype" in e && "data" in e;
-  }
-  getMimeValues = function(e) {
-    if (isMimeValue(e)) return [
-      e
-    ];
-    if (typeof e == "object" && e && ("_serialized_mime_bundle" in e || "serialized_mime_bundle" in e)) {
-      let t = e, n = t._serialized_mime_bundle || t.serialized_mime_bundle;
-      if (isMimeValue(n)) return [
-        n
-      ];
-    }
-    if (Array.isArray(e) && e.every(isMimeValue)) return e.map((e2) => e2);
-  };
-  toFieldTypes = function(e) {
-    return new Map(e.map(([e2, [t]]) => [
-      e2,
-      t
-    ]));
-  };
-  SELECT_COLUMN_ID = "__select__";
-  INDEX_COLUMN_NAME = "_marimo_row_id";
-  TOO_MANY_ROWS = "too_many";
-  function isNumericType(e) {
-    return e === "number" || e === "integer";
-  }
-  function isTemporalType(e) {
-    return e === "date" || e === "datetime" || e === "time";
-  }
-  function extractTimezone(e) {
-    var _a2, _b;
-    if (e) return (_b = (_a2 = /^datetime(?:64)?\[[^,]+,([^,]+)]$/.exec(e)) == null ? void 0 : _a2[1]) == null ? void 0 : _b.trim();
-  }
-  var WHITESPACE_ONLY_RE = /^[\s]+$/, WHITESPACE_CHAR_RE = /\s/, EDGE_WHITESPACE_RE = /^(\s*)([\s\S]*?)(\s*)$/;
-  function splitLeadingTrailingWhitespace(e) {
-    let t = {
-      leading: "",
-      middle: "",
-      trailing: ""
-    };
-    if (e.length === 0) return t;
-    let n = WHITESPACE_CHAR_RE.test(e[0]), i = WHITESPACE_CHAR_RE.test(e[e.length - 1]);
-    if (!n && !i) return t.middle = e, t;
-    let a = EDGE_WHITESPACE_RE.exec(e);
-    return a ? (t.leading = a[1] ?? "", t.middle = a[2] ?? "", t.trailing = a[3] ?? "", t) : (t.middle = e, t);
-  }
-  loadTableData = async function(e) {
-    return Array.isArray(e) ? e : e.startsWith("{") || e.startsWith("[") ? jsonParseWithSpecialChar(e) : (e = await vegaLoadData(e, {
-      type: "json"
-    }, {
-      handleBigIntAndNumberLike: true
-    }), e);
-  };
-  loadTableAndRawData = async function(e, t) {
-    return t ? Promise.all([
-      loadTableData(e),
-      loadTableData(t)
-    ]) : [
-      await loadTableData(e),
-      void 0
-    ];
-  };
-  function getStableRowId(e) {
-    if (e && typeof e == "object" && "_marimo_row_id" in e) return String(e[INDEX_COLUMN_NAME]);
-  }
-  getPageIndexForRow = function(e, t, n) {
-    let i = t * n, a = i + n - 1;
-    return e < i || e > a ? Math.floor(e / n) : null;
-  };
-  var NUMERIC_STRING_SPECIALS = {
-    NaN: "nan",
-    Infinity: "positive-infinity",
-    "-Infinity": "negative-infinity",
-    inf: "positive-infinity",
-    "-inf": "negative-infinity"
-  };
-  function detectSentinel(e, t) {
-    if (e == null) return {
-      type: "null",
-      value: e
-    };
-    if (typeof e == "string") {
-      if (e === "") return {
-        type: "empty-string",
-        value: e
-      };
-      if (WHITESPACE_ONLY_RE.test(e)) return {
-        type: "whitespace",
-        value: e
-      };
-      if (isNumericType(t)) {
-        let t2 = NUMERIC_STRING_SPECIALS[e];
-        if (t2) return {
-          type: t2,
-          value: e
-        };
-      }
-      return isTemporalType(t) && e === "NaT" ? {
-        type: "nat",
-        value: e
-      } : null;
-    }
-    return typeof e == "number" ? Number.isNaN(e) ? {
-      type: "nan",
-      value: e
-    } : e === Infinity ? {
-      type: "positive-infinity",
-      value: e
-    } : e === -Infinity ? {
-      type: "negative-infinity",
-      value: e
-    } : null : null;
-  }
-  function stringifyUnknownValue(e) {
-    let { value: t, nullAsEmptyString: n = false } = e;
-    return typeof t == "object" && t ? JSON.stringify(t) : t === null && n ? "" : String(t);
-  }
-  function stripHtml(e) {
-    let t = document.createElement("div");
-    return t.innerHTML = e, (t.textContent || t.innerText || "").trim() || e;
-  }
-  var HTML_MIMETYPES = /* @__PURE__ */ new Set([
-    "text/html",
-    "text/markdown"
-  ]);
-  function isRecord(e) {
-    return typeof e == "object" && !!e && !Array.isArray(e);
-  }
-  function getClipboardContent(e, t) {
-    let n = typeof t == "object" && t ? getMimeValues(t) : void 0, i;
-    if (n) {
-      let e2 = n.filter((e3) => HTML_MIMETYPES.has(e3.mimetype)).map((e3) => e3.data);
-      i = e2.length > 0 ? e2.join("") : void 0;
-    }
-    let a;
-    return a = e !== void 0 && e !== t ? stringifyUnknownValue({
-      value: e
-    }) : n ? n.map((e2) => HTML_MIMETYPES.has(e2.mimetype) ? stripHtml(e2.data) : e2.data).join(", ") : stringifyUnknownValue({
-      value: t
-    }), {
-      text: a,
-      html: i
-    };
-  }
-  function getRawValue(e, t, n) {
-    var _a2;
-    let i = (_a2 = e.options.meta) == null ? void 0 : _a2.rawData;
-    if (i) {
-      let e2 = i[t];
-      if (isRecord(e2)) return e2[n];
-    }
-  }
-  var TOP_K_ROWS$1 = 30;
-  const DataTableColumnHeader = ({ column: e, header: t, subheader: n, className: i, calculateTopKRows: o, table: s }) => {
+      variant: "linkDestructive",
+      size: "sm",
+      className: "",
+      onClick: i,
+      disabled: a,
+      children: "Clear"
+    }), t[2] = a, t[3] = i, t[4] = s) : s = t[4];
+    let c;
+    return t[5] !== o || t[6] !== s ? (c = (0, import_jsx_runtime.jsxs)("div", {
+      className: "flex gap-2 px-2 justify-between",
+      children: [
+        o,
+        s
+      ]
+    }), t[5] = o, t[6] = s, t[7] = c) : c = t[7], c;
+  }, DataTableColumnHeader = ({ column: e, header: t, subheader: n, className: i, calculateTopKRows: o, table: s }) => {
     let [c, d] = (0, import_react.useState)(false), { locale: f } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
     if (!t) return null;
     if (!e.getCanSort() && !e.getCanFilter()) return (0, import_jsx_runtime.jsxs)("div", {
@@ -16384,136 +16558,20 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         })
       ]
     });
-  }, PopoverFilterByValues = ({ setIsFilterValueOpen: e, calculateTopKRows: t, column: i }) => {
-    let [a, o] = (0, import_react.useState)(/* @__PURE__ */ new Set()), [s, c] = (0, import_react.useState)(""), { data: d, isPending: h, error: _ } = useAsyncData(async () => t ? (await t({
-      column: i.id,
-      k: TOP_K_ROWS$1
-    })).data : null, []), v = (0, import_react.useMemo)(() => {
-      if (!d) return [];
-      try {
-        return d.filter(([e2, t2]) => e2 === void 0 ? false : String(e2).toLowerCase().includes(s.toLowerCase()));
-      } catch (e2) {
-        return Logger.error("Error filtering data", e2), [];
-      }
-    }, [
-      d,
-      s
-    ]), y;
-    h && (y = (0, import_jsx_runtime.jsx)(Spinner, {
-      size: "medium",
-      className: "mx-auto mt-12 mb-10"
-    })), _ && (y = (0, import_jsx_runtime.jsx)(ErrorBanner, {
-      error: _,
-      className: "my-10 mx-4"
-    }));
-    let S = (e2) => {
-      o((t2) => {
-        let n = t2.has(e2), i2 = new Set(t2);
-        return n ? i2.delete(e2) : i2.add(e2), i2;
-      });
-    }, w = (e2) => {
-      d && o(e2 ? new Set(v.map(([e3]) => e3)) : /* @__PURE__ */ new Set());
-    }, E = () => {
-      if (a.size === 0) {
-        i.setFilterValue(void 0);
-        return;
-      }
-      i.setFilterValue(Filter.select({
-        options: [
-          ...a
-        ],
-        operator: "in"
-      }));
+  };
+  function seedFromFilter(e) {
+    return e && "type" in e && e.type === "select" ? {
+      values: [
+        ...e.options
+      ],
+      operator: e.operator === "not_in" ? "not_in" : "in"
+    } : {
+      values: [],
+      operator: "in"
     };
-    if (d) {
-      let e2 = a.size === v.length;
-      y = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-        children: [
-          (0, import_jsx_runtime.jsxs)(Command, {
-            className: "text-sm outline-hidden",
-            shouldFilter: false,
-            children: [
-              (0, import_jsx_runtime.jsx)(CommandInput, {
-                placeholder: `Search among the top ${d.length} values`,
-                autoFocus: true,
-                onValueChange: (e3) => c(e3.trim())
-              }),
-              (0, import_jsx_runtime.jsx)(CommandEmpty, {
-                children: "No results found."
-              }),
-              (0, import_jsx_runtime.jsxs)(CommandList, {
-                className: "border-b",
-                children: [
-                  v.length > 0 && (0, import_jsx_runtime.jsxs)(CommandItem, {
-                    value: "__select-all__",
-                    className: "border-b rounded-none px-3",
-                    onSelect: () => w(!e2),
-                    children: [
-                      (0, import_jsx_runtime.jsx)(Checkbox, {
-                        checked: a.size === v.length,
-                        "aria-label": "Select all",
-                        className: "mr-3 h-3.5 w-3.5"
-                      }),
-                      (0, import_jsx_runtime.jsx)("span", {
-                        className: "font-bold flex-1",
-                        children: i.id
-                      }),
-                      (0, import_jsx_runtime.jsx)("span", {
-                        className: "font-bold",
-                        children: "Count"
-                      })
-                    ]
-                  }),
-                  v.map(([e3, t2], n) => {
-                    var _a2;
-                    let o2 = a.has(e3), s2 = stringifyUnknownValue({
-                      value: e3
-                    }), c2 = detectSentinel(e3, (_a2 = i.columnDef.meta) == null ? void 0 : _a2.dataType);
-                    return (0, import_jsx_runtime.jsxs)(CommandItem, {
-                      value: s2,
-                      className: "not-last:border-b rounded-none px-3",
-                      onSelect: () => S(e3),
-                      children: [
-                        (0, import_jsx_runtime.jsx)(Checkbox, {
-                          checked: o2,
-                          "aria-label": "Select row",
-                          className: "mr-3 h-3.5 w-3.5"
-                        }),
-                        (0, import_jsx_runtime.jsx)("span", {
-                          className: "flex-1 overflow-hidden max-h-20 line-clamp-3",
-                          children: c2 ? (0, import_jsx_runtime.jsx)(SentinelCell, {
-                            sentinel: c2
-                          }) : s2
-                        }),
-                        (0, import_jsx_runtime.jsx)("span", {
-                          className: "ml-3",
-                          children: t2
-                        })
-                      ]
-                    }, n);
-                  })
-                ]
-              }),
-              v.length === TOP_K_ROWS$1 && (0, import_jsx_runtime.jsxs)("span", {
-                className: "text-xs text-muted-foreground mt-1.5 text-center",
-                children: [
-                  "Only showing the top ",
-                  TOP_K_ROWS$1,
-                  " values"
-                ]
-              })
-            ]
-          }),
-          (0, import_jsx_runtime.jsx)(FilterButtons, {
-            onApply: E,
-            onClear: () => {
-              o(/* @__PURE__ */ new Set());
-            },
-            clearButtonDisabled: a.size === 0
-          })
-        ]
-      });
-    }
+  }
+  var PopoverFilterByValues = ({ setIsFilterValueOpen: e, calculateTopKRows: t, column: n }) => {
+    let i = seedFromFilter(n.getFilterValue()), [a, o] = (0, import_react.useState)(() => new Set(i.values));
     return (0, import_jsx_runtime.jsxs)(DraggablePopover, {
       open: true,
       onOpenChange: (t2) => !t2 && e(false),
@@ -16530,9 +16588,32 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             })
           })
         }),
-        (0, import_jsx_runtime.jsx)("div", {
+        (0, import_jsx_runtime.jsxs)("div", {
           className: "flex flex-col gap-1.5 py-2",
-          children: y
+          children: [
+            (0, import_jsx_runtime.jsx)(FilterByValuesList, {
+              column: n,
+              calculateTopKRows: t,
+              chosenValues: a,
+              onChange: (e2) => o(new Set(e2))
+            }),
+            (0, import_jsx_runtime.jsx)(FilterButtons, {
+              onApply: () => {
+                if (a.size === 0) {
+                  n.setFilterValue(void 0);
+                  return;
+                }
+                n.setFilterValue(Filter.select({
+                  options: [
+                    ...a
+                  ],
+                  operator: i.operator
+                }));
+              },
+              onClear: () => o(/* @__PURE__ */ new Set()),
+              clearButtonDisabled: a.size === 0
+            })
+          ]
         })
       ]
     });
@@ -20343,184 +20424,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), n[9] = i, n[10] = d, n[11] = t, n[12] = _, n[13] = v, n[14] = y, n[15] = f, n[16] = S) : S = n[16], S;
   });
   ComboboxItem.displayName = "ComboboxItem";
-  const Sets = {
-    merge(...e) {
-      let t = /* @__PURE__ */ new Set();
-      for (let n of e) for (let e2 of n) t.add(e2);
-      return t;
-    },
-    equals(e, t) {
-      if (e.size !== t.size) return false;
-      for (let n of e) if (!t.has(n)) return false;
-      return true;
-    },
-    toggle(e, t) {
-      let n = new Set(e);
-      return n.has(t) ? n.delete(t) : n.add(t), n;
-    }
-  };
-  var TOP_K_ROWS = 30;
-  const FilterByValuesPicker = ({ column: e, calculateTopKRows: t, chosenValues: n, onChange: i }) => {
-    let [o, s] = (0, import_react.useState)(false), c = (0, import_react.useMemo)(() => new Set(n), [
-      n
-    ]), d = (0, import_react.useMemo)(() => c.size === 0 ? "Select values\u2026" : `[${[
-      ...c
-    ].map((e2) => stringifyUnknownValue({
-      value: e2
-    })).join(", ")}]`, [
-      c
-    ]);
-    return (0, import_jsx_runtime.jsxs)(Popover, {
-      open: o,
-      onOpenChange: s,
-      children: [
-        (0, import_jsx_runtime.jsx)(PopoverTrigger, {
-          asChild: true,
-          children: (0, import_jsx_runtime.jsxs)(Button, {
-            variant: "outline",
-            size: "xs",
-            className: "h-6 mb-1 w-full justify-between font-normal",
-            children: [
-              (0, import_jsx_runtime.jsx)("span", {
-                className: cn("truncate", c.size === 0 && "text-muted-foreground"),
-                children: d
-              }),
-              (0, import_jsx_runtime.jsx)(ChevronDown, {
-                className: "h-4 w-4 opacity-50 shrink-0"
-              })
-            ]
-          })
-        }),
-        (0, import_jsx_runtime.jsx)(PopoverContent, {
-          className: "w-80 p-0",
-          children: (0, import_jsx_runtime.jsx)(PickerBody, {
-            column: e,
-            calculateTopKRows: t,
-            chosenValues: c,
-            onChange: i
-          })
-        })
-      ]
-    });
-  };
-  var PickerBody = ({ column: e, calculateTopKRows: t, chosenValues: i, onChange: a }) => {
-    let [o, s] = (0, import_react.useState)(""), { data: c, isPending: d, error: f } = useAsyncData(async () => t ? (await t({
-      column: e.id,
-      k: TOP_K_ROWS
-    })).data : null, [
-      t,
-      e.id
-    ]), h = (0, import_react.useMemo)(() => {
-      if (!c) return [];
-      try {
-        return c.filter(([e2, t2]) => {
-          if (e2 === void 0) return false;
-          let n = String(e2);
-          return smartMatch(o, n) || n.toLowerCase().includes(o.toLowerCase());
-        });
-      } catch (e2) {
-        return Logger.error("Error filtering data", e2), [];
-      }
-    }, [
-      c,
-      o
-    ]), _ = (e2) => {
-      a([
-        ...Sets.toggle(i, e2)
-      ]);
-    }, v = h.length > 0 && h.every(([e2]) => i.has(e2)), y = v ? true : i.size > 0 ? "indeterminate" : false;
-    return d ? (0, import_jsx_runtime.jsx)(Spinner, {
-      size: "medium",
-      className: "mx-auto mt-12 mb-10"
-    }) : f ? (0, import_jsx_runtime.jsx)(ErrorBanner, {
-      error: f,
-      className: "my-10 mx-4"
-    }) : c ? (0, import_jsx_runtime.jsxs)(Command, {
-      className: "text-sm outline-hidden",
-      shouldFilter: false,
-      children: [
-        (0, import_jsx_runtime.jsx)(CommandInput, {
-          placeholder: `Search among the top ${c.length} values`,
-          autoFocus: true,
-          onValueChange: (e2) => s(e2.trim())
-        }),
-        (0, import_jsx_runtime.jsx)(CommandEmpty, {
-          children: "No results found."
-        }),
-        (0, import_jsx_runtime.jsxs)(CommandList, {
-          children: [
-            h.length > 0 && (0, import_jsx_runtime.jsxs)(CommandItem, {
-              value: "__select-all__",
-              className: "border-b rounded-none px-3",
-              onSelect: () => {
-                if (!c) return;
-                let e2 = new Set(i);
-                if (v) for (let [t2] of h) e2.delete(t2);
-                else for (let [t2] of h) e2.add(t2);
-                a([
-                  ...e2
-                ]);
-              },
-              children: [
-                (0, import_jsx_runtime.jsx)(Checkbox, {
-                  checked: y,
-                  "aria-label": "Select all",
-                  className: "mr-3 h-3.5 w-3.5"
-                }),
-                (0, import_jsx_runtime.jsx)("span", {
-                  className: "font-bold flex-1",
-                  children: e.id
-                }),
-                (0, import_jsx_runtime.jsx)("span", {
-                  className: "font-bold",
-                  children: "Count"
-                })
-              ]
-            }),
-            h.map(([t2, n]) => {
-              var _a2;
-              let a2 = i.has(t2), o2 = stringifyUnknownValue({
-                value: t2
-              }), s2 = detectSentinel(t2, (_a2 = e.columnDef.meta) == null ? void 0 : _a2.dataType);
-              return (0, import_jsx_runtime.jsxs)(CommandItem, {
-                value: o2,
-                className: "not-last:border-b rounded-none px-3",
-                onSelect: () => _(t2),
-                children: [
-                  (0, import_jsx_runtime.jsx)(Checkbox, {
-                    checked: a2,
-                    "aria-label": "Select row",
-                    className: "mr-3 h-3.5 w-3.5"
-                  }),
-                  (0, import_jsx_runtime.jsx)("span", {
-                    className: "flex-1 overflow-hidden max-h-20 line-clamp-3",
-                    children: s2 ? (0, import_jsx_runtime.jsx)(SentinelCell, {
-                      sentinel: s2
-                    }) : o2
-                  }),
-                  (0, import_jsx_runtime.jsx)("span", {
-                    className: "ml-3",
-                    children: n
-                  })
-                ]
-              }, o2);
-            })
-          ]
-        }),
-        c.length === TOP_K_ROWS && (0, import_jsx_runtime.jsxs)("span", {
-          className: "text-xs text-muted-foreground py-1.5 text-center",
-          children: [
-            "Only showing the top ",
-            TOP_K_ROWS,
-            " values"
-          ]
-        })
-      ]
-    }) : (0, import_jsx_runtime.jsx)("div", {
-      className: "py-6 px-4 text-sm text-muted-foreground text-center",
-      children: "No values available"
-    });
-  }, OPERATORS_BY_TYPE = {
+  var OPERATORS_BY_TYPE = {
     number: [
       "between",
       "is_null",
@@ -25424,7 +25328,7 @@ ${_}`,
   }
 });
 export {
-  SELECT_COLUMN_ID as $,
+  INDEX_COLUMN_NAME as $,
   slotsController as A,
   Expand as At,
   NAMELESS_COLUMN_PREFIX as B,
@@ -25452,7 +25356,7 @@ export {
   Funnel as Ot,
   Table as P,
   ChevronsRight as Pt,
-  INDEX_COLUMN_NAME as Q,
+  loadTableData as Q,
   TableHeader as R,
   ArrowDownWideNarrow as Rt,
   ComboboxItem as S,
@@ -25462,9 +25366,9 @@ export {
   renderCellValue as U,
   generateColumns as V,
   ColumnChartContext as W,
-  loadTableAndRawData as X,
-  getPageIndexForRow as Y,
-  loadTableData as Z,
+  getPageIndexForRow as X,
+  filtersToFilterGroup as Y,
+  loadTableAndRawData as Z,
   Filenames as _,
   __tla,
   ChartLoadingState as _t,
@@ -25476,7 +25380,7 @@ export {
   CommandList as ct,
   DataTable as d,
   Tabs as dt,
-  TOO_MANY_ROWS as et,
+  SELECT_COLUMN_ID as et,
   InstallPackageButton as f,
   TabsContent as ft,
   downloadHTMLAsImage as g,
@@ -25494,18 +25398,18 @@ export {
   downloadBlob as m,
   TabsTrigger as mt,
   DEFAULT_SLIDE_TYPE as n,
-  getMimeValues as nt,
+  toFieldTypes as nt,
   RadioGroup as o,
   CommandInput as ot,
   ADD_PRINTING_CLASS as p,
   TabsList as pt,
   useIntersectionObserver as q,
   SLIDE_TYPE_OPTIONS_BY_VALUE as r,
-  filtersToFilterGroup as rt,
+  getMimeValues as rt,
   RadioGroupItem as s,
   CommandItem as st,
   DEFAULT_DECK_TRANSITION as t,
-  toFieldTypes as tt,
+  TOO_MANY_ROWS as tt,
   OutputRenderer as u,
   Maps as ut,
   prettifyRowColumnCount as v,