@marimo-team/islands 0.23.9-dev7 → 0.23.9-dev9

package/dist/main.js

@@ -26,7 +26,7 @@ import { $ as useCellActions, At as DeferredRequestRegistry, B as safeExtractSet
 import { __tla as __tla_1 } from "./chunk-5FQGJX7Z-BNjes6Yx.js";
 import { o as useSize, s as Root$2, u as createLucideIcon } from "./dist-C1BYNeCR.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-a6DaqW__.js";
-import { $ as TableHeader, A as CommandEmpty, At as LazyVegaEmbed, B as isCellAwareAtom, Bt as Funnel, C as prettifyRowCount, Ct as Tabs, D as Combobox, Dt as ChartErrorState, E as DateRangePicker, Et as TabsTrigger, F as ContextAwarePanelItem, Ft as EmotionCacheProvider, Gt as Code, H as slotsController, I as PANEL_TYPES, It as $fae977aafc393c5c$export$588937bcd60ade55, J as Provider$1, Jt as ChevronsLeft, Kt as ChevronsUpDown, L as contextAwarePanelOpen, Lt as $fae977aafc393c5c$export$6b862160d295c8e, M as CommandItem, Mt as RenderTextWithLinks, N as CommandList, Nt as Kbd, O as ComboboxItem, Ot as ChartInfoState, P as CommandSeparator, Pt as HtmlOutput, Q as TableHead, R as contextAwarePanelOwner, Rt as TextWrap, S as prettifyRowColumnCount, St as dateToLocalISOTime, T as DatePicker, Tt as TabsList, U as Toggle, Ut as Ellipsis, V as SlotNames, Vt as EyeOff, Wt as Download, X as TableBody, Xt as ChevronLeft, Y as Table, Yt as ChevronsDownUp, Z as TableCell, Zt as ArrowDownWideNarrow, _ as downloadBlob, _t as getMimeValues, at as ColumnChartContext, b as Progress, bt as dateToLocalISODate, c as Slide, ct as useIntersectionObserver, d as JsonOutput, dt as loadTableAndRawData, et as TableRow, f as OutputArea, ft as loadTableData, g as ADD_PRINTING_CLASS, gt as toFieldTypes, h as InstallPackageButton, ht as TOO_MANY_ROWS, it as renderCellValue, j as CommandInput, jt as useOverflowDetection, k as Command, kt as ChartLoadingState, l as RadioGroup, lt as usePrevious$1, m as DataTable, mt as SELECT_COLUMN_ID, n as marimoVersionAtom, nt as generateColumns, o as SLIDE_TYPE_OPTIONS_BY_VALUE, ot as ColumnChartSpecModel, p as OutputRenderer, pt as INDEX_COLUMN_NAME, q as Fill, qt as ChevronsRight, r as showCodeInRunModeAtom, rt as inferFieldTypes, st as DelayMount, t as useNotebookCodeAvailable, tt as NAMELESS_COLUMN_PREFIX, u as RadioGroupItem, ut as getPageIndexForRow, v as downloadByURL, vt as isNullishFilter, w as useInternalStateWithSync, wt as TabsContent, x as Filenames, xt as dateToLocalISODateTime, y as downloadHTMLAsImage, yt as Maps, z as contextAwarePanelType, zt as GripHorizontal, __tla as __tla_2 } from "./code-visibility-ydMmCkzY.js";
+import { $ as TableHead, A as Command, At as ChartLoadingState, B as contextAwarePanelType, Bt as GripHorizontal, C as prettifyRowColumnCount, Ct as dateToLocalISOTime, D as DateRangePicker, Dt as TabsTrigger, E as DatePicker, Et as TabsList, F as CommandSeparator, Ft as HtmlOutput, Gt as Download, H as SlotNames, Ht as EyeOff, I as ContextAwarePanelItem, It as EmotionCacheProvider, J as Fill, Jt as ChevronsRight, Kt as Code, L as PANEL_TYPES, Lt as $fae977aafc393c5c$export$588937bcd60ade55, M as CommandInput, Mt as useOverflowDetection, N as CommandItem, Nt as RenderTextWithLinks, O as Combobox, Ot as ChartErrorState, P as CommandList, Pt as Kbd, Q as TableCell, Qt as ArrowDownWideNarrow, R as contextAwarePanelOpen, Rt as $fae977aafc393c5c$export$6b862160d295c8e, S as downloadSizeLimitAtom, St as dateToLocalISODateTime, T as useInternalStateWithSync, Tt as TabsContent, U as slotsController, V as isCellAwareAtom, Vt as Funnel, W as Toggle, Wt as Ellipsis, X as Table, Xt as ChevronsDownUp, Y as Provider$1, Yt as ChevronsLeft, Z as TableBody, Zt as ChevronLeft, _ as downloadBlob, _t as toFieldTypes, at as renderCellValue, b as Progress, bt as Maps, c as Slide, ct as DelayMount, d as JsonOutput, dt as getPageIndexForRow, et as TableHeader, f as OutputArea, ft as loadTableAndRawData, g as ADD_PRINTING_CLASS, gt as TOO_MANY_ROWS, h as InstallPackageButton, ht as SELECT_COLUMN_ID, it as inferFieldTypes, j as CommandEmpty, jt as LazyVegaEmbed, k as ComboboxItem, kt as ChartInfoState, l as RadioGroup, lt as useIntersectionObserver, m as DataTable, mt as INDEX_COLUMN_NAME, n as marimoVersionAtom, nt as NAMELESS_COLUMN_PREFIX, o as SLIDE_TYPE_OPTIONS_BY_VALUE, ot as ColumnChartContext, p as OutputRenderer, pt as loadTableData, qt as ChevronsUpDown, r as showCodeInRunModeAtom, rt as generateColumns, st as ColumnChartSpecModel, t as useNotebookCodeAvailable, tt as TableRow, u as RadioGroupItem, ut as usePrevious$1, v as downloadByURL, vt as getMimeValues, w as prettifyRowCount, wt as Tabs, x as Filenames, xt as dateToLocalISODate, y as downloadHTMLAsImage, yt as isNullishFilter, z as contextAwarePanelOwner, zt as TextWrap, __tla as __tla_2 } from "./code-visibility-DgHF4q8X.js";
 import { c as Calendar, i as createReducerAndAtoms, n as useOnUnmount, o as ToggleLeft, t as useOnMount } from "./useLifecycle-BNaoJ5a4.js";
 import { t as Check } from "./check-DTbrK0zt.js";
 import { A as Trigger$1, C as $a916eb452884faea$export$b7a616150fdb9f44, E as $18f2051aff69b9bf$export$a54013f0d02a8f82, F as X, L as ChevronDown, M as usePrevious$2, N as useDirection, P as createCollection, S as logNever, T as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, a as SelectGroup, c as SelectSeparator, d as NativeSelect, i as SelectContent, j as clamp$2, k as Icon, l as SelectTrigger, n as capitalize, o as SelectItem, r as Select, s as SelectLabel, t as Strings, u as SelectValue, x as assertNever } from "./strings-Bu3vlb6W.js";
@@ -6712,7 +6712,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)) : UU(e2, l2), f.mount && w();
+        isUndefined(l2) || p2 && p2.defaultChecked || r2 ? set(d, e2, r2 ? l2 : getFieldValue(m2._f)) : WU(e2, l2), f.mount && w();
       }
     }, I = (e2, d2, f2, p2, m2) => {
       let h2 = false, v2 = false, y2 = {
@@ -6788,11 +6788,11 @@ let __tla = Promise.all([
         r2 && (r2._f.refs ? r2._f.refs.every((e3) => !live(e3)) : !live(r2._f.ref)) && $U(e2);
       }
       p.unMount = /* @__PURE__ */ new Set();
-    }, W = (e2, c2) => !r.disabled && (e2 && c2 && set(d, e2, c2), !deepEqual(JU(), u)), G = (e2, r2, c2) => generateWatchOutput(e2, p, {
+    }, W = (e2, c2) => !r.disabled && (e2 && c2 && set(d, e2, c2), !deepEqual(JU(), u)), UU = (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, []) : [])), UU = (e2, r2, c2 = {}) => {
+    }, c2, r2), G = (e2) => compact$1(get(f.mount ? d : u, e2, r.shouldUnregister ? get(u, e2, []) : [])), WU = (e2, r2, c2 = {}) => {
       let u2 = get(l, e2), f2 = r2;
       if (u2) {
         let c3 = u2._f;
@@ -6806,10 +6806,10 @@ let __tla = Promise.all([
         })));
       }
       (c2.shouldDirty || c2.shouldTouch) && I(e2, f2, c2.shouldTouch, c2.shouldDirty, true), c2.shouldValidate && qU(e2);
-    }, WU = (e2, r2, c2) => {
+    }, q = (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) ? WU(f2, d2, c2) : UU(f2, d2, c2);
+        (p.array.has(e2) || isObject$1(d2) || m2 && !m2._f) && !isDateObject(d2) ? q(f2, d2, c2) : WU(f2, d2, c2);
       }
     }, Z = (e2, r2, m2 = {}) => {
       let h2 = get(l, e2), v2 = p.array.has(e2), y2 = cloneObject(r2);
@@ -6822,7 +6822,7 @@ let __tla = Promise.all([
         name: e2,
         dirtyFields: getDirtyFields(u, d),
         isDirty: W(e2, y2)
-      })) : h2 && !h2._f && !isNullOrUndefined(y2) ? WU(e2, y2, m2) : UU(e2, y2, m2), isWatched(e2, p) && _.state.next({
+      })) : h2 && !h2._f && !isNullOrUndefined(y2) ? q(e2, y2, m2) : WU(e2, y2, m2), isWatched(e2, p) && _.state.next({
         ...c
       }), _.values.next({
         name: f.mount ? e2 : void 0,
@@ -6838,16 +6838,16 @@ let __tla = Promise.all([
       if (E2) {
         let u3, f2, M2 = O2(), z2 = e2.type === EVENTS.BLUR || e2.type === EVENTS.FOCUS_OUT, H2 = !hasValidation(E2._f) && !r.resolver && !get(c.errors, h2) && !E2._f.deps || skipValidation(z2, get(c.touchedFields, h2), c.isSubmitted, y, v), W2 = isWatched(h2, p, z2);
         set(d, h2, M2), z2 ? (E2._f.onBlur && E2._f.onBlur(e2), m && m(0)) : E2._f.onChange && E2._f.onChange(e2);
-        let G2 = I(h2, M2, z2, false), q2 = !isEmptyObject(G2) || W2;
+        let UU2 = I(h2, M2, z2, false), G2 = !isEmptyObject(UU2) || W2;
         if (!z2 && _.values.next({
           name: h2,
           type: e2.type,
           values: {
             ...d
           }
-        }), H2) return g.isValid && (r.mode === "onBlur" && z2 ? w() : z2 || w()), q2 && _.state.next({
+        }), H2) return g.isValid && (r.mode === "onBlur" && z2 ? w() : z2 || w()), G2 && _.state.next({
           name: h2,
-          ...W2 ? {} : G2
+          ...W2 ? {} : UU2
         });
         if (!z2 && W2 && _.state.next({
           ...c
@@ -6864,7 +6864,7 @@ 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 && qU(E2._f.deps), L(h2, f2, u3, G2));
+        S2 && (E2._f.deps && qU(E2._f.deps), L(h2, f2, u3, UU2));
       }
     }, KU = (e2, r2) => {
       if (get(c.errors, r2) && e2.focus) return e2.focus(), 1;
@@ -6917,8 +6917,8 @@ let __tla = Promise.all([
         isValid: false
       }), u2 && u2.shouldFocus && d2 && d2.focus && d2.focus();
     }, QU = (e2, r2) => isFunction$1(e2) ? _.values.subscribe({
-      next: (c2) => e2(G(void 0, r2), c2)
-    }) : G(e2, r2, true), $U = (e2, f2 = {}) => {
+      next: (c2) => e2(UU(void 0, r2), c2)
+    }) : UU(e2, r2, true), $U = (e2, f2 = {}) => {
       for (let m2 of e2 ? convertToArrayPayload(e2) : p.mount) p.mount.delete(m2), p.array.delete(m2), f2.keepValue || (unset(l, m2), unset(d, m2)), !f2.keepError && unset(c.errors, m2), !f2.keepDirty && unset(c.dirtyFields, m2), !f2.keepTouched && unset(c.touchedFields, m2), !f2.keepIsValidating && unset(c.validatingFields, m2), !r.shouldUnregister && !f2.keepDefaultValue && unset(u, m2);
       _.values.next({
         values: {
@@ -7098,13 +7098,13 @@ let __tla = Promise.all([
         handleSubmit: iW,
         setError: ZU,
         _executeSchema: R,
-        _getWatch: G,
+        _getWatch: UU,
         _getDirty: W,
         _updateValid: w,
         _removeUnmounted: H,
         _updateFieldArray: E,
         _updateDisabledField: eW,
-        _getFieldArray: q,
+        _getFieldArray: G,
         _reset: oW,
         _resetDefaultValues: () => isFunction$1(r.defaultValues) && r.defaultValues().then((e2) => {
           sW(e2, r.resetOptions), _.state.next({
@@ -9427,8 +9427,8 @@ ${c}
     return (() => (r || (r = true, c = e()), c));
   }
   var Jo = Xn(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.test(navigator.userAgent)), Jn = K(([{ data: e, defaultItemSize: r, firstItemIndex: c, fixedItemSize: l, fixedGroupSize: u, gap: d, groupIndices: f, heightEstimates: p, itemSize: m, sizeRanges: h, sizes: g, statefulTotalCount: _, totalCount: v, trackItemSizes: y }, { initialItemFinalLocationReached: b, initialTopMostItemIndex: S, scrolledToInitialItem: w }, T, E, O, j, { scrollToIndex: M }, I, { topItemCount: L }, { groupCounts: R }, z]) => {
-    let { listState: B, minOverscanItemCount: H, topItemsIndexes: W, rangeChanged: G, ...q } = j;
-    return F(G, z.scrollSeekRangeChanged), F(x(z.windowViewportRect, k((e2) => e2.visibleHeight)), T.viewportHeight), {
+    let { listState: B, minOverscanItemCount: H, topItemsIndexes: W, rangeChanged: UU, ...G } = j;
+    return F(UU, z.scrollSeekRangeChanged), F(x(z.windowViewportRect, k((e2) => e2.visibleHeight)), T.viewportHeight), {
       data: e,
       defaultItemHeight: r,
       firstItemIndex: c,
@@ -9452,8 +9452,8 @@ ${c}
       scrollToIndex: M,
       statefulTotalCount: _,
       trackItemSizes: y,
-      rangeChanged: G,
-      ...q,
+      rangeChanged: UU,
+      ...G,
       ...z,
       ...T,
       sizes: g,
@@ -9740,7 +9740,7 @@ ${c}
     tn("deviation", (e2) => {
       T !== e2 && E(e2);
     });
-    let O = A("EmptyPlaceholder"), j = A("ScrollSeekPlaceholder") || sr, M = A("ListComponent"), I = A("ItemComponent"), L = A("GroupComponent"), R = A("computeItemKey"), z = A("isSeeking"), B = A("groupIndices").length > 0, H = A("alignToBottom"), W = A("initialItemFinalLocationReached"), G = e ? {} : {
+    let O = A("EmptyPlaceholder"), j = A("ScrollSeekPlaceholder") || sr, M = A("ListComponent"), I = A("ItemComponent"), L = A("GroupComponent"), R = A("computeItemKey"), z = A("isSeeking"), B = A("groupIndices").length > 0, H = A("alignToBottom"), W = A("initialItemFinalLocationReached"), UU = e ? {} : {
       boxSizing: "border-box",
       ...S ? {
         display: "inline-block",
@@ -9764,7 +9764,7 @@ ${c}
       ...Q(M, h),
       "data-testid": e ? "virtuoso-top-item-list" : "virtuoso-item-list",
       ref: w,
-      style: G,
+      style: UU,
       children: (e ? r.topItems : r.items).map((e2) => {
         let c2 = e2.originalIndex, l2 = R(c2 + r.firstItemIndex, e2.data, h);
         return z ? (0, import_react.createElement)(j, {
@@ -10338,10 +10338,10 @@ ${c}
     }), B = C({
       height: 0,
       width: 0
-    }), H = U(), W = U(), G = C(0), q = C(null), UU = C({
+    }), H = U(), W = U(), UU = C(0), G = C(null), WU = C({
       column: 0,
       row: 0
-    }), WU = U(), Z = U(), GU = C(false), KU = C(0), qU = C(true), JU = C(false), YU = C(false);
+    }), q = U(), Z = U(), GU = C(false), KU = C(0), qU = C(true), JU = C(false), YU = C(false);
     Y(x(b, $(KU), P(([e2, r2]) => !!r2)), () => {
       D(qU, false);
     }), Y(x(ut(b, qU, B, z, KU, JU), P(([e2, r2, c2, l2, , u2]) => e2 && !r2 && c2.height !== 0 && l2.height !== 0 && !u2)), ([, , , , e2]) => {
@@ -10354,17 +10354,17 @@ ${c}
         ]), D(qU, 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(UU, e2.gap), e2.scrollTop > 0 && (D(GU, true), Et(x(h, Kt(1)), (e3) => {
+      e2 && (D(z, e2.viewport), D(B, e2.item), D(WU, e2.gap), e2.scrollTop > 0 && (D(GU, true), Et(x(h, Kt(1)), (e3) => {
         D(GU, false);
       }), D(m, {
         top: e2.scrollTop
       })));
-    }), F(x(z, k(({ height: e2 }) => e2)), _), F(x(ut(V(z, xe), V(B, xe), V(UU, (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(WU, (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
-    }))), WU), F(x(ut(V(I), l, V(UU, Or), V(B, xe), V(z, xe), V(q), V(L), V(GU), V(qU), V(KU)), P(([, , , , , , , e2]) => !e2), k(([e2, [r2, c2], l2, u2, d2, f2, p2, , m2, h2]) => {
+    }))), q), F(x(ut(V(I), l, V(WU, Or), V(B, xe), V(z, xe), V(G), V(L), V(GU), V(qU), V(KU)), P(([, , , , , , , e2]) => !e2), k(([e2, [r2, c2], l2, u2, d2, f2, p2, , m2, h2]) => {
       let { column: g2, row: _2 } = l2, { height: v2, width: y2 } = u2, { width: b2 } = d2;
       if (p2 === 0 && (e2 === 0 || b2 === 0)) return bn;
       if (y2 === 0) {
@@ -10383,7 +10383,7 @@ ${c}
         offsetTop: j2,
         top: j2
       };
-    })), R), F(x(q, P((e2) => e2 !== null), k((e2) => e2.length)), I), F(x(ut(z, B, R, UU), P(([e2, r2, { items: c2 }]) => c2.length > 0 && r2.height !== 0 && e2.height !== 0), k(([e2, r2, { items: c2 }, l2]) => {
+    })), R), F(x(G, P((e2) => e2 !== null), k((e2) => e2.length)), I), F(x(ut(z, B, R, WU), 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,
@@ -10399,7 +10399,7 @@ ${c}
       endIndex: e2[e2.length - 1].index,
       startIndex: e2[0].index
     })), J(An), Gt(0)));
-    F($U, y.scrollSeekRangeChanged), F(x(H, $(z, B, I, UU), k(([e2, r2, c2, l2, u2]) => {
+    F($U, y.scrollSeekRangeChanged), F(x(H, $(z, B, I, WU), 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);
@@ -10414,10 +10414,10 @@ ${c}
       width: e2.visibleWidth
     }))), z), {
       customScrollParent: w,
-      data: q,
-      deviation: G,
+      data: G,
+      deviation: UU,
       footerHeight: u,
-      gap: UU,
+      gap: WU,
       headerHeight: d,
       increaseViewportBy: e,
       initialItemCount: L,
@@ -10447,7 +10447,7 @@ ${c}
       propsReady: S,
       rangeChanged: $U,
       startReached: QU,
-      stateChanged: WU,
+      stateChanged: q,
       stateRestoreInProgress: GU,
       ...M
     };
@@ -10893,15 +10893,15 @@ ${c}
       value: u,
       readOnly: true
     }), r[29] = u, r[30] = m, r[31] = R, r[32] = z, r[33] = B, r[34] = H, r[35] = W) : W = r[35];
-    let G;
-    return r[36] !== W || r[37] !== T || r[38] !== E || r[39] !== I ? (G = (0, import_jsx_runtime.jsxs)("div", {
+    let UU;
+    return r[36] !== W || r[37] !== T || r[38] !== E || r[39] !== I ? (UU = (0, import_jsx_runtime.jsxs)("div", {
       className: T,
       children: [
         E,
         I,
         W
       ]
-    }), r[36] = W, r[37] = T, r[38] = E, r[39] = I, r[40] = G) : G = r[40], G;
+    }), r[36] = W, r[37] = T, r[38] = E, r[39] = I, r[40] = UU) : UU = r[40], UU;
   });
   ReadonlyCode.displayName = "ReadonlyCode";
   var CopyButton = (e) => {
@@ -13710,43 +13710,43 @@ ${c}
     r[17] === E ? B = r[18] : (B = () => E(PANEL_TYPES.ROW_VIEWER), r[17] = E, r[18] = B);
     let H = R === PANEL_TYPES.ROW_VIEWER ? activeClassName : inactiveClassName, W;
     r[19] === H ? W = r[20] : (W = cn(tabTriggerClassName, H), r[19] = H, r[20] = W);
-    let G;
-    r[21] !== B || r[22] !== W ? (G = (0, import_jsx_runtime.jsx)(Button, {
+    let UU;
+    r[21] !== B || r[22] !== W ? (UU = (0, import_jsx_runtime.jsx)(Button, {
       variant: "text",
       size: "xs",
       onClick: B,
       className: W,
       children: "Rows"
-    }), r[21] = B, r[22] = W, r[23] = G) : G = r[23];
-    let q;
-    r[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (q = (0, import_jsx_runtime.jsx)("span", {
+    }), r[21] = B, r[22] = W, r[23] = UU) : UU = r[23];
+    let G;
+    r[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = (0, import_jsx_runtime.jsx)("span", {
       className: "text-muted-foreground text-xs",
       children: "|"
-    }), r[24] = q) : q = r[24];
-    let UU;
-    r[25] === E ? UU = r[26] : (UU = () => E(PANEL_TYPES.COLUMN_EXPLORER), r[25] = E, r[26] = UU);
-    let WU = R === PANEL_TYPES.COLUMN_EXPLORER ? activeClassName : inactiveClassName, Z;
-    r[27] === WU ? Z = r[28] : (Z = cn(tabTriggerClassName, WU), r[27] = WU, r[28] = Z);
+    }), r[24] = G) : G = r[24];
+    let WU;
+    r[25] === E ? WU = r[26] : (WU = () => E(PANEL_TYPES.COLUMN_EXPLORER), r[25] = E, r[26] = WU);
+    let q = R === PANEL_TYPES.COLUMN_EXPLORER ? activeClassName : inactiveClassName, Z;
+    r[27] === q ? Z = r[28] : (Z = cn(tabTriggerClassName, q), r[27] = q, r[28] = Z);
     let GU;
-    r[29] !== Z || r[30] !== UU ? (GU = (0, import_jsx_runtime.jsx)(Button, {
+    r[29] !== Z || r[30] !== WU ? (GU = (0, import_jsx_runtime.jsx)(Button, {
       variant: "text",
       size: "xs",
-      onClick: UU,
+      onClick: WU,
       className: Z,
       children: "Columns"
-    }), r[29] = Z, r[30] = UU, r[31] = GU) : GU = r[31];
+    }), r[29] = Z, r[30] = WU, r[31] = GU) : GU = r[31];
     let KU;
-    r[32] !== GU || r[33] !== G ? (KU = (0, import_jsx_runtime.jsx)(Fill, {
+    r[32] !== GU || r[33] !== UU ? (KU = (0, import_jsx_runtime.jsx)(Fill, {
       name: SlotNames.CONTEXT_AWARE_PANEL_HEADER,
       children: (0, import_jsx_runtime.jsxs)("div", {
         className: "flex items-center gap-1",
         children: [
+          UU,
           G,
-          q,
           GU
         ]
       })
-    }), r[32] = GU, r[33] = G, r[34] = KU) : KU = r[34];
+    }), r[32] = GU, r[33] = UU, r[34] = KU) : KU = r[34];
     let qU;
     r[35] === M ? qU = r[36] : (qU = (0, import_jsx_runtime.jsx)(TabsContent, {
       value: PANEL_TYPES.ROW_VIEWER,
@@ -14276,7 +14276,6 @@ ${c}
     headerTooltip: record(string(), string()).optional(),
     fieldTypes: columnToFieldTypesSchema.nullish(),
     totalColumns: number(),
-    sizeBytes: number().nullish(),
     maxColumns: union([
       number(),
       literal("all")
@@ -14325,8 +14324,7 @@ ${c}
       raw_data: union([
         string(),
         array(looseObject({}))
-      ]).nullish(),
-      size_bytes: number().nullish()
+      ]).nullish()
     })),
     get_row_ids: rpc.input(object({}).passthrough()).output(object({
       row_ids: array(number()),
@@ -14361,6 +14359,9 @@ ${c}
       error: string().nullable(),
       missing_packages: array(string()).nullable(),
       stats: columnStats.nullable()
+    })),
+    get_size_bytes: rpc.input(object({})).output(object({
+      size_bytes: number().nullish()
     }))
   }).renderer((e) => (0, import_jsx_runtime.jsx)(TableProviders, {
     children: (0, import_jsx_runtime.jsx)(LazyDataTableComponent, {
@@ -14420,7 +14421,7 @@ ${c}
     return l;
   };
   const LoadingDataTableComponent = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$58.c)(107), c;
+    let r = (0, import_compiler_runtime$58.c)(118), c;
     r[0] === e.host ? c = r[1] : (c = findCellId(e.host), r[0] = e.host, r[1] = c);
     let l = c, u = e.search, f = e.setValue, p;
     r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = [], r[2] = p) : p = r[2];
@@ -14455,36 +14456,35 @@ ${c}
       e.pageSize
     ], r[18] = e.pageSize, r[19] = L, r[20] = R), (0, import_react.useEffect)(L, R);
     let z;
-    r[21] !== w || r[22] !== _.pageIndex || r[23] !== _.pageSize || r[24] !== e.cellHoverTexts || r[25] !== e.cellStyles || r[26] !== e.data || r[27] !== e.lazy || r[28] !== e.pageSize || r[29] !== e.rawData || r[30] !== e.sizeBytes || r[31] !== e.totalRows || r[32] !== u || r[33] !== y || r[34] !== m ? (z = async () => {
+    r[21] !== w || r[22] !== _.pageIndex || r[23] !== _.pageSize || r[24] !== e.cellHoverTexts || r[25] !== e.cellStyles || r[26] !== e.data || r[27] !== e.lazy || r[28] !== e.pageSize || r[29] !== e.rawData || r[30] !== e.totalRows || r[31] !== u || r[32] !== y || r[33] !== m ? (z = async () => {
       if (e.totalRows === 0) return {
         rows: Arrays.EMPTY,
         totalRows: 0,
         cellStyles: {}
       };
-      let r2 = e.data, c2 = e.rawData, l2 = e.totalRows, d = e.sizeBytes ?? null, f2 = e.cellStyles, p2 = e.cellHoverTexts, h2 = _.pageSize !== e.pageSize, g2 = y === "" && _.pageIndex === 0 && w.length === 0 && m.length === 0 && !e.lazy && !h2, v2 = u({
+      let r2 = e.data, c2 = e.rawData, l2 = e.totalRows, d = e.cellStyles, f2 = e.cellHoverTexts, p2 = _.pageSize !== e.pageSize, h2 = y === "" && _.pageIndex === 0 && w.length === 0 && m.length === 0 && !e.lazy && !p2, g2 = u({
         sort: m.length > 0 ? m.map(_temp$17) : void 0,
         query: y,
         page_number: _.pageIndex,
         page_size: _.pageSize,
         filters: filtersToFilterGroup(w)
       });
-      if (g2) v2.catch(_temp2$11);
+      if (h2) g2.catch(_temp2$11);
       else {
-        let e2 = await v2;
-        r2 = e2.data, c2 = e2.raw_data, l2 = e2.total_rows, d = e2.size_bytes ?? null, f2 = e2.cell_styles || {}, p2 = e2.cell_hover_texts || {};
+        let e2 = await g2;
+        r2 = e2.data, c2 = e2.raw_data, l2 = e2.total_rows, d = e2.cell_styles || {}, f2 = e2.cell_hover_texts || {};
       }
-      let [b2, S2] = await loadTableAndRawData(r2, c2);
-      return r2 = b2, {
+      let [v2, b2] = await loadTableAndRawData(r2, c2);
+      return r2 = v2, {
         rows: r2,
-        rawRows: S2,
+        rawRows: b2,
         totalRows: l2,
-        sizeBytes: d,
-        cellStyles: f2,
-        cellHoverTexts: p2
+        cellStyles: d,
+        cellHoverTexts: f2
       };
-    }, r[21] = w, r[22] = _.pageIndex, r[23] = _.pageSize, r[24] = e.cellHoverTexts, r[25] = e.cellStyles, r[26] = e.data, r[27] = e.lazy, r[28] = e.pageSize, r[29] = e.rawData, r[30] = e.sizeBytes, r[31] = e.totalRows, r[32] = u, r[33] = y, r[34] = m, r[35] = z) : z = r[35];
+    }, r[21] = w, r[22] = _.pageIndex, r[23] = _.pageSize, r[24] = e.cellHoverTexts, r[25] = e.cellStyles, r[26] = e.data, r[27] = e.lazy, r[28] = e.pageSize, r[29] = e.rawData, r[30] = e.totalRows, r[31] = u, r[32] = y, r[33] = m, r[34] = z) : z = r[34];
     let B = useDeepCompareMemoize(e.fieldTypes), H;
-    r[36] !== w || r[37] !== _.pageIndex || r[38] !== _.pageSize || r[39] !== e.cellHoverTexts || r[40] !== e.cellStyles || r[41] !== e.data || r[42] !== e.lazy || r[43] !== e.sizeBytes || r[44] !== e.totalRows || r[45] !== u || r[46] !== y || r[47] !== m || r[48] !== B ? (H = [
+    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 ? (H = [
       m,
       u,
       w,
@@ -14492,15 +14492,27 @@ ${c}
       B,
       e.data,
       e.totalRows,
-      e.sizeBytes,
       e.lazy,
       e.cellHoverTexts,
       e.cellStyles,
       _.pageSize,
       _.pageIndex
-    ], r[36] = w, r[37] = _.pageIndex, r[38] = _.pageSize, r[39] = e.cellHoverTexts, r[40] = e.cellStyles, r[41] = e.data, r[42] = e.lazy, r[43] = e.sizeBytes, r[44] = e.totalRows, r[45] = u, r[46] = y, r[47] = m, r[48] = B, r[49] = H) : H = r[49];
-    let { data: W, error: G, isPending: q, isFetching: UU } = useAsyncData(z, H), WU;
-    r[50] !== w || r[51] !== u || r[52] !== y || r[53] !== m ? (WU = async (e2) => ({
+    ], 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: UU, isPending: G, isFetching: WU } = useAsyncData(z, H), q = useAtomValue(downloadSizeLimitAtom), Z;
+    r[48] !== q || r[49] !== e ? (Z = async () => !q || !e.showDownload || e.lazy || e.totalRows === 0 ? null : (await e.get_size_bytes({})).size_bytes ?? null, r[48] = q, r[49] = e, r[50] = Z) : Z = r[50];
+    let GU = e.showDownload, KU = e.get_size_bytes, qU = e.lazy, JU = e.totalRows, YU = useDeepCompareMemoize(w), XU = useDeepCompareMemoize(m), ZU;
+    r[51] !== q || r[52] !== e.get_size_bytes || r[53] !== e.lazy || r[54] !== e.showDownload || r[55] !== e.totalRows || r[56] !== y || r[57] !== YU || r[58] !== XU ? (ZU = [
+      q,
+      GU,
+      KU,
+      qU,
+      JU,
+      y,
+      YU,
+      XU
+    ], r[51] = q, r[52] = e.get_size_bytes, r[53] = e.lazy, r[54] = e.showDownload, r[55] = e.totalRows, r[56] = y, r[57] = YU, r[58] = XU, r[59] = ZU) : ZU = r[59];
+    let { data: QU, isPending: $U } = useAsyncData(Z, ZU), eW = QU ?? null, tW = !!q && e.showDownload && $U, nW;
+    r[60] !== w || r[61] !== u || r[62] !== y || r[63] !== m ? (nW = async (e2) => ({
       rows: await loadTableData((await u({
         page_number: e2,
         page_size: 1,
@@ -14509,51 +14521,51 @@ ${c}
         filters: filtersToFilterGroup(w),
         max_columns: null
       })).data)
-    }), r[50] = w, r[51] = u, r[52] = y, r[53] = m, r[54] = WU) : WU = r[54];
-    let Z = WU, GU;
-    r[55] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (GU = () => {
+    }), r[60] = w, r[61] = u, r[62] = y, r[63] = m, r[64] = nW) : nW = r[64];
+    let rW = nW, iW;
+    r[65] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (iW = () => {
       v(_temp4$4);
-    }, r[55] = GU) : GU = r[55];
-    let KU = W == null ? void 0 : W.totalRows, qU;
-    r[56] === KU ? qU = r[57] : (qU = [
-      KU
-    ], r[56] = KU, r[57] = qU), (0, import_react.useEffect)(GU, qU);
-    let JU;
-    r[58] === e ? JU = r[59] : (JU = async () => e.totalRows === 0 || !e.showColumnSummaries ? {
+    }, r[65] = iW) : iW = r[65];
+    let aW = W == null ? void 0 : W.totalRows, oW;
+    r[66] === aW ? oW = r[67] : (oW = [
+      aW
+    ], r[66] = aW, r[67] = oW), (0, import_react.useEffect)(iW, oW);
+    let sW;
+    r[68] === e ? sW = r[69] : (sW = async () => e.totalRows === 0 || !e.showColumnSummaries ? {
       data: null,
       stats: {},
       bin_values: {},
       value_counts: {},
       show_charts: false
-    } : e.get_column_summaries({}), r[58] = e, r[59] = JU);
-    let YU;
-    r[60] !== w || r[61] !== e.data || r[62] !== e.get_column_summaries || r[63] !== e.showColumnSummaries || r[64] !== e.totalRows || r[65] !== y ? (YU = [
+    } : e.get_column_summaries({}), r[68] = e, r[69] = sW);
+    let cW;
+    r[70] !== w || r[71] !== e.data || r[72] !== e.get_column_summaries || r[73] !== e.showColumnSummaries || r[74] !== e.totalRows || r[75] !== y ? (cW = [
       e.get_column_summaries,
       e.showColumnSummaries,
       w,
       y,
       e.totalRows,
       e.data
-    ], r[60] = w, r[61] = e.data, r[62] = e.get_column_summaries, r[63] = e.showColumnSummaries, r[64] = e.totalRows, r[65] = y, r[66] = YU) : YU = r[66];
-    let { data: XU, error: ZU } = useAsyncData(JU, YU), QU, $U;
-    if (r[67] === ZU ? (QU = r[68], $U = r[69]) : (QU = () => {
-      ZU && Logger.error(ZU);
-    }, $U = [
-      ZU
-    ], r[67] = ZU, r[68] = QU, r[69] = $U), (0, import_react.useEffect)(QU, $U), q) {
+    ], r[70] = w, r[71] = e.data, r[72] = e.get_column_summaries, r[73] = e.showColumnSummaries, r[74] = e.totalRows, r[75] = y, r[76] = cW) : cW = r[76];
+    let { data: lW, error: uW } = useAsyncData(sW, cW), dW, fW;
+    if (r[77] === uW ? (dW = r[78], fW = r[79]) : (dW = () => {
+      uW && Logger.error(uW);
+    }, fW = [
+      uW
+    ], r[77] = uW, r[78] = dW, r[79] = fW), (0, import_react.useEffect)(dW, fW), G) {
       let c2 = e.totalRows !== "too_many" && e.totalRows > 0 ? Math.min(e.totalRows, e.pageSize) : e.pageSize, l2;
-      return r[70] === c2 ? l2 = r[71] : (l2 = (0, import_jsx_runtime.jsx)(DelayMount, {
+      return r[80] === c2 ? l2 = r[81] : (l2 = (0, import_jsx_runtime.jsx)(DelayMount, {
         milliseconds: 200,
         children: (0, import_jsx_runtime.jsx)(LoadingTable, {
           pageSize: c2
         })
-      }), r[70] = c2, r[71] = l2), l2;
+      }), r[80] = c2, r[81] = l2), l2;
     }
-    let eW = null;
-    if (G) {
-      Logger.error(G);
+    let pW = null;
+    if (UU) {
+      Logger.error(UU);
       let e2;
-      r[72] === G ? e2 = r[73] : (e2 = !isStaticNotebook() && (0, import_jsx_runtime.jsxs)(Alert, {
+      r[82] === UU ? e2 = r[83] : (e2 = !isStaticNotebook() && (0, import_jsx_runtime.jsxs)(Alert, {
         variant: "destructive",
         className: "mb-2",
         children: [
@@ -14562,78 +14574,79 @@ ${c}
           }),
           (0, import_jsx_runtime.jsx)("div", {
             className: "text-md",
-            children: G.message || "An unknown error occurred"
+            children: UU.message || "An unknown error occurred"
           })
         ]
-      }), r[72] = G, r[73] = e2), eW = e2;
+      }), r[82] = UU, r[83] = e2), pW = e2;
     }
-    let tW;
-    r[74] === O ? tW = r[75] : (tW = () => {
+    let mW;
+    r[84] === O ? mW = r[85] : (mW = () => {
       j(!O);
-    }, r[74] = O, r[75] = tW);
-    let nW = tW, rW = (W == null ? void 0 : W.rows) ?? Arrays.EMPTY, iW = W == null ? void 0 : W.rawRows, aW = UU && !q, oW = (W == null ? void 0 : W.totalRows) ?? e.totalRows, sW = (W == null ? void 0 : W.sizeBytes) ?? e.sizeBytes ?? null, cW = (W == null ? void 0 : W.cellStyles) ?? e.cellStyles, lW = (W == null ? void 0 : W.cellHoverTexts) ?? e.cellHoverTexts, uW;
-    r[76] !== l || r[77] !== XU || r[78] !== O || r[79] !== w || r[80] !== Z || r[81] !== _ || r[82] !== e || r[83] !== y || r[84] !== m || r[85] !== rW || r[86] !== iW || r[87] !== aW || r[88] !== oW || r[89] !== sW || r[90] !== cW || r[91] !== lW || r[92] !== nW ? (uW = (0, import_jsx_runtime.jsx)(DataTableComponent, {
+    }, r[84] = O, r[85] = mW);
+    let hW = mW, gW = (W == null ? void 0 : W.rows) ?? Arrays.EMPTY, _W = W == null ? void 0 : W.rawRows, vW = WU && !G, yW = (W == null ? void 0 : W.totalRows) ?? e.totalRows, bW = (W == null ? void 0 : W.cellStyles) ?? e.cellStyles, xW = (W == null ? void 0 : W.cellHoverTexts) ?? e.cellHoverTexts, SW;
+    r[86] !== l || r[87] !== lW || r[88] !== O || r[89] !== w || r[90] !== rW || r[91] !== _ || r[92] !== e || r[93] !== y || r[94] !== eW || r[95] !== tW || r[96] !== m || r[97] !== gW || r[98] !== _W || r[99] !== vW || r[100] !== yW || r[101] !== bW || r[102] !== xW || r[103] !== hW ? (SW = (0, import_jsx_runtime.jsx)(DataTableComponent, {
       ...e,
-      data: rW,
-      rawData: iW,
-      columnSummaries: XU,
+      data: gW,
+      rawData: _W,
+      columnSummaries: lW,
       sorting: m,
       setSorting: h,
       searchQuery: y,
       setSearchQuery: b,
       filters: w,
       setFilters: T,
-      reloading: aW,
-      totalRows: oW,
-      sizeBytes: sW,
+      reloading: vW,
+      totalRows: yW,
+      sizeBytes: eW,
+      sizeBytesIsLoading: tW,
       paginationState: _,
       setPaginationState: v,
-      cellStyles: cW,
-      cellHoverTexts: lW,
-      toggleDisplayHeader: nW,
+      cellStyles: bW,
+      cellHoverTexts: xW,
+      toggleDisplayHeader: hW,
       isChartBuilderOpen: O,
-      getRow: Z,
+      getRow: rW,
       cellId: l,
       maxHeight: e.maxHeight
-    }), r[76] = l, r[77] = XU, r[78] = O, r[79] = w, r[80] = Z, r[81] = _, r[82] = e, r[83] = y, r[84] = m, r[85] = rW, r[86] = iW, r[87] = aW, r[88] = oW, r[89] = sW, r[90] = cW, r[91] = lW, r[92] = nW, r[93] = uW) : uW = r[93];
-    let dW = uW, fW;
-    r[94] !== l || r[95] !== dW || r[96] !== (W == null ? void 0 : W.rows) || r[97] !== O || r[98] !== e.fieldTypes || r[99] !== e.get_data_url || r[100] !== e.showChartBuilder || r[101] !== e.totalColumns || r[102] !== e.totalRows ? (fW = e.showChartBuilder ? (0, import_jsx_runtime.jsx)(TablePanel, {
+    }), r[86] = l, r[87] = lW, r[88] = O, r[89] = w, r[90] = rW, r[91] = _, r[92] = e, r[93] = y, r[94] = eW, r[95] = tW, r[96] = m, r[97] = gW, r[98] = _W, r[99] = vW, r[100] = yW, r[101] = bW, r[102] = xW, r[103] = hW, r[104] = SW) : SW = r[104];
+    let CW = SW, wW;
+    r[105] !== l || r[106] !== CW || r[107] !== (W == null ? void 0 : W.rows) || r[108] !== O || r[109] !== e.fieldTypes || r[110] !== e.get_data_url || r[111] !== e.showChartBuilder || r[112] !== e.totalColumns || r[113] !== e.totalRows ? (wW = e.showChartBuilder ? (0, import_jsx_runtime.jsx)(TablePanel, {
       displayHeader: O,
       onCloseChartBuilder: () => j(false),
       data: (W == null ? void 0 : W.rows) || [],
       columns: e.totalColumns,
       totalRows: e.totalRows,
-      dataTable: dW,
+      dataTable: CW,
       getDataUrl: e.get_data_url,
       fieldTypes: e.fieldTypes,
       cellId: l
-    }) : dW, r[94] = l, r[95] = dW, r[96] = W == null ? void 0 : W.rows, r[97] = O, r[98] = e.fieldTypes, r[99] = e.get_data_url, r[100] = e.showChartBuilder, r[101] = e.totalColumns, r[102] = e.totalRows, r[103] = fW) : fW = r[103];
-    let pW;
-    return r[104] !== eW || r[105] !== fW ? (pW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    }) : CW, r[105] = l, r[106] = CW, r[107] = W == null ? void 0 : W.rows, r[108] = O, r[109] = e.fieldTypes, r[110] = e.get_data_url, r[111] = e.showChartBuilder, r[112] = e.totalColumns, r[113] = e.totalRows, r[114] = wW) : wW = r[114];
+    let TW;
+    return r[115] !== pW || r[116] !== wW ? (TW = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        eW,
-        fW
+        pW,
+        wW
       ]
-    }), r[104] = eW, r[105] = fW, r[106] = pW) : pW = r[106], pW;
+    }), r[115] = pW, r[116] = wW, r[117] = TW) : TW = r[117], TW;
   });
   LoadingDataTableComponent.displayName = "LoadingDataTableComponent";
-  var DataTableComponent = ({ label: e, data: r, rawData: c, totalRows: l, sizeBytes: u, maxColumns: d, pagination: f, selection: p, value: m, showFilters: h, showDownload: g, showPageSizeSelector: _, showColumnExplorer: v, showRowExplorer: y, showChartBuilder: b, showDataTypes: S, rowHeaders: w, fieldTypes: T, paginationState: O, setPaginationState: j, download_as: M, columnSummaries: I, className: L, setValue: R, sorting: z, setSorting: B, enableSearch: H, searchQuery: W, setSearchQuery: G, filters: q, setFilters: UU, reloading: WU, freezeColumnsLeft: Z, freezeColumnsRight: GU, hiddenColumns: KU, textJustifyColumns: qU, wrappedColumns: JU, headerTooltip: YU, totalColumns: XU, get_row_ids: ZU, cellStyles: QU, hoverTemplate: $U, cellHoverTexts: eW, toggleDisplayHeader: tW, isChartBuilderOpen: nW, calculate_top_k_rows: rW, preview_column: iW, getRow: aW, cellId: oW, maxHeight: sW }) => {
-    let cW = (0, import_react.useId)(), [lW, uW] = (0, import_react.useState)(0), { isPanelOpen: dW, isAnyPanelOpen: fW, togglePanel: pW, panelType: mW, setPanelType: hW } = usePanelOwnership(cW, oW), gW = (0, import_react.useMemo)(() => {
-      if (!I || !T || !I.stats) return ColumnChartSpecModel.EMPTY;
-      let e2 = toFieldTypes(T);
-      return new ColumnChartSpecModel(I.data || [], e2, I.stats, I.bin_values, I.value_counts, {
-        includeCharts: I.show_charts
+  var DataTableComponent = ({ label: e, data: r, rawData: c, totalRows: l, sizeBytes: u, sizeBytesIsLoading: d, maxColumns: f, pagination: p, selection: m, value: h, showFilters: g, showDownload: _, showPageSizeSelector: v, showColumnExplorer: y, showRowExplorer: b, showChartBuilder: S, showDataTypes: w, rowHeaders: T, fieldTypes: O, paginationState: j, setPaginationState: M, download_as: I, columnSummaries: L, className: R, setValue: z, sorting: B, setSorting: H, enableSearch: W, searchQuery: UU, setSearchQuery: G, filters: WU, setFilters: q, reloading: Z, freezeColumnsLeft: GU, freezeColumnsRight: KU, hiddenColumns: qU, textJustifyColumns: JU, wrappedColumns: YU, headerTooltip: XU, totalColumns: ZU, get_row_ids: QU, cellStyles: $U, hoverTemplate: eW, cellHoverTexts: tW, toggleDisplayHeader: nW, isChartBuilderOpen: rW, calculate_top_k_rows: iW, preview_column: aW, getRow: oW, cellId: sW, maxHeight: cW }) => {
+    let lW = (0, import_react.useId)(), [uW, dW] = (0, import_react.useState)(0), { isPanelOpen: fW, isAnyPanelOpen: pW, togglePanel: mW, panelType: hW, setPanelType: gW } = usePanelOwnership(lW, sW), _W = (0, import_react.useMemo)(() => {
+      if (!L || !O || !L.stats) return ColumnChartSpecModel.EMPTY;
+      let e2 = toFieldTypes(O);
+      return new ColumnChartSpecModel(L.data || [], e2, L.stats, L.bin_values, L.value_counts, {
+        includeCharts: L.show_charts
       });
     }, [
-      T,
-      I
-    ]), _W = useDeepCompareMemoize(T ?? inferFieldTypes(r)), vW = (0, import_react.useMemo)(() => d === "all" ? _W : _W.slice(0, d), [
-      d,
-      _W
-    ]), yW = (0, import_react.useMemo)(() => {
+      O,
+      L
+    ]), vW = useDeepCompareMemoize(O ?? inferFieldTypes(r)), yW = (0, import_react.useMemo)(() => f === "all" ? vW : vW.slice(0, f), [
+      f,
+      vW
+    ]), bW = (0, import_react.useMemo)(() => {
       let e2 = {};
       if (r && r.length > 0) {
-        for (let [c2, l2] of vW) if (l2[0] === "number") {
+        for (let [c2, l2] of yW) if (l2[0] === "number") {
           let l3 = 0;
           for (let e3 of r) {
             let r2 = e3[c2];
@@ -14648,100 +14661,100 @@ ${c}
       return e2;
     }, [
       r,
-      vW
-    ]), bW = useDeepCompareMemoize(w), xW = useDeepCompareMemoize(qU), SW = useDeepCompareMemoize(JU), CW = useDeepCompareMemoize(gW), wW = useDeepCompareMemoize(yW), TW = vW.length;
-    T || (S = false);
-    let EW = (0, import_react.useMemo)(() => generateColumns({
-      rowHeaders: bW,
-      selection: p,
-      chartSpecModel: CW,
-      fieldTypes: vW,
-      textJustifyColumns: xW,
-      wrappedColumns: SW,
-      headerTooltip: YU,
-      showDataTypes: S,
-      calculateTopKRows: rW,
-      fractionDigitsByColumn: wW
+      yW
+    ]), xW = useDeepCompareMemoize(T), SW = useDeepCompareMemoize(JU), CW = useDeepCompareMemoize(YU), wW = useDeepCompareMemoize(_W), TW = useDeepCompareMemoize(bW), EW = yW.length;
+    O || (w = false);
+    let DW = (0, import_react.useMemo)(() => generateColumns({
+      rowHeaders: xW,
+      selection: m,
+      chartSpecModel: wW,
+      fieldTypes: yW,
+      textJustifyColumns: SW,
+      wrappedColumns: CW,
+      headerTooltip: XU,
+      showDataTypes: w,
+      calculateTopKRows: iW,
+      fractionDigitsByColumn: TW
     }), [
-      p,
-      S,
-      CW,
-      bW,
-      vW,
+      m,
+      w,
+      wW,
       xW,
+      yW,
       SW,
-      YU,
-      rW,
-      wW
-    ]), DW = (0, import_react.useMemo)(() => Object.fromEntries((m || []).map((e2) => [
+      CW,
+      XU,
+      iW,
+      TW
+    ]), OW = (0, import_react.useMemo)(() => Object.fromEntries((h || []).map((e2) => [
       e2,
       true
     ])), [
-      m
-    ]), OW = useEvent_default((e2) => {
-      if (p === "single") {
+      h
+    ]), kW = useEvent_default((e2) => {
+      if (m === "single") {
         let r2 = Functions.asUpdater(e2)({});
-        R(Object.keys(r2).slice(0, 1));
+        z(Object.keys(r2).slice(0, 1));
       }
-      if (p === "multi") {
-        let r2 = Functions.asUpdater(e2)(DW);
-        R(Object.keys(r2));
+      if (m === "multi") {
+        let r2 = Functions.asUpdater(e2)(OW);
+        z(Object.keys(r2));
       }
-    }), kW = useEvent_default((e2) => {
-      if (uW(e2), e2 < 0 || typeof l == "number" && e2 >= l || l === "too_many") return;
-      let r2 = getPageIndexForRow(e2, O.pageIndex, O.pageSize);
-      r2 !== null && j((e3) => ({
+    }), AW = useEvent_default((e2) => {
+      if (dW(e2), e2 < 0 || typeof l == "number" && e2 >= l || l === "too_many") return;
+      let r2 = getPageIndexForRow(e2, j.pageIndex, j.pageSize);
+      r2 !== null && M((e3) => ({
         ...e3,
         pageIndex: r2
       }));
-    }), AW = m.filter((e2) => e2 instanceof Object && e2.columnName !== void 0), jW = useEvent_default((e2) => {
-      p === "single-cell" && R(Functions.asUpdater(e2)(AW).slice(0, 1)), p === "multi-cell" && R(Functions.asUpdater(e2)(AW));
-    }), MW = p === "multi" || p === "single", NW = v && !!iW, PW = isInVscodeExtension(), FW = isIslands();
+    }), jW = h.filter((e2) => e2 instanceof Object && e2.columnName !== void 0), MW = useEvent_default((e2) => {
+      m === "single-cell" && z(Functions.asUpdater(e2)(jW).slice(0, 1)), m === "multi-cell" && z(Functions.asUpdater(e2)(jW));
+    }), NW = m === "multi" || m === "single", PW = y && !!aW, FW = isInVscodeExtension(), IW = isIslands();
     return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        l === "too_many" && O.pageSize === r.length && (0, import_jsx_runtime.jsxs)(Banner, {
+        l === "too_many" && j.pageSize === r.length && (0, import_jsx_runtime.jsxs)(Banner, {
           className: "mb-1 rounded",
           children: [
             "Previewing the first ",
-            O.pageSize,
+            j.pageSize,
             " rows."
           ]
         }),
-        TW < XU && TW > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
+        EW < ZU && EW > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
           className: "mb-1 rounded",
           children: [
             "Result clipped. Showing ",
-            TW,
+            EW,
             " of ",
-            XU,
+            ZU,
             " columns."
           ]
         }),
-        (I == null ? void 0 : I.is_disabled) && (0, import_jsx_runtime.jsx)(Banner, {
+        (L == null ? void 0 : L.is_disabled) && (0, import_jsx_runtime.jsx)(Banner, {
           className: "mb-1 rounded",
           children: "Column summaries are unavailable. Filter your data to fewer than 1,000,000 rows."
         }),
-        fW && (y || NW) && (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
+        pW && (b || PW) && (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
           children: (0, import_jsx_runtime.jsx)(TableExplorerPanel, {
-            rowIdx: lW,
-            setRowIdx: kW,
+            rowIdx: uW,
+            setRowIdx: AW,
             totalRows: l,
-            fieldTypes: _W,
-            getRow: aW,
-            isSelectable: MW,
-            isRowSelected: !!DW[lW],
-            handleRowSelectionChange: OW,
-            previewColumn: iW,
-            totalColumns: XU,
-            tableId: cW,
-            showRowExplorer: y && !PW,
-            showColumnExplorer: NW && !PW,
-            activeTab: mW,
-            onTabChange: hW
+            fieldTypes: vW,
+            getRow: oW,
+            isSelectable: NW,
+            isRowSelected: !!OW[uW],
+            handleRowSelectionChange: kW,
+            previewColumn: aW,
+            totalColumns: ZU,
+            tableId: lW,
+            showRowExplorer: b && !FW,
+            showColumnExplorer: PW && !FW,
+            activeTab: hW,
+            onTabChange: gW
           })
         }),
         (0, import_jsx_runtime.jsx)(ColumnChartContext, {
-          value: gW,
+          value: _W,
           children: (0, import_jsx_runtime.jsx)(Labeled, {
             label: e,
             align: "top",
@@ -14749,50 +14762,51 @@ ${c}
             children: (0, import_jsx_runtime.jsx)(DataTable, {
               data: r,
               rawData: c,
-              columns: EW,
-              className: L,
-              maxHeight: sW,
-              sorting: z,
+              columns: DW,
+              className: R,
+              maxHeight: cW,
+              sorting: B,
               totalRows: l,
               sizeBytes: u,
-              totalColumns: XU,
+              sizeBytesIsLoading: d,
+              totalColumns: ZU,
               manualSorting: true,
-              setSorting: B,
-              pagination: f,
+              setSorting: H,
+              pagination: p,
               manualPagination: true,
-              selection: p,
-              paginationState: O,
-              setPaginationState: j,
-              rowSelection: DW,
-              cellSelection: AW,
-              cellStyling: QU,
-              hoverTemplate: $U,
-              cellHoverTexts: eW,
-              downloadAs: g ? M : void 0,
-              enableSearch: H,
-              searchQuery: W,
+              selection: m,
+              paginationState: j,
+              setPaginationState: M,
+              rowSelection: OW,
+              cellSelection: jW,
+              cellStyling: $U,
+              hoverTemplate: eW,
+              cellHoverTexts: tW,
+              downloadAs: _ ? I : void 0,
+              enableSearch: W,
+              searchQuery: UU,
               onSearchQueryChange: G,
-              showFilters: h,
-              filters: q,
-              onFiltersChange: UU,
-              calculateTopKRows: rW,
-              reloading: WU,
-              onRowSelectionChange: OW,
-              freezeColumnsLeft: Z,
-              freezeColumnsRight: GU,
-              hiddenColumns: KU,
-              onCellSelectionChange: jW,
-              getRowIds: ZU,
-              toggleDisplayHeader: tW,
-              showChartBuilder: b && !FW,
-              isChartBuilderOpen: nW,
-              showPageSizeSelector: _,
-              showTableExplorer: (y || NW) && !PW && !FW,
-              togglePanel: pW,
-              isPanelOpen: dW,
-              isAnyPanelOpen: fW,
-              viewedRowIdx: lW,
-              onViewedRowChange: (e2) => uW(e2)
+              showFilters: g,
+              filters: WU,
+              onFiltersChange: q,
+              calculateTopKRows: iW,
+              reloading: Z,
+              onRowSelectionChange: kW,
+              freezeColumnsLeft: GU,
+              freezeColumnsRight: KU,
+              hiddenColumns: qU,
+              onCellSelectionChange: MW,
+              getRowIds: QU,
+              toggleDisplayHeader: nW,
+              showChartBuilder: S && !IW,
+              isChartBuilderOpen: rW,
+              showPageSizeSelector: v,
+              showTableExplorer: (b || PW) && !FW && !IW,
+              togglePanel: mW,
+              isPanelOpen: fW,
+              isAnyPanelOpen: pW,
+              viewedRowIdx: uW,
+              onViewedRowChange: (e2) => dW(e2)
             })
           })
         })
@@ -16846,8 +16860,7 @@ ${c}
       field_types: columnToFieldTypesSchema,
       column_types_per_step: array(columnToFieldTypesSchema),
       python_code: string().nullish(),
-      sql_code: string().nullish(),
-      size_bytes: number().nullish()
+      sql_code: string().nullish()
     })),
     get_column_values: rpc.input(object({
       column: string()
@@ -16869,10 +16882,12 @@ ${c}
         string(),
         array(object({}).passthrough())
       ]),
-      total_rows: number(),
-      size_bytes: number().nullish()
+      total_rows: number()
     })),
-    download_as: DownloadAsSchema
+    download_as: DownloadAsSchema,
+    get_size_bytes: rpc.input(object({})).output(object({
+      size_bytes: number().nullish()
+    }))
   }).renderer((e) => (0, import_jsx_runtime.jsx)(TableProviders, {
     children: (0, import_jsx_runtime.jsx)(DataFrameComponent, {
       ...e.data,
@@ -16886,35 +16901,35 @@ ${c}
     transforms: []
   };
   const DataFrameComponent = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$45.c)(70), { columns: c, pageSize: l, showDownload: u, lazy: d, value: f, setValue: p, get_dataframe: m, get_column_values: h, search: g, download_as: _, host: v } = e, y;
-    r[0] === m ? y = r[1] : (y = () => m({}), r[0] = m, r[1] = y);
-    let b = f == null ? void 0 : f.transforms, S;
-    r[2] === b ? S = r[3] : (S = [
-      b
-    ], r[2] = b, r[3] = S);
-    let { data: w, error: T, isPending: O } = useAsyncData(y, S), j;
-    r[4] === w ? j = r[5] : (j = w || {}, r[4] = w, r[5] = j);
-    let { url: M, total_rows: I, row_headers: L, field_types: R, column_types_per_step: z, python_code: B, sql_code: H, size_bytes: W } = j, G = R == null ? void 0 : R.length, [q, UU] = (0, import_react.useState)(f || EMPTY), WU = (0, import_react.useRef)(null), Z;
+    let r = (0, import_compiler_runtime$45.c)(70), { columns: c, pageSize: l, showDownload: u, lazy: d, value: f, setValue: p, get_dataframe: m, get_column_values: h, search: g, download_as: _, get_size_bytes: v, host: y } = e, b;
+    r[0] === m ? b = r[1] : (b = () => m({}), r[0] = m, r[1] = b);
+    let S = f == null ? void 0 : f.transforms, w;
+    r[2] === S ? w = r[3] : (w = [
+      S
+    ], 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, UU = z == null ? void 0 : z.length, [G, WU] = (0, import_react.useState)(f || EMPTY), q = (0, import_react.useRef)(null), Z;
     r[6] === d ? Z = r[7] : (Z = (e2) => {
       var _a3;
-      d && e2 !== "transform" && ((_a3 = WU.current) == null ? void 0 : _a3.submit());
+      d && e2 !== "transform" && ((_a3 = q.current) == null ? void 0 : _a3.submit());
     }, r[6] = d, r[7] = Z);
-    let GU = Z, KU = (0, import_react.useRef)(q), qU;
-    r[8] === q ? qU = r[9] : (qU = () => {
-      KU.current = q;
-    }, r[8] = q, r[9] = qU), (0, import_react.useEffect)(qU);
+    let GU = Z, KU = (0, import_react.useRef)(G), qU;
+    r[8] === G ? qU = r[9] : (qU = () => {
+      KU.current = G;
+    }, r[8] = G, r[9] = qU), (0, import_react.useEffect)(qU);
     let JU;
     r[10] !== p || r[11] !== (f == null ? void 0 : f.transforms.length) ? (JU = () => {
       let e2 = KU.current;
       (f == null ? void 0 : f.transforms.length) !== e2.transforms.length && p(e2);
     }, r[10] = p, r[11] = f == null ? void 0 : f.transforms.length, r[12] = JU) : JU = r[12];
     let YU = f == null ? void 0 : f.transforms.length, XU;
-    r[13] !== w || r[14] !== p || r[15] !== YU ? (XU = [
-      w,
+    r[13] !== T || r[14] !== p || r[15] !== YU ? (XU = [
+      T,
       YU,
       KU,
       p
-    ], r[13] = w, r[14] = p, r[15] = YU, r[16] = XU) : XU = r[16], (0, import_react.useEffect)(JU, XU);
+    ], r[13] = T, r[14] = p, r[15] = YU, r[16] = XU) : XU = r[16], (0, import_react.useEffect)(JU, XU);
     let ZU;
     r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ZU = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "transform",
@@ -16927,7 +16942,7 @@ ${c}
       ]
     }), r[17] = ZU) : ZU = r[17];
     let QU;
-    r[18] === B ? QU = r[19] : (QU = B && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    r[18] === H ? QU = r[19] : (QU = H && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "python-code",
       className: "text-xs py-1",
       children: [
@@ -16936,9 +16951,9 @@ ${c}
         }),
         "Python Code"
       ]
-    }), r[18] = B, r[19] = QU);
+    }), r[18] = H, r[19] = QU);
     let $U;
-    r[20] === H ? $U = r[21] : ($U = H && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    r[20] === W ? $U = r[21] : ($U = W && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "sql-code",
       className: "text-xs py-1",
       children: [
@@ -16947,7 +16962,7 @@ ${c}
         }),
         "SQL Code"
       ]
-    }), r[20] = H, r[21] = $U);
+    }), r[20] = W, r[21] = $U);
     let eW;
     r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (eW = (0, import_jsx_runtime.jsx)("div", {
       className: "grow"
@@ -16963,9 +16978,9 @@ ${c}
       ]
     }), r[23] = QU, r[24] = $U, r[25] = tW) : tW = r[25];
     let nW;
-    r[26] === O ? nW = r[27] : (nW = O && (0, import_jsx_runtime.jsx)(Spinner, {
+    r[26] === j ? nW = r[27] : (nW = j && (0, import_jsx_runtime.jsx)(Spinner, {
       size: "small"
-    }), r[26] = O, r[27] = nW);
+    }), r[26] = j, r[27] = nW);
     let rW;
     r[28] !== tW || r[29] !== nW ? (rW = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-center gap-2",
@@ -16976,45 +16991,45 @@ ${c}
     }), r[28] = tW, r[29] = nW, r[30] = rW) : rW = r[30];
     let iW;
     r[31] !== p || r[32] !== f ? (iW = (e2) => {
-      dequal(e2, f) || (p(e2), UU(e2));
+      dequal(e2, f) || (p(e2), WU(e2));
     }, r[31] = p, r[32] = f, r[33] = iW) : iW = r[33];
     let oW;
-    r[34] !== z || r[35] !== c || r[36] !== h || r[37] !== q || r[38] !== d || r[39] !== iW ? (oW = (0, import_jsx_runtime.jsx)(TabsContent, {
+    r[34] !== B || r[35] !== c || r[36] !== h || r[37] !== G || r[38] !== d || r[39] !== iW ? (oW = (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "transform",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(TransformPanel, {
-        ref: WU,
-        initialValue: q,
+        ref: q,
+        initialValue: G,
         columns: c,
         onChange: iW,
-        onInvalidChange: UU,
+        onInvalidChange: WU,
         getColumnValues: h,
-        columnTypesPerStep: z,
+        columnTypesPerStep: B,
         lazy: d
       })
-    }), r[34] = z, r[35] = c, r[36] = h, r[37] = q, r[38] = d, r[39] = iW, r[40] = oW) : oW = r[40];
+    }), r[34] = B, r[35] = c, r[36] = h, r[37] = G, r[38] = d, r[39] = iW, r[40] = oW) : oW = r[40];
     let sW;
-    r[41] === B ? sW = r[42] : (sW = B && (0, import_jsx_runtime.jsx)(TabsContent, {
+    r[41] === H ? sW = r[42] : (sW = H && (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "python-code",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(ReadonlyCode, {
         minHeight: "215px",
         maxHeight: "215px",
-        code: B,
+        code: H,
         language: "python"
       })
-    }), r[41] = B, r[42] = sW);
+    }), r[41] = H, r[42] = sW);
     let cW;
-    r[43] === H ? cW = r[44] : (cW = H && (0, import_jsx_runtime.jsx)(TabsContent, {
+    r[43] === W ? cW = r[44] : (cW = W && (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "sql-code",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(ReadonlyCode, {
         minHeight: "215px",
         maxHeight: "215px",
-        code: H,
+        code: W,
         language: "sql"
       })
-    }), r[43] = H, r[44] = cW);
+    }), r[43] = W, r[44] = cW);
     let lW;
     r[45] !== GU || r[46] !== rW || r[47] !== oW || r[48] !== sW || r[49] !== cW ? (lW = (0, import_jsx_runtime.jsxs)(Tabs, {
       defaultValue: "transform",
@@ -17027,32 +17042,32 @@ ${c}
       ]
     }), r[45] = GU, r[46] = rW, r[47] = oW, r[48] = sW, r[49] = cW, r[50] = lW) : lW = r[50];
     let uW;
-    r[51] === T ? uW = r[52] : (uW = T && (0, import_jsx_runtime.jsx)(ErrorBanner, {
-      error: T
-    }), r[51] = T, r[52] = uW);
-    let dW = M || "", fW = I ?? 0, pW = W ?? null, mW = G ?? 0, hW = L || Arrays.EMPTY, gW = I && I > 5 || false, _W;
-    r[53] !== _ || r[54] !== R || r[55] !== v || r[56] !== l || r[57] !== g || r[58] !== u || r[59] !== dW || r[60] !== fW || r[61] !== pW || r[62] !== mW || r[63] !== hW || r[64] !== gW ? (_W = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
+    r[51] === O ? uW = r[52] : (uW = O && (0, import_jsx_runtime.jsx)(ErrorBanner, {
+      error: O
+    }), r[51] = O, r[52] = uW);
+    let dW = I || "", fW = L ?? 0, pW = UU ?? 0, mW = R || Arrays.EMPTY, hW = L && L > 5 || false, gW;
+    r[53] !== _ || r[54] !== z || r[55] !== v || r[56] !== y || r[57] !== l || r[58] !== g || r[59] !== u || r[60] !== dW || r[61] !== fW || r[62] !== pW || r[63] !== mW || r[64] !== hW ? (gW = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
       label: null,
       className: "rounded-b border-x border-b",
       data: dW,
       hasStableRowId: false,
       totalRows: fW,
-      sizeBytes: pW,
-      totalColumns: mW,
+      totalColumns: pW,
       maxColumns: "all",
       pageSize: l,
       pagination: true,
-      fieldTypes: R,
-      rowHeaders: hW,
+      fieldTypes: z,
+      rowHeaders: mW,
       showDownload: u,
       download_as: _,
+      get_size_bytes: v,
       enableSearch: false,
       showFilters: false,
       search: g,
       showColumnSummaries: false,
       showDataTypes: true,
       get_column_summaries: getColumnSummaries,
-      showPageSizeSelector: gW,
+      showPageSizeSelector: hW,
       showColumnExplorer: false,
       showRowExplorer: true,
       showChartBuilder: false,
@@ -17060,16 +17075,16 @@ ${c}
       setValue: Functions.NOOP,
       selection: null,
       lazy: false,
-      host: v
-    }), r[53] = _, r[54] = R, r[55] = v, r[56] = l, r[57] = g, r[58] = u, r[59] = dW, r[60] = fW, r[61] = pW, r[62] = mW, r[63] = hW, r[64] = gW, r[65] = _W) : _W = r[65];
-    let vW;
-    return r[66] !== lW || r[67] !== uW || r[68] !== _W ? (vW = (0, import_jsx_runtime.jsxs)("div", {
+      host: y
+    }), r[53] = _, r[54] = z, r[55] = v, r[56] = y, r[57] = l, r[58] = g, r[59] = u, r[60] = dW, r[61] = fW, r[62] = pW, r[63] = mW, r[64] = hW, r[65] = gW) : gW = r[65];
+    let _W;
+    return r[66] !== lW || r[67] !== uW || r[68] !== gW ? (_W = (0, import_jsx_runtime.jsxs)("div", {
       children: [
         lW,
         uW,
-        _W
+        gW
       ]
-    }), r[66] = lW, r[67] = uW, r[68] = _W, r[69] = vW) : vW = r[69], vW;
+    }), r[66] = lW, r[67] = uW, r[68] = gW, r[69] = _W) : _W = r[69], _W;
   });
   DataFrameComponent.displayName = "DataFrameComponent";
   function getColumnSummaries() {
@@ -17257,7 +17272,7 @@ ${c}
     }, W = [
       B
     ], r[8] = B, r[9] = H, r[10] = W), (0, import_react.useEffect)(H, W);
-    let G, q, UU, WU, Z, KU, qU, YU, XU;
+    let UU, G, WU, q, Z, KU, qU, YU, XU;
     if (r[11] !== R || r[12] !== z || r[13] !== u || r[14] !== b || r[15] !== f || r[16] !== v || r[17] !== h || r[18] !== d || r[19] !== y || r[20] !== l || r[21] !== c) {
       XU = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
       bb0: {
@@ -17267,7 +17282,7 @@ ${c}
         let m2 = e2, g2 = d === "directory" || d === "all", _2 = d === "file" || d === "all", w;
         r[33] !== g2 || r[34] !== _2 ? (w = (e3) => g2 && e3.is_directory || _2 && !e3.is_directory, r[33] = g2, r[34] = _2, r[35] = w) : w = r[35];
         let T2 = Z.filter(w);
-        if (G = T2.length > 0 && T2.every((e3) => m2.has(e3.path)), !R && z) {
+        if (UU = T2.length > 0 && T2.every((e3) => m2.has(e3.path)), !R && z) {
           let e3;
           r[36] === z.message ? e3 = r[37] : (e3 = (0, import_jsx_runtime.jsx)(Banner, {
             kind: "danger",
@@ -17276,18 +17291,18 @@ ${c}
           break bb0;
         }
         let E2;
-        r[38] === u ? E2 = r[39] : (E2 = PathBuilder.guessDeliminator(u), r[38] = u, r[39] = E2), q = E2.deliminator;
+        r[38] === u ? E2 = r[39] : (E2 = PathBuilder.guessDeliminator(u), r[38] = u, r[39] = E2), G = E2.deliminator;
         let O2;
         r[40] === c ? O2 = r[41] : (O2 = c.map(_temp2$6), r[40] = c, r[41] = O2), qU = O2;
         let j2;
-        r[42] !== q || r[43] !== u || r[44] !== b || r[45] !== v || r[46] !== h || r[47] !== y ? (j2 = function(e3) {
+        r[42] !== G || r[43] !== u || r[44] !== b || r[45] !== v || r[46] !== h || r[47] !== y ? (j2 = function(e3) {
           if (b) return;
           if (S(true), e3 === PARENT_DIRECTORY) {
-            if (v === q) {
+            if (v === G) {
               S(false);
               return;
             }
-            e3 = Paths.dirname(v), e3 === "" && (e3 = q);
+            e3 = Paths.dirname(v), e3 === "" && (e3 = G);
           }
           let r2 = e3.length < u.length;
           if (h && r2) {
@@ -17299,7 +17314,7 @@ ${c}
             return;
           }
           y(e3), S(false);
-        }, r[42] = q, r[43] = u, r[44] = b, r[45] = v, r[46] = h, r[47] = y, r[48] = j2) : j2 = r[48], YU = j2;
+        }, r[42] = G, r[43] = u, r[44] = b, r[45] = v, r[46] = h, r[47] = y, r[48] = j2) : j2 = r[48], YU = j2;
         let M2;
         r[49] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M2 = function(e3) {
           let { path: r2, name: c2, isDirectory: l2 } = e3;
@@ -17327,7 +17342,7 @@ ${c}
         let H2 = B2, W2;
         r[55] !== v || r[56] !== l || r[57] !== c ? (W2 = function() {
           l(c.filter((e3) => Paths.dirname(e3.path) !== v));
-        }, r[55] = v, r[56] = l, r[57] = c, r[58] = W2) : W2 = r[58], UU = W2, KU = function() {
+        }, r[55] = v, r[56] = l, r[57] = c, r[58] = W2) : W2 = r[58], WU = W2, KU = function() {
           let e3 = [];
           for (let r2 of Z) {
             if (!g2 && r2.is_directory || m2.has(r2.path)) continue;
@@ -17342,7 +17357,7 @@ ${c}
             ...c,
             ...e3
           ]);
-        }, WU = [];
+        }, q = [];
         let ZU2;
         r[59] === YU ? ZU2 = r[60] : (ZU2 = () => YU(PARENT_DIRECTORY), r[59] = YU, r[60] = ZU2);
         let QU2, $U2;
@@ -17362,7 +17377,7 @@ ${c}
             QU2,
             $U2
           ]
-        }, "Parent directory"), r[63] = ZU2, r[64] = eW2), WU.push(eW2);
+        }, "Parent directory"), r[63] = ZU2, r[64] = eW2), q.push(eW2);
         for (let e3 of Z) {
           let r2 = e3.path;
           r2.startsWith("//") && (r2 = r2.slice(1));
@@ -17370,7 +17385,7 @@ ${c}
             let { path: r3 } = e4;
             return YU(r3);
           } : H2, l2 = FILE_ICON[e3.is_directory ? "directory" : guessFileIconType(e3.name)], u2 = m2.has(r2);
-          WU.push((0, import_jsx_runtime.jsxs)(TableRow, {
+          q.push((0, import_jsx_runtime.jsxs)(TableRow, {
             className: cn("hover:bg-accent group select-none", {
               "bg-primary/25 hover:bg-primary/35": u2
             }),
@@ -17400,14 +17415,14 @@ ${c}
           }, e3.id));
         }
       }
-      r[11] = R, r[12] = z, r[13] = u, r[14] = b, r[15] = f, r[16] = v, r[17] = h, r[18] = d, r[19] = y, r[20] = l, r[21] = c, r[22] = G, r[23] = q, r[24] = UU, r[25] = WU, r[26] = Z, r[27] = KU, r[28] = qU, r[29] = YU, r[30] = XU;
-    } else G = r[22], q = r[23], UU = r[24], WU = r[25], Z = r[26], KU = r[27], qU = r[28], YU = r[29], XU = r[30];
+      r[11] = R, r[12] = z, r[13] = u, r[14] = b, r[15] = f, r[16] = v, r[17] = h, r[18] = d, r[19] = y, r[20] = l, r[21] = c, r[22] = UU, r[23] = G, r[24] = WU, r[25] = q, r[26] = Z, r[27] = KU, r[28] = qU, r[29] = YU, r[30] = XU;
+    } else UU = r[22], G = r[23], WU = r[24], q = r[25], Z = r[26], KU = r[27], qU = r[28], YU = r[29], XU = r[30];
     if (XU !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return XU;
     let ZU, QU, $U, eW, tW, nW, rW;
-    if (r[65] !== G || r[66] !== R || r[67] !== q || r[68] !== UU || r[69] !== z || r[70] !== WU || r[71] !== Z || r[72] !== u || r[73] !== B || r[74] !== m || r[75] !== f || r[76] !== v || r[77] !== h || r[78] !== KU || r[79] !== qU || r[80] !== d || r[81] !== YU || r[82] !== l || r[83] !== T || r[84] !== c.length) {
+    if (r[65] !== UU || r[66] !== R || r[67] !== G || r[68] !== WU || r[69] !== z || r[70] !== q || r[71] !== Z || r[72] !== u || r[73] !== B || r[74] !== m || r[75] !== f || r[76] !== v || r[77] !== h || r[78] !== KU || r[79] !== qU || r[80] !== d || r[81] !== YU || r[82] !== l || r[83] !== T || r[84] !== c.length) {
       let { parentDirectories: e2 } = getProtocolAndParentDirectories({
         path: v,
-        delimiter: q,
+        delimiter: G,
         initialPath: u,
         restrictNavigation: h
       }), g2 = d === "all" ? PluralWords.of("file", "folder") : d === "directory" ? PluralWords.of("folder") : PluralWords.of("file");
@@ -17431,8 +17446,8 @@ ${c}
               children: (0, import_jsx_runtime.jsx)(Button, {
                 size: "xs",
                 variant: "link",
-                onClick: G ? UU : KU,
-                children: G ? "Deselect all" : "Select all"
+                onClick: UU ? WU : KU,
+                children: UU ? "Deselect all" : "Select all"
               })
             })
           ]
@@ -17469,12 +17484,12 @@ ${c}
         ]
       }), r[104] = T, r[105] = S2);
       let E2;
-      r[106] === WU ? E2 = r[107] : (E2 = (0, import_jsx_runtime.jsx)(Table, {
+      r[106] === q ? E2 = r[107] : (E2 = (0, import_jsx_runtime.jsx)(Table, {
         className: "cursor-pointer table-fixed",
         children: (0, import_jsx_runtime.jsx)(TableBody, {
-          children: WU
+          children: q
         })
-      }), r[106] = WU, r[107] = E2), r[108] !== B || r[109] !== S2 || r[110] !== E2 ? (eW = (0, import_jsx_runtime.jsxs)("div", {
+      }), r[106] = q, r[107] = E2), r[108] !== B || r[109] !== S2 || r[110] !== E2 ? (eW = (0, import_jsx_runtime.jsxs)("div", {
         className: "mt-3 overflow-y-auto w-full border relative",
         style: b2,
         "aria-busy": B,
@@ -17517,7 +17532,7 @@ ${c}
             })
           })
         ]
-      }), r[65] = G, r[66] = R, r[67] = q, r[68] = UU, r[69] = z, r[70] = WU, r[71] = Z, r[72] = u, r[73] = B, r[74] = m, r[75] = f, r[76] = v, r[77] = h, r[78] = KU, r[79] = qU, r[80] = d, r[81] = YU, r[82] = l, r[83] = T, r[84] = c.length, r[85] = ZU, r[86] = QU, r[87] = $U, r[88] = eW, r[89] = tW, r[90] = nW, r[91] = rW;
+      }), r[65] = UU, r[66] = R, r[67] = G, r[68] = WU, r[69] = z, r[70] = q, r[71] = Z, r[72] = u, r[73] = B, r[74] = m, r[75] = f, r[76] = v, r[77] = h, r[78] = KU, r[79] = qU, r[80] = d, r[81] = YU, r[82] = l, r[83] = T, r[84] = c.length, r[85] = ZU, r[86] = QU, r[87] = $U, r[88] = eW, r[89] = tW, r[90] = nW, r[91] = rW;
     } else ZU = r[85], QU = r[86], $U = r[87], eW = r[88], tW = r[89], nW = r[90], rW = r[91];
     let iW;
     r[112] !== tW || r[113] !== nW ? (iW = (0, import_jsx_runtime.jsx)("div", {
@@ -22920,15 +22935,15 @@ ${c}
       return typeof w == "function" ? w : noop$2;
     }, [
       w
-    ]), G = (0, import_react.useMemo)(function() {
+    ]), UU = (0, import_react.useMemo)(function() {
       return typeof S == "function" ? S : noop$2;
     }, [
       S
-    ]), q = (0, import_react.useRef)(null), UU = (0, import_react.useRef)(null), WU = _slicedToArray((0, import_react.useReducer)(reducer$2, initialState), 2), Z = WU[0], GU = WU[1], KU = Z.isFocused, qU = Z.isFileDialogActive, JU = (0, import_react.useRef)(typeof window < "u" && window.isSecureContext && T && canUseFileSystemAccessAPI()), YU = function() {
+    ]), G = (0, import_react.useRef)(null), WU = (0, import_react.useRef)(null), q = _slicedToArray((0, import_react.useReducer)(reducer$2, initialState), 2), Z = q[0], GU = q[1], KU = Z.isFocused, qU = Z.isFileDialogActive, JU = (0, import_react.useRef)(typeof window < "u" && window.isSecureContext && T && canUseFileSystemAccessAPI()), YU = function() {
       !JU.current && qU && setTimeout(function() {
-        UU.current && (UU.current.files.length || (GU({
+        WU.current && (WU.current.files.length || (GU({
           type: "closeDialog"
-        }), G()));
+        }), UU()));
       }, 300);
     };
     (0, import_react.useEffect)(function() {
@@ -22936,20 +22951,20 @@ ${c}
         window.removeEventListener("focus", YU, false);
       };
     }, [
-      UU,
+      WU,
       qU,
-      G,
+      UU,
       JU
     ]);
     var XU = (0, import_react.useRef)([]), ZU = (0, import_react.useRef)([]), QU = function(e2) {
-      q.current && q.current.contains(e2.target) || (e2.preventDefault(), XU.current = []);
+      G.current && G.current.contains(e2.target) || (e2.preventDefault(), XU.current = []);
     };
     (0, import_react.useEffect)(function() {
       return O && (document.addEventListener("dragover", onDocumentDragOver, false), document.addEventListener("drop", QU, false)), function() {
         O && (document.removeEventListener("dragover", onDocumentDragOver), document.removeEventListener("drop", QU));
       };
     }, [
-      q,
+      G,
       O
     ]), (0, import_react.useEffect)(function() {
       var e2 = function(e3) {
@@ -22981,12 +22996,12 @@ ${c}
         document.removeEventListener("dragenter", e2), document.removeEventListener("dragleave", r2), document.removeEventListener("dragend", c2), document.removeEventListener("drop", l2);
       };
     }, [
-      q
+      G
     ]), (0, import_react.useEffect)(function() {
-      return !l && E && q.current && q.current.focus(), function() {
+      return !l && E && G.current && G.current.focus(), function() {
       };
     }, [
-      q,
+      G,
       E,
       l
     ]);
@@ -23043,7 +23058,7 @@ ${c}
     ]), nW = (0, import_react.useCallback)(function(e2) {
       e2.preventDefault(), e2.persist(), pW(e2);
       var r2 = XU.current.filter(function(e3) {
-        return q.current && q.current.contains(e3);
+        return G.current && G.current.contains(e3);
       }), c2 = r2.indexOf(e2.target);
       c2 !== -1 && r2.splice(c2, 1), XU.current = r2, !(r2.length > 0) && (GU({
         type: "setDraggedFiles",
@@ -23052,7 +23067,7 @@ ${c}
         isDragReject: false
       }), isEvtWithFiles(e2) && g && g(e2));
     }, [
-      q,
+      G,
       g,
       L
     ]), rW = (0, import_react.useCallback)(function(e2, r2) {
@@ -23125,28 +23140,28 @@ ${c}
             type: "closeDialog"
           });
         }).catch(function(e3) {
-          isAbort(e3) ? (G(e3), GU({
+          isAbort(e3) ? (UU(e3), GU({
             type: "closeDialog"
-          })) : isSecurityError(e3) ? (JU.current = false, UU.current ? (UU.current.value = null, UU.current.click()) : $U(Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))) : $U(e3);
+          })) : isSecurityError(e3) ? (JU.current = false, WU.current ? (WU.current.value = null, WU.current.click()) : $U(Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))) : $U(e3);
         });
         return;
       }
-      UU.current && (GU({
+      WU.current && (GU({
         type: "openDialog"
-      }), W(), UU.current.value = null, UU.current.click());
+      }), W(), WU.current.value = null, WU.current.click());
     }, [
       GU,
       W,
-      G,
+      UU,
       T,
       rW,
       $U,
       H,
       p
     ]), oW = (0, import_react.useCallback)(function(e2) {
-      !q.current || !q.current.isEqualNode(e2.target) || (e2.key === " " || e2.key === "Enter" || e2.keyCode === 32 || e2.keyCode === 13) && (e2.preventDefault(), aW());
+      !G.current || !G.current.isEqualNode(e2.target) || (e2.key === " " || e2.key === "Enter" || e2.keyCode === 32 || e2.keyCode === 13) && (e2.preventDefault(), aW());
     }, [
-      q,
+      G,
       aW
     ]), sW = (0, import_react.useCallback)(function() {
       GU({
@@ -23182,12 +23197,12 @@ ${c}
           onDragLeave: fW(composeEventHandlers(_2, nW)),
           onDrop: fW(composeEventHandlers(v2, iW)),
           role: typeof u2 == "string" && u2 !== "" ? u2 : "presentation"
-        }, c2, q), !l && !M ? {
+        }, c2, G), !l && !M ? {
           tabIndex: 0
         } : {}), y2);
       };
     }, [
-      q,
+      G,
       oW,
       sW,
       cW,
@@ -23223,10 +23238,10 @@ ${c}
           onChange: uW(composeEventHandlers(l2, iW)),
           onClick: uW(composeEventHandlers(u2, hW)),
           tabIndex: -1
-        }, c2, UU)), d2);
+        }, c2, WU)), d2);
       };
     }, [
-      UU,
+      WU,
       c,
       p,
       iW,
@@ -23236,8 +23251,8 @@ ${c}
       isFocused: KU && !l,
       getRootProps: mW,
       getInputProps: gW,
-      rootRef: q,
-      inputRef: UU,
+      rootRef: G,
+      inputRef: WU,
       open: uW(aW)
     });
   }
@@ -23456,8 +23471,8 @@ ${c}
     r[43] === H ? W = r[44] : (W = (0, import_jsx_runtime.jsx)("input", {
       ...H
     }), r[43] = H, r[44] = W);
-    let G;
-    r[45] !== I || r[46] !== M ? (G = M ? (0, import_jsx_runtime.jsxs)("span", {
+    let UU;
+    r[45] !== I || r[46] !== M ? (UU = M ? (0, import_jsx_runtime.jsxs)("span", {
       children: [
         "To re-upload: ",
         renderHTML({
@@ -23469,14 +23484,14 @@ ${c}
       children: renderHTML({
         html: I
       })
-    }), r[45] = I, r[46] = M, r[47] = G) : G = r[47];
-    let q = w && "text-primary", UU = T && "text-destructive", WU;
-    r[48] !== q || r[49] !== UU ? (WU = cn(q, UU), r[48] = q, r[49] = UU, r[50] = WU) : WU = r[50];
+    }), r[45] = I, r[46] = M, r[47] = UU) : UU = r[47];
+    let G = w && "text-primary", WU = T && "text-destructive", q;
+    r[48] !== G || r[49] !== WU ? (q = cn(G, WU), r[48] = G, r[49] = WU, r[50] = q) : q = r[50];
     let Z;
-    r[51] === WU ? Z = r[52] : (Z = (0, import_jsx_runtime.jsx)(Upload, {
+    r[51] === q ? Z = r[52] : (Z = (0, import_jsx_runtime.jsx)(Upload, {
       strokeWidth: 1.4,
-      className: WU
-    }), r[51] = WU, r[52] = Z);
+      className: q
+    }), r[51] = q, r[52] = Z);
     let GU = w && "text-primary", KU = T && "text-destructive", qU;
     r[53] !== GU || r[54] !== KU ? (qU = cn(GU, KU), r[53] = GU, r[54] = KU, r[55] = qU) : qU = r[55];
     let JU;
@@ -23493,13 +23508,13 @@ ${c}
       ]
     }), r[58] = Z, r[59] = JU, r[60] = YU) : YU = r[60];
     let XU;
-    r[61] !== G || r[62] !== YU ? (XU = (0, import_jsx_runtime.jsxs)("div", {
+    r[61] !== UU || r[62] !== YU ? (XU = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-col items-center justify-center grow gap-3",
       children: [
-        G,
+        UU,
         YU
       ]
-    }), r[61] = G, r[62] = YU, r[63] = XU) : XU = r[63];
+    }), r[61] = UU, r[62] = YU, r[63] = XU) : XU = r[63];
     let ZU;
     r[64] !== W || r[65] !== XU || r[66] !== z || r[67] !== B ? (ZU = (0, import_jsx_runtime.jsxs)("div", {
       className: z,
@@ -23643,28 +23658,28 @@ ${c}
       }
       R(null), d(u), y && B();
     }, r[1] = y, r[2] = u, r[3] = d, r[4] = O, r[5] = E, r[6] = H) : H = r[6];
-    let W = !M && m, G;
-    r[7] !== m || r[8] !== W ? (G = cn("flex flex-col gap-4 rounded-lg py-4 px-8", {
+    let W = !M && m, UU;
+    r[7] !== m || r[8] !== W ? (UU = cn("flex flex-col gap-4 rounded-lg py-4 px-8", {
       "bg-(--gray-1) shadow-md border border-input": m,
       "bg-(--amber-1) border-(--amber-7)": W
-    }), r[7] = m, r[8] = W, r[9] = G) : G = r[9];
-    let q;
-    r[10] !== u || r[11] !== d ? (q = (e2) => {
+    }), r[7] = m, r[8] = W, r[9] = UU) : UU = r[9];
+    let G;
+    r[10] !== u || r[11] !== d ? (G = (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 UU;
-    r[13] === f ? UU = r[14] : (UU = f === null ? null : (0, import_jsx_runtime.jsx)("div", {
+    }, r[10] = u, r[11] = d, r[12] = G) : G = r[12];
+    let WU;
+    r[13] === f ? WU = r[14] : (WU = f === null ? null : (0, import_jsx_runtime.jsx)("div", {
       className: "text-center",
       children: renderHTML({
         html: f
       })
-    }), r[13] = f, r[14] = UU);
-    let WU;
-    r[15] === L ? WU = r[16] : (WU = L != null && (0, import_jsx_runtime.jsx)(Banner, {
+    }), r[13] = f, r[14] = WU);
+    let q;
+    r[15] === L ? q = r[16] : (q = L != null && (0, import_jsx_runtime.jsx)(Banner, {
       kind: "danger",
       className: "rounded",
       children: L ?? "Invalid input"
-    }), r[15] = L, r[16] = WU);
+    }), r[15] = L, r[16] = q);
     let Z;
     r[17] === c ? Z = r[18] : (Z = (0, import_jsx_runtime.jsx)("div", {
       children: c
@@ -23704,16 +23719,16 @@ ${c}
       ]
     }), r[33] = YU, r[34] = GU, r[35] = XU) : XU = r[35];
     let ZU;
-    r[36] !== XU || r[37] !== G || r[38] !== q || r[39] !== UU || r[40] !== WU || r[41] !== Z ? (ZU = (0, import_jsx_runtime.jsxs)("div", {
-      className: G,
-      onKeyDown: q,
+    r[36] !== XU || r[37] !== UU || r[38] !== G || r[39] !== WU || r[40] !== q || r[41] !== Z ? (ZU = (0, import_jsx_runtime.jsxs)("div", {
+      className: UU,
+      onKeyDown: G,
       children: [
-        UU,
         WU,
+        q,
         Z,
         XU
       ]
-    }), r[36] = XU, r[37] = G, r[38] = q, r[39] = UU, r[40] = WU, r[41] = Z, r[42] = ZU) : ZU = r[42];
+    }), r[36] = XU, r[37] = UU, r[38] = G, r[39] = WU, r[40] = q, r[41] = Z, r[42] = ZU) : ZU = r[42];
     let QU;
     return r[43] !== ZU || r[44] !== H ? (QU = (0, import_jsx_runtime.jsx)("form", {
       className: "contents",
@@ -23870,7 +23885,7 @@ ${c}
       M,
       g,
       r
-    ]), B = m != null && m.length > 0, H = h != null && h.length > 0, W = O.length, G = ((_a3 = O[0]) == null ? void 0 : _a3.length) ?? 0;
+    ]), B = m != null && m.length > 0, H = h != null && h.length > 0, W = O.length, UU = ((_a3 = O[0]) == null ? void 0 : _a3.length) ?? 0;
     return (0, import_jsx_runtime.jsx)(Labeled, {
       label: c,
       align: "top",
@@ -23908,7 +23923,7 @@ ${c}
                     var _a4, _b3;
                     let d2 = y[r2][c2], f2 = (S == null ? void 0 : S.row) === r2 && (S == null ? void 0 : S.col) === c2, g2 = (m == null ? void 0 : m[r2]) ?? `Row ${r2 + 1}`, _2 = (h == null ? void 0 : h[c2]) ?? `Column ${c2 + 1}`;
                     return (0, import_jsx_runtime.jsx)("td", {
-                      className: cn("relative text-center min-w-14 h-8 px-2 transition-colors touch-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none", d2 ? "cursor-default text-muted-foreground" : "cursor-ew-resize text-[var(--link)] hover:bg-accent", f2 && "bg-accent", c2 === 0 && "bracket-l", c2 === G - 1 && "bracket-r", r2 === 0 && "bracket-t", r2 === W - 1 && "bracket-b"),
+                      className: cn("relative text-center min-w-14 h-8 px-2 transition-colors touch-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none", d2 ? "cursor-default text-muted-foreground" : "cursor-ew-resize text-[var(--link)] hover:bg-accent", f2 && "bg-accent", c2 === 0 && "bracket-l", c2 === UU - 1 && "bracket-r", r2 === 0 && "bracket-t", r2 === W - 1 && "bracket-b"),
                       tabIndex: d2 ? -1 : 0,
                       "aria-label": `${g2}, ${_2}`,
                       "aria-valuenow": e3,
@@ -25473,15 +25488,15 @@ ${c}
         points: extractTreemapPoints(e2.points)
       }));
     }, r[27] = u, r[28] = H);
-    let W = useEvent_default(H), G;
-    r[29] === u ? G = r[30] : (G = (e2) => {
+    let W = useEvent_default(H), UU;
+    r[29] === u ? UU = r[30] : (UU = (e2) => {
       e2 && u((r2) => ({
         ...r2,
         points: extractSunburstPoints(e2.points)
       }));
-    }, r[29] = u, r[30] = G);
-    let q = useEvent_default(G), UU;
-    r[31] === u ? UU = r[32] : (UU = (e2) => {
+    }, r[29] = u, r[30] = UU);
+    let G = useEvent_default(UU), WU;
+    r[31] === u ? WU = r[32] : (WU = (e2) => {
       if (!e2 || !shouldHandleClickSelection(e2.points)) return;
       let r2 = extractPoints(e2.points), c2 = extractIndices(e2.points);
       u((e3) => ({
@@ -25492,8 +25507,8 @@ ${c}
         points: r2,
         indices: c2
       }));
-    }, r[31] = u, r[32] = UU);
-    let WU = useEvent_default(UU), Z;
+    }, r[31] = u, r[32] = WU);
+    let q = useEvent_default(WU), Z;
     r[33] === u ? Z = r[34] : (Z = (e2) => {
       e2 && u((r2) => ({
         ...r2,
@@ -25505,21 +25520,21 @@ ${c}
       }));
     }, r[33] = u, r[34] = Z);
     let GU = useEvent_default(Z), KU = m.frames ?? void 0, qU = useEvent_default(_temp3$3), JU;
-    return r[35] !== m || r[36] !== h || r[37] !== L || r[38] !== B || r[39] !== W || r[40] !== q || r[41] !== WU || r[42] !== GU || r[43] !== KU || r[44] !== qU || r[45] !== R ? (JU = (0, import_jsx_runtime.jsx)(LazyPlot, {
+    return r[35] !== m || r[36] !== h || r[37] !== L || r[38] !== B || r[39] !== W || r[40] !== G || r[41] !== q || r[42] !== GU || r[43] !== KU || r[44] !== qU || r[45] !== R ? (JU = (0, import_jsx_runtime.jsx)(LazyPlot, {
       ...m,
       layout: h,
       onRelayout: R,
       onDeselect: B,
       onTreemapClick: W,
-      onSunburstClick: q,
+      onSunburstClick: G,
       config: L,
-      onClick: WU,
+      onClick: q,
       onSelected: GU,
       className: "w-full",
       useResizeHandler: true,
       frames: KU,
       onError: qU
-    }), r[35] = m, r[36] = h, r[37] = L, r[38] = B, r[39] = W, r[40] = q, r[41] = WU, r[42] = GU, r[43] = KU, r[44] = qU, r[45] = R, r[46] = JU) : JU = r[46], JU;
+    }), r[35] = m, r[36] = h, r[37] = L, r[38] = B, r[39] = W, r[40] = G, r[41] = q, r[42] = GU, r[43] = KU, r[44] = qU, r[45] = R, r[46] = JU) : JU = r[46], JU;
   });
   PlotlyComponent.displayName = "PlotlyComponent";
   function _temp$8(e) {
@@ -25647,25 +25662,25 @@ ${c}
     }, c[13] = u, c[14] = B);
     let H = B, W;
     c[15] === l ? W = c[16] : (W = cn("relative flex touch-none select-none hover:cursor-pointer", "data-[orientation=horizontal]:w-full data-[orientation=horizontal]:items-center", "data-[orientation=vertical]:h-full data-[orientation=vertical]:justify-center", "data-disabled:cursor-not-allowed", l), c[15] = l, c[16] = W);
-    let G;
-    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 UU;
-    c[19] !== L || c[20] !== z || c[21] !== H ? (UU = (0, import_jsx_runtime.jsx)(Track, {
+    c[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (UU = 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] = UU) : UU = c[17];
+    let G;
+    c[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = 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] = G) : G = c[18];
+    let WU;
+    c[19] !== L || c[20] !== z || c[21] !== H ? (WU = (0, import_jsx_runtime.jsx)(Track, {
       ref: E,
       "data-testid": "track",
-      className: G,
+      className: UU,
       children: (0, import_jsx_runtime.jsx)(Range, {
         "data-testid": "range",
-        className: q,
+        className: G,
         onPointerDown: L,
         onPointerMove: z,
         onPointerUp: H
       })
-    }), c[19] = L, c[20] = z, c[21] = H, c[22] = UU) : UU = c[22];
-    let WU;
-    c[23] !== m.setFalse || c[24] !== m.setTrue ? (WU = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
+    }), c[19] = L, c[20] = z, c[21] = H, c[22] = WU) : WU = c[22];
+    let q;
+    c[23] !== m.setFalse || c[24] !== m.setTrue ? (q = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsx)(Thumb$1, {
         "data-testid": "thumb",
@@ -25675,7 +25690,7 @@ ${c}
         onMouseEnter: m.setTrue,
         onMouseLeave: m.setFalse
       })
-    }), c[23] = m.setFalse, c[24] = m.setTrue, c[25] = WU) : WU = c[25];
+    }), c[23] = m.setFalse, c[24] = m.setTrue, c[25] = q) : q = 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]), {
@@ -25687,16 +25702,16 @@ ${c}
       children: Z
     }), c[30] = Z, c[31] = GU);
     let KU;
-    c[32] !== f || c[33] !== WU || c[34] !== GU ? (KU = (0, import_jsx_runtime.jsx)(TooltipProvider, {
+    c[32] !== f || c[33] !== q || c[34] !== GU ? (KU = (0, import_jsx_runtime.jsx)(TooltipProvider, {
       children: (0, import_jsx_runtime.jsxs)(TooltipRoot, {
         delayDuration: 0,
         open: f,
         children: [
-          WU,
+          q,
           GU
         ]
       })
-    }), c[32] = f, c[33] = WU, c[34] = GU, c[35] = KU) : KU = c[35];
+    }), c[32] = f, c[33] = q, c[34] = GU, c[35] = KU) : KU = c[35];
     let qU;
     c[36] !== m.setFalse || c[37] !== m.setTrue ? (qU = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
       asChild: true,
@@ -25731,16 +25746,16 @@ ${c}
       })
     }), c[45] = f, c[46] = qU, c[47] = YU, c[48] = XU) : XU = c[48];
     let ZU;
-    return c[49] !== M || c[50] !== u || c[51] !== UU || c[52] !== KU || c[53] !== XU || c[54] !== W ? (ZU = (0, import_jsx_runtime.jsxs)(Root$1, {
+    return c[49] !== M || c[50] !== u || c[51] !== WU || c[52] !== KU || c[53] !== XU || c[54] !== W ? (ZU = (0, import_jsx_runtime.jsxs)(Root$1, {
       ref: M,
       className: W,
       ...u,
       children: [
-        UU,
+        WU,
         KU,
         XU
       ]
-    }), c[49] = M, c[50] = u, c[51] = UU, c[52] = KU, c[53] = XU, c[54] = W, c[55] = ZU) : ZU = c[55], ZU;
+    }), c[49] = M, c[50] = u, c[51] = WU, c[52] = KU, c[53] = XU, c[54] = W, c[55] = ZU) : ZU = c[55], ZU;
   });
   RangeSlider.displayName = Root$1.displayName;
   var import_compiler_runtime$30 = require_compiler_runtime(), RangeSliderPlugin = class {
@@ -25785,20 +25800,20 @@ ${c}
     r[5] !== R || r[6] !== z ? (B = cn("flex items-center gap-2", R, z), r[5] = R, r[6] = z, r[7] = B) : B = r[7];
     let H = !v && "data-[orientation=horizontal]:w-36 ", W;
     r[8] === H ? W = r[9] : (W = cn("relative flex items-center select-none", H, "data-[orientation=vertical]:h-36"), r[8] = H, r[9] = W);
-    let G, q;
-    r[10] !== h || r[11] !== l ? (G = (e2) => {
+    let UU, G;
+    r[10] !== h || r[11] !== l ? (UU = (e2) => {
       E(e2), h || l(e2);
-    }, q = (e2) => {
+    }, G = (e2) => {
       h && l(e2);
-    }, r[10] = h, r[11] = l, r[12] = G, r[13] = q) : (G = r[12], q = r[13]);
-    let UU, WU;
-    r[14] !== h || r[15] !== T || r[16] !== l || r[17] !== u ? (UU = () => {
+    }, r[10] = h, r[11] = l, r[12] = UU, r[13] = G) : (UU = r[12], G = r[13]);
+    let WU, q;
+    r[14] !== h || r[15] !== T || r[16] !== l || r[17] !== u ? (WU = () => {
       h && !dequal(T, u) && l(T);
-    }, WU = () => {
+    }, q = () => {
       h && !dequal(T, u) && l(T);
-    }, r[14] = h, r[15] = T, r[16] = l, r[17] = u, r[18] = UU, r[19] = WU) : (UU = r[18], WU = r[19]);
+    }, r[14] = h, r[15] = T, r[16] = l, r[17] = u, r[18] = WU, r[19] = q) : (WU = r[18], q = 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] !== UU || r[31] !== WU || 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] !== UU || r[29] !== G || r[30] !== WU || r[31] !== q || r[32] !== b ? (Z = (0, import_jsx_runtime.jsx)(RangeSlider, {
       id: S,
       className: W,
       value: T,
@@ -25807,12 +25822,12 @@ ${c}
       step: m,
       orientation: g,
       disabled: y,
-      onValueChange: G,
-      onValueCommit: q,
-      onPointerUp: UU,
-      onMouseUp: WU,
+      onValueChange: UU,
+      onValueCommit: G,
+      onPointerUp: WU,
+      onMouseUp: q,
       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] = UU, r[31] = WU, r[32] = b, r[33] = Z) : Z = r[33];
+    }), 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] = UU, r[29] = G, r[30] = WU, r[31] = q, r[32] = b, r[33] = Z) : Z = r[33];
     let GU;
     r[34] !== T || r[35] !== w || r[36] !== _ || r[37] !== b ? (GU = _ && (0, import_jsx_runtime.jsx)("div", {
       className: "text-xs text-muted-foreground min-w-[16px]",
@@ -26062,32 +26077,32 @@ ${c}
     r[5] === z ? B = r[6] : (B = cn("flex items-center gap-2", z), r[5] = z, r[6] = B);
     let H = !v && "data-[orientation=horizontal]:w-36 ", W;
     r[7] === H ? W = r[8] : (W = cn("relative flex items-center select-none", H, "data-[orientation=vertical]:h-36"), r[7] = H, r[8] = W);
-    let G;
-    r[9] === E ? G = r[10] : (G = [
+    let UU;
+    r[9] === E ? UU = r[10] : (UU = [
       E
-    ], r[9] = E, r[10] = G);
-    let q, UU;
-    r[11] !== h || r[12] !== l ? (q = (e2) => {
+    ], r[9] = E, r[10] = UU);
+    let G, WU;
+    r[11] !== h || r[12] !== l ? (G = (e2) => {
       let [r2] = e2;
       O(r2), h || l(r2);
-    }, UU = (e2) => {
+    }, WU = (e2) => {
       let [r2] = e2;
       h && l(r2);
-    }, r[11] = h, r[12] = l, r[13] = q, r[14] = UU) : (q = r[13], UU = r[14]);
-    let WU;
-    r[15] !== S || r[16] !== w || r[17] !== g || r[18] !== d || r[19] !== m || r[20] !== f || r[21] !== G || r[22] !== q || r[23] !== UU || r[24] !== W || r[25] !== y ? (WU = (0, import_jsx_runtime.jsx)(Slider, {
+    }, r[11] = h, r[12] = l, r[13] = G, r[14] = WU) : (G = r[13], WU = r[14]);
+    let q;
+    r[15] !== S || r[16] !== w || r[17] !== g || r[18] !== d || r[19] !== m || r[20] !== f || r[21] !== UU || r[22] !== G || r[23] !== WU || r[24] !== W || r[25] !== y ? (q = (0, import_jsx_runtime.jsx)(Slider, {
       id: w,
       className: W,
-      value: G,
+      value: UU,
       min: d,
       max: f,
       step: m,
       orientation: g,
-      onValueChange: q,
-      onValueCommit: UU,
+      onValueChange: G,
+      onValueCommit: WU,
       valueMap: y,
       disabled: S
-    }), r[15] = S, r[16] = w, r[17] = g, r[18] = d, r[19] = m, r[20] = f, r[21] = G, r[22] = q, r[23] = UU, r[24] = W, r[25] = y, r[26] = WU) : WU = r[26];
+    }), r[15] = S, r[16] = w, r[17] = g, r[18] = d, r[19] = m, r[20] = f, r[21] = UU, r[22] = G, r[23] = WU, r[24] = W, r[25] = y, r[26] = q) : q = r[26];
     let Z;
     r[27] !== E || r[28] !== T || r[29] !== _ || r[30] !== y ? (Z = _ && (0, import_jsx_runtime.jsx)("div", {
       className: "text-xs text-muted-foreground min-w-[16px]",
@@ -26109,14 +26124,14 @@ ${c}
       isDisabled: S
     }), r[32] = S, r[33] = b, r[34] = E, r[35] = c, r[36] = l, r[37] = d, r[38] = m, r[39] = f, r[40] = y, r[41] = GU) : GU = r[41];
     let KU;
-    r[42] !== WU || r[43] !== Z || r[44] !== GU || r[45] !== B ? (KU = (0, import_jsx_runtime.jsxs)("div", {
+    r[42] !== q || r[43] !== Z || r[44] !== GU || r[45] !== B ? (KU = (0, import_jsx_runtime.jsxs)("div", {
       className: B,
       children: [
-        WU,
+        q,
         Z,
         GU
       ]
-    }), r[42] = WU, r[43] = Z, r[44] = GU, r[45] = B, r[46] = KU) : KU = r[46];
+    }), r[42] = q, r[43] = Z, r[44] = GU, r[45] = B, r[46] = KU) : KU = r[46];
     let qU;
     return r[47] !== v || r[48] !== w || r[49] !== c || r[50] !== KU || r[51] !== I || r[52] !== R ? (qU = (0, import_jsx_runtime.jsx)(Labeled, {
       label: c,
@@ -29133,7 +29148,7 @@ ${c}
           }
         }), u2;
       }
-      var G = c(W), q = Object.freeze({
+      var UU = c(W), G = Object.freeze({
         areArraysEqual: E,
         areDatesEqual: j,
         areMapsEqual: M,
@@ -29141,19 +29156,19 @@ ${c}
         areRegExpsEqual: H,
         areSetsEqual: W,
         createIsNestedEqual: r2
-      }), UU = Object.freeze({
+      }), WU = Object.freeze({
         areArraysEqual: O,
         areDatesEqual: j,
         areMapsEqual: I,
         areObjectsEqual: B,
         areRegExpsEqual: H,
-        areSetsEqual: G,
+        areSetsEqual: UU,
         createIsNestedEqual: r2
-      }), WU = T(q);
+      }), q = T(G);
       function Z(e3, r3) {
-        return WU(e3, r3, void 0);
+        return q(e3, r3, void 0);
       }
-      var GU = T(l(q, {
+      var GU = T(l(G, {
         createIsNestedEqual: function() {
           return f;
         }
@@ -29161,11 +29176,11 @@ ${c}
       function KU(e3, r3) {
         return GU(e3, r3, void 0);
       }
-      var qU = T(UU);
+      var qU = T(WU);
       function JU(e3, r3) {
         return qU(e3, r3, /* @__PURE__ */ new WeakMap());
       }
-      var YU = T(l(UU, {
+      var YU = T(l(WU, {
         createIsNestedEqual: function() {
           return f;
         }
@@ -29174,10 +29189,10 @@ ${c}
         return YU(e3, r3, /* @__PURE__ */ new WeakMap());
       }
       function ZU(e3) {
-        return T(l(q, e3(q)));
+        return T(l(G, e3(G)));
       }
       function QU(e3) {
-        var r3 = T(l(UU, e3(UU)));
+        var r3 = T(l(WU, e3(WU)));
         return (function(e4, c2, l2) {
           return l2 === void 0 && (l2 = /* @__PURE__ */ new WeakMap()), r3(e4, c2, l2);
         });
@@ -29208,7 +29223,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 = iW, e.correctBounds = I, e.fastPositionEqual = S, e.fastRGLPropsEqual = void 0, e.getAllCollisions = z, e.getFirstCollision = R, e.getLayoutItem = L, e.getStatics = B, e.modifyLayout = _, e.moveElement = H, e.moveElementAwayFromCollision = W, e.noop = void 0, e.perc = G, e.resizeItemInDirection = XU, e.setTopLeft = QU, e.setTransform = ZU, e.sortLayoutItems = $U, e.sortLayoutItemsByColRow = tW, e.sortLayoutItemsByRowCol = eW, e.synchronizeLayoutWithChildren = nW, e.validateLayout = rW, e.withLayoutItem = v;
+    }), e.bottom = h, e.childrenEqual = b, e.cloneLayout = g, e.cloneLayoutItem = y, e.collides = w, e.compact = T, e.compactItem = M, e.compactType = iW, e.correctBounds = I, e.fastPositionEqual = S, e.fastRGLPropsEqual = void 0, e.getAllCollisions = z, e.getFirstCollision = R, e.getLayoutItem = L, e.getStatics = B, e.modifyLayout = _, e.moveElement = H, e.moveElementAwayFromCollision = W, e.noop = void 0, e.perc = UU, e.resizeItemInDirection = XU, e.setTopLeft = QU, e.setTransform = ZU, e.sortLayoutItems = $U, e.sortLayoutItemsByColRow = tW, e.sortLayoutItemsByRowCol = eW, e.synchronizeLayoutWithChildren = nW, e.validateLayout = rW, e.withLayoutItem = v;
     var r = require_fast_equals(), c = l(require_react());
     function l(e2) {
       return e2 && e2.__esModule ? e2 : {
@@ -29402,15 +29417,15 @@ ${c}
       let h2 = f2 ? c2.x + 1 : void 0, g2 = p2 ? c2.y + 1 : void 0;
       return h2 == null && g2 == null ? e2 : H(e2, c2, f2 ? c2.x + 1 : void 0, p2 ? c2.y + 1 : void 0, l2, m2, u2, d2);
     }
-    function G(e2) {
+    function UU(e2) {
       return e2 * 100 + "%";
     }
-    var q = (e2, r2, c2, l2) => e2 + c2 > l2 ? r2 : c2, UU = (e2, r2, c2) => e2 < 0 ? r2 : c2, WU = (e2) => Math.max(0, e2), Z = (e2) => Math.max(0, e2), GU = (e2, r2, c2) => {
+    var G = (e2, r2, c2, l2) => e2 + c2 > l2 ? r2 : c2, WU = (e2, r2, c2) => e2 < 0 ? r2 : c2, q = (e2) => Math.max(0, e2), Z = (e2) => Math.max(0, e2), GU = (e2, r2, c2) => {
       let { left: l2, height: u2, width: d2 } = r2, f2 = e2.top - (u2 - e2.height);
       return {
         left: l2,
         width: d2,
-        height: UU(f2, e2.height, u2),
+        height: WU(f2, e2.height, u2),
         top: Z(f2)
       };
     }, KU = (e2, r2, c2) => {
@@ -29418,23 +29433,23 @@ ${c}
       return {
         top: l2,
         height: d2,
-        width: q(e2.left, e2.width, f2, c2),
-        left: WU(u2)
+        width: G(e2.left, e2.width, f2, c2),
+        left: q(u2)
       };
     }, qU = (e2, r2, c2) => {
       let { top: l2, height: u2, width: d2 } = r2, f2 = e2.left - (d2 - e2.width);
       return {
         height: u2,
-        width: f2 < 0 ? e2.width : q(e2.left, e2.width, d2, c2),
+        width: f2 < 0 ? e2.width : G(e2.left, e2.width, d2, c2),
         top: Z(l2),
-        left: WU(f2)
+        left: q(f2)
       };
     }, JU = (e2, r2, c2) => {
       let { top: l2, left: u2, height: d2, width: f2 } = r2;
       return {
         width: f2,
         left: u2,
-        height: UU(l2, e2.height, d2),
+        height: WU(l2, e2.height, d2),
         top: Z(l2)
       };
     }, YU = {
@@ -32338,7 +32353,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, UU, WU, Z, GU, KU, qU, JU, YU, XU, ZU, QU, $U, eW, tW, nW, rW, iW;
+    let M = !f && !v, I, L, R, z, B, H, W, UU, G, WU, q, Z, GU, KU, qU, JU, YU, XU, ZU, QU, $U, eW, tW, nW, rW, iW;
     if (r[10] !== u || r[11] !== S || r[12] !== O || r[13] !== g || r[14] !== M || r[15] !== h || r[16] !== j || r[17] !== f || r[18] !== c || r[19] !== d || r[20] !== l) {
       let e2 = Maps.keyBy(c.cells, _temp2$2), m2;
       r[47] !== c || r[48] !== l ? (m2 = (e3) => (r2) => {
@@ -32364,12 +32379,12 @@ ${c}
       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, UU = c.rowHeight, r[66] !== f || r[67] !== c || r[68] !== l ? (WU = (e3) => {
+      ] : void 0, r[64] = f, r[65] = B), H = MARGIN, W = false, UU = null, G = true, WU = c.rowHeight, r[66] !== f || r[67] !== c || r[68] !== l ? (q = (e3) => {
         f || l({
           ...c,
           cells: e3
         });
-      }, r[66] = f, r[67] = c, r[68] = l, r[69] = WU) : WU = r[69], r[70] === g ? Z = r[71] : (Z = g ? {
+      }, r[66] = f, r[67] = c, r[68] = l, r[69] = q) : q = r[69], r[70] === g ? Z = r[71] : (Z = g ? {
         i: g.i,
         w: g.w || 2,
         h: g.h || 2
@@ -32418,10 +32433,10 @@ ${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] = UU, r[31] = WU, r[32] = Z, r[33] = GU, r[34] = KU, r[35] = qU, r[36] = JU, r[37] = YU, r[38] = XU, r[39] = ZU, r[40] = QU, r[41] = $U, r[42] = eW, r[43] = tW, r[44] = nW, r[45] = rW, r[46] = iW;
-    } else I = r[21], L = r[22], R = r[23], z = r[24], B = r[25], H = r[26], W = r[27], G = r[28], q = r[29], UU = r[30], WU = r[31], Z = r[32], GU = r[33], KU = r[34], qU = r[35], JU = r[36], YU = r[37], XU = r[38], ZU = r[39], QU = r[40], $U = r[41], eW = r[42], tW = r[43], nW = r[44], rW = r[45], iW = r[46];
+      }), 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] = UU, r[29] = G, r[30] = WU, r[31] = q, r[32] = Z, r[33] = GU, r[34] = KU, r[35] = qU, r[36] = JU, r[37] = YU, r[38] = XU, r[39] = ZU, r[40] = QU, r[41] = $U, r[42] = eW, r[43] = tW, r[44] = nW, r[45] = rW, r[46] = iW;
+    } else I = r[21], L = r[22], R = r[23], z = r[24], B = r[25], H = r[26], W = r[27], UU = r[28], G = r[29], WU = r[30], q = r[31], Z = r[32], GU = r[33], KU = r[34], qU = r[35], JU = r[36], YU = r[37], XU = r[38], ZU = r[39], QU = r[40], $U = r[41], eW = r[42], tW = r[43], nW = r[44], rW = r[45], iW = r[46];
     let aW;
-    r[82] !== I || r[83] !== R || r[84] !== z || r[85] !== B || r[86] !== H || r[87] !== W || r[88] !== G || r[89] !== q || r[90] !== UU || r[91] !== WU || r[92] !== Z || r[93] !== GU || r[94] !== KU || r[95] !== qU || r[96] !== JU || r[97] !== YU || r[98] !== XU || r[99] !== ZU || r[100] !== QU || r[101] !== $U || r[102] !== eW || r[103] !== tW || r[104] !== nW || r[105] !== rW || r[106] !== iW ? (aW = (0, import_jsx_runtime.jsx)(I, {
+    r[82] !== I || r[83] !== R || r[84] !== z || r[85] !== B || r[86] !== H || r[87] !== W || r[88] !== UU || r[89] !== G || r[90] !== WU || r[91] !== q || r[92] !== Z || r[93] !== GU || r[94] !== KU || r[95] !== qU || r[96] !== JU || r[97] !== YU || r[98] !== XU || r[99] !== ZU || r[100] !== QU || r[101] !== $U || r[102] !== eW || r[103] !== tW || r[104] !== nW || r[105] !== rW || r[106] !== iW ? (aW = (0, import_jsx_runtime.jsx)(I, {
       breakpoint: tW,
       layouts: nW,
       style: rW,
@@ -32431,10 +32446,10 @@ ${c}
       containerPadding: B,
       margin: H,
       isBounded: W,
-      compactType: G,
-      preventCollision: q,
-      rowHeight: UU,
-      onLayoutChange: WU,
+      compactType: UU,
+      preventCollision: G,
+      rowHeight: WU,
+      onLayoutChange: q,
       droppingItem: Z,
       onDrop: GU,
       onDragStart: KU,
@@ -32446,7 +32461,7 @@ ${c}
       isResizable: QU,
       draggableHandle: $U,
       children: eW
-    }), r[82] = I, r[83] = R, r[84] = z, r[85] = B, r[86] = H, r[87] = W, r[88] = G, r[89] = q, r[90] = UU, r[91] = WU, r[92] = Z, r[93] = GU, r[94] = KU, r[95] = qU, r[96] = JU, r[97] = YU, r[98] = XU, r[99] = ZU, r[100] = QU, r[101] = $U, r[102] = eW, r[103] = tW, r[104] = nW, r[105] = rW, r[106] = iW, r[107] = aW) : aW = r[107];
+    }), r[82] = I, r[83] = R, r[84] = z, r[85] = B, r[86] = H, r[87] = W, r[88] = UU, r[89] = G, r[90] = WU, r[91] = q, r[92] = Z, r[93] = GU, r[94] = KU, r[95] = qU, r[96] = JU, r[97] = YU, r[98] = XU, r[99] = ZU, r[100] = QU, r[101] = $U, r[102] = eW, r[103] = tW, r[104] = nW, r[105] = rW, r[106] = iW, r[107] = aW) : aW = r[107];
     let oW = aW, sW, cW, lW, uW, dW, fW, pW;
     if (r[108] !== u || r[109] !== oW || r[110] !== h || r[111] !== v || r[112] !== f || r[113] !== c || r[114] !== d || r[115] !== l || r[116] !== L) {
       pW = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
@@ -32845,8 +32860,8 @@ ${c}
       size: "sm",
       onCheckedChange: h
     }), r[25] = m, r[26] = h, r[27] = W) : W = r[27];
-    let G;
-    r[28] !== B || r[29] !== W ? (G = (0, import_jsx_runtime.jsx)(DropdownMenuContent, {
+    let UU;
+    r[28] !== B || r[29] !== W ? (UU = (0, import_jsx_runtime.jsx)(DropdownMenuContent, {
       side: "bottom",
       children: (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
         onSelect: B,
@@ -32855,35 +32870,35 @@ ${c}
           W
         ]
       })
-    }), r[28] = B, r[29] = W, r[30] = G) : G = r[30];
-    let q;
-    r[31] !== L || r[32] !== R || r[33] !== G ? (q = (0, import_jsx_runtime.jsxs)(DropdownMenu, {
+    }), r[28] = B, r[29] = W, r[30] = UU) : UU = r[30];
+    let G;
+    r[31] !== L || r[32] !== R || r[33] !== UU ? (G = (0, import_jsx_runtime.jsxs)(DropdownMenu, {
       open: L,
       onOpenChange: R,
       children: [
         z,
-        G
+        UU
       ]
-    }), r[31] = L, r[32] = R, r[33] = G, r[34] = q) : q = r[34];
-    let UU;
-    r[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (UU = (0, import_jsx_runtime.jsx)(GripHorizontal, {
-      className: cn(DRAG_HANDLE, "cursor-move", "h-4 w-4 opacity-60 hover:opacity-100")
-    }), r[35] = UU) : UU = r[35];
+    }), r[31] = L, r[32] = R, r[33] = UU, r[34] = G) : G = r[34];
     let WU;
-    r[36] === l ? WU = r[37] : (WU = (0, import_jsx_runtime.jsx)(X, {
+    r[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (WU = (0, import_jsx_runtime.jsx)(GripHorizontal, {
+      className: cn(DRAG_HANDLE, "cursor-move", "h-4 w-4 opacity-60 hover:opacity-100")
+    }), r[35] = WU) : WU = r[35];
+    let q;
+    r[36] === l ? q = r[37] : (q = (0, import_jsx_runtime.jsx)(X, {
       className: "h-4 w-4 opacity-60 hover:opacity-100",
       onClick: () => l()
-    }), r[36] = l, r[37] = WU);
+    }), r[36] = l, r[37] = q);
     let Z;
-    return r[38] !== I || r[39] !== q || r[40] !== WU || r[41] !== w ? (Z = (0, import_jsx_runtime.jsxs)("div", {
+    return r[38] !== I || r[39] !== G || r[40] !== q || r[41] !== w ? (Z = (0, import_jsx_runtime.jsxs)("div", {
       className: w,
       children: [
         I,
-        q,
-        UU,
-        WU
+        G,
+        WU,
+        q
       ]
-    }), r[38] = I, r[39] = q, r[40] = WU, r[41] = w, r[42] = Z) : Z = r[42], Z;
+    }), r[38] = I, r[39] = G, r[40] = q, r[41] = w, r[42] = Z) : Z = r[42], Z;
   };
   function isSidebarCell(e) {
     var _a3;
@@ -34825,25 +34840,25 @@ ${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), UU = (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), UU = useLatestValue(h, Object.values(h)), G = useUniqueId("DndDescribedBy", r), WU = (0, import_react.useMemo)(() => j.getEnabled(), [
       j
-    ]), WU = useMeasuringConfiguration(p), { droppableRects: Z, measureDroppableContainers: GU, measuringScheduled: KU } = useDroppableMeasuring(UU, {
+    ]), q = useMeasuringConfiguration(p), { droppableRects: Z, measureDroppableContainers: GU, measuringScheduled: KU } = useDroppableMeasuring(WU, {
       dragging: w,
       dependencies: [
         O.x,
         O.y
       ],
-      config: WU.droppable
+      config: q.droppable
     }), qU = useCachedNode(E, T), JU = (0, import_react.useMemo)(() => H ? getEventCoordinates(H) : null, [
       H
-    ]), YU = EW(), XU = useInitialRect(qU, WU.draggable.measure);
+    ]), YU = EW(), XU = useInitialRect(qU, q.draggable.measure);
     useLayoutShiftScrollCompensation({
       activeNode: T == null ? null : E.get(T),
       config: YU.layoutShiftCompensation,
       initialRect: XU,
-      measure: WU.draggable.measure
+      measure: q.draggable.measure
     });
-    let ZU = useRect(qU, WU.draggable.measure, XU), QU = useRect(qU ? qU.parentElement : null), $U = (0, import_react.useRef)({
+    let ZU = useRect(qU, q.draggable.measure, XU), QU = useRect(qU ? qU.parentElement : null), $U = (0, import_react.useRef)({
       activatorEvent: null,
       active: null,
       activeNode: qU,
@@ -34858,7 +34873,7 @@ ${c}
       scrollableAncestors: [],
       scrollAdjustedTranslate: null
     }), eW = j.getNodeFor((_a3 = $U.current.over) == null ? void 0 : _a3.id), tW = useDragOverlayMeasuring({
-      measure: WU.dragOverlay.measure
+      measure: q.dragOverlay.measure
     }), nW = tW.nodeRef.current ?? qU, rW = w ? tW.rect ?? ZU : null, iW = !!(tW.nodeRef.current && tW.rect), aW = useRectDelta(iW ? null : ZU), oW = useWindowRect(nW ? getWindow(nW) : null), sW = useScrollableAncestors(w ? eW ?? qU : null), cW = useRects(sW), lW = applyModifiers(m, {
       transform: {
         x: O.x - aW.x,
@@ -34882,7 +34897,7 @@ ${c}
       active: L,
       collisionRect: hW,
       droppableRects: Z,
-      droppableContainers: UU,
+      droppableContainers: WU,
       pointerCoordinates: uW
     }) : null, _W = getFirstCollision(gW, "id"), [vW, yW] = (0, import_react.useState)(null), bW = adjustScale(iW ? lW : add(lW, pW), (vW == null ? void 0 : vW.rect) ?? null, ZU), xW = (0, import_react.useRef)(null), SW = (0, import_react.useCallback)((e2, r2) => {
       let { sensor: c2, options: l2 } = r2;
@@ -34898,7 +34913,7 @@ ${c}
         context: $U,
         onAbort(e3) {
           if (!E.get(e3)) return;
-          let { onDragAbort: r3 } = G.current, c3 = {
+          let { onDragAbort: r3 } = UU.current, c3 = {
             id: e3
           };
           r3 == null ? void 0 : r3(c3), v({
@@ -34908,7 +34923,7 @@ ${c}
         },
         onPending(e3, r3, c3, l3) {
           if (!E.get(e3)) return;
-          let { onDragPending: u3 } = G.current, d3 = {
+          let { onDragPending: u3 } = UU.current, d3 = {
             id: e3,
             constraint: r3,
             initialCoordinates: c3,
@@ -34924,7 +34939,7 @@ ${c}
           if (r3 == null) return;
           let c3 = E.get(r3);
           if (!c3) return;
-          let { onDragStart: l3 } = G.current, u3 = {
+          let { onDragStart: l3 } = UU.current, u3 = {
             activatorEvent: d2,
             active: {
               id: r3,
@@ -34956,7 +34971,7 @@ ${c}
         return async function() {
           let { active: r3, collisions: c3, over: l3, scrollAdjustedTranslate: u3 } = $U.current, f3 = null;
           if (r3 && u3) {
-            let { cancelDrop: p2 } = G.current;
+            let { cancelDrop: p2 } = UU.current;
             f3 = {
               activatorEvent: d2,
               active: r3,
@@ -34971,7 +34986,7 @@ ${c}
             }), S(Status.Uninitialized), yW(null), B(null), W(null), xW.current = null;
             let r4 = e3 === Action.DragEnd ? "onDragEnd" : "onDragCancel";
             if (f3) {
-              let e4 = G.current[r4];
+              let e4 = UU.current[r4];
               e4 == null ? void 0 : e4(f3), v({
                 type: r4,
                 event: f3
@@ -35001,7 +35016,7 @@ ${c}
       ZU,
       b
     ]), (0, import_react.useEffect)(() => {
-      let { onDragMove: e2 } = G.current, { active: r2, activatorEvent: c2, collisions: l2, over: u2 } = $U.current;
+      let { onDragMove: e2 } = UU.current, { active: r2, activatorEvent: c2, collisions: l2, over: u2 } = $U.current;
       if (!r2 || !c2) return;
       let d2 = {
         active: r2,
@@ -35025,7 +35040,7 @@ ${c}
     ]), (0, import_react.useEffect)(() => {
       let { active: e2, activatorEvent: r2, collisions: c2, droppableContainers: l2, scrollAdjustedTranslate: u2 } = $U.current;
       if (!e2 || R.current == null || !r2 || !u2) return;
-      let { onDragOver: d2 } = G.current, f2 = l2.get(_W), p2 = f2 && f2.rect.current ? {
+      let { onDragOver: d2 } = UU.current, f2 = l2.get(_W), p2 = f2 && f2.rect.current ? {
         id: f2.id,
         rect: f2.rect.current,
         data: f2.data,
@@ -35103,7 +35118,7 @@ ${c}
       measureDroppableContainers: GU,
       scrollableAncestors: sW,
       scrollableAncestorRects: cW,
-      measuringConfiguration: WU,
+      measuringConfiguration: q,
       measuringScheduled: KU,
       windowRect: oW
     }), [
@@ -35121,7 +35136,7 @@ ${c}
       GU,
       sW,
       cW,
-      WU,
+      q,
       KU,
       oW
     ]), TW = (0, import_react.useMemo)(() => ({
@@ -35130,7 +35145,7 @@ ${c}
       active: L,
       activeNodeRect: ZU,
       ariaDescribedById: {
-        draggable: q
+        draggable: G
       },
       dispatch: _,
       draggableNodes: E,
@@ -35142,7 +35157,7 @@ ${c}
       L,
       ZU,
       _,
-      q,
+      G,
       E,
       vW,
       GU
@@ -35159,7 +35174,7 @@ ${c}
       disabled: (c == null ? void 0 : c.restoreFocus) === false
     })), import_react.createElement(Accessibility, {
       ...c,
-      hiddenTextDescribedById: q
+      hiddenTextDescribedById: G
     }));
     function EW() {
       let e2 = (z == null ? void 0 : z.autoScrollEnabled) === false, r2 = typeof l == "object" ? l.enabled === false : l === false, c2 = w && !e2 && !r2;
@@ -35689,7 +35704,7 @@ ${c}
         updateMeasurementsFor: I,
         ...m
       }
-    }), { active: H, activatorEvent: W, activeNodeRect: G, attributes: q, setNodeRef: UU, listeners: WU, isDragging: Z, over: GU, setActivatorNodeRef: KU, transform: qU } = useDraggable({
+    }), { active: H, activatorEvent: W, activeNodeRect: UU, attributes: G, setNodeRef: WU, listeners: q, isDragging: Z, over: GU, setActivatorNodeRef: KU, transform: qU } = useDraggable({
       id: f,
       data: M,
       attributes: {
@@ -35697,9 +35712,9 @@ ${c}
         ...c
       },
       disabled: O.draggable
-    }), JU = useCombinedRefs(B, UU), YU = !!H, XU = YU && !b && isValidIndex(v) && isValidIndex(w), ZU = !T && Z, QU = XU ? (ZU && XU ? qU : null) ?? (p ?? E)({
+    }), JU = useCombinedRefs(B, WU), YU = !!H, XU = YU && !b && isValidIndex(v) && isValidIndex(w), ZU = !T && Z, QU = XU ? (ZU && XU ? qU : null) ?? (p ?? E)({
       rects: S,
-      activeNodeRect: G,
+      activeNodeRect: UU,
       activeIndex: v,
       overIndex: w,
       index: j
@@ -35754,7 +35769,7 @@ ${c}
     ]), {
       active: H,
       activeIndex: v,
-      attributes: q,
+      attributes: G,
       data: M,
       rect: L,
       index: j,
@@ -35763,14 +35778,14 @@ ${c}
       isOver: z,
       isSorting: YU,
       isDragging: Z,
-      listeners: WU,
+      listeners: q,
       node: R,
       overIndex: w,
       over: GU,
       setNodeRef: JU,
       setActivatorNodeRef: KU,
       setDroppableNodeRef: B,
-      setDraggableNodeRef: UU,
+      setDraggableNodeRef: WU,
       transform: iW ?? QU,
       transition: aW()
     };
@@ -36052,10 +36067,10 @@ ${c}
       ...R,
       ...h
     }, r[18] = O, r[19] = h, r[20] = R, r[21] = E, r[22] = z) : z = r[22];
-    let B = z, H = T || w, W = b || S || w ? "border-blue-500" : "border-border", G = S && !w && "opacity-35", q = w && "opacity-95 shadow-lg", UU;
-    r[23] !== l || r[24] !== q || r[25] !== W || r[26] !== G ? (UU = cn("border-2 shrink-0 rounded-md relative select-none bg-background cursor-pointer active:cursor-grabbing overflow-hidden", W, G, q, l), r[23] = l, r[24] = q, r[25] = W, r[26] = G, r[27] = UU) : UU = r[27];
-    let WU;
-    r[28] !== c || r[29] !== O || r[30] !== j || r[31] !== H || r[32] !== E ? (WU = H && (0, import_jsx_runtime.jsx)("div", {
+    let B = z, H = T || w, W = b || S || w ? "border-blue-500" : "border-border", UU = S && !w && "opacity-35", G = w && "opacity-95 shadow-lg", WU;
+    r[23] !== l || r[24] !== G || r[25] !== W || r[26] !== UU ? (WU = cn("border-2 shrink-0 rounded-md relative select-none bg-background cursor-pointer active:cursor-grabbing overflow-hidden", W, UU, G, l), r[23] = l, r[24] = G, r[25] = W, r[26] = UU, r[27] = WU) : WU = r[27];
+    let q;
+    r[28] !== c || r[29] !== O || r[30] !== j || r[31] !== H || r[32] !== E ? (q = H && (0, import_jsx_runtime.jsx)("div", {
       className: "flex p-6 box-border pointer-events-none mo-slide-content overflow-hidden",
       style: {
         transform: `scale(${j})`,
@@ -36068,7 +36083,7 @@ ${c}
         status: c.status,
         output: c.output
       })
-    }), r[28] = c, r[29] = O, r[30] = j, r[31] = H, r[32] = E, r[33] = WU) : WU = r[33];
+    }), r[28] = c, r[29] = O, r[30] = j, r[31] = H, r[32] = E, r[33] = q) : q = r[33];
     let Z;
     r[34] === L ? Z = r[35] : (Z = L && (0, import_jsx_runtime.jsx)("div", {
       className: "absolute inset-0 bg-muted/60 pointer-events-none",
@@ -36089,17 +36104,17 @@ ${c}
       })
     }), r[36] = L, r[37] = I, r[38] = GU) : GU = r[38];
     let KU;
-    return r[39] !== B || r[40] !== d || r[41] !== f || r[42] !== UU || r[43] !== WU || r[44] !== Z || r[45] !== GU ? (KU = (0, import_jsx_runtime.jsxs)("div", {
+    return r[39] !== B || r[40] !== d || r[41] !== f || r[42] !== WU || r[43] !== q || r[44] !== Z || r[45] !== GU ? (KU = (0, import_jsx_runtime.jsxs)("div", {
       ref: f,
-      className: UU,
+      className: WU,
       style: B,
       ...d,
       children: [
-        WU,
+        q,
         Z,
         GU
       ]
-    }), r[39] = B, r[40] = d, r[41] = f, r[42] = UU, r[43] = WU, r[44] = Z, r[45] = GU, r[46] = KU) : KU = r[46], KU;
+    }), r[39] = B, r[40] = d, r[41] = f, r[42] = WU, r[43] = q, r[44] = Z, r[45] = GU, r[46] = KU) : KU = r[46], KU;
   };
   function projectDropTarget(e) {
     let { active: r, over: c } = e;
@@ -36130,7 +36145,7 @@ ${c}
     if (l && l !== "slide") return l;
     if (c == null ? void 0 : c.has(e)) return "skip";
   }
-  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-DfX0NWtZ.js"));
+  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-qpHJES_u.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), { cellsWithOutput: h, skippedIds: g, slideTypes: _, startCellIndex: v } = (0, import_react.useMemo)(() => computeSlideCellsInfo(c, e), [
@@ -36505,7 +36520,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, UU, WU, Z, GU, KU, qU;
+    let H, W, UU, G, WU, q, Z, GU, KU, qU;
     if (r[3] !== T || r[4] !== M || r[5] !== I || r[6] !== L || r[7] !== _ || r[8] !== b || r[9] !== d || r[10] !== z || r[11] !== O || r[12] !== j || r[13] !== E || r[14] !== R || r[15] !== f || r[16] !== u || r[17] !== y || r[18] !== m || r[19] !== l) {
       let e2 = I.toReversed(), g2 = e2.some(_temp$2), v2 = e2.findIndex(_temp2$1), S2;
       r[30] === I ? S2 = r[31] : (S2 = () => I.filter(_temp3$1).map(_temp4$1).join("\n"), r[30] = I, r[31] = S2);
@@ -36551,7 +36566,7 @@ ${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", UU = c, WU = R, Z = 0;
+      }), 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], UU = y ? "This console output is stale" : void 0, G = "console-output-area", WU = c, q = R, Z = 0;
       let JU2 = y && "marimo-output-stale", YU2 = L ? "p-5" : "p-3";
       r[40] !== M || r[41] !== JU2 || r[42] !== YU2 ? (GU = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", JU2, YU2, M), r[40] = M, r[41] = JU2, r[42] = YU2, r[43] = GU) : GU = r[43], r[44] === d ? KU = r[45] : (KU = d ? {
         maxHeight: "none"
@@ -36584,8 +36599,8 @@ ${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] = UU, r[25] = WU, r[26] = Z, r[27] = GU, r[28] = KU, r[29] = qU;
-    } else H = r[20], W = r[21], G = r[22], q = r[23], UU = r[24], WU = r[25], Z = r[26], GU = r[27], KU = r[28], qU = r[29];
+      }), 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] = UU, r[23] = G, r[24] = WU, r[25] = q, r[26] = Z, r[27] = GU, r[28] = KU, r[29] = qU;
+    } else H = r[20], W = r[21], UU = r[22], G = r[23], WU = r[24], q = r[25], Z = r[26], GU = r[27], KU = r[28], qU = r[29];
     let JU;
     r[46] !== T || r[47] !== S ? (JU = (0, import_jsx_runtime.jsx)(NameCellContentEditable, {
       value: S,
@@ -36593,11 +36608,11 @@ ${c}
       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] = JU) : JU = r[48];
     let YU;
-    r[49] !== JU || r[50] !== G || r[51] !== q || r[52] !== UU || r[53] !== WU || r[54] !== Z || r[55] !== GU || r[56] !== KU || r[57] !== qU ? (YU = (0, import_jsx_runtime.jsxs)("div", {
-      title: G,
-      "data-testid": q,
-      ref: UU,
-      ...WU,
+    r[49] !== JU || r[50] !== UU || r[51] !== G || r[52] !== WU || r[53] !== q || r[54] !== Z || r[55] !== GU || r[56] !== KU || r[57] !== qU ? (YU = (0, import_jsx_runtime.jsxs)("div", {
+      title: UU,
+      "data-testid": G,
+      ref: WU,
+      ...q,
       tabIndex: Z,
       className: GU,
       style: KU,
@@ -36605,7 +36620,7 @@ ${c}
         qU,
         JU
       ]
-    }), r[49] = JU, r[50] = G, r[51] = q, r[52] = UU, r[53] = WU, r[54] = Z, r[55] = GU, r[56] = KU, r[57] = qU, r[58] = YU) : YU = r[58];
+    }), r[49] = JU, r[50] = UU, r[51] = G, r[52] = WU, r[53] = q, r[54] = Z, r[55] = GU, r[56] = KU, r[57] = qU, r[58] = YU) : YU = r[58];
     let XU;
     return r[59] !== H || r[60] !== W || r[61] !== YU ? (XU = (0, import_jsx_runtime.jsxs)("div", {
       className: H,
@@ -37073,27 +37088,27 @@ ${c}
         ]
       }), r[36] = H, r[37] = w2, r[38] = h2, r[39] = v2, r[40] = y2, r[41] = S2, r[42] = O2) : O2 = r[42], O2;
     }
-    let W = isErrorMime(c == null ? void 0 : c.mimetype), G = O && W && Array.isArray(c == null ? void 0 : c.data) && c.data.some(_temp5);
-    if ((h || _ || m || W) && !G) return null;
-    let q;
-    r[43] !== d || r[44] !== T ? (q = cellDomProps(d, T), r[43] = d, r[44] = T, r[45] = q) : q = r[45];
-    let UU = w === "edit", WU;
-    r[46] !== d || r[47] !== R || r[48] !== c || r[49] !== I || r[50] !== UU ? (WU = (0, import_jsx_runtime.jsx)(OutputArea, {
-      allowExpand: UU,
+    let W = isErrorMime(c == null ? void 0 : c.mimetype), UU = O && W && Array.isArray(c == null ? void 0 : c.data) && c.data.some(_temp5);
+    if ((h || _ || m || W) && !UU) return null;
+    let G;
+    r[43] !== d || r[44] !== T ? (G = cellDomProps(d, T), r[43] = d, r[44] = T, r[45] = G) : G = r[45];
+    let WU = w === "edit", q;
+    r[46] !== d || r[47] !== R || r[48] !== c || r[49] !== I || r[50] !== WU ? (q = (0, import_jsx_runtime.jsx)(OutputArea, {
+      allowExpand: WU,
       output: c,
       className: CSSClasses.outputArea,
       cellId: d,
       stale: I,
       loading: R
-    }), r[46] = d, r[47] = R, r[48] = c, r[49] = I, r[50] = UU, r[51] = WU) : WU = r[51];
+    }), r[46] = d, r[47] = R, r[48] = c, r[49] = I, r[50] = WU, r[51] = q) : q = r[51];
     let Z;
-    return r[52] !== H || r[53] !== q || r[54] !== WU ? (Z = (0, import_jsx_runtime.jsx)("div", {
+    return r[52] !== H || r[53] !== G || r[54] !== q ? (Z = (0, import_jsx_runtime.jsx)("div", {
       tabIndex: -1,
       ref: j,
       className: H,
-      ...q,
-      children: WU
-    }), r[52] = H, r[53] = q, r[54] = WU, r[55] = Z) : Z = r[55], Z;
+      ...G,
+      children: q
+    }), r[52] = H, r[53] = G, r[54] = q, r[55] = Z) : Z = r[55], Z;
   });
   VerticalCell.displayName = "VerticalCell";
   const VerticalLayoutPlugin = {