@marimo-team/islands 0.23.4-dev8 → 0.23.4

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

@@ -34,7 +34,7 @@ import { n as formats } from "./vega-loader.browser-3_z8GoFC.js";
 import { a as getContainerWidth, n as vegaLoadData, r as createBatchedLoader, s as tooltipHandler, t as parseCsvData } from "./loader-BvW0-YWZ.js";
 import { t as useIframeCapabilities } from "./useIframeCapabilities-DbdLoEDm.js";
 import { t as useAsyncData } from "./useAsyncData-CKYzhCis.js";
-let SELECT_COLUMN_ID, slotsController, Expand, NAMELESS_COLUMN_PREFIX, ContextAwarePanelItem, EmotionCacheProvider, contextAwarePanelType, GripHorizontal, contextAwarePanelOwner, TextWrap, TableBody, ChevronsLeft, ColumnChartSpecModel, inferFieldTypes, TableCell, ChevronsDownUp, usePrevious, DelayMount, TableHead, ChevronLeft, Fill, Download, Provider$1, ChevronsUpDown, isCellAwareAtom, Funnel, Table, ChevronsRight, INDEX_COLUMN_NAME, TableHeader, ArrowDownWideNarrow, ComboboxItem, HtmlOutput, contextAwarePanelOpen, isStaticNotebook, renderCellValue, generateColumns, ColumnChartContext, loadTableAndRawData, getPageIndexForRow, loadTableData, Filenames, ChartLoadingState, Slide, CommandEmpty, useInternalStateWithSync, RenderTextWithLinks, JsonOutput, CommandList, DataTable, Tabs, TOO_MANY_ROWS, InstallPackageButton, TabsContent, downloadHTMLAsImage, ChartInfoState, downloadByURL, ChartErrorState, SlideSidebar, Command, Toggle, Ellipsis, SlotNames, EyeOff, OutputArea, CommandSeparator, downloadBlob, TabsTrigger, DEFAULT_SLIDE_TYPE, getMimeValues, RadioGroup, CommandInput, ADD_PRINTING_CLASS, TabsList, useIntersectionObserver, SLIDE_TYPE_OPTIONS_BY_VALUE, filtersToFilterGroup, RadioGroupItem, CommandItem, DEFAULT_DECK_TRANSITION, toFieldTypes, OutputRenderer, Maps, prettifyRowColumnCount, LazyVegaEmbed, PANEL_TYPES, getStaticVirtualFiles, Combobox, Kbd, prettifyRowCount, useOverflowDetection, TableRow;
+let INDEX_COLUMN_NAME, slotsController, Expand, NAMELESS_COLUMN_PREFIX, ContextAwarePanelItem, EmotionCacheProvider, contextAwarePanelType, GripHorizontal, contextAwarePanelOwner, TextWrap, TableBody, ChevronsLeft, ColumnChartSpecModel, inferFieldTypes, TableCell, ChevronsDownUp, usePrevious, DelayMount, TableHead, ChevronLeft, Fill, Download, Provider$1, ChevronsUpDown, isCellAwareAtom, Funnel, Table, ChevronsRight, loadTableData, TableHeader, ArrowDownWideNarrow, ComboboxItem, HtmlOutput, contextAwarePanelOpen, isStaticNotebook, renderCellValue, generateColumns, ColumnChartContext, getPageIndexForRow, filtersToFilterGroup, loadTableAndRawData, Filenames, ChartLoadingState, Slide, CommandEmpty, useInternalStateWithSync, RenderTextWithLinks, JsonOutput, CommandList, DataTable, Tabs, SELECT_COLUMN_ID, InstallPackageButton, TabsContent, downloadHTMLAsImage, ChartInfoState, downloadByURL, ChartErrorState, SlideSidebar, Command, Toggle, Ellipsis, SlotNames, EyeOff, OutputArea, CommandSeparator, downloadBlob, TabsTrigger, DEFAULT_SLIDE_TYPE, toFieldTypes, RadioGroup, CommandInput, ADD_PRINTING_CLASS, TabsList, useIntersectionObserver, SLIDE_TYPE_OPTIONS_BY_VALUE, getMimeValues, RadioGroupItem, CommandItem, DEFAULT_DECK_TRANSITION, TOO_MANY_ROWS, OutputRenderer, Maps, prettifyRowColumnCount, LazyVegaEmbed, PANEL_TYPES, getStaticVirtualFiles, Combobox, Kbd, prettifyRowCount, useOverflowDetection, TableRow;
 let __tla = Promise.all([
   (() => {
     try {
@@ -7464,33 +7464,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), BM = !!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), VM = !!Q && !I, $ = import_react.useMemo(() => h2 || (typeof n == "function" ? n() : n), [
         h2
-      ]), VM = $[t], HM = VM || $, { colorSchemes: UM = _, components: WM = v, cssVarPrefix: GM } = HM, KM = Object.keys(UM).filter((e3) => !!UM[e3]).join(","), qM = import_react.useMemo(() => KM.split(","), [
-        KM
-      ]), JM = typeof s == "string" ? s : s.light, YM = typeof s == "string" ? s : s.dark, { mode: XM, setMode: ZM, systemMode: QM, lightColorScheme: $M, darkColorScheme: eN, colorScheme: tN, setColorScheme: nN } = useCurrentColorScheme({
-        supportedColorSchemes: qM,
-        defaultLightColorScheme: JM,
-        defaultDarkColorScheme: YM,
+      ]), HM = $[t], UM = HM || $, { colorSchemes: WM = _, components: GM = v, cssVarPrefix: KM } = UM, qM = Object.keys(WM).filter((e3) => !!WM[e3]).join(","), JM = import_react.useMemo(() => qM.split(","), [
+        qM
+      ]), YM = typeof s == "string" ? s : s.light, XM = typeof s == "string" ? s : s.dark, { mode: ZM, setMode: QM, systemMode: $M, lightColorScheme: eN, darkColorScheme: tN, colorScheme: nN, setColorScheme: rN } = useCurrentColorScheme({
+        supportedColorSchemes: JM,
+        defaultLightColorScheme: YM,
+        defaultDarkColorScheme: XM,
         modeStorageKey: y2,
         colorSchemeStorageKey: S2,
-        defaultMode: UM[JM] && UM[YM] ? U : ((_b = (_a2 = UM[HM.defaultColorScheme]) == null ? void 0 : _a2.palette) == null ? void 0 : _b.mode) || ((_c = HM.palette) == null ? void 0 : _c.mode),
+        defaultMode: WM[YM] && WM[XM] ? U : ((_b = (_a2 = WM[UM.defaultColorScheme]) == null ? void 0 : _a2.palette) == null ? void 0 : _b.mode) || ((_c = UM.palette) == null ? void 0 : _c.mode),
         storageManager: E,
         storageWindow: O,
         noSsr: K
-      }), rN = XM, iN = tN;
-      BM && (rN = Q.mode, iN = Q.colorScheme);
-      let aN = import_react.useMemo(() => {
+      }), iN = ZM, aN = nN;
+      VM && (iN = Q.mode, aN = Q.colorScheme);
+      let oN = import_react.useMemo(() => {
         var _a3;
-        let e3 = iN || HM.defaultColorScheme, t2 = ((_a3 = HM.generateThemeVars) == null ? void 0 : _a3.call(HM)) || HM.vars, n2 = {
-          ...HM,
-          components: WM,
-          colorSchemes: UM,
-          cssVarPrefix: GM,
+        let e3 = aN || UM.defaultColorScheme, t2 = ((_a3 = UM.generateThemeVars) == null ? void 0 : _a3.call(UM)) || UM.vars, n2 = {
+          ...UM,
+          components: GM,
+          colorSchemes: WM,
+          cssVarPrefix: KM,
           vars: t2
         };
         if (typeof n2.generateSpacing == "function" && (n2.spacing = n2.generateSpacing()), e3) {
-          let t3 = UM[e3];
+          let t3 = WM[e3];
           t3 && typeof t3 == "object" && Object.keys(t3).forEach((e4) => {
             t3[e4] && typeof t3[e4] == "object" ? n2[e4] = {
               ...n2[e4],
@@ -7500,31 +7500,31 @@ try {
         }
         return c ? c(n2) : n2;
       }, [
-        HM,
-        iN,
-        WM,
         UM,
-        GM
-      ]), oN = HM.colorSchemeSelector;
+        aN,
+        GM,
+        WM,
+        KM
+      ]), sN = UM.colorSchemeSelector;
       useEnhancedEffect_default(() => {
-        if (iN && M && oN && oN !== "media") {
-          let e3 = oN, t2 = oN;
-          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(...qM.map((e4) => t2.substring(1).replace("%s", e4))), M.classList.add(t2.substring(1).replace("%s", iN));
+        if (aN && M && sN && sN !== "media") {
+          let e3 = sN, t2 = sN;
+          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(...JM.map((e4) => t2.substring(1).replace("%s", e4))), M.classList.add(t2.substring(1).replace("%s", aN));
           else {
-            let e4 = t2.replace("%s", iN).match(/\[([^\]]+)\]/);
+            let e4 = t2.replace("%s", aN).match(/\[([^\]]+)\]/);
             if (e4) {
               let [t3, n2] = e4[1].split("=");
-              n2 || qM.forEach((e5) => {
-                M.removeAttribute(t3.replace(iN, e5));
+              n2 || JM.forEach((e5) => {
+                M.removeAttribute(t3.replace(aN, e5));
               }), M.setAttribute(t3, n2 ? n2.replace(/"|'/g, "") : "");
-            } else M.setAttribute(t2, iN);
+            } else M.setAttribute(t2, aN);
           }
         }
       }, [
-        iN,
-        oN,
+        aN,
+        sN,
         M,
-        qM
+        JM
       ]), import_react.useEffect(() => {
         let e3;
         if (w2 && q.current && A) {
@@ -7537,48 +7537,48 @@ try {
           clearTimeout(e3);
         };
       }, [
-        iN,
+        aN,
         w2,
         A
       ]), import_react.useEffect(() => (q.current = true, () => {
         q.current = false;
       }), []);
-      let sN = import_react.useMemo(() => ({
-        allColorSchemes: qM,
-        colorScheme: iN,
-        darkColorScheme: eN,
-        lightColorScheme: $M,
-        mode: rN,
-        setColorScheme: nN,
-        setMode: ZM,
-        systemMode: QM
+      let cN = import_react.useMemo(() => ({
+        allColorSchemes: JM,
+        colorScheme: aN,
+        darkColorScheme: tN,
+        lightColorScheme: eN,
+        mode: iN,
+        setColorScheme: rN,
+        setMode: QM,
+        systemMode: $M
       }), [
-        qM,
-        iN,
+        JM,
+        aN,
+        tN,
         eN,
-        $M,
+        iN,
         rN,
-        nN,
-        ZM,
         QM,
-        aN.colorSchemeSelector
-      ]), cN = true;
-      (z || HM.cssVariables === false || BM && (J == null ? void 0 : J.cssVarPrefix) === GM) && (cN = false);
-      let lN = (0, import_jsx_runtime.jsxs)(import_react.Fragment, {
+        $M,
+        oN.colorSchemeSelector
+      ]), lN = true;
+      (z || UM.cssVariables === false || VM && (J == null ? void 0 : J.cssVarPrefix) === KM) && (lN = false);
+      let uN = (0, import_jsx_runtime.jsxs)(import_react.Fragment, {
         children: [
           (0, import_jsx_runtime.jsx)(ThemeProvider_default, {
-            themeId: VM ? t : void 0,
-            theme: aN,
+            themeId: HM ? t : void 0,
+            theme: oN,
             children: d2
           }),
-          cN && (0, import_jsx_runtime.jsx)(GlobalStyles$1, {
-            styles: ((_d = aN.generateStyleSheets) == null ? void 0 : _d.call(aN)) || []
+          lN && (0, import_jsx_runtime.jsx)(GlobalStyles$1, {
+            styles: ((_d = oN.generateStyleSheets) == null ? void 0 : _d.call(oN)) || []
           })
         ]
       });
-      return BM ? lN : (0, import_jsx_runtime.jsx)(f.Provider, {
-        value: sN,
-        children: lN
+      return VM ? uN : (0, import_jsx_runtime.jsx)(f.Provider, {
+        value: cN,
+        children: uN
       });
     }
     let S = typeof s == "string" ? s : s.light, w = typeof s == "string" ? s : s.dark;
@@ -9078,10 +9078,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: BM, onFocus: $, onKeyDown: VM, onKeyUp: HM, placeholder: UM, readOnly: WM, renderSuffix: GM, rows: KM, size: qM, slotProps: JM = {}, slots: YM = {}, startAdornment: XM, type: ZM = "text", value: QM, ...$M } = n, eN = A.value == null ? QM : A.value, { current: tN } = import_react.useRef(eN != null), nN = import_react.useRef(), rN = import_react.useCallback((e2) => {
-    }, []), iN = useForkRef_default(nN, M, A.ref, rN), [aN, oN] = import_react.useState(false), sN = useFormControl(), cN = 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: VM, onFocus: $, onKeyDown: HM, onKeyUp: UM, placeholder: WM, readOnly: GM, renderSuffix: KM, rows: qM, size: JM, slotProps: YM = {}, slots: XM = {}, startAdornment: ZM, type: QM = "text", value: $M, ...eN } = n, tN = A.value == null ? $M : A.value, { current: nN } = import_react.useRef(tN != null), rN = import_react.useRef(), iN = import_react.useCallback((e2) => {
+    }, []), aN = useForkRef_default(rN, M, A.ref, iN), [oN, sN] = import_react.useState(false), cN = useFormControl(), lN = formControlState({
       props: n,
-      muiFormControl: sN,
+      muiFormControl: cN,
       states: [
         "color",
         "disabled",
@@ -9092,145 +9092,145 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
         "filled"
       ]
     });
-    cN.focused = sN ? sN.focused : aN, import_react.useEffect(() => {
-      !sN && _ && aN && (oN(false), J && J());
+    lN.focused = cN ? cN.focused : oN, import_react.useEffect(() => {
+      !cN && _ && oN && (sN(false), J && J());
     }, [
-      sN,
+      cN,
       _,
-      aN,
+      oN,
       J
     ]);
-    let lN = sN && sN.onFilled, uN = sN && sN.onEmpty, dN = import_react.useCallback((e2) => {
-      isFilled(e2) ? lN && lN() : uN && uN();
+    let uN = cN && cN.onFilled, dN = cN && cN.onEmpty, fN = import_react.useCallback((e2) => {
+      isFilled(e2) ? uN && uN() : dN && dN();
     }, [
-      lN,
-      uN
+      uN,
+      dN
     ]);
     useEnhancedEffect_default$1(() => {
-      tN && dN({
-        value: eN
+      nN && fN({
+        value: tN
       });
     }, [
-      eN,
-      dN,
-      tN
+      tN,
+      fN,
+      nN
     ]);
-    let fN = (e2) => {
-      $ && $(e2), A.onFocus && A.onFocus(e2), sN && sN.onFocus ? sN.onFocus(e2) : oN(true);
-    }, pN = (e2) => {
-      J && J(e2), A.onBlur && A.onBlur(e2), sN && sN.onBlur ? sN.onBlur(e2) : oN(false);
-    }, mN = (e2, ...t2) => {
-      if (!tN) {
-        let t3 = e2.target || nN.current;
+    let pN = (e2) => {
+      $ && $(e2), A.onFocus && A.onFocus(e2), cN && cN.onFocus ? cN.onFocus(e2) : sN(true);
+    }, mN = (e2) => {
+      J && J(e2), A.onBlur && A.onBlur(e2), cN && cN.onBlur ? cN.onBlur(e2) : sN(false);
+    }, hN = (e2, ...t2) => {
+      if (!nN) {
+        let t3 = e2.target || rN.current;
         if (t3 == null) throw Error(formatMuiErrorMessage(1));
-        dN({
+        fN({
           value: t3.value
         });
       }
       A.onChange && A.onChange(e2, ...t2), Q && Q(e2, ...t2);
     };
     import_react.useEffect(() => {
-      dN(nN.current);
+      fN(rN.current);
     }, []);
-    let hN = (e2) => {
-      nN.current && e2.currentTarget === e2.target && nN.current.focus(), BM && BM(e2);
-    }, gN = O, _N = A;
-    K && gN === "input" && (_N = KM ? {
+    let gN = (e2) => {
+      rN.current && e2.currentTarget === e2.target && rN.current.focus(), VM && VM(e2);
+    }, _N = O, vN = A;
+    K && _N === "input" && (vN = qM ? {
       type: void 0,
-      minRows: KM,
-      maxRows: KM,
-      ..._N
+      minRows: qM,
+      maxRows: qM,
+      ...vN
     } : {
       type: void 0,
       maxRows: z,
       minRows: U,
-      ..._N
-    }, gN = TextareaAutosize_default);
-    let vN = (e2) => {
-      dN(e2.animationName === "mui-auto-fill-cancel" ? nN.current : {
+      ...vN
+    }, _N = TextareaAutosize_default);
+    let yN = (e2) => {
+      fN(e2.animationName === "mui-auto-fill-cancel" ? rN.current : {
         value: "x"
       });
     };
     import_react.useEffect(() => {
-      sN && sN.setAdornedStart(!!XM);
+      cN && cN.setAdornedStart(!!ZM);
     }, [
-      sN,
-      XM
+      cN,
+      ZM
     ]);
-    let yN = {
+    let bN = {
       ...n,
-      color: cN.color || "primary",
-      disabled: cN.disabled,
+      color: lN.color || "primary",
+      disabled: lN.disabled,
       endAdornment: y,
-      error: cN.error,
-      focused: cN.focused,
-      formControl: sN,
+      error: lN.error,
+      focused: lN.focused,
+      formControl: cN,
       fullWidth: w,
-      hiddenLabel: cN.hiddenLabel,
+      hiddenLabel: lN.hiddenLabel,
       multiline: K,
-      size: cN.size,
-      startAdornment: XM,
-      type: ZM
-    }, bN = useUtilityClasses(yN), xN = YM.root || d.Root || InputBaseRoot, SN = JM.root || f.root || {}, CN = YM.input || d.Input || InputBaseInput;
-    return _N = {
-      ..._N,
-      ...JM.input ?? f.input
+      size: lN.size,
+      startAdornment: ZM,
+      type: QM
+    }, xN = useUtilityClasses(bN), SN = XM.root || d.Root || InputBaseRoot, CN = YM.root || f.root || {}, wN = XM.input || d.Input || InputBaseInput;
+    return vN = {
+      ...vN,
+      ...YM.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)(xN, {
-          ...SN,
+        (0, import_jsx_runtime.jsxs)(SN, {
+          ...CN,
           ref: t,
-          onClick: hN,
-          ...$M,
-          ...!isHostComponent_default(xN) && {
+          onClick: gN,
+          ...eN,
+          ...!isHostComponent_default(SN) && {
             ownerState: {
-              ...yN,
-              ...SN.ownerState
+              ...bN,
+              ...CN.ownerState
             }
           },
-          className: clsx_default(bN.root, SN.className, s, WM && "MuiInputBase-readOnly"),
+          className: clsx_default(xN.root, CN.className, s, GM && "MuiInputBase-readOnly"),
           children: [
-            XM,
+            ZM,
             (0, import_jsx_runtime.jsx)(FormControlContext_default.Provider, {
               value: null,
-              children: (0, import_jsx_runtime.jsx)(CN, {
-                "aria-invalid": cN.error,
+              children: (0, import_jsx_runtime.jsx)(wN, {
+                "aria-invalid": lN.error,
                 "aria-describedby": i,
                 autoComplete: a,
                 autoFocus: o,
                 defaultValue: h,
-                disabled: cN.disabled,
+                disabled: lN.disabled,
                 id: E,
-                onAnimationStart: vN,
+                onAnimationStart: yN,
                 name: q,
-                placeholder: UM,
-                readOnly: WM,
-                required: cN.required,
-                rows: KM,
-                value: eN,
-                onKeyDown: VM,
-                onKeyUp: HM,
-                type: ZM,
-                ..._N,
-                ...!isHostComponent_default(CN) && {
-                  as: gN,
+                placeholder: WM,
+                readOnly: GM,
+                required: lN.required,
+                rows: qM,
+                value: tN,
+                onKeyDown: HM,
+                onKeyUp: UM,
+                type: QM,
+                ...vN,
+                ...!isHostComponent_default(wN) && {
+                  as: _N,
                   ownerState: {
-                    ...yN,
-                    ..._N.ownerState
+                    ...bN,
+                    ...vN.ownerState
                   }
                 },
-                ref: iN,
-                className: clsx_default(bN.input, _N.className, WM && "MuiInputBase-readOnly"),
-                onBlur: pN,
-                onChange: mN,
-                onFocus: fN
+                ref: aN,
+                className: clsx_default(xN.input, vN.className, GM && "MuiInputBase-readOnly"),
+                onBlur: mN,
+                onChange: hN,
+                onFocus: pN
               })
             }),
             y,
-            GM ? GM({
-              ...cN,
-              startAdornment: XM
+            KM ? KM({
+              ...lN,
+              startAdornment: ZM
             }) : null
           ]
         })
@@ -10306,30 +10306,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), BM = useJsonViewerStore((e2) => e2.onChange), $ = useTextColor(), VM = useJsonViewerStore((e2) => e2.colorspace.base0C), HM = useJsonViewerStore((e2) => e2.colorspace.base0A), UM = useJsonViewerStore((e2) => e2.displayComma), WM = useJsonViewerStore((e2) => e2.quotesOnKeys), GM = useJsonViewerStore((e2) => e2.rootName), KM = U === t, qM = Number.isInteger(Number(A)), JM = useJsonViewerStore((e2) => e2.enableAdd), YM = useJsonViewerStore((e2) => e2.onAdd), XM = (0, import_react.useMemo)(() => !YM || a !== void 0 || JM === false || v === false ? false : typeof JM == "function" ? !!JM(i, t) : !!(Array.isArray(t) || isPlainObject(t)), [
-      YM,
+    ]), z = useJsonViewerStore((e2) => e2.setHover), U = useJsonViewerStore((e2) => e2.value), [K, q] = useInspect(i, t, a), [J, Q] = (0, import_react.useState)(false), VM = useJsonViewerStore((e2) => e2.onChange), $ = useTextColor(), HM = useJsonViewerStore((e2) => e2.colorspace.base0C), UM = useJsonViewerStore((e2) => e2.colorspace.base0A), WM = useJsonViewerStore((e2) => e2.displayComma), GM = useJsonViewerStore((e2) => e2.quotesOnKeys), KM = useJsonViewerStore((e2) => e2.rootName), qM = U === t, JM = Number.isInteger(Number(A)), YM = useJsonViewerStore((e2) => e2.enableAdd), XM = useJsonViewerStore((e2) => e2.onAdd), ZM = (0, import_react.useMemo)(() => !XM || a !== void 0 || YM === false || v === false ? false : typeof YM == "function" ? !!YM(i, t) : !!(Array.isArray(t) || isPlainObject(t)), [
+      XM,
       a,
       i,
-      JM,
+      YM,
       v,
       t
-    ]), ZM = useJsonViewerStore((e2) => e2.enableDelete), QM = useJsonViewerStore((e2) => e2.onDelete), $M = (0, import_react.useMemo)(() => !QM || a !== void 0 || KM || ZM === false || v === false ? false : typeof ZM == "function" ? !!ZM(i, t) : ZM, [
-      QM,
+    ]), QM = useJsonViewerStore((e2) => e2.enableDelete), $M = useJsonViewerStore((e2) => e2.onDelete), eN = (0, import_react.useMemo)(() => !$M || a !== void 0 || qM || QM === false || v === false ? false : typeof QM == "function" ? !!QM(i, t) : QM, [
+      $M,
       a,
-      KM,
+      qM,
       i,
-      ZM,
+      QM,
       v,
       t
-    ]), eN = useJsonViewerStore((e2) => e2.enableClipboard), { copy: tN, copied: nN } = useClipboard(), rN = useJsonViewerStore((e2) => e2.highlightUpdates), iN = (0, import_react.useMemo)(() => !rN || 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, [
-      rN,
+    ]), tN = useJsonViewerStore((e2) => e2.enableClipboard), { copy: nN, copied: rN } = useClipboard(), iN = useJsonViewerStore((e2) => e2.highlightUpdates), aN = (0, import_react.useMemo)(() => !iN || 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, [
+      iN,
       n,
       t
-    ]), aN = (0, import_react.useRef)();
+    ]), oN = (0, import_react.useRef)();
     (0, import_react.useEffect)(() => {
-      aN.current && iN && "animate" in aN.current && aN.current.animate([
+      oN.current && aN && "animate" in oN.current && oN.current.animate([
         {
-          backgroundColor: HM
+          backgroundColor: UM
         },
         {
           backgroundColor: ""
@@ -10339,40 +10339,40 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
         easing: "ease-in"
       });
     }, [
-      HM,
-      iN,
+      UM,
+      aN,
       n,
       t
     ]);
-    let oN = (0, import_react.useCallback)((e2) => {
+    let sN = (0, import_react.useCallback)((e2) => {
       e2.preventDefault(), h && E(h(t)), Q(true);
     }, [
       h,
       t
-    ]), sN = (0, import_react.useCallback)(() => {
+    ]), cN = (0, import_react.useCallback)(() => {
       Q(false), E("");
     }, [
       Q,
       E
-    ]), cN = (0, import_react.useCallback)((e2) => {
+    ]), lN = (0, import_react.useCallback)((e2) => {
       if (Q(false), _) try {
-        BM(i, t, _(e2));
+        VM(i, t, _(e2));
       } catch {
       }
     }, [
       Q,
       _,
-      BM,
+      VM,
       i,
       t
-    ]), lN = (0, import_react.useMemo)(() => J ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    ]), uN = (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: sN
+            onClick: cN
           })
         }),
         (0, import_jsx_runtime.jsx)(IconBox, {
@@ -10380,22 +10380,22 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
             sx: {
               fontSize: ".8rem"
             },
-            onClick: () => cN(w)
+            onClick: () => lN(w)
           })
         })
       ]
     }) : (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        eN && (0, import_jsx_runtime.jsx)(IconBox, {
+        tN && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
             e2.preventDefault();
             try {
-              tN(i, t, copyString);
+              nN(i, t, copyString);
             } catch (e3) {
               console.error(e3);
             }
           },
-          children: nN ? (0, import_jsx_runtime.jsx)(CheckIcon$1, {
+          children: rN ? (0, import_jsx_runtime.jsx)(CheckIcon$1, {
             sx: {
               fontSize: ".8rem"
             }
@@ -10406,16 +10406,16 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
           })
         }),
         f && S && h && _ && (0, import_jsx_runtime.jsx)(IconBox, {
-          onClick: oN,
+          onClick: sN,
           children: (0, import_jsx_runtime.jsx)(EditIcon, {
             sx: {
               fontSize: ".8rem"
             }
           })
         }),
-        XM && (0, import_jsx_runtime.jsx)(IconBox, {
+        ZM && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
-            e2.preventDefault(), YM == null ? void 0 : YM(i);
+            e2.preventDefault(), XM == null ? void 0 : XM(i);
           },
           children: (0, import_jsx_runtime.jsx)(AddBoxIcon, {
             sx: {
@@ -10423,9 +10423,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
             }
           })
         }),
-        $M && (0, import_jsx_runtime.jsx)(IconBox, {
+        eN && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
-            e2.preventDefault(), QM == null ? void 0 : QM(i, t);
+            e2.preventDefault(), $M == null ? void 0 : $M(i, t);
           },
           children: (0, import_jsx_runtime.jsx)(DeleteIcon, {
             sx: {
@@ -10438,24 +10438,24 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       f,
       h,
       _,
+      rN,
       nN,
-      tN,
       S,
       J,
+      tN,
+      ZM,
       eN,
-      XM,
-      $M,
       w,
       i,
       t,
-      YM,
-      QM,
-      oN,
+      XM,
+      $M,
       sN,
-      cN
-    ]), uN = (0, import_react.useMemo)(() => getValueSize(t) === 0, [
+      cN,
+      lN
+    ]), dN = (0, import_react.useMemo)(() => getValueSize(t) === 0, [
       t
-    ]), dN = !uN && !!(c && d), fN = useJsonViewerStore((e2) => e2.keyRenderer), pN = (0, import_react.useMemo)(() => ({
+    ]), fN = !dN && !!(c && d), pN = useJsonViewerStore((e2) => e2.keyRenderer), mN = (0, import_react.useMemo)(() => ({
       path: i,
       inspect: K,
       setInspect: q,
@@ -10492,13 +10492,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() || uN || q((e3) => !e3);
+            e2.isDefaultPrevented() || dN || q((e3) => !e3);
           }, [
-            uN,
+            dN,
             q
           ]),
           children: [
-            dN ? K ? (0, import_jsx_runtime.jsx)(ExpandMoreIcon, {
+            fN ? K ? (0, import_jsx_runtime.jsx)(ExpandMoreIcon, {
               className: "data-key-toggle-expanded",
               sx: {
                 fontSize: ".8rem",
@@ -10516,27 +10516,27 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
               }
             }) : null,
             (0, import_jsx_runtime.jsx)(Box_default, {
-              ref: aN,
+              ref: oN,
               className: "data-key-key",
               component: "span",
-              children: KM && O === 0 ? GM === false ? null : WM ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+              children: qM && O === 0 ? KM === false ? null : GM ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
                 children: [
                   '"',
-                  GM,
+                  KM,
                   '"'
                 ]
               }) : (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-                children: GM
-              }) : fN.when(pN) ? (0, import_jsx_runtime.jsx)(fN, {
-                ...pN
-              }) : a === void 0 && (qM ? (0, import_jsx_runtime.jsx)(Box_default, {
+                children: KM
+              }) : pN.when(mN) ? (0, import_jsx_runtime.jsx)(pN, {
+                ...mN
+              }) : a === void 0 && (JM ? (0, import_jsx_runtime.jsx)(Box_default, {
                 component: "span",
                 style: {
-                  color: VM,
-                  userSelect: qM ? "none" : "auto"
+                  color: HM,
+                  userSelect: JM ? "none" : "auto"
                 },
                 children: A
-              }) : WM ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+              }) : GM ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
                 children: [
                   '"',
                   A,
@@ -10546,7 +10546,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
                 children: A
               }))
             }),
-            KM ? GM !== false && (0, import_jsx_runtime.jsx)(DataBox, {
+            qM ? KM !== false && (0, import_jsx_runtime.jsx)(DataBox, {
               className: "data-key-colon",
               sx: {
                 mr: 0.5
@@ -10559,38 +10559,38 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
                 ".data-key-key:empty + &": {
                   display: "none"
                 },
-                userSelect: qM ? "none" : "auto"
+                userSelect: JM ? "none" : "auto"
               },
               children: ":"
             }),
             c && (0, import_jsx_runtime.jsx)(c, {
-              ...pN
+              ...mN
             }),
-            I && dN && K && lN
+            I && fN && K && uN
           ]
         }),
         J && S ? f && (0, import_jsx_runtime.jsx)(f, {
           path: i,
           value: w,
           setValue: E,
-          abortEditing: sN,
-          commitEditing: cN
+          abortEditing: cN,
+          commitEditing: lN
         }) : s ? (0, import_jsx_runtime.jsx)(s, {
-          ...pN
+          ...mN
         }) : (0, import_jsx_runtime.jsx)(Box_default, {
           component: "span",
           className: "data-value-fallback",
           children: `fallback: ${t}`
         }),
         d && (0, import_jsx_runtime.jsx)(d, {
-          ...pN
+          ...mN
         }),
-        !o && UM && (0, import_jsx_runtime.jsx)(DataBox, {
+        !o && WM && (0, import_jsx_runtime.jsx)(DataBox, {
           children: ","
         }),
-        I && dN && !K && lN,
-        I && !dN && lN,
-        !I && J && lN
+        I && fN && !K && uN,
+        I && !fN && uN,
+        !I && J && uN
       ]
     });
   }, query = "(prefers-color-scheme: dark)";
@@ -11431,18 +11431,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), BM = n.filter(_temp16), $ = n.filter(_temp17), VM;
-      t[15] === s ? VM = t[16] : (VM = () => {
+      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), VM = n.filter(_temp16), $ = n.filter(_temp17), HM;
+      t[15] === s ? HM = t[16] : (HM = () => {
         s.openApplication("scratchpad");
-      }, t[15] = s, t[16] = VM);
-      let HM = VM, UM = () => {
+      }, t[15] = s, t[16] = HM);
+      let UM = HM, WM = () => {
         let t2 = [];
-        if (Q.length > 0 || BM.length > 0) {
+        if (Q.length > 0 || VM.length > 0) {
           let e3 = Q.some(_temp18), n2 = !e3 && Q.some(_temp19);
           t2.push((0, import_jsx_runtime.jsxs)("div", {
             children: [
               Q.map(_temp20),
-              BM.map(_temp21),
+              VM.map(_temp21),
               e3 && (0, import_jsx_runtime.jsxs)(Button, {
                 size: "xs",
                 variant: "outline",
@@ -11474,7 +11474,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
               i && (0, import_jsx_runtime.jsx)(AutoFixButton, {
                 errors: [
                   ...Q,
-                  ...BM
+                  ...VM
                 ],
                 cellId: i
               })
@@ -11635,7 +11635,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: HM,
+                      onClick: UM,
                       children: [
                         (0, import_jsx_runtime.jsx)(NotebookPen, {
                           className: "h-3"
@@ -11760,13 +11760,13 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             })
           ]
         }, "sql-errors")), t2;
-      }, WM = `font-code font-medium tracking-wide ${h}`, GM;
-      t[17] !== WM || t[18] !== c ? (GM = (0, import_jsx_runtime.jsx)(AlertTitle, {
-        className: WM,
+      }, GM = `font-code font-medium tracking-wide ${h}`, KM;
+      t[17] !== GM || t[18] !== c ? (KM = (0, import_jsx_runtime.jsx)(AlertTitle, {
+        className: GM,
         children: c
-      }), t[17] = WM, t[18] = c, t[19] = GM) : GM = t[19];
-      let KM = GM;
-      _ = 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 = KM, v = "flex flex-col gap-8", y = UM(), 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] = GM, t[18] = c, t[19] = KM) : KM = t[19];
+      let qM = KM;
+      _ = 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 = qM, v = "flex flex-col gap-8", y = WM(), 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", {
@@ -12217,7 +12217,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ]
     };
   }
-  LazyVegaEmbed = import_react.lazy(() => import("./react-vega-jy3CfYys.js").then((e) => ({
+  LazyVegaEmbed = import_react.lazy(() => import("./react-vega-B-rkEqtS.js").then((e) => ({
     default: e.VegaEmbed
   })));
   var import_compiler_runtime$34 = require_compiler_runtime();
@@ -12521,6 +12521,104 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       return n;
     }
   };
+  var import_compiler_runtime$31 = require_compiler_runtime();
+  const DraggablePopover = (e) => {
+    let t = (0, import_compiler_runtime$31.c)(25), n, i, a;
+    t[0] === e ? (n = t[1], i = t[2], a = t[3]) : ({ children: n, className: i, ...a } = e, t[0] = e, t[1] = n, t[2] = i, t[3] = a);
+    let o;
+    t[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = {
+      x: 0,
+      y: 0
+    }, t[4] = o) : o = t[4];
+    let [s, c] = (0, import_react.useState)(o), d;
+    t[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = {
+      x: 0,
+      y: 0
+    }, t[5] = d) : d = t[5];
+    let f = (0, import_react.useRef)(d), [h, _] = (0, import_react.useState)(false), v;
+    if (t[6] !== s.x || t[7] !== s.y) {
+      v = (t2) => {
+        f.current = {
+          x: t2.clientX - s.x,
+          y: t2.clientY - s.y
+        }, _(true), document.addEventListener("mousemove", e2), document.addEventListener("mouseup", n2);
+      };
+      let e2 = (e3) => {
+        c({
+          x: e3.clientX - f.current.x,
+          y: e3.clientY - f.current.y
+        });
+      }, n2 = () => {
+        _(false), document.removeEventListener("mousemove", e2), document.removeEventListener("mouseup", n2);
+      };
+      t[6] = s.x, t[7] = s.y, t[8] = v;
+    } else v = t[8];
+    let y;
+    t[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = (0, import_jsx_runtime.jsx)(PopoverTrigger, {}), t[9] = y) : y = t[9];
+    let S;
+    t[10] !== s.x || t[11] !== s.y ? (S = {
+      position: "fixed",
+      left: s.x,
+      top: s.y
+    }, t[10] = s.x, t[11] = s.y, t[12] = S) : S = t[12];
+    let w = `flex items-center justify-center absolute top-0 left-1/2 -translate-x-1/2 ${h ? "cursor-grabbing" : "cursor-grab"}`, E;
+    t[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = (0, import_jsx_runtime.jsx)(GripHorizontal, {
+      className: "h-5 w-5 mt-1 text-muted-foreground/40"
+    }), t[13] = E) : E = t[13];
+    let O;
+    t[14] !== v || t[15] !== w ? (O = (0, import_jsx_runtime.jsx)("div", {
+      onMouseDown: v,
+      className: w,
+      children: E
+    }), t[14] = v, t[15] = w, t[16] = O) : O = t[16];
+    let A;
+    t[17] !== n || t[18] !== i || t[19] !== S || t[20] !== O ? (A = (0, import_jsx_runtime.jsxs)(PopoverContent, {
+      className: i,
+      style: S,
+      children: [
+        O,
+        n
+      ]
+    }), t[17] = n, t[18] = i, t[19] = S, t[20] = O, t[21] = A) : A = t[21];
+    let M;
+    return t[22] !== a || t[23] !== A ? (M = (0, import_jsx_runtime.jsxs)(Popover, {
+      ...a,
+      children: [
+        y,
+        A
+      ]
+    }), t[22] = a, t[23] = A, t[24] = M) : M = t[24], M;
+  }, Sets = {
+    merge(...e) {
+      let t = /* @__PURE__ */ new Set();
+      for (let n of e) for (let e2 of n) t.add(e2);
+      return t;
+    },
+    equals(e, t) {
+      if (e.size !== t.size) return false;
+      for (let n of e) if (!t.has(n)) return false;
+      return true;
+    },
+    toggle(e, t) {
+      let n = new Set(e);
+      return n.has(t) ? n.delete(t) : n.add(t), n;
+    }
+  };
+  function words(e) {
+    return e.toLowerCase().match(/[\da-z]+/g) || [];
+  }
+  function smartMatch(e, t) {
+    let n = words(e);
+    if (n.length === 0) return true;
+    let i = Array.isArray(t) ? t : [
+      t
+    ], a = [];
+    for (let e2 of i) e2 && a.push(...words(e2));
+    return n.every((e2) => a.some((t2) => t2.startsWith(e2)));
+  }
+  function smartMatchFilter(e, t, n) {
+    return smartMatch(t, e) ? 1 : n && smartMatch(t, n) ? 0.8 : 0;
+  }
   var U$1 = 1, Y$1 = 0.9, H = 0.8, J$1 = 0.17, p = 0.1, u = 0.999, $$1 = 0.9999, k$1 = 0.99, m = /[\\\/_+.#"@\[\(\{&]/, B$1 = /[\\\/_+.#"@\[\(\{&]/g, K$2 = /[\s-]/, X$1 = /[\s-]/g;
   function G(e, t, n, i, a, o, s) {
     if (o === t.length) return a === e.length ? U$1 : k$1;
@@ -12655,7 +12753,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }, [
       h
     ]), k(() => {
-      U(6, VM);
+      U(6, HM);
     }, []);
     let K = import_react.useMemo(() => ({
       subscribe: (e2) => (s.current.add(e2), () => s.current.delete(e2)),
@@ -12664,7 +12762,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, BM);
+          if (n.current[e2] = t2, e2 === "search") $(), Q(), U(1, VM);
           else if (e2 === "value") {
             if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
               let e3 = document.getElementById(I);
@@ -12672,8 +12770,8 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             }
             if (U(7, () => {
               var _a3;
-              n.current.selectedItemId = (_a3 = HM()) == null ? void 0 : _a3.id, K.emit();
-            }), i2 || U(5, VM), ((_a2 = c.current) == null ? void 0 : _a2.value) !== void 0) {
+              n.current.selectedItemId = (_a3 = UM()) == null ? void 0 : _a3.id, K.emit();
+            }), i2 || U(5, HM), ((_a2 = c.current) == null ? void 0 : _a2.value) !== void 0) {
               let e3 = t2 ?? "";
               (s2 = (o2 = c.current).onValueChange) == null || s2.call(o2, e3);
               return;
@@ -12698,12 +12796,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 || BM(), K.emit();
+        $(), Q(), n.current.value || VM(), K.emit();
       }), () => {
         o.current.delete(e2), i.current.delete(e2), n.current.filtered.items.delete(e2);
-        let t3 = HM();
+        let t3 = UM();
         U(4, () => {
-          $(), (t3 == null ? void 0 : t3.getAttribute("id")) === e2 && BM(), K.emit();
+          $(), (t3 == null ? void 0 : t3.getAttribute("id")) === e2 && VM(), K.emit();
         });
       }),
       group: (e2) => (a.current.has(e2) || a.current.set(e2, /* @__PURE__ */ new Set()), () => {
@@ -12736,7 +12834,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         ]);
       });
       let i2 = z.current;
-      UM().sort((t3, n2) => {
+      WM().sort((t3, n2) => {
         let i3 = t3.getAttribute("id"), a2 = n2.getAttribute("id");
         return (e2.get(a2) ?? 0) - (e2.get(i3) ?? 0);
       }).forEach((e3) => {
@@ -12748,9 +12846,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         t3 == null ? void 0 : t3.parentElement.appendChild(t3);
       });
     }
-    function BM() {
+    function VM() {
       var _a2;
-      let e2 = (_a2 = UM().find((e3) => e3.getAttribute("aria-disabled") !== "true")) == null ? void 0 : _a2.getAttribute(T);
+      let e2 = (_a2 = WM().find((e3) => e3.getAttribute("aria-disabled") !== "true")) == null ? void 0 : _a2.getAttribute(T);
       K.setState("value", e2 || void 0);
     }
     function $() {
@@ -12771,43 +12869,43 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       }
       n.current.filtered.count = e2;
     }
-    function VM() {
+    function HM() {
       var _a2, _b;
       var e2;
-      let t2 = HM();
+      let t2 = UM();
       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 HM() {
+    function UM() {
       var _a2;
       return (_a2 = z.current) == null ? void 0 : _a2.querySelector(`${le}[aria-selected="true"]`);
     }
-    function UM() {
+    function WM() {
       var _a2;
       return Array.from(((_a2 = z.current) == null ? void 0 : _a2.querySelectorAll(ce$1)) || []);
     }
-    function WM(e2) {
-      let t2 = UM()[e2];
+    function GM(e2) {
+      let t2 = WM()[e2];
       t2 && K.setState("value", t2.getAttribute(T));
     }
-    function GM(e2) {
+    function KM(e2) {
       var t2;
-      let n2 = HM(), i2 = UM(), a2 = i2.findIndex((e3) => e3 === n2), o2 = i2[a2 + e2];
+      let n2 = UM(), i2 = WM(), 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 KM(e2) {
+    function qM(e2) {
       var _a2;
-      let t2 = (_a2 = HM()) == null ? void 0 : _a2.closest(N$1), n2;
+      let t2 = (_a2 = UM()) == 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)) : GM(e2);
+      n2 ? K.setState("value", n2.getAttribute(T)) : KM(e2);
     }
-    let qM = () => WM(UM().length - 1), JM = (e2) => {
-      e2.preventDefault(), e2.metaKey ? qM() : e2.altKey ? KM(1) : GM(1);
-    }, YM = (e2) => {
-      e2.preventDefault(), e2.metaKey ? WM(0) : e2.altKey ? KM(-1) : GM(-1);
+    let JM = () => GM(WM().length - 1), YM = (e2) => {
+      e2.preventDefault(), e2.metaKey ? JM() : e2.altKey ? qM(1) : KM(1);
+    }, XM = (e2) => {
+      e2.preventDefault(), e2.metaKey ? GM(0) : e2.altKey ? qM(-1) : KM(-1);
     };
     return import_react.createElement(Primitive.div, {
       ref: t,
@@ -12821,27 +12919,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 && JM(e2);
+            E && e2.ctrlKey && YM(e2);
             break;
           case "ArrowDown":
-            JM(e2);
+            YM(e2);
             break;
           case "p":
           case "k":
-            E && e2.ctrlKey && YM(e2);
+            E && e2.ctrlKey && XM(e2);
             break;
           case "ArrowUp":
-            YM(e2);
+            XM(e2);
             break;
           case "Home":
-            e2.preventDefault(), WM(0);
+            e2.preventDefault(), GM(0);
             break;
           case "End":
-            e2.preventDefault(), qM();
+            e2.preventDefault(), JM();
             break;
           case "Enter": {
             e2.preventDefault();
-            let t3 = HM();
+            let t3 = UM();
             if (t3) {
               let e3 = new Event(Z);
               t3.dispatchEvent(e3);
@@ -13103,7 +13201,8 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ref: t.ref
     }, n(t.props.children)) : n(t);
   }
-  var Te = {
+  let Te, import_compiler_runtime$30;
+  Te = {
     position: "absolute",
     width: "1px",
     height: "1px",
@@ -13114,25 +13213,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     whiteSpace: "nowrap",
     borderWidth: "0"
   };
-  function words(e) {
-    return e.toLowerCase().match(/[\da-z]+/g) || [];
-  }
-  function smartMatch(e, t) {
-    let n = words(e);
-    if (n.length === 0) return true;
-    let i = Array.isArray(t) ? t : [
-      t
-    ], a = [];
-    for (let e2 of i) e2 && a.push(...words(e2));
-    return n.every((e2) => a.some((t2) => t2.startsWith(e2)));
-  }
-  function smartMatchFilter(e, t, n) {
-    return smartMatch(t, e) ? 1 : n && smartMatch(t, n) ? 0.8 : 0;
-  }
-  let import_compiler_runtime$31;
-  import_compiler_runtime$31 = require_compiler_runtime();
+  import_compiler_runtime$30 = require_compiler_runtime();
   Command = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$31.c)(9), i, o;
+    let n = (0, import_compiler_runtime$30.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", i), n[3] = i, n[4] = s);
@@ -13146,7 +13229,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   Command.displayName = _e.displayName;
   CommandInput = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$31.c)(19), i, o, s, c;
+    let n = (0, import_compiler_runtime$30.c)(19), i, o, s, c;
     n[0] === e ? (i = n[1], o = n[2], s = n[3], c = n[4]) : ({ className: i, icon: o, rootClassName: c, ...s } = e, n[0] = e, n[1] = i, n[2] = o, n[3] = s, n[4] = c);
     let d;
     n[5] === c ? d = n[6] : (d = cn("flex items-center border-b px-3", c), n[5] = c, n[6] = d);
@@ -13174,7 +13257,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   CommandInput.displayName = _e.Input.displayName;
   CommandList = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$31.c)(9), i, o;
+    let n = (0, import_compiler_runtime$30.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn("max-h-[300px] overflow-y-auto overflow-x-hidden", i), n[3] = i, n[4] = s);
@@ -13187,7 +13270,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   CommandList.displayName = _e.List.displayName;
   CommandEmpty = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$31.c)(3), i;
+    let n = (0, import_compiler_runtime$30.c)(3), i;
     return n[0] !== e || n[1] !== t ? (i = (0, import_jsx_runtime.jsx)(_e.Empty, {
       ref: t,
       className: "py-6 text-center text-sm",
@@ -13196,7 +13279,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   CommandEmpty.displayName = _e.Empty.displayName;
   var CommandGroup = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$31.c)(9), i, o;
+    let n = (0, import_compiler_runtime$30.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", i), n[3] = i, n[4] = s);
@@ -13209,7 +13292,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   CommandGroup.displayName = _e.Group.displayName;
   CommandSeparator = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$31.c)(9), i, a;
+    let n = (0, import_compiler_runtime$30.c)(9), i, a;
     n[0] === e ? (i = n[1], a = n[2]) : ({ className: i, ...a } = e, n[0] = e, n[1] = i, n[2] = a);
     let o;
     n[3] === i ? o = n[4] : (o = menuSeparatorVariants({
@@ -13224,7 +13307,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   CommandSeparator.displayName = _e.Separator.displayName;
   CommandItem = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$31.c)(17), i, o, s, c, d;
+    let n = (0, import_compiler_runtime$30.c)(17), i, o, s, c, d;
     if (n[0] !== t || n[1] !== e) {
       let { className: f2, variant: h, inset: _, ...v } = e;
       i = _e.Item, o = t, n[7] !== f2 || n[8] !== _ || n[9] !== h ? (s = cn(menuItemVariants({
@@ -13241,84 +13324,459 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), n[11] = i, n[12] = o, n[13] = s, n[14] = c, n[15] = d, n[16] = f) : f = n[16], f;
   });
   CommandItem.displayName = _e.Item.displayName;
-  var import_compiler_runtime$30 = require_compiler_runtime();
-  const DraggablePopover = (e) => {
-    let t = (0, import_compiler_runtime$30.c)(25), n, i, a;
-    t[0] === e ? (n = t[1], i = t[2], a = t[3]) : ({ children: n, className: i, ...a } = e, t[0] = e, t[1] = n, t[2] = i, t[3] = a);
-    let o;
-    t[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = {
-      x: 0,
-      y: 0
-    }, t[4] = o) : o = t[4];
-    let [s, c] = (0, import_react.useState)(o), d;
-    t[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = {
-      x: 0,
-      y: 0
-    }, t[5] = d) : d = t[5];
-    let f = (0, import_react.useRef)(d), [h, _] = (0, import_react.useState)(false), v;
-    if (t[6] !== s.x || t[7] !== s.y) {
-      v = (t2) => {
-        f.current = {
-          x: t2.clientX - s.x,
-          y: t2.clientY - s.y
-        }, _(true), document.addEventListener("mousemove", e2), document.addEventListener("mouseup", n2);
-      };
-      let e2 = (e3) => {
-        c({
-          x: e3.clientX - f.current.x,
-          y: e3.clientY - f.current.y
-        });
-      }, n2 = () => {
-        _(false), document.removeEventListener("mousemove", e2), document.removeEventListener("mouseup", n2);
-      };
-      t[6] = s.x, t[7] = s.y, t[8] = v;
-    } else v = t[8];
-    let y;
-    t[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = (0, import_jsx_runtime.jsx)(PopoverTrigger, {}), t[9] = y) : y = t[9];
-    let S;
-    t[10] !== s.x || t[11] !== s.y ? (S = {
-      position: "fixed",
-      left: s.x,
-      top: s.y
-    }, t[10] = s.x, t[11] = s.y, t[12] = S) : S = t[12];
-    let w = `flex items-center justify-center absolute top-0 left-1/2 -translate-x-1/2 ${h ? "cursor-grabbing" : "cursor-grab"}`, E;
-    t[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = (0, import_jsx_runtime.jsx)(GripHorizontal, {
-      className: "h-5 w-5 mt-1 text-muted-foreground/40"
-    }), t[13] = E) : E = t[13];
-    let O;
-    t[14] !== v || t[15] !== w ? (O = (0, import_jsx_runtime.jsx)("div", {
-      onMouseDown: v,
-      className: w,
-      children: E
-    }), t[14] = v, t[15] = w, t[16] = O) : O = t[16];
-    let A;
-    t[17] !== n || t[18] !== i || t[19] !== S || t[20] !== O ? (A = (0, import_jsx_runtime.jsxs)(PopoverContent, {
-      className: i,
-      style: S,
-      children: [
-        O,
-        n
-      ]
-    }), t[17] = n, t[18] = i, t[19] = S, t[20] = O, t[21] = A) : A = t[21];
-    let M;
-    return t[22] !== a || t[23] !== A ? (M = (0, import_jsx_runtime.jsxs)(Popover, {
-      ...a,
-      children: [
-        y,
-        A
-      ]
-    }), t[22] = a, t[23] = A, t[24] = M) : M = t[24], M;
-  }, Filter = {
-    number(e) {
-      return {
-        type: "number",
-        ...e
-      };
+  var import_compiler_runtime$29 = require_compiler_runtime(), WHITESPACE_CHARS = {
+    " ": {
+      marker: "\u2423",
+      name: "space"
     },
-    text(e) {
-      return {
-        type: "text",
-        ...e
+    "	": {
+      marker: "\\t",
+      name: "tab"
+    },
+    "\n": {
+      marker: "\\n",
+      name: "newline"
+    },
+    "\r": {
+      marker: "\\r",
+      name: "carriage return"
+    }
+  };
+  function renderWhitespaceMarkers(e) {
+    return [
+      ...e
+    ].map((e2, t) => {
+      let n = WHITESPACE_CHARS[e2];
+      return (0, import_jsx_runtime.jsx)("span", {
+        className: "mr-0.5 last:mr-0",
+        children: n ? n.marker : `\\u${(e2.codePointAt(0) ?? 0).toString(16).padStart(4, "0")}`
+      }, t);
+    });
+  }
+  function describeWhitespace(e) {
+    var _a2;
+    let t = {};
+    for (let n of e) {
+      let e2 = ((_a2 = WHITESPACE_CHARS[n]) == null ? void 0 : _a2.name) ?? "unicode whitespace";
+      t[e2] = (t[e2] ?? 0) + 1;
+    }
+    return Object.entries(t).map(([e2, t2]) => `${t2} ${e2}${t2 > 1 ? "s" : ""}`).join(", ");
+  }
+  var SENTINEL_CONFIG = {
+    null: {
+      label: () => "None",
+      tooltip: () => "None",
+      ariaLabel: () => "None"
+    },
+    "empty-string": {
+      label: () => "<empty>",
+      tooltip: () => "<empty>",
+      ariaLabel: () => "empty string"
+    },
+    whitespace: {
+      label: (e) => renderWhitespaceMarkers(String(e)),
+      tooltip: (e) => describeWhitespace(String(e)),
+      ariaLabel: (e) => describeWhitespace(String(e))
+    },
+    nan: {
+      label: () => "NaN",
+      tooltip: () => "NaN",
+      ariaLabel: () => "NaN"
+    },
+    "positive-infinity": {
+      label: () => "inf",
+      tooltip: () => "Infinity",
+      ariaLabel: () => "infinity"
+    },
+    "negative-infinity": {
+      label: () => "-inf",
+      tooltip: () => "-Infinity",
+      ariaLabel: () => "negative infinity"
+    },
+    nat: {
+      label: () => "NaT",
+      tooltip: () => "NaT (Not a Time)",
+      ariaLabel: () => "Not a Time"
+    }
+  };
+  function WhitespaceMarkers(e) {
+    let t = (0, import_compiler_runtime$29.c)(7), { value: n } = e;
+    if (!n) return null;
+    let i;
+    t[0] === n ? i = t[1] : (i = describeWhitespace(n), t[0] = n, t[1] = i);
+    let a = i, o;
+    t[2] === n ? o = t[3] : (o = renderWhitespaceMarkers(n), t[2] = n, t[3] = o);
+    let s;
+    return t[4] !== a || t[5] !== o ? (s = (0, import_jsx_runtime.jsx)("span", {
+      className: "text-muted-foreground opacity-60",
+      "aria-label": a,
+      title: a,
+      children: o
+    }), t[4] = a, t[5] = o, t[6] = s) : s = t[6], s;
+  }
+  function SentinelCell(e) {
+    let t = (0, import_compiler_runtime$29.c)(15), { sentinel: n } = e, i = SENTINEL_CONFIG[n.type], a;
+    t[0] !== i || t[1] !== n.value ? (a = i.label(n.value), t[0] = i, t[1] = n.value, t[2] = a) : a = t[2];
+    let o = a, s;
+    t[3] !== i || t[4] !== n.value ? (s = i.tooltip(n.value), t[3] = i, t[4] = n.value, t[5] = s) : s = t[5];
+    let c = s, d;
+    t[6] !== i || t[7] !== n.value ? (d = i.ariaLabel(n.value), t[6] = i, t[7] = n.value, t[8] = d) : d = t[8];
+    let f = d, h;
+    t[9] === o ? h = t[10] : (h = (0, import_jsx_runtime.jsx)("span", {
+      className: "opacity-70",
+      children: o
+    }), t[9] = o, t[10] = h);
+    let _;
+    return t[11] !== f || t[12] !== h || t[13] !== c ? (_ = (0, import_jsx_runtime.jsx)("span", {
+      className: "italic text-muted-foreground bg-muted rounded px-1",
+      "aria-label": f,
+      title: c,
+      children: h
+    }), t[11] = f, t[12] = h, t[13] = c, t[14] = _) : _ = t[14], _;
+  }
+  var import_compiler_runtime$28 = require_compiler_runtime();
+  const MimeCell = (e) => {
+    let t = (0, import_compiler_runtime$28.c)(6), { value: n } = e, i;
+    t[0] !== n.data || t[1] !== n.mimetype ? (i = {
+      channel: "output",
+      data: n.data,
+      mimetype: n.mimetype,
+      timestamp: 0
+    }, t[0] = n.data, t[1] = n.mimetype, t[2] = i) : i = t[2];
+    let o = i, s;
+    t[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = cn("flex items-center space-x-2"), t[3] = s) : s = t[3];
+    let c;
+    return t[4] === o ? c = t[5] : (c = (0, import_jsx_runtime.jsx)("div", {
+      className: s,
+      children: (0, import_jsx_runtime.jsx)(OutputRenderer, {
+        message: o
+      })
+    }), t[4] = o, t[5] = c), c;
+  };
+  function isMimeValue(e) {
+    return typeof e == "object" && !!e && "mimetype" in e && "data" in e;
+  }
+  getMimeValues = function(e) {
+    if (isMimeValue(e)) return [
+      e
+    ];
+    if (typeof e == "object" && e && ("_serialized_mime_bundle" in e || "serialized_mime_bundle" in e)) {
+      let t = e, n = t._serialized_mime_bundle || t.serialized_mime_bundle;
+      if (isMimeValue(n)) return [
+        n
+      ];
+    }
+    if (Array.isArray(e) && e.every(isMimeValue)) return e.map((e2) => e2);
+  };
+  toFieldTypes = function(e) {
+    return new Map(e.map(([e2, [t]]) => [
+      e2,
+      t
+    ]));
+  };
+  SELECT_COLUMN_ID = "__select__";
+  INDEX_COLUMN_NAME = "_marimo_row_id";
+  TOO_MANY_ROWS = "too_many";
+  function isNumericType(e) {
+    return e === "number" || e === "integer";
+  }
+  function isTemporalType(e) {
+    return e === "date" || e === "datetime" || e === "time";
+  }
+  function extractTimezone(e) {
+    var _a2, _b;
+    if (e) return (_b = (_a2 = /^datetime(?:64)?\[[^,]+,([^,]+)]$/.exec(e)) == null ? void 0 : _a2[1]) == null ? void 0 : _b.trim();
+  }
+  var WHITESPACE_ONLY_RE = /^[\s]+$/, WHITESPACE_CHAR_RE = /\s/, EDGE_WHITESPACE_RE = /^(\s*)([\s\S]*?)(\s*)$/;
+  function splitLeadingTrailingWhitespace(e) {
+    let t = {
+      leading: "",
+      middle: "",
+      trailing: ""
+    };
+    if (e.length === 0) return t;
+    let n = WHITESPACE_CHAR_RE.test(e[0]), i = WHITESPACE_CHAR_RE.test(e[e.length - 1]);
+    if (!n && !i) return t.middle = e, t;
+    let a = EDGE_WHITESPACE_RE.exec(e);
+    return a ? (t.leading = a[1] ?? "", t.middle = a[2] ?? "", t.trailing = a[3] ?? "", t) : (t.middle = e, t);
+  }
+  loadTableData = async function(e) {
+    return Array.isArray(e) ? e : e.startsWith("{") || e.startsWith("[") ? jsonParseWithSpecialChar(e) : (e = await vegaLoadData(e, {
+      type: "json"
+    }, {
+      handleBigIntAndNumberLike: true
+    }), e);
+  };
+  loadTableAndRawData = async function(e, t) {
+    return t ? Promise.all([
+      loadTableData(e),
+      loadTableData(t)
+    ]) : [
+      await loadTableData(e),
+      void 0
+    ];
+  };
+  function getStableRowId(e) {
+    if (e && typeof e == "object" && "_marimo_row_id" in e) return String(e[INDEX_COLUMN_NAME]);
+  }
+  getPageIndexForRow = function(e, t, n) {
+    let i = t * n, a = i + n - 1;
+    return e < i || e > a ? Math.floor(e / n) : null;
+  };
+  var NUMERIC_STRING_SPECIALS = {
+    NaN: "nan",
+    Infinity: "positive-infinity",
+    "-Infinity": "negative-infinity",
+    inf: "positive-infinity",
+    "-inf": "negative-infinity"
+  };
+  function detectSentinel(e, t) {
+    if (e == null) return {
+      type: "null",
+      value: e
+    };
+    if (typeof e == "string") {
+      if (e === "") return {
+        type: "empty-string",
+        value: e
+      };
+      if (WHITESPACE_ONLY_RE.test(e)) return {
+        type: "whitespace",
+        value: e
+      };
+      if (isNumericType(t)) {
+        let t2 = NUMERIC_STRING_SPECIALS[e];
+        if (t2) return {
+          type: t2,
+          value: e
+        };
+      }
+      return isTemporalType(t) && e === "NaT" ? {
+        type: "nat",
+        value: e
+      } : null;
+    }
+    return typeof e == "number" ? Number.isNaN(e) ? {
+      type: "nan",
+      value: e
+    } : e === Infinity ? {
+      type: "positive-infinity",
+      value: e
+    } : e === -Infinity ? {
+      type: "negative-infinity",
+      value: e
+    } : null : null;
+  }
+  function stringifyUnknownValue(e) {
+    let { value: t, nullAsEmptyString: n = false } = e;
+    return typeof t == "object" && t ? JSON.stringify(t) : t === null && n ? "" : String(t);
+  }
+  function stripHtml(e) {
+    let t = document.createElement("div");
+    return t.innerHTML = e, (t.textContent || t.innerText || "").trim() || e;
+  }
+  var HTML_MIMETYPES = /* @__PURE__ */ new Set([
+    "text/html",
+    "text/markdown"
+  ]);
+  function isRecord(e) {
+    return typeof e == "object" && !!e && !Array.isArray(e);
+  }
+  function getClipboardContent(e, t) {
+    let n = typeof t == "object" && t ? getMimeValues(t) : void 0, i;
+    if (n) {
+      let e2 = n.filter((e3) => HTML_MIMETYPES.has(e3.mimetype)).map((e3) => e3.data);
+      i = e2.length > 0 ? e2.join("") : void 0;
+    }
+    let a;
+    return a = e !== void 0 && e !== t ? stringifyUnknownValue({
+      value: e
+    }) : n ? n.map((e2) => HTML_MIMETYPES.has(e2.mimetype) ? stripHtml(e2.data) : e2.data).join(", ") : stringifyUnknownValue({
+      value: t
+    }), {
+      text: a,
+      html: i
+    };
+  }
+  function getRawValue(e, t, n) {
+    var _a2;
+    let i = (_a2 = e.options.meta) == null ? void 0 : _a2.rawData;
+    if (i) {
+      let e2 = i[t];
+      if (isRecord(e2)) return e2[n];
+    }
+  }
+  var TOP_K_ROWS = 30;
+  const FilterByValuesPicker = ({ column: e, calculateTopKRows: t, chosenValues: n, onChange: i }) => {
+    let [o, s] = (0, import_react.useState)(false), c = (0, import_react.useMemo)(() => new Set(n), [
+      n
+    ]), d = (0, import_react.useMemo)(() => c.size === 0 ? "Select values\u2026" : `[${[
+      ...c
+    ].map((e2) => stringifyUnknownValue({
+      value: e2
+    })).join(", ")}]`, [
+      c
+    ]);
+    return (0, import_jsx_runtime.jsxs)(Popover, {
+      open: o,
+      onOpenChange: s,
+      children: [
+        (0, import_jsx_runtime.jsx)(PopoverTrigger, {
+          asChild: true,
+          children: (0, import_jsx_runtime.jsxs)(Button, {
+            variant: "outline",
+            size: "xs",
+            className: "h-6 mb-1 w-full justify-between font-normal",
+            children: [
+              (0, import_jsx_runtime.jsx)("span", {
+                className: cn("truncate", c.size === 0 && "text-muted-foreground"),
+                children: d
+              }),
+              (0, import_jsx_runtime.jsx)(ChevronDown, {
+                className: "h-4 w-4 opacity-50 shrink-0"
+              })
+            ]
+          })
+        }),
+        (0, import_jsx_runtime.jsx)(PopoverContent, {
+          className: "w-80 p-0",
+          children: (0, import_jsx_runtime.jsx)(FilterByValuesList, {
+            column: e,
+            calculateTopKRows: t,
+            chosenValues: c,
+            onChange: i
+          })
+        })
+      ]
+    });
+  }, FilterByValuesList = ({ column: e, calculateTopKRows: t, chosenValues: i, onChange: a }) => {
+    let [o, s] = (0, import_react.useState)(""), { data: c, isPending: d, error: f } = useAsyncData(async () => t ? (await t({
+      column: e.id,
+      k: TOP_K_ROWS
+    })).data : null, [
+      t,
+      e.id
+    ]), h = (0, import_react.useMemo)(() => {
+      if (!c) return [];
+      try {
+        return c.filter(([e2, t2]) => {
+          if (e2 === void 0) return false;
+          let n = String(e2);
+          return smartMatch(o, n) || n.toLowerCase().includes(o.toLowerCase());
+        });
+      } catch (e2) {
+        return Logger.error("Error filtering data", e2), [];
+      }
+    }, [
+      c,
+      o
+    ]), _ = (e2) => {
+      a([
+        ...Sets.toggle(i, e2)
+      ]);
+    }, v = h.length > 0 && h.every(([e2]) => i.has(e2)), y = v ? true : i.size > 0 ? "indeterminate" : false;
+    return d ? (0, import_jsx_runtime.jsx)(Spinner, {
+      size: "medium",
+      className: "mx-auto mt-12 mb-10"
+    }) : f ? (0, import_jsx_runtime.jsx)(ErrorBanner, {
+      error: f,
+      className: "my-10 mx-4"
+    }) : c ? (0, import_jsx_runtime.jsxs)(Command, {
+      className: "text-sm outline-hidden",
+      shouldFilter: false,
+      children: [
+        (0, import_jsx_runtime.jsx)(CommandInput, {
+          placeholder: `Search among the top ${c.length} values`,
+          autoFocus: true,
+          onValueChange: (e2) => s(e2.trim())
+        }),
+        (0, import_jsx_runtime.jsx)(CommandEmpty, {
+          children: "No results found."
+        }),
+        (0, import_jsx_runtime.jsxs)(CommandList, {
+          children: [
+            h.length > 0 && (0, import_jsx_runtime.jsxs)(CommandItem, {
+              value: "__select-all__",
+              className: "border-b rounded-none px-3",
+              onSelect: () => {
+                if (!c) return;
+                let e2 = new Set(i);
+                if (v) for (let [t2] of h) e2.delete(t2);
+                else for (let [t2] of h) e2.add(t2);
+                a([
+                  ...e2
+                ]);
+              },
+              children: [
+                (0, import_jsx_runtime.jsx)(Checkbox, {
+                  checked: y,
+                  "aria-label": "Select all",
+                  className: "mr-3 h-3.5 w-3.5"
+                }),
+                (0, import_jsx_runtime.jsx)("span", {
+                  className: "font-bold flex-1",
+                  children: e.id
+                }),
+                (0, import_jsx_runtime.jsx)("span", {
+                  className: "font-bold",
+                  children: "Count"
+                })
+              ]
+            }),
+            h.map(([t2, n]) => {
+              var _a2;
+              let a2 = i.has(t2), o2 = stringifyUnknownValue({
+                value: t2
+              }), s2 = detectSentinel(t2, (_a2 = e.columnDef.meta) == null ? void 0 : _a2.dataType);
+              return (0, import_jsx_runtime.jsxs)(CommandItem, {
+                value: o2,
+                className: "not-last:border-b rounded-none px-3",
+                onSelect: () => _(t2),
+                children: [
+                  (0, import_jsx_runtime.jsx)(Checkbox, {
+                    checked: a2,
+                    "aria-label": "Select row",
+                    className: "mr-3 h-3.5 w-3.5"
+                  }),
+                  (0, import_jsx_runtime.jsx)("span", {
+                    className: "flex-1 overflow-hidden max-h-20 line-clamp-3",
+                    children: s2 ? (0, import_jsx_runtime.jsx)(SentinelCell, {
+                      sentinel: s2
+                    }) : o2
+                  }),
+                  (0, import_jsx_runtime.jsx)("span", {
+                    className: "ml-3",
+                    children: n
+                  })
+                ]
+              }, o2);
+            })
+          ]
+        }),
+        c.length === TOP_K_ROWS && (0, import_jsx_runtime.jsxs)("span", {
+          className: "text-xs text-muted-foreground py-1.5 text-center",
+          children: [
+            "Only showing the top ",
+            TOP_K_ROWS,
+            " values"
+          ]
+        })
+      ]
+    }) : (0, import_jsx_runtime.jsx)("div", {
+      className: "py-6 px-4 text-sm text-muted-foreground text-center",
+      children: "No values available"
+    });
+  }, Filter = {
+    number(e) {
+      return {
+        type: "number",
+        ...e
+      };
+    },
+    text(e) {
+      return {
+        type: "text",
+        ...e
       };
     },
     date(e) {
@@ -13479,120 +13937,10 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     return {
       type: "group",
       operator: "and",
-      children: e.flatMap((e2) => filterToFilterCondition(e2.id, e2.value)),
-      negate: false
-    };
-  };
-  var import_compiler_runtime$29 = require_compiler_runtime(), WHITESPACE_CHARS = {
-    " ": {
-      marker: "\u2423",
-      name: "space"
-    },
-    "	": {
-      marker: "\\t",
-      name: "tab"
-    },
-    "\n": {
-      marker: "\\n",
-      name: "newline"
-    },
-    "\r": {
-      marker: "\\r",
-      name: "carriage return"
-    }
-  };
-  function renderWhitespaceMarkers(e) {
-    return [
-      ...e
-    ].map((e2, t) => {
-      let n = WHITESPACE_CHARS[e2];
-      return (0, import_jsx_runtime.jsx)("span", {
-        className: "mr-0.5 last:mr-0",
-        children: n ? n.marker : `\\u${(e2.codePointAt(0) ?? 0).toString(16).padStart(4, "0")}`
-      }, t);
-    });
-  }
-  function describeWhitespace(e) {
-    var _a2;
-    let t = {};
-    for (let n of e) {
-      let e2 = ((_a2 = WHITESPACE_CHARS[n]) == null ? void 0 : _a2.name) ?? "unicode whitespace";
-      t[e2] = (t[e2] ?? 0) + 1;
-    }
-    return Object.entries(t).map(([e2, t2]) => `${t2} ${e2}${t2 > 1 ? "s" : ""}`).join(", ");
-  }
-  var SENTINEL_CONFIG = {
-    null: {
-      label: () => "None",
-      tooltip: () => "None",
-      ariaLabel: () => "None"
-    },
-    "empty-string": {
-      label: () => "<empty>",
-      tooltip: () => "<empty>",
-      ariaLabel: () => "empty string"
-    },
-    whitespace: {
-      label: (e) => renderWhitespaceMarkers(String(e)),
-      tooltip: (e) => describeWhitespace(String(e)),
-      ariaLabel: (e) => describeWhitespace(String(e))
-    },
-    nan: {
-      label: () => "NaN",
-      tooltip: () => "NaN",
-      ariaLabel: () => "NaN"
-    },
-    "positive-infinity": {
-      label: () => "inf",
-      tooltip: () => "Infinity",
-      ariaLabel: () => "infinity"
-    },
-    "negative-infinity": {
-      label: () => "-inf",
-      tooltip: () => "-Infinity",
-      ariaLabel: () => "negative infinity"
-    },
-    nat: {
-      label: () => "NaT",
-      tooltip: () => "NaT (Not a Time)",
-      ariaLabel: () => "Not a Time"
-    }
-  };
-  function WhitespaceMarkers(e) {
-    let t = (0, import_compiler_runtime$29.c)(7), { value: n } = e;
-    if (!n) return null;
-    let i;
-    t[0] === n ? i = t[1] : (i = describeWhitespace(n), t[0] = n, t[1] = i);
-    let a = i, o;
-    t[2] === n ? o = t[3] : (o = renderWhitespaceMarkers(n), t[2] = n, t[3] = o);
-    let s;
-    return t[4] !== a || t[5] !== o ? (s = (0, import_jsx_runtime.jsx)("span", {
-      className: "text-muted-foreground opacity-60",
-      "aria-label": a,
-      title: a,
-      children: o
-    }), t[4] = a, t[5] = o, t[6] = s) : s = t[6], s;
-  }
-  function SentinelCell(e) {
-    let t = (0, import_compiler_runtime$29.c)(15), { sentinel: n } = e, i = SENTINEL_CONFIG[n.type], a;
-    t[0] !== i || t[1] !== n.value ? (a = i.label(n.value), t[0] = i, t[1] = n.value, t[2] = a) : a = t[2];
-    let o = a, s;
-    t[3] !== i || t[4] !== n.value ? (s = i.tooltip(n.value), t[3] = i, t[4] = n.value, t[5] = s) : s = t[5];
-    let c = s, d;
-    t[6] !== i || t[7] !== n.value ? (d = i.ariaLabel(n.value), t[6] = i, t[7] = n.value, t[8] = d) : d = t[8];
-    let f = d, h;
-    t[9] === o ? h = t[10] : (h = (0, import_jsx_runtime.jsx)("span", {
-      className: "opacity-70",
-      children: o
-    }), t[9] = o, t[10] = h);
-    let _;
-    return t[11] !== f || t[12] !== h || t[13] !== c ? (_ = (0, import_jsx_runtime.jsx)("span", {
-      className: "italic text-muted-foreground bg-muted rounded px-1",
-      "aria-label": f,
-      title: c,
-      children: h
-    }), t[11] = f, t[12] = h, t[13] = c, t[14] = _) : _ = t[14], _;
-  }
+      children: e.flatMap((e2) => filterToFilterCondition(e2.id, e2.value)),
+      negate: false
+    };
+  };
   function functionalUpdate(e, t) {
     return typeof e == "function" ? e(t) : e;
   }
@@ -15638,7 +15986,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     ],
     unknown: []
   };
-  var import_compiler_runtime$28 = require_compiler_runtime();
+  var import_compiler_runtime$27 = require_compiler_runtime();
   function renderFormatOptions(e, t) {
     var _a2, _b, _c;
     let n = (_a2 = e.columnDef.meta) == null ? void 0 : _a2.dataType, i = n ? formatOptions[n] : [];
@@ -15837,7 +16185,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }) : null;
   }
   const ClearFilterMenuItem = (e) => {
-    let t = (0, import_compiler_runtime$28.c)(5), { column: n } = e, i;
+    let t = (0, import_compiler_runtime$27.c)(5), { column: n } = e, i;
     t[0] === n ? i = t[1] : (i = () => n.setFilterValue(void 0), t[0] = n, t[1] = i);
     let a;
     t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = (0, import_jsx_runtime.jsx)(FunnelX, {
@@ -15867,7 +16215,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     });
   }
   const FilterButtons = (e) => {
-    let t = (0, import_compiler_runtime$28.c)(8), { onApply: n, onClear: i, clearButtonDisabled: a } = e, o;
+    let t = (0, import_compiler_runtime$27.c)(8), { onApply: n, onClear: i, clearButtonDisabled: a } = e, o;
     t[0] === n ? o = t[1] : (o = (0, import_jsx_runtime.jsx)(Button, {
       variant: "link",
       size: "sm",
@@ -15891,204 +16239,43 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         s
       ]
     }), t[5] = o, t[6] = s, t[7] = c) : c = t[7], c;
-  };
-  var import_compiler_runtime$27 = require_compiler_runtime();
-  const MimeCell = (e) => {
-    let t = (0, import_compiler_runtime$27.c)(6), { value: n } = e, i;
-    t[0] !== n.data || t[1] !== n.mimetype ? (i = {
-      channel: "output",
-      data: n.data,
-      mimetype: n.mimetype,
-      timestamp: 0
-    }, t[0] = n.data, t[1] = n.mimetype, t[2] = i) : i = t[2];
-    let o = i, s;
-    t[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = cn("flex items-center space-x-2"), t[3] = s) : s = t[3];
-    let c;
-    return t[4] === o ? c = t[5] : (c = (0, import_jsx_runtime.jsx)("div", {
-      className: s,
-      children: (0, import_jsx_runtime.jsx)(OutputRenderer, {
-        message: o
-      })
-    }), t[4] = o, t[5] = c), c;
-  };
-  function isMimeValue(e) {
-    return typeof e == "object" && !!e && "mimetype" in e && "data" in e;
-  }
-  getMimeValues = function(e) {
-    if (isMimeValue(e)) return [
-      e
-    ];
-    if (typeof e == "object" && e && ("_serialized_mime_bundle" in e || "serialized_mime_bundle" in e)) {
-      let t = e, n = t._serialized_mime_bundle || t.serialized_mime_bundle;
-      if (isMimeValue(n)) return [
-        n
-      ];
-    }
-    if (Array.isArray(e) && e.every(isMimeValue)) return e.map((e2) => e2);
-  };
-  toFieldTypes = function(e) {
-    return new Map(e.map(([e2, [t]]) => [
-      e2,
-      t
-    ]));
-  };
-  SELECT_COLUMN_ID = "__select__";
-  INDEX_COLUMN_NAME = "_marimo_row_id";
-  TOO_MANY_ROWS = "too_many";
-  function isNumericType(e) {
-    return e === "number" || e === "integer";
-  }
-  function isTemporalType(e) {
-    return e === "date" || e === "datetime" || e === "time";
-  }
-  function extractTimezone(e) {
-    var _a2, _b;
-    if (e) return (_b = (_a2 = /^datetime(?:64)?\[[^,]+,([^,]+)]$/.exec(e)) == null ? void 0 : _a2[1]) == null ? void 0 : _b.trim();
-  }
-  var WHITESPACE_ONLY_RE = /^[\s]+$/, WHITESPACE_CHAR_RE = /\s/, EDGE_WHITESPACE_RE = /^(\s*)([\s\S]*?)(\s*)$/;
-  function splitLeadingTrailingWhitespace(e) {
-    let t = {
-      leading: "",
-      middle: "",
-      trailing: ""
-    };
-    if (e.length === 0) return t;
-    let n = WHITESPACE_CHAR_RE.test(e[0]), i = WHITESPACE_CHAR_RE.test(e[e.length - 1]);
-    if (!n && !i) return t.middle = e, t;
-    let a = EDGE_WHITESPACE_RE.exec(e);
-    return a ? (t.leading = a[1] ?? "", t.middle = a[2] ?? "", t.trailing = a[3] ?? "", t) : (t.middle = e, t);
-  }
-  loadTableData = async function(e) {
-    return Array.isArray(e) ? e : e.startsWith("{") || e.startsWith("[") ? jsonParseWithSpecialChar(e) : (e = await vegaLoadData(e, {
-      type: "json"
-    }, {
-      handleBigIntAndNumberLike: true
-    }), e);
-  };
-  loadTableAndRawData = async function(e, t) {
-    return t ? Promise.all([
-      loadTableData(e),
-      loadTableData(t)
-    ]) : [
-      await loadTableData(e),
-      void 0
-    ];
-  };
-  function getStableRowId(e) {
-    if (e && typeof e == "object" && "_marimo_row_id" in e) return String(e[INDEX_COLUMN_NAME]);
-  }
-  getPageIndexForRow = function(e, t, n) {
-    let i = t * n, a = i + n - 1;
-    return e < i || e > a ? Math.floor(e / n) : null;
-  };
-  var NUMERIC_STRING_SPECIALS = {
-    NaN: "nan",
-    Infinity: "positive-infinity",
-    "-Infinity": "negative-infinity",
-    inf: "positive-infinity",
-    "-inf": "negative-infinity"
-  };
-  function detectSentinel(e, t) {
-    if (e == null) return {
-      type: "null",
-      value: e
-    };
-    if (typeof e == "string") {
-      if (e === "") return {
-        type: "empty-string",
-        value: e
-      };
-      if (WHITESPACE_ONLY_RE.test(e)) return {
-        type: "whitespace",
-        value: e
-      };
-      if (isNumericType(t)) {
-        let t2 = NUMERIC_STRING_SPECIALS[e];
-        if (t2) return {
-          type: t2,
-          value: e
-        };
-      }
-      return isTemporalType(t) && e === "NaT" ? {
-        type: "nat",
-        value: e
-      } : null;
-    }
-    return typeof e == "number" ? Number.isNaN(e) ? {
-      type: "nan",
-      value: e
-    } : e === Infinity ? {
-      type: "positive-infinity",
-      value: e
-    } : e === -Infinity ? {
-      type: "negative-infinity",
-      value: e
-    } : null : null;
-  }
-  function stringifyUnknownValue(e) {
-    let { value: t, nullAsEmptyString: n = false } = e;
-    return typeof t == "object" && t ? JSON.stringify(t) : t === null && n ? "" : String(t);
-  }
-  function stripHtml(e) {
-    let t = document.createElement("div");
-    return t.innerHTML = e, (t.textContent || t.innerText || "").trim() || e;
-  }
-  var HTML_MIMETYPES = /* @__PURE__ */ new Set([
-    "text/html",
-    "text/markdown"
-  ]);
-  function isRecord(e) {
-    return typeof e == "object" && !!e && !Array.isArray(e);
-  }
-  function getClipboardContent(e, t) {
-    let n = typeof t == "object" && t ? getMimeValues(t) : void 0, i;
-    if (n) {
-      let e2 = n.filter((e3) => HTML_MIMETYPES.has(e3.mimetype)).map((e3) => e3.data);
-      i = e2.length > 0 ? e2.join("") : void 0;
-    }
-    let a;
-    return a = e !== void 0 && e !== t ? stringifyUnknownValue({
-      value: e
-    }) : n ? n.map((e2) => HTML_MIMETYPES.has(e2.mimetype) ? stripHtml(e2.data) : e2.data).join(", ") : stringifyUnknownValue({
-      value: t
-    }), {
-      text: a,
-      html: i
-    };
-  }
-  function getRawValue(e, t, n) {
-    var _a2;
-    let i = (_a2 = e.options.meta) == null ? void 0 : _a2.rawData;
-    if (i) {
-      let e2 = i[t];
-      if (isRecord(e2)) return e2[n];
-    }
-  }
-  var TOP_K_ROWS$1 = 30;
-  const DataTableColumnHeader = ({ column: e, header: t, subheader: n, className: i, calculateTopKRows: o, table: s }) => {
-    let [c, d] = (0, import_react.useState)(false), { locale: f } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+  }, 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;
     if (!e.getCanSort() && !e.getCanFilter()) return (0, import_jsx_runtime.jsxs)("div", {
-      className: cn(i),
+      className: cn(i === "center" && "text-center", i === "right" && "text-right", o),
       children: [
         t,
         n
       ]
     });
-    let h = e.getFilterValue() !== void 0;
+    let _ = e.getFilterValue() !== void 0;
     return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
         (0, import_jsx_runtime.jsxs)("div", {
-          className: cn("group flex flex-col my-1 w-full select-none", i),
+          className: cn("group flex flex-col my-1 w-full select-none", o),
           children: [
             (0, import_jsx_runtime.jsxs)("div", {
-              className: "flex items-center gap-1",
+              className: cn("flex items-center gap-1", i === "right" && "flex-row-reverse", i === "center" && "mx-auto"),
               children: [
-                (0, import_jsx_runtime.jsx)("span", {
-                  children: t
-                }),
-                e.getCanSort() && (0, import_jsx_runtime.jsx)(SortButton, {
-                  column: e
+                i === "center" ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+                  children: [
+                    e.getCanSort() && (0, import_jsx_runtime.jsx)(SortButton, {
+                      column: e
+                    }),
+                    (0, import_jsx_runtime.jsx)("span", {
+                      children: t
+                    })
+                  ]
+                }) : (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+                  children: [
+                    (0, import_jsx_runtime.jsx)("span", {
+                      children: t
+                    }),
+                    e.getCanSort() && (0, import_jsx_runtime.jsx)(SortButton, {
+                      column: e
+                    })
+                  ]
                 }),
                 (0, import_jsx_runtime.jsxs)(DropdownMenu, {
                   modal: false,
@@ -16109,15 +16296,15 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                       align: "start",
                       children: [
                         renderDataType(e),
-                        renderSorts(e, s),
+                        renderSorts(e, c),
                         renderCopyColumn(e),
                         renderColumnPinning(e),
                         renderColumnWrapping(e),
-                        renderFormatOptions(e, f),
+                        renderFormatOptions(e, h),
                         (0, import_jsx_runtime.jsx)(DropdownMenuSeparator, {}),
                         renderMenuItemFilter(e),
-                        renderFilterByValues(e, d),
-                        h && (0, import_jsx_runtime.jsx)(ClearFilterMenuItem, {
+                        renderFilterByValues(e, f),
+                        _ && (0, import_jsx_runtime.jsx)(ClearFilterMenuItem, {
                           column: e
                         })
                       ]
@@ -16129,9 +16316,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             n
           ]
         }),
-        c && (0, import_jsx_runtime.jsx)(PopoverFilterByValues, {
-          setIsFilterValueOpen: d,
-          calculateTopKRows: o,
+        d && (0, import_jsx_runtime.jsx)(PopoverFilterByValues, {
+          setIsFilterValueOpen: f,
+          calculateTopKRows: s,
           column: e
         })
       ]
@@ -16384,136 +16571,20 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         })
       ]
     });
-  }, PopoverFilterByValues = ({ setIsFilterValueOpen: e, calculateTopKRows: t, column: i }) => {
-    let [a, o] = (0, import_react.useState)(/* @__PURE__ */ new Set()), [s, c] = (0, import_react.useState)(""), { data: d, isPending: h, error: _ } = useAsyncData(async () => t ? (await t({
-      column: i.id,
-      k: TOP_K_ROWS$1
-    })).data : null, []), v = (0, import_react.useMemo)(() => {
-      if (!d) return [];
-      try {
-        return d.filter(([e2, t2]) => e2 === void 0 ? false : String(e2).toLowerCase().includes(s.toLowerCase()));
-      } catch (e2) {
-        return Logger.error("Error filtering data", e2), [];
-      }
-    }, [
-      d,
-      s
-    ]), y;
-    h && (y = (0, import_jsx_runtime.jsx)(Spinner, {
-      size: "medium",
-      className: "mx-auto mt-12 mb-10"
-    })), _ && (y = (0, import_jsx_runtime.jsx)(ErrorBanner, {
-      error: _,
-      className: "my-10 mx-4"
-    }));
-    let S = (e2) => {
-      o((t2) => {
-        let n = t2.has(e2), i2 = new Set(t2);
-        return n ? i2.delete(e2) : i2.add(e2), i2;
-      });
-    }, w = (e2) => {
-      d && o(e2 ? new Set(v.map(([e3]) => e3)) : /* @__PURE__ */ new Set());
-    }, E = () => {
-      if (a.size === 0) {
-        i.setFilterValue(void 0);
-        return;
-      }
-      i.setFilterValue(Filter.select({
-        options: [
-          ...a
-        ],
-        operator: "in"
-      }));
+  };
+  function seedFromFilter(e) {
+    return e && "type" in e && e.type === "select" ? {
+      values: [
+        ...e.options
+      ],
+      operator: e.operator === "not_in" ? "not_in" : "in"
+    } : {
+      values: [],
+      operator: "in"
     };
-    if (d) {
-      let e2 = a.size === v.length;
-      y = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-        children: [
-          (0, import_jsx_runtime.jsxs)(Command, {
-            className: "text-sm outline-hidden",
-            shouldFilter: false,
-            children: [
-              (0, import_jsx_runtime.jsx)(CommandInput, {
-                placeholder: `Search among the top ${d.length} values`,
-                autoFocus: true,
-                onValueChange: (e3) => c(e3.trim())
-              }),
-              (0, import_jsx_runtime.jsx)(CommandEmpty, {
-                children: "No results found."
-              }),
-              (0, import_jsx_runtime.jsxs)(CommandList, {
-                className: "border-b",
-                children: [
-                  v.length > 0 && (0, import_jsx_runtime.jsxs)(CommandItem, {
-                    value: "__select-all__",
-                    className: "border-b rounded-none px-3",
-                    onSelect: () => w(!e2),
-                    children: [
-                      (0, import_jsx_runtime.jsx)(Checkbox, {
-                        checked: a.size === v.length,
-                        "aria-label": "Select all",
-                        className: "mr-3 h-3.5 w-3.5"
-                      }),
-                      (0, import_jsx_runtime.jsx)("span", {
-                        className: "font-bold flex-1",
-                        children: i.id
-                      }),
-                      (0, import_jsx_runtime.jsx)("span", {
-                        className: "font-bold",
-                        children: "Count"
-                      })
-                    ]
-                  }),
-                  v.map(([e3, t2], n) => {
-                    var _a2;
-                    let o2 = a.has(e3), s2 = stringifyUnknownValue({
-                      value: e3
-                    }), c2 = detectSentinel(e3, (_a2 = i.columnDef.meta) == null ? void 0 : _a2.dataType);
-                    return (0, import_jsx_runtime.jsxs)(CommandItem, {
-                      value: s2,
-                      className: "not-last:border-b rounded-none px-3",
-                      onSelect: () => S(e3),
-                      children: [
-                        (0, import_jsx_runtime.jsx)(Checkbox, {
-                          checked: o2,
-                          "aria-label": "Select row",
-                          className: "mr-3 h-3.5 w-3.5"
-                        }),
-                        (0, import_jsx_runtime.jsx)("span", {
-                          className: "flex-1 overflow-hidden max-h-20 line-clamp-3",
-                          children: c2 ? (0, import_jsx_runtime.jsx)(SentinelCell, {
-                            sentinel: c2
-                          }) : s2
-                        }),
-                        (0, import_jsx_runtime.jsx)("span", {
-                          className: "ml-3",
-                          children: t2
-                        })
-                      ]
-                    }, n);
-                  })
-                ]
-              }),
-              v.length === TOP_K_ROWS$1 && (0, import_jsx_runtime.jsxs)("span", {
-                className: "text-xs text-muted-foreground mt-1.5 text-center",
-                children: [
-                  "Only showing the top ",
-                  TOP_K_ROWS$1,
-                  " values"
-                ]
-              })
-            ]
-          }),
-          (0, import_jsx_runtime.jsx)(FilterButtons, {
-            onApply: E,
-            onClear: () => {
-              o(/* @__PURE__ */ new Set());
-            },
-            clearButtonDisabled: a.size === 0
-          })
-        ]
-      });
-    }
+  }
+  var PopoverFilterByValues = ({ setIsFilterValueOpen: e, calculateTopKRows: t, column: n }) => {
+    let i = seedFromFilter(n.getFilterValue()), [a, o] = (0, import_react.useState)(() => new Set(i.values));
     return (0, import_jsx_runtime.jsxs)(DraggablePopover, {
       open: true,
       onOpenChange: (t2) => !t2 && e(false),
@@ -16530,9 +16601,32 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             })
           })
         }),
-        (0, import_jsx_runtime.jsx)("div", {
+        (0, import_jsx_runtime.jsxs)("div", {
           className: "flex flex-col gap-1.5 py-2",
-          children: y
+          children: [
+            (0, import_jsx_runtime.jsx)(FilterByValuesList, {
+              column: n,
+              calculateTopKRows: t,
+              chosenValues: a,
+              onChange: (e2) => o(new Set(e2))
+            }),
+            (0, import_jsx_runtime.jsx)(FilterButtons, {
+              onApply: () => {
+                if (a.size === 0) {
+                  n.setFilterValue(void 0);
+                  return;
+                }
+                n.setFilterValue(Filter.select({
+                  options: [
+                    ...a
+                  ],
+                  operator: i.operator
+                }));
+              },
+              onClear: () => o(/* @__PURE__ */ new Set()),
+              clearButtonDisabled: a.size === 0
+            })
+          ]
         })
       ]
     });
@@ -18206,40 +18300,41 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       accessorFn: (t2) => t2[e2],
       header: ({ column: t2, table: n3 }) => {
         var _a2;
-        let o2 = i == null ? void 0 : i.getColumnStats(e2), s2 = (_a2 = t2.columnDef.meta) == null ? void 0 : _a2.dtype, h2 = c == null ? void 0 : c[e2], v2 = d && s2 ? (0, import_jsx_runtime.jsxs)("div", {
-          className: "flex flex-row gap-1",
+        let s2 = i == null ? void 0 : i.getColumnStats(e2), h2 = (_a2 = t2.columnDef.meta) == null ? void 0 : _a2.dtype, v2 = c == null ? void 0 : c[e2], y2 = o == null ? void 0 : o[e2], S2 = d && h2 ? (0, import_jsx_runtime.jsxs)("div", {
+          className: cn("flex flex-row gap-1", y2 === "center" && "justify-center", y2 === "right" && "justify-end"),
           children: [
             (0, import_jsx_runtime.jsx)("span", {
               className: "text-xs text-muted-foreground",
-              children: s2
+              children: h2
             }),
-            o2 && typeof o2.nulls == "number" && o2.nulls > 0 && (0, import_jsx_runtime.jsxs)("span", {
+            s2 && typeof s2.nulls == "number" && s2.nulls > 0 && (0, import_jsx_runtime.jsxs)("span", {
               className: "text-xs text-muted-foreground",
               children: [
                 "(nulls: ",
-                o2.nulls,
+                s2.nulls,
                 ")"
               ]
             })
           ]
-        }) : null, y2 = (0, import_jsx_runtime.jsx)("span", {
-          className: cn("font-bold", h2 && "underline decoration-dotted"),
+        }) : null, w2 = (0, import_jsx_runtime.jsx)("span", {
+          className: cn("font-bold", v2 && "underline decoration-dotted"),
           children: e2 === "" ? " " : e2
-        }), S2 = (0, import_jsx_runtime.jsx)(DataTableColumnHeader, {
-          header: h2 ? (0, import_jsx_runtime.jsx)(Tooltip, {
-            content: h2,
+        }), E2 = (0, import_jsx_runtime.jsx)(DataTableColumnHeader, {
+          header: v2 ? (0, import_jsx_runtime.jsx)(Tooltip, {
+            content: v2,
             delayDuration: 300,
-            children: y2
-          }) : y2,
-          subheader: v2,
+            children: w2
+          }) : w2,
+          subheader: S2,
           column: t2,
+          justify: y2,
           calculateTopKRows: f,
           table: n3
         });
-        return _.has(e2) ? S2 : (0, import_jsx_runtime.jsxs)("div", {
-          className: cn("flex flex-col h-full pt-0.5 pb-3 justify-between items-start"),
+        return _.has(e2) ? E2 : (0, import_jsx_runtime.jsxs)("div", {
+          className: cn("flex flex-col h-full pt-0.5 pb-3 justify-between items-start", y2 === "center" && "items-center", y2 === "right" && "items-end"),
           children: [
-            S2,
+            E2,
             (0, import_jsx_runtime.jsx)(TableColumnSummary, {
               columnId: e2
             })
@@ -18834,7 +18929,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, BM = 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, VM = useUniqueId(s), $ = (0, import_react.useRef)({
       callbacks: {
         onCollapse: f,
         onExpand: h,
@@ -18847,7 +18942,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         maxSize: c,
         minSize: d
       },
-      id: BM,
+      id: VM,
       idIsFromProps: s !== void 0,
       order: v
     });
@@ -18857,7 +18952,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       let { callbacks: e2, constraints: t2 } = $.current, o2 = {
         ...t2
       };
-      $.current.id = BM, $.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 = VM, $.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), () => {
@@ -18865,7 +18960,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       };
     }, [
       v,
-      BM,
+      VM,
       q,
       Q
     ]), (0, import_react.useImperativeHandle)(o, () => ({
@@ -18876,7 +18971,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         A($.current, e2);
       },
       getId() {
-        return BM;
+        return VM;
       },
       getSize() {
         return M($.current);
@@ -18895,24 +18990,24 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       A,
       M,
       U,
-      BM,
+      VM,
       J
     ]);
-    let VM = I($.current, a);
+    let HM = I($.current, a);
     return (0, import_react.createElement)(S, {
       ...w,
       children: e,
       className: t,
-      id: BM,
+      id: VM,
       style: {
-        ...VM,
+        ...HM,
         ...y
       },
       [DATA_ATTRIBUTES.groupId]: z,
       [DATA_ATTRIBUTES.panel]: "",
       [DATA_ATTRIBUTES.panelCollapsible]: i || void 0,
-      [DATA_ATTRIBUTES.panelId]: BM,
-      [DATA_ATTRIBUTES.panelSize]: parseFloat("" + VM.flexGrow).toFixed(1)
+      [DATA_ATTRIBUTES.panelId]: VM,
+      [DATA_ATTRIBUTES.panelSize]: parseFloat("" + HM.flexGrow).toFixed(1)
     });
   }
   var Panel = (0, import_react.forwardRef)((e, t) => (0, import_react.createElement)(PanelWithForwardedRef, {
@@ -19685,7 +19780,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;
-    }, []), BM = (0, import_react.useCallback)((e2, t2) => {
+    }, []), VM = (0, import_react.useCallback)((e2, t2) => {
       let { panelDataArray: n2 } = K.current;
       return computePanelFlexBoxStyle({
         defaultSize: t2,
@@ -19700,10 +19795,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);
-    }, []), VM = (0, import_react.useCallback)((e2) => {
+    }, []), HM = (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;
-    }, []), HM = (0, import_react.useCallback)((e2) => {
+    }, []), UM = (0, import_react.useCallback)((e2) => {
       let { panelDataArray: t2 } = K.current;
       t2.push(e2), t2.sort((e3, t3) => {
         let n2 = e3.order, i2 = t3.order;
@@ -19735,7 +19830,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         e2.layout = [];
       };
     }, []);
-    let UM = (0, import_react.useCallback)((e2) => {
+    let WM = (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();
@@ -19753,7 +19848,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));
       };
-    }, []), WM = (0, import_react.useCallback)((e2, t2) => {
+    }, []), GM = (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({
@@ -19765,12 +19860,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));
-    }, []), GM = (0, import_react.useCallback)((e2, t2) => {
+    }, []), KM = (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) || WM(e2, s2) : h2 < f2 ? WM(e2, f2) : h2 > d2 && WM(e2, d2));
+      h2 != null && (o2 && c2 && fuzzyNumbersEqual$1(h2, a2) ? fuzzyNumbersEqual$1(a2, s2) || GM(e2, s2) : h2 < f2 ? GM(e2, f2) : h2 > d2 && GM(e2, d2));
     }, [
-      WM
-    ]), KM = (0, import_react.useCallback)((e2, t2) => {
+      GM
+    ]), qM = (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);
@@ -19782,30 +19877,30 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         initialCursorPosition: o2,
         initialLayout: i2
       });
-    }, []), qM = (0, import_react.useCallback)(() => {
+    }, []), JM = (0, import_react.useCallback)(() => {
       w(null);
-    }, []), JM = (0, import_react.useCallback)((e2) => {
+    }, []), YM = (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
-    ]), YM = (0, import_react.useMemo)(() => ({
+    ]), XM = (0, import_react.useMemo)(() => ({
       collapsePanel: q,
       direction: i,
       dragState: S,
       expandPanel: J,
       getPanelSize: Q,
-      getPanelStyle: BM,
+      getPanelStyle: VM,
       groupId: v,
       isPanelCollapsed: $,
-      isPanelExpanded: VM,
-      reevaluatePanelConstraints: GM,
-      registerPanel: HM,
-      registerResizeHandle: UM,
-      resizePanel: WM,
-      startDragging: KM,
-      stopDragging: qM,
-      unregisterPanel: JM,
+      isPanelExpanded: HM,
+      reevaluatePanelConstraints: KM,
+      registerPanel: UM,
+      registerResizeHandle: WM,
+      resizePanel: GM,
+      startDragging: qM,
+      stopDragging: JM,
+      unregisterPanel: YM,
       panelGroupElement: y.current
     }), [
       q,
@@ -19813,18 +19908,18 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       i,
       J,
       Q,
-      BM,
+      VM,
       v,
       $,
-      VM,
-      GM,
       HM,
+      KM,
       UM,
       WM,
-      KM,
+      GM,
       qM,
-      JM
-    ]), XM = {
+      JM,
+      YM
+    ]), ZM = {
       display: "flex",
       flexDirection: i === "horizontal" ? "row" : "column",
       height: "100%",
@@ -19832,7 +19927,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       width: "100%"
     };
     return (0, import_react.createElement)(PanelGroupContext.Provider, {
-      value: YM
+      value: XM
     }, (0, import_react.createElement)(h, {
       ..._,
       children: t,
@@ -19840,7 +19935,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       id: o,
       ref: y,
       style: {
-        ...XM,
+        ...ZM,
         ...f
       },
       [DATA_ATTRIBUTES.group]: "",
@@ -19917,31 +20012,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"), [BM, $] = (0, import_react.useState)(false), [VM, HM] = (0, import_react.useState)(null), UM = (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"), [VM, $] = (0, import_react.useState)(false), [HM, UM] = (0, import_react.useState)(null), WM = (0, import_react.useRef)({
       state: J
     });
     useIsomorphicLayoutEffect$1(() => {
-      UM.current.state = J;
+      WM.current.state = J;
     }), (0, import_react.useEffect)(() => {
-      if (n) HM(null);
+      if (n) UM(null);
       else {
         let e2 = I(q);
-        HM(() => e2);
+        UM(() => e2);
       }
     }, [
       n,
       q,
       I
     ]);
-    let WM = (i == null ? void 0 : i.coarse) ?? 15, GM = (i == null ? void 0 : i.fine) ?? 5;
+    let GM = (i == null ? void 0 : i.coarse) ?? 15, KM = (i == null ? void 0 : i.fine) ?? 5;
     (0, import_react.useEffect)(() => {
-      if (n || VM == null) return;
+      if (n || HM == null) return;
       let e2 = w.current;
       assert(e2, "Element ref not attached");
       let t2 = false;
       return registerResizeHandle(q, e2, A, {
-        coarse: WM,
-        fine: GM
+        coarse: GM,
+        fine: KM
       }, (e3, n2, i2) => {
         if (!n2) {
           Q("inactive");
@@ -19955,8 +20050,8 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             break;
           }
           case "move": {
-            let { state: e4 } = UM.current;
-            t2 = true, e4 !== "drag" && Q("hover"), assert(i2, 'Expected event to be defined for "move" action'), VM(i2);
+            let { state: e4 } = WM.current;
+            t2 = true, e4 !== "drag" && Q("hover"), assert(i2, 'Expected event to be defined for "move" action'), HM(i2);
             break;
           }
           case "up": {
@@ -19968,22 +20063,22 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         }
       });
     }, [
-      WM,
+      GM,
       A,
       n,
-      GM,
+      KM,
       I,
       q,
-      VM,
+      HM,
       z,
       U
     ]), useWindowSplitterResizeHandlerBehavior({
       disabled: n,
       handleId: q,
-      resizeHandler: VM,
+      resizeHandler: HM,
       panelGroupElement: K
     });
-    let KM = {
+    let qM = {
       touchAction: "none",
       userSelect: "none"
     };
@@ -20001,14 +20096,14 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ref: w,
       role: "separator",
       style: {
-        ...KM,
+        ...qM,
         ..._
       },
       tabIndex: v,
       [DATA_ATTRIBUTES.groupDirection]: A,
       [DATA_ATTRIBUTES.groupId]: M,
       [DATA_ATTRIBUTES.resizeHandle]: "",
-      [DATA_ATTRIBUTES.resizeHandleActive]: J === "drag" ? "pointer" : BM ? "keyboard" : void 0,
+      [DATA_ATTRIBUTES.resizeHandleActive]: J === "drag" ? "pointer" : VM ? "keyboard" : void 0,
       [DATA_ATTRIBUTES.resizeHandleEnabled]: !n,
       [DATA_ATTRIBUTES.resizeHandleId]: q,
       [DATA_ATTRIBUTES.resizeHandleState]: J
@@ -20175,147 +20270,147 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   Combobox = (e) => {
     let t = (0, import_compiler_runtime$18.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, BM = z === void 0 ? "Search..." : z, $ = U === void 0 ? "Nothing found." : U, VM = K === void 0 ? false : K, HM = s ?? false, UM;
-    t[23] !== v || t[24] !== w || t[25] !== HM ? (UM = {
+    let J = M === void 0 ? false : M, Q = I === void 0 ? true : I, VM = z === void 0 ? "Search..." : z, $ = U === void 0 ? "Nothing found." : U, HM = K === void 0 ? false : K, UM = s ?? false, WM;
+    t[23] !== v || t[24] !== w || t[25] !== UM ? (WM = {
       prop: w,
-      defaultProp: HM,
+      defaultProp: UM,
       onChange: v
-    }, t[23] = v, t[24] = w, t[25] = HM, t[26] = UM) : UM = t[26];
-    let [WM, GM] = useControllableState(UM), KM = WM === void 0 ? false : WM, qM;
-    t[27] === S ? qM = t[28] : (qM = (e2) => {
+    }, t[23] = v, t[24] = w, t[25] = UM, t[26] = WM) : WM = t[26];
+    let [GM, KM] = useControllableState(WM), qM = GM === void 0 ? false : GM, JM;
+    t[27] === S ? JM = t[28] : (JM = (e2) => {
       S == null ? void 0 : S(e2);
-    }, t[27] = S, t[28] = qM);
-    let JM;
-    t[29] !== c || t[30] !== qM || t[31] !== q ? (JM = {
+    }, t[27] = S, t[28] = JM);
+    let YM;
+    t[29] !== c || t[30] !== JM || t[31] !== q ? (YM = {
       prop: q,
       defaultProp: c,
-      onChange: qM
-    }, t[29] = c, t[30] = qM, t[31] = q, t[32] = JM) : JM = t[32];
-    let [XM, ZM] = useControllableState(JM), QM;
-    t[33] === XM ? QM = t[34] : (QM = (e2) => Array.isArray(XM) ? XM.includes(e2) : XM === e2, t[33] = XM, t[34] = QM);
-    let $M = QM, eN;
-    t[35] !== _ || t[36] !== J || t[37] !== GM || t[38] !== ZM || t[39] !== XM ? (eN = (e2) => {
+      onChange: JM
+    }, t[29] = c, t[30] = JM, t[31] = q, t[32] = YM) : YM = t[32];
+    let [ZM, QM] = useControllableState(YM), $M;
+    t[33] === ZM ? $M = t[34] : ($M = (e2) => Array.isArray(ZM) ? ZM.includes(e2) : ZM === e2, t[33] = ZM, t[34] = $M);
+    let eN = $M, tN;
+    t[35] !== _ || t[36] !== J || t[37] !== KM || t[38] !== QM || t[39] !== ZM ? (tN = (e2) => {
       let t2 = e2;
-      if (J) if (Array.isArray(XM)) if (XM.includes(t2)) {
-        let n2 = XM.filter((t3) => t3 !== e2);
+      if (J) if (Array.isArray(ZM)) if (ZM.includes(t2)) {
+        let n2 = ZM.filter((t3) => t3 !== e2);
         t2 = n2.length > 0 ? n2 : [];
       } else t2 = [
-        ...XM,
+        ...ZM,
         t2
       ];
       else t2 = [
         t2
       ];
-      else XM === e2 && (t2 = null);
-      ZM(t2), (_ ?? J) || GM(false);
-    }, t[35] = _, t[36] = J, t[37] = GM, t[38] = ZM, t[39] = XM, t[40] = eN) : eN = t[40];
-    let tN = eN, nN;
-    t[41] !== VM || t[42] !== d || t[43] !== J || t[44] !== E || t[45] !== XM ? (nN = () => J && VM && E ? E : XM == null ? E ?? "--" : Array.isArray(XM) ? XM.length === 0 ? E ?? "--" : XM.length === 1 && d !== void 0 ? d(XM[0]) : `${XM.length} selected` : d === void 0 ? E ?? "--" : d(XM), t[41] = VM, t[42] = d, t[43] = J, t[44] = E, t[45] = XM, t[46] = nN) : nN = t[46];
-    let rN = nN, iN;
-    t[47] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (iN = cn("relative"), t[47] = iN) : iN = t[47];
-    let aN;
-    t[48] === o ? aN = t[49] : (aN = 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] = aN);
+      else ZM === e2 && (t2 = null);
+      QM(t2), (_ ?? J) || KM(false);
+    }, t[35] = _, t[36] = J, t[37] = KM, t[38] = QM, t[39] = ZM, t[40] = tN) : tN = t[40];
+    let nN = tN, rN;
+    t[41] !== HM || t[42] !== d || t[43] !== J || t[44] !== E || t[45] !== ZM ? (rN = () => J && HM && E ? E : ZM == null ? E ?? "--" : Array.isArray(ZM) ? ZM.length === 0 ? E ?? "--" : ZM.length === 1 && d !== void 0 ? d(ZM[0]) : `${ZM.length} selected` : d === void 0 ? E ?? "--" : d(ZM), t[41] = HM, t[42] = d, t[43] = J, t[44] = E, t[45] = ZM, t[46] = rN) : rN = t[46];
+    let iN = rN, aN;
+    t[47] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (aN = cn("relative"), t[47] = aN) : aN = t[47];
     let oN;
-    t[50] === rN ? oN = t[51] : (oN = rN(), t[50] = rN, t[51] = oN);
+    t[48] === o ? oN = t[49] : (oN = 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] = oN);
     let sN;
-    t[52] === oN ? sN = t[53] : (sN = (0, import_jsx_runtime.jsx)("span", {
+    t[50] === iN ? sN = t[51] : (sN = iN(), t[50] = iN, t[51] = sN);
+    let cN;
+    t[52] === sN ? cN = t[53] : (cN = (0, import_jsx_runtime.jsx)("span", {
       className: "truncate flex-1 min-w-0",
-      children: oN
-    }), t[52] = oN, t[53] = sN);
-    let lN;
-    t[54] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (lN = (0, import_jsx_runtime.jsx)(ChevronDown, {
+      children: sN
+    }), t[52] = sN, t[53] = cN);
+    let uN;
+    t[54] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (uN = (0, import_jsx_runtime.jsx)(ChevronDown, {
       className: "ml-3 w-4 h-4 opacity-50 shrink-0"
-    }), t[54] = lN) : lN = t[54];
-    let dN;
-    t[55] !== h || t[56] !== KM || t[57] !== aN || t[58] !== sN ? (dN = (0, import_jsx_runtime.jsx)(PopoverTrigger, {
+    }), t[54] = uN) : uN = t[54];
+    let fN;
+    t[55] !== h || t[56] !== qM || t[57] !== oN || t[58] !== cN ? (fN = (0, import_jsx_runtime.jsx)(PopoverTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsxs)("div", {
         id: h,
-        className: aN,
-        "aria-expanded": KM,
+        className: oN,
+        "aria-expanded": qM,
         children: [
-          sN,
-          lN
+          cN,
+          uN
         ]
       })
-    }), t[55] = h, t[56] = KM, t[57] = aN, t[58] = sN, t[59] = dN) : dN = t[59];
-    let fN;
-    t[60] !== BM || t[61] !== y || t[62] !== A ? (fN = (0, import_jsx_runtime.jsx)(CommandInput, {
-      placeholder: BM,
+    }), t[55] = h, t[56] = qM, t[57] = oN, t[58] = cN, t[59] = fN) : fN = t[59];
+    let pN;
+    t[60] !== VM || t[61] !== y || t[62] !== A ? (pN = (0, import_jsx_runtime.jsx)(CommandInput, {
+      placeholder: VM,
       rootClassName: "px-1 h-8",
       autoFocus: true,
       value: A,
       onValueChange: y
-    }), t[60] = BM, t[61] = y, t[62] = A, t[63] = fN) : fN = t[63];
-    let pN;
-    t[64] === $ ? pN = t[65] : (pN = (0, import_jsx_runtime.jsx)(CommandEmpty, {
-      children: $
-    }), t[64] = $, t[65] = pN);
+    }), t[60] = VM, t[61] = y, t[62] = A, t[63] = pN) : pN = t[63];
     let mN;
-    t[66] !== tN || t[67] !== $M ? (mN = {
-      isSelected: $M,
-      onSelect: tN
-    }, t[66] = tN, t[67] = $M, t[68] = mN) : mN = t[68];
+    t[64] === $ ? mN = t[65] : (mN = (0, import_jsx_runtime.jsx)(CommandEmpty, {
+      children: $
+    }), t[64] = $, t[65] = mN);
     let hN;
-    t[69] !== n || t[70] !== mN ? (hN = (0, import_jsx_runtime.jsx)(ComboboxContext, {
-      value: mN,
-      children: n
-    }), t[69] = n, t[70] = mN, t[71] = hN) : hN = t[71];
+    t[66] !== nN || t[67] !== eN ? (hN = {
+      isSelected: eN,
+      onSelect: nN
+    }, t[66] = nN, t[67] = eN, t[68] = hN) : hN = t[68];
     let gN;
-    t[72] !== pN || t[73] !== hN ? (gN = (0, import_jsx_runtime.jsxs)(CommandList, {
+    t[69] !== n || t[70] !== hN ? (gN = (0, import_jsx_runtime.jsx)(ComboboxContext, {
+      value: hN,
+      children: n
+    }), t[69] = n, t[70] = hN, t[71] = gN) : gN = t[71];
+    let _N;
+    t[72] !== mN || t[73] !== gN ? (_N = (0, import_jsx_runtime.jsxs)(CommandList, {
       className: "max-h-60 py-.5",
       children: [
-        pN,
-        hN
+        mN,
+        gN
       ]
-    }), t[72] = pN, t[73] = hN, t[74] = gN) : gN = t[74];
-    let _N;
-    t[75] !== f || t[76] !== Q || t[77] !== fN || t[78] !== gN ? (_N = (0, import_jsx_runtime.jsx)(PopoverContent, {
+    }), t[72] = mN, t[73] = gN, t[74] = _N) : _N = t[74];
+    let vN;
+    t[75] !== f || t[76] !== Q || t[77] !== pN || t[78] !== _N ? (vN = (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: [
-          fN,
-          gN
+          pN,
+          _N
         ]
       })
-    }), t[75] = f, t[76] = Q, t[77] = fN, t[78] = gN, t[79] = _N) : _N = t[79];
-    let vN;
-    t[80] !== KM || t[81] !== GM || t[82] !== dN || t[83] !== _N ? (vN = (0, import_jsx_runtime.jsxs)(Popover, {
-      open: KM,
-      onOpenChange: GM,
+    }), t[75] = f, t[76] = Q, t[77] = pN, t[78] = _N, t[79] = vN) : vN = t[79];
+    let yN;
+    t[80] !== qM || t[81] !== KM || t[82] !== fN || t[83] !== vN ? (yN = (0, import_jsx_runtime.jsxs)(Popover, {
+      open: qM,
+      onOpenChange: KM,
       children: [
-        dN,
-        _N
+        fN,
+        vN
       ]
-    }), t[80] = KM, t[81] = GM, t[82] = dN, t[83] = _N, t[84] = vN) : vN = t[84];
-    let yN;
-    t[85] !== VM || t[86] !== i || t[87] !== d || t[88] !== tN || t[89] !== J || t[90] !== XM ? (yN = J && VM && (0, import_jsx_runtime.jsx)("div", {
+    }), t[80] = qM, t[81] = KM, t[82] = fN, t[83] = vN, t[84] = yN) : yN = t[84];
+    let bN;
+    t[85] !== HM || t[86] !== i || t[87] !== d || t[88] !== nN || t[89] !== J || t[90] !== ZM ? (bN = J && HM && (0, import_jsx_runtime.jsx)("div", {
       className: cn("flex flex-col gap-1 items-start", i),
-      children: Array.isArray(XM) && XM.map((e2) => e2 == null ? null : (0, import_jsx_runtime.jsxs)(Badge, {
+      children: Array.isArray(ZM) && ZM.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: () => {
-              tN(e2);
+              nN(e2);
             },
             className: "w-3 h-3 opacity-50 hover:opacity-100 ml-1 cursor-pointer"
           })
         ]
       }, String(e2)))
-    }), t[85] = VM, t[86] = i, t[87] = d, t[88] = tN, t[89] = J, t[90] = XM, t[91] = yN) : yN = t[91];
-    let bN;
-    return t[92] !== O || t[93] !== vN || t[94] !== yN ? (bN = (0, import_jsx_runtime.jsxs)("div", {
-      className: iN,
+    }), t[85] = HM, t[86] = i, t[87] = d, t[88] = nN, t[89] = J, t[90] = ZM, t[91] = bN) : bN = t[91];
+    let xN;
+    return t[92] !== O || t[93] !== yN || t[94] !== bN ? (xN = (0, import_jsx_runtime.jsxs)("div", {
+      className: aN,
       ...O,
       children: [
-        vN,
-        yN
+        yN,
+        bN
       ]
-    }), t[92] = O, t[93] = vN, t[94] = yN, t[95] = bN) : bN = t[95], bN;
+    }), t[92] = O, t[93] = yN, t[94] = bN, t[95] = xN) : xN = t[95], xN;
   };
   ComboboxItem = import_react.forwardRef((e, t) => {
     let n = (0, import_compiler_runtime$18.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), _;
@@ -20343,184 +20438,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), n[9] = i, n[10] = d, n[11] = t, n[12] = _, n[13] = v, n[14] = y, n[15] = f, n[16] = S) : S = n[16], S;
   });
   ComboboxItem.displayName = "ComboboxItem";
-  const Sets = {
-    merge(...e) {
-      let t = /* @__PURE__ */ new Set();
-      for (let n of e) for (let e2 of n) t.add(e2);
-      return t;
-    },
-    equals(e, t) {
-      if (e.size !== t.size) return false;
-      for (let n of e) if (!t.has(n)) return false;
-      return true;
-    },
-    toggle(e, t) {
-      let n = new Set(e);
-      return n.has(t) ? n.delete(t) : n.add(t), n;
-    }
-  };
-  var TOP_K_ROWS = 30;
-  const FilterByValuesPicker = ({ column: e, calculateTopKRows: t, chosenValues: n, onChange: i }) => {
-    let [o, s] = (0, import_react.useState)(false), c = (0, import_react.useMemo)(() => new Set(n), [
-      n
-    ]), d = (0, import_react.useMemo)(() => c.size === 0 ? "Select values\u2026" : `[${[
-      ...c
-    ].map((e2) => stringifyUnknownValue({
-      value: e2
-    })).join(", ")}]`, [
-      c
-    ]);
-    return (0, import_jsx_runtime.jsxs)(Popover, {
-      open: o,
-      onOpenChange: s,
-      children: [
-        (0, import_jsx_runtime.jsx)(PopoverTrigger, {
-          asChild: true,
-          children: (0, import_jsx_runtime.jsxs)(Button, {
-            variant: "outline",
-            size: "xs",
-            className: "h-6 mb-1 w-full justify-between font-normal",
-            children: [
-              (0, import_jsx_runtime.jsx)("span", {
-                className: cn("truncate", c.size === 0 && "text-muted-foreground"),
-                children: d
-              }),
-              (0, import_jsx_runtime.jsx)(ChevronDown, {
-                className: "h-4 w-4 opacity-50 shrink-0"
-              })
-            ]
-          })
-        }),
-        (0, import_jsx_runtime.jsx)(PopoverContent, {
-          className: "w-80 p-0",
-          children: (0, import_jsx_runtime.jsx)(PickerBody, {
-            column: e,
-            calculateTopKRows: t,
-            chosenValues: c,
-            onChange: i
-          })
-        })
-      ]
-    });
-  };
-  var PickerBody = ({ column: e, calculateTopKRows: t, chosenValues: i, onChange: a }) => {
-    let [o, s] = (0, import_react.useState)(""), { data: c, isPending: d, error: f } = useAsyncData(async () => t ? (await t({
-      column: e.id,
-      k: TOP_K_ROWS
-    })).data : null, [
-      t,
-      e.id
-    ]), h = (0, import_react.useMemo)(() => {
-      if (!c) return [];
-      try {
-        return c.filter(([e2, t2]) => {
-          if (e2 === void 0) return false;
-          let n = String(e2);
-          return smartMatch(o, n) || n.toLowerCase().includes(o.toLowerCase());
-        });
-      } catch (e2) {
-        return Logger.error("Error filtering data", e2), [];
-      }
-    }, [
-      c,
-      o
-    ]), _ = (e2) => {
-      a([
-        ...Sets.toggle(i, e2)
-      ]);
-    }, v = h.length > 0 && h.every(([e2]) => i.has(e2)), y = v ? true : i.size > 0 ? "indeterminate" : false;
-    return d ? (0, import_jsx_runtime.jsx)(Spinner, {
-      size: "medium",
-      className: "mx-auto mt-12 mb-10"
-    }) : f ? (0, import_jsx_runtime.jsx)(ErrorBanner, {
-      error: f,
-      className: "my-10 mx-4"
-    }) : c ? (0, import_jsx_runtime.jsxs)(Command, {
-      className: "text-sm outline-hidden",
-      shouldFilter: false,
-      children: [
-        (0, import_jsx_runtime.jsx)(CommandInput, {
-          placeholder: `Search among the top ${c.length} values`,
-          autoFocus: true,
-          onValueChange: (e2) => s(e2.trim())
-        }),
-        (0, import_jsx_runtime.jsx)(CommandEmpty, {
-          children: "No results found."
-        }),
-        (0, import_jsx_runtime.jsxs)(CommandList, {
-          children: [
-            h.length > 0 && (0, import_jsx_runtime.jsxs)(CommandItem, {
-              value: "__select-all__",
-              className: "border-b rounded-none px-3",
-              onSelect: () => {
-                if (!c) return;
-                let e2 = new Set(i);
-                if (v) for (let [t2] of h) e2.delete(t2);
-                else for (let [t2] of h) e2.add(t2);
-                a([
-                  ...e2
-                ]);
-              },
-              children: [
-                (0, import_jsx_runtime.jsx)(Checkbox, {
-                  checked: y,
-                  "aria-label": "Select all",
-                  className: "mr-3 h-3.5 w-3.5"
-                }),
-                (0, import_jsx_runtime.jsx)("span", {
-                  className: "font-bold flex-1",
-                  children: e.id
-                }),
-                (0, import_jsx_runtime.jsx)("span", {
-                  className: "font-bold",
-                  children: "Count"
-                })
-              ]
-            }),
-            h.map(([t2, n]) => {
-              var _a2;
-              let a2 = i.has(t2), o2 = stringifyUnknownValue({
-                value: t2
-              }), s2 = detectSentinel(t2, (_a2 = e.columnDef.meta) == null ? void 0 : _a2.dataType);
-              return (0, import_jsx_runtime.jsxs)(CommandItem, {
-                value: o2,
-                className: "not-last:border-b rounded-none px-3",
-                onSelect: () => _(t2),
-                children: [
-                  (0, import_jsx_runtime.jsx)(Checkbox, {
-                    checked: a2,
-                    "aria-label": "Select row",
-                    className: "mr-3 h-3.5 w-3.5"
-                  }),
-                  (0, import_jsx_runtime.jsx)("span", {
-                    className: "flex-1 overflow-hidden max-h-20 line-clamp-3",
-                    children: s2 ? (0, import_jsx_runtime.jsx)(SentinelCell, {
-                      sentinel: s2
-                    }) : o2
-                  }),
-                  (0, import_jsx_runtime.jsx)("span", {
-                    className: "ml-3",
-                    children: n
-                  })
-                ]
-              }, o2);
-            })
-          ]
-        }),
-        c.length === TOP_K_ROWS && (0, import_jsx_runtime.jsxs)("span", {
-          className: "text-xs text-muted-foreground py-1.5 text-center",
-          children: [
-            "Only showing the top ",
-            TOP_K_ROWS,
-            " values"
-          ]
-        })
-      ]
-    }) : (0, import_jsx_runtime.jsx)("div", {
-      className: "py-6 px-4 text-sm text-muted-foreground text-center",
-      children: "No values available"
-    });
-  }, OPERATORS_BY_TYPE = {
+  var OPERATORS_BY_TYPE = {
     number: [
       "between",
       "is_null",
@@ -22565,10 +22483,26 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       clearSelection: i.clearSelection
     }, t[22] = i.clearSelection, t[23] = S, t[24] = A, t[25] = E, t[26] = v, t[27] = s, t[28] = d, t[29] = M) : M = t[29], M;
   };
-  var INTERACTIVE_SELECTOR = 'input, button, select, textarea, a, label, [role="checkbox"], [role="button"], [contenteditable="true"], marimo-ui-element';
+  var INTERACTIVE_SELECTOR = 'input, button, select, textarea, a, label, [role="checkbox"], [role="button"], [contenteditable="true"], marimo-ui-element', CONTENT_WRAPPER_MARIMO_TAGS = /* @__PURE__ */ new Set([
+    "marimo-lazy",
+    "marimo-routes"
+  ]);
   function isInteractiveTarget(e) {
-    let t = e.target;
-    return t === e.currentTarget || !(t instanceof Element) ? false : t.closest(INTERACTIVE_SELECTOR) !== null;
+    var _a2;
+    let t = typeof ((_a2 = e.nativeEvent) == null ? void 0 : _a2.composedPath) == "function" ? e.nativeEvent.composedPath() : [
+      e.target
+    ];
+    for (let n of t) {
+      if (n === e.currentTarget) break;
+      if (!(!(n instanceof Element) || !n.matches(INTERACTIVE_SELECTOR))) {
+        if (n.localName === "marimo-ui-element") {
+          let e2 = n.firstElementChild;
+          if (e2 && CONTENT_WRAPPER_MARIMO_TAGS.has(e2.localName)) continue;
+        }
+        return true;
+      }
+    }
+    return false;
   }
   var import_compiler_runtime$11 = require_compiler_runtime(), focusedCellAtom = atom((e) => e(cellSelectionStateAtom).focusedCell);
   function useScrollIntoViewOnFocus(e) {
@@ -23503,7 +23437,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         filename: i2.filename
       };
     }, t[5] = e, t[6] = v);
-    let y = v, E, O, A, M, I, z, U, K, q, J, Q, BM, $;
+    let y = v, E, O, A, M, I, z, U, K, q, J, Q, VM, $;
     if (t[7] !== _ || t[8] !== n || t[9] !== i || t[10] !== y) {
       let e2 = async (t2) => {
         let n2 = await y(t2, () => {
@@ -23553,7 +23487,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       }), t[26] = s2, t[27] = c2, t[28] = K) : K = t[28], E = DropdownMenuContent, q = "bottom", J = "print:hidden", t[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Q = (0, import_jsx_runtime.jsx)(DropdownMenuLabel, {
         className: "text-xs text-muted-foreground",
         children: "Download"
-      }), t[29] = Q) : Q = t[29], BM = downloadOptions.map((t2) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
+      }), t[29] = Q) : Q = t[29], VM = downloadOptions.map((t2) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
         onSelect: () => {
           e2(t2.format);
         },
@@ -23606,30 +23540,30 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             ]
           })
         ]
-      }, e3.label)), t[7] = _, t[8] = n, t[9] = i, t[10] = y, t[11] = E, t[12] = O, t[13] = A, t[14] = M, t[15] = I, t[16] = z, t[17] = U, t[18] = K, t[19] = q, t[20] = J, t[21] = Q, t[22] = BM, t[23] = $;
-    } else E = t[11], O = t[12], A = t[13], M = t[14], I = t[15], z = t[16], U = t[17], K = t[18], q = t[19], J = t[20], Q = t[21], BM = t[22], $ = t[23];
-    let VM;
-    t[32] !== E || t[33] !== A || t[34] !== M || t[35] !== q || t[36] !== J || t[37] !== Q || t[38] !== BM || t[39] !== $ ? (VM = (0, import_jsx_runtime.jsxs)(E, {
+      }, e3.label)), t[7] = _, t[8] = n, t[9] = i, t[10] = y, t[11] = E, t[12] = O, t[13] = A, t[14] = M, t[15] = I, t[16] = z, t[17] = U, t[18] = K, t[19] = q, t[20] = J, t[21] = Q, t[22] = VM, t[23] = $;
+    } else E = t[11], O = t[12], A = t[13], M = t[14], I = t[15], z = t[16], U = t[17], K = t[18], q = t[19], J = t[20], Q = t[21], VM = t[22], $ = t[23];
+    let HM;
+    t[32] !== E || t[33] !== A || t[34] !== M || t[35] !== q || t[36] !== J || t[37] !== Q || t[38] !== VM || t[39] !== $ ? (HM = (0, import_jsx_runtime.jsxs)(E, {
       side: q,
       className: J,
       children: [
         Q,
-        BM,
+        VM,
         $,
         A,
         M
       ]
-    }), t[32] = E, t[33] = A, t[34] = M, t[35] = q, t[36] = J, t[37] = Q, t[38] = BM, t[39] = $, t[40] = VM) : VM = t[40];
-    let HM;
-    return t[41] !== O || t[42] !== I || t[43] !== z || t[44] !== U || t[45] !== K || t[46] !== VM ? (HM = (0, import_jsx_runtime.jsxs)(O, {
+    }), t[32] = E, t[33] = A, t[34] = M, t[35] = q, t[36] = J, t[37] = Q, t[38] = VM, t[39] = $, t[40] = HM) : HM = t[40];
+    let UM;
+    return t[41] !== O || t[42] !== I || t[43] !== z || t[44] !== U || t[45] !== K || t[46] !== HM ? (UM = (0, import_jsx_runtime.jsxs)(O, {
       modal: I,
       open: z,
       onOpenChange: U,
       children: [
         K,
-        VM
+        HM
       ]
-    }), t[41] = O, t[42] = I, t[43] = z, t[44] = U, t[45] = K, t[46] = VM, t[47] = HM) : HM = t[47], HM;
+    }), t[41] = O, t[42] = I, t[43] = z, t[44] = U, t[45] = K, t[46] = HM, t[47] = UM) : UM = t[47], UM;
   };
   function fetchJson(e) {
     return fetchText(e).then(jsonParseWithSpecialChar);
@@ -23720,22 +23654,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, manualSorting: h = false, sorting: _, setSorting: v, rowSelection: y, cellSelection: S, cellStyling: w, hoverTemplate: E, cellHoverTexts: O, paginationState: A, setPaginationState: M, downloadAs: I, manualPagination: z = false, pagination: U = false, onRowSelectionChange: K, onCellSelectionChange: q, getRowIds: J, enableSearch: Q = false, searchQuery: BM, onSearchQueryChange: $, showFilters: VM = false, filters: HM, onFiltersChange: UM, calculateTopKRows: WM, reloading: GM, freezeColumnsLeft: KM, freezeColumnsRight: qM, toggleDisplayHeader: JM, showChartBuilder: YM, isChartBuilderOpen: XM, showPageSizeSelector: ZM, showTableExplorer: QM, togglePanel: $M, isPanelOpen: eN, isAnyPanelOpen: tN, viewedRowIdx: nN, onViewedRowChange: rN }) => {
-    let [iN, aN] = import_react.useState(false), { locale: oN } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), { columnPinning: sN, setColumnPinning: cN } = useColumnPinning(KM, qM);
+  DataTable = (0, import_react.memo)(({ wrapperClassName: e, className: t, maxHeight: n, columns: i, data: o, rawData: s, selection: c, totalColumns: d, totalRows: f, manualSorting: h = false, sorting: _, setSorting: v, rowSelection: y, cellSelection: S, cellStyling: w, hoverTemplate: E, cellHoverTexts: O, paginationState: A, setPaginationState: M, downloadAs: I, manualPagination: z = false, pagination: U = false, onRowSelectionChange: K, onCellSelectionChange: q, getRowIds: J, enableSearch: Q = false, searchQuery: VM, onSearchQueryChange: $, showFilters: HM = false, filters: UM, onFiltersChange: WM, calculateTopKRows: GM, reloading: KM, freezeColumnsLeft: qM, freezeColumnsRight: JM, toggleDisplayHeader: YM, showChartBuilder: XM, isChartBuilderOpen: ZM, showPageSizeSelector: QM, showTableExplorer: $M, togglePanel: eN, isPanelOpen: tN, isAnyPanelOpen: nN, viewedRowIdx: rN, onViewedRowChange: iN }) => {
+    let [aN, oN] = import_react.useState(false), { locale: sN } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), { columnPinning: cN, setColumnPinning: lN } = useColumnPinning(qM, JM);
     import_react.useEffect(() => {
       let e2;
-      return GM ? e2 = setTimeout(() => {
-        aN(true);
-      }, 300) : aN(false), () => {
+      return KM ? e2 = setTimeout(() => {
+        oN(true);
+      }, 300) : oN(false), () => {
         e2 && clearTimeout(e2);
       };
     }, [
-      GM
+      KM
     ]);
-    function lN(e2, t2) {
+    function uN(e2, t2) {
       return A ? t2 + (z ? A.pageIndex * A.pageSize : 0) : t2;
     }
-    let uN = useReactTable({
+    let dN = useReactTable({
       _features: [
         ColumnPinning,
         ColumnWrappingFeature,
@@ -23759,11 +23693,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 = lN(e2, t2);
+          let i2 = uN(e2, t2);
           return String(i2);
         }
       } : {},
-      locale: oN,
+      locale: sN,
       manualPagination: z,
       getPaginationRowModel: getPaginationRowModel(),
       ...v ? {
@@ -23773,21 +23707,21 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       enableMultiSort: true,
       getSortedRowModel: getSortedRowModel(),
       manualFiltering: true,
-      enableColumnFilters: VM,
+      enableColumnFilters: HM,
       getFilteredRowModel: getFilteredRowModel(),
-      onColumnFiltersChange: UM,
+      onColumnFiltersChange: WM,
       onRowSelectionChange: K,
       onCellSelectionChange: q,
       enableCellSelection: c === "single-cell" || c === "multi-cell",
       enableMultiCellSelection: c === "multi-cell",
-      onColumnPinningChange: cN,
+      onColumnPinningChange: lN,
       enableFocusRow: true,
-      onFocusRowChange: rN,
+      onFocusRowChange: iN,
       state: {
         ..._ ? {
           sorting: _
         } : {},
-        columnFilters: HM,
+        columnFilters: UM,
         ...A ? {
           pagination: A
         } : U && !A ? {} : {
@@ -23799,21 +23733,21 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         rowSelection: y ?? {},
         cellSelection: S ?? [],
         cellStyling: w,
-        columnPinning: sN,
+        columnPinning: cN,
         cellHoverTemplate: E,
         cellHoverTexts: O ?? {}
       }
-    }), dN = (eN == null ? void 0 : eN(PANEL_TYPES.ROW_VIEWER)) ?? false, fN = !U && o.length > 100, pN = useScrollContainerHeight({
+    }), fN = (tN == null ? void 0 : tN(PANEL_TYPES.ROW_VIEWER)) ?? false, pN = !U && o.length > 100, mN = useScrollContainerHeight({
       maxHeight: n,
-      virtualize: fN
+      virtualize: pN
     });
     return (0, import_jsx_runtime.jsxs)("div", {
       className: cn(e, "flex flex-col space-y-1"),
       children: [
         (0, import_jsx_runtime.jsx)(FilterPills, {
-          filters: HM,
-          table: uN,
-          calculateTopKRows: WM
+          filters: UM,
+          table: dN,
+          calculateTopKRows: GM
         }),
         (0, import_jsx_runtime.jsx)(CellSelectionProvider, {
           children: (0, import_jsx_runtime.jsxs)("div", {
@@ -23822,32 +23756,32 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             children: [
               (0, import_jsx_runtime.jsx)(TableTopBar, {
                 enableSearch: Q,
-                searchQuery: BM,
+                searchQuery: VM,
                 onSearchQueryChange: $,
-                reloading: GM,
-                showChartBuilder: YM,
-                isChartBuilderOpen: XM,
-                toggleDisplayHeader: JM,
-                showTableExplorer: QM,
-                togglePanel: $M,
-                isAnyPanelOpen: tN,
+                reloading: KM,
+                showChartBuilder: XM,
+                isChartBuilderOpen: ZM,
+                toggleDisplayHeader: YM,
+                showTableExplorer: $M,
+                togglePanel: eN,
+                isAnyPanelOpen: nN,
                 downloadAs: I
               }),
               (0, import_jsx_runtime.jsxs)(Table, {
                 className: cn("relative", i.length <= 4 ? "w-auto" : "w-full"),
-                ref: pN,
+                ref: mN,
                 children: [
-                  iN && (0, import_jsx_runtime.jsx)("thead", {
+                  aN && (0, import_jsx_runtime.jsx)("thead", {
                     className: "absolute top-0 left-0 h-[3px] w-1/2 bg-primary animate-slide"
                   }),
-                  renderTableHeader(uN, fN || !!n),
+                  renderTableHeader(dN, pN || !!n),
                   (0, import_jsx_runtime.jsx)(DataTableBody, {
-                    table: uN,
+                    table: dN,
                     columns: i,
-                    rowViewerPanelOpen: dN,
-                    getRowIndex: lN,
-                    viewedRowIdx: nN,
-                    virtualize: fN
+                    rowViewerPanelOpen: fN,
+                    getRowIndex: uN,
+                    viewedRowIdx: rN,
+                    virtualize: pN
                   })
                 ]
               }),
@@ -23858,10 +23792,10 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                 pagination: U,
                 selection: c,
                 onRowSelectionChange: K,
-                table: uN,
+                table: dN,
                 getRowIds: J,
-                showPageSizeSelector: ZM,
-                tableLoading: GM
+                showPageSizeSelector: QM,
+                tableLoading: KM
               })
             ]
           })
@@ -23951,67 +23885,67 @@ ${_}`,
       });
     }, [q, J] = _.split(":", 2), Q = d ? KEY : "", $;
     t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = () => h(_temp$2), t[10] = $) : $ = t[10];
-    let VM = d ? "rotate-180" : "rotate-0", HM;
-    t[11] === VM ? HM = t[12] : (HM = cn("h-4 w-4 text-muted-foreground transition-transform duration-200 shrink-0", VM), t[11] = VM, t[12] = HM);
-    let UM;
-    t[13] === HM ? UM = t[14] : (UM = (0, import_jsx_runtime.jsx)(ChevronDown, {
-      className: HM
-    }), t[13] = HM, t[14] = UM);
-    let WM = q || "Error", GM;
-    t[15] === WM ? GM = t[16] : (GM = (0, import_jsx_runtime.jsxs)("span", {
+    let HM = d ? "rotate-180" : "rotate-0", UM;
+    t[11] === HM ? UM = t[12] : (UM = cn("h-4 w-4 text-muted-foreground transition-transform duration-200 shrink-0", HM), t[11] = HM, t[12] = UM);
+    let WM;
+    t[13] === UM ? WM = t[14] : (WM = (0, import_jsx_runtime.jsx)(ChevronDown, {
+      className: UM
+    }), t[13] = UM, t[14] = WM);
+    let GM = q || "Error", KM;
+    t[15] === GM ? KM = t[16] : (KM = (0, import_jsx_runtime.jsxs)("span", {
       className: "text-destructive",
       children: [
-        WM,
+        GM,
         ":"
       ]
-    }), t[15] = WM, t[16] = GM);
-    let KM;
-    t[17] !== J || t[18] !== GM ? (KM = (0, import_jsx_runtime.jsxs)("div", {
+    }), t[15] = GM, t[16] = KM);
+    let qM;
+    t[17] !== J || t[18] !== KM ? (qM = (0, import_jsx_runtime.jsxs)("div", {
       className: "text-sm inline font-mono",
       children: [
-        GM,
+        KM,
         " ",
         J
       ]
-    }), t[17] = J, t[18] = GM, t[19] = KM) : KM = t[19];
-    let JM;
-    t[20] !== KM || t[21] !== UM ? (JM = (0, import_jsx_runtime.jsxs)("div", {
+    }), t[17] = J, t[18] = KM, t[19] = qM) : qM = t[19];
+    let YM;
+    t[20] !== qM || t[21] !== WM ? (YM = (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: $,
       children: [
-        UM,
-        KM
+        WM,
+        qM
       ]
-    }), t[20] = KM, t[21] = UM, t[22] = JM) : JM = t[22];
-    let YM;
-    t[23] === c ? YM = t[24] : (YM = (0, import_jsx_runtime.jsx)(AccordionContent, {
+    }), t[20] = qM, t[21] = WM, t[22] = YM) : YM = t[22];
+    let XM;
+    t[23] === c ? XM = t[24] : (XM = (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] = YM);
-    let ZM;
-    t[25] !== JM || t[26] !== YM ? (ZM = (0, import_jsx_runtime.jsxs)(AccordionItem, {
+    }), t[23] = c, t[24] = XM);
+    let QM;
+    t[25] !== YM || t[26] !== XM ? (QM = (0, import_jsx_runtime.jsxs)(AccordionItem, {
       value: KEY,
       className: "border-none",
       children: [
-        JM,
-        YM
+        YM,
+        XM
       ]
-    }), t[25] = JM, t[26] = YM, t[27] = ZM) : ZM = t[27];
-    let QM;
-    t[28] !== ZM || t[29] !== Q ? (QM = (0, import_jsx_runtime.jsx)(Accordion, {
+    }), t[25] = YM, t[26] = XM, t[27] = QM) : QM = t[27];
+    let $M;
+    t[28] !== QM || t[29] !== Q ? ($M = (0, import_jsx_runtime.jsx)(Accordion, {
       type: "single",
       collapsible: true,
       value: Q,
-      children: ZM
-    }), t[28] = ZM, t[29] = Q, t[30] = QM) : QM = t[30];
-    let $M;
-    t[31] !== K || t[32] !== I ? ($M = I && (0, import_jsx_runtime.jsx)(AIFixButton, {
+      children: QM
+    }), t[28] = QM, t[29] = Q, t[30] = $M) : $M = t[30];
+    let eN;
+    t[31] !== K || t[32] !== I ? (eN = I && (0, import_jsx_runtime.jsx)(AIFixButton, {
       tooltip: "Fix with AI",
       openPrompt: () => K(false),
       applyAutofix: () => K(true)
-    }), t[31] = K, t[32] = I, t[33] = $M) : $M = t[33];
-    let tN;
-    t[34] !== A || t[35] !== E ? (tN = A && (0, import_jsx_runtime.jsx)(Tooltip, {
+    }), t[31] = K, t[32] = I, t[33] = eN) : eN = t[33];
+    let nN;
+    t[34] !== A || t[35] !== E ? (nN = A && (0, import_jsx_runtime.jsx)(Tooltip, {
       content: "Attach pdb to the exception point.",
       children: (0, import_jsx_runtime.jsxs)(Button, {
         size: "xs",
@@ -24028,9 +23962,9 @@ ${_}`,
           "Launch debugger"
         ]
       })
-    }), t[34] = A, t[35] = E, t[36] = tN) : tN = t[36];
-    let nN;
-    t[37] !== _ || t[38] !== i ? (nN = U && (0, import_jsx_runtime.jsxs)(DropdownMenu, {
+    }), t[34] = A, t[35] = E, t[36] = nN) : nN = t[36];
+    let rN;
+    t[37] !== _ || t[38] !== i ? (rN = U && (0, import_jsx_runtime.jsxs)(DropdownMenu, {
       children: [
         (0, import_jsx_runtime.jsx)(DropdownMenuTrigger, {
           asChild: true,
@@ -24098,24 +24032,24 @@ ${_}`,
           ]
         })
       ]
-    }), t[37] = _, t[38] = i, t[39] = nN) : nN = t[39];
-    let rN;
-    t[40] !== $M || t[41] !== tN || t[42] !== nN ? (rN = (0, import_jsx_runtime.jsxs)("div", {
+    }), t[37] = _, t[38] = i, t[39] = rN) : rN = t[39];
+    let iN;
+    t[40] !== eN || t[41] !== nN || t[42] !== rN ? (iN = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex gap-2",
       children: [
-        $M,
-        tN,
-        nN
+        eN,
+        nN,
+        rN
       ]
-    }), t[40] = $M, t[41] = tN, t[42] = nN, t[43] = rN) : rN = t[43];
-    let iN;
-    return t[44] !== QM || t[45] !== rN ? (iN = (0, import_jsx_runtime.jsxs)("div", {
+    }), t[40] = eN, t[41] = nN, t[42] = rN, t[43] = iN) : iN = t[43];
+    let aN;
+    return t[44] !== $M || t[45] !== iN ? (aN = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-col gap-2 min-w-full w-fit",
       children: [
-        QM,
-        rN
+        $M,
+        iN
       ]
-    }), t[44] = QM, t[45] = rN, t[46] = iN) : iN = t[46], iN;
+    }), t[44] = $M, t[45] = iN, t[46] = aN) : aN = t[46], aN;
   };
   function lastLine(e) {
     var _a2, _b;
@@ -25424,7 +25358,7 @@ ${_}`,
   }
 });
 export {
-  SELECT_COLUMN_ID as $,
+  INDEX_COLUMN_NAME as $,
   slotsController as A,
   Expand as At,
   NAMELESS_COLUMN_PREFIX as B,
@@ -25452,7 +25386,7 @@ export {
   Funnel as Ot,
   Table as P,
   ChevronsRight as Pt,
-  INDEX_COLUMN_NAME as Q,
+  loadTableData as Q,
   TableHeader as R,
   ArrowDownWideNarrow as Rt,
   ComboboxItem as S,
@@ -25462,9 +25396,9 @@ export {
   renderCellValue as U,
   generateColumns as V,
   ColumnChartContext as W,
-  loadTableAndRawData as X,
-  getPageIndexForRow as Y,
-  loadTableData as Z,
+  getPageIndexForRow as X,
+  filtersToFilterGroup as Y,
+  loadTableAndRawData as Z,
   Filenames as _,
   __tla,
   ChartLoadingState as _t,
@@ -25476,7 +25410,7 @@ export {
   CommandList as ct,
   DataTable as d,
   Tabs as dt,
-  TOO_MANY_ROWS as et,
+  SELECT_COLUMN_ID as et,
   InstallPackageButton as f,
   TabsContent as ft,
   downloadHTMLAsImage as g,
@@ -25494,18 +25428,18 @@ export {
   downloadBlob as m,
   TabsTrigger as mt,
   DEFAULT_SLIDE_TYPE as n,
-  getMimeValues as nt,
+  toFieldTypes as nt,
   RadioGroup as o,
   CommandInput as ot,
   ADD_PRINTING_CLASS as p,
   TabsList as pt,
   useIntersectionObserver as q,
   SLIDE_TYPE_OPTIONS_BY_VALUE as r,
-  filtersToFilterGroup as rt,
+  getMimeValues as rt,
   RadioGroupItem as s,
   CommandItem as st,
   DEFAULT_DECK_TRANSITION as t,
-  toFieldTypes as tt,
+  TOO_MANY_ROWS as tt,
   OutputRenderer as u,
   Maps as ut,
   prettifyRowColumnCount as v,