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

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

@@ -6,18 +6,18 @@ import { _ as Logger, c as Objects, g as cn, h as Events, m as useComposedRefs,
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
 import { n as Copy, r as toast, t as copyToClipboard } from "./copy-TGGAUEWp.js";
-import { $ as useCellActions, $t as getTracebackInfo, A as ChevronRightIcon, Bn as import_lib, C as AccordionContent, Ft as jotaiJsonStorage, I as base64ToUint8Array, Jt as useRequestClient, Kt as getRequestClient, Lt as PluralWord, M as PinLeftIcon, Mn as FileText, Mt as useChromeActions, N as PinRightIcon, O as CheckIcon, On as NotebookPen, Pt as adaptForLocalStorage, Qt as extractAllTracebackInfo, R as extractBase64FromDataURL, Rn as Braces, S as Accordion, St as Checkbox, T as AccordionTrigger, Tn as Wrench, V as renderHTML, Y as notebookAtom, Zt as elementContainsMarimoCellFile, _n as atomWithStorage, _t as getCellDomProps, at as AnsiUp, bn as Close$1, c as Popover, cn as SCRATCH_CELL_ID, d as PopoverTrigger, dt as outputIsLoading, et as useCellIds, g as getDatasourceContext, gt as DATA_CELL_ID, hn as jsonToTSV, ht as sanitizeHtml, j as DotFilledIcon, kn as LoaderCircle, kt as goToCellLine, l as PopoverClose$1, lt as useInstallAllowed, m as useExpandedOutput, mn as jsonToMarkdown, n as MarkdownRenderer, nn as filenameAtom, on as CellOutputId, pn as jsonParseWithSpecialChar, q as getCellEditorView, s as Spinner, sn as HTMLCellId, t as toPng, tt as useCellNames, u as PopoverContent, ut as viewStateAtom, vt as displayCellName, w as AccordionItem, z as isDataURLString, zn as esm_default, zt as DATA_TYPE_ICON, __tla as __tla_0 } from "./html-to-image-DBosi5GK.js";
+import { $ as useCellActions, $t as getTracebackInfo, A as ChevronRightIcon, An as Minus, Bn as Braces, C as AccordionContent, En as Trash2, Ft as jotaiJsonStorage, Hn as import_lib, I as base64ToUint8Array, Jt as useRequestClient, Kt as getRequestClient, Lt as PluralWord, M as PinLeftIcon, Mt as useChromeActions, N as PinRightIcon, O as CheckIcon, Pn as FileText, Pt as adaptForLocalStorage, Qt as extractAllTracebackInfo, R as extractBase64FromDataURL, Rn as CircleX, S as Accordion, St as Checkbox, T as AccordionTrigger, Tn as Wrench, V as renderHTML, Vn as esm_default, Y as notebookAtom, Zt as elementContainsMarimoCellFile, _n as atomWithStorage, _t as getCellDomProps, at as AnsiUp, bn as Close$1, c as Popover, cn as SCRATCH_CELL_ID, d as PopoverTrigger, dt as outputIsLoading, et as useCellIds, g as getDatasourceContext, gt as DATA_CELL_ID, hn as jsonToTSV, ht as sanitizeHtml, j as DotFilledIcon, jn as LoaderCircle, kn as NotebookPen, kt as goToCellLine, l as PopoverClose$1, lt as useInstallAllowed, m as useExpandedOutput, mn as jsonToMarkdown, n as MarkdownRenderer, nn as filenameAtom, on as CellOutputId, pn as jsonParseWithSpecialChar, q as getCellEditorView, s as Spinner, sn as HTMLCellId, t as toPng, tt as useCellNames, u as PopoverContent, ut as viewStateAtom, vt as displayCellName, w as AccordionItem, z as isDataURLString, zt as DATA_TYPE_ICON, __tla as __tla_0 } from "./html-to-image-CzFE0Irw.js";
 import { o as useSize, u as createLucideIcon } from "./dist-ESg7xyoD.js";
 import { i as createReducerAndAtoms, r as Badge } from "./useLifecycle-smVfjLNI.js";
 import { a as ListFilter, i as Table$1, o as ChartPie, t as $896ba0a80a8f4d36$export$85fd5fdf27bacc79 } from "./useDateFormatter-B3mCQMP3.js";
 import { t as Check } from "./check-CFM2mVDr.js";
 import { C as $a916eb452884faea$export$b7a616150fdb9f44, F as X, L as ChevronDown, M as usePrevious$1, N as useDirection, S as logNever, T as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, _ as menuItemVariants, b as menuSubTriggerVariants, c as SelectSeparator, g as menuControlVariants, h as menuControlCheckVariants, i as SelectContent, l as SelectTrigger, m as menuContentCommon, n as capitalize, o as SelectItem, p as MENU_ITEM_DISABLED, r as Select, t as Strings, u as SelectValue, v as menuLabelVariants, x as assertNever, y as menuSeparatorVariants } from "./strings-B_FOH6eV.js";
-import { $t as Portal, G as marked, Gt as Anchor2, Jt as Content2$1, Kt as Arrow2, Qt as Label, Xt as Item2$2, Yt as Group, Zt as ItemIndicator, _ as DropdownMenuSub, a as NumberField, an as SubContent, b as DropdownMenuTrigger, c as prettyNumber, cn as Item, d as DropdownMenuContent, dn as Search, en as RadioGroup$2, fn as Circle, g as DropdownMenuSeparator, h as DropdownMenuPortal, in as Sub, l as prettyScientificNumber, ln as Root$1, m as DropdownMenuLabel, nn as Root3, o as maxFractionalDigits, on as SubTrigger, p as DropdownMenuItem, pn as ChevronRight, qt as CheckboxItem, r as Input, rn as Separator, s as prettyEngineeringNumber, sn as createMenuScope, tn as RadioItem, u as DropdownMenu, un as createRovingFocusGroupScope, v as DropdownMenuSubContent, y as DropdownMenuSubTrigger } from "./input-Drx1pguW.js";
+import { $t as Portal, G as marked, Gt as Anchor2, Jt as Content2$1, Kt as Arrow2, Qt as Label, Xt as Item2$2, Yt as Group, Zt as ItemIndicator, _ as DropdownMenuSub, a as NumberField, an as SubContent, b as DropdownMenuTrigger, c as prettyNumber, cn as Item, d as DropdownMenuContent, dn as Search, en as RadioGroup$2, fn as Circle, g as DropdownMenuSeparator, h as DropdownMenuPortal, in as Sub, l as prettyScientificNumber, ln as Root$1, m as DropdownMenuLabel, nn as Root3, o as maxFractionalDigits, on as SubTrigger, p as DropdownMenuItem, pn as ChevronRight, qt as CheckboxItem, r as Input, rn as Separator$1, s as prettyEngineeringNumber, sn as createMenuScope, tn as RadioItem, u as DropdownMenu, un as createRovingFocusGroupScope, v as DropdownMenuSubContent, y as DropdownMenuSubTrigger } from "./input-Drx1pguW.js";
 import { a as millisecondsInMinute, c as asRemoteURL, d as isUrl, h as isWasm, i as millisecondsInHour, n as constructFrom, o as millisecondsInSecond, r as millisecondsInDay, s as millisecondsInWeek, t as toDate } from "./toDate-yqOcZ_tY.js";
 import { n as clsx_default } from "./clsx-CyyyQ8Ue.js";
 import { t as require_react_dom } from "./react-dom-BWRJ_g_k.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-COBk7ree.js";
-import { $ as StyleNamespace, X as withFullScreenAsRoot, Y as MAX_HEIGHT_OFFSET, Z as withSmartCollisionBoundary, _t as Primitive$1, dt as Presence, ft as useControllableState, gt as createContextScope, lt as useCallbackRef, mt as composeEventHandlers, ut as useId$1 } from "./zod-BxdsqRPd.js";
+import { $ as StyleNamespace, X as withFullScreenAsRoot, Y as MAX_HEIGHT_OFFSET, Z as withSmartCollisionBoundary, _t as Primitive$1, dt as Presence, ft as useControllableState, gt as createContextScope, lt as useCallbackRef, mt as composeEventHandlers, ut as useId$2 } from "./zod-BxdsqRPd.js";
 import { a as Content$1, c as Root$2, i as prettyError, n as ErrorBanner, o as Overlay, s as Portal$1, t as Banner } from "./error-banner-DnBPzEWg.js";
 import { t as Tooltip } from "./tooltip-B0mtKTXm.js";
 import { f as CopyClipboardIcon, t as _extends } from "./extends-CzJgxo2J.js";
@@ -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 toFieldTypes, Fill, Download, inferFieldTypes, contextAwarePanelOpen, isStaticNotebook, SlotNames, EyeOff, isCellAwareAtom, Funnel, TableHead, ChevronLeft, useIntersectionObserver, ColumnChartContext, TableHeader, ArrowDownWideNarrow, loadTableAndRawData, usePrevious, TableRow, Table, ChevronsRight, TableBody, ChevronsLeft, slotsController, Expand, TableCell, ChevronsDownUp, TOO_MANY_ROWS, NAMELESS_COLUMN_PREFIX, PANEL_TYPES, getStaticVirtualFiles, contextAwarePanelType, GripHorizontal, ColumnChartSpecModel, renderCellValue, DelayMount, INDEX_COLUMN_NAME, loadTableData, SELECT_COLUMN_ID, Filenames, useOverflowDetection, Slide, CommandItem, useInternalStateWithSync, HtmlOutput, JsonOutput, Maps, DataTable, TabsList, getMimeValues, InstallPackageButton, TabsTrigger, downloadHTMLAsImage, LazyVegaEmbed, downloadByURL, ChartLoadingState, SlideSidebar, CommandInput, Provider$1, ChevronsUpDown, Toggle, Ellipsis, OutputArea, Tabs, downloadBlob, ChartInfoState, DEFAULT_SLIDE_TYPE, Command, RadioGroup, CommandList, ADD_PRINTING_CLASS, ChartErrorState, getPageIndexForRow, SLIDE_TYPE_OPTIONS_BY_VALUE, CommandEmpty, RadioGroupItem, CommandSeparator, DEFAULT_DECK_TRANSITION, filtersToFilterGroup, OutputRenderer, TabsContent, prettifyRowColumnCount, RenderTextWithLinks, contextAwarePanelOwner, TextWrap, ContextAwarePanelItem, EmotionCacheProvider, prettifyRowCount, Kbd, generateColumns;
+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 {
@@ -44,7 +44,7 @@ let __tla = Promise.all([
   })()
 ]).then(async () => {
   var _a;
-  let ArrowUpNarrowWide, BrickWall, BugPlay, ChartSpline, Cookie, ExternalLink, FunnelPlus, FunnelX, LayoutTemplate, ListFilterPlus, MessageCircle, Minus, Package, PanelRightClose, PanelRightOpen, PanelRight, PinOff, Rows2, Sparkles, SquareArrowOutUpRight, SquareStack, Terminal, TextAlignJustify, TextAlignStart, require_use_sync_external_store_shim_production, require_shim, import_react, import_jsx_runtime, CONTEXT_MENU_NAME, createContextMenuContext, createContextMenuScope, useMenuScope, ContextMenuProvider, useContextMenuContext, ContextMenu$1;
+  let ArrowUpNarrowWide, BrickWall, BugPlay, ChartSpline, Cookie, ExternalLink, FunnelPlus, FunnelX, LayoutTemplate, ListFilterPlus, MessageCircle, Package, PanelRightClose, PanelRightOpen, PanelRight, PinOff, Rows2, Sparkles, SquareArrowOutUpRight, SquareStack, Terminal, TextAlignJustify, TextAlignStart, require_use_sync_external_store_shim_production, require_shim, import_react, import_jsx_runtime, CONTEXT_MENU_NAME, createContextMenuContext, createContextMenuScope, useMenuScope, ContextMenuProvider, useContextMenuContext, ContextMenu$1;
   ArrowDownWideNarrow = createLucideIcon("arrow-down-wide-narrow", [
     [
       "path",
@@ -734,15 +734,6 @@ let __tla = Promise.all([
       }
     ]
   ]);
-  Minus = createLucideIcon("minus", [
-    [
-      "path",
-      {
-        d: "M5 12h14",
-        key: "1ays0h"
-      }
-    ]
-  ]);
   Package = createLucideIcon("package", [
     [
       "path",
@@ -1304,7 +1295,7 @@ let __tla = Promise.all([
   ContextMenuItemIndicator.displayName = INDICATOR_NAME$1;
   var SEPARATOR_NAME = "ContextMenuSeparator", ContextMenuSeparator$1 = import_react.forwardRef((e, t) => {
     let { __scopeContextMenu: n, ...i } = e, a = useMenuScope(n);
-    return (0, import_jsx_runtime.jsx)(Separator, {
+    return (0, import_jsx_runtime.jsx)(Separator$1, {
       ...a,
       ...i,
       ref: t
@@ -1547,7 +1538,7 @@ let __tla = Promise.all([
     });
     return (0, import_jsx_runtime.jsx)(TabsProvider, {
       scope: n,
-      baseId: useId$1(),
+      baseId: useId$2(),
       value: _,
       onValueChange: v,
       orientation: s,
@@ -5558,9 +5549,9 @@ let __tla = Promise.all([
       t,
       i.name
     ]), null;
-  }), import_compiler_runtime$47 = require_compiler_runtime();
+  }), import_compiler_runtime$48 = require_compiler_runtime();
   EmotionCacheProvider = (e) => {
-    let t = (0, import_compiler_runtime$47.c)(6), { container: n, children: i } = e, a;
+    let t = (0, import_compiler_runtime$48.c)(6), { container: n, children: i } = e, a;
     bb0: {
       if (!n) {
         let e3;
@@ -7059,7 +7050,7 @@ let __tla = Promise.all([
   var maybeReactUseId = {
     ...import_react
   }.useId;
-  function useId$2(e) {
+  function useId$3(e) {
     if (maybeReactUseId !== void 0) {
       let t = maybeReactUseId();
       return e ?? t;
@@ -7164,7 +7155,7 @@ let __tla = Promise.all([
   }
   var DefaultPropsProvider_default = DefaultPropsProvider;
   function useLayerOrder(e) {
-    let t = useThemeWithoutDefault_default(), n = useId$2() || "", { modularCssLayers: i } = e, a = "mui.global, mui.components, mui.theme, mui.custom, mui.sx";
+    let t = useThemeWithoutDefault_default(), n = useId$3() || "", { modularCssLayers: i } = e, a = "mui.global, mui.components, mui.theme, mui.custom, mui.sx";
     return a = !i || t !== null ? "" : typeof i == "string" ? i.replace(/mui(?!\.)/g, a) : `@layer ${a};`, useEnhancedEffect_default(() => {
       var _a2, _b;
       let e2 = document.querySelector("head");
@@ -7473,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), vM = !!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), BM = !!Q && !I, $ = import_react.useMemo(() => h2 || (typeof n == "function" ? n() : n), [
         h2
-      ]), yM = $[t], bM = yM || $, { colorSchemes: xM = _, components: SM = v, cssVarPrefix: CM } = bM, wM = Object.keys(xM).filter((e3) => !!xM[e3]).join(","), TM = import_react.useMemo(() => wM.split(","), [
-        wM
-      ]), EM = typeof s == "string" ? s : s.light, DM = typeof s == "string" ? s : s.dark, { mode: OM, setMode: kM, systemMode: AM, lightColorScheme: jM, darkColorScheme: MM, colorScheme: NM, setColorScheme: PM } = useCurrentColorScheme({
-        supportedColorSchemes: TM,
-        defaultLightColorScheme: EM,
-        defaultDarkColorScheme: DM,
+      ]), 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,
         modeStorageKey: y2,
         colorSchemeStorageKey: S2,
-        defaultMode: xM[EM] && xM[DM] ? U : ((_b = (_a2 = xM[bM.defaultColorScheme]) == null ? void 0 : _a2.palette) == null ? void 0 : _b.mode) || ((_c = bM.palette) == null ? void 0 : _c.mode),
+        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),
         storageManager: E,
         storageWindow: O,
         noSsr: K
-      }), FM = OM, IM = NM;
-      vM && (FM = Q.mode, IM = Q.colorScheme);
-      let LM = import_react.useMemo(() => {
+      }), rN = XM, iN = tN;
+      BM && (rN = Q.mode, iN = Q.colorScheme);
+      let aN = import_react.useMemo(() => {
         var _a3;
-        let e3 = IM || bM.defaultColorScheme, t2 = ((_a3 = bM.generateThemeVars) == null ? void 0 : _a3.call(bM)) || bM.vars, n2 = {
-          ...bM,
-          components: SM,
-          colorSchemes: xM,
-          cssVarPrefix: CM,
+        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,
           vars: t2
         };
         if (typeof n2.generateSpacing == "function" && (n2.spacing = n2.generateSpacing()), e3) {
-          let t3 = xM[e3];
+          let t3 = UM[e3];
           t3 && typeof t3 == "object" && Object.keys(t3).forEach((e4) => {
             t3[e4] && typeof t3[e4] == "object" ? n2[e4] = {
               ...n2[e4],
@@ -7509,31 +7500,31 @@ try {
         }
         return c ? c(n2) : n2;
       }, [
-        bM,
-        IM,
-        SM,
-        xM,
-        CM
-      ]), RM = bM.colorSchemeSelector;
+        HM,
+        iN,
+        WM,
+        UM,
+        GM
+      ]), oN = HM.colorSchemeSelector;
       useEnhancedEffect_default(() => {
-        if (IM && M && RM && RM !== "media") {
-          let e3 = RM, t2 = RM;
-          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(...TM.map((e4) => t2.substring(1).replace("%s", e4))), M.classList.add(t2.substring(1).replace("%s", IM));
+        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));
           else {
-            let e4 = t2.replace("%s", IM).match(/\[([^\]]+)\]/);
+            let e4 = t2.replace("%s", iN).match(/\[([^\]]+)\]/);
             if (e4) {
               let [t3, n2] = e4[1].split("=");
-              n2 || TM.forEach((e5) => {
-                M.removeAttribute(t3.replace(IM, e5));
+              n2 || qM.forEach((e5) => {
+                M.removeAttribute(t3.replace(iN, e5));
               }), M.setAttribute(t3, n2 ? n2.replace(/"|'/g, "") : "");
-            } else M.setAttribute(t2, IM);
+            } else M.setAttribute(t2, iN);
           }
         }
       }, [
-        IM,
-        RM,
+        iN,
+        oN,
         M,
-        TM
+        qM
       ]), import_react.useEffect(() => {
         let e3;
         if (w2 && q.current && A) {
@@ -7546,48 +7537,48 @@ try {
           clearTimeout(e3);
         };
       }, [
-        IM,
+        iN,
         w2,
         A
       ]), import_react.useEffect(() => (q.current = true, () => {
         q.current = false;
       }), []);
-      let zM = import_react.useMemo(() => ({
-        allColorSchemes: TM,
-        colorScheme: IM,
-        darkColorScheme: MM,
-        lightColorScheme: jM,
-        mode: FM,
-        setColorScheme: PM,
-        setMode: kM,
-        systemMode: AM
+      let sN = import_react.useMemo(() => ({
+        allColorSchemes: qM,
+        colorScheme: iN,
+        darkColorScheme: eN,
+        lightColorScheme: $M,
+        mode: rN,
+        setColorScheme: nN,
+        setMode: ZM,
+        systemMode: QM
       }), [
-        TM,
-        IM,
-        MM,
-        jM,
-        FM,
-        PM,
-        kM,
-        AM,
-        LM.colorSchemeSelector
-      ]), BM = true;
-      (z || bM.cssVariables === false || vM && (J == null ? void 0 : J.cssVarPrefix) === CM) && (BM = false);
-      let VM = (0, import_jsx_runtime.jsxs)(import_react.Fragment, {
+        qM,
+        iN,
+        eN,
+        $M,
+        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, {
         children: [
           (0, import_jsx_runtime.jsx)(ThemeProvider_default, {
-            themeId: yM ? t : void 0,
-            theme: LM,
+            themeId: VM ? t : void 0,
+            theme: aN,
             children: d2
           }),
-          BM && (0, import_jsx_runtime.jsx)(GlobalStyles$1, {
-            styles: ((_d = LM.generateStyleSheets) == null ? void 0 : _d.call(LM)) || []
+          cN && (0, import_jsx_runtime.jsx)(GlobalStyles$1, {
+            styles: ((_d = aN.generateStyleSheets) == null ? void 0 : _d.call(aN)) || []
           })
         ]
       });
-      return vM ? VM : (0, import_jsx_runtime.jsx)(f.Provider, {
-        value: zM,
-        children: VM
+      return BM ? lN : (0, import_jsx_runtime.jsx)(f.Provider, {
+        value: sN,
+        children: lN
       });
     }
     let S = typeof s == "string" ? s : s.light, w = typeof s == "string" ? s : s.dark;
@@ -9087,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: vM, onFocus: $, onKeyDown: yM, onKeyUp: bM, placeholder: xM, readOnly: SM, renderSuffix: CM, rows: wM, size: TM, slotProps: EM = {}, slots: DM = {}, startAdornment: OM, type: kM = "text", value: AM, ...jM } = n, MM = A.value == null ? AM : A.value, { current: NM } = import_react.useRef(MM != null), PM = import_react.useRef(), FM = import_react.useCallback((e2) => {
-    }, []), IM = useForkRef_default(PM, M, A.ref, FM), [LM, RM] = import_react.useState(false), zM = useFormControl(), BM = 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: 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({
       props: n,
-      muiFormControl: zM,
+      muiFormControl: sN,
       states: [
         "color",
         "disabled",
@@ -9101,145 +9092,145 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
         "filled"
       ]
     });
-    BM.focused = zM ? zM.focused : LM, import_react.useEffect(() => {
-      !zM && _ && LM && (RM(false), J && J());
+    cN.focused = sN ? sN.focused : aN, import_react.useEffect(() => {
+      !sN && _ && aN && (oN(false), J && J());
     }, [
-      zM,
+      sN,
       _,
-      LM,
+      aN,
       J
     ]);
-    let VM = zM && zM.onFilled, HM = zM && zM.onEmpty, UM = import_react.useCallback((e2) => {
-      isFilled(e2) ? VM && VM() : HM && HM();
+    let lN = sN && sN.onFilled, uN = sN && sN.onEmpty, dN = import_react.useCallback((e2) => {
+      isFilled(e2) ? lN && lN() : uN && uN();
     }, [
-      VM,
-      HM
+      lN,
+      uN
     ]);
     useEnhancedEffect_default$1(() => {
-      NM && UM({
-        value: MM
+      tN && dN({
+        value: eN
       });
     }, [
-      MM,
-      UM,
-      NM
+      eN,
+      dN,
+      tN
     ]);
-    let WM = (e2) => {
-      $ && $(e2), A.onFocus && A.onFocus(e2), zM && zM.onFocus ? zM.onFocus(e2) : RM(true);
-    }, GM = (e2) => {
-      J && J(e2), A.onBlur && A.onBlur(e2), zM && zM.onBlur ? zM.onBlur(e2) : RM(false);
-    }, KM = (e2, ...t2) => {
-      if (!NM) {
-        let t3 = e2.target || PM.current;
+    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;
         if (t3 == null) throw Error(formatMuiErrorMessage(1));
-        UM({
+        dN({
           value: t3.value
         });
       }
       A.onChange && A.onChange(e2, ...t2), Q && Q(e2, ...t2);
     };
     import_react.useEffect(() => {
-      UM(PM.current);
+      dN(nN.current);
     }, []);
-    let qM = (e2) => {
-      PM.current && e2.currentTarget === e2.target && PM.current.focus(), vM && vM(e2);
-    }, JM = O, YM = A;
-    K && JM === "input" && (YM = wM ? {
+    let hN = (e2) => {
+      nN.current && e2.currentTarget === e2.target && nN.current.focus(), BM && BM(e2);
+    }, gN = O, _N = A;
+    K && gN === "input" && (_N = KM ? {
       type: void 0,
-      minRows: wM,
-      maxRows: wM,
-      ...YM
+      minRows: KM,
+      maxRows: KM,
+      ..._N
     } : {
       type: void 0,
       maxRows: z,
       minRows: U,
-      ...YM
-    }, JM = TextareaAutosize_default);
-    let XM = (e2) => {
-      UM(e2.animationName === "mui-auto-fill-cancel" ? PM.current : {
+      ..._N
+    }, gN = TextareaAutosize_default);
+    let vN = (e2) => {
+      dN(e2.animationName === "mui-auto-fill-cancel" ? nN.current : {
         value: "x"
       });
     };
     import_react.useEffect(() => {
-      zM && zM.setAdornedStart(!!OM);
+      sN && sN.setAdornedStart(!!XM);
     }, [
-      zM,
-      OM
+      sN,
+      XM
     ]);
-    let ZM = {
+    let yN = {
       ...n,
-      color: BM.color || "primary",
-      disabled: BM.disabled,
+      color: cN.color || "primary",
+      disabled: cN.disabled,
       endAdornment: y,
-      error: BM.error,
-      focused: BM.focused,
-      formControl: zM,
+      error: cN.error,
+      focused: cN.focused,
+      formControl: sN,
       fullWidth: w,
-      hiddenLabel: BM.hiddenLabel,
+      hiddenLabel: cN.hiddenLabel,
       multiline: K,
-      size: BM.size,
-      startAdornment: OM,
-      type: kM
-    }, QM = useUtilityClasses(ZM), $M = DM.root || d.Root || InputBaseRoot, eN = EM.root || f.root || {}, tN = DM.input || d.Input || InputBaseInput;
-    return YM = {
-      ...YM,
-      ...EM.input ?? f.input
+      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
     }, (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)($M, {
-          ...eN,
+        (0, import_jsx_runtime.jsxs)(xN, {
+          ...SN,
           ref: t,
-          onClick: qM,
-          ...jM,
-          ...!isHostComponent_default($M) && {
+          onClick: hN,
+          ...$M,
+          ...!isHostComponent_default(xN) && {
             ownerState: {
-              ...ZM,
-              ...eN.ownerState
+              ...yN,
+              ...SN.ownerState
             }
           },
-          className: clsx_default(QM.root, eN.className, s, SM && "MuiInputBase-readOnly"),
+          className: clsx_default(bN.root, SN.className, s, WM && "MuiInputBase-readOnly"),
           children: [
-            OM,
+            XM,
             (0, import_jsx_runtime.jsx)(FormControlContext_default.Provider, {
               value: null,
-              children: (0, import_jsx_runtime.jsx)(tN, {
-                "aria-invalid": BM.error,
+              children: (0, import_jsx_runtime.jsx)(CN, {
+                "aria-invalid": cN.error,
                 "aria-describedby": i,
                 autoComplete: a,
                 autoFocus: o,
                 defaultValue: h,
-                disabled: BM.disabled,
+                disabled: cN.disabled,
                 id: E,
-                onAnimationStart: XM,
+                onAnimationStart: vN,
                 name: q,
-                placeholder: xM,
-                readOnly: SM,
-                required: BM.required,
-                rows: wM,
-                value: MM,
-                onKeyDown: yM,
-                onKeyUp: bM,
-                type: kM,
-                ...YM,
-                ...!isHostComponent_default(tN) && {
-                  as: JM,
+                placeholder: UM,
+                readOnly: WM,
+                required: cN.required,
+                rows: KM,
+                value: eN,
+                onKeyDown: VM,
+                onKeyUp: HM,
+                type: ZM,
+                ..._N,
+                ...!isHostComponent_default(CN) && {
+                  as: gN,
                   ownerState: {
-                    ...ZM,
-                    ...YM.ownerState
+                    ...yN,
+                    ..._N.ownerState
                   }
                 },
-                ref: IM,
-                className: clsx_default(QM.input, YM.className, SM && "MuiInputBase-readOnly"),
-                onBlur: GM,
-                onChange: KM,
-                onFocus: WM
+                ref: iN,
+                className: clsx_default(bN.input, _N.className, WM && "MuiInputBase-readOnly"),
+                onBlur: pN,
+                onChange: mN,
+                onFocus: fN
               })
             }),
             y,
-            CM ? CM({
-              ...BM,
-              startAdornment: OM
+            GM ? GM({
+              ...cN,
+              startAdornment: XM
             }) : null
           ]
         })
@@ -10315,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), vM = useJsonViewerStore((e2) => e2.onChange), $ = useTextColor(), yM = useJsonViewerStore((e2) => e2.colorspace.base0C), bM = useJsonViewerStore((e2) => e2.colorspace.base0A), xM = useJsonViewerStore((e2) => e2.displayComma), SM = useJsonViewerStore((e2) => e2.quotesOnKeys), CM = useJsonViewerStore((e2) => e2.rootName), wM = U === t, TM = Number.isInteger(Number(A)), EM = useJsonViewerStore((e2) => e2.enableAdd), DM = useJsonViewerStore((e2) => e2.onAdd), OM = (0, import_react.useMemo)(() => !DM || a !== void 0 || EM === false || v === false ? false : typeof EM == "function" ? !!EM(i, t) : !!(Array.isArray(t) || isPlainObject(t)), [
-      DM,
+    ]), 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,
       a,
       i,
-      EM,
+      JM,
       v,
       t
-    ]), kM = useJsonViewerStore((e2) => e2.enableDelete), AM = useJsonViewerStore((e2) => e2.onDelete), jM = (0, import_react.useMemo)(() => !AM || a !== void 0 || wM || kM === false || v === false ? false : typeof kM == "function" ? !!kM(i, t) : kM, [
-      AM,
+    ]), 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,
       a,
-      wM,
+      KM,
       i,
-      kM,
+      ZM,
       v,
       t
-    ]), MM = useJsonViewerStore((e2) => e2.enableClipboard), { copy: NM, copied: PM } = useClipboard(), FM = useJsonViewerStore((e2) => e2.highlightUpdates), IM = (0, import_react.useMemo)(() => !FM || 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, [
-      FM,
+    ]), 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,
       n,
       t
-    ]), LM = (0, import_react.useRef)();
+    ]), aN = (0, import_react.useRef)();
     (0, import_react.useEffect)(() => {
-      LM.current && IM && "animate" in LM.current && LM.current.animate([
+      aN.current && iN && "animate" in aN.current && aN.current.animate([
         {
-          backgroundColor: bM
+          backgroundColor: HM
         },
         {
           backgroundColor: ""
@@ -10348,40 +10339,40 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
         easing: "ease-in"
       });
     }, [
-      bM,
-      IM,
+      HM,
+      iN,
       n,
       t
     ]);
-    let RM = (0, import_react.useCallback)((e2) => {
+    let oN = (0, import_react.useCallback)((e2) => {
       e2.preventDefault(), h && E(h(t)), Q(true);
     }, [
       h,
       t
-    ]), zM = (0, import_react.useCallback)(() => {
+    ]), sN = (0, import_react.useCallback)(() => {
       Q(false), E("");
     }, [
       Q,
       E
-    ]), BM = (0, import_react.useCallback)((e2) => {
+    ]), cN = (0, import_react.useCallback)((e2) => {
       if (Q(false), _) try {
-        vM(i, t, _(e2));
+        BM(i, t, _(e2));
       } catch {
       }
     }, [
       Q,
       _,
-      vM,
+      BM,
       i,
       t
-    ]), VM = (0, import_react.useMemo)(() => J ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    ]), lN = (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: zM
+            onClick: sN
           })
         }),
         (0, import_jsx_runtime.jsx)(IconBox, {
@@ -10389,22 +10380,22 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
             sx: {
               fontSize: ".8rem"
             },
-            onClick: () => BM(w)
+            onClick: () => cN(w)
           })
         })
       ]
     }) : (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        MM && (0, import_jsx_runtime.jsx)(IconBox, {
+        eN && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
             e2.preventDefault();
             try {
-              NM(i, t, copyString);
+              tN(i, t, copyString);
             } catch (e3) {
               console.error(e3);
             }
           },
-          children: PM ? (0, import_jsx_runtime.jsx)(CheckIcon$1, {
+          children: nN ? (0, import_jsx_runtime.jsx)(CheckIcon$1, {
             sx: {
               fontSize: ".8rem"
             }
@@ -10415,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: RM,
+          onClick: oN,
           children: (0, import_jsx_runtime.jsx)(EditIcon, {
             sx: {
               fontSize: ".8rem"
             }
           })
         }),
-        OM && (0, import_jsx_runtime.jsx)(IconBox, {
+        XM && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
-            e2.preventDefault(), DM == null ? void 0 : DM(i);
+            e2.preventDefault(), YM == null ? void 0 : YM(i);
           },
           children: (0, import_jsx_runtime.jsx)(AddBoxIcon, {
             sx: {
@@ -10432,9 +10423,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
             }
           })
         }),
-        jM && (0, import_jsx_runtime.jsx)(IconBox, {
+        $M && (0, import_jsx_runtime.jsx)(IconBox, {
           onClick: (e2) => {
-            e2.preventDefault(), AM == null ? void 0 : AM(i, t);
+            e2.preventDefault(), QM == null ? void 0 : QM(i, t);
           },
           children: (0, import_jsx_runtime.jsx)(DeleteIcon, {
             sx: {
@@ -10447,24 +10438,24 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       f,
       h,
       _,
-      PM,
-      NM,
+      nN,
+      tN,
       S,
       J,
-      MM,
-      OM,
-      jM,
+      eN,
+      XM,
+      $M,
       w,
       i,
       t,
-      DM,
-      AM,
-      RM,
-      zM,
-      BM
-    ]), HM = (0, import_react.useMemo)(() => getValueSize(t) === 0, [
+      YM,
+      QM,
+      oN,
+      sN,
+      cN
+    ]), uN = (0, import_react.useMemo)(() => getValueSize(t) === 0, [
       t
-    ]), UM = !HM && !!(c && d), WM = useJsonViewerStore((e2) => e2.keyRenderer), GM = (0, import_react.useMemo)(() => ({
+    ]), dN = !uN && !!(c && d), fN = useJsonViewerStore((e2) => e2.keyRenderer), pN = (0, import_react.useMemo)(() => ({
       path: i,
       inspect: K,
       setInspect: q,
@@ -10501,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() || HM || q((e3) => !e3);
+            e2.isDefaultPrevented() || uN || q((e3) => !e3);
           }, [
-            HM,
+            uN,
             q
           ]),
           children: [
-            UM ? K ? (0, import_jsx_runtime.jsx)(ExpandMoreIcon, {
+            dN ? K ? (0, import_jsx_runtime.jsx)(ExpandMoreIcon, {
               className: "data-key-toggle-expanded",
               sx: {
                 fontSize: ".8rem",
@@ -10525,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: LM,
+              ref: aN,
               className: "data-key-key",
               component: "span",
-              children: wM && O === 0 ? CM === false ? null : SM ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+              children: KM && O === 0 ? GM === false ? null : WM ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
                 children: [
                   '"',
-                  CM,
+                  GM,
                   '"'
                 ]
               }) : (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-                children: CM
-              }) : WM.when(GM) ? (0, import_jsx_runtime.jsx)(WM, {
-                ...GM
-              }) : a === void 0 && (TM ? (0, import_jsx_runtime.jsx)(Box_default, {
+                children: GM
+              }) : fN.when(pN) ? (0, import_jsx_runtime.jsx)(fN, {
+                ...pN
+              }) : a === void 0 && (qM ? (0, import_jsx_runtime.jsx)(Box_default, {
                 component: "span",
                 style: {
-                  color: yM,
-                  userSelect: TM ? "none" : "auto"
+                  color: VM,
+                  userSelect: qM ? "none" : "auto"
                 },
                 children: A
-              }) : SM ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+              }) : WM ? (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
                 children: [
                   '"',
                   A,
@@ -10555,7 +10546,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
                 children: A
               }))
             }),
-            wM ? CM !== false && (0, import_jsx_runtime.jsx)(DataBox, {
+            KM ? GM !== false && (0, import_jsx_runtime.jsx)(DataBox, {
               className: "data-key-colon",
               sx: {
                 mr: 0.5
@@ -10568,38 +10559,38 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
                 ".data-key-key:empty + &": {
                   display: "none"
                 },
-                userSelect: TM ? "none" : "auto"
+                userSelect: qM ? "none" : "auto"
               },
               children: ":"
             }),
             c && (0, import_jsx_runtime.jsx)(c, {
-              ...GM
+              ...pN
             }),
-            I && UM && K && VM
+            I && dN && K && lN
           ]
         }),
         J && S ? f && (0, import_jsx_runtime.jsx)(f, {
           path: i,
           value: w,
           setValue: E,
-          abortEditing: zM,
-          commitEditing: BM
+          abortEditing: sN,
+          commitEditing: cN
         }) : s ? (0, import_jsx_runtime.jsx)(s, {
-          ...GM
+          ...pN
         }) : (0, import_jsx_runtime.jsx)(Box_default, {
           component: "span",
           className: "data-value-fallback",
           children: `fallback: ${t}`
         }),
         d && (0, import_jsx_runtime.jsx)(d, {
-          ...GM
+          ...pN
         }),
-        !o && xM && (0, import_jsx_runtime.jsx)(DataBox, {
+        !o && UM && (0, import_jsx_runtime.jsx)(DataBox, {
           children: ","
         }),
-        I && UM && !K && VM,
-        I && !UM && VM,
-        !I && J && VM
+        I && dN && !K && lN,
+        I && !dN && lN,
+        !I && J && lN
       ]
     });
   }, query = "(prefers-color-scheme: dark)";
@@ -10728,9 +10719,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
         })
       })
     });
-  }, import_compiler_runtime$46 = require_compiler_runtime();
+  }, import_compiler_runtime$47 = require_compiler_runtime();
   HtmlOutput = (0, import_react.memo)((e) => {
-    let t = (0, import_compiler_runtime$46.c)(10), { html: n, inline: i, className: o, alwaysSanitizeHtml: s } = e, c = i === void 0 ? false : i;
+    let t = (0, import_compiler_runtime$47.c)(10), { html: n, inline: i, className: o, alwaysSanitizeHtml: s } = e, c = i === void 0 ? false : i;
     if (!n) return null;
     let d = !c, f;
     t[0] !== o || t[1] !== c || t[2] !== d ? (f = cn(o, {
@@ -10749,9 +10740,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
     }), t[7] = f, t[8] = h, t[9] = _) : _ = t[9], _;
   });
   HtmlOutput.displayName = "HtmlOutput";
-  var import_compiler_runtime$45 = require_compiler_runtime();
+  var import_compiler_runtime$46 = require_compiler_runtime();
   const ImageOutput = (e) => {
-    let t = (0, import_compiler_runtime$45.c)(8), { src: n, alt: i, width: a, height: o, className: s } = e, c = i === void 0 ? "" : i, d;
+    let t = (0, import_compiler_runtime$46.c)(8), { src: n, alt: i, width: a, height: o, className: s } = e, c = i === void 0 ? "" : i, d;
     t[0] !== c || t[1] !== o || t[2] !== n || t[3] !== a ? (d = (0, import_jsx_runtime.jsx)("img", {
       src: n,
       alt: c,
@@ -10764,9 +10755,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       children: d
     }), t[5] = s, t[6] = d, t[7] = f) : f = t[7], f;
   };
-  var import_compiler_runtime$44 = require_compiler_runtime();
+  var import_compiler_runtime$45 = require_compiler_runtime();
   Kbd = (e) => {
-    let t = (0, import_compiler_runtime$44.c)(5), n;
+    let t = (0, import_compiler_runtime$45.c)(5), n;
     t[0] === e.className ? n = t[1] : (n = clsx_default(e.className, "rounded-md bg-muted/40 px-2 text-[0.75rem] font-prose center border border-foreground/20 text-muted-foreground block whitespace-nowrap"), t[0] = e.className, t[1] = n);
     let i;
     return t[2] !== e.children || t[3] !== n ? (i = (0, import_jsx_runtime.jsx)("kbd", {
@@ -10774,9 +10765,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       children: e.children
     }), t[2] = e.children, t[3] = n, t[4] = i) : i = t[4], i;
   };
-  var import_compiler_runtime$43 = require_compiler_runtime();
+  var import_compiler_runtime$44 = require_compiler_runtime();
   const ExternalLink$1 = (e) => {
-    let t = (0, import_compiler_runtime$43.c)(3), { href: n, children: i } = e, a;
+    let t = (0, import_compiler_runtime$44.c)(3), { href: n, children: i } = e, a;
     return t[0] !== i || t[1] !== n ? (a = (0, import_jsx_runtime.jsx)("a", {
       href: n,
       target: "_blank",
@@ -10947,17 +10938,17 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     os: "os",
     re: "re",
     sys: "sys"
-  }, import_compiler_runtime$42 = require_compiler_runtime(), fixModeAtom = atomWithStorage("marimo:ai-autofix-mode", "autofix", jotaiJsonStorage);
+  }, import_compiler_runtime$43 = require_compiler_runtime(), fixModeAtom = atomWithStorage("marimo:ai-autofix-mode", "autofix", jotaiJsonStorage);
   function useFixMode() {
-    let e = (0, import_compiler_runtime$42.c)(3), [t, n] = useAtom(fixModeAtom), i;
+    let e = (0, import_compiler_runtime$43.c)(3), [t, n] = useAtom(fixModeAtom), i;
     return e[0] !== t || e[1] !== n ? (i = {
       fixMode: t,
       setFixMode: n
     }, e[0] = t, e[1] = n, e[2] = i) : i = e[2], i;
   }
-  var import_compiler_runtime$41 = require_compiler_runtime();
+  var import_compiler_runtime$42 = require_compiler_runtime();
   const AutoFixButton = (e) => {
-    let t = (0, import_compiler_runtime$41.c)(21), { errors: n, cellId: i, className: o } = e, s = useStore(), { createNewCell: c } = useCellActions(), d = useAtomValue(aiEnabledAtom), h;
+    let t = (0, import_compiler_runtime$42.c)(21), { errors: n, cellId: i, className: o } = e, s = useStore(), { createNewCell: c } = useCellActions(), d = useAtomValue(aiEnabledAtom), h;
     if (t[0] !== d || t[1] !== n) {
       let e2;
       t[3] === d ? e2 = t[4] : (e2 = (e3) => getAutoFixes(e3, {
@@ -11018,7 +11009,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   };
   var PromptIcon = Sparkles, AutofixIcon = Wrench, PromptTitle = "Suggest a prompt", AutofixTitle = "Fix with AI";
   const AIFixButton = (e) => {
-    let t = (0, import_compiler_runtime$41.c)(21), { tooltip: n, openPrompt: i, applyAutofix: a } = e, { fixMode: o, setFixMode: s } = useFixMode(), c = o === "prompt" ? i : a, d;
+    let t = (0, import_compiler_runtime$42.c)(21), { tooltip: n, openPrompt: i, applyAutofix: a } = e, { fixMode: o, setFixMode: s } = useFixMode(), c = o === "prompt" ? i : a, d;
     t[0] === o ? d = t[1] : (d = o === "prompt" ? (0, import_jsx_runtime.jsx)(PromptIcon, {
       className: "h-3 w-3 mr-2 mb-0.5"
     }) : (0, import_jsx_runtime.jsx)(AutofixIcon, {
@@ -11087,7 +11078,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), t[18] = O, t[19] = v, t[20] = A) : A = t[20], A;
   };
   var AiModeItem = (e) => {
-    let t = (0, import_compiler_runtime$41.c)(12), { mode: n } = e, i;
+    let t = (0, import_compiler_runtime$42.c)(12), { mode: n } = e, i;
     t[0] === n ? i = t[1] : (i = n === "prompt" ? (0, import_jsx_runtime.jsx)(PromptIcon, {
       className: "h-4 w-4"
     }) : (0, import_jsx_runtime.jsx)(AutofixIcon, {
@@ -11124,9 +11115,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   function useFilename() {
     return useAtomValue(filenameAtom);
   }
-  var import_compiler_runtime$39 = require_compiler_runtime();
+  var import_compiler_runtime$40 = require_compiler_runtime();
   const CellLink = (e) => {
-    let t = (0, import_compiler_runtime$39.c)(12), { className: n, cellId: i, variant: o, onClick: s, formatCellName: c, skipScroll: d } = e, f = useCellNames()[i] ?? "", h = useCellIds().inOrderIds.indexOf(i), { showCellIfHidden: _ } = useCellActions(), v = c ?? _temp$5, y;
+    let t = (0, import_compiler_runtime$40.c)(12), { className: n, cellId: i, variant: o, onClick: s, formatCellName: c, skipScroll: d } = e, f = useCellNames()[i] ?? "", h = useCellIds().inOrderIds.indexOf(i), { showCellIfHidden: _ } = useCellActions(), v = c ?? _temp$5, y;
     t[0] === n ? y = t[1] : (y = cn("inline-block cursor-pointer text-link hover:underline", n), t[0] = n, t[1] = y);
     let S;
     t[2] !== i || t[3] !== s || t[4] !== _ || t[5] !== d || t[6] !== o ? (S = (e2) => {
@@ -11146,13 +11137,13 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       children: w
     }), t[8] = y, t[9] = S, t[10] = w, t[11] = O) : O = t[11], O;
   }, CellLinkError = (e) => {
-    let t = (0, import_compiler_runtime$39.c)(2), n;
+    let t = (0, import_compiler_runtime$40.c)(2), n;
     return t[0] === e ? n = t[1] : (n = (0, import_jsx_runtime.jsx)(CellLink, {
       ...e,
       variant: "destructive"
     }), t[0] = e, t[1] = n), n;
   }, CellLinkTraceback = (e) => {
-    let t = (0, import_compiler_runtime$39.c)(10), { cellId: n, lineNumber: i } = e, a = useFilename(), o;
+    let t = (0, import_compiler_runtime$40.c)(10), { cellId: n, lineNumber: i } = e, a = useFilename(), o;
     t[0] !== n || t[1] !== i ? (o = () => goToCellLine(n, i), t[0] = n, t[1] = i, t[2] = o) : o = t[2];
     let s;
     t[3] !== n || t[4] !== a ? (s = (e2) => n === "__scratch__" ? "scratch" : `marimo://${a || "untitled"}#cell=${e2}`, t[3] = n, t[4] = a, t[5] = s) : s = t[5];
@@ -11249,7 +11240,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       value: e2
     });
   }
-  var import_compiler_runtime$38 = require_compiler_runtime(), ansiUp = new AnsiUp();
+  var import_compiler_runtime$39 = require_compiler_runtime(), ansiUp = new AnsiUp();
   const cleanAnsiCodes = (e) => {
     let t = RegExp("\x1B\\[[0-9;]*m", "g");
     return e.replaceAll(t, "");
@@ -11317,7 +11308,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     });
   }
   var InstallPackageLink = (e) => {
-    let t = (0, import_compiler_runtime$38.c)(6), { packages: n, children: i } = e, { handleInstallPackages: a } = useInstallPackages(), o;
+    let t = (0, import_compiler_runtime$39.c)(6), { packages: n, children: i } = e, { handleInstallPackages: a } = useInstallPackages(), o;
     t[0] !== a || t[1] !== n ? (o = (e2) => {
       a(n), e2.preventDefault();
     }, t[0] = a, t[1] = n, t[2] = o) : o = t[2];
@@ -11390,15 +11381,15 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     })
   });
   RenderTextWithLinks = (e) => {
-    let t = (0, import_compiler_runtime$38.c)(4), { text: n } = e, i;
+    let t = (0, import_compiler_runtime$39.c)(4), { text: n } = e, i;
     t[0] === n ? i = t[1] : (i = renderTextWithReplacers(n, composeReplacers(pipInstallReplacer, urlReplacer)), t[0] = n, t[1] = i);
     let a = i, o;
     return t[2] === a ? o = t[3] : (o = (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
       children: a
     }), t[2] = a, t[3] = o), o;
   };
-  var import_compiler_runtime$37 = require_compiler_runtime(), Tip = (e) => {
-    let t = (0, import_compiler_runtime$37.c)(10), n = e.title ?? "Tip", i;
+  var import_compiler_runtime$38 = require_compiler_runtime(), Tip = (e) => {
+    let t = (0, import_compiler_runtime$38.c)(10), n = e.title ?? "Tip", i;
     t[0] === n ? i = t[1] : (i = (0, import_jsx_runtime.jsx)(AccordionTrigger, {
       className: "pt-2 pb-2 font-normal",
       children: n
@@ -11426,7 +11417,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), t[7] = e.className, t[8] = o, t[9] = s) : s = t[9], s;
   };
   const MarimoErrorOutput = (e) => {
-    let t = (0, import_compiler_runtime$37.c)(31), { errors: n, cellId: i, className: o } = e, s = useChromeActions(), c = "This cell wasn't run because it has errors", d = "destructive", h = "text-error";
+    let t = (0, import_compiler_runtime$38.c)(31), { errors: n, cellId: i, className: o } = e, s = useChromeActions(), c = "This cell wasn't run because it has errors", d = "destructive", h = "text-error";
     if (n.some(_temp$4)) c = "Interrupted";
     else if (n.some(_temp2$2)) c = "An internal error occurred";
     else if (n.some(_temp3$1)) c = "Ancestor prevented from running", d = "default", h = "text-secondary-foreground";
@@ -11440,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), vM = n.filter(_temp16), $ = n.filter(_temp17), yM;
-      t[15] === s ? yM = t[16] : (yM = () => {
+      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 = () => {
         s.openApplication("scratchpad");
-      }, t[15] = s, t[16] = yM);
-      let bM = yM, SM = () => {
+      }, t[15] = s, t[16] = VM);
+      let HM = VM, UM = () => {
         let t2 = [];
-        if (Q.length > 0 || vM.length > 0) {
+        if (Q.length > 0 || BM.length > 0) {
           let e3 = Q.some(_temp18), n2 = !e3 && Q.some(_temp19);
           t2.push((0, import_jsx_runtime.jsxs)("div", {
             children: [
               Q.map(_temp20),
-              vM.map(_temp21),
+              BM.map(_temp21),
               e3 && (0, import_jsx_runtime.jsxs)(Button, {
                 size: "xs",
                 variant: "outline",
@@ -11483,7 +11474,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
               i && (0, import_jsx_runtime.jsx)(AutoFixButton, {
                 errors: [
                   ...Q,
-                  ...vM
+                  ...BM
                 ],
                 cellId: i
               })
@@ -11644,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: bM,
+                      onClick: HM,
                       children: [
                         (0, import_jsx_runtime.jsx)(NotebookPen, {
                           className: "h-3"
@@ -11769,13 +11760,13 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             })
           ]
         }, "sql-errors")), t2;
-      }, CM = `font-code font-medium tracking-wide ${h}`, wM;
-      t[17] !== CM || t[18] !== c ? (wM = (0, import_jsx_runtime.jsx)(AlertTitle, {
-        className: CM,
+      }, WM = `font-code font-medium tracking-wide ${h}`, GM;
+      t[17] !== WM || t[18] !== c ? (GM = (0, import_jsx_runtime.jsx)(AlertTitle, {
+        className: WM,
         children: c
-      }), t[17] = CM, t[18] = c, t[19] = wM) : wM = t[19];
-      let TM = wM;
-      _ = 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 = TM, v = "flex flex-col gap-8", y = SM(), 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] = 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;
     } 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", {
@@ -12103,9 +12094,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       })
     }, `sql-error-${t}`);
   }
-  var import_compiler_runtime$36 = require_compiler_runtime();
+  var import_compiler_runtime$37 = require_compiler_runtime();
   const TextOutput = (e) => {
-    let t = (0, import_compiler_runtime$36.c)(13), { text: n, channel: i, wrapText: o } = e, s = i === "stdout" || i === "stderr", c;
+    let t = (0, import_compiler_runtime$37.c)(13), { text: n, channel: i, wrapText: o } = e, s = i === "stdout" || i === "stderr", c;
     t[0] === o ? c = t[1] : (c = (e2) => (0, import_jsx_runtime.jsx)("span", {
       className: o ? "whitespace-pre-wrap break-words" : "whitespace-pre",
       children: (0, import_jsx_runtime.jsx)(RenderTextWithLinks, {
@@ -12122,17 +12113,17 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       children: v
     }), t[10] = _, t[11] = v, t[12] = y) : y = t[12], y;
   };
-  var import_compiler_runtime$35 = require_compiler_runtime();
+  var import_compiler_runtime$36 = require_compiler_runtime();
   const VideoOutput = (e) => {
-    let t = (0, import_compiler_runtime$35.c)(3), { src: n, className: i } = e, a;
+    let t = (0, import_compiler_runtime$36.c)(3), { src: n, className: i } = e, a;
     return t[0] !== i || t[1] !== n ? (a = (0, import_jsx_runtime.jsx)("iframe", {
       className: i,
       src: n
     }), t[0] = i, t[1] = n, t[2] = a) : a = t[2], a;
   };
-  var import_compiler_runtime$34 = require_compiler_runtime();
+  var import_compiler_runtime$35 = require_compiler_runtime();
   useOverflowDetection = function(e, t) {
-    let n = (0, import_compiler_runtime$34.c)(4), i = t === void 0 ? true : t, [a, o] = (0, import_react.useState)(false), s, c;
+    let n = (0, import_compiler_runtime$35.c)(4), i = t === void 0 ? true : t, [a, o] = (0, import_react.useState)(false), s, c;
     return n[0] !== i || n[1] !== e ? (s = () => {
       let t2 = e.current;
       if (!t2 || !i) return;
@@ -12229,9 +12220,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   LazyVegaEmbed = import_react.lazy(() => import("./react-vega-jy3CfYys.js").then((e) => ({
     default: e.VegaEmbed
   })));
-  var import_compiler_runtime$33 = require_compiler_runtime();
+  var import_compiler_runtime$34 = require_compiler_runtime();
   ChartLoadingState = () => {
-    let e = (0, import_compiler_runtime$33.c)(1), t;
+    let e = (0, import_compiler_runtime$34.c)(1), t;
     return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-center gap-2 justify-center",
       children: [
@@ -12246,7 +12237,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), e[0] = t) : t = e[0], t;
   };
   ChartErrorState = (e) => {
-    let t = (0, import_compiler_runtime$33.c)(2), { error: n } = e, i;
+    let t = (0, import_compiler_runtime$34.c)(2), { error: n } = e, i;
     return t[0] === n ? i = t[1] : (i = (0, import_jsx_runtime.jsx)("div", {
       className: "flex items-center justify-center",
       children: (0, import_jsx_runtime.jsx)(ErrorBanner, {
@@ -12255,7 +12246,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), t[0] = n, t[1] = i), i;
   };
   ChartInfoState = (e) => {
-    let t = (0, import_compiler_runtime$33.c)(8), { children: n, className: i } = e, o;
+    let t = (0, import_compiler_runtime$34.c)(8), { children: n, className: i } = e, o;
     t[0] === i ? o = t[1] : (o = cn("flex flex-col items-center justify-center gap-4", i), t[0] = i, t[1] = o);
     let s;
     t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = (0, import_jsx_runtime.jsx)(ChartPie, {
@@ -12275,11 +12266,11 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ]
     }), t[5] = o, t[6] = c, t[7] = d) : d = t[7], d;
   };
-  let import_compiler_runtime$32;
-  import_compiler_runtime$32 = require_compiler_runtime();
+  let import_compiler_runtime$33;
+  import_compiler_runtime$33 = require_compiler_runtime();
   Tabs = Root2;
   TabsList = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$32.c)(9), i, o;
+    let n = (0, import_compiler_runtime$33.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn("inline-flex max-h-14 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", i), n[3] = i, n[4] = s);
@@ -12292,7 +12283,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   TabsList.displayName = List.displayName;
   TabsTrigger = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$32.c)(9), i, o;
+    let n = (0, import_compiler_runtime$33.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm", i), n[3] = i, n[4] = s);
@@ -12305,7 +12296,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   TabsTrigger.displayName = Trigger.displayName;
   TabsContent = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$32.c)(9), i, o;
+    let n = (0, import_compiler_runtime$33.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn("mt-2 ring-offset-background focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2", i), n[3] = i, n[4] = s);
@@ -12317,9 +12308,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), n[5] = o, n[6] = t, n[7] = s, n[8] = c) : c = n[8], c;
   });
   TabsContent.displayName = Content.displayName;
-  var import_compiler_runtime$31 = require_compiler_runtime();
+  var import_compiler_runtime$32 = require_compiler_runtime();
   const WithLocale = (e) => {
-    let t = (0, import_compiler_runtime$31.c)(3), { children: n } = e, { locale: i } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), a;
+    let t = (0, import_compiler_runtime$32.c)(3), { children: n } = e, { locale: i } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), a;
     return t[0] !== n || t[1] !== i ? (a = n(i), t[0] = n, t[1] = i, t[2] = a) : a = t[2], a;
   };
   function tzName(e, t, n = "long") {
@@ -12530,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 +12744,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         items: /* @__PURE__ */ new Map(),
         groups: /* @__PURE__ */ new Set()
       }
-    })), i = L(() => /* @__PURE__ */ new Set()), a = L(() => /* @__PURE__ */ new Map()), o = L(() => /* @__PURE__ */ new Map()), s = L(() => /* @__PURE__ */ new Set()), c = pe(e), { label: d, children: f, value: h, onValueChange: _, filter: v, shouldFilter: y, loop: S, disablePointerSelection: w = false, vimBindings: E = true, ...O } = e, A = useId$1(), M = useId$1(), I = useId$1(), z = import_react.useRef(null), U = ke();
+    })), i = L(() => /* @__PURE__ */ new Set()), a = L(() => /* @__PURE__ */ new Map()), o = L(() => /* @__PURE__ */ new Map()), s = L(() => /* @__PURE__ */ new Set()), c = pe(e), { label: d, children: f, value: h, onValueChange: _, filter: v, shouldFilter: y, loop: S, disablePointerSelection: w = false, vimBindings: E = true, ...O } = e, A = useId$2(), M = useId$2(), I = useId$2(), z = import_react.useRef(null), U = ke();
     k(() => {
       if (h !== void 0) {
         let e2 = h.trim();
@@ -12664,7 +12753,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }, [
       h
     ]), k(() => {
-      U(6, yM);
+      U(6, VM);
     }, []);
     let K = import_react.useMemo(() => ({
       subscribe: (e2) => (s.current.add(e2), () => s.current.delete(e2)),
@@ -12673,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, vM);
+          if (n.current[e2] = t2, e2 === "search") $(), Q(), U(1, BM);
           else if (e2 === "value") {
             if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
               let e3 = document.getElementById(I);
@@ -12681,8 +12770,8 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             }
             if (U(7, () => {
               var _a3;
-              n.current.selectedItemId = (_a3 = bM()) == null ? void 0 : _a3.id, K.emit();
-            }), i2 || U(5, yM), ((_a2 = c.current) == null ? void 0 : _a2.value) !== void 0) {
+              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) {
               let e3 = t2 ?? "";
               (s2 = (o2 = c.current).onValueChange) == null || s2.call(o2, e3);
               return;
@@ -12707,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 || vM(), K.emit();
+        $(), Q(), n.current.value || BM(), K.emit();
       }), () => {
         o.current.delete(e2), i.current.delete(e2), n.current.filtered.items.delete(e2);
-        let t3 = bM();
+        let t3 = HM();
         U(4, () => {
-          $(), (t3 == null ? void 0 : t3.getAttribute("id")) === e2 && vM(), K.emit();
+          $(), (t3 == null ? void 0 : t3.getAttribute("id")) === e2 && BM(), K.emit();
         });
       }),
       group: (e2) => (a.current.has(e2) || a.current.set(e2, /* @__PURE__ */ new Set()), () => {
@@ -12745,7 +12834,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         ]);
       });
       let i2 = z.current;
-      xM().sort((t3, n2) => {
+      UM().sort((t3, n2) => {
         let i3 = t3.getAttribute("id"), a2 = n2.getAttribute("id");
         return (e2.get(a2) ?? 0) - (e2.get(i3) ?? 0);
       }).forEach((e3) => {
@@ -12757,9 +12846,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         t3 == null ? void 0 : t3.parentElement.appendChild(t3);
       });
     }
-    function vM() {
+    function BM() {
       var _a2;
-      let e2 = (_a2 = xM().find((e3) => e3.getAttribute("aria-disabled") !== "true")) == null ? void 0 : _a2.getAttribute(T);
+      let e2 = (_a2 = UM().find((e3) => e3.getAttribute("aria-disabled") !== "true")) == null ? void 0 : _a2.getAttribute(T);
       K.setState("value", e2 || void 0);
     }
     function $() {
@@ -12780,43 +12869,43 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       }
       n.current.filtered.count = e2;
     }
-    function yM() {
+    function VM() {
       var _a2, _b;
       var e2;
-      let t2 = bM();
+      let t2 = HM();
       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 bM() {
+    function HM() {
       var _a2;
       return (_a2 = z.current) == null ? void 0 : _a2.querySelector(`${le}[aria-selected="true"]`);
     }
-    function xM() {
+    function UM() {
       var _a2;
       return Array.from(((_a2 = z.current) == null ? void 0 : _a2.querySelectorAll(ce$1)) || []);
     }
-    function SM(e2) {
-      let t2 = xM()[e2];
+    function WM(e2) {
+      let t2 = UM()[e2];
       t2 && K.setState("value", t2.getAttribute(T));
     }
-    function CM(e2) {
+    function GM(e2) {
       var t2;
-      let n2 = bM(), i2 = xM(), a2 = i2.findIndex((e3) => e3 === n2), o2 = i2[a2 + e2];
+      let n2 = HM(), i2 = UM(), 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 wM(e2) {
+    function KM(e2) {
       var _a2;
-      let t2 = (_a2 = bM()) == null ? void 0 : _a2.closest(N$1), n2;
+      let t2 = (_a2 = HM()) == 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)) : CM(e2);
+      n2 ? K.setState("value", n2.getAttribute(T)) : GM(e2);
     }
-    let TM = () => SM(xM().length - 1), EM = (e2) => {
-      e2.preventDefault(), e2.metaKey ? TM() : e2.altKey ? wM(1) : CM(1);
-    }, DM = (e2) => {
-      e2.preventDefault(), e2.metaKey ? SM(0) : e2.altKey ? wM(-1) : CM(-1);
+    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);
     };
     return import_react.createElement(Primitive.div, {
       ref: t,
@@ -12830,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 && EM(e2);
+            E && e2.ctrlKey && JM(e2);
             break;
           case "ArrowDown":
-            EM(e2);
+            JM(e2);
             break;
           case "p":
           case "k":
-            E && e2.ctrlKey && DM(e2);
+            E && e2.ctrlKey && YM(e2);
             break;
           case "ArrowUp":
-            DM(e2);
+            YM(e2);
             break;
           case "Home":
-            e2.preventDefault(), SM(0);
+            e2.preventDefault(), WM(0);
             break;
           case "End":
-            e2.preventDefault(), TM();
+            e2.preventDefault(), qM();
             break;
           case "Enter": {
             e2.preventDefault();
-            let t3 = bM();
+            let t3 = HM();
             if (t3) {
               let e3 = new Event(Z);
               t3.dispatchEvent(e3);
@@ -12870,7 +12959,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }, e2))));
   }), he$1 = import_react.forwardRef((e, t) => {
     var _a2;
-    let n = useId$1(), i = import_react.useRef(null), a = import_react.useContext(fe), o = K$1(), s = pe(e), d = ((_a2 = s.current) == null ? void 0 : _a2.forceMount) ?? (a == null ? void 0 : a.forceMount);
+    let n = useId$2(), i = import_react.useRef(null), a = import_react.useContext(fe), o = K$1(), s = pe(e), d = ((_a2 = s.current) == null ? void 0 : _a2.forceMount) ?? (a == null ? void 0 : a.forceMount);
     k(() => {
       if (!d) return o.item(n, a == null ? void 0 : a.id);
     }, [
@@ -12912,7 +13001,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       onClick: w ? void 0 : y
     }, e.children);
   }), Ee = import_react.forwardRef((e, t) => {
-    let { heading: n, children: i, forceMount: a, ...o } = e, s = useId$1(), d = import_react.useRef(null), f = import_react.useRef(null), h = useId$1(), _ = K$1(), v = P$1((e2) => a || _.filter() === false ? true : e2.search ? e2.filtered.groups.has(s) : true);
+    let { heading: n, children: i, forceMount: a, ...o } = e, s = useId$2(), d = import_react.useRef(null), f = import_react.useRef(null), h = useId$2(), _ = K$1(), v = P$1((e2) => a || _.filter() === false ? true : e2.search ? e2.filtered.groups.has(s) : true);
     k(() => _.group(s), []), ve(s, d, [
       e.value,
       e.heading,
@@ -13112,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",
@@ -13123,22 +13213,6 @@ 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$30;
   import_compiler_runtime$30 = require_compiler_runtime();
   Command = import_react.forwardRef((e, t) => {
     let n = (0, import_compiler_runtime$30.c)(9), i, o;
@@ -13250,136 +13324,511 @@ 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$29 = require_compiler_runtime();
-  const DraggablePopover = (e) => {
-    let t = (0, import_compiler_runtime$29.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
-      };
-    },
-    text(e) {
-      return {
-        type: "text",
-        ...e
-      };
-    },
-    date(e) {
-      return {
-        type: "date",
-        ...e
-      };
-    },
-    datetime(e) {
-      return {
-        type: "datetime",
-        ...e
-      };
+  var import_compiler_runtime$29 = require_compiler_runtime(), WHITESPACE_CHARS = {
+    " ": {
+      marker: "\u2423",
+      name: "space"
     },
-    time(e) {
-      return {
-        type: "time",
-        ...e
-      };
+    "	": {
+      marker: "\\t",
+      name: "tab"
     },
-    boolean(e) {
-      return {
-        type: "boolean",
-        ...e
-      };
+    "\n": {
+      marker: "\\n",
+      name: "newline"
     },
-    select(e) {
-      return {
-        type: "select",
-        ...e
-      };
+    "\r": {
+      marker: "\\r",
+      name: "carriage return"
     }
   };
-  function filterToFilterCondition(e, t) {
-    if (!t) return [];
-    let i = e;
-    if (t.operator === "is_null" || t.operator === "is_not_null") return [
-      {
-        column_id: i,
-        operator: t.operator,
-        value: void 0,
-        type: "condition",
-        negate: false
-      }
-    ];
-    switch (t.type) {
-      case "number": {
-        let e2 = [];
-        return t.min !== void 0 && e2.push({
-          column_id: i,
-          operator: ">=",
-          value: t.min,
+  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) {
+      return {
+        type: "date",
+        ...e
+      };
+    },
+    datetime(e) {
+      return {
+        type: "datetime",
+        ...e
+      };
+    },
+    time(e) {
+      return {
+        type: "time",
+        ...e
+      };
+    },
+    boolean(e) {
+      return {
+        type: "boolean",
+        ...e
+      };
+    },
+    select(e) {
+      return {
+        type: "select",
+        ...e
+      };
+    }
+  };
+  function filterToFilterCondition(e, t) {
+    if (!t) return [];
+    let i = e;
+    if (t.operator === "is_null" || t.operator === "is_not_null") return [
+      {
+        column_id: i,
+        operator: t.operator,
+        value: void 0,
+        type: "condition",
+        negate: false
+      }
+    ];
+    switch (t.type) {
+      case "number": {
+        let e2 = [];
+        return t.min !== void 0 && e2.push({
+          column_id: i,
+          operator: ">=",
+          value: t.min,
           type: "condition",
           negate: false
         }), t.max !== void 0 && e2.push({
@@ -13488,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$28 = 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$28.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$28.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;
   }
@@ -15900,181 +16239,7 @@ 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$26 = require_compiler_runtime();
-  const MimeCell = (e) => {
-    let t = (0, import_compiler_runtime$26.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 DataTableColumnHeader = ({ column: e, header: t, subheader: n, className: i, calculateTopKRows: o, table: s }) => {
+  }, DataTableColumnHeader = ({ column: e, header: t, subheader: n, className: i, calculateTopKRows: o, table: s }) => {
     let [c, d] = (0, import_react.useState)(false), { locale: f } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
     if (!t) return null;
     if (!e.getCanSort() && !e.getCanFilter()) return (0, import_jsx_runtime.jsxs)("div", {
@@ -16357,172 +16522,56 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         text: i,
         operator: o
       }));
-    };
-    return (0, import_jsx_runtime.jsxs)("div", {
-      className: "flex flex-col gap-1 pt-3 px-2",
-      children: [
-        (0, import_jsx_runtime.jsx)(NullFilter, {
-          column: e,
-          defaultItem: "contains",
-          operator: o,
-          setOperator: s
-        }),
-        o === "contains" && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-          children: [
-            (0, import_jsx_runtime.jsx)(Input, {
-              type: "text",
-              icon: (0, import_jsx_runtime.jsx)(TextAlignStart, {
-                className: "h-3 w-3 text-muted-foreground mb-1"
-              }),
-              value: i ?? "",
-              onChange: (e2) => a(e2.target.value),
-              placeholder: "Text...",
-              onKeyDown: (e2) => {
-                e2.key === "Enter" && c();
-              },
-              className: "shadow-none! border-border hover:shadow-none!"
-            }),
-            (0, import_jsx_runtime.jsx)(FilterButtons, {
-              onApply: c,
-              onClear: () => {
-                a(""), e.setFilterValue(void 0);
-              },
-              clearButtonDisabled: !n
-            })
-          ]
-        })
-      ]
-    });
-  }, 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
-    })).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"
-      }));
-    };
-    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);
-                  })
-                ]
+    };
+    return (0, import_jsx_runtime.jsxs)("div", {
+      className: "flex flex-col gap-1 pt-3 px-2",
+      children: [
+        (0, import_jsx_runtime.jsx)(NullFilter, {
+          column: e,
+          defaultItem: "contains",
+          operator: o,
+          setOperator: s
+        }),
+        o === "contains" && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [
+            (0, import_jsx_runtime.jsx)(Input, {
+              type: "text",
+              icon: (0, import_jsx_runtime.jsx)(TextAlignStart, {
+                className: "h-3 w-3 text-muted-foreground mb-1"
               }),
-              v.length === TOP_K_ROWS && (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,
-                  " values"
-                ]
-              })
-            ]
-          }),
-          (0, import_jsx_runtime.jsx)(FilterButtons, {
-            onApply: E,
-            onClear: () => {
-              o(/* @__PURE__ */ new Set());
-            },
-            clearButtonDisabled: a.size === 0
-          })
-        ]
-      });
-    }
+              value: i ?? "",
+              onChange: (e2) => a(e2.target.value),
+              placeholder: "Text...",
+              onKeyDown: (e2) => {
+                e2.key === "Enter" && c();
+              },
+              className: "shadow-none! border-border hover:shadow-none!"
+            }),
+            (0, import_jsx_runtime.jsx)(FilterButtons, {
+              onApply: c,
+              onClear: () => {
+                a(""), e.setFilterValue(void 0);
+              },
+              clearButtonDisabled: !n
+            })
+          ]
+        })
+      ]
+    });
+  };
+  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"
+    };
+  }
+  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),
@@ -16539,9 +16588,32 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             })
           })
         }),
-        (0, import_jsx_runtime.jsx)("div", {
+        (0, import_jsx_runtime.jsxs)("div", {
           className: "flex flex-col gap-1.5 py-2",
-          children: y
+          children: [
+            (0, import_jsx_runtime.jsx)(FilterByValuesList, {
+              column: n,
+              calculateTopKRows: t,
+              chosenValues: a,
+              onChange: (e2) => o(new Set(e2))
+            }),
+            (0, import_jsx_runtime.jsx)(FilterButtons, {
+              onApply: () => {
+                if (a.size === 0) {
+                  n.setFilterValue(void 0);
+                  return;
+                }
+                n.setFilterValue(Filter.select({
+                  options: [
+                    ...a
+                  ],
+                  operator: i.operator
+                }));
+              },
+              onClear: () => o(/* @__PURE__ */ new Set()),
+              clearButtonDisabled: a.size === 0
+            })
+          ]
         })
       ]
     });
@@ -16586,9 +16658,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     let [t, n] = import_react.useState(e), [i, a] = import_react.useState(null);
     return e !== t && (a(t), n(e)), i;
   };
-  var import_compiler_runtime$25 = require_compiler_runtime();
+  var import_compiler_runtime$26 = require_compiler_runtime();
   DelayMount = (e) => {
-    let t = (0, import_compiler_runtime$25.c)(13), { milliseconds: n, children: i, fallback: a, visibility: o, threshold: s, rootMargin: c } = e, d = o === void 0 ? false : o, f = s === void 0 ? 0 : s, h = c === void 0 ? "0px" : c, [_, v] = (0, import_react.useState)(false), [y, S] = (0, import_react.useState)(false), w;
+    let t = (0, import_compiler_runtime$26.c)(13), { milliseconds: n, children: i, fallback: a, visibility: o, threshold: s, rootMargin: c } = e, d = o === void 0 ? false : o, f = s === void 0 ? 0 : s, h = c === void 0 ? "0px" : c, [_, v] = (0, import_react.useState)(false), [y, S] = (0, import_react.useState)(false), w;
     t[0] !== h || t[1] !== f ? (w = {
       threshold: f,
       root: null,
@@ -16619,9 +16691,9 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       children: J
     }), t[10] = q, t[11] = J, t[12] = Q) : Q = t[12], Q;
   };
-  var import_compiler_runtime$24 = require_compiler_runtime();
+  var import_compiler_runtime$25 = require_compiler_runtime();
   const DatePopover = (e) => {
-    let t = (0, import_compiler_runtime$24.c)(15), { date: n, type: i, children: a } = e;
+    let t = (0, import_compiler_runtime$25.c)(15), { date: n, type: i, children: a } = e;
     if (!n || Number.isNaN(new Date(n).getTime())) return a;
     let o;
     t[0] === n ? o = t[1] : (o = new Date(n), t[0] = n, t[1] = o);
@@ -16661,7 +16733,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }), t[12] = h, t[13] = _, t[14] = v) : v = t[14], v;
   };
   var TimezoneDisplay = (e) => {
-    let t = (0, import_compiler_runtime$24.c)(26), { date: n } = e, { locale: i } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), a;
+    let t = (0, import_compiler_runtime$25.c)(26), { date: n } = e, { locale: i } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), a;
     t[0] === i ? a = t[1] : (a = Intl.DateTimeFormat(i).resolvedOptions(), t[0] = i, t[1] = a);
     let o = a.timeZone, s = n.getUTCMilliseconds() !== 0, c;
     t[2] === s ? c = t[3] : (c = s ? {
@@ -16737,7 +16809,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ]
     }), t[23] = O, t[24] = y, t[25] = A) : A = t[25], A;
   }, DateDisplay = (e) => {
-    let t = (0, import_compiler_runtime$24.c)(6), { date: n } = e, i;
+    let t = (0, import_compiler_runtime$25.c)(6), { date: n } = e, i;
     t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = {
       timeZone: "UTC",
       dateStyle: "long"
@@ -16749,7 +16821,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       children: o
     }), t[4] = o, t[5] = s), s;
   }, RelativeTime = (e) => {
-    let t = (0, import_compiler_runtime$24.c)(6), { date: n } = e, { locale: i } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), a, o;
+    let t = (0, import_compiler_runtime$25.c)(6), { date: n } = e, { locale: i } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), a, o;
     if (t[0] !== n || t[1] !== i) {
       o = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
       bb0: {
@@ -16801,7 +16873,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     return t[4] === a ? s = t[5] : (s = (0, import_jsx_runtime.jsx)("span", {
       children: a
     }), t[4] = a, t[5] = s), s;
-  }, import_compiler_runtime$23 = require_compiler_runtime(), hashString = (e) => {
+  }, import_compiler_runtime$24 = require_compiler_runtime(), hashString = (e) => {
     let t = 0;
     for (let n = 0; n < e.length; n++) {
       let i = e.charCodeAt(n);
@@ -16818,7 +16890,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     return i;
   };
   const ChartSkeleton = (e) => {
-    let t = (0, import_compiler_runtime$23.c)(11), { seed: n, width: i, height: a } = e, o = i / 9, s = a - 15, c;
+    let t = (0, import_compiler_runtime$24.c)(11), { seed: n, width: i, height: a } = e, o = i / 9, s = a - 15, c;
     if (t[0] !== o || t[1] !== a || t[2] !== n || t[3] !== s || t[4] !== i) {
       let e2 = generateHeights({
         numBars: 9,
@@ -17197,7 +17269,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     let c = s / t.length;
     return Math.max(c, 1);
   }
-  let MAX_BAR_HEIGHT, BIN_END_EXTENSION_FACTOR, CONCAT_CHART_HEIGHT, CONCAT_CHART_WIDTH, CONCAT_NULL_BAR_WIDTH, BAR_COLOR, UNHOVERED_BAR_OPACITY, NULL_BAR_COLOR, import_compiler_runtime$22;
+  let MAX_BAR_HEIGHT, BIN_END_EXTENSION_FACTOR, CONCAT_CHART_HEIGHT, CONCAT_CHART_WIDTH, CONCAT_NULL_BAR_WIDTH, BAR_COLOR, UNHOVERED_BAR_OPACITY, NULL_BAR_COLOR, import_compiler_runtime$23;
   MAX_BAR_HEIGHT = 20;
   BIN_END_EXTENSION_FACTOR = 0.1;
   CONCAT_CHART_HEIGHT = 30;
@@ -17834,11 +17906,11 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   }, __publicField(_a, "EMPTY", new _a([], /* @__PURE__ */ new Map(), {}, {}, {}, {
     includeCharts: false
   })), _a);
-  import_compiler_runtime$22 = require_compiler_runtime();
+  import_compiler_runtime$23 = require_compiler_runtime();
   ColumnChartContext = import_react.createContext(ColumnChartSpecModel.EMPTY);
   var batchedLoader = createBatchedLoader();
   const TableColumnSummary = (e) => {
-    let t = (0, import_compiler_runtime$22.c)(21), { columnId: n } = e, { locale: i } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), a = import_react.use(ColumnChartContext), { theme: o } = useTheme(), s, c, d;
+    let t = (0, import_compiler_runtime$23.c)(21), { columnId: n } = e, { locale: i } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), a = import_react.use(ColumnChartContext), { theme: o } = useTheme(), s, c, d;
     if (t[0] !== a || t[1] !== n || t[2] !== i || t[3] !== o) {
       let { spec: e2, type: f2, stats: h } = a.getHeaderSummary(n), _ = null;
       if (e2) {
@@ -18049,8 +18121,8 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     let a = e.at(-1);
     return n.push(a), n;
   }
-  var import_compiler_runtime$21 = require_compiler_runtime(), ImageWithFallback = (e) => {
-    let t = (0, import_compiler_runtime$21.c)(14), { url: n } = e, [i, a] = (0, import_react.useState)(false), [o, s] = (0, import_react.useState)(false);
+  var import_compiler_runtime$22 = require_compiler_runtime(), ImageWithFallback = (e) => {
+    let t = (0, import_compiler_runtime$22.c)(14), { url: n } = e, [i, a] = (0, import_react.useState)(false), [o, s] = (0, import_react.useState)(false);
     if (i) {
       let e2;
       return t[0] === n ? e2 = t[1] : (e2 = (0, import_jsx_runtime.jsx)(URLAnchor, {
@@ -18124,7 +18196,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     return t.some((e2) => n.has(e2.type));
   }
   const MarkdownUrlDetector = (e) => {
-    let t = (0, import_compiler_runtime$21.c)(4), { content: n, parts: i } = e;
+    let t = (0, import_compiler_runtime$22.c)(4), { content: n, parts: i } = e;
     if (isMarkdown(n)) {
       let e2;
       return t[0] === n ? e2 = t[1] : (e2 = (0, import_jsx_runtime.jsx)(MarkdownRenderer, {
@@ -18141,7 +18213,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     url: e2.url
   }, t) : e2.value);
   var URLAnchor = (e) => {
-    let t = (0, import_compiler_runtime$21.c)(3), { url: n } = e, i;
+    let t = (0, import_compiler_runtime$22.c)(3), { url: n } = e, i;
     t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = Events.stopPropagation(), t[0] = i) : i = t[0];
     let a;
     return t[1] === n ? a = t[2] : (a = (0, import_jsx_runtime.jsx)("a", {
@@ -18533,10 +18605,10 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       maximumFractionDigits: maxFractionalDigits(n)
     }).format(e);
   };
-  let import_compiler_runtime$20;
-  import_compiler_runtime$20 = require_compiler_runtime();
+  let import_compiler_runtime$21;
+  import_compiler_runtime$21 = require_compiler_runtime();
   Table = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$20.c)(9), i, o;
+    let n = (0, import_compiler_runtime$21.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("w-full caption-bottom text-sm", i), n[3] = i, n[4] = s);
@@ -18552,7 +18624,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   Table.displayName = "Table";
   TableHeader = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$20.c)(9), i, o;
+    let n = (0, import_compiler_runtime$21.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("[&_tr]:border-b bg-background", i), n[3] = i, n[4] = s);
@@ -18565,7 +18637,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   TableHeader.displayName = "TableHeader";
   TableBody = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$20.c)(9), i, o;
+    let n = (0, import_compiler_runtime$21.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("[&_tr:last-child]:border-0", i), n[3] = i, n[4] = s);
@@ -18578,7 +18650,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   TableBody.displayName = "TableBody";
   var TableFooter = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$20.c)(9), i, o;
+    let n = (0, import_compiler_runtime$21.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("bg-primary font-medium text-primary-foreground", i), n[3] = i, n[4] = s);
@@ -18591,7 +18663,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   TableFooter.displayName = "TableFooter";
   TableRow = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$20.c)(9), i, o;
+    let n = (0, import_compiler_runtime$21.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("border-b transition-colors bg-background hover:bg-(--slate-2) data-[state=selected]:bg-(--slate-3)", i), n[3] = i, n[4] = s);
@@ -18604,7 +18676,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   TableRow.displayName = "TableRow";
   TableHead = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$20.c)(9), i, o;
+    let n = (0, import_compiler_runtime$21.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("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0", i), n[3] = i, n[4] = s);
@@ -18617,7 +18689,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   TableHead.displayName = "TableHead";
   TableCell = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$20.c)(9), i, o;
+    let n = (0, import_compiler_runtime$21.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("p-1.5 align-middle [&:has([role=checkbox])]:pr-0", i), n[3] = i, n[4] = s);
@@ -18630,7 +18702,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   });
   TableCell.displayName = "TableCell";
   var TableCaption = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$20.c)(9), i, o;
+    let n = (0, import_compiler_runtime$21.c)(9), i, o;
     n[0] === e ? (i = n[1], o = n[2]) : ({ className: i, ...o } = e, n[0] = e, n[1] = i, n[2] = o);
     let s;
     n[3] === i ? s = n[4] : (s = cn("mt-4 text-sm text-muted-foreground", i), n[3] = i, n[4] = s);
@@ -18835,7 +18907,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     resizeHandleEnabled: "data-panel-resize-handle-enabled",
     resizeHandleId: "data-panel-resize-handle-id",
     resizeHandleState: "data-resize-handle-state"
-  }, PRECISION = 10, useIsomorphicLayoutEffect$1 = import_react.useLayoutEffect, useId = import_react.useId, wrappedUseId = typeof useId == "function" ? useId : () => null, counter = 0;
+  }, PRECISION = 10, useIsomorphicLayoutEffect$1 = import_react.useLayoutEffect, useId$1 = import_react.useId, wrappedUseId = typeof useId$1 == "function" ? useId$1 : () => null, counter = 0;
   function useUniqueId(e = null) {
     let t = wrappedUseId(), n = (0, import_react.useRef)(e || t || null);
     return n.current === null && (n.current = "" + counter++), e ?? n.current;
@@ -18843,7 +18915,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, vM = 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, BM = useUniqueId(s), $ = (0, import_react.useRef)({
       callbacks: {
         onCollapse: f,
         onExpand: h,
@@ -18856,7 +18928,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         maxSize: c,
         minSize: d
       },
-      id: vM,
+      id: BM,
       idIsFromProps: s !== void 0,
       order: v
     });
@@ -18866,7 +18938,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       let { callbacks: e2, constraints: t2 } = $.current, o2 = {
         ...t2
       };
-      $.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);
+      $.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);
     }), useIsomorphicLayoutEffect$1(() => {
       let e2 = $.current;
       return q(e2), () => {
@@ -18874,7 +18946,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       };
     }, [
       v,
-      vM,
+      BM,
       q,
       Q
     ]), (0, import_react.useImperativeHandle)(o, () => ({
@@ -18885,7 +18957,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         A($.current, e2);
       },
       getId() {
-        return vM;
+        return BM;
       },
       getSize() {
         return M($.current);
@@ -18904,24 +18976,24 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       A,
       M,
       U,
-      vM,
+      BM,
       J
     ]);
-    let yM = I($.current, a);
+    let VM = I($.current, a);
     return (0, import_react.createElement)(S, {
       ...w,
       children: e,
       className: t,
-      id: vM,
+      id: BM,
       style: {
-        ...yM,
+        ...VM,
         ...y
       },
       [DATA_ATTRIBUTES.groupId]: z,
       [DATA_ATTRIBUTES.panel]: "",
       [DATA_ATTRIBUTES.panelCollapsible]: i || void 0,
-      [DATA_ATTRIBUTES.panelId]: vM,
-      [DATA_ATTRIBUTES.panelSize]: parseFloat("" + yM.flexGrow).toFixed(1)
+      [DATA_ATTRIBUTES.panelId]: BM,
+      [DATA_ATTRIBUTES.panelSize]: parseFloat("" + VM.flexGrow).toFixed(1)
     });
   }
   var Panel = (0, import_react.forwardRef)((e, t) => (0, import_react.createElement)(PanelWithForwardedRef, {
@@ -19694,7 +19766,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;
-    }, []), vM = (0, import_react.useCallback)((e2, t2) => {
+    }, []), BM = (0, import_react.useCallback)((e2, t2) => {
       let { panelDataArray: n2 } = K.current;
       return computePanelFlexBoxStyle({
         defaultSize: t2,
@@ -19709,10 +19781,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);
-    }, []), yM = (0, import_react.useCallback)((e2) => {
+    }, []), VM = (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;
-    }, []), bM = (0, import_react.useCallback)((e2) => {
+    }, []), HM = (0, import_react.useCallback)((e2) => {
       let { panelDataArray: t2 } = K.current;
       t2.push(e2), t2.sort((e3, t3) => {
         let n2 = e3.order, i2 = t3.order;
@@ -19744,7 +19816,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         e2.layout = [];
       };
     }, []);
-    let xM = (0, import_react.useCallback)((e2) => {
+    let UM = (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();
@@ -19762,7 +19834,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));
       };
-    }, []), SM = (0, import_react.useCallback)((e2, t2) => {
+    }, []), WM = (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({
@@ -19774,12 +19846,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));
-    }, []), CM = (0, import_react.useCallback)((e2, t2) => {
+    }, []), GM = (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) || SM(e2, s2) : h2 < f2 ? SM(e2, f2) : h2 > d2 && SM(e2, d2));
+      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));
     }, [
-      SM
-    ]), wM = (0, import_react.useCallback)((e2, t2) => {
+      WM
+    ]), KM = (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);
@@ -19791,30 +19863,30 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         initialCursorPosition: o2,
         initialLayout: i2
       });
-    }, []), TM = (0, import_react.useCallback)(() => {
+    }, []), qM = (0, import_react.useCallback)(() => {
       w(null);
-    }, []), EM = (0, import_react.useCallback)((e2) => {
+    }, []), JM = (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
-    ]), DM = (0, import_react.useMemo)(() => ({
+    ]), YM = (0, import_react.useMemo)(() => ({
       collapsePanel: q,
       direction: i,
       dragState: S,
       expandPanel: J,
       getPanelSize: Q,
-      getPanelStyle: vM,
+      getPanelStyle: BM,
       groupId: v,
       isPanelCollapsed: $,
-      isPanelExpanded: yM,
-      reevaluatePanelConstraints: CM,
-      registerPanel: bM,
-      registerResizeHandle: xM,
-      resizePanel: SM,
-      startDragging: wM,
-      stopDragging: TM,
-      unregisterPanel: EM,
+      isPanelExpanded: VM,
+      reevaluatePanelConstraints: GM,
+      registerPanel: HM,
+      registerResizeHandle: UM,
+      resizePanel: WM,
+      startDragging: KM,
+      stopDragging: qM,
+      unregisterPanel: JM,
       panelGroupElement: y.current
     }), [
       q,
@@ -19822,18 +19894,18 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       i,
       J,
       Q,
-      vM,
+      BM,
       v,
       $,
-      yM,
-      CM,
-      bM,
-      xM,
-      SM,
-      wM,
-      TM,
-      EM
-    ]), OM = {
+      VM,
+      GM,
+      HM,
+      UM,
+      WM,
+      KM,
+      qM,
+      JM
+    ]), XM = {
       display: "flex",
       flexDirection: i === "horizontal" ? "row" : "column",
       height: "100%",
@@ -19841,7 +19913,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       width: "100%"
     };
     return (0, import_react.createElement)(PanelGroupContext.Provider, {
-      value: DM
+      value: YM
     }, (0, import_react.createElement)(h, {
       ..._,
       children: t,
@@ -19849,7 +19921,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       id: o,
       ref: y,
       style: {
-        ...OM,
+        ...XM,
         ...f
       },
       [DATA_ATTRIBUTES.group]: "",
@@ -19926,31 +19998,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"), [vM, $] = (0, import_react.useState)(false), [yM, bM] = (0, import_react.useState)(null), xM = (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"), [BM, $] = (0, import_react.useState)(false), [VM, HM] = (0, import_react.useState)(null), UM = (0, import_react.useRef)({
       state: J
     });
     useIsomorphicLayoutEffect$1(() => {
-      xM.current.state = J;
+      UM.current.state = J;
     }), (0, import_react.useEffect)(() => {
-      if (n) bM(null);
+      if (n) HM(null);
       else {
         let e2 = I(q);
-        bM(() => e2);
+        HM(() => e2);
       }
     }, [
       n,
       q,
       I
     ]);
-    let SM = (i == null ? void 0 : i.coarse) ?? 15, CM = (i == null ? void 0 : i.fine) ?? 5;
+    let WM = (i == null ? void 0 : i.coarse) ?? 15, GM = (i == null ? void 0 : i.fine) ?? 5;
     (0, import_react.useEffect)(() => {
-      if (n || yM == null) return;
+      if (n || VM == null) return;
       let e2 = w.current;
       assert(e2, "Element ref not attached");
       let t2 = false;
       return registerResizeHandle(q, e2, A, {
-        coarse: SM,
-        fine: CM
+        coarse: WM,
+        fine: GM
       }, (e3, n2, i2) => {
         if (!n2) {
           Q("inactive");
@@ -19964,8 +20036,8 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             break;
           }
           case "move": {
-            let { state: e4 } = xM.current;
-            t2 = true, e4 !== "drag" && Q("hover"), assert(i2, 'Expected event to be defined for "move" action'), yM(i2);
+            let { state: e4 } = UM.current;
+            t2 = true, e4 !== "drag" && Q("hover"), assert(i2, 'Expected event to be defined for "move" action'), VM(i2);
             break;
           }
           case "up": {
@@ -19977,22 +20049,22 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         }
       });
     }, [
-      SM,
+      WM,
       A,
       n,
-      CM,
+      GM,
       I,
       q,
-      yM,
+      VM,
       z,
       U
     ]), useWindowSplitterResizeHandlerBehavior({
       disabled: n,
       handleId: q,
-      resizeHandler: yM,
+      resizeHandler: VM,
       panelGroupElement: K
     });
-    let wM = {
+    let KM = {
       touchAction: "none",
       userSelect: "none"
     };
@@ -20010,22 +20082,22 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       ref: w,
       role: "separator",
       style: {
-        ...wM,
+        ...KM,
         ..._
       },
       tabIndex: v,
       [DATA_ATTRIBUTES.groupDirection]: A,
       [DATA_ATTRIBUTES.groupId]: M,
       [DATA_ATTRIBUTES.resizeHandle]: "",
-      [DATA_ATTRIBUTES.resizeHandleActive]: J === "drag" ? "pointer" : vM ? "keyboard" : void 0,
+      [DATA_ATTRIBUTES.resizeHandleActive]: J === "drag" ? "pointer" : BM ? "keyboard" : void 0,
       [DATA_ATTRIBUTES.resizeHandleEnabled]: !n,
       [DATA_ATTRIBUTES.resizeHandleId]: q,
       [DATA_ATTRIBUTES.resizeHandleState]: J
     });
   }
   PanelResizeHandle.displayName = "PanelResizeHandle";
-  let import_compiler_runtime$19, toggleVariants;
-  import_compiler_runtime$19 = require_compiler_runtime();
+  let import_compiler_runtime$20, toggleVariants;
+  import_compiler_runtime$20 = require_compiler_runtime();
   toggleVariants = cva(cn("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", "data-[state=on]:bg-muted data-[state=on]:text-muted-foreground"), {
     variants: {
       variant: {
@@ -20045,7 +20117,7 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     }
   });
   Toggle = import_react.forwardRef((e, t) => {
-    let n = (0, import_compiler_runtime$19.c)(13), i, o, s, c;
+    let n = (0, import_compiler_runtime$20.c)(13), i, o, s, c;
     n[0] === e ? (i = n[1], o = n[2], s = n[3], c = n[4]) : ({ className: i, variant: c, size: s, ...o } = e, n[0] = e, n[1] = i, n[2] = o, n[3] = s, n[4] = c);
     let d;
     n[5] !== i || n[6] !== s || n[7] !== c ? (d = cn(toggleVariants({
@@ -20072,14 +20144,14 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
   contextAwarePanelOpen = atom(false);
   atom(false);
   isCellAwareAtom = atom(false);
-  var import_compiler_runtime$18 = require_compiler_runtime();
+  var import_compiler_runtime$19 = require_compiler_runtime();
   let CellHoverTemplateFeature;
   PANEL_TYPES = {
     ROW_VIEWER: "row-viewer",
     COLUMN_EXPLORER: "column-explorer"
   };
   ContextAwarePanelItem = (e) => {
-    let t = (0, import_compiler_runtime$18.c)(2), { children: n } = e, i;
+    let t = (0, import_compiler_runtime$19.c)(2), { children: n } = e, i;
     return t[0] === n ? i = t[1] : (i = (0, import_jsx_runtime.jsx)(ErrorBoundary, {
       children: (0, import_jsx_runtime.jsx)(Fill, {
         name: SlotNames.CONTEXT_AWARE_PANEL,
@@ -20174,62 +20246,648 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     createColumn: (e, t) => {
       e.getCanCopy = () => t.options.enableCopyColumn ?? false;
     }
-  }, FilterPills = ({ filters: e, table: t }) => {
-    let n = $896ba0a80a8f4d36$export$85fd5fdf27bacc79({
-      hour: "2-digit",
-      minute: "2-digit",
-      second: "2-digit"
-    });
-    if (!e || e.length === 0) return null;
-    function i(e2) {
-      let i2 = formatValue(e2.value, n);
-      return i2 ? (0, import_jsx_runtime.jsxs)(Badge, {
+  };
+  var import_compiler_runtime$18 = require_compiler_runtime();
+  let ComboboxContext;
+  ComboboxContext = (0, import_react.createContext)({
+    isSelected: () => false,
+    onSelect: Functions.NOOP
+  });
+  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 = {
+      prop: w,
+      defaultProp: HM,
+      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) => {
+      S == null ? void 0 : S(e2);
+    }, t[27] = S, t[28] = qM);
+    let JM;
+    t[29] !== c || t[30] !== qM || t[31] !== q ? (JM = {
+      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) => {
+      let t2 = e2;
+      if (J) if (Array.isArray(XM)) if (XM.includes(t2)) {
+        let n2 = XM.filter((t3) => t3 !== e2);
+        t2 = n2.length > 0 ? n2 : [];
+      } else t2 = [
+        ...XM,
+        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);
+    let oN;
+    t[50] === rN ? oN = t[51] : (oN = rN(), t[50] = rN, t[51] = oN);
+    let sN;
+    t[52] === oN ? sN = t[53] : (sN = (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, {
+      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, {
+      asChild: true,
+      children: (0, import_jsx_runtime.jsxs)("div", {
+        id: h,
+        className: aN,
+        "aria-expanded": KM,
+        children: [
+          sN,
+          lN
+        ]
+      })
+    }), 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,
+      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);
+    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];
+    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];
+    let gN;
+    t[72] !== pN || t[73] !== hN ? (gN = (0, import_jsx_runtime.jsxs)(CommandList, {
+      className: "max-h-60 py-.5",
+      children: [
+        pN,
+        hN
+      ]
+    }), 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, {
+      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
+        ]
+      })
+    }), 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,
+      children: [
+        dN,
+        _N
+      ]
+    }), 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", {
+      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, {
         variant: "secondary",
-        className: "dark:invert",
         children: [
-          e2.id,
-          " ",
-          i2,
-          " ",
-          (0, import_jsx_runtime.jsx)("span", {
-            className: "cursor-pointer opacity-60 hover:opacity-100 pl-1 py-[2px]",
+          (d == null ? void 0 : d(e2)) ?? String(e2),
+          (0, import_jsx_runtime.jsx)(CircleX, {
             onClick: () => {
-              t.setColumnFilters((t2) => t2.filter((t3) => t3.id !== e2.id));
+              tN(e2);
             },
-            children: (0, import_jsx_runtime.jsx)(X, {
-              className: "w-3.5 h-3.5"
-            })
+            className: "w-3 h-3 opacity-50 hover:opacity-100 ml-1 cursor-pointer"
           })
         ]
-      }, e2.id) : null;
+      }, 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,
+      ...O,
+      children: [
+        vN,
+        yN
+      ]
+    }), t[92] = O, t[93] = vN, t[94] = yN, t[95] = bN) : bN = t[95], bN;
+  };
+  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), _;
+    n[0] === o ? _ = n[1] : (_ = cn("pl-6 m-1 py-1", o), n[0] = o, n[1] = _);
+    let v;
+    n[2] !== h || n[3] !== c || n[4] !== s ? (v = () => {
+      h.onSelect(s), c == null ? void 0 : c(s);
+    }, n[2] = h, n[3] = c, n[4] = s, n[5] = v) : v = n[5];
+    let y;
+    n[6] !== h || n[7] !== s ? (y = h.isSelected(s) && (0, import_jsx_runtime.jsx)(Check, {
+      className: "absolute left-1 h-4 w-4"
+    }), n[6] = h, n[7] = s, n[8] = y) : y = n[8];
+    let S;
+    return n[9] !== i || n[10] !== d || n[11] !== t || n[12] !== _ || n[13] !== v || n[14] !== y || n[15] !== f ? (S = (0, import_jsx_runtime.jsxs)(CommandItem, {
+      ref: t,
+      className: _,
+      role: "option",
+      value: f,
+      disabled: d,
+      onSelect: v,
+      children: [
+        y,
+        i
+      ]
+    }), 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";
+  var OPERATORS_BY_TYPE = {
+    number: [
+      "between",
+      "is_null",
+      "is_not_null"
+    ],
+    text: [
+      "contains",
+      "is_null",
+      "is_not_null"
+    ],
+    boolean: [
+      "is_true",
+      "is_false",
+      "is_null",
+      "is_not_null"
+    ],
+    select: [
+      "in",
+      "not_in"
+    ]
+  }, DEFAULT_OPERATOR = {
+    number: "between",
+    text: "contains",
+    boolean: "is_true",
+    select: "in"
+  }, OPERATOR_LABELS = {
+    between: "Between",
+    contains: "Contains",
+    is_true: "Is true",
+    is_false: "Is false",
+    is_null: "Is null",
+    is_not_null: "Is not null",
+    in: "Is in",
+    not_in: "Not in"
+  }, OPERATORS_WITHOUT_VALUE = /* @__PURE__ */ new Set([
+    "is_true",
+    "is_false",
+    "is_null",
+    "is_not_null"
+  ]);
+  const FilterPillEditor = ({ snapshot: e, table: t, calculateTopKRows: n, onClose: i }) => {
+    let a = (0, import_react.useId)(), o = (0, import_react.useId)(), s = (0, import_react.useId)(), c = getEditableType(e.value), d = getUiOperator(e.value), h = toDraftValue(e.value), [_, v] = (0, import_react.useState)(e.columnId), [y, S] = (0, import_react.useState)(c), [w, E] = (0, import_react.useState)(d), [O, A] = (0, import_react.useState)(h), M = t.getAllColumns().filter((e2) => {
+      var _a2;
+      let t2 = (_a2 = e2.columnDef.meta) == null ? void 0 : _a2.filterType;
+      return t2 === "number" || t2 === "text" || t2 === "boolean" || t2 === "select";
+    }), I = (t2) => {
+      t2.id === e.columnId && t2.type === c && t2.operator === d && A(h);
+    }, z = (e2) => {
+      var _a2, _b;
+      if (!e2) return;
+      let n2 = ((_b = (_a2 = t.getColumn(e2)) == null ? void 0 : _a2.columnDef.meta) == null ? void 0 : _b.filterType) ?? "text", i2 = w;
+      n2 !== y && (i2 = DEFAULT_OPERATOR[n2], S(n2), E(i2), A({})), v(e2), I({
+        id: e2,
+        type: n2,
+        operator: i2
+      });
+    }, K = (e2) => {
+      E(e2), I({
+        id: _,
+        type: y,
+        operator: e2
+      });
+    }, q = () => {
+      let n2 = buildFilterValue({
+        type: y,
+        operator: w,
+        draft: O
+      });
+      n2 && (t.setColumnFilters((t2) => {
+        let i2 = /* @__PURE__ */ new Set([
+          e.columnId,
+          _
+        ]);
+        return [
+          ...t2.filter((e2) => !i2.has(e2.id)),
+          {
+            id: _,
+            value: n2
+          }
+        ];
+      }), i());
+    }, J = () => {
+      t.setColumnFilters((t2) => t2.filter((t3) => t3.id !== e.columnId)), i();
+    }, Q = !OPERATORS_WITHOUT_VALUE.has(w);
+    return (0, import_jsx_runtime.jsxs)("div", {
+      className: "flex flex-row gap-4 items-end p-3",
+      children: [
+        (0, import_jsx_runtime.jsxs)("div", {
+          className: "flex flex-col gap-1",
+          children: [
+            (0, import_jsx_runtime.jsx)("label", {
+              className: "text-xs text-muted-foreground",
+              htmlFor: a,
+              children: "Column"
+            }),
+            (0, import_jsx_runtime.jsx)(Combobox, {
+              id: a,
+              value: _,
+              onValueChange: z,
+              multiple: false,
+              placeholder: "Select column\u2026",
+              displayValue: (e2) => e2,
+              children: M.map((e2) => (0, import_jsx_runtime.jsx)(ComboboxItem, {
+                value: e2.id,
+                children: e2.id
+              }, e2.id))
+            })
+          ]
+        }),
+        (0, import_jsx_runtime.jsxs)("div", {
+          className: "flex flex-col gap-1",
+          children: [
+            (0, import_jsx_runtime.jsx)("label", {
+              htmlFor: o,
+              className: "text-xs text-muted-foreground",
+              children: "Operator"
+            }),
+            (0, import_jsx_runtime.jsxs)(Select, {
+              value: w,
+              onValueChange: (e2) => K(e2),
+              children: [
+                (0, import_jsx_runtime.jsx)(SelectTrigger, {
+                  id: o,
+                  className: "h-6 mb-1 bg-transparent",
+                  children: (0, import_jsx_runtime.jsx)(SelectValue, {})
+                }),
+                (0, import_jsx_runtime.jsx)(SelectContent, {
+                  children: OPERATORS_BY_TYPE[y].map((e2) => (0, import_jsx_runtime.jsx)(SelectItem, {
+                    value: e2,
+                    children: OPERATOR_LABELS[e2]
+                  }, e2))
+                })
+              ]
+            })
+          ]
+        }),
+        Q && (0, import_jsx_runtime.jsxs)("div", {
+          className: "flex flex-col gap-1",
+          children: [
+            (0, import_jsx_runtime.jsx)("label", {
+              htmlFor: s,
+              className: "text-xs text-muted-foreground",
+              children: "Value"
+            }),
+            (0, import_jsx_runtime.jsx)(ValueSlot, {
+              id: s,
+              type: y,
+              value: O,
+              onChange: A,
+              column: t.getColumn(_) ?? null,
+              calculateTopKRows: n
+            })
+          ]
+        }),
+        (0, import_jsx_runtime.jsxs)("div", {
+          className: "flex gap-1 mb-1",
+          children: [
+            (0, import_jsx_runtime.jsx)(Tooltip, {
+              content: "Apply filter",
+              children: (0, import_jsx_runtime.jsx)(Button, {
+                type: "button",
+                size: "icon",
+                variant: "ghost",
+                className: "rounded-full text-primary hover:text-primary hover:bg-primary/10",
+                onClick: q,
+                "aria-label": "Apply filter",
+                children: (0, import_jsx_runtime.jsx)(Check, {
+                  className: "h-3.5 w-3.5",
+                  "aria-hidden": true
+                })
+              })
+            }),
+            (0, import_jsx_runtime.jsx)(Tooltip, {
+              content: "Close without saving",
+              children: (0, import_jsx_runtime.jsx)(Button, {
+                type: "button",
+                size: "icon",
+                variant: "ghost",
+                className: "rounded-full text-muted-foreground hover:text-foreground hover:bg-muted",
+                onClick: i,
+                "aria-label": "Close without saving",
+                children: (0, import_jsx_runtime.jsx)(X, {
+                  className: "h-3.5 w-3.5",
+                  "aria-hidden": true
+                })
+              })
+            }),
+            (0, import_jsx_runtime.jsx)(Tooltip, {
+              content: "Remove filter",
+              children: (0, import_jsx_runtime.jsx)(Button, {
+                type: "button",
+                size: "icon",
+                variant: "ghost",
+                className: "rounded-full text-destructive hover:text-destructive hover:bg-destructive/10",
+                onClick: J,
+                "aria-label": "Remove filter",
+                children: (0, import_jsx_runtime.jsx)(Trash2, {
+                  className: "h-3.5 w-3.5",
+                  "aria-hidden": true
+                })
+              })
+            })
+          ]
+        })
+      ]
+    });
+  };
+  var ValueSlot = ({ id: e, type: t, value: n, onChange: i, column: a, calculateTopKRows: o }) => t === "number" ? (0, import_jsx_runtime.jsxs)("div", {
+    className: "flex gap-1 items-center w-48",
+    children: [
+      (0, import_jsx_runtime.jsx)(NumberField, {
+        id: e,
+        value: n.min,
+        onChange: (e2) => i({
+          ...n,
+          min: e2
+        }),
+        "aria-label": "min",
+        placeholder: "min",
+        className: "border-input flex-1 min-w-0"
+      }),
+      (0, import_jsx_runtime.jsx)(Minus, {
+        className: "h-5 w-5 text-muted-foreground shrink-0"
+      }),
+      (0, import_jsx_runtime.jsx)(NumberField, {
+        value: n.max,
+        onChange: (e2) => i({
+          ...n,
+          max: e2
+        }),
+        "aria-label": "max",
+        placeholder: "max",
+        className: "border-input flex-1 min-w-0"
+      })
+    ]
+  }) : t === "text" ? (0, import_jsx_runtime.jsx)(Input, {
+    id: e,
+    type: "text",
+    value: n.text ?? "",
+    onChange: (e2) => i({
+      ...n,
+      text: e2.target.value
+    }),
+    placeholder: "Text\u2026",
+    className: "border-input min-w-0"
+  }) : t === "select" && a ? (0, import_jsx_runtime.jsx)("div", {
+    className: "flex w-48",
+    children: (0, import_jsx_runtime.jsx)(FilterByValuesPicker, {
+      column: a,
+      calculateTopKRows: o,
+      chosenValues: n.options ?? [],
+      onChange: (e2) => i({
+        ...n,
+        options: e2
+      })
+    })
+  }) : null;
+  function getEditableType(e) {
+    return e.type === "number" ? "number" : e.type === "text" ? "text" : e.type === "boolean" ? "boolean" : e.type === "select" ? "select" : "text";
+  }
+  function getUiOperator(e) {
+    return e.operator === "is_null" ? "is_null" : e.operator === "is_not_null" ? "is_not_null" : e.type === "number" ? "between" : e.type === "text" ? "contains" : e.type === "boolean" ? e.value ? "is_true" : "is_false" : e.type === "select" ? e.operator === "not_in" ? "not_in" : "in" : "contains";
+  }
+  function toDraftValue(e) {
+    return e.type === "number" ? {
+      min: e.min,
+      max: e.max
+    } : e.type === "text" ? {
+      text: e.text
+    } : e.type === "select" ? {
+      options: [
+        ...e.options
+      ]
+    } : {};
+  }
+  function buildFilterValue({ type: e, operator: t, draft: n }) {
+    if (t === "is_null" || t === "is_not_null") {
+      let n2 = t;
+      return e === "number" ? Filter.number({
+        operator: n2
+      }) : e === "boolean" ? Filter.boolean({
+        operator: n2
+      }) : Filter.text({
+        operator: n2
+      });
     }
-    return (0, import_jsx_runtime.jsx)("div", {
-      className: "flex flex-wrap gap-2 px-1",
-      children: e.map(i)
+    if (e === "number") return n.min === void 0 && n.max === void 0 ? void 0 : Filter.number({
+      min: n.min,
+      max: n.max
+    });
+    if (e === "text") return n.text ? Filter.text({
+      text: n.text,
+      operator: "contains"
+    }) : void 0;
+    if (e === "boolean") return t === "is_true" ? Filter.boolean({
+      value: true,
+      operator: "is_true"
+    }) : t === "is_false" ? Filter.boolean({
+      value: false,
+      operator: "is_false"
+    }) : void 0;
+    if (e === "select") return !n.options || n.options.length === 0 ? void 0 : Filter.select({
+      options: n.options,
+      operator: t === "not_in" ? "not_in" : "in"
+    });
+  }
+  const FilterPills = ({ filters: e, table: t, calculateTopKRows: n }) => {
+    let i = $896ba0a80a8f4d36$export$85fd5fdf27bacc79({
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit"
+    });
+    return !e || e.length === 0 ? null : (0, import_jsx_runtime.jsx)("div", {
+      part: "filter-pills",
+      className: "flex flex-wrap gap-2 px-1 py-2",
+      children: e.map((e2) => (0, import_jsx_runtime.jsx)(FilterPill, {
+        columnId: e2.id,
+        value: e2.value,
+        timeFormatter: i,
+        table: t,
+        calculateTopKRows: n,
+        onRemove: () => t.setColumnFilters((t2) => t2.filter((t3) => t3.id !== e2.id))
+      }, e2.id))
+    });
+  };
+  var FilterPill = ({ columnId: e, value: t, timeFormatter: n, table: i, calculateTopKRows: o, onRemove: s }) => {
+    let [c, d] = (0, import_react.useState)(false), h = formatValue(t, n);
+    if (!h) return null;
+    let _ = "type" in t && (t.type === "date" || t.type === "datetime" || t.type === "time"), v = h.value === void 0, y = (e2) => {
+      e2.stopPropagation(), s();
+    }, S = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [
+        (0, import_jsx_runtime.jsx)("span", {
+          className: "text-foreground",
+          children: e
+        }),
+        (0, import_jsx_runtime.jsx)(Separator, {}),
+        (0, import_jsx_runtime.jsx)("span", {
+          className: cn("font-normal", v ? "text-foreground" : "text-foreground/70"),
+          children: h.operator
+        }),
+        !v && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [
+            (0, import_jsx_runtime.jsx)(Separator, {}),
+            (0, import_jsx_runtime.jsx)("span", {
+              className: "text-foreground",
+              children: h.value
+            })
+          ]
+        })
+      ]
+    }), w = (0, import_jsx_runtime.jsx)(Button, {
+      type: "button",
+      size: "icon",
+      variant: "ghost",
+      className: "ml-1 rounded-full text-destructive/60 hover:text-destructive hover:shadow-none hover:bg-transparent",
+      onClick: y,
+      "aria-label": "Remove filter",
+      children: (0, import_jsx_runtime.jsx)(X, {
+        className: "h-3.5 w-3.5",
+        "aria-hidden": true
+      })
+    });
+    return _ ? (0, import_jsx_runtime.jsxs)(Badge, {
+      variant: "outline",
+      className: "bg-background border-border text-foreground",
+      children: [
+        S,
+        w
+      ]
+    }) : (0, import_jsx_runtime.jsxs)(Popover, {
+      open: c,
+      onOpenChange: d,
+      modal: true,
+      children: [
+        (0, import_jsx_runtime.jsxs)(Badge, {
+          variant: "outline",
+          className: cn("bg-background border-border text-foreground", "hover:bg-accent hover:text-accent-foreground", "has-data-[state=open]:bg-accent has-data-[state=open]:text-accent-foreground", "transition-colors"),
+          children: [
+            (0, import_jsx_runtime.jsx)(PopoverTrigger, {
+              asChild: true,
+              children: (0, import_jsx_runtime.jsx)("button", {
+                type: "button",
+                className: "inline-flex items-center cursor-pointer bg-transparent border-0 p-0 [font:inherit] text-inherit",
+                "aria-label": `Edit filter on ${e}`,
+                children: S
+              })
+            }),
+            w
+          ]
+        }),
+        (0, import_jsx_runtime.jsx)(PopoverContent, {
+          className: "w-auto p-0",
+          align: "start",
+          alignOffset: -10,
+          sideOffset: 10,
+          avoidCollisions: true,
+          onOpenAutoFocus: (e2) => e2.preventDefault(),
+          children: (0, import_jsx_runtime.jsx)(FilterPillEditor, {
+            snapshot: {
+              columnId: e,
+              value: t
+            },
+            table: i,
+            calculateTopKRows: o,
+            onClose: () => d(false)
+          })
+        })
+      ]
     });
   };
+  function Separator() {
+    return (0, import_jsx_runtime.jsx)("span", {
+      "aria-hidden": true,
+      className: "mx-1.5 w-px h-3 bg-foreground/30"
+    });
+  }
   function formatValue(e, t) {
     var _a2, _b, _c, _d;
     if ("type" in e) {
-      if (e.operator === "is_null") return "is null";
-      if (e.operator === "is_not_null") return "is not null";
+      if (e.operator === "is_null") return {
+        operator: "is null"
+      };
+      if (e.operator === "is_not_null") return {
+        operator: "is not null"
+      };
       if (e.type === "number") return formatMinMax(e.min, e.max);
       if (e.type === "date") return formatMinMax((_a2 = e.min) == null ? void 0 : _a2.toISOString(), (_b = e.max) == null ? void 0 : _b.toISOString());
       if (e.type === "time") return formatMinMax(e.min ? t.format(e.min) : void 0, e.max ? t.format(e.max) : void 0);
       if (e.type === "datetime") return formatMinMax((_c = e.min) == null ? void 0 : _c.toISOString(), (_d = e.max) == null ? void 0 : _d.toISOString());
-      if (e.type === "boolean") return `is ${e.value ? "True" : "False"}`;
+      if (e.type === "boolean") return {
+        operator: `is ${e.value ? "True" : "False"}`
+      };
       if (e.type === "select") {
         let t2 = e.options.map((e2) => stringifyUnknownValue({
           value: e2
         }));
-        return `${e.operator === "in" ? "is in" : "not in"} [${t2.join(", ")}]`;
+        return {
+          operator: e.operator === "in" ? "is in" : "not in",
+          value: `[${t2.join(", ")}]`
+        };
       }
-      if (e.type === "text") return `contains "${e.text}"`;
+      if (e.type === "text") return {
+        operator: "contains",
+        value: `"${e.text}"`
+      };
       logNever(e);
     }
   }
   function formatMinMax(e, t) {
-    if (!(e === void 0 && t === void 0)) return e === t ? `== ${e}` : e === void 0 ? `<= ${t}` : t === void 0 ? `>= ${e}` : `${e} - ${t}`;
+    if (!(e === void 0 && t === void 0)) return e === t ? {
+      operator: "==",
+      value: String(e)
+    } : e === void 0 ? {
+      operator: "<=",
+      value: String(t)
+    } : t === void 0 ? {
+      operator: ">=",
+      value: String(e)
+    } : {
+      operator: "between",
+      value: `${e} - ${t}`
+    };
   }
   const FocusRowFeature = {
     getInitialState: (e) => ({
@@ -22749,7 +23407,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, vM, $;
+    let y = v, E, O, A, M, I, z, U, K, q, J, Q, BM, $;
     if (t[7] !== _ || t[8] !== n || t[9] !== i || t[10] !== y) {
       let e2 = async (t2) => {
         let n2 = await y(t2, () => {
@@ -22799,7 +23457,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], vM = downloadOptions.map((t2) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
+      }), t[29] = Q) : Q = t[29], BM = downloadOptions.map((t2) => (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
         onSelect: () => {
           e2(t2.format);
         },
@@ -22852,30 +23510,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] = 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 yM;
-    t[32] !== E || t[33] !== A || t[34] !== M || t[35] !== q || t[36] !== J || t[37] !== Q || t[38] !== vM || t[39] !== $ ? (yM = (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] = 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, {
       side: q,
       className: J,
       children: [
         Q,
-        vM,
+        BM,
         $,
         A,
         M
       ]
-    }), 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] = yM) : yM = t[40];
-    let bM;
-    return t[41] !== O || t[42] !== I || t[43] !== z || t[44] !== U || t[45] !== K || t[46] !== yM ? (bM = (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] = 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, {
       modal: I,
       open: z,
       onOpenChange: U,
       children: [
         K,
-        yM
+        VM
       ]
-    }), t[41] = O, t[42] = I, t[43] = z, t[44] = U, t[45] = K, t[46] = yM, t[47] = bM) : bM = t[47], bM;
+    }), 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;
   };
   function fetchJson(e) {
     return fetchText(e).then(jsonParseWithSpecialChar);
@@ -22966,22 +23624,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: vM, onSearchQueryChange: $, showFilters: yM = false, filters: bM, onFiltersChange: xM, reloading: SM, freezeColumnsLeft: CM, freezeColumnsRight: wM, toggleDisplayHeader: TM, showChartBuilder: EM, isChartBuilderOpen: DM, showPageSizeSelector: OM, showTableExplorer: kM, togglePanel: AM, isPanelOpen: jM, isAnyPanelOpen: MM, viewedRowIdx: NM, onViewedRowChange: PM }) => {
-    let [FM, IM] = import_react.useState(false), { locale: LM } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), { columnPinning: RM, setColumnPinning: zM } = useColumnPinning(CM, wM);
+  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);
     import_react.useEffect(() => {
       let e2;
-      return SM ? e2 = setTimeout(() => {
-        IM(true);
-      }, 300) : IM(false), () => {
+      return GM ? e2 = setTimeout(() => {
+        aN(true);
+      }, 300) : aN(false), () => {
         e2 && clearTimeout(e2);
       };
     }, [
-      SM
+      GM
     ]);
-    function BM(e2, t2) {
+    function lN(e2, t2) {
       return A ? t2 + (z ? A.pageIndex * A.pageSize : 0) : t2;
     }
-    let VM = useReactTable({
+    let uN = useReactTable({
       _features: [
         ColumnPinning,
         ColumnWrappingFeature,
@@ -23005,11 +23663,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 = BM(e2, t2);
+          let i2 = lN(e2, t2);
           return String(i2);
         }
       } : {},
-      locale: LM,
+      locale: oN,
       manualPagination: z,
       getPaginationRowModel: getPaginationRowModel(),
       ...v ? {
@@ -23019,21 +23677,21 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
       enableMultiSort: true,
       getSortedRowModel: getSortedRowModel(),
       manualFiltering: true,
-      enableColumnFilters: yM,
+      enableColumnFilters: VM,
       getFilteredRowModel: getFilteredRowModel(),
-      onColumnFiltersChange: xM,
+      onColumnFiltersChange: UM,
       onRowSelectionChange: K,
       onCellSelectionChange: q,
       enableCellSelection: c === "single-cell" || c === "multi-cell",
       enableMultiCellSelection: c === "multi-cell",
-      onColumnPinningChange: zM,
+      onColumnPinningChange: cN,
       enableFocusRow: true,
-      onFocusRowChange: PM,
+      onFocusRowChange: rN,
       state: {
         ..._ ? {
           sorting: _
         } : {},
-        columnFilters: bM,
+        columnFilters: HM,
         ...A ? {
           pagination: A
         } : U && !A ? {} : {
@@ -23045,20 +23703,21 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
         rowSelection: y ?? {},
         cellSelection: S ?? [],
         cellStyling: w,
-        columnPinning: RM,
+        columnPinning: sN,
         cellHoverTemplate: E,
         cellHoverTexts: O ?? {}
       }
-    }), HM = (jM == null ? void 0 : jM(PANEL_TYPES.ROW_VIEWER)) ?? false, UM = !U && o.length > 100, WM = useScrollContainerHeight({
+    }), dN = (eN == null ? void 0 : eN(PANEL_TYPES.ROW_VIEWER)) ?? false, fN = !U && o.length > 100, pN = useScrollContainerHeight({
       maxHeight: n,
-      virtualize: UM
+      virtualize: fN
     });
     return (0, import_jsx_runtime.jsxs)("div", {
       className: cn(e, "flex flex-col space-y-1"),
       children: [
         (0, import_jsx_runtime.jsx)(FilterPills, {
-          filters: bM,
-          table: VM
+          filters: HM,
+          table: uN,
+          calculateTopKRows: WM
         }),
         (0, import_jsx_runtime.jsx)(CellSelectionProvider, {
           children: (0, import_jsx_runtime.jsxs)("div", {
@@ -23067,32 +23726,32 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
             children: [
               (0, import_jsx_runtime.jsx)(TableTopBar, {
                 enableSearch: Q,
-                searchQuery: vM,
+                searchQuery: BM,
                 onSearchQueryChange: $,
-                reloading: SM,
-                showChartBuilder: EM,
-                isChartBuilderOpen: DM,
-                toggleDisplayHeader: TM,
-                showTableExplorer: kM,
-                togglePanel: AM,
-                isAnyPanelOpen: MM,
+                reloading: GM,
+                showChartBuilder: YM,
+                isChartBuilderOpen: XM,
+                toggleDisplayHeader: JM,
+                showTableExplorer: QM,
+                togglePanel: $M,
+                isAnyPanelOpen: tN,
                 downloadAs: I
               }),
               (0, import_jsx_runtime.jsxs)(Table, {
                 className: cn("relative", i.length <= 4 ? "w-auto" : "w-full"),
-                ref: WM,
+                ref: pN,
                 children: [
-                  FM && (0, import_jsx_runtime.jsx)("thead", {
+                  iN && (0, import_jsx_runtime.jsx)("thead", {
                     className: "absolute top-0 left-0 h-[3px] w-1/2 bg-primary animate-slide"
                   }),
-                  renderTableHeader(VM, UM || !!n),
+                  renderTableHeader(uN, fN || !!n),
                   (0, import_jsx_runtime.jsx)(DataTableBody, {
-                    table: VM,
+                    table: uN,
                     columns: i,
-                    rowViewerPanelOpen: HM,
-                    getRowIndex: BM,
-                    viewedRowIdx: NM,
-                    virtualize: UM
+                    rowViewerPanelOpen: dN,
+                    getRowIndex: lN,
+                    viewedRowIdx: nN,
+                    virtualize: fN
                   })
                 ]
               }),
@@ -23103,10 +23762,10 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
                 pagination: U,
                 selection: c,
                 onRowSelectionChange: K,
-                table: VM,
+                table: uN,
                 getRowIds: J,
-                showPageSizeSelector: OM,
-                tableLoading: SM
+                showPageSizeSelector: ZM,
+                tableLoading: GM
               })
             ]
           })
@@ -23187,76 +23846,76 @@ Database schema: ${n}`), (_a3 = t2.aiFix) == null ? void 0 : _a3.setAiCompletion
     t[4] !== o || t[5] !== E ? (O = E && E.kind === "cell" && !isWasm() && !isStaticNotebook() && o !== "__scratch__", t[4] = o, t[5] = E, t[6] = O) : O = t[6];
     let A = O, M;
     t[7] !== v || t[8] !== n ? (M = n && v && !isStaticNotebook(), t[7] = v, t[8] = n, t[9] = M) : M = t[9];
-    let z = M, U = !isStaticNotebook(), K = (e2) => {
+    let I = M, U = !isStaticNotebook(), K = (e2) => {
       n == null ? void 0 : n({
         prompt: `My code gives the following error:
 
 ${_}`,
         triggerImmediately: e2
       });
-    }, [J, Q] = _.split(":", 2), vM = d ? KEY : "", $;
+    }, [q, J] = _.split(":", 2), Q = d ? KEY : "", $;
     t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = () => h(_temp$2), t[10] = $) : $ = t[10];
-    let yM = d ? "rotate-180" : "rotate-0", bM;
-    t[11] === yM ? bM = t[12] : (bM = cn("h-4 w-4 text-muted-foreground transition-transform duration-200 shrink-0", yM), t[11] = yM, t[12] = bM);
-    let xM;
-    t[13] === bM ? xM = t[14] : (xM = (0, import_jsx_runtime.jsx)(ChevronDown, {
-      className: bM
-    }), t[13] = bM, t[14] = xM);
-    let SM = J || "Error", wM;
-    t[15] === SM ? wM = t[16] : (wM = (0, import_jsx_runtime.jsxs)("span", {
+    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", {
       className: "text-destructive",
       children: [
-        SM,
+        WM,
         ":"
       ]
-    }), t[15] = SM, t[16] = wM);
-    let TM;
-    t[17] !== Q || t[18] !== wM ? (TM = (0, import_jsx_runtime.jsxs)("div", {
+    }), t[15] = WM, t[16] = GM);
+    let KM;
+    t[17] !== J || t[18] !== GM ? (KM = (0, import_jsx_runtime.jsxs)("div", {
       className: "text-sm inline font-mono",
       children: [
-        wM,
+        GM,
         " ",
-        Q
+        J
       ]
-    }), t[17] = Q, t[18] = wM, t[19] = TM) : TM = t[19];
-    let DM;
-    t[20] !== TM || t[21] !== xM ? (DM = (0, import_jsx_runtime.jsxs)("div", {
+    }), 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", {
       className: "flex gap-2 h-10 px-2 hover:bg-muted rounded-sm select-none items-center cursor-pointer transition-all",
       onClick: $,
       children: [
-        xM,
-        TM
+        UM,
+        KM
       ]
-    }), t[20] = TM, t[21] = xM, t[22] = DM) : DM = t[22];
-    let OM;
-    t[23] === c ? OM = t[24] : (OM = (0, import_jsx_runtime.jsx)(AccordionContent, {
+    }), 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, {
       className: "text-muted-foreground px-4 pt-2 text-xs overflow-auto",
       children: c
-    }), t[23] = c, t[24] = OM);
-    let kM;
-    t[25] !== DM || t[26] !== OM ? (kM = (0, import_jsx_runtime.jsxs)(AccordionItem, {
+    }), t[23] = c, t[24] = YM);
+    let ZM;
+    t[25] !== JM || t[26] !== YM ? (ZM = (0, import_jsx_runtime.jsxs)(AccordionItem, {
       value: KEY,
       className: "border-none",
       children: [
-        DM,
-        OM
+        JM,
+        YM
       ]
-    }), t[25] = DM, t[26] = OM, t[27] = kM) : kM = t[27];
-    let jM;
-    t[28] !== kM || t[29] !== vM ? (jM = (0, import_jsx_runtime.jsx)(Accordion, {
+    }), 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, {
       type: "single",
       collapsible: true,
-      value: vM,
-      children: kM
-    }), t[28] = kM, t[29] = vM, t[30] = jM) : jM = t[30];
-    let MM;
-    t[31] !== K || t[32] !== z ? (MM = z && (0, import_jsx_runtime.jsx)(AIFixButton, {
+      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, {
       tooltip: "Fix with AI",
       openPrompt: () => K(false),
       applyAutofix: () => K(true)
-    }), t[31] = K, t[32] = z, t[33] = MM) : MM = t[33];
-    let NM;
-    t[34] !== A || t[35] !== E ? (NM = A && (0, import_jsx_runtime.jsx)(Tooltip, {
+    }), 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, {
       content: "Attach pdb to the exception point.",
       children: (0, import_jsx_runtime.jsxs)(Button, {
         size: "xs",
@@ -23273,9 +23932,9 @@ ${_}`,
           "Launch debugger"
         ]
       })
-    }), t[34] = A, t[35] = E, t[36] = NM) : NM = t[36];
-    let PM;
-    t[37] !== _ || t[38] !== i ? (PM = U && (0, import_jsx_runtime.jsxs)(DropdownMenu, {
+    }), 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, {
       children: [
         (0, import_jsx_runtime.jsx)(DropdownMenuTrigger, {
           asChild: true,
@@ -23343,24 +24002,24 @@ ${_}`,
           ]
         })
       ]
-    }), t[37] = _, t[38] = i, t[39] = PM) : PM = t[39];
-    let FM;
-    t[40] !== MM || t[41] !== NM || t[42] !== PM ? (FM = (0, import_jsx_runtime.jsxs)("div", {
+    }), 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", {
       className: "flex gap-2",
       children: [
-        MM,
-        NM,
-        PM
+        $M,
+        tN,
+        nN
       ]
-    }), t[40] = MM, t[41] = NM, t[42] = PM, t[43] = FM) : FM = t[43];
-    let IM;
-    return t[44] !== jM || t[45] !== FM ? (IM = (0, import_jsx_runtime.jsxs)("div", {
+    }), 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", {
       className: "flex flex-col gap-2 min-w-full w-fit",
       children: [
-        jM,
-        FM
+        QM,
+        rN
       ]
-    }), t[44] = jM, t[45] = FM, t[46] = IM) : IM = t[46], IM;
+    }), t[44] = QM, t[45] = rN, t[46] = iN) : iN = t[46], iN;
   };
   function lastLine(e) {
     var _a2, _b;
@@ -24669,95 +25328,97 @@ ${_}`,
   }
 });
 export {
-  toFieldTypes as $,
-  Fill as A,
-  Download as At,
-  inferFieldTypes as B,
-  contextAwarePanelOpen as C,
-  isStaticNotebook as Ct,
-  SlotNames as D,
-  EyeOff as Dt,
-  isCellAwareAtom as E,
-  Funnel as Et,
-  TableHead as F,
-  ChevronLeft as Ft,
-  useIntersectionObserver as G,
-  ColumnChartContext as H,
-  TableHeader as I,
-  ArrowDownWideNarrow as It,
-  loadTableAndRawData as J,
-  usePrevious as K,
-  TableRow as L,
-  Table as M,
-  ChevronsRight as Mt,
-  TableBody as N,
-  ChevronsLeft as Nt,
-  slotsController as O,
-  Expand as Ot,
-  TableCell as P,
-  ChevronsDownUp as Pt,
-  TOO_MANY_ROWS as Q,
-  NAMELESS_COLUMN_PREFIX as R,
-  PANEL_TYPES as S,
-  getStaticVirtualFiles as St,
-  contextAwarePanelType as T,
-  GripHorizontal as Tt,
-  ColumnChartSpecModel as U,
-  renderCellValue as V,
-  DelayMount as W,
-  INDEX_COLUMN_NAME as X,
-  loadTableData as Y,
-  SELECT_COLUMN_ID as Z,
+  INDEX_COLUMN_NAME as $,
+  slotsController as A,
+  Expand as At,
+  NAMELESS_COLUMN_PREFIX as B,
+  ContextAwarePanelItem as C,
+  EmotionCacheProvider as Ct,
+  contextAwarePanelType as D,
+  GripHorizontal as Dt,
+  contextAwarePanelOwner as E,
+  TextWrap as Et,
+  TableBody as F,
+  ChevronsLeft as Ft,
+  ColumnChartSpecModel as G,
+  inferFieldTypes as H,
+  TableCell as I,
+  ChevronsDownUp as It,
+  usePrevious as J,
+  DelayMount as K,
+  TableHead as L,
+  ChevronLeft as Lt,
+  Fill as M,
+  Download as Mt,
+  Provider$1 as N,
+  ChevronsUpDown as Nt,
+  isCellAwareAtom as O,
+  Funnel as Ot,
+  Table as P,
+  ChevronsRight as Pt,
+  loadTableData as Q,
+  TableHeader as R,
+  ArrowDownWideNarrow as Rt,
+  ComboboxItem as S,
+  HtmlOutput as St,
+  contextAwarePanelOpen as T,
+  isStaticNotebook as Tt,
+  renderCellValue as U,
+  generateColumns as V,
+  ColumnChartContext as W,
+  getPageIndexForRow as X,
+  filtersToFilterGroup as Y,
+  loadTableAndRawData as Z,
   Filenames as _,
   __tla,
-  useOverflowDetection as _t,
+  ChartLoadingState as _t,
   Slide as a,
-  CommandItem as at,
+  CommandEmpty as at,
   useInternalStateWithSync as b,
-  HtmlOutput as bt,
+  RenderTextWithLinks as bt,
   JsonOutput as c,
-  Maps as ct,
+  CommandList as ct,
   DataTable as d,
-  TabsList as dt,
-  getMimeValues as et,
+  Tabs as dt,
+  SELECT_COLUMN_ID as et,
   InstallPackageButton as f,
-  TabsTrigger as ft,
+  TabsContent as ft,
   downloadHTMLAsImage as g,
-  LazyVegaEmbed as gt,
+  ChartInfoState as gt,
   downloadByURL as h,
-  ChartLoadingState as ht,
+  ChartErrorState as ht,
   SlideSidebar as i,
-  CommandInput as it,
-  Provider$1 as j,
-  ChevronsUpDown as jt,
-  Toggle as k,
-  Ellipsis as kt,
+  Command as it,
+  Toggle as j,
+  Ellipsis as jt,
+  SlotNames as k,
+  EyeOff as kt,
   OutputArea as l,
-  Tabs as lt,
+  CommandSeparator as lt,
   downloadBlob as m,
-  ChartInfoState as mt,
+  TabsTrigger as mt,
   DEFAULT_SLIDE_TYPE as n,
-  Command as nt,
+  toFieldTypes as nt,
   RadioGroup as o,
-  CommandList as ot,
+  CommandInput as ot,
   ADD_PRINTING_CLASS as p,
-  ChartErrorState as pt,
-  getPageIndexForRow as q,
+  TabsList as pt,
+  useIntersectionObserver as q,
   SLIDE_TYPE_OPTIONS_BY_VALUE as r,
-  CommandEmpty as rt,
+  getMimeValues as rt,
   RadioGroupItem as s,
-  CommandSeparator as st,
+  CommandItem as st,
   DEFAULT_DECK_TRANSITION as t,
-  filtersToFilterGroup as tt,
+  TOO_MANY_ROWS as tt,
   OutputRenderer as u,
-  TabsContent as ut,
+  Maps as ut,
   prettifyRowColumnCount as v,
-  RenderTextWithLinks as vt,
-  contextAwarePanelOwner as w,
-  TextWrap as wt,
-  ContextAwarePanelItem as x,
-  EmotionCacheProvider as xt,
+  LazyVegaEmbed as vt,
+  PANEL_TYPES as w,
+  getStaticVirtualFiles as wt,
+  Combobox as x,
+  Kbd as xt,
   prettifyRowCount as y,
-  Kbd as yt,
-  generateColumns as z
+  useOverflowDetection as yt,
+  TableRow as z
 };