@marimo-team/islands 0.23.10-dev29 → 0.23.10-dev30

package/dist/main.js

@@ -22,11 +22,11 @@ import { _ as Logger, c as Objects, g as cn, h as Events, i as NOT_SET, l as use
 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-UqRYxiOg.js";
-import { $ as reducer, B as safeExtractSetUIElementMessageBuffers, Bn as CircleAlert, Bt as DATA_TYPE_ICON, C as AccordionContent, Cn as Root2$1, Ct as Checkbox, Dn as Table2, Dt as PathBuilder, E as BorderAllIcon, En as Trash2, F as base64ToDataView, Fn as Eye, H as getMarimoExportContext, Ht as require_client, It as jotaiJsonStorage, J as getCellNames, Jt as requestClientAtom, K as createActions, Kt as convertStatsName, L as dataViewToBase64, Ln as Database, Mn as Layers, Mt as generateUUID, Nn as Info, On as PaintRoller, Ot as Paths, Pn as FileText, Pt as repl, Q as numColumnsAtom, Rn as Columns2, S as Accordion, Sn as Item$1, St as normalizeName, T as AccordionTrigger, Tt as MarkdownLanguageAdapter, U as hasTrustedExportContext, V as renderHTML, Vn as Braces, Vt as getDataTypeColor, W as hasRunAnyCellAtom, X as notebookAtom, Xt as isUninstantiated, Y as hasOnlyOneCellAtom, Yt as useRequestClient, Z as notebookOutline, _n as atomWithStorage, a as useCellFocusActions, an as parseDataset, bt as getValidName, cn as HTMLCellId, ct as initialModeAtom, dn as findCellId, et as useCellActions, f as isOutputEmpty, fn as OBJECT_ID_ATTR, ft as outputIsLoading, gn as atomWithReducer, ht as headingToIdentifier, i as LazyAnyLanguageCodeMirror, in as parseAttrValue, jn as LoaderCircle, jt as DeferredRequestRegistry, k as ChevronDownIcon, lt as kioskModeAtom, mn as jsonParseWithSpecialChar, mt as isErrorMime, n as Spinner, o as useLastFocusedCellId, on as parseInitialValue, p as useExpandedConsoleOutput, pn as RANDOM_ID_ATTR, pt as outputIsStale, qt as getRequestClient, rt as createCell, s as maybeAddAltairImport, st as getInitialAppMode, tn as NotebookScopedLocalStorage, tt as useCellIds, un as UIElementId, vn as selectAtom, w as AccordionItem, wn as Trigger2, wt as customPythonLanguageSupport, xn as Content2, xt as isInternalCellName, zt as PluralWords, __tla as __tla_0 } from "./html-to-image-UEH5lFDZ.js";
+import { $ as reducer, B as safeExtractSetUIElementMessageBuffers, Bn as CircleAlert, Bt as DATA_TYPE_ICON, C as AccordionContent, Cn as Root2$1, Ct as Checkbox, Dn as Table2, Dt as PathBuilder, E as BorderAllIcon, En as Trash2, F as base64ToDataView, Fn as Eye, H as getMarimoExportContext, Ht as require_client, It as jotaiJsonStorage, J as getCellNames, Jt as requestClientAtom, K as createActions, Kt as convertStatsName, L as dataViewToBase64, Ln as Database, Mn as Layers, Mt as generateUUID, Nn as Info, On as PaintRoller, Ot as Paths, Pn as FileText, Pt as repl, Q as numColumnsAtom, Rn as Columns2, S as Accordion, Sn as Item$1, St as normalizeName, T as AccordionTrigger, Tt as MarkdownLanguageAdapter, U as hasTrustedExportContext, V as renderHTML, Vn as Braces, W as hasRunAnyCellAtom, X as notebookAtom, Xt as isUninstantiated, Y as hasOnlyOneCellAtom, Yt as useRequestClient, Z as notebookOutline, _n as atomWithStorage, a as useCellFocusActions, an as parseDataset, bt as getValidName, cn as HTMLCellId, ct as initialModeAtom, dn as findCellId, et as useCellActions, f as isOutputEmpty, fn as OBJECT_ID_ATTR, ft as outputIsLoading, gn as atomWithReducer, ht as headingToIdentifier, i as LazyAnyLanguageCodeMirror, in as parseAttrValue, jn as LoaderCircle, jt as DeferredRequestRegistry, k as ChevronDownIcon, lt as kioskModeAtom, mn as jsonParseWithSpecialChar, mt as isErrorMime, n as Spinner, o as useLastFocusedCellId, on as parseInitialValue, p as useExpandedConsoleOutput, pn as RANDOM_ID_ATTR, pt as outputIsStale, qt as getRequestClient, rt as createCell, s as maybeAddAltairImport, st as getInitialAppMode, tn as NotebookScopedLocalStorage, tt as useCellIds, un as UIElementId, vn as selectAtom, w as AccordionItem, wn as Trigger2, wt as customPythonLanguageSupport, xn as Content2, xt as isInternalCellName, zt as PluralWords, __tla as __tla_0 } from "./html-to-image-UEH5lFDZ.js";
 import { __tla as __tla_1 } from "./chunk-5FQGJX7Z-BNjes6Yx.js";
 import { o as useSize, s as Root$1, u as createLucideIcon } from "./dist-Dk6PV_d3.js";
 import { A as SquareFunction, C as DEFAULT_COLOR_SCHEME, D as SCALE_TYPE_DESCRIPTIONS, E as EMPTY_VALUE$1, O as TIME_UNIT_DESCRIPTIONS, S as DEFAULT_AGGREGATION, T as DEFAULT_TIME_UNIT, _ as AGGREGATION_TYPE_DESCRIPTIONS, a as AGGREGATION_FNS$1, b as COLOR_SCHEMES, c as COLOR_BY_FIELDS, d as NONE_VALUE, f as SELECTABLE_DATA_TYPES, g as TIME_UNITS, h as STRING_AGGREGATION_FNS, i as convertDataTypeToSelectable, j as ChartColumn, k as escapeFieldName, l as COMBINED_TIME_UNITS, m as SORT_TYPES, n as createSpecWithoutData, o as BIN_AGGREGATION, p as SINGLE_TIME_UNITS, r as isFieldSet, s as CHART_TYPES, t as augmentSpecWithData, u as ChartType, v as AGGREGATION_TYPE_ICON, w as DEFAULT_MAX_BINS_FACET, x as COUNT_FIELD, y as CHART_TYPE_ICON } from "./spec-X7FwLJni.js";
-import { $ as slotsController, A as ContextMenuSeparator, At as Maps, B as CommandEmpty, Bt as ChartLoadingState, C as downloadSizeLimitAtom, Ct as loadTableData, D as ContextMenu, Dt as toFieldTypes, E as getColumnCountForDisplay, Et as TOO_MANY_ROWS, F as DatePicker, Ft as TabsContent, G as smartMatch, Gt as HtmlOutput, H as CommandItem, Ht as useOverflowDetection, I as DateRangePicker, It as TabsList, J as contextAwarePanelOpen, Jt as $fae977aafc393c5c$export$6b862160d295c8e, K as ContextAwarePanelItem, Kt as EmotionCacheProvider, L as Combobox, Lt as TabsTrigger, M as useInternalStateWithSync, Mt as dateToLocalISODateTime, N as useSelectList, Nt as dateToLocalISOTime, O as ContextMenuContent, Ot as getMimeValues, P as CompactChipRow, Pt as Tabs, Q as SlotNames, Qt as EyeOff, R as ComboboxItem, Rt as ChartErrorState, S as Filenames, St as loadTableAndRawData, T as prettifyRowCount, Tt as SELECT_COLUMN_ID, U as CommandList, Ut as RenderTextWithLinks, V as CommandInput, Vt as LazyVegaEmbed, W as CommandSeparator, Wt as Kbd, X as contextAwarePanelType, Xt as GripHorizontal, Y as contextAwarePanelOwner, Yt as TextWrap, Z as isCellAwareAtom, Zt as Funnel, _ as ADD_PRINTING_CLASS, _t as ColumnChartSpecModel, an as ChevronsLeft, at as Provider$1, b as downloadHTMLAsImage, bt as usePrevious$1, c as Slide, cn as ArrowDownWideNarrow, ct as TableCell, d as RadioGroupItem, dt as TableRow, en as Ellipsis, et as Toggle, f as JsonOutput, ft as NAMELESS_COLUMN_PREFIX, g as InstallPackageButton, gt as ColumnChartContext, h as DataTable, ht as renderCellValue, in as ChevronsRight, it as Fill, j as ContextMenuTrigger, jt as dateToLocalISODate, k as ContextMenuItem, kt as isNullishFilter, l as Switch, lt as TableHead, m as OutputRenderer, mt as inferFieldTypes, n as marimoVersionAtom, nn as Code, o as SLIDE_TYPE_OPTIONS_BY_VALUE, on as ChevronsDownUp, ot as Table, p as OutputArea, pt as generateColumns, q as PANEL_TYPES, qt as $fae977aafc393c5c$export$588937bcd60ade55, r as showCodeInRunModeAtom, rn as ChevronsUpDown, sn as ChevronLeft, st as TableBody, t as useNotebookCodeAvailable, tn as Download, u as RadioGroup, ut as TableHeader, v as downloadBlob, vt as DelayMount, w as prettifyRowColumnCount, wt as INDEX_COLUMN_NAME, x as Progress, xt as getPageIndexForRow, y as downloadByURL, yt as useIntersectionObserver, z as Command, zt as ChartInfoState, __tla as __tla_2 } from "./code-visibility-C_uXSW2l.js";
+import { $ as contextAwarePanelOpen, $t as $fae977aafc393c5c$export$6b862160d295c8e, A as prettifyRowCount, At as SELECT_COLUMN_ID, B as DatePicker, Bt as TabsContent, C as downloadSizeLimitAtom, Ct as DelayMount, D as ErrorState, Dt as loadTableAndRawData, E as EmptyState, Et as getPageIndexForRow, F as ContextMenuSeparator, Ft as Maps, G as CommandEmpty, Gt as ChartLoadingState, H as Combobox, Ht as TabsTrigger, I as ContextMenuTrigger, It as dateToLocalISODate, J as CommandList, Jt as RenderTextWithLinks, K as CommandInput, Kt as LazyVegaEmbed, L as useInternalStateWithSync, Lt as dateToLocalISODateTime, M as ContextMenu, Mt as toFieldTypes, N as ContextMenuContent, Nt as getMimeValues, O as LoadingState, Ot as loadTableData, P as ContextMenuItem, Pt as isNullishFilter, Q as PANEL_TYPES, Qt as $fae977aafc393c5c$export$588937bcd60ade55, R as useSelectList, Rt as dateToLocalISOTime, S as Filenames, St as ColumnChartSpecModel, T as ColumnPreviewContainer, Tt as usePrevious$1, U as ComboboxItem, Ut as ChartErrorState, V as DateRangePicker, Vt as TabsList, W as Command, Wt as ChartInfoState, X as smartMatch, Xt as HtmlOutput, Y as CommandSeparator, Yt as Kbd, Z as ContextAwarePanelItem, Zt as EmotionCacheProvider, _ as ADD_PRINTING_CLASS, _t as NAMELESS_COLUMN_PREFIX, an as Ellipsis, at as Toggle, b as downloadHTMLAsImage, bt as renderCellValue, c as Slide, cn as ChevronsUpDown, d as RadioGroupItem, dn as ChevronsDownUp, dt as Table, en as TextWrap, et as contextAwarePanelOwner, f as JsonOutput, fn as ChevronLeft, ft as TableBody, g as InstallPackageButton, gt as TableRow, h as DataTable, ht as TableHeader, it as slotsController, j as getColumnCountForDisplay, jt as TOO_MANY_ROWS, k as prettifyRowColumnCount, kt as INDEX_COLUMN_NAME, l as Switch, ln as ChevronsRight, lt as Fill, m as OutputRenderer, mt as TableHead, n as marimoVersionAtom, nn as Funnel, nt as isCellAwareAtom, o as SLIDE_TYPE_OPTIONS_BY_VALUE, on as Download, p as OutputArea, pn as ArrowDownWideNarrow, pt as TableCell, q as CommandItem, qt as useOverflowDetection, r as showCodeInRunModeAtom, rn as EyeOff, rt as SlotNames, sn as Code, t as useNotebookCodeAvailable, tn as GripHorizontal, tt as contextAwarePanelType, u as RadioGroup, un as ChevronsLeft, ut as Provider$1, v as downloadBlob, vt as generateColumns, w as ColumnName, wt as useIntersectionObserver, x as Progress, xt as ColumnChartContext, y as downloadByURL, yt as inferFieldTypes, z as CompactChipRow, zt as Tabs, __tla as __tla_2 } from "./code-visibility-wR7WSQ4c.js";
 import { c as Calendar, i as createReducerAndAtoms, n as useOnUnmount, o as ToggleLeft, t as useOnMount } from "./useLifecycle-00mO3OSS.js";
 import { t as Check } from "./check-BCaJeT-J.js";
 import { A as Icon, C as logNever, D as $18f2051aff69b9bf$export$a54013f0d02a8f82, E as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, F as createCollection, I as X, M as clamp$2, N as usePrevious$2, P as useDirection, R as ChevronDown, S as assertNever, a as SelectGroup, c as SelectSeparator, d as NativeSelect, i as SelectContent, j as Trigger$1, l as SelectTrigger, n as capitalize, o as SelectItem, r as Select, s as SelectLabel, t as Strings, u as SelectValue, w as $a916eb452884faea$export$b7a616150fdb9f44 } from "./strings-J57tzLr3.js";
@@ -3848,8 +3848,8 @@ let __tla = Promise.all([
     }
   }
   repl(MODEL_MANAGER, "MODEL_MANAGER");
-  var import_compiler_runtime$91 = require_compiler_runtime(), NavigationMenu = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$91.c)(16), l, u, d, f;
+  var import_compiler_runtime$90 = require_compiler_runtime(), NavigationMenu = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$90.c)(16), l, u, d, f;
     c[0] === e ? (l = c[1], u = c[2], d = c[3], f = c[4]) : ({ className: u, children: l, orientation: d, ...f } = e, c[0] = e, c[1] = l, c[2] = u, c[3] = d, c[4] = f);
     let m = d === "horizontal" && "max-w-max flex-1 items-center justify-center", h = d === "vertical" && "", g;
     c[5] !== u || c[6] !== m || c[7] !== h ? (g = cn(m, h, "relative z-10", u), c[5] = u, c[6] = m, c[7] = h, c[8] = g) : g = c[8];
@@ -3879,7 +3879,7 @@ let __tla = Promise.all([
       orientation: "horizontal"
     }
   }), NavigationMenuList = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$91.c)(11), l, u, d;
+    let c = (0, import_compiler_runtime$90.c)(11), l, u, d;
     c[0] === e ? (l = c[1], u = c[2], d = c[3]) : ({ className: l, orientation: u, ...d } = e, c[0] = e, c[1] = l, c[2] = u, c[3] = d);
     let f;
     c[4] !== l || c[5] !== u ? (f = cn(navigationMenuListStyle({
@@ -3904,7 +3904,7 @@ let __tla = Promise.all([
       orientation: "horizontal"
     }
   }), NavigationMenuTrigger = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$91.c)(12), l, u, d;
+    let c = (0, import_compiler_runtime$90.c)(12), l, u, d;
     c[0] === e ? (l = c[1], u = c[2], d = c[3]) : ({ className: u, children: l, ...d } = e, c[0] = e, c[1] = l, c[2] = u, c[3] = d);
     let f;
     c[4] === u ? f = c[5] : (f = cn(navigationMenuTriggerStyle(), "group", u), c[4] = u, c[5] = f);
@@ -3927,7 +3927,7 @@ let __tla = Promise.all([
   });
   NavigationMenuTrigger.displayName = Trigger.displayName;
   var NavigationMenuContent = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$91.c)(9), l, u;
+    let c = (0, import_compiler_runtime$90.c)(9), l, u;
     c[0] === e ? (l = c[1], u = c[2]) : ({ className: l, ...u } = e, c[0] = e, c[1] = l, c[2] = u);
     let d;
     c[3] === l ? d = c[4] : (d = cn("left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ", l), c[3] = l, c[4] = d);
@@ -3940,7 +3940,7 @@ let __tla = Promise.all([
   });
   NavigationMenuContent.displayName = Content.displayName;
   var NavigationMenuLink = Link, NavigationMenuViewport = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$91.c)(10), l, u;
+    let c = (0, import_compiler_runtime$90.c)(10), l, u;
     c[0] === e ? (l = c[1], u = c[2]) : ({ className: l, ...u } = e, c[0] = e, c[1] = l, c[2] = u);
     let d;
     c[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = cn("absolute left-0 top-full flex justify-center"), c[3] = d) : d = c[3];
@@ -3958,7 +3958,7 @@ let __tla = Promise.all([
   });
   NavigationMenuViewport.displayName = Viewport.displayName;
   var NavigationMenuIndicator = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$91.c)(10), l, u;
+    let c = (0, import_compiler_runtime$90.c)(10), l, u;
     c[0] === e ? (l = c[1], u = c[2]) : ({ className: l, ...u } = e, c[0] = e, c[1] = l, c[2] = u);
     let d;
     c[3] === l ? d = c[4] : (d = cn("top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in", l), c[3] = l, c[4] = d);
@@ -3975,7 +3975,7 @@ let __tla = Promise.all([
     }), c[6] = u, c[7] = r, c[8] = d, c[9] = m) : m = c[9], m;
   });
   NavigationMenuIndicator.displayName = Indicator.displayName;
-  var import_compiler_runtime$90 = require_compiler_runtime(), NavigationMenuPlugin = class {
+  var import_compiler_runtime$89 = require_compiler_runtime(), NavigationMenuPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-nav-menu");
       __publicField(this, "menuItemValidator", object({
@@ -4004,7 +4004,7 @@ let __tla = Promise.all([
       });
     }
   }, NavMenuComponent = (e) => {
-    let r = (0, import_compiler_runtime$90.c)(13), { items: c, orientation: l } = e, u = _temp$28, d = _temp2$17, f = _temp3$13, p;
+    let r = (0, import_compiler_runtime$89.c)(13), { items: c, orientation: l } = e, u = _temp$28, d = _temp2$17, f = _temp3$13, p;
     r[0] === l ? p = r[1] : (p = (e2) => "items" in e2 ? l === "horizontal" ? (0, import_jsx_runtime.jsx)(NavigationMenu, {
       orientation: "horizontal",
       children: (0, import_jsx_runtime.jsx)(NavigationMenuList, {
@@ -4085,7 +4085,7 @@ let __tla = Promise.all([
       children: g
     }), r[10] = l, r[11] = g, r[12] = _) : _ = r[12], _;
   }, ListItem = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$90.c)(19), l, u, d, f;
+    let c = (0, import_compiler_runtime$89.c)(19), l, u, d, f;
     c[0] === e ? (l = c[1], u = c[2], d = c[3], f = c[4]) : ({ className: u, label: d, children: l, ...f } = e, c[0] = e, c[1] = l, c[2] = u, c[3] = d, c[4] = f);
     let m;
     c[5] === u ? m = c[6] : (m = cn("block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-hidden transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground", u), c[5] = u, c[6] = m);
@@ -4294,9 +4294,9 @@ let __tla = Promise.all([
         isSelected: f
       }
     }, y.children));
-  }), import_compiler_runtime$89 = require_compiler_runtime();
+  }), import_compiler_runtime$88 = require_compiler_runtime();
   const LocaleProvider = (e) => {
-    let r = (0, import_compiler_runtime$89.c)(5), { children: c } = e, l = useAtomValue(localeAtom), u;
+    let r = (0, import_compiler_runtime$88.c)(5), { children: c } = e, l = useAtomValue(localeAtom), u;
     r[0] === l ? u = r[1] : (u = safeLocale(l), r[0] = l, r[1] = u);
     let d;
     return r[2] !== c || r[3] !== u ? (d = (0, import_jsx_runtime.jsx)($18f2051aff69b9bf$export$a54013f0d02a8f82, {
@@ -6993,33 +6993,33 @@ let __tla = Promise.all([
     }), B = C({
       height: 0,
       width: 0
-    }), H = U(), W = U(), G = C(0), q = C(null), GU = C({
+    }), H = U(), W = U(), G = C(0), q = C(null), UU = C({
       column: 0,
       row: 0
-    }), Z = U(), KU = U(), qU = C(false), JU = C(0), YU = C(true), XU = C(false), ZU = C(false);
-    Y(x(b, $(JU), P(([e2, r2]) => !!r2)), () => {
-      D(YU, false);
-    }), Y(x(ut(b, YU, B, z, JU, XU), P(([e2, r2, c2, l2, , u2]) => e2 && !r2 && c2.height !== 0 && l2.height !== 0 && !u2)), ([, , , , e2]) => {
-      D(XU, true), Ue(1, () => {
+    }), Z = U(), WU = U(), GU = C(false), KU = C(0), qU = C(true), JU = C(false), YU = C(false);
+    Y(x(b, $(KU), P(([e2, r2]) => !!r2)), () => {
+      D(qU, false);
+    }), Y(x(ut(b, qU, B, z, KU, JU), P(([e2, r2, c2, l2, , u2]) => e2 && !r2 && c2.height !== 0 && l2.height !== 0 && !u2)), ([, , , , e2]) => {
+      D(JU, true), Ue(1, () => {
         D(H, e2);
       }), Et(x(h), () => {
         D(r, [
           0,
           0
-        ]), D(YU, true);
+        ]), D(qU, true);
       });
-    }), F(x(KU, P((e2) => e2 != null && e2.scrollTop > 0), Ft(0)), L), Y(x(b, $(KU), P(([, e2]) => e2 != null)), ([, e2]) => {
-      e2 && (D(z, e2.viewport), D(B, e2.item), D(GU, e2.gap), e2.scrollTop > 0 && (D(qU, true), Et(x(h, Kt(1)), (e3) => {
-        D(qU, false);
+    }), F(x(WU, P((e2) => e2 != null && e2.scrollTop > 0), Ft(0)), L), Y(x(b, $(WU), P(([, e2]) => e2 != null)), ([, e2]) => {
+      e2 && (D(z, e2.viewport), D(B, e2.item), D(UU, e2.gap), e2.scrollTop > 0 && (D(GU, true), Et(x(h, Kt(1)), (e3) => {
+        D(GU, false);
       }), D(m, {
         top: e2.scrollTop
       })));
-    }), F(x(z, k(({ height: e2 }) => e2)), _), F(x(ut(V(z, xe), V(B, xe), V(GU, (e2, r2) => e2 && e2.column === r2.column && e2.row === r2.row), V(h)), k(([e2, r2, c2, l2]) => ({
+    }), F(x(z, k(({ height: e2 }) => e2)), _), F(x(ut(V(z, xe), V(B, xe), V(UU, (e2, r2) => e2 && e2.column === r2.column && e2.row === r2.row), V(h)), k(([e2, r2, c2, l2]) => ({
       gap: c2,
       item: r2,
       scrollTop: l2,
       viewport: e2
-    }))), Z), F(x(ut(V(I), l, V(GU, Or), V(B, xe), V(z, xe), V(q), V(L), V(qU), V(YU), V(JU)), P(([, , , , , , , e2]) => !e2), k(([e2, [r2, c2], l2, u2, d2, f2, p2, , m2, h2]) => {
+    }))), Z), F(x(ut(V(I), l, V(UU, Or), V(B, xe), V(z, xe), V(q), V(L), V(GU), V(qU), V(KU)), P(([, , , , , , , e2]) => !e2), k(([e2, [r2, c2], l2, u2, d2, f2, p2, , m2, h2]) => {
       let { column: g2, row: _2 } = l2, { height: v2, width: y2 } = u2, { width: b2 } = d2;
       if (p2 === 0 && (e2 === 0 || b2 === 0)) return bn;
       if (y2 === 0) {
@@ -7038,23 +7038,23 @@ let __tla = Promise.all([
         offsetTop: j2,
         top: j2
       };
-    })), R), F(x(q, P((e2) => e2 !== null), k((e2) => e2.length)), I), F(x(ut(z, B, R, GU), P(([e2, r2, { items: c2 }]) => c2.length > 0 && r2.height !== 0 && e2.height !== 0), k(([e2, r2, { items: c2 }, l2]) => {
+    })), R), F(x(q, P((e2) => e2 !== null), k((e2) => e2.length)), I), F(x(ut(z, B, R, UU), P(([e2, r2, { items: c2 }]) => c2.length > 0 && r2.height !== 0 && e2.height !== 0), k(([e2, r2, { items: c2 }, l2]) => {
       let { bottom: u2, top: d2 } = Bn(e2, l2, r2, c2);
       return [
         d2,
         u2
       ];
     }), J(ce)), r);
-    let QU = C(false);
-    F(x(h, $(QU), k(([e2, r2]) => r2 || e2 !== 0)), QU);
-    let $U = bt(x(ut(R, I), P(([{ items: e2 }]) => e2.length > 0), $(QU), P(([[e2, r2], c2]) => {
+    let XU = C(false);
+    F(x(h, $(XU), k(([e2, r2]) => r2 || e2 !== 0)), XU);
+    let ZU = bt(x(ut(R, I), P(([{ items: e2 }]) => e2.length > 0), $(XU), P(([[e2, r2], c2]) => {
       let l2 = e2.items[e2.items.length - 1].index === r2 - 1;
       return (c2 || e2.bottom > 0 && e2.itemHeight > 0 && e2.offsetBottom === 0 && e2.items.length === r2) && l2;
-    }), k(([[, e2]]) => e2 - 1), J())), eW = bt(x(V(R), P(({ items: e2 }) => e2.length > 0 && e2[0].index === 0), Ft(0), J())), tW = bt(x(V(R), $(qU), P(([{ items: e2 }, r2]) => e2.length > 0 && !r2), k(([{ items: e2 }]) => ({
+    }), k(([[, e2]]) => e2 - 1), J())), QU = bt(x(V(R), P(({ items: e2 }) => e2.length > 0 && e2[0].index === 0), Ft(0), J())), $U = bt(x(V(R), $(GU), P(([{ items: e2 }, r2]) => e2.length > 0 && !r2), k(([{ items: e2 }]) => ({
       endIndex: e2[e2.length - 1].index,
       startIndex: e2[0].index
     })), J(An), Gt(0)));
-    F(tW, y.scrollSeekRangeChanged), F(x(H, $(z, B, I, GU), k(([e2, r2, c2, l2, u2]) => {
+    F($U, y.scrollSeekRangeChanged), F(x(H, $(z, B, I, UU), k(([e2, r2, c2, l2, u2]) => {
       let d2 = $n(e2), { align: f2, behavior: p2, offset: m2 } = d2, h2 = d2.index;
       h2 === "LAST" && (h2 = l2 - 1), h2 = re(0, h2, Oe(l2 - 1, h2));
       let g2 = Me(r2, u2, c2, h2);
@@ -7063,7 +7063,7 @@ let __tla = Promise.all([
         top: g2
       };
     })), m);
-    let nW = ht(x(R, k((e2) => e2.offsetBottom + e2.bottom)), 0);
+    let eW = ht(x(R, k((e2) => e2.offsetBottom + e2.bottom)), 0);
     return F(x(j, k((e2) => ({
       height: e2.visibleHeight,
       width: e2.visibleWidth
@@ -7072,13 +7072,13 @@ let __tla = Promise.all([
       data: q,
       deviation: G,
       footerHeight: u,
-      gap: GU,
+      gap: UU,
       headerHeight: d,
       increaseViewportBy: e,
       initialItemCount: L,
       itemDimensions: B,
       overscan: c,
-      restoreStateFrom: KU,
+      restoreStateFrom: WU,
       scrollBy: f,
       scrollContainerState: p,
       scrollHeight: W,
@@ -7094,16 +7094,16 @@ let __tla = Promise.all([
       windowViewportRect: j,
       ...y,
       gridState: R,
-      horizontalDirection: ZU,
-      initialTopMostItemIndex: JU,
-      totalListHeight: nW,
+      horizontalDirection: YU,
+      initialTopMostItemIndex: KU,
+      totalListHeight: eW,
       ...v,
-      endReached: $U,
+      endReached: ZU,
       propsReady: S,
-      rangeChanged: tW,
-      startReached: eW,
+      rangeChanged: $U,
+      startReached: QU,
       stateChanged: Z,
-      stateRestoreInProgress: qU,
+      stateRestoreInProgress: GU,
       ...M
     };
   }, tt(je, It, he, Zn, _t, qe, Wt));
@@ -7328,9 +7328,9 @@ let __tla = Promise.all([
   function kn(e, r, c) {
     return r !== "normal" && !(r != null && r.endsWith("px")) && c(`${e} was not resolved to pixel value correctly`, r, Ct.WARN), r === "normal" ? 0 : parseInt(r ?? "0", 10);
   }
-  var import_compiler_runtime$88 = require_compiler_runtime();
+  var import_compiler_runtime$87 = require_compiler_runtime();
   function OptionRowImpl(e) {
-    let r = (0, import_compiler_runtime$88.c)(9), { option: c, checked: l, renderOption: u } = e, d = l || void 0, f = c.value, p;
+    let r = (0, import_compiler_runtime$87.c)(9), { option: c, checked: l, renderOption: u } = e, d = l || void 0, f = c.value, p;
     r[0] !== l || r[1] !== c || r[2] !== u ? (p = u ? u(c, {
       checked: l
     }) : c.label, r[0] = l, r[1] = c, r[2] = u, r[3] = p) : p = r[3];
@@ -7347,7 +7347,7 @@ let __tla = Promise.all([
   function renderSlot(e, ...r) {
     return typeof e == "function" ? e(...r) : e;
   }
-  var import_compiler_runtime$87 = require_compiler_runtime();
+  var import_compiler_runtime$86 = require_compiler_runtime();
   function bulkActionLabel(e) {
     switch (e.kind) {
       case "select-all":
@@ -7361,7 +7361,7 @@ let __tla = Promise.all([
     }
   }
   function SelectList(e) {
-    let r = (0, import_compiler_runtime$87.c)(55), { options: c, value: l, onChange: u, multiple: d, maxSelections: f, allowSelectNone: m, pinSelected: h, compactChipTrigger: g, placeholder: _, disabled: v, fullWidth: y, className: b, id: S, renderOption: w, renderEmpty: T, virtualizeThreshold: E, virtualizedHeight: O } = e, j = h === void 0 ? false : h, M = g === void 0 ? false : g, I = _ === void 0 ? "Select..." : _, L = v === void 0 ? false : v, R = y === void 0 ? false : y, z = T === void 0 ? "Nothing found." : T, B = E === void 0 ? 200 : E, H = O === void 0 ? 200 : O, W;
+    let r = (0, import_compiler_runtime$86.c)(55), { options: c, value: l, onChange: u, multiple: d, maxSelections: f, allowSelectNone: m, pinSelected: h, compactChipTrigger: g, placeholder: _, disabled: v, fullWidth: y, className: b, id: S, renderOption: w, renderEmpty: T, virtualizeThreshold: E, virtualizedHeight: O } = e, j = h === void 0 ? false : h, M = g === void 0 ? false : g, I = _ === void 0 ? "Select..." : _, L = v === void 0 ? false : v, R = y === void 0 ? false : y, z = T === void 0 ? "Nothing found." : T, B = E === void 0 ? 200 : E, H = O === void 0 ? 200 : O, W;
     r[0] !== m || r[1] !== f || r[2] !== d || r[3] !== u || r[4] !== c || r[5] !== j || r[6] !== l ? (W = {
       options: c,
       value: l,
@@ -7381,7 +7381,7 @@ let __tla = Promise.all([
       let r2 = Array.isArray(e2) ? e2 : [];
       f != null && r2.length > f && (r2 = r2.slice(-f)), u(r2);
     }, r[8] = m, r[9] = f, r[10] = d, r[11] = u, r[12] = q) : q = r[12];
-    let GU = q, Z;
+    let UU = q, Z;
     if (r[13] !== G.bulkActions) {
       if (Z = G.bulkActions.map(_temp$27), Z.length > 0) {
         let e2;
@@ -7391,12 +7391,12 @@ let __tla = Promise.all([
       }
       r[13] = G.bulkActions, r[14] = Z;
     } else Z = r[14];
-    let KU;
-    r[16] !== G.pinnedCount || r[17] !== G.visibleOptions.length ? (KU = (e2) => G.pinnedCount > 0 && e2 === G.pinnedCount && G.pinnedCount < G.visibleOptions.length ? (0, import_jsx_runtime.jsx)(CommandSeparator, {
+    let WU;
+    r[16] !== G.pinnedCount || r[17] !== G.visibleOptions.length ? (WU = (e2) => G.pinnedCount > 0 && e2 === G.pinnedCount && G.pinnedCount < G.visibleOptions.length ? (0, import_jsx_runtime.jsx)(CommandSeparator, {
       "data-slot": "select-separator"
-    }, "_pinned_separator") : null, r[16] = G.pinnedCount, r[17] = G.visibleOptions.length, r[18] = KU) : KU = r[18];
-    let qU = KU, JU;
-    r[19] !== Z || r[20] !== G || r[21] !== qU || r[22] !== w || r[23] !== B || r[24] !== H ? (JU = () => {
+    }, "_pinned_separator") : null, r[16] = G.pinnedCount, r[17] = G.visibleOptions.length, r[18] = WU) : WU = r[18];
+    let GU = WU, KU;
+    r[19] !== Z || r[20] !== G || r[21] !== GU || r[22] !== w || r[23] !== B || r[24] !== H ? (KU = () => {
       if (G.visibleOptions.length > B) return (0, import_jsx_runtime.jsx)(Yr, {
         "data-slot": "select-list",
         style: {
@@ -7409,7 +7409,7 @@ let __tla = Promise.all([
           return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
             children: [
               e3 === 0 && Z,
-              qU(e3),
+              GU(e3),
               (0, import_jsx_runtime.jsx)(OptionRow, {
                 option: r2,
                 checked: G.isChecked(r2.value),
@@ -7420,7 +7420,7 @@ let __tla = Promise.all([
         }
       });
       let e2 = G.visibleOptions.flatMap((e3, r2) => {
-        let c2 = qU(r2), l2 = (0, import_jsx_runtime.jsx)(OptionRow, {
+        let c2 = GU(r2), l2 = (0, import_jsx_runtime.jsx)(OptionRow, {
           option: e3,
           checked: G.isChecked(e3.value),
           renderOption: w
@@ -7438,9 +7438,9 @@ let __tla = Promise.all([
           e2
         ]
       });
-    }, r[19] = Z, r[20] = G, r[21] = qU, r[22] = w, r[23] = B, r[24] = H, r[25] = JU) : JU = r[25];
-    let YU = JU, XU;
-    r[26] !== G.labelOf || r[27] !== I ? (XU = (e2) => {
+    }, r[19] = Z, r[20] = G, r[21] = GU, r[22] = w, r[23] = B, r[24] = H, r[25] = KU) : KU = r[25];
+    let qU = KU, JU;
+    r[26] !== G.labelOf || r[27] !== I ? (JU = (e2) => {
       let r2 = Array.isArray(e2) ? e2 : e2 == null ? [] : [
         e2
       ];
@@ -7451,46 +7451,46 @@ let __tla = Promise.all([
         items: r2.map(G.labelOf),
         max: 3
       });
-    }, r[26] = G.labelOf, r[27] = I, r[28] = XU) : XU = r[28];
-    let ZU = XU, QU = e["data-testid"], $U;
-    r[29] === G ? $U = r[30] : ($U = (e2) => G.labelOf(e2), r[29] = G, r[30] = $U);
-    let eW = M ? ZU : void 0, tW;
-    r[31] !== b || r[32] !== R ? (tW = cn({
+    }, r[26] = G.labelOf, r[27] = I, r[28] = JU) : JU = r[28];
+    let YU = JU, XU = e["data-testid"], ZU;
+    r[29] === G ? ZU = r[30] : (ZU = (e2) => G.labelOf(e2), r[29] = G, r[30] = ZU);
+    let QU = M ? YU : void 0, $U;
+    r[31] !== b || r[32] !== R ? ($U = cn({
       "w-full": R
-    }, b), r[31] = b, r[32] = R, r[33] = tW) : tW = r[33];
-    let nW = G.searchQuery, rW = G.setSearchQuery, iW = G.open, aW = G.setOpen, oW;
-    r[34] === z ? oW = r[35] : (oW = renderSlot(z), r[34] = z, r[35] = oW);
-    let sW;
-    r[36] !== L || r[37] !== S || r[38] !== G.open || r[39] !== G.searchQuery || r[40] !== G.setOpen || r[41] !== G.setSearchQuery || r[42] !== I || r[43] !== QU || r[44] !== $U || r[45] !== eW || r[46] !== tW || r[47] !== oW ? (sW = {
+    }, b), r[31] = b, r[32] = R, r[33] = $U) : $U = r[33];
+    let eW = G.searchQuery, tW = G.setSearchQuery, nW = G.open, rW = G.setOpen, iW;
+    r[34] === z ? iW = r[35] : (iW = renderSlot(z), r[34] = z, r[35] = iW);
+    let aW;
+    r[36] !== L || r[37] !== S || r[38] !== G.open || r[39] !== G.searchQuery || r[40] !== G.setOpen || r[41] !== G.setSearchQuery || r[42] !== I || r[43] !== XU || r[44] !== ZU || r[45] !== QU || r[46] !== $U || r[47] !== iW ? (aW = {
       "data-slot": "select-root",
-      "data-testid": QU,
-      displayValue: $U,
-      renderValue: eW,
+      "data-testid": XU,
+      displayValue: ZU,
+      renderValue: QU,
       placeholder: I,
-      className: tW,
+      className: $U,
       shouldFilter: false,
-      search: nW,
-      onSearchChange: rW,
-      open: iW,
-      onOpenChange: aW,
-      emptyState: oW,
+      search: eW,
+      onSearchChange: tW,
+      open: nW,
+      onOpenChange: rW,
+      emptyState: iW,
       disabled: L,
       id: S
-    }, r[36] = L, r[37] = S, r[38] = G.open, r[39] = G.searchQuery, r[40] = G.setOpen, r[41] = G.setSearchQuery, r[42] = I, r[43] = QU, r[44] = $U, r[45] = eW, r[46] = tW, r[47] = oW, r[48] = sW) : sW = r[48];
-    let cW = sW, lW;
-    return r[49] !== cW || r[50] !== GU || r[51] !== d || r[52] !== YU || r[53] !== l ? (lW = d ? (0, import_jsx_runtime.jsx)(Combobox, {
-      ...cW,
+    }, r[36] = L, r[37] = S, r[38] = G.open, r[39] = G.searchQuery, r[40] = G.setOpen, r[41] = G.setSearchQuery, r[42] = I, r[43] = XU, r[44] = ZU, r[45] = QU, r[46] = $U, r[47] = iW, r[48] = aW) : aW = r[48];
+    let oW = aW, sW;
+    return r[49] !== oW || r[50] !== UU || r[51] !== d || r[52] !== qU || r[53] !== l ? (sW = d ? (0, import_jsx_runtime.jsx)(Combobox, {
+      ...oW,
       multiple: true,
       value: l,
-      onValueChange: GU,
-      children: YU()
+      onValueChange: UU,
+      children: qU()
     }) : (0, import_jsx_runtime.jsx)(Combobox, {
-      ...cW,
+      ...oW,
       multiple: false,
       value: l,
-      onValueChange: GU,
-      children: YU()
-    }), r[49] = cW, r[50] = GU, r[51] = d, r[52] = YU, r[53] = l, r[54] = lW) : lW = r[54], lW;
+      onValueChange: UU,
+      children: qU()
+    }), r[49] = oW, r[50] = UU, r[51] = d, r[52] = qU, r[53] = l, r[54] = sW) : sW = r[54], sW;
   }
   function _temp$27(e) {
     let r = "enabled" in e ? !e.enabled : e.items.length === 0;
@@ -7505,9 +7505,9 @@ let __tla = Promise.all([
       children: bulkActionLabel(e)
     }, e.kind);
   }
-  var import_compiler_runtime$86 = require_compiler_runtime(), Accordion$1 = Root2$1, AccordionContent$1 = Content2, AccordionItem$1 = Item$1, AccordionTrigger$1 = Trigger2;
+  var import_compiler_runtime$85 = require_compiler_runtime(), Accordion$1 = Root2$1, AccordionContent$1 = Content2, AccordionItem$1 = Item$1, AccordionTrigger$1 = Trigger2;
   const BadPluginData = (e) => {
-    let r = (0, import_compiler_runtime$86.c)(16), { error: c, badData: l, shadowRoot: u } = e;
+    let r = (0, import_compiler_runtime$85.c)(16), { error: c, badData: l, shadowRoot: u } = e;
     if (c instanceof ZodError) {
       let e2;
       r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)(AlertTitle, {
@@ -7987,9 +7987,9 @@ let __tla = Promise.all([
       }
     };
   }
-  var import_compiler_runtime$85 = require_compiler_runtime();
+  var import_compiler_runtime$84 = require_compiler_runtime();
   function useAnyWidgetModule(e) {
-    let r = (0, import_compiler_runtime$85.c)(16), { jsUrl: c, jsHash: l } = e, u;
+    let r = (0, import_compiler_runtime$84.c)(16), { jsUrl: c, jsHash: l } = e, u;
     r[0] !== l || r[1] !== c ? (u = async () => await WIDGET_DEF_REGISTRY.getModule(c, l), r[0] = l, r[1] = c, r[2] = u) : u = r[2];
     let d;
     r[3] === l ? d = r[4] : (d = [
@@ -8043,7 +8043,7 @@ let __tla = Promise.all([
     ...e
   }));
   var AnyWidgetSlot = (e) => {
-    let r = (0, import_compiler_runtime$85.c)(14), { jsUrl: c, jsHash: l, modelId: u } = e.data, d = e.host, f;
+    let r = (0, import_compiler_runtime$84.c)(14), { jsUrl: c, jsHash: l, modelId: u } = e.data, d = e.host, f;
     r[0] !== l || r[1] !== c ? (f = {
       jsUrl: c,
       jsHash: l
@@ -8084,7 +8084,7 @@ let __tla = Promise.all([
     return e.default ? typeof e.default == "function" || typeof ((_a3 = e.default) == null ? void 0 : _a3.render) == "function" || typeof ((_b3 = e.default) == null ? void 0 : _b3.initialize) == "function" : false;
   }
   var LoadedSlot = (e) => {
-    let r = (0, import_compiler_runtime$85.c)(9), { widget: c, modelId: l, host: u } = e, f = (0, import_react.useRef)(null), p, m;
+    let r = (0, import_compiler_runtime$84.c)(9), { widget: c, modelId: l, host: u } = e, f = (0, import_react.useRef)(null), p, m;
     r[0] === l ? (p = r[1], m = r[2]) : (p = MODEL_MANAGER.getSync(l), p || Logger.error("Model not found for modelId", l), m = p == null ? void 0 : p.get("_css"), r[0] = l, r[1] = p, r[2] = m), useMountCss(m, u);
     let h, g;
     r[3] !== p || r[4] !== l || r[5] !== c ? (h = () => {
@@ -8100,9 +8100,9 @@ let __tla = Promise.all([
     return r[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = (0, import_jsx_runtime.jsx)("div", {
       ref: f
     }), r[8] = _) : _ = r[8], _;
-  }, import_compiler_runtime$84 = require_compiler_runtime();
+  }, import_compiler_runtime$83 = require_compiler_runtime();
   const KeyboardHotkeys = (e) => {
-    let r = (0, import_compiler_runtime$84.c)(10), { shortcut: c, className: l } = e;
+    let r = (0, import_compiler_runtime$83.c)(10), { shortcut: c, className: l } = e;
     if (c === NOT_SET || c === "") {
       let e2;
       return r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)("span", {}), r[0] = e2) : e2 = r[0], e2;
@@ -8118,7 +8118,7 @@ let __tla = Promise.all([
       children: d
     }), r[7] = u, r[8] = d, r[9] = f) : f = r[9], f;
   }, MinimalHotkeys = (e) => {
-    let r = (0, import_compiler_runtime$84.c)(12), { shortcut: c, className: l } = e;
+    let r = (0, import_compiler_runtime$83.c)(12), { shortcut: c, className: l } = e;
     if (c === NOT_SET || c === "") {
       let e2;
       return r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)("span", {}), r[0] = e2) : e2 = r[0], e2;
@@ -8367,9 +8367,9 @@ let __tla = Promise.all([
         return "success";
     }
   }
-  var import_compiler_runtime$83 = require_compiler_runtime();
+  var import_compiler_runtime$82 = require_compiler_runtime();
   const Labeled = (e) => {
-    let r = (0, import_compiler_runtime$83.c)(27), { label: c, children: l, align: u, className: d, labelClassName: f, fullWidth: m, id: h } = e, g = u === void 0 ? "left" : u;
+    let r = (0, import_compiler_runtime$82.c)(27), { label: c, children: l, align: u, className: d, labelClassName: f, fullWidth: m, id: h } = e, g = u === void 0 ? "left" : u;
     if (m && (g = "top"), !c) {
       if (g === "top") {
         let e3;
@@ -8413,7 +8413,7 @@ let __tla = Promise.all([
       ]
     }), r[23] = l, r[24] = b, r[25] = j, r[26] = M) : M = r[26], M;
   };
-  var import_compiler_runtime$82 = require_compiler_runtime(), CheckboxPlugin = class {
+  var import_compiler_runtime$81 = require_compiler_runtime(), CheckboxPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-checkbox");
       __publicField(this, "validator", object({
@@ -8428,7 +8428,7 @@ let __tla = Promise.all([
       });
     }
   }, CheckboxComponent = (e) => {
-    let r = (0, import_compiler_runtime$82.c)(11), { value: c, setValue: l, data: u } = e, d;
+    let r = (0, import_compiler_runtime$81.c)(11), { value: c, setValue: l, data: u } = e, d;
     r[0] === l ? d = r[1] : (d = (e2) => {
       e2 !== "indeterminate" && l(e2);
     }, r[0] = l, r[1] = d);
@@ -8447,7 +8447,7 @@ let __tla = Promise.all([
       id: p,
       children: m
     }), r[7] = u.label, r[8] = p, r[9] = m, r[10] = h) : h = r[10], h;
-  }, import_compiler_runtime$81 = require_compiler_runtime(), CodeEditorPlugin = class {
+  }, import_compiler_runtime$80 = require_compiler_runtime(), CodeEditorPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-code-editor");
       __publicField(this, "validator", object({
@@ -8477,7 +8477,7 @@ let __tla = Promise.all([
       });
     }
   }, CodeEditorComponent = (e) => {
-    let r = (0, import_compiler_runtime$81.c)(34), { theme: c } = useTheme(), l = e.theme || c, u = e.minHeight ? `${e.minHeight}px` : "70px", d = e.maxHeight ? `${e.maxHeight}px` : void 0, [f, p] = (0, import_react.useState)(e.value), m = Number.isFinite(e.debounce) ? e.debounce : 0, h = !Number.isFinite(e.debounce), g;
+    let r = (0, import_compiler_runtime$80.c)(34), { theme: c } = useTheme(), l = e.theme || c, u = e.minHeight ? `${e.minHeight}px` : "70px", d = e.maxHeight ? `${e.maxHeight}px` : void 0, [f, p] = (0, import_react.useState)(e.value), m = Number.isFinite(e.debounce) ? e.debounce : 0, h = !Number.isFinite(e.debounce), g;
     r[0] !== e.setValue || r[1] !== e.value || r[2] !== m || r[3] !== h ? (g = {
       initialValue: e.value,
       delay: m,
@@ -8617,9 +8617,9 @@ let __tla = Promise.all([
       })
     });
   });
-  var dist_default = '.marimo .gdg-r17m35ur{background-color:var(--gdg-bg-header-has-focus);box-shadow:0 0 0 1px var(--gdg-border-color);color:var(--gdg-text-group-header);font:var(--gdg-header-font-style)var(--gdg-font-family);min-height:var(--r17m35ur-0);border:none;border-radius:9px;outline:none;flex-grow:1;padding:0 8px}.marimo .gdg-c1tqibwd{background-color:var(--gdg-bg-header);align-items:center;padding:0 8px}.marimo .gdg-c1tqibwd,.marimo .gdg-d19meir1{display:flex}.marimo .gdg-d19meir1{box-sizing:border-box;--overlay-top:var(--d19meir1-0);font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);left:var(--d19meir1-1);max-height:calc(100vh - var(--d19meir1-4));max-width:400px;min-height:var(--d19meir1-3);min-width:var(--d19meir1-2);text-align:start;top:var(--d19meir1-0);flex-direction:column;width:max-content;position:absolute;overflow:hidden}@keyframes glide_fade_in-gdg-d19meir1{0%{opacity:0}to{opacity:1}}.marimo .gdg-d19meir1.gdg-style{background-color:var(--gdg-bg-cell);box-shadow:0 0 0 1px var(--gdg-accent-color),0 0 1px #3e415666,0 6px 12px #3e415626;border-radius:2px;animation:60ms glide_fade_in-gdg-d19meir1}.marimo .gdg-d19meir1.gdg-pad{padding:var(--d19meir1-5)8.5px 3px}.marimo .gdg-d19meir1 .gdg-clip-region{border-radius:2px;flex-direction:column;flex-grow:1;display:flex;overflow:hidden auto}.marimo .gdg-d19meir1 .gdg-clip-region .gdg-growing-entry{height:100%}.marimo .gdg-d19meir1 .gdg-clip-region input.gdg-input{border:0;outline:none;width:100%}.marimo .gdg-d19meir1 .gdg-clip-region textarea.gdg-input{border:0;outline:none}.marimo .gdg-b1ygi5by{flex-wrap:wrap;margin-top:auto;margin-bottom:auto}.marimo .gdg-b1ygi5by,.marimo .gdg-b1ygi5by .boe-bubble{display:flex}.marimo .gdg-b1ygi5by .boe-bubble{background-color:var(--gdg-bg-bubble);border-radius:var(--gdg-rounding-radius,10px);color:var(--gdg-text-dark);justify-content:center;align-items:center;height:20px;margin:2px;padding:0 8px}.marimo .gdg-b1ygi5by textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-u1rrojo{align-items:center;min-height:21px;display:flex}.marimo .gdg-u1rrojo,.marimo .gdg-u1rrojo .gdg-link-area{flex-grow:1}.marimo .gdg-u1rrojo .gdg-link-area{color:var(--gdg-link-color);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;margin-right:8px;overflow:hidden;-webkit-text-decoration:underline!important;text-decoration:underline!important}.marimo .gdg-u1rrojo .gdg-edit-icon{color:var(--gdg-accent-color);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:32px;display:flex}.marimo .gdg-u1rrojo .gdg-edit-icon>*{width:24px;height:24px}.marimo .gdg-u1rrojo textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-n15fjm3e{color:var(--gdg-text-dark);margin:6px 0 3px;display:flex}.marimo .gdg-n15fjm3e>input{background-color:var(--gdg-bg-cell);color:var(--gdg-text-dark);font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);padding:0}.marimo .gdg-i2iowwq,.marimo .gdg-i2iowwq .gdg-centering-container{height:100%;display:flex}.marimo .gdg-i2iowwq .gdg-centering-container{justify-content:center;align-items:center}.marimo .gdg-i2iowwq .gdg-centering-container canvas,.marimo .gdg-i2iowwq .gdg-centering-container img{max-height:calc(100vh - var(--overlay-top) - 20px);object-fit:contain;user-select:none}.marimo .gdg-i2iowwq .gdg-centering-container canvas{max-width:380px}.marimo .gdg-i2iowwq .gdg-edit-icon{color:var(--gdg-accent-color);cursor:pointer;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:12px;right:0}.marimo .gdg-i2iowwq .gdg-edit-icon>*{width:24px;height:24px}.marimo .gdg-i2iowwq textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-m1pnx84e{min-width:var(--m1pnx84e-0);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;width:100%;color:var(--gdg-text-dark);justify-content:space-between;align-items:flex-start;display:flex;position:relative}.marimo .gdg-m1pnx84e .gdg-g1y0xocz{flex-shrink:1;min-width:0}.marimo .gdg-m1pnx84e .gdg-spacer{flex:1}.marimo .gdg-m1pnx84e .gdg-edit-icon{cursor:pointer;color:var(--gdg-accent-color);width:24px;height:24px;-webkit-transition:all "0.125s ease";transition:all "0.125s ease";border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.marimo .gdg-m1pnx84e .gdg-edit-icon>*{width:16px;height:16px}.marimo .gdg-m1pnx84e .gdg-edit-hover:hover{background-color:var(--gdg-accent-light);transition:background-color .15s}.marimo .gdg-m1pnx84e .gdg-checkmark-hover:hover{background-color:var(--gdg-accent-color);color:#fff}.marimo .gdg-m1pnx84e .gdg-md-edit-textarea{opacity:0;width:0;height:0;margin-top:25px;padding:0;position:relative;top:0;left:0}.marimo .gdg-m1pnx84e .gdg-ml-6{margin-left:6px}.marimo .gdg-d4zsq0x{flex-wrap:wrap}.marimo .gdg-d4zsq0x,.marimo .gdg-d4zsq0x .doe-bubble{display:flex}.marimo .gdg-d4zsq0x .doe-bubble{background-color:var(--gdg-bg-cell);border-radius:var(--gdg-rounding-radius,6px);color:var(--gdg-text-dark);justify-content:center;align-items:center;height:24px;margin:2px;padding:0 8px;box-shadow:0 0 1px #3e415666,0 1px 3px #3e415666}.marimo .gdg-d4zsq0x .doe-bubble img{object-fit:contain;height:16px;margin-right:4px}.marimo .gdg-d4zsq0x textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-s1dgczr6 .dvn-scroller{overflow:var(--s1dgczr6-0);transform:translateZ(0)}.marimo .gdg-s1dgczr6 .dvn-hidden{visibility:hidden}.marimo .gdg-s1dgczr6 .dvn-scroll-inner{pointer-events:none;display:flex}.marimo .gdg-s1dgczr6 .dvn-scroll-inner>*{flex-shrink:0}.marimo .gdg-s1dgczr6 .dvn-scroll-inner .dvn-spacer{flex-grow:1}.marimo .gdg-s1dgczr6 .dvn-scroll-inner .dvn-stack{flex-direction:column;display:flex}.marimo .gdg-s1dgczr6 .dvn-underlay>*{position:absolute;top:0;left:0}.marimo .gdg-s1dgczr6 canvas{outline:none}.marimo .gdg-s1dgczr6 canvas *{height:0}.marimo .gdg-izpuzkl{font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);resize:none;white-space:pre-wrap;-webkit-text-fill-color:var(--gdg-text-dark);width:100%;min-width:100%;height:100%;color:var(--gdg-text-dark);background-color:#0000;border:0;border-radius:0;margin:0;padding:0;line-height:16px;position:absolute;inset:0;overflow:hidden}.marimo .gdg-izpuzkl::-webkit-input-placeholder{color:var(--gdg-text-light)}.marimo .gdg-izpuzkl::placeholder{color:var(--gdg-text-light)}.marimo .gdg-izpuzkl:-ms-placeholder-shown{color:var(--gdg-text-light)}.marimo .gdg-izpuzkl::placeholder{color:var(--gdg-text-light)}.marimo .gdg-invalid .gdg-izpuzkl{text-decoration:underline #d60606}.marimo .gdg-s69h75o{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;color:var(--gdg-text-dark);font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);width:max-content;min-width:100%;max-width:100%;margin:0;padding:0 0 2px;line-height:16px}.marimo .gdg-g1y0xocz{margin-top:6px;position:relative}.marimo .gdg-wmyidgi{height:var(--wmyidgi-1);min-width:10px;max-width:100%;min-height:10px;max-height:100%;width:var(--wmyidgi-0);direction:ltr;position:relative;overflow:clip}.marimo .gdg-wmyidgi>:first-child{width:100%;height:100%;position:absolute;top:0;left:0}.marimo .gdg-seveqep{background-color:var(--gdg-bg-cell);border:1px solid var(--gdg-border-color);color:var(--gdg-text-dark);font-size:var(--gdg-editor-font-size);border-radius:6px;padding:8px;animation:.15s forwards gdg-search-fadein-gdg-seveqep;position:absolute;top:4px;right:20px}.marimo .gdg-seveqep.out{animation:.15s forwards gdg-search-fadeout-gdg-seveqep}.marimo .gdg-seveqep .gdg-search-bar-inner{display:flex}.marimo .gdg-seveqep .gdg-search-status{padding-top:4px;font-size:11px}.marimo .gdg-seveqep .gdg-search-progress{background-color:var(--gdg-text-light);height:4px;position:absolute;bottom:0;left:0}.marimo .gdg-seveqep input{background-color:var(--gdg-bg-cell);color:var(--gdg-textDark);border:0;outline:none;width:220px}.marimo .gdg-seveqep button{width:24px;height:24px;color:var(--gdg-text-medium);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.marimo .gdg-seveqep button:hover{color:var(--gdg-text-dark)}.marimo .gdg-seveqep button .button-icon{width:16px;height:16px}.marimo .gdg-seveqep button:disabled{opacity:.4;pointer-events:none}@keyframes gdg-search-fadeout-gdg-seveqep{0%{transform:translate(0)}to{transform:translate(400px)}}@keyframes gdg-search-fadein-gdg-seveqep{0%{transform:translate(400px)}to{transform:translate(0)}}.marimo .gdg-mnuv029{word-break:break-word;-webkit-touch-callout:default;padding-top:6px}.marimo .gdg-mnuv029>*{margin:0}.marimo .gdg-mnuv029 :last-child{margin-bottom:0}.marimo .gdg-mnuv029 p img{width:100%}', import_compiler_runtime$80 = require_compiler_runtime();
+  var dist_default = '.marimo .gdg-r17m35ur{background-color:var(--gdg-bg-header-has-focus);box-shadow:0 0 0 1px var(--gdg-border-color);color:var(--gdg-text-group-header);font:var(--gdg-header-font-style)var(--gdg-font-family);min-height:var(--r17m35ur-0);border:none;border-radius:9px;outline:none;flex-grow:1;padding:0 8px}.marimo .gdg-c1tqibwd{background-color:var(--gdg-bg-header);align-items:center;padding:0 8px}.marimo .gdg-c1tqibwd,.marimo .gdg-d19meir1{display:flex}.marimo .gdg-d19meir1{box-sizing:border-box;--overlay-top:var(--d19meir1-0);font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);left:var(--d19meir1-1);max-height:calc(100vh - var(--d19meir1-4));max-width:400px;min-height:var(--d19meir1-3);min-width:var(--d19meir1-2);text-align:start;top:var(--d19meir1-0);flex-direction:column;width:max-content;position:absolute;overflow:hidden}@keyframes glide_fade_in-gdg-d19meir1{0%{opacity:0}to{opacity:1}}.marimo .gdg-d19meir1.gdg-style{background-color:var(--gdg-bg-cell);box-shadow:0 0 0 1px var(--gdg-accent-color),0 0 1px #3e415666,0 6px 12px #3e415626;border-radius:2px;animation:60ms glide_fade_in-gdg-d19meir1}.marimo .gdg-d19meir1.gdg-pad{padding:var(--d19meir1-5)8.5px 3px}.marimo .gdg-d19meir1 .gdg-clip-region{border-radius:2px;flex-direction:column;flex-grow:1;display:flex;overflow:hidden auto}.marimo .gdg-d19meir1 .gdg-clip-region .gdg-growing-entry{height:100%}.marimo .gdg-d19meir1 .gdg-clip-region input.gdg-input{border:0;outline:none;width:100%}.marimo .gdg-d19meir1 .gdg-clip-region textarea.gdg-input{border:0;outline:none}.marimo .gdg-b1ygi5by{flex-wrap:wrap;margin-top:auto;margin-bottom:auto}.marimo .gdg-b1ygi5by,.marimo .gdg-b1ygi5by .boe-bubble{display:flex}.marimo .gdg-b1ygi5by .boe-bubble{background-color:var(--gdg-bg-bubble);border-radius:var(--gdg-rounding-radius,10px);color:var(--gdg-text-dark);justify-content:center;align-items:center;height:20px;margin:2px;padding:0 8px}.marimo .gdg-b1ygi5by textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-u1rrojo{align-items:center;min-height:21px;display:flex}.marimo .gdg-u1rrojo,.marimo .gdg-u1rrojo .gdg-link-area{flex-grow:1}.marimo .gdg-u1rrojo .gdg-link-area{color:var(--gdg-link-color);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;margin-right:8px;overflow:hidden;-webkit-text-decoration:underline!important;text-decoration:underline!important}.marimo .gdg-u1rrojo .gdg-edit-icon{color:var(--gdg-accent-color);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:32px;display:flex}.marimo .gdg-u1rrojo .gdg-edit-icon>*{width:24px;height:24px}.marimo .gdg-u1rrojo textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-n15fjm3e{color:var(--gdg-text-dark);margin:6px 0 3px;display:flex}.marimo .gdg-n15fjm3e>input{background-color:var(--gdg-bg-cell);color:var(--gdg-text-dark);font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);padding:0}.marimo .gdg-i2iowwq,.marimo .gdg-i2iowwq .gdg-centering-container{height:100%;display:flex}.marimo .gdg-i2iowwq .gdg-centering-container{justify-content:center;align-items:center}.marimo .gdg-i2iowwq .gdg-centering-container canvas,.marimo .gdg-i2iowwq .gdg-centering-container img{max-height:calc(100vh - var(--overlay-top) - 20px);object-fit:contain;user-select:none}.marimo .gdg-i2iowwq .gdg-centering-container canvas{max-width:380px}.marimo .gdg-i2iowwq .gdg-edit-icon{color:var(--gdg-accent-color);cursor:pointer;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:12px;right:0}.marimo .gdg-i2iowwq .gdg-edit-icon>*{width:24px;height:24px}.marimo .gdg-i2iowwq textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-m1pnx84e{min-width:var(--m1pnx84e-0);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;width:100%;color:var(--gdg-text-dark);justify-content:space-between;align-items:flex-start;display:flex;position:relative}.marimo .gdg-m1pnx84e .gdg-g1y0xocz{flex-shrink:1;min-width:0}.marimo .gdg-m1pnx84e .gdg-spacer{flex:1}.marimo .gdg-m1pnx84e .gdg-edit-icon{cursor:pointer;color:var(--gdg-accent-color);width:24px;height:24px;-webkit-transition:all "0.125s ease";transition:all "0.125s ease";border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.marimo .gdg-m1pnx84e .gdg-edit-icon>*{width:16px;height:16px}.marimo .gdg-m1pnx84e .gdg-edit-hover:hover{background-color:var(--gdg-accent-light);transition:background-color .15s}.marimo .gdg-m1pnx84e .gdg-checkmark-hover:hover{background-color:var(--gdg-accent-color);color:#fff}.marimo .gdg-m1pnx84e .gdg-md-edit-textarea{opacity:0;width:0;height:0;margin-top:25px;padding:0;position:relative;top:0;left:0}.marimo .gdg-m1pnx84e .gdg-ml-6{margin-left:6px}.marimo .gdg-d4zsq0x{flex-wrap:wrap}.marimo .gdg-d4zsq0x,.marimo .gdg-d4zsq0x .doe-bubble{display:flex}.marimo .gdg-d4zsq0x .doe-bubble{background-color:var(--gdg-bg-cell);border-radius:var(--gdg-rounding-radius,6px);color:var(--gdg-text-dark);justify-content:center;align-items:center;height:24px;margin:2px;padding:0 8px;box-shadow:0 0 1px #3e415666,0 1px 3px #3e415666}.marimo .gdg-d4zsq0x .doe-bubble img{object-fit:contain;height:16px;margin-right:4px}.marimo .gdg-d4zsq0x textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.marimo .gdg-s1dgczr6 .dvn-scroller{overflow:var(--s1dgczr6-0);transform:translateZ(0)}.marimo .gdg-s1dgczr6 .dvn-hidden{visibility:hidden}.marimo .gdg-s1dgczr6 .dvn-scroll-inner{pointer-events:none;display:flex}.marimo .gdg-s1dgczr6 .dvn-scroll-inner>*{flex-shrink:0}.marimo .gdg-s1dgczr6 .dvn-scroll-inner .dvn-spacer{flex-grow:1}.marimo .gdg-s1dgczr6 .dvn-scroll-inner .dvn-stack{flex-direction:column;display:flex}.marimo .gdg-s1dgczr6 .dvn-underlay>*{position:absolute;top:0;left:0}.marimo .gdg-s1dgczr6 canvas{outline:none}.marimo .gdg-s1dgczr6 canvas *{height:0}.marimo .gdg-izpuzkl{font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);resize:none;white-space:pre-wrap;-webkit-text-fill-color:var(--gdg-text-dark);width:100%;min-width:100%;height:100%;color:var(--gdg-text-dark);background-color:#0000;border:0;border-radius:0;margin:0;padding:0;line-height:16px;position:absolute;inset:0;overflow:hidden}.marimo .gdg-izpuzkl::-webkit-input-placeholder{color:var(--gdg-text-light)}.marimo .gdg-izpuzkl::placeholder{color:var(--gdg-text-light)}.marimo .gdg-izpuzkl:-ms-placeholder-shown{color:var(--gdg-text-light)}.marimo .gdg-izpuzkl::placeholder{color:var(--gdg-text-light)}.marimo .gdg-invalid .gdg-izpuzkl{text-decoration:underline #d60606}.marimo .gdg-s69h75o{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;color:var(--gdg-text-dark);font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);width:max-content;min-width:100%;max-width:100%;margin:0;padding:0 0 2px;line-height:16px}.marimo .gdg-g1y0xocz{margin-top:6px;position:relative}.marimo .gdg-wmyidgi{height:var(--wmyidgi-1);min-width:10px;max-width:100%;min-height:10px;max-height:100%;width:var(--wmyidgi-0);direction:ltr;position:relative;overflow:clip}.marimo .gdg-wmyidgi>:first-child{width:100%;height:100%;position:absolute;top:0;left:0}.marimo .gdg-seveqep{background-color:var(--gdg-bg-cell);border:1px solid var(--gdg-border-color);color:var(--gdg-text-dark);font-size:var(--gdg-editor-font-size);border-radius:6px;padding:8px;animation:.15s forwards gdg-search-fadein-gdg-seveqep;position:absolute;top:4px;right:20px}.marimo .gdg-seveqep.out{animation:.15s forwards gdg-search-fadeout-gdg-seveqep}.marimo .gdg-seveqep .gdg-search-bar-inner{display:flex}.marimo .gdg-seveqep .gdg-search-status{padding-top:4px;font-size:11px}.marimo .gdg-seveqep .gdg-search-progress{background-color:var(--gdg-text-light);height:4px;position:absolute;bottom:0;left:0}.marimo .gdg-seveqep input{background-color:var(--gdg-bg-cell);color:var(--gdg-textDark);border:0;outline:none;width:220px}.marimo .gdg-seveqep button{width:24px;height:24px;color:var(--gdg-text-medium);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.marimo .gdg-seveqep button:hover{color:var(--gdg-text-dark)}.marimo .gdg-seveqep button .button-icon{width:16px;height:16px}.marimo .gdg-seveqep button:disabled{opacity:.4;pointer-events:none}@keyframes gdg-search-fadeout-gdg-seveqep{0%{transform:translate(0)}to{transform:translate(400px)}}@keyframes gdg-search-fadein-gdg-seveqep{0%{transform:translate(400px)}to{transform:translate(0)}}.marimo .gdg-mnuv029{word-break:break-word;-webkit-touch-callout:default;padding-top:6px}.marimo .gdg-mnuv029>*{margin:0}.marimo .gdg-mnuv029 :last-child{margin-bottom:0}.marimo .gdg-mnuv029 p img{width:100%}', import_compiler_runtime$79 = require_compiler_runtime();
   const LoadingTable = (e) => {
-    let r = (0, import_compiler_runtime$80.c)(14), { wrapperClassName: c, className: l, pageSize: u } = e, d = u === void 0 ? 10 : u, f;
+    let r = (0, import_compiler_runtime$79.c)(14), { wrapperClassName: c, className: l, pageSize: u } = e, d = u === void 0 ? 10 : u, f;
     r[0] === c ? f = r[1] : (f = cn(c, "flex flex-col space-y-2"), r[0] = c, r[1] = f);
     let m = l || "rounded-md border", h;
     r[2] === m ? h = r[3] : (h = cn(m), r[2] = m, r[3] = h);
@@ -8697,7 +8697,7 @@ let __tla = Promise.all([
     "time",
     "unknown"
   ];
-  var import_compiler_runtime$79 = require_compiler_runtime(), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-Qhu8oCX-.js").then(async (m) => {
+  var import_compiler_runtime$78 = require_compiler_runtime(), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-Qhu8oCX-.js").then(async (m) => {
     await m.__tla;
     return m;
   }));
@@ -8742,7 +8742,7 @@ let __tla = Promise.all([
     editableColumns: e.data.editableColumns
   }));
   var LoadingDataEditor = (e) => {
-    let r = (0, import_compiler_runtime$79.c)(31), c;
+    let r = (0, import_compiler_runtime$78.c)(31), c;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = [], r[0] = c) : c = r[0];
     let [l, u] = (0, import_react.useState)(c), d;
     r[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ new Map(), r[1] = d) : d = r[1];
@@ -9663,7 +9663,7 @@ let __tla = Promise.all([
       let m2 = get(l, e2);
       if (m2) {
         let l2 = get(d, e2, isUndefined(c2) ? get(u, e2) : c2);
-        isUndefined(l2) || p2 && p2.defaultChecked || r2 ? set(d, e2, r2 ? l2 : getFieldValue(m2._f)) : GU(e2, l2), f.mount && w();
+        isUndefined(l2) || p2 && p2.defaultChecked || r2 ? set(d, e2, r2 ? l2 : getFieldValue(m2._f)) : UU(e2, l2), f.mount && w();
       }
     }, I = (e2, d2, f2, p2, m2) => {
       let h2 = false, v2 = false, y2 = {
@@ -9736,14 +9736,14 @@ let __tla = Promise.all([
     }, H = () => {
       for (let e2 of p.unMount) {
         let r2 = get(l, e2);
-        r2 && (r2._f.refs ? r2._f.refs.every((e3) => !live(e3)) : !live(r2._f.ref)) && tW(e2);
+        r2 && (r2._f.refs ? r2._f.refs.every((e3) => !live(e3)) : !live(r2._f.ref)) && $U(e2);
       }
       p.unMount = /* @__PURE__ */ new Set();
-    }, W = (e2, c2) => !r.disabled && (e2 && c2 && set(d, e2, c2), !deepEqual(XU(), u)), G = (e2, r2, c2) => generateWatchOutput(e2, p, {
+    }, W = (e2, c2) => !r.disabled && (e2 && c2 && set(d, e2, c2), !deepEqual(JU(), u)), G = (e2, r2, c2) => generateWatchOutput(e2, p, {
       ...f.mount ? d : isUndefined(r2) ? u : isString(e2) ? {
         [e2]: r2
       } : r2
-    }, c2, r2), q = (e2) => compact$1(get(f.mount ? d : u, e2, r.shouldUnregister ? get(u, e2, []) : [])), GU = (e2, r2, c2 = {}) => {
+    }, c2, r2), q = (e2) => compact$1(get(f.mount ? d : u, e2, r.shouldUnregister ? get(u, e2, []) : [])), UU = (e2, r2, c2 = {}) => {
       let u2 = get(l, e2), f2 = r2;
       if (u2) {
         let c3 = u2._f;
@@ -9756,13 +9756,13 @@ let __tla = Promise.all([
           }
         })));
       }
-      (c2.shouldDirty || c2.shouldTouch) && I(e2, f2, c2.shouldTouch, c2.shouldDirty, true), c2.shouldValidate && YU(e2);
+      (c2.shouldDirty || c2.shouldTouch) && I(e2, f2, c2.shouldTouch, c2.shouldDirty, true), c2.shouldValidate && qU(e2);
     }, Z = (e2, r2, c2) => {
       for (let u2 in r2) {
         let d2 = r2[u2], f2 = `${e2}.${u2}`, m2 = get(l, f2);
-        (p.array.has(e2) || isObject$1(d2) || m2 && !m2._f) && !isDateObject(d2) ? Z(f2, d2, c2) : GU(f2, d2, c2);
+        (p.array.has(e2) || isObject$1(d2) || m2 && !m2._f) && !isDateObject(d2) ? Z(f2, d2, c2) : UU(f2, d2, c2);
       }
-    }, KU = (e2, r2, m2 = {}) => {
+    }, WU = (e2, r2, m2 = {}) => {
       let h2 = get(l, e2), v2 = p.array.has(e2), y2 = cloneObject(r2);
       set(d, e2, y2), v2 ? (_.array.next({
         name: e2,
@@ -9773,7 +9773,7 @@ let __tla = Promise.all([
         name: e2,
         dirtyFields: getDirtyFields(u, d),
         isDirty: W(e2, y2)
-      })) : h2 && !h2._f && !isNullOrUndefined(y2) ? Z(e2, y2, m2) : GU(e2, y2, m2), isWatched(e2, p) && _.state.next({
+      })) : h2 && !h2._f && !isNullOrUndefined(y2) ? Z(e2, y2, m2) : UU(e2, y2, m2), isWatched(e2, p) && _.state.next({
         ...c
       }), _.values.next({
         name: f.mount ? e2 : void 0,
@@ -9781,7 +9781,7 @@ let __tla = Promise.all([
           ...d
         }
       });
-    }, qU = async (e2) => {
+    }, GU = async (e2) => {
       f.mount = true;
       let u2 = e2.target, h2 = u2.name, S2 = true, E2 = get(l, h2), O2 = () => u2.type ? getFieldValue(E2._f) : getEventValue(e2), j2 = (e3) => {
         S2 = Number.isNaN(e3) || isDateObject(e3) && isNaN(e3.getTime()) || deepEqual(e3, get(d, h2, e3));
@@ -9815,11 +9815,11 @@ let __tla = Promise.all([
         ], true), u3 = (await validateField(E2, p.disabled, d, b, r.shouldUseNativeValidation))[h2], T([
           h2
         ]), j2(M2), S2 && (u3 ? f2 = false : g.isValid && (f2 = await B(l, true)));
-        S2 && (E2._f.deps && YU(E2._f.deps), L(h2, f2, u3, G2));
+        S2 && (E2._f.deps && qU(E2._f.deps), L(h2, f2, u3, G2));
       }
-    }, JU = (e2, r2) => {
+    }, KU = (e2, r2) => {
       if (get(c.errors, r2) && e2.focus) return e2.focus(), 1;
-    }, YU = async (e2, u2 = {}) => {
+    }, qU = async (e2, u2 = {}) => {
       let d2, f2, m2 = convertToArrayPayload(e2);
       if (r.resolver) {
         let r2 = await z(isUndefined(e2) ? e2 : m2);
@@ -9838,23 +9838,23 @@ let __tla = Promise.all([
           isValid: d2
         } : {},
         errors: c.errors
-      }), u2.shouldFocus && !f2 && iterateFieldsByAction(l, JU, e2 ? m2 : p.mount), f2;
-    }, XU = (e2) => {
+      }), u2.shouldFocus && !f2 && iterateFieldsByAction(l, KU, e2 ? m2 : p.mount), f2;
+    }, JU = (e2) => {
       let r2 = {
         ...f.mount ? d : u
       };
       return isUndefined(e2) ? r2 : isString(e2) ? get(r2, e2) : e2.map((e3) => get(r2, e3));
-    }, ZU = (e2, r2) => ({
+    }, YU = (e2, r2) => ({
       invalid: !!get((r2 || c).errors, e2),
       isDirty: !!get((r2 || c).dirtyFields, e2),
       error: get((r2 || c).errors, e2),
       isValidating: !!get(c.validatingFields, e2),
       isTouched: !!get((r2 || c).touchedFields, e2)
-    }), QU = (e2) => {
+    }), XU = (e2) => {
       e2 && convertToArrayPayload(e2).forEach((e3) => unset(c.errors, e3)), _.state.next({
         errors: e2 ? c.errors : {}
       });
-    }, $U = (e2, r2, u2) => {
+    }, ZU = (e2, r2, u2) => {
       let d2 = (get(l, e2, {
         _f: {}
       })._f || {}).ref, { ref: f2, message: p2, type: m2, ...h2 } = get(c.errors, e2) || {};
@@ -9867,9 +9867,9 @@ let __tla = Promise.all([
         errors: c.errors,
         isValid: false
       }), u2 && u2.shouldFocus && d2 && d2.focus && d2.focus();
-    }, eW = (e2, r2) => isFunction$1(e2) ? _.values.subscribe({
+    }, QU = (e2, r2) => isFunction$1(e2) ? _.values.subscribe({
       next: (c2) => e2(G(void 0, r2), c2)
-    }) : G(e2, r2, true), tW = (e2, f2 = {}) => {
+    }) : G(e2, r2, true), $U = (e2, f2 = {}) => {
       for (let m2 of e2 ? convertToArrayPayload(e2) : p.mount) p.mount.delete(m2), p.array.delete(m2), f2.keepValue || (unset(l, m2), unset(d, m2)), !f2.keepError && unset(c.errors, m2), !f2.keepDirty && unset(c.dirtyFields, m2), !f2.keepTouched && unset(c.touchedFields, m2), !f2.keepIsValidating && unset(c.validatingFields, m2), !r.shouldUnregister && !f2.keepDefaultValue && unset(u, m2);
       _.values.next({
         values: {
@@ -9881,9 +9881,9 @@ let __tla = Promise.all([
           isDirty: W()
         } : {}
       }), !f2.keepIsValid && w();
-    }, nW = ({ disabled: e2, name: r2, field: c2, fields: l2 }) => {
+    }, eW = ({ disabled: e2, name: r2, field: c2, fields: l2 }) => {
       (isBoolean(e2) && f.mount || e2 || p.disabled.has(r2)) && (e2 ? p.disabled.add(r2) : p.disabled.delete(r2), I(r2, getFieldValue(c2 ? c2._f : get(l2, r2)._f), false, false, true));
-    }, rW = (e2, c2 = {}) => {
+    }, tW = (e2, c2 = {}) => {
       let d2 = get(l, e2), m2 = isBoolean(c2.disabled) || isBoolean(r.disabled);
       return set(l, e2, {
         ...d2 || {},
@@ -9897,7 +9897,7 @@ let __tla = Promise.all([
           mount: true,
           ...c2
         }
-      }), p.mount.add(e2), d2 ? nW({
+      }), p.mount.add(e2), d2 ? eW({
         field: d2,
         disabled: isBoolean(c2.disabled) ? c2.disabled : r.disabled,
         name: e2
@@ -9914,11 +9914,11 @@ let __tla = Promise.all([
           pattern: getRuleValue(c2.pattern)
         } : {},
         name: e2,
-        onChange: qU,
-        onBlur: qU,
+        onChange: GU,
+        onBlur: GU,
         ref: (m3) => {
           if (m3) {
-            rW(e2, c2), d2 = get(l, e2);
+            tW(e2, c2), d2 = get(l, e2);
             let r2 = isUndefined(m3.value) && m3.querySelectorAll && m3.querySelectorAll("input,select,textarea")[0] || m3, f2 = isRadioOrCheckbox(r2), p2 = d2._f.refs || [];
             if (f2 ? p2.find((e3) => e3 === r2) : r2 === d2._f.ref) return;
             set(l, e2, {
@@ -9944,7 +9944,7 @@ let __tla = Promise.all([
           } else d2 = get(l, e2, {}), d2._f && (d2._f.mount = false), (r.shouldUnregister || c2.shouldUnregister) && !(isNameInFieldArray(p.array, e2) && f.action) && p.unMount.add(e2);
         }
       };
-    }, iW = () => r.shouldFocusError && iterateFieldsByAction(l, JU, p.mount), aW = (e2) => {
+    }, nW = () => r.shouldFocusError && iterateFieldsByAction(l, KU, p.mount), rW = (e2) => {
       isBoolean(e2) && (_.state.next({
         disabled: e2
       }), iterateFieldsByAction(l, (r2, c2) => {
@@ -9953,7 +9953,7 @@ let __tla = Promise.all([
           r3.disabled = u2._f.disabled || e2;
         }));
       }, 0, false));
-    }, oW = (e2, u2) => async (f2) => {
+    }, iW = (e2, u2) => async (f2) => {
       let m2;
       f2 && (f2.preventDefault && f2.preventDefault(), f2.persist && f2.persist());
       let h2 = cloneObject(d);
@@ -9975,7 +9975,7 @@ let __tla = Promise.all([
         }
       } else u2 && await u2({
         ...c.errors
-      }, f2), iW(), setTimeout(iW);
+      }, f2), nW(), setTimeout(nW);
       if (_.state.next({
         isSubmitted: true,
         isSubmitting: false,
@@ -9983,11 +9983,11 @@ let __tla = Promise.all([
         submitCount: c.submitCount + 1,
         errors: c.errors
       }), m2) throw m2;
-    }, sW = (e2, r2 = {}) => {
-      get(l, e2) && (isUndefined(r2.defaultValue) ? KU(e2, cloneObject(get(u, e2))) : (KU(e2, r2.defaultValue), set(u, e2, cloneObject(r2.defaultValue))), r2.keepTouched || unset(c.touchedFields, e2), r2.keepDirty || (unset(c.dirtyFields, e2), c.isDirty = r2.defaultValue ? W(e2, cloneObject(get(u, e2))) : W()), r2.keepError || (unset(c.errors, e2), g.isValid && w()), _.state.next({
+    }, aW = (e2, r2 = {}) => {
+      get(l, e2) && (isUndefined(r2.defaultValue) ? WU(e2, cloneObject(get(u, e2))) : (WU(e2, r2.defaultValue), set(u, e2, cloneObject(r2.defaultValue))), r2.keepTouched || unset(c.touchedFields, e2), r2.keepDirty || (unset(c.dirtyFields, e2), c.isDirty = r2.defaultValue ? W(e2, cloneObject(get(u, e2))) : W()), r2.keepError || (unset(c.errors, e2), g.isValid && w()), _.state.next({
         ...c
       }));
-    }, cW = (e2, m2 = {}) => {
+    }, oW = (e2, m2 = {}) => {
       let h2 = e2 ? cloneObject(e2) : u, v2 = cloneObject(h2), y2 = isEmptyObject(e2), b2 = y2 ? u : v2;
       if (m2.keepDefaultValues || (u = h2), !m2.keepValues) {
         if (m2.keepDirtyValues) {
@@ -9995,7 +9995,7 @@ let __tla = Promise.all([
             ...p.mount,
             ...Object.keys(getDirtyFields(u, d))
           ]);
-          for (let r2 of Array.from(e3)) get(c.dirtyFields, r2) ? set(b2, r2, get(d, r2)) : KU(r2, get(b2, r2));
+          for (let r2 of Array.from(e3)) get(c.dirtyFields, r2) ? set(b2, r2, get(d, r2)) : WU(r2, get(b2, r2));
         } else {
           if (isWeb && isUndefined(e2)) for (let e3 of p.mount) {
             let r2 = get(l, e3);
@@ -10040,25 +10040,25 @@ let __tla = Promise.all([
         isSubmitSuccessful: m2.keepIsSubmitSuccessful ? c.isSubmitSuccessful : false,
         isSubmitting: false
       });
-    }, lW = (e2, r2) => cW(isFunction$1(e2) ? e2(d) : e2, r2);
+    }, sW = (e2, r2) => oW(isFunction$1(e2) ? e2(d) : e2, r2);
     return {
       control: {
-        register: rW,
-        unregister: tW,
-        getFieldState: ZU,
-        handleSubmit: oW,
-        setError: $U,
+        register: tW,
+        unregister: $U,
+        getFieldState: YU,
+        handleSubmit: iW,
+        setError: ZU,
         _executeSchema: R,
         _getWatch: G,
         _getDirty: W,
         _updateValid: w,
         _removeUnmounted: H,
         _updateFieldArray: E,
-        _updateDisabledField: nW,
+        _updateDisabledField: eW,
         _getFieldArray: q,
-        _reset: cW,
+        _reset: oW,
         _resetDefaultValues: () => isFunction$1(r.defaultValues) && r.defaultValues().then((e2) => {
-          lW(e2, r.resetOptions), _.state.next({
+          sW(e2, r.resetOptions), _.state.next({
             isLoading: false
           });
         }),
@@ -10068,7 +10068,7 @@ let __tla = Promise.all([
             ...e2
           };
         },
-        _disableForm: aW,
+        _disableForm: rW,
         _subjects: _,
         _proxyFormState: g,
         _setErrors: j,
@@ -10109,17 +10109,17 @@ let __tla = Promise.all([
           };
         }
       },
-      trigger: YU,
-      register: rW,
-      handleSubmit: oW,
-      watch: eW,
-      setValue: KU,
-      getValues: XU,
-      reset: lW,
-      resetField: sW,
-      clearErrors: QU,
-      unregister: tW,
-      setError: $U,
+      trigger: qU,
+      register: tW,
+      handleSubmit: iW,
+      watch: QU,
+      setValue: WU,
+      getValues: JU,
+      reset: sW,
+      resetField: aW,
+      clearErrors: XU,
+      unregister: $U,
+      setError: ZU,
       setFocus: (e2, r2 = {}) => {
         let c2 = get(l, e2), u2 = c2 && c2._f;
         if (u2) {
@@ -10127,7 +10127,7 @@ let __tla = Promise.all([
           e3.focus && (e3.focus(), r2.shouldSelect && isFunction$1(e3.select) && e3.select());
         }
       },
-      getFieldState: ZU
+      getFieldState: YU
     };
   }
   function useForm(e = {}) {
@@ -10417,8 +10417,8 @@ let __tla = Promise.all([
       f.height
     ]);
   }
-  var import_compiler_runtime$78 = require_compiler_runtime(), Form$1 = FormProvider, FormFieldContext = import_react.createContext({}), FormField = (e) => {
-    let r = (0, import_compiler_runtime$78.c)(10), c;
+  var import_compiler_runtime$77 = require_compiler_runtime(), Form$1 = FormProvider, FormFieldContext = import_react.createContext({}), FormField = (e) => {
+    let r = (0, import_compiler_runtime$77.c)(10), c;
     r[0] === e ? c = r[1] : ({ ...c } = e, r[0] = e, r[1] = c);
     let l;
     r[2] === c.name ? l = r[3] : (l = {
@@ -10434,7 +10434,7 @@ let __tla = Promise.all([
       children: u
     }, c.name), r[6] = c.name, r[7] = l, r[8] = u, r[9] = d) : d = r[9], d;
   }, useFormField = () => {
-    let e = (0, import_compiler_runtime$78.c)(11), r = import_react.use(FormFieldContext), c = import_react.use(FormItemContext), { getFieldState: l, formState: u } = useFormContext(), d;
+    let e = (0, import_compiler_runtime$77.c)(11), r = import_react.use(FormFieldContext), c = import_react.use(FormItemContext), { getFieldState: l, formState: u } = useFormContext(), d;
     e[0] !== r.name || e[1] !== u || e[2] !== l ? (d = l(r.name, u), e[0] = r.name, e[1] = u, e[2] = l, e[3] = d) : d = e[3];
     let f = d;
     if (!r) throw Error("useFormField should be used within <FormField>");
@@ -10448,7 +10448,7 @@ let __tla = Promise.all([
       ...f
     }, e[4] = r.name, e[5] = f, e[6] = p, e[7] = m, e[8] = h, e[9] = g, e[10] = _) : _ = e[10], _;
   }, FormItemContext = import_react.createContext({}), FormItem = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$78.c)(14), l, u;
+    let c = (0, import_compiler_runtime$77.c)(14), l, u;
     c[0] === e ? (l = c[1], u = c[2]) : ({ className: l, ...u } = e, c[0] = e, c[1] = l, c[2] = u);
     let d = import_react.useId(), f;
     c[3] === d ? f = c[4] : (f = {
@@ -10470,7 +10470,7 @@ let __tla = Promise.all([
   });
   FormItem.displayName = "FormItem";
   var FormLabel = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$78.c)(11), l, u;
+    let c = (0, import_compiler_runtime$77.c)(11), l, u;
     c[0] === e ? (l = c[1], u = c[2]) : ({ className: l, ...u } = e, c[0] = e, c[1] = l, c[2] = u);
     let { error: d, formItemId: f } = useFormField();
     if (!u.children) return;
@@ -10486,7 +10486,7 @@ let __tla = Promise.all([
   });
   FormLabel.displayName = "FormLabel";
   var FormControl = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$78.c)(8), l;
+    let c = (0, import_compiler_runtime$77.c)(8), l;
     c[0] === e ? l = c[1] : ({ ...l } = e, c[0] = e, c[1] = l);
     let { error: u, formItemId: d, formDescriptionId: f, formMessageId: p } = useFormField(), m = u ? `${f} ${p}` : f, h = !!u, g;
     return c[2] !== d || c[3] !== l || c[4] !== r || c[5] !== m || c[6] !== h ? (g = (0, import_jsx_runtime.jsx)(Slot, {
@@ -10499,7 +10499,7 @@ let __tla = Promise.all([
   });
   FormControl.displayName = "FormControl";
   var FormDescription = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$78.c)(10), l, u;
+    let c = (0, import_compiler_runtime$77.c)(10), l, u;
     c[0] === e ? (l = c[1], u = c[2]) : ({ className: l, ...u } = e, c[0] = e, c[1] = l, c[2] = u);
     let { formDescriptionId: d } = useFormField();
     if (!u.children) return null;
@@ -10515,7 +10515,7 @@ let __tla = Promise.all([
   });
   FormDescription.displayName = "FormDescription";
   var FormMessage = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$78.c)(12), l, u, d;
+    let c = (0, import_compiler_runtime$77.c)(12), l, u, d;
     c[0] === e ? (l = c[1], u = c[2], d = c[3]) : ({ className: u, children: l, ...d } = e, c[0] = e, c[1] = l, c[2] = u, c[3] = d);
     let { error: f, formMessageId: m } = useFormField(), h = (f == null ? void 0 : f.message) ? String(f == null ? void 0 : f.message) : l;
     if (!h) return null;
@@ -10532,7 +10532,7 @@ let __tla = Promise.all([
   });
   FormMessage.displayName = "FormMessage";
   var FormMessageTooltip = (e) => {
-    let r = (0, import_compiler_runtime$78.c)(7), { className: c } = e, { error: l } = useFormField(), u = (l == null ? void 0 : l.message) ? String(l == null ? void 0 : l.message) : null;
+    let r = (0, import_compiler_runtime$77.c)(7), { className: c } = e, { error: l } = useFormField(), u = (l == null ? void 0 : l.message) ? String(l == null ? void 0 : l.message) : null;
     if (!u) return null;
     let d;
     r[0] === c ? d = r[1] : (d = cn("stroke-[1.8px]", c), r[0] = c, r[1] = d);
@@ -10690,9 +10690,9 @@ ${c}
     saveForm: Functions.NOOP,
     chartType: ChartType.LINE
   }), useChartFormContext = () => (0, import_react.use)(ChartFormContext);
-  var import_compiler_runtime$77 = require_compiler_runtime();
+  var import_compiler_runtime$76 = require_compiler_runtime();
   function useBoolean(e) {
-    let r = (0, import_compiler_runtime$77.c)(6), [c, l] = (0, import_react.useState)(e), u;
+    let r = (0, import_compiler_runtime$76.c)(6), [c, l] = (0, import_react.useState)(e), u;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = (e2) => {
       var _a3;
       (_a3 = e2 == null ? void 0 : e2.stopPropagation) == null ? void 0 : _a3.call(e2), l(true);
@@ -10722,8 +10722,8 @@ ${c}
   function _temp$22(e) {
     return !e;
   }
-  var import_compiler_runtime$76 = require_compiler_runtime(), Slider = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$76.c)(25), { className: l, valueMap: u, ...d } = e, [f, m] = useBoolean(false), { locale: h } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), g = dist_exports, _;
+  var import_compiler_runtime$75 = require_compiler_runtime(), Slider = import_react.forwardRef((e, r) => {
+    let c = (0, import_compiler_runtime$75.c)(25), { className: l, valueMap: u, ...d } = e, [f, m] = useBoolean(false), { locale: h } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), g = dist_exports, _;
     c[0] === l ? _ = c[1] : (_ = cn("relative flex touch-none select-none hover:cursor-pointer", "data-[orientation=horizontal]:w-full data-[orientation=horizontal]:items-center", "data-[orientation=vertical]:h-full data-[orientation=vertical]:justify-center", "data-disabled:cursor-not-allowed", l), c[0] = l, c[1] = _);
     let v;
     c[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = cn("relative grow overflow-hidden rounded-full bg-slate-200 dark:bg-accent/60", "data-[orientation=horizontal]:h-2 data-[orientation=horizontal]:w-full", "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2"), c[2] = v) : v = c[2];
@@ -10781,7 +10781,7 @@ ${c}
     }), c[18] = d, c[19] = r, c[20] = g.Root, c[21] = M, c[22] = _, c[23] = y, c[24] = I) : I = c[24], I;
   });
   Slider.displayName = Root.displayName;
-  var import_compiler_runtime$75 = require_compiler_runtime(), MultiselectPlugin = class {
+  var import_compiler_runtime$74 = require_compiler_runtime(), MultiselectPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-multiselect");
       __publicField(this, "validator", object({
@@ -10802,7 +10802,7 @@ ${c}
     }
   };
   const Multiselect = (e) => {
-    let r = (0, import_compiler_runtime$75.c)(17), { options: c, label: l, value: u, setValue: d, fullWidth: f, maxSelections: p, disabled: m } = e, h = (0, import_react.useId)(), g;
+    let r = (0, import_compiler_runtime$74.c)(17), { options: c, label: l, value: u, setValue: d, fullWidth: f, maxSelections: p, disabled: m } = e, h = (0, import_react.useId)(), g;
     r[0] === c ? g = r[1] : (g = c.map(_temp$21), r[0] = c, r[1] = g);
     let _ = g, v;
     r[2] === d ? v = r[3] : (v = (e2) => d(e2 ?? []), r[2] = d, r[3] = v);
@@ -10833,9 +10833,9 @@ ${c}
       label: e
     };
   }
-  var import_compiler_runtime$74 = require_compiler_runtime();
+  var import_compiler_runtime$73 = require_compiler_runtime();
   function useAddCodeToNewCell() {
-    let e = (0, import_compiler_runtime$74.c)(4), r = useAtomValue(autoInstantiateAtom), c = useLastFocusedCellId(), { createNewCell: l } = useCellActions(), u;
+    let e = (0, import_compiler_runtime$73.c)(4), r = useAtomValue(autoInstantiateAtom), c = useLastFocusedCellId(), { createNewCell: l } = useCellActions(), u;
     return e[0] !== r || e[1] !== l || e[2] !== c ? (u = (e2) => {
       e2.includes("alt") && maybeAddAltairImport({
         autoInstantiate: r,
@@ -10848,7 +10848,7 @@ ${c}
       });
     }, e[0] = r, e[1] = l, e[2] = c, e[3] = u) : u = e[3], u;
   }
-  var import_compiler_runtime$73 = require_compiler_runtime(), pythonExtensions = [
+  var import_compiler_runtime$72 = require_compiler_runtime(), pythonExtensions = [
     customPythonLanguageSupport(),
     EditorView.lineWrapping
   ], sqlExtensions = [
@@ -10856,7 +10856,7 @@ ${c}
     EditorView.lineWrapping
   ];
   const ReadonlyCode = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$73.c)(41), { theme: c } = useTheme(), l, u, d, f, m, h, g, _;
+    let r = (0, import_compiler_runtime$72.c)(41), { theme: c } = useTheme(), l, u, d, f, m, h, g, _;
     r[0] === e ? (l = r[1], u = r[2], d = r[3], f = r[4], m = r[5], h = r[6], g = r[7], _ = r[8]) : ({ code: u, className: l, initiallyHideCode: d, showHideCode: h, showCopyCode: g, insertNewCell: f, language: _, ...m } = e, r[0] = e, r[1] = l, r[2] = u, r[3] = d, r[4] = f, r[5] = m, r[6] = h, r[7] = g, r[8] = _);
     let v = h === void 0 ? true : h, y = g === void 0 ? true : g, b = _ === void 0 ? "python" : _, [S, w] = (0, import_react.useState)(d), T;
     r[9] === l ? T = r[10] : (T = cn("relative hover-actions-parent w-full overflow-hidden", l), r[9] = l, r[10] = T);
@@ -10911,7 +10911,7 @@ ${c}
   });
   ReadonlyCode.displayName = "ReadonlyCode";
   var CopyButton = (e) => {
-    let r = (0, import_compiler_runtime$73.c)(5), c;
+    let r = (0, import_compiler_runtime$72.c)(5), c;
     r[0] === e.text ? c = r[1] : (c = Events.stopPropagation(async () => {
       await copyToClipboard(e.text), toast({
         title: "Copied to clipboard"
@@ -10935,7 +10935,7 @@ ${c}
       })
     }), r[3] = l, r[4] = d), d;
   }, EyeCloseButton = (e) => {
-    let r = (0, import_compiler_runtime$73.c)(3), c;
+    let r = (0, import_compiler_runtime$72.c)(3), c;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = (0, import_jsx_runtime.jsx)(EyeOff, {
       size: 14,
       strokeWidth: 1.5
@@ -10954,7 +10954,7 @@ ${c}
     }), r[1] = e.onClick, r[2] = l), l;
   };
   const HideCodeButton = (e) => {
-    let r = (0, import_compiler_runtime$73.c)(7), c;
+    let r = (0, import_compiler_runtime$72.c)(7), c;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = (0, import_jsx_runtime.jsx)(Eye, {
       className: "hover-action w-5 h-5 text-muted-foreground cursor-pointer absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 opacity-80 hover:opacity-100 z-20"
     }), r[0] = c) : c = r[0];
@@ -10972,7 +10972,7 @@ ${c}
     }), r[3] = e.className, r[4] = e.onClick, r[5] = l, r[6] = u) : u = r[6], u;
   };
   var InsertNewCell = (e) => {
-    let r = (0, import_compiler_runtime$73.c)(6), c = useAddCodeToNewCell(), l;
+    let r = (0, import_compiler_runtime$72.c)(6), c = useAddCodeToNewCell(), l;
     r[0] !== c || r[1] !== e.code ? (l = () => {
       c(e.code);
     }, r[0] = c, r[1] = e.code, r[2] = l) : l = r[2];
@@ -10993,9 +10993,9 @@ ${c}
         children: d
       })
     }), r[4] = u, r[5] = f), f;
-  }, import_compiler_runtime$72 = require_compiler_runtime();
+  }, import_compiler_runtime$71 = require_compiler_runtime();
   const Title = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(5), { text: c, tooltip: l } = e, u;
+    let r = (0, import_compiler_runtime$71.c)(5), { text: c, tooltip: l } = e, u;
     r[0] === l ? u = r[1] : (u = l && (0, import_jsx_runtime.jsx)(Tooltip, {
       content: l,
       children: (0, import_jsx_runtime.jsx)(Info, {
@@ -11011,7 +11011,7 @@ ${c}
       ]
     }), r[2] = u, r[3] = c, r[4] = d) : d = r[4], d;
   }, TabContainer = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(5), { children: c, className: l } = e, u;
+    let r = (0, import_compiler_runtime$71.c)(5), { children: c, className: l } = e, u;
     r[0] === l ? u = r[1] : (u = cn("flex flex-col gap-2", l), r[0] = l, r[1] = u);
     let d;
     return r[2] !== c || r[3] !== u ? (d = (0, import_jsx_runtime.jsx)("div", {
@@ -11019,14 +11019,14 @@ ${c}
       children: c
     }), r[2] = c, r[3] = u, r[4] = d) : d = r[4], d;
   }, FormSectionHorizontalRule = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(4), { className: c } = e, l;
+    let r = (0, import_compiler_runtime$71.c)(4), { className: c } = e, l;
     r[0] === c ? l = r[1] : (l = cn("my-1", c), r[0] = c, r[1] = l);
     let u;
     return r[2] === l ? u = r[3] : (u = (0, import_jsx_runtime.jsx)("hr", {
       className: l
     }), r[2] = l, r[3] = u), u;
   }, FieldSection = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(5), { children: c, className: l } = e, u;
+    let r = (0, import_compiler_runtime$71.c)(5), { children: c, className: l } = e, u;
     r[0] === l ? u = r[1] : (u = cn("flex flex-col gap-1.5", l), r[0] = l, r[1] = u);
     let d;
     return r[2] !== c || r[3] !== u ? (d = (0, import_jsx_runtime.jsx)("section", {
@@ -11034,7 +11034,7 @@ ${c}
       children: c
     }), r[2] = c, r[3] = u, r[4] = d) : d = r[4], d;
   }, IconWithText = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(7), { Icon: c, text: l } = e, u;
+    let r = (0, import_compiler_runtime$71.c)(7), { Icon: c, text: l } = e, u;
     r[0] === c ? u = r[1] : (u = (0, import_jsx_runtime.jsx)(c, {
       className: "w-3 h-3 mr-2"
     }), r[0] = c, r[1] = u);
@@ -11051,7 +11051,7 @@ ${c}
       ]
     }), r[4] = u, r[5] = d, r[6] = f) : f = r[6], f;
   }, AccordionFormTrigger = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(5), { children: c, className: l } = e, u;
+    let r = (0, import_compiler_runtime$71.c)(5), { children: c, className: l } = e, u;
     r[0] === l ? u = r[1] : (u = cn("py-1", l), r[0] = l, r[1] = u);
     let d;
     return r[2] !== c || r[3] !== u ? (d = (0, import_jsx_runtime.jsx)(AccordionTrigger, {
@@ -11059,14 +11059,14 @@ ${c}
       children: c
     }), r[2] = c, r[3] = u, r[4] = d) : d = r[4], d;
   }, AccordionFormItem = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(3), { children: c, value: l } = e, u;
+    let r = (0, import_compiler_runtime$71.c)(3), { children: c, value: l } = e, u;
     return r[0] !== c || r[1] !== l ? (u = (0, import_jsx_runtime.jsx)(AccordionItem, {
       value: l,
       className: "border-none",
       children: c
     }), r[0] = c, r[1] = l, r[2] = u) : u = r[2], u;
   }, AccordionFormContent = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(5), { children: c, wrapperClassName: l } = e, u;
+    let r = (0, import_compiler_runtime$71.c)(5), { children: c, wrapperClassName: l } = e, u;
     r[0] === l ? u = r[1] : (u = cn("pb-2 flex flex-col gap-2", l), r[0] = l, r[1] = u);
     let d;
     return r[2] !== c || r[3] !== u ? (d = (0, import_jsx_runtime.jsx)(AccordionContent, {
@@ -11074,7 +11074,7 @@ ${c}
       children: c
     }), r[2] = c, r[3] = u, r[4] = d) : d = r[4], d;
   }, CodeSnippet = (e) => {
-    let r = (0, import_compiler_runtime$72.c)(4), { code: c, insertNewCell: l, language: u } = e, d;
+    let r = (0, import_compiler_runtime$71.c)(4), { code: c, insertNewCell: l, language: u } = e, d;
     return r[0] !== c || r[1] !== l || r[2] !== u ? (d = (0, import_jsx_runtime.jsx)(ReadonlyCode, {
       minHeight: "330px",
       maxHeight: "330px",
@@ -11085,9 +11085,9 @@ ${c}
       insertNewCell: l
     }), r[0] = c, r[1] = l, r[2] = u, r[3] = d) : d = r[3], d;
   };
-  var import_compiler_runtime$71 = require_compiler_runtime(), CLEAR_VALUE = "__clear__";
+  var import_compiler_runtime$70 = require_compiler_runtime(), CLEAR_VALUE = "__clear__";
   const ColumnSelector = (e) => {
-    let r = (0, import_compiler_runtime$71.c)(23), { fieldName: c, columns: l, onValueChange: u, includeCountField: d } = e, f = d === void 0 ? true : d, p = useFormContext(), m;
+    let r = (0, import_compiler_runtime$70.c)(23), { fieldName: c, columns: l, onValueChange: u, includeCountField: d } = e, f = d === void 0 ? true : d, p = useFormContext(), m;
     r[0] === c ? m = r[1] : (m = c.replace(".field", ".type"), r[0] = c, r[1] = m);
     let h = m, g;
     r[2] === c ? g = r[3] : (g = c.replace(".field", ".selectedDataType"), r[2] = c, r[3] = g);
@@ -11169,7 +11169,7 @@ ${c}
       render: b
     }), r[19] = c, r[20] = p.control, r[21] = b, r[22] = S) : S = r[22], S;
   }, SelectField = (e) => {
-    let r = (0, import_compiler_runtime$71.c)(8), { fieldName: c, label: l, options: u, defaultValue: d } = e, f = useFormContext(), p;
+    let r = (0, import_compiler_runtime$70.c)(8), { fieldName: c, label: l, options: u, defaultValue: d } = e, f = useFormContext(), p;
     r[0] !== d || r[1] !== l || r[2] !== u ? (p = (e2) => {
       let { field: r2 } = e2;
       return (0, import_jsx_runtime.jsxs)(FormItem, {
@@ -11208,7 +11208,7 @@ ${c}
       render: p
     }), r[4] = c, r[5] = f.control, r[6] = p, r[7] = m) : m = r[7], m;
   }, InputField = (e) => {
-    let r = (0, import_compiler_runtime$71.c)(6), { fieldName: c, label: l } = e, u = useFormContext(), d;
+    let r = (0, import_compiler_runtime$70.c)(6), { fieldName: c, label: l } = e, u = useFormContext(), d;
     r[0] === l ? d = r[1] : (d = (e2) => {
       let { field: r2 } = e2;
       return (0, import_jsx_runtime.jsxs)(FormItem, {
@@ -11235,7 +11235,7 @@ ${c}
       render: d
     }), r[2] = c, r[3] = u.control, r[4] = d, r[5] = f) : f = r[5], f;
   }, NumberField$1 = (e) => {
-    let r = (0, import_compiler_runtime$71.c)(17), c, l, u, d, f, m;
+    let r = (0, import_compiler_runtime$70.c)(17), c, l, u, d, f, m;
     r[0] === e ? (c = r[1], l = r[2], u = r[3], d = r[4], f = r[5], m = r[6]) : ({ fieldName: l, label: f, className: c, inputClassName: u, isDisabled: d, ...m } = e, r[0] = e, r[1] = c, r[2] = l, r[3] = u, r[4] = d, r[5] = f, r[6] = m);
     let h = useFormContext(), g;
     r[7] !== c || r[8] !== u || r[9] !== d || r[10] !== f || r[11] !== m ? (g = (e2) => {
@@ -11269,7 +11269,7 @@ ${c}
       render: g
     }), r[13] = l, r[14] = h.control, r[15] = g, r[16] = _) : _ = r[16], _;
   }, BooleanField = (e) => {
-    let r = (0, import_compiler_runtime$71.c)(8), { fieldName: c, label: l, className: u, defaultValue: d } = e, f = useFormContext(), m;
+    let r = (0, import_compiler_runtime$70.c)(8), { fieldName: c, label: l, className: u, defaultValue: d } = e, f = useFormContext(), m;
     r[0] !== u || r[1] !== d || r[2] !== l ? (m = (e2) => {
       let { field: r2 } = e2;
       return (0, import_jsx_runtime.jsxs)(FormItem, {
@@ -11295,7 +11295,7 @@ ${c}
       render: m
     }), r[4] = c, r[5] = f.control, r[6] = m, r[7] = h) : h = r[7], h;
   }, SliderField = (e) => {
-    let r = (0, import_compiler_runtime$71.c)(12), { fieldName: c, label: l, defaultValue: u, start: d, stop: f, step: m, className: h } = e, g = useFormContext(), _;
+    let r = (0, import_compiler_runtime$70.c)(12), { fieldName: c, label: l, defaultValue: u, start: d, stop: f, step: m, className: h } = e, g = useFormContext(), _;
     r[0] !== h || r[1] !== u || r[2] !== c || r[3] !== l || r[4] !== d || r[5] !== m || r[6] !== f ? (_ = (e2) => {
       let { field: r2 } = e2, g2 = r2.value ?? u, _2 = Number(g2), v2 = (e3) => {
         typeof e3 == "string" && (e3 = Number(e3)), r2.onChange(e3);
@@ -11338,7 +11338,7 @@ ${c}
       render: _
     }), r[8] = c, r[9] = g.control, r[10] = _, r[11] = v) : v = r[11], v;
   }, ColorArrayField = (e) => {
-    let r = (0, import_compiler_runtime$71.c)(28), { fieldName: c, label: l, className: u } = e, d = useFormContext(), f;
+    let r = (0, import_compiler_runtime$70.c)(28), { fieldName: c, label: l, className: u } = e, d = useFormContext(), f;
     r[0] !== c || r[1] !== d ? (f = d.watch(c), r[0] = c, r[1] = d, r[2] = f) : f = r[2];
     let m = f, h;
     r[3] === m ? h = r[4] : (h = m ?? [], r[3] = m, r[4] = h);
@@ -11419,7 +11419,7 @@ ${c}
       render: O
     }), r[24] = c, r[25] = d.control, r[26] = O, r[27] = j) : j = r[27], j;
   }, TimeUnitSelect = (e) => {
-    let r = (0, import_compiler_runtime$71.c)(10), { fieldName: c, label: l } = e, u = useFormContext(), d;
+    let r = (0, import_compiler_runtime$70.c)(10), { fieldName: c, label: l } = e, u = useFormContext(), d;
     r[0] !== c || r[1] !== u ? (d = () => {
       u.setValue(c, "");
     }, r[0] = c, r[1] = u, r[2] = d) : d = r[2];
@@ -11488,7 +11488,7 @@ ${c}
       render: m
     }), r[6] = c, r[7] = u.control, r[8] = m, r[9] = h) : h = r[9], h;
   }, DataTypeSelect = (e) => {
-    let r = (0, import_compiler_runtime$71.c)(9), { fieldName: c, label: l, defaultValue: u, onValueChange: d } = e, [f, p] = import_react.useState(false), m = useFormContext(), h;
+    let r = (0, import_compiler_runtime$70.c)(9), { fieldName: c, label: l, defaultValue: u, onValueChange: d } = e, [f, p] = import_react.useState(false), m = useFormContext(), h;
     r[0] !== u || r[1] !== f || r[2] !== l || r[3] !== d ? (h = (e2) => {
       let { field: r2 } = e2;
       return (0, import_jsx_runtime.jsxs)(FormItem, {
@@ -11544,7 +11544,7 @@ ${c}
       render: h
     }), r[5] = c, r[6] = m.control, r[7] = h, r[8] = g) : g = r[8], g;
   }, AggregationSelect = (e) => {
-    let r = (0, import_compiler_runtime$71.c)(12), { fieldName: c, selectedDataType: l, binFieldName: u, defaultAggregation: d } = e, f = useFormContext(), p = l === "string" ? STRING_AGGREGATION_FNS : AGGREGATION_FNS$1, { chartType: m } = useChartFormContext(), h = m !== ChartType.HEATMAP, g = _temp6$1, _ = _temp7, v;
+    let r = (0, import_compiler_runtime$70.c)(12), { fieldName: c, selectedDataType: l, binFieldName: u, defaultAggregation: d } = e, f = useFormContext(), p = l === "string" ? STRING_AGGREGATION_FNS : AGGREGATION_FNS$1, { chartType: m } = useChartFormContext(), h = m !== ChartType.HEATMAP, g = _temp6$1, _ = _temp7, v;
     r[0] !== u || r[1] !== f ? (v = (e2) => {
       let { value: r2, previousValue: c2, onChange: l2 } = e2;
       r2 === "bin" ? f.setValue(u, true) : c2 === "bin" && f.setValue(u, false), l2(r2);
@@ -11603,7 +11603,7 @@ ${c}
       render: b
     }), r[8] = c, r[9] = f.control, r[10] = b, r[11] = S) : S = r[11], S;
   }, TooltipSelect = (e) => {
-    let r = (0, import_compiler_runtime$71.c)(7), { fieldName: c, saveFunction: l } = e, u = useFormContext(), { fields: d } = useChartFormContext(), f = _temp8, p;
+    let r = (0, import_compiler_runtime$70.c)(7), { fieldName: c, saveFunction: l } = e, u = useFormContext(), { fields: d } = useChartFormContext(), f = _temp8, p;
     r[0] !== d || r[1] !== l ? (p = (e2) => {
       var _a3;
       let { field: r2 } = e2, c2 = ((_a3 = r2.value) == null ? void 0 : _a3.map(_temp9)) ?? [];
@@ -11630,7 +11630,7 @@ ${c}
       render: p
     }), r[3] = c, r[4] = u.control, r[5] = p, r[6] = m) : m = r[6], m;
   }, SortField = (e) => {
-    let r = (0, import_compiler_runtime$71.c)(5), { fieldName: c, label: l, defaultValue: u } = e, d;
+    let r = (0, import_compiler_runtime$70.c)(5), { fieldName: c, label: l, defaultValue: u } = e, d;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = SORT_TYPES.map(_temp1), r[0] = d) : d = r[0];
     let f = u ?? "ascending", p;
     return r[1] !== c || r[2] !== l || r[3] !== f ? (p = (0, import_jsx_runtime.jsx)(SelectField, {
@@ -11641,7 +11641,7 @@ ${c}
     }), r[1] = c, r[2] = l, r[3] = f, r[4] = p) : p = r[4], p;
   }, BinFields = (e) => {
     var _a3, _b3, _c3, _d3;
-    let r = (0, import_compiler_runtime$71.c)(10), { fieldName: c } = e, l = useFormContext(), u;
+    let r = (0, import_compiler_runtime$70.c)(10), { fieldName: c } = e, l = useFormContext(), u;
     r[0] === l.control ? u = r[1] : (u = {
       control: l.control
     }, r[0] = l.control, r[1] = u);
@@ -11756,7 +11756,7 @@ ${c}
       value: e
     };
   }
-  var import_compiler_runtime$70 = require_compiler_runtime();
+  var import_compiler_runtime$69 = require_compiler_runtime();
   function isNonCountField(e) {
     return isFieldSet(e == null ? void 0 : e.field) && (e == null ? void 0 : e.field) !== "__count__";
   }
@@ -11780,7 +11780,7 @@ ${c}
     };
   }
   var ColumnSelectorWithAggregation = (e) => {
-    let r = (0, import_compiler_runtime$70.c)(14), { columnFieldName: c, column: l, columns: u, binFieldName: d, defaultAggregation: f } = e, p;
+    let r = (0, import_compiler_runtime$69.c)(14), { columnFieldName: c, column: l, columns: u, binFieldName: d, defaultAggregation: f } = e, p;
     r[0] === l ? p = r[1] : (p = getColumnDataTypes(l), r[0] = l, r[1] = p);
     let { selectedDataType: m } = p, h;
     r[2] !== c || r[3] !== u ? (h = (0, import_jsx_runtime.jsx)(ColumnSelector, {
@@ -11804,7 +11804,7 @@ ${c}
     }), r[11] = h, r[12] = g, r[13] = _) : _ = r[13], _;
   };
   const ChartTypeSelect = (e) => {
-    let r = (0, import_compiler_runtime$70.c)(7), { value: c, onValueChange: l } = e, u, d;
+    let r = (0, import_compiler_runtime$69.c)(7), { value: c, onValueChange: l } = e, u, d;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = buttonVariants({
       variant: "outline",
       className: "user-select-none w-full justify-between px-3"
@@ -11840,7 +11840,7 @@ ${c}
     }), r[4] = l, r[5] = c, r[6] = m) : m = r[6], m;
   };
   var ChartSelectItem = (e) => {
-    let r = (0, import_compiler_runtime$70.c)(10), { chartType: c } = e, l = CHART_TYPE_ICON[c], u;
+    let r = (0, import_compiler_runtime$69.c)(10), { chartType: c } = e, l = CHART_TYPE_ICON[c], u;
     r[0] === l ? u = r[1] : (u = (0, import_jsx_runtime.jsx)(l, {
       className: "w-4 h-4 mr-2"
     }), r[0] = l, r[1] = u);
@@ -11863,7 +11863,7 @@ ${c}
   };
   const XAxis = () => {
     var _a3, _b3, _c3, _d3, _e9, _f3, _g3;
-    let e = (0, import_compiler_runtime$70.c)(22), r = useFormContext(), c;
+    let e = (0, import_compiler_runtime$69.c)(22), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
@@ -11916,7 +11916,7 @@ ${c}
     }), e[17] = g, e[18] = _, e[19] = v, e[20] = y, e[21] = b) : b = e[21], b;
   }, YAxis = () => {
     var _a3, _b3, _c3;
-    let e = (0, import_compiler_runtime$70.c)(29), r = useFormContext(), c;
+    let e = (0, import_compiler_runtime$69.c)(29), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
@@ -11973,7 +11973,7 @@ ${c}
     }), e[23] = O, e[24] = j, e[25] = w, e[26] = T, e[27] = E, e[28] = M) : M = e[28], M;
   }, ColorByAxis = () => {
     var _a3;
-    let e = (0, import_compiler_runtime$70.c)(13), { fields: r } = useChartFormContext(), c = useFormContext(), l;
+    let e = (0, import_compiler_runtime$69.c)(13), { fields: r } = useChartFormContext(), c = useFormContext(), l;
     e[0] === c.control ? l = e[1] : (l = {
       control: c.control
     }, e[0] = c.control, e[1] = l);
@@ -12004,7 +12004,7 @@ ${c}
     }), e[10] = m, e[11] = h, e[12] = g) : g = e[12], g;
   }, Facet = () => {
     var _a3, _b3;
-    let e = (0, import_compiler_runtime$70.c)(7), r = useChartFormContext().fields, c = useFormContext(), l;
+    let e = (0, import_compiler_runtime$69.c)(7), r = useChartFormContext().fields, c = useFormContext(), l;
     e[0] === c.control ? l = e[1] : (l = {
       control: c.control
     }, e[0] = c.control, e[1] = l);
@@ -12083,10 +12083,10 @@ ${c}
       chartType: e
     }, e);
   }
-  var import_compiler_runtime$69 = require_compiler_runtime();
+  var import_compiler_runtime$68 = require_compiler_runtime();
   const CommonChartForm = () => {
     var _a3, _b3;
-    let e = (0, import_compiler_runtime$69.c)(17), r = useFormContext(), c;
+    let e = (0, import_compiler_runtime$68.c)(17), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
@@ -12138,7 +12138,7 @@ ${c}
       ]
     }), e[15] = S, e[16] = E), E;
   }, StyleForm = () => {
-    let e = (0, import_compiler_runtime$69.c)(15), { chartType: r } = useChartFormContext(), c;
+    let e = (0, import_compiler_runtime$68.c)(15), { chartType: r } = useChartFormContext(), c;
     e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = (0, import_jsx_runtime.jsx)(AccordionFormTrigger, {
       className: "pt-0",
       children: (0, import_jsx_runtime.jsx)(Title, {
@@ -12281,7 +12281,7 @@ ${c}
     }), e[13] = d, e[14] = S), S;
   }, OtherOptions = () => {
     var _a3;
-    let e = (0, import_compiler_runtime$69.c)(11), { saveForm: r } = useChartFormContext(), c = useFormContext(), l;
+    let e = (0, import_compiler_runtime$68.c)(11), { saveForm: r } = useChartFormContext(), c = useFormContext(), l;
     e[0] === c.control ? l = e[1] : (l = {
       control: c.control
     }, e[0] = c.control, e[1] = l);
@@ -12352,10 +12352,10 @@ ${c}
       value: e
     };
   }
-  var import_compiler_runtime$68 = require_compiler_runtime();
+  var import_compiler_runtime$67 = require_compiler_runtime();
   const HeatmapForm = () => {
     var _a3, _b3, _c3, _d3;
-    let e = (0, import_compiler_runtime$68.c)(17), r = useFormContext(), c;
+    let e = (0, import_compiler_runtime$67.c)(17), r = useFormContext(), c;
     e[0] === r.control ? c = e[1] : (c = {
       control: r.control
     }, e[0] = r.control, e[1] = c);
@@ -12398,10 +12398,10 @@ ${c}
       ]
     }), e[14] = _, e[15] = y, e[16] = w) : w = e[16], w;
   };
-  var import_compiler_runtime$67 = require_compiler_runtime();
+  var import_compiler_runtime$66 = require_compiler_runtime();
   const PieForm = () => {
     var _a3, _b3, _c3;
-    let e = (0, import_compiler_runtime$67.c)(25), r = useFormContext(), { fields: c } = useChartFormContext(), l;
+    let e = (0, import_compiler_runtime$66.c)(25), r = useFormContext(), { fields: c } = useChartFormContext(), l;
     e[0] === r.control ? l = e[1] : (l = {
       control: r.control
     }, e[0] = r.control, e[1] = l);
@@ -12468,9 +12468,9 @@ ${c}
       ]
     }), e[21] = g, e[22] = _, e[23] = S, e[24] = O) : O = e[24], O;
   };
-  var import_compiler_runtime$66 = require_compiler_runtime();
+  var import_compiler_runtime$65 = require_compiler_runtime();
   const LazyChart = (e) => {
-    let r = (0, import_compiler_runtime$66.c)(8), { baseSpec: c, data: l, height: u } = e, { theme: d } = useTheme();
+    let r = (0, import_compiler_runtime$65.c)(8), { baseSpec: c, data: l, height: u } = e, { theme: d } = useTheme();
     if (!l) {
       let e2;
       return r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)("div", {
@@ -12511,7 +12511,7 @@ ${c}
     }), r[5] = c, r[6] = p, r[7] = m) : m = r[7], m;
   };
   var LoadingChart$1 = () => {
-    let e = (0, import_compiler_runtime$66.c)(1), r;
+    let e = (0, import_compiler_runtime$65.c)(1), r;
     return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = (0, import_jsx_runtime.jsx)(ChartInfoState, {
       className: "mt-14",
       children: "Loading chart..."
@@ -12655,7 +12655,7 @@ ${c}
     let r = initialStorageValue.get(e);
     return r ? r.length > 0 : false;
   }
-  var import_compiler_runtime$65 = require_compiler_runtime(), NEW_CHART_TYPE = "bar", DEFAULT_TAB_NAME = "table", CHART_HEIGHT = 290, CHART_MAX_ROWS = 5e4, CHART_MAX_COLUMNS = 50;
+  var import_compiler_runtime$64 = require_compiler_runtime(), NEW_CHART_TYPE = "bar", DEFAULT_TAB_NAME = "table", CHART_HEIGHT = 290, CHART_MAX_ROWS = 5e4, CHART_MAX_COLUMNS = 50;
   const TablePanel = ({ cellId: e, data: r, dataTable: c, totalRows: l, columns: u, getDataUrl: d, fieldTypes: f, displayHeader: p, onCloseChartBuilder: m }) => {
     let [h, g] = useAtom(tabsStorageAtom), _ = e ? h.get(e) ?? [] : [], [v, y] = (0, import_react.useState)(DEFAULT_TAB_NAME), [b, S] = (0, import_react.useState)(_.length), T = (0, import_react.useRef)(p);
     if (p && !T.current && _.length === 0 && e) {
@@ -12921,7 +12921,7 @@ ${c}
     });
   };
   var ChartFormContainer = (e) => {
-    let r = (0, import_compiler_runtime$65.c)(28), { form: c, saveChart: l, fieldTypes: u, chartType: d } = e, f;
+    let r = (0, import_compiler_runtime$64.c)(28), { form: c, saveChart: l, fieldTypes: u, chartType: d } = e, f;
     r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = [], r[0] = f) : f = r[0];
     let p = f;
     if (u) {
@@ -13031,9 +13031,9 @@ ${c}
   function _temp3$10(e) {
     return e.preventDefault();
   }
-  var import_compiler_runtime$64 = require_compiler_runtime();
+  var import_compiler_runtime$63 = require_compiler_runtime();
   function usePanelOwnership(e, r) {
-    let c = (0, import_compiler_runtime$64.c)(16), l = useAtomValue(isCellAwareAtom), { focusCell: u } = useCellFocusActions(), f = useLastFocusedCellId(), [p, m] = useAtom(contextAwarePanelType), [h, g] = useAtom(contextAwarePanelOwner), [_, v] = useAtom(contextAwarePanelOpen), y = getPanelId(e, r);
+    let c = (0, import_compiler_runtime$63.c)(16), l = useAtomValue(isCellAwareAtom), { focusCell: u } = useCellFocusActions(), f = useLastFocusedCellId(), [p, m] = useAtom(contextAwarePanelType), [h, g] = useAtom(contextAwarePanelOwner), [_, v] = useAtom(contextAwarePanelOpen), y = getPanelId(e, r);
     !r && l && (Logger.error("CellId is not found, defaulting to fixed mode"), l = false);
     let b = (e2) => h === y && _ && e2 === p, S = f === r, w = h && isPanelOwner(h, r);
     l && S && h !== y && !w && g(y);
@@ -13071,68 +13071,6 @@ ${c}
     error: zod_default.string().nullish(),
     missing_packages: zod_default.array(zod_default.string()).nullish()
   }));
-  var import_compiler_runtime$63 = require_compiler_runtime();
-  const EmptyState = (e) => {
-    let r = (0, import_compiler_runtime$63.c)(5), { content: c, className: l } = e, u;
-    r[0] === l ? u = r[1] : (u = cn("text-sm text-muted-foreground py-1", l), r[0] = l, r[1] = u);
-    let d;
-    return r[2] !== c || r[3] !== u ? (d = (0, import_jsx_runtime.jsx)("div", {
-      className: u,
-      children: c
-    }), r[2] = c, r[3] = u, r[4] = d) : d = r[4], d;
-  }, ErrorState = (e) => {
-    let r = (0, import_compiler_runtime$63.c)(9), { error: c, style: l, className: u, showIcon: d } = e, f = d === void 0 ? true : d, m;
-    r[0] === u ? m = r[1] : (m = cn("text-sm bg-red-50 dark:bg-red-900 text-red-600 dark:text-red-50 flex items-center gap-2 p-2 h-8", u), r[0] = u, r[1] = m);
-    let h;
-    r[2] === f ? h = r[3] : (h = f && (0, import_jsx_runtime.jsx)(X, {
-      className: "h-4 w-4 mt-0.5"
-    }), r[2] = f, r[3] = h);
-    let g;
-    return r[4] !== c.message || r[5] !== l || r[6] !== m || r[7] !== h ? (g = (0, import_jsx_runtime.jsxs)("div", {
-      className: m,
-      style: l,
-      children: [
-        h,
-        c.message
-      ]
-    }), r[4] = c.message, r[5] = l, r[6] = m, r[7] = h, r[8] = g) : g = r[8], g;
-  }, LoadingState = (e) => {
-    let r = (0, import_compiler_runtime$63.c)(6), { message: c, className: l } = e, u;
-    r[0] === l ? u = r[1] : (u = cn("text-sm bg-blue-50 dark:bg-(--accent) text-blue-500 dark:text-blue-50 flex items-center gap-2 p-2 h-8", l), r[0] = l, r[1] = u);
-    let d;
-    r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = (0, import_jsx_runtime.jsx)(LoaderCircle, {
-      className: "h-4 w-4 animate-spin"
-    }), r[2] = d) : d = r[2];
-    let f;
-    return r[3] !== c || r[4] !== u ? (f = (0, import_jsx_runtime.jsxs)("div", {
-      className: u,
-      children: [
-        d,
-        c
-      ]
-    }), r[3] = c, r[4] = u, r[5] = f) : f = r[5], f;
-  }, ColumnPreviewContainer = (e) => {
-    let r = (0, import_compiler_runtime$63.c)(5), { children: c, className: l } = e, u;
-    r[0] === l ? u = r[1] : (u = cn("flex flex-col gap-2 relative", l), r[0] = l, r[1] = u);
-    let d;
-    return r[2] !== c || r[3] !== u ? (d = (0, import_jsx_runtime.jsx)("div", {
-      className: u,
-      children: c
-    }), r[2] = c, r[3] = u, r[4] = d) : d = r[4], d;
-  }, ColumnName = (e) => {
-    let r = (0, import_compiler_runtime$63.c)(6), { columnName: c, dataType: l } = e, u = DATA_TYPE_ICON[l], d = `w-4 h-4 p-0.5 rounded-sm stroke-card-foreground ${getDataTypeColor(l)}`, f;
-    r[0] !== u || r[1] !== d ? (f = (0, import_jsx_runtime.jsx)(u, {
-      className: d
-    }), r[0] = u, r[1] = d, r[2] = f) : f = r[2];
-    let p;
-    return r[3] !== c || r[4] !== f ? (p = (0, import_jsx_runtime.jsxs)("div", {
-      className: "flex flex-row items-center gap-1.5",
-      children: [
-        f,
-        c
-      ]
-    }), r[3] = c, r[4] = f, r[5] = p) : p = r[5], p;
-  };
   var import_compiler_runtime$62 = require_compiler_runtime();
   function renderPreviewError({ error: e, missingPackages: r, refetchPreview: c }) {
     return (0, import_jsx_runtime.jsxs)("div", {
@@ -14439,21 +14377,21 @@ ${c}
       _.pageSize,
       _.pageIndex
     ], r[35] = w, r[36] = _.pageIndex, r[37] = _.pageSize, r[38] = e.cellHoverTexts, r[39] = e.cellStyles, r[40] = e.data, r[41] = e.lazy, r[42] = e.totalRows, r[43] = u, r[44] = y, r[45] = m, r[46] = B, r[47] = H) : H = r[47];
-    let { data: W, error: G, isPending: q, isFetching: GU } = useAsyncData(z, H), Z = useAtomValue(downloadSizeLimitAtom), KU;
-    r[48] !== Z || r[49] !== e ? (KU = async () => !Z || !e.showDownload || e.lazy || e.totalRows === 0 ? null : (await e.get_size_bytes({})).size_bytes ?? null, r[48] = Z, r[49] = e, r[50] = KU) : KU = r[50];
-    let qU = e.showDownload, JU = e.get_size_bytes, YU = e.lazy, XU = e.totalRows, ZU = useDeepCompareMemoize(w), QU = useDeepCompareMemoize(m), $U;
-    r[51] !== Z || r[52] !== e.get_size_bytes || r[53] !== e.lazy || r[54] !== e.showDownload || r[55] !== e.totalRows || r[56] !== y || r[57] !== ZU || r[58] !== QU ? ($U = [
+    let { data: W, error: G, isPending: q, isFetching: UU } = useAsyncData(z, H), Z = useAtomValue(downloadSizeLimitAtom), WU;
+    r[48] !== Z || r[49] !== e ? (WU = async () => !Z || !e.showDownload || e.lazy || e.totalRows === 0 ? null : (await e.get_size_bytes({})).size_bytes ?? null, r[48] = Z, r[49] = e, r[50] = WU) : WU = r[50];
+    let GU = e.showDownload, KU = e.get_size_bytes, qU = e.lazy, JU = e.totalRows, YU = useDeepCompareMemoize(w), XU = useDeepCompareMemoize(m), ZU;
+    r[51] !== Z || r[52] !== e.get_size_bytes || r[53] !== e.lazy || r[54] !== e.showDownload || r[55] !== e.totalRows || r[56] !== y || r[57] !== YU || r[58] !== XU ? (ZU = [
       Z,
+      GU,
+      KU,
       qU,
       JU,
-      YU,
-      XU,
       y,
-      ZU,
-      QU
-    ], r[51] = Z, r[52] = e.get_size_bytes, r[53] = e.lazy, r[54] = e.showDownload, r[55] = e.totalRows, r[56] = y, r[57] = ZU, r[58] = QU, r[59] = $U) : $U = r[59];
-    let { data: eW, isPending: tW } = useAsyncData(KU, $U), nW = eW ?? null, rW = !!Z && e.showDownload && tW, iW;
-    r[60] !== w || r[61] !== u || r[62] !== y || r[63] !== m ? (iW = async (e2) => ({
+      YU,
+      XU
+    ], r[51] = Z, r[52] = e.get_size_bytes, r[53] = e.lazy, r[54] = e.showDownload, r[55] = e.totalRows, r[56] = y, r[57] = YU, r[58] = XU, r[59] = ZU) : ZU = r[59];
+    let { data: QU, isPending: $U } = useAsyncData(WU, ZU), eW = QU ?? null, tW = !!Z && e.showDownload && $U, nW;
+    r[60] !== w || r[61] !== u || r[62] !== y || r[63] !== m ? (nW = async (e2) => ({
       rows: await loadTableData((await u({
         page_number: e2,
         page_size: 1,
@@ -14462,38 +14400,38 @@ ${c}
         filters: filtersToFilterGroup(w),
         max_columns: null
       })).data)
-    }), r[60] = w, r[61] = u, r[62] = y, r[63] = m, r[64] = iW) : iW = r[64];
-    let aW = iW, oW;
-    r[65] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (oW = () => {
+    }), r[60] = w, r[61] = u, r[62] = y, r[63] = m, r[64] = nW) : nW = r[64];
+    let rW = nW, iW;
+    r[65] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (iW = () => {
       v(_temp4$4);
-    }, r[65] = oW) : oW = r[65];
-    let sW = W == null ? void 0 : W.totalRows, cW;
-    r[66] === sW ? cW = r[67] : (cW = [
-      sW
-    ], r[66] = sW, r[67] = cW), (0, import_react.useEffect)(oW, cW);
-    let lW;
-    r[68] === e ? lW = r[69] : (lW = async () => e.totalRows === 0 || !e.showColumnSummaries ? {
+    }, r[65] = iW) : iW = r[65];
+    let aW = W == null ? void 0 : W.totalRows, oW;
+    r[66] === aW ? oW = r[67] : (oW = [
+      aW
+    ], r[66] = aW, r[67] = oW), (0, import_react.useEffect)(iW, oW);
+    let sW;
+    r[68] === e ? sW = r[69] : (sW = async () => e.totalRows === 0 || !e.showColumnSummaries ? {
       data: null,
       stats: {},
       bin_values: {},
       value_counts: {},
       show_charts: false
-    } : e.get_column_summaries({}), r[68] = e, r[69] = lW);
-    let uW;
-    r[70] !== w || r[71] !== e.data || r[72] !== e.get_column_summaries || r[73] !== e.showColumnSummaries || r[74] !== e.totalRows || r[75] !== y ? (uW = [
+    } : e.get_column_summaries({}), r[68] = e, r[69] = sW);
+    let cW;
+    r[70] !== w || r[71] !== e.data || r[72] !== e.get_column_summaries || r[73] !== e.showColumnSummaries || r[74] !== e.totalRows || r[75] !== y ? (cW = [
       e.get_column_summaries,
       e.showColumnSummaries,
       w,
       y,
       e.totalRows,
       e.data
-    ], r[70] = w, r[71] = e.data, r[72] = e.get_column_summaries, r[73] = e.showColumnSummaries, r[74] = e.totalRows, r[75] = y, r[76] = uW) : uW = r[76];
-    let { data: dW, error: fW } = useAsyncData(lW, uW), pW, mW;
-    if (r[77] === fW ? (pW = r[78], mW = r[79]) : (pW = () => {
-      fW && Logger.error(fW);
-    }, mW = [
-      fW
-    ], r[77] = fW, r[78] = pW, r[79] = mW), (0, import_react.useEffect)(pW, mW), q) {
+    ], r[70] = w, r[71] = e.data, r[72] = e.get_column_summaries, r[73] = e.showColumnSummaries, r[74] = e.totalRows, r[75] = y, r[76] = cW) : cW = r[76];
+    let { data: lW, error: uW } = useAsyncData(sW, cW), dW, fW;
+    if (r[77] === uW ? (dW = r[78], fW = r[79]) : (dW = () => {
+      uW && Logger.error(uW);
+    }, fW = [
+      uW
+    ], r[77] = uW, r[78] = dW, r[79] = fW), (0, import_react.useEffect)(dW, fW), q) {
       let c2 = e.totalRows !== "too_many" && e.totalRows > 0 ? Math.min(e.totalRows, e.pageSize) : e.pageSize, l2;
       return r[80] === c2 ? l2 = r[81] : (l2 = (0, import_jsx_runtime.jsx)(DelayMount, {
         milliseconds: 200,
@@ -14502,7 +14440,7 @@ ${c}
         })
       }), r[80] = c2, r[81] = l2), l2;
     }
-    let hW = null;
+    let pW = null;
     if (G) {
       Logger.error(G);
       let e2;
@@ -14518,61 +14456,61 @@ ${c}
             children: G.message || "An unknown error occurred"
           })
         ]
-      }), r[82] = G, r[83] = e2), hW = e2;
+      }), r[82] = G, r[83] = e2), pW = e2;
     }
-    let gW;
-    r[84] === O ? gW = r[85] : (gW = () => {
+    let mW;
+    r[84] === O ? mW = r[85] : (mW = () => {
       j(!O);
-    }, r[84] = O, r[85] = gW);
-    let _W = gW, vW = (W == null ? void 0 : W.rows) ?? Arrays.EMPTY, yW = W == null ? void 0 : W.rawRows, bW = GU && !q, xW = (W == null ? void 0 : W.totalRows) ?? e.totalRows, SW = (W == null ? void 0 : W.cellStyles) ?? e.cellStyles, CW = (W == null ? void 0 : W.cellHoverTexts) ?? e.cellHoverTexts, wW;
-    r[86] !== l || r[87] !== dW || r[88] !== O || r[89] !== w || r[90] !== aW || r[91] !== _ || r[92] !== e || r[93] !== y || r[94] !== nW || r[95] !== rW || r[96] !== m || r[97] !== vW || r[98] !== yW || r[99] !== bW || r[100] !== xW || r[101] !== SW || r[102] !== CW || r[103] !== _W ? (wW = (0, import_jsx_runtime.jsx)(DataTableComponent, {
+    }, r[84] = O, r[85] = mW);
+    let hW = mW, gW = (W == null ? void 0 : W.rows) ?? Arrays.EMPTY, _W = W == null ? void 0 : W.rawRows, vW = UU && !q, yW = (W == null ? void 0 : W.totalRows) ?? e.totalRows, bW = (W == null ? void 0 : W.cellStyles) ?? e.cellStyles, xW = (W == null ? void 0 : W.cellHoverTexts) ?? e.cellHoverTexts, SW;
+    r[86] !== l || r[87] !== lW || r[88] !== O || r[89] !== w || r[90] !== rW || r[91] !== _ || r[92] !== e || r[93] !== y || r[94] !== eW || r[95] !== tW || r[96] !== m || r[97] !== gW || r[98] !== _W || r[99] !== vW || r[100] !== yW || r[101] !== bW || r[102] !== xW || r[103] !== hW ? (SW = (0, import_jsx_runtime.jsx)(DataTableComponent, {
       ...e,
-      data: vW,
-      rawData: yW,
-      columnSummaries: dW,
+      data: gW,
+      rawData: _W,
+      columnSummaries: lW,
       sorting: m,
       setSorting: h,
       searchQuery: y,
       setSearchQuery: b,
       filters: w,
       setFilters: T,
-      reloading: bW,
-      totalRows: xW,
-      sizeBytes: nW,
-      sizeBytesIsLoading: rW,
+      reloading: vW,
+      totalRows: yW,
+      sizeBytes: eW,
+      sizeBytesIsLoading: tW,
       paginationState: _,
       setPaginationState: v,
-      cellStyles: SW,
-      cellHoverTexts: CW,
-      toggleDisplayHeader: _W,
+      cellStyles: bW,
+      cellHoverTexts: xW,
+      toggleDisplayHeader: hW,
       isChartBuilderOpen: O,
-      getRow: aW,
+      getRow: rW,
       cellId: l,
       maxHeight: e.maxHeight
-    }), r[86] = l, r[87] = dW, r[88] = O, r[89] = w, r[90] = aW, r[91] = _, r[92] = e, r[93] = y, r[94] = nW, r[95] = rW, r[96] = m, r[97] = vW, r[98] = yW, r[99] = bW, r[100] = xW, r[101] = SW, r[102] = CW, r[103] = _W, r[104] = wW) : wW = r[104];
-    let TW = wW, EW;
-    r[105] !== l || r[106] !== TW || r[107] !== (W == null ? void 0 : W.rows) || r[108] !== O || r[109] !== e.fieldTypes || r[110] !== e.get_data_url || r[111] !== e.showChartBuilder || r[112] !== e.totalColumns || r[113] !== e.totalRows ? (EW = e.showChartBuilder ? (0, import_jsx_runtime.jsx)(TablePanel, {
+    }), r[86] = l, r[87] = lW, r[88] = O, r[89] = w, r[90] = rW, r[91] = _, r[92] = e, r[93] = y, r[94] = eW, r[95] = tW, r[96] = m, r[97] = gW, r[98] = _W, r[99] = vW, r[100] = yW, r[101] = bW, r[102] = xW, r[103] = hW, r[104] = SW) : SW = r[104];
+    let CW = SW, wW;
+    r[105] !== l || r[106] !== CW || r[107] !== (W == null ? void 0 : W.rows) || r[108] !== O || r[109] !== e.fieldTypes || r[110] !== e.get_data_url || r[111] !== e.showChartBuilder || r[112] !== e.totalColumns || r[113] !== e.totalRows ? (wW = e.showChartBuilder ? (0, import_jsx_runtime.jsx)(TablePanel, {
       displayHeader: O,
       onCloseChartBuilder: () => j(false),
       data: (W == null ? void 0 : W.rows) || [],
       columns: e.totalColumns,
       totalRows: e.totalRows,
-      dataTable: TW,
+      dataTable: CW,
       getDataUrl: e.get_data_url,
       fieldTypes: e.fieldTypes,
       cellId: l
-    }) : TW, r[105] = l, r[106] = TW, r[107] = W == null ? void 0 : W.rows, r[108] = O, r[109] = e.fieldTypes, r[110] = e.get_data_url, r[111] = e.showChartBuilder, r[112] = e.totalColumns, r[113] = e.totalRows, r[114] = EW) : EW = r[114];
-    let DW;
-    return r[115] !== hW || r[116] !== EW ? (DW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    }) : CW, r[105] = l, r[106] = CW, r[107] = W == null ? void 0 : W.rows, r[108] = O, r[109] = e.fieldTypes, r[110] = e.get_data_url, r[111] = e.showChartBuilder, r[112] = e.totalColumns, r[113] = e.totalRows, r[114] = wW) : wW = r[114];
+    let TW;
+    return r[115] !== pW || r[116] !== wW ? (TW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        hW,
-        EW
+        pW,
+        wW
       ]
-    }), r[115] = hW, r[116] = EW, r[117] = DW) : DW = r[117], DW;
+    }), r[115] = pW, r[116] = wW, r[117] = TW) : TW = r[117], TW;
   });
   LoadingDataTableComponent.displayName = "LoadingDataTableComponent";
-  var DataTableComponent = ({ label: e, data: r, rawData: c, totalRows: l, sizeBytes: u, sizeBytesIsLoading: d, maxColumns: f, pagination: p, selection: m, value: h, showFilters: g, showDownload: _, showPageSizeSelector: v, showColumnExplorer: y, showRowExplorer: b, showChartBuilder: S, showDataTypes: w, rowHeaders: T, fieldTypes: O, paginationState: j, setPaginationState: M, download_as: I, columnSummaries: L, className: R, setValue: z, sorting: B, setSorting: H, enableSearch: W, searchQuery: G, setSearchQuery: q, filters: GU, setFilters: Z, reloading: KU, freezeColumnsLeft: qU, freezeColumnsRight: JU, hiddenColumns: YU, textJustifyColumns: XU, wrappedColumns: ZU, headerTooltip: QU, totalColumns: $U, get_row_ids: eW, cellStyles: tW, hoverTemplate: nW, cellHoverTexts: rW, toggleDisplayHeader: iW, isChartBuilderOpen: aW, calculate_top_k_rows: oW, preview_column: sW, getRow: cW, cellId: lW, maxHeight: uW }) => {
-    let dW = (0, import_react.useId)(), [fW, pW] = (0, import_react.useState)(0), { isPanelOpen: mW, isAnyPanelOpen: hW, togglePanel: gW, panelType: _W, setPanelType: vW } = usePanelOwnership(dW, lW), yW = (0, import_react.useMemo)(() => {
+  var DataTableComponent = ({ label: e, data: r, rawData: c, totalRows: l, sizeBytes: u, sizeBytesIsLoading: d, maxColumns: f, pagination: p, selection: m, value: h, showFilters: g, showDownload: _, showPageSizeSelector: v, showColumnExplorer: y, showRowExplorer: b, showChartBuilder: S, showDataTypes: w, rowHeaders: T, fieldTypes: O, paginationState: j, setPaginationState: M, download_as: I, columnSummaries: L, className: R, setValue: z, sorting: B, setSorting: H, enableSearch: W, searchQuery: G, setSearchQuery: q, filters: UU, setFilters: Z, reloading: WU, freezeColumnsLeft: GU, freezeColumnsRight: KU, hiddenColumns: qU, textJustifyColumns: JU, wrappedColumns: YU, headerTooltip: XU, totalColumns: ZU, get_row_ids: QU, cellStyles: $U, hoverTemplate: eW, cellHoverTexts: tW, toggleDisplayHeader: nW, isChartBuilderOpen: rW, calculate_top_k_rows: iW, preview_column: aW, getRow: oW, cellId: sW, maxHeight: cW }) => {
+    let lW = (0, import_react.useId)(), [uW, dW] = (0, import_react.useState)(0), { isPanelOpen: fW, isAnyPanelOpen: pW, togglePanel: mW, panelType: hW, setPanelType: gW } = usePanelOwnership(lW, sW), _W = (0, import_react.useMemo)(() => {
       if (!L || !O || !L.stats) return ColumnChartSpecModel.EMPTY;
       let e2 = toFieldTypes(O);
       return new ColumnChartSpecModel(L.data || [], e2, L.stats, L.bin_values, L.value_counts, {
@@ -14581,13 +14519,13 @@ ${c}
     }, [
       O,
       L
-    ]), bW = useDeepCompareMemoize(O ?? inferFieldTypes(r)), xW = (0, import_react.useMemo)(() => f === "all" ? bW : bW.slice(0, f), [
+    ]), vW = useDeepCompareMemoize(O ?? inferFieldTypes(r)), yW = (0, import_react.useMemo)(() => f === "all" ? vW : vW.slice(0, f), [
       f,
-      bW
-    ]), SW = (0, import_react.useMemo)(() => {
+      vW
+    ]), bW = (0, import_react.useMemo)(() => {
       let e2 = {};
       if (r && r.length > 0) {
-        for (let [c2, l2] of xW) if (l2[0] === "number") {
+        for (let [c2, l2] of yW) if (l2[0] === "number") {
           let l3 = 0;
           for (let e3 of r) {
             let r2 = e3[c2];
@@ -14602,93 +14540,93 @@ ${c}
       return e2;
     }, [
       r,
-      xW
-    ]), CW = useDeepCompareMemoize(T), wW = useDeepCompareMemoize(XU), TW = useDeepCompareMemoize(ZU), EW = useDeepCompareMemoize(yW), DW = useDeepCompareMemoize(SW), OW = xW.length;
+      yW
+    ]), xW = useDeepCompareMemoize(T), SW = useDeepCompareMemoize(JU), CW = useDeepCompareMemoize(YU), wW = useDeepCompareMemoize(_W), TW = useDeepCompareMemoize(bW), EW = yW.length;
     O || (w = false);
-    let kW = (0, import_react.useMemo)(() => generateColumns({
-      rowHeaders: CW,
+    let DW = (0, import_react.useMemo)(() => generateColumns({
+      rowHeaders: xW,
       selection: m,
-      chartSpecModel: EW,
-      fieldTypes: xW,
-      textJustifyColumns: wW,
-      wrappedColumns: TW,
-      headerTooltip: QU,
+      chartSpecModel: wW,
+      fieldTypes: yW,
+      textJustifyColumns: SW,
+      wrappedColumns: CW,
+      headerTooltip: XU,
       showDataTypes: w,
-      calculateTopKRows: oW,
-      fractionDigitsByColumn: DW
+      calculateTopKRows: iW,
+      fractionDigitsByColumn: TW
     }), [
       m,
       w,
-      EW,
-      CW,
-      xW,
       wW,
-      TW,
-      QU,
-      oW,
-      DW
-    ]), AW = (0, import_react.useMemo)(() => Object.fromEntries((h || []).map((e2) => [
+      xW,
+      yW,
+      SW,
+      CW,
+      XU,
+      iW,
+      TW
+    ]), OW = (0, import_react.useMemo)(() => Object.fromEntries((h || []).map((e2) => [
       e2,
       true
     ])), [
       h
-    ]), jW = useEvent_default((e2) => {
+    ]), kW = useEvent_default((e2) => {
       if (m === "single") {
         let r2 = Functions.asUpdater(e2)({});
         z(Object.keys(r2).slice(0, 1));
       }
       if (m === "multi") {
-        let r2 = Functions.asUpdater(e2)(AW);
+        let r2 = Functions.asUpdater(e2)(OW);
         z(Object.keys(r2));
       }
-    }), MW = useEvent_default((e2) => {
-      if (pW(e2), e2 < 0 || typeof l == "number" && e2 >= l || l === "too_many") return;
+    }), AW = useEvent_default((e2) => {
+      if (dW(e2), e2 < 0 || typeof l == "number" && e2 >= l || l === "too_many") return;
       let r2 = getPageIndexForRow(e2, j.pageIndex, j.pageSize);
       r2 !== null && M((e3) => ({
         ...e3,
         pageIndex: r2
       }));
-    }), NW = h.filter((e2) => e2 instanceof Object && e2.columnName !== void 0), PW = useEvent_default((e2) => {
-      m === "single-cell" && z(Functions.asUpdater(e2)(NW).slice(0, 1)), m === "multi-cell" && z(Functions.asUpdater(e2)(NW));
-    }), FW = m === "multi" || m === "single", IW = y && !!sW, LW = isInVscodeExtension(), RW = isIslands(), zW = (0, import_react.useMemo)(() => {
-      if (!(!hW || !(b || IW))) return (e2) => (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
+    }), jW = h.filter((e2) => e2 instanceof Object && e2.columnName !== void 0), MW = useEvent_default((e2) => {
+      m === "single-cell" && z(Functions.asUpdater(e2)(jW).slice(0, 1)), m === "multi-cell" && z(Functions.asUpdater(e2)(jW));
+    }), NW = m === "multi" || m === "single", PW = y && !!aW, FW = isInVscodeExtension(), IW = isIslands(), LW = (0, import_react.useMemo)(() => {
+      if (!(!pW || !(b || PW))) return (e2) => (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
         children: (0, import_jsx_runtime.jsx)(TableExplorerPanel, {
-          rowIdx: fW,
-          setRowIdx: MW,
+          rowIdx: uW,
+          setRowIdx: AW,
           totalRows: l,
-          fieldTypes: bW,
-          getRow: cW,
-          isSelectable: FW,
-          isRowSelected: !!AW[fW],
-          handleRowSelectionChange: jW,
-          previewColumn: sW,
-          totalColumns: $U,
-          tableId: dW,
+          fieldTypes: vW,
+          getRow: oW,
+          isSelectable: NW,
+          isRowSelected: !!OW[uW],
+          handleRowSelectionChange: kW,
+          previewColumn: aW,
+          totalColumns: ZU,
+          tableId: lW,
           table: e2,
-          showRowExplorer: b && !LW,
-          showColumnExplorer: IW && !LW,
-          activeTab: _W,
-          onTabChange: vW
+          showRowExplorer: b && !FW,
+          showColumnExplorer: PW && !FW,
+          activeTab: hW,
+          onTabChange: gW
         })
       });
     }, [
-      hW,
+      pW,
       b,
-      IW,
-      fW,
-      MW,
+      PW,
+      uW,
+      AW,
       l,
-      bW,
-      cW,
+      vW,
+      oW,
+      NW,
+      OW,
+      kW,
+      aW,
+      ZU,
+      lW,
       FW,
-      AW,
-      jW,
-      sW,
-      $U,
-      dW,
-      LW,
-      _W,
-      vW
+      hW,
+      gW
     ]);
     return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
@@ -14700,13 +14638,13 @@ ${c}
             " rows."
           ]
         }),
-        OW < $U && OW > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
+        EW < ZU && EW > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
           className: "mb-1 rounded",
           children: [
             "Result clipped. Showing ",
-            OW,
+            EW,
             " of ",
-            $U,
+            ZU,
             " columns."
           ]
         }),
@@ -14715,7 +14653,7 @@ ${c}
           children: "Column summaries are unavailable. Filter your data to fewer than 1,000,000 rows."
         }),
         (0, import_jsx_runtime.jsx)(ColumnChartContext, {
-          value: yW,
+          value: _W,
           children: (0, import_jsx_runtime.jsx)(Labeled, {
             label: e,
             align: "top",
@@ -14723,14 +14661,14 @@ ${c}
             children: (0, import_jsx_runtime.jsx)(DataTable, {
               data: r,
               rawData: c,
-              columns: kW,
+              columns: DW,
               className: R,
-              maxHeight: uW,
+              maxHeight: cW,
               sorting: B,
               totalRows: l,
               sizeBytes: u,
               sizeBytesIsLoading: d,
-              totalColumns: $U,
+              totalColumns: ZU,
               manualSorting: true,
               setSorting: H,
               pagination: p,
@@ -14738,37 +14676,37 @@ ${c}
               selection: m,
               paginationState: j,
               setPaginationState: M,
-              rowSelection: AW,
-              cellSelection: NW,
-              cellStyling: tW,
-              hoverTemplate: nW,
-              cellHoverTexts: rW,
+              rowSelection: OW,
+              cellSelection: jW,
+              cellStyling: $U,
+              hoverTemplate: eW,
+              cellHoverTexts: tW,
               downloadAs: _ ? I : void 0,
               enableSearch: W,
               searchQuery: G,
               onSearchQueryChange: q,
               showFilters: g,
-              filters: GU,
+              filters: UU,
               onFiltersChange: Z,
-              calculateTopKRows: oW,
-              reloading: KU,
-              onRowSelectionChange: jW,
-              freezeColumnsLeft: qU,
-              freezeColumnsRight: JU,
-              hiddenColumns: YU,
-              onCellSelectionChange: PW,
-              getRowIds: eW,
-              toggleDisplayHeader: iW,
-              showChartBuilder: S && !RW,
-              isChartBuilderOpen: aW,
+              calculateTopKRows: iW,
+              reloading: WU,
+              onRowSelectionChange: kW,
+              freezeColumnsLeft: GU,
+              freezeColumnsRight: KU,
+              hiddenColumns: qU,
+              onCellSelectionChange: MW,
+              getRowIds: QU,
+              toggleDisplayHeader: nW,
+              showChartBuilder: S && !IW,
+              isChartBuilderOpen: rW,
               showPageSizeSelector: v,
-              showTableExplorer: (b || IW) && !LW && !RW,
-              togglePanel: gW,
-              isPanelOpen: mW,
-              isAnyPanelOpen: hW,
-              viewedRowIdx: fW,
-              onViewedRowChange: (e2) => pW(e2),
-              renderTableExplorerPanel: zW
+              showTableExplorer: (b || PW) && !FW && !IW,
+              togglePanel: mW,
+              isPanelOpen: fW,
+              isAnyPanelOpen: pW,
+              viewedRowIdx: uW,
+              onViewedRowChange: (e2) => dW(e2),
+              renderTableExplorerPanel: LW
             })
           })
         })
@@ -16820,29 +16758,29 @@ ${c}
     ], r[2] = S, r[3] = w);
     let { data: T, error: O, isPending: j } = useAsyncData(b, w), M;
     r[4] === T ? M = r[5] : (M = T || {}, r[4] = T, r[5] = M);
-    let { url: I, total_rows: L, row_headers: R, field_types: z, column_types_per_step: B, python_code: H, sql_code: W } = M, G = z == null ? void 0 : z.length, [q, GU] = (0, import_react.useState)(f || EMPTY), Z = (0, import_react.useRef)(null), KU;
-    r[6] === d ? KU = r[7] : (KU = (e2) => {
+    let { url: I, total_rows: L, row_headers: R, field_types: z, column_types_per_step: B, python_code: H, sql_code: W } = M, G = z == null ? void 0 : z.length, [q, UU] = (0, import_react.useState)(f || EMPTY), Z = (0, import_react.useRef)(null), WU;
+    r[6] === d ? WU = r[7] : (WU = (e2) => {
       var _a3;
       d && e2 !== "transform" && ((_a3 = Z.current) == null ? void 0 : _a3.submit());
-    }, r[6] = d, r[7] = KU);
-    let qU = KU, JU = (0, import_react.useRef)(q), YU;
-    r[8] === q ? YU = r[9] : (YU = () => {
-      JU.current = q;
-    }, r[8] = q, r[9] = YU), (0, import_react.useEffect)(YU);
-    let XU;
-    r[10] !== p || r[11] !== (f == null ? void 0 : f.transforms.length) ? (XU = () => {
-      let e2 = JU.current;
+    }, r[6] = d, r[7] = WU);
+    let GU = WU, KU = (0, import_react.useRef)(q), qU;
+    r[8] === q ? qU = r[9] : (qU = () => {
+      KU.current = q;
+    }, r[8] = q, r[9] = qU), (0, import_react.useEffect)(qU);
+    let JU;
+    r[10] !== p || r[11] !== (f == null ? void 0 : f.transforms.length) ? (JU = () => {
+      let e2 = KU.current;
       (f == null ? void 0 : f.transforms.length) !== e2.transforms.length && p(e2);
-    }, r[10] = p, r[11] = f == null ? void 0 : f.transforms.length, r[12] = XU) : XU = r[12];
-    let ZU = f == null ? void 0 : f.transforms.length, QU;
-    r[13] !== T || r[14] !== p || r[15] !== ZU ? (QU = [
+    }, r[10] = p, r[11] = f == null ? void 0 : f.transforms.length, r[12] = JU) : JU = r[12];
+    let YU = f == null ? void 0 : f.transforms.length, XU;
+    r[13] !== T || r[14] !== p || r[15] !== YU ? (XU = [
       T,
-      ZU,
-      JU,
+      YU,
+      KU,
       p
-    ], r[13] = T, r[14] = p, r[15] = ZU, r[16] = QU) : QU = r[16], (0, import_react.useEffect)(XU, QU);
-    let $U;
-    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($U = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    ], r[13] = T, r[14] = p, r[15] = YU, r[16] = XU) : XU = r[16], (0, import_react.useEffect)(JU, XU);
+    let ZU;
+    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ZU = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "transform",
       className: "text-xs py-1",
       children: [
@@ -16851,9 +16789,9 @@ ${c}
         }),
         "Transform"
       ]
-    }), r[17] = $U) : $U = r[17];
-    let eW;
-    r[18] === H ? eW = r[19] : (eW = H && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[17] = ZU) : ZU = r[17];
+    let QU;
+    r[18] === H ? QU = r[19] : (QU = H && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "python-code",
       className: "text-xs py-1",
       children: [
@@ -16862,9 +16800,9 @@ ${c}
         }),
         "Python Code"
       ]
-    }), r[18] = H, r[19] = eW);
-    let tW;
-    r[20] === W ? tW = r[21] : (tW = W && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[18] = H, r[19] = QU);
+    let $U;
+    r[20] === W ? $U = r[21] : ($U = W && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "sql-code",
       className: "text-xs py-1",
       children: [
@@ -16873,54 +16811,54 @@ ${c}
         }),
         "SQL Code"
       ]
-    }), r[20] = W, r[21] = tW);
-    let nW;
-    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (nW = (0, import_jsx_runtime.jsx)("div", {
+    }), r[20] = W, r[21] = $U);
+    let eW;
+    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (eW = (0, import_jsx_runtime.jsx)("div", {
       className: "grow"
-    }), r[22] = nW) : nW = r[22];
-    let rW;
-    r[23] !== eW || r[24] !== tW ? (rW = (0, import_jsx_runtime.jsxs)(TabsList, {
+    }), r[22] = eW) : eW = r[22];
+    let tW;
+    r[23] !== QU || r[24] !== $U ? (tW = (0, import_jsx_runtime.jsxs)(TabsList, {
       className: "h-8",
       children: [
+        ZU,
+        QU,
         $U,
-        eW,
-        tW,
-        nW
+        eW
       ]
-    }), r[23] = eW, r[24] = tW, r[25] = rW) : rW = r[25];
-    let iW;
-    r[26] === j ? iW = r[27] : (iW = j && (0, import_jsx_runtime.jsx)(Spinner, {
+    }), r[23] = QU, r[24] = $U, r[25] = tW) : tW = r[25];
+    let nW;
+    r[26] === j ? nW = r[27] : (nW = j && (0, import_jsx_runtime.jsx)(Spinner, {
       size: "small"
-    }), r[26] = j, r[27] = iW);
-    let oW;
-    r[28] !== rW || r[29] !== iW ? (oW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[26] = j, r[27] = nW);
+    let iW;
+    r[28] !== tW || r[29] !== nW ? (iW = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-center gap-2",
       children: [
-        rW,
-        iW
+        tW,
+        nW
       ]
-    }), r[28] = rW, r[29] = iW, r[30] = oW) : oW = r[30];
-    let sW;
-    r[31] !== p || r[32] !== f ? (sW = (e2) => {
-      dequal(e2, f) || (p(e2), GU(e2));
-    }, r[31] = p, r[32] = f, r[33] = sW) : sW = r[33];
-    let cW;
-    r[34] !== B || r[35] !== c || r[36] !== h || r[37] !== q || r[38] !== d || r[39] !== sW ? (cW = (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[28] = tW, r[29] = nW, r[30] = iW) : iW = r[30];
+    let aW;
+    r[31] !== p || r[32] !== f ? (aW = (e2) => {
+      dequal(e2, f) || (p(e2), UU(e2));
+    }, r[31] = p, r[32] = f, r[33] = aW) : aW = r[33];
+    let oW;
+    r[34] !== B || r[35] !== c || r[36] !== h || r[37] !== q || r[38] !== d || r[39] !== aW ? (oW = (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "transform",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(TransformPanel, {
         ref: Z,
         initialValue: q,
         columns: c,
-        onChange: sW,
-        onInvalidChange: GU,
+        onChange: aW,
+        onInvalidChange: UU,
         getColumnValues: h,
         columnTypesPerStep: B,
         lazy: d
       })
-    }), r[34] = B, r[35] = c, r[36] = h, r[37] = q, r[38] = d, r[39] = sW, r[40] = cW) : cW = r[40];
-    let lW;
-    r[41] === H ? lW = r[42] : (lW = H && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[34] = B, r[35] = c, r[36] = h, r[37] = q, r[38] = d, r[39] = aW, r[40] = oW) : oW = r[40];
+    let sW;
+    r[41] === H ? sW = r[42] : (sW = H && (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "python-code",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(ReadonlyCode, {
@@ -16929,9 +16867,9 @@ ${c}
         code: H,
         language: "python"
       })
-    }), r[41] = H, r[42] = lW);
-    let uW;
-    r[43] === W ? uW = r[44] : (uW = W && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[41] = H, r[42] = sW);
+    let cW;
+    r[43] === W ? cW = r[44] : (cW = W && (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "sql-code",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(ReadonlyCode, {
@@ -16940,35 +16878,35 @@ ${c}
         code: W,
         language: "sql"
       })
-    }), r[43] = W, r[44] = uW);
-    let dW;
-    r[45] !== qU || r[46] !== oW || r[47] !== cW || r[48] !== lW || r[49] !== uW ? (dW = (0, import_jsx_runtime.jsxs)(Tabs, {
+    }), r[43] = W, r[44] = cW);
+    let lW;
+    r[45] !== GU || r[46] !== iW || r[47] !== oW || r[48] !== sW || r[49] !== cW ? (lW = (0, import_jsx_runtime.jsxs)(Tabs, {
       defaultValue: "transform",
-      onValueChange: qU,
+      onValueChange: GU,
       children: [
+        iW,
         oW,
-        cW,
-        lW,
-        uW
+        sW,
+        cW
       ]
-    }), r[45] = qU, r[46] = oW, r[47] = cW, r[48] = lW, r[49] = uW, r[50] = dW) : dW = r[50];
-    let fW;
-    r[51] === O ? fW = r[52] : (fW = O && (0, import_jsx_runtime.jsx)(ErrorBanner, {
+    }), r[45] = GU, r[46] = iW, r[47] = oW, r[48] = sW, r[49] = cW, r[50] = lW) : lW = r[50];
+    let uW;
+    r[51] === O ? uW = r[52] : (uW = O && (0, import_jsx_runtime.jsx)(ErrorBanner, {
       error: O
-    }), r[51] = O, r[52] = fW);
-    let pW = I || "", mW = L ?? 0, hW = G ?? 0, gW = R || Arrays.EMPTY, _W = L && L > 5 || false, vW;
-    r[53] !== _ || r[54] !== z || r[55] !== v || r[56] !== y || r[57] !== l || r[58] !== g || r[59] !== u || r[60] !== pW || r[61] !== mW || r[62] !== hW || r[63] !== gW || r[64] !== _W ? (vW = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
+    }), r[51] = O, r[52] = uW);
+    let dW = I || "", fW = L ?? 0, pW = G ?? 0, mW = R || Arrays.EMPTY, hW = L && L > 5 || false, gW;
+    r[53] !== _ || r[54] !== z || r[55] !== v || r[56] !== y || r[57] !== l || r[58] !== g || r[59] !== u || r[60] !== dW || r[61] !== fW || r[62] !== pW || r[63] !== mW || r[64] !== hW ? (gW = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
       label: null,
       className: "rounded-b border-x border-b",
-      data: pW,
+      data: dW,
       hasStableRowId: false,
-      totalRows: mW,
-      totalColumns: hW,
+      totalRows: fW,
+      totalColumns: pW,
       maxColumns: "all",
       pageSize: l,
       pagination: true,
       fieldTypes: z,
-      rowHeaders: gW,
+      rowHeaders: mW,
       showDownload: u,
       download_as: _,
       get_size_bytes: v,
@@ -16978,7 +16916,7 @@ ${c}
       showColumnSummaries: false,
       showDataTypes: true,
       get_column_summaries: getColumnSummaries,
-      showPageSizeSelector: _W,
+      showPageSizeSelector: hW,
       showColumnExplorer: false,
       showRowExplorer: true,
       showChartBuilder: false,
@@ -16987,15 +16925,15 @@ ${c}
       selection: null,
       lazy: false,
       host: y
-    }), r[53] = _, r[54] = z, r[55] = v, r[56] = y, r[57] = l, r[58] = g, r[59] = u, r[60] = pW, r[61] = mW, r[62] = hW, r[63] = gW, r[64] = _W, r[65] = vW) : vW = r[65];
-    let yW;
-    return r[66] !== dW || r[67] !== fW || r[68] !== vW ? (yW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[53] = _, r[54] = z, r[55] = v, r[56] = y, r[57] = l, r[58] = g, r[59] = u, r[60] = dW, r[61] = fW, r[62] = pW, r[63] = mW, r[64] = hW, r[65] = gW) : gW = r[65];
+    let _W;
+    return r[66] !== lW || r[67] !== uW || r[68] !== gW ? (_W = (0, import_jsx_runtime.jsxs)("div", {
       children: [
-        dW,
-        fW,
-        vW
+        lW,
+        uW,
+        gW
       ]
-    }), r[66] = dW, r[67] = fW, r[68] = vW, r[69] = yW) : yW = r[69], yW;
+    }), r[66] = lW, r[67] = uW, r[68] = gW, r[69] = _W) : _W = r[69], _W;
   });
   DataFrameComponent.displayName = "DataFrameComponent";
   function getColumnSummaries() {
@@ -17183,28 +17121,28 @@ ${c}
     }, W = [
       B
     ], r[8] = B, r[9] = H, r[10] = W), (0, import_react.useEffect)(H, W);
-    let G, q, GU, Z, qU, JU, YU, XU, ZU;
+    let G, q, UU, Z, GU, KU, qU, JU, YU;
     if (r[11] !== R || r[12] !== z || r[13] !== u || r[14] !== b || r[15] !== f || r[16] !== v || r[17] !== h || r[18] !== d || r[19] !== y || r[20] !== l || r[21] !== c) {
-      ZU = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+      YU = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
       bb0: {
-        qU = (R == null ? void 0 : R.files) ?? [];
+        GU = (R == null ? void 0 : R.files) ?? [];
         let e2;
         r[31] === c ? e2 = r[32] : (e2 = new Set(c.map(_temp$12)), r[31] = c, r[32] = e2);
         let m2 = e2, g2 = d === "directory" || d === "all", _2 = d === "file" || d === "all", w;
         r[33] !== g2 || r[34] !== _2 ? (w = (e3) => g2 && e3.is_directory || _2 && !e3.is_directory, r[33] = g2, r[34] = _2, r[35] = w) : w = r[35];
-        let T2 = qU.filter(w);
+        let T2 = GU.filter(w);
         if (G = T2.length > 0 && T2.every((e3) => m2.has(e3.path)), !R && z) {
           let e3;
           r[36] === z.message ? e3 = r[37] : (e3 = (0, import_jsx_runtime.jsx)(Banner, {
             kind: "danger",
             children: z.message
-          }), r[36] = z.message, r[37] = e3), ZU = e3;
+          }), r[36] = z.message, r[37] = e3), YU = e3;
           break bb0;
         }
         let E2;
         r[38] === u ? E2 = r[39] : (E2 = PathBuilder.guessDeliminator(u), r[38] = u, r[39] = E2), q = E2.deliminator;
         let O2;
-        r[40] === c ? O2 = r[41] : (O2 = c.map(_temp2$7), r[40] = c, r[41] = O2), YU = O2;
+        r[40] === c ? O2 = r[41] : (O2 = c.map(_temp2$7), r[40] = c, r[41] = O2), qU = O2;
         let j2;
         r[42] !== q || r[43] !== u || r[44] !== b || r[45] !== v || r[46] !== h || r[47] !== y ? (j2 = function(e3) {
           if (b) return;
@@ -17225,7 +17163,7 @@ ${c}
             return;
           }
           y(e3), S(false);
-        }, r[42] = q, r[43] = u, r[44] = b, r[45] = v, r[46] = h, r[47] = y, r[48] = j2) : j2 = r[48], XU = j2;
+        }, r[42] = q, r[43] = u, r[44] = b, r[45] = v, r[46] = h, r[47] = y, r[48] = j2) : j2 = r[48], JU = j2;
         let M2;
         r[49] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M2 = function(e3) {
           let { path: r2, name: c2, isDirectory: l2 } = e3;
@@ -17253,9 +17191,9 @@ ${c}
         let H2 = B2, W2;
         r[55] !== v || r[56] !== l || r[57] !== c ? (W2 = function() {
           l(c.filter((e3) => Paths.dirname(e3.path) !== v));
-        }, r[55] = v, r[56] = l, r[57] = c, r[58] = W2) : W2 = r[58], GU = W2, JU = function() {
+        }, r[55] = v, r[56] = l, r[57] = c, r[58] = W2) : W2 = r[58], UU = W2, KU = function() {
           let e3 = [];
-          for (let r2 of qU) {
+          for (let r2 of GU) {
             if (!g2 && r2.is_directory || m2.has(r2.path)) continue;
             let c2 = I2({
               path: r2.path,
@@ -17269,32 +17207,32 @@ ${c}
             ...e3
           ]);
         }, Z = [];
-        let QU2;
-        r[59] === XU ? QU2 = r[60] : (QU2 = () => XU(PARENT_DIRECTORY), r[59] = XU, r[60] = QU2);
-        let $U2, eW2;
-        r[61] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($U2 = (0, import_jsx_runtime.jsx)(TableCell, {
+        let XU2;
+        r[59] === JU ? XU2 = r[60] : (XU2 = () => JU(PARENT_DIRECTORY), r[59] = JU, r[60] = XU2);
+        let ZU2, QU2;
+        r[61] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ZU2 = (0, import_jsx_runtime.jsx)(TableCell, {
           className: "w-[50px] pl-4",
           children: (0, import_jsx_runtime.jsx)(CornerLeftUp, {
             size: 16
           })
-        }), eW2 = (0, import_jsx_runtime.jsx)(TableCell, {
+        }), QU2 = (0, import_jsx_runtime.jsx)(TableCell, {
           children: PARENT_DIRECTORY
-        }), r[61] = $U2, r[62] = eW2) : ($U2 = r[61], eW2 = r[62]);
-        let tW2;
-        r[63] === QU2 ? tW2 = r[64] : (tW2 = (0, import_jsx_runtime.jsxs)(TableRow, {
+        }), r[61] = ZU2, r[62] = QU2) : (ZU2 = r[61], QU2 = r[62]);
+        let $U2;
+        r[63] === XU2 ? $U2 = r[64] : ($U2 = (0, import_jsx_runtime.jsxs)(TableRow, {
           className: "hover:bg-accent select-none",
-          onClick: QU2,
+          onClick: XU2,
           children: [
-            $U2,
-            eW2
+            ZU2,
+            QU2
           ]
-        }, "Parent directory"), r[63] = QU2, r[64] = tW2), Z.push(tW2);
-        for (let e3 of qU) {
+        }, "Parent directory"), r[63] = XU2, r[64] = $U2), Z.push($U2);
+        for (let e3 of GU) {
           let r2 = e3.path;
           r2.startsWith("//") && (r2 = r2.slice(1));
           let c2 = e3.is_directory ? (e4) => {
             let { path: r3 } = e4;
-            return XU(r3);
+            return JU(r3);
           } : H2, l2 = FILE_ICON[e3.is_directory ? "directory" : guessFileIconType(e3.name)], u2 = m2.has(r2);
           Z.push((0, import_jsx_runtime.jsxs)(TableRow, {
             className: cn("hover:bg-accent group select-none", {
@@ -17326,21 +17264,21 @@ ${c}
           }, e3.id));
         }
       }
-      r[11] = R, r[12] = z, r[13] = u, r[14] = b, r[15] = f, r[16] = v, r[17] = h, r[18] = d, r[19] = y, r[20] = l, r[21] = c, r[22] = G, r[23] = q, r[24] = GU, r[25] = Z, r[26] = qU, r[27] = JU, r[28] = YU, r[29] = XU, r[30] = ZU;
-    } else G = r[22], q = r[23], GU = r[24], Z = r[25], qU = r[26], JU = r[27], YU = r[28], XU = r[29], ZU = r[30];
-    if (ZU !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return ZU;
-    let QU, $U, eW, tW, nW, rW, iW;
-    if (r[65] !== G || r[66] !== R || r[67] !== q || r[68] !== GU || r[69] !== z || r[70] !== Z || r[71] !== qU || r[72] !== u || r[73] !== B || r[74] !== m || r[75] !== f || r[76] !== v || r[77] !== h || r[78] !== JU || r[79] !== YU || r[80] !== d || r[81] !== XU || r[82] !== l || r[83] !== T || r[84] !== c.length) {
+      r[11] = R, r[12] = z, r[13] = u, r[14] = b, r[15] = f, r[16] = v, r[17] = h, r[18] = d, r[19] = y, r[20] = l, r[21] = c, r[22] = G, r[23] = q, r[24] = UU, r[25] = Z, r[26] = GU, r[27] = KU, r[28] = qU, r[29] = JU, r[30] = YU;
+    } else G = r[22], q = r[23], UU = r[24], Z = r[25], GU = r[26], KU = r[27], qU = r[28], JU = r[29], YU = r[30];
+    if (YU !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return YU;
+    let XU, ZU, QU, $U, eW, tW, nW;
+    if (r[65] !== G || r[66] !== R || r[67] !== q || r[68] !== UU || r[69] !== z || r[70] !== Z || r[71] !== GU || r[72] !== u || r[73] !== B || r[74] !== m || r[75] !== f || r[76] !== v || r[77] !== h || r[78] !== KU || r[79] !== qU || r[80] !== d || r[81] !== JU || r[82] !== l || r[83] !== T || r[84] !== c.length) {
       let { parentDirectories: e2 } = getProtocolAndParentDirectories({
         path: v,
         delimiter: q,
         initialPath: u,
         restrictNavigation: h
       }), g2 = d === "all" ? PluralWords.of("file", "folder") : d === "directory" ? PluralWords.of("folder") : PluralWords.of("file");
-      r[92] === z ? iW = r[93] : (iW = z && (0, import_jsx_runtime.jsx)(Banner, {
+      r[92] === z ? nW = r[93] : (nW = z && (0, import_jsx_runtime.jsx)(Banner, {
         kind: "danger",
         children: z.message
-      }), r[92] = z, r[93] = iW), QU = (() => {
+      }), r[92] = z, r[93] = nW), XU = (() => {
         let e3 = (0, import_jsx_runtime.jsx)(Label, {
           children: renderHTML({
             html: m ?? `Select ${g2.join(" and ", 2)}...`
@@ -17357,7 +17295,7 @@ ${c}
               children: (0, import_jsx_runtime.jsx)(Button, {
                 size: "xs",
                 variant: "link",
-                onClick: G ? GU : JU,
+                onClick: G ? UU : KU,
                 children: G ? "Deselect all" : "Select all"
               })
             })
@@ -17365,18 +17303,18 @@ ${c}
         }) : e3;
       })();
       let _2;
-      r[94] === XU ? _2 = r[95] : (_2 = (e3) => XU(e3.target.value), r[94] = XU, r[95] = _2);
+      r[94] === JU ? _2 = r[95] : (_2 = (e3) => JU(e3.target.value), r[94] = JU, r[95] = _2);
       let y2 = e2.map(_temp3$5);
-      r[96] !== v || r[97] !== _2 || r[98] !== y2 ? ($U = (0, import_jsx_runtime.jsx)(NativeSelect, {
+      r[96] !== v || r[97] !== _2 || r[98] !== y2 ? (ZU = (0, import_jsx_runtime.jsx)(NativeSelect, {
         className: "mt-2 w-full",
         placeholder: v,
         value: v,
         onChange: _2,
         children: y2
-      }), r[96] = v, r[97] = _2, r[98] = y2, r[99] = $U) : $U = r[99], r[100] !== R || r[101] !== qU ? (eW = R && typeof R.total_count == "number" && (0, import_jsx_runtime.jsx)("div", {
+      }), r[96] = v, r[97] = _2, r[98] = y2, r[99] = ZU) : ZU = r[99], r[100] !== R || r[101] !== GU ? (QU = R && typeof R.total_count == "number" && (0, import_jsx_runtime.jsx)("div", {
         className: "text-xs text-muted-foreground mt-1 px-1",
-        children: R.is_truncated ? `Showing ${qU.length} of ${R.total_count} items` : `${R.total_count} ${R.total_count === 1 ? "item" : "items"}`
-      }), r[100] = R, r[101] = qU, r[102] = eW) : eW = r[102];
+        children: R.is_truncated ? `Showing ${GU.length} of ${R.total_count} items` : `${R.total_count} ${R.total_count === 1 ? "item" : "items"}`
+      }), r[100] = R, r[101] = GU, r[102] = QU) : QU = r[102];
       let b2;
       r[103] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b2 = {
         height: "14rem"
@@ -17400,7 +17338,7 @@ ${c}
         children: (0, import_jsx_runtime.jsx)(TableBody, {
           children: Z
         })
-      }), r[106] = Z, r[107] = E2), r[108] !== B || r[109] !== S2 || r[110] !== E2 ? (tW = (0, import_jsx_runtime.jsxs)("div", {
+      }), r[106] = Z, r[107] = E2), r[108] !== B || r[109] !== S2 || r[110] !== E2 ? ($U = (0, import_jsx_runtime.jsxs)("div", {
         className: "mt-3 overflow-y-auto w-full border relative",
         style: b2,
         "aria-busy": B,
@@ -17409,7 +17347,7 @@ ${c}
           S2,
           E2
         ]
-      }), r[108] = B, r[109] = S2, r[110] = E2, r[111] = tW) : tW = r[111], nW = "mt-4", rW = c.length > 0 && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      }), r[108] = B, r[109] = S2, r[110] = E2, r[111] = $U) : $U = r[111], eW = "mt-4", tW = c.length > 0 && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [
           (0, import_jsx_runtime.jsxs)("div", {
             className: "flex items-center gap-2",
@@ -17439,28 +17377,28 @@ ${c}
                 marginBlock: 0
               },
               className: "m-0 text-xs text-muted-foreground",
-              children: YU
+              children: qU
             })
           })
         ]
-      }), r[65] = G, r[66] = R, r[67] = q, r[68] = GU, r[69] = z, r[70] = Z, r[71] = qU, r[72] = u, r[73] = B, r[74] = m, r[75] = f, r[76] = v, r[77] = h, r[78] = JU, r[79] = YU, r[80] = d, r[81] = XU, r[82] = l, r[83] = T, r[84] = c.length, r[85] = QU, r[86] = $U, r[87] = eW, r[88] = tW, r[89] = nW, r[90] = rW, r[91] = iW;
-    } else QU = r[85], $U = r[86], eW = r[87], tW = r[88], nW = r[89], rW = r[90], iW = r[91];
-    let aW;
-    r[112] !== nW || r[113] !== rW ? (aW = (0, import_jsx_runtime.jsx)("div", {
-      className: nW,
-      children: rW
-    }), r[112] = nW, r[113] = rW, r[114] = aW) : aW = r[114];
-    let oW;
-    return r[115] !== QU || r[116] !== $U || r[117] !== eW || r[118] !== tW || r[119] !== aW || r[120] !== iW ? (oW = (0, import_jsx_runtime.jsxs)("div", {
+      }), r[65] = G, r[66] = R, r[67] = q, r[68] = UU, r[69] = z, r[70] = Z, r[71] = GU, r[72] = u, r[73] = B, r[74] = m, r[75] = f, r[76] = v, r[77] = h, r[78] = KU, r[79] = qU, r[80] = d, r[81] = JU, r[82] = l, r[83] = T, r[84] = c.length, r[85] = XU, r[86] = ZU, r[87] = QU, r[88] = $U, r[89] = eW, r[90] = tW, r[91] = nW;
+    } else XU = r[85], ZU = r[86], QU = r[87], $U = r[88], eW = r[89], tW = r[90], nW = r[91];
+    let rW;
+    r[112] !== eW || r[113] !== tW ? (rW = (0, import_jsx_runtime.jsx)("div", {
+      className: eW,
+      children: tW
+    }), r[112] = eW, r[113] = tW, r[114] = rW) : rW = r[114];
+    let iW;
+    return r[115] !== XU || r[116] !== ZU || r[117] !== QU || r[118] !== $U || r[119] !== rW || r[120] !== nW ? (iW = (0, import_jsx_runtime.jsxs)("div", {
       children: [
-        iW,
+        nW,
+        XU,
+        ZU,
         QU,
         $U,
-        eW,
-        tW,
-        aW
+        rW
       ]
-    }), r[115] = QU, r[116] = $U, r[117] = eW, r[118] = tW, r[119] = aW, r[120] = iW, r[121] = oW) : oW = r[121], oW;
+    }), r[115] = XU, r[116] = ZU, r[117] = QU, r[118] = $U, r[119] = rW, r[120] = nW, r[121] = iW) : iW = r[121], iW;
   };
   function _temp$12(e) {
     return e.path;
@@ -22850,55 +22788,55 @@ ${c}
       return typeof S == "function" ? S : noop$2;
     }, [
       S
-    ]), q = (0, import_react.useRef)(null), GU = (0, import_react.useRef)(null), Z = _slicedToArray((0, import_react.useReducer)(reducer$2, initialState), 2), KU = Z[0], qU = Z[1], JU = KU.isFocused, YU = KU.isFileDialogActive, XU = (0, import_react.useRef)(typeof window < "u" && window.isSecureContext && T && canUseFileSystemAccessAPI()), ZU = function() {
-      !XU.current && YU && setTimeout(function() {
-        GU.current && (GU.current.files.length || (qU({
+    ]), q = (0, import_react.useRef)(null), UU = (0, import_react.useRef)(null), Z = _slicedToArray((0, import_react.useReducer)(reducer$2, initialState), 2), WU = Z[0], GU = Z[1], KU = WU.isFocused, qU = WU.isFileDialogActive, JU = (0, import_react.useRef)(typeof window < "u" && window.isSecureContext && T && canUseFileSystemAccessAPI()), YU = function() {
+      !JU.current && qU && setTimeout(function() {
+        UU.current && (UU.current.files.length || (GU({
           type: "closeDialog"
         }), G()));
       }, 300);
     };
     (0, import_react.useEffect)(function() {
-      return window.addEventListener("focus", ZU, false), function() {
-        window.removeEventListener("focus", ZU, false);
+      return window.addEventListener("focus", YU, false), function() {
+        window.removeEventListener("focus", YU, false);
       };
     }, [
-      GU,
-      YU,
+      UU,
+      qU,
       G,
-      XU
+      JU
     ]);
-    var QU = (0, import_react.useRef)([]), $U = (0, import_react.useRef)([]), eW = function(e2) {
-      q.current && q.current.contains(e2.target) || (e2.preventDefault(), QU.current = []);
+    var XU = (0, import_react.useRef)([]), ZU = (0, import_react.useRef)([]), QU = function(e2) {
+      q.current && q.current.contains(e2.target) || (e2.preventDefault(), XU.current = []);
     };
     (0, import_react.useEffect)(function() {
-      return O && (document.addEventListener("dragover", onDocumentDragOver, false), document.addEventListener("drop", eW, false)), function() {
-        O && (document.removeEventListener("dragover", onDocumentDragOver), document.removeEventListener("drop", eW));
+      return O && (document.addEventListener("dragover", onDocumentDragOver, false), document.addEventListener("drop", QU, false)), function() {
+        O && (document.removeEventListener("dragover", onDocumentDragOver), document.removeEventListener("drop", QU));
       };
     }, [
       q,
       O
     ]), (0, import_react.useEffect)(function() {
       var e2 = function(e3) {
-        $U.current = [].concat(_toConsumableArray($U.current), [
+        ZU.current = [].concat(_toConsumableArray(ZU.current), [
           e3.target
-        ]), isEvtWithFiles(e3) && qU({
+        ]), isEvtWithFiles(e3) && GU({
           isDragGlobal: true,
           type: "setDragGlobal"
         });
       }, r2 = function(e3) {
-        $U.current = $U.current.filter(function(r3) {
+        ZU.current = ZU.current.filter(function(r3) {
           return r3 !== e3.target && r3 !== null;
-        }), !($U.current.length > 0) && qU({
+        }), !(ZU.current.length > 0) && GU({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
       }, c2 = function() {
-        $U.current = [], qU({
+        ZU.current = [], GU({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
       }, l2 = function() {
-        $U.current = [], qU({
+        ZU.current = [], GU({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
@@ -22916,12 +22854,12 @@ ${c}
       E,
       l
     ]);
-    var tW = (0, import_react.useCallback)(function(e2) {
+    var $U = (0, import_react.useCallback)(function(e2) {
       R ? R(e2) : console.error(e2);
     }, [
       R
-    ]), nW = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), hW(e2), QU.current = [].concat(_toConsumableArray(QU.current), [
+    ]), eW = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), pW(e2), XU.current = [].concat(_toConsumableArray(XU.current), [
         e2.target
       ]), isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
         if (!(isPropagationStopped(e2) && !L)) {
@@ -22934,7 +22872,7 @@ ${c}
             maxFiles: m,
             validator: z
           });
-          qU({
+          GU({
             isDragAccept: l2,
             isDragReject: c2 > 0 && !l2,
             isDragActive: true,
@@ -22942,12 +22880,12 @@ ${c}
           }), h && h(e2);
         }
       }).catch(function(e3) {
-        return tW(e3);
+        return $U(e3);
       });
     }, [
       u,
       h,
-      tW,
+      $U,
       L,
       B,
       f,
@@ -22955,8 +22893,8 @@ ${c}
       p,
       m,
       z
-    ]), rW = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), hW(e2);
+    ]), tW = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), pW(e2);
       var r2 = isEvtWithFiles(e2);
       if (r2 && e2.dataTransfer) try {
         e2.dataTransfer.dropEffect = "copy";
@@ -22966,12 +22904,12 @@ ${c}
     }, [
       _,
       L
-    ]), iW = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), hW(e2);
-      var r2 = QU.current.filter(function(e3) {
+    ]), nW = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), pW(e2);
+      var r2 = XU.current.filter(function(e3) {
         return q.current && q.current.contains(e3);
       }), c2 = r2.indexOf(e2.target);
-      c2 !== -1 && r2.splice(c2, 1), QU.current = r2, !(r2.length > 0) && (qU({
+      c2 !== -1 && r2.splice(c2, 1), XU.current = r2, !(r2.length > 0) && (GU({
         type: "setDraggedFiles",
         isDragActive: false,
         isDragAccept: false,
@@ -22981,7 +22919,7 @@ ${c}
       q,
       g,
       L
-    ]), aW = (0, import_react.useCallback)(function(e2, r2) {
+    ]), rW = (0, import_react.useCallback)(function(e2, r2) {
       var c2 = [], l2 = [];
       e2.forEach(function(e3) {
         var r3 = _slicedToArray(fileAccepted(e3, B), 2), u2 = r3[0], p2 = r3[1], m2 = _slicedToArray(fileMatchSize(e3, f, d), 2), h2 = m2[0], g2 = m2[1], _2 = z ? z(e3) : null;
@@ -23005,14 +22943,14 @@ ${c}
             TOO_MANY_FILES_REJECTION
           ]
         });
-      }), c2.splice(0)), qU({
+      }), c2.splice(0)), GU({
         acceptedFiles: c2,
         fileRejections: l2,
         isDragReject: l2.length > 0,
         type: "setFiles"
       }), v && v(c2, l2, r2), l2.length > 0 && b && b(l2, r2), c2.length > 0 && y && y(c2, r2);
     }, [
-      qU,
+      GU,
       p,
       B,
       f,
@@ -23022,22 +22960,22 @@ ${c}
       y,
       b,
       z
-    ]), oW = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), hW(e2), QU.current = [], isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
-        isPropagationStopped(e2) && !L || aW(r2, e2);
+    ]), iW = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), pW(e2), XU.current = [], isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
+        isPropagationStopped(e2) && !L || rW(r2, e2);
       }).catch(function(e3) {
-        return tW(e3);
-      }), qU({
+        return $U(e3);
+      }), GU({
         type: "reset"
       });
     }, [
       u,
-      aW,
-      tW,
+      rW,
+      $U,
       L
-    ]), sW = (0, import_react.useCallback)(function() {
-      if (XU.current) {
-        qU({
+    ]), aW = (0, import_react.useCallback)(function() {
+      if (JU.current) {
+        GU({
           type: "openDialog"
         }), W();
         var e2 = {
@@ -23047,66 +22985,66 @@ ${c}
         window.showOpenFilePicker(e2).then(function(e3) {
           return u(e3);
         }).then(function(e3) {
-          aW(e3, null), qU({
+          rW(e3, null), GU({
             type: "closeDialog"
           });
         }).catch(function(e3) {
-          isAbort(e3) ? (G(e3), qU({
+          isAbort(e3) ? (G(e3), GU({
             type: "closeDialog"
-          })) : isSecurityError(e3) ? (XU.current = false, GU.current ? (GU.current.value = null, GU.current.click()) : tW(Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))) : tW(e3);
+          })) : isSecurityError(e3) ? (JU.current = false, UU.current ? (UU.current.value = null, UU.current.click()) : $U(Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))) : $U(e3);
         });
         return;
       }
-      GU.current && (qU({
+      UU.current && (GU({
         type: "openDialog"
-      }), W(), GU.current.value = null, GU.current.click());
+      }), W(), UU.current.value = null, UU.current.click());
     }, [
-      qU,
+      GU,
       W,
       G,
       T,
-      aW,
-      tW,
+      rW,
+      $U,
       H,
       p
-    ]), cW = (0, import_react.useCallback)(function(e2) {
-      !q.current || !q.current.isEqualNode(e2.target) || (e2.key === " " || e2.key === "Enter" || e2.keyCode === 32 || e2.keyCode === 13) && (e2.preventDefault(), sW());
+    ]), oW = (0, import_react.useCallback)(function(e2) {
+      !q.current || !q.current.isEqualNode(e2.target) || (e2.key === " " || e2.key === "Enter" || e2.keyCode === 32 || e2.keyCode === 13) && (e2.preventDefault(), aW());
     }, [
       q,
-      sW
-    ]), lW = (0, import_react.useCallback)(function() {
-      qU({
+      aW
+    ]), sW = (0, import_react.useCallback)(function() {
+      GU({
         type: "focus"
       });
-    }, []), uW = (0, import_react.useCallback)(function() {
-      qU({
+    }, []), cW = (0, import_react.useCallback)(function() {
+      GU({
         type: "blur"
       });
-    }, []), dW = (0, import_react.useCallback)(function() {
-      j || (isIeOrEdge() ? setTimeout(sW, 0) : sW());
+    }, []), lW = (0, import_react.useCallback)(function() {
+      j || (isIeOrEdge() ? setTimeout(aW, 0) : aW());
     }, [
       j,
-      sW
-    ]), fW = function(e2) {
+      aW
+    ]), uW = function(e2) {
       return l ? null : e2;
+    }, dW = function(e2) {
+      return M ? null : uW(e2);
+    }, fW = function(e2) {
+      return I ? null : uW(e2);
     }, pW = function(e2) {
-      return M ? null : fW(e2);
-    }, mW = function(e2) {
-      return I ? null : fW(e2);
-    }, hW = function(e2) {
       L && e2.stopPropagation();
-    }, gW = (0, import_react.useMemo)(function() {
+    }, mW = (0, import_react.useMemo)(function() {
       return function() {
         var e2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, r2 = e2.refKey, c2 = r2 === void 0 ? "ref" : r2, u2 = e2.role, d2 = e2.onKeyDown, f2 = e2.onFocus, p2 = e2.onBlur, m2 = e2.onClick, h2 = e2.onDragEnter, g2 = e2.onDragOver, _2 = e2.onDragLeave, v2 = e2.onDrop, y2 = _objectWithoutProperties$2(e2, _excluded3);
         return _objectSpread$7(_objectSpread$7(_defineProperty$10({
-          onKeyDown: pW(composeEventHandlers(d2, cW)),
-          onFocus: pW(composeEventHandlers(f2, lW)),
-          onBlur: pW(composeEventHandlers(p2, uW)),
-          onClick: fW(composeEventHandlers(m2, dW)),
-          onDragEnter: mW(composeEventHandlers(h2, nW)),
-          onDragOver: mW(composeEventHandlers(g2, rW)),
-          onDragLeave: mW(composeEventHandlers(_2, iW)),
-          onDrop: mW(composeEventHandlers(v2, oW)),
+          onKeyDown: dW(composeEventHandlers(d2, oW)),
+          onFocus: dW(composeEventHandlers(f2, sW)),
+          onBlur: dW(composeEventHandlers(p2, cW)),
+          onClick: uW(composeEventHandlers(m2, lW)),
+          onDragEnter: fW(composeEventHandlers(h2, eW)),
+          onDragOver: fW(composeEventHandlers(g2, tW)),
+          onDragLeave: fW(composeEventHandlers(_2, nW)),
+          onDrop: fW(composeEventHandlers(v2, iW)),
           role: typeof u2 == "string" && u2 !== "" ? u2 : "presentation"
         }, c2, q), !l && !M ? {
           tabIndex: 0
@@ -23114,20 +23052,20 @@ ${c}
       };
     }, [
       q,
+      oW,
+      sW,
       cW,
       lW,
-      uW,
-      dW,
+      eW,
+      tW,
       nW,
-      rW,
       iW,
-      oW,
       M,
       I,
       l
-    ]), _W = (0, import_react.useCallback)(function(e2) {
+    ]), hW = (0, import_react.useCallback)(function(e2) {
       e2.stopPropagation();
-    }, []), vW = (0, import_react.useMemo)(function() {
+    }, []), gW = (0, import_react.useMemo)(function() {
       return function() {
         var e2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, r2 = e2.refKey, c2 = r2 === void 0 ? "ref" : r2, l2 = e2.onChange, u2 = e2.onClick, d2 = _objectWithoutProperties$2(e2, _excluded4);
         return _objectSpread$7(_objectSpread$7({}, _defineProperty$10({
@@ -23146,25 +23084,25 @@ ${c}
             width: "1px",
             whiteSpace: "nowrap"
           },
-          onChange: fW(composeEventHandlers(l2, oW)),
-          onClick: fW(composeEventHandlers(u2, _W)),
+          onChange: uW(composeEventHandlers(l2, iW)),
+          onClick: uW(composeEventHandlers(u2, hW)),
           tabIndex: -1
-        }, c2, GU)), d2);
+        }, c2, UU)), d2);
       };
     }, [
-      GU,
+      UU,
       c,
       p,
-      oW,
+      iW,
       l
     ]);
-    return _objectSpread$7(_objectSpread$7({}, KU), {}, {
-      isFocused: JU && !l,
-      getRootProps: gW,
-      getInputProps: vW,
+    return _objectSpread$7(_objectSpread$7({}, WU), {}, {
+      isFocused: KU && !l,
+      getRootProps: mW,
+      getInputProps: gW,
       rootRef: q,
-      inputRef: GU,
-      open: fW(sW)
+      inputRef: UU,
+      open: uW(aW)
     });
   }
   function reducer$2(e, r) {
@@ -23396,47 +23334,47 @@ ${c}
         html: I
       })
     }), r[45] = I, r[46] = M, r[47] = G) : G = r[47];
-    let q = w && "text-primary", GU = T && "text-destructive", Z;
-    r[48] !== q || r[49] !== GU ? (Z = cn(q, GU), r[48] = q, r[49] = GU, r[50] = Z) : Z = r[50];
-    let KU;
-    r[51] === Z ? KU = r[52] : (KU = (0, import_jsx_runtime.jsx)(Upload, {
+    let q = w && "text-primary", UU = T && "text-destructive", Z;
+    r[48] !== q || r[49] !== UU ? (Z = cn(q, UU), r[48] = q, r[49] = UU, r[50] = Z) : Z = r[50];
+    let WU;
+    r[51] === Z ? WU = r[52] : (WU = (0, import_jsx_runtime.jsx)(Upload, {
       strokeWidth: 1.4,
       className: Z
-    }), r[51] = Z, r[52] = KU);
-    let qU = w && "text-primary", JU = T && "text-destructive", YU;
-    r[53] !== qU || r[54] !== JU ? (YU = cn(qU, JU), r[53] = qU, r[54] = JU, r[55] = YU) : YU = r[55];
-    let XU;
-    r[56] === YU ? XU = r[57] : (XU = (0, import_jsx_runtime.jsx)(SquareDashedMousePointer, {
+    }), r[51] = Z, r[52] = WU);
+    let GU = w && "text-primary", KU = T && "text-destructive", qU;
+    r[53] !== GU || r[54] !== KU ? (qU = cn(GU, KU), r[53] = GU, r[54] = KU, r[55] = qU) : qU = r[55];
+    let JU;
+    r[56] === qU ? JU = r[57] : (JU = (0, import_jsx_runtime.jsx)(SquareDashedMousePointer, {
       strokeWidth: 1.4,
-      className: YU
-    }), r[56] = YU, r[57] = XU);
-    let ZU;
-    r[58] !== KU || r[59] !== XU ? (ZU = (0, import_jsx_runtime.jsxs)("div", {
+      className: qU
+    }), r[56] = qU, r[57] = JU);
+    let YU;
+    r[58] !== WU || r[59] !== JU ? (YU = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-row items-center justify-center grow gap-3",
       children: [
-        KU,
-        XU
+        WU,
+        JU
       ]
-    }), r[58] = KU, r[59] = XU, r[60] = ZU) : ZU = r[60];
-    let QU;
-    r[61] !== G || r[62] !== ZU ? (QU = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[58] = WU, r[59] = JU, r[60] = YU) : YU = r[60];
+    let XU;
+    r[61] !== G || r[62] !== YU ? (XU = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-col items-center justify-center grow gap-3",
       children: [
         G,
-        ZU
+        YU
       ]
-    }), r[61] = G, r[62] = ZU, r[63] = QU) : QU = r[63];
-    let $U;
-    r[64] !== W || r[65] !== QU || r[66] !== z || r[67] !== B ? ($U = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[61] = G, r[62] = YU, r[63] = XU) : XU = r[63];
+    let ZU;
+    r[64] !== W || r[65] !== XU || r[66] !== z || r[67] !== B ? (ZU = (0, import_jsx_runtime.jsxs)("div", {
       className: z,
       ...B,
       children: [
         W,
-        QU
+        XU
       ]
-    }), r[64] = W, r[65] = QU, r[66] = z, r[67] = B, r[68] = $U) : $U = r[68];
-    let eW;
-    r[69] !== f || r[70] !== u || r[71] !== M || r[72] !== j || r[73] !== m.length ? (eW = M ? (0, import_jsx_runtime.jsxs)("div", {
+    }), r[64] = W, r[65] = XU, r[66] = z, r[67] = B, r[68] = ZU) : ZU = r[68];
+    let QU;
+    r[69] !== f || r[70] !== u || r[71] !== M || r[72] !== j || r[73] !== m.length ? (QU = M ? (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-row gap-1",
       children: [
         (0, import_jsx_runtime.jsxs)("div", {
@@ -23472,17 +23410,17 @@ ${c}
           })
         })
       ]
-    }) : null, r[69] = f, r[70] = u, r[71] = M, r[72] = j, r[73] = m.length, r[74] = eW) : eW = r[74];
-    let tW;
-    return r[75] !== $U || r[76] !== eW ? (tW = (0, import_jsx_runtime.jsx)("section", {
+    }) : null, r[69] = f, r[70] = u, r[71] = M, r[72] = j, r[73] = m.length, r[74] = QU) : QU = r[74];
+    let $U;
+    return r[75] !== ZU || r[76] !== QU ? ($U = (0, import_jsx_runtime.jsx)("section", {
       children: (0, import_jsx_runtime.jsxs)("div", {
         className: "flex flex-col items-start justify-start grow gap-3",
         children: [
-          $U,
-          eW
+          ZU,
+          QU
         ]
       })
-    }), r[75] = $U, r[76] = eW, r[77] = tW) : tW = r[77], tW;
+    }), r[75] = ZU, r[76] = QU, r[77] = $U) : $U = r[77], $U;
   };
   function _temp$11(e) {
     Logger.error(e), toast({
@@ -23578,75 +23516,75 @@ ${c}
     r[10] !== u || r[11] !== d ? (q = (e2) => {
       e2.key === "Enter" && (e2.ctrlKey || e2.metaKey) && (e2.preventDefault(), e2.stopPropagation(), d(u));
     }, r[10] = u, r[11] = d, r[12] = q) : q = r[12];
-    let GU;
-    r[13] === f ? GU = r[14] : (GU = f === null ? null : (0, import_jsx_runtime.jsx)("div", {
+    let UU;
+    r[13] === f ? UU = r[14] : (UU = f === null ? null : (0, import_jsx_runtime.jsx)("div", {
       className: "text-center",
       children: renderHTML({
         html: f
       })
-    }), r[13] = f, r[14] = GU);
+    }), r[13] = f, r[14] = UU);
     let Z;
     r[15] === L ? Z = r[16] : (Z = L != null && (0, import_jsx_runtime.jsx)(Banner, {
       kind: "danger",
       className: "rounded",
       children: L ?? "Invalid input"
     }), r[15] = L, r[16] = Z);
-    let KU;
-    r[17] === c ? KU = r[18] : (KU = (0, import_jsx_runtime.jsx)("div", {
+    let WU;
+    r[17] === c ? WU = r[18] : (WU = (0, import_jsx_runtime.jsx)("div", {
       children: c
-    }), r[17] = c, r[18] = KU);
-    let qU;
-    r[19] !== S || r[20] !== T || r[21] !== b ? (qU = b && withTooltip((0, import_jsx_runtime.jsx)(Button, {
+    }), r[17] = c, r[18] = WU);
+    let GU;
+    r[19] !== S || r[20] !== T || r[21] !== b ? (GU = b && withTooltip((0, import_jsx_runtime.jsx)(Button, {
       "data-testid": "marimo-plugin-form-clear-button",
       variant: "text",
       onClick: (e2) => {
         e2.preventDefault(), B();
       },
       children: S
-    }), T), r[19] = S, r[20] = T, r[21] = b, r[22] = qU) : qU = r[22];
-    let JU = v || h, YU;
-    r[23] === h ? YU = r[24] : (YU = h && (0, import_jsx_runtime.jsx)(LoaderCircle, {
+    }), T), r[19] = S, r[20] = T, r[21] = b, r[22] = GU) : GU = r[22];
+    let KU = v || h, qU;
+    r[23] === h ? qU = r[24] : (qU = h && (0, import_jsx_runtime.jsx)(LoaderCircle, {
       className: "h-4 w-4 mr-2 animate-spin"
-    }), r[23] = h, r[24] = YU);
-    let XU;
-    r[25] !== g || r[26] !== JU || r[27] !== YU || r[28] !== I ? (XU = (0, import_jsx_runtime.jsxs)(Button, {
+    }), r[23] = h, r[24] = qU);
+    let JU;
+    r[25] !== g || r[26] !== KU || r[27] !== qU || r[28] !== I ? (JU = (0, import_jsx_runtime.jsxs)(Button, {
       "data-testid": "marimo-plugin-form-submit-button",
       variant: I,
-      disabled: JU,
+      disabled: KU,
       type: "submit",
       children: [
-        YU,
+        qU,
         g
       ]
-    }), r[25] = g, r[26] = JU, r[27] = YU, r[28] = I, r[29] = XU) : XU = r[29];
-    let ZU;
-    r[30] !== _ || r[31] !== XU ? (ZU = withTooltip(XU, _), r[30] = _, r[31] = XU, r[32] = ZU) : ZU = r[32];
-    let QU;
-    r[33] !== ZU || r[34] !== qU ? (QU = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[25] = g, r[26] = KU, r[27] = qU, r[28] = I, r[29] = JU) : JU = r[29];
+    let YU;
+    r[30] !== _ || r[31] !== JU ? (YU = withTooltip(JU, _), r[30] = _, r[31] = JU, r[32] = YU) : YU = r[32];
+    let XU;
+    r[33] !== YU || r[34] !== GU ? (XU = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex justify-end gap-2 font-code",
       children: [
-        qU,
-        ZU
+        GU,
+        YU
       ]
-    }), r[33] = ZU, r[34] = qU, r[35] = QU) : QU = r[35];
-    let $U;
-    r[36] !== QU || r[37] !== G || r[38] !== q || r[39] !== GU || r[40] !== Z || r[41] !== KU ? ($U = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[33] = YU, r[34] = GU, r[35] = XU) : XU = r[35];
+    let ZU;
+    r[36] !== XU || r[37] !== G || r[38] !== q || r[39] !== UU || r[40] !== Z || r[41] !== WU ? (ZU = (0, import_jsx_runtime.jsxs)("div", {
       className: G,
       onKeyDown: q,
       children: [
-        GU,
+        UU,
         Z,
-        KU,
-        QU
+        WU,
+        XU
       ]
-    }), r[36] = QU, r[37] = G, r[38] = q, r[39] = GU, r[40] = Z, r[41] = KU, r[42] = $U) : $U = r[42];
-    let eW;
-    return r[43] !== $U || r[44] !== H ? (eW = (0, import_jsx_runtime.jsx)("form", {
+    }), r[36] = XU, r[37] = G, r[38] = q, r[39] = UU, r[40] = Z, r[41] = WU, r[42] = ZU) : ZU = r[42];
+    let QU;
+    return r[43] !== ZU || r[44] !== H ? (QU = (0, import_jsx_runtime.jsx)("form", {
       className: "contents",
       ref: j,
       onSubmit: H,
-      children: $U
-    }), r[43] = $U, r[44] = H, r[45] = eW) : eW = r[45], eW;
+      children: ZU
+    }), r[43] = ZU, r[44] = H, r[45] = QU) : QU = r[45], QU;
   };
   var Form = (e) => {
     let r = (0, import_compiler_runtime$43.c)(24), c, l, u, d, f, p;
@@ -25406,8 +25344,8 @@ ${c}
         points: extractSunburstPoints(e2.points)
       }));
     }, r[29] = u, r[30] = G);
-    let q = useEvent_default(G), GU;
-    r[31] === u ? GU = r[32] : (GU = (e2) => {
+    let q = useEvent_default(G), UU;
+    r[31] === u ? UU = r[32] : (UU = (e2) => {
       if (!e2 || !shouldHandleClickSelection(e2.points)) return;
       let r2 = extractPoints(e2.points), c2 = extractIndices(e2.points);
       u((e3) => ({
@@ -25418,9 +25356,9 @@ ${c}
         points: r2,
         indices: c2
       }));
-    }, r[31] = u, r[32] = GU);
-    let Z = useEvent_default(GU), KU;
-    r[33] === u ? KU = r[34] : (KU = (e2) => {
+    }, r[31] = u, r[32] = UU);
+    let Z = useEvent_default(UU), WU;
+    r[33] === u ? WU = r[34] : (WU = (e2) => {
       e2 && u((r2) => ({
         ...r2,
         selections: "selections" in e2 ? e2.selections : [],
@@ -25429,9 +25367,9 @@ ${c}
         range: e2.range,
         lasso: "lassoPoints" in e2 ? e2.lassoPoints : void 0
       }));
-    }, r[33] = u, r[34] = KU);
-    let qU = useEvent_default(KU), JU = m.frames ?? void 0, YU = useEvent_default(_temp3$3), XU;
-    return r[35] !== m || r[36] !== h || r[37] !== L || r[38] !== B || r[39] !== W || r[40] !== q || r[41] !== Z || r[42] !== qU || r[43] !== JU || r[44] !== YU || r[45] !== R ? (XU = (0, import_jsx_runtime.jsx)(LazyPlot, {
+    }, r[33] = u, r[34] = WU);
+    let GU = useEvent_default(WU), KU = m.frames ?? void 0, qU = useEvent_default(_temp3$3), JU;
+    return r[35] !== m || r[36] !== h || r[37] !== L || r[38] !== B || r[39] !== W || r[40] !== q || r[41] !== Z || r[42] !== GU || r[43] !== KU || r[44] !== qU || r[45] !== R ? (JU = (0, import_jsx_runtime.jsx)(LazyPlot, {
       ...m,
       layout: h,
       onRelayout: R,
@@ -25440,12 +25378,12 @@ ${c}
       onSunburstClick: q,
       config: L,
       onClick: Z,
-      onSelected: qU,
+      onSelected: GU,
       className: "w-full",
       useResizeHandler: true,
-      frames: JU,
-      onError: YU
-    }), r[35] = m, r[36] = h, r[37] = L, r[38] = B, r[39] = W, r[40] = q, r[41] = Z, r[42] = qU, r[43] = JU, r[44] = YU, r[45] = R, r[46] = XU) : XU = r[46], XU;
+      frames: KU,
+      onError: qU
+    }), r[35] = m, r[36] = h, r[37] = L, r[38] = B, r[39] = W, r[40] = q, r[41] = Z, r[42] = GU, r[43] = KU, r[44] = qU, r[45] = R, r[46] = JU) : JU = r[46], JU;
   });
   PlotlyComponent.displayName = "PlotlyComponent";
   function _temp$8(e) {
@@ -25577,8 +25515,8 @@ ${c}
     c[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = cn("relative grow overflow-hidden rounded-full bg-slate-200 dark:bg-accent/60", "data-[orientation=horizontal]:h-2 data-[orientation=horizontal]:w-full", "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2"), c[17] = G) : G = c[17];
     let q;
     c[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (q = cn("absolute bg-blue-500 dark:bg-primary", "data-[orientation=horizontal]:h-full", "data-[orientation=vertical]:w-full", "data-disabled:opacity-50", "hover:cursor-grab active:cursor-grabbing"), c[18] = q) : q = c[18];
-    let GU;
-    c[19] !== L || c[20] !== z || c[21] !== H ? (GU = (0, import_jsx_runtime.jsx)(Track, {
+    let UU;
+    c[19] !== L || c[20] !== z || c[21] !== H ? (UU = (0, import_jsx_runtime.jsx)(Track, {
       ref: E,
       "data-testid": "track",
       className: G,
@@ -25589,7 +25527,7 @@ ${c}
         onPointerMove: z,
         onPointerUp: H
       })
-    }), c[19] = L, c[20] = z, c[21] = H, c[22] = GU) : GU = c[22];
+    }), c[19] = L, c[20] = z, c[21] = H, c[22] = UU) : UU = c[22];
     let Z;
     c[23] !== m.setFalse || c[24] !== m.setTrue ? (Z = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
       asChild: true,
@@ -25602,29 +25540,29 @@ ${c}
         onMouseLeave: m.setFalse
       })
     }), c[23] = m.setFalse, c[24] = m.setTrue, c[25] = Z) : Z = c[25];
-    let KU;
-    c[26] !== h || c[27] !== u.value || c[28] !== d ? (KU = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
+    let WU;
+    c[26] !== h || c[27] !== u.value || c[28] !== d ? (WU = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
       children: prettyScientificNumber(d(u.value[0]), {
         locale: h
       })
-    }, u.value[0]), c[26] = h, c[27] = u.value, c[28] = d, c[29] = KU) : KU = c[29];
-    let qU;
-    c[30] === KU ? qU = c[31] : (qU = (0, import_jsx_runtime.jsx)(TooltipPortal, {
-      children: KU
-    }), c[30] = KU, c[31] = qU);
-    let JU;
-    c[32] !== f || c[33] !== Z || c[34] !== qU ? (JU = (0, import_jsx_runtime.jsx)(TooltipProvider, {
+    }, u.value[0]), c[26] = h, c[27] = u.value, c[28] = d, c[29] = WU) : WU = c[29];
+    let GU;
+    c[30] === WU ? GU = c[31] : (GU = (0, import_jsx_runtime.jsx)(TooltipPortal, {
+      children: WU
+    }), c[30] = WU, c[31] = GU);
+    let KU;
+    c[32] !== f || c[33] !== Z || c[34] !== GU ? (KU = (0, import_jsx_runtime.jsx)(TooltipProvider, {
       children: (0, import_jsx_runtime.jsxs)(TooltipRoot, {
         delayDuration: 0,
         open: f,
         children: [
           Z,
-          qU
+          GU
         ]
       })
-    }), c[32] = f, c[33] = Z, c[34] = qU, c[35] = JU) : JU = c[35];
-    let YU;
-    c[36] !== m.setFalse || c[37] !== m.setTrue ? (YU = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
+    }), c[32] = f, c[33] = Z, c[34] = GU, c[35] = KU) : KU = c[35];
+    let qU;
+    c[36] !== m.setFalse || c[37] !== m.setTrue ? (qU = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsx)(Thumb, {
         "data-testid": "thumb",
@@ -25634,39 +25572,39 @@ ${c}
         onMouseEnter: m.setTrue,
         onMouseLeave: m.setFalse
       })
-    }), c[36] = m.setFalse, c[37] = m.setTrue, c[38] = YU) : YU = c[38];
-    let XU;
-    c[39] !== h || c[40] !== u.value || c[41] !== d ? (XU = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
+    }), c[36] = m.setFalse, c[37] = m.setTrue, c[38] = qU) : qU = c[38];
+    let JU;
+    c[39] !== h || c[40] !== u.value || c[41] !== d ? (JU = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
       children: prettyScientificNumber(d(u.value[1]), {
         locale: h
       })
-    }, u.value[1]), c[39] = h, c[40] = u.value, c[41] = d, c[42] = XU) : XU = c[42];
-    let ZU;
-    c[43] === XU ? ZU = c[44] : (ZU = (0, import_jsx_runtime.jsx)(TooltipPortal, {
-      children: XU
-    }), c[43] = XU, c[44] = ZU);
-    let QU;
-    c[45] !== f || c[46] !== YU || c[47] !== ZU ? (QU = (0, import_jsx_runtime.jsx)(TooltipProvider, {
+    }, u.value[1]), c[39] = h, c[40] = u.value, c[41] = d, c[42] = JU) : JU = c[42];
+    let YU;
+    c[43] === JU ? YU = c[44] : (YU = (0, import_jsx_runtime.jsx)(TooltipPortal, {
+      children: JU
+    }), c[43] = JU, c[44] = YU);
+    let XU;
+    c[45] !== f || c[46] !== qU || c[47] !== YU ? (XU = (0, import_jsx_runtime.jsx)(TooltipProvider, {
       children: (0, import_jsx_runtime.jsxs)(TooltipRoot, {
         delayDuration: 0,
         open: f,
         children: [
-          YU,
-          ZU
+          qU,
+          YU
         ]
       })
-    }), c[45] = f, c[46] = YU, c[47] = ZU, c[48] = QU) : QU = c[48];
-    let $U;
-    return c[49] !== M || c[50] !== u || c[51] !== GU || c[52] !== JU || c[53] !== QU || c[54] !== W ? ($U = (0, import_jsx_runtime.jsxs)(Root, {
+    }), c[45] = f, c[46] = qU, c[47] = YU, c[48] = XU) : XU = c[48];
+    let ZU;
+    return c[49] !== M || c[50] !== u || c[51] !== UU || c[52] !== KU || c[53] !== XU || c[54] !== W ? (ZU = (0, import_jsx_runtime.jsxs)(Root, {
       ref: M,
       className: W,
       ...u,
       children: [
-        GU,
-        JU,
-        QU
+        UU,
+        KU,
+        XU
       ]
-    }), c[49] = M, c[50] = u, c[51] = GU, c[52] = JU, c[53] = QU, c[54] = W, c[55] = $U) : $U = c[55], $U;
+    }), c[49] = M, c[50] = u, c[51] = UU, c[52] = KU, c[53] = XU, c[54] = W, c[55] = ZU) : ZU = c[55], ZU;
   });
   RangeSlider.displayName = Root.displayName;
   var import_compiler_runtime$31 = require_compiler_runtime(), RangeSliderPlugin = class {
@@ -25717,14 +25655,14 @@ ${c}
     }, q = (e2) => {
       h && l(e2);
     }, r[10] = h, r[11] = l, r[12] = G, r[13] = q) : (G = r[12], q = r[13]);
-    let GU, Z;
-    r[14] !== h || r[15] !== T || r[16] !== l || r[17] !== u ? (GU = () => {
+    let UU, Z;
+    r[14] !== h || r[15] !== T || r[16] !== l || r[17] !== u ? (UU = () => {
       h && !dequal(T, u) && l(T);
     }, Z = () => {
       h && !dequal(T, u) && l(T);
-    }, r[14] = h, r[15] = T, r[16] = l, r[17] = u, r[18] = GU, r[19] = Z) : (GU = r[18], Z = r[19]);
-    let KU;
-    r[20] !== y || r[21] !== S || r[22] !== T || r[23] !== g || r[24] !== d || r[25] !== m || r[26] !== f || r[27] !== W || r[28] !== G || r[29] !== q || r[30] !== GU || r[31] !== Z || r[32] !== b ? (KU = (0, import_jsx_runtime.jsx)(RangeSlider, {
+    }, r[14] = h, r[15] = T, r[16] = l, r[17] = u, r[18] = UU, r[19] = Z) : (UU = r[18], Z = r[19]);
+    let WU;
+    r[20] !== y || r[21] !== S || r[22] !== T || r[23] !== g || r[24] !== d || r[25] !== m || r[26] !== f || r[27] !== W || r[28] !== G || r[29] !== q || r[30] !== UU || r[31] !== Z || r[32] !== b ? (WU = (0, import_jsx_runtime.jsx)(RangeSlider, {
       id: S,
       className: W,
       value: T,
@@ -25735,36 +25673,36 @@ ${c}
       disabled: y,
       onValueChange: G,
       onValueCommit: q,
-      onPointerUp: GU,
+      onPointerUp: UU,
       onMouseUp: Z,
       valueMap: b
-    }), r[20] = y, r[21] = S, r[22] = T, r[23] = g, r[24] = d, r[25] = m, r[26] = f, r[27] = W, r[28] = G, r[29] = q, r[30] = GU, r[31] = Z, r[32] = b, r[33] = KU) : KU = r[33];
-    let qU;
-    r[34] !== T || r[35] !== w || r[36] !== _ || r[37] !== b ? (qU = _ && (0, import_jsx_runtime.jsx)("div", {
+    }), r[20] = y, r[21] = S, r[22] = T, r[23] = g, r[24] = d, r[25] = m, r[26] = f, r[27] = W, r[28] = G, r[29] = q, r[30] = UU, r[31] = Z, r[32] = b, r[33] = WU) : WU = r[33];
+    let GU;
+    r[34] !== T || r[35] !== w || r[36] !== _ || r[37] !== b ? (GU = _ && (0, import_jsx_runtime.jsx)("div", {
       className: "text-xs text-muted-foreground min-w-[16px]",
       children: `${prettyScientificNumber(b(T[0]), {
         locale: w
       })}, ${prettyScientificNumber(b(T[1]), {
         locale: w
       })}`
-    }), r[34] = T, r[35] = w, r[36] = _, r[37] = b, r[38] = qU) : qU = r[38];
-    let JU;
-    r[39] !== KU || r[40] !== qU || r[41] !== B ? (JU = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[34] = T, r[35] = w, r[36] = _, r[37] = b, r[38] = GU) : GU = r[38];
+    let KU;
+    r[39] !== WU || r[40] !== GU || r[41] !== B ? (KU = (0, import_jsx_runtime.jsxs)("div", {
       className: B,
       children: [
-        KU,
-        qU
+        WU,
+        GU
       ]
-    }), r[39] = KU, r[40] = qU, r[41] = B, r[42] = JU) : JU = r[42];
-    let YU;
-    return r[43] !== v || r[44] !== S || r[45] !== c || r[46] !== JU || r[47] !== M || r[48] !== L ? (YU = (0, import_jsx_runtime.jsx)(Labeled, {
+    }), r[39] = WU, r[40] = GU, r[41] = B, r[42] = KU) : KU = r[42];
+    let qU;
+    return r[43] !== v || r[44] !== S || r[45] !== c || r[46] !== KU || r[47] !== M || r[48] !== L ? (qU = (0, import_jsx_runtime.jsx)(Labeled, {
       label: c,
       id: S,
       align: M,
       className: L,
       fullWidth: v,
-      children: JU
-    }), r[43] = v, r[44] = S, r[45] = c, r[46] = JU, r[47] = M, r[48] = L, r[49] = YU) : YU = r[49], YU;
+      children: KU
+    }), r[43] = v, r[44] = S, r[45] = c, r[46] = KU, r[47] = M, r[48] = L, r[49] = qU) : qU = r[49], qU;
   }, import_timestring = __toESM(__commonJSMin(((e, r) => {
     r.exports = u;
     var c = {
@@ -25992,16 +25930,16 @@ ${c}
     r[9] === E ? G = r[10] : (G = [
       E
     ], r[9] = E, r[10] = G);
-    let q, GU;
+    let q, UU;
     r[11] !== h || r[12] !== l ? (q = (e2) => {
       let [r2] = e2;
       O(r2), h || l(r2);
-    }, GU = (e2) => {
+    }, UU = (e2) => {
       let [r2] = e2;
       h && l(r2);
-    }, r[11] = h, r[12] = l, r[13] = q, r[14] = GU) : (q = r[13], GU = r[14]);
+    }, r[11] = h, r[12] = l, r[13] = q, r[14] = UU) : (q = r[13], UU = r[14]);
     let Z;
-    r[15] !== S || r[16] !== w || r[17] !== g || r[18] !== d || r[19] !== m || r[20] !== f || r[21] !== G || r[22] !== q || r[23] !== GU || r[24] !== W || r[25] !== y ? (Z = (0, import_jsx_runtime.jsx)(Slider, {
+    r[15] !== S || r[16] !== w || r[17] !== g || r[18] !== d || r[19] !== m || r[20] !== f || r[21] !== G || r[22] !== q || r[23] !== UU || r[24] !== W || r[25] !== y ? (Z = (0, import_jsx_runtime.jsx)(Slider, {
       id: w,
       className: W,
       value: G,
@@ -26010,19 +25948,19 @@ ${c}
       step: m,
       orientation: g,
       onValueChange: q,
-      onValueCommit: GU,
+      onValueCommit: UU,
       valueMap: y,
       disabled: S
-    }), r[15] = S, r[16] = w, r[17] = g, r[18] = d, r[19] = m, r[20] = f, r[21] = G, r[22] = q, r[23] = GU, r[24] = W, r[25] = y, r[26] = Z) : Z = r[26];
-    let KU;
-    r[27] !== E || r[28] !== T || r[29] !== _ || r[30] !== y ? (KU = _ && (0, import_jsx_runtime.jsx)("div", {
+    }), r[15] = S, r[16] = w, r[17] = g, r[18] = d, r[19] = m, r[20] = f, r[21] = G, r[22] = q, r[23] = UU, r[24] = W, r[25] = y, r[26] = Z) : Z = r[26];
+    let WU;
+    r[27] !== E || r[28] !== T || r[29] !== _ || r[30] !== y ? (WU = _ && (0, import_jsx_runtime.jsx)("div", {
       className: "text-xs text-muted-foreground min-w-[16px]",
       children: prettyScientificNumber(y(E), {
         locale: T
       })
-    }), r[27] = E, r[28] = T, r[29] = _, r[30] = y, r[31] = KU) : KU = r[31];
-    let qU;
-    r[32] !== S || r[33] !== b || r[34] !== E || r[35] !== c || r[36] !== l || r[37] !== d || r[38] !== m || r[39] !== f || r[40] !== y ? (qU = b && (0, import_jsx_runtime.jsx)(NumberField, {
+    }), r[27] = E, r[28] = T, r[29] = _, r[30] = y, r[31] = WU) : WU = r[31];
+    let GU;
+    r[32] !== S || r[33] !== b || r[34] !== E || r[35] !== c || r[36] !== l || r[37] !== d || r[38] !== m || r[39] !== f || r[40] !== y ? (GU = b && (0, import_jsx_runtime.jsx)(NumberField, {
       value: y(E),
       onChange: (e2) => {
         (e2 == null || Number.isNaN(e2)) && (e2 = Number(d)), O(e2), l(e2);
@@ -26033,25 +25971,25 @@ ${c}
       className: "w-24",
       "aria-label": `${c || "Slider"} value input`,
       isDisabled: S
-    }), r[32] = S, r[33] = b, r[34] = E, r[35] = c, r[36] = l, r[37] = d, r[38] = m, r[39] = f, r[40] = y, r[41] = qU) : qU = r[41];
-    let JU;
-    r[42] !== Z || r[43] !== KU || r[44] !== qU || r[45] !== B ? (JU = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[32] = S, r[33] = b, r[34] = E, r[35] = c, r[36] = l, r[37] = d, r[38] = m, r[39] = f, r[40] = y, r[41] = GU) : GU = r[41];
+    let KU;
+    r[42] !== Z || r[43] !== WU || r[44] !== GU || r[45] !== B ? (KU = (0, import_jsx_runtime.jsxs)("div", {
       className: B,
       children: [
         Z,
-        KU,
-        qU
+        WU,
+        GU
       ]
-    }), r[42] = Z, r[43] = KU, r[44] = qU, r[45] = B, r[46] = JU) : JU = r[46];
-    let YU;
-    return r[47] !== v || r[48] !== w || r[49] !== c || r[50] !== JU || r[51] !== I || r[52] !== R ? (YU = (0, import_jsx_runtime.jsx)(Labeled, {
+    }), r[42] = Z, r[43] = WU, r[44] = GU, r[45] = B, r[46] = KU) : KU = r[46];
+    let qU;
+    return r[47] !== v || r[48] !== w || r[49] !== c || r[50] !== KU || r[51] !== I || r[52] !== R ? (qU = (0, import_jsx_runtime.jsx)(Labeled, {
       label: c,
       id: w,
       align: I,
       fullWidth: v,
       className: R,
-      children: JU
-    }), r[47] = v, r[48] = w, r[49] = c, r[50] = JU, r[51] = I, r[52] = R, r[53] = YU) : YU = r[53], YU;
+      children: KU
+    }), r[47] = v, r[48] = w, r[49] = c, r[50] = KU, r[51] = I, r[52] = R, r[53] = qU) : qU = r[53], qU;
   }, import_compiler_runtime$29 = require_compiler_runtime(), SwitchPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-switch");
@@ -29021,7 +28959,7 @@ ${c}
         areRegExpsEqual: H,
         areSetsEqual: W,
         createIsNestedEqual: r2
-      }), GU = Object.freeze({
+      }), UU = Object.freeze({
         areArraysEqual: O,
         areDatesEqual: j,
         areMapsEqual: I,
@@ -29030,39 +28968,39 @@ ${c}
         areSetsEqual: G,
         createIsNestedEqual: r2
       }), Z = T(q);
-      function KU(e3, r3) {
+      function WU(e3, r3) {
         return Z(e3, r3, void 0);
       }
-      var qU = T(l(q, {
+      var GU = T(l(q, {
         createIsNestedEqual: function() {
           return f;
         }
       }));
-      function JU(e3, r3) {
-        return qU(e3, r3, void 0);
+      function KU(e3, r3) {
+        return GU(e3, r3, void 0);
       }
-      var YU = T(GU);
-      function XU(e3, r3) {
-        return YU(e3, r3, /* @__PURE__ */ new WeakMap());
+      var qU = T(UU);
+      function JU(e3, r3) {
+        return qU(e3, r3, /* @__PURE__ */ new WeakMap());
       }
-      var ZU = T(l(GU, {
+      var YU = T(l(UU, {
         createIsNestedEqual: function() {
           return f;
         }
       }));
-      function QU(e3, r3) {
-        return ZU(e3, r3, /* @__PURE__ */ new WeakMap());
+      function XU(e3, r3) {
+        return YU(e3, r3, /* @__PURE__ */ new WeakMap());
       }
-      function $U(e3) {
+      function ZU(e3) {
         return T(l(q, e3(q)));
       }
-      function eW(e3) {
-        var r3 = T(l(GU, e3(GU)));
+      function QU(e3) {
+        var r3 = T(l(UU, e3(UU)));
         return (function(e4, c2, l2) {
           return l2 === void 0 && (l2 = /* @__PURE__ */ new WeakMap()), r3(e4, c2, l2);
         });
       }
-      e2.circularDeepEqual = XU, e2.circularShallowEqual = QU, e2.createCustomCircularEqual = eW, e2.createCustomEqual = $U, e2.deepEqual = KU, e2.sameValueZeroEqual = f, e2.shallowEqual = JU, Object.defineProperty(e2, "__esModule", {
+      e2.circularDeepEqual = JU, e2.circularShallowEqual = XU, e2.createCustomCircularEqual = QU, e2.createCustomEqual = ZU, e2.deepEqual = WU, e2.sameValueZeroEqual = f, e2.shallowEqual = KU, Object.defineProperty(e2, "__esModule", {
         value: true
       });
     }));
@@ -29088,7 +29026,7 @@ ${c}
   })), require_utils$1 = __commonJSMin(((e) => {
     Object.defineProperty(e, "__esModule", {
       value: true
-    }), e.bottom = h, e.childrenEqual = b, e.cloneLayout = g, e.cloneLayoutItem = y, e.collides = w, e.compact = T, e.compactItem = M, e.compactType = oW, e.correctBounds = I, e.fastPositionEqual = S, e.fastRGLPropsEqual = void 0, e.getAllCollisions = z, e.getFirstCollision = R, e.getLayoutItem = L, e.getStatics = B, e.modifyLayout = _, e.moveElement = H, e.moveElementAwayFromCollision = W, e.noop = void 0, e.perc = G, e.resizeItemInDirection = QU, e.setTopLeft = eW, e.setTransform = $U, e.sortLayoutItems = tW, e.sortLayoutItemsByColRow = rW, e.sortLayoutItemsByRowCol = nW, e.synchronizeLayoutWithChildren = iW, e.validateLayout = aW, e.withLayoutItem = v;
+    }), e.bottom = h, e.childrenEqual = b, e.cloneLayout = g, e.cloneLayoutItem = y, e.collides = w, e.compact = T, e.compactItem = M, e.compactType = iW, e.correctBounds = I, e.fastPositionEqual = S, e.fastRGLPropsEqual = void 0, e.getAllCollisions = z, e.getFirstCollision = R, e.getLayoutItem = L, e.getStatics = B, e.modifyLayout = _, e.moveElement = H, e.moveElementAwayFromCollision = W, e.noop = void 0, e.perc = G, e.resizeItemInDirection = XU, e.setTopLeft = QU, e.setTransform = ZU, e.sortLayoutItems = $U, e.sortLayoutItemsByColRow = tW, e.sortLayoutItemsByRowCol = eW, e.synchronizeLayoutWithChildren = nW, e.validateLayout = rW, e.withLayoutItem = v;
     var r = require_fast_equals(), c = l(require_react());
     function l(e2) {
       return e2 && e2.__esModule ? e2 : {
@@ -29193,7 +29131,7 @@ ${c}
       return !(e2.i === r2.i || e2.x + e2.w <= r2.x || e2.x >= r2.x + r2.w || e2.y + e2.h <= r2.y || e2.y >= r2.y + r2.h);
     }
     function T(e2, r2, c2, l2) {
-      let u2 = B(e2), d2 = h(u2), f2 = tW(e2, r2), p2 = Array(e2.length);
+      let u2 = B(e2), d2 = h(u2), f2 = $U(e2, r2), p2 = Array(e2.length);
       for (let m2 = 0, h2 = f2.length; m2 < h2; m2++) {
         let h3 = y(f2[m2]);
         h3.static || (h3 = M(u2, h3, r2, c2, f2, l2, d2), d2 = Math.max(d2, h3.y + h3.h), u2.push(h3)), p2[e2.indexOf(f2[m2])] = h3, h3.moved = false;
@@ -29251,7 +29189,7 @@ ${c}
       `${r2.i}${String(c2)}${String(l2)}${r2.x}${r2.y}`;
       let h2 = r2.x, _2 = r2.y;
       typeof c2 == "number" && (r2.x = c2), typeof l2 == "number" && (r2.y = l2), r2.moved = true;
-      let v2 = tW(e2, f2);
+      let v2 = $U(e2, f2);
       (f2 === "vertical" && typeof l2 == "number" ? _2 >= l2 : f2 === "horizontal" && typeof c2 == "number" && h2 >= c2) && (v2 = v2.reverse());
       let y2 = z(v2, r2), b2 = y2.length > 0;
       if (b2 && m2) return g(e2);
@@ -29285,15 +29223,15 @@ ${c}
     function G(e2) {
       return e2 * 100 + "%";
     }
-    var q = (e2, r2, c2, l2) => e2 + c2 > l2 ? r2 : c2, GU = (e2, r2, c2) => e2 < 0 ? r2 : c2, Z = (e2) => Math.max(0, e2), KU = (e2) => Math.max(0, e2), qU = (e2, r2, c2) => {
+    var q = (e2, r2, c2, l2) => e2 + c2 > l2 ? r2 : c2, UU = (e2, r2, c2) => e2 < 0 ? r2 : c2, Z = (e2) => Math.max(0, e2), WU = (e2) => Math.max(0, e2), GU = (e2, r2, c2) => {
       let { left: l2, height: u2, width: d2 } = r2, f2 = e2.top - (u2 - e2.height);
       return {
         left: l2,
         width: d2,
-        height: GU(f2, e2.height, u2),
-        top: KU(f2)
+        height: UU(f2, e2.height, u2),
+        top: WU(f2)
       };
-    }, JU = (e2, r2, c2) => {
+    }, KU = (e2, r2, c2) => {
       let { top: l2, left: u2, height: d2, width: f2 } = r2;
       return {
         top: l2,
@@ -29301,45 +29239,45 @@ ${c}
         width: q(e2.left, e2.width, f2, c2),
         left: Z(u2)
       };
-    }, YU = (e2, r2, c2) => {
+    }, qU = (e2, r2, c2) => {
       let { top: l2, height: u2, width: d2 } = r2, f2 = e2.left - (d2 - e2.width);
       return {
         height: u2,
         width: f2 < 0 ? e2.width : q(e2.left, e2.width, d2, c2),
-        top: KU(l2),
+        top: WU(l2),
         left: Z(f2)
       };
-    }, XU = (e2, r2, c2) => {
+    }, JU = (e2, r2, c2) => {
       let { top: l2, left: u2, height: d2, width: f2 } = r2;
       return {
         width: f2,
         left: u2,
-        height: GU(l2, e2.height, d2),
-        top: KU(l2)
+        height: UU(l2, e2.height, d2),
+        top: WU(l2)
       };
-    }, ZU = {
-      n: qU,
+    }, YU = {
+      n: GU,
       ne: function() {
-        return qU(arguments.length <= 0 ? void 0 : arguments[0], JU(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return GU(arguments.length <= 0 ? void 0 : arguments[0], KU(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      e: JU,
+      e: KU,
       se: function() {
-        return XU(arguments.length <= 0 ? void 0 : arguments[0], JU(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return JU(arguments.length <= 0 ? void 0 : arguments[0], KU(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      s: XU,
+      s: JU,
       sw: function() {
-        return XU(arguments.length <= 0 ? void 0 : arguments[0], YU(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return JU(arguments.length <= 0 ? void 0 : arguments[0], qU(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      w: YU,
+      w: qU,
       nw: function() {
-        return qU(arguments.length <= 0 ? void 0 : arguments[0], YU(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return GU(arguments.length <= 0 ? void 0 : arguments[0], qU(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       }
     };
-    function QU(e2, r2, c2, l2) {
-      let u2 = ZU[e2];
+    function XU(e2, r2, c2, l2) {
+      let u2 = YU[e2];
       return u2 ? u2(r2, d(d({}, r2), c2), l2) : c2;
     }
-    function $U(e2) {
+    function ZU(e2) {
       let { top: r2, left: c2, width: l2, height: u2 } = e2, d2 = `translate(${c2}px,${r2}px)`;
       return {
         transform: d2,
@@ -29352,7 +29290,7 @@ ${c}
         position: "absolute"
       };
     }
-    function eW(e2) {
+    function QU(e2) {
       let { top: r2, left: c2, width: l2, height: u2 } = e2;
       return {
         top: `${r2}px`,
@@ -29362,20 +29300,20 @@ ${c}
         position: "absolute"
       };
     }
-    function tW(e2, r2) {
-      return r2 === "horizontal" ? rW(e2) : r2 === "vertical" ? nW(e2) : e2;
+    function $U(e2, r2) {
+      return r2 === "horizontal" ? tW(e2) : r2 === "vertical" ? eW(e2) : e2;
     }
-    function nW(e2) {
+    function eW(e2) {
       return e2.slice(0).sort(function(e3, r2) {
         return e3.y > r2.y || e3.y === r2.y && e3.x > r2.x ? 1 : e3.y === r2.y && e3.x === r2.x ? 0 : -1;
       });
     }
-    function rW(e2) {
+    function tW(e2) {
       return e2.slice(0).sort(function(e3, r2) {
         return e3.x > r2.x || e3.x === r2.x && e3.y > r2.y ? 1 : -1;
       });
     }
-    function iW(e2, r2, l2, u2, f2) {
+    function nW(e2, r2, l2, u2, f2) {
       e2 || (e2 = []);
       let p2 = [];
       c.default.Children.forEach(r2, (r3) => {
@@ -29396,7 +29334,7 @@ ${c}
       });
       return f2 ? m2 : T(m2, u2, l2);
     }
-    function aW(e2) {
+    function rW(e2) {
       let r2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "Layout", c2 = [
         "x",
         "y",
@@ -29413,7 +29351,7 @@ ${c}
         if (u3.i !== void 0 && typeof u3.i != "string") throw Error(`ReactGridLayout: ${r2}[${l2}].i must be a string! Received: ${u3.i} (${typeof u3.i})`);
       }
     }
-    function oW(e2) {
+    function iW(e2) {
       let { verticalCompact: r2, compactType: c2 } = e2 || {};
       return r2 === false ? null : c2;
     }
@@ -32218,7 +32156,7 @@ ${c}
     ], r[4] = c.bordered, r[5] = w, r[6] = T), (0, import_react.useEffect)(w, T);
     let E = useIsDragging(), O, j;
     r[7] === E ? (O = r[8], j = r[9]) : ({ isDragging: j, ...O } = E, r[7] = E, r[8] = O, r[9] = j);
-    let M = !f && !v, I, L, R, z, B, H, W, G, q, GU, Z, KU, qU, JU, YU, XU, ZU, QU, $U, eW, tW, nW, rW, iW, aW, oW;
+    let M = !f && !v, I, L, R, z, B, H, W, G, q, UU, Z, WU, GU, KU, qU, JU, YU, XU, ZU, QU, $U, eW, tW, nW, rW, iW;
     if (r[10] !== u || r[11] !== S || r[12] !== O || r[13] !== g || r[14] !== M || r[15] !== h || r[16] !== j || r[17] !== f || r[18] !== c || r[19] !== d || r[20] !== l) {
       let e2 = Maps.keyBy(c.cells, _temp2$3), m2;
       r[47] !== c || r[48] !== l ? (m2 = (e3) => (r2) => {
@@ -32237,23 +32175,23 @@ ${c}
         });
       }, r[50] = c, r[51] = l, r[52] = v2) : v2 = r[52];
       let y2 = v2;
-      r[53] !== M || r[54] !== c.columns || r[55] !== c.maxWidth || r[56] !== c.rowHeight ? (L = {}, c.maxWidth && (L.maxWidth = `${c.maxWidth}px`), M && (L.backgroundImage = "repeating-linear-gradient(var(--gray-4) 0 1px, transparent 1px 100%), repeating-linear-gradient(90deg, var(--gray-4) 0 1px, transparent 1px 100%)", L.backgroundSize = `calc((100% / ${c.columns})) ${c.rowHeight}px`), r[53] = M, r[54] = c.columns, r[55] = c.maxWidth, r[56] = c.rowHeight, r[57] = L) : L = r[57], I = ReactGridLayout, rW = "lg", r[58] === c.cells ? iW = r[59] : (iW = {
+      r[53] !== M || r[54] !== c.columns || r[55] !== c.maxWidth || r[56] !== c.rowHeight ? (L = {}, c.maxWidth && (L.maxWidth = `${c.maxWidth}px`), M && (L.backgroundImage = "repeating-linear-gradient(var(--gray-4) 0 1px, transparent 1px 100%), repeating-linear-gradient(90deg, var(--gray-4) 0 1px, transparent 1px 100%)", L.backgroundSize = `calc((100% / ${c.columns})) ${c.rowHeight}px`), r[53] = M, r[54] = c.columns, r[55] = c.maxWidth, r[56] = c.rowHeight, r[57] = L) : L = r[57], I = ReactGridLayout, tW = "lg", r[58] === c.cells ? nW = r[59] : (nW = {
         lg: c.cells
-      }, r[58] = c.cells, r[59] = iW), aW = L, oW = S, R = false;
+      }, r[58] = c.cells, r[59] = nW), rW = L, iW = S, R = false;
       let b2 = M && "bg-(--slate-2) border-r", w2 = f && "disable-animation", T2 = !c.maxWidth && "min-w-[800px]";
       r[60] !== b2 || r[61] !== w2 || r[62] !== T2 ? (z = cn("w-full mx-auto bg-background flex-1 min-h-full", b2, w2, T2), r[60] = b2, r[61] = w2, r[62] = T2, r[63] = z) : z = r[63], r[64] === f ? B = r[65] : (B = f ? [
         20,
         20
-      ] : void 0, r[64] = f, r[65] = B), H = MARGIN, W = false, G = null, q = true, GU = c.rowHeight, r[66] !== f || r[67] !== c || r[68] !== l ? (Z = (e3) => {
+      ] : void 0, r[64] = f, r[65] = B), H = MARGIN, W = false, G = null, q = true, UU = c.rowHeight, r[66] !== f || r[67] !== c || r[68] !== l ? (Z = (e3) => {
         f || l({
           ...c,
           cells: e3
         });
-      }, r[66] = f, r[67] = c, r[68] = l, r[69] = Z) : Z = r[69], r[70] === g ? KU = r[71] : (KU = g ? {
+      }, r[66] = f, r[67] = c, r[68] = l, r[69] = Z) : Z = r[69], r[70] === g ? WU = r[71] : (WU = g ? {
         i: g.i,
         w: g.w || 2,
         h: g.h || 2
-      } : void 0, r[70] = g, r[71] = KU), r[72] !== O || r[73] !== c || r[74] !== l ? (qU = (e3, r2, u2) => {
+      } : void 0, r[70] = g, r[71] = WU), r[72] !== O || r[73] !== c || r[74] !== l ? (GU = (e3, r2, u2) => {
         O.onDragStop(), r2 && l({
           ...c,
           cells: [
@@ -32261,15 +32199,15 @@ ${c}
             r2
           ]
         });
-      }, r[72] = O, r[73] = c, r[74] = l, r[75] = qU) : qU = r[75], r[76] === O ? (JU = r[77], YU = r[78], XU = r[79]) : (JU = (e3, r2, c2, l2, u2) => {
+      }, r[72] = O, r[73] = c, r[74] = l, r[75] = GU) : GU = r[75], r[76] === O ? (KU = r[77], qU = r[78], JU = r[79]) : (KU = (e3, r2, c2, l2, u2) => {
         O.onDragStart(u2);
-      }, YU = (e3, r2, c2, l2, u2) => {
+      }, qU = (e3, r2, c2, l2, u2) => {
         O.onDragMove(u2);
-      }, XU = () => {
+      }, JU = () => {
         O.onDragStop();
-      }, r[76] = O, r[77] = JU, r[78] = YU, r[79] = XU), ZU = _temp3$2, QU = M, $U = M, eW = M, tW = M ? `.${DRAG_HANDLE}` : "noop";
+      }, r[76] = O, r[77] = KU, r[78] = qU, r[79] = JU), YU = _temp3$2, XU = M, ZU = M, QU = M, $U = M ? `.${DRAG_HANDLE}` : "noop";
       let E2;
-      r[80] === h ? E2 = r[81] : (E2 = (e3) => h.has(e3.id), r[80] = h, r[81] = E2), nW = u.filter(E2).map((r2) => {
+      r[80] === h ? E2 = r[81] : (E2 = (e3) => h.has(e3.id), r[80] = h, r[81] = E2), eW = u.filter(E2).map((r2) => {
         let u2 = e2.get(r2.id), f2 = c.scrollableCells.has(r2.id) ?? false, p = c.cellSide.get(r2.id), m3 = (0, import_jsx_runtime.jsx)(GridCell, {
           code: r2.code,
           mode: d,
@@ -32298,14 +32236,14 @@ ${c}
         }, r2.id) : (0, import_jsx_runtime.jsx)("div", {
           children: m3
         }, r2.id);
-      }), r[10] = u, r[11] = S, r[12] = O, r[13] = g, r[14] = M, r[15] = h, r[16] = j, r[17] = f, r[18] = c, r[19] = d, r[20] = l, r[21] = I, r[22] = L, r[23] = R, r[24] = z, r[25] = B, r[26] = H, r[27] = W, r[28] = G, r[29] = q, r[30] = GU, r[31] = Z, r[32] = KU, r[33] = qU, r[34] = JU, r[35] = YU, r[36] = XU, r[37] = ZU, r[38] = QU, r[39] = $U, r[40] = eW, r[41] = tW, r[42] = nW, r[43] = rW, r[44] = iW, r[45] = aW, r[46] = oW;
-    } else I = r[21], L = r[22], R = r[23], z = r[24], B = r[25], H = r[26], W = r[27], G = r[28], q = r[29], GU = r[30], Z = r[31], KU = r[32], qU = r[33], JU = r[34], YU = r[35], XU = r[36], ZU = r[37], QU = r[38], $U = r[39], eW = r[40], tW = r[41], nW = r[42], rW = r[43], iW = r[44], aW = r[45], oW = r[46];
-    let sW;
-    r[82] !== I || r[83] !== R || r[84] !== z || r[85] !== B || r[86] !== H || r[87] !== W || r[88] !== G || r[89] !== q || r[90] !== GU || r[91] !== Z || r[92] !== KU || r[93] !== qU || r[94] !== JU || r[95] !== YU || r[96] !== XU || r[97] !== ZU || r[98] !== QU || r[99] !== $U || r[100] !== eW || r[101] !== tW || r[102] !== nW || r[103] !== rW || r[104] !== iW || r[105] !== aW || r[106] !== oW ? (sW = (0, import_jsx_runtime.jsx)(I, {
-      breakpoint: rW,
-      layouts: iW,
-      style: aW,
-      cols: oW,
+      }), r[10] = u, r[11] = S, r[12] = O, r[13] = g, r[14] = M, r[15] = h, r[16] = j, r[17] = f, r[18] = c, r[19] = d, r[20] = l, r[21] = I, r[22] = L, r[23] = R, r[24] = z, r[25] = B, r[26] = H, r[27] = W, r[28] = G, r[29] = q, r[30] = UU, r[31] = Z, r[32] = WU, r[33] = GU, r[34] = KU, r[35] = qU, r[36] = JU, r[37] = YU, r[38] = XU, r[39] = ZU, r[40] = QU, r[41] = $U, r[42] = eW, r[43] = tW, r[44] = nW, r[45] = rW, r[46] = iW;
+    } else I = r[21], L = r[22], R = r[23], z = r[24], B = r[25], H = r[26], W = r[27], G = r[28], q = r[29], UU = r[30], Z = r[31], WU = r[32], GU = r[33], KU = r[34], qU = r[35], JU = r[36], YU = r[37], XU = r[38], ZU = r[39], QU = r[40], $U = r[41], eW = r[42], tW = r[43], nW = r[44], rW = r[45], iW = r[46];
+    let aW;
+    r[82] !== I || r[83] !== R || r[84] !== z || r[85] !== B || r[86] !== H || r[87] !== W || r[88] !== G || r[89] !== q || r[90] !== UU || r[91] !== Z || r[92] !== WU || r[93] !== GU || r[94] !== KU || r[95] !== qU || r[96] !== JU || r[97] !== YU || r[98] !== XU || r[99] !== ZU || r[100] !== QU || r[101] !== $U || r[102] !== eW || r[103] !== tW || r[104] !== nW || r[105] !== rW || r[106] !== iW ? (aW = (0, import_jsx_runtime.jsx)(I, {
+      breakpoint: tW,
+      layouts: nW,
+      style: rW,
+      cols: iW,
       allowOverlap: R,
       className: z,
       containerPadding: B,
@@ -32313,23 +32251,23 @@ ${c}
       isBounded: W,
       compactType: G,
       preventCollision: q,
-      rowHeight: GU,
+      rowHeight: UU,
       onLayoutChange: Z,
-      droppingItem: KU,
-      onDrop: qU,
-      onDragStart: JU,
-      onDrag: YU,
-      onDragStop: XU,
-      onResizeStop: ZU,
-      isDraggable: QU,
-      isDroppable: $U,
-      isResizable: eW,
-      draggableHandle: tW,
-      children: nW
-    }), r[82] = I, r[83] = R, r[84] = z, r[85] = B, r[86] = H, r[87] = W, r[88] = G, r[89] = q, r[90] = GU, r[91] = Z, r[92] = KU, r[93] = qU, r[94] = JU, r[95] = YU, r[96] = XU, r[97] = ZU, r[98] = QU, r[99] = $U, r[100] = eW, r[101] = tW, r[102] = nW, r[103] = rW, r[104] = iW, r[105] = aW, r[106] = oW, r[107] = sW) : sW = r[107];
-    let cW = sW, lW, uW, dW, fW, pW, mW, hW;
-    if (r[108] !== u || r[109] !== cW || r[110] !== h || r[111] !== v || r[112] !== f || r[113] !== c || r[114] !== d || r[115] !== l || r[116] !== L) {
-      hW = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+      droppingItem: WU,
+      onDrop: GU,
+      onDragStart: KU,
+      onDrag: qU,
+      onDragStop: JU,
+      onResizeStop: YU,
+      isDraggable: XU,
+      isDroppable: ZU,
+      isResizable: QU,
+      draggableHandle: $U,
+      children: eW
+    }), r[82] = I, r[83] = R, r[84] = z, r[85] = B, r[86] = H, r[87] = W, r[88] = G, r[89] = q, r[90] = UU, r[91] = Z, r[92] = WU, r[93] = GU, r[94] = KU, r[95] = qU, r[96] = JU, r[97] = YU, r[98] = XU, r[99] = ZU, r[100] = QU, r[101] = $U, r[102] = eW, r[103] = tW, r[104] = nW, r[105] = rW, r[106] = iW, r[107] = aW) : aW = r[107];
+    let oW = aW, sW, cW, lW, uW, dW, fW, pW;
+    if (r[108] !== u || r[109] !== oW || r[110] !== h || r[111] !== v || r[112] !== f || r[113] !== c || r[114] !== d || r[115] !== l || r[116] !== L) {
+      pW = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
       bb0: {
         let e2;
         r[125] === h ? e2 = r[126] : (e2 = (e3) => !h.has(e3.id), r[125] = h, r[126] = e2);
@@ -32337,14 +32275,14 @@ ${c}
         if (f) {
           if (c.bordered) {
             let e4;
-            r[127] !== cW || r[128] !== L ? (e4 = (0, import_jsx_runtime.jsx)("div", {
+            r[127] !== oW || r[128] !== L ? (e4 = (0, import_jsx_runtime.jsx)("div", {
               className: "flex flex-1 flex-col items-center",
               children: (0, import_jsx_runtime.jsx)("div", {
                 style: L,
                 className: "bg-background flex-1 border-t border-x rounded-t shadow-sm w-full overflow-hidden",
-                children: cW
+                children: oW
               })
-            }), r[127] = cW, r[128] = L, r[129] = e4) : e4 = r[129], cW = e4;
+            }), r[127] = oW, r[128] = L, r[129] = e4) : e4 = r[129], oW = e4;
           }
           let e3 = m2.filter(_temp4$2), l2;
           r[130] === d ? l2 = r[131] : (l2 = (e4) => (0, import_jsx_runtime.jsx)(GridCell, {
@@ -32355,9 +32293,9 @@ ${c}
             status: e4.status,
             isScrollable: false,
             hidden: false
-          }, e4.id), r[130] = d, r[131] = l2), hW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          }, e4.id), r[130] = d, r[131] = l2), pW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
             children: [
-              cW,
+              oW,
               (0, import_jsx_runtime.jsx)("div", {
                 className: "hidden",
                 children: e3.map(l2)
@@ -32368,31 +32306,31 @@ ${c}
         }
         if (c.bordered) {
           let e3;
-          r[132] === cW ? e3 = r[133] : (e3 = (0, import_jsx_runtime.jsx)("div", {
+          r[132] === oW ? e3 = r[133] : (e3 = (0, import_jsx_runtime.jsx)("div", {
             className: "h-full overflow-auto",
-            children: cW
-          }), r[132] = cW, r[133] = e3);
+            children: oW
+          }), r[132] = oW, r[133] = e3);
           let c2;
           r[134] !== L || r[135] !== e3 ? (c2 = (0, import_jsx_runtime.jsx)("div", {
             style: L,
             className: "bg-background border-t border-x rounded-t shadow-sm w-full mx-auto mt-4 h-[calc(100%-1rem)] overflow-hidden",
             children: e3
-          }), r[134] = L, r[135] = e3, r[136] = c2) : c2 = r[136], cW = c2;
+          }), r[134] = L, r[135] = e3, r[136] = c2) : c2 = r[136], oW = c2;
         }
-        r[137] !== v || r[138] !== c || r[139] !== l ? (mW = (0, import_jsx_runtime.jsx)(GridControls, {
+        r[137] !== v || r[138] !== c || r[139] !== l ? (fW = (0, import_jsx_runtime.jsx)(GridControls, {
           layout: c,
           setLayout: l,
           isLocked: v,
           setIsLocked: y
-        }), r[137] = v, r[138] = c, r[139] = l, r[140] = mW) : mW = r[140];
+        }), r[137] = v, r[138] = c, r[139] = l, r[140] = fW) : fW = r[140];
         let g2;
-        r[141] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (fW = cn("relative flex z-10 flex-1 overflow-hidden"), g2 = cn("grow overflow-auto transparent-when-disconnected"), r[141] = fW, r[142] = g2) : (fW = r[141], g2 = r[142]), r[143] === cW ? pW = r[144] : (pW = (0, import_jsx_runtime.jsx)("div", {
+        r[141] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (uW = cn("relative flex z-10 flex-1 overflow-hidden"), g2 = cn("grow overflow-auto transparent-when-disconnected"), r[141] = uW, r[142] = g2) : (uW = r[141], g2 = r[142]), r[143] === oW ? dW = r[144] : (dW = (0, import_jsx_runtime.jsx)("div", {
           className: g2,
-          children: cW
-        }), r[143] = cW, r[144] = pW), lW = "flex-none flex flex-col w-[300px] p-2 pb-20 gap-2 overflow-auto bg-(--slate-2) border-t border-x rounded-t shadow-sm transparent-when-disconnected mx-2 mt-4", r[145] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (uW = (0, import_jsx_runtime.jsx)("div", {
+          children: oW
+        }), r[143] = oW, r[144] = dW), sW = "flex-none flex flex-col w-[300px] p-2 pb-20 gap-2 overflow-auto bg-(--slate-2) border-t border-x rounded-t shadow-sm transparent-when-disconnected mx-2 mt-4", r[145] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (cW = (0, import_jsx_runtime.jsx)("div", {
           className: "text font-bold text-(--slate-20) shrink-0",
           children: "Outputs"
-        }), r[145] = uW) : uW = r[145];
+        }), r[145] = cW) : cW = r[145];
         let b2;
         r[146] !== c.columns || r[147] !== c.rowHeight || r[148] !== d ? (b2 = (e3) => (0, import_jsx_runtime.jsx)("div", {
           draggable: true,
@@ -32417,34 +32355,34 @@ ${c}
             status: e3.status,
             hidden: false
           })
-        }, e3.id), r[146] = c.columns, r[147] = c.rowHeight, r[148] = d, r[149] = b2) : b2 = r[149], dW = m2.map(b2);
-      }
-      r[108] = u, r[109] = cW, r[110] = h, r[111] = v, r[112] = f, r[113] = c, r[114] = d, r[115] = l, r[116] = L, r[117] = lW, r[118] = uW, r[119] = dW, r[120] = fW, r[121] = pW, r[122] = mW, r[123] = hW, r[124] = cW;
-    } else lW = r[117], uW = r[118], dW = r[119], fW = r[120], pW = r[121], mW = r[122], hW = r[123], cW = r[124];
-    if (hW !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return hW;
-    let gW;
-    r[150] !== lW || r[151] !== uW || r[152] !== dW ? (gW = (0, import_jsx_runtime.jsxs)("div", {
-      className: lW,
+        }, e3.id), r[146] = c.columns, r[147] = c.rowHeight, r[148] = d, r[149] = b2) : b2 = r[149], lW = m2.map(b2);
+      }
+      r[108] = u, r[109] = oW, r[110] = h, r[111] = v, r[112] = f, r[113] = c, r[114] = d, r[115] = l, r[116] = L, r[117] = sW, r[118] = cW, r[119] = lW, r[120] = uW, r[121] = dW, r[122] = fW, r[123] = pW, r[124] = oW;
+    } else sW = r[117], cW = r[118], lW = r[119], uW = r[120], dW = r[121], fW = r[122], pW = r[123], oW = r[124];
+    if (pW !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return pW;
+    let mW;
+    r[150] !== sW || r[151] !== cW || r[152] !== lW ? (mW = (0, import_jsx_runtime.jsxs)("div", {
+      className: sW,
       children: [
-        uW,
-        dW
+        cW,
+        lW
       ]
-    }), r[150] = lW, r[151] = uW, r[152] = dW, r[153] = gW) : gW = r[153];
-    let _W;
-    r[154] !== fW || r[155] !== pW || r[156] !== gW ? (_W = (0, import_jsx_runtime.jsxs)("div", {
-      className: fW,
+    }), r[150] = sW, r[151] = cW, r[152] = lW, r[153] = mW) : mW = r[153];
+    let hW;
+    r[154] !== uW || r[155] !== dW || r[156] !== mW ? (hW = (0, import_jsx_runtime.jsxs)("div", {
+      className: uW,
       children: [
-        pW,
-        gW
+        dW,
+        mW
       ]
-    }), r[154] = fW, r[155] = pW, r[156] = gW, r[157] = _W) : _W = r[157];
-    let vW;
-    return r[158] !== mW || r[159] !== _W ? (vW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    }), r[154] = uW, r[155] = dW, r[156] = mW, r[157] = hW) : hW = r[157];
+    let gW;
+    return r[158] !== fW || r[159] !== hW ? (gW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        mW,
-        _W
+        fW,
+        hW
       ]
-    }), r[158] = mW, r[159] = _W, r[160] = vW) : vW = r[160], vW;
+    }), r[158] = fW, r[159] = hW, r[160] = gW) : gW = r[160], gW;
   };
   var GridCell = (0, import_react.memo)((e) => {
     let r = (0, import_compiler_runtime$13.c)(20), { output: c, cellId: l, status: u, mode: d, code: f, hidden: m, isScrollable: h, side: g, className: _ } = e, v;
@@ -32745,25 +32683,25 @@ ${c}
         G
       ]
     }), r[31] = L, r[32] = R, r[33] = G, r[34] = q) : q = r[34];
-    let GU;
-    r[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (GU = (0, import_jsx_runtime.jsx)(GripHorizontal, {
+    let UU;
+    r[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (UU = (0, import_jsx_runtime.jsx)(GripHorizontal, {
       className: cn(DRAG_HANDLE, "cursor-move", "h-4 w-4 opacity-60 hover:opacity-100")
-    }), r[35] = GU) : GU = r[35];
+    }), r[35] = UU) : UU = r[35];
     let Z;
     r[36] === l ? Z = r[37] : (Z = (0, import_jsx_runtime.jsx)(X, {
       className: "h-4 w-4 opacity-60 hover:opacity-100",
       onClick: () => l()
     }), r[36] = l, r[37] = Z);
-    let KU;
-    return r[38] !== I || r[39] !== q || r[40] !== Z || r[41] !== w ? (KU = (0, import_jsx_runtime.jsxs)("div", {
+    let WU;
+    return r[38] !== I || r[39] !== q || r[40] !== Z || r[41] !== w ? (WU = (0, import_jsx_runtime.jsxs)("div", {
       className: w,
       children: [
         I,
         q,
-        GU,
+        UU,
         Z
       ]
-    }), r[38] = I, r[39] = q, r[40] = Z, r[41] = w, r[42] = KU) : KU = r[42], KU;
+    }), r[38] = I, r[39] = q, r[40] = Z, r[41] = w, r[42] = WU) : WU = r[42], WU;
   };
   function isSidebarCell(e) {
     var _a3;
@@ -34767,31 +34705,31 @@ ${c}
     }, [
       T,
       M
-    ]), R = (0, import_react.useRef)(null), [z, B] = (0, import_react.useState)(null), [H, W] = (0, import_react.useState)(null), G = useLatestValue(h, Object.values(h)), q = useUniqueId("DndDescribedBy", r), GU = (0, import_react.useMemo)(() => j.getEnabled(), [
+    ]), R = (0, import_react.useRef)(null), [z, B] = (0, import_react.useState)(null), [H, W] = (0, import_react.useState)(null), G = useLatestValue(h, Object.values(h)), q = useUniqueId("DndDescribedBy", r), UU = (0, import_react.useMemo)(() => j.getEnabled(), [
       j
-    ]), Z = useMeasuringConfiguration(p), { droppableRects: KU, measureDroppableContainers: qU, measuringScheduled: JU } = useDroppableMeasuring(GU, {
+    ]), Z = useMeasuringConfiguration(p), { droppableRects: WU, measureDroppableContainers: GU, measuringScheduled: KU } = useDroppableMeasuring(UU, {
       dragging: w,
       dependencies: [
         O.x,
         O.y
       ],
       config: Z.droppable
-    }), YU = useCachedNode(E, T), XU = (0, import_react.useMemo)(() => H ? getEventCoordinates(H) : null, [
+    }), qU = useCachedNode(E, T), JU = (0, import_react.useMemo)(() => H ? getEventCoordinates(H) : null, [
       H
-    ]), ZU = OW(), QU = useInitialRect(YU, Z.draggable.measure);
+    ]), YU = EW(), XU = useInitialRect(qU, Z.draggable.measure);
     useLayoutShiftScrollCompensation({
       activeNode: T == null ? null : E.get(T),
-      config: ZU.layoutShiftCompensation,
-      initialRect: QU,
+      config: YU.layoutShiftCompensation,
+      initialRect: XU,
       measure: Z.draggable.measure
     });
-    let $U = useRect(YU, Z.draggable.measure, QU), eW = useRect(YU ? YU.parentElement : null), tW = (0, import_react.useRef)({
+    let ZU = useRect(qU, Z.draggable.measure, XU), QU = useRect(qU ? qU.parentElement : null), $U = (0, import_react.useRef)({
       activatorEvent: null,
       active: null,
-      activeNode: YU,
+      activeNode: qU,
       collisionRect: null,
       collisions: null,
-      droppableRects: KU,
+      droppableRects: WU,
       draggableNodes: E,
       draggingNode: null,
       draggingNodeRect: null,
@@ -34799,45 +34737,45 @@ ${c}
       over: null,
       scrollableAncestors: [],
       scrollAdjustedTranslate: null
-    }), nW = j.getNodeFor((_a3 = tW.current.over) == null ? void 0 : _a3.id), rW = useDragOverlayMeasuring({
+    }), eW = j.getNodeFor((_a3 = $U.current.over) == null ? void 0 : _a3.id), tW = useDragOverlayMeasuring({
       measure: Z.dragOverlay.measure
-    }), iW = rW.nodeRef.current ?? YU, aW = w ? rW.rect ?? $U : null, oW = !!(rW.nodeRef.current && rW.rect), sW = useRectDelta(oW ? null : $U), cW = useWindowRect(iW ? getWindow(iW) : null), lW = useScrollableAncestors(w ? nW ?? YU : null), uW = useRects(lW), dW = applyModifiers(m, {
+    }), nW = tW.nodeRef.current ?? qU, rW = w ? tW.rect ?? ZU : null, iW = !!(tW.nodeRef.current && tW.rect), aW = useRectDelta(iW ? null : ZU), oW = useWindowRect(nW ? getWindow(nW) : null), sW = useScrollableAncestors(w ? eW ?? qU : null), cW = useRects(sW), lW = applyModifiers(m, {
       transform: {
-        x: O.x - sW.x,
-        y: O.y - sW.y,
+        x: O.x - aW.x,
+        y: O.y - aW.y,
         scaleX: 1,
         scaleY: 1
       },
       activatorEvent: H,
       active: L,
-      activeNodeRect: $U,
-      containerNodeRect: eW,
-      draggingNodeRect: aW,
-      over: tW.current.over,
-      overlayNodeRect: rW.rect,
-      scrollableAncestors: lW,
-      scrollableAncestorRects: uW,
-      windowRect: cW
-    }), fW = XU ? add(XU, O) : null, pW = useScrollOffsets(lW), mW = useScrollOffsetsDelta(pW), hW = useScrollOffsetsDelta(pW, [
-      $U
-    ]), gW = add(dW, mW), _W = aW ? getAdjustedRect(aW, dW) : null, vW = L && _W ? f({
+      activeNodeRect: ZU,
+      containerNodeRect: QU,
+      draggingNodeRect: rW,
+      over: $U.current.over,
+      overlayNodeRect: tW.rect,
+      scrollableAncestors: sW,
+      scrollableAncestorRects: cW,
+      windowRect: oW
+    }), uW = JU ? add(JU, O) : null, dW = useScrollOffsets(sW), fW = useScrollOffsetsDelta(dW), pW = useScrollOffsetsDelta(dW, [
+      ZU
+    ]), mW = add(lW, fW), hW = rW ? getAdjustedRect(rW, lW) : null, gW = L && hW ? f({
       active: L,
-      collisionRect: _W,
-      droppableRects: KU,
-      droppableContainers: GU,
-      pointerCoordinates: fW
-    }) : null, yW = getFirstCollision(vW, "id"), [bW, xW] = (0, import_react.useState)(null), SW = adjustScale(oW ? dW : add(dW, hW), (bW == null ? void 0 : bW.rect) ?? null, $U), CW = (0, import_react.useRef)(null), wW = (0, import_react.useCallback)((e2, r2) => {
+      collisionRect: hW,
+      droppableRects: WU,
+      droppableContainers: UU,
+      pointerCoordinates: uW
+    }) : null, _W = getFirstCollision(gW, "id"), [vW, yW] = (0, import_react.useState)(null), bW = adjustScale(iW ? lW : add(lW, pW), (vW == null ? void 0 : vW.rect) ?? null, ZU), xW = (0, import_react.useRef)(null), SW = (0, import_react.useCallback)((e2, r2) => {
       let { sensor: c2, options: l2 } = r2;
       if (R.current == null) return;
       let u2 = E.get(R.current);
       if (!u2) return;
       let d2 = e2.nativeEvent;
-      CW.current = new c2({
+      xW.current = new c2({
         active: R.current,
         activeNode: u2,
         event: d2,
         options: l2,
-        context: tW,
+        context: $U,
         onAbort(e3) {
           if (!E.get(e3)) return;
           let { onDragAbort: r3 } = G.current, c3 = {
@@ -34882,7 +34820,7 @@ ${c}
             }), v({
               type: "onDragStart",
               event: u3
-            }), B(CW.current), W(d2);
+            }), B(xW.current), W(d2);
           });
         },
         onMove(e3) {
@@ -34896,7 +34834,7 @@ ${c}
       });
       function f2(e3) {
         return async function() {
-          let { active: r3, collisions: c3, over: l3, scrollAdjustedTranslate: u3 } = tW.current, f3 = null;
+          let { active: r3, collisions: c3, over: l3, scrollAdjustedTranslate: u3 } = $U.current, f3 = null;
           if (r3 && u3) {
             let { cancelDrop: p2 } = G.current;
             f3 = {
@@ -34910,7 +34848,7 @@ ${c}
           R.current = null, (0, import_react_dom.unstable_batchedUpdates)(() => {
             _({
               type: e3
-            }), S(Status.Uninitialized), xW(null), B(null), W(null), CW.current = null;
+            }), S(Status.Uninitialized), yW(null), B(null), W(null), xW.current = null;
             let r4 = e3 === Action.DragEnd ? "onDragEnd" : "onDragCancel";
             if (f3) {
               let e4 = G.current[r4];
@@ -34924,7 +34862,7 @@ ${c}
       }
     }, [
       E
-    ]), TW = useCombineActivators(d, (0, import_react.useCallback)((e2, r2) => (c2, l2) => {
+    ]), CW = useCombineActivators(d, (0, import_react.useCallback)((e2, r2) => (c2, l2) => {
       let u2 = c2.nativeEvent, d2 = E.get(l2);
       if (R.current !== null || !d2 || u2.dndKit || u2.defaultPrevented) return;
       let f2 = {
@@ -34932,26 +34870,26 @@ ${c}
       };
       e2(c2, r2.options, f2) === true && (u2.dndKit = {
         capturedBy: r2.sensor
-      }, R.current = l2, wW(c2, r2));
+      }, R.current = l2, SW(c2, r2));
     }, [
       E,
-      wW
+      SW
     ]));
     useSensorSetup(d), useIsomorphicLayoutEffect(() => {
-      $U && b === Status.Initializing && S(Status.Initialized);
+      ZU && b === Status.Initializing && S(Status.Initialized);
     }, [
-      $U,
+      ZU,
       b
     ]), (0, import_react.useEffect)(() => {
-      let { onDragMove: e2 } = G.current, { active: r2, activatorEvent: c2, collisions: l2, over: u2 } = tW.current;
+      let { onDragMove: e2 } = G.current, { active: r2, activatorEvent: c2, collisions: l2, over: u2 } = $U.current;
       if (!r2 || !c2) return;
       let d2 = {
         active: r2,
         activatorEvent: c2,
         collisions: l2,
         delta: {
-          x: gW.x,
-          y: gW.y
+          x: mW.x,
+          y: mW.y
         },
         over: u2
       };
@@ -34962,12 +34900,12 @@ ${c}
         });
       });
     }, [
-      gW.x,
-      gW.y
+      mW.x,
+      mW.y
     ]), (0, import_react.useEffect)(() => {
-      let { active: e2, activatorEvent: r2, collisions: c2, droppableContainers: l2, scrollAdjustedTranslate: u2 } = tW.current;
+      let { active: e2, activatorEvent: r2, collisions: c2, droppableContainers: l2, scrollAdjustedTranslate: u2 } = $U.current;
       if (!e2 || R.current == null || !r2 || !u2) return;
-      let { onDragOver: d2 } = G.current, f2 = l2.get(yW), p2 = f2 && f2.rect.current ? {
+      let { onDragOver: d2 } = G.current, f2 = l2.get(_W), p2 = f2 && f2.rect.current ? {
         id: f2.id,
         rect: f2.rect.current,
         data: f2.data,
@@ -34983,127 +34921,127 @@ ${c}
         over: p2
       };
       (0, import_react_dom.unstable_batchedUpdates)(() => {
-        xW(p2), d2 == null ? void 0 : d2(m2), v({
+        yW(p2), d2 == null ? void 0 : d2(m2), v({
           type: "onDragOver",
           event: m2
         });
       });
     }, [
-      yW
+      _W
     ]), useIsomorphicLayoutEffect(() => {
-      tW.current = {
+      $U.current = {
         activatorEvent: H,
         active: L,
-        activeNode: YU,
-        collisionRect: _W,
-        collisions: vW,
-        droppableRects: KU,
+        activeNode: qU,
+        collisionRect: hW,
+        collisions: gW,
+        droppableRects: WU,
         draggableNodes: E,
-        draggingNode: iW,
-        draggingNodeRect: aW,
+        draggingNode: nW,
+        draggingNodeRect: rW,
         droppableContainers: j,
-        over: bW,
-        scrollableAncestors: lW,
-        scrollAdjustedTranslate: gW
+        over: vW,
+        scrollableAncestors: sW,
+        scrollAdjustedTranslate: mW
       }, I.current = {
-        initial: aW,
-        translated: _W
+        initial: rW,
+        translated: hW
       };
     }, [
       L,
-      YU,
-      vW,
-      _W,
+      qU,
+      gW,
+      hW,
       E,
-      iW,
-      aW,
-      KU,
+      nW,
+      rW,
+      WU,
       j,
-      bW,
-      lW,
-      gW
+      vW,
+      sW,
+      mW
     ]), useAutoScroller({
-      ...ZU,
+      ...YU,
       delta: O,
-      draggingRect: _W,
-      pointerCoordinates: fW,
-      scrollableAncestors: lW,
-      scrollableAncestorRects: uW
+      draggingRect: hW,
+      pointerCoordinates: uW,
+      scrollableAncestors: sW,
+      scrollableAncestorRects: cW
     });
-    let EW = (0, import_react.useMemo)(() => ({
+    let wW = (0, import_react.useMemo)(() => ({
       active: L,
-      activeNode: YU,
-      activeNodeRect: $U,
+      activeNode: qU,
+      activeNodeRect: ZU,
       activatorEvent: H,
-      collisions: vW,
-      containerNodeRect: eW,
-      dragOverlay: rW,
+      collisions: gW,
+      containerNodeRect: QU,
+      dragOverlay: tW,
       draggableNodes: E,
       droppableContainers: j,
-      droppableRects: KU,
-      over: bW,
-      measureDroppableContainers: qU,
-      scrollableAncestors: lW,
-      scrollableAncestorRects: uW,
+      droppableRects: WU,
+      over: vW,
+      measureDroppableContainers: GU,
+      scrollableAncestors: sW,
+      scrollableAncestorRects: cW,
       measuringConfiguration: Z,
-      measuringScheduled: JU,
-      windowRect: cW
+      measuringScheduled: KU,
+      windowRect: oW
     }), [
       L,
-      YU,
-      $U,
+      qU,
+      ZU,
       H,
-      vW,
-      eW,
-      rW,
+      gW,
+      QU,
+      tW,
       E,
       j,
-      KU,
-      bW,
-      qU,
-      lW,
-      uW,
+      WU,
+      vW,
+      GU,
+      sW,
+      cW,
       Z,
-      JU,
-      cW
-    ]), DW = (0, import_react.useMemo)(() => ({
+      KU,
+      oW
+    ]), TW = (0, import_react.useMemo)(() => ({
       activatorEvent: H,
-      activators: TW,
+      activators: CW,
       active: L,
-      activeNodeRect: $U,
+      activeNodeRect: ZU,
       ariaDescribedById: {
         draggable: q
       },
       dispatch: _,
       draggableNodes: E,
-      over: bW,
-      measureDroppableContainers: qU
+      over: vW,
+      measureDroppableContainers: GU
     }), [
       H,
-      TW,
+      CW,
       L,
-      $U,
+      ZU,
       _,
       q,
       E,
-      bW,
-      qU
+      vW,
+      GU
     ]);
     return import_react.createElement(DndMonitorContext.Provider, {
       value: y
     }, import_react.createElement(InternalContext.Provider, {
-      value: DW
+      value: TW
     }, import_react.createElement(PublicContext.Provider, {
-      value: EW
+      value: wW
     }, import_react.createElement(ActiveDraggableContext.Provider, {
-      value: SW
+      value: bW
     }, u)), import_react.createElement(RestoreFocus, {
       disabled: (c == null ? void 0 : c.restoreFocus) === false
     })), import_react.createElement(Accessibility, {
       ...c,
       hiddenTextDescribedById: q
     }));
-    function OW() {
+    function EW() {
       let e2 = (z == null ? void 0 : z.autoScrollEnabled) === false, r2 = typeof l == "object" ? l.enabled === false : l === false, c2 = w && !e2 && !r2;
       return typeof l == "object" ? {
         ...l,
@@ -35631,7 +35569,7 @@ ${c}
         updateMeasurementsFor: I,
         ...m
       }
-    }), { active: H, activatorEvent: W, activeNodeRect: G, attributes: q, setNodeRef: GU, listeners: Z, isDragging: KU, over: qU, setActivatorNodeRef: JU, transform: YU } = useDraggable({
+    }), { active: H, activatorEvent: W, activeNodeRect: G, attributes: q, setNodeRef: UU, listeners: Z, isDragging: WU, over: GU, setActivatorNodeRef: KU, transform: qU } = useDraggable({
       id: f,
       data: M,
       attributes: {
@@ -35639,60 +35577,60 @@ ${c}
         ...c
       },
       disabled: O.draggable
-    }), XU = useCombinedRefs(B, GU), ZU = !!H, QU = ZU && !b && isValidIndex(v) && isValidIndex(w), $U = !T && KU, eW = QU ? ($U && QU ? YU : null) ?? (p ?? E)({
+    }), JU = useCombinedRefs(B, UU), YU = !!H, XU = YU && !b && isValidIndex(v) && isValidIndex(w), ZU = !T && WU, QU = XU ? (ZU && XU ? qU : null) ?? (p ?? E)({
       rects: S,
       activeNodeRect: G,
       activeIndex: v,
       overIndex: w,
       index: j
-    }) : null, tW = isValidIndex(v) && isValidIndex(w) ? d({
+    }) : null, $U = isValidIndex(v) && isValidIndex(w) ? d({
       id: f,
       items: g,
       activeIndex: v,
       overIndex: w
-    }) : j, nW = H == null ? void 0 : H.id, rW = (0, import_react.useRef)({
-      activeId: nW,
+    }) : j, eW = H == null ? void 0 : H.id, tW = (0, import_react.useRef)({
+      activeId: eW,
       items: g,
-      newIndex: tW,
+      newIndex: $U,
       containerId: _
-    }), iW = g !== rW.current.items, aW = r({
+    }), nW = g !== tW.current.items, rW = r({
       active: H,
       containerId: _,
-      isDragging: KU,
-      isSorting: ZU,
+      isDragging: WU,
+      isSorting: YU,
       id: f,
       index: j,
       items: g,
-      newIndex: rW.current.newIndex,
-      previousItems: rW.current.items,
-      previousContainerId: rW.current.containerId,
+      newIndex: tW.current.newIndex,
+      previousItems: tW.current.items,
+      previousContainerId: tW.current.containerId,
       transition: h,
-      wasDragging: rW.current.activeId != null
-    }), oW = useDerivedTransform({
-      disabled: !aW,
+      wasDragging: tW.current.activeId != null
+    }), iW = useDerivedTransform({
+      disabled: !rW,
       index: j,
       node: R,
       rect: L
     });
     return (0, import_react.useEffect)(() => {
-      ZU && rW.current.newIndex !== tW && (rW.current.newIndex = tW), _ !== rW.current.containerId && (rW.current.containerId = _), g !== rW.current.items && (rW.current.items = g);
+      YU && tW.current.newIndex !== $U && (tW.current.newIndex = $U), _ !== tW.current.containerId && (tW.current.containerId = _), g !== tW.current.items && (tW.current.items = g);
     }, [
-      ZU,
-      tW,
+      YU,
+      $U,
       _,
       g
     ]), (0, import_react.useEffect)(() => {
-      if (nW === rW.current.activeId) return;
-      if (nW != null && rW.current.activeId == null) {
-        rW.current.activeId = nW;
+      if (eW === tW.current.activeId) return;
+      if (eW != null && tW.current.activeId == null) {
+        tW.current.activeId = eW;
         return;
       }
       let e2 = setTimeout(() => {
-        rW.current.activeId = nW;
+        tW.current.activeId = eW;
       }, 50);
       return () => clearTimeout(e2);
     }, [
-      nW
+      eW
     ]), {
       active: H,
       activeIndex: v,
@@ -35700,25 +35638,25 @@ ${c}
       data: M,
       rect: L,
       index: j,
-      newIndex: tW,
+      newIndex: $U,
       items: g,
       isOver: z,
-      isSorting: ZU,
-      isDragging: KU,
+      isSorting: YU,
+      isDragging: WU,
       listeners: Z,
       node: R,
       overIndex: w,
-      over: qU,
-      setNodeRef: XU,
-      setActivatorNodeRef: JU,
+      over: GU,
+      setNodeRef: JU,
+      setActivatorNodeRef: KU,
       setDroppableNodeRef: B,
-      setDraggableNodeRef: GU,
-      transform: oW ?? eW,
-      transition: sW()
+      setDraggableNodeRef: UU,
+      transform: iW ?? QU,
+      transition: aW()
     };
-    function sW() {
-      if (oW || iW && rW.current.newIndex === j) return disabledTransition;
-      if (!($U && !isKeyboardEvent(W) || !h) && (ZU || aW)) return CSS$1.Transition.toString({
+    function aW() {
+      if (iW || nW && tW.current.newIndex === j) return disabledTransition;
+      if (!(ZU && !isKeyboardEvent(W) || !h) && (YU || rW)) return CSS$1.Transition.toString({
         ...h,
         property: transitionProperty
       });
@@ -36018,15 +35956,15 @@ ${c}
         G
       ]
     }), r[35] = c.id, r[36] = h, r[37] = y, r[38] = b, r[39] = I, r[40] = z, r[41] = B, r[42] = H, r[43] = W, r[44] = G, r[45] = q) : q = r[45];
-    let GU = q;
-    if (!v && !g) return GU;
+    let UU = q;
+    if (!v && !g) return UU;
     let Z;
-    r[46] === GU ? Z = r[47] : (Z = (0, import_jsx_runtime.jsx)(ContextMenuTrigger, {
+    r[46] === UU ? Z = r[47] : (Z = (0, import_jsx_runtime.jsx)(ContextMenuTrigger, {
       asChild: true,
-      children: GU
-    }), r[46] = GU, r[47] = Z);
-    let KU;
-    r[48] === v ? KU = r[49] : (KU = v && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
+      children: UU
+    }), r[46] = UU, r[47] = Z);
+    let WU;
+    r[48] === v ? WU = r[49] : (WU = v && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
       onSelect: v,
       children: [
         (0, import_jsx_runtime.jsx)(Plus, {
@@ -36034,11 +35972,11 @@ ${c}
         }),
         "Add cell"
       ]
-    }), r[48] = v, r[49] = KU);
+    }), r[48] = v, r[49] = WU);
+    let GU;
+    r[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (GU = (0, import_jsx_runtime.jsx)(ContextMenuSeparator, {}), r[50] = GU) : GU = r[50];
     let qU;
-    r[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (qU = (0, import_jsx_runtime.jsx)(ContextMenuSeparator, {}), r[50] = qU) : qU = r[50];
-    let YU;
-    r[51] === g ? YU = r[52] : (YU = g && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
+    r[51] === g ? qU = r[52] : (qU = g && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
       variant: "danger",
       onSelect: g,
       children: [
@@ -36047,22 +35985,22 @@ ${c}
         }),
         "Delete cell"
       ]
-    }), r[51] = g, r[52] = YU);
-    let XU;
-    r[53] !== KU || r[54] !== YU ? (XU = (0, import_jsx_runtime.jsxs)(ContextMenuContent, {
+    }), r[51] = g, r[52] = qU);
+    let JU;
+    r[53] !== WU || r[54] !== qU ? (JU = (0, import_jsx_runtime.jsxs)(ContextMenuContent, {
       children: [
-        KU,
-        qU,
-        YU
+        WU,
+        GU,
+        qU
       ]
-    }), r[53] = KU, r[54] = YU, r[55] = XU) : XU = r[55];
-    let ZU;
-    return r[56] !== Z || r[57] !== XU ? (ZU = (0, import_jsx_runtime.jsxs)(ContextMenu, {
+    }), r[53] = WU, r[54] = qU, r[55] = JU) : JU = r[55];
+    let YU;
+    return r[56] !== Z || r[57] !== JU ? (YU = (0, import_jsx_runtime.jsxs)(ContextMenu, {
       children: [
         Z,
-        XU
+        JU
       ]
-    }), r[56] = Z, r[57] = XU, r[58] = ZU) : ZU = r[58], ZU;
+    }), r[56] = Z, r[57] = JU, r[58] = YU) : YU = r[58], YU;
   }, InsertCellLine = (e) => {
     let r = (0, import_compiler_runtime$10.c)(10), { position: c, onInsert: l } = e, u = c === "below" ? "bottom-0 translate-y-1/2" : "top-0 -translate-y-1/2", d;
     r[0] === u ? d = r[1] : (d = cn("absolute left-0 right-0 z-30 flex h-3 items-center justify-center", "opacity-0 transition-opacity hover:opacity-80 focus-visible:opacity-100 focus:outline-none", u), r[0] = u, r[1] = d);
@@ -36116,10 +36054,10 @@ ${c}
       ...B,
       ...h
     }, r[20] = M, r[21] = h, r[22] = B, r[23] = j, r[24] = H) : H = r[24];
-    let W = H, G = E || T, q = S || w || T ? "border-blue-500" : "border-border hover:border-blue-500/50", GU = w && !T && "opacity-35", Z = T && "opacity-95 shadow-lg", KU;
-    r[25] !== l || r[26] !== GU || r[27] !== Z || r[28] !== q ? (KU = cn("border-2 shrink-0 rounded-md relative select-none bg-background cursor-pointer active:cursor-grabbing overflow-hidden transition-colors", q, GU, Z, l), r[25] = l, r[26] = GU, r[27] = Z, r[28] = q, r[29] = KU) : KU = r[29];
-    let qU;
-    r[30] !== c || r[31] !== M || r[32] !== O || r[33] !== I || r[34] !== G || r[35] !== j ? (qU = G && (0, import_jsx_runtime.jsx)("div", {
+    let W = H, G = E || T, q = S || w || T ? "border-blue-500" : "border-border hover:border-blue-500/50", UU = w && !T && "opacity-35", Z = T && "opacity-95 shadow-lg", WU;
+    r[25] !== l || r[26] !== UU || r[27] !== Z || r[28] !== q ? (WU = cn("border-2 shrink-0 rounded-md relative select-none bg-background cursor-pointer active:cursor-grabbing overflow-hidden transition-colors", q, UU, Z, l), r[25] = l, r[26] = UU, r[27] = Z, r[28] = q, r[29] = WU) : WU = r[29];
+    let GU;
+    r[30] !== c || r[31] !== M || r[32] !== O || r[33] !== I || r[34] !== G || r[35] !== j ? (GU = G && (0, import_jsx_runtime.jsx)("div", {
       className: "flex p-6 box-border pointer-events-none mo-slide-content overflow-hidden",
       style: {
         transform: `scale(${I})`,
@@ -36134,14 +36072,14 @@ ${c}
         status: c.status,
         output: c.output
       })
-    }), r[30] = c, r[31] = M, r[32] = O, r[33] = I, r[34] = G, r[35] = j, r[36] = qU) : qU = r[36];
-    let JU;
-    r[37] === z ? JU = r[38] : (JU = z && (0, import_jsx_runtime.jsx)("div", {
+    }), r[30] = c, r[31] = M, r[32] = O, r[33] = I, r[34] = G, r[35] = j, r[36] = GU) : GU = r[36];
+    let KU;
+    r[37] === z ? KU = r[38] : (KU = z && (0, import_jsx_runtime.jsx)("div", {
       className: "absolute inset-0 bg-muted/50 pointer-events-none",
       "aria-hidden": true
-    }), r[37] = z, r[38] = JU);
-    let YU;
-    r[39] !== z || r[40] !== R ? (YU = (R == null ? void 0 : R.Icon) && (0, import_jsx_runtime.jsx)(Tooltip, {
+    }), r[37] = z, r[38] = KU);
+    let qU;
+    r[39] !== z || r[40] !== R ? (qU = (R == null ? void 0 : R.Icon) && (0, import_jsx_runtime.jsx)(Tooltip, {
       content: (0, import_jsx_runtime.jsx)("span", {
         className: "text-xs opacity-80",
         children: R.description
@@ -36153,19 +36091,19 @@ ${c}
           className: "h-3.5 w-3.5"
         })
       })
-    }), r[39] = z, r[40] = R, r[41] = YU) : YU = r[41];
-    let XU;
-    return r[42] !== W || r[43] !== d || r[44] !== f || r[45] !== KU || r[46] !== qU || r[47] !== JU || r[48] !== YU ? (XU = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[39] = z, r[40] = R, r[41] = qU) : qU = r[41];
+    let JU;
+    return r[42] !== W || r[43] !== d || r[44] !== f || r[45] !== WU || r[46] !== GU || r[47] !== KU || r[48] !== qU ? (JU = (0, import_jsx_runtime.jsxs)("div", {
       ref: f,
-      className: KU,
+      className: WU,
       style: W,
       ...d,
       children: [
-        qU,
-        JU,
-        YU
+        GU,
+        KU,
+        qU
       ]
-    }), r[42] = W, r[43] = d, r[44] = f, r[45] = KU, r[46] = qU, r[47] = JU, r[48] = YU, r[49] = XU) : XU = r[49], XU;
+    }), r[42] = W, r[43] = d, r[44] = f, r[45] = WU, r[46] = GU, r[47] = KU, r[48] = qU, r[49] = JU) : JU = r[49], JU;
   }, MiniCodePreview = (e) => {
     let r = (0, import_compiler_runtime$10.c)(2), { code: c } = e, l;
     return r[0] === c ? l = r[1] : (l = (0, import_jsx_runtime.jsx)("pre", {
@@ -36205,7 +36143,7 @@ ${c}
   function _temp2$2(e) {
     e.target === e.currentTarget && e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), e.currentTarget.click());
   }
-  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-BdSVsJMP.js"));
+  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-BjnkUAZ9.js"));
   const SlidesLayoutRenderer = ({ layout: e, setLayout: r, cells: c, mode: l }) => {
     var _a3;
     let u = useAtomValue(kioskModeAtom), d = l === "read" || u, f = useAtomValue(numColumnsAtom) > 1, [p, m] = (0, import_react.useState)(null), { slideCells: h, skippedIds: g, noOutputIds: _, slideTypes: v, startCellIndex: y } = (0, import_react.useMemo)(() => computeSlideCellsInfo(c, e), [
@@ -36583,7 +36521,7 @@ ${c}
       let r2 = e2.scrollHeight - e2.clientHeight;
       r2 - e2.scrollTop < 120 && (e2.scrollTop = r2);
     }, r[2] = B) : B = r[2], (0, import_react.useLayoutEffect)(B), !L && isInternalCellName(S)) return null;
-    let H, W, G, q, GU, Z, KU, qU, JU, YU;
+    let H, W, G, q, UU, Z, WU, GU, KU, qU;
     if (r[3] !== T || r[4] !== M || r[5] !== I || r[6] !== L || r[7] !== _ || r[8] !== b || r[9] !== d || r[10] !== z || r[11] !== O || r[12] !== j || r[13] !== E || r[14] !== R || r[15] !== f || r[16] !== u || r[17] !== y || r[18] !== m || r[19] !== l) {
       let e2 = I.toReversed(), g2 = e2.some(_temp$2), v2 = e2.findIndex(_temp2$1), S2;
       r[30] === I ? S2 = r[31] : (S2 = () => I.filter(_temp3$1).map(_temp4$1).join("\n"), r[30] = I, r[31] = S2);
@@ -36629,11 +36567,11 @@ ${c}
             })
           })
         ]
-      }), r[32] = B2, r[33] = L, r[34] = d, r[35] = z, r[36] = f, r[37] = u, r[38] = l, r[39] = W) : W = r[39], G = y ? "This console output is stale" : void 0, q = "console-output-area", GU = c, Z = R, KU = 0;
-      let XU2 = y && "marimo-output-stale", ZU2 = L ? "p-5" : "p-3";
-      r[40] !== M || r[41] !== XU2 || r[42] !== ZU2 ? (qU = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", XU2, ZU2, M), r[40] = M, r[41] = XU2, r[42] = ZU2, r[43] = qU) : qU = r[43], r[44] === d ? JU = r[45] : (JU = d ? {
+      }), r[32] = B2, r[33] = L, r[34] = d, r[35] = z, r[36] = f, r[37] = u, r[38] = l, r[39] = W) : W = r[39], G = y ? "This console output is stale" : void 0, q = "console-output-area", UU = c, Z = R, WU = 0;
+      let JU2 = y && "marimo-output-stale", YU2 = L ? "p-5" : "p-3";
+      r[40] !== M || r[41] !== JU2 || r[42] !== YU2 ? (GU = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", JU2, YU2, M), r[40] = M, r[41] = JU2, r[42] = YU2, r[43] = GU) : GU = r[43], r[44] === d ? KU = r[45] : (KU = d ? {
         maxHeight: "none"
-      } : void 0, r[44] = d, r[45] = JU), YU = e2.map((e3, r2) => {
+      } : void 0, r[44] = d, r[45] = KU), qU = e2.map((e3, r2) => {
         if (e3.channel === "pdb") return null;
         if (e3.channel === "stdin") {
           invariant(typeof e3.data == "string", "Expected data to be a string");
@@ -36662,36 +36600,36 @@ ${c}
             wrapText: l
           })
         }, r2);
-      }), r[3] = T, r[4] = M, r[5] = I, r[6] = L, r[7] = _, r[8] = b, r[9] = d, r[10] = z, r[11] = O, r[12] = j, r[13] = E, r[14] = R, r[15] = f, r[16] = u, r[17] = y, r[18] = m, r[19] = l, r[20] = H, r[21] = W, r[22] = G, r[23] = q, r[24] = GU, r[25] = Z, r[26] = KU, r[27] = qU, r[28] = JU, r[29] = YU;
-    } else H = r[20], W = r[21], G = r[22], q = r[23], GU = r[24], Z = r[25], KU = r[26], qU = r[27], JU = r[28], YU = r[29];
-    let XU;
-    r[46] !== T || r[47] !== S ? (XU = (0, import_jsx_runtime.jsx)(NameCellContentEditable, {
+      }), r[3] = T, r[4] = M, r[5] = I, r[6] = L, r[7] = _, r[8] = b, r[9] = d, r[10] = z, r[11] = O, r[12] = j, r[13] = E, r[14] = R, r[15] = f, r[16] = u, r[17] = y, r[18] = m, r[19] = l, r[20] = H, r[21] = W, r[22] = G, r[23] = q, r[24] = UU, r[25] = Z, r[26] = WU, r[27] = GU, r[28] = KU, r[29] = qU;
+    } else H = r[20], W = r[21], G = r[22], q = r[23], UU = r[24], Z = r[25], WU = r[26], GU = r[27], KU = r[28], qU = r[29];
+    let JU;
+    r[46] !== T || r[47] !== S ? (JU = (0, import_jsx_runtime.jsx)(NameCellContentEditable, {
       value: S,
       cellId: T,
       className: "bg-(--slate-4) border-(--slate-4) hover:bg-(--slate-5) dark:border-(--sky-5) dark:bg-(--sky-6) dark:text-(--sky-12) text-(--slate-12) rounded-l rounded-br-lg absolute right-0 bottom-0 text-xs px-1.5 py-0.5 font-mono max-w-[75%] whitespace-nowrap overflow-hidden"
-    }), r[46] = T, r[47] = S, r[48] = XU) : XU = r[48];
-    let ZU;
-    r[49] !== XU || r[50] !== G || r[51] !== q || r[52] !== GU || r[53] !== Z || r[54] !== KU || r[55] !== qU || r[56] !== JU || r[57] !== YU ? (ZU = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[46] = T, r[47] = S, r[48] = JU) : JU = r[48];
+    let YU;
+    r[49] !== JU || r[50] !== G || r[51] !== q || r[52] !== UU || r[53] !== Z || r[54] !== WU || r[55] !== GU || r[56] !== KU || r[57] !== qU ? (YU = (0, import_jsx_runtime.jsxs)("div", {
       title: G,
       "data-testid": q,
-      ref: GU,
+      ref: UU,
       ...Z,
-      tabIndex: KU,
-      className: qU,
-      style: JU,
+      tabIndex: WU,
+      className: GU,
+      style: KU,
       children: [
-        YU,
-        XU
+        qU,
+        JU
       ]
-    }), r[49] = XU, r[50] = G, r[51] = q, r[52] = GU, r[53] = Z, r[54] = KU, r[55] = qU, r[56] = JU, r[57] = YU, r[58] = ZU) : ZU = r[58];
-    let QU;
-    return r[59] !== H || r[60] !== W || r[61] !== ZU ? (QU = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[49] = JU, r[50] = G, r[51] = q, r[52] = UU, r[53] = Z, r[54] = WU, r[55] = GU, r[56] = KU, r[57] = qU, r[58] = YU) : YU = r[58];
+    let XU;
+    return r[59] !== H || r[60] !== W || r[61] !== YU ? (XU = (0, import_jsx_runtime.jsxs)("div", {
       className: H,
       children: [
         W,
-        ZU
+        YU
       ]
-    }), r[59] = H, r[60] = W, r[61] = ZU, r[62] = QU) : QU = r[62], QU;
+    }), r[59] = H, r[60] = W, r[61] = YU, r[62] = XU) : XU = r[62], XU;
   }, StdInput = (e) => {
     let r = (0, import_compiler_runtime$6.c)(25), { value: c, setValue: l, inputHistory: u, output: d, isPassword: f, isPdb: p, onSubmit: m, onClear: h } = e, { navigateUp: g, navigateDown: _, addToHistory: v } = u, y;
     r[0] === d ? y = r[1] : (y = renderText(d), r[0] = d, r[1] = y);
@@ -37155,23 +37093,23 @@ ${c}
     if ((h || _ || m || W) && !G) return null;
     let q;
     r[43] !== d || r[44] !== T ? (q = cellDomProps(d, T), r[43] = d, r[44] = T, r[45] = q) : q = r[45];
-    let GU = w === "edit", Z;
-    r[46] !== d || r[47] !== R || r[48] !== c || r[49] !== I || r[50] !== GU ? (Z = (0, import_jsx_runtime.jsx)(OutputArea, {
-      allowExpand: GU,
+    let UU = w === "edit", Z;
+    r[46] !== d || r[47] !== R || r[48] !== c || r[49] !== I || r[50] !== UU ? (Z = (0, import_jsx_runtime.jsx)(OutputArea, {
+      allowExpand: UU,
       output: c,
       className: CSSClasses.outputArea,
       cellId: d,
       stale: I,
       loading: R
-    }), r[46] = d, r[47] = R, r[48] = c, r[49] = I, r[50] = GU, r[51] = Z) : Z = r[51];
-    let KU;
-    return r[52] !== H || r[53] !== q || r[54] !== Z ? (KU = (0, import_jsx_runtime.jsx)("div", {
+    }), r[46] = d, r[47] = R, r[48] = c, r[49] = I, r[50] = UU, r[51] = Z) : Z = r[51];
+    let WU;
+    return r[52] !== H || r[53] !== q || r[54] !== Z ? (WU = (0, import_jsx_runtime.jsx)("div", {
       tabIndex: -1,
       ref: j,
       className: H,
       ...q,
       children: Z
-    }), r[52] = H, r[53] = q, r[54] = Z, r[55] = KU) : KU = r[55], KU;
+    }), r[52] = H, r[53] = q, r[54] = Z, r[55] = WU) : WU = r[55], WU;
   });
   VerticalCell.displayName = "VerticalCell";
   const VerticalLayoutPlugin = {