@marimo-team/islands 0.23.7-dev5 → 0.23.7-dev51

package/dist/{code-visibility-D8E8Ctez.js → code-visibility-Cie8OiAd.js}

@@ -2,39 +2,39 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { s as __toESM, t as __commonJSMin } from "./chunk-BNovOVIE.js";
-import { _ as Logger, c as Objects, g as cn, h as Events, m as useComposedRefs, p as composeRefs, r as cva, t as Button, v as Functions } from "./button-CA5pI2YF.js";
+import { _ as Logger, c as Objects, g as cn, h as Events, m as useComposedRefs, p as composeRefs, r as cva, t as Button, v as Functions } from "./button-Dj4BTre0.js";
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
-import { n as Copy, r as toast, t as copyToClipboard } from "./copy-TGGAUEWp.js";
-import { $ as useCellActions, $t as getTracebackInfo, A as ChevronRightIcon, An as Minus, Bn as Braces, C as AccordionContent, En as Trash2, Ft as jotaiJsonStorage, Hn as import_lib, I as base64ToUint8Array, Jt as useRequestClient, Kt as getRequestClient, Lt as PluralWord, M as PinLeftIcon, Mt as useChromeActions, N as PinRightIcon, O as CheckIcon, Pn as FileText, Pt as adaptForLocalStorage, Qt as extractAllTracebackInfo, R as extractBase64FromDataURL, Rn as CircleX, S as Accordion, St as Checkbox, T as AccordionTrigger, Tn as Wrench, V as renderHTML, Vn as esm_default, Y as notebookAtom, Zt as elementContainsMarimoCellFile, _n as atomWithStorage, _t as getCellDomProps, at as AnsiUp, bn as Close$1, c as Popover, cn as SCRATCH_CELL_ID, ct as kioskModeAtom, d as PopoverTrigger, dt as outputIsLoading, et as useCellIds, g as getDatasourceContext, gt as DATA_CELL_ID, hn as jsonToTSV, ht as sanitizeHtml, j as DotFilledIcon, jn as LoaderCircle, kn as NotebookPen, kt as goToCellLine, l as PopoverClose$1, lt as useInstallAllowed, m as useExpandedOutput, mn as jsonToMarkdown, n as MarkdownRenderer, nn as filenameAtom, on as CellOutputId, pn as jsonParseWithSpecialChar, q as getCellEditorView, s as Spinner, sn as HTMLCellId, t as toPng, tt as useCellNames, u as PopoverContent, ut as viewStateAtom, vt as displayCellName, w as AccordionItem, z as isDataURLString, zt as DATA_TYPE_ICON, __tla as __tla_0 } from "./html-to-image-hMMPiNe_.js";
-import { o as useSize, u as createLucideIcon } from "./dist-ESg7xyoD.js";
-import { i as createReducerAndAtoms, r as Badge } from "./useLifecycle-CjMjllqy.js";
-import { a as ListFilter, i as Table$1, o as ChartPie, t as $896ba0a80a8f4d36$export$85fd5fdf27bacc79 } from "./useDateFormatter-B3mCQMP3.js";
-import { t as Check } from "./check-CFM2mVDr.js";
-import { C as $a916eb452884faea$export$b7a616150fdb9f44, F as X, L as ChevronDown, M as usePrevious$1, N as useDirection, S as logNever, T as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, _ as menuItemVariants, b as menuSubTriggerVariants, c as SelectSeparator, g as menuControlVariants, h as menuControlCheckVariants, i as SelectContent, l as SelectTrigger, m as menuContentCommon, n as capitalize, o as SelectItem, p as MENU_ITEM_DISABLED, r as Select, t as Strings, u as SelectValue, v as menuLabelVariants, x as assertNever, y as menuSeparatorVariants } from "./strings-B_FOH6eV.js";
-import { $t as Portal, G as marked, Gt as Anchor2, Jt as Content2$1, Kt as Arrow2, Qt as Label, Xt as Item2$2, Yt as Group, Zt as ItemIndicator, _ as DropdownMenuSub, a as NumberField, an as SubContent, b as DropdownMenuTrigger, c as prettyNumber, cn as Item, d as DropdownMenuContent, dn as Search, en as RadioGroup$2, fn as Circle, g as DropdownMenuSeparator, h as DropdownMenuPortal, in as Sub, l as prettyScientificNumber, ln as Root$2, m as DropdownMenuLabel, nn as Root3, o as maxFractionalDigits, on as SubTrigger, p as DropdownMenuItem, pn as ChevronRight, qt as CheckboxItem, r as Input, rn as Separator$1, s as prettyEngineeringNumber, sn as createMenuScope, tn as RadioItem, u as DropdownMenu, un as createRovingFocusGroupScope, v as DropdownMenuSubContent, y as DropdownMenuSubTrigger } from "./input-BAOe64zx.js";
-import { _ as isWasm, a as millisecondsInMinute, c as asRemoteURL, d as isStaticNotebook, i as millisecondsInHour, n as constructFrom, o as millisecondsInSecond, p as isUrl, r as millisecondsInDay, s as millisecondsInWeek, t as toDate } from "./toDate-CHtl9vts.js";
+import { n as Copy, r as toast, t as copyToClipboard } from "./copy-DLf4aN7I.js";
+import { $ as useCellActions, $t as getTracebackInfo, A as ChevronRightIcon, An as Minus, C as AccordionContent, En as Trash2, Ft as jotaiJsonStorage, Hn as esm_default, I as base64ToUint8Array, In as ExternalLink, Jt as useRequestClient, Kt as getRequestClient, Lt as PluralWord, M as PinLeftIcon, Mt as useChromeActions, N as PinRightIcon, O as CheckIcon, Pn as FileText, Pt as adaptForLocalStorage, Qt as extractAllTracebackInfo, R as extractBase64FromDataURL, S as Accordion, St as Checkbox, T as AccordionTrigger, Tn as Wrench, Un as import_lib, V as renderHTML, Vn as Braces, Y as notebookAtom, Zt as elementContainsMarimoCellFile, _n as atomWithStorage, _t as getCellDomProps, at as AnsiUp, bn as Close$1, c as Popover, cn as SCRATCH_CELL_ID, ct as kioskModeAtom, d as PopoverTrigger, dt as outputIsLoading, et as useCellIds, g as getDatasourceContext, gt as DATA_CELL_ID, hn as jsonToTSV, ht as sanitizeHtml, j as DotFilledIcon, jn as LoaderCircle, kn as NotebookPen, kt as goToCellLine, l as PopoverClose$1, lt as useInstallAllowed, m as useExpandedOutput, mn as jsonToMarkdown, n as MarkdownRenderer, nn as filenameAtom, on as CellOutputId, pn as jsonParseWithSpecialChar, q as getCellEditorView, s as Spinner, sn as HTMLCellId, t as toPng, tt as useCellNames, u as PopoverContent, ut as viewStateAtom, vt as displayCellName, w as AccordionItem, z as isDataURLString, zn as CircleX, zt as DATA_TYPE_ICON, __tla as __tla_0 } from "./html-to-image-40ZXSWP-.js";
+import { o as useSize, u as createLucideIcon } from "./dist-D3ZI9nhS.js";
+import { i as createReducerAndAtoms, r as Badge } from "./useLifecycle-BF6-z62y.js";
+import { a as ListFilter, i as Table$1, o as ChartPie, t as $896ba0a80a8f4d36$export$85fd5fdf27bacc79 } from "./useDateFormatter-B_9k85Ex.js";
+import { t as Check } from "./check-BcUIXnUT.js";
+import { C as $a916eb452884faea$export$b7a616150fdb9f44, F as X, L as ChevronDown, M as usePrevious$1, N as useDirection, S as logNever, T as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, _ as menuItemVariants, b as menuSubTriggerVariants, g as menuControlVariants, h as menuControlCheckVariants, i as SelectContent, l as SelectTrigger, m as menuContentCommon, o as SelectItem, p as MENU_ITEM_DISABLED, r as Select, t as Strings, u as SelectValue, v as menuLabelVariants, x as assertNever, y as menuSeparatorVariants } from "./strings-BiIhGaI8.js";
+import { $t as Portal, G as marked, Gt as Anchor2, Jt as Content2$1, Kt as Arrow2, Qt as Label, Xt as Item2$2, Yt as Group, Zt as ItemIndicator, _ as DropdownMenuSub, a as NumberField, an as SubContent, b as DropdownMenuTrigger, c as prettyNumber, cn as Item, d as DropdownMenuContent, dn as Search, en as RadioGroup$2, fn as Circle, g as DropdownMenuSeparator, h as DropdownMenuPortal, in as Sub, l as prettyScientificNumber, ln as Root$2, m as DropdownMenuLabel, nn as Root3, o as maxFractionalDigits, on as SubTrigger, p as DropdownMenuItem, pn as ChevronRight, qt as CheckboxItem, r as Input, rn as Separator$1, s as prettyEngineeringNumber, sn as createMenuScope, tn as RadioItem, u as DropdownMenu, un as createRovingFocusGroupScope, v as DropdownMenuSubContent, y as DropdownMenuSubTrigger } from "./input-D4kjoQUB.js";
+import { _ as isWasm, a as millisecondsInMinute, c as asRemoteURL, d as isStaticNotebook, i as millisecondsInHour, n as constructFrom, o as millisecondsInSecond, p as isUrl, r as millisecondsInDay, s as millisecondsInWeek, t as toDate } from "./toDate-CJWlVNGD.js";
 import { n as clsx_default } from "./clsx-CyyyQ8Ue.js";
 import { t as require_react_dom } from "./react-dom-BWRJ_g_k.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-COBk7ree.js";
-import { $ as StyleNamespace, X as withFullScreenAsRoot, Y as MAX_HEIGHT_OFFSET, Z as withSmartCollisionBoundary, _t as Primitive$1, dt as Presence, ft as useControllableState, gt as createContextScope, lt as useCallbackRef, mt as composeEventHandlers, ut as useId$2 } from "./zod-BxdsqRPd.js";
-import { a as Content$1, c as Root$3, i as prettyError, n as ErrorBanner, o as Overlay, s as Portal$1, t as Banner } from "./error-banner-DnBPzEWg.js";
-import { t as Tooltip } from "./tooltip-B0mtKTXm.js";
-import { f as CopyClipboardIcon, t as _extends } from "./extends-CzJgxo2J.js";
+import { $ as StyleNamespace, X as withFullScreenAsRoot, Y as MAX_HEIGHT_OFFSET, Z as withSmartCollisionBoundary, _t as Primitive$1, dt as Presence, ft as useControllableState, gt as createContextScope, lt as useCallbackRef, mt as composeEventHandlers, ut as useId$2 } from "./zod-BWkcDORu.js";
+import { a as Content$1, c as Root$3, i as prettyError, n as ErrorBanner, o as Overlay, s as Portal$1, t as Banner } from "./error-banner-CVkfBUT3.js";
+import { t as Tooltip } from "./tooltip-DRaMBu06.js";
+import { f as CopyClipboardIcon, t as _extends } from "./extends-vAi97cpa.js";
 import { r as KnownQueryParams } from "./constants-D0gkYoE2.js";
-import { C as dequal, S as getBuildingBlocks, _ as useSetAtom, d as useJotaiEffect, g as useAtomValue, h as useAtom, m as Provider, n as useTheme, r as aiEnabledAtom, v as useStore, w as useEvent_default, x as buildStore, y as atom } from "./useTheme-CByZUW0p.js";
+import { C as dequal, S as getBuildingBlocks, _ as useSetAtom, d as useJotaiEffect, g as useAtomValue, h as useAtom, m as Provider, n as useTheme, r as aiEnabledAtom, v as useStore, w as useEvent_default, x as buildStore, y as atom } from "./useTheme-DykuNHR2.js";
 import { Z as EditorView } from "./dist-CCADb07R.js";
 import { t as invariant } from "./invariant-UcGKQEhF.js";
 import { c as uniqueBy, t as Arrays } from "./arrays-CldYf7p7.js";
 import { n as once, t as memoizeLastValue } from "./once-rJImu7SE.js";
 import { a as parser } from "./dist-nuW5EDYT.js";
-import { a as isValid, i as AlertTitle, n as Alert, t as arrow } from "./formats-CgaK7Gmx.js";
+import { a as isValid, i as AlertTitle, n as Alert, t as arrow } from "./formats-CpgZM9BM.js";
 import { n as memoize$1, t as isPropValid } from "./emotion-is-prop-valid.esm-DtW2o230.js";
-import { t as ErrorBoundary } from "./ErrorBoundary-Da4UeYxT.js";
+import { t as ErrorBoundary } from "./ErrorBoundary-D3wrPNma.js";
 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-B6hCGywC.js";
+import { a as getContainerWidth, n as vegaLoadData, r as createBatchedLoader, s as tooltipHandler, t as parseCsvData } from "./loader-Dr8Qem8p.js";
+import { t as useIframeCapabilities } from "./useIframeCapabilities-BkYHTrss.js";
+import { t as useAsyncData } from "./useAsyncData-C56Khv_R.js";
 let filtersToFilterGroup, contextAwarePanelOwner, Funnel, TableCell, ChevronLeft, prettifyRowCount, useOverflowDetection, ContextAwarePanelItem, EmotionCacheProvider, ComboboxItem, HtmlOutput, Toggle, Code, generateColumns, TableHeader, Fill, ChevronsUpDown, ColumnChartContext, inferFieldTypes, Provider$1, ChevronsRight, isCellAwareAtom, Expand, SlotNames, Ellipsis, PANEL_TYPES, TextWrap, slotsController, Download, usePrevious, Table, ChevronsLeft, prettifyRowColumnCount, LazyVegaEmbed, Combobox, Kbd, TableRow, TableHead, ArrowDownWideNarrow, NAMELESS_COLUMN_PREFIX, DelayMount, ColumnChartSpecModel, useIntersectionObserver, downloadBlob, TabsList, DEFAULT_SLIDE_TYPE, TOO_MANY_ROWS, Progress, ChartInfoState, Slide, Command, JsonOutput, CommandItem, getPageIndexForRow, OutputArea, CommandList, ADD_PRINTING_CLASS, TabsContent, InstallPackageButton, Tabs, DEFAULT_DECK_TRANSITION, SELECT_COLUMN_ID, contextAwarePanelType, EyeOff, contextAwarePanelOpen, GripHorizontal, RadioGroup, CommandEmpty, DataTable, Maps, marimoVersionAtom, loadTableData, SLIDE_TYPE_OPTIONS_BY_VALUE, toFieldTypes, OutputRenderer, CommandSeparator, renderCellValue, showCodeInRunModeAtom, INDEX_COLUMN_NAME, SlideSidebar, getMimeValues, useNotebookCodeAvailable, loadTableAndRawData, RadioGroupItem, CommandInput, downloadByURL, TabsTrigger, useInternalStateWithSync, RenderTextWithLinks, Filenames, ChartLoadingState, downloadHTMLAsImage, ChartErrorState, TableBody, ChevronsDownUp;
 let __tla = Promise.all([
   (() => {
@@ -45,7 +45,7 @@ let __tla = Promise.all([
   })()
 ]).then(async () => {
   var _a;
-  let ArrowUpNarrowWide, BrickWall, BugPlay, ChartSpline, Cookie, ExternalLink, FunnelPlus, FunnelX, Keyboard, LayoutTemplate, ListFilterPlus, MessageCircle, Package, PanelRightClose, PanelRightOpen, PanelRight, PinOff, Rows2, Sparkles, SquareArrowOutUpRight, SquareStack, Terminal, TextAlignJustify, TextAlignStart, require_use_sync_external_store_shim_production, require_shim, import_react, import_jsx_runtime, CONTEXT_MENU_NAME, createContextMenuContext, createContextMenuScope, useMenuScope, ContextMenuProvider, useContextMenuContext, ContextMenu$1;
+  let ArrowUpNarrowWide, BrickWall, BugPlay, ChartSpline, Cookie, FunnelPlus, FunnelX, Keyboard, LayoutTemplate, ListFilterPlus, MessageCircle, Package, PanelRightClose, PanelRightOpen, PanelRight, PinOff, Rows2, Sparkles, SquareArrowOutUpRight, SquareStack, Terminal, TextAlignJustify, TextAlignStart, require_use_sync_external_store_shim_production, require_shim, import_react, import_jsx_runtime, CONTEXT_MENU_NAME, createContextMenuContext, createContextMenuScope, useMenuScope, ContextMenuProvider, useContextMenuContext, ContextMenu$1;
   ArrowDownWideNarrow = createLucideIcon("arrow-down-wide-narrow", [
     [
       "path",
@@ -506,29 +506,6 @@ let __tla = Promise.all([
       }
     ]
   ]);
-  ExternalLink = createLucideIcon("external-link", [
-    [
-      "path",
-      {
-        d: "M15 3h6v6",
-        key: "1q9fwt"
-      }
-    ],
-    [
-      "path",
-      {
-        d: "M10 14 21 3",
-        key: "gplh6r"
-      }
-    ],
-    [
-      "path",
-      {
-        d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",
-        key: "a6xqqp"
-      }
-    ]
-  ]);
   EyeOff = createLucideIcon("eye-off", [
     [
       "path",
@@ -5676,9 +5653,9 @@ Defaulting to \`null\`.`;
       t,
       i.name
     ]), null;
-  }), import_compiler_runtime$51 = require_compiler_runtime();
+  }), import_compiler_runtime$52 = require_compiler_runtime();
   EmotionCacheProvider = (e) => {
-    let t = (0, import_compiler_runtime$51.c)(6), { container: n, children: i } = e, a;
+    let t = (0, import_compiler_runtime$52.c)(6), { container: n, children: i } = e, a;
     bb0: {
       if (!n) {
         let e3;
@@ -6082,7 +6059,7 @@ Defaulting to \`null\`.`;
       return (!n || Object.keys(n).length === 0) && delete e2[t2], e2;
     }, t);
   }
-  function capitalize$1(e) {
+  function capitalize(e) {
     if (typeof e != "string") throw Error(formatMuiErrorMessage(7));
     return e.charAt(0).toUpperCase() + e.slice(1);
   }
@@ -6104,7 +6081,7 @@ Defaulting to \`null\`.`;
       let o2 = e2[t], s = e2.theme, c = getPath(s, i) || {};
       return handleBreakpoints(e2, o2, (e3) => {
         let i2 = getStyleValue$1(c, a, e3);
-        return e3 === i2 && typeof e3 == "string" && (i2 = getStyleValue$1(c, a, `${t}${e3 === "default" ? "" : capitalize$1(e3)}`, e3)), n === false ? i2 : {
+        return e3 === i2 && typeof e3 == "string" && (i2 = getStyleValue$1(c, a, `${t}${e3 === "default" ? "" : capitalize(e3)}`, e3)), n === false ? i2 : {
           [n]: i2
         };
       });
@@ -6692,7 +6669,7 @@ Defaulting to \`null\`.`;
       let h = getPath(n, c) || {};
       return f ? f(a) : handleBreakpoints(a, t2, (t3) => {
         let n2 = getStyleValue$1(h, d, t3);
-        return t3 === n2 && typeof t3 == "string" && (n2 = getStyleValue$1(h, d, `${e2}${t3 === "default" ? "" : capitalize$1(t3)}`, t3)), s === false ? n2 : {
+        return t3 === n2 && typeof t3 == "string" && (n2 = getStyleValue$1(h, d, `${e2}${t3 === "default" ? "" : capitalize(t3)}`, t3)), s === false ? n2 : {
           [s]: n2
         };
       });
@@ -7591,33 +7568,33 @@ try {
     }, f = import_react.createContext(void 0), h = () => import_react.useContext(f) || d, _ = {}, v = {};
     function y(e2) {
       var _a2, _b, _c, _d;
-      let { children: d2, theme: h2, modeStorageKey: y2 = i, colorSchemeStorageKey: S2 = a, disableTransitionOnChange: w2 = o, storageManager: E, storageWindow: O = typeof window > "u" ? void 0 : window, documentNode: A = typeof document > "u" ? void 0 : document, colorSchemeNode: M = typeof document > "u" ? void 0 : document.documentElement, disableNestedContext: I = false, disableStyleSheetGeneration: z = false, defaultMode: U = "system", noSsr: K } = e2, q = import_react.useRef(false), J = useTheme$2(), Q = import_react.useContext(f), TN = !!Q && !I, $ = import_react.useMemo(() => h2 || (typeof n == "function" ? n() : n), [
+      let { children: d2, theme: h2, modeStorageKey: y2 = i, colorSchemeStorageKey: S2 = a, disableTransitionOnChange: w2 = o, storageManager: E, storageWindow: O = typeof window > "u" ? void 0 : window, documentNode: A = typeof document > "u" ? void 0 : document, colorSchemeNode: M = typeof document > "u" ? void 0 : document.documentElement, disableNestedContext: I = false, disableStyleSheetGeneration: z = false, defaultMode: U = "system", noSsr: K } = e2, q = import_react.useRef(false), J = useTheme$2(), Q = import_react.useContext(f), UN = !!Q && !I, WN = import_react.useMemo(() => h2 || (typeof n == "function" ? n() : n), [
         h2
-      ]), EN = $[t], DN = EN || $, { colorSchemes: ON = _, components: kN = v, cssVarPrefix: AN } = DN, jN = Object.keys(ON).filter((e3) => !!ON[e3]).join(","), MN = import_react.useMemo(() => jN.split(","), [
-        jN
-      ]), NN = typeof s == "string" ? s : s.light, PN = typeof s == "string" ? s : s.dark, { mode: FN, setMode: IN, systemMode: LN, lightColorScheme: RN, darkColorScheme: zN, colorScheme: BN, setColorScheme: VN } = useCurrentColorScheme({
-        supportedColorSchemes: MN,
-        defaultLightColorScheme: NN,
-        defaultDarkColorScheme: PN,
+      ]), GN = WN[t], KN = GN || WN, { colorSchemes: $ = _, components: qN = v, cssVarPrefix: JN } = KN, YN = Object.keys($).filter((e3) => !!$[e3]).join(","), XN = import_react.useMemo(() => YN.split(","), [
+        YN
+      ]), ZN = typeof s == "string" ? s : s.light, QN = typeof s == "string" ? s : s.dark, { mode: $N, setMode: eP, systemMode: tP, lightColorScheme: nP, darkColorScheme: rP, colorScheme: iP, setColorScheme: aP } = useCurrentColorScheme({
+        supportedColorSchemes: XN,
+        defaultLightColorScheme: ZN,
+        defaultDarkColorScheme: QN,
         modeStorageKey: y2,
         colorSchemeStorageKey: S2,
-        defaultMode: ON[NN] && ON[PN] ? U : ((_b = (_a2 = ON[DN.defaultColorScheme]) == null ? void 0 : _a2.palette) == null ? void 0 : _b.mode) || ((_c = DN.palette) == null ? void 0 : _c.mode),
+        defaultMode: $[ZN] && $[QN] ? U : ((_b = (_a2 = $[KN.defaultColorScheme]) == null ? void 0 : _a2.palette) == null ? void 0 : _b.mode) || ((_c = KN.palette) == null ? void 0 : _c.mode),
         storageManager: E,
         storageWindow: O,
         noSsr: K
-      }), HN = FN, UN = BN;
-      TN && (HN = Q.mode, UN = Q.colorScheme);
-      let WN = import_react.useMemo(() => {
+      }), oP = $N, sP = iP;
+      UN && (oP = Q.mode, sP = Q.colorScheme);
+      let cP = import_react.useMemo(() => {
         var _a3;
-        let e3 = UN || DN.defaultColorScheme, t2 = ((_a3 = DN.generateThemeVars) == null ? void 0 : _a3.call(DN)) || DN.vars, n2 = {
-          ...DN,
-          components: kN,
-          colorSchemes: ON,
-          cssVarPrefix: AN,
+        let e3 = sP || KN.defaultColorScheme, t2 = ((_a3 = KN.generateThemeVars) == null ? void 0 : _a3.call(KN)) || KN.vars, n2 = {
+          ...KN,
+          components: qN,
+          colorSchemes: $,
+          cssVarPrefix: JN,
           vars: t2
         };
         if (typeof n2.generateSpacing == "function" && (n2.spacing = n2.generateSpacing()), e3) {
-          let t3 = ON[e3];
+          let t3 = $[e3];
           t3 && typeof t3 == "object" && Object.keys(t3).forEach((e4) => {
             t3[e4] && typeof t3[e4] == "object" ? n2[e4] = {
               ...n2[e4],
@@ -7627,31 +7604,31 @@ try {
         }
         return c ? c(n2) : n2;
       }, [
-        DN,
-        UN,
-        kN,
-        ON,
-        AN
-      ]), GN = DN.colorSchemeSelector;
+        KN,
+        sP,
+        qN,
+        $,
+        JN
+      ]), lP = KN.colorSchemeSelector;
       useEnhancedEffect_default(() => {
-        if (UN && M && GN && GN !== "media") {
-          let e3 = GN, t2 = GN;
-          if (e3 === "class" && (t2 = ".%s"), e3 === "data" && (t2 = "[data-%s]"), (e3 == null ? void 0 : e3.startsWith("data-")) && !e3.includes("%s") && (t2 = `[${e3}="%s"]`), t2.startsWith(".")) M.classList.remove(...MN.map((e4) => t2.substring(1).replace("%s", e4))), M.classList.add(t2.substring(1).replace("%s", UN));
+        if (sP && M && lP && lP !== "media") {
+          let e3 = lP, t2 = lP;
+          if (e3 === "class" && (t2 = ".%s"), e3 === "data" && (t2 = "[data-%s]"), (e3 == null ? void 0 : e3.startsWith("data-")) && !e3.includes("%s") && (t2 = `[${e3}="%s"]`), t2.startsWith(".")) M.classList.remove(...XN.map((e4) => t2.substring(1).replace("%s", e4))), M.classList.add(t2.substring(1).replace("%s", sP));
           else {
-            let e4 = t2.replace("%s", UN).match(/\[([^\]]+)\]/);
+            let e4 = t2.replace("%s", sP).match(/\[([^\]]+)\]/);
             if (e4) {
               let [t3, n2] = e4[1].split("=");
-              n2 || MN.forEach((e5) => {
-                M.removeAttribute(t3.replace(UN, e5));
+              n2 || XN.forEach((e5) => {
+                M.removeAttribute(t3.replace(sP, e5));
               }), M.setAttribute(t3, n2 ? n2.replace(/"|'/g, "") : "");
-            } else M.setAttribute(t2, UN);
+            } else M.setAttribute(t2, sP);
           }
         }
       }, [
-        UN,
-        GN,
+        sP,
+        lP,
         M,
-        MN
+        XN
       ]), import_react.useEffect(() => {
         let e3;
         if (w2 && q.current && A) {
@@ -7664,48 +7641,48 @@ try {
           clearTimeout(e3);
         };
       }, [
-        UN,
+        sP,
         w2,
         A
       ]), import_react.useEffect(() => (q.current = true, () => {
         q.current = false;
       }), []);
-      let KN = import_react.useMemo(() => ({
-        allColorSchemes: MN,
-        colorScheme: UN,
-        darkColorScheme: zN,
-        lightColorScheme: RN,
-        mode: HN,
-        setColorScheme: VN,
-        setMode: IN,
-        systemMode: LN
+      let uP = import_react.useMemo(() => ({
+        allColorSchemes: XN,
+        colorScheme: sP,
+        darkColorScheme: rP,
+        lightColorScheme: nP,
+        mode: oP,
+        setColorScheme: aP,
+        setMode: eP,
+        systemMode: tP
       }), [
-        MN,
-        UN,
-        zN,
-        RN,
-        HN,
-        VN,
-        IN,
-        LN,
-        WN.colorSchemeSelector
-      ]), qN = true;
-      (z || DN.cssVariables === false || TN && (J == null ? void 0 : J.cssVarPrefix) === AN) && (qN = false);
-      let JN = (0, import_jsx_runtime.jsxs)(import_react.Fragment, {
+        XN,
+        sP,
+        rP,
+        nP,
+        oP,
+        aP,
+        eP,
+        tP,
+        cP.colorSchemeSelector
+      ]), dP = true;
+      (z || KN.cssVariables === false || UN && (J == null ? void 0 : J.cssVarPrefix) === JN) && (dP = false);
+      let fP = (0, import_jsx_runtime.jsxs)(import_react.Fragment, {
         children: [
           (0, import_jsx_runtime.jsx)(ThemeProvider_default, {
-            themeId: EN ? t : void 0,
-            theme: WN,
+            themeId: GN ? t : void 0,
+            theme: cP,
             children: d2
           }),
-          qN && (0, import_jsx_runtime.jsx)(GlobalStyles$1, {
-            styles: ((_d = WN.generateStyleSheets) == null ? void 0 : _d.call(WN)) || []
+          dP && (0, import_jsx_runtime.jsx)(GlobalStyles$1, {
+            styles: ((_d = cP.generateStyleSheets) == null ? void 0 : _d.call(cP)) || []
           })
         ]
       });
-      return TN ? JN : (0, import_jsx_runtime.jsx)(f.Provider, {
-        value: KN,
-        children: JN
+      return UN ? fP : (0, import_jsx_runtime.jsx)(f.Provider, {
+        value: uP,
+        children: fP
       });
     }
     let S = typeof s == "string" ? s : s.light, w = typeof s == "string" ? s : s.dark;
@@ -8584,7 +8561,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       ...t
     });
   }
-  var capitalize_default = capitalize$1;
+  var capitalize_default = capitalize;
   function GlobalStyles(e) {
     return (0, import_jsx_runtime.jsx)(GlobalStyles_default$1, {
       ...e,
@@ -9205,10 +9182,10 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
     let n = useDefaultProps({
       props: e,
       name: "MuiInputBase"
-    }), { "aria-describedby": i, autoComplete: a, autoFocus: o, className: s, color: c, components: d = {}, componentsProps: f = {}, defaultValue: h, disabled: _, disableInjectingGlobalStyles: v, endAdornment: y, error: S, fullWidth: w = false, id: E, inputComponent: O = "input", inputProps: A = {}, inputRef: M, margin: I, maxRows: z, minRows: U, multiline: K = false, name: q, onBlur: J, onChange: Q, onClick: TN, onFocus: $, onKeyDown: EN, onKeyUp: DN, placeholder: ON, readOnly: kN, renderSuffix: AN, rows: jN, size: MN, slotProps: NN = {}, slots: PN = {}, startAdornment: FN, type: IN = "text", value: LN, ...RN } = n, zN = A.value == null ? LN : A.value, { current: BN } = import_react.useRef(zN != null), VN = import_react.useRef(), HN = import_react.useCallback((e2) => {
-    }, []), UN = useForkRef_default(VN, M, A.ref, HN), [WN, GN] = import_react.useState(false), KN = useFormControl(), qN = formControlState({
+    }), { "aria-describedby": i, autoComplete: a, autoFocus: o, className: s, color: c, components: d = {}, componentsProps: f = {}, defaultValue: h, disabled: _, disableInjectingGlobalStyles: v, endAdornment: y, error: S, fullWidth: w = false, id: E, inputComponent: O = "input", inputProps: A = {}, inputRef: M, margin: I, maxRows: z, minRows: U, multiline: K = false, name: q, onBlur: J, onChange: Q, onClick: UN, onFocus: WN, onKeyDown: GN, onKeyUp: KN, placeholder: $, readOnly: qN, renderSuffix: JN, rows: YN, size: XN, slotProps: ZN = {}, slots: QN = {}, startAdornment: $N, type: eP = "text", value: tP, ...nP } = n, rP = A.value == null ? tP : A.value, { current: iP } = import_react.useRef(rP != null), aP = import_react.useRef(), oP = import_react.useCallback((e2) => {
+    }, []), sP = useForkRef_default(aP, M, A.ref, oP), [cP, lP] = import_react.useState(false), uP = useFormControl(), dP = formControlState({
       props: n,
-      muiFormControl: KN,
+      muiFormControl: uP,
       states: [
         "color",
         "disabled",
@@ -9219,145 +9196,145 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
         "filled"
       ]
     });
-    qN.focused = KN ? KN.focused : WN, import_react.useEffect(() => {
-      !KN && _ && WN && (GN(false), J && J());
+    dP.focused = uP ? uP.focused : cP, import_react.useEffect(() => {
+      !uP && _ && cP && (lP(false), J && J());
     }, [
-      KN,
+      uP,
       _,
-      WN,
+      cP,
       J
     ]);
-    let JN = KN && KN.onFilled, YN = KN && KN.onEmpty, XN = import_react.useCallback((e2) => {
-      isFilled(e2) ? JN && JN() : YN && YN();
+    let fP = uP && uP.onFilled, pP = uP && uP.onEmpty, mP = import_react.useCallback((e2) => {
+      isFilled(e2) ? fP && fP() : pP && pP();
     }, [
-      JN,
-      YN
+      fP,
+      pP
     ]);
     useEnhancedEffect_default$1(() => {
-      BN && XN({
-        value: zN
+      iP && mP({
+        value: rP
       });
     }, [
-      zN,
-      XN,
-      BN
+      rP,
+      mP,
+      iP
     ]);
-    let ZN = (e2) => {
-      $ && $(e2), A.onFocus && A.onFocus(e2), KN && KN.onFocus ? KN.onFocus(e2) : GN(true);
-    }, QN = (e2) => {
-      J && J(e2), A.onBlur && A.onBlur(e2), KN && KN.onBlur ? KN.onBlur(e2) : GN(false);
-    }, $N = (e2, ...t2) => {
-      if (!BN) {
-        let t3 = e2.target || VN.current;
+    let hP = (e2) => {
+      WN && WN(e2), A.onFocus && A.onFocus(e2), uP && uP.onFocus ? uP.onFocus(e2) : lP(true);
+    }, gP = (e2) => {
+      J && J(e2), A.onBlur && A.onBlur(e2), uP && uP.onBlur ? uP.onBlur(e2) : lP(false);
+    }, _P = (e2, ...t2) => {
+      if (!iP) {
+        let t3 = e2.target || aP.current;
         if (t3 == null) throw Error(formatMuiErrorMessage(1));
-        XN({
+        mP({
           value: t3.value
         });
       }
       A.onChange && A.onChange(e2, ...t2), Q && Q(e2, ...t2);
     };
     import_react.useEffect(() => {
-      XN(VN.current);
+      mP(aP.current);
     }, []);
-    let eP = (e2) => {
-      VN.current && e2.currentTarget === e2.target && VN.current.focus(), TN && TN(e2);
-    }, tP = O, nP = A;
-    K && tP === "input" && (nP = jN ? {
+    let vP = (e2) => {
+      aP.current && e2.currentTarget === e2.target && aP.current.focus(), UN && UN(e2);
+    }, yP = O, bP = A;
+    K && yP === "input" && (bP = YN ? {
       type: void 0,
-      minRows: jN,
-      maxRows: jN,
-      ...nP
+      minRows: YN,
+      maxRows: YN,
+      ...bP
     } : {
       type: void 0,
       maxRows: z,
       minRows: U,
-      ...nP
-    }, tP = TextareaAutosize_default);
-    let rP = (e2) => {
-      XN(e2.animationName === "mui-auto-fill-cancel" ? VN.current : {
+      ...bP
+    }, yP = TextareaAutosize_default);
+    let xP = (e2) => {
+      mP(e2.animationName === "mui-auto-fill-cancel" ? aP.current : {
         value: "x"
       });
     };
     import_react.useEffect(() => {
-      KN && KN.setAdornedStart(!!FN);
+      uP && uP.setAdornedStart(!!$N);
     }, [
-      KN,
-      FN
+      uP,
+      $N
     ]);
-    let iP = {
+    let SP = {
       ...n,
-      color: qN.color || "primary",
-      disabled: qN.disabled,
+      color: dP.color || "primary",
+      disabled: dP.disabled,
       endAdornment: y,
-      error: qN.error,
-      focused: qN.focused,
-      formControl: KN,
+      error: dP.error,
+      focused: dP.focused,
+      formControl: uP,
       fullWidth: w,
-      hiddenLabel: qN.hiddenLabel,
+      hiddenLabel: dP.hiddenLabel,
       multiline: K,
-      size: qN.size,
-      startAdornment: FN,
-      type: IN
-    }, aP = useUtilityClasses(iP), oP = PN.root || d.Root || InputBaseRoot, sP = NN.root || f.root || {}, cP = PN.input || d.Input || InputBaseInput;
-    return nP = {
-      ...nP,
-      ...NN.input ?? f.input
+      size: dP.size,
+      startAdornment: $N,
+      type: eP
+    }, CP = useUtilityClasses(SP), wP = QN.root || d.Root || InputBaseRoot, TP = ZN.root || f.root || {}, EP = QN.input || d.Input || InputBaseInput;
+    return bP = {
+      ...bP,
+      ...ZN.input ?? f.input
     }, (0, import_jsx_runtime.jsxs)(import_react.Fragment, {
       children: [
         !v && typeof InputGlobalStyles == "function" && (_InputGlobalStyles || (_InputGlobalStyles = (0, import_jsx_runtime.jsx)(InputGlobalStyles, {}))),
-        (0, import_jsx_runtime.jsxs)(oP, {
-          ...sP,
+        (0, import_jsx_runtime.jsxs)(wP, {
+          ...TP,
           ref: t,
-          onClick: eP,
-          ...RN,
-          ...!isHostComponent_default(oP) && {
+          onClick: vP,
+          ...nP,
+          ...!isHostComponent_default(wP) && {
             ownerState: {
-              ...iP,
-              ...sP.ownerState
+              ...SP,
+              ...TP.ownerState
             }
           },
-          className: clsx_default(aP.root, sP.className, s, kN && "MuiInputBase-readOnly"),
+          className: clsx_default(CP.root, TP.className, s, qN && "MuiInputBase-readOnly"),
           children: [
-            FN,
+            $N,
             (0, import_jsx_runtime.jsx)(FormControlContext_default.Provider, {
               value: null,
-              children: (0, import_jsx_runtime.jsx)(cP, {
-                "aria-invalid": qN.error,
+              children: (0, import_jsx_runtime.jsx)(EP, {
+                "aria-invalid": dP.error,
                 "aria-describedby": i,
                 autoComplete: a,
                 autoFocus: o,
                 defaultValue: h,
-                disabled: qN.disabled,
+                disabled: dP.disabled,
                 id: E,
-                onAnimationStart: rP,
+                onAnimationStart: xP,
                 name: q,
-                placeholder: ON,
-                readOnly: kN,
-                required: qN.required,
-                rows: jN,
-                value: zN,
-                onKeyDown: EN,
-                onKeyUp: DN,
-                type: IN,
-                ...nP,
-                ...!isHostComponent_default(cP) && {
-                  as: tP,
+                placeholder: $,
+                readOnly: qN,
+                required: dP.required,
+                rows: YN,
+                value: rP,
+                onKeyDown: GN,
+                onKeyUp: KN,
+                type: eP,
+                ...bP,
+                ...!isHostComponent_default(EP) && {
+                  as: yP,
                   ownerState: {
-                    ...iP,
-                    ...nP.ownerState
+                    ...SP,
+                    ...bP.ownerState
                   }
                 },
-                ref: UN,
-                className: clsx_default(aP.input, nP.className, kN && "MuiInputBase-readOnly"),
-                onBlur: QN,
-                onChange: $N,
-                onFocus: ZN
+                ref: sP,
+                className: clsx_default(CP.input, bP.className, qN && "MuiInputBase-readOnly"),
+                onBlur: gP,
+                onChange: _P,
+                onFocus: hP
               })
             }),
             y,
-            AN ? AN({
-              ...qN,
-              startAdornment: FN
+            JN ? JN({
+              ...dP,
+              startAdornment: $N
             }) : null
           ]
         })
@@ -10433,30 +10410,30 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       M,
       i,
       a
-    ]), z = useJsonViewerStore((e2) => e2.setHover), U = useJsonViewerStore((e2) => e2.value), [K, q] = useInspect(i, t, a), [J, Q] = (0, import_react.useState)(false), TN = useJsonViewerStore((e2) => e2.onChange), $ = useTextColor(), EN = useJsonViewerStore((e2) => e2.colorspace.base0C), DN = useJsonViewerStore((e2) => e2.colorspace.base0A), ON = useJsonViewerStore((e2) => e2.displayComma), kN = useJsonViewerStore((e2) => e2.quotesOnKeys), AN = useJsonViewerStore((e2) => e2.rootName), jN = U === t, MN = Number.isInteger(Number(A)), NN = useJsonViewerStore((e2) => e2.enableAdd), PN = useJsonViewerStore((e2) => e2.onAdd), FN = (0, import_react.useMemo)(() => !PN || a !== void 0 || NN === false || v === false ? false : typeof NN == "function" ? !!NN(i, t) : !!(Array.isArray(t) || isPlainObject(t)), [
-      PN,
+    ]), z = useJsonViewerStore((e2) => e2.setHover), U = useJsonViewerStore((e2) => e2.value), [K, q] = useInspect(i, t, a), [J, Q] = (0, import_react.useState)(false), UN = useJsonViewerStore((e2) => e2.onChange), WN = useTextColor(), GN = useJsonViewerStore((e2) => e2.colorspace.base0C), KN = useJsonViewerStore((e2) => e2.colorspace.base0A), $ = useJsonViewerStore((e2) => e2.displayComma), qN = useJsonViewerStore((e2) => e2.quotesOnKeys), JN = useJsonViewerStore((e2) => e2.rootName), YN = U === t, XN = Number.isInteger(Number(A)), ZN = useJsonViewerStore((e2) => e2.enableAdd), QN = useJsonViewerStore((e2) => e2.onAdd), $N = (0, import_react.useMemo)(() => !QN || a !== void 0 || ZN === false || v === false ? false : typeof ZN == "function" ? !!ZN(i, t) : !!(Array.isArray(t) || isPlainObject(t)), [
+      QN,
       a,
       i,
-      NN,
+      ZN,
       v,
       t
-    ]), IN = useJsonViewerStore((e2) => e2.enableDelete), LN = useJsonViewerStore((e2) => e2.onDelete), RN = (0, import_react.useMemo)(() => !LN || a !== void 0 || jN || IN === false || v === false ? false : typeof IN == "function" ? !!IN(i, t) : IN, [
-      LN,
+    ]), eP = useJsonViewerStore((e2) => e2.enableDelete), tP = useJsonViewerStore((e2) => e2.onDelete), nP = (0, import_react.useMemo)(() => !tP || a !== void 0 || YN || eP === false || v === false ? false : typeof eP == "function" ? !!eP(i, t) : eP, [
+      tP,
       a,
-      jN,
+      YN,
       i,
-      IN,
+      eP,
       v,
       t
-    ]), zN = useJsonViewerStore((e2) => e2.enableClipboard), { copy: BN, copied: VN } = useClipboard(), HN = useJsonViewerStore((e2) => e2.highlightUpdates), UN = (0, import_react.useMemo)(() => !HN || n === void 0 ? false : typeof t == typeof n ? typeof t == "number" ? isNaN(t) && isNaN(n) ? false : t !== n : Array.isArray(t) === Array.isArray(n) ? typeof t == "object" || typeof t == "function" ? false : t !== n : true : true, [
-      HN,
+    ]), rP = useJsonViewerStore((e2) => e2.enableClipboard), { copy: iP, copied: aP } = useClipboard(), oP = useJsonViewerStore((e2) => e2.highlightUpdates), sP = (0, import_react.useMemo)(() => !oP || n === void 0 ? false : typeof t == typeof n ? typeof t == "number" ? isNaN(t) && isNaN(n) ? false : t !== n : Array.isArray(t) === Array.isArray(n) ? typeof t == "object" || typeof t == "function" ? false : t !== n : true : true, [
+      oP,
       n,
       t
-    ]), WN = (0, import_react.useRef)();
+    ]), cP = (0, import_react.useRef)();
     (0, import_react.useEffect)(() => {
-      WN.current && UN && "animate" in WN.current && WN.current.animate([
+      cP.current && sP && "animate" in cP.current && cP.current.animate([
         {
-          backgroundColor: DN
+          backgroundColor: KN
         },
         {
           backgroundColor: ""
@@ -10466,40 +10443,40 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
         easing: "ease-in"
       });
     }, [
-      DN,
-      UN,
+      KN,
+      sP,
       n,
       t
     ]);
-    let GN = (0, import_react.useCallback)((e2) => {
+    let lP = (0, import_react.useCallback)((e2) => {
       e2.preventDefault(), h && E(h(t)), Q(true);
     }, [
       h,
       t
-    ]), KN = (0, import_react.useCallback)(() => {
+    ]), uP = (0, import_react.useCallback)(() => {
       Q(false), E("");
     }, [
       Q,
       E
-    ]), qN = (0, import_react.useCallback)((e2) => {
+    ]), dP = (0, import_react.useCallback)((e2) => {
       if (Q(false), _) try {
-        TN(i, t, _(e2));
+        UN(i, t, _(e2));
       } catch {
       }
     }, [
       Q,
       _,
-      TN,
+      UN,
       i,
       t
-    ]), JN = (0, import_react.useMemo)(() => J ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    ]), fP = (0, import_react.useMemo)(() => J ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
         (0, import_jsx_runtime.jsx)(IconBox, {
           children: (0, import_jsx_runtime.jsx)(CloseIcon, {
             sx: {
               fontSize: ".8rem"
             },
-            onClick: KN
+            onClick: uP
           })
         }),
         (0, import_jsx_runtime.jsx)(IconBox, {
@@ -10507,22 +10484,22 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
             sx: {
               fontSize: ".8rem"
             },
-            onClick: () => qN(w)
+            onClick: () => dP(w)
           })
         })
       ]
     }) : (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        zN && (0, import_jsx_runtime.jsx)(IconBox, {
+        rP && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
             e2.preventDefault();
             try {
-              BN(i, t, copyString);
+              iP(i, t, copyString);
             } catch (e3) {
               console.error(e3);
             }
           },
-          children: VN ? (0, import_jsx_runtime.jsx)(CheckIcon$1, {
+          children: aP ? (0, import_jsx_runtime.jsx)(CheckIcon$1, {
             sx: {
               fontSize: ".8rem"
             }
@@ -10533,16 +10510,16 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
           })
         }),
         f && S && h && _ && (0, import_jsx_runtime.jsx)(IconBox, {
-          onClick: GN,
+          onClick: lP,
           children: (0, import_jsx_runtime.jsx)(EditIcon, {
             sx: {
               fontSize: ".8rem"
             }
           })
         }),
-        FN && (0, import_jsx_runtime.jsx)(IconBox, {
+        $N && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
-            e2.preventDefault(), PN == null ? void 0 : PN(i);
+            e2.preventDefault(), QN == null ? void 0 : QN(i);
           },
           children: (0, import_jsx_runtime.jsx)(AddBoxIcon, {
             sx: {
@@ -10550,9 +10527,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
             }
           })
         }),
-        RN && (0, import_jsx_runtime.jsx)(IconBox, {
+        nP && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
-            e2.preventDefault(), LN == null ? void 0 : LN(i, t);
+            e2.preventDefault(), tP == null ? void 0 : tP(i, t);
           },
           children: (0, import_jsx_runtime.jsx)(DeleteIcon, {
             sx: {
@@ -10565,24 +10542,24 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       f,
       h,
       _,
-      VN,
-      BN,
+      aP,
+      iP,
       S,
       J,
-      zN,
-      FN,
-      RN,
+      rP,
+      $N,
+      nP,
       w,
       i,
       t,
-      PN,
-      LN,
-      GN,
-      KN,
-      qN
-    ]), YN = (0, import_react.useMemo)(() => getValueSize(t) === 0, [
+      QN,
+      tP,
+      lP,
+      uP,
+      dP
+    ]), pP = (0, import_react.useMemo)(() => getValueSize(t) === 0, [
       t
-    ]), XN = !YN && !!(c && d), ZN = useJsonViewerStore((e2) => e2.keyRenderer), QN = (0, import_react.useMemo)(() => ({
+    ]), mP = !pP && !!(c && d), hP = useJsonViewerStore((e2) => e2.keyRenderer), gP = (0, import_react.useMemo)(() => ({
       path: i,
       inspect: K,
       setInspect: q,
@@ -10614,18 +10591,18 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
           className: "data-key",
           sx: {
             lineHeight: 1.5,
-            color: $,
+            color: WN,
             letterSpacing: 0.5,
             opacity: 0.8
           },
           onClick: (0, import_react.useCallback)((e2) => {
-            e2.isDefaultPrevented() || YN || q((e3) => !e3);
+            e2.isDefaultPrevented() || pP || q((e3) => !e3);
           }, [
-            YN,
+            pP,
             q
           ]),
           children: [
-            XN ? K ? (0, import_jsx_runtime.jsx)(ExpandMoreIcon, {
+            mP ? K ? (0, import_jsx_runtime.jsx)(ExpandMoreIcon, {
               className: "data-key-toggle-expanded",
               sx: {
                 fontSize: ".8rem",
@@ -10643,27 +10620,27 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
               }
             }) : null,
             (0, import_jsx_runtime.jsx)(Box_default, {
-              ref: WN,
+              ref: cP,
               className: "data-key-key",
               component: "span",
-              children: jN && O === 0 ? AN === false ? null : kN ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+              children: YN && O === 0 ? JN === false ? null : qN ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
                 children: [
                   '"',
-                  AN,
+                  JN,
                   '"'
                 ]
               }) : (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-                children: AN
-              }) : ZN.when(QN) ? (0, import_jsx_runtime.jsx)(ZN, {
-                ...QN
-              }) : a === void 0 && (MN ? (0, import_jsx_runtime.jsx)(Box_default, {
+                children: JN
+              }) : hP.when(gP) ? (0, import_jsx_runtime.jsx)(hP, {
+                ...gP
+              }) : a === void 0 && (XN ? (0, import_jsx_runtime.jsx)(Box_default, {
                 component: "span",
                 style: {
-                  color: EN,
-                  userSelect: MN ? "none" : "auto"
+                  color: GN,
+                  userSelect: XN ? "none" : "auto"
                 },
                 children: A
-              }) : kN ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+              }) : qN ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
                 children: [
                   '"',
                   A,
@@ -10673,7 +10650,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
                 children: A
               }))
             }),
-            jN ? AN !== false && (0, import_jsx_runtime.jsx)(DataBox, {
+            YN ? JN !== false && (0, import_jsx_runtime.jsx)(DataBox, {
               className: "data-key-colon",
               sx: {
                 mr: 0.5
@@ -10686,38 +10663,38 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
                 ".data-key-key:empty + &": {
                   display: "none"
                 },
-                userSelect: MN ? "none" : "auto"
+                userSelect: XN ? "none" : "auto"
               },
               children: ":"
             }),
             c && (0, import_jsx_runtime.jsx)(c, {
-              ...QN
+              ...gP
             }),
-            I && XN && K && JN
+            I && mP && K && fP
           ]
         }),
         J && S ? f && (0, import_jsx_runtime.jsx)(f, {
           path: i,
           value: w,
           setValue: E,
-          abortEditing: KN,
-          commitEditing: qN
+          abortEditing: uP,
+          commitEditing: dP
         }) : s ? (0, import_jsx_runtime.jsx)(s, {
-          ...QN
+          ...gP
         }) : (0, import_jsx_runtime.jsx)(Box_default, {
           component: "span",
           className: "data-value-fallback",
           children: `fallback: ${t}`
         }),
         d && (0, import_jsx_runtime.jsx)(d, {
-          ...QN
+          ...gP
         }),
-        !o && ON && (0, import_jsx_runtime.jsx)(DataBox, {
+        !o && $ && (0, import_jsx_runtime.jsx)(DataBox, {
           children: ","
         }),
-        I && XN && !K && JN,
-        I && !XN && JN,
-        !I && J && JN
+        I && mP && !K && fP,
+        I && !mP && fP,
+        !I && J && fP
       ]
     });
   }, query = "(prefers-color-scheme: dark)";
@@ -10846,9 +10823,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
         })
       })
     });
-  }, import_compiler_runtime$50 = require_compiler_runtime();
+  }, import_compiler_runtime$51 = require_compiler_runtime();
   HtmlOutput = (0, import_react.memo)((e) => {
-    let t = (0, import_compiler_runtime$50.c)(10), { html: n, inline: i, className: o, alwaysSanitizeHtml: s } = e, c = i === void 0 ? false : i;
+    let t = (0, import_compiler_runtime$51.c)(10), { html: n, inline: i, className: o, alwaysSanitizeHtml: s } = e, c = i === void 0 ? false : i;
     if (!n) return null;
     let d = !c, f;
     t[0] !== o || t[1] !== c || t[2] !== d ? (f = cn(o, {
@@ -10867,9 +10844,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
     }), t[7] = f, t[8] = h, t[9] = _) : _ = t[9], _;
   });
   HtmlOutput.displayName = "HtmlOutput";
-  var import_compiler_runtime$49 = require_compiler_runtime();
+  var import_compiler_runtime$50 = require_compiler_runtime();
   const ImageOutput = (e) => {
-    let t = (0, import_compiler_runtime$49.c)(8), { src: n, alt: i, width: a, height: o, className: s } = e, c = i === void 0 ? "" : i, d;
+    let t = (0, import_compiler_runtime$50.c)(8), { src: n, alt: i, width: a, height: o, className: s } = e, c = i === void 0 ? "" : i, d;
     t[0] !== c || t[1] !== o || t[2] !== n || t[3] !== a ? (d = (0, import_jsx_runtime.jsx)("img", {
       src: n,
       alt: c,
@@ -10882,9 +10859,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       children: d
     }), t[5] = s, t[6] = d, t[7] = f) : f = t[7], f;
   };
-  var import_compiler_runtime$48 = require_compiler_runtime();
+  var import_compiler_runtime$49 = require_compiler_runtime();
   Kbd = (e) => {
-    let t = (0, import_compiler_runtime$48.c)(5), n;
+    let t = (0, import_compiler_runtime$49.c)(5), n;
     t[0] === e.className ? n = t[1] : (n = clsx_default(e.className, "rounded-md bg-muted/40 px-2 text-[0.75rem] font-prose center border border-foreground/20 text-muted-foreground block whitespace-nowrap"), t[0] = e.className, t[1] = n);
     let i;
     return t[2] !== e.children || t[3] !== n ? (i = (0, import_jsx_runtime.jsx)("kbd", {
@@ -10892,9 +10869,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       children: e.children
     }), t[2] = e.children, t[3] = n, t[4] = i) : i = t[4], i;
   };
-  var import_compiler_runtime$47 = require_compiler_runtime();
+  var import_compiler_runtime$48 = require_compiler_runtime();
   const ExternalLink$1 = (e) => {
-    let t = (0, import_compiler_runtime$47.c)(3), { href: n, children: i } = e, a;
+    let t = (0, import_compiler_runtime$48.c)(3), { href: n, children: i } = e, a;
     return t[0] !== i || t[1] !== n ? (a = (0, import_jsx_runtime.jsx)("a", {
       href: n,
       target: "_blank",
@@ -11065,17 +11042,17 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     os: "os",
     re: "re",
     sys: "sys"
-  }, import_compiler_runtime$46 = require_compiler_runtime(), fixModeAtom = atomWithStorage("marimo:ai-autofix-mode", "autofix", jotaiJsonStorage);
+  }, import_compiler_runtime$47 = require_compiler_runtime(), fixModeAtom = atomWithStorage("marimo:ai-autofix-mode", "autofix", jotaiJsonStorage);
   function useFixMode() {
-    let e = (0, import_compiler_runtime$46.c)(3), [t, n] = useAtom(fixModeAtom), i;
+    let e = (0, import_compiler_runtime$47.c)(3), [t, n] = useAtom(fixModeAtom), i;
     return e[0] !== t || e[1] !== n ? (i = {
       fixMode: t,
       setFixMode: n
     }, e[0] = t, e[1] = n, e[2] = i) : i = e[2], i;
   }
-  var import_compiler_runtime$45 = require_compiler_runtime();
+  var import_compiler_runtime$46 = require_compiler_runtime();
   const AutoFixButton = (e) => {
-    let t = (0, import_compiler_runtime$45.c)(21), { errors: n, cellId: i, className: o } = e, s = useStore(), { createNewCell: c } = useCellActions(), d = useAtomValue(aiEnabledAtom), h;
+    let t = (0, import_compiler_runtime$46.c)(21), { errors: n, cellId: i, className: o } = e, s = useStore(), { createNewCell: c } = useCellActions(), d = useAtomValue(aiEnabledAtom), h;
     if (t[0] !== d || t[1] !== n) {
       let e2;
       t[3] === d ? e2 = t[4] : (e2 = (e3) => getAutoFixes(e3, {
@@ -11136,7 +11113,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   };
   var PromptIcon = Sparkles, AutofixIcon = Wrench, PromptTitle = "Suggest a prompt", AutofixTitle = "Fix with AI";
   const AIFixButton = (e) => {
-    let t = (0, import_compiler_runtime$45.c)(21), { tooltip: n, openPrompt: i, applyAutofix: a } = e, { fixMode: o, setFixMode: s } = useFixMode(), c = o === "prompt" ? i : a, d;
+    let t = (0, import_compiler_runtime$46.c)(21), { tooltip: n, openPrompt: i, applyAutofix: a } = e, { fixMode: o, setFixMode: s } = useFixMode(), c = o === "prompt" ? i : a, d;
     t[0] === o ? d = t[1] : (d = o === "prompt" ? (0, import_jsx_runtime.jsx)(PromptIcon, {
       className: "h-3 w-3 mr-2 mb-0.5"
     }) : (0, import_jsx_runtime.jsx)(AutofixIcon, {
@@ -11205,7 +11182,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), t[18] = O, t[19] = v, t[20] = A) : A = t[20], A;
   };
   var AiModeItem = (e) => {
-    let t = (0, import_compiler_runtime$45.c)(12), { mode: n } = e, i;
+    let t = (0, import_compiler_runtime$46.c)(12), { mode: n } = e, i;
     t[0] === n ? i = t[1] : (i = n === "prompt" ? (0, import_jsx_runtime.jsx)(PromptIcon, {
       className: "h-4 w-4"
     }) : (0, import_jsx_runtime.jsx)(AutofixIcon, {
@@ -11242,9 +11219,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   function useFilename() {
     return useAtomValue(filenameAtom);
   }
-  var import_compiler_runtime$43 = require_compiler_runtime();
+  var import_compiler_runtime$44 = require_compiler_runtime();
   const CellLink = (e) => {
-    let t = (0, import_compiler_runtime$43.c)(12), { className: n, cellId: i, variant: o, onClick: s, formatCellName: c, skipScroll: d } = e, f = useCellNames()[i] ?? "", h = useCellIds().inOrderIds.indexOf(i), { showCellIfHidden: _ } = useCellActions(), v = c ?? _temp$6, y;
+    let t = (0, import_compiler_runtime$44.c)(12), { className: n, cellId: i, variant: o, onClick: s, formatCellName: c, skipScroll: d } = e, f = useCellNames()[i] ?? "", h = useCellIds().inOrderIds.indexOf(i), { showCellIfHidden: _ } = useCellActions(), v = c ?? _temp$6, y;
     t[0] === n ? y = t[1] : (y = cn("inline-block cursor-pointer text-link hover:underline", n), t[0] = n, t[1] = y);
     let S;
     t[2] !== i || t[3] !== s || t[4] !== _ || t[5] !== d || t[6] !== o ? (S = (e2) => {
@@ -11264,13 +11241,13 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       children: w
     }), t[8] = y, t[9] = S, t[10] = w, t[11] = O) : O = t[11], O;
   }, CellLinkError = (e) => {
-    let t = (0, import_compiler_runtime$43.c)(2), n;
+    let t = (0, import_compiler_runtime$44.c)(2), n;
     return t[0] === e ? n = t[1] : (n = (0, import_jsx_runtime.jsx)(CellLink, {
       ...e,
       variant: "destructive"
     }), t[0] = e, t[1] = n), n;
   }, CellLinkTraceback = (e) => {
-    let t = (0, import_compiler_runtime$43.c)(10), { cellId: n, lineNumber: i } = e, a = useFilename(), o;
+    let t = (0, import_compiler_runtime$44.c)(10), { cellId: n, lineNumber: i } = e, a = useFilename(), o;
     t[0] !== n || t[1] !== i ? (o = () => goToCellLine(n, i), t[0] = n, t[1] = i, t[2] = o) : o = t[2];
     let s;
     t[3] !== n || t[4] !== a ? (s = (e2) => n === "__scratch__" ? "scratch" : `marimo://${a || "untitled"}#cell=${e2}`, t[3] = n, t[4] = a, t[5] = s) : s = t[5];
@@ -11367,7 +11344,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       value: e2
     });
   }
-  var import_compiler_runtime$42 = require_compiler_runtime(), ansiUp = new AnsiUp();
+  var import_compiler_runtime$43 = require_compiler_runtime(), ansiUp = new AnsiUp();
   const cleanAnsiCodes = (e) => {
     let t = RegExp("\x1B\\[[0-9;]*m", "g");
     return e.replaceAll(t, "");
@@ -11435,7 +11412,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     });
   }
   var InstallPackageLink = (e) => {
-    let t = (0, import_compiler_runtime$42.c)(6), { packages: n, children: i } = e, { handleInstallPackages: a } = useInstallPackages(), o;
+    let t = (0, import_compiler_runtime$43.c)(6), { packages: n, children: i } = e, { handleInstallPackages: a } = useInstallPackages(), o;
     t[0] !== a || t[1] !== n ? (o = (e2) => {
       a(n), e2.preventDefault();
     }, t[0] = a, t[1] = n, t[2] = o) : o = t[2];
@@ -11508,15 +11485,15 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     })
   });
   RenderTextWithLinks = (e) => {
-    let t = (0, import_compiler_runtime$42.c)(4), { text: n } = e, i;
+    let t = (0, import_compiler_runtime$43.c)(4), { text: n } = e, i;
     t[0] === n ? i = t[1] : (i = renderTextWithReplacers(n, composeReplacers(pipInstallReplacer, urlReplacer)), t[0] = n, t[1] = i);
     let a = i, o;
     return t[2] === a ? o = t[3] : (o = (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
       children: a
     }), t[2] = a, t[3] = o), o;
   };
-  var import_compiler_runtime$41 = require_compiler_runtime(), Tip = (e) => {
-    let t = (0, import_compiler_runtime$41.c)(10), n = e.title ?? "Tip", i;
+  var import_compiler_runtime$42 = require_compiler_runtime(), Tip = (e) => {
+    let t = (0, import_compiler_runtime$42.c)(10), n = e.title ?? "Tip", i;
     t[0] === n ? i = t[1] : (i = (0, import_jsx_runtime.jsx)(AccordionTrigger, {
       className: "pt-2 pb-2 font-normal",
       children: n
@@ -11544,7 +11521,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), t[7] = e.className, t[8] = o, t[9] = s) : s = t[9], s;
   };
   const MarimoErrorOutput = (e) => {
-    let t = (0, import_compiler_runtime$41.c)(31), { errors: n, cellId: i, className: o } = e, s = useChromeActions(), c = "This cell wasn't run because it has errors", d = "destructive", h = "text-error";
+    let t = (0, import_compiler_runtime$42.c)(31), { errors: n, cellId: i, className: o } = e, s = useChromeActions(), c = "This cell wasn't run because it has errors", d = "destructive", h = "text-error";
     if (n.some(_temp$5)) c = "Interrupted";
     else if (n.some(_temp2$3)) c = "An internal error occurred";
     else if (n.some(_temp3$2)) c = "Ancestor prevented from running", d = "default", h = "text-secondary-foreground";
@@ -11558,18 +11535,18 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }
     let _, v, y, S, w, E;
     if (t[2] !== d || t[3] !== i || t[4] !== s || t[5] !== o || t[6] !== n || t[7] !== h || t[8] !== c) {
-      let e2 = n.filter(_temp7), O2 = n.filter(_temp8), A2 = n.filter(_temp9), M = n.filter(_temp0), I = n.filter(_temp1), z = n.filter(_temp10), U = n.filter(_temp11), K = n.filter(_temp12), q = n.filter(_temp13), J = n.filter(_temp14), Q = n.filter(_temp15), TN = n.filter(_temp16), $ = n.filter(_temp17), EN;
-      t[15] === s ? EN = t[16] : (EN = () => {
+      let e2 = n.filter(_temp7), O2 = n.filter(_temp8), A2 = n.filter(_temp9), M = n.filter(_temp0), I = n.filter(_temp1), z = n.filter(_temp10), U = n.filter(_temp11), K = n.filter(_temp12), q = n.filter(_temp13), J = n.filter(_temp14), Q = n.filter(_temp15), UN = n.filter(_temp16), WN = n.filter(_temp17), GN;
+      t[15] === s ? GN = t[16] : (GN = () => {
         s.openApplication("scratchpad");
-      }, t[15] = s, t[16] = EN);
-      let DN = EN, ON = () => {
+      }, t[15] = s, t[16] = GN);
+      let KN = GN, $ = () => {
         let t2 = [];
-        if (Q.length > 0 || TN.length > 0) {
+        if (Q.length > 0 || UN.length > 0) {
           let e3 = Q.some(_temp18), n2 = !e3 && Q.some(_temp19);
           t2.push((0, import_jsx_runtime.jsxs)("div", {
             children: [
               Q.map(_temp20),
-              TN.map(_temp21),
+              UN.map(_temp21),
               e3 && (0, import_jsx_runtime.jsxs)(Button, {
                 size: "xs",
                 variant: "outline",
@@ -11601,7 +11578,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
               i && (0, import_jsx_runtime.jsx)(AutoFixButton, {
                 errors: [
                   ...Q,
-                  ...TN
+                  ...UN
                 ],
                 cellId: i
               })
@@ -11762,7 +11739,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                       size: "xs",
                       variant: "link",
                       className: "my-2 font-normal mx-0 px-0",
-                      onClick: DN,
+                      onClick: KN,
                       children: [
                         (0, import_jsx_runtime.jsx)(NotebookPen, {
                           className: "h-3"
@@ -11877,23 +11854,23 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
               cellId: i
             })
           ]
-        }, "ancestor-stopped")), $.length > 0 && t2.push((0, import_jsx_runtime.jsxs)("div", {
+        }, "ancestor-stopped")), WN.length > 0 && t2.push((0, import_jsx_runtime.jsxs)("div", {
           children: [
-            $.map(_temp35),
+            WN.map(_temp35),
             i && (0, import_jsx_runtime.jsx)(AutoFixButton, {
-              errors: $,
+              errors: WN,
               cellId: i,
               className: "mt-2.5"
             })
           ]
         }, "sql-errors")), t2;
-      }, kN = `font-code font-medium tracking-wide ${h}`, AN;
-      t[17] !== kN || t[18] !== c ? (AN = (0, import_jsx_runtime.jsx)(AlertTitle, {
-        className: kN,
+      }, qN = `font-code font-medium tracking-wide ${h}`, JN;
+      t[17] !== qN || t[18] !== c ? (JN = (0, import_jsx_runtime.jsx)(AlertTitle, {
+        className: qN,
         children: c
-      }), t[17] = kN, t[18] = c, t[19] = AN) : AN = t[19];
-      let jN = AN;
-      _ = Alert, S = d, t[20] === o ? w = t[21] : (w = cn("border-none font-code text-sm text-[0.84375rem] px-0 text-muted-foreground normal [&:has(svg)]:pl-0 space-y-4", o), t[20] = o, t[21] = w), E = jN, v = "flex flex-col gap-8", y = ON(), t[2] = d, t[3] = i, t[4] = s, t[5] = o, t[6] = n, t[7] = h, t[8] = c, t[9] = _, t[10] = v, t[11] = y, t[12] = S, t[13] = w, t[14] = E;
+      }), t[17] = qN, t[18] = c, t[19] = JN) : JN = t[19];
+      let YN = JN;
+      _ = Alert, S = d, t[20] === o ? w = t[21] : (w = cn("border-none font-code text-sm text-[0.84375rem] px-0 text-muted-foreground normal [&:has(svg)]:pl-0 space-y-4", o), t[20] = o, t[21] = w), E = YN, v = "flex flex-col gap-8", y = $(), t[2] = d, t[3] = i, t[4] = s, t[5] = o, t[6] = n, t[7] = h, t[8] = c, t[9] = _, t[10] = v, t[11] = y, t[12] = S, t[13] = w, t[14] = E;
     } else _ = t[9], v = t[10], y = t[11], S = t[12], w = t[13], E = t[14];
     let O;
     t[22] !== v || t[23] !== y ? (O = (0, import_jsx_runtime.jsx)("div", {
@@ -12221,9 +12198,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       })
     }, `sql-error-${t}`);
   }
-  var import_compiler_runtime$40 = require_compiler_runtime();
+  var import_compiler_runtime$41 = require_compiler_runtime();
   const TextOutput = (e) => {
-    let t = (0, import_compiler_runtime$40.c)(13), { text: n, channel: i, wrapText: o } = e, s = i === "stdout" || i === "stderr", c;
+    let t = (0, import_compiler_runtime$41.c)(13), { text: n, channel: i, wrapText: o } = e, s = i === "stdout" || i === "stderr", c;
     t[0] === o ? c = t[1] : (c = (e2) => (0, import_jsx_runtime.jsx)("span", {
       className: o ? "whitespace-pre-wrap break-words" : "whitespace-pre",
       children: (0, import_jsx_runtime.jsx)(RenderTextWithLinks, {
@@ -12240,17 +12217,17 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       children: v
     }), t[10] = _, t[11] = v, t[12] = y) : y = t[12], y;
   };
-  var import_compiler_runtime$39 = require_compiler_runtime();
+  var import_compiler_runtime$40 = require_compiler_runtime();
   const VideoOutput = (e) => {
-    let t = (0, import_compiler_runtime$39.c)(3), { src: n, className: i } = e, a;
+    let t = (0, import_compiler_runtime$40.c)(3), { src: n, className: i } = e, a;
     return t[0] !== i || t[1] !== n ? (a = (0, import_jsx_runtime.jsx)("iframe", {
       className: i,
       src: n
     }), t[0] = i, t[1] = n, t[2] = a) : a = t[2], a;
   };
-  var import_compiler_runtime$38 = require_compiler_runtime();
+  var import_compiler_runtime$39 = require_compiler_runtime();
   useOverflowDetection = function(e, t) {
-    let n = (0, import_compiler_runtime$38.c)(4), i = t === void 0 ? true : t, [a, o] = (0, import_react.useState)(false), s, c;
+    let n = (0, import_compiler_runtime$39.c)(4), i = t === void 0 ? true : t, [a, o] = (0, import_react.useState)(false), s, c;
     return n[0] !== i || n[1] !== e ? (s = () => {
       let t2 = e.current;
       if (!t2 || !i) return;
@@ -12344,12 +12321,12 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ]
     };
   }
-  LazyVegaEmbed = import_react.lazy(() => import("./react-vega-B-rkEqtS.js").then((e) => ({
+  LazyVegaEmbed = import_react.lazy(() => import("./react-vega-Cavbrg4l.js").then((e) => ({
     default: e.VegaEmbed
   })));
-  var import_compiler_runtime$37 = require_compiler_runtime();
+  var import_compiler_runtime$38 = require_compiler_runtime();
   ChartLoadingState = () => {
-    let e = (0, import_compiler_runtime$37.c)(1), t;
+    let e = (0, import_compiler_runtime$38.c)(1), t;
     return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-center gap-2 justify-center",
       children: [
@@ -12364,7 +12341,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), e[0] = t) : t = e[0], t;
   };
   ChartErrorState = (e) => {
-    let t = (0, import_compiler_runtime$37.c)(2), { error: n } = e, i;
+    let t = (0, import_compiler_runtime$38.c)(2), { error: n } = e, i;
     return t[0] === n ? i = t[1] : (i = (0, import_jsx_runtime.jsx)("div", {
       className: "flex items-center justify-center",
       children: (0, import_jsx_runtime.jsx)(ErrorBanner, {
@@ -12373,7 +12350,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), t[0] = n, t[1] = i), i;
   };
   ChartInfoState = (e) => {
-    let t = (0, import_compiler_runtime$37.c)(8), { children: n, className: i } = e, o;
+    let t = (0, import_compiler_runtime$38.c)(8), { children: n, className: i } = e, o;
     t[0] === i ? o = t[1] : (o = cn("flex flex-col items-center justify-center gap-4", i), t[0] = i, t[1] = o);
     let s;
     t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = (0, import_jsx_runtime.jsx)(ChartPie, {
@@ -12393,11 +12370,11 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ]
     }), t[5] = o, t[6] = c, t[7] = d) : d = t[7], d;
   };
-  let import_compiler_runtime$36;
-  import_compiler_runtime$36 = require_compiler_runtime();
+  let import_compiler_runtime$37;
+  import_compiler_runtime$37 = require_compiler_runtime();
   Tabs = Root2;
   TabsList = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$36.c)(9), i, o;
+    let n = (0, import_compiler_runtime$37.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("inline-flex max-h-14 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", i), n[3] = i, n[4] = s);
@@ -12410,7 +12387,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   TabsList.displayName = List.displayName;
   TabsTrigger = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$36.c)(9), i, o;
+    let n = (0, import_compiler_runtime$37.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("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm", i), n[3] = i, n[4] = s);
@@ -12423,7 +12400,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   TabsTrigger.displayName = Trigger.displayName;
   TabsContent = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$36.c)(9), i, o;
+    let n = (0, import_compiler_runtime$37.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("mt-2 ring-offset-background focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2", i), n[3] = i, n[4] = s);
@@ -12435,9 +12412,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), n[5] = o, n[6] = t, n[7] = s, n[8] = c) : c = n[8], c;
   });
   TabsContent.displayName = Content.displayName;
-  var import_compiler_runtime$35 = require_compiler_runtime();
+  var import_compiler_runtime$36 = require_compiler_runtime();
   const WithLocale = (e) => {
-    let t = (0, import_compiler_runtime$35.c)(3), { children: n } = e, { locale: i } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), a;
+    let t = (0, import_compiler_runtime$36.c)(3), { children: n } = e, { locale: i } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), a;
     return t[0] !== n || t[1] !== i ? (a = n(i), t[0] = n, t[1] = i, t[2] = a) : a = t[2], a;
   };
   function tzName(e, t, n = "long") {
@@ -12648,9 +12625,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       return n;
     }
   };
-  var import_compiler_runtime$34 = require_compiler_runtime();
+  var import_compiler_runtime$35 = require_compiler_runtime();
   const DraggablePopover = (e) => {
-    let t = (0, import_compiler_runtime$34.c)(25), n, i, a;
+    let t = (0, import_compiler_runtime$35.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 = {
@@ -12715,7 +12692,50 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         A
       ]
     }), t[22] = a, t[23] = A, t[24] = M) : M = t[24], M;
-  }, Sets = {
+  };
+  var import_compiler_runtime$34 = require_compiler_runtime();
+  const RegexInput = import_react.forwardRef((e, t) => {
+    let n = (0, import_compiler_runtime$34.c)(18), { id: i, value: o, onChange: s, onKeyDown: c, placeholder: d, className: f, autoFocus: h, "aria-label": _ } = e, v = d === void 0 ? "pattern" : d, y;
+    n[0] === f ? y = n[1] : (y = cn("flex items-stretch h-6 mb-1 rounded-sm border border-input bg-background shadow-xs-solid focus-within:shadow-md-solid focus-within:ring-1 focus-within:ring-ring focus-within:border-primary", f), n[0] = f, n[1] = y);
+    let S;
+    n[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = (0, import_jsx_runtime.jsx)(Slash, {}), n[2] = S) : S = n[2];
+    let w;
+    n[3] === s ? w = n[4] : (w = (e2) => s(e2.target.value), n[3] = s, n[4] = w);
+    let E;
+    n[5] !== _ || n[6] !== h || n[7] !== i || n[8] !== c || n[9] !== v || n[10] !== t || n[11] !== w || n[12] !== o ? (E = (0, import_jsx_runtime.jsx)(Input, {
+      ref: t,
+      id: i,
+      type: "text",
+      value: o,
+      onChange: w,
+      onKeyDown: c,
+      placeholder: v,
+      autoFocus: h,
+      "aria-label": _,
+      rootClassName: "flex-1 min-w-0",
+      className: "border-0 mb-0 h-full shadow-none! hover:shadow-none! focus-visible:shadow-none! focus-visible:ring-0 focus-visible:border-0 rounded-none bg-transparent"
+    }), n[5] = _, n[6] = h, n[7] = i, n[8] = c, n[9] = v, n[10] = t, n[11] = w, n[12] = o, n[13] = E) : E = n[13];
+    let O;
+    n[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = (0, import_jsx_runtime.jsx)(Slash, {}), n[14] = O) : O = n[14];
+    let A;
+    return n[15] !== y || n[16] !== E ? (A = (0, import_jsx_runtime.jsxs)("div", {
+      className: y,
+      children: [
+        S,
+        E,
+        O
+      ]
+    }), n[15] = y, n[16] = E, n[17] = A) : A = n[17], A;
+  });
+  RegexInput.displayName = "RegexInput";
+  var Slash = () => {
+    let e = (0, import_compiler_runtime$34.c)(1), t;
+    return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = (0, import_jsx_runtime.jsx)("span", {
+      className: "px-1.5 flex items-center text-muted-foreground font-code text-sm select-none",
+      children: "/"
+    }), e[0] = t) : t = e[0], t;
+  };
+  const Sets = {
     merge(...e) {
       let t = /* @__PURE__ */ new Set();
       for (let n of e) for (let e2 of n) t.add(e2);
@@ -12880,7 +12900,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }, [
       h
     ]), k(() => {
-      U(6, EN);
+      U(6, GN);
     }, []);
     let K = import_react.useMemo(() => ({
       subscribe: (e2) => (s.current.add(e2), () => s.current.delete(e2)),
@@ -12889,7 +12909,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         var _a2;
         var a2, o2, s2;
         if (!Object.is(n.current[e2], t2)) {
-          if (n.current[e2] = t2, e2 === "search") $(), Q(), U(1, TN);
+          if (n.current[e2] = t2, e2 === "search") WN(), Q(), U(1, UN);
           else if (e2 === "value") {
             if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
               let e3 = document.getElementById(I);
@@ -12897,8 +12917,8 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             }
             if (U(7, () => {
               var _a3;
-              n.current.selectedItemId = (_a3 = DN()) == null ? void 0 : _a3.id, K.emit();
-            }), i2 || U(5, EN), ((_a2 = c.current) == null ? void 0 : _a2.value) !== void 0) {
+              n.current.selectedItemId = (_a3 = KN()) == null ? void 0 : _a3.id, K.emit();
+            }), i2 || U(5, GN), ((_a2 = c.current) == null ? void 0 : _a2.value) !== void 0) {
               let e3 = t2 ?? "";
               (s2 = (o2 = c.current).onValueChange) == null || s2.call(o2, e3);
               return;
@@ -12923,12 +12943,12 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       item: (e2, t2) => (i.current.add(e2), t2 && (a.current.has(t2) ? a.current.get(t2).add(e2) : a.current.set(t2, /* @__PURE__ */ new Set([
         e2
       ]))), U(3, () => {
-        $(), Q(), n.current.value || TN(), K.emit();
+        WN(), Q(), n.current.value || UN(), K.emit();
       }), () => {
         o.current.delete(e2), i.current.delete(e2), n.current.filtered.items.delete(e2);
-        let t3 = DN();
+        let t3 = KN();
         U(4, () => {
-          $(), (t3 == null ? void 0 : t3.getAttribute("id")) === e2 && TN(), K.emit();
+          WN(), (t3 == null ? void 0 : t3.getAttribute("id")) === e2 && UN(), K.emit();
         });
       }),
       group: (e2) => (a.current.has(e2) || a.current.set(e2, /* @__PURE__ */ new Set()), () => {
@@ -12961,7 +12981,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         ]);
       });
       let i2 = z.current;
-      ON().sort((t3, n2) => {
+      $().sort((t3, n2) => {
         let i3 = t3.getAttribute("id"), a2 = n2.getAttribute("id");
         return (e2.get(a2) ?? 0) - (e2.get(i3) ?? 0);
       }).forEach((e3) => {
@@ -12973,12 +12993,12 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         t3 == null ? void 0 : t3.parentElement.appendChild(t3);
       });
     }
-    function TN() {
+    function UN() {
       var _a2;
-      let e2 = (_a2 = ON().find((e3) => e3.getAttribute("aria-disabled") !== "true")) == null ? void 0 : _a2.getAttribute(T);
+      let e2 = (_a2 = $().find((e3) => e3.getAttribute("aria-disabled") !== "true")) == null ? void 0 : _a2.getAttribute(T);
       K.setState("value", e2 || void 0);
     }
-    function $() {
+    function WN() {
       var _a2, _b;
       if (!n.current.search || c.current.shouldFilter === false) {
         n.current.filtered.count = i.current.size;
@@ -12996,43 +13016,43 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       }
       n.current.filtered.count = e2;
     }
-    function EN() {
+    function GN() {
       var _a2, _b;
       var e2;
-      let t2 = DN();
+      let t2 = KN();
       t2 && (((_a2 = t2.parentElement) == null ? void 0 : _a2.firstChild) === t2 && ((e2 = (_b = t2.closest(N$1)) == null ? void 0 : _b.querySelector(be)) == null || e2.scrollIntoView({
         block: "nearest"
       })), t2.scrollIntoView({
         block: "nearest"
       }));
     }
-    function DN() {
+    function KN() {
       var _a2;
       return (_a2 = z.current) == null ? void 0 : _a2.querySelector(`${le}[aria-selected="true"]`);
     }
-    function ON() {
+    function $() {
       var _a2;
       return Array.from(((_a2 = z.current) == null ? void 0 : _a2.querySelectorAll(ce$1)) || []);
     }
-    function kN(e2) {
-      let t2 = ON()[e2];
+    function qN(e2) {
+      let t2 = $()[e2];
       t2 && K.setState("value", t2.getAttribute(T));
     }
-    function AN(e2) {
+    function JN(e2) {
       var t2;
-      let n2 = DN(), i2 = ON(), a2 = i2.findIndex((e3) => e3 === n2), o2 = i2[a2 + e2];
+      let n2 = KN(), i2 = $(), a2 = i2.findIndex((e3) => e3 === n2), o2 = i2[a2 + e2];
       (t2 = c.current) != null && t2.loop && (o2 = a2 + e2 < 0 ? i2[i2.length - 1] : a2 + e2 === i2.length ? i2[0] : i2[a2 + e2]), o2 && K.setState("value", o2.getAttribute(T));
     }
-    function jN(e2) {
+    function YN(e2) {
       var _a2;
-      let t2 = (_a2 = DN()) == null ? void 0 : _a2.closest(N$1), n2;
+      let t2 = (_a2 = KN()) == null ? void 0 : _a2.closest(N$1), n2;
       for (; t2 && !n2; ) t2 = e2 > 0 ? we(t2, N$1) : De(t2, N$1), n2 = t2 == null ? void 0 : t2.querySelector(ce$1);
-      n2 ? K.setState("value", n2.getAttribute(T)) : AN(e2);
+      n2 ? K.setState("value", n2.getAttribute(T)) : JN(e2);
     }
-    let MN = () => kN(ON().length - 1), NN = (e2) => {
-      e2.preventDefault(), e2.metaKey ? MN() : e2.altKey ? jN(1) : AN(1);
-    }, PN = (e2) => {
-      e2.preventDefault(), e2.metaKey ? kN(0) : e2.altKey ? jN(-1) : AN(-1);
+    let XN = () => qN($().length - 1), ZN = (e2) => {
+      e2.preventDefault(), e2.metaKey ? XN() : e2.altKey ? YN(1) : JN(1);
+    }, QN = (e2) => {
+      e2.preventDefault(), e2.metaKey ? qN(0) : e2.altKey ? YN(-1) : JN(-1);
     };
     return import_react.createElement(Primitive.div, {
       ref: t,
@@ -13046,27 +13066,27 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         if (!(e2.defaultPrevented || n2)) switch (e2.key) {
           case "n":
           case "j":
-            E && e2.ctrlKey && NN(e2);
+            E && e2.ctrlKey && ZN(e2);
             break;
           case "ArrowDown":
-            NN(e2);
+            ZN(e2);
             break;
           case "p":
           case "k":
-            E && e2.ctrlKey && PN(e2);
+            E && e2.ctrlKey && QN(e2);
             break;
           case "ArrowUp":
-            PN(e2);
+            QN(e2);
             break;
           case "Home":
-            e2.preventDefault(), kN(0);
+            e2.preventDefault(), qN(0);
             break;
           case "End":
-            e2.preventDefault(), MN();
+            e2.preventDefault(), XN();
             break;
           case "Enter": {
             e2.preventDefault();
-            let t3 = DN();
+            let t3 = KN();
             if (t3) {
               let e3 = new Event(Z);
               t3.dispatchEvent(e3);
@@ -13734,30 +13754,31 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }
   }
   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), [
+  const FilterByValuesPicker = ({ column: e, calculateTopKRows: t, chosenValues: n, onChange: i, creatable: o = false }) => {
+    let [s, c] = (0, import_react.useState)(false), d = (0, import_react.useMemo)(() => new Set(n), [
       n
-    ]), d = (0, import_react.useMemo)(() => c.size === 0 ? "Select values\u2026" : `[${[
-      ...c
+    ]), h = (0, import_react.useMemo)(() => d.size === 0 ? "Select values\u2026" : `[${[
+      ...d
     ].map((e2) => stringifyUnknownValue({
       value: e2
     })).join(", ")}]`, [
-      c
+      d
     ]);
     return (0, import_jsx_runtime.jsxs)(Popover, {
-      open: o,
-      onOpenChange: s,
+      open: s,
+      onOpenChange: c,
       children: [
         (0, import_jsx_runtime.jsx)(PopoverTrigger, {
           asChild: true,
           children: (0, import_jsx_runtime.jsxs)(Button, {
+            type: "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
+                className: cn("truncate", d.size === 0 && "text-muted-foreground"),
+                children: h
               }),
               (0, import_jsx_runtime.jsx)(ChevronDown, {
                 className: "h-4 w-4 opacity-50 shrink-0"
@@ -13770,73 +13791,101 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
           children: (0, import_jsx_runtime.jsx)(FilterByValuesList, {
             column: e,
             calculateTopKRows: t,
-            chosenValues: c,
-            onChange: i
+            chosenValues: d,
+            onChange: i,
+            creatable: o
           })
         })
       ]
     });
-  }, 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({
+  }, FilterByValuesList = ({ column: e, calculateTopKRows: t, chosenValues: i, onChange: a, creatable: o = false }) => {
+    let [s, c] = (0, import_react.useState)(""), { data: d, isPending: f, error: h } = 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 [];
+    ]), _ = (0, import_react.useMemo)(() => {
+      if (!d) return [];
       try {
-        return c.filter(([e2, t2]) => {
+        return d.filter(([e2, t2]) => {
           if (e2 === void 0) return false;
           let n = String(e2);
-          return smartMatch(o, n) || n.toLowerCase().includes(o.toLowerCase());
+          return smartMatch(s, n) || n.toLowerCase().includes(s.toLowerCase());
         });
       } catch (e2) {
         return Logger.error("Error filtering data", e2), [];
       }
     }, [
-      c,
-      o
-    ]), _ = (e2) => {
+      d,
+      s
+    ]), v = (0, import_react.useMemo)(() => {
+      let e2 = new Set(_.map(([e3]) => e3)), t2 = [];
+      for (let n of i) {
+        if (e2.has(n)) continue;
+        let i2 = String(n);
+        (s.length === 0 || smartMatch(s, i2) || i2.toLowerCase().includes(s.toLowerCase())) && t2.push([
+          n,
+          void 0
+        ]);
+      }
+      return [
+        ..._,
+        ...t2
+      ];
+    }, [
+      _,
+      i,
+      s
+    ]), y = (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, {
+    }, S = s.trim(), w = o && S !== "" && !v.some(([e2]) => String(e2) === S), E = () => {
+      w && (a([
+        ...i,
+        S
+      ]), c(""));
+    }, O = v.length > 0 && v.every(([e2]) => i.has(e2)), A = O ? true : i.size > 0 ? "indeterminate" : false;
+    return f ? (0, import_jsx_runtime.jsx)(Spinner, {
       size: "medium",
       className: "mx-auto mt-12 mb-10"
-    }) : f ? (0, import_jsx_runtime.jsx)(ErrorBanner, {
-      error: f,
+    }) : h ? (0, import_jsx_runtime.jsx)(ErrorBanner, {
+      error: h,
       className: "my-10 mx-4"
-    }) : c ? (0, import_jsx_runtime.jsxs)(Command, {
+    }) : d ? (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`,
+          placeholder: o ? "Search or add a value\u2026" : `Search among the top ${d.length} values`,
           autoFocus: true,
-          onValueChange: (e2) => s(e2.trim())
+          value: s,
+          onValueChange: c,
+          onKeyDown: (e2) => {
+            e2.key === "Enter" && w && (e2.preventDefault(), E());
+          }
         }),
         (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, {
+            v.length > 0 && (0, import_jsx_runtime.jsxs)(CommandItem, {
               value: "__select-all__",
               className: "border-b rounded-none px-3",
               onSelect: () => {
-                if (!c) return;
+                if (!d) 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);
+                if (O) for (let [t2] of v) e2.delete(t2);
+                else for (let [t2] of v) e2.add(t2);
                 a([
                   ...e2
                 ]);
               },
               children: [
                 (0, import_jsx_runtime.jsx)(Checkbox, {
-                  checked: y,
+                  checked: A,
                   "aria-label": "Select all",
                   className: "mr-3 h-3.5 w-3.5"
                 }),
@@ -13850,7 +13899,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                 })
               ]
             }),
-            h.map(([t2, n]) => {
+            v.map(([t2, n]) => {
               var _a2;
               let a2 = i.has(t2), o2 = stringifyUnknownValue({
                 value: t2
@@ -13858,7 +13907,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
               return (0, import_jsx_runtime.jsxs)(CommandItem, {
                 value: o2,
                 className: "not-last:border-b rounded-none px-3",
-                onSelect: () => _(t2),
+                onSelect: () => y(t2),
                 children: [
                   (0, import_jsx_runtime.jsx)(Checkbox, {
                     checked: a2,
@@ -13873,14 +13922,24 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                   }),
                   (0, import_jsx_runtime.jsx)("span", {
                     className: "ml-3",
-                    children: n
+                    children: n === void 0 ? "\u2014" : n
                   })
                 ]
               }, o2);
+            }),
+            w && (0, import_jsx_runtime.jsxs)(CommandItem, {
+              value: `__create__:${S}`,
+              className: "border-t rounded-none px-3 italic",
+              onSelect: E,
+              children: [
+                '+ Add "',
+                S,
+                '"'
+              ]
             })
           ]
         }),
-        c.length === TOP_K_ROWS && (0, import_jsx_runtime.jsxs)("span", {
+        d.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 ",
@@ -13893,7 +13952,57 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       className: "py-6 px-4 text-sm text-muted-foreground text-center",
       children: "No values available"
     });
-  }, Filter = {
+  }, OPERATOR_LABELS = {
+    "==": "Equals",
+    "!=": "Doesn't equal",
+    ">": "Greater than",
+    ">=": "Greater than or equal",
+    "<": "Less than",
+    "<=": "Less than or equal",
+    between: "Between",
+    contains: "Contains",
+    equals: "Equals",
+    does_not_equal: "Doesn't equal",
+    starts_with: "Starts with",
+    ends_with: "Ends with",
+    regex: "Matches regex",
+    in: "Is in",
+    not_in: "Not in",
+    is_empty: "Is empty",
+    is_true: "Is true",
+    is_false: "Is false",
+    is_null: "Is null",
+    is_not_null: "Is not null"
+  }, NULLISH_OPS = [
+    "is_null",
+    "is_not_null"
+  ], MEMBERSHIP_OPS = [
+    "in",
+    "not_in"
+  ], NUMBER_COMPARISON_OPS = [
+    "==",
+    "!=",
+    ">",
+    ">=",
+    "<",
+    "<="
+  ], TEXT_SCALAR_OPS = [
+    "contains",
+    "equals",
+    "does_not_equal",
+    "regex",
+    "starts_with",
+    "ends_with"
+  ], NUMBER_OPS = [
+    "between",
+    ...NUMBER_COMPARISON_OPS,
+    ...NULLISH_OPS
+  ], TEXT_OPS = [
+    ...TEXT_SCALAR_OPS,
+    ...MEMBERSHIP_OPS,
+    "is_empty",
+    ...NULLISH_OPS
+  ], Filter = {
     number(e) {
       return {
         type: "number",
@@ -13937,45 +14046,94 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       };
     }
   };
+  function isNullishFilter(e) {
+    return e.operator === "is_null" || e.operator === "is_not_null";
+  }
   function filterToFilterCondition(e, t) {
     if (!t) return [];
     let i = e;
-    if (t.operator === "is_null" || t.operator === "is_not_null") return [
+    if (isNullishFilter(t)) return [
       {
         column_id: i,
         operator: t.operator,
-        value: void 0,
         type: "condition",
         negate: false
       }
     ];
     switch (t.type) {
-      case "number": {
-        let e2 = [];
-        return t.min !== void 0 && e2.push({
-          column_id: i,
-          operator: ">=",
-          value: t.min,
-          type: "condition",
-          negate: false
-        }), t.max !== void 0 && e2.push({
-          column_id: i,
-          operator: "<=",
-          value: t.max,
-          type: "condition",
-          negate: false
-        }), e2;
-      }
+      case "number":
+        switch (t.operator) {
+          case "between":
+            return [
+              {
+                column_id: i,
+                operator: "between",
+                value: {
+                  min: t.min,
+                  max: t.max
+                },
+                type: "condition",
+                negate: false
+              }
+            ];
+          case "==":
+          case "!=":
+          case ">":
+          case ">=":
+          case "<":
+          case "<=":
+            return [
+              {
+                column_id: i,
+                operator: t.operator,
+                value: t.value,
+                type: "condition",
+                negate: false
+              }
+            ];
+          default:
+            assertNever(t);
+        }
       case "text":
-        return [
-          {
-            column_id: i,
-            operator: t.operator,
-            value: t.text,
-            type: "condition",
-            negate: false
-          }
-        ];
+        switch (t.operator) {
+          case "contains":
+          case "equals":
+          case "does_not_equal":
+          case "regex":
+          case "starts_with":
+          case "ends_with":
+            return [
+              {
+                column_id: i,
+                operator: t.operator,
+                value: t.text,
+                type: "condition",
+                negate: false
+              }
+            ];
+          case "in":
+          case "not_in":
+            return [
+              {
+                column_id: i,
+                operator: t.operator,
+                value: t.values,
+                type: "condition",
+                negate: false
+              }
+            ];
+          case "is_empty":
+            return [
+              {
+                column_id: i,
+                operator: "is_empty",
+                type: "condition",
+                negate: false
+              }
+            ];
+          default:
+            assertNever(t);
+        }
       case "datetime": {
         let e2 = [];
         return t.min !== void 0 && e2.push({
@@ -14029,7 +14187,6 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
           {
             column_id: i,
             operator: "is_true",
-            value: void 0,
             type: "condition",
             negate: false
           }
@@ -14037,7 +14194,6 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
           {
             column_id: i,
             operator: "is_false",
-            value: void 0,
             type: "condition",
             negate: false
           }
@@ -16342,30 +16498,31 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     });
   }
   const FilterButtons = (e) => {
-    let t = (0, import_compiler_runtime$30.c)(8), { onApply: n, onClear: i, clearButtonDisabled: a } = e, o;
-    t[0] === n ? o = t[1] : (o = (0, import_jsx_runtime.jsx)(Button, {
+    let t = (0, import_compiler_runtime$30.c)(9), { onApply: n, onClear: i, clearButtonDisabled: a, applyButtonDisabled: o } = e, s;
+    t[0] !== o || t[1] !== n ? (s = (0, import_jsx_runtime.jsx)(Button, {
       variant: "link",
       size: "sm",
       onClick: n,
+      disabled: o,
       children: "Apply"
-    }), t[0] = n, t[1] = o);
-    let s;
-    t[2] !== a || t[3] !== i ? (s = (0, import_jsx_runtime.jsx)(Button, {
+    }), t[0] = o, t[1] = n, t[2] = s) : s = t[2];
+    let c;
+    t[3] !== a || t[4] !== i ? (c = (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", {
+    }), t[3] = a, t[4] = i, t[5] = c) : c = t[5];
+    let d;
+    return t[6] !== s || t[7] !== c ? (d = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex gap-2 px-2 justify-between",
       children: [
-        o,
-        s
+        s,
+        c
       ]
-    }), t[5] = o, t[6] = s, t[7] = c) : c = t[7], c;
+    }), t[6] = s, t[7] = c, t[8] = d) : d = t[8], d;
   }, DataTableColumnHeader = ({ column: e, header: t, subheader: n, justify: i, className: o, calculateTopKRows: s, table: c }) => {
     let [d, f] = (0, import_react.useState)(false), { locale: h } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
     if (!t) return null;
@@ -16429,7 +16586,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                         renderColumnWrapping(e),
                         renderFormatOptions(e, h),
                         (0, import_jsx_runtime.jsx)(DropdownMenuSeparator, {}),
-                        renderMenuItemFilter(e),
+                        renderMenuItemFilter(e, s),
                         renderFilterByValues(e, f),
                         _ && (0, import_jsx_runtime.jsx)(ClearFilterMenuItem, {
                           column: e
@@ -16464,12 +16621,12 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       children: renderSortFilterIcon(e)
     });
   };
-  function renderMenuItemFilter(e) {
+  function renderMenuItemFilter(e, t) {
     var _a2;
     if (!e.getCanFilter()) return null;
-    let t = (_a2 = e.columnDef.meta) == null ? void 0 : _a2.filterType;
-    if (!t) return null;
-    let n = (0, import_jsx_runtime.jsxs)(DropdownMenuSubTrigger, {
+    let n = (_a2 = e.columnDef.meta) == null ? void 0 : _a2.filterType;
+    if (!n) return null;
+    let i = (0, import_jsx_runtime.jsxs)(DropdownMenuSubTrigger, {
       children: [
         (0, import_jsx_runtime.jsx)(Funnel, {
           className: "mo-dropdown-icon"
@@ -16477,9 +16634,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         "Filter"
       ]
     });
-    return t === "boolean" ? (0, import_jsx_runtime.jsxs)(DropdownMenuSub, {
+    return n === "boolean" ? (0, import_jsx_runtime.jsxs)(DropdownMenuSub, {
       children: [
-        n,
+        i,
         (0, import_jsx_runtime.jsx)(DropdownMenuPortal, {
           children: (0, import_jsx_runtime.jsx)(DropdownMenuSubContent, {
             children: (0, import_jsx_runtime.jsx)(BooleanFilter, {
@@ -16488,69 +16645,47 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
           })
         })
       ]
-    }) : t === "text" ? (0, import_jsx_runtime.jsxs)(DropdownMenuSub, {
+    }) : n === "text" ? (0, import_jsx_runtime.jsxs)(DropdownMenuSub, {
       children: [
-        n,
+        i,
         (0, import_jsx_runtime.jsx)(DropdownMenuPortal, {
           children: (0, import_jsx_runtime.jsx)(DropdownMenuSubContent, {
-            children: (0, import_jsx_runtime.jsx)(TextFilter, {
-              column: e
+            children: (0, import_jsx_runtime.jsx)(TextFilterMenu, {
+              column: e,
+              calculateTopKRows: t
             })
           })
         })
       ]
-    }) : t === "number" ? (0, import_jsx_runtime.jsxs)(DropdownMenuSub, {
+    }) : n === "number" ? (0, import_jsx_runtime.jsxs)(DropdownMenuSub, {
       children: [
-        n,
+        i,
         (0, import_jsx_runtime.jsx)(DropdownMenuPortal, {
           children: (0, import_jsx_runtime.jsx)(DropdownMenuSubContent, {
-            children: (0, import_jsx_runtime.jsx)(NumberRangeFilter, {
+            children: (0, import_jsx_runtime.jsx)(NumberFilterMenu, {
               column: e
             })
           })
         })
       ]
-    }) : (t === "select" || t === "time" || t === "datetime" || t === "date" || logNever(t), null);
-  }
-  var NULL_FILTER_OPERATORS = {
-    is_null: "is_null",
-    is_not_null: "is_not_null"
-  }, NullFilter = ({ column: e, defaultItem: t, operator: n, setOperator: i }) => {
-    let o = (t2) => {
-      i(t2), (t2 === "is_null" || t2 === "is_not_null") && e.setFilterValue(Filter.text({
-        operator: t2
-      }));
-    };
-    return (0, import_jsx_runtime.jsxs)(Select, {
-      value: n,
-      onValueChange: (e2) => o(e2),
-      children: [
-        (0, import_jsx_runtime.jsx)(SelectTrigger, {
-          className: cn("border-border shadow-none! ring-0! w-full mb-0.5", (n === "is_null" || n === "is_not_null") && "mb-2"),
-          children: (0, import_jsx_runtime.jsx)(SelectValue, {
-            defaultValue: n
-          })
-        }),
-        (0, import_jsx_runtime.jsxs)(SelectContent, {
-          children: [
-            t && (0, import_jsx_runtime.jsx)(SelectItem, {
-              value: t,
-              children: capitalize(t)
-            }),
-            (0, import_jsx_runtime.jsx)(SelectSeparator, {}),
-            (0, import_jsx_runtime.jsx)(SelectItem, {
-              value: NULL_FILTER_OPERATORS.is_null,
-              children: "Is null"
-            }),
-            (0, import_jsx_runtime.jsx)(SelectItem, {
-              value: NULL_FILTER_OPERATORS.is_not_null,
-              children: "Is not null"
-            })
-          ]
-        })
-      ]
-    });
-  }, BooleanFilter = ({ column: e }) => (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    }) : (n === "select" || n === "time" || n === "datetime" || n === "date" || logNever(n), null);
+  }
+  var OperatorSelect = ({ operator: e, options: t, onChange: n }) => (0, import_jsx_runtime.jsxs)(Select, {
+    value: e,
+    onValueChange: (e2) => n(e2),
+    children: [
+      (0, import_jsx_runtime.jsx)(SelectTrigger, {
+        className: "border-border shadow-none! ring-0! w-full mb-0.5",
+        children: (0, import_jsx_runtime.jsx)(SelectValue, {})
+      }),
+      (0, import_jsx_runtime.jsx)(SelectContent, {
+        children: t.map((e2) => (0, import_jsx_runtime.jsx)(SelectItem, {
+          value: e2,
+          children: OPERATOR_LABELS[e2]
+        }, e2))
+      })
+    ]
+  }), BooleanFilter = ({ column: e }) => (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
     children: [
       (0, import_jsx_runtime.jsx)(DropdownMenuItem, {
         onClick: () => e.setFilterValue(Filter.boolean({
@@ -16580,121 +16715,145 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         children: "Is not null"
       })
     ]
-  }), NumberRangeFilter = ({ column: e }) => {
-    let t = e.getFilterValue(), n = t !== void 0, [i, a] = (0, import_react.useState)((t == null ? void 0 : t.operator) ?? "between"), [o, s] = (0, import_react.useState)(t == null ? void 0 : t.min), [c, d] = (0, import_react.useState)(t == null ? void 0 : t.max), f = (0, import_react.useRef)(null), h = (0, import_react.useRef)(null), _ = (t2 = {}) => {
-      e.setFilterValue(Filter.number({
-        min: t2.min ?? o,
-        max: t2.max ?? c,
-        operator: i === "between" ? void 0 : i
+  }), NUMBER_COMPARISON_SET$1 = new Set(NUMBER_COMPARISON_OPS), isNumberComparisonOp$1 = (e) => NUMBER_COMPARISON_SET$1.has(e), isNumberComparisonFilter = (e) => isNumberComparisonOp$1(e.operator);
+  const NumberFilterMenu = ({ column: e }) => {
+    let t = e.getFilterValue(), n = t !== void 0, [i, a] = (0, import_react.useState)((t == null ? void 0 : t.operator) ?? "between"), [o, s] = (0, import_react.useState)((t == null ? void 0 : t.operator) === "between" ? t.min : void 0), [c, d] = (0, import_react.useState)((t == null ? void 0 : t.operator) === "between" ? t.max : void 0), [f, h] = (0, import_react.useState)(t !== void 0 && isNumberComparisonFilter(t) ? t.value : void 0), _ = isNumberComparisonOp$1(i), v = i === "is_null" || i === "is_not_null", y = i === "between" && (o === void 0 || c === void 0) || _ && f === void 0, S = () => {
+      if (v) {
+        e.setFilterValue(Filter.number({
+          operator: i
+        }));
+        return;
+      }
+      if (i === "between" && o !== void 0 && c !== void 0) {
+        e.setFilterValue(Filter.number({
+          operator: "between",
+          min: o,
+          max: c
+        }));
+        return;
+      }
+      _ && f !== void 0 && e.setFilterValue(Filter.number({
+        operator: i,
+        value: f
       }));
+    }, w = () => {
+      s(void 0), d(void 0), h(void 0), e.setFilterValue(void 0);
     };
     return (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-col gap-1 pt-3 px-2",
       children: [
-        (0, import_jsx_runtime.jsx)(NullFilter, {
-          column: e,
-          defaultItem: "between",
+        (0, import_jsx_runtime.jsx)(OperatorSelect, {
           operator: i,
-          setOperator: a
+          options: NUMBER_OPS,
+          onChange: (e2) => {
+            a(e2);
+          }
         }),
-        i === "between" && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+        i === "between" && (0, import_jsx_runtime.jsxs)("div", {
+          className: "flex gap-1 items-center",
           children: [
-            (0, import_jsx_runtime.jsxs)("div", {
-              className: "flex gap-1 items-center",
-              children: [
-                (0, import_jsx_runtime.jsx)(NumberField, {
-                  ref: f,
-                  value: o,
-                  onChange: (e2) => s(e2),
-                  "aria-label": "min",
-                  placeholder: "min",
-                  onKeyDown: (e2) => {
-                    var _a2;
-                    e2.key === "Enter" && _({
-                      min: Number.parseFloat(e2.currentTarget.value)
-                    }), e2.key === "Tab" && ((_a2 = h.current) == null ? void 0 : _a2.focus());
-                  },
-                  className: "shadow-none! border-border hover:shadow-none!"
-                }),
-                (0, import_jsx_runtime.jsx)(Minus, {
-                  className: "h-5 w-5 text-muted-foreground"
-                }),
-                (0, import_jsx_runtime.jsx)(NumberField, {
-                  ref: h,
-                  value: c,
-                  onChange: (e2) => d(e2),
-                  "aria-label": "max",
-                  onKeyDown: (e2) => {
-                    var _a2;
-                    e2.key === "Enter" && _({
-                      max: Number.parseFloat(e2.currentTarget.value)
-                    }), e2.key === "Tab" && ((_a2 = f.current) == null ? void 0 : _a2.focus());
-                  },
-                  placeholder: "max",
-                  className: "shadow-none! border-border hover:shadow-none!"
-                })
-              ]
+            (0, import_jsx_runtime.jsx)(NumberField, {
+              value: o,
+              onChange: s,
+              "aria-label": "min",
+              placeholder: "min",
+              className: "shadow-none! border-border hover:shadow-none!"
             }),
-            (0, import_jsx_runtime.jsx)(FilterButtons, {
-              onApply: _,
-              onClear: () => {
-                s(void 0), d(void 0), e.setFilterValue(void 0);
-              },
-              clearButtonDisabled: !n
+            (0, import_jsx_runtime.jsx)(Minus, {
+              className: "h-5 w-5 text-muted-foreground"
+            }),
+            (0, import_jsx_runtime.jsx)(NumberField, {
+              value: c,
+              onChange: d,
+              "aria-label": "max",
+              placeholder: "max",
+              className: "shadow-none! border-border hover:shadow-none!"
             })
           ]
+        }),
+        _ && (0, import_jsx_runtime.jsx)(NumberField, {
+          value: f,
+          onChange: h,
+          "aria-label": "value",
+          placeholder: "value",
+          className: "shadow-none! border-border hover:shadow-none!"
+        }),
+        (0, import_jsx_runtime.jsx)(FilterButtons, {
+          onApply: S,
+          onClear: w,
+          clearButtonDisabled: !n,
+          applyButtonDisabled: y
         })
       ]
     });
-  }, TextFilter = ({ column: e }) => {
-    let t = e.getFilterValue(), n = t !== void 0, [i, a] = (0, import_react.useState)((t == null ? void 0 : t.text) ?? ""), [o, s] = (0, import_react.useState)((t == null ? void 0 : t.operator) ?? "contains"), c = () => {
-      if (o !== "contains") {
+  };
+  var TEXT_SCALAR_SET$1 = new Set(TEXT_SCALAR_OPS), isTextScalarOp$1 = (e) => TEXT_SCALAR_SET$1.has(e);
+  const TextFilterMenu = ({ column: e, calculateTopKRows: t }) => {
+    let n = e.getFilterValue(), i = n !== void 0, [a, o] = (0, import_react.useState)((n == null ? void 0 : n.operator) ?? "contains"), [s, c] = (0, import_react.useState)(n && "text" in n ? n.text : ""), [d, f] = (0, import_react.useState)(n && "values" in n ? [
+      ...n.values
+    ] : []), h = isTextScalarOp$1(a), _ = a === "in" || a === "not_in", v = a === "is_null" || a === "is_not_null" || a === "is_empty", y = h && s === "" || _ && d.length === 0, S = () => {
+      if (v) {
         e.setFilterValue(Filter.text({
-          operator: o
+          operator: a
         }));
         return;
       }
-      if (i === "") {
-        e.setFilterValue(void 0);
+      if (h && s !== "") {
+        e.setFilterValue(Filter.text({
+          operator: a,
+          text: s
+        }));
         return;
       }
-      e.setFilterValue(Filter.text({
-        text: i,
-        operator: o
+      _ && d.length > 0 && e.setFilterValue(Filter.text({
+        operator: a,
+        values: d
       }));
     };
     return (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-col gap-1 pt-3 px-2",
       children: [
-        (0, import_jsx_runtime.jsx)(NullFilter, {
+        (0, import_jsx_runtime.jsx)(OperatorSelect, {
+          operator: a,
+          options: TEXT_OPS,
+          onChange: (e2) => {
+            o(e2);
+          }
+        }),
+        h && a === "regex" && (0, import_jsx_runtime.jsx)(RegexInput, {
+          value: s,
+          onChange: c,
+          onKeyDown: (e2) => {
+            e2.stopPropagation(), e2.key === "Enter" && S();
+          }
+        }),
+        h && a !== "regex" && (0, import_jsx_runtime.jsx)(Input, {
+          type: "text",
+          icon: (0, import_jsx_runtime.jsx)(TextAlignStart, {
+            className: "h-3 w-3 text-muted-foreground mb-1"
+          }),
+          value: s,
+          onChange: (e2) => c(e2.target.value),
+          placeholder: "Text...",
+          onKeyDown: (e2) => {
+            e2.stopPropagation(), e2.key === "Enter" && S();
+          },
+          className: "shadow-none! border-border hover:shadow-none!"
+        }),
+        _ && (0, import_jsx_runtime.jsx)(FilterByValuesList, {
           column: e,
-          defaultItem: "contains",
-          operator: o,
-          setOperator: s
+          calculateTopKRows: t,
+          chosenValues: new Set(d),
+          onChange: (e2) => f(e2.map(String)),
+          creatable: true
         }),
-        o === "contains" && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-          children: [
-            (0, import_jsx_runtime.jsx)(Input, {
-              type: "text",
-              icon: (0, import_jsx_runtime.jsx)(TextAlignStart, {
-                className: "h-3 w-3 text-muted-foreground mb-1"
-              }),
-              value: i ?? "",
-              onChange: (e2) => a(e2.target.value),
-              placeholder: "Text...",
-              onKeyDown: (e2) => {
-                e2.key === "Enter" && c();
-              },
-              className: "shadow-none! border-border hover:shadow-none!"
-            }),
-            (0, import_jsx_runtime.jsx)(FilterButtons, {
-              onApply: c,
-              onClear: () => {
-                a(""), e.setFilterValue(void 0);
-              },
-              clearButtonDisabled: !n
-            })
-          ]
+        (0, import_jsx_runtime.jsx)(FilterButtons, {
+          onApply: S,
+          onClear: () => {
+            c(""), f([]), e.setFilterValue(void 0);
+          },
+          clearButtonDisabled: !i,
+          applyButtonDisabled: y
         })
       ]
     });
@@ -19056,7 +19215,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   function PanelWithForwardedRef({ children: e, className: t = "", collapsedSize: n, collapsible: i, defaultSize: a, forwardedRef: o, id: s, maxSize: c, minSize: d, onCollapse: f, onExpand: h, onResize: _, order: v, style: y, tagName: S = "div", ...w }) {
     let E = (0, import_react.useContext)(PanelGroupContext);
     if (E === null) throw Error("Panel components must be rendered within a PanelGroup container");
-    let { collapsePanel: O, expandPanel: A, getPanelSize: M, getPanelStyle: I, groupId: z, isPanelCollapsed: U, reevaluatePanelConstraints: K, registerPanel: q, resizePanel: J, unregisterPanel: Q } = E, TN = useUniqueId(s), $ = (0, import_react.useRef)({
+    let { collapsePanel: O, expandPanel: A, getPanelSize: M, getPanelStyle: I, groupId: z, isPanelCollapsed: U, reevaluatePanelConstraints: K, registerPanel: q, resizePanel: J, unregisterPanel: Q } = E, UN = useUniqueId(s), WN = (0, import_react.useRef)({
       callbacks: {
         onCollapse: f,
         onExpand: h,
@@ -19069,72 +19228,72 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         maxSize: c,
         minSize: d
       },
-      id: TN,
+      id: UN,
       idIsFromProps: s !== void 0,
       order: v
     });
     (0, import_react.useRef)({
       didLogMissingDefaultSizeWarning: false
     }), useIsomorphicLayoutEffect$1(() => {
-      let { callbacks: e2, constraints: t2 } = $.current, o2 = {
+      let { callbacks: e2, constraints: t2 } = WN.current, o2 = {
         ...t2
       };
-      $.current.id = TN, $.current.idIsFromProps = s !== void 0, $.current.order = v, e2.onCollapse = f, e2.onExpand = h, e2.onResize = _, t2.collapsedSize = n, t2.collapsible = i, t2.defaultSize = a, t2.maxSize = c, t2.minSize = d, (o2.collapsedSize !== t2.collapsedSize || o2.collapsible !== t2.collapsible || o2.maxSize !== t2.maxSize || o2.minSize !== t2.minSize) && K($.current, o2);
+      WN.current.id = UN, WN.current.idIsFromProps = s !== void 0, WN.current.order = v, e2.onCollapse = f, e2.onExpand = h, e2.onResize = _, t2.collapsedSize = n, t2.collapsible = i, t2.defaultSize = a, t2.maxSize = c, t2.minSize = d, (o2.collapsedSize !== t2.collapsedSize || o2.collapsible !== t2.collapsible || o2.maxSize !== t2.maxSize || o2.minSize !== t2.minSize) && K(WN.current, o2);
     }), useIsomorphicLayoutEffect$1(() => {
-      let e2 = $.current;
+      let e2 = WN.current;
       return q(e2), () => {
         Q(e2);
       };
     }, [
       v,
-      TN,
+      UN,
       q,
       Q
     ]), (0, import_react.useImperativeHandle)(o, () => ({
       collapse: () => {
-        O($.current);
+        O(WN.current);
       },
       expand: (e2) => {
-        A($.current, e2);
+        A(WN.current, e2);
       },
       getId() {
-        return TN;
+        return UN;
       },
       getSize() {
-        return M($.current);
+        return M(WN.current);
       },
       isCollapsed() {
-        return U($.current);
+        return U(WN.current);
       },
       isExpanded() {
-        return !U($.current);
+        return !U(WN.current);
       },
       resize: (e2) => {
-        J($.current, e2);
+        J(WN.current, e2);
       }
     }), [
       O,
       A,
       M,
       U,
-      TN,
+      UN,
       J
     ]);
-    let EN = I($.current, a);
+    let GN = I(WN.current, a);
     return (0, import_react.createElement)(S, {
       ...w,
       children: e,
       className: t,
-      id: TN,
+      id: UN,
       style: {
-        ...EN,
+        ...GN,
         ...y
       },
       [DATA_ATTRIBUTES.groupId]: z,
       [DATA_ATTRIBUTES.panel]: "",
       [DATA_ATTRIBUTES.panelCollapsible]: i || void 0,
-      [DATA_ATTRIBUTES.panelId]: TN,
-      [DATA_ATTRIBUTES.panelSize]: parseFloat("" + EN.flexGrow).toFixed(1)
+      [DATA_ATTRIBUTES.panelId]: UN,
+      [DATA_ATTRIBUTES.panelSize]: parseFloat("" + GN.flexGrow).toFixed(1)
     });
   }
   var Panel = (0, import_react.forwardRef)((e, t) => (0, import_react.createElement)(PanelWithForwardedRef, {
@@ -19907,7 +20066,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }, []), Q = (0, import_react.useCallback)((e2) => {
       let { layout: t2, panelDataArray: n2 } = K.current, { panelSize: i2 } = panelDataHelper(n2, e2, t2);
       return assert(i2 != null, `Panel size not found for panel "${e2.id}"`), i2;
-    }, []), TN = (0, import_react.useCallback)((e2, t2) => {
+    }, []), UN = (0, import_react.useCallback)((e2, t2) => {
       let { panelDataArray: n2 } = K.current;
       return computePanelFlexBoxStyle({
         defaultSize: t2,
@@ -19919,13 +20078,13 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }, [
       S,
       E
-    ]), $ = (0, import_react.useCallback)((e2) => {
+    ]), WN = (0, import_react.useCallback)((e2) => {
       let { layout: t2, panelDataArray: n2 } = K.current, { collapsedSize: i2 = 0, collapsible: a2, panelSize: o2 } = panelDataHelper(n2, e2, t2);
       return assert(o2 != null, `Panel size not found for panel "${e2.id}"`), a2 === true && fuzzyNumbersEqual$1(o2, i2);
-    }, []), EN = (0, import_react.useCallback)((e2) => {
+    }, []), GN = (0, import_react.useCallback)((e2) => {
       let { layout: t2, panelDataArray: n2 } = K.current, { collapsedSize: i2 = 0, collapsible: a2, panelSize: o2 } = panelDataHelper(n2, e2, t2);
       return assert(o2 != null, `Panel size not found for panel "${e2.id}"`), !a2 || fuzzyCompareNumbers(o2, i2) > 0;
-    }, []), DN = (0, import_react.useCallback)((e2) => {
+    }, []), KN = (0, import_react.useCallback)((e2) => {
       let { panelDataArray: t2 } = K.current;
       t2.push(e2), t2.sort((e3, t3) => {
         let n2 = e3.order, i2 = t3.order;
@@ -19957,7 +20116,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         e2.layout = [];
       };
     }, []);
-    let ON = (0, import_react.useCallback)((e2) => {
+    let $ = (0, import_react.useCallback)((e2) => {
       let t2 = false, n2 = y.current;
       return n2 && window.getComputedStyle(n2, null).getPropertyValue("direction") === "rtl" && (t2 = true), function(n3) {
         n3.preventDefault();
@@ -19975,7 +20134,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         }), I2 = !compareLayouts(f2, A2);
         (isPointerEvent(n3) || isMouseEvent(n3)) && z.current != S2 && (z.current = S2, !I2 && S2 !== 0 ? w2 ? reportConstraintsViolation(e2, S2 < 0 ? EXCEEDED_HORIZONTAL_MIN : EXCEEDED_HORIZONTAL_MAX) : reportConstraintsViolation(e2, S2 < 0 ? EXCEEDED_VERTICAL_MIN : EXCEEDED_VERTICAL_MAX) : reportConstraintsViolation(e2, 0)), I2 && (O(A2), K.current.layout = A2, d2 && d2(A2), callPanelCallbacks(h2, A2, M.current));
       };
-    }, []), kN = (0, import_react.useCallback)((e2, t2) => {
+    }, []), qN = (0, import_react.useCallback)((e2, t2) => {
       let { onLayout: n2 } = U.current, { layout: i2, panelDataArray: a2 } = K.current, o2 = a2.map((e3) => e3.constraints), { panelSize: s2, pivotIndices: c2 } = panelDataHelper(a2, e2, i2);
       assert(s2 != null, `Panel size not found for panel "${e2.id}"`);
       let d2 = adjustLayoutByDelta({
@@ -19987,12 +20146,12 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         trigger: "imperative-api"
       });
       compareLayouts(i2, d2) || (O(d2), K.current.layout = d2, n2 && n2(d2), callPanelCallbacks(a2, d2, M.current));
-    }, []), AN = (0, import_react.useCallback)((e2, t2) => {
+    }, []), JN = (0, import_react.useCallback)((e2, t2) => {
       let { layout: n2, panelDataArray: i2 } = K.current, { collapsedSize: a2 = 0, collapsible: o2 } = t2, { collapsedSize: s2 = 0, collapsible: c2, maxSize: d2 = 100, minSize: f2 = 0 } = e2.constraints, { panelSize: h2 } = panelDataHelper(i2, e2, n2);
-      h2 != null && (o2 && c2 && fuzzyNumbersEqual$1(h2, a2) ? fuzzyNumbersEqual$1(a2, s2) || kN(e2, s2) : h2 < f2 ? kN(e2, f2) : h2 > d2 && kN(e2, d2));
+      h2 != null && (o2 && c2 && fuzzyNumbersEqual$1(h2, a2) ? fuzzyNumbersEqual$1(a2, s2) || qN(e2, s2) : h2 < f2 ? qN(e2, f2) : h2 > d2 && qN(e2, d2));
     }, [
-      kN
-    ]), jN = (0, import_react.useCallback)((e2, t2) => {
+      qN
+    ]), YN = (0, import_react.useCallback)((e2, t2) => {
       let { direction: n2 } = U.current, { layout: i2 } = K.current;
       if (!y.current) return;
       let a2 = getResizeHandleElement(e2, y.current);
@@ -20004,30 +20163,30 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         initialCursorPosition: o2,
         initialLayout: i2
       });
-    }, []), MN = (0, import_react.useCallback)(() => {
+    }, []), XN = (0, import_react.useCallback)(() => {
       w(null);
-    }, []), NN = (0, import_react.useCallback)((e2) => {
+    }, []), ZN = (0, import_react.useCallback)((e2) => {
       let { panelDataArray: t2 } = K.current, n2 = findPanelDataIndex(t2, e2);
       n2 >= 0 && (t2.splice(n2, 1), delete M.current[e2.id], K.current.panelDataArrayChanged = true, A());
     }, [
       A
-    ]), PN = (0, import_react.useMemo)(() => ({
+    ]), QN = (0, import_react.useMemo)(() => ({
       collapsePanel: q,
       direction: i,
       dragState: S,
       expandPanel: J,
       getPanelSize: Q,
-      getPanelStyle: TN,
+      getPanelStyle: UN,
       groupId: v,
-      isPanelCollapsed: $,
-      isPanelExpanded: EN,
-      reevaluatePanelConstraints: AN,
-      registerPanel: DN,
-      registerResizeHandle: ON,
-      resizePanel: kN,
-      startDragging: jN,
-      stopDragging: MN,
-      unregisterPanel: NN,
+      isPanelCollapsed: WN,
+      isPanelExpanded: GN,
+      reevaluatePanelConstraints: JN,
+      registerPanel: KN,
+      registerResizeHandle: $,
+      resizePanel: qN,
+      startDragging: YN,
+      stopDragging: XN,
+      unregisterPanel: ZN,
       panelGroupElement: y.current
     }), [
       q,
@@ -20035,18 +20194,18 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       i,
       J,
       Q,
-      TN,
+      UN,
       v,
+      WN,
+      GN,
+      JN,
+      KN,
       $,
-      EN,
-      AN,
-      DN,
-      ON,
-      kN,
-      jN,
-      MN,
-      NN
-    ]), FN = {
+      qN,
+      YN,
+      XN,
+      ZN
+    ]), $N = {
       display: "flex",
       flexDirection: i === "horizontal" ? "row" : "column",
       height: "100%",
@@ -20054,7 +20213,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       width: "100%"
     };
     return (0, import_react.createElement)(PanelGroupContext.Provider, {
-      value: PN
+      value: QN
     }, (0, import_react.createElement)(h, {
       ..._,
       children: t,
@@ -20062,7 +20221,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       id: o,
       ref: y,
       style: {
-        ...FN,
+        ...$N,
         ...f
       },
       [DATA_ATTRIBUTES.group]: "",
@@ -20139,31 +20298,31 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     });
     let O = (0, import_react.useContext)(PanelGroupContext);
     if (O === null) throw Error("PanelResizeHandle components must be rendered within a PanelGroup container");
-    let { direction: A, groupId: M, registerResizeHandle: I, startDragging: z, stopDragging: U, panelGroupElement: K } = O, q = useUniqueId(a), [J, Q] = (0, import_react.useState)("inactive"), [TN, $] = (0, import_react.useState)(false), [EN, DN] = (0, import_react.useState)(null), ON = (0, import_react.useRef)({
+    let { direction: A, groupId: M, registerResizeHandle: I, startDragging: z, stopDragging: U, panelGroupElement: K } = O, q = useUniqueId(a), [J, Q] = (0, import_react.useState)("inactive"), [UN, WN] = (0, import_react.useState)(false), [GN, KN] = (0, import_react.useState)(null), $ = (0, import_react.useRef)({
       state: J
     });
     useIsomorphicLayoutEffect$1(() => {
-      ON.current.state = J;
+      $.current.state = J;
     }), (0, import_react.useEffect)(() => {
-      if (n) DN(null);
+      if (n) KN(null);
       else {
         let e2 = I(q);
-        DN(() => e2);
+        KN(() => e2);
       }
     }, [
       n,
       q,
       I
     ]);
-    let kN = (i == null ? void 0 : i.coarse) ?? 15, AN = (i == null ? void 0 : i.fine) ?? 5;
+    let qN = (i == null ? void 0 : i.coarse) ?? 15, JN = (i == null ? void 0 : i.fine) ?? 5;
     (0, import_react.useEffect)(() => {
-      if (n || EN == null) return;
+      if (n || GN == null) return;
       let e2 = w.current;
       assert(e2, "Element ref not attached");
       let t2 = false;
       return registerResizeHandle(q, e2, A, {
-        coarse: kN,
-        fine: AN
+        coarse: qN,
+        fine: JN
       }, (e3, n2, i2) => {
         if (!n2) {
           Q("inactive");
@@ -20177,8 +20336,8 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             break;
           }
           case "move": {
-            let { state: e4 } = ON.current;
-            t2 = true, e4 !== "drag" && Q("hover"), assert(i2, 'Expected event to be defined for "move" action'), EN(i2);
+            let { state: e4 } = $.current;
+            t2 = true, e4 !== "drag" && Q("hover"), assert(i2, 'Expected event to be defined for "move" action'), GN(i2);
             break;
           }
           case "up": {
@@ -20190,22 +20349,22 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         }
       });
     }, [
-      kN,
+      qN,
       A,
       n,
-      AN,
+      JN,
       I,
       q,
-      EN,
+      GN,
       z,
       U
     ]), useWindowSplitterResizeHandlerBehavior({
       disabled: n,
       handleId: q,
-      resizeHandler: EN,
+      resizeHandler: GN,
       panelGroupElement: K
     });
-    let jN = {
+    let YN = {
       touchAction: "none",
       userSelect: "none"
     };
@@ -20215,22 +20374,22 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       className: t,
       id: a,
       onBlur: () => {
-        $(false), o == null ? void 0 : o();
+        WN(false), o == null ? void 0 : o();
       },
       onFocus: () => {
-        $(true), d == null ? void 0 : d();
+        WN(true), d == null ? void 0 : d();
       },
       ref: w,
       role: "separator",
       style: {
-        ...jN,
+        ...YN,
         ..._
       },
       tabIndex: v,
       [DATA_ATTRIBUTES.groupDirection]: A,
       [DATA_ATTRIBUTES.groupId]: M,
       [DATA_ATTRIBUTES.resizeHandle]: "",
-      [DATA_ATTRIBUTES.resizeHandleActive]: J === "drag" ? "pointer" : TN ? "keyboard" : void 0,
+      [DATA_ATTRIBUTES.resizeHandleActive]: J === "drag" ? "pointer" : UN ? "keyboard" : void 0,
       [DATA_ATTRIBUTES.resizeHandleEnabled]: !n,
       [DATA_ATTRIBUTES.resizeHandleId]: q,
       [DATA_ATTRIBUTES.resizeHandleState]: J
@@ -20395,149 +20554,155 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     onSelect: Functions.NOOP
   });
   Combobox = (e) => {
-    let t = (0, import_compiler_runtime$21.c)(96), n, i, o, s, c, d, f, h, _, v, y, S, w, E, O, A, M, I, z, U, K, q;
-    t[0] === e ? (n = t[1], i = t[2], o = t[3], s = t[4], c = t[5], d = t[6], f = t[7], h = t[8], _ = t[9], v = t[10], y = t[11], S = t[12], w = t[13], E = t[14], O = t[15], A = t[16], M = t[17], I = t[18], z = t[19], U = t[20], K = t[21], q = t[22]) : ({ children: n, displayValue: d, className: o, placeholder: E, value: q, defaultValue: c, onValueChange: S, multiple: M, shouldFilter: I, filterFn: f, open: w, defaultOpen: s, onOpenChange: v, inputPlaceholder: z, search: A, onSearchChange: y, emptyState: U, chips: K, chipsClassName: i, keepPopoverOpenOnSelect: _, id: h, ...O } = e, t[0] = e, t[1] = n, t[2] = i, t[3] = o, t[4] = s, t[5] = c, t[6] = d, t[7] = f, t[8] = h, t[9] = _, t[10] = v, t[11] = y, t[12] = S, t[13] = w, t[14] = E, t[15] = O, t[16] = A, t[17] = M, t[18] = I, t[19] = z, t[20] = U, t[21] = K, t[22] = q);
-    let J = M === void 0 ? false : M, Q = I === void 0 ? true : I, TN = z === void 0 ? "Search..." : z, $ = U === void 0 ? "Nothing found." : U, EN = K === void 0 ? false : K, DN = s ?? false, ON;
-    t[23] !== v || t[24] !== w || t[25] !== DN ? (ON = {
+    let t = (0, import_compiler_runtime$21.c)(103), n, i, o, s, c, d, f, h, _, v, y, S, w, E, O, A, M, I, z, U, K, q, J;
+    t[0] === e ? (n = t[1], i = t[2], o = t[3], s = t[4], c = t[5], d = t[6], f = t[7], h = t[8], _ = t[9], v = t[10], y = t[11], S = t[12], w = t[13], E = t[14], O = t[15], A = t[16], M = t[17], I = t[18], z = t[19], U = t[20], K = t[21], q = t[22], J = t[23]) : ({ children: n, displayValue: d, className: o, placeholder: E, value: J, defaultValue: c, onValueChange: S, multiple: M, shouldFilter: I, filterFn: f, open: w, defaultOpen: s, onOpenChange: v, inputPlaceholder: z, search: A, onSearchChange: y, emptyState: U, chips: K, chipsClassName: i, keepPopoverOpenOnSelect: _, id: h, disabled: q, ...O } = e, t[0] = e, t[1] = n, t[2] = i, t[3] = o, t[4] = s, t[5] = c, t[6] = d, t[7] = f, t[8] = h, t[9] = _, t[10] = v, t[11] = y, t[12] = S, t[13] = w, t[14] = E, t[15] = O, t[16] = A, t[17] = M, t[18] = I, t[19] = z, t[20] = U, t[21] = K, t[22] = q, t[23] = J);
+    let Q = M === void 0 ? false : M, UN = I === void 0 ? true : I, WN = z === void 0 ? "Search..." : z, GN = U === void 0 ? "Nothing found." : U, KN = K === void 0 ? false : K, $ = q === void 0 ? false : q, qN = s ?? false, JN;
+    t[24] !== v || t[25] !== w || t[26] !== qN ? (JN = {
       prop: w,
-      defaultProp: DN,
+      defaultProp: qN,
       onChange: v
-    }, t[23] = v, t[24] = w, t[25] = DN, t[26] = ON) : ON = t[26];
-    let [kN, AN] = useControllableState(ON), jN = kN === void 0 ? false : kN, MN;
-    t[27] === S ? MN = t[28] : (MN = (e2) => {
+    }, t[24] = v, t[25] = w, t[26] = qN, t[27] = JN) : JN = t[27];
+    let [YN, XN] = useControllableState(JN), ZN = YN === void 0 ? false : YN, QN;
+    t[28] === S ? QN = t[29] : (QN = (e2) => {
       S == null ? void 0 : S(e2);
-    }, t[27] = S, t[28] = MN);
-    let NN;
-    t[29] !== c || t[30] !== MN || t[31] !== q ? (NN = {
-      prop: q,
+    }, t[28] = S, t[29] = QN);
+    let $N;
+    t[30] !== c || t[31] !== QN || t[32] !== J ? ($N = {
+      prop: J,
       defaultProp: c,
-      onChange: MN
-    }, t[29] = c, t[30] = MN, t[31] = q, t[32] = NN) : NN = t[32];
-    let [FN, IN] = useControllableState(NN), LN;
-    t[33] === FN ? LN = t[34] : (LN = (e2) => Array.isArray(FN) ? FN.includes(e2) : FN === e2, t[33] = FN, t[34] = LN);
-    let RN = LN, zN;
-    t[35] !== _ || t[36] !== J || t[37] !== AN || t[38] !== IN || t[39] !== FN ? (zN = (e2) => {
+      onChange: QN
+    }, t[30] = c, t[31] = QN, t[32] = J, t[33] = $N) : $N = t[33];
+    let [eP, tP] = useControllableState($N), nP;
+    t[34] === eP ? nP = t[35] : (nP = (e2) => Array.isArray(eP) ? eP.includes(e2) : eP === e2, t[34] = eP, t[35] = nP);
+    let rP = nP, iP;
+    t[36] !== _ || t[37] !== Q || t[38] !== XN || t[39] !== tP || t[40] !== eP ? (iP = (e2) => {
       let t2 = e2;
-      if (J) if (Array.isArray(FN)) if (FN.includes(t2)) {
-        let n2 = FN.filter((t3) => t3 !== e2);
+      if (Q) if (Array.isArray(eP)) if (eP.includes(t2)) {
+        let n2 = eP.filter((t3) => t3 !== e2);
         t2 = n2.length > 0 ? n2 : [];
       } else t2 = [
-        ...FN,
+        ...eP,
         t2
       ];
       else t2 = [
         t2
       ];
-      else FN === e2 && (t2 = null);
-      IN(t2), (_ ?? J) || AN(false);
-    }, t[35] = _, t[36] = J, t[37] = AN, t[38] = IN, t[39] = FN, t[40] = zN) : zN = t[40];
-    let BN = zN, VN;
-    t[41] !== EN || t[42] !== d || t[43] !== J || t[44] !== E || t[45] !== FN ? (VN = () => J && EN && E ? E : FN == null ? E ?? "--" : Array.isArray(FN) ? FN.length === 0 ? E ?? "--" : FN.length === 1 && d !== void 0 ? d(FN[0]) : `${FN.length} selected` : d === void 0 ? E ?? "--" : d(FN), t[41] = EN, t[42] = d, t[43] = J, t[44] = E, t[45] = FN, t[46] = VN) : VN = t[46];
-    let HN = VN, UN;
-    t[47] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (UN = cn("relative"), t[47] = UN) : UN = t[47];
-    let WN;
-    t[48] === o ? WN = t[49] : (WN = cn("flex h-6 w-fit mb-1 shadow-xs-solid items-center justify-between rounded-sm border border-input bg-transparent px-2 text-sm font-prose ring-offset-background placeholder:text-muted-foreground hover:shadow-sm-solid focus:outline-hidden focus:ring-1 focus:ring-ring focus:border-primary focus:shadow-md-solid disabled:cursor-not-allowed disabled:opacity-50", o), t[48] = o, t[49] = WN);
-    let GN;
-    t[50] === HN ? GN = t[51] : (GN = HN(), t[50] = HN, t[51] = GN);
-    let KN;
-    t[52] === GN ? KN = t[53] : (KN = (0, import_jsx_runtime.jsx)("span", {
+      else eP === e2 && (t2 = null);
+      tP(t2), (_ ?? Q) || XN(false);
+    }, t[36] = _, t[37] = Q, t[38] = XN, t[39] = tP, t[40] = eP, t[41] = iP) : iP = t[41];
+    let aP = iP, oP;
+    t[42] !== KN || t[43] !== d || t[44] !== Q || t[45] !== E || t[46] !== eP ? (oP = () => Q && KN && E ? E : eP == null ? E ?? "--" : Array.isArray(eP) ? eP.length === 0 ? E ?? "--" : eP.length === 1 && d !== void 0 ? d(eP[0]) : `${eP.length} selected` : d === void 0 ? E ?? "--" : d(eP), t[42] = KN, t[43] = d, t[44] = Q, t[45] = E, t[46] = eP, t[47] = oP) : oP = t[47];
+    let sP = oP, cP;
+    t[48] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (cP = cn("relative"), t[48] = cP) : cP = t[48];
+    let lP;
+    t[49] !== $ || t[50] !== XN ? (lP = (e2) => {
+      $ && e2 || XN(e2);
+    }, t[49] = $, t[50] = XN, t[51] = lP) : lP = t[51];
+    let uP = $ && "cursor-not-allowed opacity-50", fP;
+    t[52] !== o || t[53] !== uP ? (fP = cn("flex h-6 w-fit mb-1 shadow-xs-solid items-center justify-between rounded-sm border border-input bg-transparent px-2 text-sm font-prose ring-offset-background placeholder:text-muted-foreground hover:shadow-sm-solid focus:outline-hidden focus:ring-1 focus:ring-ring focus:border-primary focus:shadow-md-solid", uP, o), t[52] = o, t[53] = uP, t[54] = fP) : fP = t[54];
+    let pP;
+    t[55] === sP ? pP = t[56] : (pP = sP(), t[55] = sP, t[56] = pP);
+    let hP;
+    t[57] === pP ? hP = t[58] : (hP = (0, import_jsx_runtime.jsx)("span", {
       className: "truncate flex-1 min-w-0",
-      children: GN
-    }), t[52] = GN, t[53] = KN);
-    let JN;
-    t[54] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (JN = (0, import_jsx_runtime.jsx)(ChevronDown, {
+      children: pP
+    }), t[57] = pP, t[58] = hP);
+    let gP;
+    t[59] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (gP = (0, import_jsx_runtime.jsx)(ChevronDown, {
       className: "ml-3 w-4 h-4 opacity-50 shrink-0"
-    }), t[54] = JN) : JN = t[54];
-    let YN;
-    t[55] !== h || t[56] !== jN || t[57] !== WN || t[58] !== KN ? (YN = (0, import_jsx_runtime.jsx)(PopoverTrigger, {
+    }), t[59] = gP) : gP = t[59];
+    let _P;
+    t[60] !== $ || t[61] !== h || t[62] !== ZN || t[63] !== fP || t[64] !== hP ? (_P = (0, import_jsx_runtime.jsx)(PopoverTrigger, {
       asChild: true,
-      children: (0, import_jsx_runtime.jsxs)("div", {
+      children: (0, import_jsx_runtime.jsxs)("button", {
         id: h,
-        className: WN,
-        "aria-expanded": jN,
+        type: "button",
+        className: fP,
+        "aria-expanded": ZN,
+        "aria-disabled": $,
         children: [
-          KN,
-          JN
+          hP,
+          gP
         ]
       })
-    }), t[55] = h, t[56] = jN, t[57] = WN, t[58] = KN, t[59] = YN) : YN = t[59];
-    let ZN;
-    t[60] !== TN || t[61] !== y || t[62] !== A ? (ZN = (0, import_jsx_runtime.jsx)(CommandInput, {
-      placeholder: TN,
+    }), t[60] = $, t[61] = h, t[62] = ZN, t[63] = fP, t[64] = hP, t[65] = _P) : _P = t[65];
+    let vP;
+    t[66] !== WN || t[67] !== y || t[68] !== A ? (vP = (0, import_jsx_runtime.jsx)(CommandInput, {
+      placeholder: WN,
       rootClassName: "px-1 h-8",
       autoFocus: true,
       value: A,
       onValueChange: y
-    }), t[60] = TN, t[61] = y, t[62] = A, t[63] = ZN) : ZN = t[63];
-    let QN;
-    t[64] === $ ? QN = t[65] : (QN = (0, import_jsx_runtime.jsx)(CommandEmpty, {
-      children: $
-    }), t[64] = $, t[65] = QN);
-    let $N;
-    t[66] !== BN || t[67] !== RN ? ($N = {
-      isSelected: RN,
-      onSelect: BN
-    }, t[66] = BN, t[67] = RN, t[68] = $N) : $N = t[68];
-    let eP;
-    t[69] !== n || t[70] !== $N ? (eP = (0, import_jsx_runtime.jsx)(ComboboxContext, {
-      value: $N,
+    }), t[66] = WN, t[67] = y, t[68] = A, t[69] = vP) : vP = t[69];
+    let yP;
+    t[70] === GN ? yP = t[71] : (yP = (0, import_jsx_runtime.jsx)(CommandEmpty, {
+      children: GN
+    }), t[70] = GN, t[71] = yP);
+    let bP;
+    t[72] !== aP || t[73] !== rP ? (bP = {
+      isSelected: rP,
+      onSelect: aP
+    }, t[72] = aP, t[73] = rP, t[74] = bP) : bP = t[74];
+    let xP;
+    t[75] !== n || t[76] !== bP ? (xP = (0, import_jsx_runtime.jsx)(ComboboxContext, {
+      value: bP,
       children: n
-    }), t[69] = n, t[70] = $N, t[71] = eP) : eP = t[71];
-    let tP;
-    t[72] !== QN || t[73] !== eP ? (tP = (0, import_jsx_runtime.jsxs)(CommandList, {
+    }), t[75] = n, t[76] = bP, t[77] = xP) : xP = t[77];
+    let SP;
+    t[78] !== yP || t[79] !== xP ? (SP = (0, import_jsx_runtime.jsxs)(CommandList, {
       className: "max-h-60 py-.5",
       children: [
-        QN,
-        eP
+        yP,
+        xP
       ]
-    }), t[72] = QN, t[73] = eP, t[74] = tP) : tP = t[74];
-    let nP;
-    t[75] !== f || t[76] !== Q || t[77] !== ZN || t[78] !== tP ? (nP = (0, import_jsx_runtime.jsx)(PopoverContent, {
+    }), t[78] = yP, t[79] = xP, t[80] = SP) : SP = t[80];
+    let CP;
+    t[81] !== f || t[82] !== UN || t[83] !== vP || t[84] !== SP ? (CP = (0, import_jsx_runtime.jsx)(PopoverContent, {
       className: "w-full min-w-(--radix-popover-trigger-width) p-0",
       align: "start",
       children: (0, import_jsx_runtime.jsxs)(Command, {
         filter: f,
-        shouldFilter: Q,
+        shouldFilter: UN,
         children: [
-          ZN,
-          tP
+          vP,
+          SP
         ]
       })
-    }), t[75] = f, t[76] = Q, t[77] = ZN, t[78] = tP, t[79] = nP) : nP = t[79];
-    let rP;
-    t[80] !== jN || t[81] !== AN || t[82] !== YN || t[83] !== nP ? (rP = (0, import_jsx_runtime.jsxs)(Popover, {
-      open: jN,
-      onOpenChange: AN,
+    }), t[81] = f, t[82] = UN, t[83] = vP, t[84] = SP, t[85] = CP) : CP = t[85];
+    let wP;
+    t[86] !== ZN || t[87] !== lP || t[88] !== _P || t[89] !== CP ? (wP = (0, import_jsx_runtime.jsxs)(Popover, {
+      open: ZN,
+      onOpenChange: lP,
       children: [
-        YN,
-        nP
+        _P,
+        CP
       ]
-    }), t[80] = jN, t[81] = AN, t[82] = YN, t[83] = nP, t[84] = rP) : rP = t[84];
-    let iP;
-    t[85] !== EN || t[86] !== i || t[87] !== d || t[88] !== BN || t[89] !== J || t[90] !== FN ? (iP = J && EN && (0, import_jsx_runtime.jsx)("div", {
+    }), t[86] = ZN, t[87] = lP, t[88] = _P, t[89] = CP, t[90] = wP) : wP = t[90];
+    let TP;
+    t[91] !== KN || t[92] !== i || t[93] !== $ || t[94] !== d || t[95] !== aP || t[96] !== Q || t[97] !== eP ? (TP = Q && KN && (0, import_jsx_runtime.jsx)("div", {
       className: cn("flex flex-col gap-1 items-start", i),
-      children: Array.isArray(FN) && FN.map((e2) => e2 == null ? null : (0, import_jsx_runtime.jsxs)(Badge, {
+      children: Array.isArray(eP) && eP.map((e2) => e2 == null ? null : (0, import_jsx_runtime.jsxs)(Badge, {
         variant: "secondary",
         children: [
           (d == null ? void 0 : d(e2)) ?? String(e2),
           (0, import_jsx_runtime.jsx)(CircleX, {
             onClick: () => {
-              BN(e2);
+              $ || aP(e2);
             },
-            className: "w-3 h-3 opacity-50 hover:opacity-100 ml-1 cursor-pointer"
+            className: cn("w-3 h-3 opacity-50 hover:opacity-100 ml-1 cursor-pointer", $ && "pointer-events-none")
           })
         ]
       }, String(e2)))
-    }), t[85] = EN, t[86] = i, t[87] = d, t[88] = BN, t[89] = J, t[90] = FN, t[91] = iP) : iP = t[91];
-    let aP;
-    return t[92] !== O || t[93] !== rP || t[94] !== iP ? (aP = (0, import_jsx_runtime.jsxs)("div", {
-      className: UN,
+    }), t[91] = KN, t[92] = i, t[93] = $, t[94] = d, t[95] = aP, t[96] = Q, t[97] = eP, t[98] = TP) : TP = t[98];
+    let EP;
+    return t[99] !== O || t[100] !== wP || t[101] !== TP ? (EP = (0, import_jsx_runtime.jsxs)("div", {
+      className: cP,
       ...O,
       children: [
-        rP,
-        iP
+        wP,
+        TP
       ]
-    }), t[92] = O, t[93] = rP, t[94] = iP, t[95] = aP) : aP = t[95], aP;
+    }), t[99] = O, t[100] = wP, t[101] = TP, t[102] = EP) : EP = t[102], EP;
   };
   ComboboxItem = import_react.forwardRef((e, t) => {
     let n = (0, import_compiler_runtime$21.c)(17), { children: i, className: o, value: s, onSelect: c, disabled: d } = e, f = typeof s == "object" && "value" in s ? s.value : String(s), h = import_react.use(ComboboxContext), _;
@@ -20566,75 +20731,57 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   ComboboxItem.displayName = "ComboboxItem";
   var OPERATORS_BY_TYPE = {
-    number: [
-      "between",
-      "is_null",
-      "is_not_null"
-    ],
-    text: [
-      "contains",
-      "is_null",
-      "is_not_null"
-    ],
+    number: NUMBER_OPS,
+    text: TEXT_OPS,
     boolean: [
       "is_true",
       "is_false",
       "is_null",
       "is_not_null"
     ],
-    select: [
-      "in",
-      "not_in"
-    ]
+    select: MEMBERSHIP_OPS
   }, DEFAULT_OPERATOR = {
     number: "between",
     text: "contains",
     boolean: "is_true",
     select: "in"
-  }, OPERATOR_LABELS = {
-    between: "Between",
-    contains: "Contains",
-    is_true: "Is true",
-    is_false: "Is false",
-    is_null: "Is null",
-    is_not_null: "Is not null",
-    in: "Is in",
-    not_in: "Not in"
   }, OPERATORS_WITHOUT_VALUE = /* @__PURE__ */ new Set([
     "is_true",
     "is_false",
     "is_null",
-    "is_not_null"
-  ]);
+    "is_not_null",
+    "is_empty"
+  ]), NUMBER_COMPARISON_SET = new Set(NUMBER_COMPARISON_OPS), TEXT_SCALAR_SET = new Set(TEXT_SCALAR_OPS), isNumberComparisonOp = (e) => NUMBER_COMPARISON_SET.has(e), isTextScalarOp = (e) => TEXT_SCALAR_SET.has(e);
   const FilterPillEditor = ({ snapshot: e, table: t, calculateTopKRows: n, onClose: i }) => {
-    let a = (0, import_react.useId)(), o = (0, import_react.useId)(), s = (0, import_react.useId)(), c = getEditableType(e.value), d = getUiOperator(e.value), h = toDraftValue(e.value), [_, v] = (0, import_react.useState)(e.columnId), [y, S] = (0, import_react.useState)(c), [w, E] = (0, import_react.useState)(d), [O, A] = (0, import_react.useState)(h), M = t.getAllColumns().filter((e2) => {
+    let a = (0, import_react.useId)(), o = (0, import_react.useId)(), s = (0, import_react.useId)(), c = getEditableType(e.value), d = e.value.operator, h = toDraftValue(e.value), [_, v] = (0, import_react.useState)(e.columnId), [y, S] = (0, import_react.useState)(c), [w, E] = (0, import_react.useState)(d), [O, A] = (0, import_react.useState)(h), M = t.getAllColumns().filter((e2) => {
       var _a2;
       let t2 = (_a2 = e2.columnDef.meta) == null ? void 0 : _a2.filterType;
       return t2 === "number" || t2 === "text" || t2 === "boolean" || t2 === "select";
     }), I = (t2) => {
-      t2.id === e.columnId && t2.type === c && t2.operator === d && A(h);
-    }, z = (e2) => {
+      t2.id === e.columnId && t2.operator === d && A(h);
+    }, U = (e2) => {
       var _a2, _b;
       if (!e2) return;
       let n2 = ((_b = (_a2 = t.getColumn(e2)) == null ? void 0 : _a2.columnDef.meta) == null ? void 0 : _b.filterType) ?? "text", i2 = w;
-      n2 !== y && (i2 = DEFAULT_OPERATOR[n2], S(n2), E(i2), A({})), v(e2), I({
+      n2 !== y && (i2 = DEFAULT_OPERATOR[n2], S(n2), E(i2), A(emptyDraftFor(n2, i2))), v(e2), I({
         id: e2,
-        type: n2,
         operator: i2
       });
     }, K = (e2) => {
-      E(e2), I({
+      E(e2);
+      let t2 = emptyDraftFor(y, e2);
+      t2.kind !== O.kind && A(t2), I({
         id: _,
-        type: y,
         operator: e2
       });
-    }, q = () => {
-      let n2 = buildFilterValue({
-        type: y,
-        operator: w,
-        draft: O
-      });
-      n2 && (t.setColumnFilters((t2) => {
+    }, q = buildFilterValue({
+      type: y,
+      operator: w,
+      draft: O
+    }), J = q === void 0, Q = J ? getMissingValueMessage(y, w) : "Apply filter", UN = () => {
+      if (!q) return;
+      let n2 = q;
+      t.setColumnFilters((t2) => {
         let i2 = /* @__PURE__ */ new Set([
           e.columnId,
           _
@@ -20646,12 +20793,22 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             value: n2
           }
         ];
-      }), i());
-    }, J = () => {
+      }), i();
+    }, WN = () => {
       t.setColumnFilters((t2) => t2.filter((t3) => t3.id !== e.columnId)), i();
-    }, Q = !OPERATORS_WITHOUT_VALUE.has(w);
-    return (0, import_jsx_runtime.jsxs)("div", {
+    }, GN = !OPERATORS_WITHOUT_VALUE.has(w), KN = OPERATORS_BY_TYPE[y], $ = (0, import_react.useRef)(null), qN = (0, import_react.useRef)(null);
+    return (0, import_react.useEffect)(() => {
+      var _a2, _b;
+      let e2 = (_a2 = $.current) == null ? void 0 : _a2.querySelector('input, [role="combobox"], button');
+      e2 ? e2.focus() : (_b = qN.current) == null ? void 0 : _b.focus();
+    }, [
+      y,
+      w
+    ]), (0, import_jsx_runtime.jsxs)("form", {
       className: "flex flex-row gap-4 items-end p-3",
+      onSubmit: (e2) => {
+        e2.preventDefault(), UN();
+      },
       children: [
         (0, import_jsx_runtime.jsxs)("div", {
           className: "flex flex-col gap-1",
@@ -20664,7 +20821,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             (0, import_jsx_runtime.jsx)(Combobox, {
               id: a,
               value: _,
-              onValueChange: z,
+              onValueChange: U,
               multiple: false,
               placeholder: "Select column\u2026",
               displayValue: (e2) => e2,
@@ -20688,21 +20845,23 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
               onValueChange: (e2) => K(e2),
               children: [
                 (0, import_jsx_runtime.jsx)(SelectTrigger, {
+                  ref: qN,
                   id: o,
                   className: "h-6 mb-1 bg-transparent",
                   children: (0, import_jsx_runtime.jsx)(SelectValue, {})
                 }),
                 (0, import_jsx_runtime.jsx)(SelectContent, {
-                  children: OPERATORS_BY_TYPE[y].map((e2) => (0, import_jsx_runtime.jsx)(SelectItem, {
+                  children: KN.map((e2) => (0, import_jsx_runtime.jsx)(SelectItem, {
                     value: e2,
                     children: OPERATOR_LABELS[e2]
                   }, e2))
                 })
               ]
-            })
+            }, y)
           ]
         }),
-        Q && (0, import_jsx_runtime.jsxs)("div", {
+        GN && (0, import_jsx_runtime.jsxs)("div", {
+          ref: $,
           className: "flex flex-col gap-1",
           children: [
             (0, import_jsx_runtime.jsx)("label", {
@@ -20713,6 +20872,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             (0, import_jsx_runtime.jsx)(ValueSlot, {
               id: s,
               type: y,
+              operator: w,
               value: O,
               onChange: A,
               column: t.getColumn(_) ?? null,
@@ -20724,17 +20884,20 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
           className: "flex gap-1 mb-1",
           children: [
             (0, import_jsx_runtime.jsx)(Tooltip, {
-              content: "Apply filter",
-              children: (0, import_jsx_runtime.jsx)(Button, {
-                type: "button",
-                size: "icon",
-                variant: "ghost",
-                className: "rounded-full text-primary hover:text-primary hover:bg-primary/10",
-                onClick: q,
-                "aria-label": "Apply filter",
-                children: (0, import_jsx_runtime.jsx)(Check, {
-                  className: "h-3.5 w-3.5",
-                  "aria-hidden": true
+              content: Q,
+              children: (0, import_jsx_runtime.jsx)("span", {
+                className: "inline-flex",
+                children: (0, import_jsx_runtime.jsx)(Button, {
+                  type: "submit",
+                  size: "icon",
+                  variant: "ghost",
+                  disabled: J,
+                  className: "rounded-full text-primary hover:text-primary hover:bg-primary/10",
+                  "aria-label": "Apply filter",
+                  children: (0, import_jsx_runtime.jsx)(Check, {
+                    className: "h-3.5 w-3.5",
+                    "aria-hidden": true
+                  })
                 })
               })
             }),
@@ -20760,7 +20923,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                 size: "icon",
                 variant: "ghost",
                 className: "rounded-full text-destructive hover:text-destructive hover:bg-destructive/10",
-                onClick: J,
+                onClick: WN,
                 "aria-label": "Remove filter",
                 children: (0, import_jsx_runtime.jsx)(Trash2, {
                   className: "h-3.5 w-3.5",
@@ -20773,101 +20936,214 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ]
     });
   };
-  var ValueSlot = ({ id: e, type: t, value: n, onChange: i, column: a, calculateTopKRows: o }) => t === "number" ? (0, import_jsx_runtime.jsxs)("div", {
-    className: "flex gap-1 items-center w-48",
-    children: [
-      (0, import_jsx_runtime.jsx)(NumberField, {
-        id: e,
-        value: n.min,
-        onChange: (e2) => i({
-          ...n,
-          min: e2
-        }),
-        "aria-label": "min",
-        placeholder: "min",
-        className: "border-input flex-1 min-w-0"
-      }),
-      (0, import_jsx_runtime.jsx)(Minus, {
-        className: "h-5 w-5 text-muted-foreground shrink-0"
+  var ValueSlot = ({ id: e, type: t, operator: n, value: i, onChange: a, column: o, calculateTopKRows: s }) => {
+    if (t === "number" && n === "between") {
+      let t2 = i.kind === "between" ? i : {
+        kind: "between"
+      };
+      return (0, import_jsx_runtime.jsxs)("div", {
+        className: "flex gap-1 items-center w-44",
+        children: [
+          (0, import_jsx_runtime.jsx)(NumberField, {
+            id: e,
+            value: t2.min,
+            onChange: (e2) => a({
+              kind: "between",
+              min: e2,
+              max: t2.max
+            }),
+            "aria-label": "min",
+            placeholder: "min",
+            className: "border-input flex-1 min-w-0"
+          }),
+          (0, import_jsx_runtime.jsx)(Minus, {
+            className: "h-5 w-5 text-muted-foreground shrink-0"
+          }),
+          (0, import_jsx_runtime.jsx)(NumberField, {
+            value: t2.max,
+            onChange: (e2) => a({
+              kind: "between",
+              min: t2.min,
+              max: e2
+            }),
+            "aria-label": "max",
+            placeholder: "max",
+            className: "border-input flex-1 min-w-0"
+          })
+        ]
+      });
+    }
+    if (t === "number" && isNumberComparisonOp(n)) return (0, import_jsx_runtime.jsx)(NumberField, {
+      id: e,
+      value: (i.kind === "single-number" ? i : {
+        kind: "single-number"
+      }).value,
+      onChange: (e2) => a({
+        kind: "single-number",
+        value: e2
       }),
-      (0, import_jsx_runtime.jsx)(NumberField, {
-        value: n.max,
-        onChange: (e2) => i({
-          ...n,
-          max: e2
+      "aria-label": "value",
+      placeholder: "value",
+      className: "border-input w-24 min-w-0"
+    });
+    if (t === "text" && (n === "in" || n === "not_in") && o) return (0, import_jsx_runtime.jsx)("div", {
+      className: "w-48",
+      children: (0, import_jsx_runtime.jsx)(FilterByValuesPicker, {
+        column: o,
+        calculateTopKRows: s,
+        chosenValues: (i.kind === "multi-text" ? i : {
+          kind: "multi-text"
+        }).values ?? [],
+        onChange: (e2) => a({
+          kind: "multi-text",
+          values: e2.map(String)
         }),
-        "aria-label": "max",
-        placeholder: "max",
-        className: "border-input flex-1 min-w-0"
+        creatable: true
       })
-    ]
-  }) : t === "text" ? (0, import_jsx_runtime.jsx)(Input, {
-    id: e,
-    type: "text",
-    value: n.text ?? "",
-    onChange: (e2) => i({
-      ...n,
-      text: e2.target.value
-    }),
-    placeholder: "Text\u2026",
-    className: "border-input min-w-0"
-  }) : t === "select" && a ? (0, import_jsx_runtime.jsx)("div", {
-    className: "flex w-48",
-    children: (0, import_jsx_runtime.jsx)(FilterByValuesPicker, {
-      column: a,
-      calculateTopKRows: o,
-      chosenValues: n.options ?? [],
-      onChange: (e2) => i({
-        ...n,
-        options: e2
+    });
+    if (t === "text" && isTextScalarOp(n)) {
+      let t2 = i.kind === "single-text" ? i : {
+        kind: "single-text"
+      };
+      return n === "regex" ? (0, import_jsx_runtime.jsx)(RegexInput, {
+        id: e,
+        value: t2.text ?? "",
+        onChange: (e2) => a({
+          kind: "single-text",
+          text: e2
+        }),
+        className: "w-40"
+      }) : (0, import_jsx_runtime.jsx)(Input, {
+        id: e,
+        type: "text",
+        value: t2.text ?? "",
+        onChange: (e2) => a({
+          kind: "single-text",
+          text: e2.target.value
+        }),
+        placeholder: "Text\u2026",
+        className: "border-input w-40 min-w-0"
+      });
+    }
+    return t === "select" && o ? (0, import_jsx_runtime.jsx)("div", {
+      className: "flex w-48",
+      children: (0, import_jsx_runtime.jsx)(FilterByValuesPicker, {
+        column: o,
+        calculateTopKRows: s,
+        chosenValues: (i.kind === "options" ? i : {
+          kind: "options"
+        }).options ?? [],
+        onChange: (e2) => a({
+          kind: "options",
+          options: e2
+        })
       })
-    })
-  }) : null;
+    }) : null;
+  };
   function getEditableType(e) {
     return e.type === "number" ? "number" : e.type === "text" ? "text" : e.type === "boolean" ? "boolean" : e.type === "select" ? "select" : "text";
   }
-  function getUiOperator(e) {
-    return e.operator === "is_null" ? "is_null" : e.operator === "is_not_null" ? "is_not_null" : e.type === "number" ? "between" : e.type === "text" ? "contains" : e.type === "boolean" ? e.value ? "is_true" : "is_false" : e.type === "select" ? e.operator === "not_in" ? "not_in" : "in" : "contains";
-  }
   function toDraftValue(e) {
-    return e.type === "number" ? {
-      min: e.min,
-      max: e.max
-    } : e.type === "text" ? {
-      text: e.text
-    } : e.type === "select" ? {
+    if (e.type === "number") switch (e.operator) {
+      case "between":
+        return {
+          kind: "between",
+          min: e.min,
+          max: e.max
+        };
+      case "is_null":
+      case "is_not_null":
+        return {
+          kind: "none"
+        };
+      default:
+        return {
+          kind: "single-number",
+          value: e.value
+        };
+    }
+    if (e.type === "text") switch (e.operator) {
+      case "in":
+      case "not_in":
+        return {
+          kind: "multi-text",
+          values: [
+            ...e.values
+          ]
+        };
+      case "is_null":
+      case "is_not_null":
+      case "is_empty":
+        return {
+          kind: "none"
+        };
+      default:
+        return {
+          kind: "single-text",
+          text: e.text
+        };
+    }
+    return e.type === "select" ? {
+      kind: "options",
       options: [
         ...e.options
       ]
-    } : {};
+    } : {
+      kind: "none"
+    };
+  }
+  function emptyDraftFor(e, t) {
+    return OPERATORS_WITHOUT_VALUE.has(t) ? {
+      kind: "none"
+    } : e === "number" ? t === "between" ? {
+      kind: "between"
+    } : {
+      kind: "single-number"
+    } : e === "text" ? t === "in" || t === "not_in" ? {
+      kind: "multi-text",
+      values: []
+    } : {
+      kind: "single-text"
+    } : e === "select" ? {
+      kind: "options",
+      options: []
+    } : {
+      kind: "none"
+    };
+  }
+  function getMissingValueMessage(e, t) {
+    return e === "number" && t === "between" ? "Min and max are required" : e === "text" && (t === "in" || t === "not_in") ? "Pick at least one value" : "Value is required";
   }
   function buildFilterValue({ type: e, operator: t, draft: n }) {
-    if (t === "is_null" || t === "is_not_null") {
-      let n2 = t;
-      return e === "number" ? Filter.number({
-        operator: n2
-      }) : e === "boolean" ? Filter.boolean({
-        operator: n2
-      }) : Filter.text({
-        operator: n2
-      });
-    }
-    if (e === "number") return n.min === void 0 && n.max === void 0 ? void 0 : Filter.number({
+    if (e === "number") return t === "is_null" || t === "is_not_null" ? Filter.number({
+      operator: t
+    }) : t === "between" ? n.kind !== "between" || n.min === void 0 || n.max === void 0 ? void 0 : Filter.number({
+      operator: "between",
       min: n.min,
       max: n.max
+    }) : !isNumberComparisonOp(t) || n.kind !== "single-number" || n.value === void 0 ? void 0 : Filter.number({
+      operator: t,
+      value: n.value
+    });
+    if (e === "text") return t === "is_null" || t === "is_not_null" || t === "is_empty" ? Filter.text({
+      operator: t
+    }) : t === "in" || t === "not_in" ? n.kind !== "multi-text" || !n.values || n.values.length === 0 ? void 0 : Filter.text({
+      operator: t,
+      values: n.values
+    }) : !isTextScalarOp(t) || n.kind !== "single-text" || !n.text ? void 0 : Filter.text({
+      operator: t,
+      text: n.text
     });
-    if (e === "text") return n.text ? Filter.text({
-      text: n.text,
-      operator: "contains"
-    }) : void 0;
     if (e === "boolean") return t === "is_true" ? Filter.boolean({
       value: true,
       operator: "is_true"
     }) : t === "is_false" ? Filter.boolean({
       value: false,
       operator: "is_false"
+    }) : t === "is_null" || t === "is_not_null" ? Filter.boolean({
+      operator: t
     }) : void 0;
-    if (e === "select") return !n.options || n.options.length === 0 ? void 0 : Filter.select({
+    if (e === "select") return n.kind !== "options" || !n.options || n.options.length === 0 ? void 0 : Filter.select({
       options: n.options,
       operator: t === "not_in" ? "not_in" : "in"
     });
@@ -20992,10 +21268,50 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       if (e.operator === "is_not_null") return {
         operator: "is not null"
       };
-      if (e.type === "number") return formatMinMax(e.min, e.max);
-      if (e.type === "date") return formatMinMax((_a2 = e.min) == null ? void 0 : _a2.toISOString(), (_b = e.max) == null ? void 0 : _b.toISOString());
-      if (e.type === "time") return formatMinMax(e.min ? t.format(e.min) : void 0, e.max ? t.format(e.max) : void 0);
-      if (e.type === "datetime") return formatMinMax((_c = e.min) == null ? void 0 : _c.toISOString(), (_d = e.max) == null ? void 0 : _d.toISOString());
+      if (e.type === "number") switch (e.operator) {
+        case "between":
+          return {
+            operator: OPERATOR_LABELS.between.toLowerCase(),
+            value: `${e.min} - ${e.max}`
+          };
+        case "==":
+        case "!=":
+        case ">":
+        case ">=":
+        case "<":
+        case "<=":
+          return {
+            operator: e.operator,
+            value: String(e.value)
+          };
+      }
+      if (e.type === "text") switch (e.operator) {
+        case "in":
+        case "not_in": {
+          let t2 = e.values.map((e2) => `"${e2}"`);
+          return {
+            operator: e.operator === "in" ? "is in" : "not in",
+            value: `[${t2.join(", ")}]`
+          };
+        }
+        case "is_empty":
+          return {
+            operator: "is empty"
+          };
+        case "contains":
+        case "equals":
+        case "does_not_equal":
+        case "regex":
+        case "starts_with":
+        case "ends_with":
+          return {
+            operator: OPERATOR_LABELS[e.operator].toLowerCase(),
+            value: `"${e.text}"`
+          };
+      }
+      if (e.type === "date") return formatMinMaxLegacy((_a2 = e.min) == null ? void 0 : _a2.toISOString(), (_b = e.max) == null ? void 0 : _b.toISOString());
+      if (e.type === "time") return formatMinMaxLegacy(e.min ? t.format(e.min) : void 0, e.max ? t.format(e.max) : void 0);
+      if (e.type === "datetime") return formatMinMaxLegacy((_c = e.min) == null ? void 0 : _c.toISOString(), (_d = e.max) == null ? void 0 : _d.toISOString());
       if (e.type === "boolean") return {
         operator: `is ${e.value ? "True" : "False"}`
       };
@@ -21008,14 +21324,10 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
           value: `[${t2.join(", ")}]`
         };
       }
-      if (e.type === "text") return {
-        operator: "contains",
-        value: `"${e.text}"`
-      };
       logNever(e);
     }
   }
-  function formatMinMax(e, t) {
+  function formatMinMaxLegacy(e, t) {
     if (!(e === void 0 && t === void 0)) return e === t ? {
       operator: "==",
       value: String(e)
@@ -23251,7 +23563,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   function _temp2$2(e, t) {
     return e + t;
   }
-  let TableBottomBar;
+  let TableBottomBar, downloadSizeLimitAtom;
   TableBottomBar = ({ pagination: e, totalColumns: t, selection: n, onRowSelectionChange: i, table: s, getRowIds: c, showPageSizeSelector: d, tableLoading: h, part: _, className: v }) => {
     let { locale: y } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), w = (e2) => {
       if (!i) return;
@@ -23372,6 +23684,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ]
     });
   };
+  downloadSizeLimitAtom = atom(null);
   Filenames = {
     toMarkdown: (e) => Filenames.replace(e, "md"),
     toHTML: (e) => Filenames.replace(e, "html"),
@@ -23624,25 +23937,26 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     return ((_a2 = copyOptions.find((t) => t.format === e)) == null ? void 0 : _a2.label) ?? e;
   };
   const ExportMenu = (e) => {
-    let t = (0, import_compiler_runtime$8.c)(48), { locale: n } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [i, o] = import_react.useState(false), s = i ? "text-primary" : "text-muted-foreground", c;
-    t[0] === s ? c = t[1] : (c = cn("print:hidden text-xs gap-1", s), t[0] = s, t[1] = c);
-    let d;
-    t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = (0, import_jsx_runtime.jsx)(Download, {
+    let t = (0, import_compiler_runtime$8.c)(56), { locale: n } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [i, o] = import_react.useState(false), s = useAtomValue(downloadSizeLimitAtom), c = !!(s && e.sizeBytes != null && e.sizeBytes > s.limitBytes), d = i ? "text-primary" : "text-muted-foreground", h;
+    t[0] === d ? h = t[1] : (h = cn("print:hidden text-xs gap-1", d), t[0] = d, t[1] = h);
+    let _;
+    t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = (0, import_jsx_runtime.jsx)(Download, {
       className: "w-3.5 h-3.5"
-    }), t[2] = d) : d = t[2];
-    let h;
-    t[3] === c ? h = t[4] : (h = (0, import_jsx_runtime.jsxs)(Button, {
+    }), t[2] = _) : _ = t[2];
+    let v;
+    t[3] !== c || t[4] !== h ? (v = (0, import_jsx_runtime.jsxs)(Button, {
       "data-testid": "export-button",
       size: "xs",
       variant: "text",
-      className: c,
+      disabled: c,
+      className: h,
       children: [
-        d,
+        _,
         "Export"
       ]
-    }), t[3] = c, t[4] = h);
-    let _ = h, v;
-    t[5] === e ? v = t[6] : (v = async (t2, n2) => {
+    }), t[3] = c, t[4] = h, t[5] = v) : v = t[5];
+    let y = v, E;
+    t[6] === e ? E = t[7] : (E = async (t2, n2) => {
       let i2;
       try {
         i2 = await e.downloadAs({
@@ -23667,13 +23981,13 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         url: i2.url,
         filename: i2.filename
       };
-    }, t[5] = e, t[6] = v);
-    let y = v, E, O, A, M, I, z, U, K, q, J, Q, TN, $;
-    if (t[7] !== _ || t[8] !== n || t[9] !== i || t[10] !== y) {
+    }, t[6] = e, t[7] = E);
+    let O = E, A, M, I, z, U, K, q, J, Q, UN, WN, GN, KN;
+    if (t[8] !== y || t[9] !== c || t[10] !== n || t[11] !== i || t[12] !== (s == null ? void 0 : s.unavailableMessage) || t[13] !== O) {
       let e2 = async (t2) => {
         let n2 = labelForDownloadFormat(t2);
         await withLoadingToast(`Preparing ${n2} export...`, async () => {
-          let n3 = await y(t2, () => {
+          let n3 = await O(t2, () => {
             e2(t2);
           });
           if (!n3) return false;
@@ -23691,26 +24005,26 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         });
       }, a = async (e3) => {
         await withLoadingToast(`Preparing ${labelForCopyFormat(e3)} for clipboard...`, async () => {
-          let t2 = await y(e3 === "csv" ? "csv" : "json", () => {
+          let t2 = await O(e3 === "csv" ? "csv" : "json", () => {
             a(e3);
           });
           if (!t2) return;
           let i2;
-          bb70: switch (e3) {
+          bb78: switch (e3) {
             case "tsv":
               i2 = jsonToTSV(await fetchJson(t2.url), n);
-              break bb70;
+              break bb78;
             case "json": {
               let e4 = await fetchJson(t2.url);
               i2 = JSON.stringify(e4, null, 2);
-              break bb70;
+              break bb78;
             }
             case "csv":
               i2 = await fetchText(t2.url);
-              break bb70;
+              break bb78;
             case "markdown":
               i2 = jsonToMarkdown(await fetchJson(t2.url));
-              break bb70;
+              break bb78;
             default:
               logNever(e3);
               return;
@@ -23720,19 +24034,26 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
           });
         });
       };
-      O = DropdownMenu, I = false, z = i, U = o;
-      let s2 = i ? false : void 0, c2;
-      t[24] === _ ? c2 = t[25] : (c2 = (0, import_jsx_runtime.jsx)(DropdownMenuTrigger, {
+      M = DropdownMenu, U = false, K = i, q = o;
+      let d2 = c ? s == null ? void 0 : s.unavailableMessage : "Export", f = i ? false : void 0, h2 = c ? 0 : -1, _2;
+      t[27] !== y || t[28] !== h2 ? (_2 = (0, import_jsx_runtime.jsx)("span", {
+        tabIndex: h2,
+        className: "inline-flex",
+        children: y
+      }), t[27] = y, t[28] = h2, t[29] = _2) : _2 = t[29];
+      let v2;
+      t[30] !== c || t[31] !== _2 ? (v2 = (0, import_jsx_runtime.jsx)(DropdownMenuTrigger, {
         asChild: true,
-        children: _
-      }), t[24] = _, t[25] = c2), t[26] !== s2 || t[27] !== c2 ? (K = (0, import_jsx_runtime.jsx)(Tooltip, {
-        content: "Export",
-        open: s2,
-        children: c2
-      }), t[26] = s2, t[27] = c2, t[28] = K) : K = t[28], E = DropdownMenuContent, q = "bottom", J = "print:hidden", t[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Q = (0, import_jsx_runtime.jsx)(DropdownMenuLabel, {
+        disabled: c,
+        children: _2
+      }), t[30] = c, t[31] = _2, t[32] = v2) : v2 = t[32], t[33] !== d2 || t[34] !== f || t[35] !== v2 ? (J = (0, import_jsx_runtime.jsx)(Tooltip, {
+        content: d2,
+        open: f,
+        children: v2
+      }), t[33] = d2, t[34] = f, t[35] = v2, t[36] = J) : J = t[36], A = DropdownMenuContent, Q = "bottom", UN = "print:hidden", t[37] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (WN = (0, import_jsx_runtime.jsx)(DropdownMenuLabel, {
         className: "text-xs text-muted-foreground",
         children: "Download"
-      }), t[29] = Q) : Q = t[29], TN = downloadOptions.map((t2) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
+      }), t[37] = WN) : WN = t[37], GN = downloadOptions.map((t2) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
         onSelect: () => {
           e2(t2.format);
         },
@@ -23753,10 +24074,10 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             ]
           })
         ]
-      }, t2.label)), t[30] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = (0, import_jsx_runtime.jsx)(DropdownMenuSeparator, {}), A = (0, import_jsx_runtime.jsx)(DropdownMenuLabel, {
+      }, t2.label)), t[38] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (KN = (0, import_jsx_runtime.jsx)(DropdownMenuSeparator, {}), I = (0, import_jsx_runtime.jsx)(DropdownMenuLabel, {
         className: "text-xs text-muted-foreground",
         children: "Copy to clipboard"
-      }), t[30] = A, t[31] = $) : (A = t[30], $ = t[31]), M = copyOptions.map((e3) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
+      }), t[38] = I, t[39] = KN) : (I = t[38], KN = t[39]), z = copyOptions.map((e3) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
         onSelect: async () => {
           try {
             await a(e3.format);
@@ -23785,30 +24106,30 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             ]
           })
         ]
-      }, e3.label)), t[7] = _, t[8] = n, t[9] = i, t[10] = y, t[11] = E, t[12] = O, t[13] = A, t[14] = M, t[15] = I, t[16] = z, t[17] = U, t[18] = K, t[19] = q, t[20] = J, t[21] = Q, t[22] = TN, t[23] = $;
-    } else E = t[11], O = t[12], A = t[13], M = t[14], I = t[15], z = t[16], U = t[17], K = t[18], q = t[19], J = t[20], Q = t[21], TN = t[22], $ = t[23];
-    let EN;
-    t[32] !== E || t[33] !== A || t[34] !== M || t[35] !== q || t[36] !== J || t[37] !== Q || t[38] !== TN || t[39] !== $ ? (EN = (0, import_jsx_runtime.jsxs)(E, {
-      side: q,
-      className: J,
+      }, e3.label)), t[8] = y, t[9] = c, t[10] = n, t[11] = i, t[12] = s == null ? void 0 : s.unavailableMessage, t[13] = O, t[14] = A, t[15] = M, t[16] = I, t[17] = z, t[18] = U, t[19] = K, t[20] = q, t[21] = J, t[22] = Q, t[23] = UN, t[24] = WN, t[25] = GN, t[26] = KN;
+    } else A = t[14], M = t[15], I = t[16], z = t[17], U = t[18], K = t[19], q = t[20], J = t[21], Q = t[22], UN = t[23], WN = t[24], GN = t[25], KN = t[26];
+    let $;
+    t[40] !== A || t[41] !== I || t[42] !== z || t[43] !== Q || t[44] !== UN || t[45] !== WN || t[46] !== GN || t[47] !== KN ? ($ = (0, import_jsx_runtime.jsxs)(A, {
+      side: Q,
+      className: UN,
       children: [
-        Q,
-        TN,
-        $,
-        A,
-        M
+        WN,
+        GN,
+        KN,
+        I,
+        z
       ]
-    }), t[32] = E, t[33] = A, t[34] = M, t[35] = q, t[36] = J, t[37] = Q, t[38] = TN, t[39] = $, t[40] = EN) : EN = t[40];
-    let DN;
-    return t[41] !== O || t[42] !== I || t[43] !== z || t[44] !== U || t[45] !== K || t[46] !== EN ? (DN = (0, import_jsx_runtime.jsxs)(O, {
-      modal: I,
-      open: z,
-      onOpenChange: U,
+    }), t[40] = A, t[41] = I, t[42] = z, t[43] = Q, t[44] = UN, t[45] = WN, t[46] = GN, t[47] = KN, t[48] = $) : $ = t[48];
+    let qN;
+    return t[49] !== M || t[50] !== U || t[51] !== K || t[52] !== q || t[53] !== J || t[54] !== $ ? (qN = (0, import_jsx_runtime.jsxs)(M, {
+      modal: U,
+      open: K,
+      onOpenChange: q,
       children: [
-        K,
-        EN
+        J,
+        $
       ]
-    }), t[41] = O, t[42] = I, t[43] = z, t[44] = U, t[45] = K, t[46] = EN, t[47] = DN) : DN = t[47], DN;
+    }), t[49] = M, t[50] = U, t[51] = K, t[52] = q, t[53] = J, t[54] = $, t[55] = qN) : qN = t[55], qN;
   };
   function fetchJson(e) {
     return fetchText(e).then(jsonParseWithSpecialChar);
@@ -23822,13 +24143,13 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   var NOOP_ON_SEARCH = () => {
   };
   let TableTopBar;
-  TableTopBar = ({ enableSearch: e, searchQuery: t, onSearchQueryChange: n, reloading: i, showChartBuilder: o, isChartBuilderOpen: s, toggleDisplayHeader: c, showTableExplorer: d, togglePanel: h, isAnyPanelOpen: _, downloadAs: v }) => {
-    let [y, S] = (0, import_react.useState)(t || ""), w = useDebounce(y, 500), E = useEvent_default(n ?? NOOP_ON_SEARCH), O = import_react.useRef(null);
+  TableTopBar = ({ enableSearch: e, searchQuery: t, onSearchQueryChange: n, reloading: i, showChartBuilder: o, isChartBuilderOpen: s, toggleDisplayHeader: c, showTableExplorer: d, togglePanel: h, isAnyPanelOpen: _, downloadAs: v, sizeBytes: y }) => {
+    let [S, w] = (0, import_react.useState)(t || ""), E = useDebounce(S, 500), O = useEvent_default(n ?? NOOP_ON_SEARCH), A = import_react.useRef(null);
     return (0, import_react.useEffect)(() => {
-      E(w);
+      O(E);
     }, [
-      w,
-      E
+      E,
+      O
     ]), e && n || o || d || v ? (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-center h-10 px-2 border-b gap-2",
       children: [
@@ -23839,25 +24160,25 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
               className: "w-4 h-4 text-muted-foreground shrink-0"
             }),
             (0, import_jsx_runtime.jsx)("input", {
-              ref: O,
+              ref: A,
               type: "text",
               className: "h-6 border-none bg-transparent focus:outline-hidden text-sm w-full min-w-0",
-              value: y,
+              value: S,
               onKeyDown: (e2) => {
                 var _a2;
-                e2.key === "Escape" && (S(""), (_a2 = O.current) == null ? void 0 : _a2.blur());
+                e2.key === "Escape" && (w(""), (_a2 = A.current) == null ? void 0 : _a2.blur());
               },
-              onChange: (e2) => S(e2.target.value),
+              onChange: (e2) => w(e2.target.value),
               placeholder: "Search..."
             }),
             i && (0, import_jsx_runtime.jsx)(Spinner, {
               size: "small"
             }),
-            y && (0, import_jsx_runtime.jsx)(Button, {
+            S && (0, import_jsx_runtime.jsx)(Button, {
               variant: "text",
               size: "xs",
               className: "h-5 w-5 p-0 shrink-0",
-              onClick: () => S(""),
+              onClick: () => w(""),
               children: (0, import_jsx_runtime.jsx)(X, {
                 className: "w-3 h-3 text-muted-foreground"
               })
@@ -23892,29 +24213,30 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
               ]
             }),
             v && (0, import_jsx_runtime.jsx)(ExportMenu, {
-              downloadAs: v
+              downloadAs: v,
+              sizeBytes: y
             })
           ]
         })
       ]
     }) : null;
   };
-  DataTable = (0, import_react.memo)(({ wrapperClassName: e, className: t, maxHeight: n, columns: i, data: o, rawData: s, selection: c, totalColumns: d, totalRows: f, manualSorting: h = false, sorting: _, setSorting: v, rowSelection: y, cellSelection: S, cellStyling: w, hoverTemplate: E, cellHoverTexts: O, paginationState: A, setPaginationState: M, downloadAs: I, manualPagination: z = false, pagination: U = false, onRowSelectionChange: K, onCellSelectionChange: q, getRowIds: J, enableSearch: Q = false, searchQuery: TN, onSearchQueryChange: $, showFilters: EN = false, filters: DN, onFiltersChange: ON, calculateTopKRows: kN, reloading: AN, freezeColumnsLeft: jN, freezeColumnsRight: MN, toggleDisplayHeader: NN, showChartBuilder: PN, isChartBuilderOpen: FN, showPageSizeSelector: IN, showTableExplorer: LN, togglePanel: RN, isPanelOpen: zN, isAnyPanelOpen: BN, viewedRowIdx: VN, onViewedRowChange: HN }) => {
-    let [UN, WN] = import_react.useState(false), { locale: GN } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), { columnPinning: KN, setColumnPinning: qN } = useColumnPinning(jN, MN);
+  DataTable = (0, import_react.memo)(({ wrapperClassName: e, className: t, maxHeight: n, columns: i, data: o, rawData: s, selection: c, totalColumns: d, totalRows: f, sizeBytes: h, manualSorting: _ = false, sorting: v, setSorting: y, rowSelection: S, cellSelection: w, cellStyling: E, hoverTemplate: O, cellHoverTexts: A, paginationState: M, setPaginationState: I, downloadAs: z, manualPagination: U = false, pagination: K = false, onRowSelectionChange: q, onCellSelectionChange: J, getRowIds: Q, enableSearch: UN = false, searchQuery: WN, onSearchQueryChange: GN, showFilters: KN = false, filters: $, onFiltersChange: qN, calculateTopKRows: JN, reloading: YN, freezeColumnsLeft: XN, freezeColumnsRight: ZN, toggleDisplayHeader: QN, showChartBuilder: $N, isChartBuilderOpen: eP, showPageSizeSelector: tP, showTableExplorer: nP, togglePanel: rP, isPanelOpen: iP, isAnyPanelOpen: aP, viewedRowIdx: oP, onViewedRowChange: sP }) => {
+    let [cP, lP] = import_react.useState(false), { locale: uP } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), { columnPinning: dP, setColumnPinning: fP } = useColumnPinning(XN, ZN);
     import_react.useEffect(() => {
       let e2;
-      return AN ? e2 = setTimeout(() => {
-        WN(true);
-      }, 300) : WN(false), () => {
+      return YN ? e2 = setTimeout(() => {
+        lP(true);
+      }, 300) : lP(false), () => {
         e2 && clearTimeout(e2);
       };
     }, [
-      AN
+      YN
     ]);
-    function JN(e2, t2) {
-      return A ? t2 + (z ? A.pageIndex * A.pageSize : 0) : t2;
+    function pP(e2, t2) {
+      return M ? t2 + (U ? M.pageIndex * M.pageSize : 0) : t2;
     }
-    let YN = useReactTable({
+    let mP = useReactTable({
       _features: [
         ColumnPinning,
         ColumnWrappingFeature,
@@ -23933,66 +24255,66 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       },
       getCoreRowModel: getCoreRowModel(),
       rowCount: f === "too_many" ? void 0 : f,
-      ...M ? {
-        onPaginationChange: M,
+      ...I ? {
+        onPaginationChange: I,
         getRowId: (e2, t2) => {
           let n2 = getStableRowId(e2);
           if (n2) return n2;
-          let i2 = JN(e2, t2);
+          let i2 = pP(e2, t2);
           return String(i2);
         }
       } : {},
-      locale: GN,
-      manualPagination: z,
+      locale: uP,
+      manualPagination: U,
       getPaginationRowModel: getPaginationRowModel(),
-      ...v ? {
-        onSortingChange: v
+      ...y ? {
+        onSortingChange: y
       } : {},
-      manualSorting: h,
+      manualSorting: _,
       enableMultiSort: true,
       getSortedRowModel: getSortedRowModel(),
       manualFiltering: true,
-      enableColumnFilters: EN,
+      enableColumnFilters: KN,
       getFilteredRowModel: getFilteredRowModel(),
-      onColumnFiltersChange: ON,
-      onRowSelectionChange: K,
-      onCellSelectionChange: q,
+      onColumnFiltersChange: qN,
+      onRowSelectionChange: q,
+      onCellSelectionChange: J,
       enableCellSelection: c === "single-cell" || c === "multi-cell",
       enableMultiCellSelection: c === "multi-cell",
-      onColumnPinningChange: qN,
+      onColumnPinningChange: fP,
       enableFocusRow: true,
-      onFocusRowChange: HN,
+      onFocusRowChange: sP,
       state: {
-        ..._ ? {
-          sorting: _
+        ...v ? {
+          sorting: v
         } : {},
-        columnFilters: DN,
-        ...A ? {
-          pagination: A
-        } : U && !A ? {} : {
+        columnFilters: $,
+        ...M ? {
+          pagination: M
+        } : K && !M ? {} : {
           pagination: {
             pageIndex: 0,
             pageSize: o.length
           }
         },
-        rowSelection: y ?? {},
-        cellSelection: S ?? [],
-        cellStyling: w,
-        columnPinning: KN,
-        cellHoverTemplate: E,
-        cellHoverTexts: O ?? {}
-      }
-    }), XN = (zN == null ? void 0 : zN(PANEL_TYPES.ROW_VIEWER)) ?? false, ZN = !U && o.length > 100, QN = useScrollContainerHeight({
+        rowSelection: S ?? {},
+        cellSelection: w ?? [],
+        cellStyling: E,
+        columnPinning: dP,
+        cellHoverTemplate: O,
+        cellHoverTexts: A ?? {}
+      }
+    }), hP = (iP == null ? void 0 : iP(PANEL_TYPES.ROW_VIEWER)) ?? false, gP = !K && o.length > 100, _P = useScrollContainerHeight({
       maxHeight: n,
-      virtualize: ZN
+      virtualize: gP
     });
     return (0, import_jsx_runtime.jsxs)("div", {
       className: cn(e, "flex flex-col space-y-1"),
       children: [
         (0, import_jsx_runtime.jsx)(FilterPills, {
-          filters: DN,
-          table: YN,
-          calculateTopKRows: kN
+          filters: $,
+          table: mP,
+          calculateTopKRows: JN
         }),
         (0, import_jsx_runtime.jsx)(CellSelectionProvider, {
           children: (0, import_jsx_runtime.jsxs)("div", {
@@ -24000,33 +24322,34 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             className: cn(t || "rounded-md border overflow-hidden"),
             children: [
               (0, import_jsx_runtime.jsx)(TableTopBar, {
-                enableSearch: Q,
-                searchQuery: TN,
-                onSearchQueryChange: $,
-                reloading: AN,
-                showChartBuilder: PN,
-                isChartBuilderOpen: FN,
-                toggleDisplayHeader: NN,
-                showTableExplorer: LN,
-                togglePanel: RN,
-                isAnyPanelOpen: BN,
-                downloadAs: I
+                enableSearch: UN,
+                searchQuery: WN,
+                onSearchQueryChange: GN,
+                reloading: YN,
+                showChartBuilder: $N,
+                isChartBuilderOpen: eP,
+                toggleDisplayHeader: QN,
+                showTableExplorer: nP,
+                togglePanel: rP,
+                isAnyPanelOpen: aP,
+                downloadAs: z,
+                sizeBytes: h
               }),
               (0, import_jsx_runtime.jsxs)(Table, {
                 className: cn("relative", i.length <= 4 ? "w-auto" : "w-full"),
-                ref: QN,
+                ref: _P,
                 children: [
-                  UN && (0, import_jsx_runtime.jsx)("thead", {
+                  cP && (0, import_jsx_runtime.jsx)("thead", {
                     className: "absolute top-0 left-0 h-[3px] w-1/2 bg-primary animate-slide"
                   }),
-                  renderTableHeader(YN, ZN || !!n),
+                  renderTableHeader(mP, gP || !!n),
                   (0, import_jsx_runtime.jsx)(DataTableBody, {
-                    table: YN,
+                    table: mP,
                     columns: i,
-                    rowViewerPanelOpen: XN,
-                    getRowIndex: JN,
-                    viewedRowIdx: VN,
-                    virtualize: ZN
+                    rowViewerPanelOpen: hP,
+                    getRowIndex: pP,
+                    viewedRowIdx: oP,
+                    virtualize: gP
                   })
                 ]
               }),
@@ -24034,13 +24357,13 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                 part: "table-footer",
                 className: "pt-1.5 pb-0.5 border-t border-border",
                 totalColumns: d,
-                pagination: U,
+                pagination: K,
                 selection: c,
-                onRowSelectionChange: K,
-                table: YN,
-                getRowIds: J,
-                showPageSizeSelector: IN,
-                tableLoading: AN
+                onRowSelectionChange: q,
+                table: mP,
+                getRowIds: Q,
+                showPageSizeSelector: tP,
+                tableLoading: YN
               })
             ]
           })
@@ -24121,76 +24444,76 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     t[4] !== o || t[5] !== E ? (O = E && E.kind === "cell" && !isWasm() && !isStaticNotebook() && o !== "__scratch__", t[4] = o, t[5] = E, t[6] = O) : O = t[6];
     let A = O, M;
     t[7] !== v || t[8] !== n ? (M = n && v && !isStaticNotebook(), t[7] = v, t[8] = n, t[9] = M) : M = t[9];
-    let I = M, U = !isStaticNotebook(), K = (e2) => {
+    let z = M, U = !isStaticNotebook(), K = (e2) => {
       n == null ? void 0 : n({
         prompt: `My code gives the following error:
 
 ${_}`,
         triggerImmediately: e2
       });
-    }, [q, J] = _.split(":", 2), Q = d ? KEY : "", $;
-    t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = () => h(_temp$3), t[10] = $) : $ = t[10];
-    let EN = d ? "rotate-180" : "rotate-0", DN;
-    t[11] === EN ? DN = t[12] : (DN = cn("h-4 w-4 text-muted-foreground transition-transform duration-200 shrink-0", EN), t[11] = EN, t[12] = DN);
-    let ON;
-    t[13] === DN ? ON = t[14] : (ON = (0, import_jsx_runtime.jsx)(ChevronDown, {
-      className: DN
-    }), t[13] = DN, t[14] = ON);
-    let kN = q || "Error", AN;
-    t[15] === kN ? AN = t[16] : (AN = (0, import_jsx_runtime.jsxs)("span", {
+    }, [q, Q] = _.split(":", 2), WN = d ? KEY : "", GN;
+    t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (GN = () => h(_temp$3), t[10] = GN) : GN = t[10];
+    let KN = d ? "rotate-180" : "rotate-0", $;
+    t[11] === KN ? $ = t[12] : ($ = cn("h-4 w-4 text-muted-foreground transition-transform duration-200 shrink-0", KN), t[11] = KN, t[12] = $);
+    let qN;
+    t[13] === $ ? qN = t[14] : (qN = (0, import_jsx_runtime.jsx)(ChevronDown, {
+      className: $
+    }), t[13] = $, t[14] = qN);
+    let JN = q || "Error", YN;
+    t[15] === JN ? YN = t[16] : (YN = (0, import_jsx_runtime.jsxs)("span", {
       className: "text-destructive",
       children: [
-        kN,
+        JN,
         ":"
       ]
-    }), t[15] = kN, t[16] = AN);
-    let jN;
-    t[17] !== J || t[18] !== AN ? (jN = (0, import_jsx_runtime.jsxs)("div", {
+    }), t[15] = JN, t[16] = YN);
+    let ZN;
+    t[17] !== Q || t[18] !== YN ? (ZN = (0, import_jsx_runtime.jsxs)("div", {
       className: "text-sm inline font-mono",
       children: [
-        AN,
+        YN,
         " ",
-        J
+        Q
       ]
-    }), t[17] = J, t[18] = AN, t[19] = jN) : jN = t[19];
-    let NN;
-    t[20] !== jN || t[21] !== ON ? (NN = (0, import_jsx_runtime.jsxs)("div", {
+    }), t[17] = Q, t[18] = YN, t[19] = ZN) : ZN = t[19];
+    let $N;
+    t[20] !== ZN || t[21] !== qN ? ($N = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex gap-2 h-10 px-2 hover:bg-muted rounded-sm select-none items-center cursor-pointer transition-all",
-      onClick: $,
+      onClick: GN,
       children: [
-        ON,
-        jN
+        qN,
+        ZN
       ]
-    }), t[20] = jN, t[21] = ON, t[22] = NN) : NN = t[22];
-    let PN;
-    t[23] === c ? PN = t[24] : (PN = (0, import_jsx_runtime.jsx)(AccordionContent, {
+    }), t[20] = ZN, t[21] = qN, t[22] = $N) : $N = t[22];
+    let eP;
+    t[23] === c ? eP = t[24] : (eP = (0, import_jsx_runtime.jsx)(AccordionContent, {
       className: "text-muted-foreground px-4 pt-2 text-xs overflow-auto",
       children: c
-    }), t[23] = c, t[24] = PN);
-    let IN;
-    t[25] !== NN || t[26] !== PN ? (IN = (0, import_jsx_runtime.jsxs)(AccordionItem, {
+    }), t[23] = c, t[24] = eP);
+    let tP;
+    t[25] !== $N || t[26] !== eP ? (tP = (0, import_jsx_runtime.jsxs)(AccordionItem, {
       value: KEY,
       className: "border-none",
       children: [
-        NN,
-        PN
+        $N,
+        eP
       ]
-    }), t[25] = NN, t[26] = PN, t[27] = IN) : IN = t[27];
-    let LN;
-    t[28] !== IN || t[29] !== Q ? (LN = (0, import_jsx_runtime.jsx)(Accordion, {
+    }), t[25] = $N, t[26] = eP, t[27] = tP) : tP = t[27];
+    let nP;
+    t[28] !== tP || t[29] !== WN ? (nP = (0, import_jsx_runtime.jsx)(Accordion, {
       type: "single",
       collapsible: true,
-      value: Q,
-      children: IN
-    }), t[28] = IN, t[29] = Q, t[30] = LN) : LN = t[30];
-    let RN;
-    t[31] !== K || t[32] !== I ? (RN = I && (0, import_jsx_runtime.jsx)(AIFixButton, {
+      value: WN,
+      children: tP
+    }), t[28] = tP, t[29] = WN, t[30] = nP) : nP = t[30];
+    let iP;
+    t[31] !== K || t[32] !== z ? (iP = z && (0, import_jsx_runtime.jsx)(AIFixButton, {
       tooltip: "Fix with AI",
       openPrompt: () => K(false),
       applyAutofix: () => K(true)
-    }), t[31] = K, t[32] = I, t[33] = RN) : RN = t[33];
-    let BN;
-    t[34] !== A || t[35] !== E ? (BN = A && (0, import_jsx_runtime.jsx)(Tooltip, {
+    }), t[31] = K, t[32] = z, t[33] = iP) : iP = t[33];
+    let aP;
+    t[34] !== A || t[35] !== E ? (aP = A && (0, import_jsx_runtime.jsx)(Tooltip, {
       content: "Attach pdb to the exception point.",
       children: (0, import_jsx_runtime.jsxs)(Button, {
         size: "xs",
@@ -24207,9 +24530,9 @@ ${_}`,
           "Launch debugger"
         ]
       })
-    }), t[34] = A, t[35] = E, t[36] = BN) : BN = t[36];
-    let VN;
-    t[37] !== _ || t[38] !== i ? (VN = U && (0, import_jsx_runtime.jsxs)(DropdownMenu, {
+    }), t[34] = A, t[35] = E, t[36] = aP) : aP = t[36];
+    let oP;
+    t[37] !== _ || t[38] !== i ? (oP = U && (0, import_jsx_runtime.jsxs)(DropdownMenu, {
       children: [
         (0, import_jsx_runtime.jsx)(DropdownMenuTrigger, {
           asChild: true,
@@ -24277,24 +24600,24 @@ ${_}`,
           ]
         })
       ]
-    }), t[37] = _, t[38] = i, t[39] = VN) : VN = t[39];
-    let HN;
-    t[40] !== RN || t[41] !== BN || t[42] !== VN ? (HN = (0, import_jsx_runtime.jsxs)("div", {
+    }), t[37] = _, t[38] = i, t[39] = oP) : oP = t[39];
+    let sP;
+    t[40] !== iP || t[41] !== aP || t[42] !== oP ? (sP = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex gap-2",
       children: [
-        RN,
-        BN,
-        VN
+        iP,
+        aP,
+        oP
       ]
-    }), t[40] = RN, t[41] = BN, t[42] = VN, t[43] = HN) : HN = t[43];
-    let UN;
-    return t[44] !== LN || t[45] !== HN ? (UN = (0, import_jsx_runtime.jsxs)("div", {
+    }), t[40] = iP, t[41] = aP, t[42] = oP, t[43] = sP) : sP = t[43];
+    let cP;
+    return t[44] !== nP || t[45] !== sP ? (cP = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-col gap-2 min-w-full w-fit",
       children: [
-        LN,
-        HN
+        nP,
+        sP
       ]
-    }), t[44] = LN, t[45] = HN, t[46] = UN) : UN = t[46], UN;
+    }), t[44] = nP, t[45] = sP, t[46] = cP) : cP = t[46], cP;
   };
   function lastLine(e) {
     var _a2, _b;
@@ -25680,7 +26003,7 @@ ${_}`,
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.7-dev5");
+  marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.7-dev51");
   showCodeInRunModeAtom = atom(true);
   atom(null);
   var import_compiler_runtime = require_compiler_runtime();