@marimo-team/islands 0.23.12-dev10 → 0.23.12-dev11

package/dist/main.js

@@ -26,7 +26,7 @@ import { $ as reducer, B as safeExtractSetUIElementMessageBuffers, Bn as CircleA
 import { __tla as __tla_1 } from "./chunk-5FQGJX7Z-BbqSm5gU.js";
 import { o as useSize, s as Root$1, u as createLucideIcon } from "./dist--2Bqjvs0.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-Bv-XlYiv.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-D1W_9sHW.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-Bi2d-Fh5.js";
 import { c as Calendar, i as createReducerAndAtoms, n as useOnUnmount, o as ToggleLeft, t as useOnMount } from "./useLifecycle-AHlswLw-.js";
 import { t as Check } from "./check-C9OoNtR4.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-Dq_j3Rxw.js";
@@ -6993,33 +6993,33 @@ let __tla = Promise.all([
     }), B = C({
       height: 0,
       width: 0
-    }), H = U(), W = U(), G = C(0), q = C(null), VU = C({
+    }), H = U(), W = U(), G = C(0), q = C(null), ZU = C({
       column: 0,
       row: 0
-    }), Z = U(), HU = U(), UU = C(false), WU = C(0), GU = C(true), KU = C(false), qU = C(false);
-    Y(x(b, $(WU), P(([e2, r2]) => !!r2)), () => {
-      D(GU, false);
-    }), Y(x(ut(b, GU, B, z, WU, KU), P(([e2, r2, c2, l2, , u2]) => e2 && !r2 && c2.height !== 0 && l2.height !== 0 && !u2)), ([, , , , e2]) => {
-      D(KU, true), Ue(1, () => {
+    }), Z = U(), QU = U(), $U = C(false), eW = C(0), tW = C(true), nW = C(false), rW = C(false);
+    Y(x(b, $(eW), P(([e2, r2]) => !!r2)), () => {
+      D(tW, false);
+    }), Y(x(ut(b, tW, B, z, eW, nW), P(([e2, r2, c2, l2, , u2]) => e2 && !r2 && c2.height !== 0 && l2.height !== 0 && !u2)), ([, , , , e2]) => {
+      D(nW, true), Ue(1, () => {
         D(H, e2);
       }), Et(x(h), () => {
         D(r, [
           0,
           0
-        ]), D(GU, true);
+        ]), D(tW, true);
       });
-    }), F(x(HU, P((e2) => e2 != null && e2.scrollTop > 0), Ft(0)), L), Y(x(b, $(HU), P(([, e2]) => e2 != null)), ([, e2]) => {
-      e2 && (D(z, e2.viewport), D(B, e2.item), D(VU, e2.gap), e2.scrollTop > 0 && (D(UU, true), Et(x(h, Kt(1)), (e3) => {
-        D(UU, false);
+    }), F(x(QU, P((e2) => e2 != null && e2.scrollTop > 0), Ft(0)), L), Y(x(b, $(QU), P(([, e2]) => e2 != null)), ([, e2]) => {
+      e2 && (D(z, e2.viewport), D(B, e2.item), D(ZU, e2.gap), e2.scrollTop > 0 && (D($U, true), Et(x(h, Kt(1)), (e3) => {
+        D($U, false);
       }), D(m, {
         top: e2.scrollTop
       })));
-    }), F(x(z, k(({ height: e2 }) => e2)), _), F(x(ut(V(z, xe), V(B, xe), V(VU, (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(ZU, (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(VU, Or), V(B, xe), V(z, xe), V(q), V(L), V(UU), V(GU), V(WU)), P(([, , , , , , , e2]) => !e2), k(([e2, [r2, c2], l2, u2, d2, f2, p2, , m2, h2]) => {
+    }))), Z), F(x(ut(V(I), l, V(ZU, Or), V(B, xe), V(z, xe), V(q), V(L), V($U), V(tW), V(eW)), 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, VU), 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, ZU), 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 JU = C(false);
-    F(x(h, $(JU), k(([e2, r2]) => r2 || e2 !== 0)), JU);
-    let YU = bt(x(ut(R, I), P(([{ items: e2 }]) => e2.length > 0), $(JU), P(([[e2, r2], c2]) => {
+    let iW = C(false);
+    F(x(h, $(iW), k(([e2, r2]) => r2 || e2 !== 0)), iW);
+    let aW = bt(x(ut(R, I), P(([{ items: e2 }]) => e2.length > 0), $(iW), 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())), XU = bt(x(V(R), P(({ items: e2 }) => e2.length > 0 && e2[0].index === 0), Ft(0), J())), ZU = bt(x(V(R), $(UU), P(([{ items: e2 }, r2]) => e2.length > 0 && !r2), k(([{ items: e2 }]) => ({
+    }), k(([[, e2]]) => e2 - 1), J())), oW = bt(x(V(R), P(({ items: e2 }) => e2.length > 0 && e2[0].index === 0), Ft(0), J())), sW = bt(x(V(R), $($U), 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(ZU, y.scrollSeekRangeChanged), F(x(H, $(z, B, I, VU), k(([e2, r2, c2, l2, u2]) => {
+    F(sW, y.scrollSeekRangeChanged), F(x(H, $(z, B, I, ZU), 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 QU = ht(x(R, k((e2) => e2.offsetBottom + e2.bottom)), 0);
+    let cW = 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: VU,
+      gap: ZU,
       headerHeight: d,
       increaseViewportBy: e,
       initialItemCount: L,
       itemDimensions: B,
       overscan: c,
-      restoreStateFrom: HU,
+      restoreStateFrom: QU,
       scrollBy: f,
       scrollContainerState: p,
       scrollHeight: W,
@@ -7094,16 +7094,16 @@ let __tla = Promise.all([
       windowViewportRect: j,
       ...y,
       gridState: R,
-      horizontalDirection: qU,
-      initialTopMostItemIndex: WU,
-      totalListHeight: QU,
+      horizontalDirection: rW,
+      initialTopMostItemIndex: eW,
+      totalListHeight: cW,
       ...v,
-      endReached: YU,
+      endReached: aW,
       propsReady: S,
-      rangeChanged: ZU,
-      startReached: XU,
+      rangeChanged: sW,
+      startReached: oW,
       stateChanged: Z,
-      stateRestoreInProgress: UU,
+      stateRestoreInProgress: $U,
       ...M
     };
   }, tt(je, It, he, Zn, _t, qe, Wt));
@@ -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 VU = q, Z;
+    let ZU = q, Z;
     if (r[13] !== G.bulkActions) {
       if (Z = G.bulkActions.map(_temp$26), 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 HU;
-    r[16] !== G.pinnedCount || r[17] !== G.visibleOptions.length ? (HU = (e2) => G.pinnedCount > 0 && e2 === G.pinnedCount && G.pinnedCount < G.visibleOptions.length ? (0, import_jsx_runtime.jsx)(CommandSeparator, {
+    let QU;
+    r[16] !== G.pinnedCount || r[17] !== G.visibleOptions.length ? (QU = (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] = HU) : HU = r[18];
-    let UU = HU, WU;
-    r[19] !== Z || r[20] !== G || r[21] !== UU || r[22] !== w || r[23] !== B || r[24] !== H ? (WU = () => {
+    }, "_pinned_separator") : null, r[16] = G.pinnedCount, r[17] = G.visibleOptions.length, r[18] = QU) : QU = r[18];
+    let $U = QU, eW;
+    r[19] !== Z || r[20] !== G || r[21] !== $U || r[22] !== w || r[23] !== B || r[24] !== H ? (eW = () => {
       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,
-              UU(e3),
+              $U(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 = UU(r2), l2 = (0, import_jsx_runtime.jsx)(OptionRow, {
+        let c2 = $U(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] = UU, r[22] = w, r[23] = B, r[24] = H, r[25] = WU) : WU = r[25];
-    let GU = WU, KU;
-    r[26] !== G.labelOf || r[27] !== I ? (KU = (e2) => {
+    }, r[19] = Z, r[20] = G, r[21] = $U, r[22] = w, r[23] = B, r[24] = H, r[25] = eW) : eW = r[25];
+    let tW = eW, nW;
+    r[26] !== G.labelOf || r[27] !== I ? (nW = (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] = KU) : KU = r[28];
-    let qU = KU, JU = e["data-testid"], YU;
-    r[29] === G ? YU = r[30] : (YU = (e2) => G.labelOf(e2), r[29] = G, r[30] = YU);
-    let XU = M ? qU : void 0, ZU;
-    r[31] !== b || r[32] !== R ? (ZU = cn({
+    }, r[26] = G.labelOf, r[27] = I, r[28] = nW) : nW = r[28];
+    let rW = nW, iW = e["data-testid"], aW;
+    r[29] === G ? aW = r[30] : (aW = (e2) => G.labelOf(e2), r[29] = G, r[30] = aW);
+    let oW = M ? rW : void 0, sW;
+    r[31] !== b || r[32] !== R ? (sW = cn({
       "w-full": R
-    }, b), r[31] = b, r[32] = R, r[33] = ZU) : ZU = r[33];
-    let QU = G.searchQuery, $U = G.setSearchQuery, eW = G.open, tW = G.setOpen, nW;
-    r[34] === z ? nW = r[35] : (nW = renderSlot(z), r[34] = z, r[35] = nW);
-    let rW;
-    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] !== JU || r[44] !== YU || r[45] !== XU || r[46] !== ZU || r[47] !== nW ? (rW = {
+    }, b), r[31] = b, r[32] = R, r[33] = sW) : sW = r[33];
+    let cW = G.searchQuery, lW = G.setSearchQuery, uW = G.open, dW = G.setOpen, fW;
+    r[34] === z ? fW = r[35] : (fW = renderSlot(z), r[34] = z, r[35] = fW);
+    let pW;
+    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] !== iW || r[44] !== aW || r[45] !== oW || r[46] !== sW || r[47] !== fW ? (pW = {
       "data-slot": "select-root",
-      "data-testid": JU,
-      displayValue: YU,
-      renderValue: XU,
+      "data-testid": iW,
+      displayValue: aW,
+      renderValue: oW,
       placeholder: I,
-      className: ZU,
+      className: sW,
       shouldFilter: false,
-      search: QU,
-      onSearchChange: $U,
-      open: eW,
-      onOpenChange: tW,
-      emptyState: nW,
+      search: cW,
+      onSearchChange: lW,
+      open: uW,
+      onOpenChange: dW,
+      emptyState: fW,
       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] = JU, r[44] = YU, r[45] = XU, r[46] = ZU, r[47] = nW, r[48] = rW) : rW = r[48];
-    let iW = rW, aW;
-    return r[49] !== iW || r[50] !== VU || r[51] !== d || r[52] !== GU || r[53] !== l ? (aW = d ? (0, import_jsx_runtime.jsx)(Combobox, {
-      ...iW,
+    }, 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] = iW, r[44] = aW, r[45] = oW, r[46] = sW, r[47] = fW, r[48] = pW) : pW = r[48];
+    let mW = pW, hW;
+    return r[49] !== mW || r[50] !== ZU || r[51] !== d || r[52] !== tW || r[53] !== l ? (hW = d ? (0, import_jsx_runtime.jsx)(Combobox, {
+      ...mW,
       multiple: true,
       value: l,
-      onValueChange: VU,
-      children: GU()
+      onValueChange: ZU,
+      children: tW()
     }) : (0, import_jsx_runtime.jsx)(Combobox, {
-      ...iW,
+      ...mW,
       multiple: false,
       value: l,
-      onValueChange: VU,
-      children: GU()
-    }), r[49] = iW, r[50] = VU, r[51] = d, r[52] = GU, r[53] = l, r[54] = aW) : aW = r[54], aW;
+      onValueChange: ZU,
+      children: tW()
+    }), r[49] = mW, r[50] = ZU, r[51] = d, r[52] = tW, r[53] = l, r[54] = hW) : hW = r[54], hW;
   }
   function _temp$26(e) {
     let r = "enabled" in e ? !e.enabled : e.items.length === 0;
@@ -9673,7 +9673,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)) : VU(e2, l2), f.mount && w();
+        isUndefined(l2) || p2 && p2.defaultChecked || r2 ? set(d, e2, r2 ? l2 : getFieldValue(m2._f)) : ZU(e2, l2), f.mount && w();
       }
     }, I = (e2, d2, f2, p2, m2) => {
       let h2 = false, v2 = false, y2 = {
@@ -9746,14 +9746,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)) && ZU(e2);
+        r2 && (r2._f.refs ? r2._f.refs.every((e3) => !live(e3)) : !live(r2._f.ref)) && sW(e2);
       }
       p.unMount = /* @__PURE__ */ new Set();
-    }, W = (e2, c2) => !r.disabled && (e2 && c2 && set(d, e2, c2), !deepEqual(KU(), u)), G = (e2, r2, c2) => generateWatchOutput(e2, p, {
+    }, W = (e2, c2) => !r.disabled && (e2 && c2 && set(d, e2, c2), !deepEqual(nW(), 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, []) : [])), VU = (e2, r2, c2 = {}) => {
+    }, c2, r2), q = (e2) => compact$1(get(f.mount ? d : u, e2, r.shouldUnregister ? get(u, e2, []) : [])), ZU = (e2, r2, c2 = {}) => {
       let u2 = get(l, e2), f2 = r2;
       if (u2) {
         let c3 = u2._f;
@@ -9766,13 +9766,13 @@ let __tla = Promise.all([
           }
         })));
       }
-      (c2.shouldDirty || c2.shouldTouch) && I(e2, f2, c2.shouldTouch, c2.shouldDirty, true), c2.shouldValidate && GU(e2);
+      (c2.shouldDirty || c2.shouldTouch) && I(e2, f2, c2.shouldTouch, c2.shouldDirty, true), c2.shouldValidate && tW(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) : VU(f2, d2, c2);
+        (p.array.has(e2) || isObject$1(d2) || m2 && !m2._f) && !isDateObject(d2) ? Z(f2, d2, c2) : ZU(f2, d2, c2);
       }
-    }, HU = (e2, r2, m2 = {}) => {
+    }, QU = (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,
@@ -9783,7 +9783,7 @@ let __tla = Promise.all([
         name: e2,
         dirtyFields: getDirtyFields(u, d),
         isDirty: W(e2, y2)
-      })) : h2 && !h2._f && !isNullOrUndefined(y2) ? Z(e2, y2, m2) : VU(e2, y2, m2), isWatched(e2, p) && _.state.next({
+      })) : h2 && !h2._f && !isNullOrUndefined(y2) ? Z(e2, y2, m2) : ZU(e2, y2, m2), isWatched(e2, p) && _.state.next({
         ...c
       }), _.values.next({
         name: f.mount ? e2 : void 0,
@@ -9791,7 +9791,7 @@ let __tla = Promise.all([
           ...d
         }
       });
-    }, UU = async (e2) => {
+    }, $U = 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));
@@ -9825,11 +9825,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 && GU(E2._f.deps), L(h2, f2, u3, G2));
+        S2 && (E2._f.deps && tW(E2._f.deps), L(h2, f2, u3, G2));
       }
-    }, WU = (e2, r2) => {
+    }, eW = (e2, r2) => {
       if (get(c.errors, r2) && e2.focus) return e2.focus(), 1;
-    }, GU = async (e2, u2 = {}) => {
+    }, tW = async (e2, u2 = {}) => {
       let d2, f2, m2 = convertToArrayPayload(e2);
       if (r.resolver) {
         let r2 = await z(isUndefined(e2) ? e2 : m2);
@@ -9848,23 +9848,23 @@ let __tla = Promise.all([
           isValid: d2
         } : {},
         errors: c.errors
-      }), u2.shouldFocus && !f2 && iterateFieldsByAction(l, WU, e2 ? m2 : p.mount), f2;
-    }, KU = (e2) => {
+      }), u2.shouldFocus && !f2 && iterateFieldsByAction(l, eW, e2 ? m2 : p.mount), f2;
+    }, nW = (e2) => {
       let r2 = {
         ...f.mount ? d : u
       };
       return isUndefined(e2) ? r2 : isString(e2) ? get(r2, e2) : e2.map((e3) => get(r2, e3));
-    }, qU = (e2, r2) => ({
+    }, rW = (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)
-    }), JU = (e2) => {
+    }), iW = (e2) => {
       e2 && convertToArrayPayload(e2).forEach((e3) => unset(c.errors, e3)), _.state.next({
         errors: e2 ? c.errors : {}
       });
-    }, YU = (e2, r2, u2) => {
+    }, aW = (e2, r2, u2) => {
       let d2 = (get(l, e2, {
         _f: {}
       })._f || {}).ref, { ref: f2, message: p2, type: m2, ...h2 } = get(c.errors, e2) || {};
@@ -9877,9 +9877,9 @@ let __tla = Promise.all([
         errors: c.errors,
         isValid: false
       }), u2 && u2.shouldFocus && d2 && d2.focus && d2.focus();
-    }, XU = (e2, r2) => isFunction$1(e2) ? _.values.subscribe({
+    }, oW = (e2, r2) => isFunction$1(e2) ? _.values.subscribe({
       next: (c2) => e2(G(void 0, r2), c2)
-    }) : G(e2, r2, true), ZU = (e2, f2 = {}) => {
+    }) : G(e2, r2, true), sW = (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: {
@@ -9891,9 +9891,9 @@ let __tla = Promise.all([
           isDirty: W()
         } : {}
       }), !f2.keepIsValid && w();
-    }, QU = ({ disabled: e2, name: r2, field: c2, fields: l2 }) => {
+    }, cW = ({ 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));
-    }, $U = (e2, c2 = {}) => {
+    }, lW = (e2, c2 = {}) => {
       let d2 = get(l, e2), m2 = isBoolean(c2.disabled) || isBoolean(r.disabled);
       return set(l, e2, {
         ...d2 || {},
@@ -9907,7 +9907,7 @@ let __tla = Promise.all([
           mount: true,
           ...c2
         }
-      }), p.mount.add(e2), d2 ? QU({
+      }), p.mount.add(e2), d2 ? cW({
         field: d2,
         disabled: isBoolean(c2.disabled) ? c2.disabled : r.disabled,
         name: e2
@@ -9924,11 +9924,11 @@ let __tla = Promise.all([
           pattern: getRuleValue(c2.pattern)
         } : {},
         name: e2,
-        onChange: UU,
-        onBlur: UU,
+        onChange: $U,
+        onBlur: $U,
         ref: (m3) => {
           if (m3) {
-            $U(e2, c2), d2 = get(l, e2);
+            lW(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, {
@@ -9954,7 +9954,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);
         }
       };
-    }, eW = () => r.shouldFocusError && iterateFieldsByAction(l, WU, p.mount), tW = (e2) => {
+    }, uW = () => r.shouldFocusError && iterateFieldsByAction(l, eW, p.mount), dW = (e2) => {
       isBoolean(e2) && (_.state.next({
         disabled: e2
       }), iterateFieldsByAction(l, (r2, c2) => {
@@ -9963,7 +9963,7 @@ let __tla = Promise.all([
           r3.disabled = u2._f.disabled || e2;
         }));
       }, 0, false));
-    }, nW = (e2, u2) => async (f2) => {
+    }, fW = (e2, u2) => async (f2) => {
       let m2;
       f2 && (f2.preventDefault && f2.preventDefault(), f2.persist && f2.persist());
       let h2 = cloneObject(d);
@@ -9985,7 +9985,7 @@ let __tla = Promise.all([
         }
       } else u2 && await u2({
         ...c.errors
-      }, f2), eW(), setTimeout(eW);
+      }, f2), uW(), setTimeout(uW);
       if (_.state.next({
         isSubmitted: true,
         isSubmitting: false,
@@ -9993,11 +9993,11 @@ let __tla = Promise.all([
         submitCount: c.submitCount + 1,
         errors: c.errors
       }), m2) throw m2;
-    }, rW = (e2, r2 = {}) => {
-      get(l, e2) && (isUndefined(r2.defaultValue) ? HU(e2, cloneObject(get(u, e2))) : (HU(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({
+    }, pW = (e2, r2 = {}) => {
+      get(l, e2) && (isUndefined(r2.defaultValue) ? QU(e2, cloneObject(get(u, e2))) : (QU(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
       }));
-    }, iW = (e2, m2 = {}) => {
+    }, mW = (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) {
@@ -10005,7 +10005,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)) : HU(r2, get(b2, r2));
+          for (let r2 of Array.from(e3)) get(c.dirtyFields, r2) ? set(b2, r2, get(d, r2)) : QU(r2, get(b2, r2));
         } else {
           if (isWeb && isUndefined(e2)) for (let e3 of p.mount) {
             let r2 = get(l, e3);
@@ -10050,25 +10050,25 @@ let __tla = Promise.all([
         isSubmitSuccessful: m2.keepIsSubmitSuccessful ? c.isSubmitSuccessful : false,
         isSubmitting: false
       });
-    }, aW = (e2, r2) => iW(isFunction$1(e2) ? e2(d) : e2, r2);
+    }, hW = (e2, r2) => mW(isFunction$1(e2) ? e2(d) : e2, r2);
     return {
       control: {
-        register: $U,
-        unregister: ZU,
-        getFieldState: qU,
-        handleSubmit: nW,
-        setError: YU,
+        register: lW,
+        unregister: sW,
+        getFieldState: rW,
+        handleSubmit: fW,
+        setError: aW,
         _executeSchema: R,
         _getWatch: G,
         _getDirty: W,
         _updateValid: w,
         _removeUnmounted: H,
         _updateFieldArray: E,
-        _updateDisabledField: QU,
+        _updateDisabledField: cW,
         _getFieldArray: q,
-        _reset: iW,
+        _reset: mW,
         _resetDefaultValues: () => isFunction$1(r.defaultValues) && r.defaultValues().then((e2) => {
-          aW(e2, r.resetOptions), _.state.next({
+          hW(e2, r.resetOptions), _.state.next({
             isLoading: false
           });
         }),
@@ -10078,7 +10078,7 @@ let __tla = Promise.all([
             ...e2
           };
         },
-        _disableForm: tW,
+        _disableForm: dW,
         _subjects: _,
         _proxyFormState: g,
         _setErrors: j,
@@ -10119,17 +10119,17 @@ let __tla = Promise.all([
           };
         }
       },
-      trigger: GU,
-      register: $U,
-      handleSubmit: nW,
-      watch: XU,
-      setValue: HU,
-      getValues: KU,
-      reset: aW,
-      resetField: rW,
-      clearErrors: JU,
-      unregister: ZU,
-      setError: YU,
+      trigger: tW,
+      register: lW,
+      handleSubmit: fW,
+      watch: oW,
+      setValue: QU,
+      getValues: nW,
+      reset: hW,
+      resetField: pW,
+      clearErrors: iW,
+      unregister: sW,
+      setError: aW,
       setFocus: (e2, r2 = {}) => {
         let c2 = get(l, e2), u2 = c2 && c2._f;
         if (u2) {
@@ -10137,7 +10137,7 @@ let __tla = Promise.all([
           e3.focus && (e3.focus(), r2.shouldSelect && isFunction$1(e3.select) && e3.select());
         }
       },
-      getFieldState: qU
+      getFieldState: rW
     };
   }
   function useForm(e = {}) {
@@ -14388,21 +14388,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: VU } = useAsyncData(z, H), Z = useAtomValue(downloadSizeLimitAtom), HU;
-    r[48] !== Z || r[49] !== e ? (HU = 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] = HU) : HU = r[50];
-    let UU = e.showDownload, WU = e.get_size_bytes, GU = e.lazy, KU = e.totalRows, qU = useDeepCompareMemoize(w), JU = useDeepCompareMemoize(m), YU;
-    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] !== qU || r[58] !== JU ? (YU = [
+    let { data: W, error: G, isPending: q, isFetching: ZU } = useAsyncData(z, H), Z = useAtomValue(downloadSizeLimitAtom), QU;
+    r[48] !== Z || r[49] !== e ? (QU = 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] = QU) : QU = r[50];
+    let $U = e.showDownload, eW = e.get_size_bytes, tW = e.lazy, nW = e.totalRows, rW = useDeepCompareMemoize(w), iW = useDeepCompareMemoize(m), aW;
+    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] !== rW || r[58] !== iW ? (aW = [
       Z,
-      UU,
-      WU,
-      GU,
-      KU,
+      $U,
+      eW,
+      tW,
+      nW,
       y,
-      qU,
-      JU
-    ], 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] = qU, r[58] = JU, r[59] = YU) : YU = r[59];
-    let { data: XU, isPending: ZU } = useAsyncData(HU, YU), QU = XU ?? null, $U = !!Z && e.showDownload && ZU, eW;
-    r[60] !== w || r[61] !== u || r[62] !== y || r[63] !== m ? (eW = async (e2) => ({
+      rW,
+      iW
+    ], 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] = rW, r[58] = iW, r[59] = aW) : aW = r[59];
+    let { data: oW, isPending: sW } = useAsyncData(QU, aW), cW = oW ?? null, lW = !!Z && e.showDownload && sW, uW;
+    r[60] !== w || r[61] !== u || r[62] !== y || r[63] !== m ? (uW = async (e2) => ({
       rows: await loadTableData((await u({
         page_number: e2,
         page_size: 1,
@@ -14411,17 +14411,17 @@ ${c}
         filters: filtersToFilterGroup(w),
         max_columns: null
       })).data)
-    }), r[60] = w, r[61] = u, r[62] = y, r[63] = m, r[64] = eW) : eW = r[64];
-    let tW = eW, nW;
-    r[65] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (nW = () => {
+    }), r[60] = w, r[61] = u, r[62] = y, r[63] = m, r[64] = uW) : uW = r[64];
+    let dW = uW, fW;
+    r[65] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (fW = () => {
       v(_temp4$4);
-    }, r[65] = nW) : nW = r[65];
-    let rW = W == null ? void 0 : W.totalRows, iW;
-    r[66] === rW ? iW = r[67] : (iW = [
-      rW
-    ], r[66] = rW, r[67] = iW), (0, import_react.useEffect)(nW, iW);
-    let aW;
-    r[68] === e ? aW = r[69] : (aW = async () => {
+    }, r[65] = fW) : fW = r[65];
+    let pW = W == null ? void 0 : W.totalRows, mW;
+    r[66] === pW ? mW = r[67] : (mW = [
+      pW
+    ], r[66] = pW, r[67] = mW), (0, import_react.useEffect)(fW, mW);
+    let hW;
+    r[68] === e ? hW = r[69] : (hW = async () => {
       let r2 = isStaticNotebook();
       return e.totalRows === 0 || !e.showColumnSummaries || r2 ? {
         data: null,
@@ -14430,22 +14430,22 @@ ${c}
         value_counts: {},
         show_charts: false
       } : e.get_column_summaries({});
-    }, r[68] = e, r[69] = aW);
-    let oW;
-    r[70] !== w || r[71] !== e.data || r[72] !== e.get_column_summaries || r[73] !== e.showColumnSummaries || r[74] !== e.totalRows || r[75] !== y ? (oW = [
+    }, r[68] = e, r[69] = hW);
+    let gW;
+    r[70] !== w || r[71] !== e.data || r[72] !== e.get_column_summaries || r[73] !== e.showColumnSummaries || r[74] !== e.totalRows || r[75] !== y ? (gW = [
       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] = oW) : oW = r[76];
-    let { data: sW, error: cW } = useAsyncData(aW, oW), lW, uW;
-    if (r[77] === cW ? (lW = r[78], uW = r[79]) : (lW = () => {
-      cW && Logger.error(cW);
-    }, uW = [
-      cW
-    ], r[77] = cW, r[78] = lW, r[79] = uW), (0, import_react.useEffect)(lW, uW), 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] = gW) : gW = r[76];
+    let { data: _W, error: vW } = useAsyncData(hW, gW), yW, bW;
+    if (r[77] === vW ? (yW = r[78], bW = r[79]) : (yW = () => {
+      vW && Logger.error(vW);
+    }, bW = [
+      vW
+    ], r[77] = vW, r[78] = yW, r[79] = bW), (0, import_react.useEffect)(yW, bW), 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,
@@ -14454,7 +14454,7 @@ ${c}
         })
       }), r[80] = c2, r[81] = l2), l2;
     }
-    let dW = null;
+    let xW = null;
     if (G) {
       Logger.error(G);
       let e2;
@@ -14470,61 +14470,61 @@ ${c}
             children: G.message || "An unknown error occurred"
           })
         ]
-      }), r[82] = G, r[83] = e2), dW = e2;
+      }), r[82] = G, r[83] = e2), xW = e2;
     }
-    let fW;
-    r[84] === O ? fW = r[85] : (fW = () => {
+    let SW;
+    r[84] === O ? SW = r[85] : (SW = () => {
       j(!O);
-    }, r[84] = O, r[85] = fW);
-    let pW = fW, mW = (W == null ? void 0 : W.rows) ?? Arrays.EMPTY, hW = W == null ? void 0 : W.rawRows, gW = VU && !q, _W = (W == null ? void 0 : W.totalRows) ?? e.totalRows, vW = (W == null ? void 0 : W.cellStyles) ?? e.cellStyles, yW = (W == null ? void 0 : W.cellHoverTexts) ?? e.cellHoverTexts, bW;
-    r[86] !== l || r[87] !== sW || r[88] !== O || r[89] !== w || r[90] !== tW || r[91] !== _ || r[92] !== e || r[93] !== y || r[94] !== QU || r[95] !== $U || r[96] !== m || r[97] !== mW || r[98] !== hW || r[99] !== gW || r[100] !== _W || r[101] !== vW || r[102] !== yW || r[103] !== pW ? (bW = (0, import_jsx_runtime.jsx)(DataTableComponent, {
+    }, r[84] = O, r[85] = SW);
+    let CW = SW, wW = (W == null ? void 0 : W.rows) ?? Arrays.EMPTY, TW = W == null ? void 0 : W.rawRows, EW = ZU && !q, DW = (W == null ? void 0 : W.totalRows) ?? e.totalRows, OW = (W == null ? void 0 : W.cellStyles) ?? e.cellStyles, kW = (W == null ? void 0 : W.cellHoverTexts) ?? e.cellHoverTexts, AW;
+    r[86] !== l || r[87] !== _W || r[88] !== O || r[89] !== w || r[90] !== dW || r[91] !== _ || r[92] !== e || r[93] !== y || r[94] !== cW || r[95] !== lW || r[96] !== m || r[97] !== wW || r[98] !== TW || r[99] !== EW || r[100] !== DW || r[101] !== OW || r[102] !== kW || r[103] !== CW ? (AW = (0, import_jsx_runtime.jsx)(DataTableComponent, {
       ...e,
-      data: mW,
-      rawData: hW,
-      columnSummaries: sW,
+      data: wW,
+      rawData: TW,
+      columnSummaries: _W,
       sorting: m,
       setSorting: h,
       searchQuery: y,
       setSearchQuery: b,
       filters: w,
       setFilters: T,
-      reloading: gW,
-      totalRows: _W,
-      sizeBytes: QU,
-      sizeBytesIsLoading: $U,
+      reloading: EW,
+      totalRows: DW,
+      sizeBytes: cW,
+      sizeBytesIsLoading: lW,
       paginationState: _,
       setPaginationState: v,
-      cellStyles: vW,
-      cellHoverTexts: yW,
-      toggleDisplayHeader: pW,
+      cellStyles: OW,
+      cellHoverTexts: kW,
+      toggleDisplayHeader: CW,
       isChartBuilderOpen: O,
-      getRow: tW,
+      getRow: dW,
       cellId: l,
       maxHeight: e.maxHeight
-    }), r[86] = l, r[87] = sW, r[88] = O, r[89] = w, r[90] = tW, r[91] = _, r[92] = e, r[93] = y, r[94] = QU, r[95] = $U, r[96] = m, r[97] = mW, r[98] = hW, r[99] = gW, r[100] = _W, r[101] = vW, r[102] = yW, r[103] = pW, r[104] = bW) : bW = r[104];
-    let xW = bW, SW;
-    r[105] !== l || r[106] !== xW || 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 ? (SW = e.showChartBuilder ? (0, import_jsx_runtime.jsx)(TablePanel, {
+    }), r[86] = l, r[87] = _W, r[88] = O, r[89] = w, r[90] = dW, r[91] = _, r[92] = e, r[93] = y, r[94] = cW, r[95] = lW, r[96] = m, r[97] = wW, r[98] = TW, r[99] = EW, r[100] = DW, r[101] = OW, r[102] = kW, r[103] = CW, r[104] = AW) : AW = r[104];
+    let jW = AW, MW;
+    r[105] !== l || r[106] !== jW || 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 ? (MW = 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: xW,
+      dataTable: jW,
       getDataUrl: e.get_data_url,
       fieldTypes: e.fieldTypes,
       cellId: l
-    }) : xW, r[105] = l, r[106] = xW, 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] = SW) : SW = r[114];
-    let CW;
-    return r[115] !== dW || r[116] !== SW ? (CW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    }) : jW, r[105] = l, r[106] = jW, 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] = MW) : MW = r[114];
+    let NW;
+    return r[115] !== xW || r[116] !== MW ? (NW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        dW,
-        SW
+        xW,
+        MW
       ]
-    }), r[115] = dW, r[116] = SW, r[117] = CW) : CW = r[117], CW;
+    }), r[115] = xW, r[116] = MW, r[117] = NW) : NW = r[117], NW;
   });
   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, showSearch: W, searchQuery: G, setSearchQuery: q, filters: VU, setFilters: Z, reloading: HU, freezeColumnsLeft: UU, freezeColumnsRight: WU, hiddenColumns: GU, textJustifyColumns: KU, wrappedColumns: qU, columnWidths: JU, headerTooltip: YU, totalColumns: XU, get_row_ids: ZU, cellStyles: QU, hoverTemplate: $U, cellHoverTexts: eW, toggleDisplayHeader: tW, isChartBuilderOpen: nW, calculate_top_k_rows: rW, preview_column: iW, getRow: aW, cellId: oW, maxHeight: sW }) => {
-    let cW = (0, import_react.useId)(), { locale: lW } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [uW, dW] = (0, import_react.useState)(0), { isPanelOpen: fW, isAnyPanelOpen: pW, togglePanel: mW, panelType: hW, setPanelType: gW } = usePanelOwnership(cW, oW), _W = isStaticNotebook(), vW = (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, showSearch: W, searchQuery: G, setSearchQuery: q, filters: ZU, setFilters: Z, reloading: QU, freezeColumnsLeft: $U, freezeColumnsRight: eW, hiddenColumns: tW, textJustifyColumns: nW, wrappedColumns: rW, columnWidths: iW, headerTooltip: aW, totalColumns: oW, get_row_ids: sW, cellStyles: cW, hoverTemplate: lW, cellHoverTexts: uW, toggleDisplayHeader: dW, isChartBuilderOpen: fW, calculate_top_k_rows: pW, preview_column: mW, getRow: hW, cellId: gW, maxHeight: _W }) => {
+    let vW = (0, import_react.useId)(), { locale: yW } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [bW, xW] = (0, import_react.useState)(0), { isPanelOpen: SW, isAnyPanelOpen: CW, togglePanel: wW, panelType: TW, setPanelType: EW } = usePanelOwnership(vW, gW), DW = isStaticNotebook(), OW = (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, {
@@ -14533,13 +14533,13 @@ ${c}
     }, [
       O,
       L
-    ]), yW = useDeepCompareMemoize(O ?? inferFieldTypes(r)), bW = (0, import_react.useMemo)(() => f === "all" ? yW : yW.slice(0, f), [
+    ]), kW = useDeepCompareMemoize(O ?? inferFieldTypes(r)), AW = (0, import_react.useMemo)(() => f === "all" ? kW : kW.slice(0, f), [
       f,
-      yW
-    ]), xW = (0, import_react.useMemo)(() => {
+      kW
+    ]), jW = (0, import_react.useMemo)(() => {
       let e2 = {};
       if (r && r.length > 0) {
-        for (let [c2, l2] of bW) if (l2[0] === "number") {
+        for (let [c2, l2] of AW) if (l2[0] === "number") {
           let l3 = 0;
           for (let e3 of r) {
             let r2 = e3[c2];
@@ -14554,95 +14554,95 @@ ${c}
       return e2;
     }, [
       r,
-      bW
-    ]), SW = useDeepCompareMemoize(T), CW = useDeepCompareMemoize(KU), wW = useDeepCompareMemoize(qU), TW = useDeepCompareMemoize(JU), EW = useDeepCompareMemoize(vW), DW = useDeepCompareMemoize(xW), OW = bW.length;
-    O || (w = false), _W && (m = null);
-    let kW = (0, import_react.useMemo)(() => generateColumns({
-      rowHeaders: SW,
+      AW
+    ]), MW = useDeepCompareMemoize(T), NW = useDeepCompareMemoize(nW), PW = useDeepCompareMemoize(rW), FW = useDeepCompareMemoize(iW), IW = useDeepCompareMemoize(OW), LW = useDeepCompareMemoize(jW), RW = AW.length;
+    O || (w = false), DW && (m = null);
+    let zW = (0, import_react.useMemo)(() => generateColumns({
+      rowHeaders: MW,
       selection: m,
-      chartSpecModel: EW,
-      fieldTypes: bW,
-      textJustifyColumns: CW,
-      wrappedColumns: wW,
-      columnWidths: TW,
-      headerTooltip: YU,
+      chartSpecModel: IW,
+      fieldTypes: AW,
+      textJustifyColumns: NW,
+      wrappedColumns: PW,
+      columnWidths: FW,
+      headerTooltip: aW,
       showDataTypes: w,
-      calculateTopKRows: rW,
-      fractionDigitsByColumn: DW
+      calculateTopKRows: pW,
+      fractionDigitsByColumn: LW
     }), [
       m,
       w,
-      EW,
-      SW,
-      bW,
-      CW,
-      wW,
-      TW,
-      YU,
-      rW,
-      DW
-    ]), AW = (0, import_react.useMemo)(() => Object.fromEntries((h || []).map((e2) => [
+      IW,
+      MW,
+      AW,
+      NW,
+      PW,
+      FW,
+      aW,
+      pW,
+      LW
+    ]), BW = (0, import_react.useMemo)(() => Object.fromEntries((h || []).map((e2) => [
       e2,
       true
     ])), [
       h
-    ]), jW = useEvent_default((e2) => {
+    ]), VW = 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)(BW);
         z(Object.keys(r2));
       }
-    }), MW = useEvent_default((e2) => {
-      if (dW(e2), e2 < 0 || typeof l == "number" && e2 >= l || l === "too_many") return;
+    }), HW = useEvent_default((e2) => {
+      if (xW(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 && !!iW, LW = isInVscodeExtension(), RW = isIslands(), zW = (0, import_react.useMemo)(() => {
-      if (!(!pW || !(b || IW))) return (e2) => (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
+    }), UW = h.filter((e2) => e2 instanceof Object && e2.columnName !== void 0), WW = useEvent_default((e2) => {
+      m === "single-cell" && z(Functions.asUpdater(e2)(UW).slice(0, 1)), m === "multi-cell" && z(Functions.asUpdater(e2)(UW));
+    }), GW = m === "multi" || m === "single", KW = y && !!mW, qW = isInVscodeExtension(), JW = isIslands(), YW = (0, import_react.useMemo)(() => {
+      if (!(!CW || !(b || KW))) return (e2) => (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
         children: (0, import_jsx_runtime.jsx)(TableExplorerPanel, {
-          rowIdx: uW,
-          setRowIdx: MW,
+          rowIdx: bW,
+          setRowIdx: HW,
           totalRows: l,
-          fieldTypes: yW,
-          getRow: aW,
-          isSelectable: FW,
-          isRowSelected: !!AW[uW],
-          handleRowSelectionChange: jW,
-          previewColumn: iW,
-          totalColumns: XU,
-          tableId: cW,
+          fieldTypes: kW,
+          getRow: hW,
+          isSelectable: GW,
+          isRowSelected: !!BW[bW],
+          handleRowSelectionChange: VW,
+          previewColumn: mW,
+          totalColumns: oW,
+          tableId: vW,
           table: e2,
-          showRowExplorer: b && !LW,
-          showColumnExplorer: IW && !LW,
-          activeTab: hW,
-          onTabChange: gW
+          showRowExplorer: b && !qW,
+          showColumnExplorer: KW && !qW,
+          activeTab: TW,
+          onTabChange: EW
         })
       });
     }, [
-      pW,
+      CW,
       b,
-      IW,
-      uW,
-      MW,
+      KW,
+      bW,
+      HW,
       l,
-      yW,
-      aW,
-      FW,
-      AW,
-      jW,
-      iW,
-      XU,
-      cW,
-      LW,
+      kW,
       hW,
-      gW
+      GW,
+      BW,
+      VW,
+      mW,
+      oW,
+      vW,
+      qW,
+      TW,
+      EW
     ]);
     return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
@@ -14654,27 +14654,27 @@ ${c}
             " rows."
           ]
         }),
-        OW < XU && OW > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
+        RW < oW && RW > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
           className: "mb-1 rounded",
           children: [
             "Result clipped. Showing ",
-            OW,
+            RW,
             " of ",
-            XU,
+            oW,
             " columns."
           ]
         }),
-        _W && typeof l == "number" && r.length < l && (0, import_jsx_runtime.jsxs)(Banner, {
+        DW && typeof l == "number" && r.length < l && (0, import_jsx_runtime.jsxs)(Banner, {
           className: "mb-1 rounded",
           children: [
             "Showing the first ",
             (0, import_jsx_runtime.jsx)("strong", {
-              children: prettyNumber(r.length, lW)
+              children: prettyNumber(r.length, yW)
             }),
             " ",
             "of ",
             (0, import_jsx_runtime.jsx)("strong", {
-              children: prettyNumber(l, lW)
+              children: prettyNumber(l, yW)
             }),
             " rows. Increase the table's ",
             (0, import_jsx_runtime.jsx)("code", {
@@ -14688,7 +14688,7 @@ ${c}
           children: "Column summaries are unavailable. Filter your data to fewer than 1,000,000 rows."
         }),
         (0, import_jsx_runtime.jsx)(ColumnChartContext, {
-          value: vW,
+          value: OW,
           children: (0, import_jsx_runtime.jsx)(Labeled, {
             label: e,
             align: "top",
@@ -14696,14 +14696,14 @@ ${c}
             children: (0, import_jsx_runtime.jsx)(DataTable, {
               data: r,
               rawData: c,
-              columns: kW,
+              columns: zW,
               className: R,
-              maxHeight: sW,
+              maxHeight: _W,
               sorting: B,
               totalRows: l,
               sizeBytes: u,
               sizeBytesIsLoading: d,
-              totalColumns: XU,
+              totalColumns: oW,
               manualSorting: true,
               setSorting: H,
               pagination: p,
@@ -14711,37 +14711,37 @@ ${c}
               selection: m,
               paginationState: j,
               setPaginationState: M,
-              rowSelection: AW,
-              cellSelection: NW,
-              cellStyling: QU,
-              hoverTemplate: $U,
-              cellHoverTexts: eW,
+              rowSelection: BW,
+              cellSelection: UW,
+              cellStyling: cW,
+              hoverTemplate: lW,
+              cellHoverTexts: uW,
               downloadAs: _ ? I : void 0,
               showSearch: W,
               searchQuery: G,
               onSearchQueryChange: q,
               showFilters: g,
-              filters: VU,
+              filters: ZU,
               onFiltersChange: Z,
-              calculateTopKRows: rW,
-              reloading: HU,
-              onRowSelectionChange: jW,
-              freezeColumnsLeft: UU,
-              freezeColumnsRight: WU,
-              hiddenColumns: GU,
-              onCellSelectionChange: PW,
-              getRowIds: ZU,
-              toggleDisplayHeader: tW,
-              showChartBuilder: S && !RW,
-              isChartBuilderOpen: nW,
+              calculateTopKRows: pW,
+              reloading: QU,
+              onRowSelectionChange: VW,
+              freezeColumnsLeft: $U,
+              freezeColumnsRight: eW,
+              hiddenColumns: tW,
+              onCellSelectionChange: WW,
+              getRowIds: sW,
+              toggleDisplayHeader: dW,
+              showChartBuilder: S && !JW,
+              isChartBuilderOpen: fW,
               showPageSizeSelector: v,
-              showTableExplorer: (b || IW) && !LW && !RW,
-              togglePanel: mW,
-              isPanelOpen: fW,
-              isAnyPanelOpen: pW,
-              viewedRowIdx: uW,
-              onViewedRowChange: (e2) => dW(e2),
-              renderTableExplorerPanel: zW
+              showTableExplorer: (b || KW) && !qW && !JW,
+              togglePanel: wW,
+              isPanelOpen: SW,
+              isAnyPanelOpen: CW,
+              viewedRowIdx: bW,
+              onViewedRowChange: (e2) => xW(e2),
+              renderTableExplorerPanel: YW
             })
           })
         })
@@ -16793,29 +16793,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, VU] = (0, import_react.useState)(f || EMPTY), Z = (0, import_react.useRef)(null), HU;
-    r[6] === d ? HU = r[7] : (HU = (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, ZU] = (0, import_react.useState)(f || EMPTY), Z = (0, import_react.useRef)(null), QU;
+    r[6] === d ? QU = r[7] : (QU = (e2) => {
       var _a3;
       d && e2 !== "transform" && ((_a3 = Z.current) == null ? void 0 : _a3.submit());
-    }, r[6] = d, r[7] = HU);
-    let UU = HU, WU = (0, import_react.useRef)(q), GU;
-    r[8] === q ? GU = r[9] : (GU = () => {
-      WU.current = q;
-    }, r[8] = q, r[9] = GU), (0, import_react.useEffect)(GU);
-    let KU;
-    r[10] !== p || r[11] !== (f == null ? void 0 : f.transforms.length) ? (KU = () => {
-      let e2 = WU.current;
+    }, r[6] = d, r[7] = QU);
+    let $U = QU, eW = (0, import_react.useRef)(q), tW;
+    r[8] === q ? tW = r[9] : (tW = () => {
+      eW.current = q;
+    }, r[8] = q, r[9] = tW), (0, import_react.useEffect)(tW);
+    let nW;
+    r[10] !== p || r[11] !== (f == null ? void 0 : f.transforms.length) ? (nW = () => {
+      let e2 = eW.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] = KU) : KU = r[12];
-    let qU = f == null ? void 0 : f.transforms.length, JU;
-    r[13] !== T || r[14] !== p || r[15] !== qU ? (JU = [
+    }, r[10] = p, r[11] = f == null ? void 0 : f.transforms.length, r[12] = nW) : nW = r[12];
+    let rW = f == null ? void 0 : f.transforms.length, iW;
+    r[13] !== T || r[14] !== p || r[15] !== rW ? (iW = [
       T,
-      qU,
-      WU,
+      rW,
+      eW,
       p
-    ], r[13] = T, r[14] = p, r[15] = qU, r[16] = JU) : JU = r[16], (0, import_react.useEffect)(KU, JU);
-    let YU;
-    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (YU = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    ], r[13] = T, r[14] = p, r[15] = rW, r[16] = iW) : iW = r[16], (0, import_react.useEffect)(nW, iW);
+    let aW;
+    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (aW = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "transform",
       className: "text-xs py-1",
       children: [
@@ -16824,9 +16824,9 @@ ${c}
         }),
         "Transform"
       ]
-    }), r[17] = YU) : YU = r[17];
-    let XU;
-    r[18] === H ? XU = r[19] : (XU = H && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[17] = aW) : aW = r[17];
+    let oW;
+    r[18] === H ? oW = r[19] : (oW = H && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "python-code",
       className: "text-xs py-1",
       children: [
@@ -16835,9 +16835,9 @@ ${c}
         }),
         "Python Code"
       ]
-    }), r[18] = H, r[19] = XU);
-    let ZU;
-    r[20] === W ? ZU = r[21] : (ZU = W && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[18] = H, r[19] = oW);
+    let sW;
+    r[20] === W ? sW = r[21] : (sW = W && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "sql-code",
       className: "text-xs py-1",
       children: [
@@ -16846,54 +16846,54 @@ ${c}
         }),
         "SQL Code"
       ]
-    }), r[20] = W, r[21] = ZU);
-    let QU;
-    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (QU = (0, import_jsx_runtime.jsx)("div", {
+    }), r[20] = W, r[21] = sW);
+    let cW;
+    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (cW = (0, import_jsx_runtime.jsx)("div", {
       className: "grow"
-    }), r[22] = QU) : QU = r[22];
-    let $U;
-    r[23] !== XU || r[24] !== ZU ? ($U = (0, import_jsx_runtime.jsxs)(TabsList, {
+    }), r[22] = cW) : cW = r[22];
+    let lW;
+    r[23] !== oW || r[24] !== sW ? (lW = (0, import_jsx_runtime.jsxs)(TabsList, {
       className: "h-8",
       children: [
-        YU,
-        XU,
-        ZU,
-        QU
+        aW,
+        oW,
+        sW,
+        cW
       ]
-    }), r[23] = XU, r[24] = ZU, r[25] = $U) : $U = r[25];
-    let eW;
-    r[26] === j ? eW = r[27] : (eW = j && (0, import_jsx_runtime.jsx)(Spinner, {
+    }), r[23] = oW, r[24] = sW, r[25] = lW) : lW = r[25];
+    let uW;
+    r[26] === j ? uW = r[27] : (uW = j && (0, import_jsx_runtime.jsx)(Spinner, {
       size: "small"
-    }), r[26] = j, r[27] = eW);
-    let nW;
-    r[28] !== $U || r[29] !== eW ? (nW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[26] = j, r[27] = uW);
+    let fW;
+    r[28] !== lW || r[29] !== uW ? (fW = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-center gap-2",
       children: [
-        $U,
-        eW
+        lW,
+        uW
       ]
-    }), r[28] = $U, r[29] = eW, r[30] = nW) : nW = r[30];
-    let rW;
-    r[31] !== p || r[32] !== f ? (rW = (e2) => {
-      dequal(e2, f) || (p(e2), VU(e2));
-    }, r[31] = p, r[32] = f, r[33] = rW) : rW = r[33];
-    let iW;
-    r[34] !== B || r[35] !== c || r[36] !== h || r[37] !== q || r[38] !== d || r[39] !== rW ? (iW = (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[28] = lW, r[29] = uW, r[30] = fW) : fW = r[30];
+    let pW;
+    r[31] !== p || r[32] !== f ? (pW = (e2) => {
+      dequal(e2, f) || (p(e2), ZU(e2));
+    }, r[31] = p, r[32] = f, r[33] = pW) : pW = r[33];
+    let mW;
+    r[34] !== B || r[35] !== c || r[36] !== h || r[37] !== q || r[38] !== d || r[39] !== pW ? (mW = (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: rW,
-        onInvalidChange: VU,
+        onChange: pW,
+        onInvalidChange: ZU,
         getColumnValues: h,
         columnTypesPerStep: B,
         lazy: d
       })
-    }), r[34] = B, r[35] = c, r[36] = h, r[37] = q, r[38] = d, r[39] = rW, r[40] = iW) : iW = r[40];
-    let aW;
-    r[41] === H ? aW = r[42] : (aW = H && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[34] = B, r[35] = c, r[36] = h, r[37] = q, r[38] = d, r[39] = pW, r[40] = mW) : mW = r[40];
+    let hW;
+    r[41] === H ? hW = r[42] : (hW = 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, {
@@ -16902,9 +16902,9 @@ ${c}
         code: H,
         language: "python"
       })
-    }), r[41] = H, r[42] = aW);
-    let oW;
-    r[43] === W ? oW = r[44] : (oW = W && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[41] = H, r[42] = hW);
+    let gW;
+    r[43] === W ? gW = r[44] : (gW = 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, {
@@ -16913,35 +16913,35 @@ ${c}
         code: W,
         language: "sql"
       })
-    }), r[43] = W, r[44] = oW);
-    let sW;
-    r[45] !== UU || r[46] !== nW || r[47] !== iW || r[48] !== aW || r[49] !== oW ? (sW = (0, import_jsx_runtime.jsxs)(Tabs, {
+    }), r[43] = W, r[44] = gW);
+    let _W;
+    r[45] !== $U || r[46] !== fW || r[47] !== mW || r[48] !== hW || r[49] !== gW ? (_W = (0, import_jsx_runtime.jsxs)(Tabs, {
       defaultValue: "transform",
-      onValueChange: UU,
+      onValueChange: $U,
       children: [
-        nW,
-        iW,
-        aW,
-        oW
+        fW,
+        mW,
+        hW,
+        gW
       ]
-    }), r[45] = UU, r[46] = nW, r[47] = iW, r[48] = aW, r[49] = oW, r[50] = sW) : sW = r[50];
-    let cW;
-    r[51] === O ? cW = r[52] : (cW = O && (0, import_jsx_runtime.jsx)(ErrorBanner, {
+    }), r[45] = $U, r[46] = fW, r[47] = mW, r[48] = hW, r[49] = gW, r[50] = _W) : _W = r[50];
+    let vW;
+    r[51] === O ? vW = r[52] : (vW = O && (0, import_jsx_runtime.jsx)(ErrorBanner, {
       error: O
-    }), r[51] = O, r[52] = cW);
-    let lW = I || "", uW = L ?? 0, dW = G ?? 0, fW = R || Arrays.EMPTY, pW = L && L > 5 || false, mW;
-    r[53] !== _ || r[54] !== z || r[55] !== v || r[56] !== y || r[57] !== l || r[58] !== g || r[59] !== u || r[60] !== lW || r[61] !== uW || r[62] !== dW || r[63] !== fW || r[64] !== pW ? (mW = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
+    }), r[51] = O, r[52] = vW);
+    let yW = I || "", bW = L ?? 0, xW = G ?? 0, SW = R || Arrays.EMPTY, CW = L && L > 5 || false, wW;
+    r[53] !== _ || r[54] !== z || r[55] !== v || r[56] !== y || r[57] !== l || r[58] !== g || r[59] !== u || r[60] !== yW || r[61] !== bW || r[62] !== xW || r[63] !== SW || r[64] !== CW ? (wW = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
       label: null,
       className: "rounded-b border-x border-b",
-      data: lW,
+      data: yW,
       hasStableRowId: false,
-      totalRows: uW,
-      totalColumns: dW,
+      totalRows: bW,
+      totalColumns: xW,
       maxColumns: "all",
       pageSize: l,
       pagination: true,
       fieldTypes: z,
-      rowHeaders: fW,
+      rowHeaders: SW,
       showDownload: u,
       download_as: _,
       get_size_bytes: v,
@@ -16951,7 +16951,7 @@ ${c}
       showColumnSummaries: false,
       showDataTypes: true,
       get_column_summaries: getColumnSummaries,
-      showPageSizeSelector: pW,
+      showPageSizeSelector: CW,
       showColumnExplorer: false,
       showRowExplorer: true,
       showChartBuilder: false,
@@ -16960,15 +16960,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] = lW, r[61] = uW, r[62] = dW, r[63] = fW, r[64] = pW, r[65] = mW) : mW = r[65];
-    let hW;
-    return r[66] !== sW || r[67] !== cW || r[68] !== mW ? (hW = (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] = yW, r[61] = bW, r[62] = xW, r[63] = SW, r[64] = CW, r[65] = wW) : wW = r[65];
+    let TW;
+    return r[66] !== _W || r[67] !== vW || r[68] !== wW ? (TW = (0, import_jsx_runtime.jsxs)("div", {
       children: [
-        sW,
-        cW,
-        mW
+        _W,
+        vW,
+        wW
       ]
-    }), r[66] = sW, r[67] = cW, r[68] = mW, r[69] = hW) : hW = r[69], hW;
+    }), r[66] = _W, r[67] = vW, r[68] = wW, r[69] = TW) : TW = r[69], TW;
   });
   DataFrameComponent.displayName = "DataFrameComponent";
   function getColumnSummaries() {
@@ -17159,23 +17159,23 @@ ${c}
     }, [
       H
     ]);
-    let q = (R == null ? void 0 : R.files) ?? [], VU = new Set(e.map((e2) => e2.path)), Z = l === "directory" || l === "all", UU = l === "file" || l === "all", WU = q.filter((e2) => Z && e2.is_directory || UU && !e2.is_directory), GU = WU.length > 0 && WU.every((e2) => VU.has(e2.path));
+    let q = (R == null ? void 0 : R.files) ?? [], ZU = new Set(e.map((e2) => e2.path)), Z = l === "directory" || l === "all", $U = l === "file" || l === "all", eW = q.filter((e2) => Z && e2.is_directory || $U && !e2.is_directory), tW = eW.length > 0 && eW.every((e2) => ZU.has(e2.path));
     if (!R && z) return (0, import_jsx_runtime.jsx)(Banner, {
       kind: "danger",
       children: z.message
     });
-    let KU = PathBuilder.guessDeliminator(c).deliminator, qU = e.map((e2) => (0, import_jsx_runtime.jsx)("li", {
+    let nW = PathBuilder.guessDeliminator(c).deliminator, rW = e.map((e2) => (0, import_jsx_runtime.jsx)("li", {
       children: e2.path
     }, e2.id));
-    function JU(e2) {
+    function iW(e2) {
       var _a4;
       if (v) return;
       if (y(true), e2 === PARENT_DIRECTORY) {
-        if (g === KU) {
+        if (g === nW) {
           y(false);
           return;
         }
-        e2 = Paths.dirname(g), e2 === "" && (e2 = KU);
+        e2 = Paths.dirname(g), e2 === "" && (e2 = nW);
       }
       let r2 = e2.length < c.length;
       if (f && r2) {
@@ -17188,7 +17188,7 @@ ${c}
       }
       M.current = ((_a4 = j.current) == null ? void 0 : _a4.contains(document.activeElement)) ?? false, _(e2), y(false);
     }
-    function YU({ path: e2, name: r2, isDirectory: c2 }) {
+    function aW({ path: e2, name: r2, isDirectory: c2 }) {
       return {
         id: e2,
         name: r2,
@@ -17196,27 +17196,27 @@ ${c}
         is_directory: c2
       };
     }
-    function XU({ path: c2, name: l2, isDirectory: d2 }) {
-      let f2 = YU({
+    function oW({ path: c2, name: l2, isDirectory: d2 }) {
+      let f2 = aW({
         path: c2,
         name: l2,
         isDirectory: d2
       });
-      VU.has(c2) ? r(e.filter((e2) => e2.path !== c2)) : r(u ? [
+      ZU.has(c2) ? r(e.filter((e2) => e2.path !== c2)) : r(u ? [
         ...e,
         f2
       ] : [
         f2
       ]);
     }
-    function ZU() {
+    function sW() {
       r(e.filter((e2) => Paths.dirname(e2.path) !== g));
     }
-    function QU() {
+    function cW() {
       let c2 = [];
       for (let e2 of q) {
-        if (!Z && e2.is_directory || VU.has(e2.path)) continue;
-        let r2 = YU({
+        if (!Z && e2.is_directory || ZU.has(e2.path)) continue;
+        let r2 = aW({
           path: e2.path,
           name: e2.name,
           isDirectory: e2.is_directory
@@ -17228,20 +17228,20 @@ ${c}
         ...c2
       ]);
     }
-    let $U = [
+    let lW = [
       {
         key: "parent",
         name: PARENT_DIRECTORY,
         Icon: CornerLeftUp,
         isSelected: false,
         canSelect: false,
-        onPrimary: () => JU(PARENT_DIRECTORY),
+        onPrimary: () => iW(PARENT_DIRECTORY),
         onToggleSelect: null
       },
       ...q.map((e2) => {
         let r2 = e2.path;
         r2.startsWith("//") && (r2 = r2.slice(1));
-        let c2 = Z && e2.is_directory || UU && !e2.is_directory, l2 = VU.has(r2), u2 = e2.is_directory ? "directory" : guessFileIconType(e2.name), d2 = () => XU({
+        let c2 = Z && e2.is_directory || $U && !e2.is_directory, l2 = ZU.has(r2), u2 = e2.is_directory ? "directory" : guessFileIconType(e2.name), d2 = () => oW({
           path: r2,
           name: e2.name,
           isDirectory: e2.is_directory
@@ -17252,46 +17252,46 @@ ${c}
           Icon: FILE_ICON[u2],
           isSelected: l2,
           canSelect: c2,
-          onPrimary: e2.is_directory ? () => JU(r2) : c2 ? d2 : () => {
+          onPrimary: e2.is_directory ? () => iW(r2) : c2 ? d2 : () => {
           },
           onToggleSelect: c2 ? d2 : null
         };
       })
     ];
-    function eW(e2) {
+    function uW(e2) {
       var _a4;
       E(e2), (_a4 = O.current[e2]) == null ? void 0 : _a4.focus();
     }
-    function tW(e2, r2) {
+    function dW(e2, r2) {
       var _a4, _b3;
-      let c2 = $U.length - 1;
+      let c2 = lW.length - 1;
       switch (e2.key) {
         case "ArrowDown":
-          e2.preventDefault(), eW(Math.min(r2 + 1, c2));
+          e2.preventDefault(), uW(Math.min(r2 + 1, c2));
           break;
         case "ArrowUp":
-          e2.preventDefault(), eW(Math.max(r2 - 1, 0));
+          e2.preventDefault(), uW(Math.max(r2 - 1, 0));
           break;
         case "Home":
-          e2.preventDefault(), eW(0);
+          e2.preventDefault(), uW(0);
           break;
         case "End":
-          e2.preventDefault(), eW(c2);
+          e2.preventDefault(), uW(c2);
           break;
         case "Enter":
-          e2.preventDefault(), $U[r2].onPrimary();
+          e2.preventDefault(), lW[r2].onPrimary();
           break;
         case " ":
-          e2.preventDefault(), (_b3 = (_a4 = $U[r2]).onToggleSelect) == null ? void 0 : _b3.call(_a4);
+          e2.preventDefault(), (_b3 = (_a4 = lW[r2]).onToggleSelect) == null ? void 0 : _b3.call(_a4);
           break;
       }
     }
-    let { parentDirectories: nW } = getProtocolAndParentDirectories({
+    let { parentDirectories: fW } = getProtocolAndParentDirectories({
       path: g,
-      delimiter: KU,
+      delimiter: nW,
       initialPath: c,
       restrictNavigation: f
-    }), rW = l === "all" ? PluralWords.of("file", "folder") : l === "directory" ? PluralWords.of("folder") : PluralWords.of("file");
+    }), pW = l === "all" ? PluralWords.of("file", "folder") : l === "directory" ? PluralWords.of("folder") : PluralWords.of("file");
     return (0, import_jsx_runtime.jsxs)("div", {
       children: [
         z && (0, import_jsx_runtime.jsx)(Banner, {
@@ -17301,7 +17301,7 @@ ${c}
         (() => {
           let e2 = (0, import_jsx_runtime.jsx)(Label, {
             children: renderHTML({
-              html: d ?? `Select ${rW.join(" and ", 2)}...`
+              html: d ?? `Select ${pW.join(" and ", 2)}...`
             })
           });
           return u ? (0, import_jsx_runtime.jsxs)("div", {
@@ -17315,8 +17315,8 @@ ${c}
                 children: (0, import_jsx_runtime.jsx)(Button, {
                   size: "xs",
                   variant: "link",
-                  onClick: GU ? ZU : QU,
-                  children: GU ? "Deselect all" : "Select all"
+                  onClick: tW ? sW : cW,
+                  children: tW ? "Deselect all" : "Select all"
                 })
               })
             ]
@@ -17326,8 +17326,8 @@ ${c}
           className: "mt-2 w-full",
           placeholder: g,
           value: g,
-          onChange: (e2) => JU(e2.target.value),
-          children: nW.map((e2) => (0, import_jsx_runtime.jsx)("option", {
+          onChange: (e2) => iW(e2.target.value),
+          children: fW.map((e2) => (0, import_jsx_runtime.jsx)("option", {
             value: e2,
             children: e2
           }, e2))
@@ -17363,14 +17363,14 @@ ${c}
               "aria-label": "File browser",
               "aria-multiselectable": u,
               children: (0, import_jsx_runtime.jsx)(TableBody, {
-                children: $U.map((e2, r2) => (0, import_jsx_runtime.jsxs)(TableRow, {
+                children: lW.map((e2, r2) => (0, import_jsx_runtime.jsxs)(TableRow, {
                   role: "row",
                   ref: (e3) => {
                     O.current[r2] = e3;
                   },
                   tabIndex: r2 === T ? 0 : -1,
                   onFocus: () => E(r2),
-                  onKeyDown: (e3) => tW(e3, r2),
+                  onKeyDown: (e3) => dW(e3, r2),
                   className: cn("hover:bg-accent group select-none focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-inset", {
                     "bg-primary/25 hover:bg-primary/35": e2.isSelected
                   }),
@@ -17413,7 +17413,7 @@ ${c}
                     children: [
                       e.length,
                       " ",
-                      rW.join(" or ", e.length),
+                      pW.join(" or ", e.length),
                       " ",
                       "selected"
                     ]
@@ -17433,7 +17433,7 @@ ${c}
                     marginBlock: 0
                   },
                   className: "m-0 text-xs text-muted-foreground",
-                  children: qU
+                  children: rW
                 })
               })
             ]
@@ -22815,55 +22815,55 @@ ${c}
       return typeof S == "function" ? S : noop$2;
     }, [
       S
-    ]), q = (0, import_react.useRef)(null), VU = (0, import_react.useRef)(null), Z = _slicedToArray((0, import_react.useReducer)(reducer$2, initialState), 2), HU = Z[0], UU = Z[1], WU = HU.isFocused, GU = HU.isFileDialogActive, KU = (0, import_react.useRef)(typeof window < "u" && window.isSecureContext && T && canUseFileSystemAccessAPI()), qU = function() {
-      !KU.current && GU && setTimeout(function() {
-        VU.current && (VU.current.files.length || (UU({
+    ]), q = (0, import_react.useRef)(null), ZU = (0, import_react.useRef)(null), Z = _slicedToArray((0, import_react.useReducer)(reducer$2, initialState), 2), QU = Z[0], $U = Z[1], eW = QU.isFocused, tW = QU.isFileDialogActive, nW = (0, import_react.useRef)(typeof window < "u" && window.isSecureContext && T && canUseFileSystemAccessAPI()), rW = function() {
+      !nW.current && tW && setTimeout(function() {
+        ZU.current && (ZU.current.files.length || ($U({
           type: "closeDialog"
         }), G()));
       }, 300);
     };
     (0, import_react.useEffect)(function() {
-      return window.addEventListener("focus", qU, false), function() {
-        window.removeEventListener("focus", qU, false);
+      return window.addEventListener("focus", rW, false), function() {
+        window.removeEventListener("focus", rW, false);
       };
     }, [
-      VU,
-      GU,
+      ZU,
+      tW,
       G,
-      KU
+      nW
     ]);
-    var JU = (0, import_react.useRef)([]), YU = (0, import_react.useRef)([]), XU = function(e2) {
-      q.current && q.current.contains(e2.target) || (e2.preventDefault(), JU.current = []);
+    var iW = (0, import_react.useRef)([]), aW = (0, import_react.useRef)([]), oW = function(e2) {
+      q.current && q.current.contains(e2.target) || (e2.preventDefault(), iW.current = []);
     };
     (0, import_react.useEffect)(function() {
-      return O && (document.addEventListener("dragover", onDocumentDragOver, false), document.addEventListener("drop", XU, false)), function() {
-        O && (document.removeEventListener("dragover", onDocumentDragOver), document.removeEventListener("drop", XU));
+      return O && (document.addEventListener("dragover", onDocumentDragOver, false), document.addEventListener("drop", oW, false)), function() {
+        O && (document.removeEventListener("dragover", onDocumentDragOver), document.removeEventListener("drop", oW));
       };
     }, [
       q,
       O
     ]), (0, import_react.useEffect)(function() {
       var e2 = function(e3) {
-        YU.current = [].concat(_toConsumableArray(YU.current), [
+        aW.current = [].concat(_toConsumableArray(aW.current), [
           e3.target
-        ]), isEvtWithFiles(e3) && UU({
+        ]), isEvtWithFiles(e3) && $U({
           isDragGlobal: true,
           type: "setDragGlobal"
         });
       }, r2 = function(e3) {
-        YU.current = YU.current.filter(function(r3) {
+        aW.current = aW.current.filter(function(r3) {
           return r3 !== e3.target && r3 !== null;
-        }), !(YU.current.length > 0) && UU({
+        }), !(aW.current.length > 0) && $U({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
       }, c2 = function() {
-        YU.current = [], UU({
+        aW.current = [], $U({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
       }, l2 = function() {
-        YU.current = [], UU({
+        aW.current = [], $U({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
@@ -22881,12 +22881,12 @@ ${c}
       E,
       l
     ]);
-    var ZU = (0, import_react.useCallback)(function(e2) {
+    var sW = (0, import_react.useCallback)(function(e2) {
       R ? R(e2) : console.error(e2);
     }, [
       R
-    ]), QU = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), dW(e2), JU.current = [].concat(_toConsumableArray(JU.current), [
+    ]), cW = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), xW(e2), iW.current = [].concat(_toConsumableArray(iW.current), [
         e2.target
       ]), isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
         if (!(isPropagationStopped(e2) && !L)) {
@@ -22899,7 +22899,7 @@ ${c}
             maxFiles: m,
             validator: z
           });
-          UU({
+          $U({
             isDragAccept: l2,
             isDragReject: c2 > 0 && !l2,
             isDragActive: true,
@@ -22907,12 +22907,12 @@ ${c}
           }), h && h(e2);
         }
       }).catch(function(e3) {
-        return ZU(e3);
+        return sW(e3);
       });
     }, [
       u,
       h,
-      ZU,
+      sW,
       L,
       B,
       f,
@@ -22920,8 +22920,8 @@ ${c}
       p,
       m,
       z
-    ]), $U = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), dW(e2);
+    ]), lW = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), xW(e2);
       var r2 = isEvtWithFiles(e2);
       if (r2 && e2.dataTransfer) try {
         e2.dataTransfer.dropEffect = "copy";
@@ -22931,12 +22931,12 @@ ${c}
     }, [
       _,
       L
-    ]), eW = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), dW(e2);
-      var r2 = JU.current.filter(function(e3) {
+    ]), uW = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), xW(e2);
+      var r2 = iW.current.filter(function(e3) {
         return q.current && q.current.contains(e3);
       }), c2 = r2.indexOf(e2.target);
-      c2 !== -1 && r2.splice(c2, 1), JU.current = r2, !(r2.length > 0) && (UU({
+      c2 !== -1 && r2.splice(c2, 1), iW.current = r2, !(r2.length > 0) && ($U({
         type: "setDraggedFiles",
         isDragActive: false,
         isDragAccept: false,
@@ -22946,7 +22946,7 @@ ${c}
       q,
       g,
       L
-    ]), tW = (0, import_react.useCallback)(function(e2, r2) {
+    ]), dW = (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;
@@ -22970,14 +22970,14 @@ ${c}
             TOO_MANY_FILES_REJECTION
           ]
         });
-      }), c2.splice(0)), UU({
+      }), c2.splice(0)), $U({
         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);
     }, [
-      UU,
+      $U,
       p,
       B,
       f,
@@ -22987,22 +22987,22 @@ ${c}
       y,
       b,
       z
-    ]), nW = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), dW(e2), JU.current = [], isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
-        isPropagationStopped(e2) && !L || tW(r2, e2);
+    ]), fW = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), xW(e2), iW.current = [], isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
+        isPropagationStopped(e2) && !L || dW(r2, e2);
       }).catch(function(e3) {
-        return ZU(e3);
-      }), UU({
+        return sW(e3);
+      }), $U({
         type: "reset"
       });
     }, [
       u,
-      tW,
-      ZU,
+      dW,
+      sW,
       L
-    ]), rW = (0, import_react.useCallback)(function() {
-      if (KU.current) {
-        UU({
+    ]), pW = (0, import_react.useCallback)(function() {
+      if (nW.current) {
+        $U({
           type: "openDialog"
         }), W();
         var e2 = {
@@ -23012,66 +23012,66 @@ ${c}
         window.showOpenFilePicker(e2).then(function(e3) {
           return u(e3);
         }).then(function(e3) {
-          tW(e3, null), UU({
+          dW(e3, null), $U({
             type: "closeDialog"
           });
         }).catch(function(e3) {
-          isAbort(e3) ? (G(e3), UU({
+          isAbort(e3) ? (G(e3), $U({
             type: "closeDialog"
-          })) : isSecurityError(e3) ? (KU.current = false, VU.current ? (VU.current.value = null, VU.current.click()) : ZU(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."))) : ZU(e3);
+          })) : isSecurityError(e3) ? (nW.current = false, ZU.current ? (ZU.current.value = null, ZU.current.click()) : sW(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."))) : sW(e3);
         });
         return;
       }
-      VU.current && (UU({
+      ZU.current && ($U({
         type: "openDialog"
-      }), W(), VU.current.value = null, VU.current.click());
+      }), W(), ZU.current.value = null, ZU.current.click());
     }, [
-      UU,
+      $U,
       W,
       G,
       T,
-      tW,
-      ZU,
+      dW,
+      sW,
       H,
       p
-    ]), iW = (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(), rW());
+    ]), mW = (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(), pW());
     }, [
       q,
-      rW
-    ]), aW = (0, import_react.useCallback)(function() {
-      UU({
+      pW
+    ]), hW = (0, import_react.useCallback)(function() {
+      $U({
         type: "focus"
       });
-    }, []), oW = (0, import_react.useCallback)(function() {
-      UU({
+    }, []), gW = (0, import_react.useCallback)(function() {
+      $U({
         type: "blur"
       });
-    }, []), sW = (0, import_react.useCallback)(function() {
-      j || (isIeOrEdge() ? setTimeout(rW, 0) : rW());
+    }, []), _W = (0, import_react.useCallback)(function() {
+      j || (isIeOrEdge() ? setTimeout(pW, 0) : pW());
     }, [
       j,
-      rW
-    ]), cW = function(e2) {
+      pW
+    ]), vW = function(e2) {
       return l ? null : e2;
-    }, lW = function(e2) {
-      return M ? null : cW(e2);
-    }, uW = function(e2) {
-      return I ? null : cW(e2);
-    }, dW = function(e2) {
+    }, yW = function(e2) {
+      return M ? null : vW(e2);
+    }, bW = function(e2) {
+      return I ? null : vW(e2);
+    }, xW = function(e2) {
       L && e2.stopPropagation();
-    }, fW = (0, import_react.useMemo)(function() {
+    }, SW = (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: lW(composeEventHandlers(d2, iW)),
-          onFocus: lW(composeEventHandlers(f2, aW)),
-          onBlur: lW(composeEventHandlers(p2, oW)),
-          onClick: cW(composeEventHandlers(m2, sW)),
-          onDragEnter: uW(composeEventHandlers(h2, QU)),
-          onDragOver: uW(composeEventHandlers(g2, $U)),
-          onDragLeave: uW(composeEventHandlers(_2, eW)),
-          onDrop: uW(composeEventHandlers(v2, nW)),
+          onKeyDown: yW(composeEventHandlers(d2, mW)),
+          onFocus: yW(composeEventHandlers(f2, hW)),
+          onBlur: yW(composeEventHandlers(p2, gW)),
+          onClick: vW(composeEventHandlers(m2, _W)),
+          onDragEnter: bW(composeEventHandlers(h2, cW)),
+          onDragOver: bW(composeEventHandlers(g2, lW)),
+          onDragLeave: bW(composeEventHandlers(_2, uW)),
+          onDrop: bW(composeEventHandlers(v2, fW)),
           role: typeof u2 == "string" && u2 !== "" ? u2 : "presentation"
         }, c2, q), !l && !M ? {
           tabIndex: 0
@@ -23079,20 +23079,20 @@ ${c}
       };
     }, [
       q,
-      iW,
-      aW,
-      oW,
-      sW,
-      QU,
-      $U,
-      eW,
-      nW,
+      mW,
+      hW,
+      gW,
+      _W,
+      cW,
+      lW,
+      uW,
+      fW,
       M,
       I,
       l
-    ]), pW = (0, import_react.useCallback)(function(e2) {
+    ]), CW = (0, import_react.useCallback)(function(e2) {
       e2.stopPropagation();
-    }, []), mW = (0, import_react.useMemo)(function() {
+    }, []), wW = (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({
@@ -23111,25 +23111,25 @@ ${c}
             width: "1px",
             whiteSpace: "nowrap"
           },
-          onChange: cW(composeEventHandlers(l2, nW)),
-          onClick: cW(composeEventHandlers(u2, pW)),
+          onChange: vW(composeEventHandlers(l2, fW)),
+          onClick: vW(composeEventHandlers(u2, CW)),
           tabIndex: -1
-        }, c2, VU)), d2);
+        }, c2, ZU)), d2);
       };
     }, [
-      VU,
+      ZU,
       c,
       p,
-      nW,
+      fW,
       l
     ]);
-    return _objectSpread$7(_objectSpread$7({}, HU), {}, {
-      isFocused: WU && !l,
-      getRootProps: fW,
-      getInputProps: mW,
+    return _objectSpread$7(_objectSpread$7({}, QU), {}, {
+      isFocused: eW && !l,
+      getRootProps: SW,
+      getInputProps: wW,
       rootRef: q,
-      inputRef: VU,
-      open: cW(rW)
+      inputRef: ZU,
+      open: vW(pW)
     });
   }
   function reducer$2(e, r) {
@@ -23361,47 +23361,47 @@ ${c}
         html: I
       })
     }), r[45] = I, r[46] = M, r[47] = G) : G = r[47];
-    let q = w && "text-primary", VU = T && "text-destructive", Z;
-    r[48] !== q || r[49] !== VU ? (Z = cn(q, VU), r[48] = q, r[49] = VU, r[50] = Z) : Z = r[50];
-    let HU;
-    r[51] === Z ? HU = r[52] : (HU = (0, import_jsx_runtime.jsx)(Upload, {
+    let q = w && "text-primary", ZU = T && "text-destructive", Z;
+    r[48] !== q || r[49] !== ZU ? (Z = cn(q, ZU), r[48] = q, r[49] = ZU, r[50] = Z) : Z = r[50];
+    let QU;
+    r[51] === Z ? QU = r[52] : (QU = (0, import_jsx_runtime.jsx)(Upload, {
       strokeWidth: 1.4,
       className: Z
-    }), r[51] = Z, r[52] = HU);
-    let UU = w && "text-primary", WU = T && "text-destructive", GU;
-    r[53] !== UU || r[54] !== WU ? (GU = cn(UU, WU), r[53] = UU, r[54] = WU, r[55] = GU) : GU = r[55];
-    let KU;
-    r[56] === GU ? KU = r[57] : (KU = (0, import_jsx_runtime.jsx)(SquareDashedMousePointer, {
+    }), r[51] = Z, r[52] = QU);
+    let $U = w && "text-primary", eW = T && "text-destructive", tW;
+    r[53] !== $U || r[54] !== eW ? (tW = cn($U, eW), r[53] = $U, r[54] = eW, r[55] = tW) : tW = r[55];
+    let nW;
+    r[56] === tW ? nW = r[57] : (nW = (0, import_jsx_runtime.jsx)(SquareDashedMousePointer, {
       strokeWidth: 1.4,
-      className: GU
-    }), r[56] = GU, r[57] = KU);
-    let qU;
-    r[58] !== HU || r[59] !== KU ? (qU = (0, import_jsx_runtime.jsxs)("div", {
+      className: tW
+    }), r[56] = tW, r[57] = nW);
+    let rW;
+    r[58] !== QU || r[59] !== nW ? (rW = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-row items-center justify-center grow gap-3",
       children: [
-        HU,
-        KU
+        QU,
+        nW
       ]
-    }), r[58] = HU, r[59] = KU, r[60] = qU) : qU = r[60];
-    let JU;
-    r[61] !== G || r[62] !== qU ? (JU = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[58] = QU, r[59] = nW, r[60] = rW) : rW = r[60];
+    let iW;
+    r[61] !== G || r[62] !== rW ? (iW = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-col items-center justify-center grow gap-3",
       children: [
         G,
-        qU
+        rW
       ]
-    }), r[61] = G, r[62] = qU, r[63] = JU) : JU = r[63];
-    let YU;
-    r[64] !== W || r[65] !== JU || r[66] !== z || r[67] !== B ? (YU = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[61] = G, r[62] = rW, r[63] = iW) : iW = r[63];
+    let aW;
+    r[64] !== W || r[65] !== iW || r[66] !== z || r[67] !== B ? (aW = (0, import_jsx_runtime.jsxs)("div", {
       className: z,
       ...B,
       children: [
         W,
-        JU
+        iW
       ]
-    }), r[64] = W, r[65] = JU, r[66] = z, r[67] = B, r[68] = YU) : YU = r[68];
-    let XU;
-    r[69] !== f || r[70] !== u || r[71] !== M || r[72] !== j || r[73] !== m.length ? (XU = M ? (0, import_jsx_runtime.jsxs)("div", {
+    }), r[64] = W, r[65] = iW, r[66] = z, r[67] = B, r[68] = aW) : aW = r[68];
+    let oW;
+    r[69] !== f || r[70] !== u || r[71] !== M || r[72] !== j || r[73] !== m.length ? (oW = M ? (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-row gap-1",
       children: [
         (0, import_jsx_runtime.jsxs)("div", {
@@ -23437,17 +23437,17 @@ ${c}
           })
         })
       ]
-    }) : null, r[69] = f, r[70] = u, r[71] = M, r[72] = j, r[73] = m.length, r[74] = XU) : XU = r[74];
-    let ZU;
-    return r[75] !== YU || r[76] !== XU ? (ZU = (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] = oW) : oW = r[74];
+    let sW;
+    return r[75] !== aW || r[76] !== oW ? (sW = (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: [
-          YU,
-          XU
+          aW,
+          oW
         ]
       })
-    }), r[75] = YU, r[76] = XU, r[77] = ZU) : ZU = r[77], ZU;
+    }), r[75] = aW, r[76] = oW, r[77] = sW) : sW = r[77], sW;
   };
   function _temp$11(e) {
     Logger.error(e), toast({
@@ -23543,75 +23543,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 VU;
-    r[13] === f ? VU = r[14] : (VU = f === null ? null : (0, import_jsx_runtime.jsx)("div", {
+    let ZU;
+    r[13] === f ? ZU = r[14] : (ZU = f === null ? null : (0, import_jsx_runtime.jsx)("div", {
       className: "text-center",
       children: renderHTML({
         html: f
       })
-    }), r[13] = f, r[14] = VU);
+    }), r[13] = f, r[14] = ZU);
     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 HU;
-    r[17] === c ? HU = r[18] : (HU = (0, import_jsx_runtime.jsx)("div", {
+    let QU;
+    r[17] === c ? QU = r[18] : (QU = (0, import_jsx_runtime.jsx)("div", {
       children: c
-    }), r[17] = c, r[18] = HU);
-    let UU;
-    r[19] !== S || r[20] !== T || r[21] !== b ? (UU = b && withTooltip((0, import_jsx_runtime.jsx)(Button, {
+    }), r[17] = c, r[18] = QU);
+    let $U;
+    r[19] !== S || r[20] !== T || r[21] !== b ? ($U = 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] = UU) : UU = r[22];
-    let WU = v || h, GU;
-    r[23] === h ? GU = r[24] : (GU = h && (0, import_jsx_runtime.jsx)(LoaderCircle, {
+    }), T), r[19] = S, r[20] = T, r[21] = b, r[22] = $U) : $U = r[22];
+    let eW = v || h, tW;
+    r[23] === h ? tW = r[24] : (tW = h && (0, import_jsx_runtime.jsx)(LoaderCircle, {
       className: "h-4 w-4 mr-2 animate-spin"
-    }), r[23] = h, r[24] = GU);
-    let KU;
-    r[25] !== g || r[26] !== WU || r[27] !== GU || r[28] !== I ? (KU = (0, import_jsx_runtime.jsxs)(Button, {
+    }), r[23] = h, r[24] = tW);
+    let nW;
+    r[25] !== g || r[26] !== eW || r[27] !== tW || r[28] !== I ? (nW = (0, import_jsx_runtime.jsxs)(Button, {
       "data-testid": "marimo-plugin-form-submit-button",
       variant: I,
-      disabled: WU,
+      disabled: eW,
       type: "submit",
       children: [
-        GU,
+        tW,
         g
       ]
-    }), r[25] = g, r[26] = WU, r[27] = GU, r[28] = I, r[29] = KU) : KU = r[29];
-    let qU;
-    r[30] !== _ || r[31] !== KU ? (qU = withTooltip(KU, _), r[30] = _, r[31] = KU, r[32] = qU) : qU = r[32];
-    let JU;
-    r[33] !== qU || r[34] !== UU ? (JU = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[25] = g, r[26] = eW, r[27] = tW, r[28] = I, r[29] = nW) : nW = r[29];
+    let rW;
+    r[30] !== _ || r[31] !== nW ? (rW = withTooltip(nW, _), r[30] = _, r[31] = nW, r[32] = rW) : rW = r[32];
+    let iW;
+    r[33] !== rW || r[34] !== $U ? (iW = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex justify-end gap-2 font-code",
       children: [
-        UU,
-        qU
+        $U,
+        rW
       ]
-    }), r[33] = qU, r[34] = UU, r[35] = JU) : JU = r[35];
-    let YU;
-    r[36] !== JU || r[37] !== G || r[38] !== q || r[39] !== VU || r[40] !== Z || r[41] !== HU ? (YU = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[33] = rW, r[34] = $U, r[35] = iW) : iW = r[35];
+    let aW;
+    r[36] !== iW || r[37] !== G || r[38] !== q || r[39] !== ZU || r[40] !== Z || r[41] !== QU ? (aW = (0, import_jsx_runtime.jsxs)("div", {
       className: G,
       onKeyDown: q,
       children: [
-        VU,
+        ZU,
         Z,
-        HU,
-        JU
+        QU,
+        iW
       ]
-    }), r[36] = JU, r[37] = G, r[38] = q, r[39] = VU, r[40] = Z, r[41] = HU, r[42] = YU) : YU = r[42];
-    let XU;
-    return r[43] !== YU || r[44] !== H ? (XU = (0, import_jsx_runtime.jsx)("form", {
+    }), r[36] = iW, r[37] = G, r[38] = q, r[39] = ZU, r[40] = Z, r[41] = QU, r[42] = aW) : aW = r[42];
+    let oW;
+    return r[43] !== aW || r[44] !== H ? (oW = (0, import_jsx_runtime.jsx)("form", {
       className: "contents",
       ref: j,
       onSubmit: H,
-      children: YU
-    }), r[43] = YU, r[44] = H, r[45] = XU) : XU = r[45], XU;
+      children: aW
+    }), r[43] = aW, r[44] = H, r[45] = oW) : oW = r[45], oW;
   };
   var Form = (e) => {
     let r = (0, import_compiler_runtime$41.c)(24), c, l, u, d, f, p;
@@ -25384,8 +25384,8 @@ ${c}
         points: extractSunburstPoints(e2.points)
       }));
     }, r[29] = u, r[30] = G);
-    let q = useEvent_default(G), VU;
-    r[31] === u ? VU = r[32] : (VU = (e2) => {
+    let q = useEvent_default(G), ZU;
+    r[31] === u ? ZU = r[32] : (ZU = (e2) => {
       if (!e2 || !shouldHandleClickSelection(e2.points)) return;
       let r2 = extractPoints(e2.points), c2 = extractIndices(e2.points);
       u((e3) => ({
@@ -25396,9 +25396,9 @@ ${c}
         points: r2,
         indices: c2
       }));
-    }, r[31] = u, r[32] = VU);
-    let Z = useEvent_default(VU), HU;
-    r[33] === u ? HU = r[34] : (HU = (e2) => {
+    }, r[31] = u, r[32] = ZU);
+    let Z = useEvent_default(ZU), QU;
+    r[33] === u ? QU = r[34] : (QU = (e2) => {
       e2 && u((r2) => ({
         ...r2,
         selections: "selections" in e2 ? e2.selections : [],
@@ -25407,9 +25407,9 @@ ${c}
         range: e2.range,
         lasso: "lassoPoints" in e2 ? e2.lassoPoints : void 0
       }));
-    }, r[33] = u, r[34] = HU);
-    let UU = useEvent_default(HU), WU = m.frames ?? void 0, GU = useEvent_default(_temp3$3), KU;
-    return r[35] !== m || r[36] !== h || r[37] !== L || r[38] !== B || r[39] !== W || r[40] !== q || r[41] !== Z || r[42] !== UU || r[43] !== WU || r[44] !== GU || r[45] !== R ? (KU = (0, import_jsx_runtime.jsx)(LazyPlot, {
+    }, r[33] = u, r[34] = QU);
+    let $U = useEvent_default(QU), eW = m.frames ?? void 0, tW = useEvent_default(_temp3$3), nW;
+    return r[35] !== m || r[36] !== h || r[37] !== L || r[38] !== B || r[39] !== W || r[40] !== q || r[41] !== Z || r[42] !== $U || r[43] !== eW || r[44] !== tW || r[45] !== R ? (nW = (0, import_jsx_runtime.jsx)(LazyPlot, {
       ...m,
       layout: h,
       onRelayout: R,
@@ -25418,12 +25418,12 @@ ${c}
       onSunburstClick: q,
       config: L,
       onClick: Z,
-      onSelected: UU,
+      onSelected: $U,
       className: "w-full",
       useResizeHandler: true,
-      frames: WU,
-      onError: GU
-    }), r[35] = m, r[36] = h, r[37] = L, r[38] = B, r[39] = W, r[40] = q, r[41] = Z, r[42] = UU, r[43] = WU, r[44] = GU, r[45] = R, r[46] = KU) : KU = r[46], KU;
+      frames: eW,
+      onError: tW
+    }), r[35] = m, r[36] = h, r[37] = L, r[38] = B, r[39] = W, r[40] = q, r[41] = Z, r[42] = $U, r[43] = eW, r[44] = tW, r[45] = R, r[46] = nW) : nW = r[46], nW;
   });
   PlotlyComponent.displayName = "PlotlyComponent";
   function _temp$8(e) {
@@ -25555,8 +25555,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 VU;
-    c[19] !== L || c[20] !== z || c[21] !== H ? (VU = (0, import_jsx_runtime.jsx)(Track, {
+    let ZU;
+    c[19] !== L || c[20] !== z || c[21] !== H ? (ZU = (0, import_jsx_runtime.jsx)(Track, {
       ref: E,
       "data-testid": "track",
       className: G,
@@ -25567,7 +25567,7 @@ ${c}
         onPointerMove: z,
         onPointerUp: H
       })
-    }), c[19] = L, c[20] = z, c[21] = H, c[22] = VU) : VU = c[22];
+    }), c[19] = L, c[20] = z, c[21] = H, c[22] = ZU) : ZU = c[22];
     let Z;
     c[23] !== m.setFalse || c[24] !== m.setTrue ? (Z = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
       asChild: true,
@@ -25580,29 +25580,29 @@ ${c}
         onMouseLeave: m.setFalse
       })
     }), c[23] = m.setFalse, c[24] = m.setTrue, c[25] = Z) : Z = c[25];
-    let HU;
-    c[26] !== h || c[27] !== u.value || c[28] !== d ? (HU = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
+    let QU;
+    c[26] !== h || c[27] !== u.value || c[28] !== d ? (QU = 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] = HU) : HU = c[29];
-    let UU;
-    c[30] === HU ? UU = c[31] : (UU = (0, import_jsx_runtime.jsx)(TooltipPortal, {
-      children: HU
-    }), c[30] = HU, c[31] = UU);
-    let WU;
-    c[32] !== f || c[33] !== Z || c[34] !== UU ? (WU = (0, import_jsx_runtime.jsx)(TooltipProvider, {
+    }, u.value[0]), c[26] = h, c[27] = u.value, c[28] = d, c[29] = QU) : QU = c[29];
+    let $U;
+    c[30] === QU ? $U = c[31] : ($U = (0, import_jsx_runtime.jsx)(TooltipPortal, {
+      children: QU
+    }), c[30] = QU, c[31] = $U);
+    let eW;
+    c[32] !== f || c[33] !== Z || c[34] !== $U ? (eW = (0, import_jsx_runtime.jsx)(TooltipProvider, {
       children: (0, import_jsx_runtime.jsxs)(TooltipRoot, {
         delayDuration: 0,
         open: f,
         children: [
           Z,
-          UU
+          $U
         ]
       })
-    }), c[32] = f, c[33] = Z, c[34] = UU, c[35] = WU) : WU = c[35];
-    let GU;
-    c[36] !== m.setFalse || c[37] !== m.setTrue ? (GU = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
+    }), c[32] = f, c[33] = Z, c[34] = $U, c[35] = eW) : eW = c[35];
+    let tW;
+    c[36] !== m.setFalse || c[37] !== m.setTrue ? (tW = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsx)(Thumb, {
         "data-testid": "thumb",
@@ -25612,39 +25612,39 @@ ${c}
         onMouseEnter: m.setTrue,
         onMouseLeave: m.setFalse
       })
-    }), c[36] = m.setFalse, c[37] = m.setTrue, c[38] = GU) : GU = c[38];
-    let KU;
-    c[39] !== h || c[40] !== u.value || c[41] !== d ? (KU = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
+    }), c[36] = m.setFalse, c[37] = m.setTrue, c[38] = tW) : tW = c[38];
+    let nW;
+    c[39] !== h || c[40] !== u.value || c[41] !== d ? (nW = 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] = KU) : KU = c[42];
-    let qU;
-    c[43] === KU ? qU = c[44] : (qU = (0, import_jsx_runtime.jsx)(TooltipPortal, {
-      children: KU
-    }), c[43] = KU, c[44] = qU);
-    let JU;
-    c[45] !== f || c[46] !== GU || c[47] !== qU ? (JU = (0, import_jsx_runtime.jsx)(TooltipProvider, {
+    }, u.value[1]), c[39] = h, c[40] = u.value, c[41] = d, c[42] = nW) : nW = c[42];
+    let rW;
+    c[43] === nW ? rW = c[44] : (rW = (0, import_jsx_runtime.jsx)(TooltipPortal, {
+      children: nW
+    }), c[43] = nW, c[44] = rW);
+    let iW;
+    c[45] !== f || c[46] !== tW || c[47] !== rW ? (iW = (0, import_jsx_runtime.jsx)(TooltipProvider, {
       children: (0, import_jsx_runtime.jsxs)(TooltipRoot, {
         delayDuration: 0,
         open: f,
         children: [
-          GU,
-          qU
+          tW,
+          rW
         ]
       })
-    }), c[45] = f, c[46] = GU, c[47] = qU, c[48] = JU) : JU = c[48];
-    let YU;
-    return c[49] !== M || c[50] !== u || c[51] !== VU || c[52] !== WU || c[53] !== JU || c[54] !== W ? (YU = (0, import_jsx_runtime.jsxs)(Root, {
+    }), c[45] = f, c[46] = tW, c[47] = rW, c[48] = iW) : iW = c[48];
+    let aW;
+    return c[49] !== M || c[50] !== u || c[51] !== ZU || c[52] !== eW || c[53] !== iW || c[54] !== W ? (aW = (0, import_jsx_runtime.jsxs)(Root, {
       ref: M,
       className: W,
       ...u,
       children: [
-        VU,
-        WU,
-        JU
+        ZU,
+        eW,
+        iW
       ]
-    }), c[49] = M, c[50] = u, c[51] = VU, c[52] = WU, c[53] = JU, c[54] = W, c[55] = YU) : YU = c[55], YU;
+    }), c[49] = M, c[50] = u, c[51] = ZU, c[52] = eW, c[53] = iW, c[54] = W, c[55] = aW) : aW = c[55], aW;
   });
   RangeSlider.displayName = Root.displayName;
   var import_compiler_runtime$30 = require_compiler_runtime(), RangeSliderPlugin = class {
@@ -25695,14 +25695,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 VU, Z;
-    r[14] !== h || r[15] !== T || r[16] !== l || r[17] !== u ? (VU = () => {
+    let ZU, Z;
+    r[14] !== h || r[15] !== T || r[16] !== l || r[17] !== u ? (ZU = () => {
       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] = VU, r[19] = Z) : (VU = r[18], Z = r[19]);
-    let HU;
-    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] !== VU || r[31] !== Z || r[32] !== b ? (HU = (0, import_jsx_runtime.jsx)(RangeSlider, {
+    }, r[14] = h, r[15] = T, r[16] = l, r[17] = u, r[18] = ZU, r[19] = Z) : (ZU = r[18], Z = r[19]);
+    let QU;
+    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] !== ZU || r[31] !== Z || r[32] !== b ? (QU = (0, import_jsx_runtime.jsx)(RangeSlider, {
       id: S,
       className: W,
       value: T,
@@ -25713,36 +25713,36 @@ ${c}
       disabled: y,
       onValueChange: G,
       onValueCommit: q,
-      onPointerUp: VU,
+      onPointerUp: ZU,
       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] = VU, r[31] = Z, r[32] = b, r[33] = HU) : HU = r[33];
-    let UU;
-    r[34] !== T || r[35] !== w || r[36] !== _ || r[37] !== b ? (UU = _ && (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] = ZU, r[31] = Z, r[32] = b, r[33] = QU) : QU = r[33];
+    let $U;
+    r[34] !== T || r[35] !== w || r[36] !== _ || r[37] !== b ? ($U = _ && (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] = UU) : UU = r[38];
-    let WU;
-    r[39] !== HU || r[40] !== UU || r[41] !== B ? (WU = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[34] = T, r[35] = w, r[36] = _, r[37] = b, r[38] = $U) : $U = r[38];
+    let eW;
+    r[39] !== QU || r[40] !== $U || r[41] !== B ? (eW = (0, import_jsx_runtime.jsxs)("div", {
       className: B,
       children: [
-        HU,
-        UU
+        QU,
+        $U
       ]
-    }), r[39] = HU, r[40] = UU, r[41] = B, r[42] = WU) : WU = r[42];
-    let GU;
-    return r[43] !== v || r[44] !== S || r[45] !== c || r[46] !== WU || r[47] !== M || r[48] !== L ? (GU = (0, import_jsx_runtime.jsx)(Labeled, {
+    }), r[39] = QU, r[40] = $U, r[41] = B, r[42] = eW) : eW = r[42];
+    let tW;
+    return r[43] !== v || r[44] !== S || r[45] !== c || r[46] !== eW || r[47] !== M || r[48] !== L ? (tW = (0, import_jsx_runtime.jsx)(Labeled, {
       label: c,
       id: S,
       align: M,
       className: L,
       fullWidth: v,
-      children: WU
-    }), r[43] = v, r[44] = S, r[45] = c, r[46] = WU, r[47] = M, r[48] = L, r[49] = GU) : GU = r[49], GU;
+      children: eW
+    }), r[43] = v, r[44] = S, r[45] = c, r[46] = eW, r[47] = M, r[48] = L, r[49] = tW) : tW = r[49], tW;
   }, import_timestring = __toESM(__commonJSMin(((e, r) => {
     r.exports = u;
     var c = {
@@ -29033,7 +29033,7 @@ ${c}
         areRegExpsEqual: H,
         areSetsEqual: W,
         createIsNestedEqual: r2
-      }), VU = Object.freeze({
+      }), ZU = Object.freeze({
         areArraysEqual: O,
         areDatesEqual: j,
         areMapsEqual: I,
@@ -29042,39 +29042,39 @@ ${c}
         areSetsEqual: G,
         createIsNestedEqual: r2
       }), Z = T(q);
-      function HU(e3, r3) {
+      function QU(e3, r3) {
         return Z(e3, r3, void 0);
       }
-      var UU = T(l(q, {
+      var $U = T(l(q, {
         createIsNestedEqual: function() {
           return f;
         }
       }));
-      function WU(e3, r3) {
-        return UU(e3, r3, void 0);
+      function eW(e3, r3) {
+        return $U(e3, r3, void 0);
       }
-      var GU = T(VU);
-      function KU(e3, r3) {
-        return GU(e3, r3, /* @__PURE__ */ new WeakMap());
+      var tW = T(ZU);
+      function nW(e3, r3) {
+        return tW(e3, r3, /* @__PURE__ */ new WeakMap());
       }
-      var qU = T(l(VU, {
+      var rW = T(l(ZU, {
         createIsNestedEqual: function() {
           return f;
         }
       }));
-      function JU(e3, r3) {
-        return qU(e3, r3, /* @__PURE__ */ new WeakMap());
+      function iW(e3, r3) {
+        return rW(e3, r3, /* @__PURE__ */ new WeakMap());
       }
-      function YU(e3) {
+      function aW(e3) {
         return T(l(q, e3(q)));
       }
-      function XU(e3) {
-        var r3 = T(l(VU, e3(VU)));
+      function oW(e3) {
+        var r3 = T(l(ZU, e3(ZU)));
         return (function(e4, c2, l2) {
           return l2 === void 0 && (l2 = /* @__PURE__ */ new WeakMap()), r3(e4, c2, l2);
         });
       }
-      e2.circularDeepEqual = KU, e2.circularShallowEqual = JU, e2.createCustomCircularEqual = XU, e2.createCustomEqual = YU, e2.deepEqual = HU, e2.sameValueZeroEqual = f, e2.shallowEqual = WU, Object.defineProperty(e2, "__esModule", {
+      e2.circularDeepEqual = nW, e2.circularShallowEqual = iW, e2.createCustomCircularEqual = oW, e2.createCustomEqual = aW, e2.deepEqual = QU, e2.sameValueZeroEqual = f, e2.shallowEqual = eW, Object.defineProperty(e2, "__esModule", {
         value: true
       });
     }));
@@ -29100,7 +29100,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 = nW, 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 = JU, e.setTopLeft = XU, e.setTransform = YU, e.sortLayoutItems = ZU, e.sortLayoutItemsByColRow = $U, e.sortLayoutItemsByRowCol = QU, e.synchronizeLayoutWithChildren = eW, e.validateLayout = tW, 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 = fW, 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 = iW, e.setTopLeft = oW, e.setTransform = aW, e.sortLayoutItems = sW, e.sortLayoutItemsByColRow = lW, e.sortLayoutItemsByRowCol = cW, e.synchronizeLayoutWithChildren = uW, e.validateLayout = dW, e.withLayoutItem = v;
     var r = require_fast_equals(), c = l(require_react());
     function l(e2) {
       return e2 && e2.__esModule ? e2 : {
@@ -29205,7 +29205,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 = ZU(e2, r2), p2 = Array(e2.length);
+      let u2 = B(e2), d2 = h(u2), f2 = sW(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;
@@ -29263,7 +29263,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 = ZU(e2, f2);
+      let v2 = sW(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);
@@ -29297,15 +29297,15 @@ ${c}
     function G(e2) {
       return e2 * 100 + "%";
     }
-    var q = (e2, r2, c2, l2) => e2 + c2 > l2 ? r2 : c2, VU = (e2, r2, c2) => e2 < 0 ? r2 : c2, Z = (e2) => Math.max(0, e2), HU = (e2) => Math.max(0, e2), UU = (e2, r2, c2) => {
+    var q = (e2, r2, c2, l2) => e2 + c2 > l2 ? r2 : c2, ZU = (e2, r2, c2) => e2 < 0 ? r2 : c2, Z = (e2) => Math.max(0, e2), QU = (e2) => Math.max(0, e2), $U = (e2, r2, c2) => {
       let { left: l2, height: u2, width: d2 } = r2, f2 = e2.top - (u2 - e2.height);
       return {
         left: l2,
         width: d2,
-        height: VU(f2, e2.height, u2),
-        top: HU(f2)
+        height: ZU(f2, e2.height, u2),
+        top: QU(f2)
       };
-    }, WU = (e2, r2, c2) => {
+    }, eW = (e2, r2, c2) => {
       let { top: l2, left: u2, height: d2, width: f2 } = r2;
       return {
         top: l2,
@@ -29313,45 +29313,45 @@ ${c}
         width: q(e2.left, e2.width, f2, c2),
         left: Z(u2)
       };
-    }, GU = (e2, r2, c2) => {
+    }, tW = (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: HU(l2),
+        top: QU(l2),
         left: Z(f2)
       };
-    }, KU = (e2, r2, c2) => {
+    }, nW = (e2, r2, c2) => {
       let { top: l2, left: u2, height: d2, width: f2 } = r2;
       return {
         width: f2,
         left: u2,
-        height: VU(l2, e2.height, d2),
-        top: HU(l2)
+        height: ZU(l2, e2.height, d2),
+        top: QU(l2)
       };
-    }, qU = {
-      n: UU,
+    }, rW = {
+      n: $U,
       ne: function() {
-        return UU(arguments.length <= 0 ? void 0 : arguments[0], WU(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return $U(arguments.length <= 0 ? void 0 : arguments[0], eW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      e: WU,
+      e: eW,
       se: function() {
-        return KU(arguments.length <= 0 ? void 0 : arguments[0], WU(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return nW(arguments.length <= 0 ? void 0 : arguments[0], eW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      s: KU,
+      s: nW,
       sw: function() {
-        return KU(arguments.length <= 0 ? void 0 : arguments[0], GU(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return nW(arguments.length <= 0 ? void 0 : arguments[0], tW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      w: GU,
+      w: tW,
       nw: function() {
-        return UU(arguments.length <= 0 ? void 0 : arguments[0], GU(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return $U(arguments.length <= 0 ? void 0 : arguments[0], tW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       }
     };
-    function JU(e2, r2, c2, l2) {
-      let u2 = qU[e2];
+    function iW(e2, r2, c2, l2) {
+      let u2 = rW[e2];
       return u2 ? u2(r2, d(d({}, r2), c2), l2) : c2;
     }
-    function YU(e2) {
+    function aW(e2) {
       let { top: r2, left: c2, width: l2, height: u2 } = e2, d2 = `translate(${c2}px,${r2}px)`;
       return {
         transform: d2,
@@ -29364,7 +29364,7 @@ ${c}
         position: "absolute"
       };
     }
-    function XU(e2) {
+    function oW(e2) {
       let { top: r2, left: c2, width: l2, height: u2 } = e2;
       return {
         top: `${r2}px`,
@@ -29374,20 +29374,20 @@ ${c}
         position: "absolute"
       };
     }
-    function ZU(e2, r2) {
-      return r2 === "horizontal" ? $U(e2) : r2 === "vertical" ? QU(e2) : e2;
+    function sW(e2, r2) {
+      return r2 === "horizontal" ? lW(e2) : r2 === "vertical" ? cW(e2) : e2;
     }
-    function QU(e2) {
+    function cW(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 $U(e2) {
+    function lW(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 eW(e2, r2, l2, u2, f2) {
+    function uW(e2, r2, l2, u2, f2) {
       e2 || (e2 = []);
       let p2 = [];
       c.default.Children.forEach(r2, (r3) => {
@@ -29408,7 +29408,7 @@ ${c}
       });
       return f2 ? m2 : T(m2, u2, l2);
     }
-    function tW(e2) {
+    function dW(e2) {
       let r2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "Layout", c2 = [
         "x",
         "y",
@@ -29425,7 +29425,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 nW(e2) {
+    function fW(e2) {
       let { verticalCompact: r2, compactType: c2 } = e2 || {};
       return r2 === false ? null : c2;
     }
@@ -32230,7 +32230,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, VU, Z, HU, UU, WU, GU, KU, qU, JU, YU, XU, ZU, QU, $U, eW, tW, nW;
+    let M = !f && !v, I, L, R, z, B, H, W, G, q, ZU, Z, QU, $U, eW, tW, nW, rW, iW, aW, oW, sW, cW, lW, uW, dW, fW;
     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) => {
@@ -32249,23 +32249,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, $U = "lg", r[58] === c.cells ? eW = r[59] : (eW = {
+      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, lW = "lg", r[58] === c.cells ? uW = r[59] : (uW = {
         lg: c.cells
-      }, r[58] = c.cells, r[59] = eW), tW = L, nW = S, R = false;
+      }, r[58] = c.cells, r[59] = uW), dW = L, fW = 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, VU = 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, ZU = 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 ? HU = r[71] : (HU = g ? {
+      }, r[66] = f, r[67] = c, r[68] = l, r[69] = Z) : Z = r[69], r[70] === g ? QU = r[71] : (QU = g ? {
         i: g.i,
         w: g.w || 2,
         h: g.h || 2
-      } : void 0, r[70] = g, r[71] = HU), r[72] !== O || r[73] !== c || r[74] !== l ? (UU = (e3, r2, u2) => {
+      } : void 0, r[70] = g, r[71] = QU), r[72] !== O || r[73] !== c || r[74] !== l ? ($U = (e3, r2, u2) => {
         O.onDragStop(), r2 && l({
           ...c,
           cells: [
@@ -32273,15 +32273,15 @@ ${c}
             r2
           ]
         });
-      }, r[72] = O, r[73] = c, r[74] = l, r[75] = UU) : UU = r[75], r[76] === O ? (WU = r[77], GU = r[78], KU = r[79]) : (WU = (e3, r2, c2, l2, u2) => {
+      }, r[72] = O, r[73] = c, r[74] = l, r[75] = $U) : $U = r[75], r[76] === O ? (eW = r[77], tW = r[78], nW = r[79]) : (eW = (e3, r2, c2, l2, u2) => {
         O.onDragStart(u2);
-      }, GU = (e3, r2, c2, l2, u2) => {
+      }, tW = (e3, r2, c2, l2, u2) => {
         O.onDragMove(u2);
-      }, KU = () => {
+      }, nW = () => {
         O.onDragStop();
-      }, r[76] = O, r[77] = WU, r[78] = GU, r[79] = KU), qU = _temp3$2, JU = M, YU = M, XU = M, ZU = M ? `.${DRAG_HANDLE}` : "noop";
+      }, r[76] = O, r[77] = eW, r[78] = tW, r[79] = nW), rW = _temp3$2, iW = M, aW = M, oW = M, sW = M ? `.${DRAG_HANDLE}` : "noop";
       let E2;
-      r[80] === h ? E2 = r[81] : (E2 = (e3) => h.has(e3.id), r[80] = h, r[81] = E2), QU = u.filter(E2).map((r2) => {
+      r[80] === h ? E2 = r[81] : (E2 = (e3) => h.has(e3.id), r[80] = h, r[81] = E2), cW = 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,
@@ -32310,14 +32310,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] = VU, r[31] = Z, r[32] = HU, r[33] = UU, r[34] = WU, r[35] = GU, r[36] = KU, r[37] = qU, r[38] = JU, r[39] = YU, r[40] = XU, r[41] = ZU, r[42] = QU, r[43] = $U, r[44] = eW, r[45] = tW, r[46] = nW;
-    } 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], VU = r[30], Z = r[31], HU = r[32], UU = r[33], WU = r[34], GU = r[35], KU = r[36], qU = r[37], JU = r[38], YU = r[39], XU = r[40], ZU = r[41], QU = r[42], $U = r[43], eW = r[44], tW = r[45], nW = r[46];
-    let rW;
-    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] !== VU || r[91] !== Z || r[92] !== HU || r[93] !== UU || r[94] !== WU || r[95] !== GU || r[96] !== KU || r[97] !== qU || r[98] !== JU || r[99] !== YU || r[100] !== XU || r[101] !== ZU || r[102] !== QU || r[103] !== $U || r[104] !== eW || r[105] !== tW || r[106] !== nW ? (rW = (0, import_jsx_runtime.jsx)(I, {
-      breakpoint: $U,
-      layouts: eW,
-      style: tW,
-      cols: nW,
+      }), 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] = ZU, r[31] = Z, r[32] = QU, r[33] = $U, r[34] = eW, r[35] = tW, r[36] = nW, r[37] = rW, r[38] = iW, r[39] = aW, r[40] = oW, r[41] = sW, r[42] = cW, r[43] = lW, r[44] = uW, r[45] = dW, r[46] = fW;
+    } 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], ZU = r[30], Z = r[31], QU = r[32], $U = r[33], eW = r[34], tW = r[35], nW = r[36], rW = r[37], iW = r[38], aW = r[39], oW = r[40], sW = r[41], cW = r[42], lW = r[43], uW = r[44], dW = r[45], fW = r[46];
+    let pW;
+    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] !== ZU || r[91] !== Z || r[92] !== QU || r[93] !== $U || r[94] !== eW || r[95] !== tW || r[96] !== nW || r[97] !== rW || r[98] !== iW || r[99] !== aW || r[100] !== oW || r[101] !== sW || r[102] !== cW || r[103] !== lW || r[104] !== uW || r[105] !== dW || r[106] !== fW ? (pW = (0, import_jsx_runtime.jsx)(I, {
+      breakpoint: lW,
+      layouts: uW,
+      style: dW,
+      cols: fW,
       allowOverlap: R,
       className: z,
       containerPadding: B,
@@ -32325,23 +32325,23 @@ ${c}
       isBounded: W,
       compactType: G,
       preventCollision: q,
-      rowHeight: VU,
+      rowHeight: ZU,
       onLayoutChange: Z,
-      droppingItem: HU,
-      onDrop: UU,
-      onDragStart: WU,
-      onDrag: GU,
-      onDragStop: KU,
-      onResizeStop: qU,
-      isDraggable: JU,
-      isDroppable: YU,
-      isResizable: XU,
-      draggableHandle: ZU,
-      children: QU
-    }), 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] = VU, r[91] = Z, r[92] = HU, r[93] = UU, r[94] = WU, r[95] = GU, r[96] = KU, r[97] = qU, r[98] = JU, r[99] = YU, r[100] = XU, r[101] = ZU, r[102] = QU, r[103] = $U, r[104] = eW, r[105] = tW, r[106] = nW, r[107] = rW) : rW = r[107];
-    let iW = rW, aW, oW, sW, cW, lW, uW, dW;
-    if (r[108] !== u || r[109] !== iW || r[110] !== h || r[111] !== v || r[112] !== f || r[113] !== c || r[114] !== d || r[115] !== l || r[116] !== L) {
-      dW = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+      droppingItem: QU,
+      onDrop: $U,
+      onDragStart: eW,
+      onDrag: tW,
+      onDragStop: nW,
+      onResizeStop: rW,
+      isDraggable: iW,
+      isDroppable: aW,
+      isResizable: oW,
+      draggableHandle: sW,
+      children: cW
+    }), 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] = ZU, r[91] = Z, r[92] = QU, r[93] = $U, r[94] = eW, r[95] = tW, r[96] = nW, r[97] = rW, r[98] = iW, r[99] = aW, r[100] = oW, r[101] = sW, r[102] = cW, r[103] = lW, r[104] = uW, r[105] = dW, r[106] = fW, r[107] = pW) : pW = r[107];
+    let mW = pW, hW, gW, _W, vW, yW, bW, xW;
+    if (r[108] !== u || r[109] !== mW || r[110] !== h || r[111] !== v || r[112] !== f || r[113] !== c || r[114] !== d || r[115] !== l || r[116] !== L) {
+      xW = /* @__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);
@@ -32349,14 +32349,14 @@ ${c}
         if (f) {
           if (c.bordered) {
             let e4;
-            r[127] !== iW || r[128] !== L ? (e4 = (0, import_jsx_runtime.jsx)("div", {
+            r[127] !== mW || 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: iW
+                children: mW
               })
-            }), r[127] = iW, r[128] = L, r[129] = e4) : e4 = r[129], iW = e4;
+            }), r[127] = mW, r[128] = L, r[129] = e4) : e4 = r[129], mW = e4;
           }
           let e3 = m2.filter(_temp4$2), l2;
           r[130] === d ? l2 = r[131] : (l2 = (e4) => (0, import_jsx_runtime.jsx)(GridCell, {
@@ -32367,9 +32367,9 @@ ${c}
             status: e4.status,
             isScrollable: false,
             hidden: false
-          }, e4.id), r[130] = d, r[131] = l2), dW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          }, e4.id), r[130] = d, r[131] = l2), xW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
             children: [
-              iW,
+              mW,
               (0, import_jsx_runtime.jsx)("div", {
                 className: "hidden",
                 children: e3.map(l2)
@@ -32380,31 +32380,31 @@ ${c}
         }
         if (c.bordered) {
           let e3;
-          r[132] === iW ? e3 = r[133] : (e3 = (0, import_jsx_runtime.jsx)("div", {
+          r[132] === mW ? e3 = r[133] : (e3 = (0, import_jsx_runtime.jsx)("div", {
             className: "h-full overflow-auto",
-            children: iW
-          }), r[132] = iW, r[133] = e3);
+            children: mW
+          }), r[132] = mW, 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], iW = c2;
+          }), r[134] = L, r[135] = e3, r[136] = c2) : c2 = r[136], mW = c2;
         }
-        r[137] !== v || r[138] !== c || r[139] !== l ? (uW = (0, import_jsx_runtime.jsx)(GridControls, {
+        r[137] !== v || r[138] !== c || r[139] !== l ? (bW = (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] = uW) : uW = r[140];
+        }), r[137] = v, r[138] = c, r[139] = l, r[140] = bW) : bW = r[140];
         let g2;
-        r[141] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (cW = cn("relative flex z-10 flex-1 overflow-hidden"), g2 = cn("grow overflow-auto transparent-when-disconnected"), r[141] = cW, r[142] = g2) : (cW = r[141], g2 = r[142]), r[143] === iW ? lW = r[144] : (lW = (0, import_jsx_runtime.jsx)("div", {
+        r[141] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (vW = cn("relative flex z-10 flex-1 overflow-hidden"), g2 = cn("grow overflow-auto transparent-when-disconnected"), r[141] = vW, r[142] = g2) : (vW = r[141], g2 = r[142]), r[143] === mW ? yW = r[144] : (yW = (0, import_jsx_runtime.jsx)("div", {
           className: g2,
-          children: iW
-        }), r[143] = iW, r[144] = lW), aW = "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") ? (oW = (0, import_jsx_runtime.jsx)("div", {
+          children: mW
+        }), r[143] = mW, r[144] = yW), hW = "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") ? (gW = (0, import_jsx_runtime.jsx)("div", {
           className: "text font-bold text-(--slate-20) shrink-0",
           children: "Outputs"
-        }), r[145] = oW) : oW = r[145];
+        }), r[145] = gW) : gW = 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,
@@ -32429,34 +32429,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], sW = m2.map(b2);
-      }
-      r[108] = u, r[109] = iW, r[110] = h, r[111] = v, r[112] = f, r[113] = c, r[114] = d, r[115] = l, r[116] = L, r[117] = aW, r[118] = oW, r[119] = sW, r[120] = cW, r[121] = lW, r[122] = uW, r[123] = dW, r[124] = iW;
-    } else aW = r[117], oW = r[118], sW = r[119], cW = r[120], lW = r[121], uW = r[122], dW = r[123], iW = r[124];
-    if (dW !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return dW;
-    let fW;
-    r[150] !== aW || r[151] !== oW || r[152] !== sW ? (fW = (0, import_jsx_runtime.jsxs)("div", {
-      className: aW,
+        }, e3.id), r[146] = c.columns, r[147] = c.rowHeight, r[148] = d, r[149] = b2) : b2 = r[149], _W = m2.map(b2);
+      }
+      r[108] = u, r[109] = mW, r[110] = h, r[111] = v, r[112] = f, r[113] = c, r[114] = d, r[115] = l, r[116] = L, r[117] = hW, r[118] = gW, r[119] = _W, r[120] = vW, r[121] = yW, r[122] = bW, r[123] = xW, r[124] = mW;
+    } else hW = r[117], gW = r[118], _W = r[119], vW = r[120], yW = r[121], bW = r[122], xW = r[123], mW = r[124];
+    if (xW !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return xW;
+    let SW;
+    r[150] !== hW || r[151] !== gW || r[152] !== _W ? (SW = (0, import_jsx_runtime.jsxs)("div", {
+      className: hW,
       children: [
-        oW,
-        sW
+        gW,
+        _W
       ]
-    }), r[150] = aW, r[151] = oW, r[152] = sW, r[153] = fW) : fW = r[153];
-    let pW;
-    r[154] !== cW || r[155] !== lW || r[156] !== fW ? (pW = (0, import_jsx_runtime.jsxs)("div", {
-      className: cW,
+    }), r[150] = hW, r[151] = gW, r[152] = _W, r[153] = SW) : SW = r[153];
+    let CW;
+    r[154] !== vW || r[155] !== yW || r[156] !== SW ? (CW = (0, import_jsx_runtime.jsxs)("div", {
+      className: vW,
       children: [
-        lW,
-        fW
+        yW,
+        SW
       ]
-    }), r[154] = cW, r[155] = lW, r[156] = fW, r[157] = pW) : pW = r[157];
-    let mW;
-    return r[158] !== uW || r[159] !== pW ? (mW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    }), r[154] = vW, r[155] = yW, r[156] = SW, r[157] = CW) : CW = r[157];
+    let wW;
+    return r[158] !== bW || r[159] !== CW ? (wW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        uW,
-        pW
+        bW,
+        CW
       ]
-    }), r[158] = uW, r[159] = pW, r[160] = mW) : mW = r[160], mW;
+    }), r[158] = bW, r[159] = CW, r[160] = wW) : wW = r[160], wW;
   };
   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;
@@ -32757,25 +32757,25 @@ ${c}
         G
       ]
     }), r[31] = L, r[32] = R, r[33] = G, r[34] = q) : q = r[34];
-    let VU;
-    r[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (VU = (0, import_jsx_runtime.jsx)(GripHorizontal, {
+    let ZU;
+    r[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ZU = (0, import_jsx_runtime.jsx)(GripHorizontal, {
       className: cn(DRAG_HANDLE, "cursor-move", "h-4 w-4 opacity-60 hover:opacity-100")
-    }), r[35] = VU) : VU = r[35];
+    }), r[35] = ZU) : ZU = 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 HU;
-    return r[38] !== I || r[39] !== q || r[40] !== Z || r[41] !== w ? (HU = (0, import_jsx_runtime.jsxs)("div", {
+    let QU;
+    return r[38] !== I || r[39] !== q || r[40] !== Z || r[41] !== w ? (QU = (0, import_jsx_runtime.jsxs)("div", {
       className: w,
       children: [
         I,
         q,
-        VU,
+        ZU,
         Z
       ]
-    }), r[38] = I, r[39] = q, r[40] = Z, r[41] = w, r[42] = HU) : HU = r[42], HU;
+    }), r[38] = I, r[39] = q, r[40] = Z, r[41] = w, r[42] = QU) : QU = r[42], QU;
   };
   function isSidebarCell(e) {
     var _a3;
@@ -34779,31 +34779,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), VU = (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), ZU = (0, import_react.useMemo)(() => j.getEnabled(), [
       j
-    ]), Z = useMeasuringConfiguration(p), { droppableRects: HU, measureDroppableContainers: UU, measuringScheduled: WU } = useDroppableMeasuring(VU, {
+    ]), Z = useMeasuringConfiguration(p), { droppableRects: QU, measureDroppableContainers: $U, measuringScheduled: eW } = useDroppableMeasuring(ZU, {
       dragging: w,
       dependencies: [
         O.x,
         O.y
       ],
       config: Z.droppable
-    }), GU = useCachedNode(E, T), KU = (0, import_react.useMemo)(() => H ? getEventCoordinates(H) : null, [
+    }), tW = useCachedNode(E, T), nW = (0, import_react.useMemo)(() => H ? getEventCoordinates(H) : null, [
       H
-    ]), qU = wW(), JU = useInitialRect(GU, Z.draggable.measure);
+    ]), rW = PW(), iW = useInitialRect(tW, Z.draggable.measure);
     useLayoutShiftScrollCompensation({
       activeNode: T == null ? null : E.get(T),
-      config: qU.layoutShiftCompensation,
-      initialRect: JU,
+      config: rW.layoutShiftCompensation,
+      initialRect: iW,
       measure: Z.draggable.measure
     });
-    let YU = useRect(GU, Z.draggable.measure, JU), XU = useRect(GU ? GU.parentElement : null), ZU = (0, import_react.useRef)({
+    let aW = useRect(tW, Z.draggable.measure, iW), oW = useRect(tW ? tW.parentElement : null), sW = (0, import_react.useRef)({
       activatorEvent: null,
       active: null,
-      activeNode: GU,
+      activeNode: tW,
       collisionRect: null,
       collisions: null,
-      droppableRects: HU,
+      droppableRects: QU,
       draggableNodes: E,
       draggingNode: null,
       draggingNodeRect: null,
@@ -34811,45 +34811,45 @@ ${c}
       over: null,
       scrollableAncestors: [],
       scrollAdjustedTranslate: null
-    }), QU = j.getNodeFor((_a3 = ZU.current.over) == null ? void 0 : _a3.id), $U = useDragOverlayMeasuring({
+    }), cW = j.getNodeFor((_a3 = sW.current.over) == null ? void 0 : _a3.id), lW = useDragOverlayMeasuring({
       measure: Z.dragOverlay.measure
-    }), eW = $U.nodeRef.current ?? GU, tW = w ? $U.rect ?? YU : null, nW = !!($U.nodeRef.current && $U.rect), rW = useRectDelta(nW ? null : YU), iW = useWindowRect(eW ? getWindow(eW) : null), aW = useScrollableAncestors(w ? QU ?? GU : null), oW = useRects(aW), sW = applyModifiers(m, {
+    }), uW = lW.nodeRef.current ?? tW, dW = w ? lW.rect ?? aW : null, fW = !!(lW.nodeRef.current && lW.rect), pW = useRectDelta(fW ? null : aW), mW = useWindowRect(uW ? getWindow(uW) : null), hW = useScrollableAncestors(w ? cW ?? tW : null), gW = useRects(hW), _W = applyModifiers(m, {
       transform: {
-        x: O.x - rW.x,
-        y: O.y - rW.y,
+        x: O.x - pW.x,
+        y: O.y - pW.y,
         scaleX: 1,
         scaleY: 1
       },
       activatorEvent: H,
       active: L,
-      activeNodeRect: YU,
-      containerNodeRect: XU,
-      draggingNodeRect: tW,
-      over: ZU.current.over,
-      overlayNodeRect: $U.rect,
-      scrollableAncestors: aW,
-      scrollableAncestorRects: oW,
-      windowRect: iW
-    }), cW = KU ? add(KU, O) : null, lW = useScrollOffsets(aW), uW = useScrollOffsetsDelta(lW), dW = useScrollOffsetsDelta(lW, [
-      YU
-    ]), fW = add(sW, uW), pW = tW ? getAdjustedRect(tW, sW) : null, mW = L && pW ? f({
+      activeNodeRect: aW,
+      containerNodeRect: oW,
+      draggingNodeRect: dW,
+      over: sW.current.over,
+      overlayNodeRect: lW.rect,
+      scrollableAncestors: hW,
+      scrollableAncestorRects: gW,
+      windowRect: mW
+    }), vW = nW ? add(nW, O) : null, yW = useScrollOffsets(hW), bW = useScrollOffsetsDelta(yW), xW = useScrollOffsetsDelta(yW, [
+      aW
+    ]), SW = add(_W, bW), CW = dW ? getAdjustedRect(dW, _W) : null, wW = L && CW ? f({
       active: L,
-      collisionRect: pW,
-      droppableRects: HU,
-      droppableContainers: VU,
-      pointerCoordinates: cW
-    }) : null, hW = getFirstCollision(mW, "id"), [gW, _W] = (0, import_react.useState)(null), vW = adjustScale(nW ? sW : add(sW, dW), (gW == null ? void 0 : gW.rect) ?? null, YU), yW = (0, import_react.useRef)(null), bW = (0, import_react.useCallback)((e2, r2) => {
+      collisionRect: CW,
+      droppableRects: QU,
+      droppableContainers: ZU,
+      pointerCoordinates: vW
+    }) : null, TW = getFirstCollision(wW, "id"), [EW, DW] = (0, import_react.useState)(null), OW = adjustScale(fW ? _W : add(_W, xW), (EW == null ? void 0 : EW.rect) ?? null, aW), kW = (0, import_react.useRef)(null), AW = (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;
-      yW.current = new c2({
+      kW.current = new c2({
         active: R.current,
         activeNode: u2,
         event: d2,
         options: l2,
-        context: ZU,
+        context: sW,
         onAbort(e3) {
           if (!E.get(e3)) return;
           let { onDragAbort: r3 } = G.current, c3 = {
@@ -34894,7 +34894,7 @@ ${c}
             }), v({
               type: "onDragStart",
               event: u3
-            }), B(yW.current), W(d2);
+            }), B(kW.current), W(d2);
           });
         },
         onMove(e3) {
@@ -34908,7 +34908,7 @@ ${c}
       });
       function f2(e3) {
         return async function() {
-          let { active: r3, collisions: c3, over: l3, scrollAdjustedTranslate: u3 } = ZU.current, f3 = null;
+          let { active: r3, collisions: c3, over: l3, scrollAdjustedTranslate: u3 } = sW.current, f3 = null;
           if (r3 && u3) {
             let { cancelDrop: p2 } = G.current;
             f3 = {
@@ -34922,7 +34922,7 @@ ${c}
           R.current = null, (0, import_react_dom.unstable_batchedUpdates)(() => {
             _({
               type: e3
-            }), S(Status.Uninitialized), _W(null), B(null), W(null), yW.current = null;
+            }), S(Status.Uninitialized), DW(null), B(null), W(null), kW.current = null;
             let r4 = e3 === Action.DragEnd ? "onDragEnd" : "onDragCancel";
             if (f3) {
               let e4 = G.current[r4];
@@ -34936,7 +34936,7 @@ ${c}
       }
     }, [
       E
-    ]), xW = useCombineActivators(d, (0, import_react.useCallback)((e2, r2) => (c2, l2) => {
+    ]), jW = 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 = {
@@ -34944,26 +34944,26 @@ ${c}
       };
       e2(c2, r2.options, f2) === true && (u2.dndKit = {
         capturedBy: r2.sensor
-      }, R.current = l2, bW(c2, r2));
+      }, R.current = l2, AW(c2, r2));
     }, [
       E,
-      bW
+      AW
     ]));
     useSensorSetup(d), useIsomorphicLayoutEffect(() => {
-      YU && b === Status.Initializing && S(Status.Initialized);
+      aW && b === Status.Initializing && S(Status.Initialized);
     }, [
-      YU,
+      aW,
       b
     ]), (0, import_react.useEffect)(() => {
-      let { onDragMove: e2 } = G.current, { active: r2, activatorEvent: c2, collisions: l2, over: u2 } = ZU.current;
+      let { onDragMove: e2 } = G.current, { active: r2, activatorEvent: c2, collisions: l2, over: u2 } = sW.current;
       if (!r2 || !c2) return;
       let d2 = {
         active: r2,
         activatorEvent: c2,
         collisions: l2,
         delta: {
-          x: fW.x,
-          y: fW.y
+          x: SW.x,
+          y: SW.y
         },
         over: u2
       };
@@ -34974,12 +34974,12 @@ ${c}
         });
       });
     }, [
-      fW.x,
-      fW.y
+      SW.x,
+      SW.y
     ]), (0, import_react.useEffect)(() => {
-      let { active: e2, activatorEvent: r2, collisions: c2, droppableContainers: l2, scrollAdjustedTranslate: u2 } = ZU.current;
+      let { active: e2, activatorEvent: r2, collisions: c2, droppableContainers: l2, scrollAdjustedTranslate: u2 } = sW.current;
       if (!e2 || R.current == null || !r2 || !u2) return;
-      let { onDragOver: d2 } = G.current, f2 = l2.get(hW), p2 = f2 && f2.rect.current ? {
+      let { onDragOver: d2 } = G.current, f2 = l2.get(TW), p2 = f2 && f2.rect.current ? {
         id: f2.id,
         rect: f2.rect.current,
         data: f2.data,
@@ -34995,127 +34995,127 @@ ${c}
         over: p2
       };
       (0, import_react_dom.unstable_batchedUpdates)(() => {
-        _W(p2), d2 == null ? void 0 : d2(m2), v({
+        DW(p2), d2 == null ? void 0 : d2(m2), v({
           type: "onDragOver",
           event: m2
         });
       });
     }, [
-      hW
+      TW
     ]), useIsomorphicLayoutEffect(() => {
-      ZU.current = {
+      sW.current = {
         activatorEvent: H,
         active: L,
-        activeNode: GU,
-        collisionRect: pW,
-        collisions: mW,
-        droppableRects: HU,
+        activeNode: tW,
+        collisionRect: CW,
+        collisions: wW,
+        droppableRects: QU,
         draggableNodes: E,
-        draggingNode: eW,
-        draggingNodeRect: tW,
+        draggingNode: uW,
+        draggingNodeRect: dW,
         droppableContainers: j,
-        over: gW,
-        scrollableAncestors: aW,
-        scrollAdjustedTranslate: fW
+        over: EW,
+        scrollableAncestors: hW,
+        scrollAdjustedTranslate: SW
       }, I.current = {
-        initial: tW,
-        translated: pW
+        initial: dW,
+        translated: CW
       };
     }, [
       L,
-      GU,
-      mW,
-      pW,
-      E,
-      eW,
       tW,
-      HU,
+      wW,
+      CW,
+      E,
+      uW,
+      dW,
+      QU,
       j,
-      gW,
-      aW,
-      fW
+      EW,
+      hW,
+      SW
     ]), useAutoScroller({
-      ...qU,
+      ...rW,
       delta: O,
-      draggingRect: pW,
-      pointerCoordinates: cW,
-      scrollableAncestors: aW,
-      scrollableAncestorRects: oW
+      draggingRect: CW,
+      pointerCoordinates: vW,
+      scrollableAncestors: hW,
+      scrollableAncestorRects: gW
     });
-    let SW = (0, import_react.useMemo)(() => ({
+    let MW = (0, import_react.useMemo)(() => ({
       active: L,
-      activeNode: GU,
-      activeNodeRect: YU,
+      activeNode: tW,
+      activeNodeRect: aW,
       activatorEvent: H,
-      collisions: mW,
-      containerNodeRect: XU,
-      dragOverlay: $U,
+      collisions: wW,
+      containerNodeRect: oW,
+      dragOverlay: lW,
       draggableNodes: E,
       droppableContainers: j,
-      droppableRects: HU,
-      over: gW,
-      measureDroppableContainers: UU,
-      scrollableAncestors: aW,
-      scrollableAncestorRects: oW,
+      droppableRects: QU,
+      over: EW,
+      measureDroppableContainers: $U,
+      scrollableAncestors: hW,
+      scrollableAncestorRects: gW,
       measuringConfiguration: Z,
-      measuringScheduled: WU,
-      windowRect: iW
+      measuringScheduled: eW,
+      windowRect: mW
     }), [
       L,
-      GU,
-      YU,
+      tW,
+      aW,
       H,
-      mW,
-      XU,
-      $U,
+      wW,
+      oW,
+      lW,
       E,
       j,
-      HU,
+      QU,
+      EW,
+      $U,
+      hW,
       gW,
-      UU,
-      aW,
-      oW,
       Z,
-      WU,
-      iW
-    ]), CW = (0, import_react.useMemo)(() => ({
+      eW,
+      mW
+    ]), NW = (0, import_react.useMemo)(() => ({
       activatorEvent: H,
-      activators: xW,
+      activators: jW,
       active: L,
-      activeNodeRect: YU,
+      activeNodeRect: aW,
       ariaDescribedById: {
         draggable: q
       },
       dispatch: _,
       draggableNodes: E,
-      over: gW,
-      measureDroppableContainers: UU
+      over: EW,
+      measureDroppableContainers: $U
     }), [
       H,
-      xW,
+      jW,
       L,
-      YU,
+      aW,
       _,
       q,
       E,
-      gW,
-      UU
+      EW,
+      $U
     ]);
     return import_react.createElement(DndMonitorContext.Provider, {
       value: y
     }, import_react.createElement(InternalContext.Provider, {
-      value: CW
+      value: NW
     }, import_react.createElement(PublicContext.Provider, {
-      value: SW
+      value: MW
     }, import_react.createElement(ActiveDraggableContext.Provider, {
-      value: vW
+      value: OW
     }, u)), import_react.createElement(RestoreFocus, {
       disabled: (c == null ? void 0 : c.restoreFocus) === false
     })), import_react.createElement(Accessibility, {
       ...c,
       hiddenTextDescribedById: q
     }));
-    function wW() {
+    function PW() {
       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,
@@ -35643,7 +35643,7 @@ ${c}
         updateMeasurementsFor: I,
         ...m
       }
-    }), { active: H, activatorEvent: W, activeNodeRect: G, attributes: q, setNodeRef: VU, listeners: Z, isDragging: HU, over: UU, setActivatorNodeRef: WU, transform: GU } = useDraggable({
+    }), { active: H, activatorEvent: W, activeNodeRect: G, attributes: q, setNodeRef: ZU, listeners: Z, isDragging: QU, over: $U, setActivatorNodeRef: eW, transform: tW } = useDraggable({
       id: f,
       data: M,
       attributes: {
@@ -35651,60 +35651,60 @@ ${c}
         ...c
       },
       disabled: O.draggable
-    }), KU = useCombinedRefs(B, VU), qU = !!H, JU = qU && !b && isValidIndex(v) && isValidIndex(w), YU = !T && HU, XU = JU ? (YU && JU ? GU : null) ?? (p ?? E)({
+    }), nW = useCombinedRefs(B, ZU), rW = !!H, iW = rW && !b && isValidIndex(v) && isValidIndex(w), aW = !T && QU, oW = iW ? (aW && iW ? tW : null) ?? (p ?? E)({
       rects: S,
       activeNodeRect: G,
       activeIndex: v,
       overIndex: w,
       index: j
-    }) : null, ZU = isValidIndex(v) && isValidIndex(w) ? d({
+    }) : null, sW = isValidIndex(v) && isValidIndex(w) ? d({
       id: f,
       items: g,
       activeIndex: v,
       overIndex: w
-    }) : j, QU = H == null ? void 0 : H.id, $U = (0, import_react.useRef)({
-      activeId: QU,
+    }) : j, cW = H == null ? void 0 : H.id, lW = (0, import_react.useRef)({
+      activeId: cW,
       items: g,
-      newIndex: ZU,
+      newIndex: sW,
       containerId: _
-    }), eW = g !== $U.current.items, tW = r({
+    }), uW = g !== lW.current.items, dW = r({
       active: H,
       containerId: _,
-      isDragging: HU,
-      isSorting: qU,
+      isDragging: QU,
+      isSorting: rW,
       id: f,
       index: j,
       items: g,
-      newIndex: $U.current.newIndex,
-      previousItems: $U.current.items,
-      previousContainerId: $U.current.containerId,
+      newIndex: lW.current.newIndex,
+      previousItems: lW.current.items,
+      previousContainerId: lW.current.containerId,
       transition: h,
-      wasDragging: $U.current.activeId != null
-    }), nW = useDerivedTransform({
-      disabled: !tW,
+      wasDragging: lW.current.activeId != null
+    }), fW = useDerivedTransform({
+      disabled: !dW,
       index: j,
       node: R,
       rect: L
     });
     return (0, import_react.useEffect)(() => {
-      qU && $U.current.newIndex !== ZU && ($U.current.newIndex = ZU), _ !== $U.current.containerId && ($U.current.containerId = _), g !== $U.current.items && ($U.current.items = g);
+      rW && lW.current.newIndex !== sW && (lW.current.newIndex = sW), _ !== lW.current.containerId && (lW.current.containerId = _), g !== lW.current.items && (lW.current.items = g);
     }, [
-      qU,
-      ZU,
+      rW,
+      sW,
       _,
       g
     ]), (0, import_react.useEffect)(() => {
-      if (QU === $U.current.activeId) return;
-      if (QU != null && $U.current.activeId == null) {
-        $U.current.activeId = QU;
+      if (cW === lW.current.activeId) return;
+      if (cW != null && lW.current.activeId == null) {
+        lW.current.activeId = cW;
         return;
       }
       let e2 = setTimeout(() => {
-        $U.current.activeId = QU;
+        lW.current.activeId = cW;
       }, 50);
       return () => clearTimeout(e2);
     }, [
-      QU
+      cW
     ]), {
       active: H,
       activeIndex: v,
@@ -35712,25 +35712,25 @@ ${c}
       data: M,
       rect: L,
       index: j,
-      newIndex: ZU,
+      newIndex: sW,
       items: g,
       isOver: z,
-      isSorting: qU,
-      isDragging: HU,
+      isSorting: rW,
+      isDragging: QU,
       listeners: Z,
       node: R,
       overIndex: w,
-      over: UU,
-      setNodeRef: KU,
-      setActivatorNodeRef: WU,
+      over: $U,
+      setNodeRef: nW,
+      setActivatorNodeRef: eW,
       setDroppableNodeRef: B,
-      setDraggableNodeRef: VU,
-      transform: nW ?? XU,
-      transition: rW()
+      setDraggableNodeRef: ZU,
+      transform: fW ?? oW,
+      transition: pW()
     };
-    function rW() {
-      if (nW || eW && $U.current.newIndex === j) return disabledTransition;
-      if (!(YU && !isKeyboardEvent(W) || !h) && (qU || tW)) return CSS$1.Transition.toString({
+    function pW() {
+      if (fW || uW && lW.current.newIndex === j) return disabledTransition;
+      if (!(aW && !isKeyboardEvent(W) || !h) && (rW || dW)) return CSS$1.Transition.toString({
         ...h,
         property: transitionProperty
       });
@@ -36030,15 +36030,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 VU = q;
-    if (!v && !g) return VU;
+    let ZU = q;
+    if (!v && !g) return ZU;
     let Z;
-    r[46] === VU ? Z = r[47] : (Z = (0, import_jsx_runtime.jsx)(ContextMenuTrigger, {
+    r[46] === ZU ? Z = r[47] : (Z = (0, import_jsx_runtime.jsx)(ContextMenuTrigger, {
       asChild: true,
-      children: VU
-    }), r[46] = VU, r[47] = Z);
-    let HU;
-    r[48] === v ? HU = r[49] : (HU = v && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
+      children: ZU
+    }), r[46] = ZU, r[47] = Z);
+    let QU;
+    r[48] === v ? QU = r[49] : (QU = v && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
       onSelect: v,
       children: [
         (0, import_jsx_runtime.jsx)(Plus, {
@@ -36046,11 +36046,11 @@ ${c}
         }),
         "Add cell"
       ]
-    }), r[48] = v, r[49] = HU);
-    let UU;
-    r[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (UU = (0, import_jsx_runtime.jsx)(ContextMenuSeparator, {}), r[50] = UU) : UU = r[50];
-    let GU;
-    r[51] === g ? GU = r[52] : (GU = g && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
+    }), r[48] = v, r[49] = QU);
+    let $U;
+    r[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($U = (0, import_jsx_runtime.jsx)(ContextMenuSeparator, {}), r[50] = $U) : $U = r[50];
+    let tW;
+    r[51] === g ? tW = r[52] : (tW = g && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
       variant: "danger",
       onSelect: g,
       children: [
@@ -36059,22 +36059,22 @@ ${c}
         }),
         "Delete cell"
       ]
-    }), r[51] = g, r[52] = GU);
-    let KU;
-    r[53] !== HU || r[54] !== GU ? (KU = (0, import_jsx_runtime.jsxs)(ContextMenuContent, {
+    }), r[51] = g, r[52] = tW);
+    let nW;
+    r[53] !== QU || r[54] !== tW ? (nW = (0, import_jsx_runtime.jsxs)(ContextMenuContent, {
       children: [
-        HU,
-        UU,
-        GU
+        QU,
+        $U,
+        tW
       ]
-    }), r[53] = HU, r[54] = GU, r[55] = KU) : KU = r[55];
-    let qU;
-    return r[56] !== Z || r[57] !== KU ? (qU = (0, import_jsx_runtime.jsxs)(ContextMenu, {
+    }), r[53] = QU, r[54] = tW, r[55] = nW) : nW = r[55];
+    let rW;
+    return r[56] !== Z || r[57] !== nW ? (rW = (0, import_jsx_runtime.jsxs)(ContextMenu, {
       children: [
         Z,
-        KU
+        nW
       ]
-    }), r[56] = Z, r[57] = KU, r[58] = qU) : qU = r[58], qU;
+    }), r[56] = Z, r[57] = nW, r[58] = rW) : rW = r[58], rW;
   }, 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-hidden", u), r[0] = u, r[1] = d);
@@ -36128,10 +36128,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", VU = w && !T && "opacity-35", Z = T && "opacity-95 shadow-lg", HU;
-    r[25] !== l || r[26] !== VU || r[27] !== Z || r[28] !== q ? (HU = cn("border-2 shrink-0 rounded-md relative select-none bg-background cursor-pointer active:cursor-grabbing overflow-hidden transition-colors", q, VU, Z, l), r[25] = l, r[26] = VU, r[27] = Z, r[28] = q, r[29] = HU) : HU = r[29];
-    let UU;
-    r[30] !== c || r[31] !== M || r[32] !== O || r[33] !== I || r[34] !== G || r[35] !== j ? (UU = 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", ZU = w && !T && "opacity-35", Z = T && "opacity-95 shadow-lg", QU;
+    r[25] !== l || r[26] !== ZU || r[27] !== Z || r[28] !== q ? (QU = cn("border-2 shrink-0 rounded-md relative select-none bg-background cursor-pointer active:cursor-grabbing overflow-hidden transition-colors", q, ZU, Z, l), r[25] = l, r[26] = ZU, r[27] = Z, r[28] = q, r[29] = QU) : QU = r[29];
+    let $U;
+    r[30] !== c || r[31] !== M || r[32] !== O || r[33] !== I || r[34] !== G || r[35] !== j ? ($U = 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})`,
@@ -36146,14 +36146,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] = UU) : UU = r[36];
-    let WU;
-    r[37] === z ? WU = r[38] : (WU = 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] = $U) : $U = r[36];
+    let eW;
+    r[37] === z ? eW = r[38] : (eW = 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] = WU);
-    let GU;
-    r[39] !== z || r[40] !== R ? (GU = (R == null ? void 0 : R.Icon) && (0, import_jsx_runtime.jsx)(Tooltip, {
+    }), r[37] = z, r[38] = eW);
+    let tW;
+    r[39] !== z || r[40] !== R ? (tW = (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
@@ -36165,19 +36165,19 @@ ${c}
           className: "h-3.5 w-3.5"
         })
       })
-    }), r[39] = z, r[40] = R, r[41] = GU) : GU = r[41];
-    let KU;
-    return r[42] !== W || r[43] !== d || r[44] !== f || r[45] !== HU || r[46] !== UU || r[47] !== WU || r[48] !== GU ? (KU = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[39] = z, r[40] = R, r[41] = tW) : tW = r[41];
+    let nW;
+    return r[42] !== W || r[43] !== d || r[44] !== f || r[45] !== QU || r[46] !== $U || r[47] !== eW || r[48] !== tW ? (nW = (0, import_jsx_runtime.jsxs)("div", {
       ref: f,
-      className: HU,
+      className: QU,
       style: W,
       ...d,
       children: [
-        UU,
-        WU,
-        GU
+        $U,
+        eW,
+        tW
       ]
-    }), r[42] = W, r[43] = d, r[44] = f, r[45] = HU, r[46] = UU, r[47] = WU, r[48] = GU, r[49] = KU) : KU = r[49], KU;
+    }), r[42] = W, r[43] = d, r[44] = f, r[45] = QU, r[46] = $U, r[47] = eW, r[48] = tW, r[49] = nW) : nW = r[49], nW;
   }, 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", {
@@ -36217,7 +36217,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-BXP8Y-bq.js"));
+  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-OEq7xNow.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), [
@@ -36595,7 +36595,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, VU, Z, HU, UU, WU, GU;
+    let H, W, G, q, ZU, Z, QU, $U, eW, tW;
     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);
@@ -36641,11 +36641,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", VU = c, Z = R, HU = 0;
-      let KU2 = y && "marimo-output-stale", qU2 = L ? "p-5" : "p-3";
-      r[40] !== M || r[41] !== KU2 || r[42] !== qU2 ? (UU = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", KU2, qU2, M), r[40] = M, r[41] = KU2, r[42] = qU2, r[43] = UU) : UU = r[43], r[44] === d ? WU = r[45] : (WU = 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", ZU = c, Z = R, QU = 0;
+      let nW2 = y && "marimo-output-stale", rW2 = L ? "p-5" : "p-3";
+      r[40] !== M || r[41] !== nW2 || r[42] !== rW2 ? ($U = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", nW2, rW2, M), r[40] = M, r[41] = nW2, r[42] = rW2, r[43] = $U) : $U = r[43], r[44] === d ? eW = r[45] : (eW = d ? {
         maxHeight: "none"
-      } : void 0, r[44] = d, r[45] = WU), GU = e2.map((e3, r2) => {
+      } : void 0, r[44] = d, r[45] = eW), tW = 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");
@@ -36674,36 +36674,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] = VU, r[25] = Z, r[26] = HU, r[27] = UU, r[28] = WU, r[29] = GU;
-    } else H = r[20], W = r[21], G = r[22], q = r[23], VU = r[24], Z = r[25], HU = r[26], UU = r[27], WU = r[28], GU = r[29];
-    let KU;
-    r[46] !== T || r[47] !== S ? (KU = (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] = ZU, r[25] = Z, r[26] = QU, r[27] = $U, r[28] = eW, r[29] = tW;
+    } else H = r[20], W = r[21], G = r[22], q = r[23], ZU = r[24], Z = r[25], QU = r[26], $U = r[27], eW = r[28], tW = r[29];
+    let nW;
+    r[46] !== T || r[47] !== S ? (nW = (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] = KU) : KU = r[48];
-    let qU;
-    r[49] !== KU || r[50] !== G || r[51] !== q || r[52] !== VU || r[53] !== Z || r[54] !== HU || r[55] !== UU || r[56] !== WU || r[57] !== GU ? (qU = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[46] = T, r[47] = S, r[48] = nW) : nW = r[48];
+    let rW;
+    r[49] !== nW || r[50] !== G || r[51] !== q || r[52] !== ZU || r[53] !== Z || r[54] !== QU || r[55] !== $U || r[56] !== eW || r[57] !== tW ? (rW = (0, import_jsx_runtime.jsxs)("div", {
       title: G,
       "data-testid": q,
-      ref: VU,
+      ref: ZU,
       ...Z,
-      tabIndex: HU,
-      className: UU,
-      style: WU,
+      tabIndex: QU,
+      className: $U,
+      style: eW,
       children: [
-        GU,
-        KU
+        tW,
+        nW
       ]
-    }), r[49] = KU, r[50] = G, r[51] = q, r[52] = VU, r[53] = Z, r[54] = HU, r[55] = UU, r[56] = WU, r[57] = GU, r[58] = qU) : qU = r[58];
-    let JU;
-    return r[59] !== H || r[60] !== W || r[61] !== qU ? (JU = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[49] = nW, r[50] = G, r[51] = q, r[52] = ZU, r[53] = Z, r[54] = QU, r[55] = $U, r[56] = eW, r[57] = tW, r[58] = rW) : rW = r[58];
+    let iW;
+    return r[59] !== H || r[60] !== W || r[61] !== rW ? (iW = (0, import_jsx_runtime.jsxs)("div", {
       className: H,
       children: [
         W,
-        qU
+        rW
       ]
-    }), r[59] = H, r[60] = W, r[61] = qU, r[62] = JU) : JU = r[62], JU;
+    }), r[59] = H, r[60] = W, r[61] = rW, r[62] = iW) : iW = r[62], iW;
   }, 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);
@@ -37167,23 +37167,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 VU = w === "edit", Z;
-    r[46] !== d || r[47] !== R || r[48] !== c || r[49] !== I || r[50] !== VU ? (Z = (0, import_jsx_runtime.jsx)(OutputArea, {
-      allowExpand: VU,
+    let ZU = w === "edit", Z;
+    r[46] !== d || r[47] !== R || r[48] !== c || r[49] !== I || r[50] !== ZU ? (Z = (0, import_jsx_runtime.jsx)(OutputArea, {
+      allowExpand: ZU,
       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] = VU, r[51] = Z) : Z = r[51];
-    let HU;
-    return r[52] !== H || r[53] !== q || r[54] !== Z ? (HU = (0, import_jsx_runtime.jsx)("div", {
+    }), r[46] = d, r[47] = R, r[48] = c, r[49] = I, r[50] = ZU, r[51] = Z) : Z = r[51];
+    let QU;
+    return r[52] !== H || r[53] !== q || r[54] !== Z ? (QU = (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] = HU) : HU = r[55], HU;
+    }), r[52] = H, r[53] = q, r[54] = Z, r[55] = QU) : QU = r[55], QU;
   });
   VerticalCell.displayName = "VerticalCell";
   const VerticalLayoutPlugin = {
@@ -37412,8 +37412,10 @@ ${c}
     }
   };
   function parseMarimoIslandApps(e = document) {
-    let r = e.querySelectorAll(ISLAND_TAG_NAMES.ISLAND);
-    return r.length === 0 ? (Logger.warn("No embedded marimo apps found."), []) : parseIslandElementsIntoApps(Array.from(r));
+    let r = [
+      ...e.querySelectorAll(ISLAND_TAG_NAMES.ISLAND)
+    ], c = parseMarimoIslandPayloads(e);
+    return r.length === 0 ? (Logger.warn("No embedded marimo apps found."), []) : c.length > 0 ? parsePayloadBackedApps(r, c) : parseIslandElementsIntoApps(r);
   }
   function parseIslandElementsIntoApps(e) {
     let r = /* @__PURE__ */ new Map();
@@ -37429,11 +37431,12 @@ ${c}
         Logger.warn(`Embedded marimo app ${e2} missing cell output or code.`);
         continue;
       }
-      r.has(e2) || r.set(e2, {
+      let u = r.get(e2);
+      u || (u = {
         id: e2,
         cells: []
-      });
-      let u = r.get(e2), f = u.cells.length;
+      }, r.set(e2, u));
+      let f = u.cells.length;
       u.cells.push({
         output: l.output,
         code: l.code,
@@ -37444,6 +37447,68 @@ ${c}
       ...r.values()
     ];
   }
+  function parsePayloadBackedApps(e, r) {
+    let c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Set(), d = [];
+    for (let c2 of r) {
+      let r2 = false;
+      for (let d2 of c2.cells) {
+        let f2 = findMatchingIsland({
+          embeds: e,
+          appId: c2.appId,
+          cell: d2,
+          consumedEmbeds: u
+        });
+        f2 && (u.add(f2), l.set(d2, f2), materializeIslandPayload(f2, d2), r2 = true);
+      }
+      r2 && d.push(c2);
+    }
+    let f = new Set(d.map((e2) => e2.appId)), p = new Set(d.filter((e2) => e2.cells.some((e3) => e3.reactive)).map((e2) => e2.appId));
+    for (let e2 of d) for (let r2 of e2.cells) {
+      let u2 = l.get(r2);
+      if (!p.has(e2.appId)) continue;
+      let d2 = c.get(e2.appId);
+      d2 || (d2 = {
+        id: e2.appId,
+        payloadBacked: true,
+        cells: []
+      }, c.set(e2.appId, d2));
+      let f2 = d2.cells.length, m2 = {
+        cellId: r2.cellId,
+        output: r2.outputHtml,
+        code: r2.reactive ? r2.code : "",
+        idx: f2
+      };
+      r2.reactive || (m2.disabled = true), d2.cells.push(m2), r2.reactive && (u2 == null ? void 0 : u2.setAttribute(ISLAND_DATA_ATTRIBUTES.CELL_IDX, f2.toString()));
+    }
+    for (let r2 of e) {
+      let e2 = r2.getAttribute(ISLAND_DATA_ATTRIBUTES.APP_ID);
+      e2 && f.has(e2) && !u.has(r2) && (r2.removeAttribute(ISLAND_DATA_ATTRIBUTES.CELL_ID), r2.removeAttribute(ISLAND_DATA_ATTRIBUTES.CELL_IDX), r2.setAttribute(ISLAND_DATA_ATTRIBUTES.REACTIVE, "false"));
+    }
+    let m = e.filter((e2) => {
+      let r2 = e2.getAttribute(ISLAND_DATA_ATTRIBUTES.APP_ID);
+      return !r2 || !f.has(r2);
+    });
+    return [
+      ...c.values(),
+      ...parseIslandElementsIntoApps(m)
+    ];
+  }
+  function findMatchingIsland({ embeds: e, appId: r, cell: c, consumedEmbeds: l }) {
+    return e.find((e2) => l.has(e2) ? false : e2.getAttribute(ISLAND_DATA_ATTRIBUTES.APP_ID) === r && e2.getAttribute(ISLAND_DATA_ATTRIBUTES.CELL_ID) === c.cellId);
+  }
+  function materializeIslandPayload(e, r) {
+    e.setAttribute(ISLAND_DATA_ATTRIBUTES.REACTIVE, JSON.stringify(r.reactive)), e.removeAttribute(ISLAND_DATA_ATTRIBUTES.CELL_ID), r.reactive || e.removeAttribute(ISLAND_DATA_ATTRIBUTES.CELL_IDX);
+    let c = ensureIslandChild(e, ISLAND_TAG_NAMES.CELL_OUTPUT);
+    c.innerHTML = r.displayOutput ? r.outputHtml : "";
+    let l = ensureIslandChild(e, ISLAND_TAG_NAMES.CELL_CODE);
+    l.hidden = true, l.textContent = encodeURIComponent(r.code);
+    let u = e.querySelector(ISLAND_TAG_NAMES.CODE_EDITOR);
+    u && u.setAttribute("data-initial-value", JSON.stringify(r.code));
+  }
+  function ensureIslandChild(e, r) {
+    let c = e.querySelector(r);
+    return c || (c = e.ownerDocument.createElement(r), e.appendChild(c)), c;
+  }
   function parseIslandElement(e) {
     let r = e.querySelector(ISLAND_TAG_NAMES.CELL_OUTPUT), c = extractIslandCodeFromEmbed(e);
     return !r || !c ? null : {
@@ -37456,10 +37521,10 @@ ${c}
       "import marimo",
       "app = marimo.App()",
       e.cells.map((e2) => {
-        let r = e2.code.split("\n").map((e3) => `    ${e3}`).join("\n");
-        return `@app.cell
-${r.includes("await ") ? "async def" : "def"} __():
-${r}
+        let r = e2.disabled ? "" : e2.code, c = r ? r.split("\n").map((e3) => `    ${e3}`).join("\n") : "    pass", l = c.includes("await ") ? "async def" : "def";
+        return `${e2.disabled ? "@app.cell(disabled=True)" : "@app.cell"}
+${l} __():
+${c}
     return`;
       }).join("\n")
     ].join("\n");
@@ -37482,6 +37547,37 @@ ${r}
     let c = e.querySelector(ISLAND_TAG_NAMES.CODE_EDITOR);
     return c ? parseIslandEditor(c.getAttribute("data-initial-value")) : "";
   }
+  function parseMarimoIslandPayloads(e) {
+    let r = e.querySelectorAll('script[type="application/vnd.marimo.islands+json"]'), c = [];
+    for (let e2 of r) {
+      if (isNestedIslandPayloadScript(e2)) continue;
+      let r2 = parseMarimoIslandPayload(e2.textContent);
+      r2 && c.push(r2);
+    }
+    return c;
+  }
+  function isNestedIslandPayloadScript(e) {
+    return !!(e.closest(ISLAND_TAG_NAMES.ISLAND) || e.closest(ISLAND_TAG_NAMES.CELL_OUTPUT));
+  }
+  function parseMarimoIslandPayload(e) {
+    if (!e) return null;
+    try {
+      let r = JSON.parse(e);
+      if (isMarimoIslandPayload(r)) return r;
+    } catch {
+      return null;
+    }
+    return null;
+  }
+  function isMarimoIslandPayload(e) {
+    return isRecord(e) ? e.schemaVersion === 1 && typeof e.appId == "string" && Array.isArray(e.cells) && e.cells.every(isMarimoIslandPayloadCell) : false;
+  }
+  function isMarimoIslandPayloadCell(e) {
+    return isRecord(e) ? typeof e.cellId == "string" && typeof e.code == "string" && typeof e.outputHtml == "string" && typeof e.outputMimetype == "string" && typeof e.reactive == "boolean" && typeof e.displayCode == "boolean" && typeof e.displayOutput == "boolean" : false;
+  }
+  function isRecord(e) {
+    return typeof e == "object" && !!e;
+  }
   var import_compiler_runtime$2 = require_compiler_runtime(), IconButton = (e) => {
     let r = (0, import_compiler_runtime$2.c)(6), { tooltip: c, icon: l, action: u } = e, d;
     r[0] !== u || r[1] !== l ? (d = (0, import_jsx_runtime.jsx)(Button, {
@@ -38227,10 +38323,10 @@ ${r}
       });
     }
     startSessionsForAllApps() {
-      var _a3;
+      var _a3, _b3;
       let e = parseMarimoIslandApps(this.root);
       Logger.debug(`Starting sessions for ${e.length} app(s):`, e.map((e2) => `${e2.id} (${e2.cells.length} cells)`));
-      let r = (_a3 = e.length === 1 ? getMarimoExportContext() : void 0) == null ? void 0 : _a3.notebookCode;
+      let r = (_b3 = e.length === 1 && !((_a3 = e[0]) == null ? void 0 : _a3.payloadBacked) ? getMarimoExportContext() : void 0) == null ? void 0 : _b3.notebookCode;
       for (let c of e) {
         let e2 = r || createMarimoFile(c);
         Logger.debug(`App ${c.id} marimo file: