@marimo-team/islands 0.23.14-dev38 → 0.23.14-dev43

package/dist/main.js

@@ -26,7 +26,7 @@ import { $ as reducer, $t as requestClientAtom, A as ChevronDownIcon, At as Path
 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-CnTgI25l.js";
-import { $ as PANEL_TYPES, $t as HtmlOutput, A as prettifyRowCount, At as INDEX_COLUMN_NAME, B as CompactChipRow, Bt as dateToLocalISODateTime, C as downloadSizeLimitAtom, Ct as ColumnChartSpecModel, D as ErrorState, Dt as getPageIndexForRow, E as EmptyState, Et as usePrevious$1, F as ContextMenuItem, Ft as hasFunctionProperty, G as Command, Gt as TabsTrigger, H as DateRangePicker, Ht as Tabs, I as ContextMenuSeparator, It as isRecord, J as CommandItem, Jt as ChartLoadingState, K as CommandEmpty, Kt as ChartErrorState, L as ContextMenuTrigger, Lt as isNullishFilter, M as getUserColumnVisibilityCounts, Mt as TOO_MANY_ROWS, N as ContextMenu, Nt as toFieldTypes, O as LoadingState, Ot as loadTableAndRawData, P as ContextMenuContent, Pt as getMimeValues, Q as ContextAwarePanelItem, Qt as Kbd, R as useInternalStateWithSync, Rt as Maps, S as Filenames, St as ColumnChartContext, T as ColumnPreviewContainer, Tt as useIntersectionObserver, U as Combobox, Ut as TabsContent, V as DatePicker, Vt as dateToLocalISOTime, W as ComboboxItem, Wt as TabsList, X as CommandSeparator, Xt as useOverflowDetection, Y as CommandList, Yt as LazyVegaEmbed, Z as smartMatch, Zt as RenderTextWithLinks, _ as ADD_PRINTING_CLASS, _t as TableRow, an as Funnel, at as slotsController, b as downloadHTMLAsImage, bt as inferFieldTypes, c as Slide, cn as Ellipsis, d as RadioGroupItem, dn as ChevronsUpDown, dt as Provider$1, en as EmotionCacheProvider, et as contextAwarePanelOpen, f as JsonOutput, fn as ChevronsRight, ft as Table, g as InstallPackageButton, gn as ArrowDownWideNarrow, gt as TableHeader, h as DataTable, hn as ChevronLeft, ht as TableHead, in as GripHorizontal, it as SlotNames, j as getColumnCountForDisplay, jt as SELECT_COLUMN_ID, k as prettifyRowColumnCount, kt as loadTableData, l as Switch, ln as Download, m as OutputRenderer, mn as ChevronsDownUp, mt as TableCell, n as marimoVersionAtom, nn as $fae977aafc393c5c$export$6b862160d295c8e, nt as contextAwarePanelType, o as SLIDE_TYPE_OPTIONS_BY_VALUE, on as EyeOff, ot as Toggle, p as OutputArea, pn as ChevronsLeft, pt as TableBody, q as CommandInput, qt as ChartInfoState, r as showCodeInRunModeAtom, rn as TextWrap, rt as isCellAwareAtom, t as useNotebookCodeAvailable, tn as $fae977aafc393c5c$export$588937bcd60ade55, tt as contextAwarePanelOwner, u as RadioGroup, un as Code, ut as Fill, v as downloadBlob, vt as NAMELESS_COLUMN_PREFIX, w as ColumnName, wt as DelayMount, x as Progress, xt as renderCellValue, y as downloadByURL, yt as generateColumns, z as useSelectList, zt as dateToLocalISODate, __tla as __tla_2 } from "./code-visibility-mXuKNkTw.js";
+import { $ as PANEL_TYPES, $t as HtmlOutput, A as prettifyRowCount, At as INDEX_COLUMN_NAME, B as CompactChipRow, Bt as dateToLocalISODateTime, C as downloadSizeLimitAtom, Ct as ColumnChartSpecModel, D as ErrorState, Dt as getPageIndexForRow, E as EmptyState, Et as usePrevious$1, F as ContextMenuItem, Ft as hasFunctionProperty, G as Command, Gt as TabsTrigger, H as DateRangePicker, Ht as Tabs, I as ContextMenuSeparator, It as isRecord, J as CommandItem, Jt as ChartLoadingState, K as CommandEmpty, Kt as ChartErrorState, L as ContextMenuTrigger, Lt as isNullishFilter, M as getUserColumnVisibilityCounts, Mt as TOO_MANY_ROWS, N as ContextMenu, Nt as toFieldTypes, O as LoadingState, Ot as loadTableAndRawData, P as ContextMenuContent, Pt as getMimeValues, Q as ContextAwarePanelItem, Qt as Kbd, R as useInternalStateWithSync, Rt as Maps, S as Filenames, St as ColumnChartContext, T as ColumnPreviewContainer, Tt as useIntersectionObserver, U as Combobox, Ut as TabsContent, V as DatePicker, Vt as dateToLocalISOTime, W as ComboboxItem, Wt as TabsList, X as CommandSeparator, Xt as useOverflowDetection, Y as CommandList, Yt as LazyVegaEmbed, Z as smartMatch, Zt as RenderTextWithLinks, _ as ADD_PRINTING_CLASS, _t as TableRow, an as Funnel, at as slotsController, b as downloadHTMLAsImage, bt as inferFieldTypes, c as Slide, cn as Ellipsis, d as RadioGroupItem, dn as ChevronsUpDown, dt as Provider$1, en as EmotionCacheProvider, et as contextAwarePanelOpen, f as JsonOutput, fn as ChevronsRight, ft as Table, g as InstallPackageButton, gn as ArrowDownWideNarrow, gt as TableHeader, h as DataTable, hn as ChevronLeft, ht as TableHead, in as GripHorizontal, it as SlotNames, j as getColumnCountForDisplay, jt as SELECT_COLUMN_ID, k as prettifyRowColumnCount, kt as loadTableData, l as Switch, ln as Download, m as OutputRenderer, mn as ChevronsDownUp, mt as TableCell, n as marimoVersionAtom, nn as $fae977aafc393c5c$export$6b862160d295c8e, nt as contextAwarePanelType, o as SLIDE_TYPE_OPTIONS_BY_VALUE, on as EyeOff, ot as Toggle, p as OutputArea, pn as ChevronsLeft, pt as TableBody, q as CommandInput, qt as ChartInfoState, r as showCodeInRunModeAtom, rn as TextWrap, rt as isCellAwareAtom, t as useNotebookCodeAvailable, tn as $fae977aafc393c5c$export$588937bcd60ade55, tt as contextAwarePanelOwner, u as RadioGroup, un as Code, ut as Fill, v as downloadBlob, vt as NAMELESS_COLUMN_PREFIX, w as ColumnName, wt as DelayMount, x as Progress, xt as renderCellValue, y as downloadByURL, yt as generateColumns, z as useSelectList, zt as dateToLocalISODate, __tla as __tla_2 } from "./code-visibility-BCkKHNom.js";
 import { c as Calendar, i as createReducerAndAtoms, n as useOnUnmount, o as ToggleLeft, t as useOnMount } from "./useLifecycle-CxffarYV.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";
@@ -4008,7 +4008,7 @@ let __tla = Promise.all([
       });
     }
   }, NavMenuComponent = (e) => {
-    let r = (0, import_compiler_runtime$87.c)(13), { items: c, orientation: l } = e, u = _temp$27, d = _temp2$16, f = _temp3$12, p;
+    let r = (0, import_compiler_runtime$87.c)(13), { items: c, orientation: l } = e, u = _temp$28, d = _temp2$16, f = _temp3$12, p;
     r[0] === l ? p = r[1] : (p = (e2) => "items" in e2 ? l === "horizontal" ? (0, import_jsx_runtime.jsx)(NavigationMenu, {
       orientation: "horizontal",
       children: (0, import_jsx_runtime.jsx)(NavigationMenuList, {
@@ -4124,7 +4124,7 @@ let __tla = Promise.all([
     }), c[13] = f, c[14] = r, c[15] = m, c[16] = g, c[17] = _, c[18] = v) : v = c[18], v;
   });
   ListItem.displayName = "ListItem";
-  function _temp$27(e, r) {
+  function _temp$28(e, r) {
     return r ? (0, import_jsx_runtime.jsx)(Tooltip, {
       delayDuration: 200,
       content: renderHTML({
@@ -6997,33 +6997,33 @@ let __tla = Promise.all([
     }), B = C({
       height: 0,
       width: 0
-    }), H = U(), W = U(), G = C(0), q = C(null), yW = C({
+    }), H = U(), W = U(), G = C(0), q = C(null), bW = C({
       column: 0,
       row: 0
-    }), bW = U(), Z = U(), xW = C(false), SW = C(0), CW = C(true), wW = C(false), TW = C(false);
-    Y(x(b, $(SW), P(([e2, r2]) => !!r2)), () => {
-      D(CW, false);
-    }), Y(x(ut(b, CW, B, z, SW, wW), P(([e2, r2, c2, l2, , u2]) => e2 && !r2 && c2.height !== 0 && l2.height !== 0 && !u2)), ([, , , , e2]) => {
-      D(wW, true), Ue(1, () => {
+    }), xW = U(), Z = U(), SW = C(false), CW = C(0), wW = C(true), TW = C(false), EW = C(false);
+    Y(x(b, $(CW), P(([e2, r2]) => !!r2)), () => {
+      D(wW, false);
+    }), Y(x(ut(b, wW, B, z, CW, TW), P(([e2, r2, c2, l2, , u2]) => e2 && !r2 && c2.height !== 0 && l2.height !== 0 && !u2)), ([, , , , e2]) => {
+      D(TW, true), Ue(1, () => {
         D(H, e2);
       }), Et(x(h), () => {
         D(r, [
           0,
           0
-        ]), D(CW, true);
+        ]), D(wW, true);
       });
     }), F(x(Z, P((e2) => e2 != null && e2.scrollTop > 0), Ft(0)), L), Y(x(b, $(Z), P(([, e2]) => e2 != null)), ([, e2]) => {
-      e2 && (D(z, e2.viewport), D(B, e2.item), D(yW, e2.gap), e2.scrollTop > 0 && (D(xW, true), Et(x(h, Kt(1)), (e3) => {
-        D(xW, false);
+      e2 && (D(z, e2.viewport), D(B, e2.item), D(bW, e2.gap), e2.scrollTop > 0 && (D(SW, true), Et(x(h, Kt(1)), (e3) => {
+        D(SW, false);
       }), D(m, {
         top: e2.scrollTop
       })));
-    }), F(x(z, k(({ height: e2 }) => e2)), _), F(x(ut(V(z, xe), V(B, xe), V(yW, (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(bW, (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
-    }))), bW), F(x(ut(V(I), l, V(yW, Or), V(B, xe), V(z, xe), V(q), V(L), V(xW), V(CW), V(SW)), P(([, , , , , , , e2]) => !e2), k(([e2, [r2, c2], l2, u2, d2, f2, p2, , m2, h2]) => {
+    }))), xW), F(x(ut(V(I), l, V(bW, Or), V(B, xe), V(z, xe), V(q), V(L), V(SW), V(wW), V(CW)), 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) {
@@ -7042,23 +7042,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, yW), 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, bW), 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 EW = C(false);
-    F(x(h, $(EW), k(([e2, r2]) => r2 || e2 !== 0)), EW);
-    let DW = bt(x(ut(R, I), P(([{ items: e2 }]) => e2.length > 0), $(EW), P(([[e2, r2], c2]) => {
+    let DW = C(false);
+    F(x(h, $(DW), k(([e2, r2]) => r2 || e2 !== 0)), DW);
+    let OW = bt(x(ut(R, I), P(([{ items: e2 }]) => e2.length > 0), $(DW), 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())), OW = bt(x(V(R), P(({ items: e2 }) => e2.length > 0 && e2[0].index === 0), Ft(0), J())), kW = bt(x(V(R), $(xW), P(([{ items: e2 }, r2]) => e2.length > 0 && !r2), k(([{ items: e2 }]) => ({
+    }), k(([[, e2]]) => e2 - 1), J())), kW = bt(x(V(R), P(({ items: e2 }) => e2.length > 0 && e2[0].index === 0), Ft(0), J())), AW = bt(x(V(R), $(SW), 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(kW, y.scrollSeekRangeChanged), F(x(H, $(z, B, I, yW), k(([e2, r2, c2, l2, u2]) => {
+    F(AW, y.scrollSeekRangeChanged), F(x(H, $(z, B, I, bW), 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);
@@ -7067,7 +7067,7 @@ let __tla = Promise.all([
         top: g2
       };
     })), m);
-    let AW = ht(x(R, k((e2) => e2.offsetBottom + e2.bottom)), 0);
+    let jW = ht(x(R, k((e2) => e2.offsetBottom + e2.bottom)), 0);
     return F(x(j, k((e2) => ({
       height: e2.visibleHeight,
       width: e2.visibleWidth
@@ -7076,7 +7076,7 @@ let __tla = Promise.all([
       data: q,
       deviation: G,
       footerHeight: u,
-      gap: yW,
+      gap: bW,
       headerHeight: d,
       increaseViewportBy: e,
       initialItemCount: L,
@@ -7098,16 +7098,16 @@ let __tla = Promise.all([
       windowViewportRect: j,
       ...y,
       gridState: R,
-      horizontalDirection: TW,
-      initialTopMostItemIndex: SW,
-      totalListHeight: AW,
+      horizontalDirection: EW,
+      initialTopMostItemIndex: CW,
+      totalListHeight: jW,
       ...v,
-      endReached: DW,
+      endReached: OW,
       propsReady: S,
-      rangeChanged: kW,
-      startReached: OW,
-      stateChanged: bW,
-      stateRestoreInProgress: xW,
+      rangeChanged: AW,
+      startReached: kW,
+      stateChanged: xW,
+      stateRestoreInProgress: SW,
       ...M
     };
   }, tt(je, It, he, Zn, _t, qe, Wt));
@@ -7385,22 +7385,22 @@ 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 yW = q, bW;
+    let bW = q, xW;
     if (r[13] !== G.bulkActions) {
-      if (bW = G.bulkActions.map(_temp$26), bW.length > 0) {
+      if (xW = G.bulkActions.map(_temp$27), xW.length > 0) {
         let e2;
         r[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)(CommandSeparator, {
           "data-slot": "select-separator"
-        }, "_bulk_separator"), r[15] = e2) : e2 = r[15], bW.push(e2);
+        }, "_bulk_separator"), r[15] = e2) : e2 = r[15], xW.push(e2);
       }
-      r[13] = G.bulkActions, r[14] = bW;
-    } else bW = r[14];
+      r[13] = G.bulkActions, r[14] = xW;
+    } else xW = r[14];
     let Z;
     r[16] !== G.pinnedCount || r[17] !== G.visibleOptions.length ? (Z = (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] = Z) : Z = r[18];
-    let xW = Z, SW;
-    r[19] !== bW || r[20] !== G || r[21] !== xW || r[22] !== w || r[23] !== B || r[24] !== H ? (SW = () => {
+    let SW = Z, CW;
+    r[19] !== xW || r[20] !== G || r[21] !== SW || r[22] !== w || r[23] !== B || r[24] !== H ? (CW = () => {
       if (G.visibleOptions.length > B) return (0, import_jsx_runtime.jsx)(Yr, {
         "data-slot": "select-list",
         style: {
@@ -7412,8 +7412,8 @@ let __tla = Promise.all([
           let r2 = G.visibleOptions[e3];
           return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
             children: [
-              e3 === 0 && bW,
-              xW(e3),
+              e3 === 0 && xW,
+              SW(e3),
               (0, import_jsx_runtime.jsx)(OptionRow, {
                 option: r2,
                 checked: G.isChecked(r2.value),
@@ -7424,7 +7424,7 @@ let __tla = Promise.all([
         }
       });
       let e2 = G.visibleOptions.flatMap((e3, r2) => {
-        let c2 = xW(r2), l2 = (0, import_jsx_runtime.jsx)(OptionRow, {
+        let c2 = SW(r2), l2 = (0, import_jsx_runtime.jsx)(OptionRow, {
           option: e3,
           checked: G.isChecked(e3.value),
           renderOption: w
@@ -7438,13 +7438,13 @@ let __tla = Promise.all([
       });
       return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [
-          bW,
+          xW,
           e2
         ]
       });
-    }, r[19] = bW, r[20] = G, r[21] = xW, r[22] = w, r[23] = B, r[24] = H, r[25] = SW) : SW = r[25];
-    let CW = SW, wW;
-    r[26] !== G.labelOf || r[27] !== I ? (wW = (e2) => {
+    }, r[19] = xW, r[20] = G, r[21] = SW, r[22] = w, r[23] = B, r[24] = H, r[25] = CW) : CW = r[25];
+    let wW = CW, TW;
+    r[26] !== G.labelOf || r[27] !== I ? (TW = (e2) => {
       let r2 = Array.isArray(e2) ? e2 : e2 == null ? [] : [
         e2
       ];
@@ -7455,48 +7455,48 @@ let __tla = Promise.all([
         items: r2.map(G.labelOf),
         max: 3
       });
-    }, r[26] = G.labelOf, r[27] = I, r[28] = wW) : wW = r[28];
-    let TW = wW, EW = e["data-testid"], DW;
-    r[29] === G ? DW = r[30] : (DW = (e2) => G.labelOf(e2), r[29] = G, r[30] = DW);
-    let OW = M ? TW : void 0, kW;
-    r[31] !== b || r[32] !== R ? (kW = cn({
+    }, r[26] = G.labelOf, r[27] = I, r[28] = TW) : TW = r[28];
+    let EW = TW, DW = e["data-testid"], OW;
+    r[29] === G ? OW = r[30] : (OW = (e2) => G.labelOf(e2), r[29] = G, r[30] = OW);
+    let kW = M ? EW : void 0, AW;
+    r[31] !== b || r[32] !== R ? (AW = cn({
       "w-full": R
-    }, b), r[31] = b, r[32] = R, r[33] = kW) : kW = r[33];
-    let AW = G.searchQuery, jW = G.setSearchQuery, MW = G.open, NW = G.setOpen, PW;
-    r[34] === z ? PW = r[35] : (PW = renderSlot(z), r[34] = z, r[35] = PW);
-    let FW;
-    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] !== EW || r[44] !== DW || r[45] !== OW || r[46] !== kW || r[47] !== PW ? (FW = {
+    }, b), r[31] = b, r[32] = R, r[33] = AW) : AW = r[33];
+    let jW = G.searchQuery, MW = G.setSearchQuery, NW = G.open, PW = G.setOpen, FW;
+    r[34] === z ? FW = r[35] : (FW = renderSlot(z), r[34] = z, r[35] = FW);
+    let 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] !== DW || r[44] !== OW || r[45] !== kW || r[46] !== AW || r[47] !== FW ? (IW = {
       "data-slot": "select-root",
-      "data-testid": EW,
-      displayValue: DW,
-      renderValue: OW,
+      "data-testid": DW,
+      displayValue: OW,
+      renderValue: kW,
       placeholder: I,
-      className: kW,
+      className: AW,
       shouldFilter: false,
-      search: AW,
-      onSearchChange: jW,
-      open: MW,
-      onOpenChange: NW,
-      emptyState: PW,
+      search: jW,
+      onSearchChange: MW,
+      open: NW,
+      onOpenChange: PW,
+      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] = EW, r[44] = DW, r[45] = OW, r[46] = kW, r[47] = PW, r[48] = FW) : FW = r[48];
-    let IW = FW, LW;
-    return r[49] !== IW || r[50] !== yW || r[51] !== d || r[52] !== CW || r[53] !== l ? (LW = 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] = DW, r[44] = OW, r[45] = kW, r[46] = AW, r[47] = FW, r[48] = IW) : IW = r[48];
+    let LW = IW, RW;
+    return r[49] !== LW || r[50] !== bW || r[51] !== d || r[52] !== wW || r[53] !== l ? (RW = d ? (0, import_jsx_runtime.jsx)(Combobox, {
+      ...LW,
       multiple: true,
       value: l,
-      onValueChange: yW,
-      children: CW()
+      onValueChange: bW,
+      children: wW()
     }) : (0, import_jsx_runtime.jsx)(Combobox, {
-      ...IW,
+      ...LW,
       multiple: false,
       value: l,
-      onValueChange: yW,
-      children: CW()
-    }), r[49] = IW, r[50] = yW, r[51] = d, r[52] = CW, r[53] = l, r[54] = LW) : LW = r[54], LW;
+      onValueChange: bW,
+      children: wW()
+    }), r[49] = LW, r[50] = bW, r[51] = d, r[52] = wW, r[53] = l, r[54] = RW) : RW = r[54], RW;
   }
-  function _temp$26(e) {
+  function _temp$27(e) {
     let r = "enabled" in e ? !e.enabled : e.items.length === 0;
     return (0, import_jsx_runtime.jsx)(CommandItem, {
       "data-slot": "select-bulk",
@@ -7518,7 +7518,7 @@ let __tla = Promise.all([
         children: "Bad Data"
       }), r[0] = e2) : e2 = r[0];
       let d2;
-      r[1] === c.issues ? d2 = r[2] : (d2 = c.issues.map(_temp$25), r[1] = c.issues, r[2] = d2);
+      r[1] === c.issues ? d2 = r[2] : (d2 = c.issues.map(_temp$26), r[1] = c.issues, r[2] = d2);
       let f;
       r[3] === d2 ? f = r[4] : (f = (0, import_jsx_runtime.jsx)("div", {
         className: "text-md prose dark:prose-invert",
@@ -7576,7 +7576,7 @@ let __tla = Promise.all([
       shadowRoot: c
     });
   }
-  function _temp$25(e) {
+  function _temp$26(e) {
     let r = e.path.join(".");
     return (0, import_jsx_runtime.jsxs)("li", {
       children: [
@@ -8156,7 +8156,7 @@ let __tla = Promise.all([
     let u, d;
     if (r[1] !== l || r[2] !== c) {
       let e2 = c.split("-");
-      r[5] === l ? u = r[6] : (u = cn("flex gap-1", l), r[5] = l, r[6] = u), d = e2.map(prettyPrintHotkey).map(_temp$24), r[1] = l, r[2] = c, r[3] = u, r[4] = d;
+      r[5] === l ? u = r[6] : (u = cn("flex gap-1", l), r[5] = l, r[6] = u), d = e2.map(prettyPrintHotkey).map(_temp$25), r[1] = l, r[2] = c, r[3] = u, r[4] = d;
     } else u = r[3], d = r[4];
     let f;
     return r[7] !== u || r[8] !== d ? (f = (0, import_jsx_runtime.jsx)("div", {
@@ -8326,7 +8326,7 @@ let __tla = Promise.all([
   function capitalize$1(e) {
     return e.charAt(0).toUpperCase() + e.slice(1);
   }
-  function _temp$24(e) {
+  function _temp$25(e) {
     let [r, c] = e;
     return c ? (0, import_jsx_runtime.jsx)(Tooltip, {
       asChild: false,
@@ -8705,7 +8705,7 @@ let __tla = Promise.all([
       ]
     }), r[11] = f, r[12] = v, r[13] = b) : b = r[13], b;
   };
-  function _temp$23(e, r) {
+  function _temp$24(e, r) {
     return (0, import_jsx_runtime.jsx)(TableHead, {
       children: (0, import_jsx_runtime.jsx)("div", {
         className: "h-4 bg-(--slate-5) animate-pulse rounded-md w-[70%]"
@@ -8716,7 +8716,7 @@ let __tla = Promise.all([
     return (0, import_jsx_runtime.jsx)(TableRow, {
       children: Array.from({
         length: 8
-      }).map(_temp$23)
+      }).map(_temp$24)
     }, r);
   }
   function _temp3$11(e, r) {
@@ -8864,7 +8864,7 @@ let __tla = Promise.all([
     let y, b, S, w;
     r[15] === e ? (y = r[16], b = r[17], S = r[18], w = r[19]) : (y = (r2) => {
       e.onEdits((e2) => {
-        let c2 = r2.map(_temp$22);
+        let c2 = r2.map(_temp$23);
         return {
           ...e2,
           edits: [
@@ -8925,7 +8925,7 @@ let __tla = Promise.all([
       onAddColumn: w
     }), r[20] = f, r[21] = l, r[22] = e.editableColumns, r[23] = e.edits.edits, r[24] = _, r[25] = v, r[26] = y, r[27] = b, r[28] = S, r[29] = w, r[30] = T) : T = r[30], T;
   };
-  function _temp$22(e, r) {
+  function _temp$23(e, r) {
     return {
       rowIdx: e - r,
       type: BulkEdit.Remove
@@ -9709,7 +9709,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)) : yW(e2, l2), f.mount && w();
+        isUndefined(l2) || p2 && p2.defaultChecked || r2 ? set(d, e2, r2 ? l2 : getFieldValue(m2._f)) : bW(e2, l2), f.mount && w();
       }
     }, I = (e2, d2, f2, p2, m2) => {
       let h2 = false, v2 = false, y2 = {
@@ -9782,14 +9782,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)) && kW(e2);
+        r2 && (r2._f.refs ? r2._f.refs.every((e3) => !live(e3)) : !live(r2._f.ref)) && AW(e2);
       }
       p.unMount = /* @__PURE__ */ new Set();
-    }, W = (e2, c2) => !r.disabled && (e2 && c2 && set(d, e2, c2), !deepEqual(wW(), u)), G = (e2, r2, c2) => generateWatchOutput(e2, p, {
+    }, W = (e2, c2) => !r.disabled && (e2 && c2 && set(d, e2, c2), !deepEqual(TW(), 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, []) : [])), yW = (e2, r2, c2 = {}) => {
+    }, c2, r2), q = (e2) => compact$1(get(f.mount ? d : u, e2, r.shouldUnregister ? get(u, e2, []) : [])), bW = (e2, r2, c2 = {}) => {
       let u2 = get(l, e2), f2 = r2;
       if (u2) {
         let c3 = u2._f;
@@ -9802,11 +9802,11 @@ let __tla = Promise.all([
           }
         })));
       }
-      (c2.shouldDirty || c2.shouldTouch) && I(e2, f2, c2.shouldTouch, c2.shouldDirty, true), c2.shouldValidate && CW(e2);
-    }, bW = (e2, r2, c2) => {
+      (c2.shouldDirty || c2.shouldTouch) && I(e2, f2, c2.shouldTouch, c2.shouldDirty, true), c2.shouldValidate && wW(e2);
+    }, xW = (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) ? bW(f2, d2, c2) : yW(f2, d2, c2);
+        (p.array.has(e2) || isObject$1(d2) || m2 && !m2._f) && !isDateObject(d2) ? xW(f2, d2, c2) : bW(f2, d2, c2);
       }
     }, Z = (e2, r2, m2 = {}) => {
       let h2 = get(l, e2), v2 = p.array.has(e2), y2 = cloneObject(r2);
@@ -9819,7 +9819,7 @@ let __tla = Promise.all([
         name: e2,
         dirtyFields: getDirtyFields(u, d),
         isDirty: W(e2, y2)
-      })) : h2 && !h2._f && !isNullOrUndefined(y2) ? bW(e2, y2, m2) : yW(e2, y2, m2), isWatched(e2, p) && _.state.next({
+      })) : h2 && !h2._f && !isNullOrUndefined(y2) ? xW(e2, y2, m2) : bW(e2, y2, m2), isWatched(e2, p) && _.state.next({
         ...c
       }), _.values.next({
         name: f.mount ? e2 : void 0,
@@ -9827,7 +9827,7 @@ let __tla = Promise.all([
           ...d
         }
       });
-    }, xW = async (e2) => {
+    }, SW = 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));
@@ -9861,11 +9861,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 && CW(E2._f.deps), L(h2, f2, u3, G2));
+        S2 && (E2._f.deps && wW(E2._f.deps), L(h2, f2, u3, G2));
       }
-    }, SW = (e2, r2) => {
+    }, CW = (e2, r2) => {
       if (get(c.errors, r2) && e2.focus) return e2.focus(), 1;
-    }, CW = async (e2, u2 = {}) => {
+    }, wW = async (e2, u2 = {}) => {
       let d2, f2, m2 = convertToArrayPayload(e2);
       if (r.resolver) {
         let r2 = await z(isUndefined(e2) ? e2 : m2);
@@ -9884,23 +9884,23 @@ let __tla = Promise.all([
           isValid: d2
         } : {},
         errors: c.errors
-      }), u2.shouldFocus && !f2 && iterateFieldsByAction(l, SW, e2 ? m2 : p.mount), f2;
-    }, wW = (e2) => {
+      }), u2.shouldFocus && !f2 && iterateFieldsByAction(l, CW, e2 ? m2 : p.mount), f2;
+    }, TW = (e2) => {
       let r2 = {
         ...f.mount ? d : u
       };
       return isUndefined(e2) ? r2 : isString(e2) ? get(r2, e2) : e2.map((e3) => get(r2, e3));
-    }, TW = (e2, r2) => ({
+    }, EW = (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)
-    }), EW = (e2) => {
+    }), DW = (e2) => {
       e2 && convertToArrayPayload(e2).forEach((e3) => unset(c.errors, e3)), _.state.next({
         errors: e2 ? c.errors : {}
       });
-    }, DW = (e2, r2, u2) => {
+    }, OW = (e2, r2, u2) => {
       let d2 = (get(l, e2, {
         _f: {}
       })._f || {}).ref, { ref: f2, message: p2, type: m2, ...h2 } = get(c.errors, e2) || {};
@@ -9913,9 +9913,9 @@ let __tla = Promise.all([
         errors: c.errors,
         isValid: false
       }), u2 && u2.shouldFocus && d2 && d2.focus && d2.focus();
-    }, OW = (e2, r2) => isFunction$1(e2) ? _.values.subscribe({
+    }, kW = (e2, r2) => isFunction$1(e2) ? _.values.subscribe({
       next: (c2) => e2(G(void 0, r2), c2)
-    }) : G(e2, r2, true), kW = (e2, f2 = {}) => {
+    }) : G(e2, r2, true), AW = (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: {
@@ -9927,9 +9927,9 @@ let __tla = Promise.all([
           isDirty: W()
         } : {}
       }), !f2.keepIsValid && w();
-    }, AW = ({ disabled: e2, name: r2, field: c2, fields: l2 }) => {
+    }, jW = ({ 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));
-    }, jW = (e2, c2 = {}) => {
+    }, MW = (e2, c2 = {}) => {
       let d2 = get(l, e2), m2 = isBoolean(c2.disabled) || isBoolean(r.disabled);
       return set(l, e2, {
         ...d2 || {},
@@ -9943,7 +9943,7 @@ let __tla = Promise.all([
           mount: true,
           ...c2
         }
-      }), p.mount.add(e2), d2 ? AW({
+      }), p.mount.add(e2), d2 ? jW({
         field: d2,
         disabled: isBoolean(c2.disabled) ? c2.disabled : r.disabled,
         name: e2
@@ -9960,11 +9960,11 @@ let __tla = Promise.all([
           pattern: getRuleValue(c2.pattern)
         } : {},
         name: e2,
-        onChange: xW,
-        onBlur: xW,
+        onChange: SW,
+        onBlur: SW,
         ref: (m3) => {
           if (m3) {
-            jW(e2, c2), d2 = get(l, e2);
+            MW(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, {
@@ -9990,7 +9990,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);
         }
       };
-    }, MW = () => r.shouldFocusError && iterateFieldsByAction(l, SW, p.mount), NW = (e2) => {
+    }, NW = () => r.shouldFocusError && iterateFieldsByAction(l, CW, p.mount), PW = (e2) => {
       isBoolean(e2) && (_.state.next({
         disabled: e2
       }), iterateFieldsByAction(l, (r2, c2) => {
@@ -9999,7 +9999,7 @@ let __tla = Promise.all([
           r3.disabled = u2._f.disabled || e2;
         }));
       }, 0, false));
-    }, PW = (e2, u2) => async (f2) => {
+    }, FW = (e2, u2) => async (f2) => {
       let m2;
       f2 && (f2.preventDefault && f2.preventDefault(), f2.persist && f2.persist());
       let h2 = cloneObject(d);
@@ -10021,7 +10021,7 @@ let __tla = Promise.all([
         }
       } else u2 && await u2({
         ...c.errors
-      }, f2), MW(), setTimeout(MW);
+      }, f2), NW(), setTimeout(NW);
       if (_.state.next({
         isSubmitted: true,
         isSubmitting: false,
@@ -10029,11 +10029,11 @@ let __tla = Promise.all([
         submitCount: c.submitCount + 1,
         errors: c.errors
       }), m2) throw m2;
-    }, FW = (e2, r2 = {}) => {
+    }, IW = (e2, r2 = {}) => {
       get(l, e2) && (isUndefined(r2.defaultValue) ? Z(e2, cloneObject(get(u, e2))) : (Z(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 = {}) => {
+    }, LW = (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) {
@@ -10086,25 +10086,25 @@ let __tla = Promise.all([
         isSubmitSuccessful: m2.keepIsSubmitSuccessful ? c.isSubmitSuccessful : false,
         isSubmitting: false
       });
-    }, LW = (e2, r2) => IW(isFunction$1(e2) ? e2(d) : e2, r2);
+    }, RW = (e2, r2) => LW(isFunction$1(e2) ? e2(d) : e2, r2);
     return {
       control: {
-        register: jW,
-        unregister: kW,
-        getFieldState: TW,
-        handleSubmit: PW,
-        setError: DW,
+        register: MW,
+        unregister: AW,
+        getFieldState: EW,
+        handleSubmit: FW,
+        setError: OW,
         _executeSchema: R,
         _getWatch: G,
         _getDirty: W,
         _updateValid: w,
         _removeUnmounted: H,
         _updateFieldArray: E,
-        _updateDisabledField: AW,
+        _updateDisabledField: jW,
         _getFieldArray: q,
-        _reset: IW,
+        _reset: LW,
         _resetDefaultValues: () => isFunction$1(r.defaultValues) && r.defaultValues().then((e2) => {
-          LW(e2, r.resetOptions), _.state.next({
+          RW(e2, r.resetOptions), _.state.next({
             isLoading: false
           });
         }),
@@ -10114,7 +10114,7 @@ let __tla = Promise.all([
             ...e2
           };
         },
-        _disableForm: NW,
+        _disableForm: PW,
         _subjects: _,
         _proxyFormState: g,
         _setErrors: j,
@@ -10155,17 +10155,17 @@ let __tla = Promise.all([
           };
         }
       },
-      trigger: CW,
-      register: jW,
-      handleSubmit: PW,
-      watch: OW,
+      trigger: wW,
+      register: MW,
+      handleSubmit: FW,
+      watch: kW,
       setValue: Z,
-      getValues: wW,
-      reset: LW,
-      resetField: FW,
-      clearErrors: EW,
-      unregister: kW,
-      setError: DW,
+      getValues: TW,
+      reset: RW,
+      resetField: IW,
+      clearErrors: DW,
+      unregister: AW,
+      setError: OW,
       setFocus: (e2, r2 = {}) => {
         let c2 = get(l, e2), u2 = c2 && c2._f;
         if (u2) {
@@ -10173,7 +10173,7 @@ let __tla = Promise.all([
           e3.focus && (e3.focus(), r2.shouldSelect && isFunction$1(e3.select) && e3.select());
         }
       },
-      getFieldState: TW
+      getFieldState: EW
     };
   }
   function useForm(e = {}) {
@@ -10751,7 +10751,7 @@ ${c}
     let f;
     r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = (e2) => {
       var _a3;
-      (_a3 = e2 == null ? void 0 : e2.stopPropagation) == null ? void 0 : _a3.call(e2), l(_temp$21);
+      (_a3 = e2 == null ? void 0 : e2.stopPropagation) == null ? void 0 : _a3.call(e2), l(_temp$22);
     }, r[2] = f) : f = r[2];
     let p;
     r[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = {
@@ -10765,7 +10765,7 @@ ${c}
       p
     ], r[4] = c, r[5] = m), m;
   }
-  function _temp$21(e) {
+  function _temp$22(e) {
     return !e;
   }
   var import_compiler_runtime$73 = require_compiler_runtime(), Slider = import_react.forwardRef((e, r) => {
@@ -10849,7 +10849,7 @@ ${c}
   };
   const Multiselect = (e) => {
     let r = (0, import_compiler_runtime$72.c)(17), { options: c, label: l, value: u, setValue: d, fullWidth: f, maxSelections: p, disabled: m } = e, h = (0, import_react.useId)(), g;
-    r[0] === c ? g = r[1] : (g = c.map(_temp$20), r[0] = c, r[1] = g);
+    r[0] === c ? g = r[1] : (g = c.map(_temp$21), r[0] = c, r[1] = g);
     let _ = g, v;
     r[2] === d ? v = r[3] : (v = (e2) => d(e2 ?? []), r[2] = d, r[3] = v);
     let y;
@@ -10873,7 +10873,7 @@ ${c}
       children: y
     }), r[12] = f, r[13] = h, r[14] = l, r[15] = y, r[16] = b) : b = r[16], b;
   };
-  function _temp$20(e) {
+  function _temp$21(e) {
     return {
       value: e,
       label: e
@@ -12340,7 +12340,7 @@ ${c}
   const ReadonlyCode = (0, import_react.memo)((e) => {
     let r = (0, import_compiler_runtime$70.c)(39), { theme: c } = useTheme(), l, u, d, f, m, h, g, _;
     r[0] === e ? (l = r[1], u = r[2], d = r[3], f = r[4], m = r[5], h = r[6], g = r[7], _ = r[8]) : ({ code: u, className: l, initiallyHideCode: d, showHideCode: h, showCopyCode: g, insertNewCell: f, language: _, ...m } = e, r[0] = e, r[1] = l, r[2] = u, r[3] = d, r[4] = f, r[5] = m, r[6] = h, r[7] = g, r[8] = _);
-    let v = h === void 0 ? true : h, y = g === void 0 ? true : g, b = _ === void 0 ? "python" : _, [S, w] = (0, import_react.useState)(d), T = c === "dark" ? darkTheme : lightTheme, E;
+    let v = h === void 0 ? true : h, y = g === void 0 ? true : g, b = _ === void 0 ? "python" : _, [S, w] = (0, import_react.useState)(!!d), T = c === "dark" ? darkTheme : lightTheme, E;
     r[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = syntaxHighlighting(defaultHighlightStyle, {
       fallback: true
     }), r[9] = E) : E = r[9];
@@ -12362,8 +12362,8 @@ ${c}
     }), r[18] = u, r[19] = f, r[20] = L) : L = r[20];
     let R;
     r[21] !== S || r[22] !== v ? (R = v && (0, import_jsx_runtime.jsx)(ToggleCodeButton, {
-      hidden: S ?? false,
-      onClick: () => w(!S)
+      hidden: S,
+      onClick: () => w(_temp$20)
     }), r[21] = S, r[22] = v, r[23] = R) : R = r[23];
     let z;
     r[24] !== I || r[25] !== L || r[26] !== R ? (z = (0, import_jsx_runtime.jsxs)("div", {
@@ -12418,32 +12418,34 @@ ${c}
         size: "xs",
         className: "py-0",
         variant: "secondary",
+        "aria-label": "Copy code",
         children: u
       })
     }), r[3] = l, r[4] = d), d;
   }, ToggleCodeButton = (e) => {
-    let r = (0, import_compiler_runtime$70.c)(8), c = e.hidden ? "Show code" : "Hide code", l;
-    r[0] === e.hidden ? l = r[1] : (l = e.hidden ? (0, import_jsx_runtime.jsx)(Eye, {
+    let r = (0, import_compiler_runtime$70.c)(9), c = e.hidden ? "Show code" : "Hide code", l = e.hidden ? "Show code" : "Hide code", u;
+    r[0] === e.hidden ? u = r[1] : (u = e.hidden ? (0, import_jsx_runtime.jsx)(Eye, {
       size: 14,
       strokeWidth: 1.5
     }) : (0, import_jsx_runtime.jsx)(EyeOff, {
       size: 14,
       strokeWidth: 1.5
-    }), r[0] = e.hidden, r[1] = l);
-    let u;
-    r[2] !== e.onClick || r[3] !== l ? (u = (0, import_jsx_runtime.jsx)(Button, {
+    }), r[0] = e.hidden, r[1] = u);
+    let d;
+    r[2] !== e.onClick || r[3] !== l || r[4] !== u ? (d = (0, import_jsx_runtime.jsx)(Button, {
       onClick: e.onClick,
+      "aria-label": l,
       size: "xs",
       className: "py-0",
       variant: "secondary",
-      children: l
-    }), r[2] = e.onClick, r[3] = l, r[4] = u) : u = r[4];
-    let d;
-    return r[5] !== c || r[6] !== u ? (d = (0, import_jsx_runtime.jsx)(Tooltip, {
+      children: u
+    }), r[2] = e.onClick, r[3] = l, r[4] = u, r[5] = d) : d = r[5];
+    let f;
+    return r[6] !== c || r[7] !== d ? (f = (0, import_jsx_runtime.jsx)(Tooltip, {
       content: c,
       usePortal: false,
-      children: u
-    }), r[5] = c, r[6] = u, r[7] = d) : d = r[7], d;
+      children: d
+    }), r[6] = c, r[7] = d, r[8] = f) : f = r[8], f;
   }, InsertNewCell = (e) => {
     let r = (0, import_compiler_runtime$70.c)(6), c = useAddCodeToNewCell(), l;
     r[0] !== c || r[1] !== e.code ? (l = () => {
@@ -12463,10 +12465,15 @@ ${c}
         size: "xs",
         className: "py-0",
         variant: "secondary",
+        "aria-label": "Add code to notebook",
         children: d
       })
     }), r[4] = u, r[5] = f), f;
-  }, import_compiler_runtime$69 = require_compiler_runtime();
+  };
+  function _temp$20(e) {
+    return !e;
+  }
+  var import_compiler_runtime$69 = require_compiler_runtime();
   const Title = (e) => {
     let r = (0, import_compiler_runtime$69.c)(5), { text: c, tooltip: l } = e, u;
     r[0] === l ? u = r[1] : (u = l && (0, import_jsx_runtime.jsx)(Tooltip, {
@@ -15891,21 +15898,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: yW } = useAsyncData(z, H), bW = useAtomValue(downloadSizeLimitAtom), Z;
-    r[48] !== bW || r[49] !== e ? (Z = async () => !bW || !e.showDownload || e.lazy || e.totalRows === 0 ? null : (await e.get_size_bytes({})).size_bytes ?? null, r[48] = bW, r[49] = e, r[50] = Z) : Z = r[50];
-    let xW = e.showDownload, SW = e.get_size_bytes, CW = e.lazy, wW = e.totalRows, TW = useDeepCompareMemoize(w), EW = useDeepCompareMemoize(m), DW;
-    r[51] !== bW || r[52] !== e.get_size_bytes || r[53] !== e.lazy || r[54] !== e.showDownload || r[55] !== e.totalRows || r[56] !== y || r[57] !== TW || r[58] !== EW ? (DW = [
-      bW,
+    let { data: W, error: G, isPending: q, isFetching: bW } = useAsyncData(z, H), xW = useAtomValue(downloadSizeLimitAtom), Z;
+    r[48] !== xW || r[49] !== e ? (Z = async () => !xW || !e.showDownload || e.lazy || e.totalRows === 0 ? null : (await e.get_size_bytes({})).size_bytes ?? null, r[48] = xW, r[49] = e, r[50] = Z) : Z = r[50];
+    let SW = e.showDownload, CW = e.get_size_bytes, wW = e.lazy, TW = e.totalRows, EW = useDeepCompareMemoize(w), DW = useDeepCompareMemoize(m), OW;
+    r[51] !== xW || r[52] !== e.get_size_bytes || r[53] !== e.lazy || r[54] !== e.showDownload || r[55] !== e.totalRows || r[56] !== y || r[57] !== EW || r[58] !== DW ? (OW = [
       xW,
       SW,
       CW,
       wW,
-      y,
       TW,
-      EW
-    ], r[51] = bW, r[52] = e.get_size_bytes, r[53] = e.lazy, r[54] = e.showDownload, r[55] = e.totalRows, r[56] = y, r[57] = TW, r[58] = EW, r[59] = DW) : DW = r[59];
-    let { data: OW, isPending: kW } = useAsyncData(Z, DW), AW = OW ?? null, jW = !!bW && e.showDownload && kW, MW;
-    r[60] !== w || r[61] !== u || r[62] !== y || r[63] !== m ? (MW = async (e2) => ({
+      y,
+      EW,
+      DW
+    ], r[51] = xW, r[52] = e.get_size_bytes, r[53] = e.lazy, r[54] = e.showDownload, r[55] = e.totalRows, r[56] = y, r[57] = EW, r[58] = DW, r[59] = OW) : OW = r[59];
+    let { data: kW, isPending: AW } = useAsyncData(Z, OW), jW = kW ?? null, MW = !!xW && e.showDownload && AW, NW;
+    r[60] !== w || r[61] !== u || r[62] !== y || r[63] !== m ? (NW = async (e2) => ({
       rows: await loadTableData((await u({
         page_number: e2,
         page_size: 1,
@@ -15914,17 +15921,17 @@ ${c}
         filters: filtersToFilterGroup(w),
         max_columns: null
       })).data)
-    }), r[60] = w, r[61] = u, r[62] = y, r[63] = m, r[64] = MW) : MW = r[64];
-    let NW = MW, PW;
-    r[65] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (PW = () => {
+    }), r[60] = w, r[61] = u, r[62] = y, r[63] = m, r[64] = NW) : NW = r[64];
+    let PW = NW, FW;
+    r[65] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (FW = () => {
       v(_temp4$4);
-    }, r[65] = PW) : PW = r[65];
-    let FW = W == null ? void 0 : W.totalRows, IW;
-    r[66] === FW ? IW = r[67] : (IW = [
-      FW
-    ], r[66] = FW, r[67] = IW), (0, import_react.useEffect)(PW, IW);
-    let LW;
-    r[68] === e ? LW = r[69] : (LW = async () => {
+    }, r[65] = FW) : FW = r[65];
+    let IW = W == null ? void 0 : W.totalRows, LW;
+    r[66] === IW ? LW = r[67] : (LW = [
+      IW
+    ], r[66] = IW, r[67] = LW), (0, import_react.useEffect)(FW, LW);
+    let RW;
+    r[68] === e ? RW = r[69] : (RW = async () => {
       let r2 = isStaticNotebook();
       return e.totalRows === 0 || !e.showColumnSummaries || r2 ? {
         data: null,
@@ -15933,22 +15940,22 @@ ${c}
         value_counts: {},
         show_charts: false
       } : e.get_column_summaries({});
-    }, r[68] = e, r[69] = LW);
-    let RW;
-    r[70] !== w || r[71] !== e.data || r[72] !== e.get_column_summaries || r[73] !== e.showColumnSummaries || r[74] !== e.totalRows || r[75] !== y ? (RW = [
+    }, r[68] = e, r[69] = RW);
+    let zW;
+    r[70] !== w || r[71] !== e.data || r[72] !== e.get_column_summaries || r[73] !== e.showColumnSummaries || r[74] !== e.totalRows || r[75] !== y ? (zW = [
       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] = RW) : RW = r[76];
-    let { data: zW, error: BW } = useAsyncData(LW, RW), VW, HW;
-    if (r[77] === BW ? (VW = r[78], HW = r[79]) : (VW = () => {
-      BW && Logger.error(BW);
-    }, HW = [
-      BW
-    ], r[77] = BW, r[78] = VW, r[79] = HW), (0, import_react.useEffect)(VW, HW), 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] = zW) : zW = r[76];
+    let { data: BW, error: VW } = useAsyncData(RW, zW), HW, UW;
+    if (r[77] === VW ? (HW = r[78], UW = r[79]) : (HW = () => {
+      VW && Logger.error(VW);
+    }, UW = [
+      VW
+    ], r[77] = VW, r[78] = HW, r[79] = UW), (0, import_react.useEffect)(HW, UW), 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,
@@ -15957,7 +15964,7 @@ ${c}
         })
       }), r[80] = c2, r[81] = l2), l2;
     }
-    let UW = null;
+    let WW = null;
     if (G) {
       Logger.error(G);
       let e2;
@@ -15973,62 +15980,62 @@ ${c}
             children: G.message || "An unknown error occurred"
           })
         ]
-      }), r[82] = G, r[83] = e2), UW = e2;
+      }), r[82] = G, r[83] = e2), WW = e2;
     }
-    let WW;
-    r[84] === O ? WW = r[85] : (WW = () => {
+    let GW;
+    r[84] === O ? GW = r[85] : (GW = () => {
       j(!O);
-    }, r[84] = O, r[85] = WW);
-    let GW = WW, KW = (W == null ? void 0 : W.rows) ?? Arrays.EMPTY, qW = W == null ? void 0 : W.rawRows, JW = yW && !q, YW = (W == null ? void 0 : W.totalRows) ?? e.totalRows, XW = (W == null ? void 0 : W.cellStyles) ?? e.cellStyles, ZW = (W == null ? void 0 : W.cellHoverTexts) ?? e.cellHoverTexts, QW;
-    r[86] !== l || r[87] !== zW || r[88] !== O || r[89] !== w || r[90] !== NW || r[91] !== _ || r[92] !== e || r[93] !== y || r[94] !== AW || r[95] !== jW || r[96] !== m || r[97] !== KW || r[98] !== qW || r[99] !== JW || r[100] !== YW || r[101] !== XW || r[102] !== ZW || r[103] !== GW ? (QW = (0, import_jsx_runtime.jsx)(DataTableComponent, {
+    }, r[84] = O, r[85] = GW);
+    let KW = GW, qW = (W == null ? void 0 : W.rows) ?? Arrays.EMPTY, JW = W == null ? void 0 : W.rawRows, YW = bW && !q, XW = (W == null ? void 0 : W.totalRows) ?? e.totalRows, ZW = (W == null ? void 0 : W.cellStyles) ?? e.cellStyles, QW = (W == null ? void 0 : W.cellHoverTexts) ?? e.cellHoverTexts, $W;
+    r[86] !== l || r[87] !== BW || r[88] !== O || r[89] !== w || r[90] !== PW || r[91] !== _ || r[92] !== e || r[93] !== y || r[94] !== jW || r[95] !== MW || r[96] !== m || r[97] !== qW || r[98] !== JW || r[99] !== YW || r[100] !== XW || r[101] !== ZW || r[102] !== QW || r[103] !== KW ? ($W = (0, import_jsx_runtime.jsx)(DataTableComponent, {
       ...e,
-      data: KW,
-      rawData: qW,
-      columnSummaries: zW,
+      data: qW,
+      rawData: JW,
+      columnSummaries: BW,
       sorting: m,
       setSorting: h,
       searchQuery: y,
       setSearchQuery: b,
       filters: w,
       setFilters: T,
-      reloading: JW,
-      totalRows: YW,
-      sizeBytes: AW,
-      sizeBytesIsLoading: jW,
+      reloading: YW,
+      totalRows: XW,
+      sizeBytes: jW,
+      sizeBytesIsLoading: MW,
       paginationState: _,
       setPaginationState: v,
-      cellStyles: XW,
-      cellHoverTexts: ZW,
-      toggleDisplayHeader: GW,
+      cellStyles: ZW,
+      cellHoverTexts: QW,
+      toggleDisplayHeader: KW,
       isChartBuilderOpen: O,
-      getRow: NW,
+      getRow: PW,
       cellId: l,
       maxHeight: e.maxHeight
-    }), r[86] = l, r[87] = zW, r[88] = O, r[89] = w, r[90] = NW, r[91] = _, r[92] = e, r[93] = y, r[94] = AW, r[95] = jW, r[96] = m, r[97] = KW, r[98] = qW, r[99] = JW, r[100] = YW, r[101] = XW, r[102] = ZW, r[103] = GW, r[104] = QW) : QW = r[104];
-    let $W = QW, eG;
-    r[105] !== l || r[106] !== $W || r[107] !== (W == null ? void 0 : W.rows) || r[108] !== O || r[109] !== e.fieldTypes || r[110] !== e.get_data_url || r[111] !== e.rowHeaders || r[112] !== e.showChartBuilder || r[113] !== e.totalColumns || r[114] !== e.totalRows ? (eG = e.showChartBuilder ? (0, import_jsx_runtime.jsx)(TablePanel, {
+    }), r[86] = l, r[87] = BW, r[88] = O, r[89] = w, r[90] = PW, r[91] = _, r[92] = e, r[93] = y, r[94] = jW, r[95] = MW, r[96] = m, r[97] = qW, r[98] = JW, r[99] = YW, r[100] = XW, r[101] = ZW, r[102] = QW, r[103] = KW, r[104] = $W) : $W = r[104];
+    let eG = $W, tG;
+    r[105] !== l || r[106] !== eG || r[107] !== (W == null ? void 0 : W.rows) || r[108] !== O || r[109] !== e.fieldTypes || r[110] !== e.get_data_url || r[111] !== e.rowHeaders || r[112] !== e.showChartBuilder || r[113] !== e.totalColumns || r[114] !== e.totalRows ? (tG = 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: $W,
+      dataTable: eG,
       getDataUrl: e.get_data_url,
       fieldTypes: e.fieldTypes,
       rowHeaders: e.rowHeaders,
       cellId: l
-    }) : $W, r[105] = l, r[106] = $W, r[107] = W == null ? void 0 : W.rows, r[108] = O, r[109] = e.fieldTypes, r[110] = e.get_data_url, r[111] = e.rowHeaders, r[112] = e.showChartBuilder, r[113] = e.totalColumns, r[114] = e.totalRows, r[115] = eG) : eG = r[115];
-    let tG;
-    return r[116] !== UW || r[117] !== eG ? (tG = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    }) : eG, r[105] = l, r[106] = eG, r[107] = W == null ? void 0 : W.rows, r[108] = O, r[109] = e.fieldTypes, r[110] = e.get_data_url, r[111] = e.rowHeaders, r[112] = e.showChartBuilder, r[113] = e.totalColumns, r[114] = e.totalRows, r[115] = tG) : tG = r[115];
+    let nG;
+    return r[116] !== WW || r[117] !== tG ? (nG = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        UW,
-        eG
+        WW,
+        tG
       ]
-    }), r[116] = UW, r[117] = eG, r[118] = tG) : tG = r[118], tG;
+    }), r[116] = WW, r[117] = tG, r[118] = nG) : nG = r[118], nG;
   });
   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: yW, setFilters: bW, reloading: Z, freezeColumnsLeft: xW, freezeColumnsRight: SW, hiddenColumns: CW, textJustifyColumns: wW, wrappedColumns: TW, columnWidths: EW, headerTooltip: DW, totalColumns: OW, get_row_ids: kW, cellStyles: AW, hoverTemplate: jW, cellHoverTexts: MW, toggleDisplayHeader: NW, isChartBuilderOpen: PW, calculate_top_k_rows: FW, preview_column: IW, getRow: LW, cellId: RW, maxHeight: zW }) => {
-    let BW = (0, import_react.useId)(), { locale: VW } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [HW, UW] = (0, import_react.useState)(0), { isPanelOpen: WW, isAnyPanelOpen: GW, togglePanel: KW, panelType: qW, setPanelType: JW } = usePanelOwnership(BW, RW), YW = isStaticNotebook(), XW = (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: bW, setFilters: xW, reloading: Z, freezeColumnsLeft: SW, freezeColumnsRight: CW, hiddenColumns: wW, textJustifyColumns: TW, wrappedColumns: EW, columnWidths: DW, headerTooltip: OW, totalColumns: kW, get_row_ids: AW, cellStyles: jW, hoverTemplate: MW, cellHoverTexts: NW, toggleDisplayHeader: PW, isChartBuilderOpen: FW, calculate_top_k_rows: IW, preview_column: LW, getRow: RW, cellId: zW, maxHeight: BW }) => {
+    let VW = (0, import_react.useId)(), { locale: HW } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [UW, WW] = (0, import_react.useState)(0), { isPanelOpen: GW, isAnyPanelOpen: KW, togglePanel: qW, panelType: JW, setPanelType: YW } = usePanelOwnership(VW, zW), XW = isStaticNotebook(), ZW = (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, {
@@ -16037,13 +16044,13 @@ ${c}
     }, [
       O,
       L
-    ]), ZW = useDeepCompareMemoize(O ?? inferFieldTypes(r)), QW = (0, import_react.useMemo)(() => f === "all" ? ZW : ZW.slice(0, f), [
+    ]), QW = useDeepCompareMemoize(O ?? inferFieldTypes(r)), $W = (0, import_react.useMemo)(() => f === "all" ? QW : QW.slice(0, f), [
       f,
-      ZW
-    ]), $W = (0, import_react.useMemo)(() => {
+      QW
+    ]), eG = (0, import_react.useMemo)(() => {
       let e2 = {};
       if (r && r.length > 0) {
-        for (let [c2, l2] of QW) if (l2[0] === "number") {
+        for (let [c2, l2] of $W) if (l2[0] === "number") {
           let l3 = 0;
           for (let e3 of r) {
             let r2 = e3[c2];
@@ -16058,95 +16065,95 @@ ${c}
       return e2;
     }, [
       r,
-      QW
-    ]), eG = useDeepCompareMemoize(T), tG = useDeepCompareMemoize(wW), nG = useDeepCompareMemoize(TW), rG = useDeepCompareMemoize(EW), iG = useDeepCompareMemoize(XW), aG = useDeepCompareMemoize($W), oG = QW.length;
-    O || (w = false), YW && (m = null);
-    let sG = (0, import_react.useMemo)(() => generateColumns({
-      rowHeaders: eG,
+      $W
+    ]), tG = useDeepCompareMemoize(T), nG = useDeepCompareMemoize(TW), rG = useDeepCompareMemoize(EW), iG = useDeepCompareMemoize(DW), aG = useDeepCompareMemoize(ZW), oG = useDeepCompareMemoize(eG), sG = $W.length;
+    O || (w = false), XW && (m = null);
+    let cG = (0, import_react.useMemo)(() => generateColumns({
+      rowHeaders: tG,
       selection: m,
-      chartSpecModel: iG,
-      fieldTypes: QW,
-      textJustifyColumns: tG,
-      wrappedColumns: nG,
-      columnWidths: rG,
-      headerTooltip: DW,
+      chartSpecModel: aG,
+      fieldTypes: $W,
+      textJustifyColumns: nG,
+      wrappedColumns: rG,
+      columnWidths: iG,
+      headerTooltip: OW,
       showDataTypes: w,
-      calculateTopKRows: FW,
-      fractionDigitsByColumn: aG
+      calculateTopKRows: IW,
+      fractionDigitsByColumn: oG
     }), [
       m,
       w,
-      iG,
-      eG,
-      QW,
+      aG,
       tG,
+      $W,
       nG,
       rG,
-      DW,
-      FW,
-      aG
-    ]), cG = (0, import_react.useMemo)(() => Object.fromEntries((h || []).map((e2) => [
+      iG,
+      OW,
+      IW,
+      oG
+    ]), lG = (0, import_react.useMemo)(() => Object.fromEntries((h || []).map((e2) => [
       e2,
       true
     ])), [
       h
-    ]), lG = useEvent_default((e2) => {
+    ]), uG = 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)(cG);
+        let r2 = Functions.asUpdater(e2)(lG);
         z(Object.keys(r2));
       }
-    }), uG = useEvent_default((e2) => {
-      if (UW(e2), e2 < 0 || typeof l == "number" && e2 >= l || l === "too_many") return;
+    }), dG = useEvent_default((e2) => {
+      if (WW(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
       }));
-    }), dG = h.filter((e2) => e2 instanceof Object && e2.columnName !== void 0), fG = useEvent_default((e2) => {
-      m === "single-cell" && z(Functions.asUpdater(e2)(dG).slice(0, 1)), m === "multi-cell" && z(Functions.asUpdater(e2)(dG));
-    }), pG = m === "multi" || m === "single", mG = y && !!IW, hG = isInVscodeExtension(), gG = isIslands(), _G = (0, import_react.useMemo)(() => {
-      if (!(!GW || !(b || mG))) return (e2) => (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
+    }), fG = h.filter((e2) => e2 instanceof Object && e2.columnName !== void 0), pG = useEvent_default((e2) => {
+      m === "single-cell" && z(Functions.asUpdater(e2)(fG).slice(0, 1)), m === "multi-cell" && z(Functions.asUpdater(e2)(fG));
+    }), mG = m === "multi" || m === "single", hG = y && !!LW, gG = isInVscodeExtension(), _G = isIslands(), vG = (0, import_react.useMemo)(() => {
+      if (!(!KW || !(b || hG))) return (e2) => (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
         children: (0, import_jsx_runtime.jsx)(TableExplorerPanel, {
-          rowIdx: HW,
-          setRowIdx: uG,
+          rowIdx: UW,
+          setRowIdx: dG,
           totalRows: l,
-          fieldTypes: ZW,
-          getRow: LW,
-          isSelectable: pG,
-          isRowSelected: !!cG[HW],
-          handleRowSelectionChange: lG,
-          previewColumn: IW,
-          totalColumns: OW,
-          tableId: BW,
+          fieldTypes: QW,
+          getRow: RW,
+          isSelectable: mG,
+          isRowSelected: !!lG[UW],
+          handleRowSelectionChange: uG,
+          previewColumn: LW,
+          totalColumns: kW,
+          tableId: VW,
           table: e2,
-          showRowExplorer: b && !hG,
-          showColumnExplorer: mG && !hG,
-          activeTab: qW,
-          onTabChange: JW
+          showRowExplorer: b && !gG,
+          showColumnExplorer: hG && !gG,
+          activeTab: JW,
+          onTabChange: YW
         })
       });
     }, [
-      GW,
+      KW,
       b,
+      hG,
+      UW,
+      dG,
+      l,
+      QW,
+      RW,
       mG,
-      HW,
+      lG,
       uG,
-      l,
-      ZW,
       LW,
-      pG,
-      cG,
-      lG,
-      IW,
-      OW,
-      BW,
-      hG,
-      qW,
-      JW
+      kW,
+      VW,
+      gG,
+      JW,
+      YW
     ]);
     return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
@@ -16158,27 +16165,27 @@ ${c}
             " rows."
           ]
         }),
-        oG < OW && oG > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
+        sG < kW && sG > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
           className: "mb-1 rounded",
           children: [
             "Result clipped. Showing ",
-            oG,
+            sG,
             " of ",
-            OW,
+            kW,
             " columns."
           ]
         }),
-        YW && typeof l == "number" && r.length < l && (0, import_jsx_runtime.jsxs)(Banner, {
+        XW && 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, VW)
+              children: prettyNumber(r.length, HW)
             }),
             " ",
             "of ",
             (0, import_jsx_runtime.jsx)("strong", {
-              children: prettyNumber(l, VW)
+              children: prettyNumber(l, HW)
             }),
             " rows. Increase the table's ",
             (0, import_jsx_runtime.jsx)("code", {
@@ -16192,7 +16199,7 @@ ${c}
           children: "Column summaries are unavailable. Filter your data to fewer than 1,000,000 rows."
         }),
         (0, import_jsx_runtime.jsx)(ColumnChartContext, {
-          value: XW,
+          value: ZW,
           children: (0, import_jsx_runtime.jsx)(Labeled, {
             label: e,
             align: "top",
@@ -16200,14 +16207,14 @@ ${c}
             children: (0, import_jsx_runtime.jsx)(DataTable, {
               data: r,
               rawData: c,
-              columns: sG,
+              columns: cG,
               className: R,
-              maxHeight: zW,
+              maxHeight: BW,
               sorting: B,
               totalRows: l,
               sizeBytes: u,
               sizeBytesIsLoading: d,
-              totalColumns: OW,
+              totalColumns: kW,
               manualSorting: true,
               setSorting: H,
               pagination: p,
@@ -16215,37 +16222,37 @@ ${c}
               selection: m,
               paginationState: j,
               setPaginationState: M,
-              rowSelection: cG,
-              cellSelection: dG,
-              cellStyling: AW,
-              hoverTemplate: jW,
-              cellHoverTexts: MW,
+              rowSelection: lG,
+              cellSelection: fG,
+              cellStyling: jW,
+              hoverTemplate: MW,
+              cellHoverTexts: NW,
               downloadAs: _ ? I : void 0,
               showSearch: W,
               searchQuery: G,
               onSearchQueryChange: q,
               showFilters: g,
-              filters: yW,
-              onFiltersChange: bW,
-              calculateTopKRows: FW,
+              filters: bW,
+              onFiltersChange: xW,
+              calculateTopKRows: IW,
               reloading: Z,
-              onRowSelectionChange: lG,
-              freezeColumnsLeft: xW,
-              freezeColumnsRight: SW,
-              hiddenColumns: CW,
-              onCellSelectionChange: fG,
-              getRowIds: kW,
-              toggleDisplayHeader: NW,
-              showChartBuilder: S && !gG,
-              isChartBuilderOpen: PW,
+              onRowSelectionChange: uG,
+              freezeColumnsLeft: SW,
+              freezeColumnsRight: CW,
+              hiddenColumns: wW,
+              onCellSelectionChange: pG,
+              getRowIds: AW,
+              toggleDisplayHeader: PW,
+              showChartBuilder: S && !_G,
+              isChartBuilderOpen: FW,
               showPageSizeSelector: v,
-              showTableExplorer: (b || mG) && !hG && !gG,
-              togglePanel: KW,
-              isPanelOpen: WW,
-              isAnyPanelOpen: GW,
-              viewedRowIdx: HW,
-              onViewedRowChange: (e2) => UW(e2),
-              renderTableExplorerPanel: _G
+              showTableExplorer: (b || hG) && !gG && !_G,
+              togglePanel: qW,
+              isPanelOpen: GW,
+              isAnyPanelOpen: KW,
+              viewedRowIdx: UW,
+              onViewedRowChange: (e2) => WW(e2),
+              renderTableExplorerPanel: vG
             })
           })
         })
@@ -18297,29 +18304,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, yW] = (0, import_react.useState)(f || EMPTY), bW = (0, import_react.useRef)(null), Z;
+    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, bW] = (0, import_react.useState)(f || EMPTY), xW = (0, import_react.useRef)(null), Z;
     r[6] === d ? Z = r[7] : (Z = (e2) => {
       var _a3;
-      d && e2 !== "transform" && ((_a3 = bW.current) == null ? void 0 : _a3.submit());
+      d && e2 !== "transform" && ((_a3 = xW.current) == null ? void 0 : _a3.submit());
     }, r[6] = d, r[7] = Z);
-    let xW = Z, SW = (0, import_react.useRef)(q), CW;
-    r[8] === q ? CW = r[9] : (CW = () => {
-      SW.current = q;
-    }, r[8] = q, r[9] = CW), (0, import_react.useEffect)(CW);
-    let wW;
-    r[10] !== p || r[11] !== (f == null ? void 0 : f.transforms.length) ? (wW = () => {
-      let e2 = SW.current;
+    let SW = Z, CW = (0, import_react.useRef)(q), wW;
+    r[8] === q ? wW = r[9] : (wW = () => {
+      CW.current = q;
+    }, r[8] = q, r[9] = wW), (0, import_react.useEffect)(wW);
+    let TW;
+    r[10] !== p || r[11] !== (f == null ? void 0 : f.transforms.length) ? (TW = () => {
+      let e2 = CW.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] = wW) : wW = r[12];
-    let TW = f == null ? void 0 : f.transforms.length, EW;
-    r[13] !== T || r[14] !== p || r[15] !== TW ? (EW = [
+    }, r[10] = p, r[11] = f == null ? void 0 : f.transforms.length, r[12] = TW) : TW = r[12];
+    let EW = f == null ? void 0 : f.transforms.length, DW;
+    r[13] !== T || r[14] !== p || r[15] !== EW ? (DW = [
       T,
-      TW,
-      SW,
+      EW,
+      CW,
       p
-    ], r[13] = T, r[14] = p, r[15] = TW, r[16] = EW) : EW = r[16], (0, import_react.useEffect)(wW, EW);
-    let DW;
-    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (DW = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    ], r[13] = T, r[14] = p, r[15] = EW, r[16] = DW) : DW = r[16], (0, import_react.useEffect)(TW, DW);
+    let OW;
+    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (OW = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "transform",
       className: "text-xs py-1",
       children: [
@@ -18328,9 +18335,9 @@ ${c}
         }),
         "Transform"
       ]
-    }), r[17] = DW) : DW = r[17];
-    let OW;
-    r[18] === H ? OW = r[19] : (OW = H && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[17] = OW) : OW = r[17];
+    let kW;
+    r[18] === H ? kW = r[19] : (kW = H && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "python-code",
       className: "text-xs py-1",
       children: [
@@ -18339,9 +18346,9 @@ ${c}
         }),
         "Python Code"
       ]
-    }), r[18] = H, r[19] = OW);
-    let kW;
-    r[20] === W ? kW = r[21] : (kW = W && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[18] = H, r[19] = kW);
+    let AW;
+    r[20] === W ? AW = r[21] : (AW = W && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "sql-code",
       className: "text-xs py-1",
       children: [
@@ -18350,54 +18357,54 @@ ${c}
         }),
         "SQL Code"
       ]
-    }), r[20] = W, r[21] = kW);
-    let jW;
-    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (jW = (0, import_jsx_runtime.jsx)("div", {
-      className: "grow"
-    }), r[22] = jW) : jW = r[22];
+    }), r[20] = W, r[21] = AW);
     let MW;
-    r[23] !== OW || r[24] !== kW ? (MW = (0, import_jsx_runtime.jsxs)(TabsList, {
+    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (MW = (0, import_jsx_runtime.jsx)("div", {
+      className: "grow"
+    }), r[22] = MW) : MW = r[22];
+    let NW;
+    r[23] !== kW || r[24] !== AW ? (NW = (0, import_jsx_runtime.jsxs)(TabsList, {
       className: "h-8",
       children: [
-        DW,
         OW,
         kW,
-        jW
+        AW,
+        MW
       ]
-    }), r[23] = OW, r[24] = kW, r[25] = MW) : MW = r[25];
-    let NW;
-    r[26] === j ? NW = r[27] : (NW = j && (0, import_jsx_runtime.jsx)(Spinner, {
-      size: "small"
-    }), r[26] = j, r[27] = NW);
+    }), r[23] = kW, r[24] = AW, r[25] = NW) : NW = r[25];
     let PW;
-    r[28] !== MW || r[29] !== NW ? (PW = (0, import_jsx_runtime.jsxs)("div", {
+    r[26] === j ? PW = r[27] : (PW = j && (0, import_jsx_runtime.jsx)(Spinner, {
+      size: "small"
+    }), r[26] = j, r[27] = PW);
+    let FW;
+    r[28] !== NW || r[29] !== PW ? (FW = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-center gap-2",
       children: [
-        MW,
-        NW
+        NW,
+        PW
       ]
-    }), r[28] = MW, r[29] = NW, r[30] = PW) : PW = r[30];
-    let FW;
-    r[31] !== p || r[32] !== f ? (FW = (e2) => {
-      dequal(e2, f) || (p(e2), yW(e2));
-    }, r[31] = p, r[32] = f, r[33] = FW) : FW = r[33];
+    }), r[28] = NW, r[29] = PW, r[30] = FW) : FW = r[30];
     let IW;
-    r[34] !== B || r[35] !== c || r[36] !== h || r[37] !== q || r[38] !== d || r[39] !== FW ? (IW = (0, import_jsx_runtime.jsx)(TabsContent, {
+    r[31] !== p || r[32] !== f ? (IW = (e2) => {
+      dequal(e2, f) || (p(e2), bW(e2));
+    }, r[31] = p, r[32] = f, r[33] = IW) : IW = r[33];
+    let LW;
+    r[34] !== B || r[35] !== c || r[36] !== h || r[37] !== q || r[38] !== d || r[39] !== IW ? (LW = (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "transform",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(TransformPanel, {
-        ref: bW,
+        ref: xW,
         initialValue: q,
         columns: c,
-        onChange: FW,
-        onInvalidChange: yW,
+        onChange: IW,
+        onInvalidChange: bW,
         getColumnValues: h,
         columnTypesPerStep: B,
         lazy: d
       })
-    }), r[34] = B, r[35] = c, r[36] = h, r[37] = q, r[38] = d, r[39] = FW, r[40] = IW) : IW = r[40];
-    let LW;
-    r[41] === H ? LW = r[42] : (LW = H && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[34] = B, r[35] = c, r[36] = h, r[37] = q, r[38] = d, r[39] = IW, r[40] = LW) : LW = r[40];
+    let RW;
+    r[41] === H ? RW = r[42] : (RW = 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, {
@@ -18406,9 +18413,9 @@ ${c}
         code: H,
         language: "python"
       })
-    }), r[41] = H, r[42] = LW);
-    let RW;
-    r[43] === W ? RW = r[44] : (RW = W && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[41] = H, r[42] = RW);
+    let zW;
+    r[43] === W ? zW = r[44] : (zW = 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, {
@@ -18417,35 +18424,35 @@ ${c}
         code: W,
         language: "sql"
       })
-    }), r[43] = W, r[44] = RW);
-    let zW;
-    r[45] !== xW || r[46] !== PW || r[47] !== IW || r[48] !== LW || r[49] !== RW ? (zW = (0, import_jsx_runtime.jsxs)(Tabs, {
+    }), r[43] = W, r[44] = zW);
+    let BW;
+    r[45] !== SW || r[46] !== FW || r[47] !== LW || r[48] !== RW || r[49] !== zW ? (BW = (0, import_jsx_runtime.jsxs)(Tabs, {
       defaultValue: "transform",
-      onValueChange: xW,
+      onValueChange: SW,
       children: [
-        PW,
-        IW,
+        FW,
         LW,
-        RW
+        RW,
+        zW
       ]
-    }), r[45] = xW, r[46] = PW, r[47] = IW, r[48] = LW, r[49] = RW, r[50] = zW) : zW = r[50];
-    let BW;
-    r[51] === O ? BW = r[52] : (BW = O && (0, import_jsx_runtime.jsx)(ErrorBanner, {
+    }), r[45] = SW, r[46] = FW, r[47] = LW, r[48] = RW, r[49] = zW, r[50] = BW) : BW = 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] = BW);
-    let VW = I || "", HW = L ?? 0, UW = G ?? 0, WW = R || Arrays.EMPTY, GW = L && L > 5 || false, KW;
-    r[53] !== _ || r[54] !== z || r[55] !== v || r[56] !== y || r[57] !== l || r[58] !== g || r[59] !== u || r[60] !== VW || r[61] !== HW || r[62] !== UW || r[63] !== WW || r[64] !== GW ? (KW = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
+    }), r[51] = O, r[52] = VW);
+    let HW = I || "", UW = L ?? 0, WW = G ?? 0, GW = R || Arrays.EMPTY, KW = L && L > 5 || false, qW;
+    r[53] !== _ || r[54] !== z || r[55] !== v || r[56] !== y || r[57] !== l || r[58] !== g || r[59] !== u || r[60] !== HW || r[61] !== UW || r[62] !== WW || r[63] !== GW || r[64] !== KW ? (qW = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
       label: null,
       className: "rounded-b border-x border-b",
-      data: VW,
+      data: HW,
       hasStableRowId: false,
-      totalRows: HW,
-      totalColumns: UW,
+      totalRows: UW,
+      totalColumns: WW,
       maxColumns: "all",
       pageSize: l,
       pagination: true,
       fieldTypes: z,
-      rowHeaders: WW,
+      rowHeaders: GW,
       showDownload: u,
       download_as: _,
       get_size_bytes: v,
@@ -18455,7 +18462,7 @@ ${c}
       showColumnSummaries: false,
       showDataTypes: true,
       get_column_summaries: getColumnSummaries,
-      showPageSizeSelector: GW,
+      showPageSizeSelector: KW,
       showColumnExplorer: false,
       showRowExplorer: true,
       showChartBuilder: false,
@@ -18464,15 +18471,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] = VW, r[61] = HW, r[62] = UW, r[63] = WW, r[64] = GW, r[65] = KW) : KW = r[65];
-    let qW;
-    return r[66] !== zW || r[67] !== BW || r[68] !== KW ? (qW = (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] = HW, r[61] = UW, r[62] = WW, r[63] = GW, r[64] = KW, r[65] = qW) : qW = r[65];
+    let JW;
+    return r[66] !== BW || r[67] !== VW || r[68] !== qW ? (JW = (0, import_jsx_runtime.jsxs)("div", {
       children: [
-        zW,
         BW,
-        KW
+        VW,
+        qW
       ]
-    }), r[66] = zW, r[67] = BW, r[68] = KW, r[69] = qW) : qW = r[69], qW;
+    }), r[66] = BW, r[67] = VW, r[68] = qW, r[69] = JW) : JW = r[69], JW;
   });
   DataFrameComponent.displayName = "DataFrameComponent";
   function getColumnSummaries() {
@@ -18663,23 +18670,23 @@ ${c}
     }, [
       H
     ]);
-    let yW = (R == null ? void 0 : R.files) ?? [], bW = new Set(e.map((e2) => e2.path)), Z = l === "directory" || l === "all", xW = l === "file" || l === "all", SW = yW.filter((e2) => Z && e2.is_directory || xW && !e2.is_directory), CW = SW.length > 0 && SW.every((e2) => bW.has(e2.path));
+    let bW = (R == null ? void 0 : R.files) ?? [], xW = new Set(e.map((e2) => e2.path)), Z = l === "directory" || l === "all", SW = l === "file" || l === "all", CW = bW.filter((e2) => Z && e2.is_directory || SW && !e2.is_directory), wW = CW.length > 0 && CW.every((e2) => xW.has(e2.path));
     if (!R && z) return (0, import_jsx_runtime.jsx)(Banner, {
       kind: "danger",
       children: z.message
     });
-    let wW = PathBuilder.guessDeliminator(c).deliminator, TW = e.map((e2) => (0, import_jsx_runtime.jsx)("li", {
+    let TW = PathBuilder.guessDeliminator(c).deliminator, EW = e.map((e2) => (0, import_jsx_runtime.jsx)("li", {
       children: e2.path
     }, e2.id));
-    function EW(e2) {
+    function DW(e2) {
       var _a4;
       if (v) return;
       if (y(true), e2 === PARENT_DIRECTORY) {
-        if (g === wW) {
+        if (g === TW) {
           y(false);
           return;
         }
-        e2 = Paths.dirname(g), e2 === "" && (e2 = wW);
+        e2 = Paths.dirname(g), e2 === "" && (e2 = TW);
       }
       let r2 = e2.length < c.length;
       if (f && r2) {
@@ -18692,7 +18699,7 @@ ${c}
       }
       M.current = ((_a4 = j.current) == null ? void 0 : _a4.contains(document.activeElement)) ?? false, _(e2), y(false);
     }
-    function DW({ path: e2, name: r2, isDirectory: c2 }) {
+    function OW({ path: e2, name: r2, isDirectory: c2 }) {
       return {
         id: e2,
         name: r2,
@@ -18700,27 +18707,27 @@ ${c}
         is_directory: c2
       };
     }
-    function OW({ path: c2, name: l2, isDirectory: d2 }) {
-      let f2 = DW({
+    function kW({ path: c2, name: l2, isDirectory: d2 }) {
+      let f2 = OW({
         path: c2,
         name: l2,
         isDirectory: d2
       });
-      bW.has(c2) ? r(e.filter((e2) => e2.path !== c2)) : r(u ? [
+      xW.has(c2) ? r(e.filter((e2) => e2.path !== c2)) : r(u ? [
         ...e,
         f2
       ] : [
         f2
       ]);
     }
-    function AW() {
+    function jW() {
       r(e.filter((e2) => Paths.dirname(e2.path) !== g));
     }
-    function jW() {
+    function MW() {
       let c2 = [];
-      for (let e2 of yW) {
-        if (!Z && e2.is_directory || bW.has(e2.path)) continue;
-        let r2 = DW({
+      for (let e2 of bW) {
+        if (!Z && e2.is_directory || xW.has(e2.path)) continue;
+        let r2 = OW({
           path: e2.path,
           name: e2.name,
           isDirectory: e2.is_directory
@@ -18732,20 +18739,20 @@ ${c}
         ...c2
       ]);
     }
-    let MW = [
+    let NW = [
       {
         key: "parent",
         name: PARENT_DIRECTORY,
         Icon: CornerLeftUp,
         isSelected: false,
         canSelect: false,
-        onPrimary: () => EW(PARENT_DIRECTORY),
+        onPrimary: () => DW(PARENT_DIRECTORY),
         onToggleSelect: null
       },
-      ...yW.map((e2) => {
+      ...bW.map((e2) => {
         let r2 = e2.path;
         r2.startsWith("//") && (r2 = r2.slice(1));
-        let c2 = Z && e2.is_directory || xW && !e2.is_directory, l2 = bW.has(r2), u2 = e2.is_directory ? "directory" : guessFileIconType(e2.name), d2 = () => OW({
+        let c2 = Z && e2.is_directory || SW && !e2.is_directory, l2 = xW.has(r2), u2 = e2.is_directory ? "directory" : guessFileIconType(e2.name), d2 = () => kW({
           path: r2,
           name: e2.name,
           isDirectory: e2.is_directory
@@ -18756,46 +18763,46 @@ ${c}
           Icon: FILE_ICON[u2],
           isSelected: l2,
           canSelect: c2,
-          onPrimary: e2.is_directory ? () => EW(r2) : c2 ? d2 : () => {
+          onPrimary: e2.is_directory ? () => DW(r2) : c2 ? d2 : () => {
           },
           onToggleSelect: c2 ? d2 : null
         };
       })
     ];
-    function NW(e2) {
+    function PW(e2) {
       var _a4;
       E(e2), (_a4 = O.current[e2]) == null ? void 0 : _a4.focus();
     }
-    function PW(e2, r2) {
+    function FW(e2, r2) {
       var _a4, _b3;
-      let c2 = MW.length - 1;
+      let c2 = NW.length - 1;
       switch (e2.key) {
         case "ArrowDown":
-          e2.preventDefault(), NW(Math.min(r2 + 1, c2));
+          e2.preventDefault(), PW(Math.min(r2 + 1, c2));
           break;
         case "ArrowUp":
-          e2.preventDefault(), NW(Math.max(r2 - 1, 0));
+          e2.preventDefault(), PW(Math.max(r2 - 1, 0));
           break;
         case "Home":
-          e2.preventDefault(), NW(0);
+          e2.preventDefault(), PW(0);
           break;
         case "End":
-          e2.preventDefault(), NW(c2);
+          e2.preventDefault(), PW(c2);
           break;
         case "Enter":
-          e2.preventDefault(), MW[r2].onPrimary();
+          e2.preventDefault(), NW[r2].onPrimary();
           break;
         case " ":
-          e2.preventDefault(), (_b3 = (_a4 = MW[r2]).onToggleSelect) == null ? void 0 : _b3.call(_a4);
+          e2.preventDefault(), (_b3 = (_a4 = NW[r2]).onToggleSelect) == null ? void 0 : _b3.call(_a4);
           break;
       }
     }
-    let { parentDirectories: FW } = getProtocolAndParentDirectories({
+    let { parentDirectories: IW } = getProtocolAndParentDirectories({
       path: g,
-      delimiter: wW,
+      delimiter: TW,
       initialPath: c,
       restrictNavigation: f
-    }), IW = l === "all" ? PluralWords.of("file", "folder") : l === "directory" ? PluralWords.of("folder") : PluralWords.of("file");
+    }), LW = 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, {
@@ -18805,7 +18812,7 @@ ${c}
         (() => {
           let e2 = (0, import_jsx_runtime.jsx)(Label, {
             children: renderHTML({
-              html: d ?? `Select ${IW.join(" and ", 2)}...`
+              html: d ?? `Select ${LW.join(" and ", 2)}...`
             })
           });
           return u ? (0, import_jsx_runtime.jsxs)("div", {
@@ -18819,8 +18826,8 @@ ${c}
                 children: (0, import_jsx_runtime.jsx)(Button, {
                   size: "xs",
                   variant: "link",
-                  onClick: CW ? AW : jW,
-                  children: CW ? "Deselect all" : "Select all"
+                  onClick: wW ? jW : MW,
+                  children: wW ? "Deselect all" : "Select all"
                 })
               })
             ]
@@ -18830,15 +18837,15 @@ ${c}
           className: "mt-2 w-full",
           placeholder: g,
           value: g,
-          onChange: (e2) => EW(e2.target.value),
-          children: FW.map((e2) => (0, import_jsx_runtime.jsx)("option", {
+          onChange: (e2) => DW(e2.target.value),
+          children: IW.map((e2) => (0, import_jsx_runtime.jsx)("option", {
             value: e2,
             children: e2
           }, e2))
         }),
         R && typeof R.total_count == "number" && (0, import_jsx_runtime.jsx)("div", {
           className: "text-xs text-muted-foreground mt-1 px-1",
-          children: R.is_truncated ? `Showing ${yW.length} of ${R.total_count} items` : `${R.total_count} ${R.total_count === 1 ? "item" : "items"}`
+          children: R.is_truncated ? `Showing ${bW.length} of ${R.total_count} items` : `${R.total_count} ${R.total_count === 1 ? "item" : "items"}`
         }),
         (0, import_jsx_runtime.jsxs)("div", {
           className: "mt-3 overflow-y-auto w-full border relative",
@@ -18867,14 +18874,14 @@ ${c}
               "aria-label": "File browser",
               "aria-multiselectable": u,
               children: (0, import_jsx_runtime.jsx)(TableBody, {
-                children: MW.map((e2, r2) => (0, import_jsx_runtime.jsxs)(TableRow, {
+                children: NW.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) => PW(e3, r2),
+                  onKeyDown: (e3) => FW(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
                   }),
@@ -18917,7 +18924,7 @@ ${c}
                     children: [
                       e.length,
                       " ",
-                      IW.join(" or ", e.length),
+                      LW.join(" or ", e.length),
                       " ",
                       "selected"
                     ]
@@ -18937,7 +18944,7 @@ ${c}
                     marginBlock: 0
                   },
                   className: "m-0 text-xs text-muted-foreground",
-                  children: TW
+                  children: EW
                 })
               })
             ]
@@ -24319,55 +24326,55 @@ ${c}
       return typeof S == "function" ? S : noop$2;
     }, [
       S
-    ]), q = (0, import_react.useRef)(null), yW = (0, import_react.useRef)(null), bW = _slicedToArray((0, import_react.useReducer)(reducer$2, initialState), 2), Z = bW[0], xW = bW[1], SW = Z.isFocused, CW = Z.isFileDialogActive, wW = (0, import_react.useRef)(typeof window < "u" && window.isSecureContext && T && canUseFileSystemAccessAPI()), TW = function() {
-      !wW.current && CW && setTimeout(function() {
-        yW.current && (yW.current.files.length || (xW({
+    ]), q = (0, import_react.useRef)(null), bW = (0, import_react.useRef)(null), xW = _slicedToArray((0, import_react.useReducer)(reducer$2, initialState), 2), Z = xW[0], SW = xW[1], CW = Z.isFocused, wW = Z.isFileDialogActive, TW = (0, import_react.useRef)(typeof window < "u" && window.isSecureContext && T && canUseFileSystemAccessAPI()), EW = function() {
+      !TW.current && wW && setTimeout(function() {
+        bW.current && (bW.current.files.length || (SW({
           type: "closeDialog"
         }), G()));
       }, 300);
     };
     (0, import_react.useEffect)(function() {
-      return window.addEventListener("focus", TW, false), function() {
-        window.removeEventListener("focus", TW, false);
+      return window.addEventListener("focus", EW, false), function() {
+        window.removeEventListener("focus", EW, false);
       };
     }, [
-      yW,
-      CW,
+      bW,
+      wW,
       G,
-      wW
+      TW
     ]);
-    var EW = (0, import_react.useRef)([]), DW = (0, import_react.useRef)([]), OW = function(e2) {
-      q.current && q.current.contains(e2.target) || (e2.preventDefault(), EW.current = []);
+    var DW = (0, import_react.useRef)([]), OW = (0, import_react.useRef)([]), kW = function(e2) {
+      q.current && q.current.contains(e2.target) || (e2.preventDefault(), DW.current = []);
     };
     (0, import_react.useEffect)(function() {
-      return O && (document.addEventListener("dragover", onDocumentDragOver, false), document.addEventListener("drop", OW, false)), function() {
-        O && (document.removeEventListener("dragover", onDocumentDragOver), document.removeEventListener("drop", OW));
+      return O && (document.addEventListener("dragover", onDocumentDragOver, false), document.addEventListener("drop", kW, false)), function() {
+        O && (document.removeEventListener("dragover", onDocumentDragOver), document.removeEventListener("drop", kW));
       };
     }, [
       q,
       O
     ]), (0, import_react.useEffect)(function() {
       var e2 = function(e3) {
-        DW.current = [].concat(_toConsumableArray(DW.current), [
+        OW.current = [].concat(_toConsumableArray(OW.current), [
           e3.target
-        ]), isEvtWithFiles(e3) && xW({
+        ]), isEvtWithFiles(e3) && SW({
           isDragGlobal: true,
           type: "setDragGlobal"
         });
       }, r2 = function(e3) {
-        DW.current = DW.current.filter(function(r3) {
+        OW.current = OW.current.filter(function(r3) {
           return r3 !== e3.target && r3 !== null;
-        }), !(DW.current.length > 0) && xW({
+        }), !(OW.current.length > 0) && SW({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
       }, c2 = function() {
-        DW.current = [], xW({
+        OW.current = [], SW({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
       }, l2 = function() {
-        DW.current = [], xW({
+        OW.current = [], SW({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
@@ -24385,12 +24392,12 @@ ${c}
       E,
       l
     ]);
-    var kW = (0, import_react.useCallback)(function(e2) {
+    var AW = (0, import_react.useCallback)(function(e2) {
       R ? R(e2) : console.error(e2);
     }, [
       R
-    ]), AW = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), UW(e2), EW.current = [].concat(_toConsumableArray(EW.current), [
+    ]), jW = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), WW(e2), DW.current = [].concat(_toConsumableArray(DW.current), [
         e2.target
       ]), isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
         if (!(isPropagationStopped(e2) && !L)) {
@@ -24403,7 +24410,7 @@ ${c}
             maxFiles: m,
             validator: z
           });
-          xW({
+          SW({
             isDragAccept: l2,
             isDragReject: c2 > 0 && !l2,
             isDragActive: true,
@@ -24411,12 +24418,12 @@ ${c}
           }), h && h(e2);
         }
       }).catch(function(e3) {
-        return kW(e3);
+        return AW(e3);
       });
     }, [
       u,
       h,
-      kW,
+      AW,
       L,
       B,
       f,
@@ -24424,8 +24431,8 @@ ${c}
       p,
       m,
       z
-    ]), jW = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), UW(e2);
+    ]), MW = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), WW(e2);
       var r2 = isEvtWithFiles(e2);
       if (r2 && e2.dataTransfer) try {
         e2.dataTransfer.dropEffect = "copy";
@@ -24435,12 +24442,12 @@ ${c}
     }, [
       _,
       L
-    ]), MW = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), UW(e2);
-      var r2 = EW.current.filter(function(e3) {
+    ]), NW = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), WW(e2);
+      var r2 = DW.current.filter(function(e3) {
         return q.current && q.current.contains(e3);
       }), c2 = r2.indexOf(e2.target);
-      c2 !== -1 && r2.splice(c2, 1), EW.current = r2, !(r2.length > 0) && (xW({
+      c2 !== -1 && r2.splice(c2, 1), DW.current = r2, !(r2.length > 0) && (SW({
         type: "setDraggedFiles",
         isDragActive: false,
         isDragAccept: false,
@@ -24450,7 +24457,7 @@ ${c}
       q,
       g,
       L
-    ]), NW = (0, import_react.useCallback)(function(e2, r2) {
+    ]), PW = (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;
@@ -24474,14 +24481,14 @@ ${c}
             TOO_MANY_FILES_REJECTION
           ]
         });
-      }), c2.splice(0)), xW({
+      }), c2.splice(0)), SW({
         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);
     }, [
-      xW,
+      SW,
       p,
       B,
       f,
@@ -24491,22 +24498,22 @@ ${c}
       y,
       b,
       z
-    ]), PW = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), UW(e2), EW.current = [], isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
-        isPropagationStopped(e2) && !L || NW(r2, e2);
+    ]), FW = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), WW(e2), DW.current = [], isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
+        isPropagationStopped(e2) && !L || PW(r2, e2);
       }).catch(function(e3) {
-        return kW(e3);
-      }), xW({
+        return AW(e3);
+      }), SW({
         type: "reset"
       });
     }, [
       u,
-      NW,
-      kW,
+      PW,
+      AW,
       L
-    ]), FW = (0, import_react.useCallback)(function() {
-      if (wW.current) {
-        xW({
+    ]), IW = (0, import_react.useCallback)(function() {
+      if (TW.current) {
+        SW({
           type: "openDialog"
         }), W();
         var e2 = {
@@ -24516,66 +24523,66 @@ ${c}
         window.showOpenFilePicker(e2).then(function(e3) {
           return u(e3);
         }).then(function(e3) {
-          NW(e3, null), xW({
+          PW(e3, null), SW({
             type: "closeDialog"
           });
         }).catch(function(e3) {
-          isAbort(e3) ? (G(e3), xW({
+          isAbort(e3) ? (G(e3), SW({
             type: "closeDialog"
-          })) : isSecurityError(e3) ? (wW.current = false, yW.current ? (yW.current.value = null, yW.current.click()) : kW(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."))) : kW(e3);
+          })) : isSecurityError(e3) ? (TW.current = false, bW.current ? (bW.current.value = null, bW.current.click()) : AW(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."))) : AW(e3);
         });
         return;
       }
-      yW.current && (xW({
+      bW.current && (SW({
         type: "openDialog"
-      }), W(), yW.current.value = null, yW.current.click());
+      }), W(), bW.current.value = null, bW.current.click());
     }, [
-      xW,
+      SW,
       W,
       G,
       T,
-      NW,
-      kW,
+      PW,
+      AW,
       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(), FW());
+    ]), LW = (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(), IW());
     }, [
       q,
-      FW
-    ]), LW = (0, import_react.useCallback)(function() {
-      xW({
+      IW
+    ]), RW = (0, import_react.useCallback)(function() {
+      SW({
         type: "focus"
       });
-    }, []), RW = (0, import_react.useCallback)(function() {
-      xW({
+    }, []), zW = (0, import_react.useCallback)(function() {
+      SW({
         type: "blur"
       });
-    }, []), zW = (0, import_react.useCallback)(function() {
-      j || (isIeOrEdge() ? setTimeout(FW, 0) : FW());
+    }, []), BW = (0, import_react.useCallback)(function() {
+      j || (isIeOrEdge() ? setTimeout(IW, 0) : IW());
     }, [
       j,
-      FW
-    ]), BW = function(e2) {
+      IW
+    ]), VW = function(e2) {
       return l ? null : e2;
-    }, VW = function(e2) {
-      return M ? null : BW(e2);
     }, HW = function(e2) {
-      return I ? null : BW(e2);
+      return M ? null : VW(e2);
     }, UW = function(e2) {
+      return I ? null : VW(e2);
+    }, WW = function(e2) {
       L && e2.stopPropagation();
-    }, WW = (0, import_react.useMemo)(function() {
+    }, GW = (0, import_react.useMemo)(function() {
       return function() {
         var e2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, r2 = e2.refKey, c2 = r2 === void 0 ? "ref" : r2, 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: VW(composeEventHandlers(d2, IW)),
-          onFocus: VW(composeEventHandlers(f2, LW)),
-          onBlur: VW(composeEventHandlers(p2, RW)),
-          onClick: BW(composeEventHandlers(m2, zW)),
-          onDragEnter: HW(composeEventHandlers(h2, AW)),
-          onDragOver: HW(composeEventHandlers(g2, jW)),
-          onDragLeave: HW(composeEventHandlers(_2, MW)),
-          onDrop: HW(composeEventHandlers(v2, PW)),
+          onKeyDown: HW(composeEventHandlers(d2, LW)),
+          onFocus: HW(composeEventHandlers(f2, RW)),
+          onBlur: HW(composeEventHandlers(p2, zW)),
+          onClick: VW(composeEventHandlers(m2, BW)),
+          onDragEnter: UW(composeEventHandlers(h2, jW)),
+          onDragOver: UW(composeEventHandlers(g2, MW)),
+          onDragLeave: UW(composeEventHandlers(_2, NW)),
+          onDrop: UW(composeEventHandlers(v2, FW)),
           role: typeof u2 == "string" && u2 !== "" ? u2 : "presentation"
         }, c2, q), !l && !M ? {
           tabIndex: 0
@@ -24583,20 +24590,20 @@ ${c}
       };
     }, [
       q,
-      IW,
       LW,
       RW,
       zW,
-      AW,
+      BW,
       jW,
       MW,
-      PW,
+      NW,
+      FW,
       M,
       I,
       l
-    ]), GW = (0, import_react.useCallback)(function(e2) {
+    ]), KW = (0, import_react.useCallback)(function(e2) {
       e2.stopPropagation();
-    }, []), KW = (0, import_react.useMemo)(function() {
+    }, []), qW = (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({
@@ -24615,25 +24622,25 @@ ${c}
             width: "1px",
             whiteSpace: "nowrap"
           },
-          onChange: BW(composeEventHandlers(l2, PW)),
-          onClick: BW(composeEventHandlers(u2, GW)),
+          onChange: VW(composeEventHandlers(l2, FW)),
+          onClick: VW(composeEventHandlers(u2, KW)),
           tabIndex: -1
-        }, c2, yW)), d2);
+        }, c2, bW)), d2);
       };
     }, [
-      yW,
+      bW,
       c,
       p,
-      PW,
+      FW,
       l
     ]);
     return _objectSpread$7(_objectSpread$7({}, Z), {}, {
-      isFocused: SW && !l,
-      getRootProps: WW,
-      getInputProps: KW,
+      isFocused: CW && !l,
+      getRootProps: GW,
+      getInputProps: qW,
       rootRef: q,
-      inputRef: yW,
-      open: BW(FW)
+      inputRef: bW,
+      open: VW(IW)
     });
   }
   function reducer$2(e, r) {
@@ -24865,47 +24872,47 @@ ${c}
         html: I
       })
     }), r[45] = I, r[46] = M, r[47] = G) : G = r[47];
-    let q = w && "text-primary", yW = T && "text-destructive", bW;
-    r[48] !== q || r[49] !== yW ? (bW = cn(q, yW), r[48] = q, r[49] = yW, r[50] = bW) : bW = r[50];
+    let q = w && "text-primary", bW = T && "text-destructive", xW;
+    r[48] !== q || r[49] !== bW ? (xW = cn(q, bW), r[48] = q, r[49] = bW, r[50] = xW) : xW = r[50];
     let Z;
-    r[51] === bW ? Z = r[52] : (Z = (0, import_jsx_runtime.jsx)(Upload, {
+    r[51] === xW ? Z = r[52] : (Z = (0, import_jsx_runtime.jsx)(Upload, {
       strokeWidth: 1.4,
-      className: bW
-    }), r[51] = bW, r[52] = Z);
-    let xW = w && "text-primary", SW = T && "text-destructive", CW;
-    r[53] !== xW || r[54] !== SW ? (CW = cn(xW, SW), r[53] = xW, r[54] = SW, r[55] = CW) : CW = r[55];
-    let wW;
-    r[56] === CW ? wW = r[57] : (wW = (0, import_jsx_runtime.jsx)(SquareDashedMousePointer, {
-      strokeWidth: 1.4,
-      className: CW
-    }), r[56] = CW, r[57] = wW);
+      className: xW
+    }), r[51] = xW, r[52] = Z);
+    let SW = w && "text-primary", CW = T && "text-destructive", wW;
+    r[53] !== SW || r[54] !== CW ? (wW = cn(SW, CW), r[53] = SW, r[54] = CW, r[55] = wW) : wW = r[55];
     let TW;
-    r[58] !== Z || r[59] !== wW ? (TW = (0, import_jsx_runtime.jsxs)("div", {
+    r[56] === wW ? TW = r[57] : (TW = (0, import_jsx_runtime.jsx)(SquareDashedMousePointer, {
+      strokeWidth: 1.4,
+      className: wW
+    }), r[56] = wW, r[57] = TW);
+    let EW;
+    r[58] !== Z || r[59] !== TW ? (EW = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-row items-center justify-center grow gap-3",
       children: [
         Z,
-        wW
+        TW
       ]
-    }), r[58] = Z, r[59] = wW, r[60] = TW) : TW = r[60];
-    let EW;
-    r[61] !== G || r[62] !== TW ? (EW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[58] = Z, r[59] = TW, r[60] = EW) : EW = r[60];
+    let DW;
+    r[61] !== G || r[62] !== EW ? (DW = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-col items-center justify-center grow gap-3",
       children: [
         G,
-        TW
+        EW
       ]
-    }), r[61] = G, r[62] = TW, r[63] = EW) : EW = r[63];
-    let DW;
-    r[64] !== W || r[65] !== EW || r[66] !== z || r[67] !== B ? (DW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[61] = G, r[62] = EW, r[63] = DW) : DW = r[63];
+    let OW;
+    r[64] !== W || r[65] !== DW || r[66] !== z || r[67] !== B ? (OW = (0, import_jsx_runtime.jsxs)("div", {
       className: z,
       ...B,
       children: [
         W,
-        EW
+        DW
       ]
-    }), r[64] = W, r[65] = EW, r[66] = z, r[67] = B, r[68] = DW) : DW = 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", {
+    }), r[64] = W, r[65] = DW, r[66] = z, r[67] = B, r[68] = OW) : OW = r[68];
+    let kW;
+    r[69] !== f || r[70] !== u || r[71] !== M || r[72] !== j || r[73] !== m.length ? (kW = M ? (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-row gap-1",
       children: [
         (0, import_jsx_runtime.jsxs)("div", {
@@ -24941,17 +24948,17 @@ ${c}
           })
         })
       ]
-    }) : null, r[69] = f, r[70] = u, r[71] = M, r[72] = j, r[73] = m.length, r[74] = OW) : OW = r[74];
-    let AW;
-    return r[75] !== DW || r[76] !== OW ? (AW = (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] = kW) : kW = r[74];
+    let jW;
+    return r[75] !== OW || r[76] !== kW ? (jW = (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: [
-          DW,
-          OW
+          OW,
+          kW
         ]
       })
-    }), r[75] = DW, r[76] = OW, r[77] = AW) : AW = r[77], AW;
+    }), r[75] = OW, r[76] = kW, r[77] = jW) : jW = r[77], jW;
   };
   function _temp$11(e) {
     Logger.error(e), toast({
@@ -25047,75 +25054,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 yW;
-    r[13] === f ? yW = r[14] : (yW = f === null ? null : (0, import_jsx_runtime.jsx)("div", {
+    let bW;
+    r[13] === f ? bW = r[14] : (bW = f === null ? null : (0, import_jsx_runtime.jsx)("div", {
       className: "text-center",
       children: renderHTML({
         html: f
       })
-    }), r[13] = f, r[14] = yW);
-    let bW;
-    r[15] === L ? bW = r[16] : (bW = L != null && (0, import_jsx_runtime.jsx)(Banner, {
+    }), r[13] = f, r[14] = bW);
+    let xW;
+    r[15] === L ? xW = r[16] : (xW = L != null && (0, import_jsx_runtime.jsx)(Banner, {
       kind: "danger",
       className: "rounded",
       children: L ?? "Invalid input"
-    }), r[15] = L, r[16] = bW);
+    }), r[15] = L, r[16] = xW);
     let Z;
     r[17] === c ? Z = r[18] : (Z = (0, import_jsx_runtime.jsx)("div", {
       children: c
     }), r[17] = c, r[18] = Z);
-    let xW;
-    r[19] !== S || r[20] !== T || r[21] !== b ? (xW = b && withTooltip((0, import_jsx_runtime.jsx)(Button, {
+    let SW;
+    r[19] !== S || r[20] !== T || r[21] !== b ? (SW = 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] = xW) : xW = r[22];
-    let SW = v || h, CW;
-    r[23] === h ? CW = r[24] : (CW = h && (0, import_jsx_runtime.jsx)(LoaderCircle, {
+    }), T), r[19] = S, r[20] = T, r[21] = b, r[22] = SW) : SW = r[22];
+    let CW = v || h, wW;
+    r[23] === h ? wW = r[24] : (wW = h && (0, import_jsx_runtime.jsx)(LoaderCircle, {
       className: "h-4 w-4 mr-2 animate-spin"
-    }), r[23] = h, r[24] = CW);
-    let wW;
-    r[25] !== g || r[26] !== SW || r[27] !== CW || r[28] !== I ? (wW = (0, import_jsx_runtime.jsxs)(Button, {
+    }), r[23] = h, r[24] = wW);
+    let TW;
+    r[25] !== g || r[26] !== CW || r[27] !== wW || r[28] !== I ? (TW = (0, import_jsx_runtime.jsxs)(Button, {
       "data-testid": "marimo-plugin-form-submit-button",
       variant: I,
-      disabled: SW,
+      disabled: CW,
       type: "submit",
       children: [
-        CW,
+        wW,
         g
       ]
-    }), r[25] = g, r[26] = SW, r[27] = CW, r[28] = I, r[29] = wW) : wW = r[29];
-    let TW;
-    r[30] !== _ || r[31] !== wW ? (TW = withTooltip(wW, _), r[30] = _, r[31] = wW, r[32] = TW) : TW = r[32];
+    }), r[25] = g, r[26] = CW, r[27] = wW, r[28] = I, r[29] = TW) : TW = r[29];
     let EW;
-    r[33] !== TW || r[34] !== xW ? (EW = (0, import_jsx_runtime.jsxs)("div", {
+    r[30] !== _ || r[31] !== TW ? (EW = withTooltip(TW, _), r[30] = _, r[31] = TW, r[32] = EW) : EW = r[32];
+    let DW;
+    r[33] !== EW || r[34] !== SW ? (DW = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex justify-end gap-2 font-code",
       children: [
-        xW,
-        TW
+        SW,
+        EW
       ]
-    }), r[33] = TW, r[34] = xW, r[35] = EW) : EW = r[35];
-    let DW;
-    r[36] !== EW || r[37] !== G || r[38] !== q || r[39] !== yW || r[40] !== bW || r[41] !== Z ? (DW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[33] = EW, r[34] = SW, r[35] = DW) : DW = r[35];
+    let OW;
+    r[36] !== DW || r[37] !== G || r[38] !== q || r[39] !== bW || r[40] !== xW || r[41] !== Z ? (OW = (0, import_jsx_runtime.jsxs)("div", {
       className: G,
       onKeyDown: q,
       children: [
-        yW,
         bW,
+        xW,
         Z,
-        EW
+        DW
       ]
-    }), r[36] = EW, r[37] = G, r[38] = q, r[39] = yW, r[40] = bW, r[41] = Z, r[42] = DW) : DW = r[42];
-    let OW;
-    return r[43] !== DW || r[44] !== H ? (OW = (0, import_jsx_runtime.jsx)("form", {
+    }), r[36] = DW, r[37] = G, r[38] = q, r[39] = bW, r[40] = xW, r[41] = Z, r[42] = OW) : OW = r[42];
+    let kW;
+    return r[43] !== OW || r[44] !== H ? (kW = (0, import_jsx_runtime.jsx)("form", {
       className: "contents",
       ref: j,
       onSubmit: H,
-      children: DW
-    }), r[43] = DW, r[44] = H, r[45] = OW) : OW = r[45], OW;
+      children: OW
+    }), r[43] = OW, r[44] = H, r[45] = kW) : kW = r[45], kW;
   };
   var Form = (e) => {
     let r = (0, import_compiler_runtime$41.c)(24), c, l, u, d, f, p;
@@ -26888,8 +26895,8 @@ ${c}
         points: extractSunburstPoints(e2.points)
       }));
     }, r[29] = u, r[30] = G);
-    let q = useEvent_default(G), yW;
-    r[31] === u ? yW = r[32] : (yW = (e2) => {
+    let q = useEvent_default(G), bW;
+    r[31] === u ? bW = r[32] : (bW = (e2) => {
       if (!e2 || !shouldHandleClickSelection(e2.points)) return;
       let r2 = extractPoints(e2.points), c2 = extractIndices(e2.points);
       u((e3) => ({
@@ -26900,8 +26907,8 @@ ${c}
         points: r2,
         indices: c2
       }));
-    }, r[31] = u, r[32] = yW);
-    let bW = useEvent_default(yW), Z;
+    }, r[31] = u, r[32] = bW);
+    let xW = useEvent_default(bW), Z;
     r[33] === u ? Z = r[34] : (Z = (e2) => {
       e2 && u((r2) => ({
         ...r2,
@@ -26912,8 +26919,8 @@ ${c}
         lasso: "lassoPoints" in e2 ? e2.lassoPoints : void 0
       }));
     }, r[33] = u, r[34] = Z);
-    let xW = useEvent_default(Z), SW = m.frames ?? void 0, CW = useEvent_default(_temp3$3), wW;
-    return r[35] !== m || r[36] !== h || r[37] !== L || r[38] !== B || r[39] !== W || r[40] !== q || r[41] !== bW || r[42] !== xW || r[43] !== SW || r[44] !== CW || r[45] !== R ? (wW = (0, import_jsx_runtime.jsx)(LazyPlot, {
+    let SW = useEvent_default(Z), CW = m.frames ?? void 0, wW = useEvent_default(_temp3$3), TW;
+    return r[35] !== m || r[36] !== h || r[37] !== L || r[38] !== B || r[39] !== W || r[40] !== q || r[41] !== xW || r[42] !== SW || r[43] !== CW || r[44] !== wW || r[45] !== R ? (TW = (0, import_jsx_runtime.jsx)(LazyPlot, {
       ...m,
       layout: h,
       onRelayout: R,
@@ -26921,13 +26928,13 @@ ${c}
       onTreemapClick: W,
       onSunburstClick: q,
       config: L,
-      onClick: bW,
-      onSelected: xW,
+      onClick: xW,
+      onSelected: SW,
       className: "w-full",
       useResizeHandler: true,
-      frames: SW,
-      onError: CW
-    }), r[35] = m, r[36] = h, r[37] = L, r[38] = B, r[39] = W, r[40] = q, r[41] = bW, r[42] = xW, r[43] = SW, r[44] = CW, r[45] = R, r[46] = wW) : wW = r[46], wW;
+      frames: CW,
+      onError: wW
+    }), r[35] = m, r[36] = h, r[37] = L, r[38] = B, r[39] = W, r[40] = q, r[41] = xW, r[42] = SW, r[43] = CW, r[44] = wW, r[45] = R, r[46] = TW) : TW = r[46], TW;
   });
   PlotlyComponent.displayName = "PlotlyComponent";
   function _temp$8(e) {
@@ -27059,8 +27066,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 yW;
-    c[19] !== L || c[20] !== z || c[21] !== H ? (yW = (0, import_jsx_runtime.jsx)(Track, {
+    let bW;
+    c[19] !== L || c[20] !== z || c[21] !== H ? (bW = (0, import_jsx_runtime.jsx)(Track, {
       ref: E,
       "data-testid": "track",
       className: G,
@@ -27071,9 +27078,9 @@ ${c}
         onPointerMove: z,
         onPointerUp: H
       })
-    }), c[19] = L, c[20] = z, c[21] = H, c[22] = yW) : yW = c[22];
-    let bW;
-    c[23] !== m.setFalse || c[24] !== m.setTrue ? (bW = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
+    }), c[19] = L, c[20] = z, c[21] = H, c[22] = bW) : bW = c[22];
+    let xW;
+    c[23] !== m.setFalse || c[24] !== m.setTrue ? (xW = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsx)(Thumb, {
         "data-testid": "thumb",
@@ -27083,30 +27090,30 @@ ${c}
         onMouseEnter: m.setTrue,
         onMouseLeave: m.setFalse
       })
-    }), c[23] = m.setFalse, c[24] = m.setTrue, c[25] = bW) : bW = c[25];
+    }), c[23] = m.setFalse, c[24] = m.setTrue, c[25] = xW) : xW = c[25];
     let Z;
     c[26] !== h || c[27] !== u.value || c[28] !== d ? (Z = 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] = Z) : Z = c[29];
-    let xW;
-    c[30] === Z ? xW = c[31] : (xW = (0, import_jsx_runtime.jsx)(TooltipPortal, {
-      children: Z
-    }), c[30] = Z, c[31] = xW);
     let SW;
-    c[32] !== f || c[33] !== bW || c[34] !== xW ? (SW = (0, import_jsx_runtime.jsx)(TooltipProvider, {
+    c[30] === Z ? SW = c[31] : (SW = (0, import_jsx_runtime.jsx)(TooltipPortal, {
+      children: Z
+    }), c[30] = Z, c[31] = SW);
+    let CW;
+    c[32] !== f || c[33] !== xW || c[34] !== SW ? (CW = (0, import_jsx_runtime.jsx)(TooltipProvider, {
       children: (0, import_jsx_runtime.jsxs)(TooltipRoot, {
         delayDuration: 0,
         open: f,
         children: [
-          bW,
-          xW
+          xW,
+          SW
         ]
       })
-    }), c[32] = f, c[33] = bW, c[34] = xW, c[35] = SW) : SW = c[35];
-    let CW;
-    c[36] !== m.setFalse || c[37] !== m.setTrue ? (CW = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
+    }), c[32] = f, c[33] = xW, c[34] = SW, c[35] = CW) : CW = c[35];
+    let wW;
+    c[36] !== m.setFalse || c[37] !== m.setTrue ? (wW = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsx)(Thumb, {
         "data-testid": "thumb",
@@ -27116,39 +27123,39 @@ ${c}
         onMouseEnter: m.setTrue,
         onMouseLeave: m.setFalse
       })
-    }), c[36] = m.setFalse, c[37] = m.setTrue, c[38] = CW) : CW = c[38];
-    let wW;
-    c[39] !== h || c[40] !== u.value || c[41] !== d ? (wW = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
+    }), c[36] = m.setFalse, c[37] = m.setTrue, c[38] = wW) : wW = c[38];
+    let TW;
+    c[39] !== h || c[40] !== u.value || c[41] !== d ? (TW = 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] = wW) : wW = c[42];
-    let TW;
-    c[43] === wW ? TW = c[44] : (TW = (0, import_jsx_runtime.jsx)(TooltipPortal, {
-      children: wW
-    }), c[43] = wW, c[44] = TW);
+    }, u.value[1]), c[39] = h, c[40] = u.value, c[41] = d, c[42] = TW) : TW = c[42];
     let EW;
-    c[45] !== f || c[46] !== CW || c[47] !== TW ? (EW = (0, import_jsx_runtime.jsx)(TooltipProvider, {
+    c[43] === TW ? EW = c[44] : (EW = (0, import_jsx_runtime.jsx)(TooltipPortal, {
+      children: TW
+    }), c[43] = TW, c[44] = EW);
+    let DW;
+    c[45] !== f || c[46] !== wW || c[47] !== EW ? (DW = (0, import_jsx_runtime.jsx)(TooltipProvider, {
       children: (0, import_jsx_runtime.jsxs)(TooltipRoot, {
         delayDuration: 0,
         open: f,
         children: [
-          CW,
-          TW
+          wW,
+          EW
         ]
       })
-    }), c[45] = f, c[46] = CW, c[47] = TW, c[48] = EW) : EW = c[48];
-    let DW;
-    return c[49] !== M || c[50] !== u || c[51] !== yW || c[52] !== SW || c[53] !== EW || c[54] !== W ? (DW = (0, import_jsx_runtime.jsxs)(Root, {
+    }), c[45] = f, c[46] = wW, c[47] = EW, c[48] = DW) : DW = c[48];
+    let OW;
+    return c[49] !== M || c[50] !== u || c[51] !== bW || c[52] !== CW || c[53] !== DW || c[54] !== W ? (OW = (0, import_jsx_runtime.jsxs)(Root, {
       ref: M,
       className: W,
       ...u,
       children: [
-        yW,
-        SW,
-        EW
+        bW,
+        CW,
+        DW
       ]
-    }), c[49] = M, c[50] = u, c[51] = yW, c[52] = SW, c[53] = EW, c[54] = W, c[55] = DW) : DW = c[55], DW;
+    }), c[49] = M, c[50] = u, c[51] = bW, c[52] = CW, c[53] = DW, c[54] = W, c[55] = OW) : OW = c[55], OW;
   });
   RangeSlider.displayName = Root.displayName;
   var import_compiler_runtime$30 = require_compiler_runtime(), RangeSliderPlugin = class {
@@ -27199,14 +27206,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 yW, bW;
-    r[14] !== h || r[15] !== T || r[16] !== l || r[17] !== u ? (yW = () => {
+    let bW, xW;
+    r[14] !== h || r[15] !== T || r[16] !== l || r[17] !== u ? (bW = () => {
       h && !dequal(T, u) && l(T);
-    }, bW = () => {
+    }, xW = () => {
       h && !dequal(T, u) && l(T);
-    }, r[14] = h, r[15] = T, r[16] = l, r[17] = u, r[18] = yW, r[19] = bW) : (yW = r[18], bW = r[19]);
+    }, r[14] = h, r[15] = T, r[16] = l, r[17] = u, r[18] = bW, r[19] = xW) : (bW = r[18], xW = r[19]);
     let Z;
-    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] !== yW || r[31] !== bW || r[32] !== b ? (Z = (0, import_jsx_runtime.jsx)(RangeSlider, {
+    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] !== bW || r[31] !== xW || r[32] !== b ? (Z = (0, import_jsx_runtime.jsx)(RangeSlider, {
       id: S,
       className: W,
       value: T,
@@ -27217,36 +27224,36 @@ ${c}
       disabled: y,
       onValueChange: G,
       onValueCommit: q,
-      onPointerUp: yW,
-      onMouseUp: bW,
+      onPointerUp: bW,
+      onMouseUp: xW,
       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] = yW, r[31] = bW, r[32] = b, r[33] = Z) : Z = r[33];
-    let xW;
-    r[34] !== T || r[35] !== w || r[36] !== _ || r[37] !== b ? (xW = _ && (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] = bW, r[31] = xW, r[32] = b, r[33] = Z) : Z = r[33];
+    let SW;
+    r[34] !== T || r[35] !== w || r[36] !== _ || r[37] !== b ? (SW = _ && (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] = xW) : xW = r[38];
-    let SW;
-    r[39] !== Z || r[40] !== xW || r[41] !== B ? (SW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[34] = T, r[35] = w, r[36] = _, r[37] = b, r[38] = SW) : SW = r[38];
+    let CW;
+    r[39] !== Z || r[40] !== SW || r[41] !== B ? (CW = (0, import_jsx_runtime.jsxs)("div", {
       className: B,
       children: [
         Z,
-        xW
+        SW
       ]
-    }), r[39] = Z, r[40] = xW, r[41] = B, r[42] = SW) : SW = r[42];
-    let CW;
-    return r[43] !== v || r[44] !== S || r[45] !== c || r[46] !== SW || r[47] !== M || r[48] !== L ? (CW = (0, import_jsx_runtime.jsx)(Labeled, {
+    }), r[39] = Z, r[40] = SW, r[41] = B, r[42] = CW) : CW = r[42];
+    let wW;
+    return r[43] !== v || r[44] !== S || r[45] !== c || r[46] !== CW || r[47] !== M || r[48] !== L ? (wW = (0, import_jsx_runtime.jsx)(Labeled, {
       label: c,
       id: S,
       align: M,
       className: L,
       fullWidth: v,
-      children: SW
-    }), r[43] = v, r[44] = S, r[45] = c, r[46] = SW, r[47] = M, r[48] = L, r[49] = CW) : CW = r[49], CW;
+      children: CW
+    }), r[43] = v, r[44] = S, r[45] = c, r[46] = CW, r[47] = M, r[48] = L, r[49] = wW) : wW = r[49], wW;
   }, import_timestring = __toESM(__commonJSMin(((e, r) => {
     r.exports = u;
     var c = {
@@ -30537,7 +30544,7 @@ ${c}
         areRegExpsEqual: H,
         areSetsEqual: W,
         createIsNestedEqual: r2
-      }), yW = Object.freeze({
+      }), bW = Object.freeze({
         areArraysEqual: O,
         areDatesEqual: j,
         areMapsEqual: I,
@@ -30545,40 +30552,40 @@ ${c}
         areRegExpsEqual: H,
         areSetsEqual: G,
         createIsNestedEqual: r2
-      }), bW = T(q);
+      }), xW = T(q);
       function Z(e3, r3) {
-        return bW(e3, r3, void 0);
+        return xW(e3, r3, void 0);
       }
-      var xW = T(l(q, {
+      var SW = T(l(q, {
         createIsNestedEqual: function() {
           return f;
         }
       }));
-      function SW(e3, r3) {
-        return xW(e3, r3, void 0);
+      function CW(e3, r3) {
+        return SW(e3, r3, void 0);
       }
-      var CW = T(yW);
-      function wW(e3, r3) {
-        return CW(e3, r3, /* @__PURE__ */ new WeakMap());
+      var wW = T(bW);
+      function TW(e3, r3) {
+        return wW(e3, r3, /* @__PURE__ */ new WeakMap());
       }
-      var TW = T(l(yW, {
+      var EW = T(l(bW, {
         createIsNestedEqual: function() {
           return f;
         }
       }));
-      function EW(e3, r3) {
-        return TW(e3, r3, /* @__PURE__ */ new WeakMap());
+      function DW(e3, r3) {
+        return EW(e3, r3, /* @__PURE__ */ new WeakMap());
       }
-      function DW(e3) {
+      function OW(e3) {
         return T(l(q, e3(q)));
       }
-      function OW(e3) {
-        var r3 = T(l(yW, e3(yW)));
+      function kW(e3) {
+        var r3 = T(l(bW, e3(bW)));
         return (function(e4, c2, l2) {
           return l2 === void 0 && (l2 = /* @__PURE__ */ new WeakMap()), r3(e4, c2, l2);
         });
       }
-      e2.circularDeepEqual = wW, e2.circularShallowEqual = EW, e2.createCustomCircularEqual = OW, e2.createCustomEqual = DW, e2.deepEqual = Z, e2.sameValueZeroEqual = f, e2.shallowEqual = SW, Object.defineProperty(e2, "__esModule", {
+      e2.circularDeepEqual = TW, e2.circularShallowEqual = DW, e2.createCustomCircularEqual = kW, e2.createCustomEqual = OW, e2.deepEqual = Z, e2.sameValueZeroEqual = f, e2.shallowEqual = CW, Object.defineProperty(e2, "__esModule", {
         value: true
       });
     }));
@@ -30604,7 +30611,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 = PW, 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 = EW, e.setTopLeft = OW, e.setTransform = DW, e.sortLayoutItems = kW, e.sortLayoutItemsByColRow = jW, e.sortLayoutItemsByRowCol = AW, e.synchronizeLayoutWithChildren = MW, e.validateLayout = NW, 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 = DW, e.setTopLeft = kW, e.setTransform = OW, e.sortLayoutItems = AW, e.sortLayoutItemsByColRow = MW, e.sortLayoutItemsByRowCol = jW, e.synchronizeLayoutWithChildren = NW, e.validateLayout = PW, e.withLayoutItem = v;
     var r = require_fast_equals(), c = l(require_react());
     function l(e2) {
       return e2 && e2.__esModule ? e2 : {
@@ -30709,7 +30716,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 = kW(e2, r2), p2 = Array(e2.length);
+      let u2 = B(e2), d2 = h(u2), f2 = AW(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;
@@ -30767,7 +30774,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 = kW(e2, f2);
+      let v2 = AW(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);
@@ -30801,61 +30808,61 @@ ${c}
     function G(e2) {
       return e2 * 100 + "%";
     }
-    var q = (e2, r2, c2, l2) => e2 + c2 > l2 ? r2 : c2, yW = (e2, r2, c2) => e2 < 0 ? r2 : c2, bW = (e2) => Math.max(0, e2), Z = (e2) => Math.max(0, e2), xW = (e2, r2, c2) => {
+    var q = (e2, r2, c2, l2) => e2 + c2 > l2 ? r2 : c2, bW = (e2, r2, c2) => e2 < 0 ? r2 : c2, xW = (e2) => Math.max(0, e2), Z = (e2) => Math.max(0, e2), SW = (e2, r2, c2) => {
       let { left: l2, height: u2, width: d2 } = r2, f2 = e2.top - (u2 - e2.height);
       return {
         left: l2,
         width: d2,
-        height: yW(f2, e2.height, u2),
+        height: bW(f2, e2.height, u2),
         top: Z(f2)
       };
-    }, SW = (e2, r2, c2) => {
+    }, CW = (e2, r2, c2) => {
       let { top: l2, left: u2, height: d2, width: f2 } = r2;
       return {
         top: l2,
         height: d2,
         width: q(e2.left, e2.width, f2, c2),
-        left: bW(u2)
+        left: xW(u2)
       };
-    }, CW = (e2, r2, c2) => {
+    }, wW = (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: Z(l2),
-        left: bW(f2)
+        left: xW(f2)
       };
-    }, wW = (e2, r2, c2) => {
+    }, TW = (e2, r2, c2) => {
       let { top: l2, left: u2, height: d2, width: f2 } = r2;
       return {
         width: f2,
         left: u2,
-        height: yW(l2, e2.height, d2),
+        height: bW(l2, e2.height, d2),
         top: Z(l2)
       };
-    }, TW = {
-      n: xW,
+    }, EW = {
+      n: SW,
       ne: function() {
-        return xW(arguments.length <= 0 ? void 0 : arguments[0], SW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return SW(arguments.length <= 0 ? void 0 : arguments[0], CW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      e: SW,
+      e: CW,
       se: function() {
-        return wW(arguments.length <= 0 ? void 0 : arguments[0], SW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return TW(arguments.length <= 0 ? void 0 : arguments[0], CW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      s: wW,
+      s: TW,
       sw: function() {
-        return wW(arguments.length <= 0 ? void 0 : arguments[0], CW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return TW(arguments.length <= 0 ? void 0 : arguments[0], wW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      w: CW,
+      w: wW,
       nw: function() {
-        return xW(arguments.length <= 0 ? void 0 : arguments[0], CW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return SW(arguments.length <= 0 ? void 0 : arguments[0], wW(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       }
     };
-    function EW(e2, r2, c2, l2) {
-      let u2 = TW[e2];
+    function DW(e2, r2, c2, l2) {
+      let u2 = EW[e2];
       return u2 ? u2(r2, d(d({}, r2), c2), l2) : c2;
     }
-    function DW(e2) {
+    function OW(e2) {
       let { top: r2, left: c2, width: l2, height: u2 } = e2, d2 = `translate(${c2}px,${r2}px)`;
       return {
         transform: d2,
@@ -30868,7 +30875,7 @@ ${c}
         position: "absolute"
       };
     }
-    function OW(e2) {
+    function kW(e2) {
       let { top: r2, left: c2, width: l2, height: u2 } = e2;
       return {
         top: `${r2}px`,
@@ -30878,20 +30885,20 @@ ${c}
         position: "absolute"
       };
     }
-    function kW(e2, r2) {
-      return r2 === "horizontal" ? jW(e2) : r2 === "vertical" ? AW(e2) : e2;
+    function AW(e2, r2) {
+      return r2 === "horizontal" ? MW(e2) : r2 === "vertical" ? jW(e2) : e2;
     }
-    function AW(e2) {
+    function jW(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 jW(e2) {
+    function MW(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 MW(e2, r2, l2, u2, f2) {
+    function NW(e2, r2, l2, u2, f2) {
       e2 || (e2 = []);
       let p2 = [];
       c.default.Children.forEach(r2, (r3) => {
@@ -30912,7 +30919,7 @@ ${c}
       });
       return f2 ? m2 : T(m2, u2, l2);
     }
-    function NW(e2) {
+    function PW(e2) {
       let r2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "Layout", c2 = [
         "x",
         "y",
@@ -30929,7 +30936,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 PW(e2) {
+    function FW(e2) {
       let { verticalCompact: r2, compactType: c2 } = e2 || {};
       return r2 === false ? null : c2;
     }
@@ -33734,7 +33741,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, yW, bW, Z, xW, SW, CW, wW, TW, EW, DW, OW, kW, AW, jW, MW, NW, PW;
+    let M = !f && !v, I, L, R, z, B, H, W, G, q, bW, xW, Z, SW, CW, wW, TW, EW, DW, OW, kW, AW, jW, MW, NW, PW, 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) => {
@@ -33753,23 +33760,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, jW = "lg", r[58] === c.cells ? MW = r[59] : (MW = {
+      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, MW = "lg", r[58] === c.cells ? NW = r[59] : (NW = {
         lg: c.cells
-      }, r[58] = c.cells, r[59] = MW), NW = L, PW = S, R = false;
+      }, r[58] = c.cells, r[59] = NW), PW = 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, yW = c.rowHeight, r[66] !== f || r[67] !== c || r[68] !== l ? (bW = (e3) => {
+      ] : void 0, r[64] = f, r[65] = B), H = MARGIN, W = false, G = null, q = true, bW = c.rowHeight, r[66] !== f || r[67] !== c || r[68] !== l ? (xW = (e3) => {
         f || l({
           ...c,
           cells: e3
         });
-      }, r[66] = f, r[67] = c, r[68] = l, r[69] = bW) : bW = r[69], r[70] === g ? Z = r[71] : (Z = g ? {
+      }, r[66] = f, r[67] = c, r[68] = l, r[69] = xW) : xW = r[69], r[70] === g ? Z = r[71] : (Z = g ? {
         i: g.i,
         w: g.w || 2,
         h: g.h || 2
-      } : void 0, r[70] = g, r[71] = Z), r[72] !== O || r[73] !== c || r[74] !== l ? (xW = (e3, r2, u2) => {
+      } : void 0, r[70] = g, r[71] = Z), r[72] !== O || r[73] !== c || r[74] !== l ? (SW = (e3, r2, u2) => {
         O.onDragStop(), r2 && l({
           ...c,
           cells: [
@@ -33777,15 +33784,15 @@ ${c}
             r2
           ]
         });
-      }, r[72] = O, r[73] = c, r[74] = l, r[75] = xW) : xW = r[75], r[76] === O ? (SW = r[77], CW = r[78], wW = r[79]) : (SW = (e3, r2, c2, l2, u2) => {
+      }, r[72] = O, r[73] = c, r[74] = l, r[75] = SW) : SW = r[75], r[76] === O ? (CW = r[77], wW = r[78], TW = r[79]) : (CW = (e3, r2, c2, l2, u2) => {
         O.onDragStart(u2);
-      }, CW = (e3, r2, c2, l2, u2) => {
+      }, wW = (e3, r2, c2, l2, u2) => {
         O.onDragMove(u2);
-      }, wW = () => {
+      }, TW = () => {
         O.onDragStop();
-      }, r[76] = O, r[77] = SW, r[78] = CW, r[79] = wW), TW = _temp3$2, EW = M, DW = M, OW = M, kW = M ? `.${DRAG_HANDLE}` : "noop";
+      }, r[76] = O, r[77] = CW, r[78] = wW, r[79] = TW), EW = _temp3$2, DW = M, OW = M, kW = M, AW = M ? `.${DRAG_HANDLE}` : "noop";
       let E2;
-      r[80] === h ? E2 = r[81] : (E2 = (e3) => h.has(e3.id), r[80] = h, r[81] = E2), AW = u.filter(E2).map((r2) => {
+      r[80] === h ? E2 = r[81] : (E2 = (e3) => h.has(e3.id), r[80] = h, r[81] = E2), jW = 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,
@@ -33815,14 +33822,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] = yW, r[31] = bW, r[32] = Z, r[33] = xW, r[34] = SW, r[35] = CW, r[36] = wW, r[37] = TW, r[38] = EW, r[39] = DW, r[40] = OW, r[41] = kW, r[42] = AW, r[43] = jW, r[44] = MW, r[45] = NW, r[46] = PW;
-    } 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], yW = r[30], bW = r[31], Z = r[32], xW = r[33], SW = r[34], CW = r[35], wW = r[36], TW = r[37], EW = r[38], DW = r[39], OW = r[40], kW = r[41], AW = r[42], jW = r[43], MW = r[44], NW = r[45], PW = r[46];
-    let FW;
-    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] !== yW || r[91] !== bW || r[92] !== Z || r[93] !== xW || r[94] !== SW || r[95] !== CW || r[96] !== wW || r[97] !== TW || r[98] !== EW || r[99] !== DW || r[100] !== OW || r[101] !== kW || r[102] !== AW || r[103] !== jW || r[104] !== MW || r[105] !== NW || r[106] !== PW ? (FW = (0, import_jsx_runtime.jsx)(I, {
-      breakpoint: jW,
-      layouts: MW,
-      style: NW,
-      cols: PW,
+      }), 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] = bW, r[31] = xW, r[32] = Z, r[33] = SW, r[34] = CW, r[35] = wW, r[36] = TW, r[37] = EW, r[38] = DW, r[39] = OW, r[40] = kW, r[41] = AW, r[42] = jW, r[43] = MW, r[44] = NW, r[45] = PW, 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], bW = r[30], xW = r[31], Z = r[32], SW = r[33], CW = r[34], wW = r[35], TW = r[36], EW = r[37], DW = r[38], OW = r[39], kW = r[40], AW = r[41], jW = r[42], MW = r[43], NW = r[44], PW = r[45], FW = r[46];
+    let IW;
+    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] !== bW || r[91] !== xW || r[92] !== Z || r[93] !== SW || r[94] !== CW || r[95] !== wW || r[96] !== TW || r[97] !== EW || r[98] !== DW || r[99] !== OW || r[100] !== kW || r[101] !== AW || r[102] !== jW || r[103] !== MW || r[104] !== NW || r[105] !== PW || r[106] !== FW ? (IW = (0, import_jsx_runtime.jsx)(I, {
+      breakpoint: MW,
+      layouts: NW,
+      style: PW,
+      cols: FW,
       allowOverlap: R,
       className: z,
       containerPadding: B,
@@ -33830,23 +33837,23 @@ ${c}
       isBounded: W,
       compactType: G,
       preventCollision: q,
-      rowHeight: yW,
-      onLayoutChange: bW,
+      rowHeight: bW,
+      onLayoutChange: xW,
       droppingItem: Z,
-      onDrop: xW,
-      onDragStart: SW,
-      onDrag: CW,
-      onDragStop: wW,
-      onResizeStop: TW,
-      isDraggable: EW,
-      isDroppable: DW,
-      isResizable: OW,
-      draggableHandle: kW,
-      children: AW
-    }), r[82] = I, r[83] = R, r[84] = z, r[85] = B, r[86] = H, r[87] = W, r[88] = G, r[89] = q, r[90] = yW, r[91] = bW, r[92] = Z, r[93] = xW, r[94] = SW, r[95] = CW, r[96] = wW, r[97] = TW, r[98] = EW, r[99] = DW, r[100] = OW, r[101] = kW, r[102] = AW, r[103] = jW, r[104] = MW, r[105] = NW, r[106] = PW, r[107] = FW) : FW = r[107];
-    let IW = FW, LW, RW, zW, BW, VW, HW, UW;
-    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) {
-      UW = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+      onDrop: SW,
+      onDragStart: CW,
+      onDrag: wW,
+      onDragStop: TW,
+      onResizeStop: EW,
+      isDraggable: DW,
+      isDroppable: OW,
+      isResizable: kW,
+      draggableHandle: AW,
+      children: jW
+    }), 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] = bW, r[91] = xW, r[92] = Z, r[93] = SW, r[94] = CW, r[95] = wW, r[96] = TW, r[97] = EW, r[98] = DW, r[99] = OW, r[100] = kW, r[101] = AW, r[102] = jW, r[103] = MW, r[104] = NW, r[105] = PW, r[106] = FW, r[107] = IW) : IW = r[107];
+    let LW = IW, RW, zW, BW, VW, HW, UW, WW;
+    if (r[108] !== u || r[109] !== LW || r[110] !== h || r[111] !== v || r[112] !== f || r[113] !== c || r[114] !== d || r[115] !== l || r[116] !== L) {
+      WW = /* @__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);
@@ -33854,14 +33861,14 @@ ${c}
         if (f) {
           if (c.bordered) {
             let e4;
-            r[127] !== IW || r[128] !== L ? (e4 = (0, import_jsx_runtime.jsx)("div", {
+            r[127] !== LW || 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: LW
               })
-            }), r[127] = IW, r[128] = L, r[129] = e4) : e4 = r[129], IW = e4;
+            }), r[127] = LW, r[128] = L, r[129] = e4) : e4 = r[129], LW = e4;
           }
           let e3 = m2.filter(_temp4$2), l2;
           r[130] === d ? l2 = r[131] : (l2 = (e4) => (0, import_jsx_runtime.jsx)(GridCell, {
@@ -33873,9 +33880,9 @@ ${c}
             stale: outputIsStale(e4, false),
             isScrollable: false,
             hidden: false
-          }, e4.id), r[130] = d, r[131] = l2), UW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          }, e4.id), r[130] = d, r[131] = l2), WW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
             children: [
-              IW,
+              LW,
               (0, import_jsx_runtime.jsx)("div", {
                 className: "hidden",
                 children: e3.map(l2)
@@ -33886,31 +33893,31 @@ ${c}
         }
         if (c.bordered) {
           let e3;
-          r[132] === IW ? e3 = r[133] : (e3 = (0, import_jsx_runtime.jsx)("div", {
+          r[132] === LW ? e3 = r[133] : (e3 = (0, import_jsx_runtime.jsx)("div", {
             className: "h-full overflow-auto",
-            children: IW
-          }), r[132] = IW, r[133] = e3);
+            children: LW
+          }), r[132] = LW, 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], LW = c2;
         }
-        r[137] !== v || r[138] !== c || r[139] !== l ? (HW = (0, import_jsx_runtime.jsx)(GridControls, {
+        r[137] !== v || r[138] !== c || r[139] !== l ? (UW = (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] = HW) : HW = r[140];
+        }), r[137] = v, r[138] = c, r[139] = l, r[140] = UW) : UW = r[140];
         let g2;
-        r[141] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (BW = cn("relative flex z-10 flex-1 overflow-hidden"), g2 = cn("grow overflow-auto transparent-when-disconnected"), r[141] = BW, r[142] = g2) : (BW = r[141], g2 = r[142]), r[143] === IW ? VW = r[144] : (VW = (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] === LW ? HW = r[144] : (HW = (0, import_jsx_runtime.jsx)("div", {
           className: g2,
-          children: IW
-        }), r[143] = IW, r[144] = VW), LW = "flex-none flex flex-col w-[300px] p-2 pb-20 gap-2 overflow-auto bg-(--slate-2) border-t border-x rounded-t shadow-sm transparent-when-disconnected mx-2 mt-4", r[145] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (RW = (0, import_jsx_runtime.jsx)("div", {
+          children: LW
+        }), r[143] = LW, r[144] = HW), RW = "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") ? (zW = (0, import_jsx_runtime.jsx)("div", {
           className: "text font-bold text-(--slate-20) shrink-0",
           children: "Outputs"
-        }), r[145] = RW) : RW = r[145];
+        }), r[145] = zW) : zW = 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,
@@ -33936,34 +33943,34 @@ ${c}
             stale: outputIsStale(e3, false),
             hidden: false
           })
-        }, e3.id), r[146] = c.columns, r[147] = c.rowHeight, r[148] = d, r[149] = b2) : b2 = r[149], zW = 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] = LW, r[118] = RW, r[119] = zW, r[120] = BW, r[121] = VW, r[122] = HW, r[123] = UW, r[124] = IW;
-    } else LW = r[117], RW = r[118], zW = r[119], BW = r[120], VW = r[121], HW = r[122], UW = r[123], IW = r[124];
-    if (UW !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return UW;
-    let WW;
-    r[150] !== LW || r[151] !== RW || r[152] !== zW ? (WW = (0, import_jsx_runtime.jsxs)("div", {
-      className: LW,
-      children: [
-        RW,
-        zW
-      ]
-    }), r[150] = LW, r[151] = RW, r[152] = zW, r[153] = WW) : WW = r[153];
+        }, e3.id), r[146] = c.columns, r[147] = c.rowHeight, r[148] = d, r[149] = b2) : b2 = r[149], BW = m2.map(b2);
+      }
+      r[108] = u, r[109] = LW, r[110] = h, r[111] = v, r[112] = f, r[113] = c, r[114] = d, r[115] = l, r[116] = L, r[117] = RW, r[118] = zW, r[119] = BW, r[120] = VW, r[121] = HW, r[122] = UW, r[123] = WW, r[124] = LW;
+    } else RW = r[117], zW = r[118], BW = r[119], VW = r[120], HW = r[121], UW = r[122], WW = r[123], LW = r[124];
+    if (WW !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return WW;
     let GW;
-    r[154] !== BW || r[155] !== VW || r[156] !== WW ? (GW = (0, import_jsx_runtime.jsxs)("div", {
-      className: BW,
+    r[150] !== RW || r[151] !== zW || r[152] !== BW ? (GW = (0, import_jsx_runtime.jsxs)("div", {
+      className: RW,
       children: [
-        VW,
-        WW
+        zW,
+        BW
       ]
-    }), r[154] = BW, r[155] = VW, r[156] = WW, r[157] = GW) : GW = r[157];
+    }), r[150] = RW, r[151] = zW, r[152] = BW, r[153] = GW) : GW = r[153];
     let KW;
-    return r[158] !== HW || r[159] !== GW ? (KW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    r[154] !== VW || r[155] !== HW || r[156] !== GW ? (KW = (0, import_jsx_runtime.jsxs)("div", {
+      className: VW,
       children: [
         HW,
         GW
       ]
-    }), r[158] = HW, r[159] = GW, r[160] = KW) : KW = r[160], KW;
+    }), r[154] = VW, r[155] = HW, r[156] = GW, r[157] = KW) : KW = r[157];
+    let qW;
+    return r[158] !== UW || r[159] !== KW ? (qW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [
+        UW,
+        KW
+      ]
+    }), r[158] = UW, r[159] = KW, r[160] = qW) : qW = r[160], qW;
   };
   var GridCell = (0, import_react.memo)((e) => {
     let r = (0, import_compiler_runtime$13.c)(21), { output: c, cellId: l, status: u, mode: d, code: f, hidden: m, isScrollable: h, side: g, className: _, stale: v } = e, y;
@@ -34264,25 +34271,25 @@ ${c}
         G
       ]
     }), r[31] = L, r[32] = R, r[33] = G, r[34] = q) : q = r[34];
-    let yW;
-    r[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (yW = (0, import_jsx_runtime.jsx)(GripHorizontal, {
-      className: cn(DRAG_HANDLE, "cursor-move", "h-4 w-4 opacity-60 hover:opacity-100")
-    }), r[35] = yW) : yW = r[35];
     let bW;
-    r[36] === l ? bW = r[37] : (bW = (0, import_jsx_runtime.jsx)(X, {
+    r[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (bW = (0, import_jsx_runtime.jsx)(GripHorizontal, {
+      className: cn(DRAG_HANDLE, "cursor-move", "h-4 w-4 opacity-60 hover:opacity-100")
+    }), r[35] = bW) : bW = r[35];
+    let xW;
+    r[36] === l ? xW = r[37] : (xW = (0, import_jsx_runtime.jsx)(X, {
       className: "h-4 w-4 opacity-60 hover:opacity-100",
       onClick: () => l()
-    }), r[36] = l, r[37] = bW);
+    }), r[36] = l, r[37] = xW);
     let Z;
-    return r[38] !== I || r[39] !== q || r[40] !== bW || r[41] !== w ? (Z = (0, import_jsx_runtime.jsxs)("div", {
+    return r[38] !== I || r[39] !== q || r[40] !== xW || r[41] !== w ? (Z = (0, import_jsx_runtime.jsxs)("div", {
       className: w,
       children: [
         I,
         q,
-        yW,
-        bW
+        bW,
+        xW
       ]
-    }), r[38] = I, r[39] = q, r[40] = bW, r[41] = w, r[42] = Z) : Z = r[42], Z;
+    }), r[38] = I, r[39] = q, r[40] = xW, r[41] = w, r[42] = Z) : Z = r[42], Z;
   };
   function isSidebarCell(e) {
     var _a3;
@@ -36286,28 +36293,28 @@ ${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), yW = (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), bW = (0, import_react.useMemo)(() => j.getEnabled(), [
       j
-    ]), bW = useMeasuringConfiguration(p), { droppableRects: Z, measureDroppableContainers: xW, measuringScheduled: SW } = useDroppableMeasuring(yW, {
+    ]), xW = useMeasuringConfiguration(p), { droppableRects: Z, measureDroppableContainers: SW, measuringScheduled: CW } = useDroppableMeasuring(bW, {
       dragging: w,
       dependencies: [
         O.x,
         O.y
       ],
-      config: bW.droppable
-    }), CW = useCachedNode(E, T), wW = (0, import_react.useMemo)(() => H ? getEventCoordinates(H) : null, [
+      config: xW.droppable
+    }), wW = useCachedNode(E, T), TW = (0, import_react.useMemo)(() => H ? getEventCoordinates(H) : null, [
       H
-    ]), TW = nG(), EW = useInitialRect(CW, bW.draggable.measure);
+    ]), EW = rG(), DW = useInitialRect(wW, xW.draggable.measure);
     useLayoutShiftScrollCompensation({
       activeNode: T == null ? null : E.get(T),
-      config: TW.layoutShiftCompensation,
-      initialRect: EW,
-      measure: bW.draggable.measure
+      config: EW.layoutShiftCompensation,
+      initialRect: DW,
+      measure: xW.draggable.measure
     });
-    let DW = useRect(CW, bW.draggable.measure, EW), OW = useRect(CW ? CW.parentElement : null), kW = (0, import_react.useRef)({
+    let OW = useRect(wW, xW.draggable.measure, DW), kW = useRect(wW ? wW.parentElement : null), AW = (0, import_react.useRef)({
       activatorEvent: null,
       active: null,
-      activeNode: CW,
+      activeNode: wW,
       collisionRect: null,
       collisions: null,
       droppableRects: Z,
@@ -36318,45 +36325,45 @@ ${c}
       over: null,
       scrollableAncestors: [],
       scrollAdjustedTranslate: null
-    }), AW = j.getNodeFor((_a3 = kW.current.over) == null ? void 0 : _a3.id), jW = useDragOverlayMeasuring({
-      measure: bW.dragOverlay.measure
-    }), MW = jW.nodeRef.current ?? CW, NW = w ? jW.rect ?? DW : null, PW = !!(jW.nodeRef.current && jW.rect), FW = useRectDelta(PW ? null : DW), IW = useWindowRect(MW ? getWindow(MW) : null), LW = useScrollableAncestors(w ? AW ?? CW : null), RW = useRects(LW), zW = applyModifiers(m, {
+    }), jW = j.getNodeFor((_a3 = AW.current.over) == null ? void 0 : _a3.id), MW = useDragOverlayMeasuring({
+      measure: xW.dragOverlay.measure
+    }), NW = MW.nodeRef.current ?? wW, PW = w ? MW.rect ?? OW : null, FW = !!(MW.nodeRef.current && MW.rect), IW = useRectDelta(FW ? null : OW), LW = useWindowRect(NW ? getWindow(NW) : null), RW = useScrollableAncestors(w ? jW ?? wW : null), zW = useRects(RW), BW = applyModifiers(m, {
       transform: {
-        x: O.x - FW.x,
-        y: O.y - FW.y,
+        x: O.x - IW.x,
+        y: O.y - IW.y,
         scaleX: 1,
         scaleY: 1
       },
       activatorEvent: H,
       active: L,
-      activeNodeRect: DW,
-      containerNodeRect: OW,
-      draggingNodeRect: NW,
-      over: kW.current.over,
-      overlayNodeRect: jW.rect,
-      scrollableAncestors: LW,
-      scrollableAncestorRects: RW,
-      windowRect: IW
-    }), BW = wW ? add(wW, O) : null, VW = useScrollOffsets(LW), HW = useScrollOffsetsDelta(VW), UW = useScrollOffsetsDelta(VW, [
-      DW
-    ]), WW = add(zW, HW), GW = NW ? getAdjustedRect(NW, zW) : null, KW = L && GW ? f({
+      activeNodeRect: OW,
+      containerNodeRect: kW,
+      draggingNodeRect: PW,
+      over: AW.current.over,
+      overlayNodeRect: MW.rect,
+      scrollableAncestors: RW,
+      scrollableAncestorRects: zW,
+      windowRect: LW
+    }), VW = TW ? add(TW, O) : null, HW = useScrollOffsets(RW), UW = useScrollOffsetsDelta(HW), WW = useScrollOffsetsDelta(HW, [
+      OW
+    ]), GW = add(BW, UW), KW = PW ? getAdjustedRect(PW, BW) : null, qW = L && KW ? f({
       active: L,
-      collisionRect: GW,
+      collisionRect: KW,
       droppableRects: Z,
-      droppableContainers: yW,
-      pointerCoordinates: BW
-    }) : null, qW = getFirstCollision(KW, "id"), [JW, YW] = (0, import_react.useState)(null), XW = adjustScale(PW ? zW : add(zW, UW), (JW == null ? void 0 : JW.rect) ?? null, DW), ZW = (0, import_react.useRef)(null), QW = (0, import_react.useCallback)((e2, r2) => {
+      droppableContainers: bW,
+      pointerCoordinates: VW
+    }) : null, JW = getFirstCollision(qW, "id"), [YW, XW] = (0, import_react.useState)(null), ZW = adjustScale(FW ? BW : add(BW, WW), (YW == null ? void 0 : YW.rect) ?? null, OW), QW = (0, import_react.useRef)(null), $W = (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;
-      ZW.current = new c2({
+      QW.current = new c2({
         active: R.current,
         activeNode: u2,
         event: d2,
         options: l2,
-        context: kW,
+        context: AW,
         onAbort(e3) {
           if (!E.get(e3)) return;
           let { onDragAbort: r3 } = G.current, c3 = {
@@ -36401,7 +36408,7 @@ ${c}
             }), v({
               type: "onDragStart",
               event: u3
-            }), B(ZW.current), W(d2);
+            }), B(QW.current), W(d2);
           });
         },
         onMove(e3) {
@@ -36415,7 +36422,7 @@ ${c}
       });
       function f2(e3) {
         return async function() {
-          let { active: r3, collisions: c3, over: l3, scrollAdjustedTranslate: u3 } = kW.current, f3 = null;
+          let { active: r3, collisions: c3, over: l3, scrollAdjustedTranslate: u3 } = AW.current, f3 = null;
           if (r3 && u3) {
             let { cancelDrop: p2 } = G.current;
             f3 = {
@@ -36429,7 +36436,7 @@ ${c}
           R.current = null, (0, import_react_dom.unstable_batchedUpdates)(() => {
             _({
               type: e3
-            }), S(Status.Uninitialized), YW(null), B(null), W(null), ZW.current = null;
+            }), S(Status.Uninitialized), XW(null), B(null), W(null), QW.current = null;
             let r4 = e3 === Action.DragEnd ? "onDragEnd" : "onDragCancel";
             if (f3) {
               let e4 = G.current[r4];
@@ -36443,7 +36450,7 @@ ${c}
       }
     }, [
       E
-    ]), $W = useCombineActivators(d, (0, import_react.useCallback)((e2, r2) => (c2, l2) => {
+    ]), eG = 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 = {
@@ -36451,26 +36458,26 @@ ${c}
       };
       e2(c2, r2.options, f2) === true && (u2.dndKit = {
         capturedBy: r2.sensor
-      }, R.current = l2, QW(c2, r2));
+      }, R.current = l2, $W(c2, r2));
     }, [
       E,
-      QW
+      $W
     ]));
     useSensorSetup(d), useIsomorphicLayoutEffect(() => {
-      DW && b === Status.Initializing && S(Status.Initialized);
+      OW && b === Status.Initializing && S(Status.Initialized);
     }, [
-      DW,
+      OW,
       b
     ]), (0, import_react.useEffect)(() => {
-      let { onDragMove: e2 } = G.current, { active: r2, activatorEvent: c2, collisions: l2, over: u2 } = kW.current;
+      let { onDragMove: e2 } = G.current, { active: r2, activatorEvent: c2, collisions: l2, over: u2 } = AW.current;
       if (!r2 || !c2) return;
       let d2 = {
         active: r2,
         activatorEvent: c2,
         collisions: l2,
         delta: {
-          x: WW.x,
-          y: WW.y
+          x: GW.x,
+          y: GW.y
         },
         over: u2
       };
@@ -36481,12 +36488,12 @@ ${c}
         });
       });
     }, [
-      WW.x,
-      WW.y
+      GW.x,
+      GW.y
     ]), (0, import_react.useEffect)(() => {
-      let { active: e2, activatorEvent: r2, collisions: c2, droppableContainers: l2, scrollAdjustedTranslate: u2 } = kW.current;
+      let { active: e2, activatorEvent: r2, collisions: c2, droppableContainers: l2, scrollAdjustedTranslate: u2 } = AW.current;
       if (!e2 || R.current == null || !r2 || !u2) return;
-      let { onDragOver: d2 } = G.current, f2 = l2.get(qW), p2 = f2 && f2.rect.current ? {
+      let { onDragOver: d2 } = G.current, f2 = l2.get(JW), p2 = f2 && f2.rect.current ? {
         id: f2.id,
         rect: f2.rect.current,
         data: f2.data,
@@ -36502,127 +36509,127 @@ ${c}
         over: p2
       };
       (0, import_react_dom.unstable_batchedUpdates)(() => {
-        YW(p2), d2 == null ? void 0 : d2(m2), v({
+        XW(p2), d2 == null ? void 0 : d2(m2), v({
           type: "onDragOver",
           event: m2
         });
       });
     }, [
-      qW
+      JW
     ]), useIsomorphicLayoutEffect(() => {
-      kW.current = {
+      AW.current = {
         activatorEvent: H,
         active: L,
-        activeNode: CW,
-        collisionRect: GW,
-        collisions: KW,
+        activeNode: wW,
+        collisionRect: KW,
+        collisions: qW,
         droppableRects: Z,
         draggableNodes: E,
-        draggingNode: MW,
-        draggingNodeRect: NW,
+        draggingNode: NW,
+        draggingNodeRect: PW,
         droppableContainers: j,
-        over: JW,
-        scrollableAncestors: LW,
-        scrollAdjustedTranslate: WW
+        over: YW,
+        scrollableAncestors: RW,
+        scrollAdjustedTranslate: GW
       }, I.current = {
-        initial: NW,
-        translated: GW
+        initial: PW,
+        translated: KW
       };
     }, [
       L,
-      CW,
+      wW,
+      qW,
       KW,
-      GW,
       E,
-      MW,
       NW,
+      PW,
       Z,
       j,
-      JW,
-      LW,
-      WW
+      YW,
+      RW,
+      GW
     ]), useAutoScroller({
-      ...TW,
+      ...EW,
       delta: O,
-      draggingRect: GW,
-      pointerCoordinates: BW,
-      scrollableAncestors: LW,
-      scrollableAncestorRects: RW
+      draggingRect: KW,
+      pointerCoordinates: VW,
+      scrollableAncestors: RW,
+      scrollableAncestorRects: zW
     });
-    let eG = (0, import_react.useMemo)(() => ({
+    let tG = (0, import_react.useMemo)(() => ({
       active: L,
-      activeNode: CW,
-      activeNodeRect: DW,
+      activeNode: wW,
+      activeNodeRect: OW,
       activatorEvent: H,
-      collisions: KW,
-      containerNodeRect: OW,
-      dragOverlay: jW,
+      collisions: qW,
+      containerNodeRect: kW,
+      dragOverlay: MW,
       draggableNodes: E,
       droppableContainers: j,
       droppableRects: Z,
-      over: JW,
-      measureDroppableContainers: xW,
-      scrollableAncestors: LW,
-      scrollableAncestorRects: RW,
-      measuringConfiguration: bW,
-      measuringScheduled: SW,
-      windowRect: IW
+      over: YW,
+      measureDroppableContainers: SW,
+      scrollableAncestors: RW,
+      scrollableAncestorRects: zW,
+      measuringConfiguration: xW,
+      measuringScheduled: CW,
+      windowRect: LW
     }), [
       L,
-      CW,
-      DW,
-      H,
-      KW,
+      wW,
       OW,
-      jW,
+      H,
+      qW,
+      kW,
+      MW,
       E,
       j,
       Z,
-      JW,
-      xW,
-      LW,
-      RW,
-      bW,
+      YW,
       SW,
-      IW
-    ]), tG = (0, import_react.useMemo)(() => ({
+      RW,
+      zW,
+      xW,
+      CW,
+      LW
+    ]), nG = (0, import_react.useMemo)(() => ({
       activatorEvent: H,
-      activators: $W,
+      activators: eG,
       active: L,
-      activeNodeRect: DW,
+      activeNodeRect: OW,
       ariaDescribedById: {
         draggable: q
       },
       dispatch: _,
       draggableNodes: E,
-      over: JW,
-      measureDroppableContainers: xW
+      over: YW,
+      measureDroppableContainers: SW
     }), [
       H,
-      $W,
+      eG,
       L,
-      DW,
+      OW,
       _,
       q,
       E,
-      JW,
-      xW
+      YW,
+      SW
     ]);
     return import_react.createElement(DndMonitorContext.Provider, {
       value: y
     }, import_react.createElement(InternalContext.Provider, {
-      value: tG
+      value: nG
     }, import_react.createElement(PublicContext.Provider, {
-      value: eG
+      value: tG
     }, import_react.createElement(ActiveDraggableContext.Provider, {
-      value: XW
+      value: ZW
     }, u)), import_react.createElement(RestoreFocus, {
       disabled: (c == null ? void 0 : c.restoreFocus) === false
     })), import_react.createElement(Accessibility, {
       ...c,
       hiddenTextDescribedById: q
     }));
-    function nG() {
+    function rG() {
       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,
@@ -37150,7 +37157,7 @@ ${c}
         updateMeasurementsFor: I,
         ...m
       }
-    }), { active: H, activatorEvent: W, activeNodeRect: G, attributes: q, setNodeRef: yW, listeners: bW, isDragging: Z, over: xW, setActivatorNodeRef: SW, transform: CW } = useDraggable({
+    }), { active: H, activatorEvent: W, activeNodeRect: G, attributes: q, setNodeRef: bW, listeners: xW, isDragging: Z, over: SW, setActivatorNodeRef: CW, transform: wW } = useDraggable({
       id: f,
       data: M,
       attributes: {
@@ -37158,60 +37165,60 @@ ${c}
         ...c
       },
       disabled: O.draggable
-    }), wW = useCombinedRefs(B, yW), TW = !!H, EW = TW && !b && isValidIndex(v) && isValidIndex(w), DW = !T && Z, OW = EW ? (DW && EW ? CW : null) ?? (p ?? E)({
+    }), TW = useCombinedRefs(B, bW), EW = !!H, DW = EW && !b && isValidIndex(v) && isValidIndex(w), OW = !T && Z, kW = DW ? (OW && DW ? wW : null) ?? (p ?? E)({
       rects: S,
       activeNodeRect: G,
       activeIndex: v,
       overIndex: w,
       index: j
-    }) : null, kW = isValidIndex(v) && isValidIndex(w) ? d({
+    }) : null, AW = isValidIndex(v) && isValidIndex(w) ? d({
       id: f,
       items: g,
       activeIndex: v,
       overIndex: w
-    }) : j, AW = H == null ? void 0 : H.id, jW = (0, import_react.useRef)({
-      activeId: AW,
+    }) : j, jW = H == null ? void 0 : H.id, MW = (0, import_react.useRef)({
+      activeId: jW,
       items: g,
-      newIndex: kW,
+      newIndex: AW,
       containerId: _
-    }), MW = g !== jW.current.items, NW = r({
+    }), NW = g !== MW.current.items, PW = r({
       active: H,
       containerId: _,
       isDragging: Z,
-      isSorting: TW,
+      isSorting: EW,
       id: f,
       index: j,
       items: g,
-      newIndex: jW.current.newIndex,
-      previousItems: jW.current.items,
-      previousContainerId: jW.current.containerId,
+      newIndex: MW.current.newIndex,
+      previousItems: MW.current.items,
+      previousContainerId: MW.current.containerId,
       transition: h,
-      wasDragging: jW.current.activeId != null
-    }), PW = useDerivedTransform({
-      disabled: !NW,
+      wasDragging: MW.current.activeId != null
+    }), FW = useDerivedTransform({
+      disabled: !PW,
       index: j,
       node: R,
       rect: L
     });
     return (0, import_react.useEffect)(() => {
-      TW && jW.current.newIndex !== kW && (jW.current.newIndex = kW), _ !== jW.current.containerId && (jW.current.containerId = _), g !== jW.current.items && (jW.current.items = g);
+      EW && MW.current.newIndex !== AW && (MW.current.newIndex = AW), _ !== MW.current.containerId && (MW.current.containerId = _), g !== MW.current.items && (MW.current.items = g);
     }, [
-      TW,
-      kW,
+      EW,
+      AW,
       _,
       g
     ]), (0, import_react.useEffect)(() => {
-      if (AW === jW.current.activeId) return;
-      if (AW != null && jW.current.activeId == null) {
-        jW.current.activeId = AW;
+      if (jW === MW.current.activeId) return;
+      if (jW != null && MW.current.activeId == null) {
+        MW.current.activeId = jW;
         return;
       }
       let e2 = setTimeout(() => {
-        jW.current.activeId = AW;
+        MW.current.activeId = jW;
       }, 50);
       return () => clearTimeout(e2);
     }, [
-      AW
+      jW
     ]), {
       active: H,
       activeIndex: v,
@@ -37219,25 +37226,25 @@ ${c}
       data: M,
       rect: L,
       index: j,
-      newIndex: kW,
+      newIndex: AW,
       items: g,
       isOver: z,
-      isSorting: TW,
+      isSorting: EW,
       isDragging: Z,
-      listeners: bW,
+      listeners: xW,
       node: R,
       overIndex: w,
-      over: xW,
-      setNodeRef: wW,
-      setActivatorNodeRef: SW,
+      over: SW,
+      setNodeRef: TW,
+      setActivatorNodeRef: CW,
       setDroppableNodeRef: B,
-      setDraggableNodeRef: yW,
-      transform: PW ?? OW,
-      transition: FW()
+      setDraggableNodeRef: bW,
+      transform: FW ?? kW,
+      transition: IW()
     };
-    function FW() {
-      if (PW || MW && jW.current.newIndex === j) return disabledTransition;
-      if (!(DW && !isKeyboardEvent(W) || !h) && (TW || NW)) return CSS$1.Transition.toString({
+    function IW() {
+      if (FW || NW && MW.current.newIndex === j) return disabledTransition;
+      if (!(OW && !isKeyboardEvent(W) || !h) && (EW || PW)) return CSS$1.Transition.toString({
         ...h,
         property: transitionProperty
       });
@@ -37537,13 +37544,13 @@ ${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 yW = q;
-    if (!v && !g) return yW;
-    let bW;
-    r[46] === yW ? bW = r[47] : (bW = (0, import_jsx_runtime.jsx)(ContextMenuTrigger, {
+    let bW = q;
+    if (!v && !g) return bW;
+    let xW;
+    r[46] === bW ? xW = r[47] : (xW = (0, import_jsx_runtime.jsx)(ContextMenuTrigger, {
       asChild: true,
-      children: yW
-    }), r[46] = yW, r[47] = bW);
+      children: bW
+    }), r[46] = bW, r[47] = xW);
     let Z;
     r[48] === v ? Z = r[49] : (Z = v && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
       onSelect: v,
@@ -37554,10 +37561,10 @@ ${c}
         "Add cell"
       ]
     }), r[48] = v, r[49] = Z);
-    let xW;
-    r[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (xW = (0, import_jsx_runtime.jsx)(ContextMenuSeparator, {}), r[50] = xW) : xW = r[50];
     let SW;
-    r[51] === g ? SW = r[52] : (SW = g && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
+    r[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (SW = (0, import_jsx_runtime.jsx)(ContextMenuSeparator, {}), r[50] = SW) : SW = r[50];
+    let CW;
+    r[51] === g ? CW = r[52] : (CW = g && (0, import_jsx_runtime.jsxs)(ContextMenuItem, {
       variant: "danger",
       onSelect: g,
       children: [
@@ -37566,22 +37573,22 @@ ${c}
         }),
         "Delete cell"
       ]
-    }), r[51] = g, r[52] = SW);
-    let CW;
-    r[53] !== Z || r[54] !== SW ? (CW = (0, import_jsx_runtime.jsxs)(ContextMenuContent, {
+    }), r[51] = g, r[52] = CW);
+    let wW;
+    r[53] !== Z || r[54] !== CW ? (wW = (0, import_jsx_runtime.jsxs)(ContextMenuContent, {
       children: [
         Z,
-        xW,
-        SW
+        SW,
+        CW
       ]
-    }), r[53] = Z, r[54] = SW, r[55] = CW) : CW = r[55];
-    let wW;
-    return r[56] !== bW || r[57] !== CW ? (wW = (0, import_jsx_runtime.jsxs)(ContextMenu, {
+    }), r[53] = Z, r[54] = CW, r[55] = wW) : wW = r[55];
+    let TW;
+    return r[56] !== xW || r[57] !== wW ? (TW = (0, import_jsx_runtime.jsxs)(ContextMenu, {
       children: [
-        bW,
-        CW
+        xW,
+        wW
       ]
-    }), r[56] = bW, r[57] = CW, r[58] = wW) : wW = r[58], wW;
+    }), r[56] = xW, r[57] = wW, r[58] = TW) : TW = r[58], TW;
   }, 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);
@@ -37635,10 +37642,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", yW = w && !T && "opacity-35", bW = T && "opacity-95 shadow-lg", Z;
-    r[25] !== l || r[26] !== yW || r[27] !== bW || r[28] !== q ? (Z = cn("border-2 shrink-0 rounded-md relative select-none bg-background cursor-pointer active:cursor-grabbing overflow-hidden transition-colors", q, yW, bW, l), r[25] = l, r[26] = yW, r[27] = bW, r[28] = q, r[29] = Z) : Z = r[29];
-    let xW;
-    r[30] !== c || r[31] !== M || r[32] !== O || r[33] !== I || r[34] !== G || r[35] !== j ? (xW = 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", bW = w && !T && "opacity-35", xW = T && "opacity-95 shadow-lg", Z;
+    r[25] !== l || r[26] !== bW || r[27] !== xW || r[28] !== q ? (Z = cn("border-2 shrink-0 rounded-md relative select-none bg-background cursor-pointer active:cursor-grabbing overflow-hidden transition-colors", q, bW, xW, l), r[25] = l, r[26] = bW, r[27] = xW, r[28] = q, r[29] = Z) : Z = r[29];
+    let SW;
+    r[30] !== c || r[31] !== M || r[32] !== O || r[33] !== I || r[34] !== G || r[35] !== j ? (SW = 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})`,
@@ -37654,14 +37661,14 @@ ${c}
         output: c.output,
         stale: outputIsStale(c, false)
       })
-    }), r[30] = c, r[31] = M, r[32] = O, r[33] = I, r[34] = G, r[35] = j, r[36] = xW) : xW = r[36];
-    let SW;
-    r[37] === z ? SW = r[38] : (SW = 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] = SW) : SW = r[36];
+    let CW;
+    r[37] === z ? CW = r[38] : (CW = 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] = SW);
-    let CW;
-    r[39] !== z || r[40] !== R ? (CW = (R == null ? void 0 : R.Icon) && (0, import_jsx_runtime.jsx)(Tooltip, {
+    }), r[37] = z, r[38] = CW);
+    let wW;
+    r[39] !== z || r[40] !== R ? (wW = (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
@@ -37673,19 +37680,19 @@ ${c}
           className: "h-3.5 w-3.5"
         })
       })
-    }), r[39] = z, r[40] = R, r[41] = CW) : CW = r[41];
-    let wW;
-    return r[42] !== W || r[43] !== d || r[44] !== f || r[45] !== Z || r[46] !== xW || r[47] !== SW || r[48] !== CW ? (wW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[39] = z, r[40] = R, r[41] = wW) : wW = r[41];
+    let TW;
+    return r[42] !== W || r[43] !== d || r[44] !== f || r[45] !== Z || r[46] !== SW || r[47] !== CW || r[48] !== wW ? (TW = (0, import_jsx_runtime.jsxs)("div", {
       ref: f,
       className: Z,
       style: W,
       ...d,
       children: [
-        xW,
         SW,
-        CW
+        CW,
+        wW
       ]
-    }), r[42] = W, r[43] = d, r[44] = f, r[45] = Z, r[46] = xW, r[47] = SW, r[48] = CW, r[49] = wW) : wW = r[49], wW;
+    }), r[42] = W, r[43] = d, r[44] = f, r[45] = Z, r[46] = SW, r[47] = CW, r[48] = wW, r[49] = TW) : TW = r[49], TW;
   }, 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", {
@@ -37725,7 +37732,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-DW8FGG4C.js"));
+  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-CD1M60a6.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), [
@@ -38103,7 +38110,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, yW, Z, xW, SW, CW, wW;
+    let H, W, G, q, bW, Z, SW, CW, wW, 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);
@@ -38149,11 +38156,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", yW = c, Z = R, xW = 0;
-      let bW = y && "marimo-output-stale", TW2 = L ? "p-5" : "p-3";
-      r[40] !== M || r[41] !== bW || r[42] !== TW2 ? (SW = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", bW, TW2, M), r[40] = M, r[41] = bW, r[42] = TW2, r[43] = SW) : SW = r[43], r[44] === d ? CW = r[45] : (CW = 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", bW = c, Z = R, SW = 0;
+      let xW = y && "marimo-output-stale", EW2 = L ? "p-5" : "p-3";
+      r[40] !== M || r[41] !== xW || r[42] !== EW2 ? (CW = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", xW, EW2, M), r[40] = M, r[41] = xW, r[42] = EW2, r[43] = CW) : CW = r[43], r[44] === d ? wW = r[45] : (wW = d ? {
         maxHeight: "none"
-      } : void 0, r[44] = d, r[45] = CW), wW = e2.map((e3, r2) => {
+      } : void 0, r[44] = d, r[45] = wW), 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");
@@ -38182,36 +38189,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] = yW, r[25] = Z, r[26] = xW, r[27] = SW, r[28] = CW, r[29] = wW;
-    } else H = r[20], W = r[21], G = r[22], q = r[23], yW = r[24], Z = r[25], xW = r[26], SW = r[27], CW = r[28], wW = r[29];
-    let TW;
-    r[46] !== T || r[47] !== S ? (TW = (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] = bW, r[25] = Z, r[26] = SW, r[27] = CW, r[28] = wW, r[29] = TW;
+    } else H = r[20], W = r[21], G = r[22], q = r[23], bW = r[24], Z = r[25], SW = r[26], CW = r[27], wW = r[28], TW = r[29];
+    let EW;
+    r[46] !== T || r[47] !== S ? (EW = (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] = TW) : TW = r[48];
-    let EW;
-    r[49] !== TW || r[50] !== G || r[51] !== q || r[52] !== yW || r[53] !== Z || r[54] !== xW || r[55] !== SW || r[56] !== CW || r[57] !== wW ? (EW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[46] = T, r[47] = S, r[48] = EW) : EW = r[48];
+    let DW;
+    r[49] !== EW || r[50] !== G || r[51] !== q || r[52] !== bW || r[53] !== Z || r[54] !== SW || r[55] !== CW || r[56] !== wW || r[57] !== TW ? (DW = (0, import_jsx_runtime.jsxs)("div", {
       title: G,
       "data-testid": q,
-      ref: yW,
+      ref: bW,
       ...Z,
-      tabIndex: xW,
-      className: SW,
-      style: CW,
+      tabIndex: SW,
+      className: CW,
+      style: wW,
       children: [
-        wW,
-        TW
+        TW,
+        EW
       ]
-    }), r[49] = TW, r[50] = G, r[51] = q, r[52] = yW, r[53] = Z, r[54] = xW, r[55] = SW, r[56] = CW, r[57] = wW, r[58] = EW) : EW = r[58];
-    let DW;
-    return r[59] !== H || r[60] !== W || r[61] !== EW ? (DW = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[49] = EW, r[50] = G, r[51] = q, r[52] = bW, r[53] = Z, r[54] = SW, r[55] = CW, r[56] = wW, r[57] = TW, r[58] = DW) : DW = r[58];
+    let OW;
+    return r[59] !== H || r[60] !== W || r[61] !== DW ? (OW = (0, import_jsx_runtime.jsxs)("div", {
       className: H,
       children: [
         W,
-        EW
+        DW
       ]
-    }), r[59] = H, r[60] = W, r[61] = EW, r[62] = DW) : DW = r[62], DW;
+    }), r[59] = H, r[60] = W, r[61] = DW, r[62] = OW) : OW = r[62], OW;
   }, 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);
@@ -38695,23 +38702,23 @@ ${c}
     if ((h || _ || m || W) && !G) return null;
     let q;
     r[44] !== d || r[45] !== T ? (q = cellDomProps(d, T), r[44] = d, r[45] = T, r[46] = q) : q = r[46];
-    let yW = w === "edit", bW;
-    r[47] !== d || r[48] !== R || r[49] !== c || r[50] !== I || r[51] !== yW ? (bW = (0, import_jsx_runtime.jsx)(OutputArea, {
-      allowExpand: yW,
+    let bW = w === "edit", xW;
+    r[47] !== d || r[48] !== R || r[49] !== c || r[50] !== I || r[51] !== bW ? (xW = (0, import_jsx_runtime.jsx)(OutputArea, {
+      allowExpand: bW,
       output: c,
       className: CSSClasses.outputArea,
       cellId: d,
       stale: I,
       loading: R
-    }), r[47] = d, r[48] = R, r[49] = c, r[50] = I, r[51] = yW, r[52] = bW) : bW = r[52];
+    }), r[47] = d, r[48] = R, r[49] = c, r[50] = I, r[51] = bW, r[52] = xW) : xW = r[52];
     let Z;
-    return r[53] !== H || r[54] !== q || r[55] !== bW ? (Z = (0, import_jsx_runtime.jsx)("div", {
+    return r[53] !== H || r[54] !== q || r[55] !== xW ? (Z = (0, import_jsx_runtime.jsx)("div", {
       tabIndex: -1,
       ref: j,
       className: H,
       ...q,
-      children: bW
-    }), r[53] = H, r[54] = q, r[55] = bW, r[56] = Z) : Z = r[56], Z;
+      children: xW
+    }), r[53] = H, r[54] = q, r[55] = xW, r[56] = Z) : Z = r[56], Z;
   });
   VerticalCell.displayName = "VerticalCell";
   const VerticalLayoutPlugin = {