@marimo-team/islands 0.23.7-dev47 → 0.23.7-dev48

package/dist/{code-visibility-C4KEMmUK.js → code-visibility-An0P9cL_.js}

@@ -6,13 +6,13 @@ import { _ as Logger, c as Objects, g as cn, h as Events, m as useComposedRefs,
 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-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-DxWM1HVj.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-DaPPaVDP.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, 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-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-Cc1Vvw9A.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";
@@ -5653,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;
@@ -6059,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);
   }
@@ -6081,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
         };
       });
@@ -6669,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
         };
       });
@@ -7568,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), EN = !!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, $ = import_react.useMemo(() => h2 || (typeof n == "function" ? n() : n), [
         h2
-      ]), DN = $[t], ON = DN || $, { colorSchemes: kN = _, components: AN = v, cssVarPrefix: jN } = ON, MN = Object.keys(kN).filter((e3) => !!kN[e3]).join(","), NN = import_react.useMemo(() => MN.split(","), [
-        MN
-      ]), PN = typeof s == "string" ? s : s.light, FN = typeof s == "string" ? s : s.dark, { mode: IN, setMode: LN, systemMode: RN, lightColorScheme: zN, darkColorScheme: BN, colorScheme: VN, setColorScheme: HN } = useCurrentColorScheme({
-        supportedColorSchemes: NN,
-        defaultLightColorScheme: PN,
-        defaultDarkColorScheme: FN,
+      ]), WN = $[t], GN = WN || $, { colorSchemes: KN = _, components: qN = v, cssVarPrefix: JN } = GN, YN = Object.keys(KN).filter((e3) => !!KN[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: kN[PN] && kN[FN] ? U : ((_b = (_a2 = kN[ON.defaultColorScheme]) == null ? void 0 : _a2.palette) == null ? void 0 : _b.mode) || ((_c = ON.palette) == null ? void 0 : _c.mode),
+        defaultMode: KN[ZN] && KN[QN] ? U : ((_b = (_a2 = KN[GN.defaultColorScheme]) == null ? void 0 : _a2.palette) == null ? void 0 : _b.mode) || ((_c = GN.palette) == null ? void 0 : _c.mode),
         storageManager: E,
         storageWindow: O,
         noSsr: K
-      }), UN = IN, WN = VN;
-      EN && (UN = Q.mode, WN = Q.colorScheme);
-      let GN = import_react.useMemo(() => {
+      }), oP = $N, sP = iP;
+      UN && (oP = Q.mode, sP = Q.colorScheme);
+      let cP = import_react.useMemo(() => {
         var _a3;
-        let e3 = WN || ON.defaultColorScheme, t2 = ((_a3 = ON.generateThemeVars) == null ? void 0 : _a3.call(ON)) || ON.vars, n2 = {
-          ...ON,
-          components: AN,
-          colorSchemes: kN,
-          cssVarPrefix: jN,
+        let e3 = sP || GN.defaultColorScheme, t2 = ((_a3 = GN.generateThemeVars) == null ? void 0 : _a3.call(GN)) || GN.vars, n2 = {
+          ...GN,
+          components: qN,
+          colorSchemes: KN,
+          cssVarPrefix: JN,
           vars: t2
         };
         if (typeof n2.generateSpacing == "function" && (n2.spacing = n2.generateSpacing()), e3) {
-          let t3 = kN[e3];
+          let t3 = KN[e3];
           t3 && typeof t3 == "object" && Object.keys(t3).forEach((e4) => {
             t3[e4] && typeof t3[e4] == "object" ? n2[e4] = {
               ...n2[e4],
@@ -7604,31 +7604,31 @@ try {
         }
         return c ? c(n2) : n2;
       }, [
-        ON,
-        WN,
-        AN,
-        kN,
-        jN
-      ]), KN = ON.colorSchemeSelector;
+        GN,
+        sP,
+        qN,
+        KN,
+        JN
+      ]), lP = GN.colorSchemeSelector;
       useEnhancedEffect_default(() => {
-        if (WN && M && KN && KN !== "media") {
-          let e3 = KN, t2 = KN;
-          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(...NN.map((e4) => t2.substring(1).replace("%s", e4))), M.classList.add(t2.substring(1).replace("%s", WN));
+        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", WN).match(/\[([^\]]+)\]/);
+            let e4 = t2.replace("%s", sP).match(/\[([^\]]+)\]/);
             if (e4) {
               let [t3, n2] = e4[1].split("=");
-              n2 || NN.forEach((e5) => {
-                M.removeAttribute(t3.replace(WN, e5));
+              n2 || XN.forEach((e5) => {
+                M.removeAttribute(t3.replace(sP, e5));
               }), M.setAttribute(t3, n2 ? n2.replace(/"|'/g, "") : "");
-            } else M.setAttribute(t2, WN);
+            } else M.setAttribute(t2, sP);
           }
         }
       }, [
-        WN,
-        KN,
+        sP,
+        lP,
         M,
-        NN
+        XN
       ]), import_react.useEffect(() => {
         let e3;
         if (w2 && q.current && A) {
@@ -7641,48 +7641,48 @@ try {
           clearTimeout(e3);
         };
       }, [
-        WN,
+        sP,
         w2,
         A
       ]), import_react.useEffect(() => (q.current = true, () => {
         q.current = false;
       }), []);
-      let qN = import_react.useMemo(() => ({
-        allColorSchemes: NN,
-        colorScheme: WN,
-        darkColorScheme: BN,
-        lightColorScheme: zN,
-        mode: UN,
-        setColorScheme: HN,
-        setMode: LN,
-        systemMode: RN
+      let uP = import_react.useMemo(() => ({
+        allColorSchemes: XN,
+        colorScheme: sP,
+        darkColorScheme: rP,
+        lightColorScheme: nP,
+        mode: oP,
+        setColorScheme: aP,
+        setMode: eP,
+        systemMode: tP
       }), [
-        NN,
-        WN,
-        BN,
-        zN,
-        UN,
-        HN,
-        LN,
-        RN,
-        GN.colorSchemeSelector
-      ]), JN = true;
-      (z || ON.cssVariables === false || EN && (J == null ? void 0 : J.cssVarPrefix) === jN) && (JN = false);
-      let YN = (0, import_jsx_runtime.jsxs)(import_react.Fragment, {
+        XN,
+        sP,
+        rP,
+        nP,
+        oP,
+        aP,
+        eP,
+        tP,
+        cP.colorSchemeSelector
+      ]), dP = true;
+      (z || GN.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: DN ? t : void 0,
-            theme: GN,
+            themeId: WN ? t : void 0,
+            theme: cP,
             children: d2
           }),
-          JN && (0, import_jsx_runtime.jsx)(GlobalStyles$1, {
-            styles: ((_d = GN.generateStyleSheets) == null ? void 0 : _d.call(GN)) || []
+          dP && (0, import_jsx_runtime.jsx)(GlobalStyles$1, {
+            styles: ((_d = cP.generateStyleSheets) == null ? void 0 : _d.call(cP)) || []
           })
         ]
       });
-      return EN ? YN : (0, import_jsx_runtime.jsx)(f.Provider, {
-        value: qN,
-        children: YN
+      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;
@@ -8561,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,
@@ -9182,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: EN, onFocus: $, onKeyDown: DN, onKeyUp: ON, placeholder: kN, readOnly: AN, renderSuffix: jN, rows: MN, size: NN, slotProps: PN = {}, slots: FN = {}, startAdornment: IN, type: LN = "text", value: RN, ...zN } = n, BN = A.value == null ? RN : A.value, { current: VN } = import_react.useRef(BN != null), HN = import_react.useRef(), UN = import_react.useCallback((e2) => {
-    }, []), WN = useForkRef_default(HN, M, A.ref, UN), [GN, KN] = import_react.useState(false), qN = useFormControl(), JN = 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: $, onKeyDown: WN, onKeyUp: GN, placeholder: KN, 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: qN,
+      muiFormControl: uP,
       states: [
         "color",
         "disabled",
@@ -9196,145 +9196,145 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
         "filled"
       ]
     });
-    JN.focused = qN ? qN.focused : GN, import_react.useEffect(() => {
-      !qN && _ && GN && (KN(false), J && J());
+    dP.focused = uP ? uP.focused : cP, import_react.useEffect(() => {
+      !uP && _ && cP && (lP(false), J && J());
     }, [
-      qN,
+      uP,
       _,
-      GN,
+      cP,
       J
     ]);
-    let YN = qN && qN.onFilled, XN = qN && qN.onEmpty, ZN = import_react.useCallback((e2) => {
-      isFilled(e2) ? YN && YN() : XN && XN();
+    let fP = uP && uP.onFilled, pP = uP && uP.onEmpty, mP = import_react.useCallback((e2) => {
+      isFilled(e2) ? fP && fP() : pP && pP();
     }, [
-      YN,
-      XN
+      fP,
+      pP
     ]);
     useEnhancedEffect_default$1(() => {
-      VN && ZN({
-        value: BN
+      iP && mP({
+        value: rP
       });
     }, [
-      BN,
-      ZN,
-      VN
+      rP,
+      mP,
+      iP
     ]);
-    let QN = (e2) => {
-      $ && $(e2), A.onFocus && A.onFocus(e2), qN && qN.onFocus ? qN.onFocus(e2) : KN(true);
-    }, $N = (e2) => {
-      J && J(e2), A.onBlur && A.onBlur(e2), qN && qN.onBlur ? qN.onBlur(e2) : KN(false);
-    }, eP = (e2, ...t2) => {
-      if (!VN) {
-        let t3 = e2.target || HN.current;
+    let hP = (e2) => {
+      $ && $(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));
-        ZN({
+        mP({
           value: t3.value
         });
       }
       A.onChange && A.onChange(e2, ...t2), Q && Q(e2, ...t2);
     };
     import_react.useEffect(() => {
-      ZN(HN.current);
+      mP(aP.current);
     }, []);
-    let tP = (e2) => {
-      HN.current && e2.currentTarget === e2.target && HN.current.focus(), EN && EN(e2);
-    }, nP = O, rP = A;
-    K && nP === "input" && (rP = MN ? {
+    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: MN,
-      maxRows: MN,
-      ...rP
+      minRows: YN,
+      maxRows: YN,
+      ...bP
     } : {
       type: void 0,
       maxRows: z,
       minRows: U,
-      ...rP
-    }, nP = TextareaAutosize_default);
-    let iP = (e2) => {
-      ZN(e2.animationName === "mui-auto-fill-cancel" ? HN.current : {
+      ...bP
+    }, yP = TextareaAutosize_default);
+    let xP = (e2) => {
+      mP(e2.animationName === "mui-auto-fill-cancel" ? aP.current : {
         value: "x"
       });
     };
     import_react.useEffect(() => {
-      qN && qN.setAdornedStart(!!IN);
+      uP && uP.setAdornedStart(!!$N);
     }, [
-      qN,
-      IN
+      uP,
+      $N
     ]);
-    let aP = {
+    let SP = {
       ...n,
-      color: JN.color || "primary",
-      disabled: JN.disabled,
+      color: dP.color || "primary",
+      disabled: dP.disabled,
       endAdornment: y,
-      error: JN.error,
-      focused: JN.focused,
-      formControl: qN,
+      error: dP.error,
+      focused: dP.focused,
+      formControl: uP,
       fullWidth: w,
-      hiddenLabel: JN.hiddenLabel,
+      hiddenLabel: dP.hiddenLabel,
       multiline: K,
-      size: JN.size,
-      startAdornment: IN,
-      type: LN
-    }, oP = useUtilityClasses(aP), sP = FN.root || d.Root || InputBaseRoot, cP = PN.root || f.root || {}, lP = FN.input || d.Input || InputBaseInput;
-    return rP = {
-      ...rP,
-      ...PN.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)(sP, {
-          ...cP,
+        (0, import_jsx_runtime.jsxs)(wP, {
+          ...TP,
           ref: t,
-          onClick: tP,
-          ...zN,
-          ...!isHostComponent_default(sP) && {
+          onClick: vP,
+          ...nP,
+          ...!isHostComponent_default(wP) && {
             ownerState: {
-              ...aP,
-              ...cP.ownerState
+              ...SP,
+              ...TP.ownerState
             }
           },
-          className: clsx_default(oP.root, cP.className, s, AN && "MuiInputBase-readOnly"),
+          className: clsx_default(CP.root, TP.className, s, qN && "MuiInputBase-readOnly"),
           children: [
-            IN,
+            $N,
             (0, import_jsx_runtime.jsx)(FormControlContext_default.Provider, {
               value: null,
-              children: (0, import_jsx_runtime.jsx)(lP, {
-                "aria-invalid": JN.error,
+              children: (0, import_jsx_runtime.jsx)(EP, {
+                "aria-invalid": dP.error,
                 "aria-describedby": i,
                 autoComplete: a,
                 autoFocus: o,
                 defaultValue: h,
-                disabled: JN.disabled,
+                disabled: dP.disabled,
                 id: E,
-                onAnimationStart: iP,
+                onAnimationStart: xP,
                 name: q,
-                placeholder: kN,
-                readOnly: AN,
-                required: JN.required,
-                rows: MN,
-                value: BN,
-                onKeyDown: DN,
-                onKeyUp: ON,
-                type: LN,
-                ...rP,
-                ...!isHostComponent_default(lP) && {
-                  as: nP,
+                placeholder: KN,
+                readOnly: qN,
+                required: dP.required,
+                rows: YN,
+                value: rP,
+                onKeyDown: WN,
+                onKeyUp: GN,
+                type: eP,
+                ...bP,
+                ...!isHostComponent_default(EP) && {
+                  as: yP,
                   ownerState: {
-                    ...aP,
-                    ...rP.ownerState
+                    ...SP,
+                    ...bP.ownerState
                   }
                 },
-                ref: WN,
-                className: clsx_default(oP.input, rP.className, AN && "MuiInputBase-readOnly"),
-                onBlur: $N,
-                onChange: eP,
-                onFocus: QN
+                ref: sP,
+                className: clsx_default(CP.input, bP.className, qN && "MuiInputBase-readOnly"),
+                onBlur: gP,
+                onChange: _P,
+                onFocus: hP
               })
             }),
             y,
-            jN ? jN({
-              ...JN,
-              startAdornment: IN
+            JN ? JN({
+              ...dP,
+              startAdornment: $N
             }) : null
           ]
         })
@@ -10410,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), EN = useJsonViewerStore((e2) => e2.onChange), $ = useTextColor(), DN = useJsonViewerStore((e2) => e2.colorspace.base0C), ON = useJsonViewerStore((e2) => e2.colorspace.base0A), kN = useJsonViewerStore((e2) => e2.displayComma), AN = useJsonViewerStore((e2) => e2.quotesOnKeys), jN = useJsonViewerStore((e2) => e2.rootName), MN = U === t, NN = Number.isInteger(Number(A)), PN = useJsonViewerStore((e2) => e2.enableAdd), FN = useJsonViewerStore((e2) => e2.onAdd), IN = (0, import_react.useMemo)(() => !FN || a !== void 0 || PN === false || v === false ? false : typeof PN == "function" ? !!PN(i, t) : !!(Array.isArray(t) || isPlainObject(t)), [
-      FN,
+    ]), 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), $ = useTextColor(), WN = useJsonViewerStore((e2) => e2.colorspace.base0C), GN = useJsonViewerStore((e2) => e2.colorspace.base0A), KN = 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,
-      PN,
+      ZN,
       v,
       t
-    ]), LN = useJsonViewerStore((e2) => e2.enableDelete), RN = useJsonViewerStore((e2) => e2.onDelete), zN = (0, import_react.useMemo)(() => !RN || a !== void 0 || MN || LN === false || v === false ? false : typeof LN == "function" ? !!LN(i, t) : LN, [
-      RN,
+    ]), 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,
-      MN,
+      YN,
       i,
-      LN,
+      eP,
       v,
       t
-    ]), BN = useJsonViewerStore((e2) => e2.enableClipboard), { copy: VN, copied: HN } = useClipboard(), UN = useJsonViewerStore((e2) => e2.highlightUpdates), WN = (0, import_react.useMemo)(() => !UN || 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, [
-      UN,
+    ]), 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
-    ]), GN = (0, import_react.useRef)();
+    ]), cP = (0, import_react.useRef)();
     (0, import_react.useEffect)(() => {
-      GN.current && WN && "animate" in GN.current && GN.current.animate([
+      cP.current && sP && "animate" in cP.current && cP.current.animate([
         {
-          backgroundColor: ON
+          backgroundColor: GN
         },
         {
           backgroundColor: ""
@@ -10443,40 +10443,40 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
         easing: "ease-in"
       });
     }, [
-      ON,
-      WN,
+      GN,
+      sP,
       n,
       t
     ]);
-    let KN = (0, import_react.useCallback)((e2) => {
+    let lP = (0, import_react.useCallback)((e2) => {
       e2.preventDefault(), h && E(h(t)), Q(true);
     }, [
       h,
       t
-    ]), qN = (0, import_react.useCallback)(() => {
+    ]), uP = (0, import_react.useCallback)(() => {
       Q(false), E("");
     }, [
       Q,
       E
-    ]), JN = (0, import_react.useCallback)((e2) => {
+    ]), dP = (0, import_react.useCallback)((e2) => {
       if (Q(false), _) try {
-        EN(i, t, _(e2));
+        UN(i, t, _(e2));
       } catch {
       }
     }, [
       Q,
       _,
-      EN,
+      UN,
       i,
       t
-    ]), YN = (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: qN
+            onClick: uP
           })
         }),
         (0, import_jsx_runtime.jsx)(IconBox, {
@@ -10484,22 +10484,22 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
             sx: {
               fontSize: ".8rem"
             },
-            onClick: () => JN(w)
+            onClick: () => dP(w)
           })
         })
       ]
     }) : (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        BN && (0, import_jsx_runtime.jsx)(IconBox, {
+        rP && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
             e2.preventDefault();
             try {
-              VN(i, t, copyString);
+              iP(i, t, copyString);
             } catch (e3) {
               console.error(e3);
             }
           },
-          children: HN ? (0, import_jsx_runtime.jsx)(CheckIcon$1, {
+          children: aP ? (0, import_jsx_runtime.jsx)(CheckIcon$1, {
             sx: {
               fontSize: ".8rem"
             }
@@ -10510,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: KN,
+          onClick: lP,
           children: (0, import_jsx_runtime.jsx)(EditIcon, {
             sx: {
               fontSize: ".8rem"
             }
           })
         }),
-        IN && (0, import_jsx_runtime.jsx)(IconBox, {
+        $N && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
-            e2.preventDefault(), FN == null ? void 0 : FN(i);
+            e2.preventDefault(), QN == null ? void 0 : QN(i);
           },
           children: (0, import_jsx_runtime.jsx)(AddBoxIcon, {
             sx: {
@@ -10527,9 +10527,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
             }
           })
         }),
-        zN && (0, import_jsx_runtime.jsx)(IconBox, {
+        nP && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
-            e2.preventDefault(), RN == null ? void 0 : RN(i, t);
+            e2.preventDefault(), tP == null ? void 0 : tP(i, t);
           },
           children: (0, import_jsx_runtime.jsx)(DeleteIcon, {
             sx: {
@@ -10542,24 +10542,24 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       f,
       h,
       _,
-      HN,
-      VN,
+      aP,
+      iP,
       S,
       J,
-      BN,
-      IN,
-      zN,
+      rP,
+      $N,
+      nP,
       w,
       i,
       t,
-      FN,
-      RN,
-      KN,
-      qN,
-      JN
-    ]), XN = (0, import_react.useMemo)(() => getValueSize(t) === 0, [
+      QN,
+      tP,
+      lP,
+      uP,
+      dP
+    ]), pP = (0, import_react.useMemo)(() => getValueSize(t) === 0, [
       t
-    ]), ZN = !XN && !!(c && d), QN = useJsonViewerStore((e2) => e2.keyRenderer), $N = (0, import_react.useMemo)(() => ({
+    ]), mP = !pP && !!(c && d), hP = useJsonViewerStore((e2) => e2.keyRenderer), gP = (0, import_react.useMemo)(() => ({
       path: i,
       inspect: K,
       setInspect: q,
@@ -10596,13 +10596,13 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
             opacity: 0.8
           },
           onClick: (0, import_react.useCallback)((e2) => {
-            e2.isDefaultPrevented() || XN || q((e3) => !e3);
+            e2.isDefaultPrevented() || pP || q((e3) => !e3);
           }, [
-            XN,
+            pP,
             q
           ]),
           children: [
-            ZN ? K ? (0, import_jsx_runtime.jsx)(ExpandMoreIcon, {
+            mP ? K ? (0, import_jsx_runtime.jsx)(ExpandMoreIcon, {
               className: "data-key-toggle-expanded",
               sx: {
                 fontSize: ".8rem",
@@ -10620,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: GN,
+              ref: cP,
               className: "data-key-key",
               component: "span",
-              children: MN && O === 0 ? jN === false ? null : AN ? (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: [
                   '"',
-                  jN,
+                  JN,
                   '"'
                 ]
               }) : (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-                children: jN
-              }) : QN.when($N) ? (0, import_jsx_runtime.jsx)(QN, {
-                ...$N
-              }) : a === void 0 && (NN ? (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: DN,
-                  userSelect: NN ? "none" : "auto"
+                  color: WN,
+                  userSelect: XN ? "none" : "auto"
                 },
                 children: A
-              }) : AN ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+              }) : qN ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
                 children: [
                   '"',
                   A,
@@ -10650,7 +10650,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
                 children: A
               }))
             }),
-            MN ? jN !== false && (0, import_jsx_runtime.jsx)(DataBox, {
+            YN ? JN !== false && (0, import_jsx_runtime.jsx)(DataBox, {
               className: "data-key-colon",
               sx: {
                 mr: 0.5
@@ -10663,38 +10663,38 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
                 ".data-key-key:empty + &": {
                   display: "none"
                 },
-                userSelect: NN ? "none" : "auto"
+                userSelect: XN ? "none" : "auto"
               },
               children: ":"
             }),
             c && (0, import_jsx_runtime.jsx)(c, {
-              ...$N
+              ...gP
             }),
-            I && ZN && K && YN
+            I && mP && K && fP
           ]
         }),
         J && S ? f && (0, import_jsx_runtime.jsx)(f, {
           path: i,
           value: w,
           setValue: E,
-          abortEditing: qN,
-          commitEditing: JN
+          abortEditing: uP,
+          commitEditing: dP
         }) : s ? (0, import_jsx_runtime.jsx)(s, {
-          ...$N
+          ...gP
         }) : (0, import_jsx_runtime.jsx)(Box_default, {
           component: "span",
           className: "data-value-fallback",
           children: `fallback: ${t}`
         }),
         d && (0, import_jsx_runtime.jsx)(d, {
-          ...$N
+          ...gP
         }),
-        !o && kN && (0, import_jsx_runtime.jsx)(DataBox, {
+        !o && KN && (0, import_jsx_runtime.jsx)(DataBox, {
           children: ","
         }),
-        I && ZN && !K && YN,
-        I && !ZN && YN,
-        !I && J && YN
+        I && mP && !K && fP,
+        I && !mP && fP,
+        !I && J && fP
       ]
     });
   }, query = "(prefers-color-scheme: dark)";
@@ -10823,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, {
@@ -10844,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,
@@ -10859,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", {
@@ -10869,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",
@@ -11042,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, {
@@ -11113,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, {
@@ -11182,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, {
@@ -11219,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) => {
@@ -11241,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];
@@ -11344,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, "");
@@ -11412,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];
@@ -11485,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
@@ -11521,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";
@@ -11535,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), EN = n.filter(_temp16), $ = n.filter(_temp17), DN;
-      t[15] === s ? DN = t[16] : (DN = () => {
+      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), $ = n.filter(_temp17), WN;
+      t[15] === s ? WN = t[16] : (WN = () => {
         s.openApplication("scratchpad");
-      }, t[15] = s, t[16] = DN);
-      let ON = DN, kN = () => {
+      }, t[15] = s, t[16] = WN);
+      let GN = WN, KN = () => {
         let t2 = [];
-        if (Q.length > 0 || EN.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),
-              EN.map(_temp21),
+              UN.map(_temp21),
               e3 && (0, import_jsx_runtime.jsxs)(Button, {
                 size: "xs",
                 variant: "outline",
@@ -11578,7 +11578,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
               i && (0, import_jsx_runtime.jsx)(AutoFixButton, {
                 errors: [
                   ...Q,
-                  ...EN
+                  ...UN
                 ],
                 cellId: i
               })
@@ -11739,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: ON,
+                      onClick: GN,
                       children: [
                         (0, import_jsx_runtime.jsx)(NotebookPen, {
                           className: "h-3"
@@ -11864,13 +11864,13 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             })
           ]
         }, "sql-errors")), t2;
-      }, AN = `font-code font-medium tracking-wide ${h}`, jN;
-      t[17] !== AN || t[18] !== c ? (jN = (0, import_jsx_runtime.jsx)(AlertTitle, {
-        className: AN,
+      }, 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] = AN, t[18] = c, t[19] = jN) : jN = t[19];
-      let MN = 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 = MN, v = "flex flex-col gap-8", y = kN(), 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 = KN(), 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", {
@@ -12198,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, {
@@ -12217,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;
@@ -12324,9 +12324,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   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: [
@@ -12341,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, {
@@ -12350,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, {
@@ -12370,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);
@@ -12387,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);
@@ -12400,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);
@@ -12412,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") {
@@ -12625,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 = {
@@ -12692,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);
@@ -12857,7 +12900,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }, [
       h
     ]), k(() => {
-      U(6, DN);
+      U(6, WN);
     }, []);
     let K = import_react.useMemo(() => ({
       subscribe: (e2) => (s.current.add(e2), () => s.current.delete(e2)),
@@ -12866,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, EN);
+          if (n.current[e2] = t2, e2 === "search") $(), Q(), U(1, UN);
           else if (e2 === "value") {
             if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
               let e3 = document.getElementById(I);
@@ -12874,8 +12917,8 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             }
             if (U(7, () => {
               var _a3;
-              n.current.selectedItemId = (_a3 = ON()) == null ? void 0 : _a3.id, K.emit();
-            }), i2 || U(5, DN), ((_a2 = c.current) == null ? void 0 : _a2.value) !== void 0) {
+              n.current.selectedItemId = (_a3 = GN()) == null ? void 0 : _a3.id, K.emit();
+            }), i2 || U(5, WN), ((_a2 = c.current) == null ? void 0 : _a2.value) !== void 0) {
               let e3 = t2 ?? "";
               (s2 = (o2 = c.current).onValueChange) == null || s2.call(o2, e3);
               return;
@@ -12900,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 || EN(), K.emit();
+        $(), Q(), n.current.value || UN(), K.emit();
       }), () => {
         o.current.delete(e2), i.current.delete(e2), n.current.filtered.items.delete(e2);
-        let t3 = ON();
+        let t3 = GN();
         U(4, () => {
-          $(), (t3 == null ? void 0 : t3.getAttribute("id")) === e2 && EN(), K.emit();
+          $(), (t3 == null ? void 0 : t3.getAttribute("id")) === e2 && UN(), K.emit();
         });
       }),
       group: (e2) => (a.current.has(e2) || a.current.set(e2, /* @__PURE__ */ new Set()), () => {
@@ -12938,7 +12981,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         ]);
       });
       let i2 = z.current;
-      kN().sort((t3, n2) => {
+      KN().sort((t3, n2) => {
         let i3 = t3.getAttribute("id"), a2 = n2.getAttribute("id");
         return (e2.get(a2) ?? 0) - (e2.get(i3) ?? 0);
       }).forEach((e3) => {
@@ -12950,9 +12993,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         t3 == null ? void 0 : t3.parentElement.appendChild(t3);
       });
     }
-    function EN() {
+    function UN() {
       var _a2;
-      let e2 = (_a2 = kN().find((e3) => e3.getAttribute("aria-disabled") !== "true")) == null ? void 0 : _a2.getAttribute(T);
+      let e2 = (_a2 = KN().find((e3) => e3.getAttribute("aria-disabled") !== "true")) == null ? void 0 : _a2.getAttribute(T);
       K.setState("value", e2 || void 0);
     }
     function $() {
@@ -12973,43 +13016,43 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       }
       n.current.filtered.count = e2;
     }
-    function DN() {
+    function WN() {
       var _a2, _b;
       var e2;
-      let t2 = ON();
+      let t2 = GN();
       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 ON() {
+    function GN() {
       var _a2;
       return (_a2 = z.current) == null ? void 0 : _a2.querySelector(`${le}[aria-selected="true"]`);
     }
-    function kN() {
+    function KN() {
       var _a2;
       return Array.from(((_a2 = z.current) == null ? void 0 : _a2.querySelectorAll(ce$1)) || []);
     }
-    function AN(e2) {
-      let t2 = kN()[e2];
+    function qN(e2) {
+      let t2 = KN()[e2];
       t2 && K.setState("value", t2.getAttribute(T));
     }
-    function jN(e2) {
+    function JN(e2) {
       var t2;
-      let n2 = ON(), i2 = kN(), a2 = i2.findIndex((e3) => e3 === n2), o2 = i2[a2 + e2];
+      let n2 = GN(), i2 = KN(), 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 MN(e2) {
+    function YN(e2) {
       var _a2;
-      let t2 = (_a2 = ON()) == null ? void 0 : _a2.closest(N$1), n2;
+      let t2 = (_a2 = GN()) == 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)) : jN(e2);
+      n2 ? K.setState("value", n2.getAttribute(T)) : JN(e2);
     }
-    let NN = () => AN(kN().length - 1), PN = (e2) => {
-      e2.preventDefault(), e2.metaKey ? NN() : e2.altKey ? MN(1) : jN(1);
-    }, FN = (e2) => {
-      e2.preventDefault(), e2.metaKey ? AN(0) : e2.altKey ? MN(-1) : jN(-1);
+    let XN = () => qN(KN().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,
@@ -13023,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 && PN(e2);
+            E && e2.ctrlKey && ZN(e2);
             break;
           case "ArrowDown":
-            PN(e2);
+            ZN(e2);
             break;
           case "p":
           case "k":
-            E && e2.ctrlKey && FN(e2);
+            E && e2.ctrlKey && QN(e2);
             break;
           case "ArrowUp":
-            FN(e2);
+            QN(e2);
             break;
           case "Home":
-            e2.preventDefault(), AN(0);
+            e2.preventDefault(), qN(0);
             break;
           case "End":
-            e2.preventDefault(), NN();
+            e2.preventDefault(), XN();
             break;
           case "Enter": {
             e2.preventDefault();
-            let t3 = ON();
+            let t3 = GN();
             if (t3) {
               let e3 = new Event(Z);
               t3.dispatchEvent(e3);
@@ -13711,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"
@@ -13747,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"
                 }),
@@ -13827,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
@@ -13835,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,
@@ -13850,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 ",
@@ -13870,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",
@@ -13914,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({
@@ -14006,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
           }
@@ -14014,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
           }
@@ -16319,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;
@@ -16406,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
@@ -16441,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"
@@ -16454,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, {
@@ -16465,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({
@@ -16557,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
         })
       ]
     });
@@ -19033,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, EN = 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), $ = (0, import_react.useRef)({
       callbacks: {
         onCollapse: f,
         onExpand: h,
@@ -19046,7 +19228,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         maxSize: c,
         minSize: d
       },
-      id: EN,
+      id: UN,
       idIsFromProps: s !== void 0,
       order: v
     });
@@ -19056,7 +19238,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       let { callbacks: e2, constraints: t2 } = $.current, o2 = {
         ...t2
       };
-      $.current.id = EN, $.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);
+      $.current.id = UN, $.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);
     }), useIsomorphicLayoutEffect$1(() => {
       let e2 = $.current;
       return q(e2), () => {
@@ -19064,7 +19246,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       };
     }, [
       v,
-      EN,
+      UN,
       q,
       Q
     ]), (0, import_react.useImperativeHandle)(o, () => ({
@@ -19075,7 +19257,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         A($.current, e2);
       },
       getId() {
-        return EN;
+        return UN;
       },
       getSize() {
         return M($.current);
@@ -19094,24 +19276,24 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       A,
       M,
       U,
-      EN,
+      UN,
       J
     ]);
-    let DN = I($.current, a);
+    let WN = I($.current, a);
     return (0, import_react.createElement)(S, {
       ...w,
       children: e,
       className: t,
-      id: EN,
+      id: UN,
       style: {
-        ...DN,
+        ...WN,
         ...y
       },
       [DATA_ATTRIBUTES.groupId]: z,
       [DATA_ATTRIBUTES.panel]: "",
       [DATA_ATTRIBUTES.panelCollapsible]: i || void 0,
-      [DATA_ATTRIBUTES.panelId]: EN,
-      [DATA_ATTRIBUTES.panelSize]: parseFloat("" + DN.flexGrow).toFixed(1)
+      [DATA_ATTRIBUTES.panelId]: UN,
+      [DATA_ATTRIBUTES.panelSize]: parseFloat("" + WN.flexGrow).toFixed(1)
     });
   }
   var Panel = (0, import_react.forwardRef)((e, t) => (0, import_react.createElement)(PanelWithForwardedRef, {
@@ -19884,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;
-    }, []), EN = (0, import_react.useCallback)((e2, t2) => {
+    }, []), UN = (0, import_react.useCallback)((e2, t2) => {
       let { panelDataArray: n2 } = K.current;
       return computePanelFlexBoxStyle({
         defaultSize: t2,
@@ -19899,10 +20081,10 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     ]), $ = (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);
-    }, []), DN = (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 || fuzzyCompareNumbers(o2, i2) > 0;
-    }, []), ON = (0, import_react.useCallback)((e2) => {
+    }, []), GN = (0, import_react.useCallback)((e2) => {
       let { panelDataArray: t2 } = K.current;
       t2.push(e2), t2.sort((e3, t3) => {
         let n2 = e3.order, i2 = t3.order;
@@ -19934,7 +20116,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         e2.layout = [];
       };
     }, []);
-    let kN = (0, import_react.useCallback)((e2) => {
+    let KN = (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();
@@ -19952,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));
       };
-    }, []), AN = (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({
@@ -19964,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));
-    }, []), jN = (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) || AN(e2, s2) : h2 < f2 ? AN(e2, f2) : h2 > d2 && AN(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));
     }, [
-      AN
-    ]), MN = (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);
@@ -19981,30 +20163,30 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         initialCursorPosition: o2,
         initialLayout: i2
       });
-    }, []), NN = (0, import_react.useCallback)(() => {
+    }, []), XN = (0, import_react.useCallback)(() => {
       w(null);
-    }, []), PN = (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
-    ]), FN = (0, import_react.useMemo)(() => ({
+    ]), QN = (0, import_react.useMemo)(() => ({
       collapsePanel: q,
       direction: i,
       dragState: S,
       expandPanel: J,
       getPanelSize: Q,
-      getPanelStyle: EN,
+      getPanelStyle: UN,
       groupId: v,
       isPanelCollapsed: $,
-      isPanelExpanded: DN,
-      reevaluatePanelConstraints: jN,
-      registerPanel: ON,
-      registerResizeHandle: kN,
-      resizePanel: AN,
-      startDragging: MN,
-      stopDragging: NN,
-      unregisterPanel: PN,
+      isPanelExpanded: WN,
+      reevaluatePanelConstraints: JN,
+      registerPanel: GN,
+      registerResizeHandle: KN,
+      resizePanel: qN,
+      startDragging: YN,
+      stopDragging: XN,
+      unregisterPanel: ZN,
       panelGroupElement: y.current
     }), [
       q,
@@ -20012,18 +20194,18 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       i,
       J,
       Q,
-      EN,
+      UN,
       v,
       $,
-      DN,
-      jN,
-      ON,
-      kN,
-      AN,
-      MN,
-      NN,
-      PN
-    ]), IN = {
+      WN,
+      JN,
+      GN,
+      KN,
+      qN,
+      YN,
+      XN,
+      ZN
+    ]), $N = {
       display: "flex",
       flexDirection: i === "horizontal" ? "row" : "column",
       height: "100%",
@@ -20031,7 +20213,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       width: "100%"
     };
     return (0, import_react.createElement)(PanelGroupContext.Provider, {
-      value: FN
+      value: QN
     }, (0, import_react.createElement)(h, {
       ..._,
       children: t,
@@ -20039,7 +20221,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       id: o,
       ref: y,
       style: {
-        ...IN,
+        ...$N,
         ...f
       },
       [DATA_ATTRIBUTES.group]: "",
@@ -20116,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"), [EN, $] = (0, import_react.useState)(false), [DN, ON] = (0, import_react.useState)(null), kN = (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, $] = (0, import_react.useState)(false), [WN, GN] = (0, import_react.useState)(null), KN = (0, import_react.useRef)({
       state: J
     });
     useIsomorphicLayoutEffect$1(() => {
-      kN.current.state = J;
+      KN.current.state = J;
     }), (0, import_react.useEffect)(() => {
-      if (n) ON(null);
+      if (n) GN(null);
       else {
         let e2 = I(q);
-        ON(() => e2);
+        GN(() => e2);
       }
     }, [
       n,
       q,
       I
     ]);
-    let AN = (i == null ? void 0 : i.coarse) ?? 15, jN = (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 || DN == null) return;
+      if (n || WN == null) return;
       let e2 = w.current;
       assert(e2, "Element ref not attached");
       let t2 = false;
       return registerResizeHandle(q, e2, A, {
-        coarse: AN,
-        fine: jN
+        coarse: qN,
+        fine: JN
       }, (e3, n2, i2) => {
         if (!n2) {
           Q("inactive");
@@ -20154,8 +20336,8 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             break;
           }
           case "move": {
-            let { state: e4 } = kN.current;
-            t2 = true, e4 !== "drag" && Q("hover"), assert(i2, 'Expected event to be defined for "move" action'), DN(i2);
+            let { state: e4 } = KN.current;
+            t2 = true, e4 !== "drag" && Q("hover"), assert(i2, 'Expected event to be defined for "move" action'), WN(i2);
             break;
           }
           case "up": {
@@ -20167,22 +20349,22 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         }
       });
     }, [
-      AN,
+      qN,
       A,
       n,
-      jN,
+      JN,
       I,
       q,
-      DN,
+      WN,
       z,
       U
     ]), useWindowSplitterResizeHandlerBehavior({
       disabled: n,
       handleId: q,
-      resizeHandler: DN,
+      resizeHandler: WN,
       panelGroupElement: K
     });
-    let MN = {
+    let YN = {
       touchAction: "none",
       userSelect: "none"
     };
@@ -20200,14 +20382,14 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ref: w,
       role: "separator",
       style: {
-        ...MN,
+        ...YN,
         ..._
       },
       tabIndex: v,
       [DATA_ATTRIBUTES.groupDirection]: A,
       [DATA_ATTRIBUTES.groupId]: M,
       [DATA_ATTRIBUTES.resizeHandle]: "",
-      [DATA_ATTRIBUTES.resizeHandleActive]: J === "drag" ? "pointer" : EN ? "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
@@ -20374,147 +20556,148 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   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, EN = z === void 0 ? "Search..." : z, $ = U === void 0 ? "Nothing found." : U, DN = K === void 0 ? false : K, ON = s ?? false, kN;
-    t[23] !== v || t[24] !== w || t[25] !== ON ? (kN = {
+    let J = M === void 0 ? false : M, Q = I === void 0 ? true : I, UN = z === void 0 ? "Search..." : z, $ = U === void 0 ? "Nothing found." : U, WN = K === void 0 ? false : K, GN = s ?? false, KN;
+    t[23] !== v || t[24] !== w || t[25] !== GN ? (KN = {
       prop: w,
-      defaultProp: ON,
+      defaultProp: GN,
       onChange: v
-    }, t[23] = v, t[24] = w, t[25] = ON, t[26] = kN) : kN = t[26];
-    let [AN, jN] = useControllableState(kN), MN = AN === void 0 ? false : AN, NN;
-    t[27] === S ? NN = t[28] : (NN = (e2) => {
+    }, t[23] = v, t[24] = w, t[25] = GN, t[26] = KN) : KN = t[26];
+    let [qN, JN] = useControllableState(KN), YN = qN === void 0 ? false : qN, XN;
+    t[27] === S ? XN = t[28] : (XN = (e2) => {
       S == null ? void 0 : S(e2);
-    }, t[27] = S, t[28] = NN);
-    let PN;
-    t[29] !== c || t[30] !== NN || t[31] !== q ? (PN = {
+    }, t[27] = S, t[28] = XN);
+    let ZN;
+    t[29] !== c || t[30] !== XN || t[31] !== q ? (ZN = {
       prop: q,
       defaultProp: c,
-      onChange: NN
-    }, t[29] = c, t[30] = NN, t[31] = q, t[32] = PN) : PN = t[32];
-    let [FN, IN] = useControllableState(PN), 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] !== jN || t[38] !== IN || t[39] !== FN ? (zN = (e2) => {
+      onChange: XN
+    }, t[29] = c, t[30] = XN, t[31] = q, t[32] = ZN) : ZN = t[32];
+    let [QN, $N] = useControllableState(ZN), eP;
+    t[33] === QN ? eP = t[34] : (eP = (e2) => Array.isArray(QN) ? QN.includes(e2) : QN === e2, t[33] = QN, t[34] = eP);
+    let tP = eP, nP;
+    t[35] !== _ || t[36] !== J || t[37] !== JN || t[38] !== $N || t[39] !== QN ? (nP = (e2) => {
       let t2 = e2;
-      if (J) if (Array.isArray(FN)) if (FN.includes(t2)) {
-        let n2 = FN.filter((t3) => t3 !== e2);
+      if (J) if (Array.isArray(QN)) if (QN.includes(t2)) {
+        let n2 = QN.filter((t3) => t3 !== e2);
         t2 = n2.length > 0 ? n2 : [];
       } else t2 = [
-        ...FN,
+        ...QN,
         t2
       ];
       else t2 = [
         t2
       ];
-      else FN === e2 && (t2 = null);
-      IN(t2), (_ ?? J) || jN(false);
-    }, t[35] = _, t[36] = J, t[37] = jN, t[38] = IN, t[39] = FN, t[40] = zN) : zN = t[40];
-    let BN = zN, VN;
-    t[41] !== DN || t[42] !== d || t[43] !== J || t[44] !== E || t[45] !== FN ? (VN = () => J && DN && 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] = DN, 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 QN === e2 && (t2 = null);
+      $N(t2), (_ ?? J) || JN(false);
+    }, t[35] = _, t[36] = J, t[37] = JN, t[38] = $N, t[39] = QN, t[40] = nP) : nP = t[40];
+    let rP = nP, iP;
+    t[41] !== WN || t[42] !== d || t[43] !== J || t[44] !== E || t[45] !== QN ? (iP = () => J && WN && E ? E : QN == null ? E ?? "--" : Array.isArray(QN) ? QN.length === 0 ? E ?? "--" : QN.length === 1 && d !== void 0 ? d(QN[0]) : `${QN.length} selected` : d === void 0 ? E ?? "--" : d(QN), t[41] = WN, t[42] = d, t[43] = J, t[44] = E, t[45] = QN, t[46] = iP) : iP = t[46];
+    let aP = iP, oP;
+    t[47] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (oP = cn("relative"), t[47] = oP) : oP = t[47];
+    let sP;
+    t[48] === o ? sP = t[49] : (sP = 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] = sP);
+    let cP;
+    t[50] === aP ? cP = t[51] : (cP = aP(), t[50] = aP, t[51] = cP);
+    let lP;
+    t[52] === cP ? lP = t[53] : (lP = (0, import_jsx_runtime.jsx)("span", {
       className: "truncate flex-1 min-w-0",
-      children: GN
-    }), t[52] = GN, t[53] = KN);
-    let qN;
-    t[54] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (qN = (0, import_jsx_runtime.jsx)(ChevronDown, {
+      children: cP
+    }), t[52] = cP, t[53] = lP);
+    let uP;
+    t[54] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (uP = (0, import_jsx_runtime.jsx)(ChevronDown, {
       className: "ml-3 w-4 h-4 opacity-50 shrink-0"
-    }), t[54] = qN) : qN = t[54];
-    let YN;
-    t[55] !== h || t[56] !== MN || t[57] !== WN || t[58] !== KN ? (YN = (0, import_jsx_runtime.jsx)(PopoverTrigger, {
+    }), t[54] = uP) : uP = t[54];
+    let fP;
+    t[55] !== h || t[56] !== YN || t[57] !== sP || t[58] !== lP ? (fP = (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": MN,
+        type: "button",
+        className: sP,
+        "aria-expanded": YN,
         children: [
-          KN,
-          qN
+          lP,
+          uP
         ]
       })
-    }), t[55] = h, t[56] = MN, t[57] = WN, t[58] = KN, t[59] = YN) : YN = t[59];
-    let XN;
-    t[60] !== EN || t[61] !== y || t[62] !== A ? (XN = (0, import_jsx_runtime.jsx)(CommandInput, {
-      placeholder: EN,
+    }), t[55] = h, t[56] = YN, t[57] = sP, t[58] = lP, t[59] = fP) : fP = t[59];
+    let pP;
+    t[60] !== UN || t[61] !== y || t[62] !== A ? (pP = (0, import_jsx_runtime.jsx)(CommandInput, {
+      placeholder: UN,
       rootClassName: "px-1 h-8",
       autoFocus: true,
       value: A,
       onValueChange: y
-    }), t[60] = EN, t[61] = y, t[62] = A, t[63] = XN) : XN = t[63];
-    let QN;
-    t[64] === $ ? QN = t[65] : (QN = (0, import_jsx_runtime.jsx)(CommandEmpty, {
+    }), t[60] = UN, t[61] = y, t[62] = A, t[63] = pP) : pP = t[63];
+    let hP;
+    t[64] === $ ? hP = t[65] : (hP = (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[64] = $, t[65] = hP);
+    let gP;
+    t[66] !== rP || t[67] !== tP ? (gP = {
+      isSelected: tP,
+      onSelect: rP
+    }, t[66] = rP, t[67] = tP, t[68] = gP) : gP = t[68];
+    let _P;
+    t[69] !== n || t[70] !== gP ? (_P = (0, import_jsx_runtime.jsx)(ComboboxContext, {
+      value: gP,
       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[69] = n, t[70] = gP, t[71] = _P) : _P = t[71];
+    let vP;
+    t[72] !== hP || t[73] !== _P ? (vP = (0, import_jsx_runtime.jsxs)(CommandList, {
       className: "max-h-60 py-.5",
       children: [
-        QN,
-        eP
+        hP,
+        _P
       ]
-    }), t[72] = QN, t[73] = eP, t[74] = tP) : tP = t[74];
-    let nP;
-    t[75] !== f || t[76] !== Q || t[77] !== XN || t[78] !== tP ? (nP = (0, import_jsx_runtime.jsx)(PopoverContent, {
+    }), t[72] = hP, t[73] = _P, t[74] = vP) : vP = t[74];
+    let yP;
+    t[75] !== f || t[76] !== Q || t[77] !== pP || t[78] !== vP ? (yP = (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,
         children: [
-          XN,
-          tP
+          pP,
+          vP
         ]
       })
-    }), t[75] = f, t[76] = Q, t[77] = XN, t[78] = tP, t[79] = nP) : nP = t[79];
-    let rP;
-    t[80] !== MN || t[81] !== jN || t[82] !== YN || t[83] !== nP ? (rP = (0, import_jsx_runtime.jsxs)(Popover, {
-      open: MN,
-      onOpenChange: jN,
+    }), t[75] = f, t[76] = Q, t[77] = pP, t[78] = vP, t[79] = yP) : yP = t[79];
+    let bP;
+    t[80] !== YN || t[81] !== JN || t[82] !== fP || t[83] !== yP ? (bP = (0, import_jsx_runtime.jsxs)(Popover, {
+      open: YN,
+      onOpenChange: JN,
       children: [
-        YN,
-        nP
+        fP,
+        yP
       ]
-    }), t[80] = MN, t[81] = jN, t[82] = YN, t[83] = nP, t[84] = rP) : rP = t[84];
-    let iP;
-    t[85] !== DN || t[86] !== i || t[87] !== d || t[88] !== BN || t[89] !== J || t[90] !== FN ? (iP = J && DN && (0, import_jsx_runtime.jsx)("div", {
+    }), t[80] = YN, t[81] = JN, t[82] = fP, t[83] = yP, t[84] = bP) : bP = t[84];
+    let xP;
+    t[85] !== WN || t[86] !== i || t[87] !== d || t[88] !== rP || t[89] !== J || t[90] !== QN ? (xP = J && WN && (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(QN) && QN.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);
+              rP(e2);
             },
             className: "w-3 h-3 opacity-50 hover:opacity-100 ml-1 cursor-pointer"
           })
         ]
       }, String(e2)))
-    }), t[85] = DN, 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[85] = WN, t[86] = i, t[87] = d, t[88] = rP, t[89] = J, t[90] = QN, t[91] = xP) : xP = t[91];
+    let SP;
+    return t[92] !== O || t[93] !== bP || t[94] !== xP ? (SP = (0, import_jsx_runtime.jsxs)("div", {
+      className: oP,
       ...O,
       children: [
-        rP,
-        iP
+        bP,
+        xP
       ]
-    }), t[92] = O, t[93] = rP, t[94] = iP, t[95] = aP) : aP = t[95], aP;
+    }), t[92] = O, t[93] = bP, t[94] = xP, t[95] = SP) : SP = t[95], SP;
   };
   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), _;
@@ -20543,75 +20726,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);
+      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,
           _
@@ -20623,12 +20788,22 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             value: n2
           }
         ];
-      }), i());
-    }, J = () => {
+      }), i();
+    }, $ = () => {
       t.setColumnFilters((t2) => t2.filter((t3) => t3.id !== e.columnId)), i();
-    }, Q = !OPERATORS_WITHOUT_VALUE.has(w);
-    return (0, import_jsx_runtime.jsxs)("div", {
+    }, WN = !OPERATORS_WITHOUT_VALUE.has(w), GN = OPERATORS_BY_TYPE[y], KN = (0, import_react.useRef)(null), qN = (0, import_react.useRef)(null);
+    return (0, import_react.useEffect)(() => {
+      var _a2, _b;
+      let e2 = (_a2 = KN.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",
@@ -20665,21 +20840,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: GN.map((e2) => (0, import_jsx_runtime.jsx)(SelectItem, {
                     value: e2,
                     children: OPERATOR_LABELS[e2]
                   }, e2))
                 })
               ]
-            })
+            }, y)
           ]
         }),
-        Q && (0, import_jsx_runtime.jsxs)("div", {
+        WN && (0, import_jsx_runtime.jsxs)("div", {
+          ref: KN,
           className: "flex flex-col gap-1",
           children: [
             (0, import_jsx_runtime.jsx)("label", {
@@ -20690,6 +20867,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,
@@ -20701,17 +20879,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
+                  })
                 })
               })
             }),
@@ -20737,7 +20918,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: $,
                 "aria-label": "Remove filter",
                 children: (0, import_jsx_runtime.jsx)(Trash2, {
                   className: "h-3.5 w-3.5",
@@ -20750,101 +20931,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"
     });
@@ -20969,10 +21263,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"}`
       };
@@ -20985,14 +21319,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)
@@ -23647,7 +23977,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         filename: i2.filename
       };
     }, t[6] = e, t[7] = E);
-    let O = E, A, M, I, z, U, K, q, J, Q, EN, $, DN, ON;
+    let O = E, A, M, I, z, U, K, q, J, Q, UN, $, WN, GN;
     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);
@@ -23715,10 +24045,10 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         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", EN = "print:hidden", t[37] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = (0, import_jsx_runtime.jsx)(DropdownMenuLabel, {
+      }), 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") ? ($ = (0, import_jsx_runtime.jsx)(DropdownMenuLabel, {
         className: "text-xs text-muted-foreground",
         children: "Download"
-      }), t[37] = $) : $ = t[37], DN = downloadOptions.map((t2) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
+      }), t[37] = $) : $ = t[37], WN = downloadOptions.map((t2) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
         onSelect: () => {
           e2(t2.format);
         },
@@ -23739,10 +24069,10 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             ]
           })
         ]
-      }, t2.label)), t[38] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ON = (0, import_jsx_runtime.jsx)(DropdownMenuSeparator, {}), I = (0, import_jsx_runtime.jsx)(DropdownMenuLabel, {
+      }, t2.label)), t[38] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (GN = (0, import_jsx_runtime.jsx)(DropdownMenuSeparator, {}), I = (0, import_jsx_runtime.jsx)(DropdownMenuLabel, {
         className: "text-xs text-muted-foreground",
         children: "Copy to clipboard"
-      }), t[38] = I, t[39] = ON) : (I = t[38], ON = t[39]), z = copyOptions.map((e3) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
+      }), t[38] = I, t[39] = GN) : (I = t[38], GN = t[39]), z = copyOptions.map((e3) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
         onSelect: async () => {
           try {
             await a(e3.format);
@@ -23771,30 +24101,30 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             ]
           })
         ]
-      }, 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] = EN, t[24] = $, t[25] = DN, t[26] = ON;
-    } 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], EN = t[23], $ = t[24], DN = t[25], ON = t[26];
-    let kN;
-    t[40] !== A || t[41] !== I || t[42] !== z || t[43] !== Q || t[44] !== EN || t[45] !== $ || t[46] !== DN || t[47] !== ON ? (kN = (0, import_jsx_runtime.jsxs)(A, {
+      }, 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] = $, t[25] = WN, t[26] = GN;
+    } 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], $ = t[24], WN = t[25], GN = t[26];
+    let KN;
+    t[40] !== A || t[41] !== I || t[42] !== z || t[43] !== Q || t[44] !== UN || t[45] !== $ || t[46] !== WN || t[47] !== GN ? (KN = (0, import_jsx_runtime.jsxs)(A, {
       side: Q,
-      className: EN,
+      className: UN,
       children: [
         $,
-        DN,
-        ON,
+        WN,
+        GN,
         I,
         z
       ]
-    }), t[40] = A, t[41] = I, t[42] = z, t[43] = Q, t[44] = EN, t[45] = $, t[46] = DN, t[47] = ON, t[48] = kN) : kN = t[48];
-    let AN;
-    return t[49] !== M || t[50] !== U || t[51] !== K || t[52] !== q || t[53] !== J || t[54] !== kN ? (AN = (0, import_jsx_runtime.jsxs)(M, {
+    }), t[40] = A, t[41] = I, t[42] = z, t[43] = Q, t[44] = UN, t[45] = $, t[46] = WN, t[47] = GN, t[48] = KN) : KN = t[48];
+    let qN;
+    return t[49] !== M || t[50] !== U || t[51] !== K || t[52] !== q || t[53] !== J || t[54] !== KN ? (qN = (0, import_jsx_runtime.jsxs)(M, {
       modal: U,
       open: K,
       onOpenChange: q,
       children: [
         J,
-        kN
+        KN
       ]
-    }), t[49] = M, t[50] = U, t[51] = K, t[52] = q, t[53] = J, t[54] = kN, t[55] = AN) : AN = t[55], AN;
+    }), t[49] = M, t[50] = U, t[51] = K, t[52] = q, t[53] = J, t[54] = KN, t[55] = qN) : qN = t[55], qN;
   };
   function fetchJson(e) {
     return fetchText(e).then(jsonParseWithSpecialChar);
@@ -23886,22 +24216,22 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ]
     }) : null;
   };
-  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: EN = false, searchQuery: $, onSearchQueryChange: DN, showFilters: ON = false, filters: kN, onFiltersChange: AN, calculateTopKRows: jN, reloading: MN, freezeColumnsLeft: NN, freezeColumnsRight: PN, toggleDisplayHeader: FN, showChartBuilder: IN, isChartBuilderOpen: LN, showPageSizeSelector: RN, showTableExplorer: zN, togglePanel: BN, isPanelOpen: VN, isAnyPanelOpen: HN, viewedRowIdx: UN, onViewedRowChange: WN }) => {
-    let [GN, KN] = import_react.useState(false), { locale: qN } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), { columnPinning: JN, setColumnPinning: YN } = useColumnPinning(NN, PN);
+  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: $, onSearchQueryChange: WN, showFilters: GN = false, filters: KN, 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 MN ? e2 = setTimeout(() => {
-        KN(true);
-      }, 300) : KN(false), () => {
+      return YN ? e2 = setTimeout(() => {
+        lP(true);
+      }, 300) : lP(false), () => {
         e2 && clearTimeout(e2);
       };
     }, [
-      MN
+      YN
     ]);
-    function XN(e2, t2) {
+    function pP(e2, t2) {
       return M ? t2 + (U ? M.pageIndex * M.pageSize : 0) : t2;
     }
-    let ZN = useReactTable({
+    let mP = useReactTable({
       _features: [
         ColumnPinning,
         ColumnWrappingFeature,
@@ -23925,11 +24255,11 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         getRowId: (e2, t2) => {
           let n2 = getStableRowId(e2);
           if (n2) return n2;
-          let i2 = XN(e2, t2);
+          let i2 = pP(e2, t2);
           return String(i2);
         }
       } : {},
-      locale: qN,
+      locale: uP,
       manualPagination: U,
       getPaginationRowModel: getPaginationRowModel(),
       ...y ? {
@@ -23939,21 +24269,21 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       enableMultiSort: true,
       getSortedRowModel: getSortedRowModel(),
       manualFiltering: true,
-      enableColumnFilters: ON,
+      enableColumnFilters: GN,
       getFilteredRowModel: getFilteredRowModel(),
-      onColumnFiltersChange: AN,
+      onColumnFiltersChange: qN,
       onRowSelectionChange: q,
       onCellSelectionChange: J,
       enableCellSelection: c === "single-cell" || c === "multi-cell",
       enableMultiCellSelection: c === "multi-cell",
-      onColumnPinningChange: YN,
+      onColumnPinningChange: fP,
       enableFocusRow: true,
-      onFocusRowChange: WN,
+      onFocusRowChange: sP,
       state: {
         ...v ? {
           sorting: v
         } : {},
-        columnFilters: kN,
+        columnFilters: KN,
         ...M ? {
           pagination: M
         } : K && !M ? {} : {
@@ -23965,21 +24295,21 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         rowSelection: S ?? {},
         cellSelection: w ?? [],
         cellStyling: E,
-        columnPinning: JN,
+        columnPinning: dP,
         cellHoverTemplate: O,
         cellHoverTexts: A ?? {}
       }
-    }), QN = (VN == null ? void 0 : VN(PANEL_TYPES.ROW_VIEWER)) ?? false, $N = !K && o.length > 100, eP = useScrollContainerHeight({
+    }), hP = (iP == null ? void 0 : iP(PANEL_TYPES.ROW_VIEWER)) ?? false, gP = !K && o.length > 100, _P = useScrollContainerHeight({
       maxHeight: n,
-      virtualize: $N
+      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: kN,
-          table: ZN,
-          calculateTopKRows: jN
+          filters: KN,
+          table: mP,
+          calculateTopKRows: JN
         }),
         (0, import_jsx_runtime.jsx)(CellSelectionProvider, {
           children: (0, import_jsx_runtime.jsxs)("div", {
@@ -23987,34 +24317,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: EN,
+                enableSearch: UN,
                 searchQuery: $,
-                onSearchQueryChange: DN,
-                reloading: MN,
-                showChartBuilder: IN,
-                isChartBuilderOpen: LN,
-                toggleDisplayHeader: FN,
-                showTableExplorer: zN,
-                togglePanel: BN,
-                isAnyPanelOpen: HN,
+                onSearchQueryChange: WN,
+                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: eP,
+                ref: _P,
                 children: [
-                  GN && (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(ZN, $N || !!n),
+                  renderTableHeader(mP, gP || !!n),
                   (0, import_jsx_runtime.jsx)(DataTableBody, {
-                    table: ZN,
+                    table: mP,
                     columns: i,
-                    rowViewerPanelOpen: QN,
-                    getRowIndex: XN,
-                    viewedRowIdx: UN,
-                    virtualize: $N
+                    rowViewerPanelOpen: hP,
+                    getRowIndex: pP,
+                    viewedRowIdx: oP,
+                    virtualize: gP
                   })
                 ]
               }),
@@ -24025,10 +24355,10 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                 pagination: K,
                 selection: c,
                 onRowSelectionChange: q,
-                table: ZN,
+                table: mP,
                 getRowIds: Q,
-                showPageSizeSelector: RN,
-                tableLoading: MN
+                showPageSizeSelector: tP,
+                tableLoading: YN
               })
             ]
           })
@@ -24116,69 +24446,69 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
 ${_}`,
         triggerImmediately: e2
       });
-    }, [q, Q] = _.split(":", 2), $ = d ? KEY : "", DN;
-    t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (DN = () => h(_temp$3), t[10] = DN) : DN = t[10];
-    let ON = d ? "rotate-180" : "rotate-0", kN;
-    t[11] === ON ? kN = t[12] : (kN = cn("h-4 w-4 text-muted-foreground transition-transform duration-200 shrink-0", ON), t[11] = ON, t[12] = kN);
-    let AN;
-    t[13] === kN ? AN = t[14] : (AN = (0, import_jsx_runtime.jsx)(ChevronDown, {
-      className: kN
-    }), t[13] = kN, t[14] = AN);
-    let jN = q || "Error", MN;
-    t[15] === jN ? MN = t[16] : (MN = (0, import_jsx_runtime.jsxs)("span", {
+    }, [q, Q] = _.split(":", 2), $ = d ? KEY : "", WN;
+    t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (WN = () => h(_temp$3), t[10] = WN) : WN = t[10];
+    let GN = d ? "rotate-180" : "rotate-0", KN;
+    t[11] === GN ? KN = t[12] : (KN = cn("h-4 w-4 text-muted-foreground transition-transform duration-200 shrink-0", GN), t[11] = GN, t[12] = KN);
+    let qN;
+    t[13] === KN ? qN = t[14] : (qN = (0, import_jsx_runtime.jsx)(ChevronDown, {
+      className: KN
+    }), t[13] = KN, 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: [
-        jN,
+        JN,
         ":"
       ]
-    }), t[15] = jN, t[16] = MN);
-    let PN;
-    t[17] !== Q || t[18] !== MN ? (PN = (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: [
-        MN,
+        YN,
         " ",
         Q
       ]
-    }), t[17] = Q, t[18] = MN, t[19] = PN) : PN = t[19];
-    let IN;
-    t[20] !== PN || t[21] !== AN ? (IN = (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: DN,
+      onClick: WN,
       children: [
-        AN,
-        PN
+        qN,
+        ZN
       ]
-    }), t[20] = PN, t[21] = AN, t[22] = IN) : IN = t[22];
-    let LN;
-    t[23] === c ? LN = t[24] : (LN = (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] = LN);
-    let RN;
-    t[25] !== IN || t[26] !== LN ? (RN = (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: [
-        IN,
-        LN
+        $N,
+        eP
       ]
-    }), t[25] = IN, t[26] = LN, t[27] = RN) : RN = t[27];
-    let zN;
-    t[28] !== RN || t[29] !== $ ? (zN = (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] !== $ ? (nP = (0, import_jsx_runtime.jsx)(Accordion, {
       type: "single",
       collapsible: true,
       value: $,
-      children: RN
-    }), t[28] = RN, t[29] = $, t[30] = zN) : zN = t[30];
-    let VN;
-    t[31] !== K || t[32] !== z ? (VN = z && (0, import_jsx_runtime.jsx)(AIFixButton, {
+      children: tP
+    }), t[28] = tP, t[29] = $, 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] = z, t[33] = VN) : VN = t[33];
-    let HN;
-    t[34] !== A || t[35] !== E ? (HN = 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",
@@ -24195,9 +24525,9 @@ ${_}`,
           "Launch debugger"
         ]
       })
-    }), t[34] = A, t[35] = E, t[36] = HN) : HN = t[36];
-    let UN;
-    t[37] !== _ || t[38] !== i ? (UN = 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,
@@ -24265,24 +24595,24 @@ ${_}`,
           ]
         })
       ]
-    }), t[37] = _, t[38] = i, t[39] = UN) : UN = t[39];
-    let WN;
-    t[40] !== VN || t[41] !== HN || t[42] !== UN ? (WN = (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: [
-        VN,
-        HN,
-        UN
+        iP,
+        aP,
+        oP
       ]
-    }), t[40] = VN, t[41] = HN, t[42] = UN, t[43] = WN) : WN = t[43];
-    let GN;
-    return t[44] !== zN || t[45] !== WN ? (GN = (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: [
-        zN,
-        WN
+        nP,
+        sP
       ]
-    }), t[44] = zN, t[45] = WN, t[46] = GN) : GN = t[46], GN;
+    }), t[44] = nP, t[45] = sP, t[46] = cP) : cP = t[46], cP;
   };
   function lastLine(e) {
     var _a2, _b;
@@ -25668,7 +25998,7 @@ ${_}`,
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.7-dev47");
+  marimoVersionAtom = atom(getVersionFromMountConfig() || "0.23.7-dev48");
   showCodeInRunModeAtom = atom(true);
   atom(null);
   var import_compiler_runtime = require_compiler_runtime();