@marimo-team/islands 0.23.7-dev1 → 0.23.7-dev11

package/dist/main.js

@@ -22,18 +22,18 @@ import { _ as Logger, c as Objects, g as cn, h as Events, i as NOT_SET, l as use
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
 import { n as Copy, r as toast, t as copyToClipboard } from "./copy-TGGAUEWp.js";
-import { $ as useCellActions, At as DeferredRequestRegistry, B as safeExtractSetUIElementMessageBuffers, Bn as Braces, Bt as getDataTypeColor, C as AccordionContent, Cn as Root2$1, Ct as customPythonLanguageSupport, Dn as Table2, Dt as Paths, E as BorderAllIcon, En as Trash2, Et as PathBuilder, F as base64ToDataView, Fn as Eye, Ft as jotaiJsonStorage, Gt as convertStatsName, H as getMarimoExportContext, In as Database, J as getCellNames, Jt as useRequestClient, K as createActions, Kt as getRequestClient, L as dataViewToBase64, Ln as Columns2, Mn as Layers, Nn as Info, Nt as repl, On as PaintRoller, Pn as FileText, Q as reducer, Rt as PluralWords, S as Accordion, Sn as Item$1, St as Checkbox, T as AccordionTrigger, U as hasTrustedExportContext, V as renderHTML, Vt as require_client, W as hasRunAnyCellAtom, X as notebookOutline, Y as notebookAtom, Yt as isUninstantiated, Z as numColumnsAtom, _n as atomWithStorage, a as useLastFocusedCellId, an as parseInitialValue, bt as isInternalCellName, ct as kioskModeAtom, dn as OBJECT_ID_ATTR, dt as outputIsLoading, en as NotebookScopedLocalStorage, et as useCellIds, f as isOutputEmpty, fn as RANDOM_ID_ATTR, ft as outputIsStale, gn as atomWithReducer, i as useCellFocusActions, in as parseDataset, jn as LoaderCircle, jt as generateUUID, k as ChevronDownIcon, ln as UIElementId, mt as headingToIdentifier, nt as createCell, o as maybeAddAltairImport, ot as getInitialAppMode, p as useExpandedConsoleOutput, pn as jsonParseWithSpecialChar, pt as isErrorMime, qt as requestClientAtom, r as LazyAnyLanguageCodeMirror, rn as parseAttrValue, s as Spinner, sn as HTMLCellId, st as initialModeAtom, un as findCellId, vn as selectAtom, w as AccordionItem, wn as Trigger2, wt as MarkdownLanguageAdapter, xn as Content2, xt as normalizeName, yt as getValidName, zn as CircleAlert, zt as DATA_TYPE_ICON, __tla as __tla_0 } from "./html-to-image-hMMPiNe_.js";
-import { __tla as __tla_1 } from "./chunk-5FQGJX7Z-CO1e63h_.js";
+import { $ as useCellActions, At as DeferredRequestRegistry, B as safeExtractSetUIElementMessageBuffers, Bn as Braces, Bt as getDataTypeColor, C as AccordionContent, Cn as Root2$1, Ct as customPythonLanguageSupport, Dn as Table2, Dt as Paths, E as BorderAllIcon, En as Trash2, Et as PathBuilder, F as base64ToDataView, Fn as Eye, Ft as jotaiJsonStorage, Gt as convertStatsName, H as getMarimoExportContext, In as Database, J as getCellNames, Jt as useRequestClient, K as createActions, Kt as getRequestClient, L as dataViewToBase64, Ln as Columns2, Mn as Layers, Nn as Info, Nt as repl, On as PaintRoller, Pn as FileText, Q as reducer, Rt as PluralWords, S as Accordion, Sn as Item$1, St as Checkbox, T as AccordionTrigger, U as hasTrustedExportContext, V as renderHTML, Vt as require_client, W as hasRunAnyCellAtom, X as notebookOutline, Y as notebookAtom, Yt as isUninstantiated, Z as numColumnsAtom, _n as atomWithStorage, a as useLastFocusedCellId, an as parseInitialValue, bt as isInternalCellName, ct as kioskModeAtom, dn as OBJECT_ID_ATTR, dt as outputIsLoading, en as NotebookScopedLocalStorage, et as useCellIds, f as isOutputEmpty, fn as RANDOM_ID_ATTR, ft as outputIsStale, gn as atomWithReducer, i as useCellFocusActions, in as parseDataset, jn as LoaderCircle, jt as generateUUID, k as ChevronDownIcon, ln as UIElementId, mt as headingToIdentifier, nt as createCell, o as maybeAddAltairImport, ot as getInitialAppMode, p as useExpandedConsoleOutput, pn as jsonParseWithSpecialChar, pt as isErrorMime, qt as requestClientAtom, r as LazyAnyLanguageCodeMirror, rn as parseAttrValue, s as Spinner, sn as HTMLCellId, st as initialModeAtom, un as findCellId, vn as selectAtom, w as AccordionItem, wn as Trigger2, wt as MarkdownLanguageAdapter, xn as Content2, xt as normalizeName, yt as getValidName, zn as CircleAlert, zt as DATA_TYPE_ICON, __tla as __tla_0 } from "./html-to-image-BwZL1Pkk.js";
+import { __tla as __tla_1 } from "./chunk-5FQGJX7Z-BOg95xG5.js";
 import { o as useSize, s as Root$2, u as createLucideIcon } from "./dist-ESg7xyoD.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-DSIuqd3f.js";
-import { $ as filtersToFilterGroup, A as contextAwarePanelOwner, At as Funnel, B as TableCell, Bt as ChevronLeft, C as prettifyRowCount, Ct as useOverflowDetection, D as ContextAwarePanelItem, Dt as EmotionCacheProvider, E as ComboboxItem, Et as HtmlOutput, F as Toggle, Ft as Code, G as generateColumns, H as TableHeader, I as Fill, It as ChevronsUpDown, J as ColumnChartContext, K as inferFieldTypes, L as Provider$1, Lt as ChevronsRight, M as isCellAwareAtom, N as SlotNames, Nt as Ellipsis, O as PANEL_TYPES, Ot as TextWrap, P as slotsController, Pt as Download, Q as usePrevious$1, R as Table, Rt as ChevronsLeft, S as prettifyRowColumnCount, St as LazyVegaEmbed, T as Combobox, Tt as Kbd, U as TableRow, V as TableHead, Vt as ArrowDownWideNarrow, W as NAMELESS_COLUMN_PREFIX, X as DelayMount, Y as ColumnChartSpecModel, Z as useIntersectionObserver, _ as downloadBlob, _t as TabsList, at as TOO_MANY_ROWS, b as Progress, bt as ChartInfoState, c as Slide, ct as Command, d as JsonOutput, dt as CommandItem, et as getPageIndexForRow, f as OutputArea, ft as CommandList, g as ADD_PRINTING_CLASS, gt as TabsContent, h as InstallPackageButton, ht as Tabs, it as SELECT_COLUMN_ID, j as contextAwarePanelType, jt as EyeOff, k as contextAwarePanelOpen, kt as GripHorizontal, l as RadioGroup, lt as CommandEmpty, m as DataTable, mt as Maps, n as marimoVersionAtom, nt as loadTableData, o as SLIDE_TYPE_OPTIONS_BY_VALUE, ot as toFieldTypes, p as OutputRenderer, pt as CommandSeparator, q as renderCellValue, r as showCodeInRunModeAtom, rt as INDEX_COLUMN_NAME, st as getMimeValues, t as useNotebookCodeAvailable, tt as loadTableAndRawData, u as RadioGroupItem, ut as CommandInput, v as downloadByURL, vt as TabsTrigger, w as useInternalStateWithSync, wt as RenderTextWithLinks, x as Filenames, xt as ChartLoadingState, y as downloadHTMLAsImage, yt as ChartErrorState, z as TableBody, zt as ChevronsDownUp, __tla as __tla_2 } from "./code-visibility-DafdYnEy.js";
+import { $ as filtersToFilterGroup, A as contextAwarePanelOwner, At as Funnel, B as TableCell, Bt as ChevronLeft, C as prettifyRowCount, Ct as useOverflowDetection, D as ContextAwarePanelItem, Dt as EmotionCacheProvider, E as ComboboxItem, Et as HtmlOutput, F as Toggle, Ft as Code, G as generateColumns, H as TableHeader, I as Fill, It as ChevronsUpDown, J as ColumnChartContext, K as inferFieldTypes, L as Provider$1, Lt as ChevronsRight, M as isCellAwareAtom, N as SlotNames, Nt as Ellipsis, O as PANEL_TYPES, Ot as TextWrap, P as slotsController, Pt as Download, Q as usePrevious$1, R as Table, Rt as ChevronsLeft, S as prettifyRowColumnCount, St as LazyVegaEmbed, T as Combobox, Tt as Kbd, U as TableRow, V as TableHead, Vt as ArrowDownWideNarrow, W as NAMELESS_COLUMN_PREFIX, X as DelayMount, Y as ColumnChartSpecModel, Z as useIntersectionObserver, _ as downloadBlob, _t as TabsList, at as TOO_MANY_ROWS, b as Progress, bt as ChartInfoState, c as Slide, ct as Command, d as JsonOutput, dt as CommandItem, et as getPageIndexForRow, f as OutputArea, ft as CommandList, g as ADD_PRINTING_CLASS, gt as TabsContent, h as InstallPackageButton, ht as Tabs, it as SELECT_COLUMN_ID, j as contextAwarePanelType, jt as EyeOff, k as contextAwarePanelOpen, kt as GripHorizontal, l as RadioGroup, lt as CommandEmpty, m as DataTable, mt as Maps, n as marimoVersionAtom, nt as loadTableData, o as SLIDE_TYPE_OPTIONS_BY_VALUE, ot as toFieldTypes, p as OutputRenderer, pt as CommandSeparator, q as renderCellValue, r as showCodeInRunModeAtom, rt as INDEX_COLUMN_NAME, st as getMimeValues, t as useNotebookCodeAvailable, tt as loadTableAndRawData, u as RadioGroupItem, ut as CommandInput, v as downloadByURL, vt as TabsTrigger, w as useInternalStateWithSync, wt as RenderTextWithLinks, x as Filenames, xt as ChartLoadingState, y as downloadHTMLAsImage, yt as ChartErrorState, z as TableBody, zt as ChevronsDownUp, __tla as __tla_2 } from "./code-visibility-CTM1dt7-.js";
 import { c as Calendar, i as createReducerAndAtoms, n as useOnUnmount, o as ToggleLeft, t as useOnMount } from "./useLifecycle-CjMjllqy.js";
 import { n as $fb18d541ea1ad717$export$ad991b66133851cf, r as $5a387cc49350e6db$export$722debc0e56fea39, t as $896ba0a80a8f4d36$export$85fd5fdf27bacc79 } from "./useDateFormatter-B3mCQMP3.js";
 import { t as Check } from "./check-CFM2mVDr.js";
 import { A as Trigger$1, C as $a916eb452884faea$export$b7a616150fdb9f44, D as $b5e257d569688ac6$export$535bd6ca7f90a273, 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, f as selectStyles, 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, w as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5, x as assertNever } from "./strings-B_FOH6eV.js";
 import { $ as $e5be200c675c3b3a$export$aca958c65c314e6c, A as $d2b4bc8c273e7be6$export$24d547caef80ccd1, At as $c87311424ea30a05$export$fedb369cb70207f1, B as $64fa3d84918910a7$export$c62b8e45d58ddad9, Bt as $431fbd86ca7dc216$export$f21a1ffae260145a, C as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, Ct as $8ae05eaa5c114e9c$export$7f54fc3180508a52, D as $ee014567cb39d3f0$export$ff05c3ac10437e03, Dt as $c87311424ea30a05$export$78551043582a6a98, E as $ee014567cb39d3f0$export$f551688fc98f2e09, Et as $c87311424ea30a05$export$6446a186d09e379e, F as $64fa3d84918910a7$export$2881499e37b75b9a, Ft as $d4ee10de306f2510$export$b4f377a2b6254582, H as $64fa3d84918910a7$export$ef03459518577ad4, Ht as $bdb11010cef70236$export$b4cc09c592e8fdb8, I as $64fa3d84918910a7$export$29f1550f4b0d4415, It as $d4ee10de306f2510$export$cd4e5573fbe2b576, J as $d2e8511e6f209edf$export$e908e06f4b8e3402, K as useDebounceControlledState, L as $64fa3d84918910a7$export$4d86445c2cf5e3, Lt as $d4ee10de306f2510$export$e58f029f0fbfdb29, M as $01b77f81d0f07f68$export$75b6ee27786ba447, Mt as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, N as $01b77f81d0f07f68$export$b04be29aa201d4f5, Nt as $3ef42575df84b30b$export$9d1611c77c2fe928, O as $514c0188e459b4c0$export$5f1af8db9871e1d6, Ot as $c87311424ea30a05$export$9ac100e40613ea10, P as $f39a9eba43920ace$export$b5d7cc18bb8d2b59, Pt as $d4ee10de306f2510$export$4282f70798064fe0, Q as $e5be200c675c3b3a$export$a763b9476acd3eb, R as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, Rt as $f4e2df6bd15f8569$export$98658e8c59125e6a, S as $3985021b0ad6602f$export$f5b8910cec6cf069, St as $e9faafb641e167db$export$90fc3a17d93f704c, T as $d3e0e05bdfcf66bd$export$c24727297075ec6a, Tt as $313b98861ee5dd6c$export$d6875122194c7b44, U as $64fa3d84918910a7$export$fabf2dc03a41866e, Ut as $bdb11010cef70236$export$f680877a34711e37, V as $64fa3d84918910a7$export$df3a06d6289f983e, Vt as $ff5963eb1fccf552$export$e08e3b67e392101e, Wt as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, X as $e93e671b31057976$export$b8473d3665f3a75a, Y as $2baaea4c71418dea$export$294aa081a6c6f55d, Z as $e5be200c675c3b3a$export$75ee7c75d68f5b0e, _t as $9446cca9a3875146$export$7d15b64cf5a3a4c4, a as NumberField, at as $6c7bd7858deea686$export$cd11ab140839f11d, b as DropdownMenuTrigger, bt as $b4b717babfbb907b$export$bebd5a1431fec25d, c as prettyNumber, ct as $6db58dc88e78b024$export$2f817fcdc4b89ae0, d as DropdownMenuContent, dt as $9ab94262bd0047c7$export$420e68273165f4ec, et as $e5be200c675c3b3a$export$dad6ae84456c676a, f as DropdownMenuGroup, fn as Circle, ft as $3ad3f6e1647bc98d$export$80f3e147d781571c, g as DropdownMenuSeparator, gt as $ae1eeba8b9eafd08$export$5165eccb35aaadb5, ht as _class_private_field_init, i as OnBlurredInput, it as $701a24aa0da5b062$export$ea18c227d4417cc3, j as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, jt as $7215afc6de606d6b$export$de79e2c695e052f3, k as $514c0188e459b4c0$export$9afb8bc826b033ea, kt as $c87311424ea30a05$export$a11b0059900ceec8, l as prettyScientificNumber, lt as $5b160d28a433310d$export$c17fa47878dc55b6, m as DropdownMenuLabel, mt as $f6c31cce2adf654f$export$45712eceda6fad21, n as DebouncedNumberInput, nt as $319e236875307eab$export$a9b970dcc4ae71a9, ot as $fca6afa0e843324b$export$87b761675e8eaa10, p as DropdownMenuItem, pn as ChevronRight, pt as $507fabe10e71c6fb$export$630ff653c5ada6a9, q as useDebouncedCallback, r as Input, rt as $f7dceffc5ad7768b$export$4e328f61c538687f, st as $fca6afa0e843324b$export$f12b703ca79dfbb1, t as DebouncedInput, tt as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, u as DropdownMenu, ut as $6179b936705e76d3$export$ae780daf29e6d456, vt as $458b0a5536c1a7cf$export$40bfa8c7b0832715, w as $a049562f99e7db0e$export$f9c6924e160136d1, wt as $df56164dff5785e2$export$4338b53315abf666, x as $3985021b0ad6602f$export$37fb8590cf2c088c, xt as $99facab73266f662$export$5add1d006293d136, yt as $b4b717babfbb907b$export$4c063cf1350e6fed, z as $64fa3d84918910a7$export$c245e6201fed2f75, zt as $431fbd86ca7dc216$export$b204af158042fbac } from "./input-BAOe64zx.js";
 import { _ as isWasm, c as asRemoteURL, d as isStaticNotebook, f as appendQueryParams, g as Deferred, m as require_cuid2, u as getStaticVirtualFiles, v as CircleQuestionMark } from "./toDate-CHtl9vts.js";
-import { a as MarimoIncomingMessageEvent, c as MarimoValueUpdateEvent, d as File, i as PythonIcon, l as createInputEvent, n as blobToString, o as MarimoValueInputEvent, r as filesToBase64, s as MarimoValueReadyEvent, t as processOutput, u as deserializeBlob } from "./process-output-Bza_GK7Q.js";
+import { a as MarimoIncomingMessageEvent, c as MarimoValueUpdateEvent, d as File, i as PythonIcon, l as createInputEvent, n as blobToString, o as MarimoValueInputEvent, r as filesToBase64, s as MarimoValueReadyEvent, t as processOutput, u as deserializeBlob } from "./process-output-lpVrk7d5.js";
 import { i as Pencil, n as Trash, r as Plus, t as BulkEdit } from "./types-DBtDeUKD.js";
 import { t as require_react_dom } from "./react-dom-BWRJ_g_k.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-COBk7ree.js";
@@ -67,16 +67,16 @@ import { t as useAsyncData } from "./useAsyncData-B6hCGywC.js";
 import "./defaultLocale-BpsHxBd7.js";
 import "./defaultLocale-DoeErsX2.js";
 import { t as useDeepCompareMemoize } from "./useDeepCompareMemoize-CmwDuYUH.js";
-import "./dist-HVuryI1a.js";
-import "./dist-CxdUraQr.js";
-import "./dist-C-J0pt5p.js";
-import "./dist-BK-3fF4P.js";
-import "./dist-DadjmS-4.js";
-import "./dist-CinA9Enb.js";
-import "./dist-DBLeRrPp.js";
-import "./dist-CGLzXdrt.js";
-import "./dist-Zn0KNbo9.js";
-import { t as langs } from "./esm-CYEyrE3Y.js";
+import "./dist-C34oIrQ9.js";
+import "./dist-B507mf_I.js";
+import "./dist-BvCfQQQE.js";
+import "./dist-B4LJpMEg.js";
+import "./dist-DJ6zJQZ4.js";
+import "./dist-WdPUFc56.js";
+import "./dist-t_qL7eB8.js";
+import "./dist-CDFZi-QD.js";
+import "./dist-Bc5pmZIw.js";
+import { t as langs } from "./esm-DjNnlmpf.js";
 let initialize;
 let __tla = Promise.all([
   (() => {
@@ -3734,21 +3734,21 @@ let __tla = Promise.all([
   function $2f04cbc44ee30ce0$export$53a0910f038337bd(e, r, c = {}) {
     let { block: l = "nearest", inline: u = "nearest" } = c;
     if (e === r) return;
-    let d = e.scrollTop, f = e.scrollLeft, p = r.getBoundingClientRect(), m = e.getBoundingClientRect(), h = window.getComputedStyle(r), g = window.getComputedStyle(e), _ = document.scrollingElement || document.documentElement, v = e === _ ? 0 : m.top, y = e === _ ? e.clientHeight : m.bottom, b = e === _ ? 0 : m.left, S = e === _ ? e.clientWidth : m.right, w = parseInt(h.scrollMarginTop, 10) || 0, T = parseInt(h.scrollMarginBottom, 10) || 0, E = parseInt(h.scrollMarginLeft, 10) || 0, O = parseInt(h.scrollMarginRight, 10) || 0, j = parseInt(g.scrollPaddingTop, 10) || 0, M = parseInt(g.scrollPaddingBottom, 10) || 0, I = parseInt(g.scrollPaddingLeft, 10) || 0, L = parseInt(g.scrollPaddingRight, 10) || 0, R = parseInt(g.borderTopWidth, 10) || 0, z = parseInt(g.borderBottomWidth, 10) || 0, B = parseInt(g.borderLeftWidth, 10) || 0, H = parseInt(g.borderRightWidth, 10) || 0, W = p.top - w, G = p.bottom + T, q = p.left - E, Z = p.right + O, w0 = e === _ ? 0 : B + H, T0 = e === _ ? 0 : R + z, E0 = e.offsetWidth - e.clientWidth - w0, D0 = e.offsetHeight - e.clientHeight - T0, O0 = v + R + j, k0 = y - z - M - D0, A0 = b + B + I, j0 = S - H - L;
-    g.direction === "rtl" && !$c87311424ea30a05$export$fedb369cb70207f1() ? A0 += E0 : j0 -= E0;
-    let M0 = W < O0 || G > k0, N0 = q < A0 || Z > j0;
-    if (M0 && l === "start") d += W - O0;
-    else if (M0 && l === "center") d += (W + G) / 2 - (O0 + k0) / 2;
-    else if (M0 && l === "end") d += G - k0;
-    else if (M0 && l === "nearest") {
-      let e2 = W - O0, r2 = G - k0;
+    let d = e.scrollTop, f = e.scrollLeft, p = r.getBoundingClientRect(), m = e.getBoundingClientRect(), h = window.getComputedStyle(r), g = window.getComputedStyle(e), _ = document.scrollingElement || document.documentElement, v = e === _ ? 0 : m.top, y = e === _ ? e.clientHeight : m.bottom, b = e === _ ? 0 : m.left, S = e === _ ? e.clientWidth : m.right, w = parseInt(h.scrollMarginTop, 10) || 0, T = parseInt(h.scrollMarginBottom, 10) || 0, E = parseInt(h.scrollMarginLeft, 10) || 0, O = parseInt(h.scrollMarginRight, 10) || 0, j = parseInt(g.scrollPaddingTop, 10) || 0, M = parseInt(g.scrollPaddingBottom, 10) || 0, I = parseInt(g.scrollPaddingLeft, 10) || 0, L = parseInt(g.scrollPaddingRight, 10) || 0, R = parseInt(g.borderTopWidth, 10) || 0, z = parseInt(g.borderBottomWidth, 10) || 0, B = parseInt(g.borderLeftWidth, 10) || 0, H = parseInt(g.borderRightWidth, 10) || 0, W = p.top - w, G = p.bottom + T, q = p.left - E, Z = p.right + O, S0 = e === _ ? 0 : B + H, C0 = e === _ ? 0 : R + z, w0 = e.offsetWidth - e.clientWidth - S0, T0 = e.offsetHeight - e.clientHeight - C0, E0 = v + R + j, D0 = y - z - M - T0, O0 = b + B + I, k0 = S - H - L;
+    g.direction === "rtl" && !$c87311424ea30a05$export$fedb369cb70207f1() ? O0 += w0 : k0 -= w0;
+    let A0 = W < E0 || G > D0, j0 = q < O0 || Z > k0;
+    if (A0 && l === "start") d += W - E0;
+    else if (A0 && l === "center") d += (W + G) / 2 - (E0 + D0) / 2;
+    else if (A0 && l === "end") d += G - D0;
+    else if (A0 && l === "nearest") {
+      let e2 = W - E0, r2 = G - D0;
       d += Math.abs(e2) <= Math.abs(r2) ? e2 : r2;
     }
-    if (N0 && u === "start") f += q - A0;
-    else if (N0 && u === "center") f += (q + Z) / 2 - (A0 + j0) / 2;
-    else if (N0 && u === "end") f += Z - j0;
-    else if (N0 && u === "nearest") {
-      let e2 = q - A0, r2 = Z - j0;
+    if (j0 && u === "start") f += q - O0;
+    else if (j0 && u === "center") f += (q + Z) / 2 - (O0 + k0) / 2;
+    else if (j0 && u === "end") f += Z - k0;
+    else if (j0 && u === "nearest") {
+      let e2 = q - O0, r2 = Z - k0;
       f += Math.abs(e2) <= Math.abs(r2) ? e2 : r2;
     }
     e.scrollTo({
@@ -6906,11 +6906,11 @@ let __tla = Promise.all([
     R[j] += W;
     let G = $edcf132a9284368a$var$getMaxHeight(R, p, h, v, u, d, c.height, H, m, w, T);
     y && y < G && (G = y), c.height = Math.min(c.height, G), R = $edcf132a9284368a$var$computePosition(r, p, c, E, z, _, h, v, b, S, m), W = $edcf132a9284368a$var$getDelta(j, R[j], c[M], p, m, d, h), R[j] += W;
-    let q = {}, Z = r[j] - R[j] - u[$edcf132a9284368a$var$AXIS[j]], w0 = Z + 0.5 * r[M], T0 = b / 2 + S, E0 = $edcf132a9284368a$var$AXIS[j] === "left" ? (u.left ?? 0) + (u.right ?? 0) : (u.top ?? 0) + (u.bottom ?? 0), D0 = c[M] - E0 - b / 2 - S;
-    q[j] = $9446cca9a3875146$export$7d15b64cf5a3a4c4($9446cca9a3875146$export$7d15b64cf5a3a4c4(w0, r[j] + b / 2 - (R[j] + u[$edcf132a9284368a$var$AXIS[j]]), r[j] + r[M] - b / 2 - (R[j] + u[$edcf132a9284368a$var$AXIS[j]])), T0, D0), { placement: I, crossPlacement: L } = E, b ? Z = q[j] : L === "right" ? Z += r[M] : L === "center" && (Z += r[M] / 2);
-    let O0 = I === "left" || I === "top" ? c[O] : 0, k0 = {
-      x: I === "top" || I === "bottom" ? Z : O0,
-      y: I === "left" || I === "right" ? Z : O0
+    let q = {}, Z = r[j] - R[j] - u[$edcf132a9284368a$var$AXIS[j]], S0 = Z + 0.5 * r[M], C0 = b / 2 + S, w0 = $edcf132a9284368a$var$AXIS[j] === "left" ? (u.left ?? 0) + (u.right ?? 0) : (u.top ?? 0) + (u.bottom ?? 0), T0 = c[M] - w0 - b / 2 - S;
+    q[j] = $9446cca9a3875146$export$7d15b64cf5a3a4c4($9446cca9a3875146$export$7d15b64cf5a3a4c4(S0, r[j] + b / 2 - (R[j] + u[$edcf132a9284368a$var$AXIS[j]]), r[j] + r[M] - b / 2 - (R[j] + u[$edcf132a9284368a$var$AXIS[j]])), C0, T0), { placement: I, crossPlacement: L } = E, b ? Z = q[j] : L === "right" ? Z += r[M] : L === "center" && (Z += r[M] / 2);
+    let E0 = I === "left" || I === "top" ? c[O] : 0, D0 = {
+      x: I === "top" || I === "bottom" ? Z : E0,
+      y: I === "left" || I === "right" ? Z : E0
     };
     return {
       position: R,
@@ -6918,7 +6918,7 @@ let __tla = Promise.all([
       arrowOffsetLeft: q.left,
       arrowOffsetTop: q.top,
       placement: I,
-      triggerAnchorPoint: k0
+      triggerAnchorPoint: D0
     };
   }
   function $edcf132a9284368a$export$b3ceb0cbf1056d98(e) {
@@ -8778,7 +8778,7 @@ let __tla = Promise.all([
     e !== (0, import_react.useMemo)(() => r.segments.find((e2) => e2.isEditable), [
       r.segments
     ]) && !r.isInvalid && (h = void 0);
-    let G = $bdb11010cef70236$export$f680877a34711e37(), q = !r.isDisabled && !r.isReadOnly && e.isEditable, Z = e.type === "literal" ? "" : f.of(e.type), w0 = $313b98861ee5dd6c$export$d6875122194c7b44({
+    let G = $bdb11010cef70236$export$f680877a34711e37(), q = !r.isDisabled && !r.isReadOnly && e.isEditable, Z = e.type === "literal" ? "" : f.of(e.type), S0 = $313b98861ee5dd6c$export$d6875122194c7b44({
       "aria-label": `${Z}${p ? `, ${p}` : ""}${m ? ", " : ""}`,
       "aria-labelledby": m
     });
@@ -8787,16 +8787,16 @@ let __tla = Promise.all([
         "aria-hidden": true
       }
     };
-    let T0 = {
+    let C0 = {
       caretColor: "transparent"
     };
     if (d === "rtl") {
-      T0.unicodeBidi = "embed";
+      C0.unicodeBidi = "embed";
       let r2 = v[e.type];
-      (r2 === "numeric" || r2 === "2-digit") && (T0.direction = "ltr");
+      (r2 === "numeric" || r2 === "2-digit") && (C0.direction = "ltr");
     }
     return {
-      segmentProps: $3ef42575df84b30b$export$9d1611c77c2fe928(S, w0, {
+      segmentProps: $3ef42575df84b30b$export$9d1611c77c2fe928(S, S0, {
         id: G,
         ...W,
         "aria-invalid": r.isInvalid ? "true" : void 0,
@@ -8812,7 +8812,7 @@ let __tla = Promise.all([
         tabIndex: r.isDisabled ? void 0 : 0,
         onKeyDown: E,
         onFocus: B,
-        style: T0,
+        style: C0,
         onPointerDown(e2) {
           e2.stopPropagation();
         },
@@ -9537,7 +9537,7 @@ let __tla = Promise.all([
       });
     }
   }, NavMenuComponent = (e) => {
-    let r = (0, import_compiler_runtime$94.c)(13), { items: c, orientation: l } = e, u = _temp$32, d = _temp2$22, f = _temp3$16, p;
+    let r = (0, import_compiler_runtime$94.c)(13), { items: c, orientation: l } = e, u = _temp$32, d = _temp2$21, f = _temp3$16, p;
     r[0] === l ? p = r[1] : (p = (e2) => "items" in e2 ? l === "horizontal" ? (0, import_jsx_runtime.jsx)(NavigationMenu, {
       orientation: "horizontal",
       children: (0, import_jsx_runtime.jsx)(NavigationMenuList, {
@@ -9662,7 +9662,7 @@ let __tla = Promise.all([
       children: e
     }) : e;
   }
-  function _temp2$22(e) {
+  function _temp2$21(e) {
     return e.startsWith("http") ? "_blank" : "_self";
   }
   function _temp3$16(e) {
@@ -10090,7 +10090,7 @@ let __tla = Promise.all([
       v,
       p,
       m
-    ]), Z = e.isInvalid || e.validationState === "invalid" || q, w0 = Z ? "invalid" : null;
+    ]), Z = e.isInvalid || e.validationState === "invalid" || q, S0 = Z ? "invalid" : null;
     return {
       ...j,
       value: g,
@@ -10098,7 +10098,7 @@ let __tla = Promise.all([
       anchorDate: v,
       setAnchorDate: R,
       highlightedRange: z,
-      validationState: w0,
+      validationState: S0,
       isValueInvalid: Z,
       selectFocusedDate() {
         B(j.focusedDate);
@@ -11320,9 +11320,9 @@ let __tla = Promise.all([
       e.maxGranularity,
       _,
       S
-    ]), [G, q] = (0, import_react.useState)(O), [Z, w0] = (0, import_react.useState)(b), [T0, E0] = (0, import_react.useState)(S);
-    (O !== G || S !== T0 || !$14e0f24ef4ac5c92$export$dbc69fd56b53d5e(b, Z)) && (j = new $f863c03ccd9aead0$export$ae165b50d181e1ef(b, S, O), q(O), w0(b), E0(S), M(j));
-    let D0 = (r2) => {
+    ]), [G, q] = (0, import_react.useState)(O), [Z, S0] = (0, import_react.useState)(b), [C0, w0] = (0, import_react.useState)(S);
+    (O !== G || S !== C0 || !$14e0f24ef4ac5c92$export$dbc69fd56b53d5e(b, Z)) && (j = new $f863c03ccd9aead0$export$ae165b50d181e1ef(b, S, O), q(O), S0(b), w0(S), M(j));
+    let T0 = (r2) => {
       if (!(e.isDisabled || e.isReadOnly)) if (r2 == null || r2 instanceof $f863c03ccd9aead0$export$ae165b50d181e1ef && r2.isCleared(W)) M(new $f863c03ccd9aead0$export$ae165b50d181e1ef(b, S, O)), T(null);
       else if (!(r2 instanceof $f863c03ccd9aead0$export$ae165b50d181e1ef)) r2 = $11d87f3f76e88657$export$b4a036af3fc0b032(r2, (g == null ? void 0 : g.calendar) || new $3b62074eb05584b2$export$80ee6245ec4f29ec()), M(new $f863c03ccd9aead0$export$ae165b50d181e1ef(b, S, O)), T(r2);
       else {
@@ -11338,70 +11338,70 @@ let __tla = Promise.all([
         }
         M(r2);
       }
-    }, O0 = (0, import_react.useMemo)(() => j.toValue(O ?? H).toDate(y), [
+    }, E0 = (0, import_react.useMemo)(() => j.toValue(O ?? H).toDate(y), [
       j,
       y,
       O,
       H
-    ]), k0 = (0, import_react.useMemo)(() => $3c0fc76039f1c516$var$processSegments(O0, j, z, B, b, r, _), [
-      O0,
+    ]), D0 = (0, import_react.useMemo)(() => $3c0fc76039f1c516$var$processSegments(E0, j, z, B, b, r, _), [
+      E0,
       z,
       B,
       j,
       b,
       r,
       _
-    ]), A0 = (e2, r2) => {
-      D0(j.cycle(e2, r2, H, W));
-    }, j0 = (0, import_react.useMemo)(() => $35a22f14a1f04b11$export$f18627323ab57ac0(w, p, m, h, L), [
+    ]), O0 = (e2, r2) => {
+      T0(j.cycle(e2, r2, H, W));
+    }, k0 = (0, import_react.useMemo)(() => $35a22f14a1f04b11$export$f18627323ab57ac0(w, p, m, h, L), [
       w,
       p,
       m,
       h,
       L
-    ]), M0 = $e5be200c675c3b3a$export$fc1a364ae1f3ff10({
+    ]), A0 = $e5be200c675c3b3a$export$fc1a364ae1f3ff10({
       ...e,
       value: w,
-      builtinValidation: j0
-    }), N0 = M0.displayValidation.isInvalid, P0 = e.validationState || (N0 ? "invalid" : null);
+      builtinValidation: k0
+    }), j0 = A0.displayValidation.isInvalid, M0 = e.validationState || (j0 ? "invalid" : null);
     return {
-      ...M0,
+      ...A0,
       value: O,
       defaultValue: e.defaultValue ?? E,
-      dateValue: O0,
+      dateValue: E0,
       calendar: b,
-      setValue: D0,
-      segments: k0,
+      setValue: T0,
+      segments: D0,
       dateFormatter: z,
-      validationState: P0,
-      isInvalid: N0,
+      validationState: M0,
+      isInvalid: j0,
       granularity: _,
       maxGranularity: e.maxGranularity ?? "year",
       isDisabled: u,
       isReadOnly: d,
       isRequired: f,
       increment(e2) {
-        A0(e2, 1);
+        O0(e2, 1);
       },
       decrement(e2) {
-        A0(e2, -1);
+        O0(e2, -1);
       },
       incrementPage(e2) {
-        A0(e2, $3c0fc76039f1c516$var$PAGE_STEP[e2] || 1);
+        O0(e2, $3c0fc76039f1c516$var$PAGE_STEP[e2] || 1);
       },
       decrementPage(e2) {
-        A0(e2, -($3c0fc76039f1c516$var$PAGE_STEP[e2] || 1));
+        O0(e2, -($3c0fc76039f1c516$var$PAGE_STEP[e2] || 1));
       },
       incrementToMax(e2) {
         let r2 = e2 === "hour" && S === "h12" ? 11 : j.getSegmentLimits(e2).maxValue;
-        D0(j.set(e2, r2, H));
+        T0(j.set(e2, r2, H));
       },
       decrementToMin(e2) {
         let r2 = e2 === "hour" && S === "h12" ? 12 : j.getSegmentLimits(e2).minValue;
-        D0(j.set(e2, r2, H));
+        T0(j.set(e2, r2, H));
       },
       setSegment(e2, r2) {
-        D0(j.set(e2, r2, H));
+        T0(j.set(e2, r2, H));
       },
       confirmPlaceholder() {
         if (!(e.isDisabled || e.isReadOnly) && j.isComplete(W)) {
@@ -11411,10 +11411,10 @@ let __tla = Promise.all([
       },
       clearSegment(e2) {
         let r2 = j;
-        e2 !== "timeZoneName" && e2 !== "literal" && (r2 = j.clear(e2)), D0(r2);
+        e2 !== "timeZoneName" && e2 !== "literal" && (r2 = j.clear(e2)), T0(r2);
       },
       formatValue(e2) {
-        return O ? new $fb18d541ea1ad717$export$ad991b66133851cf(r, $35a22f14a1f04b11$export$7e319ea407e63bc0(e2, L)).format(O0) : "";
+        return O ? new $fb18d541ea1ad717$export$ad991b66133851cf(r, $35a22f14a1f04b11$export$7e319ea407e63bc0(e2, L)).format(E0) : "";
       },
       getDateFormatter(e2, r2) {
         return new $fb18d541ea1ad717$export$ad991b66133851cf(e2, $35a22f14a1f04b11$export$7e319ea407e63bc0({}, {
@@ -13569,7 +13569,7 @@ let __tla = Promise.all([
       };
     }
   };
-  var LazyChatbot = import_react.lazy(() => import("./chat-ui-B-gbqk_F.js").then((e) => ({
+  var LazyChatbot = import_react.lazy(() => import("./chat-ui-BmWZZ3mE.js").then((e) => ({
     default: e.Chatbot
   }))), messageSchema = array(object({
     id: string(),
@@ -13643,7 +13643,7 @@ let __tla = Promise.all([
     r[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = (0, import_jsx_runtime.jsx)(TableHeader, {
       children: Array.from({
         length: 1
-      }).map(_temp2$21)
+      }).map(_temp2$20)
     }), r[4] = g) : g = r[4];
     let _;
     r[5] === d ? _ = r[6] : (_ = (0, import_jsx_runtime.jsxs)(Table, {
@@ -13682,7 +13682,7 @@ let __tla = Promise.all([
       })
     }, r);
   }
-  function _temp2$21(e, r) {
+  function _temp2$20(e, r) {
     return (0, import_jsx_runtime.jsx)(TableRow, {
       children: Array.from({
         length: 8
@@ -13713,7 +13713,7 @@ let __tla = Promise.all([
     "time",
     "unknown"
   ];
-  var import_compiler_runtime$85 = require_compiler_runtime(), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-CvlvtPWJ.js").then(async (m) => {
+  var import_compiler_runtime$85 = require_compiler_runtime(), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-B-3A3G02.js").then(async (m) => {
     await m.__tla;
     return m;
   }));
@@ -14752,10 +14752,10 @@ let __tla = Promise.all([
     }, H = () => {
       for (let e2 of p.unMount) {
         let r2 = get(l, e2);
-        r2 && (r2._f.refs ? r2._f.refs.every((e3) => !live(e3)) : !live(r2._f.ref)) && P0(e2);
+        r2 && (r2._f.refs ? r2._f.refs.every((e3) => !live(e3)) : !live(r2._f.ref)) && M0(e2);
       }
       p.unMount = /* @__PURE__ */ new Set();
-    }, W = (e2, c2) => !r.disabled && (e2 && c2 && set(d, e2, c2), !deepEqual(k0(), u)), G = (e2, r2, c2) => generateWatchOutput(e2, p, {
+    }, W = (e2, c2) => !r.disabled && (e2 && c2 && set(d, e2, c2), !deepEqual(D0(), u)), G = (e2, r2, c2) => generateWatchOutput(e2, p, {
       ...f.mount ? d : isUndefined(r2) ? u : isString(e2) ? {
         [e2]: r2
       } : r2
@@ -14772,13 +14772,13 @@ let __tla = Promise.all([
           }
         })));
       }
-      (c2.shouldDirty || c2.shouldTouch) && I(e2, f2, c2.shouldTouch, c2.shouldDirty, true), c2.shouldValidate && O0(e2);
-    }, w0 = (e2, r2, c2) => {
+      (c2.shouldDirty || c2.shouldTouch) && I(e2, f2, c2.shouldTouch, c2.shouldDirty, true), c2.shouldValidate && E0(e2);
+    }, S0 = (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) ? w0(f2, d2, c2) : Z(f2, d2, c2);
+        (p.array.has(e2) || isObject$1(d2) || m2 && !m2._f) && !isDateObject(d2) ? S0(f2, d2, c2) : Z(f2, d2, c2);
       }
-    }, T0 = (e2, r2, m2 = {}) => {
+    }, C0 = (e2, r2, m2 = {}) => {
       let h2 = get(l, e2), v2 = p.array.has(e2), y2 = cloneObject(r2);
       set(d, e2, y2), v2 ? (_.array.next({
         name: e2,
@@ -14789,7 +14789,7 @@ let __tla = Promise.all([
         name: e2,
         dirtyFields: getDirtyFields(u, d),
         isDirty: W(e2, y2)
-      })) : h2 && !h2._f && !isNullOrUndefined(y2) ? w0(e2, y2, m2) : Z(e2, y2, m2), isWatched(e2, p) && _.state.next({
+      })) : h2 && !h2._f && !isNullOrUndefined(y2) ? S0(e2, y2, m2) : Z(e2, y2, m2), isWatched(e2, p) && _.state.next({
         ...c
       }), _.values.next({
         name: f.mount ? e2 : void 0,
@@ -14797,7 +14797,7 @@ let __tla = Promise.all([
           ...d
         }
       });
-    }, E0 = async (e2) => {
+    }, w0 = async (e2) => {
       f.mount = true;
       let u2 = e2.target, h2 = u2.name, S2 = true, E2 = get(l, h2), O2 = () => u2.type ? getFieldValue(E2._f) : getEventValue(e2), j2 = (e3) => {
         S2 = Number.isNaN(e3) || isDateObject(e3) && isNaN(e3.getTime()) || deepEqual(e3, get(d, h2, e3));
@@ -14831,11 +14831,11 @@ let __tla = Promise.all([
         ], true), u3 = (await validateField(E2, p.disabled, d, b, r.shouldUseNativeValidation))[h2], T([
           h2
         ]), j2(M2), S2 && (u3 ? f2 = false : g.isValid && (f2 = await B(l, true)));
-        S2 && (E2._f.deps && O0(E2._f.deps), L(h2, f2, u3, G2));
+        S2 && (E2._f.deps && E0(E2._f.deps), L(h2, f2, u3, G2));
       }
-    }, D0 = (e2, r2) => {
+    }, T0 = (e2, r2) => {
       if (get(c.errors, r2) && e2.focus) return e2.focus(), 1;
-    }, O0 = async (e2, u2 = {}) => {
+    }, E0 = async (e2, u2 = {}) => {
       let d2, f2, m2 = convertToArrayPayload(e2);
       if (r.resolver) {
         let r2 = await z(isUndefined(e2) ? e2 : m2);
@@ -14854,23 +14854,23 @@ let __tla = Promise.all([
           isValid: d2
         } : {},
         errors: c.errors
-      }), u2.shouldFocus && !f2 && iterateFieldsByAction(l, D0, e2 ? m2 : p.mount), f2;
-    }, k0 = (e2) => {
+      }), u2.shouldFocus && !f2 && iterateFieldsByAction(l, T0, e2 ? m2 : p.mount), f2;
+    }, D0 = (e2) => {
       let r2 = {
         ...f.mount ? d : u
       };
       return isUndefined(e2) ? r2 : isString(e2) ? get(r2, e2) : e2.map((e3) => get(r2, e3));
-    }, A0 = (e2, r2) => ({
+    }, O0 = (e2, r2) => ({
       invalid: !!get((r2 || c).errors, e2),
       isDirty: !!get((r2 || c).dirtyFields, e2),
       error: get((r2 || c).errors, e2),
       isValidating: !!get(c.validatingFields, e2),
       isTouched: !!get((r2 || c).touchedFields, e2)
-    }), j0 = (e2) => {
+    }), k0 = (e2) => {
       e2 && convertToArrayPayload(e2).forEach((e3) => unset(c.errors, e3)), _.state.next({
         errors: e2 ? c.errors : {}
       });
-    }, M0 = (e2, r2, u2) => {
+    }, A0 = (e2, r2, u2) => {
       let d2 = (get(l, e2, {
         _f: {}
       })._f || {}).ref, { ref: f2, message: p2, type: m2, ...h2 } = get(c.errors, e2) || {};
@@ -14883,9 +14883,9 @@ let __tla = Promise.all([
         errors: c.errors,
         isValid: false
       }), u2 && u2.shouldFocus && d2 && d2.focus && d2.focus();
-    }, N0 = (e2, r2) => isFunction$1(e2) ? _.values.subscribe({
+    }, j0 = (e2, r2) => isFunction$1(e2) ? _.values.subscribe({
       next: (c2) => e2(G(void 0, r2), c2)
-    }) : G(e2, r2, true), P0 = (e2, f2 = {}) => {
+    }) : G(e2, r2, true), M0 = (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: {
@@ -14897,9 +14897,9 @@ let __tla = Promise.all([
           isDirty: W()
         } : {}
       }), !f2.keepIsValid && w();
-    }, F0 = ({ disabled: e2, name: r2, field: c2, fields: l2 }) => {
+    }, N0 = ({ disabled: e2, name: r2, field: c2, fields: l2 }) => {
       (isBoolean(e2) && f.mount || e2 || p.disabled.has(r2)) && (e2 ? p.disabled.add(r2) : p.disabled.delete(r2), I(r2, getFieldValue(c2 ? c2._f : get(l2, r2)._f), false, false, true));
-    }, I0 = (e2, c2 = {}) => {
+    }, P0 = (e2, c2 = {}) => {
       let d2 = get(l, e2), m2 = isBoolean(c2.disabled) || isBoolean(r.disabled);
       return set(l, e2, {
         ...d2 || {},
@@ -14913,7 +14913,7 @@ let __tla = Promise.all([
           mount: true,
           ...c2
         }
-      }), p.mount.add(e2), d2 ? F0({
+      }), p.mount.add(e2), d2 ? N0({
         field: d2,
         disabled: isBoolean(c2.disabled) ? c2.disabled : r.disabled,
         name: e2
@@ -14930,11 +14930,11 @@ let __tla = Promise.all([
           pattern: getRuleValue(c2.pattern)
         } : {},
         name: e2,
-        onChange: E0,
-        onBlur: E0,
+        onChange: w0,
+        onBlur: w0,
         ref: (m3) => {
           if (m3) {
-            I0(e2, c2), d2 = get(l, e2);
+            P0(e2, c2), d2 = get(l, e2);
             let r2 = isUndefined(m3.value) && m3.querySelectorAll && m3.querySelectorAll("input,select,textarea")[0] || m3, f2 = isRadioOrCheckbox(r2), p2 = d2._f.refs || [];
             if (f2 ? p2.find((e3) => e3 === r2) : r2 === d2._f.ref) return;
             set(l, e2, {
@@ -14960,7 +14960,7 @@ let __tla = Promise.all([
           } else d2 = get(l, e2, {}), d2._f && (d2._f.mount = false), (r.shouldUnregister || c2.shouldUnregister) && !(isNameInFieldArray(p.array, e2) && f.action) && p.unMount.add(e2);
         }
       };
-    }, L0 = () => r.shouldFocusError && iterateFieldsByAction(l, D0, p.mount), R0 = (e2) => {
+    }, F0 = () => r.shouldFocusError && iterateFieldsByAction(l, T0, p.mount), I0 = (e2) => {
       isBoolean(e2) && (_.state.next({
         disabled: e2
       }), iterateFieldsByAction(l, (r2, c2) => {
@@ -14969,7 +14969,7 @@ let __tla = Promise.all([
           r3.disabled = u2._f.disabled || e2;
         }));
       }, 0, false));
-    }, z0 = (e2, u2) => async (f2) => {
+    }, L0 = (e2, u2) => async (f2) => {
       let m2;
       f2 && (f2.preventDefault && f2.preventDefault(), f2.persist && f2.persist());
       let h2 = cloneObject(d);
@@ -14991,7 +14991,7 @@ let __tla = Promise.all([
         }
       } else u2 && await u2({
         ...c.errors
-      }, f2), L0(), setTimeout(L0);
+      }, f2), F0(), setTimeout(F0);
       if (_.state.next({
         isSubmitted: true,
         isSubmitting: false,
@@ -14999,11 +14999,11 @@ let __tla = Promise.all([
         submitCount: c.submitCount + 1,
         errors: c.errors
       }), m2) throw m2;
-    }, B0 = (e2, r2 = {}) => {
-      get(l, e2) && (isUndefined(r2.defaultValue) ? T0(e2, cloneObject(get(u, e2))) : (T0(e2, r2.defaultValue), set(u, e2, cloneObject(r2.defaultValue))), r2.keepTouched || unset(c.touchedFields, e2), r2.keepDirty || (unset(c.dirtyFields, e2), c.isDirty = r2.defaultValue ? W(e2, cloneObject(get(u, e2))) : W()), r2.keepError || (unset(c.errors, e2), g.isValid && w()), _.state.next({
+    }, R0 = (e2, r2 = {}) => {
+      get(l, e2) && (isUndefined(r2.defaultValue) ? C0(e2, cloneObject(get(u, e2))) : (C0(e2, r2.defaultValue), set(u, e2, cloneObject(r2.defaultValue))), r2.keepTouched || unset(c.touchedFields, e2), r2.keepDirty || (unset(c.dirtyFields, e2), c.isDirty = r2.defaultValue ? W(e2, cloneObject(get(u, e2))) : W()), r2.keepError || (unset(c.errors, e2), g.isValid && w()), _.state.next({
         ...c
       }));
-    }, V0 = (e2, m2 = {}) => {
+    }, z0 = (e2, m2 = {}) => {
       let h2 = e2 ? cloneObject(e2) : u, v2 = cloneObject(h2), y2 = isEmptyObject(e2), b2 = y2 ? u : v2;
       if (m2.keepDefaultValues || (u = h2), !m2.keepValues) {
         if (m2.keepDirtyValues) {
@@ -15011,7 +15011,7 @@ let __tla = Promise.all([
             ...p.mount,
             ...Object.keys(getDirtyFields(u, d))
           ]);
-          for (let r2 of Array.from(e3)) get(c.dirtyFields, r2) ? set(b2, r2, get(d, r2)) : T0(r2, get(b2, r2));
+          for (let r2 of Array.from(e3)) get(c.dirtyFields, r2) ? set(b2, r2, get(d, r2)) : C0(r2, get(b2, r2));
         } else {
           if (isWeb && isUndefined(e2)) for (let e3 of p.mount) {
             let r2 = get(l, e3);
@@ -15056,25 +15056,25 @@ let __tla = Promise.all([
         isSubmitSuccessful: m2.keepIsSubmitSuccessful ? c.isSubmitSuccessful : false,
         isSubmitting: false
       });
-    }, H0 = (e2, r2) => V0(isFunction$1(e2) ? e2(d) : e2, r2);
+    }, B0 = (e2, r2) => z0(isFunction$1(e2) ? e2(d) : e2, r2);
     return {
       control: {
-        register: I0,
-        unregister: P0,
-        getFieldState: A0,
-        handleSubmit: z0,
-        setError: M0,
+        register: P0,
+        unregister: M0,
+        getFieldState: O0,
+        handleSubmit: L0,
+        setError: A0,
         _executeSchema: R,
         _getWatch: G,
         _getDirty: W,
         _updateValid: w,
         _removeUnmounted: H,
         _updateFieldArray: E,
-        _updateDisabledField: F0,
+        _updateDisabledField: N0,
         _getFieldArray: q,
-        _reset: V0,
+        _reset: z0,
         _resetDefaultValues: () => isFunction$1(r.defaultValues) && r.defaultValues().then((e2) => {
-          H0(e2, r.resetOptions), _.state.next({
+          B0(e2, r.resetOptions), _.state.next({
             isLoading: false
           });
         }),
@@ -15084,7 +15084,7 @@ let __tla = Promise.all([
             ...e2
           };
         },
-        _disableForm: R0,
+        _disableForm: I0,
         _subjects: _,
         _proxyFormState: g,
         _setErrors: j,
@@ -15125,17 +15125,17 @@ let __tla = Promise.all([
           };
         }
       },
-      trigger: O0,
-      register: I0,
-      handleSubmit: z0,
-      watch: N0,
-      setValue: T0,
-      getValues: k0,
-      reset: H0,
-      resetField: B0,
-      clearErrors: j0,
-      unregister: P0,
-      setError: M0,
+      trigger: E0,
+      register: P0,
+      handleSubmit: L0,
+      watch: j0,
+      setValue: C0,
+      getValues: D0,
+      reset: B0,
+      resetField: R0,
+      clearErrors: k0,
+      unregister: M0,
+      setError: A0,
       setFocus: (e2, r2 = {}) => {
         let c2 = get(l, e2), u2 = c2 && c2._f;
         if (u2) {
@@ -15143,7 +15143,7 @@ let __tla = Promise.all([
           e3.focus && (e3.focus(), r2.shouldSelect && isFunction$1(e3.select) && e3.select());
         }
       },
-      getFieldState: A0
+      getFieldState: O0
     };
   }
   function useForm(e = {}) {
@@ -18308,21 +18308,21 @@ ${c}
     }), H = U(), W = U(), G = C(0), q = C(null), Z = C({
       column: 0,
       row: 0
-    }), w0 = U(), T0 = U(), E0 = C(false), D0 = C(0), O0 = C(true), k0 = C(false), A0 = C(false);
-    Y(x(b, $(D0), P(([e2, r2]) => !!r2)), () => {
-      D(O0, false);
-    }), Y(x(ut(b, O0, B, z, D0, k0), P(([e2, r2, c2, l2, , u2]) => e2 && !r2 && c2.height !== 0 && l2.height !== 0 && !u2)), ([, , , , e2]) => {
-      D(k0, true), Ue(1, () => {
+    }), S0 = U(), C0 = U(), w0 = C(false), T0 = C(0), E0 = C(true), D0 = C(false), O0 = C(false);
+    Y(x(b, $(T0), P(([e2, r2]) => !!r2)), () => {
+      D(E0, false);
+    }), Y(x(ut(b, E0, B, z, T0, D0), P(([e2, r2, c2, l2, , u2]) => e2 && !r2 && c2.height !== 0 && l2.height !== 0 && !u2)), ([, , , , e2]) => {
+      D(D0, true), Ue(1, () => {
         D(H, e2);
       }), Et(x(h), () => {
         D(r, [
           0,
           0
-        ]), D(O0, true);
+        ]), D(E0, true);
       });
-    }), F(x(T0, P((e2) => e2 != null && e2.scrollTop > 0), Ft(0)), L), Y(x(b, $(T0), P(([, e2]) => e2 != null)), ([, e2]) => {
-      e2 && (D(z, e2.viewport), D(B, e2.item), D(Z, e2.gap), e2.scrollTop > 0 && (D(E0, true), Et(x(h, Kt(1)), (e3) => {
-        D(E0, false);
+    }), F(x(C0, P((e2) => e2 != null && e2.scrollTop > 0), Ft(0)), L), Y(x(b, $(C0), P(([, e2]) => e2 != null)), ([, e2]) => {
+      e2 && (D(z, e2.viewport), D(B, e2.item), D(Z, e2.gap), e2.scrollTop > 0 && (D(w0, true), Et(x(h, Kt(1)), (e3) => {
+        D(w0, false);
       }), D(m, {
         top: e2.scrollTop
       })));
@@ -18331,7 +18331,7 @@ ${c}
       item: r2,
       scrollTop: l2,
       viewport: e2
-    }))), w0), F(x(ut(V(I), l, V(Z, Or), V(B, xe), V(z, xe), V(q), V(L), V(E0), V(O0), V(D0)), P(([, , , , , , , e2]) => !e2), k(([e2, [r2, c2], l2, u2, d2, f2, p2, , m2, h2]) => {
+    }))), S0), F(x(ut(V(I), l, V(Z, Or), V(B, xe), V(z, xe), V(q), V(L), V(w0), V(E0), V(T0)), 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) {
@@ -18357,16 +18357,16 @@ ${c}
         u2
       ];
     }), J(ce)), r);
-    let j0 = C(false);
-    F(x(h, $(j0), k(([e2, r2]) => r2 || e2 !== 0)), j0);
-    let M0 = bt(x(ut(R, I), P(([{ items: e2 }]) => e2.length > 0), $(j0), P(([[e2, r2], c2]) => {
+    let k0 = C(false);
+    F(x(h, $(k0), k(([e2, r2]) => r2 || e2 !== 0)), k0);
+    let A0 = bt(x(ut(R, I), P(([{ items: e2 }]) => e2.length > 0), $(k0), P(([[e2, r2], c2]) => {
       let l2 = e2.items[e2.items.length - 1].index === r2 - 1;
       return (c2 || e2.bottom > 0 && e2.itemHeight > 0 && e2.offsetBottom === 0 && e2.items.length === r2) && l2;
-    }), k(([[, e2]]) => e2 - 1), J())), N0 = bt(x(V(R), P(({ items: e2 }) => e2.length > 0 && e2[0].index === 0), Ft(0), J())), P0 = bt(x(V(R), $(E0), P(([{ items: e2 }, r2]) => e2.length > 0 && !r2), k(([{ items: e2 }]) => ({
+    }), k(([[, e2]]) => e2 - 1), J())), j0 = bt(x(V(R), P(({ items: e2 }) => e2.length > 0 && e2[0].index === 0), Ft(0), J())), M0 = bt(x(V(R), $(w0), P(([{ items: e2 }, r2]) => e2.length > 0 && !r2), k(([{ items: e2 }]) => ({
       endIndex: e2[e2.length - 1].index,
       startIndex: e2[0].index
     })), J(An), Gt(0)));
-    F(P0, y.scrollSeekRangeChanged), F(x(H, $(z, B, I, Z), k(([e2, r2, c2, l2, u2]) => {
+    F(M0, y.scrollSeekRangeChanged), F(x(H, $(z, B, I, Z), 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);
@@ -18375,7 +18375,7 @@ ${c}
         top: g2
       };
     })), m);
-    let F0 = ht(x(R, k((e2) => e2.offsetBottom + e2.bottom)), 0);
+    let N0 = ht(x(R, k((e2) => e2.offsetBottom + e2.bottom)), 0);
     return F(x(j, k((e2) => ({
       height: e2.visibleHeight,
       width: e2.visibleWidth
@@ -18390,7 +18390,7 @@ ${c}
       initialItemCount: L,
       itemDimensions: B,
       overscan: c,
-      restoreStateFrom: T0,
+      restoreStateFrom: C0,
       scrollBy: f,
       scrollContainerState: p,
       scrollHeight: W,
@@ -18406,16 +18406,16 @@ ${c}
       windowViewportRect: j,
       ...y,
       gridState: R,
-      horizontalDirection: A0,
-      initialTopMostItemIndex: D0,
-      totalListHeight: F0,
+      horizontalDirection: O0,
+      initialTopMostItemIndex: T0,
+      totalListHeight: N0,
       ...v,
-      endReached: M0,
+      endReached: A0,
       propsReady: S,
-      rangeChanged: P0,
-      startReached: N0,
-      stateChanged: w0,
-      stateRestoreInProgress: E0,
+      rangeChanged: M0,
+      startReached: j0,
+      stateChanged: S0,
+      stateRestoreInProgress: w0,
       ...M
     };
   }, tt(je, It, he, Zn, _t, qe, Wt));
@@ -18745,7 +18745,7 @@ ${c}
           }) : r2;
         }
       });
-      let e2 = y.map(_temp2$20);
+      let e2 = y.map(_temp2$19);
       return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [
           j,
@@ -18783,7 +18783,7 @@ ${c}
   function _temp$26(e) {
     return e !== SELECT_ALL_KEY && e !== DESELECT_ALL_KEY;
   }
-  function _temp2$20(e) {
+  function _temp2$19(e) {
     return (0, import_jsx_runtime.jsx)(ComboboxItem, {
       value: e,
       children: e
@@ -19151,7 +19151,7 @@ ${c}
                 }),
                 (0, import_jsx_runtime.jsx)(SelectContent, {
                   children: (0, import_jsx_runtime.jsx)(SelectGroup, {
-                    children: u.filter(_temp2$19).map(_temp3$13)
+                    children: u.filter(_temp2$18).map(_temp3$13)
                   })
                 })
               ]
@@ -19645,7 +19645,7 @@ ${c}
       })
     }, e.name);
   }
-  function _temp2$19(e) {
+  function _temp2$18(e) {
     return e.value !== "";
   }
   function _temp3$13(e) {
@@ -20199,7 +20199,7 @@ ${c}
       fieldName: "color.scheme",
       label: "Color scheme",
       defaultValue: DEFAULT_COLOR_SCHEME,
-      options: COLOR_SCHEMES.map(_temp2$18)
+      options: COLOR_SCHEMES.map(_temp2$17)
     }), y = (0, import_jsx_runtime.jsx)(ColorArrayField, {
       fieldName: "color.range",
       label: "Color range"
@@ -20304,7 +20304,7 @@ ${c}
       value: e
     };
   }
-  function _temp2$18(e) {
+  function _temp2$17(e) {
     return {
       display: capitalize(e),
       value: e
@@ -20884,7 +20884,7 @@ ${c}
     let p = f;
     if (u) {
       let e2;
-      r[1] === u ? e2 = r[2] : (e2 = u.map(_temp2$17), r[1] = u, r[2] = e2), p = e2;
+      r[1] === u ? e2 = r[2] : (e2 = u.map(_temp2$16), r[1] = u, r[2] = e2), p = e2;
     }
     let m;
     r[3] !== c || r[4] !== l ? (m = () => {
@@ -20980,7 +20980,7 @@ ${c}
       children: j
     }), r[25] = j, r[26] = _, r[27] = M) : M = r[27], M;
   };
-  function _temp2$17(e) {
+  function _temp2$16(e) {
     return {
       name: e[0],
       type: e[1][0]
@@ -21211,7 +21211,7 @@ ${c}
           M2,
           (0, import_jsx_runtime.jsx)(CopyClipboardIcon, {
             tooltip: "Copy column names",
-            value: (e2 == null ? void 0 : e2.map(_temp2$16).join(",\n")) || "",
+            value: (e2 == null ? void 0 : e2.map(_temp2$15).join(",\n")) || "",
             className: "h-3 w-3 ml-1 mt-0.5"
           })
         ]
@@ -21392,7 +21392,7 @@ ${c}
     let [r] = e;
     return !(r === "__select__" || r === "_marimo_row_id" || r.startsWith("__m_column__"));
   }
-  function _temp2$16(e) {
+  function _temp2$15(e) {
     let [r] = e;
     return r;
   }
@@ -21689,51 +21689,51 @@ ${c}
     }), r[24] = q) : q = r[24];
     let Z;
     r[25] === E ? Z = r[26] : (Z = () => E(PANEL_TYPES.COLUMN_EXPLORER), r[25] = E, r[26] = Z);
-    let w0 = R === PANEL_TYPES.COLUMN_EXPLORER ? activeClassName : inactiveClassName, T0;
-    r[27] === w0 ? T0 = r[28] : (T0 = cn(tabTriggerClassName, w0), r[27] = w0, r[28] = T0);
-    let E0;
-    r[29] !== T0 || r[30] !== Z ? (E0 = (0, import_jsx_runtime.jsx)(Button, {
+    let S0 = R === PANEL_TYPES.COLUMN_EXPLORER ? activeClassName : inactiveClassName, C0;
+    r[27] === S0 ? C0 = r[28] : (C0 = cn(tabTriggerClassName, S0), r[27] = S0, r[28] = C0);
+    let w0;
+    r[29] !== C0 || r[30] !== Z ? (w0 = (0, import_jsx_runtime.jsx)(Button, {
       variant: "text",
       size: "xs",
       onClick: Z,
-      className: T0,
+      className: C0,
       children: "Columns"
-    }), r[29] = T0, r[30] = Z, r[31] = E0) : E0 = r[31];
-    let D0;
-    r[32] !== E0 || r[33] !== G ? (D0 = (0, import_jsx_runtime.jsx)(Fill, {
+    }), r[29] = C0, r[30] = Z, r[31] = w0) : w0 = r[31];
+    let T0;
+    r[32] !== w0 || r[33] !== G ? (T0 = (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: [
           G,
           q,
-          E0
+          w0
         ]
       })
-    }), r[32] = E0, r[33] = G, r[34] = D0) : D0 = r[34];
-    let O0;
-    r[35] === M ? O0 = r[36] : (O0 = (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[32] = w0, r[33] = G, r[34] = T0) : T0 = r[34];
+    let E0;
+    r[35] === M ? E0 = r[36] : (E0 = (0, import_jsx_runtime.jsx)(TabsContent, {
       value: PANEL_TYPES.ROW_VIEWER,
       className: "flex-1 overflow-auto",
       children: M
-    }), r[35] = M, r[36] = O0);
-    let k0;
-    r[37] === L ? k0 = r[38] : (k0 = (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[35] = M, r[36] = E0);
+    let D0;
+    r[37] === L ? D0 = r[38] : (D0 = (0, import_jsx_runtime.jsx)(TabsContent, {
       value: PANEL_TYPES.COLUMN_EXPLORER,
       className: "flex-1 overflow-auto",
       children: L
-    }), r[37] = L, r[38] = k0);
-    let A0;
-    return r[39] !== R || r[40] !== D0 || r[41] !== O0 || r[42] !== k0 || r[43] !== z ? (A0 = (0, import_jsx_runtime.jsxs)(Tabs, {
+    }), r[37] = L, r[38] = D0);
+    let O0;
+    return r[39] !== R || r[40] !== T0 || r[41] !== E0 || r[42] !== D0 || r[43] !== z ? (O0 = (0, import_jsx_runtime.jsxs)(Tabs, {
       value: R,
       onValueChange: z,
       className: "flex flex-col min-w-[350px]",
       children: [
-        D0,
-        O0,
-        k0
+        T0,
+        E0,
+        D0
       ]
-    }), r[39] = R, r[40] = D0, r[41] = O0, r[42] = k0, r[43] = z, r[44] = A0) : A0 = r[44], A0;
+    }), r[39] = R, r[40] = T0, r[41] = E0, r[42] = D0, r[43] = z, r[44] = O0) : O0 = r[44], O0;
   };
   var import_compiler_runtime$64 = require_compiler_runtime();
   function useEffectSkipFirstRender(e, r) {
@@ -22239,6 +22239,7 @@ ${c}
     headerTooltip: record(string(), string()).optional(),
     fieldTypes: columnToFieldTypesSchema.nullish(),
     totalColumns: number(),
+    sizeBytes: number().nullish(),
     maxColumns: union([
       number(),
       literal("all")
@@ -22287,7 +22288,8 @@ ${c}
       raw_data: union([
         string(),
         array(looseObject({}))
-      ]).nullish()
+      ]).nullish(),
+      size_bytes: number().nullish()
     })),
     get_row_ids: rpc.input(object({}).passthrough()).output(object({
       row_ids: array(number()),
@@ -22381,7 +22383,7 @@ ${c}
     return l;
   };
   const LoadingDataTableComponent = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$63.c)(104), c;
+    let r = (0, import_compiler_runtime$63.c)(107), 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];
@@ -22416,35 +22418,36 @@ ${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.totalRows || r[31] !== u || r[32] !== y || r[33] !== 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.sizeBytes || r[31] !== e.totalRows || r[32] !== u || r[33] !== y || r[34] !== 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.cellStyles, f2 = e.cellHoverTexts, p2 = _.pageSize !== e.pageSize, h2 = y === "" && _.pageIndex === 0 && w.length === 0 && m.length === 0 && !e.lazy && !p2, g2 = u({
+      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({
         sort: m.length > 0 ? m.map(_temp$21) : void 0,
         query: y,
         page_number: _.pageIndex,
         page_size: _.pageSize,
         filters: filtersToFilterGroup(w)
       });
-      if (h2) g2.catch(_temp2$15);
+      if (g2) v2.catch(_temp2$14);
       else {
-        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 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 [v2, b2] = await loadTableAndRawData(r2, c2);
-      return r2 = v2, {
+      let [b2, S2] = await loadTableAndRawData(r2, c2);
+      return r2 = b2, {
         rows: r2,
-        rawRows: b2,
+        rawRows: S2,
         totalRows: l2,
-        cellStyles: d,
-        cellHoverTexts: f2
+        sizeBytes: d,
+        cellStyles: f2,
+        cellHoverTexts: p2
       };
-    }, 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];
+    }, 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];
     let B = useDeepCompareMemoize(e.fieldTypes), 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 = [
+    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 = [
       m,
       u,
       w,
@@ -22452,14 +22455,15 @@ ${c}
       B,
       e.data,
       e.totalRows,
+      e.sizeBytes,
       e.lazy,
       e.cellHoverTexts,
       e.cellStyles,
       _.pageSize,
       _.pageIndex
-    ], r[35] = w, r[36] = _.pageIndex, r[37] = _.pageSize, r[38] = e.cellHoverTexts, r[39] = e.cellStyles, r[40] = e.data, r[41] = e.lazy, r[42] = e.totalRows, r[43] = u, r[44] = y, r[45] = m, r[46] = B, r[47] = H) : H = r[47];
-    let { data: W, error: G, isPending: q, isFetching: Z } = useAsyncData(z, H), w0;
-    r[48] !== w || r[49] !== u || r[50] !== y || r[51] !== m ? (w0 = async (e2) => ({
+    ], 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: Z } = useAsyncData(z, H), S0;
+    r[50] !== w || r[51] !== u || r[52] !== y || r[53] !== m ? (S0 = async (e2) => ({
       rows: await loadTableData((await u({
         page_number: e2,
         page_size: 1,
@@ -22468,51 +22472,51 @@ ${c}
         filters: filtersToFilterGroup(w),
         max_columns: null
       })).data)
-    }), r[48] = w, r[49] = u, r[50] = y, r[51] = m, r[52] = w0) : w0 = r[52];
-    let T0 = w0, E0;
-    r[53] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E0 = () => {
+    }), r[50] = w, r[51] = u, r[52] = y, r[53] = m, r[54] = S0) : S0 = r[54];
+    let C0 = S0, w0;
+    r[55] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w0 = () => {
       v(_temp4$6);
-    }, r[53] = E0) : E0 = r[53];
-    let D0 = W == null ? void 0 : W.totalRows, O0;
-    r[54] === D0 ? O0 = r[55] : (O0 = [
-      D0
-    ], r[54] = D0, r[55] = O0), (0, import_react.useEffect)(E0, O0);
-    let k0;
-    r[56] === e ? k0 = r[57] : (k0 = async () => e.totalRows === 0 || !e.showColumnSummaries ? {
+    }, r[55] = w0) : w0 = r[55];
+    let T0 = W == null ? void 0 : W.totalRows, E0;
+    r[56] === T0 ? E0 = r[57] : (E0 = [
+      T0
+    ], r[56] = T0, r[57] = E0), (0, import_react.useEffect)(w0, E0);
+    let D0;
+    r[58] === e ? D0 = r[59] : (D0 = async () => e.totalRows === 0 || !e.showColumnSummaries ? {
       data: null,
       stats: {},
       bin_values: {},
       value_counts: {},
       show_charts: false
-    } : e.get_column_summaries({}), r[56] = e, r[57] = k0);
-    let A0;
-    r[58] !== w || r[59] !== e.data || r[60] !== e.get_column_summaries || r[61] !== e.showColumnSummaries || r[62] !== e.totalRows || r[63] !== y ? (A0 = [
+    } : e.get_column_summaries({}), r[58] = e, r[59] = D0);
+    let O0;
+    r[60] !== w || r[61] !== e.data || r[62] !== e.get_column_summaries || r[63] !== e.showColumnSummaries || r[64] !== e.totalRows || r[65] !== y ? (O0 = [
       e.get_column_summaries,
       e.showColumnSummaries,
       w,
       y,
       e.totalRows,
       e.data
-    ], r[58] = w, r[59] = e.data, r[60] = e.get_column_summaries, r[61] = e.showColumnSummaries, r[62] = e.totalRows, r[63] = y, r[64] = A0) : A0 = r[64];
-    let { data: j0, error: M0 } = useAsyncData(k0, A0), N0, P0;
-    if (r[65] === M0 ? (N0 = r[66], P0 = r[67]) : (N0 = () => {
-      M0 && Logger.error(M0);
-    }, P0 = [
-      M0
-    ], r[65] = M0, r[66] = N0, r[67] = P0), (0, import_react.useEffect)(N0, P0), q) {
+    ], 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] = O0) : O0 = r[66];
+    let { data: k0, error: A0 } = useAsyncData(D0, O0), j0, M0;
+    if (r[67] === A0 ? (j0 = r[68], M0 = r[69]) : (j0 = () => {
+      A0 && Logger.error(A0);
+    }, M0 = [
+      A0
+    ], r[67] = A0, r[68] = j0, r[69] = M0), (0, import_react.useEffect)(j0, M0), q) {
       let c2 = e.totalRows !== "too_many" && e.totalRows > 0 ? Math.min(e.totalRows, e.pageSize) : e.pageSize, l2;
-      return r[68] === c2 ? l2 = r[69] : (l2 = (0, import_jsx_runtime.jsx)(DelayMount, {
+      return r[70] === c2 ? l2 = r[71] : (l2 = (0, import_jsx_runtime.jsx)(DelayMount, {
         milliseconds: 200,
         children: (0, import_jsx_runtime.jsx)(LoadingTable, {
           pageSize: c2
         })
-      }), r[68] = c2, r[69] = l2), l2;
+      }), r[70] = c2, r[71] = l2), l2;
     }
-    let F0 = null;
+    let N0 = null;
     if (G) {
       Logger.error(G);
       let e2;
-      r[70] === G ? e2 = r[71] : (e2 = !isStaticNotebook() && (0, import_jsx_runtime.jsxs)(Alert, {
+      r[72] === G ? e2 = r[73] : (e2 = !isStaticNotebook() && (0, import_jsx_runtime.jsxs)(Alert, {
         variant: "destructive",
         className: "mb-2",
         children: [
@@ -22524,74 +22528,75 @@ ${c}
             children: G.message || "An unknown error occurred"
           })
         ]
-      }), r[70] = G, r[71] = e2), F0 = e2;
+      }), r[72] = G, r[73] = e2), N0 = e2;
     }
-    let I0;
-    r[72] === O ? I0 = r[73] : (I0 = () => {
+    let P0;
+    r[74] === O ? P0 = r[75] : (P0 = () => {
       j(!O);
-    }, r[72] = O, r[73] = I0);
-    let L0 = I0, R0 = (W == null ? void 0 : W.rows) ?? Arrays.EMPTY, z0 = W == null ? void 0 : W.rawRows, B0 = Z && !q, V0 = (W == null ? void 0 : W.totalRows) ?? e.totalRows, H0 = (W == null ? void 0 : W.cellStyles) ?? e.cellStyles, U0 = (W == null ? void 0 : W.cellHoverTexts) ?? e.cellHoverTexts, W0;
-    r[74] !== l || r[75] !== j0 || r[76] !== O || r[77] !== w || r[78] !== T0 || r[79] !== _ || r[80] !== e || r[81] !== y || r[82] !== m || r[83] !== R0 || r[84] !== z0 || r[85] !== B0 || r[86] !== V0 || r[87] !== H0 || r[88] !== U0 || r[89] !== L0 ? (W0 = (0, import_jsx_runtime.jsx)(DataTableComponent, {
+    }, r[74] = O, r[75] = P0);
+    let F0 = P0, I0 = (W == null ? void 0 : W.rows) ?? Arrays.EMPTY, L0 = W == null ? void 0 : W.rawRows, R0 = Z && !q, z0 = (W == null ? void 0 : W.totalRows) ?? e.totalRows, B0 = (W == null ? void 0 : W.sizeBytes) ?? e.sizeBytes ?? null, V0 = (W == null ? void 0 : W.cellStyles) ?? e.cellStyles, H0 = (W == null ? void 0 : W.cellHoverTexts) ?? e.cellHoverTexts, U0;
+    r[76] !== l || r[77] !== k0 || r[78] !== O || r[79] !== w || r[80] !== C0 || r[81] !== _ || r[82] !== e || r[83] !== y || r[84] !== m || r[85] !== I0 || r[86] !== L0 || r[87] !== R0 || r[88] !== z0 || r[89] !== B0 || r[90] !== V0 || r[91] !== H0 || r[92] !== F0 ? (U0 = (0, import_jsx_runtime.jsx)(DataTableComponent, {
       ...e,
-      data: R0,
-      rawData: z0,
-      columnSummaries: j0,
+      data: I0,
+      rawData: L0,
+      columnSummaries: k0,
       sorting: m,
       setSorting: h,
       searchQuery: y,
       setSearchQuery: b,
       filters: w,
       setFilters: T,
-      reloading: B0,
-      totalRows: V0,
+      reloading: R0,
+      totalRows: z0,
+      sizeBytes: B0,
       paginationState: _,
       setPaginationState: v,
-      cellStyles: H0,
-      cellHoverTexts: U0,
-      toggleDisplayHeader: L0,
+      cellStyles: V0,
+      cellHoverTexts: H0,
+      toggleDisplayHeader: F0,
       isChartBuilderOpen: O,
-      getRow: T0,
+      getRow: C0,
       cellId: l,
       maxHeight: e.maxHeight
-    }), r[74] = l, r[75] = j0, r[76] = O, r[77] = w, r[78] = T0, r[79] = _, r[80] = e, r[81] = y, r[82] = m, r[83] = R0, r[84] = z0, r[85] = B0, r[86] = V0, r[87] = H0, r[88] = U0, r[89] = L0, r[90] = W0) : W0 = r[90];
-    let G0 = W0, K0;
-    r[91] !== l || r[92] !== G0 || r[93] !== (W == null ? void 0 : W.rows) || r[94] !== O || r[95] !== e.fieldTypes || r[96] !== e.get_data_url || r[97] !== e.showChartBuilder || r[98] !== e.totalColumns || r[99] !== e.totalRows ? (K0 = e.showChartBuilder ? (0, import_jsx_runtime.jsx)(TablePanel, {
+    }), r[76] = l, r[77] = k0, r[78] = O, r[79] = w, r[80] = C0, r[81] = _, r[82] = e, r[83] = y, r[84] = m, r[85] = I0, r[86] = L0, r[87] = R0, r[88] = z0, r[89] = B0, r[90] = V0, r[91] = H0, r[92] = F0, r[93] = U0) : U0 = r[93];
+    let W0 = U0, G0;
+    r[94] !== l || r[95] !== W0 || 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 ? (G0 = 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: G0,
+      dataTable: W0,
       getDataUrl: e.get_data_url,
       fieldTypes: e.fieldTypes,
       cellId: l
-    }) : G0, r[91] = l, r[92] = G0, r[93] = W == null ? void 0 : W.rows, r[94] = O, r[95] = e.fieldTypes, r[96] = e.get_data_url, r[97] = e.showChartBuilder, r[98] = e.totalColumns, r[99] = e.totalRows, r[100] = K0) : K0 = r[100];
-    let q0;
-    return r[101] !== F0 || r[102] !== K0 ? (q0 = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    }) : W0, r[94] = l, r[95] = W0, 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] = G0) : G0 = r[103];
+    let K0;
+    return r[104] !== N0 || r[105] !== G0 ? (K0 = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        F0,
-        K0
+        N0,
+        G0
       ]
-    }), r[101] = F0, r[102] = K0, r[103] = q0) : q0 = r[103], q0;
+    }), r[104] = N0, r[105] = G0, r[106] = K0) : K0 = r[106], K0;
   });
   LoadingDataTableComponent.displayName = "LoadingDataTableComponent";
-  var DataTableComponent = ({ label: e, data: r, rawData: c, totalRows: l, maxColumns: u, pagination: d, selection: f, value: p, showFilters: m, showDownload: h, showPageSizeSelector: g, showColumnExplorer: _, showRowExplorer: v, showChartBuilder: y, showDataTypes: b, rowHeaders: S, fieldTypes: w, paginationState: T, setPaginationState: O, download_as: j, columnSummaries: M, className: I, setValue: L, sorting: R, setSorting: z, enableSearch: B, searchQuery: H, setSearchQuery: W, filters: G, setFilters: q, reloading: Z, freezeColumnsLeft: w0, freezeColumnsRight: T0, textJustifyColumns: E0, wrappedColumns: D0, headerTooltip: O0, totalColumns: k0, get_row_ids: A0, cellStyles: j0, hoverTemplate: M0, cellHoverTexts: N0, toggleDisplayHeader: P0, isChartBuilderOpen: F0, calculate_top_k_rows: I0, preview_column: L0, getRow: R0, cellId: z0, maxHeight: B0 }) => {
-    let V0 = (0, import_react.useId)(), [H0, U0] = (0, import_react.useState)(0), { isPanelOpen: W0, isAnyPanelOpen: G0, togglePanel: K0, panelType: q0, setPanelType: J0 } = usePanelOwnership(V0, z0), Y0 = (0, import_react.useMemo)(() => {
-      if (!M || !w || !M.stats) return ColumnChartSpecModel.EMPTY;
-      let e3 = toFieldTypes(w);
-      return new ColumnChartSpecModel(M.data || [], e3, M.stats, M.bin_values, M.value_counts, {
-        includeCharts: M.show_charts
+  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: Z, reloading: S0, freezeColumnsLeft: C0, freezeColumnsRight: w0, textJustifyColumns: T0, wrappedColumns: E0, headerTooltip: D0, totalColumns: O0, get_row_ids: k0, cellStyles: A0, hoverTemplate: j0, cellHoverTexts: M0, toggleDisplayHeader: N0, isChartBuilderOpen: P0, calculate_top_k_rows: F0, preview_column: I0, getRow: L0, cellId: R0, maxHeight: z0 }) => {
+    let B0 = (0, import_react.useId)(), [V0, H0] = (0, import_react.useState)(0), { isPanelOpen: U0, isAnyPanelOpen: W0, togglePanel: G0, panelType: K0, setPanelType: q0 } = usePanelOwnership(B0, R0), J0 = (0, import_react.useMemo)(() => {
+      if (!I || !T || !I.stats) return ColumnChartSpecModel.EMPTY;
+      let e3 = toFieldTypes(T);
+      return new ColumnChartSpecModel(I.data || [], e3, I.stats, I.bin_values, I.value_counts, {
+        includeCharts: I.show_charts
       });
     }, [
-      w,
-      M
-    ]), X0 = useDeepCompareMemoize(w ?? inferFieldTypes(r)), Z0 = (0, import_react.useMemo)(() => u === "all" ? X0 : X0.slice(0, u), [
-      u,
-      X0
-    ]), Q0 = (0, import_react.useMemo)(() => {
+      T,
+      I
+    ]), Y0 = useDeepCompareMemoize(T ?? inferFieldTypes(r)), X0 = (0, import_react.useMemo)(() => d === "all" ? Y0 : Y0.slice(0, d), [
+      d,
+      Y0
+    ]), Z0 = (0, import_react.useMemo)(() => {
       let e3 = {};
       if (r && r.length > 0) {
-        for (let [c3, l3] of Z0) if (l3[0] === "number") {
+        for (let [c3, l3] of X0) if (l3[0] === "number") {
           let l4 = 0;
           for (let e4 of r) {
             let r3 = e4[c3];
@@ -22606,100 +22611,100 @@ ${c}
       return e3;
     }, [
       r,
-      Z0
-    ]), $0 = useDeepCompareMemoize(S), e2 = useDeepCompareMemoize(E0), t2 = useDeepCompareMemoize(D0), n2 = useDeepCompareMemoize(Y0), r2 = useDeepCompareMemoize(Q0), i2 = Z0.length;
-    w || (b = false);
-    let a2 = (0, import_react.useMemo)(() => generateColumns({
-      rowHeaders: $0,
-      selection: f,
-      chartSpecModel: n2,
-      fieldTypes: Z0,
-      textJustifyColumns: e2,
-      wrappedColumns: t2,
-      headerTooltip: O0,
-      showDataTypes: b,
-      calculateTopKRows: I0,
-      fractionDigitsByColumn: r2
+      X0
+    ]), Q0 = useDeepCompareMemoize(w), $0 = useDeepCompareMemoize(T0), e2 = useDeepCompareMemoize(E0), t2 = useDeepCompareMemoize(J0), n2 = useDeepCompareMemoize(Z0), r2 = X0.length;
+    T || (S = false);
+    let i2 = (0, import_react.useMemo)(() => generateColumns({
+      rowHeaders: Q0,
+      selection: p,
+      chartSpecModel: t2,
+      fieldTypes: X0,
+      textJustifyColumns: $0,
+      wrappedColumns: e2,
+      headerTooltip: D0,
+      showDataTypes: S,
+      calculateTopKRows: F0,
+      fractionDigitsByColumn: n2
     }), [
-      f,
-      b,
-      n2,
+      p,
+      S,
+      t2,
+      Q0,
+      X0,
       $0,
-      Z0,
       e2,
-      t2,
-      O0,
-      I0,
-      r2
-    ]), o2 = (0, import_react.useMemo)(() => Object.fromEntries((p || []).map((e3) => [
+      D0,
+      F0,
+      n2
+    ]), a2 = (0, import_react.useMemo)(() => Object.fromEntries((m || []).map((e3) => [
       e3,
       true
     ])), [
-      p
-    ]), s2 = useEvent_default((e3) => {
-      if (f === "single") {
+      m
+    ]), o2 = useEvent_default((e3) => {
+      if (p === "single") {
         let r3 = Functions.asUpdater(e3)({});
-        L(Object.keys(r3).slice(0, 1));
+        R(Object.keys(r3).slice(0, 1));
       }
-      if (f === "multi") {
-        let r3 = Functions.asUpdater(e3)(o2);
-        L(Object.keys(r3));
+      if (p === "multi") {
+        let r3 = Functions.asUpdater(e3)(a2);
+        R(Object.keys(r3));
       }
-    }), c2 = useEvent_default((e3) => {
-      if (U0(e3), e3 < 0 || typeof l == "number" && e3 >= l || l === "too_many") return;
-      let r3 = getPageIndexForRow(e3, T.pageIndex, T.pageSize);
-      r3 !== null && O((e4) => ({
+    }), s2 = useEvent_default((e3) => {
+      if (H0(e3), e3 < 0 || typeof l == "number" && e3 >= l || l === "too_many") return;
+      let r3 = getPageIndexForRow(e3, O.pageIndex, O.pageSize);
+      r3 !== null && j((e4) => ({
         ...e4,
         pageIndex: r3
       }));
-    }), l2 = p.filter((e3) => e3 instanceof Object && e3.columnName !== void 0), u2 = useEvent_default((e3) => {
-      f === "single-cell" && L(Functions.asUpdater(e3)(l2).slice(0, 1)), f === "multi-cell" && L(Functions.asUpdater(e3)(l2));
-    }), d2 = f === "multi" || f === "single", f2 = _ && !!L0, p2 = isInVscodeExtension(), m2 = isIslands();
+    }), c2 = m.filter((e3) => e3 instanceof Object && e3.columnName !== void 0), l2 = useEvent_default((e3) => {
+      p === "single-cell" && R(Functions.asUpdater(e3)(c2).slice(0, 1)), p === "multi-cell" && R(Functions.asUpdater(e3)(c2));
+    }), u2 = p === "multi" || p === "single", d2 = v && !!I0, f2 = isInVscodeExtension(), p2 = isIslands();
     return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        l === "too_many" && T.pageSize === r.length && (0, import_jsx_runtime.jsxs)(Banner, {
+        l === "too_many" && O.pageSize === r.length && (0, import_jsx_runtime.jsxs)(Banner, {
           className: "mb-1 rounded",
           children: [
             "Previewing the first ",
-            T.pageSize,
+            O.pageSize,
             " rows."
           ]
         }),
-        i2 < k0 && i2 > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
+        r2 < O0 && r2 > 0 && (0, import_jsx_runtime.jsxs)(Banner, {
           className: "mb-1 rounded",
           children: [
             "Result clipped. Showing ",
-            i2,
+            r2,
             " of ",
-            k0,
+            O0,
             " columns."
           ]
         }),
-        (M == null ? void 0 : M.is_disabled) && (0, import_jsx_runtime.jsx)(Banner, {
+        (I == null ? void 0 : I.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."
         }),
-        G0 && (v || f2) && (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
+        W0 && (y || d2) && (0, import_jsx_runtime.jsx)(ContextAwarePanelItem, {
           children: (0, import_jsx_runtime.jsx)(TableExplorerPanel, {
-            rowIdx: H0,
-            setRowIdx: c2,
+            rowIdx: V0,
+            setRowIdx: s2,
             totalRows: l,
-            fieldTypes: X0,
-            getRow: R0,
-            isSelectable: d2,
-            isRowSelected: !!o2[H0],
-            handleRowSelectionChange: s2,
-            previewColumn: L0,
-            totalColumns: k0,
-            tableId: V0,
-            showRowExplorer: v && !p2,
-            showColumnExplorer: f2 && !p2,
-            activeTab: q0,
-            onTabChange: J0
+            fieldTypes: Y0,
+            getRow: L0,
+            isSelectable: u2,
+            isRowSelected: !!a2[V0],
+            handleRowSelectionChange: o2,
+            previewColumn: I0,
+            totalColumns: O0,
+            tableId: B0,
+            showRowExplorer: y && !f2,
+            showColumnExplorer: d2 && !f2,
+            activeTab: K0,
+            onTabChange: q0
           })
         }),
         (0, import_jsx_runtime.jsx)(ColumnChartContext, {
-          value: Y0,
+          value: J0,
           children: (0, import_jsx_runtime.jsx)(Labeled, {
             label: e,
             align: "top",
@@ -22707,48 +22712,49 @@ ${c}
             children: (0, import_jsx_runtime.jsx)(DataTable, {
               data: r,
               rawData: c,
-              columns: a2,
-              className: I,
-              maxHeight: B0,
-              sorting: R,
+              columns: i2,
+              className: L,
+              maxHeight: z0,
+              sorting: z,
               totalRows: l,
-              totalColumns: k0,
+              sizeBytes: u,
+              totalColumns: O0,
               manualSorting: true,
-              setSorting: z,
-              pagination: d,
+              setSorting: B,
+              pagination: f,
               manualPagination: true,
-              selection: f,
-              paginationState: T,
-              setPaginationState: O,
-              rowSelection: o2,
-              cellSelection: l2,
-              cellStyling: j0,
-              hoverTemplate: M0,
-              cellHoverTexts: N0,
-              downloadAs: h ? j : void 0,
-              enableSearch: B,
-              searchQuery: H,
-              onSearchQueryChange: W,
-              showFilters: m,
-              filters: G,
-              onFiltersChange: q,
-              calculateTopKRows: I0,
-              reloading: Z,
-              onRowSelectionChange: s2,
-              freezeColumnsLeft: w0,
-              freezeColumnsRight: T0,
-              onCellSelectionChange: u2,
-              getRowIds: A0,
-              toggleDisplayHeader: P0,
-              showChartBuilder: y && !m2,
-              isChartBuilderOpen: F0,
-              showPageSizeSelector: g,
-              showTableExplorer: (v || f2) && !p2 && !m2,
-              togglePanel: K0,
-              isPanelOpen: W0,
-              isAnyPanelOpen: G0,
-              viewedRowIdx: H0,
-              onViewedRowChange: (e3) => U0(e3)
+              selection: p,
+              paginationState: O,
+              setPaginationState: j,
+              rowSelection: a2,
+              cellSelection: c2,
+              cellStyling: A0,
+              hoverTemplate: j0,
+              cellHoverTexts: M0,
+              downloadAs: g ? M : void 0,
+              enableSearch: H,
+              searchQuery: W,
+              onSearchQueryChange: G,
+              showFilters: h,
+              filters: q,
+              onFiltersChange: Z,
+              calculateTopKRows: F0,
+              reloading: S0,
+              onRowSelectionChange: o2,
+              freezeColumnsLeft: C0,
+              freezeColumnsRight: w0,
+              onCellSelectionChange: l2,
+              getRowIds: k0,
+              toggleDisplayHeader: N0,
+              showChartBuilder: b && !p2,
+              isChartBuilderOpen: P0,
+              showPageSizeSelector: _,
+              showTableExplorer: (y || d2) && !f2 && !p2,
+              togglePanel: G0,
+              isPanelOpen: U0,
+              isAnyPanelOpen: W0,
+              viewedRowIdx: V0,
+              onViewedRowChange: (e3) => H0(e3)
             })
           })
         })
@@ -22773,7 +22779,7 @@ ${c}
       descending: e.desc
     };
   }
-  function _temp2$15(e) {
+  function _temp2$14(e) {
     Logger.error(e);
   }
   function _temp3$11(e) {
@@ -22912,7 +22918,7 @@ ${c}
     r[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = (0, import_jsx_runtime.jsxs)(CalendarGrid, {
       children: [
         (0, import_jsx_runtime.jsx)(CalendarGridHeader, {
-          children: _temp2$14
+          children: _temp2$13
         }),
         (0, import_jsx_runtime.jsx)(CalendarGridBody, {
           children: _temp3$10
@@ -22973,7 +22979,7 @@ ${c}
   function _temp$19(e) {
     return cn("w-fit", e);
   }
-  function _temp2$14(e) {
+  function _temp2$13(e) {
     return (0, import_jsx_runtime.jsx)(CalendarHeaderCell, {
       children: e
     });
@@ -23072,13 +23078,13 @@ ${c}
     return r[9] !== l || r[10] !== f ? (m = (0, import_jsx_runtime.jsx)($40825cdb76e74f70$export$7edc06cf1783b30f, {
       className: f,
       ...l,
-      children: _temp2$13
+      children: _temp2$12
     }), r[9] = l, r[10] = f, r[11] = m) : m = r[11], m;
   };
   function _temp$18(e) {
     return cn("type-literal:px-0 inline rounded p-0.5 caret-transparent outline-solid outline-0", "data-placeholder:text-muted-foreground", "data-disabled:cursor-not-allowed data-disabled:opacity-50", "data-focused:bg-accent data-focused:text-accent-foreground focus:bg-accent focus:text-accent-foreground", "data-invalid:data-focused:bg-destructive data-invalid:data-focused:data-placeholder:text-destructive-foreground data-invalid:data-focused:text-destructive-foreground data-invalid:data-placeholder:text-destructive data-invalid:text-destructive", e);
   }
-  function _temp2$13(e) {
+  function _temp2$12(e) {
     return (0, import_jsx_runtime.jsx)(DateSegment, {
       segment: e
     });
@@ -23104,7 +23110,7 @@ ${c}
     let r = (0, import_compiler_runtime$58.c)(26), c, l, u, d, f;
     r[0] === e ? (c = r[1], l = r[2], u = r[3], d = r[4], f = r[5]) : ({ label: d, description: l, errorMessage: u, className: c, ...f } = e, r[0] = e, r[1] = c, r[2] = l, r[3] = u, r[4] = d, r[5] = f);
     let [m, h] = (0, import_react.useState)(false), g;
-    r[6] === c ? g = r[7] : (g = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp2$12), r[6] = c, r[7] = g);
+    r[6] === c ? g = r[7] : (g = $64fa3d84918910a7$export$c245e6201fed2f75(c, _temp2$11), r[6] = c, r[7] = g);
     let _;
     r[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = (e2) => {
       h(e2);
@@ -23277,7 +23283,7 @@ ${c}
   function _temp$17(e) {
     return cn("w-auto p-3", e);
   }
-  function _temp2$12(e) {
+  function _temp2$11(e) {
     return cn("group flex flex-col gap-2", e);
   }
   function _temp3$9(e) {
@@ -23566,7 +23572,7 @@ ${c}
     r[12] === T ? j = r[13] : (j = T(), r[12] = T, r[13] = j);
     let M;
     r[14] !== S || r[15] !== g || r[16] !== E || r[17] !== O || r[18] !== j ? (M = (0, import_jsx_runtime.jsx)(Combobox, {
-      displayValue: _temp2$11,
+      displayValue: _temp2$10,
       placeholder: "Select...",
       multiple: false,
       className: E,
@@ -23592,7 +23598,7 @@ ${c}
       children: e
     }, e);
   }
-  function _temp2$11(e) {
+  function _temp2$10(e) {
     return e === NONE_KEY ? "--" : e;
   }
   var import_compiler_runtime$52 = require_compiler_runtime(), DropdownPlugin = class {
@@ -23670,7 +23676,7 @@ ${c}
       fullWidth: m,
       children: w
     }), r[19] = m, r[20] = h, r[21] = c, r[22] = w, r[23] = T) : T = r[23], T;
-  }, LazyDataExplorerComponent = import_react.lazy(() => import("./ConnectedDataExplorerComponent-PmilQqXR.js"));
+  }, LazyDataExplorerComponent = import_react.lazy(() => import("./ConnectedDataExplorerComponent-DnRhpPMJ.js"));
   const DataExplorerPlugin = createPlugin("marimo-data-explorer").withData(object({
     label: string().nullish(),
     data: string()
@@ -23833,7 +23839,7 @@ ${c}
       keepPopoverOpenOnSelect: true,
       chips: true,
       chipsClassName: "flex-row flex-wrap min-w-[210px]",
-      children: l.map(_temp2$10)
+      children: l.map(_temp2$9)
     }), r[2] = h, r[3] = u, r[4] = l, r[5] = f, r[6] = g, r[7] = m, r[8] = y, r[9] = b) : b = r[9];
     let S = b, w;
     r[10] === d ? w = r[11] : (w = cn("flex gap-1", d), r[10] = d, r[11] = w);
@@ -23894,7 +23900,7 @@ ${c}
   function _temp$15(e) {
     return e;
   }
-  function _temp2$10(e) {
+  function _temp2$9(e) {
     return (0, import_jsx_runtime.jsx)(ComboboxItem, {
       value: e,
       children: e
@@ -24492,7 +24498,7 @@ ${c}
             }) : (0, import_jsx_runtime.jsx)(Combobox, {
               className: "min-w-[180px]",
               placeholder: y,
-              displayValue: _temp2$9,
+              displayValue: _temp2$8,
               multiple: true,
               chips: true,
               keepPopoverOpenOnSelect: true,
@@ -24518,7 +24524,7 @@ ${c}
   function _temp$14(e) {
     return e.preventDefault();
   }
-  function _temp2$9(e) {
+  function _temp2$8(e) {
     return Strings.startCase(e);
   }
   function _temp3$8(e) {
@@ -24839,7 +24845,7 @@ ${c}
     var _a3;
     let r = (0, import_compiler_runtime$47.c)(25), { path: c, form: l, schema: u } = e, d;
     r[0] === u.description ? d = r[1] : (d = FieldOptions.parse(u.description), r[0] = u.description, r[1] = d);
-    let { description: m } = d, h = import_react.use(ColumnInfoContext), g = (_a3 = Objects.entries(u.shape).find(_temp2$8)) == null ? void 0 : _a3[1], _;
+    let { description: m } = d, h = import_react.use(ColumnInfoContext), g = (_a3 = Objects.entries(u.shape).find(_temp2$7)) == null ? void 0 : _a3[1], _;
     r[2] === c ? _ = r[3] : (_ = {
       name: c
     }, r[2] = c, r[3] = _);
@@ -24974,7 +24980,7 @@ ${c}
       })
     }, r);
   }
-  function _temp2$8(e) {
+  function _temp2$7(e) {
     let [r] = e;
     return r === "column_id";
   }
@@ -25314,7 +25320,8 @@ ${c}
       field_types: columnToFieldTypesSchema,
       column_types_per_step: array(columnToFieldTypesSchema),
       python_code: string().nullish(),
-      sql_code: string().nullish()
+      sql_code: string().nullish(),
+      size_bytes: number().nullish()
     })),
     get_column_values: rpc.input(object({
       column: string()
@@ -25336,7 +25343,8 @@ ${c}
         string(),
         array(object({}).passthrough())
       ]),
-      total_rows: number()
+      total_rows: number(),
+      size_bytes: number().nullish()
     })),
     download_as: DownloadAsSchema
   }).renderer((e) => (0, import_jsx_runtime.jsx)(TableProviders, {
@@ -25352,7 +25360,7 @@ ${c}
     transforms: []
   };
   const DataFrameComponent = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$45.c)(69), { 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;
+    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 = [
@@ -25360,29 +25368,29 @@ ${c}
     ], 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 } = j, W = R == null ? void 0 : R.length, [G, q] = (0, import_react.useState)(f || EMPTY), Z = (0, import_react.useRef)(null), w0;
-    r[6] === d ? w0 = r[7] : (w0 = (e2) => {
+    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, Z] = (0, import_react.useState)(f || EMPTY), S0 = (0, import_react.useRef)(null), C0;
+    r[6] === d ? C0 = r[7] : (C0 = (e2) => {
       var _a3;
-      d && e2 !== "transform" && ((_a3 = Z.current) == null ? void 0 : _a3.submit());
-    }, r[6] = d, r[7] = w0);
-    let T0 = w0, E0 = (0, import_react.useRef)(G), D0;
-    r[8] === G ? D0 = r[9] : (D0 = () => {
-      E0.current = G;
-    }, r[8] = G, r[9] = D0), (0, import_react.useEffect)(D0);
-    let O0;
-    r[10] !== p || r[11] !== (f == null ? void 0 : f.transforms.length) ? (O0 = () => {
-      let e2 = E0.current;
+      d && e2 !== "transform" && ((_a3 = S0.current) == null ? void 0 : _a3.submit());
+    }, r[6] = d, r[7] = C0);
+    let w0 = C0, T0 = (0, import_react.useRef)(q), E0;
+    r[8] === q ? E0 = r[9] : (E0 = () => {
+      T0.current = q;
+    }, r[8] = q, r[9] = E0), (0, import_react.useEffect)(E0);
+    let D0;
+    r[10] !== p || r[11] !== (f == null ? void 0 : f.transforms.length) ? (D0 = () => {
+      let e2 = T0.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] = O0) : O0 = r[12];
-    let k0 = f == null ? void 0 : f.transforms.length, A0;
-    r[13] !== w || r[14] !== p || r[15] !== k0 ? (A0 = [
+    }, r[10] = p, r[11] = f == null ? void 0 : f.transforms.length, r[12] = D0) : D0 = r[12];
+    let O0 = f == null ? void 0 : f.transforms.length, k0;
+    r[13] !== w || r[14] !== p || r[15] !== O0 ? (k0 = [
       w,
-      k0,
-      E0,
+      O0,
+      T0,
       p
-    ], r[13] = w, r[14] = p, r[15] = k0, r[16] = A0) : A0 = r[16], (0, import_react.useEffect)(O0, A0);
-    let j0;
-    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j0 = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    ], r[13] = w, r[14] = p, r[15] = O0, r[16] = k0) : k0 = r[16], (0, import_react.useEffect)(D0, k0);
+    let A0;
+    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A0 = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "transform",
       className: "text-xs py-1",
       children: [
@@ -25391,9 +25399,9 @@ ${c}
         }),
         "Transform"
       ]
-    }), r[17] = j0) : j0 = r[17];
-    let M0;
-    r[18] === B ? M0 = r[19] : (M0 = B && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[17] = A0) : A0 = r[17];
+    let j0;
+    r[18] === B ? j0 = r[19] : (j0 = B && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "python-code",
       className: "text-xs py-1",
       children: [
@@ -25402,9 +25410,9 @@ ${c}
         }),
         "Python Code"
       ]
-    }), r[18] = B, r[19] = M0);
-    let N0;
-    r[20] === H ? N0 = r[21] : (N0 = H && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[18] = B, r[19] = j0);
+    let M0;
+    r[20] === H ? M0 = r[21] : (M0 = H && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "sql-code",
       className: "text-xs py-1",
       children: [
@@ -25413,54 +25421,54 @@ ${c}
         }),
         "SQL Code"
       ]
-    }), r[20] = H, r[21] = N0);
+    }), r[20] = H, r[21] = M0);
     let P0;
     r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (P0 = (0, import_jsx_runtime.jsx)("div", {
       className: "grow"
     }), r[22] = P0) : P0 = r[22];
-    let I0;
-    r[23] !== M0 || r[24] !== N0 ? (I0 = (0, import_jsx_runtime.jsxs)(TabsList, {
+    let F0;
+    r[23] !== j0 || r[24] !== M0 ? (F0 = (0, import_jsx_runtime.jsxs)(TabsList, {
       className: "h-8",
       children: [
+        A0,
         j0,
         M0,
-        N0,
         P0
       ]
-    }), r[23] = M0, r[24] = N0, r[25] = I0) : I0 = r[25];
-    let L0;
-    r[26] === O ? L0 = r[27] : (L0 = O && (0, import_jsx_runtime.jsx)(Spinner, {
+    }), r[23] = j0, r[24] = M0, r[25] = F0) : F0 = r[25];
+    let I0;
+    r[26] === O ? I0 = r[27] : (I0 = O && (0, import_jsx_runtime.jsx)(Spinner, {
       size: "small"
-    }), r[26] = O, r[27] = L0);
-    let R0;
-    r[28] !== I0 || r[29] !== L0 ? (R0 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[26] = O, r[27] = I0);
+    let L0;
+    r[28] !== F0 || r[29] !== I0 ? (L0 = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-center gap-2",
       children: [
-        I0,
-        L0
+        F0,
+        I0
       ]
-    }), r[28] = I0, r[29] = L0, r[30] = R0) : R0 = r[30];
+    }), r[28] = F0, r[29] = I0, r[30] = L0) : L0 = r[30];
+    let R0;
+    r[31] !== p || r[32] !== f ? (R0 = (e2) => {
+      dequal(e2, f) || (p(e2), Z(e2));
+    }, r[31] = p, r[32] = f, r[33] = R0) : R0 = r[33];
     let z0;
-    r[31] !== p || r[32] !== f ? (z0 = (e2) => {
-      dequal(e2, f) || (p(e2), q(e2));
-    }, r[31] = p, r[32] = f, r[33] = z0) : z0 = r[33];
-    let B0;
-    r[34] !== z || r[35] !== c || r[36] !== h || r[37] !== G || r[38] !== d || r[39] !== z0 ? (B0 = (0, import_jsx_runtime.jsx)(TabsContent, {
+    r[34] !== z || r[35] !== c || r[36] !== h || r[37] !== q || r[38] !== d || r[39] !== R0 ? (z0 = (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "transform",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(TransformPanel, {
-        ref: Z,
-        initialValue: G,
+        ref: S0,
+        initialValue: q,
         columns: c,
-        onChange: z0,
-        onInvalidChange: q,
+        onChange: R0,
+        onInvalidChange: Z,
         getColumnValues: h,
         columnTypesPerStep: z,
         lazy: d
       })
-    }), r[34] = z, r[35] = c, r[36] = h, r[37] = G, r[38] = d, r[39] = z0, r[40] = B0) : B0 = r[40];
-    let V0;
-    r[41] === B ? V0 = r[42] : (V0 = B && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[34] = z, r[35] = c, r[36] = h, r[37] = q, r[38] = d, r[39] = R0, r[40] = z0) : z0 = r[40];
+    let B0;
+    r[41] === B ? B0 = r[42] : (B0 = B && (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "python-code",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(ReadonlyCode, {
@@ -25469,9 +25477,9 @@ ${c}
         code: B,
         language: "python"
       })
-    }), r[41] = B, r[42] = V0);
-    let H0;
-    r[43] === H ? H0 = r[44] : (H0 = H && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[41] = B, r[42] = B0);
+    let V0;
+    r[43] === H ? V0 = r[44] : (V0 = H && (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "sql-code",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(ReadonlyCode, {
@@ -25480,29 +25488,30 @@ ${c}
         code: H,
         language: "sql"
       })
-    }), r[43] = H, r[44] = H0);
-    let U0;
-    r[45] !== T0 || r[46] !== R0 || r[47] !== B0 || r[48] !== V0 || r[49] !== H0 ? (U0 = (0, import_jsx_runtime.jsxs)(Tabs, {
+    }), r[43] = H, r[44] = V0);
+    let H0;
+    r[45] !== w0 || r[46] !== L0 || r[47] !== z0 || r[48] !== B0 || r[49] !== V0 ? (H0 = (0, import_jsx_runtime.jsxs)(Tabs, {
       defaultValue: "transform",
-      onValueChange: T0,
+      onValueChange: w0,
       children: [
-        R0,
+        L0,
+        z0,
         B0,
-        V0,
-        H0
+        V0
       ]
-    }), r[45] = T0, r[46] = R0, r[47] = B0, r[48] = V0, r[49] = H0, r[50] = U0) : U0 = r[50];
-    let W0;
-    r[51] === T ? W0 = r[52] : (W0 = T && (0, import_jsx_runtime.jsx)(ErrorBanner, {
+    }), r[45] = w0, r[46] = L0, r[47] = z0, r[48] = B0, r[49] = V0, r[50] = H0) : H0 = r[50];
+    let U0;
+    r[51] === T ? U0 = r[52] : (U0 = T && (0, import_jsx_runtime.jsx)(ErrorBanner, {
       error: T
-    }), r[51] = T, r[52] = W0);
-    let G0 = M || "", K0 = I ?? 0, q0 = W ?? 0, J0 = L || Arrays.EMPTY, Y0 = I && I > 5 || false, X0;
-    r[53] !== _ || r[54] !== R || r[55] !== v || r[56] !== l || r[57] !== g || r[58] !== u || r[59] !== G0 || r[60] !== K0 || r[61] !== q0 || r[62] !== J0 || r[63] !== Y0 ? (X0 = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
+    }), r[51] = T, r[52] = U0);
+    let W0 = M || "", G0 = I ?? 0, K0 = W ?? null, q0 = G ?? 0, J0 = L || Arrays.EMPTY, Y0 = I && I > 5 || false, X0;
+    r[53] !== _ || r[54] !== R || r[55] !== v || r[56] !== l || r[57] !== g || r[58] !== u || r[59] !== W0 || r[60] !== G0 || r[61] !== K0 || r[62] !== q0 || r[63] !== J0 || r[64] !== Y0 ? (X0 = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
       label: null,
       className: "rounded-b border-x border-b",
-      data: G0,
+      data: W0,
       hasStableRowId: false,
-      totalRows: K0,
+      totalRows: G0,
+      sizeBytes: K0,
       totalColumns: q0,
       maxColumns: "all",
       pageSize: l,
@@ -25526,15 +25535,15 @@ ${c}
       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] = G0, r[60] = K0, r[61] = q0, r[62] = J0, r[63] = Y0, r[64] = X0) : X0 = r[64];
+    }), r[53] = _, r[54] = R, r[55] = v, r[56] = l, r[57] = g, r[58] = u, r[59] = W0, r[60] = G0, r[61] = K0, r[62] = q0, r[63] = J0, r[64] = Y0, r[65] = X0) : X0 = r[65];
     let Z0;
-    return r[65] !== U0 || r[66] !== W0 || r[67] !== X0 ? (Z0 = (0, import_jsx_runtime.jsxs)("div", {
+    return r[66] !== H0 || r[67] !== U0 || r[68] !== X0 ? (Z0 = (0, import_jsx_runtime.jsxs)("div", {
       children: [
+        H0,
         U0,
-        W0,
         X0
       ]
-    }), r[65] = U0, r[66] = W0, r[67] = X0, r[68] = Z0) : Z0 = r[68], Z0;
+    }), r[66] = H0, r[67] = U0, r[68] = X0, r[69] = Z0) : Z0 = r[69], Z0;
   });
   DataFrameComponent.displayName = "DataFrameComponent";
   function getColumnSummaries() {
@@ -25722,28 +25731,28 @@ ${c}
     }, W = [
       B
     ], r[8] = B, r[9] = H, r[10] = W), (0, import_react.useEffect)(H, W);
-    let G, q, Z, w0, T0, D0, O0, A0, j0;
+    let G, q, Z, S0, C0, T0, E0, O0, k0;
     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) {
-      j0 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+      k0 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
       bb0: {
-        T0 = (R == null ? void 0 : R.files) ?? [];
+        C0 = (R == null ? void 0 : R.files) ?? [];
         let e2;
         r[31] === c ? e2 = r[32] : (e2 = new Set(c.map(_temp$12)), r[31] = c, r[32] = e2);
         let m2 = e2, g2 = d === "directory" || d === "all", _2 = d === "file" || d === "all", w;
         r[33] !== g2 || r[34] !== _2 ? (w = (e3) => g2 && e3.is_directory || _2 && !e3.is_directory, r[33] = g2, r[34] = _2, r[35] = w) : w = r[35];
-        let T2 = T0.filter(w);
+        let T2 = C0.filter(w);
         if (G = T2.length > 0 && T2.every((e3) => m2.has(e3.path)), !R && z) {
           let e3;
           r[36] === z.message ? e3 = r[37] : (e3 = (0, import_jsx_runtime.jsx)(Banner, {
             kind: "danger",
             children: z.message
-          }), r[36] = z.message, r[37] = e3), j0 = e3;
+          }), r[36] = z.message, r[37] = e3), k0 = e3;
           break bb0;
         }
         let E2;
         r[38] === u ? E2 = r[39] : (E2 = PathBuilder.guessDeliminator(u), r[38] = u, r[39] = E2), q = E2.deliminator;
         let O2;
-        r[40] === c ? O2 = r[41] : (O2 = c.map(_temp2$7), r[40] = c, r[41] = O2), O0 = O2;
+        r[40] === c ? O2 = r[41] : (O2 = c.map(_temp2$6), r[40] = c, r[41] = O2), E0 = O2;
         let j2;
         r[42] !== q || r[43] !== u || r[44] !== b || r[45] !== v || r[46] !== h || r[47] !== y ? (j2 = function(e3) {
           if (b) return;
@@ -25764,7 +25773,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], A0 = j2;
+        }, r[42] = q, r[43] = u, r[44] = b, r[45] = v, r[46] = h, r[47] = y, r[48] = j2) : j2 = r[48], O0 = j2;
         let M2;
         r[49] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M2 = function(e3) {
           let { path: r2, name: c2, isDirectory: l2 } = e3;
@@ -25792,9 +25801,9 @@ ${c}
         let H2 = B2, W2;
         r[55] !== v || r[56] !== l || r[57] !== c ? (W2 = function() {
           l(c.filter((e3) => Paths.dirname(e3.path) !== v));
-        }, r[55] = v, r[56] = l, r[57] = c, r[58] = W2) : W2 = r[58], Z = W2, D0 = function() {
+        }, r[55] = v, r[56] = l, r[57] = c, r[58] = W2) : W2 = r[58], Z = W2, T0 = function() {
           let e3 = [];
-          for (let r2 of T0) {
+          for (let r2 of C0) {
             if (!g2 && r2.is_directory || m2.has(r2.path)) continue;
             let c2 = I2({
               path: r2.path,
@@ -25807,35 +25816,35 @@ ${c}
             ...c,
             ...e3
           ]);
-        }, w0 = [];
-        let M02;
-        r[59] === A0 ? M02 = r[60] : (M02 = () => A0(PARENT_DIRECTORY), r[59] = A0, r[60] = M02);
-        let N02, P02;
-        r[61] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (N02 = (0, import_jsx_runtime.jsx)(TableCell, {
+        }, S0 = [];
+        let A02;
+        r[59] === O0 ? A02 = r[60] : (A02 = () => O0(PARENT_DIRECTORY), r[59] = O0, r[60] = A02);
+        let j02, M02;
+        r[61] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j02 = (0, import_jsx_runtime.jsx)(TableCell, {
           className: "w-[50px] pl-4",
           children: (0, import_jsx_runtime.jsx)(CornerLeftUp, {
             size: 16
           })
-        }), P02 = (0, import_jsx_runtime.jsx)(TableCell, {
+        }), M02 = (0, import_jsx_runtime.jsx)(TableCell, {
           children: PARENT_DIRECTORY
-        }), r[61] = N02, r[62] = P02) : (N02 = r[61], P02 = r[62]);
-        let F02;
-        r[63] === M02 ? F02 = r[64] : (F02 = (0, import_jsx_runtime.jsxs)(TableRow, {
+        }), r[61] = j02, r[62] = M02) : (j02 = r[61], M02 = r[62]);
+        let N02;
+        r[63] === A02 ? N02 = r[64] : (N02 = (0, import_jsx_runtime.jsxs)(TableRow, {
           className: "hover:bg-accent select-none",
-          onClick: M02,
+          onClick: A02,
           children: [
-            N02,
-            P02
+            j02,
+            M02
           ]
-        }, "Parent directory"), r[63] = M02, r[64] = F02), w0.push(F02);
-        for (let e3 of T0) {
+        }, "Parent directory"), r[63] = A02, r[64] = N02), S0.push(N02);
+        for (let e3 of C0) {
           let r2 = e3.path;
           r2.startsWith("//") && (r2 = r2.slice(1));
           let c2 = e3.is_directory ? (e4) => {
             let { path: r3 } = e4;
-            return A0(r3);
+            return O0(r3);
           } : H2, l2 = FILE_ICON[e3.is_directory ? "directory" : guessFileIconType(e3.name)], u2 = m2.has(r2);
-          w0.push((0, import_jsx_runtime.jsxs)(TableRow, {
+          S0.push((0, import_jsx_runtime.jsxs)(TableRow, {
             className: cn("hover:bg-accent group select-none", {
               "bg-primary/25 hover:bg-primary/35": u2
             }),
@@ -25865,21 +25874,21 @@ ${c}
           }, e3.id));
         }
       }
-      r[11] = R, r[12] = z, r[13] = u, r[14] = b, r[15] = f, r[16] = v, r[17] = h, r[18] = d, r[19] = y, r[20] = l, r[21] = c, r[22] = G, r[23] = q, r[24] = Z, r[25] = w0, r[26] = T0, r[27] = D0, r[28] = O0, r[29] = A0, r[30] = j0;
-    } else G = r[22], q = r[23], Z = r[24], w0 = r[25], T0 = r[26], D0 = r[27], O0 = r[28], A0 = r[29], j0 = r[30];
-    if (j0 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return j0;
-    let M0, N0, P0, F0, I0, L0, R0;
-    if (r[65] !== G || r[66] !== R || r[67] !== q || r[68] !== Z || r[69] !== z || r[70] !== w0 || r[71] !== T0 || r[72] !== u || r[73] !== B || r[74] !== m || r[75] !== f || r[76] !== v || r[77] !== h || r[78] !== D0 || r[79] !== O0 || r[80] !== d || r[81] !== A0 || r[82] !== l || r[83] !== T || r[84] !== c.length) {
+      r[11] = R, r[12] = z, r[13] = u, r[14] = b, r[15] = f, r[16] = v, r[17] = h, r[18] = d, r[19] = y, r[20] = l, r[21] = c, r[22] = G, r[23] = q, r[24] = Z, r[25] = S0, r[26] = C0, r[27] = T0, r[28] = E0, r[29] = O0, r[30] = k0;
+    } else G = r[22], q = r[23], Z = r[24], S0 = r[25], C0 = r[26], T0 = r[27], E0 = r[28], O0 = r[29], k0 = r[30];
+    if (k0 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return k0;
+    let A0, j0, M0, N0, P0, F0, I0;
+    if (r[65] !== G || r[66] !== R || r[67] !== q || r[68] !== Z || r[69] !== z || r[70] !== S0 || r[71] !== C0 || r[72] !== u || r[73] !== B || r[74] !== m || r[75] !== f || r[76] !== v || r[77] !== h || r[78] !== T0 || r[79] !== E0 || r[80] !== d || r[81] !== O0 || r[82] !== l || r[83] !== T || r[84] !== c.length) {
       let { parentDirectories: e2 } = getProtocolAndParentDirectories({
         path: v,
         delimiter: q,
         initialPath: u,
         restrictNavigation: h
       }), g2 = d === "all" ? PluralWords.of("file", "folder") : d === "directory" ? PluralWords.of("folder") : PluralWords.of("file");
-      r[92] === z ? R0 = r[93] : (R0 = z && (0, import_jsx_runtime.jsx)(Banner, {
+      r[92] === z ? I0 = r[93] : (I0 = z && (0, import_jsx_runtime.jsx)(Banner, {
         kind: "danger",
         children: z.message
-      }), r[92] = z, r[93] = R0), M0 = (() => {
+      }), r[92] = z, r[93] = I0), A0 = (() => {
         let e3 = (0, import_jsx_runtime.jsx)(Label, {
           children: renderHTML({
             html: m ?? `Select ${g2.join(" and ", 2)}...`
@@ -25896,7 +25905,7 @@ ${c}
               children: (0, import_jsx_runtime.jsx)(Button, {
                 size: "xs",
                 variant: "link",
-                onClick: G ? Z : D0,
+                onClick: G ? Z : T0,
                 children: G ? "Deselect all" : "Select all"
               })
             })
@@ -25904,18 +25913,18 @@ ${c}
         }) : e3;
       })();
       let _2;
-      r[94] === A0 ? _2 = r[95] : (_2 = (e3) => A0(e3.target.value), r[94] = A0, r[95] = _2);
+      r[94] === O0 ? _2 = r[95] : (_2 = (e3) => O0(e3.target.value), r[94] = O0, r[95] = _2);
       let y2 = e2.map(_temp3$5);
-      r[96] !== v || r[97] !== _2 || r[98] !== y2 ? (N0 = (0, import_jsx_runtime.jsx)(NativeSelect, {
+      r[96] !== v || r[97] !== _2 || r[98] !== y2 ? (j0 = (0, import_jsx_runtime.jsx)(NativeSelect, {
         className: "mt-2 w-full",
         placeholder: v,
         value: v,
         onChange: _2,
         children: y2
-      }), r[96] = v, r[97] = _2, r[98] = y2, r[99] = N0) : N0 = r[99], r[100] !== R || r[101] !== T0 ? (P0 = R && typeof R.total_count == "number" && (0, import_jsx_runtime.jsx)("div", {
+      }), r[96] = v, r[97] = _2, r[98] = y2, r[99] = j0) : j0 = r[99], r[100] !== R || r[101] !== C0 ? (M0 = R && typeof R.total_count == "number" && (0, import_jsx_runtime.jsx)("div", {
         className: "text-xs text-muted-foreground mt-1 px-1",
-        children: R.is_truncated ? `Showing ${T0.length} of ${R.total_count} items` : `${R.total_count} ${R.total_count === 1 ? "item" : "items"}`
-      }), r[100] = R, r[101] = T0, r[102] = P0) : P0 = r[102];
+        children: R.is_truncated ? `Showing ${C0.length} of ${R.total_count} items` : `${R.total_count} ${R.total_count === 1 ? "item" : "items"}`
+      }), r[100] = R, r[101] = C0, r[102] = M0) : M0 = r[102];
       let b2;
       r[103] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b2 = {
         height: "14rem"
@@ -25934,12 +25943,12 @@ ${c}
         ]
       }), r[104] = T, r[105] = S2);
       let E2;
-      r[106] === w0 ? E2 = r[107] : (E2 = (0, import_jsx_runtime.jsx)(Table, {
+      r[106] === S0 ? E2 = r[107] : (E2 = (0, import_jsx_runtime.jsx)(Table, {
         className: "cursor-pointer table-fixed",
         children: (0, import_jsx_runtime.jsx)(TableBody, {
-          children: w0
+          children: S0
         })
-      }), r[106] = w0, r[107] = E2), r[108] !== B || r[109] !== S2 || r[110] !== E2 ? (F0 = (0, import_jsx_runtime.jsxs)("div", {
+      }), r[106] = S0, r[107] = E2), r[108] !== B || r[109] !== S2 || r[110] !== E2 ? (N0 = (0, import_jsx_runtime.jsxs)("div", {
         className: "mt-3 overflow-y-auto w-full border relative",
         style: b2,
         "aria-busy": B,
@@ -25948,7 +25957,7 @@ ${c}
           S2,
           E2
         ]
-      }), r[108] = B, r[109] = S2, r[110] = E2, r[111] = F0) : F0 = r[111], I0 = "mt-4", L0 = c.length > 0 && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      }), r[108] = B, r[109] = S2, r[110] = E2, r[111] = N0) : N0 = r[111], P0 = "mt-4", F0 = c.length > 0 && (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [
           (0, import_jsx_runtime.jsxs)("div", {
             className: "flex items-center gap-2",
@@ -25978,33 +25987,33 @@ ${c}
                 marginBlock: 0
               },
               className: "m-0 text-xs text-muted-foreground",
-              children: O0
+              children: E0
             })
           })
         ]
-      }), r[65] = G, r[66] = R, r[67] = q, r[68] = Z, r[69] = z, r[70] = w0, r[71] = T0, r[72] = u, r[73] = B, r[74] = m, r[75] = f, r[76] = v, r[77] = h, r[78] = D0, r[79] = O0, r[80] = d, r[81] = A0, r[82] = l, r[83] = T, r[84] = c.length, r[85] = M0, r[86] = N0, r[87] = P0, r[88] = F0, r[89] = I0, r[90] = L0, r[91] = R0;
-    } else M0 = r[85], N0 = r[86], P0 = r[87], F0 = r[88], I0 = r[89], L0 = r[90], R0 = r[91];
-    let z0;
-    r[112] !== I0 || r[113] !== L0 ? (z0 = (0, import_jsx_runtime.jsx)("div", {
-      className: I0,
-      children: L0
-    }), r[112] = I0, r[113] = L0, r[114] = z0) : z0 = r[114];
-    let B0;
-    return r[115] !== M0 || r[116] !== N0 || r[117] !== P0 || r[118] !== F0 || r[119] !== z0 || r[120] !== R0 ? (B0 = (0, import_jsx_runtime.jsxs)("div", {
+      }), r[65] = G, r[66] = R, r[67] = q, r[68] = Z, r[69] = z, r[70] = S0, r[71] = C0, r[72] = u, r[73] = B, r[74] = m, r[75] = f, r[76] = v, r[77] = h, r[78] = T0, r[79] = E0, r[80] = d, r[81] = O0, r[82] = l, r[83] = T, r[84] = c.length, r[85] = A0, r[86] = j0, r[87] = M0, r[88] = N0, r[89] = P0, r[90] = F0, r[91] = I0;
+    } else A0 = r[85], j0 = r[86], M0 = r[87], N0 = r[88], P0 = r[89], F0 = r[90], I0 = r[91];
+    let L0;
+    r[112] !== P0 || r[113] !== F0 ? (L0 = (0, import_jsx_runtime.jsx)("div", {
+      className: P0,
+      children: F0
+    }), r[112] = P0, r[113] = F0, r[114] = L0) : L0 = r[114];
+    let R0;
+    return r[115] !== A0 || r[116] !== j0 || r[117] !== M0 || r[118] !== N0 || r[119] !== L0 || r[120] !== I0 ? (R0 = (0, import_jsx_runtime.jsxs)("div", {
       children: [
-        R0,
+        I0,
+        A0,
+        j0,
         M0,
         N0,
-        P0,
-        F0,
-        z0
+        L0
       ]
-    }), r[115] = M0, r[116] = N0, r[117] = P0, r[118] = F0, r[119] = z0, r[120] = R0, r[121] = B0) : B0 = r[121], B0;
+    }), r[115] = A0, r[116] = j0, r[117] = M0, r[118] = N0, r[119] = L0, r[120] = I0, r[121] = R0) : R0 = r[121], R0;
   };
   function _temp$12(e) {
     return e.path;
   }
-  function _temp2$7(e) {
+  function _temp2$6(e) {
     return (0, import_jsx_runtime.jsx)("li", {
       children: e.path
     }, e.id);
@@ -31389,55 +31398,55 @@ ${c}
       return typeof S == "function" ? S : noop$2;
     }, [
       S
-    ]), q = (0, import_react.useRef)(null), Z = (0, import_react.useRef)(null), w0 = _slicedToArray((0, import_react.useReducer)(reducer$2, initialState), 2), T0 = w0[0], E0 = w0[1], D0 = T0.isFocused, O0 = T0.isFileDialogActive, k0 = (0, import_react.useRef)(typeof window < "u" && window.isSecureContext && T && canUseFileSystemAccessAPI()), A0 = function() {
-      !k0.current && O0 && setTimeout(function() {
-        Z.current && (Z.current.files.length || (E0({
+    ]), q = (0, import_react.useRef)(null), Z = (0, import_react.useRef)(null), S0 = _slicedToArray((0, import_react.useReducer)(reducer$2, initialState), 2), C0 = S0[0], w0 = S0[1], T0 = C0.isFocused, E0 = C0.isFileDialogActive, D0 = (0, import_react.useRef)(typeof window < "u" && window.isSecureContext && T && canUseFileSystemAccessAPI()), O0 = function() {
+      !D0.current && E0 && setTimeout(function() {
+        Z.current && (Z.current.files.length || (w0({
           type: "closeDialog"
         }), G()));
       }, 300);
     };
     (0, import_react.useEffect)(function() {
-      return window.addEventListener("focus", A0, false), function() {
-        window.removeEventListener("focus", A0, false);
+      return window.addEventListener("focus", O0, false), function() {
+        window.removeEventListener("focus", O0, false);
       };
     }, [
       Z,
-      O0,
+      E0,
       G,
-      k0
+      D0
     ]);
-    var j0 = (0, import_react.useRef)([]), M0 = (0, import_react.useRef)([]), N0 = function(e2) {
-      q.current && q.current.contains(e2.target) || (e2.preventDefault(), j0.current = []);
+    var k0 = (0, import_react.useRef)([]), A0 = (0, import_react.useRef)([]), j0 = function(e2) {
+      q.current && q.current.contains(e2.target) || (e2.preventDefault(), k0.current = []);
     };
     (0, import_react.useEffect)(function() {
-      return O && (document.addEventListener("dragover", onDocumentDragOver, false), document.addEventListener("drop", N0, false)), function() {
-        O && (document.removeEventListener("dragover", onDocumentDragOver), document.removeEventListener("drop", N0));
+      return O && (document.addEventListener("dragover", onDocumentDragOver, false), document.addEventListener("drop", j0, false)), function() {
+        O && (document.removeEventListener("dragover", onDocumentDragOver), document.removeEventListener("drop", j0));
       };
     }, [
       q,
       O
     ]), (0, import_react.useEffect)(function() {
       var e2 = function(e3) {
-        M0.current = [].concat(_toConsumableArray(M0.current), [
+        A0.current = [].concat(_toConsumableArray(A0.current), [
           e3.target
-        ]), isEvtWithFiles(e3) && E0({
+        ]), isEvtWithFiles(e3) && w0({
           isDragGlobal: true,
           type: "setDragGlobal"
         });
       }, r2 = function(e3) {
-        M0.current = M0.current.filter(function(r3) {
+        A0.current = A0.current.filter(function(r3) {
           return r3 !== e3.target && r3 !== null;
-        }), !(M0.current.length > 0) && E0({
+        }), !(A0.current.length > 0) && w0({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
       }, c2 = function() {
-        M0.current = [], E0({
+        A0.current = [], w0({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
       }, l2 = function() {
-        M0.current = [], E0({
+        A0.current = [], w0({
           isDragGlobal: false,
           type: "setDragGlobal"
         });
@@ -31455,12 +31464,12 @@ ${c}
       E,
       l
     ]);
-    var P0 = (0, import_react.useCallback)(function(e2) {
+    var M0 = (0, import_react.useCallback)(function(e2) {
       R ? R(e2) : console.error(e2);
     }, [
       R
-    ]), F0 = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), J0(e2), j0.current = [].concat(_toConsumableArray(j0.current), [
+    ]), N0 = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), K0(e2), k0.current = [].concat(_toConsumableArray(k0.current), [
         e2.target
       ]), isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
         if (!(isPropagationStopped(e2) && !L)) {
@@ -31473,7 +31482,7 @@ ${c}
             maxFiles: m,
             validator: z
           });
-          E0({
+          w0({
             isDragAccept: l2,
             isDragReject: c2 > 0 && !l2,
             isDragActive: true,
@@ -31481,12 +31490,12 @@ ${c}
           }), h && h(e2);
         }
       }).catch(function(e3) {
-        return P0(e3);
+        return M0(e3);
       });
     }, [
       u,
       h,
-      P0,
+      M0,
       L,
       B,
       f,
@@ -31494,8 +31503,8 @@ ${c}
       p,
       m,
       z
-    ]), I0 = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), J0(e2);
+    ]), P0 = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), K0(e2);
       var r2 = isEvtWithFiles(e2);
       if (r2 && e2.dataTransfer) try {
         e2.dataTransfer.dropEffect = "copy";
@@ -31505,12 +31514,12 @@ ${c}
     }, [
       _,
       L
-    ]), L0 = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), J0(e2);
-      var r2 = j0.current.filter(function(e3) {
+    ]), F0 = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), K0(e2);
+      var r2 = k0.current.filter(function(e3) {
         return q.current && q.current.contains(e3);
       }), c2 = r2.indexOf(e2.target);
-      c2 !== -1 && r2.splice(c2, 1), j0.current = r2, !(r2.length > 0) && (E0({
+      c2 !== -1 && r2.splice(c2, 1), k0.current = r2, !(r2.length > 0) && (w0({
         type: "setDraggedFiles",
         isDragActive: false,
         isDragAccept: false,
@@ -31520,7 +31529,7 @@ ${c}
       q,
       g,
       L
-    ]), R0 = (0, import_react.useCallback)(function(e2, r2) {
+    ]), I0 = (0, import_react.useCallback)(function(e2, r2) {
       var c2 = [], l2 = [];
       e2.forEach(function(e3) {
         var r3 = _slicedToArray(fileAccepted(e3, B), 2), u2 = r3[0], p2 = r3[1], m2 = _slicedToArray(fileMatchSize(e3, f, d), 2), h2 = m2[0], g2 = m2[1], _2 = z ? z(e3) : null;
@@ -31544,14 +31553,14 @@ ${c}
             TOO_MANY_FILES_REJECTION
           ]
         });
-      }), c2.splice(0)), E0({
+      }), c2.splice(0)), w0({
         acceptedFiles: c2,
         fileRejections: l2,
         isDragReject: l2.length > 0,
         type: "setFiles"
       }), v && v(c2, l2, r2), l2.length > 0 && b && b(l2, r2), c2.length > 0 && y && y(c2, r2);
     }, [
-      E0,
+      w0,
       p,
       B,
       f,
@@ -31561,22 +31570,22 @@ ${c}
       y,
       b,
       z
-    ]), z0 = (0, import_react.useCallback)(function(e2) {
-      e2.preventDefault(), e2.persist(), J0(e2), j0.current = [], isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
-        isPropagationStopped(e2) && !L || R0(r2, e2);
+    ]), L0 = (0, import_react.useCallback)(function(e2) {
+      e2.preventDefault(), e2.persist(), K0(e2), k0.current = [], isEvtWithFiles(e2) && Promise.resolve(u(e2)).then(function(r2) {
+        isPropagationStopped(e2) && !L || I0(r2, e2);
       }).catch(function(e3) {
-        return P0(e3);
-      }), E0({
+        return M0(e3);
+      }), w0({
         type: "reset"
       });
     }, [
       u,
-      R0,
-      P0,
+      I0,
+      M0,
       L
-    ]), B0 = (0, import_react.useCallback)(function() {
-      if (k0.current) {
-        E0({
+    ]), R0 = (0, import_react.useCallback)(function() {
+      if (D0.current) {
+        w0({
           type: "openDialog"
         }), W();
         var e2 = {
@@ -31586,66 +31595,66 @@ ${c}
         window.showOpenFilePicker(e2).then(function(e3) {
           return u(e3);
         }).then(function(e3) {
-          R0(e3, null), E0({
+          I0(e3, null), w0({
             type: "closeDialog"
           });
         }).catch(function(e3) {
-          isAbort(e3) ? (G(e3), E0({
+          isAbort(e3) ? (G(e3), w0({
             type: "closeDialog"
-          })) : isSecurityError(e3) ? (k0.current = false, Z.current ? (Z.current.value = null, Z.current.click()) : P0(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."))) : P0(e3);
+          })) : isSecurityError(e3) ? (D0.current = false, Z.current ? (Z.current.value = null, Z.current.click()) : M0(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."))) : M0(e3);
         });
         return;
       }
-      Z.current && (E0({
+      Z.current && (w0({
         type: "openDialog"
       }), W(), Z.current.value = null, Z.current.click());
     }, [
-      E0,
+      w0,
       W,
       G,
       T,
-      R0,
-      P0,
+      I0,
+      M0,
       H,
       p
-    ]), V0 = (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(), B0());
+    ]), z0 = (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(), R0());
     }, [
       q,
-      B0
-    ]), H0 = (0, import_react.useCallback)(function() {
-      E0({
+      R0
+    ]), B0 = (0, import_react.useCallback)(function() {
+      w0({
         type: "focus"
       });
-    }, []), U0 = (0, import_react.useCallback)(function() {
-      E0({
+    }, []), V0 = (0, import_react.useCallback)(function() {
+      w0({
         type: "blur"
       });
-    }, []), W0 = (0, import_react.useCallback)(function() {
-      j || (isIeOrEdge() ? setTimeout(B0, 0) : B0());
+    }, []), H0 = (0, import_react.useCallback)(function() {
+      j || (isIeOrEdge() ? setTimeout(R0, 0) : R0());
     }, [
       j,
-      B0
-    ]), G0 = function(e2) {
+      R0
+    ]), U0 = function(e2) {
       return l ? null : e2;
+    }, W0 = function(e2) {
+      return M ? null : U0(e2);
+    }, G0 = function(e2) {
+      return I ? null : U0(e2);
     }, K0 = function(e2) {
-      return M ? null : G0(e2);
-    }, q0 = function(e2) {
-      return I ? null : G0(e2);
-    }, J0 = function(e2) {
       L && e2.stopPropagation();
-    }, Y0 = (0, import_react.useMemo)(function() {
+    }, q0 = (0, import_react.useMemo)(function() {
       return function() {
         var e2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, r2 = e2.refKey, c2 = r2 === void 0 ? "ref" : r2, u2 = e2.role, d2 = e2.onKeyDown, f2 = e2.onFocus, p2 = e2.onBlur, m2 = e2.onClick, h2 = e2.onDragEnter, g2 = e2.onDragOver, _2 = e2.onDragLeave, v2 = e2.onDrop, y2 = _objectWithoutProperties$2(e2, _excluded3);
         return _objectSpread$7(_objectSpread$7(_defineProperty$10({
-          onKeyDown: K0(composeEventHandlers(d2, V0)),
-          onFocus: K0(composeEventHandlers(f2, H0)),
-          onBlur: K0(composeEventHandlers(p2, U0)),
-          onClick: G0(composeEventHandlers(m2, W0)),
-          onDragEnter: q0(composeEventHandlers(h2, F0)),
-          onDragOver: q0(composeEventHandlers(g2, I0)),
-          onDragLeave: q0(composeEventHandlers(_2, L0)),
-          onDrop: q0(composeEventHandlers(v2, z0)),
+          onKeyDown: W0(composeEventHandlers(d2, z0)),
+          onFocus: W0(composeEventHandlers(f2, B0)),
+          onBlur: W0(composeEventHandlers(p2, V0)),
+          onClick: U0(composeEventHandlers(m2, H0)),
+          onDragEnter: G0(composeEventHandlers(h2, N0)),
+          onDragOver: G0(composeEventHandlers(g2, P0)),
+          onDragLeave: G0(composeEventHandlers(_2, F0)),
+          onDrop: G0(composeEventHandlers(v2, L0)),
           role: typeof u2 == "string" && u2 !== "" ? u2 : "presentation"
         }, c2, q), !l && !M ? {
           tabIndex: 0
@@ -31653,20 +31662,20 @@ ${c}
       };
     }, [
       q,
+      z0,
+      B0,
       V0,
       H0,
-      U0,
-      W0,
+      N0,
+      P0,
       F0,
-      I0,
       L0,
-      z0,
       M,
       I,
       l
-    ]), X0 = (0, import_react.useCallback)(function(e2) {
+    ]), J0 = (0, import_react.useCallback)(function(e2) {
       e2.stopPropagation();
-    }, []), Z0 = (0, import_react.useMemo)(function() {
+    }, []), Y0 = (0, import_react.useMemo)(function() {
       return function() {
         var e2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, r2 = e2.refKey, c2 = r2 === void 0 ? "ref" : r2, l2 = e2.onChange, u2 = e2.onClick, d2 = _objectWithoutProperties$2(e2, _excluded4);
         return _objectSpread$7(_objectSpread$7({}, _defineProperty$10({
@@ -31685,8 +31694,8 @@ ${c}
             width: "1px",
             whiteSpace: "nowrap"
           },
-          onChange: G0(composeEventHandlers(l2, z0)),
-          onClick: G0(composeEventHandlers(u2, X0)),
+          onChange: U0(composeEventHandlers(l2, L0)),
+          onClick: U0(composeEventHandlers(u2, J0)),
           tabIndex: -1
         }, c2, Z)), d2);
       };
@@ -31694,16 +31703,16 @@ ${c}
       Z,
       c,
       p,
-      z0,
+      L0,
       l
     ]);
-    return _objectSpread$7(_objectSpread$7({}, T0), {}, {
-      isFocused: D0 && !l,
-      getRootProps: Y0,
-      getInputProps: Z0,
+    return _objectSpread$7(_objectSpread$7({}, C0), {}, {
+      isFocused: T0 && !l,
+      getRootProps: q0,
+      getInputProps: Y0,
       rootRef: q,
       inputRef: Z,
-      open: G0(B0)
+      open: U0(R0)
     });
   }
   function reducer$2(e, r) {
@@ -31935,47 +31944,47 @@ ${c}
         html: I
       })
     }), r[45] = I, r[46] = M, r[47] = G) : G = r[47];
-    let q = w && "text-primary", Z = T && "text-destructive", w0;
-    r[48] !== q || r[49] !== Z ? (w0 = cn(q, Z), r[48] = q, r[49] = Z, r[50] = w0) : w0 = r[50];
-    let T0;
-    r[51] === w0 ? T0 = r[52] : (T0 = (0, import_jsx_runtime.jsx)(Upload, {
+    let q = w && "text-primary", Z = T && "text-destructive", S0;
+    r[48] !== q || r[49] !== Z ? (S0 = cn(q, Z), r[48] = q, r[49] = Z, r[50] = S0) : S0 = r[50];
+    let C0;
+    r[51] === S0 ? C0 = r[52] : (C0 = (0, import_jsx_runtime.jsx)(Upload, {
       strokeWidth: 1.4,
-      className: w0
-    }), r[51] = w0, r[52] = T0);
-    let E0 = w && "text-primary", D0 = T && "text-destructive", O0;
-    r[53] !== E0 || r[54] !== D0 ? (O0 = cn(E0, D0), r[53] = E0, r[54] = D0, r[55] = O0) : O0 = r[55];
-    let k0;
-    r[56] === O0 ? k0 = r[57] : (k0 = (0, import_jsx_runtime.jsx)(SquareDashedMousePointer, {
+      className: S0
+    }), r[51] = S0, r[52] = C0);
+    let w0 = w && "text-primary", T0 = T && "text-destructive", E0;
+    r[53] !== w0 || r[54] !== T0 ? (E0 = cn(w0, T0), r[53] = w0, r[54] = T0, r[55] = E0) : E0 = r[55];
+    let D0;
+    r[56] === E0 ? D0 = r[57] : (D0 = (0, import_jsx_runtime.jsx)(SquareDashedMousePointer, {
       strokeWidth: 1.4,
-      className: O0
-    }), r[56] = O0, r[57] = k0);
-    let A0;
-    r[58] !== T0 || r[59] !== k0 ? (A0 = (0, import_jsx_runtime.jsxs)("div", {
+      className: E0
+    }), r[56] = E0, r[57] = D0);
+    let O0;
+    r[58] !== C0 || r[59] !== D0 ? (O0 = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-row items-center justify-center grow gap-3",
       children: [
-        T0,
-        k0
+        C0,
+        D0
       ]
-    }), r[58] = T0, r[59] = k0, r[60] = A0) : A0 = r[60];
-    let j0;
-    r[61] !== G || r[62] !== A0 ? (j0 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[58] = C0, r[59] = D0, r[60] = O0) : O0 = r[60];
+    let k0;
+    r[61] !== G || r[62] !== O0 ? (k0 = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-col items-center justify-center grow gap-3",
       children: [
         G,
-        A0
+        O0
       ]
-    }), r[61] = G, r[62] = A0, r[63] = j0) : j0 = r[63];
-    let M0;
-    r[64] !== W || r[65] !== j0 || r[66] !== z || r[67] !== B ? (M0 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[61] = G, r[62] = O0, r[63] = k0) : k0 = r[63];
+    let A0;
+    r[64] !== W || r[65] !== k0 || r[66] !== z || r[67] !== B ? (A0 = (0, import_jsx_runtime.jsxs)("div", {
       className: z,
       ...B,
       children: [
         W,
-        j0
+        k0
       ]
-    }), r[64] = W, r[65] = j0, r[66] = z, r[67] = B, r[68] = M0) : M0 = r[68];
-    let N0;
-    r[69] !== f || r[70] !== u || r[71] !== M || r[72] !== j || r[73] !== m.length ? (N0 = M ? (0, import_jsx_runtime.jsxs)("div", {
+    }), r[64] = W, r[65] = k0, r[66] = z, r[67] = B, r[68] = A0) : A0 = r[68];
+    let j0;
+    r[69] !== f || r[70] !== u || r[71] !== M || r[72] !== j || r[73] !== m.length ? (j0 = M ? (0, import_jsx_runtime.jsxs)("div", {
       className: "flex flex-row gap-1",
       children: [
         (0, import_jsx_runtime.jsxs)("div", {
@@ -32011,17 +32020,17 @@ ${c}
           })
         })
       ]
-    }) : null, r[69] = f, r[70] = u, r[71] = M, r[72] = j, r[73] = m.length, r[74] = N0) : N0 = r[74];
-    let P0;
-    return r[75] !== M0 || r[76] !== N0 ? (P0 = (0, import_jsx_runtime.jsx)("section", {
+    }) : null, r[69] = f, r[70] = u, r[71] = M, r[72] = j, r[73] = m.length, r[74] = j0) : j0 = r[74];
+    let M0;
+    return r[75] !== A0 || r[76] !== j0 ? (M0 = (0, import_jsx_runtime.jsx)("section", {
       children: (0, import_jsx_runtime.jsxs)("div", {
         className: "flex flex-col items-start justify-start grow gap-3",
         children: [
-          M0,
-          N0
+          A0,
+          j0
         ]
       })
-    }), r[75] = M0, r[76] = N0, r[77] = P0) : P0 = r[77], P0;
+    }), r[75] = A0, r[76] = j0, r[77] = M0) : M0 = r[77], M0;
   };
   function _temp$11(e) {
     Logger.error(e), toast({
@@ -32030,7 +32039,7 @@ ${c}
       variant: "danger"
     });
   }
-  function _temp2$6(e) {
+  function _temp2$5(e) {
     return e.message;
   }
   function _temp3$4(e) {
@@ -32038,7 +32047,7 @@ ${c}
       children: [
         e.file.name,
         " (",
-        e.errors.map(_temp2$6).join(", "),
+        e.errors.map(_temp2$5).join(", "),
         ")"
       ]
     }, e.file.name);
@@ -32124,68 +32133,68 @@ ${c}
         html: f
       })
     }), r[13] = f, r[14] = Z);
-    let w0;
-    r[15] === L ? w0 = r[16] : (w0 = L != null && (0, import_jsx_runtime.jsx)(Banner, {
+    let S0;
+    r[15] === L ? S0 = r[16] : (S0 = L != null && (0, import_jsx_runtime.jsx)(Banner, {
       kind: "danger",
       className: "rounded",
       children: L ?? "Invalid input"
-    }), r[15] = L, r[16] = w0);
-    let T0;
-    r[17] === c ? T0 = r[18] : (T0 = (0, import_jsx_runtime.jsx)("div", {
+    }), r[15] = L, r[16] = S0);
+    let C0;
+    r[17] === c ? C0 = r[18] : (C0 = (0, import_jsx_runtime.jsx)("div", {
       children: c
-    }), r[17] = c, r[18] = T0);
-    let E0;
-    r[19] !== S || r[20] !== T || r[21] !== b ? (E0 = b && withTooltip((0, import_jsx_runtime.jsx)(Button, {
+    }), r[17] = c, r[18] = C0);
+    let w0;
+    r[19] !== S || r[20] !== T || r[21] !== b ? (w0 = b && withTooltip((0, import_jsx_runtime.jsx)(Button, {
       "data-testid": "marimo-plugin-form-clear-button",
       variant: "text",
       onClick: (e2) => {
         e2.preventDefault(), B();
       },
       children: S
-    }), T), r[19] = S, r[20] = T, r[21] = b, r[22] = E0) : E0 = r[22];
-    let D0 = v || h, O0;
-    r[23] === h ? O0 = r[24] : (O0 = h && (0, import_jsx_runtime.jsx)(LoaderCircle, {
+    }), T), r[19] = S, r[20] = T, r[21] = b, r[22] = w0) : w0 = r[22];
+    let T0 = v || h, E0;
+    r[23] === h ? E0 = r[24] : (E0 = h && (0, import_jsx_runtime.jsx)(LoaderCircle, {
       className: "h-4 w-4 mr-2 animate-spin"
-    }), r[23] = h, r[24] = O0);
-    let k0;
-    r[25] !== g || r[26] !== D0 || r[27] !== O0 || r[28] !== I ? (k0 = (0, import_jsx_runtime.jsxs)(Button, {
+    }), r[23] = h, r[24] = E0);
+    let D0;
+    r[25] !== g || r[26] !== T0 || r[27] !== E0 || r[28] !== I ? (D0 = (0, import_jsx_runtime.jsxs)(Button, {
       "data-testid": "marimo-plugin-form-submit-button",
       variant: I,
-      disabled: D0,
+      disabled: T0,
       type: "submit",
       children: [
-        O0,
+        E0,
         g
       ]
-    }), r[25] = g, r[26] = D0, r[27] = O0, r[28] = I, r[29] = k0) : k0 = r[29];
-    let A0;
-    r[30] !== _ || r[31] !== k0 ? (A0 = withTooltip(k0, _), r[30] = _, r[31] = k0, r[32] = A0) : A0 = r[32];
-    let j0;
-    r[33] !== A0 || r[34] !== E0 ? (j0 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[25] = g, r[26] = T0, r[27] = E0, r[28] = I, r[29] = D0) : D0 = r[29];
+    let O0;
+    r[30] !== _ || r[31] !== D0 ? (O0 = withTooltip(D0, _), r[30] = _, r[31] = D0, r[32] = O0) : O0 = r[32];
+    let k0;
+    r[33] !== O0 || r[34] !== w0 ? (k0 = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex justify-end gap-2 font-code",
       children: [
-        E0,
-        A0
+        w0,
+        O0
       ]
-    }), r[33] = A0, r[34] = E0, r[35] = j0) : j0 = r[35];
-    let M0;
-    r[36] !== j0 || r[37] !== G || r[38] !== q || r[39] !== Z || r[40] !== w0 || r[41] !== T0 ? (M0 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[33] = O0, r[34] = w0, r[35] = k0) : k0 = r[35];
+    let A0;
+    r[36] !== k0 || r[37] !== G || r[38] !== q || r[39] !== Z || r[40] !== S0 || r[41] !== C0 ? (A0 = (0, import_jsx_runtime.jsxs)("div", {
       className: G,
       onKeyDown: q,
       children: [
         Z,
-        w0,
-        T0,
-        j0
+        S0,
+        C0,
+        k0
       ]
-    }), r[36] = j0, r[37] = G, r[38] = q, r[39] = Z, r[40] = w0, r[41] = T0, r[42] = M0) : M0 = r[42];
-    let N0;
-    return r[43] !== M0 || r[44] !== H ? (N0 = (0, import_jsx_runtime.jsx)("form", {
+    }), r[36] = k0, r[37] = G, r[38] = q, r[39] = Z, r[40] = S0, r[41] = C0, r[42] = A0) : A0 = r[42];
+    let j0;
+    return r[43] !== A0 || r[44] !== H ? (j0 = (0, import_jsx_runtime.jsx)("form", {
       className: "contents",
       ref: j,
       onSubmit: H,
-      children: M0
-    }), r[43] = M0, r[44] = H, r[45] = N0) : N0 = r[45], N0;
+      children: A0
+    }), r[43] = A0, r[44] = H, r[45] = j0) : j0 = r[45], j0;
   };
   var Form = (e) => {
     let r = (0, import_compiler_runtime$42.c)(24), c, l, u, d, f, p;
@@ -32515,7 +32524,7 @@ ${c}
     let E = useEvent_default(T), O;
     r[8] === v ? O = r[9] : (O = () => {
       var _a3, _b3;
-      (_a3 = p.current) == null ? void 0 : _a3.stream.getTracks().forEach(_temp2$5), (_b3 = p.current) == null ? void 0 : _b3.stop(), v.stop();
+      (_a3 = p.current) == null ? void 0 : _a3.stream.getTracks().forEach(_temp2$4), (_b3 = p.current) == null ? void 0 : _b3.stop(), v.stop();
     }, r[8] = v, r[9] = O), useOnUnmount(O);
     let j;
     return r[10] !== m || r[11] !== E || r[12] !== g || r[13] !== u || r[14] !== b || r[15] !== w || r[16] !== v.time ? (j = {
@@ -32529,7 +32538,7 @@ ${c}
       mediaRecorder: p
     }, r[10] = m, r[11] = E, r[12] = g, r[13] = u, r[14] = b, r[15] = w, r[16] = v.time, r[17] = j) : j = r[17], j;
   }
-  function _temp2$5(e) {
+  function _temp2$4(e) {
     return e.stop();
   }
   function _temp$9(e) {
@@ -33865,7 +33874,7 @@ ${c}
         setValue: e.setValue
       });
     }
-  }, LazyPlot = (0, import_react.lazy)(() => import("./Plot-PIeIvFnD.js").then((e) => ({
+  }, LazyPlot = (0, import_react.lazy)(() => import("./Plot-4wn-lMVn.js").then((e) => ({
     default: e.Plot
   })));
   const PlotlyComponent = (0, import_react.memo)((e) => {
@@ -33929,7 +33938,7 @@ ${c}
     }, r[23] = u, r[24] = R);
     let z;
     r[25] === u ? z = r[26] : (z = () => {
-      u(_temp2$4);
+      u(_temp2$3);
     }, r[25] = u, r[26] = z);
     let B = useEvent_default(z), H;
     r[27] === u ? H = r[28] : (H = (e2) => {
@@ -33958,8 +33967,8 @@ ${c}
         indices: c2
       }));
     }, r[31] = u, r[32] = Z);
-    let w0 = useEvent_default(Z), T0;
-    r[33] === u ? T0 = r[34] : (T0 = (e2) => {
+    let S0 = useEvent_default(Z), C0;
+    r[33] === u ? C0 = r[34] : (C0 = (e2) => {
       e2 && u((r2) => ({
         ...r2,
         selections: "selections" in e2 ? e2.selections : [],
@@ -33968,9 +33977,9 @@ ${c}
         range: e2.range,
         lasso: "lassoPoints" in e2 ? e2.lassoPoints : void 0
       }));
-    }, r[33] = u, r[34] = T0);
-    let E0 = useEvent_default(T0), D0 = m.frames ?? void 0, O0 = useEvent_default(_temp3$3), k0;
-    return r[35] !== m || r[36] !== h || r[37] !== L || r[38] !== B || r[39] !== W || r[40] !== q || r[41] !== w0 || r[42] !== E0 || r[43] !== D0 || r[44] !== O0 || r[45] !== R ? (k0 = (0, import_jsx_runtime.jsx)(LazyPlot, {
+    }, r[33] = u, r[34] = C0);
+    let w0 = useEvent_default(C0), T0 = m.frames ?? void 0, E0 = useEvent_default(_temp3$3), D0;
+    return r[35] !== m || r[36] !== h || r[37] !== L || r[38] !== B || r[39] !== W || r[40] !== q || r[41] !== S0 || r[42] !== w0 || r[43] !== T0 || r[44] !== E0 || r[45] !== R ? (D0 = (0, import_jsx_runtime.jsx)(LazyPlot, {
       ...m,
       layout: h,
       onRelayout: R,
@@ -33978,19 +33987,19 @@ ${c}
       onTreemapClick: W,
       onSunburstClick: q,
       config: L,
-      onClick: w0,
-      onSelected: E0,
+      onClick: S0,
+      onSelected: w0,
       className: "w-full",
       useResizeHandler: true,
-      frames: D0,
-      onError: O0
-    }), r[35] = m, r[36] = h, r[37] = L, r[38] = B, r[39] = W, r[40] = q, r[41] = w0, r[42] = E0, r[43] = D0, r[44] = O0, r[45] = R, r[46] = k0) : k0 = r[46], k0;
+      frames: T0,
+      onError: E0
+    }), r[35] = m, r[36] = h, r[37] = L, r[38] = B, r[39] = W, r[40] = q, r[41] = S0, r[42] = w0, r[43] = T0, r[44] = E0, r[45] = R, r[46] = D0) : D0 = r[46], D0;
   });
   PlotlyComponent.displayName = "PlotlyComponent";
   function _temp$8(e) {
     return e.includes("xaxis") || e.includes("yaxis");
   }
-  function _temp2$4(e) {
+  function _temp2$3(e) {
     return {
       ...e,
       selections: Arrays.EMPTY,
@@ -34129,8 +34138,8 @@ ${c}
         onPointerUp: H
       })
     }), c[19] = L, c[20] = z, c[21] = H, c[22] = Z) : Z = c[22];
-    let w0;
-    c[23] !== m.setFalse || c[24] !== m.setTrue ? (w0 = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
+    let S0;
+    c[23] !== m.setFalse || c[24] !== m.setTrue ? (S0 = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsx)(Thumb$1, {
         "data-testid": "thumb",
@@ -34140,30 +34149,30 @@ ${c}
         onMouseEnter: m.setTrue,
         onMouseLeave: m.setFalse
       })
-    }), c[23] = m.setFalse, c[24] = m.setTrue, c[25] = w0) : w0 = c[25];
-    let T0;
-    c[26] !== h || c[27] !== u.value || c[28] !== d ? (T0 = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
+    }), c[23] = m.setFalse, c[24] = m.setTrue, c[25] = S0) : S0 = c[25];
+    let C0;
+    c[26] !== h || c[27] !== u.value || c[28] !== d ? (C0 = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
       children: prettyScientificNumber(d(u.value[0]), {
         locale: h
       })
-    }, u.value[0]), c[26] = h, c[27] = u.value, c[28] = d, c[29] = T0) : T0 = c[29];
-    let E0;
-    c[30] === T0 ? E0 = c[31] : (E0 = (0, import_jsx_runtime.jsx)(TooltipPortal, {
-      children: T0
-    }), c[30] = T0, c[31] = E0);
-    let D0;
-    c[32] !== f || c[33] !== w0 || c[34] !== E0 ? (D0 = (0, import_jsx_runtime.jsx)(TooltipProvider, {
+    }, u.value[0]), c[26] = h, c[27] = u.value, c[28] = d, c[29] = C0) : C0 = c[29];
+    let w0;
+    c[30] === C0 ? w0 = c[31] : (w0 = (0, import_jsx_runtime.jsx)(TooltipPortal, {
+      children: C0
+    }), c[30] = C0, c[31] = w0);
+    let T0;
+    c[32] !== f || c[33] !== S0 || c[34] !== w0 ? (T0 = (0, import_jsx_runtime.jsx)(TooltipProvider, {
       children: (0, import_jsx_runtime.jsxs)(TooltipRoot, {
         delayDuration: 0,
         open: f,
         children: [
-          w0,
-          E0
+          S0,
+          w0
         ]
       })
-    }), c[32] = f, c[33] = w0, c[34] = E0, c[35] = D0) : D0 = c[35];
-    let O0;
-    c[36] !== m.setFalse || c[37] !== m.setTrue ? (O0 = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
+    }), c[32] = f, c[33] = S0, c[34] = w0, c[35] = T0) : T0 = c[35];
+    let E0;
+    c[36] !== m.setFalse || c[37] !== m.setTrue ? (E0 = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsx)(Thumb$1, {
         "data-testid": "thumb",
@@ -34173,39 +34182,39 @@ ${c}
         onMouseEnter: m.setTrue,
         onMouseLeave: m.setFalse
       })
-    }), c[36] = m.setFalse, c[37] = m.setTrue, c[38] = O0) : O0 = c[38];
-    let k0;
-    c[39] !== h || c[40] !== u.value || c[41] !== d ? (k0 = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
+    }), c[36] = m.setFalse, c[37] = m.setTrue, c[38] = E0) : E0 = c[38];
+    let D0;
+    c[39] !== h || c[40] !== u.value || c[41] !== d ? (D0 = u.value != null && u.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
       children: prettyScientificNumber(d(u.value[1]), {
         locale: h
       })
-    }, u.value[1]), c[39] = h, c[40] = u.value, c[41] = d, c[42] = k0) : k0 = c[42];
-    let A0;
-    c[43] === k0 ? A0 = c[44] : (A0 = (0, import_jsx_runtime.jsx)(TooltipPortal, {
-      children: k0
-    }), c[43] = k0, c[44] = A0);
-    let j0;
-    c[45] !== f || c[46] !== O0 || c[47] !== A0 ? (j0 = (0, import_jsx_runtime.jsx)(TooltipProvider, {
+    }, u.value[1]), c[39] = h, c[40] = u.value, c[41] = d, c[42] = D0) : D0 = c[42];
+    let O0;
+    c[43] === D0 ? O0 = c[44] : (O0 = (0, import_jsx_runtime.jsx)(TooltipPortal, {
+      children: D0
+    }), c[43] = D0, c[44] = O0);
+    let k0;
+    c[45] !== f || c[46] !== E0 || c[47] !== O0 ? (k0 = (0, import_jsx_runtime.jsx)(TooltipProvider, {
       children: (0, import_jsx_runtime.jsxs)(TooltipRoot, {
         delayDuration: 0,
         open: f,
         children: [
-          O0,
-          A0
+          E0,
+          O0
         ]
       })
-    }), c[45] = f, c[46] = O0, c[47] = A0, c[48] = j0) : j0 = c[48];
-    let M0;
-    return c[49] !== M || c[50] !== u || c[51] !== Z || c[52] !== D0 || c[53] !== j0 || c[54] !== W ? (M0 = (0, import_jsx_runtime.jsxs)(Root$1, {
+    }), c[45] = f, c[46] = E0, c[47] = O0, c[48] = k0) : k0 = c[48];
+    let A0;
+    return c[49] !== M || c[50] !== u || c[51] !== Z || c[52] !== T0 || c[53] !== k0 || c[54] !== W ? (A0 = (0, import_jsx_runtime.jsxs)(Root$1, {
       ref: M,
       className: W,
       ...u,
       children: [
         Z,
-        D0,
-        j0
+        T0,
+        k0
       ]
-    }), c[49] = M, c[50] = u, c[51] = Z, c[52] = D0, c[53] = j0, c[54] = W, c[55] = M0) : M0 = c[55], M0;
+    }), c[49] = M, c[50] = u, c[51] = Z, c[52] = T0, c[53] = k0, c[54] = W, c[55] = A0) : A0 = c[55], A0;
   });
   RangeSlider.displayName = Root$1.displayName;
   var import_compiler_runtime$30 = require_compiler_runtime(), RangeSliderPlugin = class {
@@ -34256,14 +34265,14 @@ ${c}
     }, q = (e2) => {
       h && l(e2);
     }, r[10] = h, r[11] = l, r[12] = G, r[13] = q) : (G = r[12], q = r[13]);
-    let Z, w0;
+    let Z, S0;
     r[14] !== h || r[15] !== T || r[16] !== l || r[17] !== u ? (Z = () => {
       h && !dequal(T, u) && l(T);
-    }, w0 = () => {
+    }, S0 = () => {
       h && !dequal(T, u) && l(T);
-    }, r[14] = h, r[15] = T, r[16] = l, r[17] = u, r[18] = Z, r[19] = w0) : (Z = r[18], w0 = r[19]);
-    let T0;
-    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] !== Z || r[31] !== w0 || r[32] !== b ? (T0 = (0, import_jsx_runtime.jsx)(RangeSlider, {
+    }, r[14] = h, r[15] = T, r[16] = l, r[17] = u, r[18] = Z, r[19] = S0) : (Z = r[18], S0 = r[19]);
+    let C0;
+    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] !== Z || r[31] !== S0 || r[32] !== b ? (C0 = (0, import_jsx_runtime.jsx)(RangeSlider, {
       id: S,
       className: W,
       value: T,
@@ -34275,35 +34284,35 @@ ${c}
       onValueChange: G,
       onValueCommit: q,
       onPointerUp: Z,
-      onMouseUp: w0,
+      onMouseUp: S0,
       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] = Z, r[31] = w0, r[32] = b, r[33] = T0) : T0 = r[33];
-    let E0;
-    r[34] !== T || r[35] !== w || r[36] !== _ || r[37] !== b ? (E0 = _ && (0, import_jsx_runtime.jsx)("div", {
+    }), r[20] = y, r[21] = S, r[22] = T, r[23] = g, r[24] = d, r[25] = m, r[26] = f, r[27] = W, r[28] = G, r[29] = q, r[30] = Z, r[31] = S0, r[32] = b, r[33] = C0) : C0 = r[33];
+    let w0;
+    r[34] !== T || r[35] !== w || r[36] !== _ || r[37] !== b ? (w0 = _ && (0, import_jsx_runtime.jsx)("div", {
       className: "text-xs text-muted-foreground min-w-[16px]",
       children: `${prettyScientificNumber(b(T[0]), {
         locale: w
       })}, ${prettyScientificNumber(b(T[1]), {
         locale: w
       })}`
-    }), r[34] = T, r[35] = w, r[36] = _, r[37] = b, r[38] = E0) : E0 = r[38];
-    let D0;
-    r[39] !== T0 || r[40] !== E0 || r[41] !== B ? (D0 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[34] = T, r[35] = w, r[36] = _, r[37] = b, r[38] = w0) : w0 = r[38];
+    let T0;
+    r[39] !== C0 || r[40] !== w0 || r[41] !== B ? (T0 = (0, import_jsx_runtime.jsxs)("div", {
       className: B,
       children: [
-        T0,
-        E0
+        C0,
+        w0
       ]
-    }), r[39] = T0, r[40] = E0, r[41] = B, r[42] = D0) : D0 = r[42];
-    let O0;
-    return r[43] !== v || r[44] !== S || r[45] !== c || r[46] !== D0 || r[47] !== M || r[48] !== L ? (O0 = (0, import_jsx_runtime.jsx)(Labeled, {
+    }), r[39] = C0, r[40] = w0, r[41] = B, r[42] = T0) : T0 = r[42];
+    let E0;
+    return r[43] !== v || r[44] !== S || r[45] !== c || r[46] !== T0 || r[47] !== M || r[48] !== L ? (E0 = (0, import_jsx_runtime.jsx)(Labeled, {
       label: c,
       id: S,
       align: M,
       className: L,
       fullWidth: v,
-      children: D0
-    }), r[43] = v, r[44] = S, r[45] = c, r[46] = D0, r[47] = M, r[48] = L, r[49] = O0) : O0 = r[49], O0;
+      children: T0
+    }), r[43] = v, r[44] = S, r[45] = c, r[46] = T0, r[47] = M, r[48] = L, r[49] = E0) : E0 = r[49], E0;
   }, import_timestring = __toESM(__commonJSMin(((e, r) => {
     r.exports = u;
     var c = {
@@ -34539,8 +34548,8 @@ ${c}
       let [r2] = e2;
       h && l(r2);
     }, r[11] = h, r[12] = l, r[13] = q, r[14] = Z) : (q = r[13], Z = r[14]);
-    let w0;
-    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] !== Z || r[24] !== W || r[25] !== y ? (w0 = (0, import_jsx_runtime.jsx)(Slider, {
+    let S0;
+    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] !== Z || r[24] !== W || r[25] !== y ? (S0 = (0, import_jsx_runtime.jsx)(Slider, {
       id: w,
       className: W,
       value: G,
@@ -34552,16 +34561,16 @@ ${c}
       onValueCommit: Z,
       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] = Z, r[24] = W, r[25] = y, r[26] = w0) : w0 = r[26];
-    let T0;
-    r[27] !== E || r[28] !== T || r[29] !== _ || r[30] !== y ? (T0 = _ && (0, import_jsx_runtime.jsx)("div", {
+    }), r[15] = S, r[16] = w, r[17] = g, r[18] = d, r[19] = m, r[20] = f, r[21] = G, r[22] = q, r[23] = Z, r[24] = W, r[25] = y, r[26] = S0) : S0 = r[26];
+    let C0;
+    r[27] !== E || r[28] !== T || r[29] !== _ || r[30] !== y ? (C0 = _ && (0, import_jsx_runtime.jsx)("div", {
       className: "text-xs text-muted-foreground min-w-[16px]",
       children: prettyScientificNumber(y(E), {
         locale: T
       })
-    }), r[27] = E, r[28] = T, r[29] = _, r[30] = y, r[31] = T0) : T0 = r[31];
-    let E0;
-    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 ? (E0 = b && (0, import_jsx_runtime.jsx)(NumberField, {
+    }), r[27] = E, r[28] = T, r[29] = _, r[30] = y, r[31] = C0) : C0 = r[31];
+    let w0;
+    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 ? (w0 = b && (0, import_jsx_runtime.jsx)(NumberField, {
       value: y(E),
       onChange: (e2) => {
         (e2 == null || Number.isNaN(e2)) && (e2 = Number(d)), O(e2), l(e2);
@@ -34572,25 +34581,25 @@ ${c}
       className: "w-24",
       "aria-label": `${c || "Slider"} value input`,
       isDisabled: S
-    }), r[32] = S, r[33] = b, r[34] = E, r[35] = c, r[36] = l, r[37] = d, r[38] = m, r[39] = f, r[40] = y, r[41] = E0) : E0 = r[41];
-    let D0;
-    r[42] !== w0 || r[43] !== T0 || r[44] !== E0 || r[45] !== B ? (D0 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[32] = S, r[33] = b, r[34] = E, r[35] = c, r[36] = l, r[37] = d, r[38] = m, r[39] = f, r[40] = y, r[41] = w0) : w0 = r[41];
+    let T0;
+    r[42] !== S0 || r[43] !== C0 || r[44] !== w0 || r[45] !== B ? (T0 = (0, import_jsx_runtime.jsxs)("div", {
       className: B,
       children: [
-        w0,
-        T0,
-        E0
+        S0,
+        C0,
+        w0
       ]
-    }), r[42] = w0, r[43] = T0, r[44] = E0, r[45] = B, r[46] = D0) : D0 = r[46];
-    let O0;
-    return r[47] !== v || r[48] !== w || r[49] !== c || r[50] !== D0 || r[51] !== I || r[52] !== R ? (O0 = (0, import_jsx_runtime.jsx)(Labeled, {
+    }), r[42] = S0, r[43] = C0, r[44] = w0, r[45] = B, r[46] = T0) : T0 = r[46];
+    let E0;
+    return r[47] !== v || r[48] !== w || r[49] !== c || r[50] !== T0 || r[51] !== I || r[52] !== R ? (E0 = (0, import_jsx_runtime.jsx)(Labeled, {
       label: c,
       id: w,
       align: I,
       fullWidth: v,
       className: R,
-      children: D0
-    }), r[47] = v, r[48] = w, r[49] = c, r[50] = D0, r[51] = I, r[52] = R, r[53] = O0) : O0 = r[53], O0;
+      children: T0
+    }), r[47] = v, r[48] = w, r[49] = c, r[50] = T0, r[51] = I, r[52] = R, r[53] = E0) : E0 = r[53], E0;
   }, import_compiler_runtime$28 = require_compiler_runtime(), switchVariants = cva("peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", {
     variants: {
       size: {
@@ -34674,7 +34683,11 @@ ${c}
       __publicField(this, "tagName", "marimo-tabs");
       __publicField(this, "validator", object({
         tabs: array(string()),
-        label: string().nullable()
+        label: string().nullable(),
+        orientation: _enum([
+          "horizontal",
+          "vertical"
+        ]).default("horizontal")
       }));
     }
     render(e) {
@@ -34686,49 +34699,69 @@ ${c}
       });
     }
   }, TabComponent = (e) => {
-    let r = (0, import_compiler_runtime$26.c)(16), { tabs: c, label: l, value: u, setValue: d, children: f } = e, [p, m] = import_react.useState(u || "0"), h;
-    r[0] === d ? h = r[1] : (h = (e2) => {
-      m(e2), d(e2);
-    }, r[0] = d, r[1] = h);
-    let g = h;
-    u !== p && u && m(u);
-    let _;
-    r[2] === c ? _ = r[3] : (_ = c.map(_temp$7), r[2] = c, r[3] = _);
-    let v;
-    r[4] === _ ? v = r[5] : (v = (0, import_jsx_runtime.jsx)(TabsList, {
-      children: _
-    }), r[4] = _, r[5] = v);
-    let y;
-    r[6] === f ? y = r[7] : (y = import_react.Children.map(f, _temp2$3), r[6] = f, r[7] = y);
-    let b;
-    r[8] !== g || r[9] !== p || r[10] !== v || r[11] !== y ? (b = (0, import_jsx_runtime.jsxs)(Tabs, {
-      value: p,
-      onValueChange: g,
+    let r = (0, import_compiler_runtime$26.c)(33), { tabs: c, label: l, orientation: u, value: d, setValue: f, children: m } = e, [h, g] = import_react.useState(d || "0"), _;
+    r[0] === f ? _ = r[1] : (_ = (e2) => {
+      g(e2), f(e2);
+    }, r[0] = f, r[1] = _);
+    let v = _;
+    d !== h && d && g(d);
+    let y = u === "vertical", b;
+    r[2] === m ? b = r[3] : (b = m == null ? [] : Array.isArray(m) ? m : [
+      m
+    ], r[2] = m, r[3] = b);
+    let S = b, w = y && "flex flex-row gap-3", T;
+    r[4] === w ? T = r[5] : (T = cn(w), r[4] = w, r[5] = T);
+    let E = y ? "flex flex-col items-stretch justify-start h-auto max-h-none shrink-0 min-w-[10rem] overflow-y-auto" : "max-w-full overflow-x-auto justify-start", O;
+    r[6] === E ? O = r[7] : (O = cn("scrollbar-thin", E), r[6] = E, r[7] = O);
+    let j;
+    if (r[8] !== y || r[9] !== c) {
+      let e2;
+      r[11] === y ? e2 = r[12] : (e2 = (e3, r2) => (0, import_jsx_runtime.jsx)(TabsTrigger, {
+        value: r2.toString(),
+        className: cn(y && "w-full justify-start"),
+        children: renderHTML({
+          html: e3
+        })
+      }, r2), r[11] = y, r[12] = e2), j = c.map(e2), r[8] = y, r[9] = c, r[10] = j;
+    } else j = r[10];
+    let M;
+    r[13] !== O || r[14] !== j ? (M = (0, import_jsx_runtime.jsx)(TabsList, {
+      className: O,
+      children: j
+    }), r[13] = O, r[14] = j, r[15] = M) : M = r[15];
+    let I = y && "flex-1 min-w-0", L;
+    r[16] === I ? L = r[17] : (L = cn(I), r[16] = I, r[17] = L);
+    let R;
+    r[18] === S ? R = r[19] : (R = S.map(_temp$7), r[18] = S, r[19] = R);
+    let z;
+    r[20] !== L || r[21] !== R ? (z = (0, import_jsx_runtime.jsx)("div", {
+      className: L,
+      children: R
+    }), r[20] = L, r[21] = R, r[22] = z) : z = r[22];
+    let B;
+    r[23] !== v || r[24] !== h || r[25] !== u || r[26] !== z || r[27] !== T || r[28] !== M ? (B = (0, import_jsx_runtime.jsxs)(Tabs, {
+      value: h,
+      onValueChange: v,
+      orientation: u,
+      className: T,
       children: [
-        v,
-        y
+        M,
+        z
       ]
-    }), r[8] = g, r[9] = p, r[10] = v, r[11] = y, r[12] = b) : b = r[12];
-    let S;
-    return r[13] !== l || r[14] !== b ? (S = (0, import_jsx_runtime.jsx)(Labeled, {
+    }), r[23] = v, r[24] = h, r[25] = u, r[26] = z, r[27] = T, r[28] = M, r[29] = B) : B = r[29];
+    let H;
+    return r[30] !== l || r[31] !== B ? (H = (0, import_jsx_runtime.jsx)(Labeled, {
       label: l,
       align: "top",
-      children: b
-    }), r[13] = l, r[14] = b, r[15] = S) : S = r[15], S;
+      fullWidth: true,
+      children: B
+    }), r[30] = l, r[31] = B, r[32] = H) : H = r[32], H;
   };
   function _temp$7(e, r) {
-    return (0, import_jsx_runtime.jsx)(TabsTrigger, {
-      value: r.toString(),
-      children: renderHTML({
-        html: e
-      })
-    }, r);
-  }
-  function _temp2$3(e, r) {
     return (0, import_jsx_runtime.jsx)(TabsContent, {
       value: r.toString(),
       children: e
-    });
+    }, r);
   }
   var import_compiler_runtime$25 = require_compiler_runtime(), TextAreaPlugin = class {
     constructor() {
@@ -34997,7 +35030,7 @@ ${c}
         return true;
     }
   }
-  var LazyVegaComponent = import_react.lazy(() => import("./vega-component-CC8TqWWV.js")), VegaPlugin = class {
+  var LazyVegaComponent = import_react.lazy(() => import("./vega-component-C2BYPkfd.js")), VegaPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-vega");
       __publicField(this, "validator", object({
@@ -35137,7 +35170,7 @@ ${c}
         children: e.children
       });
     }
-  }, LazySlidesComponent$1 = import_react.lazy(() => import("./swiper-component-KkEVUDd3.js"));
+  }, LazySlidesComponent$1 = import_react.lazy(() => import("./swiper-component-BHs0PWwp.js"));
   const DownloadPlugin = createPlugin("marimo-download").withData(object({
     data: string(),
     disabled: boolean().default(false),
@@ -35189,7 +35222,7 @@ ${c}
         m
       ]
     });
-  }, LazyImageComparisonComponent = import_react.lazy(() => import("./ImageComparisonComponent-DaocPIse.js")), ImageComparisonPlugin = class {
+  }, LazyImageComparisonComponent = import_react.lazy(() => import("./ImageComparisonComponent-CNHIsPDj.js")), ImageComparisonPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-image-comparison");
       __publicField(this, "validator", object({
@@ -35311,15 +35344,19 @@ ${c}
     constructor() {
       __publicField(this, "tagName", "marimo-mermaid");
       __publicField(this, "validator", object({
-        diagram: string()
+        diagram: string(),
+        theme: string().optional(),
+        theme_variables: record(string(), string()).optional()
       }));
     }
     render(e) {
       return (0, import_jsx_runtime.jsx)(LazyMermaid, {
-        diagram: e.data.diagram
+        diagram: e.data.diagram,
+        theme: e.data.theme,
+        themeVariables: e.data.theme_variables
       });
     }
-  }, LazyMermaid = (0, import_react.lazy)(() => import("./mermaid-DJ1NyBGw.js").then(async (m) => {
+  }, LazyMermaid = (0, import_react.lazy)(() => import("./mermaid-cXSZ1pfD.js").then(async (m) => {
     await m.__tla;
     return m;
   })), import_compiler_runtime$20 = require_compiler_runtime();
@@ -37349,8 +37386,8 @@ ${c}
         tex: e.host.textContent || e.host.innerHTML
       });
     }
-  }, importKatex = once(async () => (await import("./katex-qPqrBHZ8.js")).default), importMhChem = once(async () => {
-    await import("./mhchem-BwoRNwg_.js");
+  }, importKatex = once(async () => (await import("./katex-9-9QRhxz.js")).default), importMhChem = once(async () => {
+    await import("./mhchem-yiCCuiEF.js");
   }), macros = {
     "\\mbox": "\\text{#1}"
   };
@@ -37582,40 +37619,40 @@ ${c}
         areRegExpsEqual: H,
         areSetsEqual: G,
         createIsNestedEqual: r2
-      }), w0 = T(q);
-      function T0(e3, r3) {
-        return w0(e3, r3, void 0);
+      }), S0 = T(q);
+      function C0(e3, r3) {
+        return S0(e3, r3, void 0);
       }
-      var E0 = T(l(q, {
+      var w0 = T(l(q, {
         createIsNestedEqual: function() {
           return f;
         }
       }));
-      function D0(e3, r3) {
-        return E0(e3, r3, void 0);
+      function T0(e3, r3) {
+        return w0(e3, r3, void 0);
       }
-      var O0 = T(Z);
-      function k0(e3, r3) {
-        return O0(e3, r3, /* @__PURE__ */ new WeakMap());
+      var E0 = T(Z);
+      function D0(e3, r3) {
+        return E0(e3, r3, /* @__PURE__ */ new WeakMap());
       }
-      var A0 = T(l(Z, {
+      var O0 = T(l(Z, {
         createIsNestedEqual: function() {
           return f;
         }
       }));
-      function j0(e3, r3) {
-        return A0(e3, r3, /* @__PURE__ */ new WeakMap());
+      function k0(e3, r3) {
+        return O0(e3, r3, /* @__PURE__ */ new WeakMap());
       }
-      function M0(e3) {
+      function A0(e3) {
         return T(l(q, e3(q)));
       }
-      function N0(e3) {
+      function j0(e3) {
         var r3 = T(l(Z, e3(Z)));
         return (function(e4, c2, l2) {
           return l2 === void 0 && (l2 = /* @__PURE__ */ new WeakMap()), r3(e4, c2, l2);
         });
       }
-      e2.circularDeepEqual = k0, e2.circularShallowEqual = j0, e2.createCustomCircularEqual = N0, e2.createCustomEqual = M0, e2.deepEqual = T0, e2.sameValueZeroEqual = f, e2.shallowEqual = D0, Object.defineProperty(e2, "__esModule", {
+      e2.circularDeepEqual = D0, e2.circularShallowEqual = k0, e2.createCustomCircularEqual = j0, e2.createCustomEqual = A0, e2.deepEqual = C0, e2.sameValueZeroEqual = f, e2.shallowEqual = T0, Object.defineProperty(e2, "__esModule", {
         value: true
       });
     }));
@@ -37641,7 +37678,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 = z0, 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 = j0, e.setTopLeft = N0, e.setTransform = M0, e.sortLayoutItems = P0, e.sortLayoutItemsByColRow = I0, e.sortLayoutItemsByRowCol = F0, e.synchronizeLayoutWithChildren = L0, e.validateLayout = R0, 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 = L0, 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 = k0, e.setTopLeft = j0, e.setTransform = A0, e.sortLayoutItems = M0, e.sortLayoutItemsByColRow = P0, e.sortLayoutItemsByRowCol = N0, e.synchronizeLayoutWithChildren = F0, e.validateLayout = I0, e.withLayoutItem = v;
     var r = require_fast_equals(), c = l(require_react());
     function l(e2) {
       return e2 && e2.__esModule ? e2 : {
@@ -37746,7 +37783,7 @@ ${c}
       return !(e2.i === r2.i || e2.x + e2.w <= r2.x || e2.x >= r2.x + r2.w || e2.y + e2.h <= r2.y || e2.y >= r2.y + r2.h);
     }
     function T(e2, r2, c2, l2) {
-      let u2 = B(e2), d2 = h(u2), f2 = P0(e2, r2), p2 = Array(e2.length);
+      let u2 = B(e2), d2 = h(u2), f2 = M0(e2, r2), p2 = Array(e2.length);
       for (let m2 = 0, h2 = f2.length; m2 < h2; m2++) {
         let h3 = y(f2[m2]);
         h3.static || (h3 = M(u2, h3, r2, c2, f2, l2, d2), d2 = Math.max(d2, h3.y + h3.h), u2.push(h3)), p2[e2.indexOf(f2[m2])] = h3, h3.moved = false;
@@ -37804,7 +37841,7 @@ ${c}
       `${r2.i}${String(c2)}${String(l2)}${r2.x}${r2.y}`;
       let h2 = r2.x, _2 = r2.y;
       typeof c2 == "number" && (r2.x = c2), typeof l2 == "number" && (r2.y = l2), r2.moved = true;
-      let v2 = P0(e2, f2);
+      let v2 = M0(e2, f2);
       (f2 === "vertical" && typeof l2 == "number" ? _2 >= l2 : f2 === "horizontal" && typeof c2 == "number" && h2 >= c2) && (v2 = v2.reverse());
       let y2 = z(v2, r2), b2 = y2.length > 0;
       if (b2 && m2) return g(e2);
@@ -37838,61 +37875,61 @@ ${c}
     function G(e2) {
       return e2 * 100 + "%";
     }
-    var q = (e2, r2, c2, l2) => e2 + c2 > l2 ? r2 : c2, Z = (e2, r2, c2) => e2 < 0 ? r2 : c2, w0 = (e2) => Math.max(0, e2), T0 = (e2) => Math.max(0, e2), E0 = (e2, r2, c2) => {
+    var q = (e2, r2, c2, l2) => e2 + c2 > l2 ? r2 : c2, Z = (e2, r2, c2) => e2 < 0 ? r2 : c2, S0 = (e2) => Math.max(0, e2), C0 = (e2) => Math.max(0, e2), w0 = (e2, r2, c2) => {
       let { left: l2, height: u2, width: d2 } = r2, f2 = e2.top - (u2 - e2.height);
       return {
         left: l2,
         width: d2,
         height: Z(f2, e2.height, u2),
-        top: T0(f2)
+        top: C0(f2)
       };
-    }, D0 = (e2, r2, c2) => {
+    }, T0 = (e2, r2, c2) => {
       let { top: l2, left: u2, height: d2, width: f2 } = r2;
       return {
         top: l2,
         height: d2,
         width: q(e2.left, e2.width, f2, c2),
-        left: w0(u2)
+        left: S0(u2)
       };
-    }, O0 = (e2, r2, c2) => {
+    }, E0 = (e2, r2, c2) => {
       let { top: l2, height: u2, width: d2 } = r2, f2 = e2.left - (d2 - e2.width);
       return {
         height: u2,
         width: f2 < 0 ? e2.width : q(e2.left, e2.width, d2, c2),
-        top: T0(l2),
-        left: w0(f2)
+        top: C0(l2),
+        left: S0(f2)
       };
-    }, k0 = (e2, r2, c2) => {
+    }, D0 = (e2, r2, c2) => {
       let { top: l2, left: u2, height: d2, width: f2 } = r2;
       return {
         width: f2,
         left: u2,
         height: Z(l2, e2.height, d2),
-        top: T0(l2)
+        top: C0(l2)
       };
-    }, A0 = {
-      n: E0,
+    }, O0 = {
+      n: w0,
       ne: function() {
-        return E0(arguments.length <= 0 ? void 0 : arguments[0], D0(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return w0(arguments.length <= 0 ? void 0 : arguments[0], T0(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      e: D0,
+      e: T0,
       se: function() {
-        return k0(arguments.length <= 0 ? void 0 : arguments[0], D0(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return D0(arguments.length <= 0 ? void 0 : arguments[0], T0(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      s: k0,
+      s: D0,
       sw: function() {
-        return k0(arguments.length <= 0 ? void 0 : arguments[0], O0(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return D0(arguments.length <= 0 ? void 0 : arguments[0], E0(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       },
-      w: O0,
+      w: E0,
       nw: function() {
-        return E0(arguments.length <= 0 ? void 0 : arguments[0], O0(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
+        return w0(arguments.length <= 0 ? void 0 : arguments[0], E0(...arguments), arguments.length <= 2 ? void 0 : arguments[2]);
       }
     };
-    function j0(e2, r2, c2, l2) {
-      let u2 = A0[e2];
+    function k0(e2, r2, c2, l2) {
+      let u2 = O0[e2];
       return u2 ? u2(r2, d(d({}, r2), c2), l2) : c2;
     }
-    function M0(e2) {
+    function A0(e2) {
       let { top: r2, left: c2, width: l2, height: u2 } = e2, d2 = `translate(${c2}px,${r2}px)`;
       return {
         transform: d2,
@@ -37905,7 +37942,7 @@ ${c}
         position: "absolute"
       };
     }
-    function N0(e2) {
+    function j0(e2) {
       let { top: r2, left: c2, width: l2, height: u2 } = e2;
       return {
         top: `${r2}px`,
@@ -37915,20 +37952,20 @@ ${c}
         position: "absolute"
       };
     }
-    function P0(e2, r2) {
-      return r2 === "horizontal" ? I0(e2) : r2 === "vertical" ? F0(e2) : e2;
+    function M0(e2, r2) {
+      return r2 === "horizontal" ? P0(e2) : r2 === "vertical" ? N0(e2) : e2;
     }
-    function F0(e2) {
+    function N0(e2) {
       return e2.slice(0).sort(function(e3, r2) {
         return e3.y > r2.y || e3.y === r2.y && e3.x > r2.x ? 1 : e3.y === r2.y && e3.x === r2.x ? 0 : -1;
       });
     }
-    function I0(e2) {
+    function P0(e2) {
       return e2.slice(0).sort(function(e3, r2) {
         return e3.x > r2.x || e3.x === r2.x && e3.y > r2.y ? 1 : -1;
       });
     }
-    function L0(e2, r2, l2, u2, f2) {
+    function F0(e2, r2, l2, u2, f2) {
       e2 || (e2 = []);
       let p2 = [];
       c.default.Children.forEach(r2, (r3) => {
@@ -37949,7 +37986,7 @@ ${c}
       });
       return f2 ? m2 : T(m2, u2, l2);
     }
-    function R0(e2) {
+    function I0(e2) {
       let r2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "Layout", c2 = [
         "x",
         "y",
@@ -37966,7 +38003,7 @@ ${c}
         if (u3.i !== void 0 && typeof u3.i != "string") throw Error(`ReactGridLayout: ${r2}[${l2}].i must be a string! Received: ${u3.i} (${typeof u3.i})`);
       }
     }
-    function z0(e2) {
+    function L0(e2) {
       let { verticalCompact: r2, compactType: c2 } = e2 || {};
       return r2 === false ? null : c2;
     }
@@ -40771,7 +40808,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, Z, w0, T0, E0, D0, O0, k0, A0, j0, M0, N0, P0, F0, I0, L0, R0, z0;
+    let M = !f && !v, I, L, R, z, B, H, W, G, q, Z, S0, C0, w0, T0, E0, D0, O0, k0, A0, j0, M0, N0, P0, F0, I0, L0;
     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) => {
@@ -40790,23 +40827,23 @@ ${c}
         });
       }, r[50] = c, r[51] = l, r[52] = v2) : v2 = r[52];
       let y2 = v2;
-      r[53] !== M || r[54] !== c.columns || r[55] !== c.maxWidth || r[56] !== c.rowHeight ? (L = {}, c.maxWidth && (L.maxWidth = `${c.maxWidth}px`), M && (L.backgroundImage = "repeating-linear-gradient(var(--gray-4) 0 1px, transparent 1px 100%), repeating-linear-gradient(90deg, var(--gray-4) 0 1px, transparent 1px 100%)", L.backgroundSize = `calc((100% / ${c.columns})) ${c.rowHeight}px`), r[53] = M, r[54] = c.columns, r[55] = c.maxWidth, r[56] = c.rowHeight, r[57] = L) : L = r[57], I = ReactGridLayout, I0 = "lg", r[58] === c.cells ? L0 = r[59] : (L0 = {
+      r[53] !== M || r[54] !== c.columns || r[55] !== c.maxWidth || r[56] !== c.rowHeight ? (L = {}, c.maxWidth && (L.maxWidth = `${c.maxWidth}px`), M && (L.backgroundImage = "repeating-linear-gradient(var(--gray-4) 0 1px, transparent 1px 100%), repeating-linear-gradient(90deg, var(--gray-4) 0 1px, transparent 1px 100%)", L.backgroundSize = `calc((100% / ${c.columns})) ${c.rowHeight}px`), r[53] = M, r[54] = c.columns, r[55] = c.maxWidth, r[56] = c.rowHeight, r[57] = L) : L = r[57], I = ReactGridLayout, P0 = "lg", r[58] === c.cells ? F0 = r[59] : (F0 = {
         lg: c.cells
-      }, r[58] = c.cells, r[59] = L0), R0 = L, z0 = S, R = false;
+      }, r[58] = c.cells, r[59] = F0), I0 = L, L0 = S, R = false;
       let b2 = M && "bg-(--slate-2) border-r", w2 = f && "disable-animation", T2 = !c.maxWidth && "min-w-[800px]";
       r[60] !== b2 || r[61] !== w2 || r[62] !== T2 ? (z = cn("w-full mx-auto bg-background flex-1 min-h-full", b2, w2, T2), r[60] = b2, r[61] = w2, r[62] = T2, r[63] = z) : z = r[63], r[64] === f ? B = r[65] : (B = f ? [
         20,
         20
-      ] : void 0, r[64] = f, r[65] = B), H = MARGIN, W = false, G = null, q = true, Z = c.rowHeight, r[66] !== f || r[67] !== c || r[68] !== l ? (w0 = (e3) => {
+      ] : void 0, r[64] = f, r[65] = B), H = MARGIN, W = false, G = null, q = true, Z = c.rowHeight, r[66] !== f || r[67] !== c || r[68] !== l ? (S0 = (e3) => {
         f || l({
           ...c,
           cells: e3
         });
-      }, r[66] = f, r[67] = c, r[68] = l, r[69] = w0) : w0 = r[69], r[70] === g ? T0 = r[71] : (T0 = g ? {
+      }, r[66] = f, r[67] = c, r[68] = l, r[69] = S0) : S0 = r[69], r[70] === g ? C0 = r[71] : (C0 = g ? {
         i: g.i,
         w: g.w || 2,
         h: g.h || 2
-      } : void 0, r[70] = g, r[71] = T0), r[72] !== O || r[73] !== c || r[74] !== l ? (E0 = (e3, r2, u2) => {
+      } : void 0, r[70] = g, r[71] = C0), r[72] !== O || r[73] !== c || r[74] !== l ? (w0 = (e3, r2, u2) => {
         O.onDragStop(), r2 && l({
           ...c,
           cells: [
@@ -40814,15 +40851,15 @@ ${c}
             r2
           ]
         });
-      }, r[72] = O, r[73] = c, r[74] = l, r[75] = E0) : E0 = r[75], r[76] === O ? (D0 = r[77], O0 = r[78], k0 = r[79]) : (D0 = (e3, r2, c2, l2, u2) => {
+      }, r[72] = O, r[73] = c, r[74] = l, r[75] = w0) : w0 = r[75], r[76] === O ? (T0 = r[77], E0 = r[78], D0 = r[79]) : (T0 = (e3, r2, c2, l2, u2) => {
         O.onDragStart(u2);
-      }, O0 = (e3, r2, c2, l2, u2) => {
+      }, E0 = (e3, r2, c2, l2, u2) => {
         O.onDragMove(u2);
-      }, k0 = () => {
+      }, D0 = () => {
         O.onDragStop();
-      }, r[76] = O, r[77] = D0, r[78] = O0, r[79] = k0), A0 = _temp3$2, j0 = M, M0 = M, N0 = M, P0 = M ? `.${DRAG_HANDLE}` : "noop";
+      }, r[76] = O, r[77] = T0, r[78] = E0, r[79] = D0), O0 = _temp3$2, k0 = M, A0 = M, j0 = M, M0 = M ? `.${DRAG_HANDLE}` : "noop";
       let E2;
-      r[80] === h ? E2 = r[81] : (E2 = (e3) => h.has(e3.id), r[80] = h, r[81] = E2), F0 = u.filter(E2).map((r2) => {
+      r[80] === h ? E2 = r[81] : (E2 = (e3) => h.has(e3.id), r[80] = h, r[81] = E2), N0 = u.filter(E2).map((r2) => {
         let u2 = e2.get(r2.id), f2 = c.scrollableCells.has(r2.id) ?? false, p = c.cellSide.get(r2.id), m3 = (0, import_jsx_runtime.jsx)(GridCell, {
           code: r2.code,
           mode: d,
@@ -40851,14 +40888,14 @@ ${c}
         }, r2.id) : (0, import_jsx_runtime.jsx)("div", {
           children: m3
         }, r2.id);
-      }), r[10] = u, r[11] = S, r[12] = O, r[13] = g, r[14] = M, r[15] = h, r[16] = j, r[17] = f, r[18] = c, r[19] = d, r[20] = l, r[21] = I, r[22] = L, r[23] = R, r[24] = z, r[25] = B, r[26] = H, r[27] = W, r[28] = G, r[29] = q, r[30] = Z, r[31] = w0, r[32] = T0, r[33] = E0, r[34] = D0, r[35] = O0, r[36] = k0, r[37] = A0, r[38] = j0, r[39] = M0, r[40] = N0, r[41] = P0, r[42] = F0, r[43] = I0, r[44] = L0, r[45] = R0, r[46] = z0;
-    } 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], Z = r[30], w0 = r[31], T0 = r[32], E0 = r[33], D0 = r[34], O0 = r[35], k0 = r[36], A0 = r[37], j0 = r[38], M0 = r[39], N0 = r[40], P0 = r[41], F0 = r[42], I0 = r[43], L0 = r[44], R0 = r[45], z0 = r[46];
-    let B0;
-    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] !== Z || r[91] !== w0 || r[92] !== T0 || r[93] !== E0 || r[94] !== D0 || r[95] !== O0 || r[96] !== k0 || r[97] !== A0 || r[98] !== j0 || r[99] !== M0 || r[100] !== N0 || r[101] !== P0 || r[102] !== F0 || r[103] !== I0 || r[104] !== L0 || r[105] !== R0 || r[106] !== z0 ? (B0 = (0, import_jsx_runtime.jsx)(I, {
-      breakpoint: I0,
-      layouts: L0,
-      style: R0,
-      cols: z0,
+      }), 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] = Z, r[31] = S0, r[32] = C0, r[33] = w0, r[34] = T0, r[35] = E0, r[36] = D0, r[37] = O0, r[38] = k0, r[39] = A0, r[40] = j0, r[41] = M0, r[42] = N0, r[43] = P0, r[44] = F0, r[45] = I0, r[46] = L0;
+    } 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], Z = r[30], S0 = r[31], C0 = r[32], w0 = r[33], T0 = r[34], E0 = r[35], D0 = r[36], O0 = r[37], k0 = r[38], A0 = r[39], j0 = r[40], M0 = r[41], N0 = r[42], P0 = r[43], F0 = r[44], I0 = r[45], L0 = r[46];
+    let R0;
+    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] !== Z || r[91] !== S0 || r[92] !== C0 || r[93] !== w0 || r[94] !== T0 || r[95] !== E0 || r[96] !== D0 || r[97] !== O0 || r[98] !== k0 || r[99] !== A0 || r[100] !== j0 || r[101] !== M0 || r[102] !== N0 || r[103] !== P0 || r[104] !== F0 || r[105] !== I0 || r[106] !== L0 ? (R0 = (0, import_jsx_runtime.jsx)(I, {
+      breakpoint: P0,
+      layouts: F0,
+      style: I0,
+      cols: L0,
       allowOverlap: R,
       className: z,
       containerPadding: B,
@@ -40867,22 +40904,22 @@ ${c}
       compactType: G,
       preventCollision: q,
       rowHeight: Z,
-      onLayoutChange: w0,
-      droppingItem: T0,
-      onDrop: E0,
-      onDragStart: D0,
-      onDrag: O0,
-      onDragStop: k0,
-      onResizeStop: A0,
-      isDraggable: j0,
-      isDroppable: M0,
-      isResizable: N0,
-      draggableHandle: P0,
-      children: F0
-    }), 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] = Z, r[91] = w0, r[92] = T0, r[93] = E0, r[94] = D0, r[95] = O0, r[96] = k0, r[97] = A0, r[98] = j0, r[99] = M0, r[100] = N0, r[101] = P0, r[102] = F0, r[103] = I0, r[104] = L0, r[105] = R0, r[106] = z0, r[107] = B0) : B0 = r[107];
-    let V0 = B0, H0, U0, W0, G0, K0, q0, J0;
-    if (r[108] !== u || r[109] !== V0 || r[110] !== h || r[111] !== v || r[112] !== f || r[113] !== c || r[114] !== d || r[115] !== l || r[116] !== L) {
-      J0 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+      onLayoutChange: S0,
+      droppingItem: C0,
+      onDrop: w0,
+      onDragStart: T0,
+      onDrag: E0,
+      onDragStop: D0,
+      onResizeStop: O0,
+      isDraggable: k0,
+      isDroppable: A0,
+      isResizable: j0,
+      draggableHandle: M0,
+      children: N0
+    }), 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] = Z, r[91] = S0, r[92] = C0, r[93] = w0, r[94] = T0, r[95] = E0, r[96] = D0, r[97] = O0, r[98] = k0, r[99] = A0, r[100] = j0, r[101] = M0, r[102] = N0, r[103] = P0, r[104] = F0, r[105] = I0, r[106] = L0, r[107] = R0) : R0 = r[107];
+    let z0 = R0, B0, V0, H0, U0, W0, G0, K0;
+    if (r[108] !== u || r[109] !== z0 || r[110] !== h || r[111] !== v || r[112] !== f || r[113] !== c || r[114] !== d || r[115] !== l || r[116] !== L) {
+      K0 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
       bb0: {
         let e2;
         r[125] === h ? e2 = r[126] : (e2 = (e3) => !h.has(e3.id), r[125] = h, r[126] = e2);
@@ -40890,14 +40927,14 @@ ${c}
         if (f) {
           if (c.bordered) {
             let e4;
-            r[127] !== V0 || r[128] !== L ? (e4 = (0, import_jsx_runtime.jsx)("div", {
+            r[127] !== z0 || r[128] !== L ? (e4 = (0, import_jsx_runtime.jsx)("div", {
               className: "flex flex-1 flex-col items-center",
               children: (0, import_jsx_runtime.jsx)("div", {
                 style: L,
                 className: "bg-background flex-1 border-t border-x rounded-t shadow-sm w-full overflow-hidden",
-                children: V0
+                children: z0
               })
-            }), r[127] = V0, r[128] = L, r[129] = e4) : e4 = r[129], V0 = e4;
+            }), r[127] = z0, r[128] = L, r[129] = e4) : e4 = r[129], z0 = e4;
           }
           let e3 = m2.filter(_temp4$2), l2;
           r[130] === d ? l2 = r[131] : (l2 = (e4) => (0, import_jsx_runtime.jsx)(GridCell, {
@@ -40908,9 +40945,9 @@ ${c}
             status: e4.status,
             isScrollable: false,
             hidden: false
-          }, e4.id), r[130] = d, r[131] = l2), J0 = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          }, e4.id), r[130] = d, r[131] = l2), K0 = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
             children: [
-              V0,
+              z0,
               (0, import_jsx_runtime.jsx)("div", {
                 className: "hidden",
                 children: e3.map(l2)
@@ -40921,31 +40958,31 @@ ${c}
         }
         if (c.bordered) {
           let e3;
-          r[132] === V0 ? e3 = r[133] : (e3 = (0, import_jsx_runtime.jsx)("div", {
+          r[132] === z0 ? e3 = r[133] : (e3 = (0, import_jsx_runtime.jsx)("div", {
             className: "h-full overflow-auto",
-            children: V0
-          }), r[132] = V0, r[133] = e3);
+            children: z0
+          }), r[132] = z0, r[133] = e3);
           let c2;
           r[134] !== L || r[135] !== e3 ? (c2 = (0, import_jsx_runtime.jsx)("div", {
             style: L,
             className: "bg-background border-t border-x rounded-t shadow-sm w-full mx-auto mt-4 h-[calc(100%-1rem)] overflow-hidden",
             children: e3
-          }), r[134] = L, r[135] = e3, r[136] = c2) : c2 = r[136], V0 = c2;
+          }), r[134] = L, r[135] = e3, r[136] = c2) : c2 = r[136], z0 = c2;
         }
-        r[137] !== v || r[138] !== c || r[139] !== l ? (q0 = (0, import_jsx_runtime.jsx)(GridControls, {
+        r[137] !== v || r[138] !== c || r[139] !== l ? (G0 = (0, import_jsx_runtime.jsx)(GridControls, {
           layout: c,
           setLayout: l,
           isLocked: v,
           setIsLocked: y
-        }), r[137] = v, r[138] = c, r[139] = l, r[140] = q0) : q0 = r[140];
+        }), r[137] = v, r[138] = c, r[139] = l, r[140] = G0) : G0 = r[140];
         let g2;
-        r[141] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G0 = cn("relative flex z-10 flex-1 overflow-hidden"), g2 = cn("grow overflow-auto transparent-when-disconnected"), r[141] = G0, r[142] = g2) : (G0 = r[141], g2 = r[142]), r[143] === V0 ? K0 = r[144] : (K0 = (0, import_jsx_runtime.jsx)("div", {
+        r[141] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (U0 = cn("relative flex z-10 flex-1 overflow-hidden"), g2 = cn("grow overflow-auto transparent-when-disconnected"), r[141] = U0, r[142] = g2) : (U0 = r[141], g2 = r[142]), r[143] === z0 ? W0 = r[144] : (W0 = (0, import_jsx_runtime.jsx)("div", {
           className: g2,
-          children: V0
-        }), r[143] = V0, r[144] = K0), H0 = "flex-none flex flex-col w-[300px] p-2 pb-20 gap-2 overflow-auto bg-(--slate-2) border-t border-x rounded-t shadow-sm transparent-when-disconnected mx-2 mt-4", r[145] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (U0 = (0, import_jsx_runtime.jsx)("div", {
+          children: z0
+        }), r[143] = z0, r[144] = W0), B0 = "flex-none flex flex-col w-[300px] p-2 pb-20 gap-2 overflow-auto bg-(--slate-2) border-t border-x rounded-t shadow-sm transparent-when-disconnected mx-2 mt-4", r[145] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (V0 = (0, import_jsx_runtime.jsx)("div", {
           className: "text font-bold text-(--slate-20) shrink-0",
           children: "Outputs"
-        }), r[145] = U0) : U0 = r[145];
+        }), r[145] = V0) : V0 = r[145];
         let b2;
         r[146] !== c.columns || r[147] !== c.rowHeight || r[148] !== d ? (b2 = (e3) => (0, import_jsx_runtime.jsx)("div", {
           draggable: true,
@@ -40970,34 +41007,34 @@ ${c}
             status: e3.status,
             hidden: false
           })
-        }, e3.id), r[146] = c.columns, r[147] = c.rowHeight, r[148] = d, r[149] = b2) : b2 = r[149], W0 = m2.map(b2);
+        }, e3.id), r[146] = c.columns, r[147] = c.rowHeight, r[148] = d, r[149] = b2) : b2 = r[149], H0 = m2.map(b2);
       }
-      r[108] = u, r[109] = V0, r[110] = h, r[111] = v, r[112] = f, r[113] = c, r[114] = d, r[115] = l, r[116] = L, r[117] = H0, r[118] = U0, r[119] = W0, r[120] = G0, r[121] = K0, r[122] = q0, r[123] = J0, r[124] = V0;
-    } else H0 = r[117], U0 = r[118], W0 = r[119], G0 = r[120], K0 = r[121], q0 = r[122], J0 = r[123], V0 = r[124];
-    if (J0 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return J0;
-    let Y0;
-    r[150] !== H0 || r[151] !== U0 || r[152] !== W0 ? (Y0 = (0, import_jsx_runtime.jsxs)("div", {
-      className: H0,
+      r[108] = u, r[109] = z0, r[110] = h, r[111] = v, r[112] = f, r[113] = c, r[114] = d, r[115] = l, r[116] = L, r[117] = B0, r[118] = V0, r[119] = H0, r[120] = U0, r[121] = W0, r[122] = G0, r[123] = K0, r[124] = z0;
+    } else B0 = r[117], V0 = r[118], H0 = r[119], U0 = r[120], W0 = r[121], G0 = r[122], K0 = r[123], z0 = r[124];
+    if (K0 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) return K0;
+    let q0;
+    r[150] !== B0 || r[151] !== V0 || r[152] !== H0 ? (q0 = (0, import_jsx_runtime.jsxs)("div", {
+      className: B0,
       children: [
-        U0,
-        W0
+        V0,
+        H0
       ]
-    }), r[150] = H0, r[151] = U0, r[152] = W0, r[153] = Y0) : Y0 = r[153];
-    let X0;
-    r[154] !== G0 || r[155] !== K0 || r[156] !== Y0 ? (X0 = (0, import_jsx_runtime.jsxs)("div", {
-      className: G0,
+    }), r[150] = B0, r[151] = V0, r[152] = H0, r[153] = q0) : q0 = r[153];
+    let J0;
+    r[154] !== U0 || r[155] !== W0 || r[156] !== q0 ? (J0 = (0, import_jsx_runtime.jsxs)("div", {
+      className: U0,
       children: [
-        K0,
-        Y0
+        W0,
+        q0
       ]
-    }), r[154] = G0, r[155] = K0, r[156] = Y0, r[157] = X0) : X0 = r[157];
-    let Z0;
-    return r[158] !== q0 || r[159] !== X0 ? (Z0 = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    }), r[154] = U0, r[155] = W0, r[156] = q0, r[157] = J0) : J0 = r[157];
+    let Y0;
+    return r[158] !== G0 || r[159] !== J0 ? (Y0 = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [
-        q0,
-        X0
+        G0,
+        J0
       ]
-    }), r[158] = q0, r[159] = X0, r[160] = Z0) : Z0 = r[160], Z0;
+    }), r[158] = G0, r[159] = J0, r[160] = Y0) : Y0 = r[160], Y0;
   };
   var GridCell = (0, import_react.memo)((e) => {
     let r = (0, import_compiler_runtime$11.c)(20), { output: c, cellId: l, status: u, mode: d, code: f, hidden: m, isScrollable: h, side: g, className: _ } = e, v;
@@ -41302,21 +41339,21 @@ ${c}
     r[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Z = (0, import_jsx_runtime.jsx)(GripHorizontal, {
       className: cn(DRAG_HANDLE, "cursor-move", "h-4 w-4 opacity-60 hover:opacity-100")
     }), r[35] = Z) : Z = r[35];
-    let w0;
-    r[36] === l ? w0 = r[37] : (w0 = (0, import_jsx_runtime.jsx)(X, {
+    let S0;
+    r[36] === l ? S0 = r[37] : (S0 = (0, import_jsx_runtime.jsx)(X, {
       className: "h-4 w-4 opacity-60 hover:opacity-100",
       onClick: () => l()
-    }), r[36] = l, r[37] = w0);
-    let T0;
-    return r[38] !== I || r[39] !== q || r[40] !== w0 || r[41] !== w ? (T0 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[36] = l, r[37] = S0);
+    let C0;
+    return r[38] !== I || r[39] !== q || r[40] !== S0 || r[41] !== w ? (C0 = (0, import_jsx_runtime.jsxs)("div", {
       className: w,
       children: [
         I,
         q,
         Z,
-        w0
+        S0
       ]
-    }), r[38] = I, r[39] = q, r[40] = w0, r[41] = w, r[42] = T0) : T0 = r[42], T0;
+    }), r[38] = I, r[39] = q, r[40] = S0, r[41] = w, r[42] = C0) : C0 = r[42], C0;
   };
   function isSidebarCell(e) {
     var _a3;
@@ -43260,29 +43297,29 @@ ${c}
       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), Z = (0, import_react.useMemo)(() => j.getEnabled(), [
       j
-    ]), w0 = useMeasuringConfiguration(p), { droppableRects: T0, measureDroppableContainers: E0, measuringScheduled: D0 } = useDroppableMeasuring(Z, {
+    ]), S0 = useMeasuringConfiguration(p), { droppableRects: C0, measureDroppableContainers: w0, measuringScheduled: T0 } = useDroppableMeasuring(Z, {
       dragging: w,
       dependencies: [
         O.x,
         O.y
       ],
-      config: w0.droppable
-    }), O0 = useCachedNode(E, T), k0 = (0, import_react.useMemo)(() => H ? getEventCoordinates(H) : null, [
+      config: S0.droppable
+    }), E0 = useCachedNode(E, T), D0 = (0, import_react.useMemo)(() => H ? getEventCoordinates(H) : null, [
       H
-    ]), A0 = s2(), j0 = useInitialRect(O0, w0.draggable.measure);
+    ]), O0 = a2(), k0 = useInitialRect(E0, S0.draggable.measure);
     useLayoutShiftScrollCompensation({
       activeNode: T == null ? null : E.get(T),
-      config: A0.layoutShiftCompensation,
-      initialRect: j0,
-      measure: w0.draggable.measure
+      config: O0.layoutShiftCompensation,
+      initialRect: k0,
+      measure: S0.draggable.measure
     });
-    let M0 = useRect(O0, w0.draggable.measure, j0), N0 = useRect(O0 ? O0.parentElement : null), P0 = (0, import_react.useRef)({
+    let A0 = useRect(E0, S0.draggable.measure, k0), j0 = useRect(E0 ? E0.parentElement : null), M0 = (0, import_react.useRef)({
       activatorEvent: null,
       active: null,
-      activeNode: O0,
+      activeNode: E0,
       collisionRect: null,
       collisions: null,
-      droppableRects: T0,
+      droppableRects: C0,
       draggableNodes: E,
       draggingNode: null,
       draggingNodeRect: null,
@@ -43290,45 +43327,45 @@ ${c}
       over: null,
       scrollableAncestors: [],
       scrollAdjustedTranslate: null
-    }), F0 = j.getNodeFor((_a3 = P0.current.over) == null ? void 0 : _a3.id), I0 = useDragOverlayMeasuring({
-      measure: w0.dragOverlay.measure
-    }), L0 = I0.nodeRef.current ?? O0, R0 = w ? I0.rect ?? M0 : null, z0 = !!(I0.nodeRef.current && I0.rect), B0 = useRectDelta(z0 ? null : M0), V0 = useWindowRect(L0 ? getWindow(L0) : null), H0 = useScrollableAncestors(w ? F0 ?? O0 : null), U0 = useRects(H0), W0 = applyModifiers(m, {
+    }), N0 = j.getNodeFor((_a3 = M0.current.over) == null ? void 0 : _a3.id), P0 = useDragOverlayMeasuring({
+      measure: S0.dragOverlay.measure
+    }), F0 = P0.nodeRef.current ?? E0, I0 = w ? P0.rect ?? A0 : null, L0 = !!(P0.nodeRef.current && P0.rect), R0 = useRectDelta(L0 ? null : A0), z0 = useWindowRect(F0 ? getWindow(F0) : null), B0 = useScrollableAncestors(w ? N0 ?? E0 : null), V0 = useRects(B0), H0 = applyModifiers(m, {
       transform: {
-        x: O.x - B0.x,
-        y: O.y - B0.y,
+        x: O.x - R0.x,
+        y: O.y - R0.y,
         scaleX: 1,
         scaleY: 1
       },
       activatorEvent: H,
       active: L,
-      activeNodeRect: M0,
-      containerNodeRect: N0,
-      draggingNodeRect: R0,
-      over: P0.current.over,
-      overlayNodeRect: I0.rect,
-      scrollableAncestors: H0,
-      scrollableAncestorRects: U0,
-      windowRect: V0
-    }), G0 = k0 ? add(k0, O) : null, K0 = useScrollOffsets(H0), q0 = useScrollOffsetsDelta(K0), J0 = useScrollOffsetsDelta(K0, [
-      M0
-    ]), Y0 = add(W0, q0), X0 = R0 ? getAdjustedRect(R0, W0) : null, Z0 = L && X0 ? f({
+      activeNodeRect: A0,
+      containerNodeRect: j0,
+      draggingNodeRect: I0,
+      over: M0.current.over,
+      overlayNodeRect: P0.rect,
+      scrollableAncestors: B0,
+      scrollableAncestorRects: V0,
+      windowRect: z0
+    }), U0 = D0 ? add(D0, O) : null, W0 = useScrollOffsets(B0), G0 = useScrollOffsetsDelta(W0), K0 = useScrollOffsetsDelta(W0, [
+      A0
+    ]), q0 = add(H0, G0), J0 = I0 ? getAdjustedRect(I0, H0) : null, Y0 = L && J0 ? f({
       active: L,
-      collisionRect: X0,
-      droppableRects: T0,
+      collisionRect: J0,
+      droppableRects: C0,
       droppableContainers: Z,
-      pointerCoordinates: G0
-    }) : null, Q0 = getFirstCollision(Z0, "id"), [$0, e2] = (0, import_react.useState)(null), t2 = adjustScale(z0 ? W0 : add(W0, J0), ($0 == null ? void 0 : $0.rect) ?? null, M0), n2 = (0, import_react.useRef)(null), r2 = (0, import_react.useCallback)((e3, r3) => {
+      pointerCoordinates: U0
+    }) : null, X0 = getFirstCollision(Y0, "id"), [Z0, Q0] = (0, import_react.useState)(null), $0 = adjustScale(L0 ? H0 : add(H0, K0), (Z0 == null ? void 0 : Z0.rect) ?? null, A0), e2 = (0, import_react.useRef)(null), t2 = (0, import_react.useCallback)((e3, r3) => {
       let { sensor: c2, options: l2 } = r3;
       if (R.current == null) return;
       let u2 = E.get(R.current);
       if (!u2) return;
       let d2 = e3.nativeEvent;
-      n2.current = new c2({
+      e2.current = new c2({
         active: R.current,
         activeNode: u2,
         event: d2,
         options: l2,
-        context: P0,
+        context: M0,
         onAbort(e4) {
           if (!E.get(e4)) return;
           let { onDragAbort: r4 } = G.current, c3 = {
@@ -43373,7 +43410,7 @@ ${c}
             }), v({
               type: "onDragStart",
               event: u3
-            }), B(n2.current), W(d2);
+            }), B(e2.current), W(d2);
           });
         },
         onMove(e4) {
@@ -43387,7 +43424,7 @@ ${c}
       });
       function f2(e4) {
         return async function() {
-          let { active: r4, collisions: c3, over: l3, scrollAdjustedTranslate: u3 } = P0.current, f3 = null;
+          let { active: r4, collisions: c3, over: l3, scrollAdjustedTranslate: u3 } = M0.current, f3 = null;
           if (r4 && u3) {
             let { cancelDrop: p2 } = G.current;
             f3 = {
@@ -43401,7 +43438,7 @@ ${c}
           R.current = null, (0, import_react_dom.unstable_batchedUpdates)(() => {
             _({
               type: e4
-            }), S(Status.Uninitialized), e2(null), B(null), W(null), n2.current = null;
+            }), S(Status.Uninitialized), Q0(null), B(null), W(null), e2.current = null;
             let r5 = e4 === Action.DragEnd ? "onDragEnd" : "onDragCancel";
             if (f3) {
               let e5 = G.current[r5];
@@ -43415,7 +43452,7 @@ ${c}
       }
     }, [
       E
-    ]), i2 = useCombineActivators(d, (0, import_react.useCallback)((e3, r3) => (c2, l2) => {
+    ]), n2 = useCombineActivators(d, (0, import_react.useCallback)((e3, r3) => (c2, l2) => {
       let u2 = c2.nativeEvent, d2 = E.get(l2);
       if (R.current !== null || !d2 || u2.dndKit || u2.defaultPrevented) return;
       let f2 = {
@@ -43423,26 +43460,26 @@ ${c}
       };
       e3(c2, r3.options, f2) === true && (u2.dndKit = {
         capturedBy: r3.sensor
-      }, R.current = l2, r2(c2, r3));
+      }, R.current = l2, t2(c2, r3));
     }, [
       E,
-      r2
+      t2
     ]));
     useSensorSetup(d), useIsomorphicLayoutEffect(() => {
-      M0 && b === Status.Initializing && S(Status.Initialized);
+      A0 && b === Status.Initializing && S(Status.Initialized);
     }, [
-      M0,
+      A0,
       b
     ]), (0, import_react.useEffect)(() => {
-      let { onDragMove: e3 } = G.current, { active: r3, activatorEvent: c2, collisions: l2, over: u2 } = P0.current;
+      let { onDragMove: e3 } = G.current, { active: r3, activatorEvent: c2, collisions: l2, over: u2 } = M0.current;
       if (!r3 || !c2) return;
       let d2 = {
         active: r3,
         activatorEvent: c2,
         collisions: l2,
         delta: {
-          x: Y0.x,
-          y: Y0.y
+          x: q0.x,
+          y: q0.y
         },
         over: u2
       };
@@ -43453,12 +43490,12 @@ ${c}
         });
       });
     }, [
-      Y0.x,
-      Y0.y
+      q0.x,
+      q0.y
     ]), (0, import_react.useEffect)(() => {
-      let { active: e3, activatorEvent: r3, collisions: c2, droppableContainers: l2, scrollAdjustedTranslate: u2 } = P0.current;
+      let { active: e3, activatorEvent: r3, collisions: c2, droppableContainers: l2, scrollAdjustedTranslate: u2 } = M0.current;
       if (!e3 || R.current == null || !r3 || !u2) return;
-      let { onDragOver: d2 } = G.current, f2 = l2.get(Q0), p2 = f2 && f2.rect.current ? {
+      let { onDragOver: d2 } = G.current, f2 = l2.get(X0), p2 = f2 && f2.rect.current ? {
         id: f2.id,
         rect: f2.rect.current,
         data: f2.data,
@@ -43474,127 +43511,127 @@ ${c}
         over: p2
       };
       (0, import_react_dom.unstable_batchedUpdates)(() => {
-        e2(p2), d2 == null ? void 0 : d2(m2), v({
+        Q0(p2), d2 == null ? void 0 : d2(m2), v({
           type: "onDragOver",
           event: m2
         });
       });
     }, [
-      Q0
+      X0
     ]), useIsomorphicLayoutEffect(() => {
-      P0.current = {
+      M0.current = {
         activatorEvent: H,
         active: L,
-        activeNode: O0,
-        collisionRect: X0,
-        collisions: Z0,
-        droppableRects: T0,
+        activeNode: E0,
+        collisionRect: J0,
+        collisions: Y0,
+        droppableRects: C0,
         draggableNodes: E,
-        draggingNode: L0,
-        draggingNodeRect: R0,
+        draggingNode: F0,
+        draggingNodeRect: I0,
         droppableContainers: j,
-        over: $0,
-        scrollableAncestors: H0,
-        scrollAdjustedTranslate: Y0
+        over: Z0,
+        scrollableAncestors: B0,
+        scrollAdjustedTranslate: q0
       }, I.current = {
-        initial: R0,
-        translated: X0
+        initial: I0,
+        translated: J0
       };
     }, [
       L,
-      O0,
-      Z0,
-      X0,
+      E0,
+      Y0,
+      J0,
       E,
-      L0,
-      R0,
-      T0,
+      F0,
+      I0,
+      C0,
       j,
-      $0,
-      H0,
-      Y0
+      Z0,
+      B0,
+      q0
     ]), useAutoScroller({
-      ...A0,
+      ...O0,
       delta: O,
-      draggingRect: X0,
-      pointerCoordinates: G0,
-      scrollableAncestors: H0,
-      scrollableAncestorRects: U0
+      draggingRect: J0,
+      pointerCoordinates: U0,
+      scrollableAncestors: B0,
+      scrollableAncestorRects: V0
     });
-    let a2 = (0, import_react.useMemo)(() => ({
+    let r2 = (0, import_react.useMemo)(() => ({
       active: L,
-      activeNode: O0,
-      activeNodeRect: M0,
+      activeNode: E0,
+      activeNodeRect: A0,
       activatorEvent: H,
-      collisions: Z0,
-      containerNodeRect: N0,
-      dragOverlay: I0,
+      collisions: Y0,
+      containerNodeRect: j0,
+      dragOverlay: P0,
       draggableNodes: E,
       droppableContainers: j,
-      droppableRects: T0,
-      over: $0,
-      measureDroppableContainers: E0,
-      scrollableAncestors: H0,
-      scrollableAncestorRects: U0,
-      measuringConfiguration: w0,
-      measuringScheduled: D0,
-      windowRect: V0
+      droppableRects: C0,
+      over: Z0,
+      measureDroppableContainers: w0,
+      scrollableAncestors: B0,
+      scrollableAncestorRects: V0,
+      measuringConfiguration: S0,
+      measuringScheduled: T0,
+      windowRect: z0
     }), [
       L,
-      O0,
-      M0,
+      E0,
+      A0,
       H,
-      Z0,
-      N0,
-      I0,
+      Y0,
+      j0,
+      P0,
       E,
       j,
-      T0,
-      $0,
-      E0,
-      H0,
-      U0,
+      C0,
+      Z0,
       w0,
-      D0,
-      V0
-    ]), o2 = (0, import_react.useMemo)(() => ({
+      B0,
+      V0,
+      S0,
+      T0,
+      z0
+    ]), i2 = (0, import_react.useMemo)(() => ({
       activatorEvent: H,
-      activators: i2,
+      activators: n2,
       active: L,
-      activeNodeRect: M0,
+      activeNodeRect: A0,
       ariaDescribedById: {
         draggable: q
       },
       dispatch: _,
       draggableNodes: E,
-      over: $0,
-      measureDroppableContainers: E0
+      over: Z0,
+      measureDroppableContainers: w0
     }), [
       H,
-      i2,
+      n2,
       L,
-      M0,
+      A0,
       _,
       q,
       E,
-      $0,
-      E0
+      Z0,
+      w0
     ]);
     return import_react.createElement(DndMonitorContext.Provider, {
       value: y
     }, import_react.createElement(InternalContext.Provider, {
-      value: o2
+      value: i2
     }, import_react.createElement(PublicContext.Provider, {
-      value: a2
+      value: r2
     }, import_react.createElement(ActiveDraggableContext.Provider, {
-      value: t2
+      value: $0
     }, u)), import_react.createElement(RestoreFocus, {
       disabled: (c == null ? void 0 : c.restoreFocus) === false
     })), import_react.createElement(Accessibility, {
       ...c,
       hiddenTextDescribedById: q
     }));
-    function s2() {
+    function a2() {
       let e3 = (z == null ? void 0 : z.autoScrollEnabled) === false, r3 = typeof l == "object" ? l.enabled === false : l === false, c2 = w && !e3 && !r3;
       return typeof l == "object" ? {
         ...l,
@@ -44122,7 +44159,7 @@ ${c}
         updateMeasurementsFor: I,
         ...m
       }
-    }), { active: H, activatorEvent: W, activeNodeRect: G, attributes: q, setNodeRef: Z, listeners: w0, isDragging: T0, over: E0, setActivatorNodeRef: D0, transform: O0 } = useDraggable({
+    }), { active: H, activatorEvent: W, activeNodeRect: G, attributes: q, setNodeRef: Z, listeners: S0, isDragging: C0, over: w0, setActivatorNodeRef: T0, transform: E0 } = useDraggable({
       id: f,
       data: M,
       attributes: {
@@ -44130,60 +44167,60 @@ ${c}
         ...c
       },
       disabled: O.draggable
-    }), k0 = useCombinedRefs(B, Z), A0 = !!H, j0 = A0 && !b && isValidIndex(v) && isValidIndex(w), M0 = !T && T0, N0 = j0 ? (M0 && j0 ? O0 : null) ?? (p ?? E)({
+    }), D0 = useCombinedRefs(B, Z), O0 = !!H, k0 = O0 && !b && isValidIndex(v) && isValidIndex(w), A0 = !T && C0, j0 = k0 ? (A0 && k0 ? E0 : null) ?? (p ?? E)({
       rects: S,
       activeNodeRect: G,
       activeIndex: v,
       overIndex: w,
       index: j
-    }) : null, P0 = isValidIndex(v) && isValidIndex(w) ? d({
+    }) : null, M0 = isValidIndex(v) && isValidIndex(w) ? d({
       id: f,
       items: g,
       activeIndex: v,
       overIndex: w
-    }) : j, F0 = H == null ? void 0 : H.id, I0 = (0, import_react.useRef)({
-      activeId: F0,
+    }) : j, N0 = H == null ? void 0 : H.id, P0 = (0, import_react.useRef)({
+      activeId: N0,
       items: g,
-      newIndex: P0,
+      newIndex: M0,
       containerId: _
-    }), L0 = g !== I0.current.items, R0 = r({
+    }), F0 = g !== P0.current.items, I0 = r({
       active: H,
       containerId: _,
-      isDragging: T0,
-      isSorting: A0,
+      isDragging: C0,
+      isSorting: O0,
       id: f,
       index: j,
       items: g,
-      newIndex: I0.current.newIndex,
-      previousItems: I0.current.items,
-      previousContainerId: I0.current.containerId,
+      newIndex: P0.current.newIndex,
+      previousItems: P0.current.items,
+      previousContainerId: P0.current.containerId,
       transition: h,
-      wasDragging: I0.current.activeId != null
-    }), z0 = useDerivedTransform({
-      disabled: !R0,
+      wasDragging: P0.current.activeId != null
+    }), L0 = useDerivedTransform({
+      disabled: !I0,
       index: j,
       node: R,
       rect: L
     });
     return (0, import_react.useEffect)(() => {
-      A0 && I0.current.newIndex !== P0 && (I0.current.newIndex = P0), _ !== I0.current.containerId && (I0.current.containerId = _), g !== I0.current.items && (I0.current.items = g);
+      O0 && P0.current.newIndex !== M0 && (P0.current.newIndex = M0), _ !== P0.current.containerId && (P0.current.containerId = _), g !== P0.current.items && (P0.current.items = g);
     }, [
-      A0,
-      P0,
+      O0,
+      M0,
       _,
       g
     ]), (0, import_react.useEffect)(() => {
-      if (F0 === I0.current.activeId) return;
-      if (F0 != null && I0.current.activeId == null) {
-        I0.current.activeId = F0;
+      if (N0 === P0.current.activeId) return;
+      if (N0 != null && P0.current.activeId == null) {
+        P0.current.activeId = N0;
         return;
       }
       let e2 = setTimeout(() => {
-        I0.current.activeId = F0;
+        P0.current.activeId = N0;
       }, 50);
       return () => clearTimeout(e2);
     }, [
-      F0
+      N0
     ]), {
       active: H,
       activeIndex: v,
@@ -44191,25 +44228,25 @@ ${c}
       data: M,
       rect: L,
       index: j,
-      newIndex: P0,
+      newIndex: M0,
       items: g,
       isOver: z,
-      isSorting: A0,
-      isDragging: T0,
-      listeners: w0,
+      isSorting: O0,
+      isDragging: C0,
+      listeners: S0,
       node: R,
       overIndex: w,
-      over: E0,
-      setNodeRef: k0,
-      setActivatorNodeRef: D0,
+      over: w0,
+      setNodeRef: D0,
+      setActivatorNodeRef: T0,
       setDroppableNodeRef: B,
       setDraggableNodeRef: Z,
-      transform: z0 ?? N0,
-      transition: B0()
+      transform: L0 ?? j0,
+      transition: R0()
     };
-    function B0() {
-      if (z0 || L0 && I0.current.newIndex === j) return disabledTransition;
-      if (!(M0 && !isKeyboardEvent(W) || !h) && (A0 || R0)) return CSS$1.Transition.toString({
+    function R0() {
+      if (L0 || F0 && P0.current.newIndex === j) return disabledTransition;
+      if (!(A0 && !isKeyboardEvent(W) || !h) && (O0 || I0)) return CSS$1.Transition.toString({
         ...h,
         property: transitionProperty
       });
@@ -44487,8 +44524,8 @@ ${c}
     }, 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", Z;
     r[23] !== l || r[24] !== q || r[25] !== W || r[26] !== G ? (Z = 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] = Z) : Z = r[27];
-    let w0;
-    r[28] !== c || r[29] !== O || r[30] !== j || r[31] !== H || r[32] !== E ? (w0 = H && (0, import_jsx_runtime.jsx)("div", {
+    let S0;
+    r[28] !== c || r[29] !== O || r[30] !== j || r[31] !== H || r[32] !== E ? (S0 = 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})`,
@@ -44501,14 +44538,14 @@ ${c}
         status: c.status,
         output: c.output
       })
-    }), r[28] = c, r[29] = O, r[30] = j, r[31] = H, r[32] = E, r[33] = w0) : w0 = r[33];
-    let T0;
-    r[34] === L ? T0 = r[35] : (T0 = L && (0, import_jsx_runtime.jsx)("div", {
+    }), r[28] = c, r[29] = O, r[30] = j, r[31] = H, r[32] = E, r[33] = S0) : S0 = r[33];
+    let C0;
+    r[34] === L ? C0 = r[35] : (C0 = L && (0, import_jsx_runtime.jsx)("div", {
       className: "absolute inset-0 bg-muted/60 pointer-events-none",
       "aria-hidden": true
-    }), r[34] = L, r[35] = T0);
-    let E0;
-    r[36] !== L || r[37] !== I ? (E0 = I && (0, import_jsx_runtime.jsx)(Tooltip, {
+    }), r[34] = L, r[35] = C0);
+    let w0;
+    r[36] !== L || r[37] !== I ? (w0 = I && (0, import_jsx_runtime.jsx)(Tooltip, {
       content: (0, import_jsx_runtime.jsx)("span", {
         className: "text-xs opacity-80",
         children: I.description
@@ -44520,19 +44557,19 @@ ${c}
           className: "h-3.5 w-3.5"
         })
       })
-    }), r[36] = L, r[37] = I, r[38] = E0) : E0 = r[38];
-    let D0;
-    return r[39] !== B || r[40] !== d || r[41] !== f || r[42] !== Z || r[43] !== w0 || r[44] !== T0 || r[45] !== E0 ? (D0 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[36] = L, r[37] = I, r[38] = w0) : w0 = r[38];
+    let T0;
+    return r[39] !== B || r[40] !== d || r[41] !== f || r[42] !== Z || r[43] !== S0 || r[44] !== C0 || r[45] !== w0 ? (T0 = (0, import_jsx_runtime.jsxs)("div", {
       ref: f,
       className: Z,
       style: B,
       ...d,
       children: [
-        w0,
-        T0,
-        E0
+        S0,
+        C0,
+        w0
       ]
-    }), r[39] = B, r[40] = d, r[41] = f, r[42] = Z, r[43] = w0, r[44] = T0, r[45] = E0, r[46] = D0) : D0 = r[46], D0;
+    }), r[39] = B, r[40] = d, r[41] = f, r[42] = Z, r[43] = S0, r[44] = C0, r[45] = w0, r[46] = T0) : T0 = r[46], T0;
   };
   function projectDropTarget(e) {
     let { active: r, over: c } = e;
@@ -44563,7 +44600,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-FVQZK4p1.js"));
+  var LazySlidesComponent = import_react.lazy(() => import("./reveal-component-AVhrsTmc.js"));
   const SlidesLayoutPlugin = {
     type: "slides",
     name: "Slides",
@@ -44932,7 +44969,7 @@ ${c}
       let r2 = e2.scrollHeight - e2.clientHeight;
       r2 - e2.scrollTop < 120 && (e2.scrollTop = r2);
     }, r[2] = z) : z = r[2], (0, import_react.useLayoutEffect)(z), !I && isInternalCellName(b)) return null;
-    let B, H, W, G, q, Z, w0, T0, E0, D0;
+    let B, H, W, G, q, Z, S0, C0, w0, T0;
     if (r[3] !== S || r[4] !== j || r[5] !== M || r[6] !== I || r[7] !== _ || r[8] !== d || r[9] !== R || r[10] !== E || r[11] !== O || r[12] !== T || r[13] !== L || r[14] !== f || r[15] !== u || r[16] !== y || r[17] !== m || r[18] !== l) {
       let e2 = M.toReversed(), g2 = e2.some(_temp$2), v2 = e2.findIndex(_temp2$1), b2;
       r[29] === M ? b2 = r[30] : (b2 = () => M.filter(_temp3$1).map(_temp4$1).join("\n"), r[29] = M, r[30] = b2);
@@ -44978,11 +45015,11 @@ ${c}
             })
           })
         ]
-      }), r[31] = z2, r[32] = I, r[33] = d, r[34] = R, r[35] = f, r[36] = u, r[37] = l, r[38] = H) : H = r[38], W = y ? "This console output is stale" : void 0, G = "console-output-area", q = c, Z = L, w0 = 0;
-      let O02 = y && "marimo-output-stale", k02 = I ? "p-5" : "p-3";
-      r[39] !== j || r[40] !== O02 || r[41] !== k02 ? (T0 = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", O02, k02, j), r[39] = j, r[40] = O02, r[41] = k02, r[42] = T0) : T0 = r[42], r[43] === d ? E0 = r[44] : (E0 = d ? {
+      }), r[31] = z2, r[32] = I, r[33] = d, r[34] = R, r[35] = f, r[36] = u, r[37] = l, r[38] = H) : H = r[38], W = y ? "This console output is stale" : void 0, G = "console-output-area", q = c, Z = L, S0 = 0;
+      let E02 = y && "marimo-output-stale", D02 = I ? "p-5" : "p-3";
+      r[39] !== j || r[40] !== E02 || r[41] !== D02 ? (C0 = cn("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden", E02, D02, j), r[39] = j, r[40] = E02, r[41] = D02, r[42] = C0) : C0 = r[42], r[43] === d ? w0 = r[44] : (w0 = d ? {
         maxHeight: "none"
-      } : void 0, r[43] = d, r[44] = E0), D0 = e2.map((e3, r2) => {
+      } : void 0, r[43] = d, r[44] = w0), T0 = e2.map((e3, r2) => {
         if (e3.channel === "pdb") return null;
         if (e3.channel === "stdin") {
           invariant(typeof e3.data == "string", "Expected data to be a string");
@@ -45010,36 +45047,36 @@ ${c}
             wrapText: l
           })
         }, r2);
-      }), r[3] = S, r[4] = j, r[5] = M, r[6] = I, r[7] = _, r[8] = d, r[9] = R, r[10] = E, r[11] = O, r[12] = T, r[13] = L, r[14] = f, r[15] = u, r[16] = y, r[17] = m, r[18] = l, r[19] = B, r[20] = H, r[21] = W, r[22] = G, r[23] = q, r[24] = Z, r[25] = w0, r[26] = T0, r[27] = E0, r[28] = D0;
-    } else B = r[19], H = r[20], W = r[21], G = r[22], q = r[23], Z = r[24], w0 = r[25], T0 = r[26], E0 = r[27], D0 = r[28];
-    let O0;
-    r[45] !== S || r[46] !== b ? (O0 = (0, import_jsx_runtime.jsx)(NameCellContentEditable, {
+      }), r[3] = S, r[4] = j, r[5] = M, r[6] = I, r[7] = _, r[8] = d, r[9] = R, r[10] = E, r[11] = O, r[12] = T, r[13] = L, r[14] = f, r[15] = u, r[16] = y, r[17] = m, r[18] = l, r[19] = B, r[20] = H, r[21] = W, r[22] = G, r[23] = q, r[24] = Z, r[25] = S0, r[26] = C0, r[27] = w0, r[28] = T0;
+    } else B = r[19], H = r[20], W = r[21], G = r[22], q = r[23], Z = r[24], S0 = r[25], C0 = r[26], w0 = r[27], T0 = r[28];
+    let E0;
+    r[45] !== S || r[46] !== b ? (E0 = (0, import_jsx_runtime.jsx)(NameCellContentEditable, {
       value: b,
       cellId: S,
       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[45] = S, r[46] = b, r[47] = O0) : O0 = r[47];
-    let k0;
-    r[48] !== O0 || r[49] !== W || r[50] !== G || r[51] !== q || r[52] !== Z || r[53] !== w0 || r[54] !== T0 || r[55] !== E0 || r[56] !== D0 ? (k0 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[45] = S, r[46] = b, r[47] = E0) : E0 = r[47];
+    let D0;
+    r[48] !== E0 || r[49] !== W || r[50] !== G || r[51] !== q || r[52] !== Z || r[53] !== S0 || r[54] !== C0 || r[55] !== w0 || r[56] !== T0 ? (D0 = (0, import_jsx_runtime.jsxs)("div", {
       title: W,
       "data-testid": G,
       ref: q,
       ...Z,
-      tabIndex: w0,
-      className: T0,
-      style: E0,
+      tabIndex: S0,
+      className: C0,
+      style: w0,
       children: [
-        D0,
-        O0
+        T0,
+        E0
       ]
-    }), r[48] = O0, r[49] = W, r[50] = G, r[51] = q, r[52] = Z, r[53] = w0, r[54] = T0, r[55] = E0, r[56] = D0, r[57] = k0) : k0 = r[57];
-    let A0;
-    return r[58] !== B || r[59] !== H || r[60] !== k0 ? (A0 = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[48] = E0, r[49] = W, r[50] = G, r[51] = q, r[52] = Z, r[53] = S0, r[54] = C0, r[55] = w0, r[56] = T0, r[57] = D0) : D0 = r[57];
+    let O0;
+    return r[58] !== B || r[59] !== H || r[60] !== D0 ? (O0 = (0, import_jsx_runtime.jsxs)("div", {
       className: B,
       children: [
         H,
-        k0
+        D0
       ]
-    }), r[58] = B, r[59] = H, r[60] = k0, r[61] = A0) : A0 = r[61], A0;
+    }), r[58] = B, r[59] = H, r[60] = D0, r[61] = O0) : O0 = r[61], O0;
   }, StdInput = (e) => {
     let r = (0, import_compiler_runtime$6.c)(25), { value: c, setValue: l, inputHistory: u, output: d, isPassword: f, isPdb: p, onSubmit: m, onClear: h } = e, { navigateUp: g, navigateDown: _, addToHistory: v } = u, y;
     r[0] === d ? y = r[1] : (y = renderText(d), r[0] = d, r[1] = y);
@@ -45493,23 +45530,23 @@ ${c}
     if ((h || _ || m || W) && !G) return null;
     let q;
     r[42] !== d || r[43] !== T ? (q = cellDomProps(d, T), r[42] = d, r[43] = T, r[44] = q) : q = r[44];
-    let Z = w === "edit", w0;
-    r[45] !== d || r[46] !== R || r[47] !== c || r[48] !== I || r[49] !== Z ? (w0 = (0, import_jsx_runtime.jsx)(OutputArea, {
+    let Z = w === "edit", S0;
+    r[45] !== d || r[46] !== R || r[47] !== c || r[48] !== I || r[49] !== Z ? (S0 = (0, import_jsx_runtime.jsx)(OutputArea, {
       allowExpand: Z,
       output: c,
       className: CSSClasses.outputArea,
       cellId: d,
       stale: I,
       loading: R
-    }), r[45] = d, r[46] = R, r[47] = c, r[48] = I, r[49] = Z, r[50] = w0) : w0 = r[50];
-    let T0;
-    return r[51] !== H || r[52] !== q || r[53] !== w0 ? (T0 = (0, import_jsx_runtime.jsx)("div", {
+    }), r[45] = d, r[46] = R, r[47] = c, r[48] = I, r[49] = Z, r[50] = S0) : S0 = r[50];
+    let C0;
+    return r[51] !== H || r[52] !== q || r[53] !== S0 ? (C0 = (0, import_jsx_runtime.jsx)("div", {
       tabIndex: -1,
       ref: j,
       className: H,
       ...q,
-      children: w0
-    }), r[51] = H, r[52] = q, r[53] = w0, r[54] = T0) : T0 = r[54], T0;
+      children: S0
+    }), r[51] = H, r[52] = q, r[53] = S0, r[54] = C0) : C0 = r[54], C0;
   });
   VerticalCell.displayName = "VerticalCell";
   const VerticalLayoutPlugin = {